@charset "utf-8";

* { margin: 0; padding: 0;}
img { border:none;}

a{ text-decoration: underline; color: #00588d;}
a:hover{ text-decoration: none;}
a:focus{ outline:none;}

h1, h2, h3 { color: #111111; margin-bottom: 12px;}
h1{ font-size: 18px; border-bottom: 1px solid #333333; padding-bottom:7px;}
h2{}
h3{}

p{ padding-bottom: 12px; line-height: 18px;}

hr { border: none; border-top: 1px solid #dadada; margin-bottom: 12px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
}
td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
}

tr,td,th {
	padding:5px;
}

th {
	text-align:left;
}

body { background:url(../img/backdrop.jpg) repeat-x top #e9e9e9; height:100%;}

label {}
legend { padding: 3px 5px; font-weight: bold; border: 1px solid #838383; background: url(../img/form-field-gradient.png) repeat-x #ffffff;
		 border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
fieldset { padding: 10px 20px 15px 20px; border: 1px inset #838383; margin-bottom: 12px; clear: both; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
		   background-image: url(../img/1x130-gradient-gray.png); background-color: #e2e1dd; background-repeat: repeat-x;}
input, select { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
select { font-size: 90%; font-weight:bold; }
textarea { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }

.gradient-sm { clear: both;
				background-image: url(../img/1x65-gradient-gray.png); background-color: #e2e1dd; background-repeat: repeat-x; }
.gradient-lg { clear: both; 
				background-image: url(../img/1x130-gradient-gray.png); background-color: #e2e1dd; background-repeat: repeat-x; }
.side-comment, .side-content, .comment-box { border: 3px solid #456; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
				background-image: url(../img/1x130-gradient-blue.png); background-color: #ffffff; background-repeat: repeat-x; padding: 10px; 
				font-size:90%; font-weight: bold; text-align:center; color: #456; }
.side-comment, .side-content { width: 250px; height:75px; margin-right: 50px; }
.comment-box { width:820px; margin-bottom:10px; }
.sm-grad { background-image: url(../img/1x65-gradient-blue.png); background-color: #ffffff; background-repeat: repeat-x; }

.highlight-tbl table { margin-bottom: 10px; width: 100%; background-image: url(../img/1x130-gradient-blue.png); background-color: #ffffff; background-repeat: repeat-x; 
					   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #456; }
.highlight-tbl td {	text-align: center; vertical-align: top; border: 1px solid #456;}
.highlight-tbl th { background: #456; color: #fff; text-align: center; vertical-align: top;	font-size: 80%;	font-weight:bold; border: 1px solid #456;}
.blue-lbl { color: #456; font-weight:bold; text-align:left; }

/* -----------------structure------------------- */
#preload { display: none; height:0px;}

#superdrop { background:url(../img/superdrop2.jpg) no-repeat top center;}
#superdrop2 { background:url(../img/superdrop2.jpg) no-repeat top center; height:100%;}
#superdrop3 { background:url(../img/superdrop3.jpg) no-repeat top center; height:100%;}
#superex { background:url(../img/superex.jpg) repeat-y center;}
/*#superex2 { background:url(../img/superex2.jpg) no-repeat center bottom; height:100%;}*/
#container { width: 990px; margin: 0 auto; height:100%;}
#banner{}

#students-btn { display: block; height: 33px; width: 160px; text-indent: -3000px; top: 69px; left: 466px; position: absolute;
	background:url(../img/btn-student-get-started.gif) no-repeat top center; }
#tutor-btn { display: block; height: 33px; width: 147px; text-indent: -3000px; top: 69px; left: 645px; position: absolute; 
	background:url(../img/btn-apply-tutor.gif) no-repeat top center;}


#header{ position: relative; height: 129px; z-index: 5000;}
	#logo {
		height: 91px;
		width: 323px;
		position: absolute;
		top: 38px;
		/*left: 0px;*/
		}
	#logo h2 { padding: 0px; margin:0px;}
	#logo a {
		display: block;
		text-indent: -3000px;
		height: 91px;
		width: 323px;
		}	
	#headright {}
	
	#searchbox {
		background:url(../img/searchbox.gif);
		height: 58px;
		width: 678px;
		padding-top: 25px;
		padding-left: 312px;
		position:
		}
		#searchbox form {position: relative;}

	
	#superwrapper { width: 990px; margin: 0 auto;
		background:url(../img/flashcon.gif) repeat-x top #e6e6e6;
		padding-top: 24px;
		padding-bottom: 25px;
		}		
	#flashcon {
		background:url(../img/flashcon.gif) repeat-x top #e6e6e6;
		/*position: absolute;*/
		height: 500px;
		/*z-index:1;*/
		/*
		height:1300px;
		*height:1304px;
		*/
		}	
		#flash {
			width: 990px; height:515px;
			position: absolute;
			top: 212px;
			z-index: 1;
			}
		#innercon {
			position: absolute;
			top: /*261px;*/ 473px;
			/*left: 50%;
			margin-left: -470px;
			width: 940px;*/
			z-index: 2;
			width: 100%;
			/*height: 100%;*/
			}
			
		
		#home-bottom{ background:url(../img/testimonial1.jpg) no-repeat bottom right;/* padding-top: 260px;*/}
		#middlebanner { background:url(../img/middlebanner.gif); width: 990px; height: 136px;  /*position: relative; z-index:4;*/}
		#middle-banner-btn { display: block; height: 30px; width: 160px; text-indent: -3000px; top: 25px; right: 50px; position: absolute;}
		
		#img-girl { height: 193px; width: 233px; position:absolute; top: -121px; left: 30px; _left: -9999px;}

.adminnav { color: #FFFFFF; padding: 0 25px 5px 25px;}		
.adminnav a { color: #FFFFFF; text-decoration: none;}
.adminnav a:hover { text-decoration: underline;}
		
#nav { }
#nav ul { list-style: none;}
#nav li { float: left;}
#nav a {
	display: block;
	text-indent: -3000px;
	height: 38px;
	}
	#nav-home { background:url(../img/nav-home.gif); width: 72px;}
	#nav-about { background:url(../img/nav-about.gif); width: 73px;}
	#nav-subjects { background:url(../img/nav-subjects.gif); width: 99px;}
	#nav-location { background:url(../img/nav-location.gif); width: 109px;}
	#nav-testimonials { background:url(../img/nav-testimonials.gif); width: 130px;}
	#nav-faqs { background:url(../img/nav-faqs.gif); width: 64px;}
	#nav-contact { background:url(../img/nav-contact.gif); width: 91px;}
	#nav-account { background:url(../img/nav-account.gif); width: 95px;}
	#nav-blank { background: none; width: 95px; cursor: default;}
	#nav-login { background:url(../img/nav-login.gif); width: 68px;}
	#nav-logout { background:url(../img/nav-logout.gif); width: 68px;}
	
	#nav-students { background:url(../img/nav-students.gif); width: 115px;}
	#nav-tutors { background:url(../img/nav-tutors.gif); width: 87px;}
	#nav-subjects2 { background:url(../img/nav-subjects2.gif); width: 103px;}
	#nav-locations { background:url(../img/nav-locations.gif); width: 108px;}
	#nav-locations2 { background:url(../img/nav-locations2.gif); width: 108px;}
	#nav-content { background:url(../img/nav-content.gif); width: 97px;}
	#nav-content2 { background:url(../img/nav-content2.gif); width: 97px;}
	#nav-contacts { background:url(../img/nav-contacts.gif); width: 128px;}
	#nav-contacts2 { background:url(../img/nav-contacts2.gif); width: 128px;}


#nav li ul {
	position: absolute;
	z-index: 99999999;
	width: 150px;
	left: -999em;
	background-color: #5a8420;
	border: 1px solid #bed19b;
	border-top: none;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


#nav li ul li { clear: both; border-top: 1px solid #bed19b;}
#nav li li a {
	display: block;
	text-indent: 0;
	height: auto;
	font-size: 12px;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
	width: 140px;
	} 
#nav li li a:hover { background-color: #86a945;}

/* 2nd level dropdown */

#nav li ul ul {
	margin: -26px 0 0 150px;
} 



#infobox-btn { display: block; height: 30px; width: 94px; text-indent: -3000px; top: 16px; left: 373px; position: absolute;}
#infobox {
	background:url(../img/infobox.gif) no-repeat bottom;
	height: 62px;
	width: 940px;
	margin: 0 auto;
	position: relative;
	}
	#infobox2 { width: 940px; margin: 0 auto;}
	
	
	#user-login {
		width: 253px;
		padding: 15px 20px 0 20px;
		height: 154px;
		/*border-width: 1px;
		border-style: solid;
		border-bottom-color: #747474 #282828 #404040 #282828;*/
		position: absolute;
		right: 24px;
		top: -148px;
		font-size: 11px;
		background:url(../img/user-login.jpg) repeat-x;
		}
		#user-login label, #user-login a, #user-login { color: #FFFFFF;}
		#user-login .form-submit { vertical-align: middle; margin-left: 10px;}
		#user-login .form-text { width: 181px;}
		#user-login table td { padding: 5px 2px; *padding: 2px;}
		#user-login h2 {
			text-indent: -3000px;
			background:url(../img/user-login.gif) no-repeat top;
			height: 24;
			width: 121px;
			padding:0px 0 7px 0;
			*padding: 0px;
			margin:0px;
			}
		#user-login td div.xsmall { padding-bottom: 7px;}
	
	#btn-info-learnmore {
		display: block;
		height: 30px;
		width: 94px;
		position: relative;
		top: 16px;
		left: 372px;
		text-indent: -3000px;
		}
