@import url('form.css');

/* header */
#page_header tr td {
	background-repeat: no-repeat;
	width: 926px;
	height: 79px;
	padding: 0 30px 4px 0;	
	text-align: right;
}

/* content *********************************************************/

.main_content {
	height: auto;
	font-family: verdana;
	font-size: 11px;
	background: white url('../images/page/menu_left_border.jpg') repeat-y left;
	font-family: verdana;
	width: 621px;
}

/* Used to widen the body content when the left nav is hidden */
.main_content.full_width{
	width:960px;
}


.main_content.full_width #page_title{
	background: url('../images/page/page_title_background_no_left_nav.jpg') no-repeat;
}
.main_content #page_title,
.main_content #plus_page_title {
	background: url('../images/page/page_title_background.jpg') no-repeat;
}

.main_content #page_title #content,
.main_content #plus_page_title #content {
	background: url('../images/page/page_title_background_gradient.png') repeat-x bottom;
	font-weight: bold;
	color: #36629F;
	font-size: 14px;
	padding: 3px 0px 4px 3px;
}
 
.main_content #plus_page_title #content {
	font-size: 12px;
	padding: 3px 0px 7px 3px;
}
 
.main_content #plus_page_title #content div {
	font-size: 10px;
}

#popupLayer_arbitrary #page_title.wide {
	width: 680px;
}

#popupLayer_arbitrary #page_title #content {
	padding: 6px 0px 7px 6px;
}
 
.main_content #page_title #content div{
	padding-top:5px;
	padding-left:15px;
}
 
label#section_title {
	color:black;
}
 
label#title_label, 
span#title_label {
	color:#444444;
	font-size:11px;
	vertical-align: top;
}
 
label#value_label, 
span#value_label  {
	color:black;
	font-weight:bold;
	font-size:10px;
}
 
label#value_label_small {
	color:black;
	font-size:11px;
} 
 
label#note_label{
	color: navy;
	font-size: 10px;
}

ul.arrowBullets {
	list-style-image: url('../images/page/file_arrow.gif');
}

.main_content #inputs {
	margin-bottom: 15px;
	text-align: center;
}

.loading {
	height: 500px;
}

.loading .image {
	margin-left: 250px;
	margin-top: 150px;
	font-family: verdana;
	font-size: 11px;
}

.content_template {
	height: auto;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: verdana;
	font-size: 11px;
}

.content_template p {
	font-family: verdana;
	font-size: 11px;
	color: #333333;
	margin-right: 20px; 	
}

.content_template p.inTable,
.content_template hr.inTable {
	margin-right: 0px; 	
}

.content_template #text_link a{
	color: #6699CC;
	font-size: 11px;
	text-decoration: none;	
}
 
 .content_template #static_title_link a {
	color: #006699;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: -8px;
}

.content_template #list_link{
	margin-top: 8px;	
	margin-bottom: 8px;	
	margin-left: 40px;
}

.content_template #list_link a{
	color: #6699CC;
	font-size: 11px;
	text-decoration: none;
}

.content_template ol {
	list-style-type: numeric;
	color: #333333;	
	list-style-position:outside;	
}

.content_template ol li {
	margin-top: 8px;
	margin-bottom: 8px;
}

.content_template ul {
	color: #333333;	
	list-style-position:outside;
	margin-left: 15px;	
}

.content_template ul.need_ul{
	margin-top:18px;
}

.content_template ul li {
	margin-top: 8px;
	margin-bottom: 8px;
}

.content_template #noMarker ul {
	color: #333333;	
	list-style-position:outside;
	margin-left: 15px;
	list-style-type: none;	
}

.content_template #privacy ol {
	list-style-type: numeric;
	color: #333333;	
	list-style-position:outside;	
	margin-left: 15px;	
}
 
.content_template #privacy ol li {
	margin-top: 8px;
	margin-bottom: 8px;
} 
 
.content_template #static_page_title {
	color: #006699;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: -8px;
}

.content_template #static_page_title.marginBottom {
	margin-bottom: 20px;
}

.content_template #indent_20px {
	margin-left: 20px;
	width:50%;
}

.content_template #indent_15px {
	margin-left: 15px;
	width:65%;
}

.content_template #static_page_sub_title {
	color: #3399CC;
	font-weight: bold;
	font-size: 12px;
}

.content_template #blue_text {
	color: #3399CC;
}

