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

/* Colors */
.temp-link {color:#ee9a01;}
/* 
dark green: #74942c
darker green: #597122
light green: #d4e3a2
border green: #c5d397
orange: #ee9a01
darker orange: #c37e01
light orange: #eec06c
*/
html,body {height:100%;position:relative;}
* html #page {height:100%;}

body {padding:0; margin:auto; width:900px; height:100%; background:url(../img/common/bg.gif);}

body, p, a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#74942c; line-height:16px;margin-top:0; }
a:hover {text-decoration:underline; color:#749000;}
/*----TYPOGRAPHY----*/
h1 {font-size:18px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform:uppercase; }
h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:0.1ex; text-transform:uppercase;}
h3 {font-size:14px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform:uppercase; margin-bottom:0;}
h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:0.1ex; margin-bottom:0; margin-top:0;}
hr {border: 0;width: 100%;color: #c5d397;background-color: #c5d397;height:1px; clear:both;}
h3 em {font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:10px;}
img {border:none; margin:0; padding:0;}

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

#wrapper-left {background: url(../img/common/shadow_left.png) repeat-y left top; min-height:100%;}
#wrapper-right {background: url(../img/common/shadow_right.png) repeat-y right top; min-height:100%;}
#page {width:800px; min-height:100%; margin:auto; padding:0px 25px 0px 25px; background:#fff;}
#content {width:800px; min-height:100%;}
#content-two-col {width:800px; min-height:100%; background:url(../img/mainbarbg.jpg) repeat-y;}

/*-- Admin  --*/
#admin-content {width:800px; min-height:620px;}
#admin_nav form {margin:15px 0px 20px 40px;}
#admin_filter form {width:800px; margin:15px 0px 20px 0px;}
#admin_filter label {width: 100px; font-family:Courier New, Courier, monospace; font-size:11px; padding-top:7px; color:#74942c; float:left; text-align:right; display:inline;}
.filter_form_box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:790px; margin:5px 0 5px 0; padding:5px 0;}
#filter {float:left; margin-top:7px;}
input.filter_button {float:left; margin-left:30px;}
select.month-filter{height:30px; margin-bottom:5px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;}
select.day-year-filter{height:30px; margin-bottom:5px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;}
input.searchText{width:210px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;}

/* Main Content */
#main-content {width:510px; padding-right:20px; min-height:620px;}

