/* 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;
		}

#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: 10px; 
    padding-right: 10px; 
    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: -5px; /* 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!important;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    margin-right:10px;
}

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:100%;
	}
		div.ReviewSection p {
			margin: 0;
			line-height: 14px;
		}
		
		
/* ------------ FOR MODALPOPUP START -------*/

.modalPopup
{
	width:600px;
	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;
}

div.region-selected
{
	background:white url(../img/arrow_right.gif) no-repeat right;
	padding-right:10px;
	margin-bottom:5px;
}

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;
}

#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; 
}

div.travel
{
	margin-top:-15px;
	min-height:550px;
	background:#fff url(../img/bg_travel.png) right bottom no-repeat;
}

div.travel2
{
	min-height:550px;
	background:#fff url(../img/bg_travel.png) 75px 75px no-repeat;
}

div.search
{
	min-height:50px!important;
	width:575px!important;
	padding-top:8px;
	padding-left:8px;	
	border:solid 1px #c2c2c2;
	background:#e2e2e2 url(../img/bg_search.png) 0 0 no-repeat;
}

div.search-alt
{
	width:400px!important;
	padding:3px 0px 3px 5px;
	border:solid 1px #c2c2c2;
	background-color:#e2e2e2;
}

div.search input
{
	height:20px!important;
	border:none;
	font-size:18px;
	color:#464646;
}

div.search .search-button
{
	margin-left:10px;
	width:150px;
	background-color:#fbaf5d;
	padding:25px 25px;
}

div.search input.search-buton
{
	width:140px;
	margin-left:7px;
	display:block;
	height:45px;
	font-size:14px;
	text-transform:capitalize;
	background-color:#fdc689;
	border:solid 1px #a1a1a1;
}

div.search input.search-term
{
	width:335px;
}

div.search ul, ul.alt-search
{
	display:inline;
	list-style:none;
}

ul.status-prop
{
	list-style:none;
}

div.search li, ul.alt-search li
{
	float:left;
}

ul.alt-search li
{
	margin-left:8px;
}

ul.alt-search li:first-child
{
	margin-left:0;
}

div.slider
{	
    width:80px;    
    padding:2px 0px 2px 5px;	
    border-left:dotted 1px #898989;
    background:#FFF url(../img/arrow_down.png) bottom right no-repeat;
}

div.slider-grid
{
    visibility:hidden;
    width:200px;
    margin-top:2px;
    padding:5px 8px;
    border:solid 1px #93b5d4;
    background-color:#fff;
    font-family:Verdana, Helvetica, Sans-Serif;
    background: white url(../img/bg_report_header.gif) bottom repeat-x;
}

div.slider-grid a
{
	font-weight:bold;
	text-decoration:none;
}
div.slider-grid a:hover
{
	text-decoration:underline;
}

div.slider-grid .description
{
	font-size:10px;
	color:#898989;
}

div.slider .name
{
	font-size:18px;
}

div.search-action
{
	height:24px;
	width:141px;
	margin-left:6px;
	margin-top:-3px;
	padding-top:8px;
	text-align:center;
	background:#e2e2e2 url(../img/bg_button_search.png) 0 0 no-repeat;	
}

div.search-action a
{
	font-weight:bold;
	color:White;
	text-decoration:none;
}

div.barcode-preview
{
	padding:15px 10px 10px 10px;
	border:solid 1px #898989;		
	background-color:#ebebeb;
}

div.application-status
{
	width:600px;
	min-height:250px;
	padding:15px 10px 10px 10px;
	border:solid 1px #c2c2c2;		
	background-color:#ebebeb;
}

div.application-status .status-content
{	
	padding:10px 20px;
	margin-bottom:10px;
	min-height:180px;
	border:solid 1px #acacac;
	background:#fff url(../img/dos_seal.png) 0 0 no-repeat;	
}

div.application-status .application-list
{	
    max-height:145px;
    overflow:auto;
	margin-bottom:10px;
	border:solid 1px #acacac;
	background-color:#ebf1fe;
}

div.application-status .title
{
	text-align:center;
	margin-bottom:5px;
}

div.application-status div.status
{
	padding:7px 7px;
	margin-bottom:10px;
	border:dotted 1px #d7d7d7;	
	color:#7da7d9;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.status-content .dos
{
	color:#636363;
}

.status-content .app-name
{
	color:#252525;
	font-weight:bold;
}

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

span.label
{
	color:#464646;
}

.translation
{
	margin-top:5px;
	padding-top:5px;
	color:#464646;
	border-top:solid 1px #ebebeb;
	font-style:italic;
}

.translation .he-IL, .fa-IR, .ar-EG
{
    direction:rtl;
    font-style:normal;
}

.stat-value
{
	font-weight:bold;
	color:#464646;
}

ul.status-prop li
{
	margin-left:40px;
}

ul.status-prop li:first-child
{
	margin-left:0;
}

a.view-app
{
	min-height:20px!important;
	padding:3px 2px 2px 22px;	
	background:#fff url(../img/icon_document.png) 3px 0 no-repeat;	
}

a.view-message
{
	min-height:22px!important;
	padding:0px 2px 2px 22px;
	background:#fff url(../img/icon_mail_close.png) 0 0 no-repeat;	
}

table.document-info
{
	width:100%;
	font-family:Verdana, Helvetica, Sans-Serif;
}

table.document-info th
{
	padding:5px 3px;
	border-left:solid 1px #cfd8e6;
	border-bottom:solid 1px #cfd8e6;
	border-right:solid 1px #fff;
	font-weight:normal;
    color: #1c2960;
    text-align:left;
	background: url(../img/bg_report_header.gif) bottom repeat-x;
} 

table.document-info th.action
{
	width: 40px;
	font-weight:bold;
}

table.document-info th.name
{
	width: 150px!important;
}

table.document-info th.date
{
	width: 90px;
}

table.document-info th.status
{
	width: 275px;	
}

table.document-info td
{
	vertical-align:top;
} 

table.document-info td.separate
{
	padding: 2px 0;
	border-bottom:solid 1px #e8ecf2;
}  

table.document-info tbody tr.active
{
	background-color:#f5f9ff;
}

table.document-info td
{
	padding:3px 5px;
}
table.document-info a
{
	cursor:hand;
	text-decoration:none;
}

table.document-info a:hover
{
	cursor:hand;
	text-decoration:underline;
}

table.document-info a.selected
{
	font-weight:bold;
	color:#790000;
}

table.document-info td.name
{
	width:150px!important;	
    color: #666;
	background-color:#f6f9ff;
	border-bottom:solid 1px white;
}
        
table.document-info td.date
{
	width:92px;
	text-transform:uppercase;
}

div.document-grid
{
	max-height:100px!important;
	overflow:auto;
	padding-bottom:5px;
	border-bottom:dotted 1px #cfd8e6;
}

table.document-info td.status
{
 
    background-color:#ebf1fe;
    font-weight:bold;
    color: #1c2960;
	border-bottom:solid 1px #fff;
}

.print-only 
{
    display: none !important;
}