.content_template #static_page_heading1 {
	color: #006699;
	font-weight: bold;
	font-size: 12px;
	margin-left: 25px;	
}

.content_template hr {
	color: #CCCCFF;
	background-color: #CCCCFF; 
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:60px;
	margin-left:2px;
	width: 90%;
	border:0.1px solid #CCCCFF; 
	height: 1px;
}

 
hr.dotted {
	color: #CCCCFF;
	background-color: #CCCCFF; 
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:60px;
	margin-left:2px;
	width: 90%;
	border:1px dotted #CCCCFF; 
	height: 1px;
}

.content_template #process_need2_section {
	float:right;
	margin-top: -180px;
	margin-right:35px;
	width: 35%;
}

.content_template #process_need3_section1 {
	float:right;
	margin-top: -148px;
	margin-right:-15px;
	width: 45%;
}

.content_template #process_need3_section2 {
	float:right;
	margin-top: 1px;
	margin-right:35px;
	width: 35%;
}

.content_template #static_process_title {
	color: #006699;
	font-weight: bold;
	font-size: 11px;
	margin-left: -5px
}

.content_template #expect1_section {
	float:none;
	width: 55%;
	margin-left: 20px;
}
 
 
.content_template #expect_body ol {
	margin-bottom: 0px;	
}

.content_template #static_expect_title {
	color: #006699;
	font-weight: bold;
	font-size: 11px;
	margin-left: -35px
}

.text_context {
	margin-top: 18px;
	margin-bottom: 18px;
}

.optionHeader {
	margin-bottom: 10px;
	margin-top:20px;
	color: #006699;
	font-weight: bold;
	font-size: 14px;
}

.sectionHeader {
	display: block;
	margin-top:25px;
	margin-bottom: 5px;
	color: #006699;
	font-weight: bold;
	font-size: 12px;
}

.textHeader {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 11px;
}


.leftCol {
	float:left;
	width:45%;
}

.rightCol {
	float:right;
	width:45%;
}


.schoolInfo {
	display: block;
	line-height: 150%;
	margin-bottom: 10px;
}
 
.schoolInfo select.schoolState,
.schoolInfo select.schoolName {
	margin: 0;
} 
 
.schoolInfo #schoolStateLabel,
.schoolInfo #schoolNameLabel,
.schoolInfo #schoolListTextLabel,
.schoolInfo #foreignSchoolsTextLabel {
	display: inline-block;
	width: 135px;
	vertical-align: top;
}
 
.drop_loan_amount {
	line-height: 100%;
}

/** Revised School Info Styling **/
.school_info_body,
.infoBox {
	background: #edeef2 url('../images/page/infoBox.gif');
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 15px 10px 15px 10px;
	line-height: 150%;
	margin-bottom: 10px;
	width:600px;
}


.school_info_body#school_info_block p.label{
	width:23%;
}

.school_info_body h3,
.infoBox h3 {
	color: #069;
	font-weight: bold;
	font-size: 11px;
}
 
.school_info_body p,
.infoBox p {
	width: 54%;
	display: -moz-inline-block;
	display: inline-block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.school_info_body p.label,
.school_info_body p.reviewLabel,
.infoBox p.label,
.infoBox p.reviewLabel {
	width: 44%;
	padding-right: 5px;
	vertical-align: top;
}

.school_info_body p.label,
.infoBox p.label {
	font-weight: bold;
}
 
.school_info_body p.reviewLabel,
.infoBox p.reviewLabel {
	color: #444;
	font-size: 11px;
}
 
.school_info_body p.reviewValue,
.infoBox p.reviewValue {
	color: black;
	font-weight: bold;
	font-size: 10px;
}
 
.school_info_body #delete_school,
.infoBox #delete_school {
	margin-left: 245px;
}


.school_info_body.endorseMPN.center {
	width: 700px;
	padding: 15px 0px 15px 0px;
}

/** End of Revised School Info Styling **/

.content_template #title {
	color: #FFFFFF !important;
	font-weight: bold;
	margin-left: 35px;
	font-size: 14px;
	vertical-align: middle;
}
 
.content_template label#titleP {
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 10px;
	padding-bottom: 15px;
	font-size: 14px;
	vertical-align: middle;
}
 
.content_template label#titleP a {
	color:white;
}
 
.content_template #section {
	margin-bottom: -16px;
	margin-left: 15px;
	background: url('../images/page/body_content_background.JPG') repeat-y;
}
 
