/* removed hard-coded table widths from application.php, final.php, submit.php, review.php, consent.php, instructions.php and index.php */
/* if you change the overall table width for the application, under main content, be sure to */
/* update this file to change navigation buttons to be X pixels wide each (ex. 245 each for 800 px overall width)*/

/*------------------------------------*\
    GLOBAL RESETS AND DEFAULTS
\*------------------------------------*/

body {
//	background: url(images/bk_main_bkgd.jpg) repeat-x #015289;
	background-color: #ffffff;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
}

a {
	color: #2b4b84;
}

a:visited {
	color: #440044;
}

a:hover,
a:focus {
	color: #982207;
}

a:active {
	color: #2b4b84;
}

h1 {
	font-size:13px;
}

h2 {
  font-size: 18px; 
}

img {
	max-width: 100%;
	height: auto;
}

input,
select,
textarea {
	max-width: 100%;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.normal {
	display: block;
}

.hidden {
	display: none;
}

.stop_float {
  clear: both;
  display: block;
  height: 0;
}

.odd_row { 
  background-color: #EFEFEF;
}

.even_row { 
  background-color: #FFFFFF;
}

/* alert boxes to get the users attention */
.alert {
	background: #ecf1f8;
	padding: 10px;
	color: #666;
}

.alert h1 { 
	color: #DA0021;
	font-size: 15px;
	margin: 0;
}

.alertbold {
	background: #ecf1f8;
	color:#666;
	font-weight:bold;
	padding: 10px;
}

.instructions {
  font-size: 12px;
	font-style: italic;
	color: #666666;
	margin-bottom: 10px;
}

/* label is used for most field labels on the application pages */
.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

/* label2 is used for the textarea field labels */
.label2 {
	font-weight: bold;
}

/*fldinstr is used for instructions on the application pages */
.fldinstr {
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

/* accent colors to emphasize certain words */
.accentcolor {
	color: #D4001A;
	font-weight: bold;
}

.required_asterisk {
	color: #b30938;
	font-size: 1.5em;
	line-height: 0.67em;
	vertical-align: middle;
}

.error {
	color: #ff0000; 
	font-weight: bold; 
}

.success {
	color: #008800; 
	font-weight: bold; 
}

.text2 {
	font-size: 12px;
}

.pagetitle {
	font-size: 18px; 
	font-weight: bold;
}

.refer{
	color: #A5262F;
	font-size: 4px; 
	font-weight: bold;
}

.linkbutton, 
.linkbutton:visited, 
.linkbutton:hover,
.linkbutton:focus {
	background: #eee;
	border: 1px solid #000;
	color: #000;
	padding: 2px 1em;
	text-decoration: none;
}

/* Session timeout warning */
.timeout-warning {
  background-color: #f6f6f6;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  clear: both;
  display: block;
  font-size: 14px;
  font-style: italic;
  margin: 5px 0;
  padding: 3px;
  text-align: center;
  width: 100%;
}

/* Form table styles */

.form_label,
.form_entry {
	padding: 7px;
}

.form_label {
	font-weight: bold;
}

.form_option {
	margin-bottom: 1em;
}

.hidden-label {
	position: absolute;
	left: -9999px;
}

.form_feedback {
  text-align: center;
}

/* Used to position the radio button and its corresponding text more intelligently */
.radio_block {
  clear: both;
  /*display: block;
  margin: 0;
  padding: 0;*/
}

.radio_option {
  float: left;
  margin: 0 0.25em 0.5em 0;
}

.label_highlight {
  color: #ff0000;
    font-style: italic;
}

.field_highlight {
  color: #982207;
  background:#ececec;
}

.field_highlight input,
input.field_highlight,
select.field_highlight,
textarea.field_highlight {
  background-color: #F9F4CC;
}


/*------------------------------------*\
    UI - HEADER, FOOTER, 
         AND CONTENT CONTAINER
\*------------------------------------*/

#wrapper {
	background: #fff;
	border: 2px solid #e6112b;
	color: #000;
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;*/
	font-weight: bold;
	margin: 0 auto;
	padding: 0; /* 10px; */
}

#content-wrap {
	/*border: 0;*/ /* 2px solid #98012c; */
	/*padding: 0;*/
	/*width: 1000px;*/ /* 995px; */
}

