H1              {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: medium;
                }
H2              {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: small;
                }
h3
{
	font-family: Microsoft JhengHei, Verdana;
	font-size: small;
	margin-bottom: -15;
	color: #6B7EBF;
	padding-left: 15;
}

h1, h2, h3, h4
{
	margin: 0;
	font-family: Microsoft JhengHei, Verdana;
}

BODY            {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: x-small;
                margin: 0;
                }
TABLE           {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: x-small;
                border : 1;
                border-color:Gray;
                border-collapse:collapse; 
                } 
table.header
{
	  background-color:#5B6DB5;
}

td.logo
{
	text-align: left;
	width: 184px;
}
                                                             
INPUT           {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: x-small;
                }
SELECT          {
                font-family: Microsoft JhengHei, Verdana, Arial;
                font-size: x-small;
                }

.gen 
{
    border: 1px solid #4E4868;
    font-size:14px;
    background-color: #EBEBEB;
    font-size:10px;
    width: 200px;
}

A				
				{
				font-family: Arial;
                font-size: 12px;
				}

a:link          {
                color: #386493;
                font-weight: bold;
                text-decoration: none;
                FONT-FAMILY: Microsoft JhengHei, Verdana, Arial;
                font-size: 11px;
                }
a:active        {
                color: #386493;
                font-weight: bold;
                text-decoration: none;
                }
a:visited       {
                color: #386493;
                font-weight: bold;
                text-decoration: none;
                }
a:hover         {
                color: #386493;
                font-weight: bold;
                text-decoration: underline;
                }
                
.navtable       {
                background-color: #000066;
                color: #FFFFFF;
                font-weight: bold;
                }
.navtext        {
                color: #FFFFFF;
                font-weight: bold;
                }
.navlink:link   {
                color: silver;
                text-decoration: none;
                }
.navlink:active {
                color: silver;
                text-decoration: none;
                }
.navlink:visited {
                color: silver;
                text-decoration: none;
                }
.navlink:hover  {
                color: white;
                text-decoration: underline;
                }
.tablink:link   {
                color: white;
                text-decoration: none;
                }
.tablink:active {
                color: white;
                text-decoration: none;
                }
.tablink:visited {
                color: white;
                text-decoration: none;
                }
.tablink:hover  {
                color: white;
                text-decoration: underline;
                }
.rheader        {
                background-color: #000066;
                color: white;
		            font-weight: bold;
                }
.rheadercol2     {
                border-color: black;
                border-style: solid;
                border-width: 1;
                }
.rheadercoll2    {
                border-color: black;
                border-right: 0;
                border-style: solid;
                border-width: 1;
                }
.rheadercolr2    {
                border-color: black;
                border-left: 0;
                border-style: solid;
                border-width: 1;
                }
.rbody          {
                background-color: #FFFFFF;
                }
.rbodycol2       {
                border-color: black;
                border-style: solid;
                border-top: 0;
                border-width: 1;
                }
.smalltext       {
                COLOR: gray;
                FONT-FAMILY: Microsoft JhengHei, Verdana, Arial;
                FONT-SIZE: 9pt;
                LINE-HEIGHT: 140%
                }
asp:datagrid  { Border-color : Gray; 
				background-color : Teal; 
			  }
			  
HeaderStyle		{ background-color: Gray ; 
			      color : White; 
	          }
TD.title
{
    BACKGROUND-COLOR: #4E7CDA;
    COLOR: #FFC453;
    FONT-FAMILY: Microsoft JhengHei, Verdana, Arial;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bolder;
    HEIGHT: 30px;
    LETTER-SPACING: 1pt;
    PADDING-RIGHT: 20px;
    TEXT-ALIGN: right
}

td.headerbar 
{
	background-image: url(Images/bar.jpg);
	text-align: right;
	height: 24px;
}

td.menu 
{
	background-color:#386493;
	vertical-align: central;
    text-transform: capitalize;
    font-variant: small-caps;
    vertical-align:central;
}


td.footer
{
	margin-left: 30;
	font-family: Microsoft JhengHei, Verdana;
	font-size:xx-small;
	font-weight: normal;
	color: #AFAFAF;
	text-align: right;
}

.box
{   border:1px solid #C0C0C0;
    width:182px;
    height:19px;
    clip:rect(0px,181px,18px,0px);
    overflow:hidden;
} 

.box2
{
    border:1px solid #F4F4F4;
    width:180px;
    height:17px;
    clip:rect(0px,179px,16px,0px);
    overflow:hidden;
} 

asp:datalist	
{
	 background-color : Gray
}

