body {
  font-size: 10px;
  font-family: verdana, arial, helvetica, sans-serif;
  padding: 8px 0 4px 0;
  background-color : #F5F5F5;
  text-align: center; 
}

/* used in 	Login Pages */
div.contentContainerLogin {
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
	text-align: left; 
	padding: 0; 
	margin: 3px 0 0 0; 
	position: relative; 
	top: 0; 
	left: 0; 
	width: 740px;
	height: 820px;
	border: 2px solid #0252A3; 
	background-color: #4C4C4C;
	background-repeat: no-repeat; 
}
/* login page copy styles - need to eventually move to a login.css */
#pagecopy{
	font-family: verdana, arial, helvetica, sans-serif;
	position: absolute; 
	top: 75px; 
	left: 240px; 
	width: 210px; 
	margin: 0; 
	padding: 0;
	font-weight: normal;
	z-index: 5;
}
#pagecopy h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	font-weight: bold;
	color: #EDA805;
	font-size: 13pt;
}
#pagecopy p {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 0 15px 0;
	color: #FFFFFF;
	font-size: 9pt;
}
#pagecopy td {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0 0 2px 0;
	color: #FFFFFF;
	font-size: 9pt;
}
#pagecopy a { text-decoration:none; font-weight: bold; color: #FFFFFF;}
#pagecopy a:hover {text-decoration:underline; font-weight: bold; color: #FFFFFF;}

/* login page copy styles for subpages*/
#pagecopyScholarship {position: absolute; top: 75px; left: 250px; width: 470px; margin: 0; padding: 0;}
#pagecopyScholarship p {font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 10px 0;	color: #000000;	font-weight: normal; font-size: 10pt;}
#pagecopyScholarship h2 {font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 15px 0; color: #0252A3; font-weight: bold;	font-size: 13pt;}
#pagecopyScholarship a { text-decoration:none; font-weight: bold; color: #000000;}
#pagecopyScholarship a:hover {text-decoration:underline; font-weight: bold; color: #000000;}

#pagecopyCollege {position: absolute; top: 75px; left: 240px; width: 210px; margin: 0; padding: 0;}
#pagecopyCollege p {font-family: verdana, arial, helvetica, sans-serif;	margin: 0 0 15px 0;	color: #FFFFFF;	font-weight: normal; font-size: 10pt;}
#pagecopyCollege h2 {font-family: verdana, arial, helvetica, sans-serif; margin: 0; color: #EDA805; font-weight: bold;	font-size: 13pt;}
#pagecopyCollege a { text-decoration:none; font-weight: bold; color: #FFFFFF;}
#pagecopyCollege a:hover {text-decoration:underline; font-weight: bold; color: #FFFFFF;}

#pagecopyGrant {position: absolute; top: 75px; left: 240px; width: 280px; margin: 0; padding: 0;}
#pagecopyGrant p {font-family: verdana, arial, helvetica, sans-serif;	margin: 0 0 8px 0;	color: #FFFFFF;	font-weight: normal; font-size: 10pt;}
#pagecopyGrant h2 {font-family: verdana, arial, helvetica, sans-serif; margin: 0 0 8px 0; color: #EDA805; font-weight: bold;	font-size: 12pt;}
#pagecopyGrant a { text-decoration:none; font-weight: bold; color: #FFFFFF;}
#pagecopyGrant a:hover {text-decoration:underline; font-weight: bold; color: #FFFFFF;}

#mainTable {margin: 0; width: 740px;}
#registrationForm {margin: 75px 0 10px 10px;}
#joinCell {text-align: left;}
#alreadyReg {padding-top: 8px; display: none;}

div.contentContainerReg {
	font-size: 14px;
  	font-family: verdana, arial, sans-serif;
	text-align: left; 
	padding: 35px 5px; 
	position: relative; 
	top: 0; 
	left: 0; 
	width: 550px; 
	border: solid 2px #0252A3; 
	background-color: #FFFFFF;
}

div.contentContainer {
	background-color: #FFFFFF;
	border: solid 2px #0252A3; 
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	left: 0; 
	padding: 20px 5px; 
	position: relative; 
	text-align: left; 
	top: 0;  
	width: 770px; 
}

