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


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

#content_no_nav
{
    padding-left: 10px; 
    padding-right: 10px; 
    font-size: 11px;
}

.siteinfoheader 
{
    font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
    margin: 0.83em 0 0.83em 0;
    padding: 0 0 0 0;
    color: black;
}

h2
{
    margin: 0;
    font: normal 1.1em Times, serif;
    color: #5F5D91;
    padding: 0 0 5px 0;
}

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

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.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;
    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: 1em;
    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: 1em;
    cursor: pointer;
    margin-right:10px;
}

input.blankbluebuttonconfirm
{
    color: Navy;
    background: url(../img/blankbluebuttonconfirm.png) 0 0 no-repeat;
    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: 1em;
    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: 1em;
    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;
}

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

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

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

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


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

#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:1.6em;
	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:1.3em;
	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;
    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.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;
    max-height: 85vh;
    overflow:auto;
}

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:1.8em;
	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;
}

a.skip {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	font-weight: bold;
}

a.skip:focus {
	position: static;
	width: auto;
	height: auto;
}

#skipdiv 
{
    position: absolute;
    z-index: 1;
    background-color: white;
}

div.sample-casenum-text
{
    display:block;
    width:600px;
}

img.barcode-sample-image
{
    display:block;
    width:600px;
    height:407px;
}

div.button-close
{
    display:block;
    width:600px !important;
    margin-top:30px;
    text-align:center;
}