.tab-active
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #4A4A4A;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	background-color: #4E7CDA;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
	width:140px;
}
.tab-inactive
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #AAAAAA;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	background-color: #999999;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
	width:80px;
}
.tab-border
{
	border-top: 1px solid #D5D291;
	border-left: 1px solid #D5D291;
	border-right: 1px solid #D5D291;
	border-bottom: 1px solid #D5D291;
	background-color: White;
}
.tab-inactive a:link
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.tab-inactive a:visited
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tab-inactive a:active
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.tab-inactive a:hover
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}

.doc-inactive a:link
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.doc-inactive a:visited
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.doc-inactive a:active
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.doc-inactive a:hover
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}

.doc-active
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #4A4A4A;
	border-top: 0px none #CCCC99;
	border-right: 0px none #CCCC99;
	border-left: 0px none #CCCC99;
	border-bottom: 0px none #CCCC99;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;

}
.doc-active a:link
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.doc-active a:visited
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.doc-active a:active
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: none;
}
.doc-active a:hover
{
	font-family: Microsoft JhengHei, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFC453;
	text-decoration: underline;
}

.doc-inactive
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	border-top: 0px none  #FFFFFF;
	border-right: 0px none  #FFFFFF;
	border-left: 0px none  #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;

}

asp:datagrid
{
	 background-color : #142DBD
}

.serv-active
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #386493;
	border-top: 0px none #CCCC99;
	border-right: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
	border-bottom: 0px none #CCCC99;
	background-color: #142DBD;
	text-align: left;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
	width:80px;
}
.serv-inactive
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FF4800;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-right: 18px;
	padding-bottom: 3px;
	padding-left: 18px;
	width:80px;
}
.serv-active a:link
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF	;
	text-decoration: none;
}
.serv-active a:visited
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.serv-active a:active
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #386493;
	text-decoration: none;
}
.serv-active a:hover
{
	font-family: Microsoft JhengHei, Arial, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #386493;
	text-decoration: underline;
}


