html {height:100%; }
body {height:100%; margin:0px; padding:0px; background:url(../images/background.jpg) repeat; font-size:80%; font-family:arial, verdana; line-height:150%; color:#666; }
h1 {color:#000; font-weight:lighter; line-height:100%; margin-top:0px; padding-top:0px; }
h2 {font-size:140%; color:#26889f; font-weight:normal;}
h3 {font-size:130%; color:#26889f; font-weight:normal; margin-bottom:8px;}
h4 {font-size:120%; color:#26889f; font-weight:normal; }
p {margin-top: 0px;}
ul {margin-left:0px; padding-left:18px;}
a {color:#2694a9; text-decoration:none;}
a:hover {color:#2fbeda;}
table {border-collapse:collapse;}
table form {width:auto;}
table.clicktable tr:hover, table.clickblock:hover {background-color:#ebf6fb; cursor:pointer;}
.clickblock, .clicktable {width:100%; }
.clicktable.readonly tr:hover, table.clickblock.readonly:hover {cursor:default}
table th {height:30px; padding: 1px 15px; background-color:#016077; text-align:left; color:#fff; font-weight:bold;}
table th:first-child {border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px; }
table th:last-child {border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; -webkit-border-radius: 0px 4px 0px 0px; }
table tr.odd {background-color:#d4e7ec;}
table td {padding:5px 15px; border-bottom:1px dotted #378da4;}
img {border:0px;}

.maincontainer {min-height:100%; position:relative; background-color:#CCC; border-bottom:1px solid #bbb; background:url(../images/background.jpg) repeat;}

.header {height:103px; background-color:#464b50;
			background: -moz-linear-gradient(top,  #4b5055 0%, #373c41 70%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b5055), color-stop(100%,#373c41)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #4b5055 10%,#373c41 100%); /* Chrome10+,Safari5.1+ */
			background: -ms-linear-gradient(top,  #4b5055 0%,#373c41 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #4b5055 0%,#373c41 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5055', endColorstr='#373c41',GradientType=0 ); /* IE6-9 */		
}

.header.slim {height:62px; font-size:90%;}

.header .logo {display:inline-block; float:left; top:0px;  margin:0px; padding:0px; line-height:100%;}
.header .logo img {padding:0px; margin:0px; line-height:100%;}
.header ul {float:right; display:block; list-style:none; margin:0px 0px; padding:12px 0px 0px 12px; }
.header li {float:left; background:url(../images/topnav_divider.png) left bottom no-repeat; vertical-align:middle; list-style:none; }
.header li:first-child {background:none;}
.header li:last-child {background:none;}
.header li a {margin:2px; padding: 8px 20px; display:block;  color:#fff; text-decoration:none; text-transform:uppercase; }
.header li a:hover, .topmenu li.active a  {color:#3ec7d3;}
.header .socialmedia {float:right; display:block; vertical-align:middle;  height:100%; margin:37px 0px;}
.header li.notification {background:url(../images/icons/notification_badge.png) no-repeat center  }
.header li.notification a:hover {color:#fff;}
.socialmedia a {padding-left:5px;}

li.loginbox a {margin:0px 0px; margin-top:5px; padding:5px 40px 5px 40px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; vertical-align:middle; text-align:right;  /* IE6-9 */
				background: #56a8ed;
				background: -moz-linear-gradient(top,  #79aa0f 0%, #597b1f 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79aa0f), color-stop(100%,#597b1f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #79aa0f 0%,#597b1f 100%); /* Chrome10+,Safari5.1+ */
				background: -ms-linear-gradient(top,  #79aa0f 0%,#597b1f 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #79aa0f 0%,#597b1f 100%); /* W3C */		
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aa0f', endColorstr='#597b1f',GradientType=0 ); /* IE6-9 */	
}
li.loginbox a, li.loginbox a:visited{ color: #e7f3fc; }
li.loginbox a:hover {color:#fff; background: #79aa0f;}

.centerbox {width:976px; margin-left:auto; margin-right:auto; }
.content {width:906px; height:100%; position:relative; margin-bottom:200px; padding:30px 40px 200px 30px; border:1px solid #b7bbba;  background-color:#fff;}
.content h1 {color:#777;}

.topbar {height:32px; background:url(../images/topnav_repeat.png) repeat-x; color:#fff; text-transform:uppercase;}
.topbar ul {height:32px; margin:0px; padding:0px; width:800px; }
.topbar li a {color:#fff; text-decoration:none; font-size:90%; display:block; margin:0px; padding:8px 15px 4px 15px;} 

.submenu {float:left;}
.submenu li {display:inline-block; margin:0px; padding:0px; list-style:none;  }
.submenu a:hover {background-color:#00384d; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */}

.signin {float:right; }
.signin li {display:inline-block; margin:0px; padding:0px; list-style:none; padding:7px 3px;}
.signin a {padding:0px;}
.signin a:hover {color:#3ec7d3;}

.midsection {height:481px; padding-top:30px; background:url(../images/midsection.jpg); border-bottom:1px solid #444;}

.controlbox {width:973px; height:406px; margin-left:auto; margin-right:auto; background:url(../images/buttonsbox.png) no-repeat; color:#888;}
.controlbox h1 {padding:30px 100px 0px 100px; font-size:260%; color:#e3cda2; text-align:center;}
.controlbox .buttons {margin:0px 30px;}
.controlbox .buttons a {margin:0px 8px;}
.controlbox .buttons img { border:0px;}
.controlbox p {margin-left:50px; background:url('../images/signup_hr.gif') 220px center no-repeat;   }

.lowercontent {width:926px; padding:0px 23px 0px 27px; background-color:#fff; border-left:1px solid #bbb; border-right:1px solid #bbb;}
.textbox {display:inline-block; width:250px; margin:25px 0px; padding:0px 27px; background:url(../images/dotted_vertical_border.png) repeat-y right; vertical-align:top;}
.textbox:last-child {background:none;}
.textbox ul {margin-top:15px; margin-bottom:0px; padding-bottom:0px;}
.textbox li {padding-bottom:15px;}

.footer {height:290px; margin-top:-200px; position:relative; background:url(../images/footer_border.png) repeat-x top #454a50; font-size:90%; }
.footer .centerbox {padding:20px 0px; vertical-align:top; color:#979b9c; }
.footer ul {display:inline-block; width:145px; padding:0px 0px 40px 90px;  vertical-align:top; list-style:none; }
.footer li:first-child {padding-bottom:15px; color:#fff; font-weight:bold;}
.footer li {padding-bottom:3px; }
.footer a {color:#979b9c;}
.footer a:hover {color:#3ec7d3;}
.footer .socialmedia {float:none; margin:0px; margin-bottom:10px; text-align:center;}
.footer .copyright {text-align:center; margin-top:0px;}
.footer.front {height:250px; margin:0px;}


/*TEXT COLORS */
.bluetext {color:#44c9d5;}
.greytext {color:#999;}


/*CALENDAR */
.calendar {overflow:hidden; border:1px solid #91aeb9; background-color:#fff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align:center; vertical-align:top;}
.calendar table {width:770px; margin:20px auto 20px auto; text-align:left; border-collapse:collapse; border:0px; }
.calendar .head {height:43px; background:url(../images/calendar_header.png) top no-repeat; background-color:#016077; color:#fff; vertical-align:top; }
.calendar .head .buttons {display:inline-block; position:relative; padding-top:7px; vertical-align:middle;}
.calendar .head .buttons.offset {left:60px;}
.calendar .head p {display:inline-block; width:300px; font-size:120%; line-height:160%; margin:0px; padding:0px;}
.calendar th {width:110px; height:30px; padding:0px; background-color:#016077; text-align:center; color:#fff; text-transform:uppercase; font-weight:normal;}
.calendar th:first-child {border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px; -webkit-border-radius: 4px 0px 0px 0px; }
.calendar th:last-child {border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 4px 0px 0px; -webkit-border-radius: 0px 4px 0px 0px; }
.calendar td {height:90px; padding:5px 5px; border:1px dotted #418899; background:none; vertical-align:top; font-size:95%; color:#016077;}
.calendar td span {left:-3px; position:relative; font-size:70%; }
.calendar .editmode td:hover {border: solid 1px #67c0ee; background-color:#e2f5fe;}
.calendar .editmode {border: solid 1px #92da8f;}
/*.calendar td:hover {background-color:#EEE;}*/
.calendar ul { margin:0px; padding:0px; padding-left:18px;}
.calendar li { margin:0px; padding:2px 0px; line-height:0.9; list-style:disc; font-size:130%; }
.calendar img {vertical-align:top;}
.calendar .available {background-color: #84cbd8; }
.calendar .filled {color:#e7b300; }
.calendar .nonday {background-color:#e0e7e8;}
.calendar .nonday:hover {}
.calendar .currentday { background-color:#e2f5fe; border: 1px solid #016077; color: #ffffff; background-image: url(../images/calendar_day.png); background-position: top left; background-repeat: no-repeat;}
.calendar .available.currentday {background-color: #84cbd8; border:1px solid #418899; }
.calendar .button {margin:10px; width:50px; }

/*ADD, EDIT, DELETE ICONS */
.edit-entry, .delete-entry, .add-entry {display:inline-block; width:30px; height:100%;}
.edit-entry {background: url(../images/icons/edit.png) no-repeat center;}
.edit-entry:hover {background: url(../images/icons/edit_hover.png) no-repeat center;}

.delete-entry {background: url(../images/icons/trash.png) no-repeat center;}
.delete-entry:hover {background: url(../images/icons/trash_hover.png) no-repeat center;}

.add-entry {background: url(../images/icons/add.png) no-repeat center;}
.add-entry:hover {background: url(../images/icons/add_hover.png) no-repeat center;}


/*START IN-PAGE FORMATTING */

.pagedesc {margin-top:0px; margin-bottom:30px; padding:0px;}

.sectionbox {border:1px solid #91aeb9; background:url(../images/section_header.png) top left no-repeat; margin-bottom:20px; border-radius: 4px; 
			-moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0px 15px 30px 15px; }
.sectionbox h2 {display:block; color:#fff; font-size:130%; font-weight:normal; padding-top:0px; margin-top:10px; margin-bottom:30px; }
.sectionbox h3 {background:url(../images/table_border.png) bottom repeat-x; padding-bottom:8px;}

.sectionbox .head { overflow:hidden; margin-bottom:10px; padding-bottom:10px; background:url(../images/table_border.png) bottom repeat-x; }
.sectionbox h3.floatleft {float:left; margin:0px; padding; background:none; }
.sectionbox h3.floatright {margin:0px; padding:0px; text-align:right; background:none; }
.sectionbox label {display:inline-block; width:130px; padding:0px 10px 6px 0px; color:#00435c; font-weight:bold; vertical-align:top;  }
.sectionbox label.address {float:right; display:block; width:300px; text-align:right; font-size:90%; color:#999; font-weight:normal;}
.sectionbox .block {display:inline-block; margin:0px; margin-bottom:10px; }
.sectionbox form {display:inline;}	
.sectionbox .container2 {float:left; width:100%; background:green; overflow:hidden; position:relative;}
.sectionbox .container {float:left; width:100%; background:yellow; position:relative; right:60%;}
.sectionbox .letter {padding:15px; background-color:#f5f9fa; border:1px solid #b8dbe1; }
.sectionbox .letter h2 {color:#000;}
.sectionbox ul {display:inline-block; margin:0px; margin-bottom:10px; padding-left:15px; }
.sectionbox .col {display:inline-block; width:48%; vertical-align:top; }
.sectionbox .col2 {display:inline-block; width:48%;  padding-left:30px; background:url(../images/dotted_vertical_border.png) left repeat-y; }

.clickformpost {margin-left:10px;}
.lastupdated {margin-top:20px; font-size:85%; color:#AAA;}

.notifications {padding:0px; background:#FCFCFC; filter:none; border:1px solid #CCC;}
.notifications h2 {margin:0px; padding:10px; border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; color:#fff; background: -moz-linear-gradient(top,  #888d92 0%, #51565a 70%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888d92), color-stop(100%,#51565a)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #888d92 10%,#51565a 100%); /* Chrome10+,Safari5.1+ */
			background: -ms-linear-gradient(top,  #888d92 0%,#51565a 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #888d92 0%,#51565a 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888d92', endColorstr='#51565a',GradientType=0 ); /* IE6-9 */}
.notifications table {width:100%; color:#777; }
.notifications table h2	{background:none; filter:none; color:#26889f; margin:0px; padding:0px; font-size:100%;}
.notifications td {border:0px; border-top:1px solid #E7E7E7; padding:5px 15px;}
.notifications .new td {background-color:#EEE; font-weight:bold; color:#666;}
.notifications .new h2 {background:none; font-weight:bold;}
.notifications span {color:#999;}
.notifications .date {color:#AAA;}
.notifications .alert h2 {color:#d13828;}

.notifications ul {margin:0px; padding:0px;}
.notifications li {list-style:none; display:list-item;}
.notifications a {padding:2px 10px 2px 26px; background:url(../images/icons/notification.png) no-repeat 2px 1px;  }
.notifications .alert a {background-image:url(../images/icons/notification_alert.png); color:#d13828; }

.greybox {background-color:#e3eef1; border:1px solid #91aeb9; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  width:auto; overflow:auto; padding:15px 5px 15px 15px;}

.greybox.findschool input {width:60%}
.greybox.findschool .submit {width:38%}
.greybox.myjobs input, .greybox.myjobs select {width:22%;}
.greybox.jobsaccepted input, .greybox.jobsaccepted select {width:30%;}

.pricingbox {margin-top:50px; font-size:120%;}
.pricingbox h2 {margin-top:0px; padding-top:0px; font-size:200%; color:#000; vertical-align:top;}
.pricingbox span {display:inline-block; padding:4px 10px; background-color:#6f9c14; color:#fff;}
.pricingbox table {}
.pricingbox table td {padding:10px 15px;}
.pricingbox .submit {font-size:85%;}
.pricingbox .register {padding-top:10px; background-color:#f5f9fa; border-top: solid 1px #b8dbe1; border-bottom: solid 1px #b8dbe1; text-align:center; vertical-align:middle; }
.pricingbox .col1 {display:inline-block; width:40%; padding-right:15px; vertical-align:top;}
.pricingbox .col2 {display:inline-block; width:55%; padding-left:25px; background:url(../images/dotted_vertical_border.png) repeat-y; vertical-align:top;}

/*OPT IN AND OUT */
.optedin {background-color:#ebf6fb}
.optedin .status-icon { background-image: url( '../images/icons/optedin.png'); background-repeat: no-repeat; background-position: center center ; }
.unavailable .status-icon { background-image: url( '../images/icons/placed.png'); background-repeat: no-repeat; background-position: center center; }

.required {height:30px; width:20px; display:inline-block; background:url(../images/icons/required.png) no-repeat; vertical-align:top;}
.requirednote {background:url(../images/icons/required.png) left no-repeat; padding-left:25px; margin-bottom:10px;}

/*SPECIAL ALIGNMENTS */
.fullwidth {width:100%; overflow:hidden; }
.alignleft label {text-align:left;}
.alignright {float:right;}
.aligncenter {text-align:center;}

/*BUTTON STYLES */

.submit, .textbutton {height:30px; color: #fff; min-width:100px; font-size:100%; border:0px; background:#288399; vertical-align:top; 
			border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor:pointer;
			background: -moz-linear-gradient(top,  #1093a9 0%, #1e6c7f 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1093a9), color-stop(100%,#1e6c7f)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #1093a9 0%,#1e6c7f 100%); /* Chrome10+,Safari5.1+ */
			background: -ms-linear-gradient(top,  #1093a9 0%,#1e6c7f 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #1093a9 0%,#1e6c7f 100%); /* W3C */	
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1093a9', endColorstr='#1e6c7f',GradientType=0 ); /* IE6-9 */	
}
.submit:hover, .textbutton:hover {background:#1093a9; color:#fff;}
.submit.supersize {width:250px; }

.textbutton {display:inline-block; height:20px; min-width:60px; width:auto; margin:0px 2px; padding:4px 20px; background-color:#288399; color:#fff; vertical-align:middle; text-align:center;}

.button, .clickformpost, .deleteformpost { vertical-align:top; float:right; margin: 0px 0px 0px 10px; padding:2px 30px 2px 30px; cursor:pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
			color:#fff; font-size:90%; background: #2e9aa5; font-weight:normal;
			background: -moz-linear-gradient(top,  #2e9aa5 0%, #2a8397 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e9aa5), color-stop(100%,#2a8397)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #2e9aa5 0%,#2a8397 100%); /* Chrome10+,Safari5.1+ */
			background: -ms-linear-gradient(top,  #2e9aa5 0%,#2a8397 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #2e9aa5 0%,#2a8397 100%); /* W3C */		
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9aa5', endColorstr='#2a8397',GradientType=0 ); /* IE6-9 */
			}
.button:hover, .clickformpost:hover {color:#fff; background:#2e9aa5;}

.greenbutton {background: #56a8ed; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
				background: -moz-linear-gradient(top,  #79aa0f 0%, #597b1f 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79aa0f), color-stop(100%,#597b1f)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #79aa0f 0%,#597b1f 100%); /* Chrome10+,Safari5.1+ */
				background: -ms-linear-gradient(top,  #79aa0f 0%,#597b1f 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #79aa0f 0%,#597b1f 100%); /* W3C */		
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79aa0f', endColorstr='#597b1f',GradientType=0 ); /* IE6-9 */}



/*FORM STYLES */

.classtypes {min-width:690px; overflow:hidden;}
.classtypes label {width:280px; display:inline-block; float:none; margin:5px 10px; 0px 0px; text-align:left;}
.classtypes input {margin-right:10px; }
.classtypes div {border-bottom:1px dotted #CCC; }
.classtypes div:last-child {border-bottom:0px;}
.classtypes .submit {float:right;}
.classtypes .legend-small {font-size:85%;}

form fieldset {
	background-color:#f5f9fa;
	border: solid 1px #b8dbe1;
	border-radius:8px; 
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
	padding: 15px;
	margin: 15px;
	font-size:90%;
}

form fieldset legend {color:#666;}

form label {
	font-weight: normal;
	line-height:200%;
	/* letter-spacing: -1px; */	
	color: #535353;
	width: 160px;
	display: block;
	float: left;
	margin: 0px 15px 0px 0px;
	padding:3px 0px;
	text-align: right;
	vertical-align:bottom;
	min-height:20px;
	

}

form input, form select {
	height:26px;
	margin: 0px 2px 10px 0px;
	border: solid 1px #BBB;
	border-radius:4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
	font-weight: normal;
	color: #6a6a6a;	
	font-size: 100%;
	vertical-align:middle;
	line-height:200%;
	
}

form select {height:26px;}

form textarea {
	font-family:arial, verdana;
	font-weight: normal;
	font-size: 110%;
	color: #6a6a6a;
	margin: 0px 0px 10px 0px;
	border: solid 1px #DDD;
	border-radius:4px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
}


/*************************
        System 
 ************************/


.error {
	width:auto; 
	overflow:hidden;
	background: url('../images/icons/error.png') no-repeat 3px center #fdece3 ;
	border: 1px dotted #f65d44;
	color: #d13828;
	padding: 5px 5px 5px 30px;
	margin: 3px;
	border-radius:8px; 
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
}

.system-message {
	margin:10px 0px;
	padding: 8px 5px 8px 40px;
	top:60px;
	font-size:120%;
	border-radius:8px; 
	-moz-border-radius: 8px;
 	-webkit-border-radius: 8px;
	background-position: 3px center;
}

/* system-message shadow.  rename style back to 'system-message' to enable */
.system-message_off {-moz-box-shadow: 0px 4px 4px #CCC; -webkit-box-shadow: 0px 4px 4px #CCC; box-shadow: 0px 4px 4px #CCC;		
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=4, Color='#AAA')"; /* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#AAA'); /* For IE 5.5 - 7 */}

.system-message.ok {
	background: url('../images/icons/ok.png') 6px center no-repeat #e3eef1;
	border: 1px dotted #0f5f79;
	color: #26889f;
}

.system-message.error {
	background: url('../images/icons/error.png') 6px center no-repeat #fdece3;
	border: 1px dotted #f65d44;
	color: #d13828;
}

.system-message.info {
	background: url('../images/icons/info.png') 6px center no-repeat #e3eef1;
	border: 1px dotted #0f5f79;
	color: #26889f;
}

.info-message {width:auto; overflow:hidden; margin:15px 0px; padding:10px; background-color:#e3eef1; border:1px dotted #0f5f79; border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:#26889f;}
.info-message h1 {font-size:110%; margin:0px; padding:10px 0px;}
.info-message.error {
	background: url('../images/icons/error.png') 6px center no-repeat #fdece3;
	border: 1px dotted #f65d44;
	padding: 5px 5px 5px 35px;
	color: #d13828;}

.tooltip {display:inline-block; height:30px; width:19px; padding:0px 5px 0px 5px; background: url('../images/icons/help.png') no-repeat 0px 5px; cursor:pointer; vertical-align:top;}