﻿div#skip, div#skipToNav{
position:relative;
}
div#skip a, div#skipToNav{
position:absolute;
top: -1000px;
left:-1000px;
height: 1px;
width: 1px;
overflow:hidden;
}
div#skip a:active, div#skip a:focus, div#skip a:hover,div#skipToNav a:active, div#skipToNav a:focus, div#skipToNav a:hover{
position: absolute;
top:auto;
left:auto;
width:100%;
height: 1em;
width: auto;
font-size:1em;
font-weight:bold;
padding-bottom:15px;
color: black;
z-index:100;
text-align:right;
margin-bottom:25px;
}


.imgStyle{
	margin:0;
	border:0;
	padding:0px;
}
a.imgStyle{
	margin:0;
	border:0;
	padding:0px;
}
a {
	text-decoration:none;
	color:#0080c0;
	color:#2777A8;	
}
a:focus {
	color:#999;
}
a:active {
	color:#999;
}
a:hover {
	color:#999;
}
BODY {
	MARGIN: auto; 
	WIDTH:100%; 
	FONT: 12px/16px Verdana, Helvetica, sans-serif;
	line-height:normal;
	font-family:Verdana, Helvetica, sans-serif;
	BACKGROUND: #fff; 
	min-width:900px;
	color:#333;
}
body {
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0px;
} 
select, textarea, .select{
	border:1px solid #ccc;
}
hr {
background-color:#e8e8e8;
}

.lt {
width:100%;
border:0px;
height:1px;
}

.regContent {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px;  PADDING-TOP: 15px
}
#ContentArea {
		
		}

.featuredContent {

	}
.otherContent {
	  padding:13px; 
	  background-color:#dadada;
	  border:5px solid #c0c0c0;
}
.startMiddle {
	margin-left:50%;
	margin-right:10%;
}
.startFirstThird {
	margin-left:30%;
	margin-right:10%;
}

footer {

		}
aside {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #6699cc; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
.top {
vertical-align:top;
}
.fLeft {
	float:left;
}
.fRight {
	float:right;
}
.cb {
	clear:both;
}
.cn {
	clear:none;
}
.indentL {
	margin-left:30px;
}
.indentR {
	margin-right:30px;
}

.mAll {
	margin:20px;
}
.mRightAndLeft{
	margin-right:10px;
	margin-left:10px;
}
.mTopAndBtm {
	margin-top:10px;
	margin-bottom:10px;
}
.mNone {
	margin:0px;
}

.pAll {
	padding:20px;
}
.pTopAndBtm{
	padding-top:10px;
	padding-bottom:10px;	
}
.pRightAndLeft{
	padding-right:10px;
	padding-left:10px;
}
pNone{
	padding:0px;
}
section {
max-width:95%;
}
/* start CBP app banner    */
.sub_nav {
	color: #ffffff; 
	font-size: 10px;
	font-weight: bold
}
.sub_nav a {
	color: #ffffff;
	text-decoration: none;
}
.sub_nav a:hover {
	COLOR: #ccc;
}
.sub_nav a:active {
	COLOR: #ccc;
}
.sub_nav a:focus {
	COLOR: #ccc;
}

#bannerContainer {
	width:100%;
	margin:0;
	border:0px;
	padding:0px;
/*background-color:#fff;*/
	height:59px;
	background:url('../images/brandHeadGovbk.gif') repeat;
}
#bannerLogo {
	width:470px;
	float:left;
	height:59px;
}

#bannerRightLink {
	margin:0;
	border:0;
	padding:0;
	margin-top:20px;
	text-align:right;
	padding-right:10px;
	float:right;
}
/*  end for CBP app banner */
/* starting H5 */

#mainContent{
	/*background-color:#fff;*/
	padding:15px;
	min-height:500px;
}
#afterContent{
	
}