#wrapper2 {
	width: 915px; padding: 25px 0 25px 25px; margin: 0 auto; background-color: #ffffff; /*height: 100%;*/
	z-index: 3;
	}
#wrapper {

	width: 890px; padding: 25px; margin: 0 auto; background-color: #ffffff; /*height: 100%;*/
	z-index: 3;
	}
#wrapper.inside, #wrapper2.inside { /*margin: 0 auto 25px auto;*/}
	#leftcol {}
	#rightcol {}
	#singlecol { padding-right:25px;}
	
	#maincol { width: 570px;}
		#maincol ul, #maincol ol { padding: 0 0 12px 20px;}
	#sidebar { width: 888px;}
	#sidebar.inside { width: 320px;}
		#sidebar .content { padding-right: 25px;}
		#sidebar ul, #sidebar ol, #singlecol ol, #singlecol ul { padding: 0 0 12px 20px;}
		
		#sidebar h2 { font-size: 12px; margin-bottom: 8px; padding-top: 0px;}
		#sidebar h3 { padding: 7px 0 8px 35px; font-size: 12px; color:#000000; cursor:pointer;}
		
		#sidebar ul { list-style: none;}
		#sidebar ul li { background:url(../img/list-arrow.gif) no-repeat top left; padding-left: 10px;}
		#sidebar ul li a { font-size: 11px; text-decoration: none;}
		#sidebar ul li a:hover { font-size: 11px; text-decoration: underline;}
	
