/* CSS Document */
	body, div, dd, dl, fieldset, lagend, form, h, h1, h2, h3, h4, h5,p, ul, li, a{
	padding:0px;
}
* {
		margin:0px;
	}
html ,body, form{
	 width:100%;
	 height:100%;
	 }
	 body{
	background:#fffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	font-weight:normal;
	color:navy;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	
}
/* End of global property */

/* Styles for the header of tha page */
	#bodyHeader{width:100%;
		height:112px !important;
		background:url(/images/VIPheader.jpg) repeat-x top left;
	}

/* This whether can be used to keep clint logo or VIP logo */
	#bodyHeader #Left{ float:left; width:271px; height:86px; margin-top:10px;  repeat-x top left;}
/* This is a placeholder for the right logo as well as for the Menu bar */
#bodyHeader #Right{float:right; width:434px; height:100%; }
	/* This is placeholder for the VIP logo */
	#Right #vipLogo{float:right; width:91px; height:69px; margin:2px 0px 0px 0px; }
	/* This is placeholder for Global Menu */
	#globalMenu{width:100%; height:34px; margin:8px 0px 0px 0px; float:right;  }
	#globalMenu ul{list-style-type:none; list-style-image:none; width:100%; list-style-position:inside; text-align:right;   } 
	#globalMenu ul li{ float:left; display:inline;  border:1px #ffffff ; border-right:none; border-bottom:none; background-color:#0B5095;margin:1px}
	#globalMenu ul li a{font-size:12px; letter-spacing:1px; text-decoration:none; font-weight:bold; border-bottom:1px #ffffff ; color:#ffffff; padding:0px 7px 0px 9px; line-height:2.6em; text-transform:capitalize; display:block; border-right:1px #195a9d ; } 
	#globalMenu ul li a:hover{text-decoration:underline; } 
/*	#globalMenu ul li a#selected{color:#f7d100;}
	
 End of the Header part */

/* Styles for the BODY of the page */

	 #bodyBody {
	  background:url(/images/contentMenuMiddle.jpg) repeat-x top left; 
	  width:99%;
      min-height: 80%;
      height: auto !important;
      height: 80%;
      margin: 2px auto 0px;
	  clear:both;
  }
	
	.RoundImageLeft{background:url(/images/contentMenuLeft.jpg) no-repeat 0px 0px; width:11px; height:27px; float:left; margin:0px; padding:0px;}
	#bodyBody #contextMenu{width:100%; height:27px; margin-bottom:6px} 	/*Div here for login information */
	#loginInfo{float:right; width: auto; height:100%; margin:0px; font-size:12px; color:#ffffff; font-weight:bold; padding-top:6px; text-align:left;  background:url(/images/online.gif) no-repeat 0pt 25%;}
	#loginInfo span{font-weight:bold; color:#91b7c4; }
	#loginInfo a{ color:#9eb0be; font-weight:normal; } 
	#loginInfo a:hover{ color:#ffffff; font-weight:normal; } 
	
	#contextData{border-left:1px solid #0a4f94; border-right:1px solid #0a4f94; width:99.8%; margin-top:6px; padding:10px 0px 2px 0px;}
	
	.footer, .push{width:100%; height:50px;  }
	.footer{ background:#518ce5;  margin:0px auto; border-top:1px solid 0a4f94;}
	.footer p{ padding-top:14px; width:400px; margin:0px auto; height:34px; font-size:9px; text-align:center; color:#ffffff;}
	.footer p a{ font-size:9px; text-align:center; color:#ffffff; text-decoration:none;}


/* This CSS properties has beeen used for SHORTING TABLE header */
.labelStyle1 {
	font-family: VERDANA;
	font-size: 12px;
	color: navy;
	font-weight: bold;
	background:#345992;

}

table.sortable a.sortheader 
{
	font-family: VERDANA;
	font-size: 12px;
	color: white;
	font-weight: bold;
	background:#345992
	text-align: center
	
}

table.sortable span.sortarrow 
{
    color: white;
    text-decoration: none;
}

/* These classes are used for the POPUP window header image*/

#popUpTop{
		width:100%;
		height:90px;
		background:url(/images/VIPheader.jpg) repeat-x top left;
	}
#popUpTop #logoImage{float:left; width:91px; height:69px; margin:10px 0px auto 5px; background:url(/images/logo.jpg) no-repeat top left;}

.fieldHeading{
	font-family:verdana;
	font-size:18px;
	color: #0084ff;
	text-align:left;
	/*background:#d8ecff;*/
	padding:2px;
	border-bottom:thin double #d8ecff;
}
.myDataTable tr td{text-align:left;}
.subSection{ background:url(/images/SessionHeaderBG.gif) repeat-x top left;  border:2px solid #e2f1ff; padding:2px;}

.noItem{ background:#ffe1e1; border:thin dotted #cccccc; color: #ff0000;}
.Item{ background:#d9ffc9; border:thin dotted #cccccc; color: #0084ff;}