#appheader { 

	min-height:23px;
	max-height:30px;
	margin:0;
	padding:2px;
	padding-left:40px;
	margin:0px;
	/*clear:both;
	background-image:url(images/bkgrndSeal.jpg); 
	background-repeat:no-repeat;*/
	
	/*font-family:Verdana,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#003300;*/
}
.appName{
	color:#003300;
	font-size:18px;
	font-weight:bold;
	float:left;
	margin-right:100px;	
	display:inline-block;
}
.appName span {
	font-size:12px;
}

ul.topUtil_nav {
	list-style-type:none;	
	font-size: 10px;	
	font-family: Verdana, Helvetica, sans-serif;	
	margin-right:6%;
	margin-left:2%;
	color: #333;
	padding:3px;
	line-height:10px;
	
}
ul.topUtil_nav li{
	display:inline;
	padding:1px 5px 1px 5px;
	border-left:1px solid #666;
}
ul.topUtil_nav li:first-child{
	border-left:0px solid #666;
}
ul.topUtil_nav li a{
	font-size: 10px; 	
}
ul.topUtil_nav li a:hover{
	color:#ccc;
}
ul.topUtil_nav li a:active, ul.topUtil_nav li.active {
	color:#ccc;
}

ul.topUtil_nav li a:focus{
	color:#ccc;
}



