/****************************************************/
/*             Html Page                            */  
/****************************************************/  
HeadLine
{
	background-color:#6599C1;
	font-weight: normal;
	font-size: medium;
	color: black;
	font-family: Verdana;
	
}
HeadLine2
{
	color: #ffffff;
	font-family: Verdana;
	background-color: #6599C1;
}
/* background color for the header at the top of the page  */
Header {
    background-color: navy;
}

/* background color for the content part of the pages */
Body
{
    font-family: Verdana;
    font-size: 12px;
    background-color: #deebf5;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    
}

/* GENERIC */
Table.TreeNode	
{
	border-collapse : collapse;
	border : 1;
	padding : 4;
}

TBODY.Help   {
    font-family : Verdana;
    font-size : 14px; 
    background-color : #E7E7FF;  
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
   /* color: darkred;*/
}

THEAD.TreeNode   {
    font-family : Arial Narrow;
    font-size : 12px;
    font-weight:bold;
    text-align : center;
    background-color : #4A3C8C;
    /*color : white;*/
	color:#E7E7FF;
}

THEAD.Help   {
    font-family : Arial Narrow;
    font-size : 14px;
    font-weight:bold;
    text-align : center;
    background-color : #4A3C8C;
    color:#E7E7FF;
    color : white;
	
}

TR.TreeNode   {
    font-family : Arial Narrow;
    font-size : 12px;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    /*color: darkred;*/
}

H1  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:120%; font-style:italic;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    /*color: darkred;*/
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    /*color: darkred;*/
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
   /* color: darkred;*/
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    /* color: darkred;*/
}

/*A:link  {
    text-decoration:    none;
    color:  Blue;
}

A:visited   {
    text-decoration:    none;
}

A:active    {
    text-decoration:    none;
     color: darkred;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}*/
.LinkText
{cursor:hand;  }
SMALL {font-size:8px;}
BIG {font-size:14px;}
BLOCKQUOTE, PRE {font-family: Lucida Console, 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;}
HR { /* color: darkred;*/height:1pt;text-align:left}

/****************************************************/
/*                       Menu                       */  
/****************************************************/  
.Menu
{
	color: #000000;
	font-size:12px;
	text-decoration: underline;
	font-weight:bold;
}
.StaticMenu
{
   font-size:12px;
    white-space: nowrap;
    color: #000000;
    font-weight:bold;
}
 .HoverMenu
{
 font-size:12px;
	color: #666666;
	white-space: nowrap;
	font-weight:bold;
}
 .StaticSubMenu
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	white-space: nowrap;
	background-color: #85BBE3;
	margin: -1px 2px 5px;
	
}
  .LinkStaticSubMenu
  {
    }  



/****************************************************/
/*                       Div                        */  
/****************************************************/  
DIV#divMenuBar
{
    background-color: #6699cc;
    white-space: nowrap;
}
DIV.clsMenu
{
    font-size: 70%;
    background-color: #FFFFCC;
    position: absolute;
    visibility: hidden;
    padding: 5px 5px 5px 8px;
    border-top: 1 white solid;
    white-space: nowrap;
}

DIV.clsMenu A
{
    text-decoration: none;
    color: black;
    font-weight: bold;
    white-space: nowrap;
}
    
DIV.clsMenu A:hover
{
    color: Blue;
    white-space: nowrap;
}

/****************************************************/
/*                       Table                      */  
/****************************************************/   
TABLE#tblMenuBar TD 
{
     font-size:80%; 
     color:white; 
     padding:0px 5px 0px 5px; 
     cursor:default; 
     white-space:nowrap; 
     }
     
TABLE#tblMenuBar TD.clsMenuBarItem 
{
    font-weight:bold; 
    cursor:hand;
    white-space:nowrap; 
    }


/****************************************************/
/*                Controls                          */  
/****************************************************/  
.submit
{
    font-weight: bold;
    font-size: 12px;
    color:#284E98;
    font-style: normal;
    font-family: Arial;
    background-color: #e6e6fa;
    border-top-style: outset;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
}

Button
{
    font-weight: bold;
    font-size: 12px;
    color:#ff0000;
    font-style: normal;
    font-family: Arial;
    background-color: #e6e6fa;
    border-top-style: outset;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
}

Panel
{
    border: solid;
    background-color:#E2E2FE;
    border-width: 1px;
    border-color: Black;
    font-family: Arial Narrow;
    font-size: 14px;
    overflow: auto;
}

PanelSmall
{
	border:solid;
	background-color:#E2E2FE;
	border-width:1px;
	border-color:Black;
	font-family:Arial Narrow;
	font-size: 11px;
	overflow: auto;
  }

