/*This Cascading style sheet is for all the browsers. */


#skipnav
{
	height:0px;
}
  
div#main.popup
{
	width:100%; 
	max-width:770px;
	
}
  
div.headerBar
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left:0px;
	background-color:#001E5A;
}

div#main.body
{
	margin-top: -12px;
}


/* The title specifies the rules for the tilte of the page. 
 It is aligned to the left.*/
.page_title
{
  	padding-left:52px;
  	text-align: left;
} 

/*The topcontent specifies the rules for the top portion of the page i,e after title. */
#topcontent  
{
	display:block;	
 	text-align:left;
	padding-bottom:20px;
	padding-top:15px;
	padding-left:55px;  
	padding-right:20px;	
}

#topcontentthankyou
{
	display:block;	
 	text-align:left;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:55px;  
	padding-right:20px;	
}

.page_height
{
	height:350px;
}

#topcontent.noleftpadding 
{
	padding-left:5px;
}
#topcontent.nopadding
{
	padding-bottom:0px;
	padding-top:3px;
	padding-left:55px;
	padding-right:10px;	
}

/* This rule specifies the text to be small */
.smallcontent
{
	font-size: 11px;
	padding-bottom:10px;
}


/* The middlecontent specifies the rules for middle portion of the page */
#middlecontent
{
	display:block;
	text-align:left;
	padding-top:1px;
	padding-left:250px;
	padding-right:1px;
	padding-bottom:1px;
}

/* The bottomcontent specifies the rules for bottom portion of the page*/
#bottomcontent
{
	display:block;
	text-align:left;
	padding-top:10px;
	padding-left:50px;
	padding-right:1px;
	padding-bottom:1px;
}


/* The menulist specifies the rules for the menuitems in the header bar. */ 
#menulist
{
	margin-top:-17px;
	background-color:#001E5A;
	padding-bottom:33px;
}

#menulist.spanish
{
	margin-top:0px;
}

#menulist.session
{
	padding-bottom:45px;
}

#menulist ul
{
	margin-left:-40px;
	margin-bottom:-20px;
	padding-top:0px;
	width:100%;
}
  
#menulist ul.spanish
{
	margin-top:-2px;
}

#menulist li
{
	float:left;
	display:inline;
	margin:0;
}


#menulist li a
{
	width:140;
	float:left;
	color:#001E5A;
	background-color:#BBCAE9;
	background-image:url("/irfof-webapp/images/en/top-transparent.gif");
	background-repeat:no-repeat;
	background-position:top;
	border-right:1px solid #001E5A;
	border-left:1px solid #001E5A;
	border-bottom:1px solid #001E5A;
	padding-top:3px;
	padding-bottom:3px;
	left:0px;
	text-align:center;
	font-weight: bold;
}


#menulist li a.largertab
{
	width:160;
	background-image:url("/irfof-webapp/images/en/top-transparent-160.gif");
}


#menulist a
{
	text-decoration:underline;
}

#menulist li a:link,
#menulist li a:visited
{
	color:#001E5A;
	background-color:#BBCAE9;
}

/*Mouseover menuitems*/
#menulist li a:hover
{
	color:#ffffff;
	background-color:#606D98;
}

a:link,
a:visited
{
	font-size:100%; 
}


.fieldset
{
    border:0;
    border-style: none;
}

/* This following function specifies the rules for the active page on the header */

#refundhelp #refundhelp1 a,
#getrefundstatus #getrefundstatus1 a,
#logout #logout1 a,
#home #home1 a,
#takesurvey #takesurvey1 a,
#refund-replacement-help #refund-replacement-help1 a,
#refund-return #refund-return1 a,
#address-change-help #address-change-help1 a
{
	color:#001E5A;
	background-color:#ffffff;
	text-decoration: none;
	border-bottom:1px solid #ffffff;
}


#logout1spanish a
{
	height: 28px;
	color:#001E5A;
	background-color:#ffffff;
	text-decoration: underline;
	border-bottom:1px solid #ffffff;
}

.label-names
{
	text-decoration: none;
	color: #ffffff;
	height:0px;
	font-size:1px;
}

