/* Application Suite-specific Style Sheet (e.g. EC, HS, eCAPS, eGrants, etc.) */
/* Style Sheet Last Updated: 04/13/05 */

/* If your application does not use the submenu region, 
un-comment the following style block. */
/*
html, body {background: transparent url(../images/tmpl_HeaderSliverNoSub.gif) repeat-x;}
table.layout tr#menu {height: 28px;}
div#submenubar {height: 10px;}
table.layout tr#content {height: 506px;}
*/

/* Used to launch feedback servlet in prototypes. */
h3 span#feedback a {
	display: block;
	float: right;
	font-weight: bold;
	color: #f00;
	margin-top: -18px;
}

/* Security Screens (used by all applications) */
/* Home Page */
div#homepage {width: 840px;}
div#homeleft {float: left; width: 49%;} 
div#homeright {float: right; width: 49%;}

div.program, div.program img, div.programtext, div.programtext p {float: left;}
div.program {width: 410px; margin: 15px 0;}
div.program img {height: 139px; width: 96px; margin-right: 10px;}
div.programtext {width: 300px;}
div.programtext p {margin-top: 10px;}
div.programtext p a {padding-left: 5px;}
div.programtext h4 a {font-weight: bold; font-size: 12pt;}

/* If using the feedback link in your application, 
uncomment the following two lines. */
/*
div#homepage h3 span#feedback a {margin-top: 0;}
div#homeleft {margin-top: 14px;} 
*/

/* Logout */
div#logout {padding: 10px; border: 4px outset #ccc; margin: 50px 100px 10px;}
div#logout p.alert {
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	padding: 5px 0;
}
div#logout p.message {text-align: center; font-style: italic;}
body#popup p.return {text-align: center;}
body#popup p.return a {letter-spacing: .1em;}

/* Login */
form#login {
	width: 110px;
	padding: 1px 0;
	margin: 0 auto;
	margin-left : 2px;
	margin-top : 2px;
	margin-bottom: 0px;
	border : groove;
}
form#login label span {
	width: 50px;
	text-align: left;
	margin-bottom: 2px;
	font : normal;
	font-weight : bold;
} 

form#login input#userid {
	margin-bottom: 2px;
	width : 100px;
}

form#login  input#password {
	margin-bottom: 2px;
	width : 100px;
}

form#login  input#pin {
	margin-bottom: 2px;
	width : 100px;
}

form#login div.buttonbar {
	margin-bottom : 2px;
	width : 120px;
}
 
 
 
 
 
form#forgotpwd div.buttonbar {
	margin-bottom : 2px;
	width : 80px;
	margin-top : 5px;
	padding-top : 0px;
	padding-bottom : 0;
}
 
form#newuser div.buttonbar {
	margin-bottom : 2px;
	width : 80px;
	margin-top : 5px;
	padding-top : 0px;
	padding-bottom : 0;

}
 



/* Single Sing On */
form#singlesingon {
	width: 300px;
	padding: 1px 0;
	margin: 0 auto;
	margin-left : 5px;
	margin-top : 0px;
	margin-bottom: 0px;
	border : groove;
}
form#singlesingon label span {
	width: 100px;
	text-align: right;
	margin-bottom: 5px;
} 
form#singlesingon input#userid, input#password {
	margin-bottom: auto;
	width : auto;
}
form#singlesingon div.buttonbar {padding: 15px 0 10px;}




/* Forgot password 1 */
form#forgotpwd1 {
	width: 200px;
	padding: 10px 0;
	border: 5px none #ccc;
	margin: 0 auto;
}
form#forgotpwd1 label span {width: 200px; text-align: right; margin-bottom: 5px;}
form#forgotpwd1 p.dob{
	margin-bottom: 5px;
	width : 200px;
}
form#forgotpwd1 select{margin-bottom: 5px;}
form#forgotpwd1 input#email {}
form#forgotpwd1 div.buttonbar {padding: 15px 0 10px;}
form#forgotpwd1 div#forgotpwd1 {
	float: left;
	width: auto;
	padding-bottom: 10px;
}


 
/* needToChangePIN */
form#needToChangePIN {
	width: 600px;
	padding: 10px 0;
	border: 5px none #ccc;
	margin: 0 auto;
}
form#needToChangePIN label span {
	width: 120px;
	text-align: right;
	margin-bottom: 5px;
	float : right;
}
form#needToChangePIN  input#pin {
	margin-bottom: 2px;
	width : 100px;
}