Label
{
	font-family:Arial Narrow; 
	font-size: 14px;
}
/* This is for buttons. */
.ButtonStyle
{
	font-weight: bold;
	font-size: 12px;
	cursor: default;
	font-family: Arial;
	color: #2C5885;	
	white-space: nowrap;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
}    
.Text
{
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	color: #2C5885;	
	font-size: 12px;
}
/* This is for TextBoxes that are filled in with DateTime. */
.DateText
{
	font-weight: normal;
    font-size: small;
    color: black;
    font-family: Verdana;
    width: 75px;
    text-align: right;
    text-decoration: none;
    background-color: white; 
    maxlength: 10;   
    /*behavior: url('../DateBox.htc');*/
}
.RODateText
{
    font-weight: normal;
    font-size: small;
    color: black;
    font-family: Verdana;
    width: 75px;
    text-align: right;
    text-decoration: none;
    background-color: #f0ece0;
}

.TitleText
{
	font-weight: bold;
	font-size: 12px;
	cursor: default;
	font-family: Arial;
	color: #2C5885;	
	white-space: nowrap;
}
.TitleTextWrap
{
	font-weight: bold;
	font-size: 12px;
	cursor: default;
	font-family: Arial;
	color: #2C5885;	
}

.Label
{
    font-size: xx-small;
    font-family: Verdana;
}
.TextBox
{
    font-weight: normal;
    font-size: small;
    color: black;
    font-family: Verdana;
   /* white-space: nowrap;*/
    text-decoration: none;
    background-color: white;
}
.ROTextBox
{
    font-weight: normal;
    font-size: small;
    color: gray;
    font-family: Verdana; /*white-space: nowrap;*/
    text-decoration: none;
    background-color: #f0ece0;
}
.DataList
{
    font-weight: normal;
    font-size: small;
    color: black;
    font-family: Verdana;
    white-space: nowrap;
    text-decoration: none;
    background-color: white;
}
.RODataList
{
    font-weight: normal;
    font-size: small;
    color: gray;
    font-family: Verdana;
    white-space: nowrap;
    text-decoration: none;
    background-color: #f0ece0;
}
/****************************************************/
/*                Table                             */  
/****************************************************/  
.MainTable
{
    font-family: Arial Narrow;
    font-size: 14px;
    border-width: 0;
    background-color: #b0e0e6;
}
.Cell
{ 
	font-family: Arial Narrow; 
	font-size: 14px;
	vertical-align:top;
	background-color:#b0e0e6;
}


/****************************************************/
/*                TreeView                          */  
/****************************************************/  
.TreeView
{
	font-family:Verdana;
	font-size: 11px;
	font-weight: normal;
	color:#000066;
}
.TreeViewLeaf
{
	font-family:Verdana;
	font-size: 10px;
	font-weight:normal;
	color:#000066;
}

.TreeViewHover
{
	color:#3974d5;
	font-family:Verdana;
    font-size: 12pt;
}
.TreeViewSelected
{
    color: #000066;
    font-family: Verdana;
    font-size: 10pt;
    font-weight:bold;
}
.TreeViewRoot
{
	color: #3974d5;
    font-family: Verdana;
    font-size: 10pt;
    font-weight:bold;
}
/****************************************************/
/*                Grid                              */  
/****************************************************/  
 .GridHeader
{

	font-size: 10pt;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	border-top: white 1px solid;
	padding-left: 8px;
	font-family: Verdana;
	white-space: nowrap;
	position: absolute;
	background-color:#E1F0FF;
	text-decoration: underline;
	color:#003366;
}
 .GridColumnHeader
{
	font-size: 10pt;
	cursor: default;
	font-family: Verdana;
	white-space: nowrap;
	background-color: #79AFC4;
	text-decoration: underline;
	line-height: 130%;
}

.GridRowFirst
{
    font-weight: normal;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap;
    background-color: #BED9E4;
}
.GridRowSecond
{
	font-weight: normal;
	font-size: 10pt;
	cursor: default;
	font-family: Verdana;
	white-space: nowrap;
	background-color: #D9EBF7;
}
.GridRowSelected
{
    font-weight: normal;
    font-size: 10pt;
    cursor: default;
    font-family: Verdana;
    white-space: nowrap;
    background-color: #B5CAE3;
}
 .GVPager 
 {
	 
    position: relative;
    left: expression(this.offsetParent.scrollLeft);
   /* HorizontalAlign="Left" */
    top: expression(this.offsetParent.scrollTop);
    align: left; 
   /*  height: 100px;*/
    background-color:#E1F0FF;
    z-index: 999;
    }