#rightcontent
{
	padding-left:340px;
	padding-top:20px;
    margin-top: 0px;
    text-align:left;
}

#spanish_rightcontent
{
	padding-left:280px;
	padding-top:20px;
    margin-top: 0px;
    text-align:left;
}

#leftcontent
{
	float: left;
    width: 46%;
    text-align:left;
}

#spanish_leftcontent
{
	float: left;
    width: 35%;
    text-align:left;
}

#button
{
	padding-top:20px;
	float:right;
    width:25%;
    text-align:right;
}

#button.trcbutton
{
	width:35%;
}

#rightcontent.trcmoreinfo
{
	padding-top:24px;
	padding-left:170px;
	padding-right:0px;
	width:72%;
}

.button_right
{
	align:right;
}

div#foreign_leftcontent 
{
	width:65%;
	float:left;
	margin-left:-20px;
}

div#foreign_rightcontent
{
	margin-top:25px;
	padding-left:0px;
}

div#foreign_rightcontent li,
div#foreign_leftcontent li
{
	list-style-type: none;

}

div#results_rightcontent
{
	padding-top:11px;
	padding-right:10px;
	padding-left:190px;
    margin: 0px;
    text-align:left;
    width:63%;
}  
div#results_middlecontent
{
	padding-top:11px;
	padding-right:10px;
	padding-left:50px;
    margin: 0px;
    text-align:left;
    width:85%;

}

div#results_leftcontent  
{	
	float: left;
    width: 28%;
    text-align:right;
    padding-top:20px;
    margin-left:-40px;
}   
    
#centercontent
{
	padding-left:10px;
	width:45%;
	text-align:left;
}


/* This rule specifies that the content in the div 
to be aligned center*/
#text_center
{
	text-align:center;
}

.small_text
{  
	color: blue;
	padding-right:10px;
} 

.variable_bold
{
	font-weight: bold;
	font-size: 16px;
	color: blue;
}

.variable_heading
{  
	font-weight: bold;
	font-size: 13px;
	color: Gray;
}

.variable
{  
	font-weight: bold;
	color: black;	
}
.errormessage
{
	font-weight: bold;
	color: 990000;
}

.errormessage_size
{
	font-weight: bold;
	font-size:16px;
	color: 990000;
}
.verify-field
{
	font-weight: bold;
	background-color: yellow;
}

.small_heading
{  
	padding-top:1px;
	font-size: 10px;
	color: black;
	margin-top:-17px;
}
#textfields
{
	margin-top:-12px;
	text-align:right;
	float:left;
	width: 23%;
}

#rightfields
{
	text-align:left;
	margin-left:120px;
}

.nospace
{
	margin-top:-9px;
}

.subcontent
{
	font-weight: bold;
	font-size: 15px;
}

/* release 13 */
/* data labels unique to Content Page - these are black not blue as in rest of app for release 13 */
/* specifically, the result page and contact us page only at this point */
.contentpage_datalabels
{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	padding-top:10px;
}

.contentpage_datalabelsresults
{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	padding-top:3px;
}


.datalabels
{
	font-weight: bold;
	font-size: 12px;
	color: #001E5A;
	padding-top:10px;
}

.datalabelsresults
{
	font-weight: bold;
	font-size: 12px;
	color: #001E5A;
	padding-top:3px;
}

.asterisk
{
	font-weight:bold;
	font-size:16px;
	color:990000;
}