form#needToChangePIN  span {
text-align: left;
}
form#needToChangePIN div.buttonbar {padding: 15px 0 10px;}
form#needToChangePIN div#needToChangePIN {
	float: left;
	width: auto;
	padding-bottom: 10px;
}


  
/* needToChangePWD */
form#needToChangePWD {
	width: 600px;
	padding: 10px 0;
	border: 5px none #ccc;
	margin: 0 auto;
}
form#needToChangePWD label span {width: 150px; text-align: right; margin-bottom: 5px;}
form#needToChangePWD  input#pwd {
	margin-bottom: 2px;
	width : 100px;
}


form#needToChangePWD  span {
text-align: left;
}
form#needToChangePWD div.buttonbar {padding: 15px 0 10px;}
form#needToChangePWD div#needToChangePWD {
	float: left;
	width: auto;
	padding-bottom: 10px;
}


 
  
/* changeMyPWD */
form#changeMyPWD {
	width: 600px;
	padding: 10px 0;
	border: 5px none #ccc;
	margin: 0 auto;
}
form#changeMyPWD label span {width: 150px; text-align: right; margin-bottom: 5px;}
form#changeMyPWD  input#pwd {
	margin-bottom: 2px;
	width : 100px;
}


form#changeMyPWD  span {
text-align: left;
}
form#changeMyPWD div.buttonbar {padding: 15px 0 10px;}
form#changeMyPWD div#needToChangePWD {
	float: left;
	width: auto;
	padding-bottom: 10px;
}


/* createPasswordUserIDPIN */
form#createPasswordUserIDPIN {
	width: 600px;
	padding: 10px 0;
	border: 5px none #ccc;
	margin: 0 auto;
}
form#createPasswordUserIDPIN label span {width: 200px; text-align: right; margin-bottom: 5px;}
form#createPasswordUserIDPIN  input{
	margin-bottom: 2px;
	width : 100px;
}


form#createPasswordUserIDPIN  span {
text-align: left;
}
form#createPasswordUserIDPIN div.buttonbar {padding: 15px 0 10px;}
form#createPasswordUserIDPIN div#needToChangePWD {
	float: left;
	width: auto;
	padding-bottom: 10px;
}


 


p.loginrequiredfieldmessage {text-align: center; color: #808080; margin: 10px 0;}

div#splashbar {
	height: 82px;
	background: transparent url(../images/SplashSliver.gif) left repeat-x;
}
div#splashbar #splash {
	width: 464px;
	height: 82px;
	background: transparent url(../images/Splash.gif) no-repeat;
	margin: 0 auto;
}
p.feedbackmsg {padding: 20px 5px;}
p.version {text-align: center; margin-top: 15px;}
h3#loginfeedback span#feedback a {margin-top: 0;}

/* Index Reference (e.g. Site Index or Site Help) */
div.ndxref {text-align: left; margin: 50px;}
div.ndxref ul {
	list-style-image: url(../images/Bullet_GraySquare.gif);
	margin: 5px 0 10px 40px;
}
div.ndxref ul li {display: list-item; font-size: 10pt; margin-bottom: 5px;}

/* Progress Bar */
div#progressbar { 
	width: 450px; 
	padding: 20px; 
	border: 3px #30f ridge; 
	margin: 150px auto 20px;
}
div#progressbar div#message { 
	background: transparent url(../images/AnimatedProgress.gif) bottom no-repeat;
	text-align: center; 
	padding-bottom: 20px;
}
div#progressbar div#message p {font-weight: bold; font-size: 10pt; color: #339;}

/* IA (HS) Data Summary Banner */
table#hsbanner {
	width: 100%;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0; /* N6 fix */
	margin: 3px 0 -3px 5px;
}
table#hsbanner td {padding-right: 10px;}
table#hsbanner td.label, table#hsbanner td.regname {font-weight: bold;}
table#hsbanner td.label {text-align: right; padding-right: 5px;}



p.headings_cis {font-size: 11pt; color: black; padding: 20 20 20px; margin: 5;}
p.headings_SAFER {
	font-size: 9pt;
	padding: 10 10 10px;
	margin: 5;
	font-weight : bold;
}
p.headings_egrant {}