/* all Domestic Visa Form classes should preced with "genniv-" so no overlap occurs and to easily identify an app specific class in the code */

	div.agnato-pid input {
		width: 5em !important;
	}
	p.agnato-action {
		text-align: center;
		padding: 20px 0 30px 0;
		margin: 0;
	}

/* Form Number and Estimated Burden */
	div.burden {
		position: relative;
		font-size: 9px;
	}
		div.burden table {
			position: absolute;
			top: -45px;
			right: 0;
			width: 180px;
		}
		* html div.burden table {
			right: 20px;
		}
		div.burden tr {
			background-color: transparent;
		}
		div.burden td,
		div.burden th {
			text-align: right;
			padding: 1px;
			color: #666;
		}

thead
{
	display:table-header-group;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: Red;
}

tfoot
{
	display:table-footer-group;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: Red;
}

thead.no-show
{
	display:none;
}

tfoot.no-show
{
	display:none;
}

tfoot.print
{
	display:none;
}

#tools
{
    position: relative;
    height: 1px;
}
#tools-login
{
    position: absolute;
    top: -30px;
    right: 24px;
    width: 300px;
    font-family: Times, serif;
    font-size: 12px;
    color: #fff;
    text-align: right;
}
#tools-login p
{
    margin: 0;
    padding: 0;
}
#tools-login a
{
    color: #fff;
}

/* this is for nonJS browsers */
#nav-main a
{
    /* color: #000;*/
    color: #1c2960;
    text-decoration: none;
}
#nav-main a:hover
{
    text-decoration: underline;
    color: white;
}
#nav-main li.on
{
    background-color: #b80b01;
    color: #fff;
}

#nav-main li.off
{
    background-color: #b80b01;
    color: #fff;
}
/* end nonJS browser CSS */

#nav-main li
{
    width: 188px;
    float: left;
    text-align: center;
    background-color: #ddd;
    padding: 5px 0 0 0;
    height: 21px;
    padding: 0;
    position: relative;
}

#nav-main li a.main
{
    width: 188px;
    height: 18px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../img/main-nav2.png);
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#nav-main a:hover
{
    color: #881502;
    text-decoration: none;
}

#nav-main li.on a:hover
{
    color: #fff;
}

#nav-main li.on a
{
    background-position: 0 -21px;
    color: #fff;
}

#nav-main li.off a:hover
{
    color: #fff;
}

#nav-main li.off a
{
    background-position: 0 -42px;
    color: #d4e3f0;
}

.nav-sidebar-main
{
	float:left;
    width: 158px;
}

#nav-sidebar
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 158px;
    float: left;
    margin-left: 0px; 
    margin-top: 56px; 
    font: normal 11px Arial, Helvetica, sans-serif;  
    position: relative;
    left: 0px;
}
/*Code to fix the left margin for the navigation in versions of IE prior to IE7*/
* html #nav-sidebar
{
    margin-left: -35px; 
}
/*Code to fix the left margin for the navigation in IE7*/
* + html #nav-sidebar
{
    margin-left: -35px; 
}

#nav-sidebar-help
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 158px;
    float: left;
    margin-left: 0px; 
    margin-top: 56px; 
    font: normal 11px Arial, Helvetica, sans-serif;  
    position: relative;
    left: 0px;
}
/*Code to fix the left margin for the navigation in versions of IE prior to IE7*/
* html #nav-sidebar-help
{
    margin-left: -35px; 
}
/*Code to fix the left margin for the navigation in IE7*/
* + html #nav-sidebar-help
{
    margin-left: -35px; 
}

/*Code to fix the left margin for the navigation in Opera*/
@media all and(min-width: 0px)
{
    #nav-sidebar
    {
        margin-left: 5px; 
    }
}
#nav-sidebar ul.nav-side1
{
    text-align: left;
    padding: 0;
    height: auto;
    float: none;
    list-style: none;
    background-color: White; 
    /* padding-bottom: 225px; */
    /* background: url(../img/design/bg-nav-ul.png) bottom right no-repeat; */
}
#nav-sidebar ul.nav-side1 li
{
    top: 56px;
    text-align: left;
    padding: 0;
    height: auto;
    float: none;
    border-bottom: 2px solid #fff;
    background-color: silver; 
    width: 158px;
    vertical-align: middle;
}
* + html #nav-sidebar ul.nav-side1 li
{
    float: left;
}
* html #nav-sidebar ul.nav-side1 li a
{
    height: 1%;
}
#nav-sidebar ul.nav-side1 li a
{
    padding: 6px 17px 6px 17px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    /* color: #fff; */
    color: #708090;
    text-decoration: none;
}
#nav-sidebar ul.nav-side1 li.on a
{
    background: url(../img/design/bg-nav-a-on.gif) 145px 7px no-repeat;
}
#nav-sidebar ul.nav-side1 li.correction a
{
    /* color: White; */
    color: #5175ae;
}
#nav-sidebar ul.nav-side1 li.current
{
    background: url(../img/design/bg-nav-li.gif) top left repeat-x;
}
#nav-sidebar ul.nav-side1 li.current a
{
    color: #f7edd2;
}

