 @import url('navigation.css');
 @import url('page.css'); 
 
html{
	background:#F5F5F7;  
	overflow: show;
	width:auto;
	position: relative;
}
 
.btn.tiny.hidden{
	 display:none;
	 visibility: hidden;
 }

 
div {
	padding: 0; 
	margin: 0;
	outline: 0;
} 
 
IMG {
	border: none;
}

p, label, h1, h2, h3, h4  {
	outline: 0;
}
 
body {  
	position: relative;
	padding: 0; 
	width:auto;
	margin: 0;	
}

A, A:hover {
	color: #2222CC;
	text-decoration: none;
}
 
 
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
} 

#user_body,
#empty_body {    
	width: auto;
	margin:0 auto;
	
}

#user_body{
	width: 960px;	/*Increased from 819px for R11.1*/
	height: 100%;	
}	

#empty_body { 
	width: 960px;	/*Increased from 819px for R11.1*/
	background:white;
	margin-top:-16px;
}

.inner_body {
 	float: left; 
	height: 100%;
	width: 960px;	/*increased from 799px for R11.1*/   	
	background-color: #FFF;
	box-shadow:rgba(0, 0, 0, 0.6) -2px 2px 5px 0px,rgba(0, 0, 0, 0.6) 2px 2px 5px 0px;
}

#credentials {
	box-shadow:rgba(0, 0, 0, 0.6) -2px 2px 5px 0px,rgba(0, 0, 0, 0.6) 2px 2px 5px 0px;
	margin-bottom:0px;
}

.empty_inner_background {       
	height:auto;
	width:1110px;      
	padding-top:30px;
    overflow:hidden;
    margin-right:15px;
 	background:  url('../images/home/signup_back_new.jpg') no-repeat;  
}
 
.bar-footer {
	margin: 5px auto 0px;
	text-align: center;
	background: url('../images/home/bar_divider_bottom.gif') no-repeat center bottom;
	height: 12px;	
}
	
.main_content {     
	float: right; 
	width: 780px;	/*increased from 619px for R11.1*/  
	min-height: 350px; 
	display: inline;
}

.header{
 	width:100%;
}
@media screen and (max-width: 960px){
  .header{
    width:960px;
  }
}
.loginInputs{
	width:110px;
}
.header #main{       
 	overflow: hidden;
	height:80px;  
	width:auto; 
}

.footer {    
	background: url('../images/footer.JPG') no-repeat ;
	height:30px;
	width:100%;  
	clear:both;    
}

div#content div.formbuttons {
	text-align: right; 
}

.main_content .formbuttons {
	margin-top: 10px;
}

table#index_form th { 
	text-align: right;
	padding-right: 5px;
	font-weight: normal;
}
 
table#index_form th label.wrappedLabel{
	display: -moz-inline-box;
	display: inline-block;
	width: 170px;
}

