body
{
	font-weight: normal;
	font-size: 0.8em;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight: 700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	}

.banner
{
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 10px;
	color: white;
	padding-top: 10px;
	font-family: 'Bookman Old Style';
	height: 40px;
	background-color: #336600;
}

/**************** table styles *****************/

TD.tdheader1
{
	font-weight: bold;
	font-size: 12px;
	background: #2F4E7C; /**/
	color: #ffffff;
	font-family: Arial;
	height: 16px;
}

TD.tdheader2
{
	font-weight: bold;
	font-size: 11px;
	background: url(Images/tdheaderBG.jpg) #1b4b9d;
	color: #000000;
	font-family: Arial;
	height: 16px;
}
TD.tdheader3
{
	font-weight: bold;
	font-size: 11px;
	background: #99b9ff;
	color: #000000;
	font-family: Arial;
	height: 16px;
}

TD.tdheader4
{
	font-weight: bold;
	font-size: 11px;
	background: #c9e1ff;
	color: #000000;
	font-family: Arial;
	height: 16px;
}

TD.tdheader5
{
	font-weight: normal;
	font-size: 11px;
	background: #e1ebff;
	color: #000000;
	font-family: Arial;
	height: 16px;
	vertical-align: top;
}

TD.tdcontent
{
	font-size: 11px;
	background: #fafaff; /*#fafff5;*/ /*250,250,255*/
	color: #000000;
	font-family: Arial;
	height: 16px;	
}

TD.tdcontent2	/* New */
{
	font-size: 11px;
	color: #000000;
	font-family: Arial;
	height: 16px;
}

TD.tdbottomline
{
	font-weight: bold;
	font-size: 12px;
	vertical-align: sub;
	color: #ffffff;
	font-family: 'Bookman Old Style';
	height: 16px;
	background-color: black;
}

TD.tdinvalidaccess
{
	font-size: 16px;
	color: white;
	font-family: Arial;
	background-color: red;
	font-weight: bold;
}
/**************** DataGrid styles *****************/
.header1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #2F4E7C;
    height: 20px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial
}