/**** BEGIN HEADER STYLES ****/

#header {
  position: relative;
  color: #000;
}

#header-background {
  overflow: hidden;
}

#header-background img {
  display: block;
}

#header-phrase {
  color: #938775;
  font-size: 20px;
  padding: 1em;
  text-align: center;
}

.header-logos {
	display: none;
	text-align: center;
}

#header-sa-logo,
#header-college-logo {
	display: inline-block;
	padding: .5em;
}

.header-label-wrapper {
	background: url(images/bk_title_bkgd.jpg) repeat-x #7c0727;
	background: -moz-linear-gradient(top,  #7d0528 0%, #7f072a 4%, #97062f 15%, #9e0933 21%, #a90834 31%, #b20837 44%, #b20837 60%, #a70733 75%, #a10932 77%, #9a0731 85%, #89072b 92%, #800728 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d0528), color-stop(4%,#7f072a), color-stop(15%,#97062f), color-stop(21%,#9e0933), color-stop(31%,#a90834), color-stop(44%,#b20837), color-stop(60%,#b20837), color-stop(75%,#a70733), color-stop(77%,#a10932), color-stop(85%,#9a0731), color-stop(92%,#89072b), color-stop(100%,#800728));
	background: -webkit-linear-gradient(top,  #7d0528 0%,#7f072a 4%,#97062f 15%,#9e0933 21%,#a90834 31%,#b20837 44%,#b20837 60%,#a70733 75%,#a10932 77%,#9a0731 85%,#89072b 92%,#800728 100%);
	background: -o-linear-gradient(top,  #7d0528 0%,#7f072a 4%,#97062f 15%,#9e0933 21%,#a90834 31%,#b20837 44%,#b20837 60%,#a70733 75%,#a10932 77%,#9a0731 85%,#89072b 92%,#800728 100%);
	background: -ms-linear-gradient(top,  #7d0528 0%,#7f072a 4%,#97062f 15%,#9e0933 21%,#a90834 31%,#b20837 44%,#b20837 60%,#a70733 75%,#a10932 77%,#9a0731 85%,#89072b 92%,#800728 100%);
	background: linear-gradient(to bottom,  #7d0528 0%,#7f072a 4%,#97062f 15%,#9e0933 21%,#a90834 31%,#b20837 44%,#b20837 60%,#a70733 75%,#a10932 77%,#9a0731 85%,#89072b 92%,#800728 100%);
	background: #e6112b; /* #e1231a */
	line-height: 1em;
	overflow: hidden;
}

#headerlabel {
/*	line-height: 2.3;*/
	/*padding: 20px 82px;*/
}

/* main content box label for page */
#headerlabel,
#applicationidlabel, 
#halfheaderlabel {
	color: #fff;
	font-size: 20px;
	/*line-height: 1.5;*/
	margin: 0;
	padding: 20px;
	/*padding-left: 20px;*/
}

/*#applicationidlabel {
	color: #000;
	font-size: 20px;
}*/

#content-wrap #applicationidlabel {
	/*color: #fff;
	line-height: 1.5;*/
	/*padding-left: 0;
	padding-right: 20px;*/
}

/**** END HEADER STYLES ****/

/**** BEGIN CONENT STYLES ****/

.social-buttons {
  margin: 10px 0;
}

/* Override instagram icon */

.st_instagram_large .stLarge {
  background-image: url(images/icon-instagram.png) !important; /* Override inline style requires !important */
}

.st_youtube_large .stLarge {
  background-image: url(images/icon-youtube.png) !important; /* Override inline style requires !important */
}

.st_snapchat_large .stLarge {
  background-image: url(images/icon-snapchat) !important; /* Override inline style requires !important */
}

/* main content box */

#maincontent {
	background: #fff;
	clear: both;
	padding: 10px;
}

/* main content box label for user ID */

#maincontent #usernamelabel {
	color: #0052C2;
	text-align: right;
	float: right;
	font-size:16px;
}