/****************************************************/
/*                DataGrid                          */  
/****************************************************/  
DataGrid 
{
	border-style:ridge;
	border-width:1px;
	border-color:Silver;
	/*background-color:White;*/
	font-family:Arial Narrow;
	font-size:14px;
	background-color:red;
}

DataGridSelectedItem
{
	/*background-color:LightYellow;*/
	color : Black;
	font-family:Arial Narrow;
	font-size:14px;
}
DataGridItemFirst
{
    background-color: #E2E2FE;
    color: Black;
}
DataGridItemSecond
{
	/*ackground-color:"#DEDFDE";
	background-color:#E2E2FE;*/
	color:Black;
	text-align : center;
	vertical-align : middle;
}
DataGridHeaderBold
{
	background-color:#4A3C8C;
	color:#E7E7FF;
	font-weight:bold;
	text-align:center;
}

DataGridHeader
{
	background-color:#4A3C8C;
	color:#E7E7FF;
	text-align:center;
}
DataGridFooter
{
	background-color:#E2E2FE;
	color:Black;
}
DataGridPager
{
	background-color:#E2E2FE;
	color:Black;
	text-align : center;
}

/****************************************************/
/*                DataList                          */  
/****************************************************/  
DataList
{
    font-family: Verdana;
    font-size: small;
    background-color: #b0c4de;
}

RODataList
{
    font-size: small;
    font-family: Verdana;
    background-color: #d3d3d3;
}
/****************************************************/
/*                Tab                               */  
/****************************************************/  
/* Menu control that looks like a tab strip */
.tab, .tabItem
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    background-color: #6495ed;
}
.tab
{
    padding: 15px 1px 0px 0px;
    text-align: center;
}
.tab a:link, .tab a:visited, .tab a:hover
{
    text-decoration: none;
    color: #333333;
}
.tabPage
{
    border: solid 1px #c0cbb6;
    vertical-align: top;
}
.tabItem  
{
 padding: 3px 3px 3px 3px;
 border-top: solid 1px gainsboro;
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray;
 border-bottom: solid 1px #F7F6F3;
 background-color: #F7F6F3;
}
.tabSelected  
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #e0ffff;
 font-weight: bold;
 font-size: 10pt;
 cursor: default;
 font-family: Verdana;
 white-space: nowrap;
}
.tabHover 
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #d8e1ce;
}
/****************************************************/
/*                Navigate  Link                    */  
/****************************************************/  
.NavigateLink
{
    font-family: Verdana;
    color: blue;
    font-size: small;
    font-weight: normal;
    text-decoration: underline;
}

/****************************************************/
/*                Error Message                     */  
/****************************************************/  
.ErrorMessage
{
	color:Red;
	Font-Size:smaller;
	font-style:italic;
}






.menustyle
{
    font-size: 8pt;
    font-family: Verdana;
    color: #FF7C7C;
    background-color: #000000;
    font-weight: bold;
    cursor: default;
}
.body
{
    color: black;
    font-size: 8pt;
    font-family: Tahoma;
}
.body-bold
{
    color: black;
    font-size: 8pt;
    font-family: Tahoma;
    font-weight: bold;
}
.body-title
{
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
    color: #072b61;
    font-family: "Arial Narrow";
    text-align: left;
}
.body-title-small
{
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	color: #072b61;
	font-family: "Arial Narrow";
	text-align: center;
}

.body-subtitle
{
	font-weight: bold;
	font-size: 12pt;
	color: #072b61;
	font-family: "Arial Narrow";
	text-align: left;
}
.body-gray
{
	color: #cccccc;
	FONT-SIZE: 8pt;
	FONT-FAMILY: "Arial";
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	text-align: left;
}
.body-link
{
	font-size: 8pt;
	color: blue;
	font-style: normal;
	font-family: "arial";
	text-decoration: underline;
}
.body-filter
{
	font-weight: bold;
	font-size: 8pt;
	color: blue;
	font-style: normal;
	font-family: "Arial Narrow";
	text-decoration: underline;
}
.body-head-link
{
	color: blue;
	font-size: 8pt;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
}
Checkbox {font-size: small; font-family: Verdana; }