.mandatoryMsg
{
    color: Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.errorMsg
{
    color: Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.eventMsg
{
    color: Green;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.silverMsg
{
    color: Silver;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.smallHeader
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
}

.checkBox
{
    font-family: Microsoft JhengHei, Verdana, Arial;
    font-size: x-small;
}

.commandHiddenButton
{
    visibility: hidden;
}
.commandButton
{
	/*BORDER-RIGHT: #0e1f5b 1px solid; 
	BORDER-TOP: #d9dfea 1px solid; 
	FONT-SIZE: 12px; 
	BORDER-LEFT: #d9dfea 1px solid; 
	COLOR: #222222; 
	BORDER-BOTTOM: #0e1f5b 1px solid; 
	FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif; 
	BACKGROUND-COLOR: #BBBBBB; 
	TEXT-ALIGN: center*/
      border-radius: 2px;
      background-color: #386493;
      border: none;
      color: #FFFFFF;
      text-align: center;
      font-size: 12px;
      height:30px;
      padding: 4px;
      transition: all 0.5s;
      cursor: pointer;
      margin: 5px;

}

.commandButton:hover {background-color: #3e8e41}

.commandButton:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.commandButton:disabled {
  background-color: #C0C0C0;
  transform: translateY(2px);
}

.commandTabButton
{
    margin: 0px;
    background-color: #fffbd6; 
    color: #000000; 
    border-bottom-left-radius:0px; 
    border-bottom-right-radius:0px; 
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-left-color:#444444; 
    border-top-color:#444444; 
    border-right-color:#444444;

}


.dropDown
{
   BORDER-RIGHT: #bdc7d8 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #bdc7d8 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; BORDER-LEFT: #bdc7d8 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bdc7d8 1px solid; FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif
}

.radioButton
{
    FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif
    FONT-SIZE: 12px;
}

.textBox
{
	BORDER-RIGHT: #bdc7d8 1px solid; 
    PADDING-RIGHT: 1px; 
    BORDER-TOP: #bdc7d8 1px solid; 
    PADDING-LEFT: 3px; FONT-SIZE: 12px; 
    PADDING-BOTTOM: 1px; 
    BORDER-LEFT: #bdc7d8 1px solid; 
    PADDING-TOP: 1px; 
    BORDER-BOTTOM: #bdc7d8 1px solid; 
    height:19px;
    FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif;
    border-radius: 2px;


}

.fileuploadfield
{
	
	BORDER-RIGHT: #0e1f5b 1px solid; BORDER-TOP: #d9dfea 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d9dfea 1px solid; COLOR: #222222; BORDER-BOTTOM: #0e1f5b 1px solid; FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif;
}

.tableNoBorder
{
    border-style:none;
}

.tableNoBorderW250
{
    border-style:none;
    width:250px;
}

.tableNoBorderWFull
{
    border-style:none;
    width:100%;
}

.tableNoBorderW900
{
    border-style:none;
    width:900px;
}

.tableNoBorderW600
{
    border-style:none;
    width:600px;
}

.tableBox
{
    border-color:#bbbbbb;
    border-width:1px;
    border-style:solid;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 10px;
}
                                            
.inputTable
{
    width:900px;
    border-style:solid;
    border-width:0.1em;
    /*border-radius:10px;*/
    border-color:#666666;
    /*border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    background-color:#DDDDDD;
    background-image: linear-gradient(#DDDDDD, #FFFFFF);
    outline-color:transparent;
    Filter: Alpha(Opacity=100, FinishOpacity=10, Style=10, StartX=10, StartY=10, FinishX=10, FinishY=100);
  
}

.inputTableW500
{
     width:500px;
    border-style:solid;
    border-width:0.1em;
    /*border-radius:10px;*/
    border-color:#666666;
    /*border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    background-color:#DDDDDD;
    background-image: linear-gradient(#DDDDDD, #FFFFFF);
    outline-color:transparent;
    Filter: Alpha(Opacity=100, FinishOpacity=10, Style=10, StartX=10, StartY=10, FinishX=10, FinishY=100);
}

.inputTableW600
{
    width:600px;
    border-style:solid;
    border-width:0.1em;
    /*border-radius:10px;*/
    border-color:#666666;
    /*border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    background-color:#DDDDDD;
    background-image: linear-gradient(#DDDDDD, #FFFFFF);
    outline-color:transparent;
    Filter: Alpha(Opacity=100, FinishOpacity=10, Style=10, StartX=10, StartY=10, FinishX=10, FinishY=100);
  
}


.inputTableW700
{
    width:700px;
    border-style:solid;
    border-width:0.1em;
    /*border-radius:10px;*/
    border-color:#666666;
    /*border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    background-color:#DDDDDD;
    background-image: linear-gradient(#DDDDDD, #FFFFFF);
    outline-color:transparent;
    Filter: Alpha(Opacity=100, FinishOpacity=10, Style=10, StartX=10, StartY=10, FinishX=10, FinishY=100);
  
}

.inputTableW900
{
    width:900px;
    border-style:solid;
    border-width:0.1em;
    /*border-radius:10px;*/
    border-color:#666666;
    /*border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;*/
    background-color:#DDDDDD;
    background-image: linear-gradient(#DDDDDD, #FFFFFF);
    outline-color:transparent;
    Filter: Alpha(Opacity=100, FinishOpacity=10, Style=10, StartX=10, StartY=10, FinishX=10, FinishY=100);
  
}

.menuHeaderRow
{
    background-color: #FFFFFF;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold;
    font-variant: small-caps;
    text-transform: capitalize;
}

.loginPageHeaderRow
{
    background-color:#FFFFFF;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:14px;
    font-weight:bold
}

.tablePageHeaderRow
{
    background-color:#303030;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:16px;
    font-weight:bold;
    font-variant: small-caps;
    text-transform: capitalize;
    text-shadow: 0.5px 1px #444444;
}

.tableGridHeaderRow
{
    background-color:#303030;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold
}

.tableGridFooterRow
{
    background-color:#303030;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}

.tableGridPagerRow
{
    background-color:#FFCC66;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableGridRow
{
    background-color:#FFFBD6;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial Unicode MS,  Tahoma;
    font-size:12px;
}

.tableGridAlternatingRow
{
    background-color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial Unicode MS,  Tahoma;
    font-size:12px;
}

.tableGridSelectedRow
{
    background-color:#FFCC66;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}

.tableInnerGridHeaderRow
{
    background-color:#9CBED2;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerGridFooterRow
{
    background-color:#303030;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}


.tableInnerGridRow
{
    background-color:#EEEEEE;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerGridAlternatingRow
{
    background-color:#DDDDDD;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerGridSelectedRow
{
    background-color:#FFCC66;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel1GridHeaderRow
{
    background-color:#FF8C00;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel1GridFooterRow
{
    background-color:#D2B48C;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}


.tableInnerLevel1GridRow
{
    background-color:#F5DEB3;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel1GridAlternatingRow
{
    background-color:#FDF5E6;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel1GridSelectedRow
{
    background-color:#FFA500;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel2GridHeaderRow
{
    background-color:#006400;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel2GridFooterRow
{
    background-color:#2E8B57;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}

.tableInnerLevel2GridRow
{
    background-color:#6B8E23;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel2GridAlternatingRow
{
    background-color:#9ACD32;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel2GridSelectedRow
{
    background-color:#008000;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel3GridHeaderRow
{
    background-color:#A52A2A;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel3GridFooterRow
{
    background-color:#FA8072;
    color:White;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}

.tableInnerLevel3GridRow
{
    background-color:#F08080;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel3GridAlternatingRow
{
    background-color:#BC8F8F;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel3GridSelectedRow
{
    background-color:#B22222;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}




.tableGridSortableLink:link
{
    color:White;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:active
{
    color:White;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:visited
{
    color:#386493;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:hover
{
    color:Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:link
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:active
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:visited
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:hover
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableThinLineRow
{
    background-color:Maroon;
    color:White;   
    height:1
}

.tableThinGreyLineRow
{
    background-color:#E0E0E0;
    height:1
}


.tableButtonRow
{
    background-color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold
}

.tableBackgroundRow
{
    border-style:none;
    background-color:#DCDCDC;
}

.Caption
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:1.0em;
}

.tableCaptionCell
{
    /*border-bottom-width:0.4px;
    border-bottom-color:#386493;
    border-bottom-style:solid;
    
    border-left-width:0.4px;
    border-left-color:#386493;
    border-left-style:solid;*/
    
    border-style:none;
    background-color:transparent;
    /*background-color:#FFFFC0;*/

    padding-left:0.3em;
    font-family: Arial, Microsoft JhengHei, Tahoma;
    font-size:1.1em;
    font-weight:bold;
    text-shadow: 1px 1px #EEEEEE;
}

.tableCaptionCell_2
{
    border-bottom-width:1px;
    border-bottom-color:#DCDCDC;
    border-bottom-style:solid;
    background-color:#FFFFC0;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:1em;
    font-weight:bold
}

.tableInputCell
{
    /*border-bottom-width:1px;*/
    /*border-bottom-color:#DCDCDC;*/
    border-bottom-style:none;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    padding-top:0.2em;
    background-color:transparent;
    /*background-color:#FFFBD6;*/
}

.tableCaptionCellXSmallFont
{
    border-bottom-width:1px;
    border-bottom-color:#DCDCDC;
    border-bottom-style:solid;
    background-color:#FFFFC0;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:0.8em;
    font-weight:bold
}

.tableInputCellXSmallFont
{
    border-bottom-width:1px;
    border-bottom-color:#DCDCDC;
    border-bottom-style:solid;
    background-color:#FFFBD6;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small
}

.tableCommandCell
{
    background-color:#FFCC66;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}

.tableGridCell
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small
}

.tableHeaderWhite
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small;
    color:#FFFFFF;
    font-weight:bold 
}

.tableHeaderBlack
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small;
    color:#000000;
    font-weight:bold 
}

.tableHeaderInnerBlack
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small;
    color:#000000
}

.tableHeaderInnerWhite
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small;
    color:#FFFFFF
}

.zeroMarginBody 
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0
}




.submenu
{
                font-size:11px;
                font-family:Arial;
                font-weight: normal;
}


.submenu:link   {
                color: #FFFFFF;
                text-decoration: none;
                }
.submenu:active        {
                color: #FFFFFF;
                text-decoration: none;
                }
.submenu:visited       {
                color: #FFFFFF;
                text-decoration: none;
                }
.submenu:hover         {
                color: #FFD800;
                text-decoration: none;
                }
                
.readOnlyTextBox
{
    font-size: 11px;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    background-color: transparent;
    border : none;
}

.numericReadOnlyTextBox
{
    font-size: 11px;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    background-color: transparent;
    border : none;
    text-align: right;
}


.menu
{
                font-size:11px;
                font-family: Microsoft JhengHei, Arial, Tahoma;
                font-weight: bold;
				background-color:#386493;
                text-transform: capitalize;
                font-variant: small-caps;
                vertical-align:central;


}


.menu:link   {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:active        {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:visited       {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:hover         {
                color: #FFD800;
                text-decoration: none;
                }

A.bodyLink:link     { color: #386493; text-decoration:none; font-weight:bold; }
A.bodyLink:visited 	{ color: #386493; text-decoration:none; font-weight:bold; }
A.bodyLink:active 	{ color: #386493;  cursor:hand; text-decoration:none; font-weight:bold; }
A.bodyLink:hover 	{ color: #386493;  cursor:hand; text-decoration:"underline"; font-weight:bold; }

p
{
	line-height: 1.4em;
}

.title
{
    text-transform: uppercase;
    font-family: Microsoft JhengHei, Verdana;
    font-size: large;
    font-weight: bold;
    color: #AFAFAF;
 }
 
 hr {
	border: 0;
	border-top: 2px solid #AFAFAF;
	height: 2px;
}

img
{
	border-width: 0;
}

ul
{
	list-style-image: url(Images/bullet.jpg);
	list-style-position: outside;
	list-style-type: disc;
	color: #000000;
	font-family: Microsoft JhengHei, Verdana;
}

.menutextindent
{
    font-size: x-small;
}


body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}

/* Master Page Layout */
#master_header
{
	margin: -1px auto 0 auto;
	width: 1024px;
}

#master_headertop
{
	background: url(image/headertop_img.jpg) no-repeat left top;
}

#master_headerbottom
{
	background: url(image/headerbottom_img.png) no-repeat left top;
}

#master_page
{
	margin: 5px auto 20px auto;
	width: 1024px;
}

#master_menu
{
	float: left;
	width: 240px;
	padding-right: 10px;
}

.sidebar
{
	width: 100%;
	margin-bottom: 10px;
}

.sidebarheader
{
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(images/sidebar_header.png) no-repeat left top;
	color: #FFF;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent
{	
	border: 1px solid #0F2543;
	padding: 20px 20px 20px 30px;
	line-height: 1.5em;
	font-weight: bold;
}

#master_sidebarSamples
{	
	padding-top: 72px;
	background: #FFF url(images/samples_bg.gif) no-repeat left top;
}

#master_sidebarWalkthroughs
{
	padding-top: 72px;
	background: #FFF url(images/walkthrough_bg.gif) no-repeat left top;
}

.sidebarcontent a
{
	padding: 2px 5px;
	color: #5377A9;
	text-decoration: none;
}

.sidebarcontent a:hover
{
	background-color: #0F2543;
	color: #FFF;
}

.sidebarcontent a:visited
{
	font-weight: normal;
}

#master_content
{
	float: left;
	width: 1024px;
	margin-right: -550px;
	color: #666666;
}

#master_content ul
{
	margin: 0 25px 0 30px;
}

#master_content ul li ul li
{
	list-style-type: disc;
}

#master_contentheader
{
	height: 19px;
	background: url(images/rightcoltop.gif) no-repeat right top;
}

#master_contentplaceholder
{
	padding: 30px 20px 40px 20px;
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
}

.master_contentplaceholder2
{
    /*padding: 30px 20px 40px 20px;*/
	border-left: 1px solid #0F2543;
	border-right: 1px solid #0F2543;
	border-bottom: 1px solid #0F2543;
	background-color: #EFEFEF;
	line-height: 1.5em;
}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* Content Page Layout */

.div_grid
{
	padding:10px;
	background:#FFF url(image/demotop.png) no-repeat left top;	
	overflow:scroll; 
	width:945px ; 
	position:relative;
	height:300px;
}
.div_general 
{
	padding:10px;
	background:#FFF url(image/demotop.png) no-repeat left top;	

}
.demoarea {
	padding:10px;
	background:#FFF url(image/demotop.png) no-repeat left top;	
	font-size: 11px;
}

.moveGird {
	overflow-y:auto ;	
	position: relative;	 
}

.demoarea p 
{
	padding:0px;

}
    
.demoheading {
	padding-bottom:10px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(image/demobottom.png) no-repeat left bottom;
}

.heading {
	padding: 0.5em 0 0.5em 0;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.0em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
}

p {}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

pre, code {
	display:block;
	margin:5px 5px 5px 0;
	padding:5px;
	border:1px dashed #CCC;
}

.releaseList {
	list-style-type:disc;
}

/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	/*font-family: 'Courier New', Monospace;*/
	font-style: normal;
	font-weight: bold;
	display:block;
	background-color:#FFF;
	color:#000;
/*	font-family:'Courier New', Monospace; */
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	/*font-family:'Courier New', Monospace;*/
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}


/******************************/
/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : hidden;	
    text-align : left; 
    list-style-type : none;
    position:absolute;
    z-index :1;
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	z-index :3;
	 position :absolute ;
}



/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

/*Confirm Button*/

/* DropShadow */

#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}


.dropShadowPanel 
{
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/*Drag Panel*/
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.overflowHidden {overflow:hidden;}

.overflowScroll {overflow:hidden;}


/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

.popupHover {
	background-image:url(images/header-opened.png);
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}


/* PagingBulletedList */
.selectIndex {
    font-weight: bold;
    text-decoration:none;
}
.unselectIndex {
    font-weight:normal;
    text-decoration:underline;
}



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:#FFFFFF;
	font-family:Arial;
	font-size:10pt;
}


/*Popup Control*/
.popupControl{
	background-color:#FFFFFF;
	position:absolute;
	visibility:hidden;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Microsoft JhengHei, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

/* Rounded Corners*/

.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
	color:white;
	font-weight:bold;
}

/* ResizableControl */

.frameImage
{
	width:130px;
	height:65px;
	overflow:hidden;
	float:left;
	padding:3px;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}

.handleImage
{
	width:15px;
	height:16px;
	background-image:url(images/HandleHand.png);
	overflow:hidden;
	cursor:se-resize;
}

.handleText
{
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

.resizingImage
{
	padding:0px;
	border-style:solid;
	border-width:3px;
	border-color:#B4D35D;
}

.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}


/*Toggle Button*/

/*Setup*/
.walkthrough li {padding-bottom:5px;}

/*Using a sample extender*/

/*Creating a new extender*/
.walkthroughNote {
	padding-left:25px;
	font-style:italic;
}

/*Other neat stuff*/


/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
     background-color:Gray;
     color:#FFFFFF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_TextBox2_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_TextBox2_good
{
    color:Green;
    background-color:Green;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    padding:2px 2px 2px 2px;
    width:200px;
    vertical-align:middle;
}

.TextIndicator_TextBox3
{
     background-color:Blue;
     color:Yellow;
     font-size:small;
     font-variant:small-caps;
     padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle
{
	width:16px;
	height:14px;
	background-image:url(images/Question.png);
	overflow:hidden;
	cursor:help;
}

.TextIndicator_TextBox1_Strength1
{
     background-color:Gray;
     color:#FFFFFF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength2
{
     background-color:Gray;
     color:Yellow;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength3
{
     background-color:Gray;
     color: #FFCAAF;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength4
{
     background-color:Gray;
     color:Aqua;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}
.TextIndicator_TextBox1_Strength5
{
     background-color:Gray;
     color: #93FF9E;
     font-family:Arial;
     font-size:x-small;
     font-style:italic;
     padding: 2px 3px 2px 3px;
     font-weight:bold;
}

.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
        /*position:absolute;*/
    position:inherit  ;
    z-index :2;
    
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/* SlideShow styles */

.slideTitle
{
	font-weight:bold;
	font-size:small;
	font-style:italic;
}

.slideDescription
{
	font-size:small;
	font-weight:bold;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

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






.mandatoryMsg
{
    color: Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 11px;
}

.errorMsg
{
    color: Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.eventMsg
{
    color: Green;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
}

.silverMsg
{
    color: Silver;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 11px;
}

.smallHeader
{
    font-family: Arial, Microsoft JhengHei, Tahoma;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px #EEEEEE;
}

.checkBox
{
    font-family: Microsoft JhengHei, Verdana, Arial;
    font-size: x-small;
}


.linkButton:link
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    height: 24px;
    width: 80px;
    text-decoration: none;
}

.linkButton:active
{
    color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    height: 24px;
    width: 80px;
    text-decoration: none;
}

.linkButton:visited
{
    color:#386493;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    height: 20px;
    width: 80px;
    text-decoration: none;
}

.linkButton:hover
{
    color:Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    height: 20px;
    width: 80px;
    text-decoration: none;
}





.hyperlinkLikeButton { 
    cursor:pointer
}

.dropDown
{
    border-right: #444444 1px solid;
    padding-right: 3px;
    border-top: #444444 1px solid;
    padding-left: 3px;
    font-size: 11px;
    padding-bottom: 3px;
    border-left: #444444 1px solid;
    padding-top: 3px;
    border-bottom: #444444 1px solid;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    position: static;
    color: black;
    border-radius: 3px;
}

.dropDownList
{
    border-right: #444444 1px solid;
    padding-right: 3px;
    border-top: #444444 1px solid;
    padding-left: 3px;
    font-size: 11px;
    padding-bottom: 3px;
    border-left: #444444 1px solid;
    padding-top: 3px;
    border-bottom: #444444 1px solid;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    position: static;
    color: black;
    border-radius: 3px;
    
}

.dropDownList li
{
     font-size: 100px;
    box-shadow: 10px 10px 8px 10px #888888;
}

.radioButton
{
    font-family: Microsoft JhengHei, Verdana, Arial;
    font-size: x-small;
}

.textBox
{
    border-right: #AFAFAF 1px solid;
    border-top: #AFAFAF 1px solid;
    font-size: 11px;
    border-left: #AFAFAF 1px solid;
    border-bottom: #AFAFAF 1px solid;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    background-color: white;
}

.readOnlyTextBox
{
    font-size: 11px;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    background-color: transparent;
    border : none;
}

.numericReadOnlyTextBox
{
    font-size: 11px;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    background-color: transparent;
    border : none;
    text-align: right;
}

.fileuploadfield
{
	
	BORDER-RIGHT: #0e1f5b 1px solid; BORDER-TOP: #d9dfea 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d9dfea 1px solid; COLOR: #222222; BORDER-BOTTOM: #0e1f5b 1px solid; FONT-FAMILY: "lucida grande", tahoma, Microsoft JhengHei, Verdana, arial, sans-serif;
}

.tableNoBorder
{
    border-style:none;
}

.tableNoBorderW250
{
    border-style:none;
    width:250px;
}

.tableBox
{
    border-color:#bbbbbb;
    border-width:1px;
    border-style:solid;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 10px;
}
                

.tableGridHeaderRow
{
    background-color:#303030;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;    

}

.onToptableGridHeaderRow
{
    background-color:#303030;
    color:#FFFFFF;  
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;    
    position: relative ;	
    z-index: 1;
	top: expression(this.offsetParent.scrollTop);
}

.mytableGridPagerRow
{
    background-color:#FFCC66;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableGridFooterRow
{
    background-color:#6495ED;
    color:Black;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;  
}

.tableGridPagerRow
{
    background-color:#FFCC66;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:13px;
}

    .tableGridPagerRow a, .tableGridPagerRow span
    {
        /*display: block;*/
        height: 15px;
        width: 15px;
        font-weight: bold;
        text-align: center;
        color:Red;   
        font-size:13px;
        text-decoration: none;
    }
    .tableGridPagerRow span
    {
        /*background-color: #A1DCF2;*/
        color: Red;
        font-size:18px;
        font-weight:bold;  
        /*border: 1px solid #3AC0F2;*/
    }



.tableGridRow
{
    background-color:#FDF5E6;
    color:#000000;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableGridAlternatingRow
{
    background-color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableGridSelectedRow
{
    background-color:#FFCC66;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}

.tableInnerGridHeaderRow
{
    background-color:#9CBED2;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerGridFooterRow
{
    background-color:#990000;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}


.tableInnerGridRow
{
    background-color:#EEEEEE;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerGridAlternatingRow
{
    background-color:#DDDDDD;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerGridSelectedRow
{
    background-color:#FFCC66;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel1GridHeaderRow
{
    background-color:#FF8C00;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel1GridFooterRow
{
    background-color:#D2B48C;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}


.tableInnerLevel1GridRow
{
    background-color:#F5DEB3;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel1GridAlternatingRow
{
    background-color:#FDF5E6;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel1GridSelectedRow
{
    background-color:#FFA500;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel2GridHeaderRow
{
    background-color:#006400;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel2GridFooterRow
{
    background-color:#2E8B57;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}

.tableInnerLevel2GridRow
{
    background-color:#6B8E23;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel2GridAlternatingRow
{
    background-color:#9ACD32;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel2GridSelectedRow
{
    background-color:#008000;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}


.tableInnerLevel3GridHeaderRow
{
    background-color:#A52A2A;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10;
    font-weight:bold
}

.tableInnerLevel3GridFooterRow
{
    background-color:#FA8072;
    color:#FFFFFF;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small;
    font-weight:bold
}

.tableInnerLevel3GridRow
{
    background-color:#F08080;
    color:#333333;   
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel3GridAlternatingRow
{
    background-color:#BC8F8F;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
}

.tableInnerLevel3GridSelectedRow
{
    background-color:#B22222;
    color:Navy;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}




.tableGridSortableLink:link
{
    color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:active
{
    color:#FFFFFF;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:visited
{
    color:#386493;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridSortableLink:hover
{
    color:Red;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:link
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:active
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:visited
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

.tableGridFooterLinkButton:hover
{
    color:#333333;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}


.tableGridPOTrackEnableCell
{
    background-color:#FDF5E6;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    width: 120px
}

.tableGridPOTrackDisableCell
{
    background-color: White;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    width: 120px;
}

.tableGridPOTrackEventCell
{
    background-color: #FFFFE0;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    width: 120px; 
}


.tableThinLineRow
{
    background-color:Maroon;
    color:#FFFFFF;   
    height:1
}

.tableThinGreyLineRow
{
    background-color:#E0E0E0;
    height:1
}


.tableButtonRow
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:12px;
    font-weight:bold
}

.tableRow
{
    height:24px
}


.tableBackgroundRow
{
    border-style:none;
    background-color:#DCDCDC;
}

.tableCaptionCellXSmallFont
{
    border-bottom-width:1px;
    border-bottom-color:#DCDCDC;
    border-bottom-style:solid;
    background-color:#FFFFC0;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:0.8em;
    font-weight:bold
}

.tableInputCellXSmallFont
{
    border-bottom-width:1px;
    border-bottom-color:#DCDCDC;
    border-bottom-style:solid;
    background-color:#FFFBD6;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:x-small
}

.tableCommandCell
{
    background-color:#FFCC66;
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:10px;
    font-weight:bold
}

.tableGridCell
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size:xx-small
}

.zeroMarginBody 
{
    font-family: Microsoft JhengHei, Arial, Tahoma;
    font-size: 12px;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0
}




.submenu
{
                font-size:10px;
                font-family:Arial;
                font-weight: normal;
}


.submenu:link   {
                color: #000000;
                text-decoration: none;
                }
.submenu:active        {
                color: #000000;
                text-decoration: none;
                }
.submenu:visited       {
                color: #000000;
                text-decoration: none;
                }
.submenu:hover         {
                color: #FFFFFF;
                text-decoration: none;
                }
                



.menu
{
                font-size:11px;
                font-family: Microsoft JhengHei, Arial, Tahoma;
                font-weight: bold;
}


.menu:link   {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:active        {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:visited       {
                color: #FFFFFF;
                text-decoration: none;
                }
.menu:hover         {
                color: #990000;
                text-decoration: none;
                }

.menuItem:link   {
                color: #AFAFAF;
                text-decoration: none;
                }
.menuItem:active        {
                color: #AFAFAF;
                text-decoration: none;
                }
.menuItem:visited       {
                color: #AFAFAF;
                text-decoration: none;
                }
.menuItem:hover         {
                color: #FFFFFF;
                text-decoration: none;
                }


.pageHeader
{
    font-size: 1.3em;
    color: #3366cc;
    text-decoration: underline;
    font-weight: bold;
    text-transform: capitalize;
    font-family: Tahoma, Arial;
    background-color: transparent;
    font-variant: small-caps;
}

/*=== main menu ===*/
.navigation
{
    width:100%;
    border-top: 1px solid;
}

.nav 
{
    display: table;
    width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color:#386493;	
}

.nav li {
	float: left;
    white-space:nowrap;
    display: table-cell;
	position: relative;
	background-color:#386493;
	vertical-align: top;	

}

.nav li a {
	color: black;
	display: block;
	text-decoration: none;
    font-size:11px;
    font-family:Microsoft JhengHei, Arial, Tahoma;
    font-weight:bold;
	padding: 7px 8px;	
}

.nav li a:link{
	color: #FFFFFF;
	text-decoration: none;
}

.nav li a:active{
	color: #000000;
	text-decoration: none;
}

.nav li a:visited{
	color: #000000;
	text-decoration: none;
}

.nav li a:hover {
    color: #FFD800;
    text-decoration: none;
}

/*=== submenu ===*/
.submenu {
    list-style: none;
    color: black;
    white-space:nowrap;  
    text-decoration:none;
    font-size:10px;
    font-family:Arial;
    font-weight:normal;    
    z-index:100;   
	display: none;
	position: absolute;
    margin-left: 0px;
	padding: 1px 1px;  
}

.submenu li  
{
    background: #FFFBD6;    
	width: 240px;
	float: left;
}

.submenu li a 
{    
    background: #FFFBD6;    
	display: block;
	height: 15px;
	padding: 7px 8px;	
    border-top: 1px solid #9DB1BC;
    text-decoration: none;
    color:#000000;
}

.submenu li a:link  {
    color: #000000;
    text-decoration: none;
}

.submenu li a:active  {
    color: #000000;
    text-decoration: none;
}

.submenu li a:visited  {	
	text-decoration: none;
	color: #000000;
}

.submenu li a:hover {	
	text-decoration: none;
	background: #d0af9b;
	color: #FFFFFF;
}


.outerformdiv {
    position:relative;
    width:100%;
}

.formdiv {
            position:absolute;
            top: 5px;
            left: 3px;
        }

.enquiry_criteria_div {
           box-shadow: 10px 6px 10px #aaaaaa;
           width:900px;
        }

.enquiry_criteria_div500 {
           box-shadow: 10px 6px 10px #aaaaaa;
           width:500px;
        }

.enquiry_criteria_div600 {
           box-shadow: 10px 6px 10px #aaaaaa;
           width:600px;
        }

.enquiry_criteria_div700 {
           box-shadow: 10px 6px 10px #aaaaaa;
           width:700px;
        }

.tabrow {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 24px;
}


.tabrow li {
  background: linear-gradient(to bottom, #ECECEC 50%, #D1D1D1 100%);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
  text-shadow: 0 1px #FFF;
  margin: 0 -5px;
  padding: 0 20px;
}

.tabrow:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #AAA;
  z-index: 1;
}

.tabrow:before {
  z-index: 1;
}
.tabrow li {
    position: relative;
  z-index: 0;
}
.tabrow li.selected {
  z-index: 2;
  border-bottom-color: #FFF;
}

.SummaryTableHeaderV
{
	border:thin;
    border-style:solid;
    border-color:#333333;
    color:#FFFFFF;
    background-color:#444444;
    font-weight: bold;
    text-transform: capitalize;
    font-variant: small-caps;
    text-shadow: 1px 1px #000000;
}

.SummaryTableHeaderH
{
	border:thin;
    border-style:solid;
    border-color:#333333;
    color:#000000;
    background-color:#5E8CDB;
    font-weight: bold;
    text-transform: capitalize;
    font-variant: small-caps;
}

.LoginPageTopBar
{
    background-color:#386493;
}