/* Begin Side Navigation */

#maincontent #navigation{
/*	background-color: #D6DDE0; */
  background: #b6cbda; /* #ccc */
	border: 1px solid #231f20; /* #B6C1C7 */
	color: #110F62;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 1em;
}

#navigation #navtitle {
	background: #e6112b; /* #e1231a */
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

#maincontent #navigation li {
	list-style-type: disc;
}

#maincontent #navigation li.current {
	background: #0071ce; /* #F47B20 */
	color: #fff;
	font-style: italic;
	list-style-image: url(images/arrow-red.gif);
	padding-left: 5px;
}

/* classes/id to show user progress of app */

#maincontent #navigation a {
	color: #0052C2;
	color: #6a4122;
	text-decoration: underline;
}

#maincontent #navigation a:visited {
	color: #110F62;
	text-decoration: underline;
}

#maincontent #navigation a:hover,
#maincontent #navigation a:focus {
	color: #000;
}

#maincontent #navigation .unfinished a:link
#maincontent #navigation .unfinished a:visited  {
	color: #6a4122;
	text-decoration: underline;
}

#maincontent #navigation .unfinished a:hover,
#maincontent #navigation .unfinished a:focus,
#maincontent #navigation .current a:hover,
#maincontent #navigation .current a:focus {
	color: #D5620C;
}

#maincontent #navigation .current a:link,
#maincontent #navigation .current a:visited {
	background: #fff;
	color: #d4001a;
	text-decoration: underline;
}

#maincontent #navigation .advanced_series {
    list-style-type: none;
    margin-left: 1.5em;
}

#maincontent #navigation .finished a:link,
#maincontent #navigation .finished a:visited {
	color: #110F62;
  font-weight: 600; 
  text-decoration:none;
}

#maincontent #navigation .finished a:hover,
#maincontent #navigation .finished a:focus {
	color: #000;
	font-weight: 600;
	text-decoration: none;
}

#navigation #navbar .navbutton {
	background: #0071ce;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
}

#navigation #navbar .navbutton a,
#navigation #navbar .navbutton a:visited {
	color: #fff;
	display: block;
	padding-left: 10px;
	text-decoration: none;
}

#navigation #navbar .navbutton a:hover,
#navigation #navbar .navbutton a:focus {
	background: #fff;
	color: #231f20;
	text-decoration: none;
}

#navigation #navbar .navbutton a:active {
	display: block;
	color: #fff;
	text-decoration: none;
}

/* End Side Navigation */

/* Begin Sub Header */

#subheader #applicantid,
#subheader #overview_link,
#subheader #logout_link,
#subheader #forgot_password_link,
#subheader #login_link {
	margin-bottom: .5em;
}

#subheader #close_link {
  margin: 0;
  text-align: right;
  width: 100%;
}

#subheader #applicantid {
	font-size: 1em;
}

#subheader #registercrumbs,
#subheader #breadcrumbs {
	clear: left;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

#subheader #registercrumbs li,
#subheader #breadcrumbs li {
	padding: 0 1.125em;
}


#subheader #registercrumbs .complete,
#subheader #breadcrumbs .complete  {
	font-style: normal;
	color: #000;
}

#subheader #registercrumbs .current,
#subheader #breadcrumbs .current {
	background: url(images/arrow-red.gif) no-repeat 2px 3px;
	color: #982207;
	font-weight: bold;
}

#subheader #registercrumbs .incomplete,
#subheader #breadcrumbs .incomplete {
	font-style: italic;
	color: #888;
}

#sub_header_line {
  clear: both;
}

/* End Sub Header */

/* Begin Main Content */

#maincontent #content {
	font-weight: normal;
	color: #000;
	padding: 1em;
}

#maincontent #pagetext {
	
}

.pagetext {

}

/* Used across all student pages, this div container goes in the top right corner just below the header */
#applicantid {
	font-size: 1.25em;
	font-weight: bold;
}