.header2
{
	font-weight: bold;
	font-size: 11px;
	background: #c9e1ff;
	color: #000000;
	height: 18px;
	font-family: Arial;
}
.header3
{
	font-weight: bold;
	font-size: 11px;
	background: #c9e1ff;
	color: #000000;
	height: 18px;
	font-family: Arial;
}
.content1
{
	font-size: 11px;
	background: #f5ffff;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.content2
{
	font-size: 11px;
	background: #dcffff;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.selection
{
	font-size: 11px;
	background: #aebbc6;
	color: #ffffff;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.footer
{
	font-size: 12px;
	font-weight: bold;
	background: #c9e1ff;
	color: black;
	height: 16px;
	font-family: Arial;
}

.pager
{
	font-size: 12px;
	font-weight: bold;
	background: #c9e1ff;
	color: black;
	height: 16px;
	font-family: Arial;
}

/**************** GridView Styles ********************/
.gvheader1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #2F4E7C;
    height: 20px;
    FONT-FAMILY: Arial;
    color: White;
}

.gvheader1 A:Link 
{
color: White; }

.gvheader1 A:Active
{
color: White; }

.gvheader1 A:Hover
{
color: White; }

.gvheader1 th
{
	color: White;
}

.gvheader2
{
	font-weight: bold;
	font-size: 11px;
	background: url(Images/tdheaderBG.jpg) #1b4b9d;
	color: #000000;
	height: 20px;
	font-family: Arial;
}

.gvheader3
{
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	height: 20px;
	font-family: Arial;
}

.gvcontent1
{
	font-size: 11px;
	background: #faffff;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvcontent2
{
	font-size: 11px;
	background: #dcffff;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvcontent3
{
	font-size: 11px;
	background: #cbeecb;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvhighlight1
{
	font-size: 11px;
	background: #ccff66;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvhighlight2
{
	font-size: 11px;
	background: yellow;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvhighlight3
{
	font-size: 11px;
	background: red;
	color: #000000;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvselection
{
	font-size: 11px;
	background: #aebbc6; /*#999999;*/
	color: #ffffff;
	font-family: Arial;
	height: 16px;
	letter-spacing: 1px;
}

.gvfooter
{
	font-size: 12px;
	font-weight: bold;
	background: #c9e1ff;
	color: #000000;
	height: 16px;
	font-family: Arial;
}

.gvpager
{
	font-size: 12px;
	font-weight: bold;
	background: #c9e1ff;
	color: #000000;
	height: 16px;
	font-family: Arial;
}

/**************** Tools styles *****************/
.button
{
	font-size: 11px;
	border: 0;
	width: 50px;
	height: 22px;
	color: #0066ff;
	font-family: Arial;
	background-image: url(Images/button1.jpg);
	font-weight: bold;
	background-color: transparent;
	cursor: hand;
}

.buttonlong
{
	font-size: 11px;
	border: 0;
	width: 100px;
	height: 22px;
	color: #0066cc;
	font-family: Arial;
	background-image: url(Images/button2.jpg);
	font-weight: bold;
	background-color: transparent;
	cursor: hand;
}

.buttonlong2
{
	font-size: 11px;
	border: 0;
	width: 150px;
	height: 22px;
	color: #0066cc;
	font-family: Arial;
	background-image: url(Images/button3.jpg);
	font-weight: bold;
	background-color: transparent;
	cursor: hand;
}

.buttonsub
{
	font-size: 10px;
	width: 45px;
	height: 18px;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	background-color: transparent;
	background-image: url(Images/button.jpg);
	border-right: #dcdcdc 1px outset;
	border-top: #dcdcdc 1px outset;
	border-left: #dcdcdc 1px outset;
	border-bottom: #dcdcdc 1px outset;
	cursor: hand;
}

.textbox
{
	font-size: 11px;
	font-family: arial;
	width: 140px;
	height: 15px;
	border-right: #87accc 1px solid;
	border-top: #87accc 1px solid;
	border-left: #87accc 1px solid;
	border-bottom: #87accc 1px solid;
}

.textboxreadonly
{
	font-size: 11px;
	font-family: arial;
	background-color: #ffffcc;
	width: 140px;
	height: 15px;
	border-right: cornflowerblue 1px solid;
	border-top: cornflowerblue 1px solid;
	border-left: cornflowerblue 1px solid;
	border-bottom: cornflowerblue 1px solid;
}

.textboxhidden
{
	font-size: 11px;
	font-family: arial;
	width: 140px;
	height: 15px;
	display: none;
}

.combobox
{
	font-size: 11px;
	width: 145px;
	font-family: arial;
	background-color: rgb(255,255,255);
	border-right: cornflowerblue 1px solid;
	border-top: cornflowerblue 1px solid;
	border-left: cornflowerblue 1px solid;
	border-bottom: cornflowerblue 1px solid;
}

.checkbox
{
	font-size: 11px;
	color: black;
	font-family: Tahoma;
	background-color: transparent;
}

.radiobutton
{
	font-size: 11px;
	color: black;
	font-family: Tahoma;
	background-color: transparent;
}

.label
{
	font-size: 11px;
	color: rgb(0,0,0);
	font-family: arial;
}

.labelstatus
{
	font-size: 12px;
	color: red;
	font-family: arial;
	font-weight: bold;
}

.labelmoduletitle
{
	font-weight: bold;
	font-size: 14px;
	color: #65696a; /*#808080*/
	font-family: 'Verdana';
}

.labelcompulsory
{
	color: red;
	font-weight: bold;
}

.labelerror
{
	color: red;
	font-weight: bold;
	font-size: 12px;
}

.listbox
{
	font-size: 11px;
	width: 200px;
}

.linkreport
{
	font-weight: bold;
	font-size: 11px;
	color: #000099;
	font-family: 'Arial';
	text-decoration: none;
}

a.linkreport:link
{
	font-weight: bold;
	font-size: 11px;
	color: #000099;
	font-family: 'Arial';
	text-decoration: none;
}

a.linkreport:visited, active
{
	font-weight: bold;
	font-size: 11px;
	color: #990099;
	font-family: 'Arial';
	text-decoration: none;
}

a.linkreport:hover
{
	font-weight: bold;
	font-size: 11px;
	color: #ff3333;
	font-family: 'Arial';
	text-decoration: none;
}

/************* Main Page Style *******************/
TD.tddivision
{
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	font-family: 'Times New Roman';
}

TD.tdsidemenu
{
	font-weight: bold;
	font-size: 17px;
	color: #660000;
	font-family: 'Times New Roman';
}

a.topdiv:visited, active
{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	font-family: 'Times New Roman';
	text-decoration: none;
}
a.topdiv:hover
{
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.sidediv:link
{
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.sidediv:visited, active
{
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.sidediv:hover
{
	font-weight: bold;
	font-size: 17px;
	color: #660000;
	font-family: 'Times New Roman';
	text-decoration: none;
}

.textsys
{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.textsys:link
{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.textsys:visited, active
{
	font-weight: bold;
	font-size: 18px;
	color: #ffffff;
	font-family: 'Times New Roman';
	text-decoration: none;
}

a.textsys:hover
{
	font-weight: bold;
	font-size: 18px;
	color: #000000;
	font-family: 'Times New Roman';
	text-decoration: none;
}

/***************** Banner & Title Style **********************/
TD.tdbanner
{
	font-weight: bold;
	font-size: 19px;
	color: white;
	font-family: 'Square721 BT';
	text-align: center;
}

TD.tdlogininfo
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	font-family: 'Arial';
	text-align: center;
}

TD.tdstatusbar
{
	font-weight: bold;
	font-size: 12px;
	color: red;
	font-family: Verdana;
}

/***************** Popup Panel Style **********************/

.panelpopup
{ 
	background-color: #ffffdd; 
	Z-INDEX: 110; 
	LEFT: 150px; 
	TOP: 100px; 
	POSITION: absolute; 
	border-bottom: 2px outset; 
	border-right: 2px outset; 
	border-top: 2px outset; 
	border-left: 2px outset;
}

.divpopuptitle
{
	cursor: move; 
}

.tablepopuptitle
{
	background-color:#ebebeb;
	font-weight:bold; 
	font-size:12px; 
	font-family:Arial;
}

.lbltimer
{
	font-weight:bold; 
	font-size:40px; 
	font-family:Arial;
	color: #ffffff;
}

.panelpopuptimer
{
	background-color: #666699; /*#669933*/
	z-index: 110;
	left: 150px;
	top: 100px;
	position: absolute;
	border-bottom: 2px outset;
	border-right: 2px outset;
	border-top: 2px outset;
	border-left: 2px outset;
	color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

/* For Modal Pop-up*/
.modalProgressGreyBackground 

{

background:#CCCCCC;

filter:alpha(opacity=60);

opacity:0.6;

}

.modalProgressRedBackground 

{

background:Red;

filter:alpha(opacity=60);

opacity:0.6;

}

.modalPopup

{

text-align:center;

padding-top: 30px; 

border-style:solid; 

border-width:1px; 

background-color:White; 

width:300px; 

height:100px;

}

.autocomplete_completionListElement 

{ 

visibility : hidden;

margin : 0px;

background-color : window;

color : windowtext;

border : buttonshadow;

border-width : 1px;

border-style : solid;

overflow : auto;

height : 200px;

cursor : default;

}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem

{

background-color: #ffff99;

color : black;

padding : 1px;

}

/* AutoComplete item */

.autocomplete_listItem 

{

background-color : window;

color : windowtext;

padding : 1px;

}


#footer{
 position:fixed;
 bottom:10px;
 right:10px;
 font-size: 11px;
 background: #fafaff; /*#fafff5;*/ /*250,250,255*/
 color: #000000;
 font-family: Arial;
}