/* gradient classes*/
.gradient-1 {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #667788;
	background-repeat: repeat-x;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY2Nzc4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzQ0NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -khtml-gradient(linear, left top, left bottom, from(#667788), to(#334466));
	background-image: -moz-linear-gradient(top, #667788, #334466);
	background-image: -ms-linear-gradient(top, #667788, #334466);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #667788), color-stop(100%, #334466));
	background-image: -webkit-linear-gradient(top, #667788, #334466);
	background-image: -o-linear-gradient(top, #667788, #334466);
	background-image: linear-gradient(top, #667788, #334466);
	color: white;
}

/*section container styling*/
.sectionContainer {
	/*margin: 0px 15px 10px 15px;*/
}

.sectionContainer h3 {
	color: white;
	font-size: 14px;
	margin: 0;
}

.sectionContainer > h3 {
	padding: 5px 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid black;
}

.sectionContainer h3 .edit {
	float: right;
}

.sectionContainer h4 {
	margin: 0px 0px 5px 0px;
	font-size: 11px;
}

.sectionContainer h4 a {
	margin-left: 27px;
	font-weight: normal;
}

.sectionContainer .body .section #whyAskAddress {
	margin-left: 42px;
}

.sectionContainer .body {
	padding: 10px 15px;
	border: 1px solid black;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.boxRounded {
	padding: 10px 15px;
	border: 1px solid black;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.sectionContainer .section {
	border-bottom: 1px gray dotted;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.sectionContainer .section.last {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.sectionContainer .addressUSReminder {
	color: red;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor:default;
	
}
.sectionContainer #textUS {
	display:none;
}

.sectionContainer .section .input-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sectionContainer .section .input-list li {
	margin-bottom: 8px;
	margin-top: 8px;
}

.sectionContainer .section .input-list label {
	display: -moz-inline-box;
	display: inline-block;
	width: 170px;
	line-height: 100%;
}

.sectionContainer .section .input-list input {
	margin: 0;
}

.sectionContainer .section .input-list .inline label {
	width: auto;
}

 .sectionContainer .section ul.display-list {
	 list-style: none;
	 margin: 0;
	 padding: 0;
 }

 .sectionContainer .section ul.display-list li {
	 padding: 0px 0px 5px 0px;
 }

 .sectionContainer .section .display-list .title {

 }

 .sectionContainer .section .display-list .value {
	font-weight: bold;
 }

.sectionContainer .section .check-list li {
	margin-top: 5px;
	margin-bottom: 0px;
}

.sectionContainer .section .check-list input {
	vertical-align: top;
}

.sectionContainer .section .check-list input[type="radio"] {
	margin: 0 0 0px 5px;
}

.sectionContainer .section .check-list label {
	width: auto;
	line-height: 150%;
}

.sectionContainer .section .check-list .inline label {
	width: 95%;
}

.sectionContainer .section .span-list li {
	line-height: 250%;
}

.sectionContainer .section .aside-noEmployer {
	float: right;
	border-left: 1px gray dotted;
	height: 222px;
	margin-top: -28px;
	padding: 20px 0px 0px 0px;
}

.sectionContainer .section .aside-confirmAddress{
	width: 150px;
	float: right;
	border-left: 1px gray dotted;
	height: 180px;
	margin-top: -10px;
	padding: 10px 0px 0px 0px;
}

.sectionContainer .subSection h3 {
	background: url('../images/page/section_div_back.gif') repeat-x;
	margin: 10px -15px 0px -15px;
	padding: 2px 10px 5px;
}

.sectionContainer .notify_error {
	margin-left: 0;
}

#pdf_official {
	margin-left: 10px;
}

/*tooltip styling*/
.tooltip {
	position: relative;
	display: inline;
}
 
div.tool {
	position: relative;
	display: -moz-inline-box;
	display: inline-block;	
	overflow: visible;
	width: 25px;
	margin: 0px;
	padding: 0px;
}	 

div.tip {
	position: absolute;
	border: 1px solid #a22025;
	background: #d14242;
	color: #FFF;
	display: none;
	width: 200px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	text-align: left;
	left: 16px;
	line-height: 100%;
}
 
div.tip img {
	position: relative;
	right: 5px;	
}
 
a.a_link{
	text-decoration: none;
}
 
a:hover,
a.a_link:hover{
	text-decoration: underline;
}	

 /* one-offs
-----------------------------------------------------------*/
 
#whatYouNeed_credit ol,
#learnMore_creditAppeal ol {
	list-style-type: lower-alpha;
}
 
 

/* MPN - HTML formatting styles
-----------------------------------------------------------*/
.mpnSection{
	padding-bottom: 15px;
	padding-top: 5px;
}
 
.mpnSection p {
	margin: 0px 0px 1em;	
}
	
.mpnSection p.endorser {
	background-color: #ccc;
	padding: 7px 10px;
}
	
.mpnSection h3{
	font-size: 11px;
}

.mpnSection ol li {
	display: list-item;
	vertical-align: top;
}
.mpnSection ol div {
	display: list-item;
	vertical-align: top;
}
 
.mpnSection ul, 
.mpnSection ol,
.mpnSection li {
	margin: 0px;
	padding: 0px; 	
}

.mpnSection ol {
	margin-top: 0px;
	margin-left: 30px;
}
		
.mpnSection ol ol {
	margin-left: 30px;
}
	 
.mpnSection ul{
	list-style-type: disc;
	margin-left: 20px;
	padding-bottom: 10px;
}
	
.mpnSection ol li{
	font-weight: bold;
}
	 
.mpnSection ol li ul li {
	font-weight: normal;
}
	 
.mpnSection ol li p{
	font-weight: normal;
}
		 
.mpnSection ol li ol li {
 	list-style-type: upper-alpha;
}

.mpnSection .borderedBox{
	border: 1px solid #000000;
	padding: 7px 10px;
}

.mpnSection .iUnderstand{
	text-align: center;
	font-weight: bold;                       
}
	
/* MPN tables (terms and conditions)
-----------------------------------------------------------*/	
.mpnSection table {
	border: 0;		/* reset */
	border-collapse: collapse;
	text-align: left;
}

.mpnSection table.loanLimits {
	width: 320px;
}
.mpnSection table.interestCapitalizationExample {
	margin: 1em 0;
}		
		
.mpnSection .interestCapitalizationExample p, .mpnSection .interestCapitalizationExample b{
	border:0px;
}
.mpnSection table thead tr *, 
.mpnSection table th {
	font-weight: bold;
}
	
.mpnSection table.loanLimits thead *,		/* IE */
.mpnSection table.loanLimits thead {		/* FF */
	background-color: #ccc;
	border-top: 0;
}
 
/* correctly borders stuff with IE/FF differences in thead/tbody */
.mpnSection table * {		
	border: 1px solid black;
	font-weight: normal;
}

.mpnSection table br, 
.mpnSection table i {
	border: 0;
}

.mpnSection table.loanLimits tbody tr th{
	width: 240px;
	border-right: 0px;
	font-weight: normal;
}

.mpnSection table.loanLimits tbody tr td{
	text-align: center;
	width: 80px;
	border-left: 0px;
}
 
.mpnSection .bold {
	font-weight: bold;
}

/* reusable basic styling classes */
.singleSpace {
	line-height: 125%;
}
 
.doubleSpace {
	line-height: 250%;
}

.radioButton,
.checkBox {
	margin: 0;
	vertical-align: top;
}

.radioButtonLabel,
.checkboxLabel {
	display: -moz-inline-box;
	display: inline-block;
	width: 500px;
	line-height: 125%;
	text-align: left;
}

.radioButtonLabel.short,
.checkboxLabel.short {
	width: 150px;
}
 
.radioButtonLabel span,
.checkboxLabel span {
	font-weight: bold;
}

.boldLabel {
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	line-height: 125%;
	width: 500px;
	vertical-align: top;
}

.indent,
.dateRange {
	margin-left: 15px;
}

span.indent, label.indent {
	padding: 0;
	margin-left: 15px;
}

ul.indent {
	padding-left: 20px;
}

.readOnly {
	color: #444444;
}

.warning {
	color: #f9a500;
	text-align: left;
	padding: 0;
	margin-bottom: 10px;
}

/** Revised Bullet Styling R10.1 **/
div.homePageBullets {
	color: #2e4e87;
	font-family: verdana;
	width: 260px;
	margin: 3px 0px 0px 0px;
	clear: both;
	font-size: 12px;
	line-height: 13px;
}

.es div.homePageBullets {
	font-size: 10px;
}

.es #counselingSub {
	font-size: 9px;
}

div.homePageBullets ul {
	font-weight: bold;
	list-style-image: url('../images/home/home_green_bullet_new.gif');
	list-style-position: outside;
	margin: 0;
	padding: 0px 0px 0px 20px;
}

div.homePageBullets ul li {
	margin-bottom: 2px;
}

div.homePageBullets .bulletFooter {
	font-size: 11px;
}

.es div.homePageBullets .bulletFooter {
	font-size: 9px;
	line-height: 10px;
}

/** Revised Login Styling  - signin panel **/
.no_pin {
	font-family: verdana;
	font-size: 11px;
	width: 250px;
	position: relative;
	float: left;
}

/** Revised Home Page Styling (already logged in) **/
.my_profile_area {
	margin: 0px 0px 10px 0px;
	height: 20px;
	position: relative;
}

.my_profile_area a {
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 7px;
}

.my_profile_area img {
	vertical-align: top;
}

.my_profile_area span {
	color: #2e4e87;
	font-size: 13px; 
	font-weight: bold;
	font-family: verdana;
	display:block;
	text-align:center;
}

/** Fixing display issues related to error icons **/
.error_span {
	color: red;
	display: -moz-inline-lbox;
	display: inline-block;
	font-weight: normal;
	width: 15px;
}


.labelSpan{
	display: inline-block;
    line-height: 100%;
    width: 170px;
}

/* Validation Span Definitions */
.validation_span {
	display: -moz-inline-box;
	display: inline-block;
}

/* popup defintions */
div.popupMoreInfo {
	text-align: right;
	padding-right: 30px;
}
 
span.popupMoreInfo {
	float: right;
}
 
a.popupMoreInfo {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 11px;
	color: blue;
}
 
/* home page
 *****************************************************************************/ 
.manage_area,
.manage_area_login {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	height:150px;
	width: 100%; 
}

/*IE10*/
.manage_area_login.es {
		height: 165px;
	}

/*Firefox*/
@-moz-document url-prefix() {
	.manage_area_login.es {
		
	}
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.manage_area_login.es {
		
	}
}
 
/* for ie */
.manage_area p,
.manage_area_login p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 12px;
}

.module {
	
}
 
.module.signin { 
}

.module p {
	margin: 0;
	padding: 0;
	width:225px;
	margin-top:-30px;
}

.module .content {
	/* should define the background image */
	padding: 5px;
	margin: 0px;
	
}

#signInBox {
	height: 195px;
	width:287px; 
	border: 2px solid #A3A8B7;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;	
}

div#signInBox_es {
	height: 200px;
	width:287px; 
	border: 2px solid #A3A8B7;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;	
}
 
.module.signin .content {
	height: 174px;
	border: 2px solid #A3A8B7;
	border-top:none;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;	
}

/*IE10*/
.module.signin.es .content {
		height: 190px;
	}

/*Firefox*/
@-moz-document url-prefix() {
	.module.signin.es .content {
		height: 220px;
	}
}

/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.module.signin.es .content {
		height: 220px;
	}
}

.module.signin .content .leftSide {
	float: left;
	width: 297px;
	padding: 0px 2px;
	border-right: 1px solid #b8bec4;
}

.module.signin .content .rightSide {
	float: left;
	clear: none;
	width: 400px;
	padding: 0px 1px;
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	border-left: 1px solid #fcfefc;
}

.module.signin .content .rightSide #text{
	margin-top:-10px;
	font-size:10px;		
	line-height: 10px;
}

.module.signin .content .rightSide p {
	font-size: 11px;
    line-height: 11px;
    margin-top: 0.75em;
    width: 467px;
	/* margin-top: 1em;  override the reset */
	
}	

.module h2 {
	height: 31px;
	overflow: hidden;
	margin: 0px;
}
 
.module.signin h2 {
	background-image: url('../images/home/home_signin_header_bg.png');
	height: 28px;
	
	padding-top: 5px;
	padding-left: 20px;
}

.signInButtonLarge {
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(172,221,117)), to(rgb(123,189,29)));
    background: -moz-linear-gradient(top, rgb(172,221,117), rgb(123,189,29));
    background: -ms-linear-gradient(top,  rgb(172,221,117) 0%, rgb(123,189,29) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ff77', endColorstr='#7bbd1d');
    width:120px;
    display: block;
	text-align: center;
	margin: 0 auto;
	border-radius: 3px;
	padding: 10px;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	font-family: Helvetica, Arial;
	text-shadow: 1px 1px 5px rgba(0,0,0,.6);
	box-shadow:rgba(0, 0, 0, 0.5) -1px 1px 1px 0px,rgba(0, 0, 0, 0.5) 1px 1px 1px 0px;
}