/* End Main Content */

/**** END CONTENT STYLES ****/

/**** BEGIN FOOTER STYLES ****/

#content-wrap #footer {
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
}

#footer a:hover {
	text-decoration: none;
}

.footer_container {
	padding: 1em;
}


/**** END FOOTER STYLES ****/

/*------------------------------------*\
    PAGE SPECIFIC
\*------------------------------------*/

/**** BEGIN HOMEPAGE ****/

.list-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.list-options li {
	margin-bottom: 10px;
}

/**** END HOMPAGES ****/

/**** BEGIN PAGE OVERVIEW ****/

#overview_display h3, 
#overview_display h4 {
	margin-bottom: 0;
}

/**** END PAGE OVERVIEW ****/

/**** BEGIN APPLICATION PAGE ****/

.application_button {
	margin: 1em 0;
}

/* Start: Application page skip link styles */
#skip-link a {
  height: 1px;
  left: -10000px;
  line-height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

#skip-link a:focus
{
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
  position: static;
  text-align: center;
  width: 800px;
}

.skip-link-target {
  display: block;
  height: 1px;
  overflow: hidden;
  width: 1px;
}

.skip-link-target a {
  color: #FFFFFF;
  line-height: 1px;
}
/*   End: Application page skip link styles */

/**** ENG APPLICATION PAGE ****/

/**** BEGIN SUPPORTING DOCUMENTATION STYLES ****/

#supporting_document_explanation {
	padding: 0 0 2em 0;
}

#supporting_document_form {
	padding: 0 0 1em 0;
}

#fileupload_form table,
#current_files_list {
	width: 100%;
}

#fileupload_form table td {
	padding: 2px;
	vertical-align: top;
}

#current_files_list th,
#current_files_list td {
	padding: 2px;
}

#back_button {
	float: left;
	width: 50%;
	text-align: left;
}

#review_button {
	float: left;
	width: 49%;
	text-align: right;
}

/**** END SUPPORT DOCUMENTATION STYLES ****/

/**** BEGIN REVIEW STYLES ****/

.is_review_correct {
  padding: 0;
}

#review_profile h3, 
#review_profile h4, 
#review_questions h3, 
#review_comments h3, 
#review_requests h3, 
#review_documents h3, 
#review_certification h3 {
  /*clear: both;*/
  margin: 0.5em 0 0 0;
  /*padding: 0;*/
}

/* Error highlight warning div styles on the review page */
#review_error_banner {
  margin: 1em 0 0 0;
  padding: 0;
}

#review_error_banner_image {
  /*clear: left;*/
  float: left;
  width: 75px;
  /*padding: 0;*/
}

#review_error_banner_text {
  color: #ff0000;
  float: left;
  padding-left: 0.5em;
  width: 70%;
}

#review_error_banner_text a {
  color: #ff0000;
}

.review_anchor {
  color: black;
  text-decoration: none;
}

.review_page_subheader {
  color: #453f40;
  font-weight: bold;
  font-size:17px;
}

.review-section-q-a {
  width: 100%;
}

.review-section-q-a th,
.review-section-q-a td {
  padding: 4px;
}

.review-section-q-a .q-a-hide-row {
  
}

.review-section-q-a .q-a-hide-row th,
.review-section-q-a .q-a-hide-row td {
  position: absolute;
  left: -9999px;
}

.review-error-detail {
  list-style-type: none;
}

.is_review_correct {
  padding: 5px 0;
}

.is_review_correct a {
  text-decoration: none;
}

.review-edit-container {
  background:url(images/no-text-edit-button.png) no-repeat 5px 5px;
  border: 1px solid #000000;
  display: inline-block;
  *display: inline; /* ie7 support for inline-block */
  height: 30px;
  margin-bottom: 5px;
  padding: 15px 5px 0 45px;
  width: 165px;
}

.review-edit-text {
  color: #666666;
}

/**** END REVIEW STYLES ****/

/**** BEGIN LOGIN STYLES ****/

#login_new_user {
	margin: 0;
}

