.subnav {
	/* there should probably be something here eventually */
}

.subnav ul {
	background: #EDE9E4;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.subnav li {
    display: inline;
}

.subnav li a:link, .subnav li a:visited {
    color: #666666;
    font-size: 11px;
    padding: 4px 0px 4px 10px;
    text-decoration: none;
}

.subnav li a.current {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

 .subnav li a.current:hover {
    text-decoration: none;
    text-decoration: underline;
}

.please_wait {
	display: none;
}

.input_error {
	border: 1px solid red;
	box-shadow: 0 0 5px red;
	-moz-box-shadow: 0 0 5px red;
	-webkit-box-shadow: 0 0 5px red;
}

.ost_hidden {
	display: none;
}

.small {
	font-size: small;
}

.add-to-cart {
	text-align: center;
}

.right {
    float: right;
    margin: 0px 0px 15px;
    padding: 0px 10px;
    width: 212px;
}

.totals {
	font-size: smaller;
}

.submit_container {
	text-align: right;
}

.smaller {
	font-size: smaller;
}

.pink-text {
	color: #E6C79E;
}

table.courses {
    padding: 3px 0px 0px 0px;
}

table.courses td {
    padding: 3px 0px;
}

.error_message {
    background-color: #FFD700;
    color: black;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid red;
    padding: 5px;
    margin: 5px 0 10px;
}

.error_message a {
    color: #990000;
}

.separator {
    border-top: 1px solid #656565;
    font-size: 0px;
    margin: 10px 0px 0px;
    padding: 5px 0px;
    width: 100%;
}

#enroll_pay_invoice_content .separator {
    width: 600px;
}

.right-align {
	text-align: right;
}

/* Shipping info */ 
#shipping_info {
	margin: 10px 0 10px 60px;
}

article input,
article select {
	font-size: 11px;
}

.note_red {
	color: #990000;
}

#choose_password_copy {
	margin: 2px 0 0 150px;
}

#in_highschool_copy,
#no_highschool_copy,
#no_english_copy {
    display: none;
    border: 1px solid #990000;
    padding: 5px;
    margin-bottom: 15px;
}
blockquote#under_18 {
	display: none;
	margin: 10px 0 0;
	border: 1px solid #990000;
}
#security_questions,
#security_questions_copy,
#security_questions select {
	margin-bottom: 5px;
}
#security_questions fieldset {
	border: 1px solid;
	padding: 0 0 10px 10px;
}
#security_questions legend {
	margin-left: 10px;
}
#security_questions input,
#security_questions select {
	display: block;
	width: 400px;
}
blockquote {
    background: #F1F1F1;
    border: 1px solid #C8C8C8;
    margin: 15px 0px;
    padding: 10px;
    width: 460px;
}
h3 {
    color: #990000;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
}
.register {
    margin-top: 15px;
}

.register td {
    padding: 6px 0px;
}

input.attention {
   
   z-index: 24;
   background-color: #FFF;
   color: #000;
   text-decoration: none;
}

input.attention span {
   position: absolute;
}

span.attention_input {
   border: 1px solid #E8CC40;
   background-color: #FFF347;
}

#documents_credit {
   background-color: #FFF;
   height: 300px;
   overflow: auto;
   padding-left: 5px;
   width: 600px;
}

#documents_invoice {
   overflow: auto;
   width: 600px;
}

#documents_superuser {
   display: none;
}

.sigline {
   border: none;
   border-bottom: solid 1px black;
}

/* account.php */
.account_submit,
#account_content .please_wait {
	width: 100%;
	text-align: right;
	height: 30px;
}
#account_note {
	font-size: 110%;
	color: #333333;
	background-color: #FFD700;
	padding: 10px;
}
.account_left_column {
	display: inline-block;
	width: 25%;
}
.account_right_column {
	display: inline-block;
	width: 70%;
	padding-left: 5px;
}
#account_content .form_field_container .right_column {
	width: 320px;
}

h2 {
    color: #990000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 10px;
}