.signInButtonLarge:hover, .signInButtonSmall:hover, .signInButtonSmallLink:hover {
	color:white;
	text-decoration:none;
	box-shadow:rgba(0, 0, 0, 0.4) -1px 2px 1px 0px,rgba(0, 0, 0, 0.4) 1px 2px 1px 0px;
}

.signInButtonSmall {
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(172,221,117)), to(rgb(123,189,29)));
    background: -moz-linear-gradient(top, rgb(172,221,117), rgb(123,189,29));
    background: -ms-linear-gradient(top,  rgb(172,221,117) 0%, rgb(123,189,29) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ff77', endColorstr='#7bbd1d');
    width:113px;
    display: block;
	text-align: center;
	margin-left:1px;
	border-radius: 3px;
	padding: 6px;
	height: 28px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	font-family: Helvetica, Arial;
	text-shadow: 1px 1px 5px rgba(0,0,0,.6);
	box-shadow:rgba(0, 0, 0, 0.5) -1px 1px 1px 0px,rgba(0, 0, 0, 0.5) 1px 1px 1px 0px;
	border:none;
	cursor:pointer;
	margin-bottom:5px;
}

.signInButtonSmallLink {
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(172,221,117)), to(rgb(123,189,29)));
    background: -moz-linear-gradient(top, rgb(172,221,117), rgb(123,189,29));
    background: -ms-linear-gradient(top,  rgb(172,221,117) 0%, rgb(123,189,29) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2ff77', endColorstr='#7bbd1d');
    width:80px;
    display: block;
	text-align: center;
	float:right;
	border-radius: 3px;
	padding: 6px;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	font-family: Helvetica, Arial;
	text-shadow: 1px 1px 5px rgba(0,0,0,.6);
	box-shadow:rgba(0, 0, 0, 0.5) -1px 1px 1px 0px,rgba(0, 0, 0, 0.5) 1px 1px 1px 0px;
	border:none;
	cursor:pointer;
	margin-bottom:5px;
}