.content_template #container {
	margin-top: -13px;
	background: url('../images/page/body_content_background.JPG') repeat-y;
	margin-left: -27px;
	padding: 0px;	
}

.content_template #section ul {
	width: 100%;
	margin-left: 32px;
	padding-top: 5px;
}

.content_template #section ul li {
	width: 525px;
	border-bottom-style: dotted;
}

.content_template #section ul li ul#radio_choices,
.content_template #section ul li ul#employerInfo,
.content_template #section ul li ul#location_ul {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_template #section ul li#last {
	border-bottom-style: none;
}

.content_template #section ul li ul#radio_choices,
.content_template #section ul li ul#employerInfo,
.content_template #section ul li ul#location_ul {
	margin-top: -10px;
	padding-bottom: 5px;
}

.content_template #section ul li ul#radio_choices li,
.content_template #section ul li ul#employerInfo li,
.content_template #section ul li ul#location_ul li {
	margin-top: 6px;
	margin-bottom: 6px;
	border-bottom-style: none;
}

.content_template #footer {
	height: 20px;
	margin-left: 14px;
	background: url('../images/page/body_content_bottom.JPG') no-repeat;
}

.content_template .paragraph {
    margin-bottom:15px;
}

label#error {
	color: red;
}

.main_content #info_header {
	height: auto;
	margin: 10px;
	width: 97%;
}

.main_content hr {
	color: #CCCCFF;
	background-color: #CCCCFF; 
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right:60px;
	margin-left:2px;
	width: 100%;
	border: 0.1px solid #CCCCFF; 
	height: 1px;
} 

#endorseLoanBody input {
	margin-left: 350px;
	margin-top: 300px;
}

.main_content .page_content {
	height:auto !important;
	padding: 35px;
}

.main_content .page_content div{
	padding-bottom: 15px;
}
 
.main_content .page_content div.box {
	padding-bottom: 0px;
}
 
div.horizontalLine{
	border-top: 1px gray dotted; 
	width: 100%;
	padding-bottom: 15px;
}
  
.link_container ul {
	list-style: none;
}
 
.link_container ul li {
	width: 400px;
	margin-top: 15px;
	padding-left: 25px;
	background: url('../images/page/arro_style1.gif') no-repeat left top;
}


.plusContainer {
	border: 1px solid;
}

.plusContainer ul{
	list-style: none outside none;
	padding-left:10px;
}

.plusContainer ul li {
	background: url('../images/page/arro_style1.gif') no-repeat left top;
    padding: 0 0 10px 0;
}
 
.link_container ul li a.large {
	vertical-align: top;
}

.link_container span {
	margin-top: 10px;
	margin-left:5px;
	width: auto;
	float: left;
}
 
.link_container.wide ul li {
	width: 500px;
	float: left;
}
 
.link_container.wide ul li label {
	display: inline-block;
	width: 295px;
	padding-right: 5px;
}
 
.link_container.wide ul li .box {
	float: right;
}

.content_template #section ul li ul li{
	border-bottom: none;
}

.whatYouNeed a.large,
.main_content .page_content a.large {
	color: #006699;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}


.whatYouNeedMpn{
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

/** Revised CSS for Home page **/
.index_links a.large{
	color: #069;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
	line-height: 8px;
	margin: 5px 0;
}

.index_links ul.index_bullets {
	width: 97%;
	margin: 0;
	padding: 0px;
	border: none;
	list-style: none;
}

.index_links ul.index_bullets li {
	padding: 3px 0px 6px 25px;
	margin: 0px 0px 0px 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-left-style: none;
	background: url('../images/home/bar_arro.gif') no-repeat 0px 8px;
	line-height: .9em;
}

.index_links ul.index_bullets li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.index_links ul.index_bullets li ul li {
	border: none;
	margin: 0;
	padding: 0px 0px 0px 20px;
	background: url('../images/home/bar_arro.gif') no-repeat 0px 5px;
}

.index_links ul.index_bullets li ul li a {
	font-weight: normal;
	color: #7CBE20;
}

.learn_bar,
.tools_bar,
.repay_bar {
	float: left;
	width: 256px;
}

.learn_bar {
	margin: 0px 8px 0px 30px;
}

.tools_bar {
	margin: 0px 8px 0px 0px;
}

.repay_bar {
	margin: 0px 0px 0px 0px;
}

.homepage_bar_contents {
	background: url('../images/home/bar_bg.gif') bottom no-repeat;
	width: 255px;
	margin-top: -5px;
} 

.but_sign_in {
	width: 100%;
	height: 46px;
}

/** End of Revised CSS for Home page **/

.main_content .page_content SPAN.header{
	color: #444444;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

/** Styling for view entrance counseling page **/
.main_content .page_content SPAN.congrats {
	color: #36629F;
	font-weight: bold;
}

.viewCounselingTable {
	margin-top: 10px;
	width: 60%;
	border-collapse: collapse;
}

.viewCounselingTable td{
	border: 1px solid #AAA;
}
/** End of view entrance counseling page **/

.view_container {
	height: auto;
	margin-bottom: 10px;
}
 
.view_container #header {
	margin-left: 16px;
	margin-right: 23px; /** R 11.1 **/
}

.view_container label#title {
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 15px;
	font-size: 14px;
	vertical-align: middle;
}
 
.view_container #section {
	margin-bottom: -16px;
	background: url('../images/page/body_content_background.JPG') repeat-y;
	line-height:120%;
	margin: 0px 0px 0px 16px;
	padding: 0px;
}

