/*defaults*/

body, html {text-align:center; margin:0 auto;  padding:0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; background-color:#FFFFFF;}
form, input, select  {margin:0; padding:0; font-size:11px; background-color:#FFFFFF; color:#666666;}
div {font-family: Arial, Helvetica, sans-serif; font-size:11px;}
img {border:0;}
td {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:left;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#000099; font-weight:bold; text-align:left; margin:0; padding:0;}


/*colors*/
.orange {color:#FF6600;}
.blackhead {color:#000000; padding-bottom:3px; font-weight:bold;}
.darkness {background-color:#4F4F4F; color:#CCCCCC;}
.lightness {color:#CCCCCC;}
.lightbox {background-color:#F3F2F2; margin:2px 2px 0 2px;}
.bordered {background-color:#D3D3C7;}
.hr-grey {background-color:#D3D3C7; clear:both;}
.hr-white {background-color:#FFFFFF; clear:both;}
.vr-white {background-color:#FFFFFF; width:1px;}
.redbar {background-color:#FF6633;}
.greenbar {background-color:#96967D;}
.greybarlight {background-color:#E3E3E3;}
.bigcapw {background-color:#4D4D4D; font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding-left:10px;}
.bigcapw2 {background-color:#4D4D4D; font-weight:bold; color:#999999; text-transform:uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding-left:10px;}
.nocapw {background-color:#4D4D4D; color:#FFFFFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding-left:10px;}
.bigcapg {background-color:#F7F7F3; font-weight:bold; color:#5D5D49; text-transform:uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding-left:10px;}
.bigcapg2 {background-color:#FFFFFF; font-weight:bold; color:#5D5D49; text-transform:uppercase; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; padding-left:2px;}

/*gateway*/
.map1 {background-color:#000095; width:496px; height:239px; background: url(../../images/maps/gateway_map.gif);}
.map1a {background-color:#000095; color:#FFFFFF; text-align:right; padding-right:24px; padding-top:5px; line-height:24px; background: url(../../images/gateway_map2.gif);}
.map2 {background-color:#505050; width:252px; height:239px;}

ul.gateway {list-style: none; margin-top: 4px}
li.gateway {
color:#FFFFFF; font-weight:bold; line-height:18px; padding-left: 16px;
    background-image: url(../../images/arrow-orange.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
}
li.gateway2 {
color:#FFFFFF; font-weight:bold; line-height:20px; padding-left: 16px;
    background-image: url(../../images/arrow-white.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
}

/*fonts*/
.medium {font-weight:bold;}

/*images*/
.left {float:left; padding-right:7px;}
.left2 {padding-right:7px; padding-bottom:10px;}

/*links*/
a {color:#00009A; text-decoration:none;}
a:hover {color:#00009A; text-decoration:underline;}
a.ub {color:#00009A; text-decoration:underline; font-weight:bold;}
a.ub:hover {color:#00009A; text-decoration:underline; font-weight:bold;}
a.gray {color:#CCCCCC; text-decoration:none;}
a.gray:hover {color:#CCCCCC; text-decoration:underline;}
a.charcoal {color:#666666; text-decoration:underline;}
a.charcoal:hover {color:#666666; text-decoration:underline;}
a.charcoal2 {color:#666666; text-decoration:none;}
a.charcoal2:hover {color:#666666; text-decoration:underline;}
a.white {color:#FFFFFF; text-decoration:none;}
a.white:hover {color:#FFFFFF; text-decoration:underline;}
a.blackhead {color:#000000; padding-bottom:3px; font-weight:bold; text-decoration:underline;}
a.blackhead:hover {color:#000000; padding-bottom:3px; font-weight:bold; text-decoration:underline;}


/*forms*/
input.submit {position:relative; top:3px;}
input.submit[id] { position:relative; top:5px; }
select { width: 130px;}

/*tables*/
.toolnav {padding:10px 5px 0 15px;}
.whitepad {border:2px solid #FFFFFF;}
.whitepad2 {border-style: solid; border-width:2px 2px 0 2px; border-color: #FFFFFF;}
.whitepad3 {border-style: solid; border-width:5px 10px; height:132px; border-color: #FFFFFF;}
.rightpad {padding:10px; background-color:#FFFFFF; text-align:justify}
.leftpad {padding:7px; background-color:#FBFBEF; width:270px;}
.leftpad2 {padding:6px; background-color:#FBFBEF; width:500px;}
.subleftpad {padding:7px; background-color:#FBFBEF; width:540px;}
.subleftpad2 {padding:7px; background-color:#FFFFFF; width:540px;}
.subleft1 {padding:7px; background-color:#FBFBEF; width:170px;}
.subleft2 {padding:7px; background-color:#FBFBEF; width:720px;}
.gatepad {padding:7px; background-color:#FBFBEF;}
.gatepad1 {background-color:#FBFBEF; width:270px;}

/*search*/
#search {width:395px; height:25px;}

/*main-nav*/
.navon  {background-color:#000099; font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Verdana, Helvetica, sans-serif; font-size:10px;}
.navoff {background-color:#868686; font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Verdana, Helvetica, sans-serif; font-size:10px;}

/*main-nav1*/
.navon1  {background-color:#ffffff; font-weight:bold; color:#000000; text-transform:uppercase; font-family: Verdana, Helvetica, sans-serif; font-size:10px;}
.navoff1 {background-color:#868686; font-weight:bold; color:#FFFFFF; text-transform:uppercase; font-family: Verdana, Helvetica, sans-serif; font-size:10px;}
a.white1 {color:#000000; text-decoration:none;}
a.white1:hover {color:#000000; text-decoration:underline;}


/*sub-nav*/
#subnav {background-color:#000099; width:748px; padding:5px 0 5px 0; color:#FFFFFF;}
.subon {color:#FF6600; background-color:#FFFFFF; padding:5px 3px 5px 3px; margin:0 1px 0 1px; font-weight:normal; border-left: 1px solid black;}
.suboff {color:#FF6600; background-color:#000099; padding:5px 3px 5px 3px; margin:0 1px 0 1px; font-weight:normal; border-left: 1px solid #000099;}

/*leftnav*/
.leftnav {background-color:#000099; width:194px; padding:7px 0 7px 15px; color:#FFFFFF;}
.leftnav1 {background-color:#F9F8ED; width:194px; padding:7px 0 7px 15px; color:#FFFFFF;}

/*breadcrumb*/
.breadcrumb {color:#666666; text-align:left; padding: 5px 0 15px 10px;}
.breadcrumbsub {color:#666666; text-align:left; padding: 0 0 15px 0;}


/*footer*/
.footer {text-align:center; margin:0 auto; background-color:#4F4F4F; width:747px; color:#CCCCCC; padding:5px 0 5px 0;}

/*gridview*/
.gridview 
{
    height: 290px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 2px;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
}

.gridview td {
	background: #e6e6e6;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: x-medium "Segoe UI", Segoe, sans-serif;
	padding: 2px 2px;
}
.gridview td a{
	color: #0066CC;
	font: bold x-medium "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	
}
.gridview th {
	background: #cccccc;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}
.gridview th a{
	color: #FFFFFF;
	font: bold x-medium "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #0000FF;
}
.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}
.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}

/*progress*/
.progress {
	color: #cccccc;
	background: #ffffff;
	float:left;
	font: bold xx-medium "Segoe UI", Segoe, sans-serif;
	margin-top: 0px;	
}

span.progress div
{
	/*display: inline;*/
	position: absolute;
	margin-top: 0px;
	left: 250px;
}

.updateprogress {
	color: #FFFFFF;
	font: bold large "Segoe UI", Segoe, sans-serif;
}

.makegridtaller 
{
    height: 290px;
}

/*autocomplete*/
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


.mainNavigationLeft, .mainNavigationLeftSelected
{
	background:url(/images/nav/normal-join.png) top right;
	_width:0; 
	float:left;
	/* background-color: #7C7C7C; */
}

.mainNavigationLeft, .mainNavigationLeftSelected a 
{
	background:url(/images/nav/left-end-tab-normal.png) no-repeat;
	padding-left: 10px;
	padding-right: 20px;
	display: block;
	text-transform: uppercase;
	color: White;
	font-weight:bold;
	font-family: Verdana;

	height: 18px;
}

.mainNavigationLeftSelected 
{
	background:url(/images/nav/center-tab-selected-right.png) top right;
}

.mainNavigationLeftSelected a 
{
	background:url(/images/nav/left-end-tab-over.png) no-repeat;
}

.mainNavigationLeft 
{
	background:url(/images/nav/normal-join_shorter.png) top right no-repeat;	
}
.mainNavigationLeft a 
{
	background:url(/images/nav/left-end-tab-normal.png) no-repeat; 
	background-position: 0px 0px;
	display: block;
	padding-left: 13px;
	padding-bottom: 4px;
	color: White;
}


.mainNavigationCenter, .mainNavigationCenterSelected, .mainNavigationCenterLeftNearSelected, .mainNavigationCenterLeftNearSelectedLast
{
	background:url(/images/nav/normal-join.png) top right no-repeat; 
	_width:0; 
	float:left;
	background-color: #7C7C7C;
	padding-bottom: 5px;	
}

.mainNavigationCenter , .mainNavigationCenterSelected a 
{
	/* background:url(/images/nav/left-end-tab-normal.png) no-repeat; */
	padding-left: 10px;
	padding-right: 20px;
	display: block;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
	font-family: Verdana;
	white-space: nowrap;
}
/* white issue for unselected centered */
.mainNavigationCenter a 
{
	color: White;
}

.mainNavigationRight a 
{
	color: White;
}

.mainNavigationCenterLeftNearSelected, .mainNavigationCenterLeftNearSelectedLast a 
{
	/* background:url(/images/nav/left-end-tab-normal.png) no-repeat; */
	padding-left: 10px;
	padding-right: 20px;
	display: block;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
	font-family: Verdana;
	white-space: nowrap;
}

.mainNavigationCenterLeftNearSelected
{
	background:url(/images/nav/center-tab-selected-left.png) top right no-repeat; 
	background-color: #7C7C7C;
}

.mainNavigationCenterLeftNearSelectedLast
{
	background:url(/images/nav/center-tab-selected-left_shorter.png) top right no-repeat; 
	background-color: #7C7C7C;
}


.mainNavigationCenterLeftNearSelectedLast a 
{
	 background:url(/images/nav/left-end-tab-normal.png) no-repeat; 
	 background-position:2px;
	 margin-left: -2px;
	 color:White;	 	 
}


.mainNavigationCenterLeftNearSelected a 
{
	 color:White;
}


.mainNavigationCenterSelected 
{
	background:url(/images/nav/center-tab-selected-right.png) top right no-repeat;
	background-color: #000099;
}

.mainNavigationCenterSelected a 
{
	
    /* background:url(/images/nav/left-end-tab-over.png) no-repeat;	 */
    /*background:url(/images/nav/left-end-tab-over.png) no-repeat; 
	background-position: 0px 0px;
	display: block;
	padding-left: 13px;
	padding-bottom: 0px;
	color: White;*/
}

.mainNavigationRight , .mainNavigationRightSelected
{
	background:url(/images/nav/right-end-tab-normal.png) top right no-repeat; 
	width:auto; 
	float:left;
	background-color: #7C7C7C;
	padding-bottom: 5px;
}

.mainNavigationRight, .mainNavigationRightSelected a 
{
	/* background:url(/images/nav/left-end-tab-normal.png) no-repeat; */
	padding-left: 10px;
	padding-right: 20px;
	display: block;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
	font-family: Verdana;
	white-space:nowrap;
  
}

.mainNavigationRightSelected 
{
	background:url(/images/nav/right-end-tab-over.png) top right no-repeat;
	background-color: #000099;
}

.required_yellow
{
		BACKGROUND-COLOR:#ffffa0;
}


.button_standard {
    border: 1px solid #006;
    background: #ccf;
}
.button_standard:hover {
    border: 1px solid #f00;
    background: #eef;
}