.myAccountButtonContainer {
	width:155px;
}

/** Fix for new text on FAQ page **/
ul.faq,
#section ul.faq {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 30px;
}

ul.faq li,
.content_template #section ul.faq li {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: none;
	vertical-align: top;
}

ul.faq li p,
.content_template #section ul.faq li p {
	margin-top: 0px;
}

ul.faq ul li,
.content_template #section ul.faq ul li {
	width: 500px;
}

ul.faq ul ul li,
.content_template #section ul.faq ul ul li {
	width: 465px;
}
/** End of FAQ section **/
 
/** Fix for new bulleted lists in "More Information" popups **/
ul.moreInfo,
.content_template ul.moreInfo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
} 
/** **/

.middleInitial {
	width: 10px;
}

.padRight {
	padding-right: 50px;
}

.fin_error {
	display: -moz-inline-box;
	display: inline-block;
}

.signatureFields {
	float: left;
}

.rightAlignSubmit {
	margin: 3px 0px 0px 0px;
}

table.form th{
	text-align: right;
	width: 225px;
}
table.form td{
	width: 300px; 	
}

.additionalInfo {
	background-color: #eaeaea;
	margin: 15px 0px;
	padding: 15px 10px 15px 10px;
	border: 1px #c1c1c1 solid;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.marginBottom {
	margin-bottom: 20px;
}

