/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; text-align:center;}

body {
	position:relative;
	width:760px;
	padding:0px;
	margin:0px auto;
	text-align:left;
	height:100%;
	background-color:#2977A1;
	font-size: 12px; font-family: verdana, arial, sans-serif; color: #333;
	}

body.login { background: none;}
table, th, td {font-size: 12px; font-family: verdana, arial, sans-serif; color: #333; text-align: left; }

img { border: 0; }

a:link, a:visited { color: #06689a; text-decoration: underline; }
a:hover, a:active { color: #777; }

#skip { display: none; }

/* Yaseen added BEGINS */
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
/* Yaseen added ENDS */


/* LOGIN
------------------------------------------------------------------------------------- */
#container_login	{ width: 350px;  margin: 80px auto 0; background: #06689a; text-align: center;}
#container_login table	{ margin: 5px 10px;}
#container_login td	{ padding: 5px; color: #d3ebf7;}
#container_login th	{ padding: 5px; color: #fff;  font-size:20px; text-transform: uppercase; font-family: arial, verdana, sans-serif;}
#container_login td a:link, #container_login td a:visited	{color: #fff;}
#container_login p	{ padding: 10px 0; background: #fff;}
#container_login p.loggedoff	{ padding: 10px; background: #f3c301; border-bottom: 1px solid #fff;}

/* Main
------------------------------------------------------------------------------------- */
#container	{ text-align: left; padding:5px; background-color:#fff;}
#header		{ height: 35px; background-color:#2977A1; padding:8px; color:#fff;}
#headnav	{ float:right; font-size: 11px; text-align: right; }
#headnav p	{ padding: 0 0 8px; }
#headnav a, #headnav a:visited	{color:#FEB700; margin-left: 5px; }
#headnav a:hover	{color:#FEB700; margin-left: 5px; text-decoration:none;}


#nav		{ padding-left: 5px; height: 37px; background: #07689B; width:760px; }
	#nav li	{ float: left; margin: 2px 0 0 4px; display: inline;  font-size: 11px; font-weight: bold; letter-spacing: -1px;}
	#nav li.companyname	{ color: #fff; padding: 5px; font-size: 13px;}
	#nav li a:link, #nav li a:visited  { position: relative; display: block; float: left; background: url(/admin/images/nav_rt.jpg) no-repeat top right; text-decoration: none; cursor: hand; color: #cbdde9;}
	#nav li a:link span, #nav li a:visited span	{ position: relative; float: left; display: block; background: url(/admin/images/nav_lt.jpg) no-repeat; height: 32px; line-height: 32px; margin-left: -4px; padding:0px 14px 0px 12px; text-align: center;}

	#nav li a:hover		{ background: url(/admin/images/nav_hover_rt.jpg) no-repeat top right; text-decoration: none;}
	#nav li a:hover span	{ background: url(/admin/images/nav_hover_lt.jpg) no-repeat; }

	#nav li.on a:link, #nav li.on a:visited	{ background: url(/admin/images/nav_on_rt.jpg) no-repeat top right; color: #fff; }
	#nav li.on a span, #nav li.on span	{ background: url(/admin/images/nav_on_lt.jpg) no-repeat !important; height: 34px !important; line-height: 34px !important;}

	
	#nav li.adminaccount, #nav li.adminaccounton	{ padding: 1px 5px 0px 5px; font-size: 15px;}
	#nav li.adminaccount a:link, #nav li.adminaccount a:visited	{ height: 29px; line-height: 29px; color: #b87c47; background: url(/admin/images/subnav_rt.gif) no-repeat top right;}
	#nav li.adminaccount a:link span, #nav li.adminaccount a:visited span	{ background: url(/admin/images/subnav_lt.gif) no-repeat;}
	
	#nav li.adminaccount a:hover		{ background: url(/admin/images/subnav_hover_rt.gif) no-repeat top right; text-decoration: none;}
	#nav li.adminaccount a:hover span	{ background: url(/admin/images/subnav_hover_lt.gif) no-repeat; }

	#nav li.adminaccounton a:link, #nav li.adminaccounton a:visited	{ height: 29px; line-height: 29px; background: url(/admin/images/subnav_on_rt.gif) no-repeat top right; color: #818181; }
	#nav li.adminaccounton a span, #nav li.adminaccounton span	{ background: url(/admin/images/subnav_on_lt.gif) no-repeat !important; height: 29px !important; line-height: 29px !important;}
	

	ul#nav ul.off {display:none;}

	ul#nav ul.on {
dispaly:inline;
	padding:5px 0px; 
margin-left:-5px;
	background-color:#1599e1; 
position:absolute;
width:760px;
top:150px;
	}
ul#nav  ul li span {clear:both;}
	
	ul#nav ul.on li, ul#nav ul.on li a, ul#nav ul.on li a:visited {
	display:block; 
background:none;
	background-color:#1599e1;
height:15px;
	color: #ceebvb;
padding: 0px 15px;
	}
	
/* NEW MENU ####################################### */	
	#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 24px;
	padding-left : 10px;
	padding-top:8px;
	background-color:#2977A1;
	
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu ul ul {background-color:#1599e1;}	
#menu a:link, #menu a:visited	{
	background : #2977A1  url(/admin/images/nav_off.jpg) right top no-repeat; 
	/*background : #1599e1 url(/admin/images/nav_on.jpg) right top no-repeat*/
	border : 1px solid #ccc;
	border-bottom:0px;
	color : #cbdde9;
	float : left;
	font-size : 1.2em;
	font-weight : bold;
	line-height : 14px;
	margin-right : 8px;
	padding : 4px 10px 4px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 4px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #fff;
	background : #2977A1;
}

	
#menu li.highlight a {
	background : #fff;
	border-bottom : 2px solid #fff;
	color : #2977A1;
	padding : 5px 10px 3px 10px;
}



 #menu ul a:hover {
	color : #fff !important;
}
ul#subnav {
	margin-bottom:0px;
	padding-top:10px;}
	
	