table.progressReg {
	width: 160px;
	border: solid 2px #0252A3; 
	background-color: #FFFFFF;
}	
table.progressReg th {background-color: #0252A3; color: #FFFFFF; padding: 3px; text-align: center;}
table.progressReg td {padding: 3px 2px;}

table.login {
	background-color: #EDA805;
	margin: 2px;
	border: 2px solid #EDA805;
	width: 220px;
}

table.login-s4m {
	background-color: #EDA805;
	margin: 2px;
	border: 2px solid #EDA805;
	width: 301px;
}
table.login th {
	text-align: left; 
	font-size: 13pt;
	font-family: Franklin Gothic Demi, Verdana, arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 1px 3px 3px 3px;
}
table.login td {
	font-family: verdana, arial, sans-serif;
	text-align: left; 
	background-color: #F5F5F5;
	padding: 5px;
}
table.login p {
	margin: 0;
	padding: 1px 2px 2px 5px;
}
table.login p.heading{
	margin: 0;
	padding: 3px 2px 0 5px;
}

table.infoHeader {width: 100%;}

div.dashboardLabel {
	z-index: 5; 
	position: absolute; 
	top: 7px; 
	right: 7px; 
	color: #0252A3; 
	font-size: 12pt; 
	font-weight: bold; 
	text-align: right;
}
div.dashboardLabel p {
	font-size: 8pt; 
	margin: 0;
	padding: 0;
	color: #808080;
}

div.cncLogoBackground {z-index: 5; position: absolute; top: -3px; left: 5px; width: 177px; height: 5px; background-color: #FFFFFF;}
img.cncLogo {z-index: 10; position: absolute; top: -15px; left: 5px;}

table.articlesContainer {margin-top: 10px; width: 570px; margin-top: 10px; border: 2px solid #0252A3;}
table.articlesContainer th {padding: 2px 2px 3px 2px; background-color: #0252A3; color: #FFFFFF;}
table.articlesContainer td {padding: 2px;}


table.tabbedtable {width: 570px; text-align: center; margin-top: 10px;}
table.tabbedtable td.main {height: 500px; padding: 4px 2px 2px 2px; border: 1px solid #CACED3; text-align: left;}
table.tabbedtable td.main h1 {font-family: arial,verdana,helvetica,sans-serif; font-size: 12pt; font-weight: bold; text-align: center; margin: 2px 0;}

table.collegeSearch  {width: 100%; border: 1px solid #CACED3; margin-left: 5px;}
table.collegeSearch  td {padding: 2px; font-size: 9px; }
table.collegeSearch  th {padding: 2px; font-size: 9px; color: #0252A3; background-color: #CACED3;}

table.scholarshipList  {width: 98%; margin: 10px 0 10px 5px; border: 1px solid #0252A3;}
table.scholarshipList  td {font-family: arial,verdana,helvetica,sans-serif; padding: 2px; font-size: 9px; margin: 0; border-top:1px solid #CACED3;}
table.scholarshipList  td.pagination {text-align: right; padding: 3px 2px 3px 2px; font-size: 11px; background-color: #0252A3; color: #FFFFFF; margin: 0; border-top: none;}
table.scholarshipList  td.pagination a {padding: 2px; font-size: 11px; color: #FFFFFF; margin: 0;}
table.scholarshipList  th {padding: 2px; font-size: 10px; background-color: #CACED3; font-weight: bold;}

table.collegeList  {width: 98%; margin: 10px 0 10px 5px; border: 1px solid #0252A3;}
table.collegeList  td {font-family: arial,verdana,helvetica,sans-serif; padding: 2px; font-size: 9px; margin: 0; border-top:1px solid #CACED3;}
table.collegeList  td.listtype {text-align: left; padding: 3px 2px 3px 2px; font-size: 11px; background-color: #0252A3; color: #FFFFFF; margin: 0; border-top: none; font-weight: bold;}
table.collegeList  th {padding: 2px; font-size: 10px; background-color: #CACED3; font-weight: bold;}

table.scholarshipDetails  {width: 98%; margin: 2px 0 2px 5px; border: 1px solid #0252A3;}
table.scholarshipDetails  td {padding: 2px 4px; font-size: 10px; margin: 0;}
table.scholarshipDetails  td.top {font-family: arial,verdana,helvetica,sans-serif; text-align: left; padding: 3px 2px 3px 2px; font-weight: bold; font-size: 14px; background-color: #0252A3; color: #FFFFFF; margin: 0;}
table.scholarshipDetails  th {padding: 2px; font-size: 11px; background-color: #CACED3; font-weight: bold;}

table.myProfileSummary  {width: 98%; margin: 2px 0 5px 5px; border: 1px solid #0252A3;}
table.myProfileSummary  td {padding: 2px 4px; font-size: 11px; margin: 0;}
table.myProfileSummary  td.top {font-family: arial,verdana,helvetica,sans-serif; text-align: left; padding: 3px 2px 3px 2px; font-weight: bold; font-size: 14px; background-color: #0252A3; color: #FFFFFF; margin: 0;}
table.myProfileSummary  th {padding: 2px; font-size: 11px; background-color: #CACED3; font-weight: bold; border-top: 1px solid #0252A3;}

table.collegeProfileHeader       {margin: 2px 0 1px 5px; width: 552px; background-color: #A31A76; border: 1px solid #A31A76; padding: 5px 5px 5px 5px;}
table.collegeProfileHeader  td   {padding: 3px 7px 7px 7px; color: #FFFFFF; font-size: 10pt; font-style: italic;}
table.collegeProfileHeader  th   {text-align: center; padding: 3px 2px 1px 2px; color: #FFFFFF; font-weight: bold; font-size: 12pt;}
table.collegeProfileHeader  td p {margin: 0; padding: 0; display: inline;}
table.collegeProfileHeader  td img {border: 1px solid #FFFFFF;}

table.collegeProfileHeaderGlance  {margin: 2px 0 5px 5px; width: 98%; border: 1px solid #A31A76; background-color: #FFFFFF;}
table.collegeProfileHeaderGlance  td   {padding: 3px 5px 7px 5px; font-size: 8pt; color: #000000;}
table.collegeProfileHeaderGlance  td strong {font-weight: bold; color: #000000;}
table.collegeProfileHeaderGlance  td li div  {display: inline;}
table.collegeProfileHeaderGlance  th   {background-color: #A31A76; text-align: center; padding: 3px 2px 1px 2px; color: #FFFFFF; font-weight: bold; font-size: 10pt;}

table.collegeProfile  {width: 98%; margin: 0; background-color: #FFFFFF; margin: 2px 0 5px 5px; padding: 5px 5px 5px 5px; border: 1px solid #A31A76;}
table.collegeProfile td {padding: 5px 6px 6px 6px; font-size: 10pt;color:#000000;}
table.collegeProfile td div {font-size: 10pt;color:#000000;}
table.collegeProfile td p {font-size: 10pt; color:#000000;}
table.collegeProfile td strong {font-weight: bold; color: #A31A76; font-size: 10pt;}
table.collegeProfile td img {margin: 0 0 1px 3px;}

div.scholarshipRules {font-family: arial,verdana,helvetica,sans-serif; font-size: 9pt; text-align: left;}
div.scholarshipRules h3 {color: #FFFFFF; padding: 1px 0 2px 2px; background-color: #0252A3;  font-family: arial,verdana,helvetica,sans-serif; font-size: 10pt; text-align: left;}
div.scholarshipRules strong {font-weight: bold; color: #0252A3; font-size: 9pt;}
table.scholarshipRulesT td {padding-bottom: 15px;}
table.scholarshipRulesT td b {color: #0252A3;}
table.scholarshipRulesT th  {text-align: center; font-family: arial,verdana,helvetica,sans-serif; font-weight: bold; font-size: 14pt; padding: 10px 0 5px 0;}
table.scholarshipRulesT th strong {font-family: arial,verdana,helvetica,sans-serif; font-weight: bold; color: #0252A3; font-size: 14pt;}

table.eligibleSchools {border: 1px solid #0252A3;}
table.eligibleSchools td li {font-family: arial,verdana,helvetica,sans-serif; font-size: 8pt;}
table.eligibleSchools th {padding: 1px 0 2px 2px; background-color: #0252A3; color: #FFFFFF; font-family: arial,verdana,helvetica,sans-serif; font-size: 9pt; text-align: center;}

table.collegeDetails       {margin: 2px 0 1px 1px; width: 100%;}
table.collegeDetails  th   {background-color: #A31A76; text-align: center; padding: 3px 2px 1px 2px; color: #FFFFFF; font-weight: bold; font-size: 12pt;}
table.collegeDetails  td   {padding: 0; font-size: 10pt;border-top: 2px solid #A31A76; border-left: 2px solid #A31A76; border-right: 2px solid #A31A76; border-bottom: 2px solid #A31A76; }

table.collegeDetails  td h2 {color: #FFFFFF; background-color: #A31A76; font-family: arial,verdana,helvetica,sans-serif; font-size: 10pt; margin: 0;padding: 0 0 2px 2px;} 
table.collegeDetails  td fieldset {margin: 10px 2px 10px 2px;; border: none; border-top: 1px solid #A31A76; border-bottom: 1px solid #A31A76;}
table.collegeDetails  td fieldset legend {margin-left: 2px; font-weight: bold; color:#A31A76;}

table.collegeDetailsData {margin-left: 2px;}
table.collegeDetailsData td {text-align: left; border: none; font-weight: bold; padding-top: 2px; margin: 1px 0 5px 5px; font-size: 9pt;}
table.collegeDetailsData th {text-align: left; border: none; font-weight: normal; margin: 1px 0 5px 5px; padding-top: 2px; background-color: #FFFFFF; color: #000000; font-size: 9pt;}


.error {
  font: 10px Verdana, sans-serif;
  list-style-type: none;
  margin: 0 0 1px 0;
  padding: 0 1px 1px 5px;
/*margin-left: 0px;
  margin-top: 1px;
  padding: 1px 1px 1px 1px;*/
  color: red;
  font-weight : bold;
  text-align: left;
}


a { text-decoration:underline;}
a:hover {text-decoration:none;}

p.info{ font-family:verdana,arial,helvetica; font-size:12px; }
p.info a { text-decoration:none;font-weight:bold; color: #0000FF;}
p.info a:visited { text-decoration:none;font-weight:bold; color: #0000FF;}
p.info a:hover {text-decoration:underline;font-weight:bold; color: #0000FF;}
p.info span.title{font-family:verdana,arial,helvetica; font-size:14px; font-weight:bold;}

a.reg { 
  color:black;
  text-decoration:underline;
  font-weight:bold;
  font-family:verdana,arial,helvetica;
  font-size:10px;
}

fieldset {
  padding : 2px 2px 2px 2px;
}

/*table { background-color : #FFFFFF; }*/

th {
  font: bold 12px Verdana, sans-serif;
  text-align: left;
}

li {
  list-style-position:inside;
}

.meat {
  margin-top: 10px;
  margin-left: 5px;
}

/* Registration Styles */

.regheader {
  font-weight : bold;
  font-size : 18px;
  font-family : arial,verdana,helvetica,sans-serif;
  text-align : right;
  color : #285298;
}

.regdiv {
  border-top: 1px solid;
  border-bottom: none;
  border-color: #cfd8df;
  padding-bottom: 15px;
  text-align : left;
}

table.regdiv {
  padding-top: 5px;
  padding-bottom: 15px;
}
.reglabel {
  width:185px;
  font-weight : bold;
  font-size : 11px;
  font-family : arial,Verdana,arial,helvetica,sans-serif;
  text-align : left;
}

a.help {
  text-decoration: none;
  color:DarkGoldenrod;
}

a.help:hover {
  text-decoration: underline;
  color:Green;
}

/* Dashboard Styles */
.dashbox {
  border-top: 1px;
  border-bottom: 1px; 
  border-left: 1px; 
  border-right: 1px;
  border-color: #000099;
}

/* Text Formatting Styles */

.txt {
  font-weight : normal;
  font-size : 11px;
  font-family : Verdana,arial,helvetica,sans-serif;
}

.txtbig {
  font-weight : normal;
  font-size : 13px;
  font-family : Verdana,arial,helvetica,sans-serif;
}

.txtbld {
  font-weight : bold;
  font-size : 11px;
  font-family : arial,Verdana,arial,helvetica,sans-serif;
}

.txtsm {
  font-weight : normal;
  font-size : 10px;
  font-family : Verdana,arial,helvetica,sans-serif;
}

.txtsmbld {
  font-weight : bold;
  font-size : 11px;
  font-family : arial,Verdana,helvetica,sans-serif;
}

.txtreq {
  font-family:verdana,arial,helvetica;
  font-size:10px;
  color:red;
  font-weight:normal;
}

.txtopt {
  font-family:verdana,arial,helvetica;
  font-size:10px;
  color:green;
  font-weight:normal;
}

.txthelp {
  font-weight : normal;
  font-size : 12px;
  font-family : verdana,arial,helvetica,sans-serif;
}

.small {
  font : 10px verdana,arial,sans-serif,helvetica;
}

.smallbld {
  font : 10px verdana,arial,sans-serif,helvetica;
  font-weight: bold;
}


table.list {
  border:1px solid;
  border-color:#000099;
}

td.list {
  font-size:10px;
  font-family:arial,verdana,helvetica,sans-serif;
  border-top:1px solid;
  border-color:#cfd8df;
}

/* Details Page Formatting Styles */  
.schhdr {
  background:#95d1f6;
  border-top: 1px solid #000099;
  border-bottom: 1px solid #000099;
  font-size:10px;
  font-family:verdana,arial,helvetica;
  font-weight:bold;
  color:#000000;
}

.spont {
  font-family:arial,verdana;
  font-size:14px;
  font-weight: bold;
  color:#ffffff;
  background-color:#000099;
}

.scht {
  font-family:verdana,arial,helvetica;
  font-size:11px;
  font-weight: bold;
}

/* Progress/Summary Bar Styles */
.progressCompleted {
  font: bold 10px Verdana, sans-serif;
}

.progressSummary {
  font: 10px Verdana, sans-serif;
}

.progressCurrent {
  font: 10px Verdana, sans-serif;
  color: #448;
}

.progressIncomplete {
  font: italic 10px Verdana, sans-serif;
}

/* form elements */

.register {font-family:arial; font-size: 11px;background-color:#E5EAEE;}

.login {font-family:arial; font-size: 11px;background-color:#F5F0DD;}

.btn, .btnbig {
  color: #fff;
  background-color: #fb942a;
  border-top: 1px #fff solid;
  border-left: 1px #fff solid;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  font-weight:bold;
  cursor: pointer;
  text-align: center;
  padding: 0.25em 1.2em;
  font-family:arial,sans-serif;
  font-size:12px;
}

.btnbig {
  font-size:16px;
}

.btninter {
  background-color:#FFFF00;
  font-family:arial;
  color:#000;
  font-size:12px;
  font-weight:bold;
  border:1px #999 solid;
}

.fldtxt {
  width:130px;
  font-size:10px;
  font-weight:bold;
  /* border:1px #000000 solid;
  padding: 0px; */
}

.fldtxtreg {
  width:180px;
  font-size:12px;
  font-weight:bold;
  /* border:1px #000000 solid;
  padding: 0px; */
}

.fldtxt1 {
  width:280px;
  font-size:10px;
  font-weight:bold;
  /* border:1px #000000 solid; 
  padding:0px; */
}

.fldtxt1_sm {
  width:30px;
  font-size:11px;
  font-weight:bold;
  /* border:1px #000000 solid;
  padding:0px; */   
}

.slct {
  font-size:10px;
  font-weight:bold;
  border:1px #000000 solid; 
  padding:0px;   
}

/* checklist */
.checklist{
  border: 1px solid #ccc;
  list-style: none;
  height: 12em;
  overflow: auto;
  width: 38em;
}
.checklist, .checklist li {
  font-size:10px;
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
.checklist label { 
  display: block; 
  height: 1%; 
  padding-left: 25px;
  text-indent: -25px;
}
.checklist label:hover, .checklist label.hover {
  background-color: #FFFFC1;
  font-weight: bold;
}

/*

Css code that manipulates the registration.vm page outside of registration.vm layout. For other layouts like 
Scholarship3 - CollegeGuidance
*/

.landingpage #regform{
	width: 210px;
	margin: 0px 0px 0px 10px !important;
	padding: 5px 5px 5px 5px;
	background-color:#fff;
	border: 1px solid #222;
	border-top: none;
	font-size: 60%;
}
.landingpage .login, #registrationForm{
	background-color:#fff !important;
	border:none !important;
}
#loginFormDiv{
	display:none;
}
.landingpage p.heading{
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 5px 0px !important;			
}
.landingpage  #regform .regitemerror {
	margin: 5px 0px !important;
	padding: 0px;
}
.landingpage  #regform span.error{
	color:red;
	font-size: 10px !important;
	padding: 0px 0px !important;
	margin: 0px 0px !important;
}
.landingpage #regform .regrow span.required{
	color:red;
}
.landingpage p{
	margin: 0px 0px 5px 0px !important;
	padding: 0px !important;
}
h2.landingpage{
	display:none;
}
h3.landingpage{
	width: 210px;
	margin: -20px 0px 0px 10px !important;
	padding: 3px 5px 3px 5px;
	background-color:#fff;
	border: 1px solid #222;
	border-bottom:none !important;
	font-size: 12px;
}
form.landingpage{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
body hr{
	display:none !important;
}
.landingpage #regform .regrow p{
	padding: 5px 0px 0px 0px !important;
	margin: 0px 0px;
	font-size: 11px;
}
.landingpage  #regform fieldset{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.landingpage .checkbox{
	float: left;
	clear: left;
	width: 15%;
	margin: 0px 0px 35px 0px;
	padding: 0px;
}
.landingpage .checkboxitemlabel{
	float: right;
	clear: right;
	width: 85%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
}
.landingpage span.inputitemlabel{
	font-size: 11px;
}
.landingpage .regiteminput{
	font-size: 10px;
}
#regform h4{
	font-size: 10px;
	margin: 0px 0px 5px 0px !important;
	padding: 0px !important;
	font-weight: bold;
}
.landingpage #regform legend{
	color:#000;
	font-weight: bold;
	margin: 5px 0px;
	font-size: 10px;
}
.landingpage #regform p.optintout_text{
	font-size: 10px;
}
div.regrow p.optintout_text{
	font-size: 9px !important; 
}