.paddingLeft {
	padding: 0px 0px 0px 5px;
}

.contactTable {
	width: 100%;
}

.contactTable tr {
	height: 40px;
}

.person_info #estimatorContainer{
	padding:10px;
	width:280px
}

a.linkDiv b{
	line-height: 250%;
}

a.linkDiv:hover{
	color: #000000;
	text-decoration: none;
}

.blackText,
.content_template p.blackText {
	color: black;
}

/** References Styling **/
.endorserReferences {
	color: navy;
} 

.endorserReferences ul {
	line-height: 150%;
}

.mpnReferences {
	text-align: left;
	padding: 0px 27px;
} 
/** End of References Styling **/

.notify_error,
.static_notify_error {
	margin: 10px 0px 10px 10px;
	color: red;
	text-align: left;
}

.viewErrorContainer {
	color: red;
	text-align: center;
	margin: 10px 0px 10px 0px;
}

/** Entrance Counseling **/
.counselingNav,
.main_content .page_content .counselingNav {
	padding-bottom: 5px;
}

.counselingNav .counselingBullet,
.main_content .page_content .counselingNav .counselingBullet {
	background-image:url('../images/page/numberedBullet.gif');
	background-repeat: no-repeat;
	vertical-align: top;
	display: moz-inline-box;
	display: inline-block;
	width: 16px;
	padding: 0px;
	margin: 0px;
	font-size: 80%;
}

.counselingNav .counselingLink,
.main_content .page_content .counselingNav .counselingLink {
	display: moz-inline-box;
	display: inline-block;
	width: 120px;
	padding: 0px;
}
 
ul.counselingBullets li p {
	margin-top: 0px;
}
 
ul.counselingBullets li table {
	margin-bottom: 10px;
}
 
ul.counselingBullets li table .disbursementDate {
	width: 230px;
}
 
ul.counselingBullets li table .interestRate {
	width: 110px;
}
 
ul.counselingBullets li table td.interestRate {
	text-align: right;
}
/** End of Entrance Counseling **/

/** Endorser Addendum **/
.noteToEndorser {
	width: 90%;
	margin: 0px 0px 10px 20px;
}

.prepopLabel {
	vertical-align: top;
}

/** End of Endorser Addendum **/

/** Loan Request Period for PLUS App **/
#ajaxAwardRanges {
	display: -moz-inline-box;
	display: inline-block;
}
* html #ajaxAwardRanges,
* + html #ajaxAwardRanges {	display: inline; }
/** End of Loan Request Period **/
 
 
 
 
/* styles for jmpopups
 -----------------------------------*/
