/*
1.GLOBAL
2.MAIN FORM
3.CUSTOM FORMS
4.MESSAGE ALERTS
5.SPECIAL FORMS
*/

/* -- 1.GLOBAL -- */
input, textarea, select, button {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form em.form-field-instruction {
	display: block;
	font-size: .9em;
	color: #333;
	line-height: 1;
}
form p.login-create-an-account {
	float:right;
	margin: 0 20px 0 0;
	text-align:right;
}
p.form-fields-info {
	margin-left: 40px;
}

/* -- 2.MAIN FORM -- */
div.form-container { clear: both; margin: 10px 0; }

p.legend, div.form-container form p.legend { 
	margin-bottom: 1em;
}
p.legend em { 
	color: #C00; font-style: normal;
}

div.form-container form p { margin: 0; }
div.form-container form p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	margin-top: 4px;
}
div.form-container form fieldset, fomr#freeform form fieldset {
	margin: 15px 0; 
	padding: 10px;
	border: #DDD 1px solid; 
}
div.form-container form fieldset.active, div.form-container form#freeform fieldset.active {
	background: #ffffef;
}
div.form-container form legend, div.form-container form legend {
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	white-space: normal;
}
html legend{ position: absolute; top: -.75em; left: .75em; }
html fieldset{ position: relative; margin-top: 2em; padding-top:2em;}

div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, div.form-container span.label { 
	margin-right: 10px;
	padding: .25em 10px .25em 0;
	width: 150px; 
	display: block; 
	float: left;
	text-align: right;
	position: relative;
}
div.form-container label.error, div.form-container span.error {color: #C00;}
div.form-container label em, div.form-container span.label em { 
	position: absolute; 
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
}
div.form-container fieldset input, div.form-container fieldset textarea, div.form-container fieldset select {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: .25em;
}
div.form-container fieldset option {
	padding-right: 1em;
}
div.form-container input.error {
	border-color: #C00;
	background-color: #FEF;
}
div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus, div.form-container input.iefocus, div.form-container textarea.iefocus {
	background-color: #FFC;	
	border-top: 1px solid #FC6;
	border-left: 1px solid #FC6;
	border-bottom: 1px solid #FFEB8F;
	border-right: 1px solid #FFEB8F;
}
div.form-container div.controlset label, div.form-container div.controlset input {
	display: inline;
	float: none;
	border: none;
}
div.form-container div.controlset br {
	clear: left;
}
div.left-options, div.right-options {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}
div.form-container div.controlset div { 
	margin-left: 170px;
}
div.form-container div.buttonrow { 
	margin-left: 180px;
}


/* -- 3.MESSAGE ALERTS -- */
div.confirm, div.errors, div.notice{
	padding: .5em;
	color: #000;
	font-size: 1em;
	margin-bottom: 1em;
}
div.confirm {
	background-color: #B3FFB3;
	border: 1px solid #090;
}
div.errors { 
	border: #f00 1px dotted; 
	background-color: #FFDFDF;
}
div.notice {
	border: #FC0 1px dotted;
	background-color: #FFC;
}
div.errors p { margin: 0; }
div.errors p em {
	color: #C00;
	font-style: normal;
	font-weight: bold;
}
a#error {
	text-decoration: none;
}

#createProfile, #createdProfile, #createProfile fieldset, #createdProfile fieldset {
	display: block;
	width: 400px;
}

#createProfile fieldset, #createdProfile fieldset {
	margin: 1em 0;
	padding: 1em 0;
}

body#forgot-password fieldset {
	margin: 0 auto;
	overflow: hidden;
	width: 400px;
}

fieldset li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 400px;
}

body#forgot-password fieldset li {
	margin: 0 auto 20px;
}

#createProfile li label, #createdProfile li label, body#forgot-password li label {
	display: inline;
	float: left;
	margin: 0 10px;
	padding: 1px;
	text-align: right;
	width: 153px;
}
li.input-sperated {
	margin: 25px 0;
	position: 5px 0 0 0;
}
#createProfile li.input-sperated label {
	width: 340px;
}

#createProfile li input, #createdProfile li input, body#forgot-password li input {
	display: inline;
	float: right;
	margin: 0 20px 0 0;
	padding: 1px 0;
	height: 16px;
	width: 190px;
}
#createProfile li input.checkbox {
	height: 24px!important;
	width: 16px!important;
}

#createProfile li button {
	background: url("../images/buttons/btn-create-profile.png") no-repeat scroll left top transparent;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 32px;
	margin: 0 0 0 130px;
	text-indent: -999em;
	width: 250px;
}

/*body#login #createdProfile li span {
	margin: 15px 82px 0 25px;
}
#createdProfile li span {
	float: left;
	margin: 15px 70px 0 25px;
}

*/#createdProfile li button {
	background: url("../images/buttons/btn-create-profile.png") no-repeat scroll 0 -50px transparent;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 32px;
	margin: 0;
	text-indent: -999em;
	width: 130px;
}


body#login #createdProfile li button {
	margin: 0 0 0 280px;
	width: 100px;
}
body#forgot-password fieldset button {
	float: right;
	margin: 0 7em 0 0;
}

