body {
	background-color: #C3C4AB;
	background-image: url('../images/back.gif');
	font-family: Verdana, Arial, Helvetica;
	font-size:10pt;	 
	color:#003049;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p, div {
	color:#404040;
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;	 
	color:#003049;
}	

img {
	border: 0px;	 
}	

A { 
	color:#416679;
	font-family:Verdana, Arial, Helvetica;
	font-size:10px;	 
	text-decoration:none; 
}	

A:Hover { 
	color:#A5C05C;
	text-decoration:none; 
}	

.header { 
	background-color:#00314A;
	background-image: url('../images/back_header.gif');
	background-repeat: repeat-x;
	height:72px;
}	

.topLinks {
	background-color:#426679;
	font-family: Verdana, Helvetica;
	font-size:11px;	
	height:23px;
}

.leftPanel {
	background-color:#F1F8FD;
	background-image: url('../images/back_content_left.gif');
	background-repeat: repeat-y;
}

.rightPanel {
	background-color:#F1F8FD;
	background-image: url('../images/back_content_right.gif');
	background-repeat: repeat-y;
}

.leftPanelGeneral {
	background-color:#92A6BE;
	background-image: url('../images/back_content_left.gif');
	background-repeat: repeat-y;
}

.rightPanelGeneral {
	background-color:#92A6BE;
	background-image: url('../images/back_content_right.gif');
	background-repeat: repeat-y;
}

.middleArea { 
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica;
	font-size:11px;	
	height:100px;
}	

.middleAreaGeneral { 
	background-color: #92A6BE;
	font-family: Verdana, Helvetica;
	font-size:11px;	
	height:100px;
}	

.testimonials { 
	color:#FFFFFF;
	background-color: #B92C0F;
	padding: 5px 5px 5px 5px;
}	

.blockProfileHeader { 
	background-color:#4E7B09;
	padding: 3px 3px 3px 6px;
}	

.blockProfileLinks { 
	background-color:#88AE4E;
	padding: 3px 0px 3px 0px;
}	

.blockProfile { 
	background-image: url('../images/block_profile_back2.gif');
	background-repeat: repeat-x;
	background-color:#A1BC54;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockProfileBottom { 
	background-image: url('../images/block_profile_bsrep.gif');
	background-repeat: repeat-x;
	height:8px;
}	

.blockReportsHeader { 
	background-color:#A15B40;
	padding: 3px 3px 3px 6px;
}	

.blockReportsLinks { 
	background-color:#B97258;
	padding: 3px 0px 3px 0px;
}	

.blockReports { 
	background-image: url('../images/block_reports_back.gif');
	background-repeat: repeat-x;
	background-color:#BB8870;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockReportsBottomLast { 
	background-image: url('../images/block_reports_bslast.gif');
	background-repeat: repeat-x;
	height:8px;
	background-color:#F1F8FD;
}	

.blockReportsBottomDash { 
	background-image: url('../images/block_reports_bsdash.gif');
	background-repeat: repeat-x;
	height:8px;
	background-color:#B65E06;
}	

.blockDashboardHeader { 
	background-color:#B65E06;
	padding: 3px 3px 3px 6px;
}	

.blockDashboardLinks { 
	background-color:#DA8D41;
	padding: 3px 0px 3px 0px;
}	

.blockDashboard { 
	background-image: url('../images/block_dashboard_back.gif');
	background-repeat: repeat-x;
	background-color:#CAA43D;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockDashboardBottomDoc { 
	background-image: url('../images/block_dashboard_bsdoc.gif');
	background-repeat: repeat-x;
	height:8px;
}	

.blockDocumentsHeader { 
	background-color:#3A5C64;
	padding: 3px 3px 3px 6px;
}	

.blockDocumentsLinks { 
	background-color:#5A8089;
	padding: 3px 0px 3px 0px;
}	

.blockDocuments { 
	background-image: url('../images/block_documents_back.gif');
	background-repeat: repeat-x;
	background-color:#77A2AA;
	color:#FFFFFF;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockDocumentsBottomLast { 
	background-image: url('../images/block_documents_bslast.gif');
	background-repeat: repeat-x;
	height:8px;
	background-color:#F1F8FD;
}	

.blockContentHeader { 
	background-color:#CBD4DB;
	padding: 3px 3px 3px 6px;
}	