#nav-sidebar ul.nav-side1 li.complete
{
    background: #5175ae url(../img/design/bg-nav-a-off.gif) 4px 8px no-repeat; 
}
#nav-sidebar ul.nav-side1 li.complete a
{
    color: #d4e3f0;
}

#nav-sidebar ul.nav-side1 li.current a:hover,
#nav-sidebar ul.nav-side1 li.complete a:hover,
#nav-sidebar ul.nav-side1 li.correction a:hover
{
    color: White;
    text-decoration: none;
}

/* #nav-sidebar ul.nav-side1 li.off
{
    background: #5175ae url(../img/design/bg-nav-a-off.gif) 4px 8px no-repeat;
} */


#nav-sidebar ul.nav-side1 li.current ul.nav-side2,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2
{
    text-align: left;
    padding: 0;
    height: auto;
    float: none;
    list-style-type:none;
    background-color: white;
    margin-left: 0px;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li
{
    text-align: left;
    margin-left: 0px;
    margin-top: 0px;
	padding: 5px 0px 5px 0px;
    vertical-align: middle;
    height: auto;
    float: none;
    border-style: none;
    width: 115px;
    background-color: white;
}
* + html #nav-sidebar ul.nav-side1 li.current ul.nav-side2 li,
* + html #nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li
{
	width: 100%;
}
 * + html #nav-sidebar ul.nav-side1 li.current ul.nav-side2 li,
 * + html #nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li
{
    float: left;
}
* + html #nav-sidebar ul.nav-side1 li.current ul.nav-side2 li a,
* + html #nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li a
{
    width: 98px;
    height: auto;
    color: Gray;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li a,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li a
{
    color: Gray;
    padding: 3px 10px 3px 18px;
    display: block;
    font-size: 11px;
    font-weight: bold;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li a:hover,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li a:hover
{
    color: Gray;
}

#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.on,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.on
{
    background: url(../../_res/img/bullet-blue-wrap.png) 10px 7px no-repeat;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.on a,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.on a
{
    color: Gray;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.correction a,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.correction a
{
    /* color: #6495ed; */
    color: #cc0033;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.current,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.current
{
    background: white url(../../_res/img/bullet-blue-wrap.png) 10px 7px no-repeat;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.current a,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.current a
{
    color: #1c2960;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.Level2complete,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.Level2complete
{
	background-color: white;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.Level2complete a,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.Level2complete a
{
    color: #1c2960;
}
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.Level2complete a:hover,
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.current a:hover,
#nav-sidebar ul.nav-side1 li.current ul.nav-side2 li.correction a:hover,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.Level2complete a:hover,
#nav-sidebar ul.nav-side1 li.complete ul.nav-side2 li.current a:hover
{
    color: #5175ae;
    text-decoration: none;
}

div.sidebar-help
{
    padding: 0 17px 0 10px;
    width: 137px;
    font-weight: normal;
    color: #888888;
    height: auto;
    margin-left: 0;
    background: url(../img/design/bg-nav-ul.png) top right no-repeat;
    padding-bottom: 225px;
}

div.sidebar-help p
{
    line-height: 1.3;
}

/*Code to fix the left margin for the navigation in versions of IE prior to IE7*/
* html div.sidebar-help
{
    margin-left: 35px;
}
/*Code to fix the left margin for the navigation in IE7*/
* + html div.sidebar-help
{
    margin-left: 35px;
}
/*Code to fix the left margin for the navigation in Opera*/
@media all and(min-width: 0px)
{
    div.sidebar-help
    {
        margin-left: 5px;
    }
}

#content_no_nav
{
    padding-left: 40px; 
    padding-right: 40px; 
    font-size: 11px;
}
/* h5 and h6 Styles added for headings on the Instructions and Getting Started Pages*/
h5
{
    margin: 0 0 7px -12px;
    padding: 7px 0 7px 12px;
    font: bold 12px Times, serif;
    color: #383838;
    border-top: 0;
    border-bottom: 1px dotted #5F5D91;
}

h5 span
{
    color: #42416E;
}

div.help h5
{
    line-height: 14px;
}

h6
{
    margin: 0;
    font: normal 12px Times, serif;
    color: #5F5D91;
    padding: 0 0 5px 0;
}

h6 span
{
    color: #5F5D91;
}

p
{
    margin-top: 0;
}
a
{
    color: #1c2960;
}

input
{
    text-transform: uppercase;
}

input.emailaddress
{
    text-transform: none;
}

select, textarea
{
    text-transform: uppercase;
}
/** html select /*commented out by Ken Snyder to correct date styles after apply more of the original NavArts styles*/
/*{
    margin-top: 0px;
    margin-bottom: 1px; /* //*~ Gerry-changed to 6 so that dropdownlist elements align with adjacent textbox elements ~*\\ needs extra spacing underneath SELECT so that the floats work as intended 			                     * a SELECT isn't as tall as an INPUT in MSIE */
/*}
* + html select
{
    margin-top: 0px;
    margin-bottom: 1px;
}*/
div.field-groups div.q h4
{
    padding: 0 4px;
}
div.field-groups h4, div.field-groups h5
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #444444;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 0;
    clear: left; /* dont ever want it floated */
}
fieldset p
{
    color: #888888;
}

/* DIV classes */

/* div.field-group
{
    padding: 0 0 0 0; /* bottom padding will be handled by a field //*~ GERRY - Commented this section out in order to correct problem with elements in callout boxes being place at the (0,0) position (or upper-left most portion) of the callout box. ~*\\
}
*/

div.radio
{
    padding-bottom: 10px !important; /* to make up for the div.field not having a padding */
}

fieldset.emailaddress input
{
    text-transform: none;
}

/* subit buttons */
/* button. was replaced with input. by Ken Snyder to make the styles work with the ASP.Net button objects*/
fieldset.submits
{
    padding: 0;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 10px; /* to accomidate for the dropshadow image */
}
fieldset.submits div
{
    background: url(../img/bg-submits.png) 0 0 no-repeat;
    height: 27px;
}
fieldset.submits input
{
    background-color: transparent;
    margin-left:auto;
    margin-right:auto;
    border: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    float: left;
    cursor: pointer;
}
fieldset.submits input.back, fieldset.submits input.back-off
{
    width: 205px;
    background: url(../img/back-on.png) 0 0 no-repeat;
    padding: 3px 0 3px 20px;
    display: block;
}
/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.back span, fieldset.submits input.back-off span
{
    padding: 3px 0 3px 20px;
    height: 14px;
    display: block;
}
fieldset.submits input.back-off
{
    background: url(../img/back-off.png) 0 0 no-repeat;
    cursor: default;
}
fieldset.submits input.save, fieldset.submits input.save-off
{
    text-align: left;
    width: 99px;
    background: url(../img/save-on.png) 0 0 no-repeat;
    /* margin: 0 2px; */
    padding: 3px 0 3px 40px;
    display: block;
}
fieldset.submits input.save span, fieldset.submits input.save-off span
{
    padding: 3px 0 3px 40px;
    height: 14px;
    display: block;
}
fieldset.submits input.save-off
{
    background: url(../img/save-off.gif) 0 0 no-repeat;
    cursor: default;
}
fieldset.submits input.middle, fieldset.submits input.middle-off
{
    text-align: center;
    width: 99px;
    background: url(../img/middle-on.png) 0 0 no-repeat;
    margin: 0 2px;
    padding: 3px 0 3px 0px;
    display: block;
}
fieldset.submits input.middle span, fieldset.submits input.middle-off span
{
    padding: 3px 0 3px 0px;
    height: 14px;
    display: block;
}
fieldset.submits input.middle-off
{
    background: url(../img/middle-off.png) 0 0 no-repeat;
    cursor: default;
}
fieldset.submits input.next, fieldset.submits input.next-off
{
    text-align: right;
    width: 205px;
    background: url(../img/next-on.png) 0 0 no-repeat;
    padding: 3px 20px 3px 0;
    display: block;
}
fieldset.submits input.next span, fieldset.submits input.next-off span
{
    padding: 3px 20px 3px 0;
    height: 14px;
    display: block;
}
fieldset.submits input.next-off
{
    background: url(../img/next-off.png) 0 0 no-repeat;
    cursor: default;
}
fieldset.submits input.email
{
    color: Navy;
    float: right;
    width: 165px;
    background: url(../img/email-app_blank.gif) 0 0 no-repeat;
    padding: 3px 65px 3px 20px;
    display: block;
}
/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.email span
{
    padding: 3px 0 3px 20px;
    height: 14px;
    display: block;
}
fieldset.submits input.printapp
{
    color: Navy;
    float: right;
    width: 165px;
    background: url(../img/print-app_blank.gif) 0 0 no-repeat;
    padding: 3px 65px 3px 20px;
    display: block;
}
/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.printapp span
{
    padding: 3px 0 3px 20px;
    height: 14px;
    display: block;
}

fieldset.submits input.printconfirm
{
    color: Navy;
    float: right;
    width: 165px;
    background: url(../img/print-confirmation_blank.gif) 0 0 no-repeat;
    padding: 3px 65px 3px 20px;
    display: block;
}
/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.printconfirm span
{
    padding: 3px 0 3px 20px;
    height: 14px;
    display: block;
}

fieldset.submits input.blankbluebutton
{
    color: Navy;
    background: url(../img/blankbluebutton.gif) 0 0 no-repeat;
    padding: 3px 3px 3px 3px;
    width: 205px;
    text-align:center;
    display: block;
}

input.blankbluebutton
{
    color: Navy;
    background: url(../img/blankbluebutton.gif) 0 0 no-repeat;
    padding: 3px 3px 3px 3px;
    width: 205px;
    height:22px;
    text-align:center;
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-transform: none;
    border-color:Silver;
    font-weight: bold;
    font-size: 11px;
    float:inherit;
    cursor: pointer;

}

input.blankbluebutton2
{
    color: Navy;
    background:#fff url(../img/bg_button.gif) bottom repeat-x;
    border:solid 1px #b0c4dc;
    padding: 5px 3px;
    width: 105px;
    height: 25px;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    margin-right:10px;
    font-weight:bold;
}

input.blankbluebutton3
{
    color: Navy;
    background:#fff url(../img/bg_button.gif) bottom repeat-x;
    border:solid 1px #b0c4dc;
    padding: 3px 3px;
    width: 105px;
    height: 25px;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin-right:10px;
    font-weight:bold;
}

input.blankbluebuttonconfirm
{
    color: Navy;
    background: url(../img/blankbluebuttonconfirm.png) 0 0 no-repeat;
    padding: 3px 3px 3px 3px;
    width: 305px;
    height:31px;
    text-align:center;
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-transform: none;
    border-color:Silver;
    font-weight: bold;
    font-size: 11px;
    float:inherit;
    cursor: pointer;
}

div.field-full input.blankbluebutton
{
    color: Navy;
    background:: url(../img/blankbluebutton.gif) 0 0 no-repeat;
    background-position:center;
    padding: 3px 3px 3px 3px;
    width: 205px;
    height:25px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display: block;
    border:solid 0px white;
    text-transform: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.blankbluebutton span
{
    padding: 3px 3px 3px 3px;
    height: 14px;
    display: block;
}

fieldset.submits input.blankbluebuttonwide
{
    color: Navy;
    background: url(../img/blankbluebuttonwide.gif) 0 0 repeat-y repeat-x;
    padding: 3px 3px 3px 3px;
    width: 100%;
    text-align:center;
    display: block;
}

input.blankbluebuttonwide
{
    color: Navy;
    background: url(../img/blankbluebuttonwide.gif) 0 0 repeat-y repeat-x;
    padding: 3px 3px 3px 3px;
    width: 100%;
    height:30px;
    text-align:center;
    display: block;
    background-color: transparent;
    border: 0;
    padding: 0;
    text-transform: none;
    border-color:Silver;
    font-weight: bold;
    font-size: 11px;
    float:inherit;
    cursor: pointer;
}

div.field-full input.blankbluebuttonwide
{
    color: Navy;
    background: url(../img/blankbluebuttonwide.gif) 0 0 repeat-y repeat-x;
    background-position:center;
    padding: 3px 3px 3px 3px;
    width: 100%;
    height:30px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display: block;
    border:solid 0px white;
    text-transform: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

/* SPAN is not ideal (extra code) but for this to display consistantly
				 * with Safari+Firefox+MSIE+Opera it is used */
fieldset.submits input.blankbluebuttonwide span
{
    padding: 3px 3px 3px 3px;
    height: 14px;
    display: block;
}

fieldset.photosubmits
{
    padding: 0;
    margin-bottom: -5px; /* to accomidate for the dropshadow image */
}
fieldset.photosubmits div.uploadphotobtn
{
    background: url(../img/bg-photosubmits.png) 0 0 no-repeat;
    height: 60px;
    text-align: center;
}

fieldset.photosubmits input.uploadphoto, fieldset.photosubmits input.uploadphoto-off
{
    text-align: right;
    width: 260px;
    background: url(../img/upload-photo.gif) 0 0 no-repeat;
    padding: 3px 20px 3px 0;
    display: block;
    height: 60px;
}
fieldset.photosubmits input.uploadphoto span, fieldset.photosubmits input.uploadphoto-off span
{
    padding: 3px 20px 3px 0;
    height: 64px;
    display: block;
}
fieldset.photosubmits input.uploadphoto-off
{
    background: url(../img/upload-photo.gif) 0 0 no-repeat;
    cursor: default;
}

fieldset.photosubmits div.uploadanotherphotobtn
{
    background: url(../img/bg-photosubmits.png) 0 0 no-repeat;
    height: 60px;
    text-align: center;
}
fieldset.photosubmits input.uploadanotherphoto, fieldset.photosubmits input.uploadanotherphoto-off
{
    text-align: right;
    width: 305px;
    background: url(../img/buttons/upload-photo.another.png) 0 0 no-repeat;
    padding: 3px 20px 3px 0;
    display: block;
    height: 60px;
}
fieldset.photosubmits input.uploadanotherphoto span, fieldset.photosubmits input.uploadanotherphoto-off span
{
    padding: 3px 20px 3px 0;
    height: 64px;
    display: block;
}
fieldset.photosubmits input.uploadanotherphoto-off
{
    background: url(../img/buttons/upload-photo.another.png) 0 0 no-repeat;
    cursor: default;
}

fieldset.photosubmits div.choosediffphotobtn
{
    /* background: url(../img/bg-photosubmits.png) 0 0 no-repeat; */
    height: 50px;
    padding-left: 35%; /* text-align: center; */
}
fieldset.photosubmits input.choosediffphoto, fieldset.photosubmits input.choosediffphoto-off
{
    text-align: right;
    width: 262px;
    background: url(../img/buttons/choose-a-diff-photo.png) 0 0 no-repeat;
    padding: 3px 40px 3px 0;
    display: block;
    height: 50px;
}
fieldset.photosubmits input.choosediffphoto span, fieldset.photosubmits input.choosediffphoto-off span
{
    padding: 3px 40px 3px 0;
    height: 54px;
    display: block;
}
fieldset.photosubmits input.choosediffphoto-off
{
    background: url(../img/buttons/choose-a-diff-photo.png) 0 0 no-repeat;
    cursor: default;
}

fieldset.confirmphoto div.confirmphoto-label
{
    float: left;
    width: 100px;
}


/* table CSS */
table.review
{
    border-collapse: collapse;
}
table.review th
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    padding: 3px 5px;
}

table.review td
{
    vertical-align: top;
    padding: 3px 5px;
}

table.review tr.header th, tr.header td
{
    border-top: 1px solid #888888;
    color: #273368;
    text-align: right;
}
table.review tr.header th
{
    padding: 3px 0;
    text-align: left;
}
table.review tr.header th
{
    font-weight: bold;
}
table.review tr.header a
{
    text-decoration: none;
}
table.review tr.header a:hover
{
    text-decoration: underline;
}
table.review tr.even
{
    background-color: #dddddd;
}
table.review tr.photo
{
    background-color: transparent !important;
}

table.review tr.photo th
{
    width: 200px;
}

table.reviewdetail
{
    width: 400px;
}

table.reviewdetail tr.even
{
    background-color: #dddddd;
}

table.reviewdetail td
{
    vertical-align: top;
    padding: 3px 5px;
    width: 150px;
}

table.reviewdetail th
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    padding: 3px 5px;
    width: 150px;
}

table.Printreview
{
    border-collapse: collapse;
}
fieldset img
{
    border: 1px solid #e5ddca;
}
table.Printreview th
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    padding: 3px 5px;
}

table.Printreview td
{
    vertical-align: top;
    padding: 3px 5px;
}

table.Printreview tr.header th, tr.header td
{
    border-top: 1px solid #888888;
    color: #273368;
    text-align: right;
}
table.Printreview tr.header th
{
    padding: 3px 0;
    text-align: left;
}
table.Printreview tr.header th
{
    font-weight: bold;
}
table.Printreview tr.header a
{
    text-decoration: none;
}
table.Printreview tr.header a:hover
{
    text-decoration: underline;
}
table.Printreview tr.even
{
    background-color: #dddddd;
}
table.Printreview tr.photo
{
    background-color: transparent !important;
}

table.Printreview tr.photo th
{
    width: 200px;
}

table.Printreviewdetail
{
    width: 500px;
}

table.Printreviewdetail tr.even
{
    background-color: #dddddd;
}

table.Printreviewdetail td
{
    vertical-align: top;
    padding: 3px 5px;
    width: 250px;
}

table.Printreviewdetail th
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    padding: 3px 5px;
    width: 250px;
}

div.note-important
{
	background-color:#f8f7e5;
    border: 1px solid #dddddd;
    padding: 14px;
    margin: 0 0 24px 0;
}
div.modal-content
{	
	background-color:#eaf1f7;
    border: 1px solid #dddddd;
    padding: 14px;
    margin: 0 0 24px 0;
}
div.note-important p
{
    margin: 0;
    line-height: 14px;
}

div.InfoDiv Span.Infonote
{
    padding: 8px 8px 8px 8px;
}
#siteinfo 
{
    width: 760px; /*Ken Snyder added this width setting to force the footer to use the full screen and not slide up under the content frame*/
}
#content {
	padding-left: 177px; /*Change by Ken Snyder from 190 to 184 (original was 170) to keep help from dropping below section*//*changed from 184 to 182 to support Safari 5*/
}
fieldset
{
   width:524px; /*Changed by Ken from 516 to 524 to support Firefox*/
}
/*Ken added the following fieldset styles to account for differences in padding between IE and Firefox */
* html fieldset
{
   width:524px; 
}
* + html fieldset
{
   width:524px; 
}

/*Support date style within a double callout - added by Ken and Gerald*/
div.callout div.callout div.date {
width: 278px;
}
div.callout div.callout div.date input {
	width: 3em !important; /* 4 digit year, important because I can not think of a reason this would be overruled */
 }
div.callout div.callout div.date select {
	width: auto !important; /* months and years */
}

* html div.callout div.callout div.date {
width: 278px;
}
* html div.callout div.callout div.date input {
	width: 3em !important; /* 4 digit year, important because I can not think of a reason this would be overruled */
 }
* html div.callout div.callout div.date select {
	width: auto !important; /* months and years */
}

* + html div.callout div.callout div.date {
width: 278px;
}
* + html div.callout div.callout div.date input {
	width: 3em !important; /* 4 digit year, important because I can not think of a reason this would be overruled */
 }
* + html div.callout div.callout div.date select {
	width: auto !important; /* months and years */
}

/*The following styles were added by Ken Snyder to correct css formating of the buttons which are rendered as inputs*/
#content-main input.imagebutton
{
	border: 0 !important;
	background-color: transparent !important;
	width: auto !important;
}
/*#content-main input.submitbutton
{
	width: auto !important;
}*/

span.RadioCheck input{
	 border: 0 !important;
	 background-color: transparent !important;
	 width: auto !important;
}

/* within a callout within a callout within an answer */
			div.a div.callout div.callout span.RadioCheck input {
				width: auto !important; /* important because we want to override div.full if it is used (it shouldn't be) */
			}
				* html div.a div.callout div.callout span.RadioCheck input
                {
					width: auto !important;
				}
				*+html div.a div.callout div.callout span.RadioCheck input {
					width: auto !important;
				}

span.GrayLabel 
{
     border:inset 1px gray; 
     font-size:12px; 
     font-family:Arial; 
     background-color:#AACCFF; /* ActiveBorder   ;  */
     text-align:center;
     width:45px !important;
     height:auto !important; 
}

	#content {
		padding-right: 20px; /* to prevent some pages from dropping below the left nav*/
	}
	
/* boxes around review section */
	div.ReviewSection {
		border: 1px solid #dddddd;
		padding: 5px;
		margin: 0 0 20px 0;
		float:left;
		width:98%;
	}
		div.ReviewSection p {
			margin: 0;
			line-height: 14px;
		}
		
		
/* ------------ FOR MODALPOPUP START -------*/

.modalPopup
{
	width:450px;
	text-align:center;
	font-family: arial,helvetica,clean,sans-serif; 
	font-size: small; 
	padding: 2px 3px; 
	display: block; 
	position: absolute; 
	background-color:#fff;
}

.modalpopup2
{
	background-color:#ffffdd;
	width:400px;
	vertical-align:top;

}

.container
{
	width: 400px; 
	border: none 1px #808080; 
	border-width: 1px 0px; 
} 

.header
{
	/*background: url(_res/img/sprite.png) repeat-x 0px -200px; */
	background-color:#0054E3;
	color:#F0F0F0;
	border-top-style:none; 
	border-bottom-style:none;
	border-left-style: none;
	border-right-style: none;
	border-width: 1px 1px 1px; 
	padding:4px 8px 4px 8px;
	text-align:left; 
} 

.header .msg 
{
font-weight: bold; 
} 

.body
{
background-color: #D4D0C8; 
border-bottom-color: #808080; 
border-left-color: #0054E3;
border-right-color: #0054E3;
border-top-style:none; 
border-bottom-style:none;
border-left-style: solid;
border-right-style: solid;
border-width: 3px; 
padding:10px 8px 10px 8px;
text-align:left; 
} 

.body .msg 
{
background: url(_res/img/sprite.png) no-repeat 0px -1150px; 
float:none; 
padding-left: 0px; 
text-align:left; 
} 

.footer
{
/*background-color: #f2f2f2; 
border-color: #666; 
border-style:outset solid; 
border-width: 1px 1px; 
text-align:center; 
padding:4px 8px 4px 8px;*/

background-color: #D4D0C8; 
border-color: #0054E3; 
border-top-style:none; 
border-bottom-style:none;
border-left-style: solid;
border-right-style: solid;
border-width: 3px;
padding:1px 8px 1px 8px;
text-align:center   ; 
} 

.close
{
right: 7px; 
background: url(_res/img/sprite.png) no-repeat 0px -300px; 
width: 25px; 
cursor: pointer; 
position: absolute; 
top: 7px; 
height: 15px; 
}

.modalBackground 
{ 
	background-color:Gray; 
	filter:alpha(opacity:50) !important; 
	opacity:0.5;
	top:0px !important;
	left:0px !important;
	z-index:1000 !important;
}

/* ------------ FOR MODALPOPUP END -------*/


/* within a callout within an answer within a callout within an answer (COPIED AND MODIFIED FROM THE BASE)*/
div.a div.callout div.a div.callout div.field
{
    width: auto !important;
    float: none;
}
div.a div.callout div.a div.callout div.YearTextBox input, div.a div.callout div.a div.callout select, div.a div.callout div.a div.callout textarea
{
    width: 240px !important; /* important because we want to override div.full if it is used (it shouldn't be) */
}
* html div.a div.callout div.a div.callout div.YearTextBox input, * html div.a div.callout div.a div.callout textarea
{
    width: 235px !important;
}
* + html div.a div.callout div.a div.callout div.YearTextBox input, * + html div.a div.callout div.a div.callout textarea
{
    width: 235px !important;
}

#tools-language
{
    position: absolute;
    top: -55px;
    right: 24px;
    width: 300px;
    font-family: Times, serif;
    font-size: 8pt;
    color: #fff;
    text-align: right;
}
#tools-language p
{
    margin: 0;
    padding: 0;
}
#tools-language a
{
    color: #fff;
}
#tools-language option
{
    text-transform: none;
}

/* The following style will prevent the dotted border from appearing around buttons in Firefox*/
button::-moz-focus-inner,
input[type="image"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
    border: none !important;
}

/* The following style will make the background light gray for the inputs when they should be disabled in Firefox */
input[disabled], select[disabled], textarea[disabled]
{
background-color:LightGray;
}
#nav-main a[disabled]
{
    /* color: #000;*/
    color:Gray;
    text-decoration: none;
}
#nav-main a:hover[disabled]
{
    text-decoration: none;
    color:Gray;
}

.accordianHeader
{
	background:#f0f3f8 url(../img/arrow_right.gif) no-repeat;
    cursor:hand; 
    padding:5px 10px; 
    border-top:solid 1px #e5ecee; 
    border-bottom:solid 1px #FFFFFF;
}

.accordianHeaderSelected
{    
    background:#fff url(../img/arrow_down.gif) no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#0066CC; 
    cursor:hand; padding:5px 10px; border-top: solid 1px #cad6da; border-bottom:solid 1px #FCFDF6;
}

div.accordion-content
{
	 margin:5px 10px; 
	 padding:10px 10px; 
	 background-color:White; 
	 border:solid 1px #dddddd;
}

div.region
{
	margin-bottom:5px;    
	margin-right: 10px;
    min-width: 50px;
    text-align: center;
}

div.region-selected
{
	/*background:white url(../img/arrow_right.gif) no-repeat right;*/ 
	margin-right: 10px;
	margin-bottom:5px;
    min-width: 50px;
    text-align: center;
}

div.region-selected a
{
	margin-bottom:5px;
	color:#2e5ba2;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

div.region a
{
	margin-bottom:5px;
	color:#2e5ba2;
	font-size:10px;
	text-decoration:none;
}

div.region a:hover
{
	font-weight:bold;
}

.barcode
{
	color:#790000; 
	font-weight:bold;
}

.barcode-large
{
	color:#790000; 
	font-weight:bold;
	font-size:16px;
}

.record-appID
{
	color:#790000; 
	font-weight:bold;
	font-size:14px;
}

.sectionHeader
{
	font: normal Times, serif;
	color:#1c2960;
}

/*Confirmation Page*/
#summaryPanel 
{
	border:solid 1px #a1a1a1;
	background-color:#e1e1e1;
}

.summaryAction
{
	margin:5px 0px;
	text-align:center;
	border:solid 1px #a1a1a1;
	background-color:#e1e1e1;
}

#summaryPanel #personal
{
	background-color:#ebebeb;
	border:solid 1px #d7d7d7;
}

#summaryPanel #post
{
	background-color:#d7d7d7;
	border:solid 1px #ebebeb;
	vertical-align:top;
}

#post .locationHeader
{
	padding:5px 5px;
	background-color:#d7d7d7;	
	margin-bottom:5px;
}

#summaryPanel #postInfoSection
{	
	padding-left:10px;
	margin-bottom:1px;
	font-weight:bold;
	color:#363636;
}

#summaryPanel #barcodeSection
{
	height:70px;	
}

#summaryPanel #alert
{
	width:420px;
	clear:both;
	padding:3px 3px;
	background-color:#961804;	
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
}

#summaryPanel #version
{
	padding:5px 5px;
	font-size:10px;
	text-align:center;
	border-top:solid 1px #fff;
	margin-top: 79px;
}

#photoSection
{
	width:100px;
}

#personalInfoSection
{
	width:260px;
	margin:0px 3px;
	border-collapse: collapse;
}

#personalInfoSection tr.odd
{
	background-color:#d7d7d7;
}

#personalInfoSection td
{
	padding:3px 3px;
	text-align:left;
}

#personalInfoSection td.fieldLabel
{
	width:110px;
	padding:3px 3px;	
	vertical-align:top;
}

ul.document
{
	margin:0;
	list-style-type: none;
	padding:2px 25px;
	background:white url(../img/document.gif) no-repeat 0 .3em;
	font-weight:bold;
	color:#0000ff;
}


/* Security Question Page*/
#barcode-panel
{
	width:260px; 
	float:right;
	margin:0px 0px 0px 10px;
	padding:10px 10px;
	background: white url(../img/bg_gradient.gif) bottom left repeat-x;
}

#barcode
{
	width:135px;
	height:90px;
	padding:15px 10px 10px 115px;
	border:solid 1px #ccc;
	background: #fff url(../img/bg_barcode.gif) center left no-repeat;
}

#print-barcode
{
	width:250px;
	height:110px;
	border:solid 1px #ccc;
	background: #fff;
}

div.security-question
{
	margin-top:20px;
	width:325px;
}

/* Disable style for buttons and anchors in FireFox*/
input[disabled="disabled"], a[disabled="disabled"]
{
	color:#b7b7b7!important; 
	text-decoration:none !important; 
}

#start-options div.option
{
	height:40px !important;
	padding-top:10px;
	background:#fff url(../img/bg_welcome.png) 0 0 no-repeat;
	min-width:200px;
}
#start-options td.button
{
	width:230px;
	border-right: 1px dotted #dddad9;
	padding-bottom:0;
	margin-bottom:0;
}

#start-options td.text
{
	border-right: 1px dotted #dddad9;
	padding-bottom:0;
	margin-bottom:0;
}

div.option ul li
{
	list-style:none;
	margin:0;
	padding-left:0;
}

div.option li
{
	height:25px !important;
	text-transform:uppercase;	 
	padding-left:40px;
	padding-top:5px;	
}

div.option li a
{
	font-size:.875em;
	font-weight:bold;
	color:#004095;
}

div.option li.new
{
	background:url(../img/bg_welcome.png) 7px -56px no-repeat;
	vertical-align: middle;
}

div.option li.database
{
	background:url(../img/bg_welcome.png) 7px -92px no-repeat;
	vertical-align: middle;
}

div.option li.attach
{
	background:url(../img/bg_welcome.png) 7px -128px no-repeat;
	vertical-align: middle;
}

div.language-panel
{
	border-top: solid 5px #a7b3cd;
	border-bottom: solid 1px #d9e3ec;
	padding:5px 0 0 10px;
	margin:0 0;
	background:#e1e5ee url(../img/bg_language.jpg) 0px 20px no-repeat;
}

div.language-panel td
{
	padding-right:10px;
}

div.language-panel a
{
	text-decoration:none;
	color:#131c44;
}

div.language-panel span.ar-EG, span.x-bn-BD, span.he-IL, span.hi-IN, span.fa-IR, span.ur-PK
{
	font-size:14px;
}

div.toggle-trigger
{
	float:right;
	padding-right:10px;
	margin-top:-1px;
	border-top:solid 1px #d9e3ec;
}

#welcome
{
	width:275px;
	float:left;
}
#welcome ol
{
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0;
	margin-left:10px;
}

#welcome li
{	
	margin-left:10px;
	margin-bottom:5px;
	padding-left:10px;
	list-style-type:decimal;
}

#get-started
{
	width:390px;
	float:right;
}

#get-started .title
{
	font-weight:bold;
	margin-bottom:7px;
}

#get-started .menu
{
	text-align:right;
	margin-right:10px;
}

#get-started .menu-listing
{
	width:200px;
	border:solid 1px black;
}

div.menu-trigger
{
	float:right;
	margin:3px;
	width:30px;
}

#get-started .location
{
	margin-bottom:1px;
	border-bottom:solid 3px #fff;
	color:#464646;
	background:#fff url(../img/bg_report_header.gif) bottom left repeat-x; 
}

#get-started .submit
{
	float:right;
	width:180px;
	padding:5px 30px 5px 0px;
	text-align:right;	
	border-left:solid 1px #a21a1e;
	background:#9e191a url(../img/bg_action_btn_2.png) right bottom no-repeat;
}

.submit a
{
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}

#getting-started .category
{
	margin-top:1px;
	padding-bottom:3px;
	padding:0 0;
	color:#252525;
	clear:both;
}

#get-started .create
{
	margin-bottom: 1px;
	border-left:solid 10px #6f8db1;
	background:#95b3d7 url(../img/bg_corner.gif) top right no-repeat; 
}

#get-started .upload
{
	margin-bottom: 1px;
	border-left:solid 10px #95b3d7;
	background:#b8cce4 url(../img/bg_corner.gif) top right no-repeat;  
}

#get-started .retrieve
{
	margin-bottom: 1px;
	border-left:solid 10px #b8cce4;
	background:#dbe5f1 url(../img/bg_corner.gif) top right no-repeat; 
}

.instructions
{
	font-size:10px;
	color:#898989;
}

.watermarked
{
	color:#959595;
	text-transform:capitalize!important;
}

div.special-input
{
	background-color:White;
	border:solid 1px #000;
}

div.special-input input
{
	border:none;
}

.hover-menu
{
	width:262px;
	min-height:158px;
	padding:0 0;
	text-align:left;
	border:solid 1px #8aa4bf;
	background:#ffffff url(../img/bg_menu_list.png) bottom left no-repeat;
}

.hover-menu ul
{
	margin-left: 0px;
	padding-left: 0px;
}

.hover-menu .title
{
	padding: 3px 10px;
	min-height:30px;
	background: url(../img/bg_menu_title.png) bottom left no-repeat;
}

.hover-menu div
{
	padding:0 10px;
}

.hover-menu-region
{
	width:262px;
	min-height:158px;
	padding:7px 7px;
	text-align:left;
	border:solid 1px #d9e3ec;
	background: url(../img/bg_map.png) bottom left no-repeat;
}

.hover-menu-region a, .hover-menu a
{
	text-decoration:none;
}

.hover-menu a:hover
{
	font-weight:bold;
	color:#790000;
}

.help-menu
{
	float:right;
}

div.getting-started-left
{
	width:25%;
	float:left;
	/*margin-right:5px;*/
}

div.getting-started-right
{
	width:75%;
	float:right;
}

div.getting-started
{
	width:100%;
}

div.test-photo-result
{
	background-color: White;
	border: 1px solid #DDDDDD;
}

div.test-photo-options
{
	background-color: White;
	border: 1px solid #DDDDDD;
	height: 205px;
	text-align:center;
}

div.photo
{
	min-height:75px;
	border:solid 1px #b4c8da; 
	margin:10px 0px;
	padding: 7px 10px 5px 10px;
	/*background:#ffffff url(../img/icon_photo.png) 3px 3px no-repeat;*/
}

div.photo-right
{
	float:right;
	width:310px;
	height:65px;
}

div.photo-left
{
	float:left;
	width:50px;
	height:65px;
}

div.photo-right .listing
{
	margin-top:5px;
	text-align:center;
}

div.photo a:hover,div.photo a
{
	font-weight:normal;
	color:#790000;
}

div.post-message
{
	min-height:35px;
	background: url(../img/icon_message.png) 0px 0px no-repeat; 
	width:345px;
	padding-top:5px;
	padding-left:30px;
}

div.post-message a
{
	text-decoration:none;
	font-weight:bold;
}

div.print-only
{
	display:none;
}

h4 span.getting-started
{
    color: #891300;
}