.view_container #footer {
	height: 20px;
	margin-left: 13px;
	margin-top: 0px;
	background: url('../images/page/body_content_bottom.JPG') no-repeat;
}

.view_container table, .popupTable table {
	font-size: 10px;
	vertical-align: middle;
	font-weight: normal;
	margin: 0px 0px 0px 16px;
	width: 95%;
	border: 1px solid black;
	border-right: none;	
}
 
.view_container table tr:last-child, .popupTable table tr:last-child {
	border-bottom: none;
}

.view_container table th, .popupTable table th {
	background: #CCC;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	font-weight: normal;
} 

.view_container table td, .popupTable table td {
	background: white;
	text-align: center;
	border-bottom: 1px dotted gray;
	border-right: 1px solid black;
	empty-cells: show;	
}
 
.view_container p.footnote {
	width: 90%;
	margin-left: 25px;
}
 

.viewCompleted table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10px;
	vertical-align: middle;
	font-weight: normal;
	width: 94.8%;
}
.viewCompleted table th {
	background: #ccc;
	border: 1px solid black;
	font-weight: normal;
	text-align: center
} 

.viewCompleted table td {
	background: white;
	text-align: center;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: none;
	empty-cells: show;
}
 
.viewCompleted table tr:last-child {
 	border-bottom: none;
}

 
h3#application_head input {
	float: right;
	margin-right: 5px;
	margin-top: 1px;
}

h3#application_head label {
	float: right; 
	margin-right: 5px;
}

h3#application_head #studentTitle,
h3#application_head .title {
	float: left;
}
 
h3#application_head .title {
	margin-top: 4px;
	font-size: 75%;
}
 
h3#application_head .check_div img {
	float: right;
	height: 18px;
}

/** Fixing img display for Accordian (for example, Parent PLUS App) **/
img.plus_minus {
	height: 20px;
	margin-left: -18px;
	margin-right: 5px;
	float: left;
}
.iconClosed {
	background:url('../images/page/header_expand.gif') no-repeat;
	background-size:20px;
	width:20px;
	height:20px;
}
.iconOpen {
	background:url('../images/page/header_collapse.gif') no-repeat;
	background-size:20px;
	width:20px;
	height:20px;
}


/** End of img display fo Accordian (for example, Parent PLUS App) **/

.lightBold {
	font-weight: bold;
	color: #535353;
	font-size: 14px;
}

#roundedBox {
	background-color: #DEDEDE; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 5px 10px 5px;
	margin: 5px auto;
}
 
#roundedArea {
	background-color: #F3F1F4;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 20px
}

#roundedBox ul {
	list-style-type: square;
	padding-left: 25px;
	margin: 0;
}

#roundedBox table th {
	text-align: left;
	width: 250px;
	vertical-align: top;
	line-height: 200%;
}
 
#roundedBox table td {
	width: 300px;
	vertical-align: top;
	line-height: 200%;
}
 
DIV.text LI.alpha {
	list-style-type: upper-alpha;
	width: 100% !important;
	border: 0px !important;
}	 
 
DIV.text LI {
	width: 100% !important;
	border: 0px !important;
	line-height: 110%;
	vertical-align: top;
}	 
 
