@charset "utf-8";
/*
www.GaslampMedia.com
Version: 1.3
Release Date: 05-21-2009
*/

* { 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,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
}

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

th {
	text-align:left;
}

body { /**/
background:url(../img/superex.jpg) repeat-y center #e9e9e9; height:100%;}

label {}
legend { padding: 0 5px; font-weight: bold; border: 1px outset #838383;
		 background-image: url(../img/130x1-gradient-gray.png); background-color: #dadada; background-repeat: repeat-y;}
fieldset { padding: 10px 20px; border: 1px solid #838383; margin-bottom: 12px;}
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, .my-left-side-block, my-left-main-block { 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, .sm-bl-grad, .countdown-timer { background-image: url(../img/1x65-gradient-blue.png); background-color: #ffffff; background-repeat: repeat-x; }

.highlight-tbl table, .hl-tbl table, .highlight-tbl-l table, .hl-tbl-l 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: 3px solid #456; }
.highlight-tbl td, .hl-tbl td {	text-align: center; vertical-align: top; border: 2px inset #456;}
.highlight-tbl th, .hl-tbl th { background: #456; color: #fff; text-align: center; vertical-align: top;	font-size: 80%;	font-weight:bold; border: 2px inset #456; }

.highlight-tbl-l td, .hl-tbl-l td {	text-align: left; vertical-align: top; border: 2px inset #456; padding-left:20px; }
.highlight-tbl-l th, .hl-tbl-l th { background: #456; color: #fff; text-align: left; vertical-align: top; padding-left:20px; font-size: 80%;	font-weight:bold; border: 2px inset #456; }

.blue-lbl { color: #456; font-weight:bold; text-align:left; }
.reg-txt { font-weight: normal; font-size: 12px; }

/* --------------------------------------------------------------------------------------------- */
#my-main-content { display:block; width:100%; }
.my-container-title { width:100%; border-bottom: 1px solid black; margin-bottom:10px; }

#my-left-side-col { float:left; text-align:left; width: 240px; }
.my-left-side-block { width: 200px; margin-bottom:10px; text-align:left; padding: 10px; }
.my-left-side-block label {  width: 100px; text-align:left; }
.my-left-side-block h3 { margin-bottom:5px; }

#my-right-main-col { float:left; text-align:left; width: 624px; }
.my-right-main-block { width: 100%; border: 3px solid #456; border-radius: 8px; background-color: #ffffff; background-repeat: repeat-x;
					 -webkit-border-radius: 8px; -moz-border-radius: 8px; background-image: url(../img/1x130-gradient-blue.png); 
					  padding: 10px; margin-bottom: 10px; }  

#my-left-main-col { float:left; text-align:left; width: 624px; }
.my-left-main-block { width: 584px; margin-bottom:10px; text-align:left; padding: 10px; border: 3px solid #456; border-radius: 8px; background-color: #ffffff; background-repeat: repeat-x;
					 -webkit-border-radius: 8px; -moz-border-radius: 8px; background-image: url(../img/1x130-gradient-blue.png); }
.my-left-main-block label {  width: 100px; text-align:left; }
.my-left-main-block h3 { margin-bottom:5px; }

#my-right-side-col { float:left; text-align:left; width: 240px; }
.my-right-side-block { width: 100%; border: 3px solid #456; border-radius: 8px; background-color: #ffffff; background-repeat: repeat-x;
					 -webkit-border-radius: 8px; -moz-border-radius: 8px; background-image: url(../img/1x130-gradient-blue.png); 
					  padding: 10px; margin-bottom: 10px; }  
/* --------------------------------------------------------------------------------------------- */
#preload { display: none; height:0px;}

#superdrop { background:url(../img/superdrop2.jpg) no-repeat top center; height:100%;}
#superdrop2 { background:url(../img/superdrop2.jpg) no-repeat top center; height:100%;}
#superex { background:url(../img/backdrop.jpg) repeat-x top; height:100%; }
/*#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: absolute;
		z-index:0;
		}
		#searchbox form {position: relative;}

			
	#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-content { background:url(../img/nav-content.gif); width: 97px;}
	#nav-contacts { background:url(../img/nav-contacts.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: 2px 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;}
/*contact form in homepage*/
#home-quick-questions { width: 265px; padding:15px; height: 165px; position: absolute; right: 24px; top: -170px;font-size: 11px; background:#525252 url(../img/user-login.jpg) repeat-x;}
#home-quick-questions label, #home-quick-questions a, #home-quick-questions { color: #FFFFFF;}
		#home-quick-questions .form-submit { vertical-align: middle; margin-left: 10px;}
		#home-quick-questions .form-text { width: 181px;}
		#home-quick-questions table td { padding: 2px 2px; *padding: 2px;}
#home-quick-questions h2 {height: 24; padding:0px 0 7px 0; *padding: 0px; margin:0px; color:#DDB88E;}
		#home-quick-questions 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%;*/
	min-height:750px; /*works on Firefox and IE7 */
  	height:auto !important;
  	height:750px; /* makes minimum for IE6, ignored by Firefox and IE7 because of !important above*/
	z-index: 3;
	}
#wrapper {

	width: 890px; padding: 25px; margin: 0 auto; background-color: #ffffff; /*height: 100%;*/
	min-height:500px; /*works on Firefox and IE7 */
  	height:auto !important;
  	height:500px; /* makes minimum for IE6, ignored by Firefox and IE7 because of !important above*/
	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: 295px;}
	#sidebar.inside { width: 320px;}
		#sidebar .content { padding-right: 25px;}
		#sidebar ul, #sidebar ol, #singlecol ol, #singlecol ul, .icon-list { padding: 0 0 12px 20px;}
	
		#sidebar h2 { font-size: 12px; margin-bottom: 8px; padding-top: 0px;}
		#sidebar h3 { background:url(../img/home-sidebar-headline.gif) no-repeat #333; padding: 7px 0 8px 35px; font-size: 12px; color:#000000; cursor:pointer;}
		#sidebar h3.accordion_toggle_active { background:url(../img/home-sidebar-headline-active.gif);}
		
		#sidebar ul, .icon-list ul { list-style: none;}
		#sidebar ul li, .icon-list ul li { background:url(../img/list-arrow.gif) no-repeat top left; padding-left: 10px;}
		#sidebar ul li a, .icon-list ul li a { font-size: 11px; text-decoration: none;}
		#sidebar ul li a:hover, .icon-list 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 {  height: 102px; width: 600px; position: relative; vertical-align: bottom;}
		/*#footer-right p { position: absolute; top: 57px; right: 0; width: 144px;}*/
		#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;}

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

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

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

.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;}

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

.form-text, .form-textarea, .form-select { padding: 2px 3px; border: 1px solid #838383;}
.form-required { color: #FF0000;}

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

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

.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;}

.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;
}

.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;
}

.highlight-field {
	border: 2px #5A8221 solid;	
}

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

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

/* 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;
}

.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;}

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


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

.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;
}

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

.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, .frm-tbl { width:100%; }
.form-table td, .frm-tbl td { padding: 2px;}
.form-table th, .frm-tbl th { text-align: right; font-weight:bold; font-size: 90%; width:250px; vertical-align:top; }
.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, .countdown-timer { border: 3px solid #456; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.gray-border { border: 2px solid #CDCDCD; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

.element-hide, .hide-div { visibility:hidden; display: none; }
.element-show, .show-div { visibility:visible; display: show; }
.lbl-span { text-align:left; padding-left:100px; }
.lbl-span label { padding-left:50px; }

a.rnd-btn-green, a.rnd-btn-blue, button.rnd-btn-green {
	display: block;
	padding: 4px 7px;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.rnd-btn-green, button.rnd-btn-green { background: #81a53f; }
a.rnd-btn-blue, button.rnd-btn-blue { background: #00689d; }