/* Side Bar */
#side_bar {width:250px; float:left; padding-left:20px;}
#sidebar {width:245px; float:left; padding-left:20px;}
#sidebar form {margin:0; padding:0px;}
#sidebar form hr {color:#d4e3a2; background-color:#d4e3a2}
#sidebar label {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c; margin:0px; padding:0px; text-align:left; font-weight:lighter; padding-top:5px;}
#sidebar select {width:100%;}
#sidebarinput {margin-bottom:10px;}
.sidebarLink  a {float:right; color:#74942c; text-decoration:none;}
.sidebarLink a:hover {text-decoration:underline;}
.sidebarLinkBottom  a {float:right; color:#74942c; text-decoration:none; padding-bottom:5px;}
.sidebarLinkBottom a:hover {text-decoration:underline;}
#sidebar-events p a {text-decoration:none;}
#sidebar-events p a:hover {text-decoration:underline;}

/* Top Nav */
div#top_nav {width:800px; height:30px; margin:0px; padding:0; font-family:"Courier New", Courier, monospace; font-size:11px;}
div#top_nav ul {margin:0; padding-top:7px;}
div#top_nav ul li {list-style:none; float:right; margin:0; padding:0;}
div#top_nav ul li a {text-decoration:none; color:#74942c; padding-left:15px;}
div#top_nav ul li a:hover {text-decoration:underline;}
.home {width:50px; float:left; margin-left:-20px;}

/* Main Nav */
div#main_nav {width:800px; margin:0px 0px 10px 0px; padding:0; background-color:#74942c; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:16px; height:30px; margin-top:-3px; }
div#main_nav ul li a {font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:16px;}
div#main_nav ul {margin:0; margin-left:12px; padding:0; text-align:center; }
div#main_nav ul li {width:190px; list-style:none; display:block; background-color:#d4e3a2; color:#ee9a01; float:left; margin:0px 2px; padding:0;}
div#main_nav ul li a {width:190px; height:21px; text-decoration:none; color:#74942c; display:block; padding-top:9px;}
div#main_nav ul li a:hover {width:190px; height:21px; color:#ee9a01; background-color:#fff;}

#home li.stunav a, #home li.counav a, #home li.colnav a, #home li.parnav a {color: #ee9a01; background-color:#fff;} 
#home li.stunav a:hover, #home li.counav a:hover, #home li.colnav a:hover, #home li.parnav a:hover {color:#74942c; background-color:#d4e3a2;}
#students li.stunav a, #counselors li.counav a, #colleges li.colnav a, #parents li.parnav a {color:#ee9a01; background-color:#fff;}
#students li.stunav a:hover, #counselors li.counav a:hover, #colleges li.colnav a:hover, #parents li.parnav a:hover {color:#74942c; background-color:#d4e3a2;}

/* Sub Nav */
div#sub_nav {width:800px; height:40px; margin:0px 0px 10px 0px; background:#ee9a01;}
div#sub_nav ul {margin:0; margin-left:-40px; padding-top:11px;}
div#sub_nav ul li {list-style:none; float:left; margin:0; padding:0;}
div#sub_nav ul li a {text-decoration:none; color:#fff; font-size:12px; font-weight:bold; padding-left:15px;}
div#sub_nav ul li a:hover {text-decoration:underline;}
.login, .login li, .logout, .logout li {margin:0; padding:0;}
.login li a, .logout li a {padding-right:20px;}

/* Admin Nav */
div#admin_nav {width:800px; height:40px; margin:0px 0px 10px 0px;}
div#admin_nav ul {margin:0; margin-left:-40px;}
div#admin_nav ul li {list-style:none; float:left; margin:0; padding:0; font-size:12px; font-weight:bold; padding-top:25px; padding-left:15px;}
div#admin_nav ul li a {text-decoration:none; }
div#admin_nav ul li a:hover {text-decoration:underline;}

/*-----Common Styles-----*/
/*FORMS*/
.box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:100%;}
.box h4{text-align:center;height:5px;line-height:5px;}

form {margin:15px 40px 20px 40px}
form br{clear:both;}
label {width: 100px; font-family:Courier New, Courier, monospace; font-size:11px; padding-top:4px; color:#74942c; float:left; text-align:right; display:inline;}
.form_box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:510px; margin:5px 0 10px 0; padding:15px 0;}
.form_box h4 {text-align:center;}
.form_box p {margin-left:120px;}
.form_box img {margin-left:160px;}
.form_box hr {width:80%; color:#74942c; background-color: #74942c;}
textarea#address {height:80px;}
input.file {padding-left:20px;}

.form_box_big {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; margin:5px 0 10px 0; padding:15px 0;}
.form_box_big h4 {text-align:center;}
.form_box_big p {margin-left:160px;}
.form_box_big img {margin-left:160px;}
.form_box_big hr {width:80%; color:#74942c; background-color: #74942c;}
.error_box {width:400px; margin:15px auto 30px auto; background-color:#eeddbf; border:solid; border-width:3px; border-color:#eebc62;}
.error_box p {margin: 20px 0 0 120px;}
table.form_table {font-size:12px; padding:2px; margin: 0px 0px 0px 120px;}

#form-notes {margin:0; padding-left:15px; float:left;}
#form-notes p {margin:0; padding:0; font-size:9px;}

/*PROFILE*/
.title_box {margin:15px 0 10px 0; background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:100%; height:35px; margin-top:0px;}
.title_box h1 {margin-left:10px; float:left; margin-top:10px;text-decoration:none;}
.title_box em {float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-transform:lowercase; padding-right:10px; margin-top:10px;}
.title_box p {text-align:right; margin-right:15px; margin-top:10px;text-decoration:none;}
.title_box p a {margin-top:10px;text-decoration:none;}
.title_box_max_size {width:795px;}
.box-profile-student h2 {text-transform:uppercase;}
/*EDIT*/
.title_box_edit {margin:15px 0 15px 0; border-bottom:solid; border-width:1px; border-color:#c5d397; width:100%; height:35px; margin-bottom:-10px;}
.title_box_edit h3 {margin-left:0px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:1.2em;}
.title_box_edit p {text-align:right; margin-right:15px; padding-top:15px;}
.title_box_edit p a {text-decoration:none;}
.edit {float:left; text-align:right; margin-left:15px; padding-top:15px;}

.edit-content{margin:15px 0 15px 0; padding-top:10px;}
.edit-content img {padding-top:10px; padding-left:0px; margin-right:5px; clear:both;}
/*hCard*/
.vcard {font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:25px;}
.given-name, .additional-name, .family-name {font-size:1.1em; font-weight:bold;}
.adr {font-weight:500;}
.tel {font-weight:500;}
.email {font-weight:600; text-decoration:none;}

.ruledash {width:100%; margin-top:15px; margin-left:0px; border-bottom:dashed; border-width:1px; border-color:#d4e3a2;}



/*-----Button Styles-----*/
imput.link {margin:0;}
input.button {margin:0 10px 0 120px;}
input.search_button {margin:2px 0px 0px 5px;}
.buttonGreen {color:#fff; background-color:#74942c; padding:5px 15px; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:center; border:none; border-left:solid 1px #d4e3a2; border-top:solid 1px #d4e3a2; border-right:solid 1px #597122; border-bottom:solid 1px #597122;}
.buttonGreen:hover {color:#d4e3a2; cursor:pointer;}

.buttonOrange {color:#fff; background-color:#ee9a01; padding:5px 15px; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:center; border:none; border-left:solid 1px #eec06c; border-top:solid 1px #eec06c; border-right:solid 1px #c37e01; border-bottom:solid 1px #c37e01;}
.buttonOrange:hover {color:#eec06c; cursor:pointer;}

ul.buttonList {list-style:none; text-indent:none; margin:0; padding:0;}
.buttonList li {margin-bottom:15px;}
.buttonList li a {text-decoration:none;}
#footer {min-height:100%; padding-bottom:50px; padding-top:10px;}

/* MainBar */
#mainbar {width:530px; height:auto; margin-top:5px;}


/*-----Forms-----*/
/*#academics {margin: 0px 0px 15px 120px;}*/ 
/*#activities {margin: 30px 0px 0px 160px;}*/
/*#colleges {margin:0px 0px 10px 120px;}*/
/*#activities_label {margin:40px 0 0 40px;}*/
textarea.text{width:210px; height:300px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397;}
input.text{width:210px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;}
select.text{width:215px; height:30px; margin-bottom:15px; margin-left: 20px; font-size:11px; padding:2px; border:solid; border-width:3px; border-color:#c5d397;}
input.text#big {height:80px;}
input.checkbox {float:left; margin-left:20px; margin-bottom:15px;}
textarea.text#big {height:80px;}
input.text#password_encode {background:#d4e3a2;}
input.text#admission {height:240px;}
input.button_login {margin:0 10px 0 120px; float:left;}
p#max_text {margin-left:0px;}
p#max_block {margin-left:340px;}
a#social_text {margin-right:60px;}
p.login {margin:40px 0px 0px 160px;}
p#signup {margin-left:0}


.form_table th {width:200px; text-align:left; padding:5px 0px 5px 10px;}
.form_table td {width:30px; padding-left:10px; padding-right:5px;}
.form_table td.datamid {border-right:solid 1px #75942c; padding-left:10px; padding-right:0px;}
.odd th {color:#000; background:#fff;}
.even th {color:#000; background:#bdcf85;}

#student_login {margin:0px 40px 20px 40px;}
#birthday {width:70px; margin-right:-17px; float:left;}
.box-profile-college {margin:15px 0 15px 0; background-color:#FFFFFF; width:500px; min-height:200px; height:200px; border-bottom:3px #0F0;}
.college-logo img {width:200px; height:150px; float:left;}
.box-profile-student {margin:15px 0 15px 0; background-color:#FFFFFF; width:500px; min-height:300px; height:300px; border-bottom:3px #0F0;}
.box-education {margin:0 0 0 0; background-color:#FFFFFF; width:500px; height:auto; border-bottom:3px #0F0;}
/*revised for sidebar */
#image_preview {margin-left:0px; margin-top:0px; margin-bottom:15px; float:left; padding-right:20px;}
.subcol1 {float:left; width:130px; margin-top:0px; margin-bottom:0px; height:auto;}
.subcol2 {float:left; width:150px; margin-top:0px; margin-bottom:0px; height:auto;}
.subcol3 {float:left; width:320px; margin-top:0px; margin-bottom:0px; height:auto;}
.studentimg {padding-bottom:20px;}
.studentimg img {border:solid thick #e6e5e3;}
.student-img img {width:180px; height:205px; float:left;}

form.recruit-form {margin-left:0; padding-left:0;}
input.recruit {float:left; margin-left:0; padding-left:0;}

/*CLASSES*/
/* Profile Page */
.imgthumbs img {width:100px; height:80px; padding-right:7px;}

.edittable {
	width: 100%;
	padding-right:10px;
	padding-left:0px;
	margin: 0;
	border:0;
}
.edittable tr{vertical-align:top;}
.edittable td{width:30%; }

/* Highschool/Counselor Profile */
.counselor_photo {padding-bottom:20px;}
.counselor_photo img {border:solid thick #e6e5e3;}
.counselor_photo img {width:180px; height:205px; float:left;}

/*COLLEGE DIRECTORY TABLE*/

table.sortable, table.sortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px;
}
table.sortable th, table.sortable td {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 35%;
	border-color: #e6e5e3;
	
}
table.sortable th {
	border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:"Courier New", Courier, monospace; font-size:10px;
}

table.sortable td {
	border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; width:35%;
}
table.sortable a {text-decoration:none;}
table.sortable a:hover {text-decoration:underline;}

table.sortable tr.odd td {
	background-color: #d4e3a2;
	border-top: 1px solid #e6e5e3;
}
table.sortable tr.even td {
	background-color: #fff;
	border-top: 1px solid #e6e5e3;
}
table.sortable tr.sortbottom td {
	border-top: 1px solid #e6e5e3;
	background-color: #ccc;
	font-weight: bold;
}

table.unsortable, table.unsortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px;
}
table.unsortable th, table.unsortable td {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 25%;
	border-color: #e6e5e3;
	
}
table.unsortable th {
	border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c;
}

table.unsortable td {
	border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; width:20%;
}
table.unsortable a {text-decoration:underline;}
table.unsortable a:hover {text-decoration:underline;}

/*table.unsortable tr td {
	background-color: #d4e3a2;
	border-top: 1px solid #e6e5e3;
}*/
table.unsortable tr.key {
	background-color: #d4e3a2;
	border-top: 1px solid #e6e5e3;
}

table.unsortable tr.sortbottom td {
	border-top: 1px solid #e6e5e3;
	background-color: #ccc;
	font-weight: bold;
}

table.unsortable-sub, table.unsortable-sub {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px;
}
table.unsortable-sub th, table.unsortable-sub td {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 20%;
	border-color: #e6e5e3;
	
}
table.unsortable-sub th {
	border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c; background-color:#fff;
}

table.unsortable-sub td {
	border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; width:20%; background-color:#fff;
}
table.unsortable-sub a {text-decoration:underline;}
table.unsortable-sub a:hover {text-decoration:underline;}



table.unsortable-sub tr.sortbottom td {
	border-top: 1px solid #e6e5e3;
	background-color: #ccc;
	font-weight: bold;
}

/*STUDENT DIRECTORY TABLE*/
table.student-sortable, table.student-sortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px;
}
table.student-sortable th, table.student-sortable td {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 20%;
	border-color: #e6e5e3;
	
}
table.student-sortable th {
	border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:"Courier New", Courier, monospace; font-size:10px;
}

table.student-sortable td {
	border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:10px; padding-bottom:10px; width:20%;
}
table.student-sortable a {text-decoration:none;}
table.student-sortable a:hover {text-decoration:underline;}

table.student-sortable tr.odd td {
	background-color: #d4e3a2;
	border-top: 1px solid #e6e5e3;
}
table.student-sortable tr.even td {
	background-color: #fff;
	border-top: 1px solid #e6e5e3;
}
table.student-sortable tr.student-sortbottom td {
	border-top: 1px solid #e6e5e3;
	background-color: #ccc;
	font-weight: bold;
}

/*COUNSELOR DIRECTORY TABLE*/
table.highschool-unsortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; margin-bottom:20px;
}

table.counselor-unsortable {width:100%; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px;
}
table.highschool-unsortable th {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 20%;
	border-color: #e6e5e3;
	
}

table.counselor-unsortable th {
	text-align: left;
	padding:0px;
	padding-left:3px;
	width: 30%;
	border-color: #e6e5e3;
	
}
table.highschool-unsortable th.th-label {
	text-align: left;
	background:#74942c;
	color:#FFF;
	height:40px;
	padding-left:10px;
}

table.highschool-unsortable th.th-label a {text-decoration:underline; color:#fff;}
table.highschool-unsortable th.th-label a:hover {text-decoration:underline; color:#fff;}

table.highschool-unsortable th.th-sub-label {
	text-align: center;
	background:#ecf2da;
	border-top:1px solid #74942c;
	border-bottom:1px solid #74942c;
	color:#74942c;
	font-size:10px;
	height:20px;
}

table.highschool-unsortable th.th-key, table.counselor-unsortable th.th-key {
		background:#d4e3a2;
		font-size:10px;
		border:1px solid #fff;
		height:20px;
}

table.highschool-unsortable tr.hs-info td {
		height:30px;
		padding-left:5px;
}

table.counselor-unsortable tr.counselor-info td {
		height:30px;
		padding-left:3px;
		border-bottom:1px solid #e6e5e3;
}

#counselor-info tr.odd td {
	background: #d4e3a2;

}
table.counselor-unsortable tr.even td {
	background-color: #fff;
}

/*Table*/
#infotable {
	width: 100%;
	padding:10px;
	margin: 0;
	border:0;
	background-color:#d4e3a2;
}