.utility_nav  {
	color: #0080c0;
	font-size: 10px;
	padding-top:3px;
	float:right;
	clear:none;
	margin-right:5%;
}  
.utility_nav a {  
color: #0080c0;         
/*font-family: Verdana, Helvetica, sans-serif; */         
font-size: 10px; text-decoration:none;
padding-top:3px; } 
.utility_nav a:hover { color:#333333; } 
.utility_nav a:active { color:#333333; }
.utility_nav a:focus { color:#333333; }

 .nav a:hover { 
 background-color:#ffffff; 
 color:#000066;
 } 

	div.nav{
	text-align: center;
	background-color:#336600;
	padding: 4px 0px;
	color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration : none;
} 

#appMainNavBanner {
	width:100%;
	height:29px;
	margin:0px; 
	padding:0px;
	background-image:url('images/navBack.gif');
	background-repeat:repeat-x;
	clear:both;
}
#appMainNavButtonWrap {
	padding:0px;
	margin:0px;
	height:23px;
	margin-right:30px;
}
.note { color:#333333; 
font-family:Verdana, Helvetica,sans-serif; 
font-size:x-small;
padding:1px;
padding-left:13px;
padding-right:7px; 
}
.note a {
	font-size:small;
	text-decoration:underline;  
	}
 div.nav {
	border-left:1px solid #fff;
	float:left;
}
	.nav a{
	text-align: center;
	background-color:#336600;
	padding: 7px 7px;
	color:#fff;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration : none;
	text-transform : none;
}
.nav a:active { background-color: #fff; color:#000066;}   
 .nav a:hover { background-color: #003300; color:#fff;} 
 .nav a:active { background-color:#003300; color:#fff;}  
.fullRow {
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
}
full_lgrey {
	width:100%;
	color:#999;
}

/*  ****** end both banners CBP and application w nav   */

.pgTitle{
	color:#336600;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:medium;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	margin-top:20px;	
}
.formSectionHeader   {
	font-family: Verdana,Helvetica,sans-serif;
	font-size:small;
	font-weight:bold;
	color:#333333;
	padding-left : 30px;
}
.basic_text {  
	color: #333333;
	font-family: Verdana, Helvetica, sans-serif;
}
.fullW {
	width:100%;
}
.brk {
	display:block;
	margin-top:10px;
}

.b {
	font-weight:bold;
}
.bclr_A{
	background-color:#006699;
}
.bclr_A{
	background-color:#2777A8;
}

.bclr_B{ 
	background-color:#003366;
}
.bclr_C{
	background-color:#333;
}
.bclr_D{
	background-color:#669900;
}
.bclr_E{
	background-color:#336600;
}
.bclr_F{
	background-color:#003300;
}
.bclr_G{
	background-color:#CC3300;
}
.qSq{
	height:25px;
	width:25px;
}
.clr_A{
	color:#2777A8;
}
.clr_B{
	color:#000066;
}
.clr_C{
	color:#333;
}
.clr_D{
	color:#669900;
}
.clr_E{
	color:#336600;
}
.clr_F {
	color: #003300;
}
.clr_G{
	color:#cc3300;
}

ul.hangNav {
list-style-type: none;
background-color:#dadada;
padding:3px;
}
.hangNav li {	
	display:inline;
	color:#fff;	
	padding:5px 6px 5px 6px;
	border:1px solid #d8d8d8;
	border-bottom:2px solid #d8d8d8;
	background-color:#003366;
}
.hangNav li a {
	color:#fff;
	}
.hangNav li a:hover {	
	color:#dadada;		
}

.searchButton{ 
	font: 10px verdana, sans-serif; 
	background-color:#669900; 
	-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
	border:none;
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
	color:#ffffff; 
	font-weight:bold; 
	padding : 3px 8px 4px 8px;
	margin:3px 10px 3px 5px;
	}
.searchButton:hover{ 

	background-color:#336600; 
color:#cfcfcf; 
	}
.selectButton {
	border-right: #669900 1px solid; 
	border-top: #669900 1px solid; 
	font-size: 10px; 
	border-left: #336600 1px solid; 
	border-bottom: #336600 1px solid;
	font-family: verdana,sans-serif; 
	color:#006699; 
	background-color: #ffffff;
	margin-left:10px;
                margin-right:10px;
				-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding-right:7px;
padding-left:7px;
}
.selectButton:hover {
	border-right: #336600 1px solid; 
	border-top: #336600 1px solid; 
	font-size: 10px; 
	border-left: #669900 1px solid; 
	border-bottom: #669900 1px solid;
	font-family: verdana,sans-serif; 
	color:#006699; 
	background-color: #efefef;
}
.selectButtonREV {
                border-right: #0080c0 1px solid; 
                border-top: #0080c0 1px solid; 
                font-size: 14px; 
                border-left: #3f99cf 1px solid;
                border-bottom: #3f99cf 1px solid; 
                padding-left:10px;
                padding-right:10px;
                font-weight:bold;            
                font-family: verdana,sans-serif; 
                color:#fff; 
                background-color: #2777a8;
				margin-top:10px;
				margin-left:10px;
                margin-right:10px;
                /* rounded corners */
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
background: -webkit-gradient(linear, left top, left bottom, from(#0080c0), to(#003366));
background: -moz-linear-gradient(top, #0080c0, bottom, #003366); 
}
.submitButtonREV:hover {
		background-color: #3f99cf;
}

.submitButtonREV {
	border-right: #0080c0 1px solid; 
                border-top: #0080c0 1px solid; 
                font-size: 14px; 
                border-left: #3f99cf 1px solid;
                border-bottom: #3f99cf 1px solid;
                text-transform:uppercase; 
                padding-left:10px;
                padding-right:10px;
                font-weight:bold;            
                font-family: verdana,sans-serif; 
                color:#fff; 
                background-color: #0080c0;
                /* rounded corners */
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
background: -webkit-gradient(linear, left top, left bottom, from(#0080c0), to(#003366));
background: -moz-linear-gradient(top, #0080c0, bottom, #003366); 
}
.selectButtonREV:hover {
		background-color: #3f99cf;
}

/* go button  */

.goButtonREV:hover {
		background-color: #3f99cf;
}

.goButtonREV {
margin-left: 5px; 
border:none;
font-size:9px; 
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
                text-transform:uppercase; 
                padding-left:2px;
                padding-right:2px;
                font-weight:bold;            
                font-family: verdana,sans-serif; 
                color:#fff; 
                background-color: #0080c0;
                /* rounded corners */
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
margin-bottom:8px;
padding : 3px 3px 4px 3px;
}

/*
.callout {
	padding:20px;
	background-color:#e8e8e8;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:3%;
	margin-right:3%;
}
*/
div.callout{
        /* rounded corners */
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
        /* gradient */
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e8e8e8));
background: -moz-linear-gradient(top, #f7f7f7, bottom, #e8e8e8);
/* add box shadows */
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
}
div.callout_alt2{
	/* rounded corners */
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
	
}

div.callout_alt{
	/* rounded corners */
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
/* add box shadows */
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
box-shadow: 5px 3px 5px rgba(3,3,3,0.2);
	
}

div.callout_alt2{
		border:1px solid #00bfff;
		border:1px solid #1e90ff;
		border:1px solid #40e0f0;
		border:1px solid #4080c0;
}
Section div.callout_alt{
	/*border:1px solid #e8e8e8;*/
	border:1px solid #cc3300;
	padding:14px;
}
.inl {
display:inline-block;
}
	
.callout_alt2 {
	padding:20px;
	background-color:#fff;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:3%;
	margin-right:3%;
}

.callout_alt {
	padding:15px;
	background-color:#fff;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:3%;
	margin-right:3%;
}
.accent{ 
color:#cc3300; 
font-size:x-small;
font-family:Verdana, Helvetica,sans-serif;
}

.required {
color:#ff0000; 
font-size:large;
font-weight:bold;	
}

#intro { 
text-align:left;
font-family:Verdana,Tahoma, sans-serif;
margin: 0px 11% 10px 6%;
line-height:130%; 
}
#intro a { 
text-decoration:underline;
}
#footer {
border-top:1px dotted #c0c0c0;
	font-family:Arial,Helvetica, sans-serif;
	padding: 20px;
	padding-top:10px;
	margin-right:5%;
	margin-left:5%;	text-align:right;
}
#footer a.footerLinks{
font-family:Verdana,Tahoma, sans-serif;
	text-decoration:underline;
	padding-right:2%;
	padding-left:2%;
	border-left:1px solid #808080;

}
#footer a.footerLinks:first-child{

	border-left:0px solid #808080;
}

ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upperRoman {list-style-type:upper-roman}
ol.lowerAlpha {list-style-type:lower-alpha} 

ul.check {
list-style-image:url('images/checkMark.png');	
}

ul.check li {
	padding-bottom:10px;
}
ul.check ul {
list-style-image:url('images/arrowRight.png');
padding-top:5px;
}
/*
#intro ul ul li:last-child {
padding-bottom:0px;
}
*/
#intro div.callout ul li:last-child{
	padding-bottom:0px;
}
#intro div.callout ul ul li:last-child{
	padding-bottom:0px;
}
ul.side {
	list-style-type: none;
}
.side li {
	display:inline;
}

/* NEW for 5*/

ul.reportLinks {
list-style-type: none;
font-size:10px;
font-family:Verdana,Helvetica,sans-serif;
margin-top:3px;
margin-bottom:3px;
font-weight:bold;
}
.reportLinks li {	
	display:inline;
	color:#666;	
	padding:0px 7px 0px 7px;
	border-right:1px solid #fff;
	border-bottom:none;
}
.reportLinks li a {
		text-decoration:none;
}

ul.reportLinks_fff {
list-style-type: none;
font-size:10px;
font-weight:bold;
margin-top:7px;
}
.reportLinks_fff li {	
	display:inline;
	color:#fff;	
	padding:0px 7px 0px 7px;
	border-right:1px solid #fff;
	font-weight:bold;
}
.reportLinks_fff li.bnone {	
	border:0px;
}

.reportLinks_fff li:last-child {	
	display:inline;
	color:#fff;	
	padding:0px 7px 0px 7px;
	border:0px;
	font-weight:bold;
	text-align:right;
}

.reportLinks_fff li a {
	color:#fff;
}
.reportLinks_fff li a:hover {
	color:#dadada;
}

div#resultsContainer, div#filloutFormContainer
{

width:99%;
width:auto;
clear:both;
font-family: Verdana;
padding:0px;
background-color: #d8d8d8;
background-color:#dcdcdc;
background-color:#efefef;
/*
font-size:x-small;
*/
/* rounded corners */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:2em 2em 2em 2em;
}
div#filloutFormContainer{
max-width:900px;
margin:auto;
}
div .fillFormInstr, div.fillFormButton{
	max-width:900px;
	margin:auto;
/*
font-size:larger;
*/
	padding-bottom:7px;
}
table.results, table.filloutForm, table.plain {
text-align:left;
color: #333;
width:100%;
/* rounded corners */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

table.filloutForm, table.plain{
	margin:0px auto;
}


/*** table's thead section, head row style ***/
table.results thead tr td, table.filloutForm thead tr td, table.plain thead tr td {
background-color: #f7f7f7;
vertical-align:top;
padding: 0px;
/*
font-size:10px;
*/
}
table.results thead tr td.options, table.filloutForm thead tr td.options, 
table.results tfoot tr td.options, table.filloutForm tfoot tr td.options {
background-color: #e8e8e8;
padding: 0px;
border:none;
}
table.results thead tr td.optionlinks, table.filloutForm thead tr td.optionlinks,
table.results tfoot tr td.optionlinks, table.filloutForm tfoot tr td.optionlinks {
background-color: #f0f8ff;
padding: 0px;
border:none;
}
/*** table's thead section, coulmns header style ***/
table.results thead tr th, table.filloutForm thead tr th, table.plain thead tr th {
padding: 3px;
background-color: #003366;
color: #fff;
border-right:1px dotted #fff;
border-bottom:1px solid #f8f8ff;
}
table.results thead tr th.blank, table.filloutForm thead tr th.blank, table.plain thead tr th.blank {
background-color: transparent;
}
/* TABLE BODY STYLES */
table.results tbody tr:nth-child(odd), table.filloutForm tbody tr:nth-child(odd), table.plain tbody tr:nth-child(odd), table.plain tbody tr:nth-child(even) {
background-color: #fff;
}

/*** hover effect to table's tbody odd rows ***/
table.results tbody tr:nth-child(odd):hover, table.filloutForm tbody tr:nth-child(odd):hover
{
cursor:pointer;
background-color: #f0f8ff;
color: #666;
}
table.results tbody tr:nth-child(odd):hover a, table.filloutForm tbody tr:nth-child(odd):hover a, table.plain tbody tr:nth-child(odd):hover a{
color: #003366;
text-decoration:underline;
}

/*** table's tbody section, even rows style ***/
table.results tbody tr:nth-child(even), table.filloutForm tbody tr:nth-child(even) {
background-color: #efefef;
}


/*** hover effect to apply to table's tbody section, even rows ***/
table.results tbody tr:nth-child(even):hover, table.filloutForm tbody tr:nth-child(even):hover, table.plain tbody tr:nth-child(even):hover, table.plain tbody tr:nth-child(odd):hover {
cursor:pointer;
background-color:#f3fff3;
color:#666;
} 

table.results tbody tr:nth-child(even):hover a, table.filloutForm tbody tr:nth-child(even):hover a, table.plain tbody tr:nth-child(even):hover a, table.plain tbody tr:nth-child(odd):hover a{
color: #003366;
text-decoration:underline;
} 
table.results thead tr th a, table.filloutForm thead tr th a {
	color:#fff;
}
table.results thead tr th a:hover, table.filloutForm thead tr th a:hover {
	color:#dadada;
	text-decoration:underline;
}

/*** table's tbody section, last row style ***/
table.results tbody tr:last-child, table.filloutForm tbody tr:last-child {
/** nothing special now **/

}


/*** table's tbody section, row to standout green background ***/
table.results tbody tr.standout, table.filloutForm tbody tr.standout{
background-color: #669900;
color: #fff;
font-weight:bold;
}
table.results tbody tr.standout:hover, table.filloutForm tbody tr.standout:hover {
	background-color:#808080;
	color:#dadada;
} 
table.results tbody tr.standout a, table.filloutForm tbody tr.standout a {

	color:#fff;	
}
table.results tbody tr.standout:hover a, table.filloutForm tbody tr.standout:hover a {
	color:#dadada;
		text-decoration:underline;
} 

/*** table's td element, all section ***/
table.results td, table.filloutForm td{
vertical-align:top;
padding:3px;
border-bottom:1px dotted #f7f7f7;
border-right:1px dotted #fff;
}
table.results tr td:first-child, table.filloutForm tr td:first-child{
border-left:1px dotted #fff;
}
table.plain td{
vertical-align:top;
padding:3px;
border-bottom:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
padding-right:5px;
padding-left:5px;
}


/*** table's tfoot section ***/
table.results tfoot, table.filloutForm tfoot{
text-align:center;
color:#333;
background-color:#f7f7f7;
} 
table.results tfoot td.optionlinks, table.filloutForm tfoot td.optionlinks {
	text-align:left;
}
table.results tfoot td, table.filloutForm tfoot td {
	border:none;
}

tr.header td {
	background-color:#808080;
	color:#f0f0f0;
	font-weight:bolder;
}
table.basic td {
	padding:4px;
}
table.basic tr.even {
	background-color:#efefef;
}
table.basic tr.odd {
	background-color:#fff;
}

select  {
	font-family:Verdana, Helvetica, sans-serif;
	/*
	font-size:10px;
	*/
	padding:2px;
	background-color:#fff;
	border:1px solid #006699;
	border:1px solid #c0c0c0;
	border-right:1px solid #3d4e56;
	border-bottom:1px solid #3d4e56;
}

select.admin  {
	font-family:Verdana, Helvetica, sans-serif;
	/*
	font-size:10px;
	*/
	font-size:11px;
	padding:4px;
	background-color:#fff;
	border:1px solid #c0c0c0;
	height:20px;
	padding:1px;
	padding-left:2px;
	border-right:1px solid #748b96;
	border-bottom:1px solid #748b96;
}


/*
  .styled-select select {
   background: transparent;
   width: 270px;
   padding: 2px;
   font-size: 10px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 20px;
   -webkit-appearance:none;
   }
   .styled-select {
   display:inline-block;
   margin-bottom:-7px;
   width: 220px;
   height: 20px;
   overflow: hidden;
   background: url(images/downArrowSelect20.png) no-repeat right #fff;
   border: 1px solid #ccc;
   }
*/
textarea  {
	font-family:Verdana, Helvetica, sans-serif;
	/*
	font-size:10px;
	*/
	padding:4px;
	padding-top:2px;
	background-color:#fff;
}

input  {
	font-family:Verdana, Helvetica, sans-serif;
	/*
	font-size:10px;
	*/
	padding:4px;
	padding-top:2px;
	/* background-color:#fff; */
}


table.pairs {
	font-size:small;
}
table.pairs td {
	border:1px dotted #c0c0c0;	
}
table.pairs td:first-child{
	border-right:none;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}


tr.none td {
	border:none;
}
.title {
font-size:larger;
font-weight:bold;
margin-bottom:5px;
}
.newline {
	display:block;
}

.ErrorNote {
	margin:10px;
}
.ErrorNote .title {
color:#cc3300;
}
td.nochange {
	background-color:#dcdcdc;
}
td.nochange:hover {
	color:#333;
}
.half {
	width:49%;
}
.third {
	width:32%;
}
.fourth {
	width:25%;
}
div.def:nth-child(odd){
background-color:#f7f6f1;
padding:3px;
padding-left:10px;
padding-right:20px;
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
}
div.def:nth-child(even){
background-color:#f7f6f1;
padding:3px;
padding-left:10px;
padding-right:20px;
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
}
div.def:nth-child(even):hover{
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
box-shadow: 0px 0px 0px rgba(3,3,3,0);
}
div.def:nth-child(odd):hover{
-moz-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
-webkit-box-shadow: 5px 3px 5px rgba(3,3,3,0.15);
box-shadow: 5px 3px 5px rgba(3,3,3,0);
}
.def {
margin-right:10px;
margin-left:20px;
margin-bottom:10px;
}
div.def ul {
margin-top:2px;
}
.def b {
padding-right:5px;
}

/* for date picker */
div #ui-datepicker-div {
	position:relative;
}
.ui-datepicker-header {
	color:#fff;
	background-color:#c0c0c0;
	padding:3px;
border-bottom:1px solid #336600;
font-size:12px;
}

div.ui-datepicker-title {
	text-align:center;
	font-weight:bold;
	color:#fff;
}

div.ui-datepicker-header a.ui-datepicker-prev {
float:left;
margin-left:4px;
}

div.ui-datepicker-header a.ui-datepicker-prev  span.ui-icon:before {  
content: " ";   
text-align: center; 
font-size:14px;
 
color: #fff;  
float: left;  
margin:1px;
margin-left:2px;
margin-right:3px;
-moz-border-radius: 18px;
-webkit-border-radius:18px;
border-radius:18px;
background: url(images/arrowLeft.png) 2px 3px #fff;
background-repeat:no-repeat;    
display: block;  
height: 14px;  
width: 14px;  
} 

div.ui-datepicker-header a.ui-datepicker-next {
float:right;
margin-right:4px; 	
}

div.ui-datepicker-header a.ui-datepicker-next span.ui-icon:after {  
content: " ";   
text-align: center;
font-size:14px;
   
color: #fff;  
float: right;  
margin:1px;
margin-right:2px;
margin-left:3px;
-moz-border-radius: 18px;
-webkit-border-radius:18px;
border-radius:18px;
background: url(images/arrowRight.png) 4px 3px #fff;
background-repeat:no-repeat;  
display: block;  
height: 14px;  
width: 14px;  
}  

div.ui-datepicker-header a.ui-datepicker-next, div.ui-datepicker-header a.ui-datepicker-prev {
text-decoration:underline;
		color:#2777a8;
	color:transparent;
	font-size:xx-small;
}
div.ui-datepicker-header a.ui-datepicker-next:hover, div.ui-datepicker-header a.ui-datepicker-prev:hover {
color:transparent;
	}
	
	
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce;
	font-weight: bold;
	color: #c77405;
	background-color:#f0f8ff;
background-color:#7fff00;
border:1px solid #669900;
color:#fff;

}
	
	
	
div.ui-datepicker-title select {
border:0px;
background-color:#c0c0c0;
color:#fff;
font-size:12px;
font-weight:bold;
padding:0px;
margin-right:6px;
}

table.ui-datepicker-calendar {
	background-color:#fff;
	border:1px solid #ccc;
	padding:3px;
}
table.ui-datepicker-calendar span {
	padding:2px;
}
table.ui-datepicker-calendar th span {
	font-size:9px;
}
td.ui-datepicker-today {
	background-color:#adff2f;
}

table.ui-datepicker-calendar tr td {
 text-align:center;
 border:1px solid #d8d8d8;
 width:14%;
 background-color:#f8f8ff;
}
table.ui-datepicker-calendar tr td a {
	color:#0080c0;
}
table.ui-datepicker-calendar tr td:hover {
background-color:#f0f8ff;
background-color:#7fff00;
border:1px solid #669900;
border:0px;
color:#fff;
}

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}


span.ui-state-default, td.ui-datepicker-unselectable.ui-state-disabled,td.ui-datepicker-unselectable.ui-state-disabled:hover{
	background-color:#cccccc;border-right:0px;border-left:0px;color:#999;
}
a.ui-state-default.ui-state-hover {
	border:0px;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