.sub_heading
{
	font-weight: bold;
	font-size: 12px;
	color: Gray;
	padding-top:10px;
}
/*   below here is EIA */
#leftcell {
	float:left;
	font-size: 8pt;
	text-align:right;
    width:350px;
    height: 25px;
}
#lefttext {
	float:left;
	font-size: 10pt;
	text-align:left;
    width:40%;
}
#righttext {
	float:right;
	font-size: 10pt;
	text-align:left;
    width:40%;
}
#rightcell {
	float:right;
	font-size: 10pt;
	text-align:left;
    height: 25px;
	width:420px;
}
#rightcell2 {
	float:right;
	font-size: 10pt;
	text-align:left;
    height: 25px;
	width:520px;
}	
#rightbutton{
	float:right;
	font-size: 10pt;
	width:300px;
}
#loginBox {
	margin-left:20px;
	FONT-SIZE: 12px; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFF99;
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #FF9900;
	width: 40%;
	padding-top:10px;
	padding-bottom:10px;
}
div.footer, #eiafooter{ 
	width:700px;
	color:#1C4E80;	
	background-color:#ffffff;
	clear:both;
	display:block;
	height:auto;
	text-align:center;
	border-top: 1px solid #8098B8;
	margin-top:10px;
	padding-top:10px;
}
#blockcontent
{
	display:block;
	text-align:left;
	padding-top:1px;
	padding-left:75px;
	padding-right:125px;
	padding-bottom:1px;
}
#blockcontent pre
{
	font-size: 12pt;
	font:12px arial, verdana, sans-serif;
}

#leftlabel {
	float:left;
	font-size: 10pt;
	text-align:right;
    width:350px;
	clear:both;
	display:block;
	height:25px;
}
#leftlabel2 {
	float:left;
	font-size: 10pt;
	text-align:right;
    width:200px;
	clear:both;
	display:block;
	height:30px;
}
#leftlabel3 {
	float:left;
	font-size: 10pt;
	text-align:right;
    width:250px;
	clear:both;
	display:block;
	height:25px;
}
#blueBar
{
	font:12px arial, verdana, sans-serif;
	background-color:#001E5A;
	font-weight: bold;
	text-align:left;
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
}
#spacer
{
	clear:both;
	display:block;
	height:18px;
}
#rightcolumn
{
	margin-left:210px;
	margin-top:-72px;
	width:auto;
	display:block;	
 	text-align:left;
 	
}
#centeredtexta
{
	margin-left:70px;
	width:auto;
	display:block;	
 	text-align:center;
}
#buttonlist ul
{
	margin-left:65px;
	margin-bottom: -20px;
	padding-top:0px;
	width:100%;
}
  
#buttonlist li
{
	float:left;
	display:inline;
	margin:10px;
}

#menulista
{
	margin-top:-17px;
	background-color:#001E5A;
	padding-bottom:16px;
}

#menulista.session
{
	padding-bottom:45px;
}

#menulista ul
{
	margin-left:-40px;
	margin-bottom:5px;
	padding-top:0px;
	width:100%;
}
  
#menulista li
{
	float:left;
	display:inline;
	margin:0;
}


#menulista li a
{
	width:140;
	float:left;
	color:#001E5A;
	background-color:#BBCAE9;
	background-image:url("/irfof-webapp/images/en/top-transparent.gif");
	background-repeat:no-repeat;
	background-position:top;
	border-right:1px solid #001E5A;
	border-left:1px solid #001E5A;
	border-bottom:1px solid #001E5A;
	padding-top:3px;
	padding-bottom:3px;
	left:0px;
	text-align:center;
	font-weight: bold;
}


#menulista li a.largertab
{
	width:160;
	background-image:url("/irfof-webapp/images/en/top-transparent-160.gif");
}


#menulista a
{
	text-decoration:underline;
}

#menulista li a:link,
#menulista li a:visited
{
	color:#001E5A;
	background-color:#BBCAE9;
}

/*Mouseover menuitems*/
#menulista li a:hover
{
	color:#ffffff;
	background-color:#606D98;
}


@media print
{

	div.footer#footerDiv{ display:inline;}
	div.footer{ display:inline;}
}

.print_text
{
	padding-right:10px;
}

/* release 13 */
/* H2 header and Math Error labels and content - font and color */
.irfof_h2
{
	font:bold 16px arial, verdana, sans-serif;
	color:#FF3300;
}

.matherror_datalabels
{
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	padding-top:10px;
}

#matherror_content
{
	font-size: 13px;
	color: #000000;
}

.math_error_page_height
{	
	/*height:100%;*/
}

.math_error_page_height td
{	
	font-size: 13px;
}

#matherror_content li
{	
	font-size: 13px;
}