#new_user_not_allowed p {
	background: #c0c3ee;
	padding: 10px;
}

#new_user_header,
#returning_user_header  {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0;
}

#new_user_link,
#returning_user_link {
	margin: 15px 0;
}

/**** END LOGIN STYLES ****/

/**** BEGIN FORGOT PASSWORD STYLES ****/

.forgotpass_explanation {
	margin: 20px 0;
	padding: 0;
}

#forgotpass_unverified_paths {
	margin: 0;
	padding: 0 20px;
}

#forgotpass_unverified_paths li {
	margin: 10px;
}

#forgotpassword_form input {
	display: block;
}

#forgotpassword_form input[type="text"] {
	margin-bottom: 10px;
}

/* The style below is used on the forgot password page when an email already has an unfinished registration "loop" */
#unfinished_registration_warning {
  background: #c0c3ee;
  border: 1px solid blue;
  padding: 0 10px;
  /*text-align: left;*/
}

/**** END FORGOT PASSWORD STYLES ****/

/**** BEGIN STUDENT OVERVIEW STYLES ****/

.student_overview_spacing {
	
}

/**** END STUDENT OVERVIEW STYLES ****/

/**** BEGIN PROFILE PAGE ****/

.name-fields {
	margin-bottom: 1em;
}

.profile-button {
	margin-top: 10px;
}

.autocomplete-details {
  margin-top: 1em;
}

#profile_form #state option[value="*"] {
  display: none;
}

/**** END PROFILE PAGES ****/

/**** BEGIN SAF FORM ****/

#saf_form h3 {
  margin: 16px 0 0 0;
}

.saf_form {
  table-layout: fixed;
  width: 100%;
}

.saf_form .sizing td,
.saf_page_review .sizing td {
  padding: 0;
  height: 1px;
  line-height: 1px;
}

/**** END SAF FORM ****/

/**** BEGIN SAF REVIEW ****/

.saf_page_review {
  margin: 0;
  padding: 0;
  width: 100%;
}

.saf_page_review .label {
  padding: 4px;
}

/**** END SAF REVIEW ****/

/**** BEGIN RESULTS INSTRUCITONS ****/

.notes {
  text-align: right;
  list-style-type: none;
}

/**** END RESULTS INSTRUCTIONS ****/


/*------------------------------------*\
    MISC
\*------------------------------------*/


/***** START MOBILE LAYOUT *****/
@media (max-width: 1028px) {
  .form_table,
  .stack-table {
    border: 0;
    display: block;
    overflow: hidden;
    width: 100%;
  }

  /***** BEGIN EXTRA CSS FOR IE9 *****/
  .form_table thead,
  .form_table tfoot,
  .form_table tbody,
  .form_table tr,
  .form_table th,
  .form_table td,
  .stack-table thead,
  .stack-table tfoot,
  .stack-table tbody,
  .stack-table tr,
  .stack-table th,
  .stack-table td {
    display:block;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    clear:left;
  }
  /***** END EXTRA CSS FOR IE9 *****/

  .form_table thead,
  .form_table tr.hide-mobile,
  .stack-table thead,
  .stack-table tr.hide-mobile {
    display: none;
  } 

  .form_table tbody, 
  .form_table tr, 
  .form_table th, 
  .form_table td,
  .stack-table tbody, 
  .stack-table tr, 
  .stack-table th, 
  .stack-table td {
    border: 0;
    display: block;
    text-align: left;
    white-space: normal;
  }

  .form_table th[data-title]:before,
  .form_table td[data-title]:before,
  .stack-table th[data-title]:before,
  .stack-table td[data-title]:before {
    content: attr(data-title) ":\00A0";
    font-weight: bold;
  }

  .form_table th:not([data-title]),
  .stack-table th:not([data-title]) {
    font-weight: bold;
  }

  .footer_container .stack-table td {
  	text-align: center;
  }

  .form_table .form_label {
  	text-align: left;
  }

  #returning_user_form input[type="submit"] {
  	margin-bottom: 1em;
  }

  .form_table .hidden,
  .form_table .empty,
  #returning_user_form td:empty {
  	display: none;
  }

  .form_table .checkbox-label,
  .form_table .checkbox-text {
  	width: auto;
  }

  .form_table .checkbox-text {
  	clear: none;
  }

  /**** BEGIN SCHOOL SEARCH ****/

  .school_search_text {
    width: 50%;
  }

  .school_search_postal,
  .school_search_county,
  .school_search_state {
    display: none;
  }

  /**** END SCHOOL SEARCH ****/

}
/***** END MOBILE LAYOUT *****/

