﻿/*Body Part and Table Part*/
BODY {
    font-size: 10pt;
    margin: 0pt;
    color: #606060;
    font-family: Verdana, Verdana;
    text-align: justify;
    /*background-color: #f3f9f8;*/
    /*
	This works for Body if Html tag doesn't have XHTML 
	scrollbar-base-color: #00EDE5;
	scrollbar-arrow-color: #0C00F2;
	scrollbar-3dlight-color: #FFFFCC;
	scrollbar-darkshadow-color: #EFF700;
	scrollbar-shadow-color: #5B00EF;
	*/
}





.DataGridFixedHeader
{
	font: menu;
	position: relative;
	top: expression(this.offsetParent.scrollTop);
	text-align: center;
	padding: 0;
	font-family: Verdana;
	font-weight: bold;
	color: White;
	font-size: 9pt;
	white-space: nowrap;
	background-image: url(Images/bg.gif);
	background-color: transparent;
	background-repeat: repeat;
}




/*Header Elements Settings*/
H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    font-family: 'Roboto', sans-serif;
}
H2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    font-family: 'Roboto', sans-serif;
}

/*Table Settings*/
TABLE
{
	font-size: 9pt;
	font-family: Verdana;
	text-align: justify;
}
.TableLeft {
    font-size: 9pt;
    font-family: 'Roboto', sans-serif;
    text-align: left;
}
.TBLegend
{
	font-size:7pt;
	font-family: Verdana;
	color:#000000;
}

/*Links*/
A:link {
	FONT:  Verdana; COLOR: Black; TEXT-DECORATION: none
}
A:active {
	FONT: Verdana; COLOR: Black; TEXT-DECORATION: none
}
A:visited {
	FONT:  Verdana; COLOR: Black; TEXT-DECORATION: none
}
A:hover {
	FONT:  Verdana; COLOR:blue; TEXT-DECORATION: underline
}

/*HeadingLink*/
.HeadingLink:active { 	font: bold 13pt 'Arial'; 	color: blue; 	text-decoration: none; }
.HeadingLink:visited { 	font: bold 13pt 'Arial'; 	color: blue; 	text-decoration: none; }
.HeadingLink:hover { 	font: bold 13pt 'Arial'; 	color: blue; 	text-decoration: underline; }


/*TextBox*/
.INPUT {
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    FONT-SIZE: small;
    font-family: 'Roboto', sans-serif;
    color: black;
    background-color: white;
}


INPUT {
	FONT-SIZE: small; FONT-FAMILY: Verdana, Arial; color: black;  background-color: white;
	
}




/*Buttons Setting*/
.butt 
	{
	/*FONT-SIZE: x-small; FONT-FAMILY: Verdana, Arial; color: black;  background-color: white;	
	font-family:verdana;
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: #2a6bbb; 
	COLOR: #ffffff;*/


   border: 1px outset #EEEEEE;
    font-size:11px;
       font-family:Verdana,sans-serif;
       font-weight:bold;
       color:#888888;
       width:60px;
       background-color:#EEEEEE;
       height: 19px;
}

/*Table Header Setting*/
.Center
{
 font-weight:bold;
 color:Black;
 vertical-align:text-top;
 text-align:center;
 font-size:11pt
}

.CenterAlign
{
 color:Black;
 vertical-align:text-top;
 text-align:center;
 font-size:10pt
}

.LeftCombo {
    height: 10pt;
    width: 140pt;
    border: 1pt #000000 solid;
    background-color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-decoration: none
}

TEXTAREA {
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: black;
}


/*Drop DownList Settings*/


.SEL {
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: #606060;
    width: 40pt;
    height: 15pt
}
SELECT {
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: #606060;
    width: 130pt;
    height: 16pt;
    margin: 2pt;
    /* BORDER-RIGHT: 1pt solid; BORDER-TOP: 1pt solid; FONT-SIZE:x-small; BORDER-LEFT: 1pt solid; BORDER-BOTTOM: 1pt solid; FONT-FAMILY: Verdana, Verdana; background-color: white; color: #606060; height:15pt*/
}

.TextBox {
    BORDER-RIGHT: 1pt solid;
    BORDER-TOP: 1pt solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: 1pt solid;
    BORDER-BOTTOM: 1pt solid;
    font-family: 'Roboto', sans-serif;
    background-color: white;
    color: #606060;
    width: 115pt;
    height: 15pt
}


.td1 {
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    font-weight: 500;
    text-align: center;
    background-color: #215ba1;
    color: #FFFFFF;
    border: ridge 1pt;
    border-color: #71B8FF;
}

.tdsub {
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    text-align: center;
    border: ridge 1pt;
    border-color: #71B8FF;
    color: #0202bc
}

.tdsubBold {
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    text-align: center;
    font-weight: bold;
    border: ridge 1pt;
    /*border-color:#71B8FF;*/
    color: #0202bc
}

.tddate {
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: right;
    border: ridge 1pt;
    /*border-color:#71B8FF;*/
    color: #0202bc
}
	
	

/* Grid Related Settings */

	.GridBorderNColor
	{
	 
	 color:#333333;
	 padding:0;
	 text-align:left;
	 background-color:#ccccff;
	 white-space:nowrap;
	 width:70pt;
	  overflow:visible;
	  border-style:none;
 
	 
	  
	}

.GridItemHeader {
    text-align: center;
    padding: 0;
    background-color: #507CD1;
    font-family: Verdana;
    font-weight: bold;
    color: White;
    white-space: nowrap;
    font-family: 'Roboto', sans-serif;
}

.GridItemHeader_rpt {
    text-align: center;
    padding: 0;
    background-color: #507CD1;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: White;
    font-size: 9pt;
    white-space: nowrap;
}

.GridSelectedItem {
    background-color: #D1DDF1;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #333333;
    font-size: 7pt;
    white-space: pre-wrap;
}

.GridFooterStyle {
    background-color: #507CD1;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: White;
    font-size: 7pt;
    white-space: nowrap;
}

.GridRowStyle {
    background-color: #EFF3FB;
    font-size: 9pt;
    letter-spacing: normal;
    white-space: pre-wrap;
    text-align: center;
    word-spacing: normal;
    /*font-family:Verdana;*/
    font-style: normal;
    padding: 1;
    font-weight: 600;
}

.GridAlternatingRowStyle {
    background-color: White;
    font-size: 9pt;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    white-space: pre-wrap;
    /*font-family:Verdana;*/
    font-style: normal;
    padding: 1;
    font-weight: 600;
}
	
	.GridEditRowStyle
	{
	 background-color:#2461BF;
	 font-size:7pt;	
	 color:White;
	 
	}
	

	
	.GridPagerStyle
	{
	 text-align:center;
	 background-color:#2461BF;
	 color:White;
	 width:30pt;
	font-size:7pt;
	white-space:nowrap;
	 overflow:scroll;
	}
	
	.CenterRptTxt
	{
	 text-align:center;
	 text-transform:capitalize;
	/*text-decoration:Underline;*/
	 font-weight:bold;
	 letter-spacing:7pt;
	 color:black;
	 font-size:12pt;
	 font-family:Arial
	 
	 	
	}
	
	