.changelanguagelink
{
	margin-top:9px;
	margin-right:60px;
}

#floatright
{
	float: right;
}

#hidetext
{
	display:none;
}

#lessbottomwhitespace
{
	border: 0px solid red;
	margin-bottom: 3px;
}

#lesstopwhitespace
{
	border: 0px solid red;
	margin-top: 3px;
}

/* new font for release 13 just for content pages */

#contentpage_lesswhitespace
{
	font-size: 13px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#contentpage_content
{
	font-size: 13px;
}

#contentpage_content li
{
	font-size: 13px;
}

#contentpage_lesswhitespace a:link 
{
	font:13px arial, verdana, sans-serif;
	color:#336699;
	text-decoration:underline;
}

#contentpage_lesswhitespace a:visited  
{
	font:13px arial, verdana, sans-serif;
	color:#336699;
	text-decoration:underline;
}

#contentpage_lesswhitespace p
{
	font-size: 13px;
}

#contentpage_lesswhitespace li
{
	font-size: 13px;
}

#lesswhitespace
{
	margin-top: 6px;
	margin-bottom: 6px;
}

ul.lesswhitespace
{
	margin-top: 2px;
	margin-bottom: 4px;
}

#skipsurveybutton
{
	border: 0px solid red;
	position: absolute;
	width: 160px;
	top: 399px;
	left: 250px;
	text-align: center;
}

#skipsurveybuttonspanish
{
	border: 0px solid red;
	position: absolute;
	width: 160px;
	top: 424px;
	left: 230px;
	text-align: center;
}
#labelcenter
{
	vertical-align: center;
}
#menulistb
{
	margin-top:-17px;
	background-color:#001E5A;
	padding-bottom:33px;
}

#menulistb.session
{
	padding-bottom:45px;
}

#menulistb ul
{
	margin-left:0px;
	margin-bottom:5px;
	padding-top:0px;
	width:100%;
}
  
#menulistb li
{
	float:right;
	display:inline;
	margin:10px;
}


#menulistb li a
{
}


#menulistb li a.largertab
{
}


#menulistb a
{
	text-decoration:underline;
}

#menulistb li a:link,
#menulistb li a:visited
{
	color:#001E5A;
	background-color:#BBCAE9;
}

/*Mouseover menuitems*/
#menulistb li a:hover
{
	color:#ffffff;
	background-color:#606D98;
}
#rightcell3{
	float:right;
	font-size: 10pt;
	text-align:left;
    height: 30px;
	width:430px;
}
#leftlabel4 {
	float:left;
	font-size: 10pt;
	text-align:right;
    width:320px;
	display:block;
	height:30px;
}

#ffspace{
	height:18px;
}
#leftbutton{
	float:left;
	font-size: 10pt;
	padding-left:60px;
	padding-bottom:15px;
	width:380px;
	clear:both;
}
#rightbutton2{
	float:right;
	font-size: 10pt;
	padding-top:4px;
	width:300px;
}
#rightcell4{
	float:right;
	font-size: 10pt;
	text-align:left;
    height: 30px;
	width:560px;
}
#righttext2 {
	float:right;
	font:normal normal 11px arial, verdana, sans-serif;
	text-align:left;
	margin-top:-25px;
    width:250px;
}
#leftlabel5 {
	float:left;
	font-size: 10pt;
	text-align:right;
    width:320px;
	display:block;
	height:30px;
	padding-right:10px;
}
#blockcontent.somepadding
{
	padding-top:140px;
	padding-bottom:10px;
}
#blockcontent.morepadding
{
	padding-top:150px;
	padding-bottom:10px;
}
#blockcontent.lesspadding
{
	padding-top:30px;
	padding-bottom:10px;
}
#blockcontent.bottompadding
{
	padding-top:0px;
	padding-bottom:40px;
}

/* Added in spring 2015 for 508 compliance                  */
/* This attrubute is used to create hidden anchor           */
/* text using span tags for the benefit of screen readers.  */

.hidespantext
{
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;	
}
.logOutBtn
{
	height: 25px;
	margin-top: 1px;
	padding-top: 0px;
	text-align: center;
}