DIV.text {
		
	padding-left: 10px;
	padding-right: 15px;
}
 
DIV.spacer {
	margin: 8px 0px 8px 18px;
}

.header #menu {

}

.headerBackgroundFullWidthContainer {
	background:white;	
}

.headerImageContainer {
	width:960px;
	margin:0 auto;
}

.headerMenuContainer {
	background:grey;
	height:25px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

.header #menu ul{

}

.header #menu ul#menu_list  li ul {
	position:absolute;
	margin-left:50px;	
	
}

.header #menu ul#menu_list  li ul li{
	border-right:none;
	display:block;
	margin-top:-5px;
	
	
	padding-right:5px;
}

.header #menu ul#menu_list   > li ul a {
	font-size:90%;
	border:#b5c4cd 2px solid;
	background: #dae9f0;
	display: block;
	padding: 5px;
	margin-right:-6px;
}
.header #menu ul#menu_list   > li ul a:hover {
	background: #b5c4cd
}

table.link_tbl tr {
	height:25px;	
}
table.link_tbl tr td a:hover{
	color:black;
	text-decoration: underline;
}

/** PLUS School Participation **/
#ajaxParticipation #resultsDiv {
	width: 580px;
}

td.center {
	text-align: center;
}
 
#ajaxParticipation p.result {
	font-size: 110%;
	font-weight: bold;
}

table.participation th {
	vertical-align: top;
	text-align: left;
	padding-top: 3px;
	width: 15%;
}
/** End School Participation **/
 
/* popup fixes *********************************************************/
#popupLayer_languagePopup .main_content input{
	width:auto; /* fix stretching in IE for 16-20 char buttons */
	overflow:visible; /* fix stretching in IE for 16-20 char buttons */
	padding-left: 12px; /* force sensible padding in IE */
	padding-right: 12px; /* force sensible padding in IE */
}
 
#popupLayer_languagePopup .main_content #page_title {
	width: 100% !important;
	height: 25px;
} 
 
#popupLayer_languagePopup ul {
	margin: 0;
	padding: 0;
}
 
#popupLayer_languagePopup ul li {
	text-align: center;
} 

/* person info, alerts *********************************************************/
.person_info {
	display: inline-block;
	/*float: right;*/
	width: 310px;
	position: relative;
	left: 85px;
	padding-right: 2%;
	padding-bottom: 3%;
}

.person_info .header {
	height: 32px;	
}
 
.person_info .alerts_body {
	background: url('../images/page/alerts_side.bmp') repeat;
	margin-top: 0px;
	padding: 10px 0px 5px 0px;
	width: 300px;
}
 
.person_info .alerts_body .dot {
	display: -moz-inline-box;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}
 
.person_info .alerts_body p {
	width: 260px;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0px 0px 10px 0px;
}
 
.person_info .personalInfoSection {
	background: url('../images/page/alerts_side.bmp') repeat;
	width: 300px;
}
 
.person_info .personalInfoFooter {
	background: url('../images/page/alerts_bottom.bmp') no-repeat;
	height: 17px;
	width: 300px;
}
 
.person_info#toolsAndCalculators {
	margin-top: -20px;
}
/* #footer *********************************************************/
#page_footer a {
	display: inline-block;
	border-left: 1px solid #888;
}
/** end of footer **/

/** centering styling **/
.center {
	text-align: center;
}
 
.center div {
	float: none;
	margin: 0px auto;
}
 
/** error class **/
.error,
div.error,
span.error,
tr.error,
p.error,
ul.error {
	color: red;
}

	.popUp {
		background-color: #eeeeee;
		border: #666 5px solid;
		position: absolute;
		top: 120px;
		left: 225px;
		z-index: 100;
		float: left;
		display: none;
	}
	
	
.popUp.whiteBg{
		background-color: #ffffff;
}
	
	#curtain,
#clearCurtain {
	display: none;
	position: absolute;
	background-image: intial;
	background-attachment: inital;
	background-origin: initial;
	background-clip: inital;
	background-color: #000000;
	filter: alpha(opacity = 50);
	left: 0px;
	top: 0px;
	z-index: 99;
	opacity: 0.5;
	cursor: default;
	height: 100%;
	width: 100%;
	background-position: initial initial;
	background-repeat: initial initial;
}

#clearCurtain {
	display: inline;
	background-color: #FFFFFF;
	z-index: 100;
}