/*------------------------------------*\
    DESKTOP LAYOUT
\*------------------------------------*/

@media screen and (min-width:1028px) {

	body {
		padding: 1em 0;
	}

	#wrapper {
		width: 1000px;
	}

	.instructions {
		margin-bottom: 5px;
	}

	/* Form table styles */

	.form_label,
	.form_entry {
		padding: 5px;
	}

	.form_label {
		padding-right: 10px;
		text-align: right;
		vertical-align: top;
	}

	.form_entry {
		padding-left: 10px;
		text-align: left;
	}

	.form_option {
		margin-bottom: .25em;
	}

	/* Styles used to get away from deprecated <td width="...."> usage */
	.application_spacing {
		width: 40%;
	}

	.email_list_spacing {
		width: 20%;
	}

	.student_login_new_spacing {
		width: 40%;
	}

	.student_login_forgot_spacing {
		width: 59%;
	}

	.student_login_label, 
	.admin_login_label {
		width: 20%;
	}

	.profile_label_spacing {
		width: 25%;
	}

	.register_label_spacing {
		width: 20%;
	}

	.review_profile_spacing {
		width: 50%;
	}

	.review_separator_line {
		width: 50%;
	}

	.review_applabel_spacing {
		width: 45%;
	}

	/**** BEGIN HEADER STYLES ****/

	#header-phrase {
		font-size: 36px;
		left: 20px;
		padding: 0;
		position: absolute;
		text-align: left;
		text-shadow: 1px 1px #000000;
		top: 20px;
		width: 470px;
	}

	.header-logos {
		text-align: left;
	}