#selected_box {
	background: #EDE9E4;
	border-radius: 10px;
	margin: 15px 0;
	padding: 1px 12px;
	width: 212px;
}

.box {
	color: #000;
}

/* Form validation styles */
.form_field_container {
	margin: 4px 0;
}
.form_field_container .left_column {
	display: inline-block;
	width: 140px;
}
.form_field_container .right_column {
	display: inline-block;
	width: 340px;
	padding-left: 5px;
}

.readiness_assessment .right_column{
	display: inline-block;
	float: right;
	width: 140px;
	padding-left: 5px;	
}
.readiness_assessment .left_column{
	display: inline-block;
	width: 340px;
}
.note_go,
.note_stop {
	margin: 10px;
	padding: 0 10px;
	border: 2px solid #FFD700;
}
.note_go {
	color: #005500;
}
.note_stop {
	color: #A50309;
}
#login_submit_btn_container {
	margin: 5px 0;
	width: 240px;
}
.login_field_container {
	margin: 5px 0;
	width: 100%
}
.login_field_container .left_column {
	display: inline-block;
	width: 100px;
}
.login_field_container .right_column {
	display: inline-block;
	width: 140px;
	text-align: right;
}

/* UMail */
.uMailtextarea {
    font-family: courier, monospace;
    color: black;
    font-size: 10pt;
    background-color: white;
}

.umailUnread {
    background-color: orange;
    color: inherit;
}

.umailError {
    border: 2px solid black;
    background-color: orange;
    color: inherit;
    margin: 10px;
    padding: 10px;
}

.umailMessageBody {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    font-size: 9pt;
    font-family: courier, monospace;
}

.umailPre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.umailLine {
    background-color: #FFFFFF;
    color: inherit;
}

.umailLineAlt {
    background-color: #E0E0E0;
    color: inherit;
}

.umail { background-color: white; margin: 5px; }

.umailA, .umailA:visited { color: black; }  

aside {
	margin-top:10px;
}



/* /enroll/index.php */
#enroll_index_content h2 {
	font-size: 1.1em;
	margin: 20px 0;
}
.certificate_course_list {
	font-size: 0.8em;
}
.smallprint_link {
	font-size: 11px;
}

/* your_selection.php */
#your_selection_content .form_field_container {
	margin: 15px 0;
}
#your_selection_content #readiness_assessment {
	padding: 10px;
	background-color: #F0F0F0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#your_selection_content .form_field_container .left_column {
	width: 60px;
	vertical-align: top;
}

/* register.php */
#student_country {
	width: 150px;
}

#selection_prereqs_container {
	margin-bottom: 20px;
}
#enroll_submit_btn_container {
	margin: 20px 0;
}
#in_highschool_message, #no_highschool_message, #no_english_education_message {
	display: none;
	border: 1px solid #990000;
	padding: 5px;
	margin-bottom: 15px;
}
#no_english_education_message {
	margin-top: 10px;
}
#english_education_verification_container p.opener {
	margin-top: 0;
}
#educational_warn {
	display: block;
	margin: 10px 0;
	border: 1px solid #990000;
}
#education_detail_fields {
	margin: 10px 0 10px 20px;
}
#security_questions, #security_questions_copy, #security_questions select {
	margin-bottom: 5px;
}
#security_questions input, #security_questions select {
	display: block;
	width: 400px;
}

/* pay_invoice.php */
.lab_fee_submit_container {
	width: 475px;
}
.enroll_pay_invoice_submit {
	width: 600px;
}
.button_off {
	cursor: default;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.button_on {
	cursor: pointer;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* SSP - /student/index.php */
.login_field_container {
	margin: 5px 0;
	width: 100%
}
.login_field_container .left_column {
	display: inline-block;
	width: 100px;
}
.login_field_container .right_column {
	display: inline-block;
	width: 140px;
	text-align: right;
}
#login_submit_btn_container {
	margin: 5px 0;
	width: 240px;
}

/* Request ECU Letter - /student/request_ceu.php */
#shipment_submit_container, #request_ceu_submit_container {
	margin: 20px 0 0;
	width: 100%;
}