ul#subnav li{
	display : inline;
	padding-left : 3px;
	list-style-type:none;
}

ul#subnav a, ul#subnav a:visited	{ background-color:#E5D38B; padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold;  font-size: 11px !important; border:1px solid #fff; border-bottom:0px;}
ul#subnav a.on {
padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #000 !important; border: 1px solid #fff; border-color: #fff; background: #fff; font-size: 11px !important;
}
ul#subnav a:hover {padding: 3px 6px; padding-bottom:4px; text-decoration: underline; font-weight: bold;  font-size: 11px !important; }

#subnavarea{color:#333; background-color: #FFEB9B; padding:4px; margin-bottom:8px; font-size:1.4em;}
#companyDropdown {color:#333; background-color: #FFEB9B; padding:4px; margin-bottom:8px; font-size:1.4em;}

.alert{font-size:1.4em; font-weight:bold; padding:.5em; margin: 5px .5em 5px .5em; background-color: #FFEB9B;}

.alert td{font-size:.9em; font-weight:bold; padding:.5em; margin: 5px .5em 5px .5em; background-color: #FFEB9B;}
strong.or {font-size:1.4em; font-weight:bold; padding:3px; margin:0px; background-color: #fff; }

.alert img {margin-right:30px; margin-top:-7px;}
	
.welcome	{ background: #e4f0fa; padding: 10px !important; margin: 0 0 15px;}

.pages		{ font-size: 11px;}

.donext	{ font-size: 13px; font-weight: bold;}
.donext li	{ padding: 0 0 10px; list-style-type:none;}


.tablelist		{ margin: 0 0 20px; clear: both; width:100%; border:1px solid #e4f0fa;}
.tablelist th	{ padding: 6px 10px; text-align: left; font-size: 13px; background: #bbdbf6; border-bottom: 1px solid #76afca;border-right: 1px solid #fff; white-space: nowrap; vertical-align: bottom;}
.tablelist th.big	{ padding: 6px 10px; text-align: left; font-size: 15px; background: #76afca; border-bottom: 1px solid #76afca;border-right: 1px solid #fff; white-space: nowrap; vertical-align: bottom; color:#fff;}
.tablelist td	{ padding: 6px 10px; border-right: 1px solid #fff; vertical-align: top;}
.tablelist .even td	{ background-color: #e4f0fa;}
.tablelist .message td	{ background-color:#ffc;}
.tablelist .col_detail	{ width: 100px; text-align: right;}

.tablelistnopadding		{ margin: 0 0 0px; clear: both; border:0px solid #e4f0fa;}
.tablelistnopadding th	{ padding: 0px 0px; text-align: left; font-size: 13px; background: #bbdbf6; border-bottom: 0px solid #76afca;border-right: 0px solid #fff; white-space: nowrap; vertical-align: bottom;}
.tablelistnopadding th.big	{ padding: 0px 0px; text-align: left; font-size: 15px; background: #76afca; border-bottom: 0px solid #76afca;border-right: 0px solid #fff; white-space: nowrap; vertical-align: bottom; color:#fff;}
.tablelistnopadding td	{ padding: 0px 0px; border-right: 0px solid #fff; vertical-align:middle ; text-align:center}
.tablelistnopadding .even td	{ background-color: #e4f0fa;}
.tablelistnopadding .message td	{ background-color:#ffc;}
.tablelistnopadding .col_detail	{ }

.tablelistnopaddingalighnleft td { text-align:left}


.addinfo		{ margin: 0 0 15px; padding: 5px; border: 1px solid #ccc;}
.addinfo td	{ padding: 3px;}

.searchtable	{ margin: 0 0 15px;}
.searchtable td	{ padding: 3px;}

.filter	td{ font-size:.9em; }
.col0	{ float: left; display: block; width: 550px; margin: 0 20px 20px 5px; }
.col1	{ float: left; display: inline; width: 275px; margin: 0 20px 20px 5px; }

.col1 .tablelist	{ width: 270px;}
.col2	{ float: left; display: inline; width: 375px;}
.col2 .tablelist	{ width: 355px;}
.col2 #messages { height:290px; overflow:scroll;}


#steps	{ padding: 0 !important; height: 35px; }
#steps li	{ float: left; display: inline; font-size: 13px; border-right: 1px solid #fff;}
#steps li a b	{ font-size: 14px;}
#steps li a:link, #steps li a:visited	{ display: block; float: left; height: 35px; line-height: 35px; padding: 0 10px;background: #e3ecfa;  color: #06689a;  text-decoration: none;}
#steps li a:hover	{background: #cbdbed;}
#steps li.on a:link, #steps li.on a:visited	{ background: #fff;color: #666; border-bottom: 2px solid #b1c8df; height: 33px; line-height: 33px;}

.step1	{ padding: 10px; border: 1px solid #b1c8df; margin: 0 0 15px; }

.steptable	{ width: 500px; margin: 0 0 10px;  }
.steptable td	{ padding: 6px 10px;}
.steptable .even td	{ background: #e4f0fa;}



#footer	{ margin: 20px; padding: 20px 0; font-size: 11px; border-top: 1px solid #bbdbf6; text-align:center; color:#888;}


/* MISC
------------------------------------------------------------------------------------- */
/*a.bttn:link, a.bttn:visited	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #2b6787; border-color: #b6dcf0 #2b6787 #2b6787 #b6dcf0; background: #44a6d9; font-size: 11px !important;}
a.bttn:hover	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #2b6787; border-color: #b6dcf0 #2b6787 #2b6787 #b6dcf0; background: #3685AE; font-size: 11px !important;}*/
.bttn	{ padding: 3px 4px; font-weight: bold; color: #fff !important; border: 1px solid #2b6787; border-color: #b6dcf0 #2b6787 #2b6787 #b6dcf0; background: #44a6d9; font-size: 11px !important;}

.bttn2	{ padding: 3px 4px; font-weight: bold; color: #fff !important; border: 1px solid #00501B; border-color: #5DBE7D #00501B #00501B #5DBE7D; background: #093; font-size: 11px !important;}
a.bttn2:link, a.bttn2:visited	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #00501B; border-color: #5DBE7D #00501B #00501B #5DBE7D; background: #093; font-size: 11px !important;}
a.bttn2:hover	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #00501B; border-color: #5DBE7D #00501B #00501B #5DBE7D; background: #007a29; font-size: 11px !important;}

a.bttn3:link, a.bttn3:visited	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #6b6b6b; border-color: #dedede #6b6b6b #6b6b6b #dedede; background: #ccc; font-size: 11px !important;}
a.bttn3:hover	{ padding: 3px 6px; padding-bottom:4px; text-decoration: none; font-weight: bold; color: #fff !important; border: 1px solid #6b6b6b; border-color: #dedede #6b6b6b #6b6b6b #dedede; background: #a3a3a3; font-size: 11px !important;}

/*div.bttn {margin:8px 0px; text-align:right;}*/
.input	{ padding: 2px; border: 1px solid; border-color: #4d4d4d #c6c6c6 #d5d5d5 #797979; font-family: verdana, arial, sans-serif; }
.input option	{ padding-right: 10px;}
/*.bttn	{ padding: 3px 4px; font-weight: bold; color: #fff !important; border: 1px solid #2b6787; border-color: #b6dcf0 #2b6787 #2b6787 #b6dcf0; background: #44a6d9; font-size: 11px !important;}*/

h1	{ font-size: 16px; padding:10px 0 10px; }
h2	{ color: #666; font-size: 14px;}
h3	{ font-size: 14px;}
h4	{ font-size: 11px;}
sup	{ font-size: 8px;}

.altHeadings h1 {background: #bbdbf6;  padding:5px; margin: 15px 0px 0px;}
.altHeadings h2 {background: #e4f0fa; padding:5px; margin: 10px 0px 0px; }
.altHeadings p {padding:5px 5px 5px 20px; }

.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; font-size: 1px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } /* FIXES MAC IE */
.clearfix { /*\*/display: block;/**/ }
.vSpace { margin-top: 20px; }

.floatleft  { float: left; position: relative; }
.floatright { float: right; position: relative; }

img.floatleft  { margin: 0 10px 5px 0; }
img.floatright { margin: 0 0 5px 10px; }

.alignleft   { text-align: left; }
.alignright  { text-align: right; }
.aligncenter { text-align: center; }



.statuspending	{ color: #c00; font-size: 11px; }
.status 		{ font-size: 11px; color: #666; }
.statusactive	{ font-size: 11px; color: #090; }



/*
Styles for various result tables
*/
.results_selected {
	color: #000000;
	border: 3px solid #CCFFCC;
	display: block;
}
.results {
	text-decoration: none;
	color: #000000;
	border: 1px solid #76AFCA;
	display: block;
}
.rowheader {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	background-image: url(table_back.gif);
	background-repeat: repeat-x;
}
.rowitemdivide {
	color: #333333;
	background-color: #BBDBF6;
	font-weight: bold;
}
.rowitem {
	color: #333333;
}
.rowitem2 {
	color: #333333;
	background-color: #E4F0FA;
	font-style: normal;
}
.rowname {
	text-indent: 10px;
	color: #333333;
}
.rownamesub {	
	/*text-indent: 20px;*/
	color: #003366;
}
.results a:link, .results a:visited {
	text-decoration: none;
	color: #006600;
	background-color: #CCFFCC;
}
.results a:hover, .results a:active {
	text-decoration: none;
	color: #006600;
	background-color: #99FF99;
}
.rowfooter {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
}

/*
.results {
	text-decoration: none;
	color: #00);
	border: 1px solid #76AFCA;
	display: block;
}

Styles for function navigation bar
*/
table#header {
	background-image: url(bg_header_back.jpg);
	width: 100%;
}
table#nav td {
	text-align: center;
}

table#navGroup td {
	text-align: center;
}

table#navCompany td {
	text-align: center;
}
#nav td a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	}
#nav td a:link, #nav td a:visited {
	background: transparent url(nav_back_hi.gif) repeat;
	display: block;
	margin: 0;
	width: 100%;
	line-height: 30px;
}
#nav td a:hover, #nav td a:active {
	background: transparent url(nav_back.gif) repeat;
	display: block;
	margin: 0;
	width: 100%;
	line-height: 30px;
}
/*
Styles for my account nav bar
*/
table#account {
	background-image: url(nav_back_at.gif);
	width: 500px;
	border: 1 solid #003366;
}
table#account td {
	text-align: center;
}
#account td a {
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	}
#account td a:link, #account td a:visited {
	background: transparent url(nav_back_at.gif) repeat;
	display: block;
	margin: 0;
	width: 100%;
}
#account td a:hover, #account td a:active {
	background: transparent url(nav_back_at.gif) repeat;
	display: block;
	margin: 0;
	width: 100%;
}
/*
Styles for my account sub nav bar
*/
table#subnav {
	background: #06689A;
	width: 750px;
}
table#subnav td {
	text-align: center;
}
#subnav td a {
	text-align: center;
	text-decoration: none;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	}
#subnav td a:link, #subnav td a:visited {
	background: #06689A;
	display: block;
	margin: 0;
	width: 100%;
}
#subnav td a:hover, #subnav td a:active {
	background: #0099CC;
	display: block;
	margin: 0;
	width: 100%;
}

div#content {padding:5px 10px;}

#content ul {list-style-type:disc; margin:auto; }
#content ul li{margin-top:8px; }

#content ol {margin:0px 15px; list-style-type: decimal;  }
#content ol li{margin-top:8px; }


/* Tooltip */
.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

    background-color:White;

    font: normal 11pt sans-serif; 
    padding: 3px; 
    border: solid 1px;
}

.tablelist .forceMagentaForecolor td	{ color: #FF00FF;}
.tablelist .forceRedForecolor td	{ color: Red;}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopupForCLTA {
	margin:10px 10px 10px 10px;
	cursor: move;
	background-color:Lavender;
	color:Black;
	
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}


/* Terms of use */
.tou p{margin:8px;}
.tou li{margin:8px 20px;}

.borders
{
	border: 1px solid #cccccc;
}