/************************************************
*	Reset some annoying things
************************************************/
ul.sem, ol.sem { list-style-type: none; }
.field hr,
hr.clear { visibility: hidden; margin: 0; clear: both; height: 5px; }


/************************************************
*	Reset labels and inputs to align
************************************************/
.submit { text-align: center; font-size: 14px; font-style: italic; font-family: Georgia, serif; color: #999; }
.submit input[type=submit] { padding: .25em .5em; background: #E1E1E1 url(../img/nav-bg.gif) repeat-x scroll left top; border: 3px double #bbb; color: #555; text-shadow: #fff -2px -2px 2px; font: bold 15px/1.4 "Helvetica Neue", Arial, sans-serif; margin: 0 .25em; }
.submit input[type=submit]:hover { border-color: #777; color: #000; }

label, input[type=text], input[type=password], select, textarea {
	font: normal 13px/1.4 "Helvetica Neue", Arial, sans-serif;
}
label {
	line-height: 23px;
}
input[type=text], input[type=password], textarea {
	padding: 1px;
	color: #444;
}

.wide input[type=text] {
	width: 300px;
}

.required label:after,
.instructions span {
	content: " *";
	font-weight: bold;
	color: #dd0000;
}

/************************
*	Fieldsets
************************/
fieldset {
	border: 1px solid #dddddd;
	border: none;
	background: white;
	padding: 0;
	margin-bottom: 1.5em;
}
	fieldset legend {
		background: #ffff99;
		border: 1px solid #dddddd;
		color: #666;
		padding: 2px 5px;
	}
	fieldset.inline label {
		float: left;
/*		text-align: right;*/
		margin-right: 15px;
		display: block;
		width: 130px;
	}
	.wide fieldset.inline label {
		width: 190px;
	}
	fieldset.inline p.help {
		margin-left: 145px;
		clear:left;
	}
	.wide fieldset.inline p.help {
		margin-left: 205px;
	}


/************************
*	Fields
************************/
.field {
	clear: both;
	padding: 1px 0;
}


.field p.help {
	margin: 0;
	font-size: 11px;
	color: #999;
}

/************************
*	Errors
************************/
.error_notice {
	color: #dd0000;
	font-weight: bold;
}
.field.with_errors {
	padding-top: 0;
	border: 1px solid #F2A1A3;
	margin-bottom: 10px;
	background: #FBE3E4;
}
.field.with_errors label {
	color: #222;
	margin-left: 10px;
}
em.error {
	margin-left: 5px;
	color: red;
	display: none;
	display: block;
	margin-left: 205px;
	margin-bottom: 15px;
}

.errorlist {
	background: #F2A1A3;
	margin: 0 0 10px 0;
	list-style-type: none;
	padding: .15em .5em;
	color: #990000;
	font-weight: bold;
}
input[type=text].error, input[type=password].error, select.error, textarea.error {
	border: 2px solid red;
	background: #ffffcc;
}



/****************************
*	Custom forms components
****************************/

/* The table for parent's info on the Personal form */
#parent_info td, #parent_info th {
	padding-right: 0px;
}
#gender .widget {
	float: left;
}
#gender .widget ul  {
	margin: 0;
	padding: 0;
}
#gender .widget li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#gender .widget li label {
	display:block;
	clear: left;
}
#gender .widget li label:after {
	content: "";
}
#copy_address { font-size: 13px; font-family: "Helvetica Neue", Arial, sans-serif; margin-left: 1em; }
#copy_address a { color: #777; }
#copy_address a:hover { color: #333; }



/****************************
*	Review page
****************************/
.review.section { border: none; margin: 0 0 5px 0; }
/*.review.section.collapsed { background: #f4f4f4; border: 1px solid #ddd; }*/

.review.section h2 { margin: 0; font-size: 14px; font-weight: bold; font-style: normal; font-family: "Helvetica Neue", Arial, sans-serif; }
.reviewLegend { list-style-type: none; padding: 0 0 0 2em; }
.reviewLegend li { padding-left: 20px; margin: 2px 0; }
.valid p {
	margin-bottom: 1.5em;
}
#content .review.section .title { background: url(../img/check2.png) no-repeat left center; padding-left: 20px; display: block; font-size: 18px; font-weight: bold; }
#completeFields { background: url(../img/check2.png) no-repeat left center; }
#errorFields,
#content .review.section.with_errors .title { background: url(../img/red_ex.png) no-repeat left center; }
#warningFields,
#content .review.section.incomplete .title { background: url(../img/warn.png) no-repeat left center; }
p#warningFields { padding-left: 18px; margin-top: 5px; line-height: 16px; }
#content .review.section.collapsed .title { font-weight: normal; }


.review.section fieldset { margin: 0; border-bottom: 1px dashed #aaa; padding-bottom: 1.5em; }
.review.section table { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; width: 554px; margin: 0 18px; }
.review.section th,
.review.section td { border-bottom: 1px solid #ddd; padding: .25em .5em; font-weight: normal; }
.review.section th
.review.section th { width: 200px; }
.review.section tr.with_errors th { padding-left: 22px; }
.review.section .divider th { background: #eee; font-weight: bold; border-width: 2px; }
.review.section td small { color: red; color: #aaa; }



/****************************
*	Education form
****************************/
#id_length_of_program { width: 4em; }
#prev_edu  { border: 1px solid #333; }
#prev_edu td, #prev_edu th  { 
	border: 1px solid #eee;
	padding: .5em;
}
#prev_edu th {
	text-align: center;
	background: #eee;
	border-color: #ddd;
	padding: .25em;
}
#prev_edu th.blank,
#prev_edu .head th.blank {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #fff;
	width: 25px;
}

#prev_edu th.first.blank{
	border-bottom: 1px solid #fff;
}

#prev_edu .head th {
	background: #d4d4d4;
	color: #222;
	border-color: #999;
}

#prev_edu th small {
	display: block;
	font-weight: normal;
}

#id_p1_start_date,
#id_p1_end_date,
#id_p2_start_date,
#id_p2_end_date,
#id_p3_start_date,
#id_p3_end_date {
	width: 80px;
	text-align: center;
}
#id_p1_institution_name,
#id_p2_institution_name,
#id_p3_institution_name {
}


.prev_education { margin-bottom: 15px; }
.prev_education label { display: block; font-size: 11px; font-weight: bold; line-height: 1.2; margin: 10px 0 2px 0; }
.prev_education td { padding: 0; }
.prev_education td.count { padding: 0; font-size: 56px; font-family: Georgia, serif; padding-right: 30px; color: #bbb; }
.prev_education td.date { width: 150px; }
.prev_education .name input { width: 375px; }
.prev_education .thing input { width: 180px; }
#id_p1_progam, #id_p2_progam, #id_p3_progam { margin-right: 5px; }

h3.label { margin: 1em 0 0 0; }
#id_notes { width: 100%; height: 5em; margin-bottom: 1.5em; }