#superfooter { background:url(../img/superfooter.jpg) no-repeat top center #e9e9e9; width: 100%; height:auto;}	
#footer { width: 940px; margin: 0 auto; font-size: 11px; padding: 40px 25px 25px 25px; background:url(../img/superfooter2.gif) repeat-x top;}
	#footer a { text-decoration: none; color: #323232;}
	#footer a:hover { text-decoration: underline;}
	#footer span { padding-left: 6px;}
	#footer .xxlarge { font-size: 30px; line-height: 30px;}
	#footer-right { background:url(../img/footer.gif) no-repeat top left; height: 102px; width: 500px; position: relative;}
		#footer-right a { }
		.btn-apply-students { height: 34px; width: 161px; right: 169px; background:url(../img/btn-student-get-started2.gif) no-repeat top right; display: block; text-indent: -3000px; position: absolute; top:0;}
		.btn-apply-tutors { height:34px; width: 147px; right: 4px; background:url(../img/btn-apply-tutor2.gif) no-repeat top right; display: block; text-indent: -3000px; position: absolute; top:0;}

#newsletter { background: #fff; padding: 5px;}

/* ------------universal classes------------- */

.width25{ width: 25%;}
.width33{ width: 33%;}
.width40{ width: 40%;}
.width50{ width: 50%;}
.width66{ width: 66%;}
.width75{ width: 75%;}