.jmp-link-at-top{
	position:absolute;
	left:-9999px;
	top:-1px;
}
.jmp-link-at-bottom {
	position:absolute;
	left:-9999px;
	bottom:-1px;
}
 
.jmp-link-inside-popup {
	position:absolute;
	left:-9999px;
} 
 
/* page specific css
   USAGE: Add classes to the div.page_content
 ----------------------------------------------------------------------------*/

.page_content.entranceCounseling.confirmationPage {
	padding-top: 0px;
}
 
.entranceCounseling.confirmationPage p {
	color: #36629F; 
	font-weight: bold;
}
 
.entranceCounseling.confirmationPage p.footnote {
	margin-left: 25px;
    width: 90%;
    color: #000000; 
	font-weight: normal;
}
 
.entranceCounseling.confirmationPage table.counselingConfirmation {
	border-collapse: collapse;
	width: 60%;	
}
 
.entranceCounseling.confirmationPage table.counselingConfirmation td {
	border: 1px solid #AAAAAA;
}

.entranceCounseling.confirmationPage .printLink  {
	padding-left: 250px;
} 	
 	
/* Random stuff we may want to reuse
 ----------------------------------------------------------------------------*/
 
div.dottedLineBreak {
	border-top: 1px gray dotted;
	width: 100%; 
	clear: both
}

/* Box Container */
.box {
	border-style:solid;
	border-width:1px;
	padding:0;
}
 
/* OMB Headers */
.ombHeaders {
	padding: 0px 23px 0px 17px;
	margin-bottom: 10px;
}
 
.ombHeaders .box {
	float: right;
}
 
.ombHeaders h3 {
	font-size: 14px;
}
 
/* My Profile Styling */
table.personalInfo {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}
 
table.personalInfo.first {
	padding-bottom: 10px;
	border-bottom: dotted 1px #222;
}
 
table.personalInfo.last {
	padding: 0px;
	border-bottom: dotted 1px #222;
}


table.personalInfo tr th {
	text-align: left;
}

table.personalInfo tr th.label {
	width: 160px;
}
 
table.personalInfo tr td {
	font-weight: bold;
}
 
table.personalInfo tr td.data {
	width: 110px;
}
 
table.personalInfo tr td a {
	color: #888;
	font-weight: normal;
}

table.personalInfo tr td.bordered,
table.personalInfo tr th.bordered {
	border-top: dotted 1px #222;
	border-bottom: dotted 1px #222;
	padding-top:10px;
	padding-bottom:10px;
}

 
/* Credit Check Submit Styling */
.creditCheckSubmit {
	margin-left: 15px;
	margin-right: 15px;
}
 
.creditCheckSubmit.middle {
	margin: 0 auto;
	width: 420px;
}
 
.creditCheckSubmit a {
	color: #597dae;
	font-weight: bold;
}
 
.creditCheckSubmit table .checkbox {
	width: 20px;
	vertical-align: top;
}
 
.creditCheckSubmit table .content {
	text-align: left;
}
 
.creditCheckSubmit .center {
	border-top: 1px dotted gray;
	padding-top: 5px;
}
 

.creditCheckSubmit .body {
	margin-top: -10px;
	padding-top: 20px;
}
 
.creditCheckSubmit .body h2 {
	margin: 0px 0px 10px 0px;
	font-size: 11px;
}
 
.creditCheckSubmit .body h2.divider {
	padding-bottom: 10px;
	border-bottom: 1px dotted gray;
}
 
.creditCheckSubmit .footer {
	
	margin: -1px 0px 0px -1px;
}
 
/* Completed Endorser Styling */
.endorseSuccess {
	font-weight: bold;
	padding: 0px 20px 0px 20px;
}
 
/* Coming Soon Styling */
.comingSoon {
	font-size: 13px;
	font-weight: bold;
	color: red;
	padding: 15px;
}

/** 508 Compliance **/
.assistiveText {
	color: transparent;
	margin-left: -9999px;
	float: left;
	height: 1px;
	width: 1px;
}
 
.compliance {
	margin: 0;
	padding: 0;
	height: 0;
	margin-left: -9999px;
	text-indent: -9999px;
}
 
a label {
	cursor: pointer;
}

/** jQuery UI overrides */ /*  why would you do this.? smh*/
.ui-widget-content a {
	color: rgb(34, 34, 204);
}