/* Forgot password - /student/forgot.php */
#forgot_content, #key_content {
	background-color: white;
	width: 948px;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	margin: 0 auto;
}
#forgot_header {
	width: 948px;
	border-bottom: 1px solid #D4D4D4;
}
#forgot_password_container {
	width: 520px;
	margin: 50px auto 100px;
	padding: 10px;
	background-color: #E0E0E0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#forgot_password_container h1 {
	color: #990000;
	margin: 0 0 30px;
}
#forgot_password_container #login, #forgot_password_container .answer_input {
	margin-top: 7px;
}
#forgot_submit_btn_container {
	margin: 20px 0 0;
	width: 100%;
}
#forgot_footer {
	color: #B0B0B0;
	font-size: 11px;
	padding: 5px;
	width: 938px;
	valign: middle;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
}

/* Accordions */
.toggle_heading {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 14px;
	margin: 0 0 1em;
	padding-left: 20px;
	background: url('/images/arrows_sprite.png') no-repeat;
}
.arrow_down {
	background-position: 0 0;
}
.arrow_right {
	background-position: 0 -14px;
}
#withdraw_request_content .toggle_container {
	display: none;
}
#account_content .toggle_container {
	display: none;
	margin: 10px 0;
}
#account_content .toggle_container form {
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Withdraw */
#withdraw_request_content, #withdraw_form_content {
	margin-bottom: 60px;
}
#withdraw_form_content h2 {
	margin-top: 1em;
	color: #333333;
	text-decoration: underline;
}
.course_list_table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid gray;
	background-color: white;
}
.course_list_table .disabled_row {
	background-color: #E0E0E0;
}
.course_list_table th {
	text-align: left;
}
.course_list_table td {
	border: 1px solid gray;
	padding: 3px 10px;
}
.course_list_table .price, .course_list_table .progress {
	text-align: right;
}
.course_list_table .withdraw_checkbox {
	width: 40px;
	text-align: center;
}
.course_list_table .course_name {
	width: 220px;
}
.course_list_table .instructor {
	width: 100px;
}
.course_list_table .progress {
	width: 100px;
}
.course_list_table .progress table {
	width: 50px;
	height: 10px;
	border: 0px solid gray;
}
.course_list_table .progress table td {
	border: 0px solid gray;
	padding: 0;
}
.course_list_table .total {
	font-weight: bold;
}
#non_EA_withdraw_courses li {
	font-weight: bold;
}
#student_initials {
	border-top: solid 1px white;
	border-right: solid 1px white;
	border-bottom: solid 1px black;
	border-left: solid 1px white;
}
#student_signature, student_date {
	width: 100%;
}

.gold-button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcf3d), color-stop(1, #e8bc37) );
	background:-moz-linear-gradient( center top, #ffcf3d 5%, #e8bc37 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf3d', endColorstr='#e8bc37');
	background-color:#ffcf3d;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	border:1px solid #ffbc47;
	display:inline-block;
	color:#000;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:4px 17px;
	text-decoration:none;
}

.gold-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e8bc37), color-stop(1, #ffcf3d) );
	background:-moz-linear-gradient( center top, #e8bc37 5%, #ffcf3d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8bc37', endColorstr='#ffcf3d');
	background-color:#e8bc37;
	color: #000;
}

.gold-button:active {
	position:relative;
	top:1px;
}

.gold-button:visited {
	color: #000;
}

/** 
 * 	Mobile
 */ 
@media only screen and (max-width: 420px) {  
	.readiness_assessment .left_column,
	.readiness_assessment .right_column {
		float: none;
		display: block;
		width: 100%;
		padding-left: 0;
	}
	blockquote {
		width: 260px;
	}
	#security_questions input,
	#security_questions select {
		width: 250px;
	}
	#choose_password_copy {
		margin: 0;
	}
	.submit_container {
		text-align: left;
	}
	.enroll_pay_invoice_submit {
		width: 100%;
	}

}