.blockContent { 
	background-color:#E2E8ED;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockContentBottom { 
	background-image: url('../images/block_content_bs.gif');
	background-repeat: repeat-x;
	height:8px;
}	

.blockContentHighHeader { 
	background-color:#A4B3BF;
	padding: 3px 3px 3px 6px;
}	

.blockContentHigh { 
	background-color:#CFD6DC;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	line-height: 130%;
	padding: 3px 3px 3px 6px;
}	

.blockContentHighBottom { 
	background-image: url('../images/block_content_bs.gif');
	background-repeat: repeat-x;
	height:8px;
}	

.blockContentHighBottom2 { 
	background-image: url('../images/contentblock_shadow_back.gif');
	background-repeat: repeat-x;
	height:8px;
}	

.contentArea { 
	background-color: #F1F8FD;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	color:#003049;
}

.contentAreaGeneral { 
	background-color: #92A6BE;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
	color:#003049;
}

.contentBlock { 
	background-color: #E2E8ED;
	font-family: Verdana, Helvetica;
	font-size:11px;	 
}

.contentBlockGeneral { 
	background-color: #92A6BE;
	font-family: Verdana, Helvetica;
	font-size:11px;	 
}

.title { 
	color: #003049;
	font-family: Verdana, Helvetica;
	font-size:15px;
	font-weight:bold;	
	padding: 5px 5px 10px 0px;
}

.subTitleReports { 
	color: #A15B40;
	font-family: Verdana, Helvetica;
	font-size:13px;	
	font-weight:bold;	
}

.subTitleDocuments { 
	color: #3A5C64;
	font-family: Verdana, Helvetica;
	font-size:13px;	
	font-weight:bold;	
}

.subTitleProfile { 
	color: #4E7B09;
	font-family: Verdana, Helvetica;
	font-size:13px;	
	font-weight:bold;	
}

.subTitleDashboard { 
	color: #B65E06;
	font-family: Verdana, Helvetica;
	font-size:13px;	
	font-weight:bold;	
}

.formElement { 
	font-family: Verdana, Helvetica;
	font-size:11px;	 
}

.bottomLinks {
	background-color:#FFFFFF;
	font-family: Verdana, Helvetica;
	font-size:11px;	 
	height:20px;
}

.bottomLine {
	background-color:#406477;
	height:2px;
}

.bottomText {
	background-color:#003049;
	color:#E6E6E6;
	font-family: Verdana, Helvetica;
	font-size:11px;	 
	height:55px;
}

.cell2 {
	background-color:#CBD4DB;
	font-family: Verdana, Helvetica;
	font-size:10px;	 
}


.sectionheader
{
	font-family: Georgia;
	font-size: 12pt;
	font-weight: bold;
	background-color: #f0f8ff;
	color: #000099;
}

.sectionheadertop
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	background-color: #f0f8ff;
	color: #000099;
}

.datatable
{
	padding: 2px 2px 2px 2px;
	background-color: rgb(255, 255, 240);
	border-right: blue 1px dotted;
	font-weight: normal;
	font-size: 10pt;
	border-left: blue 1px dotted;
	border-bottom: blue 1px dotted;
	font-family: Tahoma;
}

.sectiondescription
{
	font-size: 10pt;
	font-family: Tahoma;
	line-height: 15pt;
	border-bottom: navy 1pt solid;
	vertical-align: middle;
	text-align: left;
	background-color: #cccccc;
}	

.modalpopup
{
	background-color: #d3d3d3;
	border-right: #99ccff 0px solid;
	border-top: #99ccff 0px solid;
	border-left: #99ccff 0px solid;
	border-bottom: #99ccff 0px solid;
	font-size: 10pt;
	font-family: Tahoma;
	padding: 2px;
}

.modalpopupbackground
{
	background-color: #0c0c0c;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.menubar
{
	font-size: 14px;
	font-family: Tahoma;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
	position: static;
}

.menubarpopout
{
	font-size: 12px;
	font-family: Arial;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=lightblue);
	padding-bottom: 5px;
	padding-top: 5px;
}

ul
{
	list-style: none; /* Remove the bullets */
	margin: 0;
	padding: 0px 0px 1px 0px;
	width: 125px; /* Menu width */
	height: 36px;
	top: 0;
	float:left;
}

