/* StyleSheet for DIA Citizenship Online Calculation Tool */
body
{
padding:			0px;
margin:			0px;
margin-right:		3mm;
font-family:		Arial, Sans Serif;
}
a
{
color: #BD8B09;
}
.disclaimerPageNavBold
{
color: #999966;
font-weight: bold;
font-size: 0.8em;
margin-left: 12px;
}
.disclaimerheading
{
	font-weight: bold;
font-size: 0.8em;
margin-bottom: 7px;
}
.disclaimertext
{
	font-size: 0.8em;
	font-weight: normal;
}
.disclaimerConfirm
{
	font-size: 0.8em;
	font-weight: normal;
	color: red;
}
.disclaimerActionBar
{
background-color: #F4F5EF;
border: 1px solid #D8D8D0;
padding: 0em 1em 0.1em 0em;
margin: 0em 0em 0.5em 1em;
text-align: right;
display: block;
width: 100%;
}
textarea
{
font-family:		Arial, Sans Serif;
font-size:		0.8em;
}
input.readonly
{
background-color: #EFEFEF;
}
#banner
{
background-image: url(logo_services.gif);
background-repeat: no-repeat;
padding: 0.25em 0em 0em 8.5em;
border-bottom: 1px solid #D8D8D0;
}
#title
{
background-color: #F4F5EF;
border: 1px solid #D8D8D0;
border-bottom: 0px;
color: #B4B48E;
font-size: 1.55em;
padding: 0.1em 0.5em 0.15em 0.5em;
}
#accessibilityinfo
{
background-color: #F4F5EF;
width: 64em;
padding: 2em;
font-size: 0.75em;
z-index: 3;
}
#linksinfo
{
background-color: #F4F5EF;
width: 64em;
padding: 2em;
font-size: 0.75em;
z-index: 3;
}
#accessibilityinfo a
{
font-size: 0.9em;
color: #BD8B09;
}
#linksinfo a
{
font-size: 0.9em;
color: #BD8B09;
}
#accessibilityinfo h1
{
font-size: 1.55em;
color: #B4B48E;
padding: 0.5em 0em 0em 0em;
margin: 0em;
}
#linksinfo h1
{
font-size: 1.55em;
color: #B4B48E;
padding: 0.5em 0em 0em 0em;
margin: 0em;
}
#accessibilityinfo h2
{
font-size: 1.25em;
color: #B4B48E;
padding: 0.5em 0em 0em 0em;
margin: 0em;
}
#linksinfo h2
{
font-size: 1.25em;
color: #B4B48E;
padding: 0.5em 0em 0em 0em;
margin: 0em;
}
#accessibilityinfo p
{
padding: 0em 0em 0.5em 0em;
margin: 0em;
}
#linksinfo p
{
padding: 0em 0em 0.2em 0em;
margin: 0em;
}
.linksinfotable
{
	border: 1px solid #D8D8D0;
	font-family: Arial, Sans Serif;
	font-size: 12px;
}
.linksinfotable tr
{
	font-family: Arial, Sans Serif;
	font-size: 12px;
	height: 30px;
}
#linksinfo A
{
	font-family: Arial, Sans Serif;
	font-size: 12px;
}
#main_body
{
background-image: url( left_side_bg.JPG);
background-repeat: repeat-y;
}
#navigator_links
{
float: left;
width: 8em;
padding-top: 1em;
padding-left: 0em;
padding-right: 0.5em;
}
#navigator_links a
{
font-weight: bold;
font-size: 0.8em;
text-decoration: none;
color: #999966;
}
#navigator_links ul
{
padding: 0em;
margin: 0em 0em 0em 1em;
}
#navigator_links li{
list-style-type: none;
margin-bottom: 1em;
}
#main_content
{
float: left;
width: 80%;
}
#main_content_disclaimer
{
	float: left;
	width: 83%;
}
#text_content
{
padding: 0.5em 1em 0.5em 1em;
}
#text_content_disclaimer
{
     padding: 0.5em 1em 0.5em 1em;
}
#page_title{
color: #000;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 0.5em;
border-bottom: 1px solid #D8D8D0;
}
#date_range_control{
margin: 0em;
padding: 0em;
position: absolute;
background-color:#BD8B09;
z-index: 3;
opacity:0.7;
filter:alpha(opacity=70);
}
#date_range_control span.field_label{
font-size: 0.7em;
color: #fff;
}
#form_legend{
font-size: 0.8em;
text-align: right;
color: #999966;
font-weight: bold;
padding-bottom: 0.5em;
}
#date_instructions, #no_date_instructions{
font-size: 0.75em;
}
div.nav_bar_visible{
border: 1px solid #9BB2C9;
background-color: #E4ECF4;
padding: 0.3em 1em 0.3em 0em;
margin: 0 0 0.5em 0;
text-align: left;
display: block;
width: 100%;
}
div.nav_bar_info{
	float: left;
	width: 75%;
}
.nav_bar_info_items {
	background: transparent url(images/icons/info.gif) no-repeat 5px 0.2em;
	margin: 5px;
	padding: 2px;
	padding-left:25px;
	color : #000;
}
#idNavBarButtons{
float: right;
}
#legend_text{
font-size: 0.75em;
}
div.qset{
font-size: 0.75em;
padding-bottom: 0em;
min-height: 26em;
}
/*\*/
* html div.qset {
height: 26em;
}
div.qs_title_text h1 {
font-size: 1.4em;
font-weight: bold;
float: left;
color: #3366CC;
}
div.progress_bar{
padding: 2px 0px 2px 2px;
border: 1px solid #999;
width: 302px;
}
div.progress_title{
	width: 302px;
	font-size: 11px;
	color: #666;
	font-weight: bold;
}
/*\*/
* html div.progress_bar {
width: 304px;
}
div.progress0, div.progress{
text-align: center;
font-weight: bold;
}
div.progress{
text-align: center;
background-image: url(green_progress.jpg );
background-repeat: repeat-x;
}
div.overview{
margin-bottom: 1em;
}
div.links_title{
font-size: 1em;
font-weight: bold;
padding: 0em;
margin: 0em;
}
div.links{
margin-bottom: 1em;
}
div.links ul{
padding: 0em;
margin-top: 0em;
margin-bottom: 0em;
}
div.links li{
margin-left: 1.5em;
line-height: 2em;
list-style-type: disc;
}
div.links a{
color: #BD8B09;
}
table.question_set {
}
table.question_set td{
font-size: 0.75em;
vertical-align: top;
}
table.question_set td a{
font-size: 0.9em;
color: #BD8B09;
}
table.question_set th{
text-align: left;
font-size: 0.75em;
}
th.q_hdr{
}
table.question_set th.a_hdr{
text-align: left;
}
table.question_set li{
list-style-type: none;
list-style-position:	outside;
}
span.question_control{
text-align: left;
min-width: 14em;
}
div.extra_q{
padding-left: 1.5em;
}
div.date_ranges{
border: 0.05em solid #D8D8D0;
padding: 0.5em;
margin-top:0.6em;
text-align: left;
width: 280px;
}
div.date_ranges img{
vertical-align: top;
margin-left: 0.5em;
margin-bottom: 0.2em;
cursor: pointer;
}
span.met
{
color: #08901C;
}
span.not_met
{
color: red;
}
span.action_button
{
color: #BD8B09;
font-weight: normal;
text-decoration: underline;
background-color: #F4F5EF;
border: 1px solid #D8D8D0;
margin: 0em 0em 0.5em 0.5em;
padding: 0.2em 1em 0.1em 1em;
cursor: pointer;
}
div.action_bar_visible
{
background-color: #F4F5EF;
border: 1px solid #D8D8D0;
padding: 0em 1em 0.1em 0em;
margin: 0em 0em 0.5em 0em;
text-align: right;
display: block;
width: 100%;
}
div.action_bar_hidden{
display: none;
}
div.action_bar_visible a{
color: #BD8B09;
font-size: 0.8em;
padding-left: 1em;
}
#disclaimer{
border: 1px solid #D8D8D0;
padding: 0.5em;
width: 100%;
}
p.disclaimer_heading{
font-size: 0.7em;
font-weight: bold;
font-style: none;
padding-bottom: 0em;
margin-bottom: 0.5em;
}
p.disclaimer_text{
font-size: 0.65em;
font-style: italic;
padding-top: 0em;
margin-top: 0em;
}
#footer{
width: 100%;
background-color: #F4F5EF;
border: 1px solid #D8D8D0;
border-top: 0px;
border-left: 0px;
}
#footer_links{
margin-left: 8.5em;
border: 1px solid #D8D8D0;
border-bottom: 0px;
border-right: 0px;
}
div.clearfloat
{
clear: both;
}
.olDisclaimer
{
	margin-top: 5px;
	margin-bottom: 0px;
	border: 0px solid red;
}
.instructionsTableContainer
{
	border: 0px solid green;
}
.instructionsTable
{
	border: 0px solid #D8D8D0;
	margin-top: 2px;
	margin-left: 40px;
	padding: 2px;
	width: 70%;
}
.instructionsTable tr
{
	/* height: 14px; */
}
.instructionsTableLeftTD
{
	font-family: Arial;
	font-size: 12px;
	width: 35px;
}
.instructionsTable td
{
	font-family: Arial;
	font-size: 12px;
}
.instructionsButton
{
	height: 16px;
	width: 16px;
}
.iAgree
{
	font-family: Arial;
	font-size: 0.8em;
	font-weight: bold;
}
.iAgreeContainer
{
	border: 0px solid #D8D8D0;
	height: 30px;
	padding-top: 4px;
	width: 100%;
	text-align: center;
}
#iAgree
{
	vertical-align: bottom;
	font-family: Arial;
}