/*
	#header-sa-logo,
	#header-college-logo {
		display: block;
	  left: 10px;
	  padding: 0;
	  position: absolute;
	}

	#header-sa-logo {
	  top: 10px;
	}

	#header-college-logo {
	  bottom: 10px;
	}
*/
	.header-logos {
	  /* left: -20px; */
	  position: absolute;
	  margin-top: -131px;
	  top: 50%;
	}
	
	.exterior .header-logos {
		margin-top: -90px;
	}

	#header-sa-logo,
	#header-college-logo {
	  bottom: auto;
	  left: auto;
	  position: relative;
	  top: auto;
	}

	#content-wrap #halfheaderlabel {
		clear: left;
		float: left;
		width: 640px;
	}

	#content-wrap #applicationidlabel {
		float: right;
		text-align: right;
		width: 280px;
	}

	/**** END HEADER STYLES ****/

	/**** BEGIN CONTENT STYLES ****/

	/* Begin Side Navigation */

	#maincontent #navigation{
		float: left;
		margin-right: 25px;
		margin-bottom: 50px;
		width: 275px;
	}

	/*End Left nav styles */
	#maincontent #navigationspace {
		width: 275px;
	}


	/* End Side Navigation */

	/* Begin Sub Header */

	#subheader #applicantid,
	#subheader #overview_link,
	#subheader #logout_link,
	#subheader #forgot_password_link,
	#subheader #login_link  {
		float: left;
		margin-bottom: 0;
		width: 33%;
	}

	#subheader #applicantid {
		font-size: 1em;
		text-align: left;
	}

	#subheader #overview_link {
		margin: 0 0 1em;
		text-align: center;
	}

	#subheader #logout_link {
		text-align: right;
	}

	#subheader #forgot_password_link {
		text-align: left;
		width: 50%;
	}

	#subheader #login_link {
		text-align: right;
		width: 49%;
	}

	#subheader #registercrumbs,
	#subheader #breadcrumbs  {
		margin: 0 0 1em 0;
		text-align: center;
	}

	#subheader #registercrumbs li,
	#subheader #breadcrumbs li {
		display: inline;
	}


	/* End Sub Header */

	/* Begin Main Content */

	#maincontent #content {
		min-height: 550px;
		padding: 25px 50px;
	}

	#applicantid {
		text-align: right;
	}


	/* End Main Content */

	/**** END CONTENT STYLES ****/

	/**** BEGIN FOOTER STYLES ****/

	.footer_container {
		padding: 0;
	}

	/**** END FOOTER STYLES ****/

	/**** BEGIN HOMEPAGE ****/

	.list-options li {
		margin-bottom: 0;
		display: inline;
	}

	.list-options li + li {
		margin-left: 10px;
	}

	/**** END HOMEPAGE ****/

	/**** BEGIN SUPPORT DOCUMENTATION STYLES ****/

	#supporting_document_explanation {
		float: left;
		width: 63%;
	}

	/**** END SUPPORT DOCUMENTATION STYLES ****/

	/**** BEGIN LOGIN STYLES ****/

	#login_new_user {
		clear: left;
		float: left;
		padding: 0 10px 0 0;
		width: 40%;
	}

	#login_returning_user {
		clear: right;
		float: left;
		padding: 0 0 0 10px;
		width: 55%;
	}

	/**** END LOGIN STYLES ****/

	/**** BEGIN FORGOT PASSWORD STYLES ****/

	#forgotpassword_form input {
		display: inline;
	}

	#forgotpassword_form input[type="text"] {
		margin-bottom: 0;
	}

	/**** END FORGOT PASSWORD STYLES ****/

	/**** BEGIN STUDENT OVERVIEW STYLES ****/

	.student_overview_spacing {
		width: 50%;
	}

	/**** END STUDENT OVERVIEW STYLES ****/

	/**** BEGIN PROFILE PAGE ****/

	.name-fields {
		display: inline;
		margin-bottom: 0;
	}

	.name-fields + .name-fields {
		margin-left: 5px;
	}

	.profile-button {
		display: inline;
		margin-top: 0;
		margin-left: 10px;
	}

  .autocomplete-entry,
  .autocomplete-details {
    float: left;
  }

  .autocomplete-details {
    margin-top: 0;
    margin-left: 1em;
  }

	/**** END PROFILE PAGES ****/

	/**** BEGIN APPLICATION PAGE ****/

	#application_page {
		clear: right;
		float: left;
		width: 575px;
	}

	.application_button {
		display: inline;
		margin: 0 1em;
	}

	/**** END APPLICATION PAGE ****/

  /**** BEGIN REVIEW PAGE ****/

  #review_error_banner_text {
    width: auto;
  }

  .review-section-q-a .label {
    width: 300px;
  }

  /**** END REVIEW PAGE ****/

  /**** BEGIN SAF FORM ****/

  .saf_form .label_of_2 {
    width: 45%;
  }

  .saf_form .value_of_2 {
    width: 55%;
  }

  /**** END SAF FORM ****/

  /**** BEGIN SAF REVIEW ****/

  .saf_page_review .label {
    width: 40%;
  }

  .saf_page_review .field {
    width: 59%;
  }

  /**** END SAF REVIEW ****/

}

/*------------------------------------*\
    OLD AND/OR ADMIN CSS - Code below is either old and we haven't verified that they are not being used in the html, or is part of the admin
    pages that were not being converted to respsonive.
\*------------------------------------*/

/* Calculator Form page styles */
 
/* calculator.php? */
.calculator .fieldlabel {
	padding:10px 15px 10px 15px;
	text-align:right;
	background:#e9e9fb;
	border-bottom: 1px solid #FFFFFF;

}

.calculator .field {
	padding:10px 15px 10px 15px;
	background:#f3f3fb;
	border-bottom: 1px solid #FFFFFF;
}

.calculator tr {
}

.calculator {
	margin-top: 20px;
}

/* end calculator styles */