.ui-accordion .ui-widget-content{
	border: 1px solid black;
	/*width: 652px;*/
}

.ui-accordion .ui-accordion-content {
	margin-top: 0;
	top: 0;
	border-top: none;
	/*width: 652px;*/
} 

.ui-accordion.ui-widget {
	font-family: verdana;
	font-size: 11px;
}

/* Generic helper classes */
._hidden {
	display:none;
}

.first {
	margin-top: 0;
	padding-top: 0;
}

.last {
	margin-bottom: 0;
	padding-bottom: 0;
}

.print{
	text-align:right;	
}

#recaptcha_widget { 
	border: 1px solid #c6c8d4; 
	background: white; 
	padding: 2px; 
	box-shadow: 0px 0px 2px rgba(0,0,0,.25);	 
	height: 133px;
	margin-bottom: 3px;
	width:288px;
}

#recaptcha_image img {
	width:250px;
}

#recaptcha_audio_play_again {
	margin-left: 101px;
}

#recaptcha_audio_download {
	margin-left: 101px;
}

#recaptcha_response_field {
	width: 127px;
	float: right;
	margin-right: 2px;
}
.sl-btn, .sl-btn:hover, .sl-btn:focus,
.btn-group {
 	margin-bottom: 0px;
	background: #F6C408; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
									
	background:    -moz-linear-gradient(bottom, #f0f0f0 0%,#f0f0f0 1px,#dcdcdc 1px, #ededed 49%, #f5f5f5 50%, #fefefe 100%); /* FF3.6+ */
	background:        -webkit-gradient(linear, left bottom, left top, color-stop(0%,#dcdcdc), color-stop(49%,#ededed), color-stop(50%,#f5f5f5), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom, #f0f0f0 0%,#f0f0f0 1px,#dcdcdc 1px, #ededed 49%, #f5f5f5 50%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
	background:      -o-linear-gradient(bottom, #f0f0f0 0%,#f0f0f0 1px,#dcdcdc 1px, #ededed 49%, #f5f5f5 50%, #fefefe 100%); /* Opera 11.10+ */
	background:     -ms-linear-gradient(bottom, #f0f0f0 0%,#f0f0f0 1px,#dcdcdc 1px, #ededed 49%, #f5f5f5 50%, #fefefe 100%); /* IE10+ */
	background:         linear-gradient(to top, #f0f0f0 0%,#f0f0f0 1px,#dcdcdc 1px,#ededed 49%,#f5f5f5 50%,#fefefe 100%); /* W3C */
								
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-8 */
									
	border: 1px solid #7f7f7f;
	padding: 0px 6px;
	line-height: 14px;
	font-size: 10px;
	border-radius: 2px;
	width: auto;
	display: block;
	height: 18px;
								
	box-shadow: inset 0px 0px 2px white, 0px 1px 4px rgba(156, 156, 156, 0.75);
									
								
									
	color: #434343;
	text-decoration: none;
	cursor: pointer;
}
								 
.btn-group {
	margin-top: 1px;
	margin-right: 2px;
	display: inline-block;
	float: right;
}
								
.btn-group .sl-btn {
	float: left;
	box-shadow: none;
	border: none;
	border-right: 1px #7f7f7f solid;
	border-radius: 0px;
}
								
.btn-group .sl-btn:last-child {
	border-right:  0px;
}
								
/* marks a container for a twtr bs icon */								
.sl-btn-icon, .sl-btn-icon:hover, .sl-btn-icon:focus {
	padding: 0 4px;
	vertical-align: top;
}

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/icons/glyphicons-halflings.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
}
								
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white {
	background-image: url("../images/icons/glyphicons-halflings-white.png");
}
																
.icon-glass { background-position: 0      0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-random { width: 16px; background-position: -216px -120px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-folder-close { background-position: -384px -120px; }
.icon-folder-open { width: 16px; background-position: -408px -120px; }
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-hdd { background-position: 0 -144px; }
.icon-bullhorn { background-position: -24px -144px; }
.icon-bell { background-position: -48px -144px; }
.icon-certificate { background-position: -72px -144px; }
.icon-thumbs-up { background-position: -96px -144px; }
.icon-thumbs-down { background-position: -120px -144px; }
.icon-hand-right { background-position: -144px -144px; }
.icon-hand-left { background-position: -168px -144px; }
.icon-hand-up { background-position: -192px -144px; }
.icon-hand-down { background-position: -216px -144px; }
.icon-circle-arrow-right { background-position: -240px -144px; }
.icon-circle-arrow-left { background-position: -264px -144px; }
.icon-circle-arrow-up { background-position: -288px -144px; }
.icon-circle-arrow-down { background-position: -312px -144px; }
.icon-globe { background-position: -336px -144px; }
.icon-wrench { background-position: -360px -144px; }
.icon-tasks { background-position: -384px -144px; }
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }


#recaptcha_buttons {
	margin-left: 8px;
	margin-top: 11px;
	float: right;
	
}								

#captcha_error {
	line-height: 1em;
	margin-left: -1px;
}								
#recaptcha_max_attempts_error {
	font-size: 11px; 
	font-weight: bold; 
	font-family: verdana; 
	color: red;
}
#submit {
	margin-right: 9px;
}

#recaptcha_image_instr, #recaptcha_audio_instr {
	display: inline-block;
	width: 110px;
	margin-right: 33px;
}

/* for schoolExpense.tag */
#populateExpenses {
position: relative;
float: right;
top: 110px;
right: 107px;

}