ul li 
{
	display: block; /* Make a menu item a block (height 100%, width 100%) */
	position: relative; 
	float:left; /* Make sure (in IE) there's no margin between the menu items */
	padding: 0px 1px 1px 0px;
	width:100%;
	height: 36px;
	top: 0;
	background-color: #dcdcdc;
	border-right: #dcdcdc 2px solid;
	border-top: #dcdcdc 2px solid;
	border-left: #dcdcdc 2px solid;
	border-bottom: #dcdcdc 2px solid;
}

ul li a
{
	font-family: Georgia;
	font-size: 10pt;
	display:block; /* When rollover the menu item, the whole item will be seen as link. */
}


ul li a:hover
{
	color: #808080;
	background-color: #f5f5f5;
	padding: 0px 0px 0px 0px;
	height: 36px;
	top: 0;
	border-right: navy 2px solid;
	border-top: navy 1px solid;
	border-left: navy 1px solid;
	border-bottom: navy 1px solid;
	width: 100%;
	float: left; /* Make sure (in IE) there's no margin between the menu items */
	display: block; /* Make a menu item a block (height 100%, width 100%) */
}
ul ul {
	position: absolute; 
	top: 0; 
	display:none; /* Display nothing when not 'hovered' */
}

ul li ul li
{
	background-color: #f5f5f5;
	padding: 0px 0px 0px 0px;
	border-left: navy 1px solid;
	height: 20px;
}

ul li ul li a:hover
{
	color: #808080;
	background-color: #f0ffff;
	padding: 0px 1px 0px 0px;
	height: 36px;
	top: 0;
	border-right: navy 1px solid;
	border-top: navy 1px solid;
	border-left: navy 1px solid;
	border-bottom: navy 1px solid;
	width: 100%;
	float: left; /* Make sure (in IE) there's no margin between the menu items */
	display: block; /* Make a menu item a block (height 100%, width 100%) */
}

ul li:hover ul
{
	display: block; /* Make sure the submenu is displayed as blocks as well. */
	left:128px; /* Your menu width. The submenu appears there, when you hover a menu item. */
}

.clsFlash /* to flash browser timeout indicator */
{
    background-color: red;
    color: white;
    text-align: center;
    font-size: 8pt;
    font-family: Tahoma;
    vertical-align: middle;
}

.clsNoFlash  /* to flash browser timeout indicator */
{
    color: black;
    text-align: center;
    font-size: 8pt;
    font-family: Tahoma;
    vertical-align: middle;
}

.clsTooltip
{
	height: 15px;
	text-align: left;
	font-size: 10pt;
	font-family: Tahoma;
	font-size: 8pt;
	color: #000080;
	background-color: #f5f5f5;
	text-indent: 30pt;
	vertical-align: middle;
	background-image: url("http://localhost:50927/TejpalSourceCode/Images/but_help.gif");
	background-position: center left;
	background-repeat: no-repeat;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
}

.recordSource
{
	font-family: Georgia;
	font-size: 9pt;
	background-color: #f0f8ff;
	color: #000099;
}

.gridView
{
	width: 100%;
	font-size: 10pt;
	color: #333333;
	font-family: Tahoma;
}

.gridView td
{
	margin: 0px 0px 0px 2px;
	padding: 4px 2px 4px 2px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #000000;
	border-top-color: #000000;
	border-bottom: #d3d3d3 1px solid;
	border-right-width: 1px;
	border-right-color: #000000;
}

.gridView a
{
	text-decoration: underline;
}

.gridViewRow
{
	color: #333333;
	background-color: #f7f7f3;
	font-size: 10pt;
	font-family: Tahoma;
	text-align: left;
}

.gridViewAlternateRow
{
	font-size: 10pt;
	color: #284775;
	font-family: Tahoma;
	background-color: #ffffff;
	text-align: left;
}

.gridViewSelectedRow
{
	font-weight: bold;
	font-size: 10pt;
	color: #333333;
	font-family: Tahoma;
	background-color: #e2ded6;
	text-align: left;
}

.gridViewPager
{
	font-size: 10pt;
	width: 100%;
	color: #ffffff;
	font-family: Tahoma;
	background-color: #284775;
	text-align: left;
}

.gridViewHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	font-family: Tahoma;
	background-color: #5b7d9b;
	text-align: left;
	padding-bottom: 3px;
	padding-top: 3px;
}

.gridViewHiddenColumn
{
	display: none;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.pnlNonPopups
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.elmNoBorder 
{
	border-right: #000000 0px solid;
	border-top: #000000 0px solid;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
}