/*Student Information*/
fieldset h4 {
	margin: 0 0 1.5em 0;
	text-align: center;
}
/*
fieldset.school-attended, fieldset.school-courses {
	padding-bottom: 3em;
}
fieldset.school-attended > h4, fieldset.school-courses > h4 {
	margin: 0 0 1em 2em;
}

fieldset.school-attended div.radio-buttons, fieldset.school-attended div.input-fields, fieldset.school-attended div.state {
	display: inline;
	float: left;
}
fieldset.school-attended div.radio-buttons {
	margin: 0 60px 0 25px;
}
fieldset.school-attended div.radio-buttons label {
	margin: 0 5px;
}
fieldset.school-attended div.state {
	margin: 0 0 0 40px;
	width: 8em;
}
fieldset.school-attended div.input-fields input {
	width: 20em;
}
fieldset.school-attended div.state select {
	width: 8em;
}
fieldset.school-courses ul {
	margin: 0 0 0 30px;
}
fieldset.school-courses ul li label {
	margin: 0 0 5px 0;
}
fieldset.school-courses ul li {
	display: block;
	margin: 0 0 10px 0;
}*/

fieldset.additional-information, fieldset.student-education {
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	margin-top: 0;
}
fieldset.additional-information label, fieldset.student-education label.clear {
	display: block;
	clear: both;
}
fieldset.student-education li input.checkbox {
	margin: 0 4px 0 10px;
}
fieldset.additional-information li, fieldset.student-education li {
	clear: both;
}
fieldset.additional-information li.select-below, fieldset.student-education li.select-below, fieldset.additional-information li.select-below select, fieldset.student-education li.select-below select {
	clear: none;
	display: inline;
	float: left;
	width: 120px;
	margin: 0 20px 10px 0;
}
fieldset.student-education li.select-below, fieldset.student-education li.select-below select {
	clear: both;
	display: block;
	float: none;
	width: 160px;
}
/* -- 4. Overlay Label Technique */
form#search-form {
	margin: 8px 8px 0 0;
	float: right;
}

form div {
	float: left;
	position: relative;
}
div#search-form label {
	display: none;
}
div#search-form label.overlabel-apply {
	display: inline;
}
form label.overlabel-apply {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	left: 10px;
	position: absolute;
	top: 3px;
	z-index: 1;
}

form label {
	margin-bottom: 5px;
	padding: 0;
}
form label em {
	color: #cc0000;
	font-size: 120%;
	font-style: normal;
	right: 0;
}
/* -- 5.SPECIAL FORMS --*/

/*Pop Up Forms*/
form#member-edit-form fieldset {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	width: auto;
}
form#member-edit-form fieldset legend {
	clear: both;
	display: block;
	position: relative;
}
form#member-edit-form fieldset div {
	clear: both;
	display: block;
	margin: 0 0 8px;
}
form#member-edit-form fieldset#personal-information div, form#member-edit-form fieldset#new-password-setup div {
	clear:none;
	display:inline;
	float:left;
	margin:0 20px 10px 10px;
}
form#member-edit-form fieldset#personal-information div.clear, form#member-edit-form fieldset#new-password-setup div.clear {
	clear: both;
	display: block;
	float: none;
}
form#member-edit-form fieldset#personal-information div.left-clear {
	clear: left;
}
form#member-edit-form fieldset div label {
	clear: both;
	display: block;
	width: 200px;
}
form#member-edit-form fieldset div input {
	clear: both;
	display: block;
	width: 200px;
}
/*BLOG COMMENT SECTION*/
#modalCommentForm #comment_form p input[type="text"], #modalCommentForm #comment_form p textarea {
	display: block;
	margin: 0.5em 0 0;
	width: 250px;
}
#modalCommentForm #comment_form p textarea {
	width: 400px;
}
/* STYLISH SELECTS */
body#homepage #main-content form#homepage-school-search-form {
	margin: 0 0 0 5px;
}
body#homepage #main-content form#homepage-school-search-form label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin: 3px 0 0 4px;
}
body#homepage #main-content #homepage-school-search-form input#zip {
	background: transparent url(../images/forms/homepage-schoolfinder-text.png) top center no-repeat;
	border: none;
	height: 15px;
	padding: 6px 5px 4px 5px;
	width: 246px;
}
body#homepage #main-content #homepage-school-search-form input#school-search-submit {
	background: transparent url(../images/forms/homepage-find-it-bg.jpg) center center repeat-x;
	border: solid 1px #fff;
	color: #fff;
	float: right;
	font-weight: bold;
	margin: .75em 0 0 0;
	padding: 5px 20px;
}

/*==================================
remove default focus style
====================================*/
:focus {outline:none;}

.js ul.newList {left:-9999px;}

/* select styles - sidebar is default */
ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0 0 0 4px;
	padding:0 0 0 4px;
	list-style:none;
	color: #000;
	width: 225px;
	background-color:#fff;
	position: absolute;
	border-bottom: 1px solid #ccc;
	top: 25px; left: 15px;
	overflow:auto;
	z-index:101;
}	
.newListSelected {
	width: 248px;
	font-weight: bold;
	color: #000;
	height: 21px;
	padding: 4px 0 0 8px;
	float: left;
	background: transparent url(../images/forms/homepage-schoolfinder-dropdown.png) top center no-repeat;
}
.newListSelected span {
	width:256px;
	display:block;
}
ul.newList li {
	padding: 0;
}
.selectedTxt {
	width: 250px;
	overflow:hidden;
	padding: 0;
}
.hiLite {
	background: #efefef!important;
	color: #000!important;}
.newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor:default;}
.newListSelHover,
.newListSelFocus {
	cursor:pointer;
}
.newListOptionTitle {
	font-weight:bold;
}
.newListOptionTitle ul {
	margin: 0;
}
.newListOptionTitle li {
	font-weight: normal;
	border-left: 1px solid #ccc;
}