#compareSchoolExpenseHeader h3{
 font-family: Verdana, sans-serif;
 font-size: 12px; 
 margin: 0; 
 padding: 5px 3px 3px 8px; 
 margin-bottom: 5px; 
 border-top-right-radius: 3px; 
 border-top-left-radius: 3px;
 }
 
 #schoolChoice {
width: 368px;
height: 50px;
margin-left:4px;
margin-top:-18px;
}

 #schoolChoice hr {
width: 98%;
margin-top: 35px;
border-bottom: 1px solid white;	
}

#selectSchool {
float: left;
top: 22px;
position: relative;
width: 200px;
}

#selectTuition, #selectCampus {
float: left;
top: 22px;
position: relative;
width: 80px;
}

#averageExpenseInfo {
width: 130px;
float: left;
padding-left: 10px;
margin-top:20px;
font-size: 7pt;
line-height: 1.3em;
}

#averageExpenseInfo p {
padding:0px;
}

#yearlyHeader {
padding: 0px;
position: relative; 
float: right;
margin-right: -56px;
margin-top: 5px;
}

.servicer-table {
	width: 700px;
}

.servicer-table  table.parent {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.servicer-table  table.parent tr {
	border-bottom: 1px solid black;
}

.servicer-table ul {
	list-style: none;
}

.servicer-table table th {
	background-color: #CCCCCC;
	border-right: 1px black solid;
	text-align:center;
}

.servicer-table table.parent td {
	padding-left: 5px;
	vertical-align: top;
	border-right: 1px solid black;
	text-align:center;
}

.servicer-table table.child td {
	border: none;
}

.servicer-table table.child td.label {
	font-weight: bold;
	padding-right: 5px;
}

.print-button-servicer{
	text-align: center;
}
.outageErrorText {
	font-size: 13px; 
	font-weight: bold; 
	font-family: verdana; 
	color: red;
	width: 740px;
	margin-left: 20px;
}
 
#repayPlanList {
	list-style-type: none; 
	margin-left: 290px; 
	margin-top: -13px;
}

.chatContainer {
	border: 1px solid #366eac;
	border-radius: 4px;
	box-shadow: inset 0px 0px 2px white, 1px 2px 4px rgba(0,0,0,.15);
}

.chatContainer > h3 {
	background: url('../images/chatHeader.png') right;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #333;
	padding: 5px 10px;
}
.chatContainer .body {
	background: #D0DCE8;
	padding: 5px 5px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
	color: #1f528b;	
}

.chatContainer .body .availability{
	font-size: 1.2em;
}

.chatContainer .body .hours{	
	font-size: 0.9em;
}
 
 #submitButton{ cursor: pointer; cursor: hand; }
 
 .footerContainer {
 	background:white;
 	border-top:1px solid grey;
 	padding:10px;
 	padding-bottom:20px;
 	margin-top:10px;
 }
 
@media screen and (max-width: 960px){
 .footerContainer {
    width:960px;
  }
}

.margins-exit {
	margin-left : 15px;
	margin-right: 15px;
}
 .condensed{
	 padding:15px 15px;
 }

 .bottomgap {
	 margin-bottom: 10px;
 }
 .fixed230 {
	 width : 230px;
	 max-width: 230px;
	 display: inline-block;
 }