/****************************************************/
/*                Tab                               */  
/****************************************************/  
/* Menu control that looks like a tab strip, add by Jacky 2006-7-10*/
.Menutab
{
 color:#CCE6FF;
 font-family: Verdana;
 font-weight: bold;
 font-size: 10pt;
 font-weight:normal; 
 text-decoration: none;
 white-space: nowrap;
 background-color: #6495ed;
}
.Menutab 
{
 padding: 15px  1px 0px 0px;
 text-align: center;
}
.Menutab a:link, .tab a:visited, .tab a:hover
{
 text-decoration: none;
 color:#333333;
}
.MenutabPage   /* If the area beneath the tab strip needs to have a box defined, use this style in the <td> */
{  
 border: solid 1px #c0cbb6;
 vertical-align:top;
}

.MenutabItem 
{
 color:#000066; 
 padding: 3px 3px 3px 3px; 
 border-top: solid 1px gainsboro; 
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray; 
 border-bottom: solid 1px #d9ebf7;
 background-color: #BEBFC0;
 font-family: Verdana;
}

.MenutabSelected
{
 color:#ffffff; 
 border-style: outset; 
 border-bottom: solid 1px #b8d8de; 
 background-color: #5481B1; 
 font-weight: bold;
 font-size: 10pt; 
 font-family: Verdana; 
 white-space: nowrap; }

.MenutabHover 
{ 
 border-style: outset; 
 border-bottom: solid 1px #ccd9c0; 
 background-color:#8DC1CB; 
 font-family: Verdana;
 } 

.MenutabItem1 
{
 color:#CCE6FF;
 padding: 3px 3px 3px 3px;
 border-top: solid 1px gainsboro;
 border-left: solid 1px gainsboro;
 border-right: solid 1px darkgray;
 border-bottom: solid 1px #F7F6F3;
 background-color: #F7F6F3;
}
.MenutabSelected1
{
	border-style: outset;
	border-bottom: solid 1px #ccd9c0;
	background-color: #e0ffff;
	font-weight: bold;
	font-size: 10pt;
	cursor: default;
	font-family: Verdana;
	white-space: nowrap;
	color: red;
}
.MenutabHover1
{
 border-style: outset;
 border-bottom: solid 1px #ccd9c0;
 background-color: #d8e1ce;
}

a.toopp:link{text-decoration:none;color:#ffffff;font-size: 12px;font-weight: bold;}
a.toopp:visited{text-decoration:none;color:#ffffff;font-size: 12px;font-weight: bold;}
a.toopp:hover{text-decoration:underline;color:#A9DBEB;font-size: 12px;font-weight: bold;}
a.toopp:active{text-decoration:none;color:#A9DBEB;font-size: 12px;font-weight: bold;}

.toopp {color:#ffffff;font-size: 12px;font-weight: bold;}
.text1 {color: #2C5885;font-weight: bold;font-size: 12px;}
.Textb{font-weight: bold;color: #2C5885;	font-size: 12px;}

a.mmenu:link{text-decoration:none;color:#ffffff;font-size: 12px;font-weight:bold;}
a.mmenu:visited{text-decoration:none;color:#ffffff;font-size: 12px;font-weight:bold;}
a.mmenu:hover{text-decoration:none;color:#A9DBEB;font-size: 12px;font-weight:bold;}
a.mmenu:active{text-decoration:none;color:#A9DBEB;font-size: 12px;font-weight:bold;}

.input2{border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;font-size:12px;border-color:#cccccc; backGround-color:#efefef}

.t01 td {font:12px;color:#ff0000;line-height: 150%; font-family:Arial; background-color:#00CCFF; }
.t02 td {line-height: 110%; background-color:#D9EBF7; }

.Table1 {border-collapse:collapse;border:0 solid #7ca8d3;border-width:1px 0 0 1px;background-Color:#7ca8d3; }
.table1 {border-collapse:collapse;border:0 solid #7ca8d3;border-width:1px 0 0 1px;background-Color:#7ca8d3;}
.td1{border:0 solid #7ca8d3;border-width:0 1px 1px 0;}
.Td1{border:0 solid #7ca8d3;border-width:0 1px 1px 0;}
.tdss{background-Color:#b8d8de;border:0 solid #7ca8d3;border-width:0 1px 1px 0;}
.tds{background-Color:#d9ebf7;border:0 solid #7ca8d3;border-width:0 1px 1px 0;}
.H1tr{background-Color:#b8d8de;}
.h1tr{background-Color:#b8d8de;border:0 solid #7ca8d3;border-width:0 1px 1px 0;}
.b1tr{background-Color:#d9ebf7;border:0 solid #7ca8d3;border-width:0 1px 1px 0;}

.toptr{background-Color:#A2CCD5;line-height: 110%;}



/****************************************************/
/*              iframe for date calendarpopup                             */  
/****************************************************/  
 .Iframe_Date {
        position: absolute;
        z-index: 1;
        display: none;
    }