.blue { color: #196992;}
.lblue { color: #0f7aac;}

a.icon-link { background:url(../img/icon-link.gif) no-repeat left; padding-left: 15px; text-decoration: none;}
a.icon-link:hover { text-decoration: underline;}

.list-scheck .list-sx{ list-style: none;}
.list-scheck li { background:url(../img/list-scheck.gif) no-repeat top left; padding-left: 30px; list-style: none; line-height: 22px;
	font-size: 14px; font-weight: bold;}
.list-sx li { background:url(../img/red-x.jpg) no-repeat top left; padding-left: 30px; list-style: none; line-height: 22px;
	font-size: 14px; font-weight: bold;}

.xsmall { font-size: 10px;}
.small { font-size: 11px;}
.default {}
.large { font-size: 14px; line-height: 20px;}
.xlarge { }
.xxlarge { font-size: 30px;}

.valign-mid, .valign-m { vertical-align: middle;}
.valign-bottom, .valign-b { vertical-align: bottom;}
.valign-top, .valign-t { vertical-align: top;}

.img-center { display:block; margin: 0 auto;}
.img-left { float:left; padding: 0 10px 5px 0;}
.img-right { float:right; padding: 0 0 5px 10px;}

.txt-center, .txt-c { text-align: center;}
.txt-right, .txt-r { text-align: right;}
.txt-left, .txt-l { text-align: left;}

.form-text, .form-select { padding: 2px 3px; border: 1px solid #838383; background: url(../img/form-field-gradient.png) repeat-x #ffffff; }
.form-textarea { padding: 2px 3px; border: 1px solid #838383;}
.form-text { width:160px; }
.form-required { color: #FF0000;}

.pad-l5 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l15 { padding-left:15px; }
.pad-l20 { padding-left:20px; }

.pad-r5 { padding-right:5px; }
.pad-r10 { padding-right:10px; }
.pad-r15 { padding-right:15px; }
.pad-r20 { padding-right:20px; }

.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }

.b { font-weight: bold; }
.basefont, .base {
	font-size: 80%;
}

.right { float:right;}
.left { float:left;}
.clear { clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


span.select {
	position: absolute;
	width: 223px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 28px;
	padding: 6px 0 0 12px;
	color: #323232;
	font: 12px/21px arial,sans-serif;
	background: url(../img/selectbox.gif);
	_background: none;
	overflow: hidden;
}

select.styled {}

/* inside pages override */

#flashcon.inside{ height: 300px;}
#innercon.inside{ top: 236px;}
h1.inside { font-size: 30px; color: #FFFFFF; border: none; padding-left: 25px; font-weight: normal;}


#formarea { padding: 25px; background: #dde8ee; margin-bottom: 25px;}
.form_group { width: 250px;}
.form_group h3 { border-bottom: 1px solid #5b5b5b; font-weight: normal;}

#reg-steps { width: 240px;}
#tutor-request { padding: 20px; background: #dde8ee; width: 45%;}
#tutor-request p { padding: 0;}

.tutor-photo img{ border: 1px solid #333333;}
.tutor-desc h4 { font-size: 20px; font-weight: normal;}
.tutor-desc { width: 160px;}
.tutor-desc p { line-height: 16px; font-size: 11px;}

.error-message {
	font-weight: bold;
	color: #5A8221;
}

.highlight-field2 {
	border: 2px red solid;	
	padding: 2px 3px;
}

.highlight-field {
	border: 2px #5A8221 solid;
	padding: 2px 3px;
	background-color: #E0EFE1;	
}

.success-message {
	font-weight: bold;
	color: #5A8221;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.alt-row {
	background-color: #DADADA;
}
.altrow {
	background-color: #DADADA;
}

.red {
	color: red;
	font-weight:bold;
}

.green {
	color: green;
	font-weight:bold;
}

.accent-row {
	height:3px;
	background-color:#55788C;
	padding: 0px;
}
.accent-row td { }


/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline-block;
	
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

#searchbox .submit { /*display: inline-block;*/ position: absolute; top: 0px; right: 58px;}

#searchbox span.select { height: 28px; padding-bottom: 0; _text-indent: -3000px;}
#subject_id, #location_id { height: 34px; display: inline-block;}

select.styled {
	opacity:0;
	position:relative;
	padding: 4px 0px;
	*top:0px;
	width:235px;
	z-index:5;
}

.ui-tabs-nav a {
	margin: 0;
}

.filter-recip { padding-right:20px; }

.ui-tabs-nav .ui-tabs-selected a { top: 0px !important;}
.ui-tabs-nav a { padding: 0 12px !important; margin: 0 !important; border-bottom: none !important;}

#singlecol ul.ui-tabs-nav { padding-bottom: 0px;}
.ui-tabs-selected { background-color: #dadada;}

#reg-steps { height: 21px; width:169px; padding-bottom: 12px;}
#singlecol #reg-steps ul { list-style: none; padding:0px;}
#reg-steps li { float: left;}

.required, .req {	color: red; }
.label-req, .lab-req { font-weight: bold; }
.label-req, .lab-req, .label { text-align:right; font-size: 90%; vertical-align:top;}


#searchbox2 { background-image: url(/img/searchbox2.gif); height: 83px; width: 990px; } 

.list-roman { list-style: upper-roman;}
.list-alpha { list-style:lower-alpha;}

.accordion-header { background:url(../img/home-sidebar-headline-active-888px.gif); }

.msg-box-green {
	text-align: center; color: green; font-weight:bold; border: 2px solid green; background-color: #DFFFDF; padding: 3px;
}
.msg-box-red {
	text-align: center; color: red; font-weight:bold; border: 2px solid red; background-color: #FFEAEA; padding: 3px;
}
.nostyle-link { color: #323232;	text-decoration: none; }
.nostyle-link:hover { text-decoration: underline; color: #00689B; }

.form-table { width:100%; }
.form-table td { padding: 2px;}
.td-lbl { text-align: right; font-weight:bold; font-size: 90%; width:250px; vertical-align:top; }
.td-lbl-nowidth { text-align: right; font-weight:bold; font-size: 90%; vertical-align:top;}
.blue-border { border: 3px solid #456; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }