@charset "utf-8";
/* CSS Document */

body{
	background-image: url('/images/background.jpg');
	background-position: center;
	background-repeat: repeat-y;
	border: 0;
	margin: 0;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
}

img{
	border:0;
}

a:link {
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
a:hover {
	color: #0066CC;
}
a:active {
	color: #0066CC;
}
form {
	margin: 0px;
}

h1{
	font-size: 14px;
	color: #009900;
	margin: 7px 0;
}

#canvas{
	width: 885px;
	margin: 0 auto;
}

#canvas #header{
	background-image: url('/images/logo.jpg');
	background-repeat: no-repeat;
	height: 180px;
	width: 100%;
}

	#canvas #box{
		width: 550px;
		height: 180px;
		float: left;
	}

	#canvas #header #login{
		background-image: url('/images/login.jpg');
		background-repeat: no-repeat;
		width: 166px;
		height: 146px;
		float: right;
		margin-top: 30px;
	}
	
	#canvas #header #welcome{
		background-image: url('/images/welcome.gif');
		background-repeat: no-repeat;
		width: 166px;
		height: 146px;
		float: right;
		margin-top: 30px;
		color: white;
	}
	
		#canvas #header #container{
			margin: 45px 0 0 12px;
			width: 140px;
		}
			
			#canvas #header #container a{
				color:#ffffff;
			}
		
			#canvas #header #container input{
				width: 140px;
				height: 15px;
				border: 1px solid #cccccc;
				margin: 0 0 12px 0;
			}
	
#main_menu{
	width: 885px;
	height: 35px;
	background-image: url('/images/menu_bg.gif');
}
	
	#main_menu #links{
		float: right;
	}
	
	#main_menu a, #main_menu img{
		border: 0;
		text-decoration: none;
	}

	#main_menu b{
		position: relative;
		bottom: 8px;
		font-weight: normal;
	}

	#main_menu .open_tab{
		background-image: url('/images/white_tab_center.gif');
		background-repeat: repeat-x;
		float: left;
		height: 35px;
		color: #4350b8;
		cursor: pointer;
	}
	
	#main_menu .closed_tab{
		background-image: url('/images/blue_tab_center.gif');
		background-repeat: repeat-x;
		float: left;
		height: 35px;
		color: #FFFFFF;
		cursor: pointer;
		background-color:#FFFFFF;
	}
	

#content{
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 1px;
	width: 873px;
	padding: 5px;
}

#footer{
/*	border: 1px solid #cccccc;
	border-width: 0 1px;	*/
	width: 883px;
	text-align: center;
	font-size: 10px;
	margin-top: 20px;
}

.box_container {
	margin-bottom: 10px;
}
.box_container .title {	
	background-color: #333399;
	padding: 6px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/styles/admin/1/images/box_container_blue_background.jpg);
	background-repeat: repeat-x;
}
.box_container .description {
	font-size: 10px;
	padding-top: 3px;
	padding-bottom: 6px;
	color: #666666;
	padding-left: 5px;
}
.box_container .content {
	border-left: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	padding: 5px;
	background-color: #FFFFFF;
}
.box_container .content_no_padding {
	border-left: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	padding: 0px;
	background-color: #FFFFFF;
}
.box_container_red {
	margin-bottom: 10px;
}
.box_container_red .title {
	background-color: #993333;
	padding: 6px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/styles/admin/1/images/box_container_red_background.jpg);
	background-repeat: repeat-x;
}
.box_container_red .content {
	border-left: 1px solid #993333;
	border-right: 1px solid #993333;
	border-bottom: 1px solid #993333;
	padding: 5px;
	background-color: #FFFFFF;
}
.box_container_green {
	margin-bottom: 10px;
}
.box_container_green .title {
	background-color: #006600;
	padding: 6px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/styles/admin/1/images/box_container_green_background.jpg);
	background-repeat: repeat-x;
}
.box_container_green .content {
	border-left: 1px solid #006600;
	border-right: 1px solid #006600;
	border-bottom: 1px solid #006600;
	padding: 5px;
	background-color: #FFFFFF;
}
.table_data thead td {
	background-color: #DDDDDD;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
.table_data tbody tr:hover {
	background-color: #DEE3ED;
}
.table_data tr.error:hover {
	background-color: #FFFFFF;
}
.table_data tr.error td {
	color: #FF0000;
}
.r0 td {
	background-color: #FFFFFF;
}
.r1 td {
	background-color: #EEEEEE;
}
.table_form td {
	padding:5px;
}
.table_form {
	padding:3px;
}
input {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
textarea {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
select {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}


/* This part is for the home page */

#public_home_tutor_search{
	background-image: url('/images/tutor_search.gif');
	width: 300px;
	height: 149px;
}

	#public_home_tutor_search #public_home_buffer{
		padding: 75px 6px 10px 6px;
		color:#FFFFFF;
	}
	
		#public_home_tutor_search #public_home_buffer select{
			border: 1px solid #cccccc;
			color: #3399cc;
			width: 130px;
			height: 20px;
		}

#public_home_quick_links{

}

	#public_home_quick_links #public_home_info{
		background-image: url('/images/info.gif');
		float: right;
		width: 160px;
		height: 170px;
	}
	
		#public_home_quick_links #public_home_info #public_home_buffer{
			margin: 100px 10px 10px 10px;
			color: #FFFFFF;
		}


/* The End of the Home CSS */
		
.box_container .title {	
	background-color: #333399;
	font-weight: bold;
	height: 19px;
	color: #FFFFFF;
	background-image: url('/images/blue_tab_center.gif');
	background-repeat: repeat-x;
}

	.box_container .title h2{
		margin: 6px 1px;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
	}
	
.box_container .content {
	border-left: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	padding: 5px;
	background-color: #FFFFFF;
}
.box_container .content_no_padding {
	border-left: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	padding: 0px;
	background-color: #FFFFFF;
}

.home_box{
	width: 420px;
	height: 180px;
}

	.home_box #blue{
		background-image: url('/images/blue_bg_search.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box #blue_tutor{
		background-image: url('/images/blue_bg_profile.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box #red{
		background-image: url('/images/red_bg_message.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box #orange{
		background-image: url('/images/orange_bg_classes.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box #green{
		background-image: url('/images/green_bg_tokens.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box #green_tutor{
		background-image: url('/images/green_bg_forum.jpg');
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;
		
	}
	
	.home_box .content{
		padding: 5px 15px;
		color: white;
	}
	
	.home_box h2{
		color: white;
		font-size: 14px;
	}

	.home_box a{
		color: white;
	}

.lightbox img{
	border: 5px solid #4bbc2c;
	margin: 8px;
}