body
{
    font-size: 9pt;
    color: gray;
    font-family: Arial;   
    margin-left: 0px;
	margin-top: 0px; 
}
/*
body
{
    font-size: 8pt;
    color: black;
    font-family: verdana;   
    margin-left: 0px;
	margin-top: 0px; 
}
*/
.logintable {
	border: 1px double #66ccff;
}
a
{
    font-size: 8pt;
    font-family:verdana;
    color: #333333;
    font-weight:bold
}
a:hover.HoverLink
{
    font-size: 8pt;
    font-family:verdana;
    color: #333333;
    font-weight:bold
}
a.HoverLink
{
    font-size: 8pt;
    font-family:verdana;
    color: #333333;
    font-weight:bold
}
.errMsg
{
    font-size: 9pt;
    font-family:verdana;
    color: red;
    font-weight:bold
}
.RequiredField
{
    font-size: 8pt;
    font-family:verdana;
    color: red;
    font-weight:bold
}
.ValidateMsg
{
    font-size: 8pt;
    font-family:verdana;
    color: red;
    font-weight:bold
}
.pagetitle
{
    font-size:9pt;
    color: #333333;
    font-family:Arial;
    font-weight:bold;
    background-color:#FFF0F0;
    height:30px;
    /*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#DB9EFC' ,endColorStr='#FAF0FF' ,gradientType= '0' );*/
}
.reporttitle
{
    font-size:12pt;
    color: #000000;
    font-family:verdana;
    font-weight:bold;  
    height:30px;    
}
.headertext
{
    font-size:30pt;
    color: #66ccff;
    font-family:Arial;
    font-weight:bold;  
    height:30px;    
}
.tabletitle
{
    font-weight:bold;   
}
.itemtitle
{
    font-size: 9pt;
    font-family:Arial;
}
.itemtitle_bold
{
    font-size: 9pt;
    font-family:Arial;
    font-weight:bold;
}
.altitemtitle
{     
    font-size: 9pt;
    font-family:Arial;
    background-color: #FFF0F0;
}
.buttongui 
{
    border: 1px solid #FFA4FB; 
    background-color: #FAF0FF;
    font-size:8pt;
    font-family:Verdana;    
}
.MenuStyle
{
    border-collapse: collapse; 
    border: 1px solid #66ccff;
    border-width:2px;
    height: 20px;   
    padding:2px;
   /* background:#F5ECFF;*/
    border-spacing:0px;
    font-weight:bold;
    background-color:#66ccff;
    color:#FFFFFF; 
}
.DynamicMenuStyle
{
    border-collapse: collapse; 
    border: 1px solid #FFFFFF;
    border-width:1px;
    height: 20px;   
    padding:2px;
   /* background:#F5ECFF; BE4BFC*/
    border-spacing:0px;
    font-weight:bold;
    background-color:#ECFFFF;
    color:#66ccff;
}
.MenuHoverStyle
{
    background-color: #66ccff;   
    color:White;        
}
.TableStyle
{
    border-collapse: collapse; 
    border: 1px solid #C0C0C0;
}
.blue9
{
    text-align: left;
    font-size: 9pt;
    color: blue;
    font-family: Arial;
}
.Valid
{
    src:url('images/icon_err.gif')
}
.tablesize					
{ 
	width: 120px; 
	background-color: #F0F7F7; 
	height: 30px; 
	font-family: Arial; 
	font-size: 8pt; 
	color: #808080; 
	margin-top: 1; 
	margin-bottom: 1 
}

.tablesizeprice				
{ 
	width: 120px; 
	background-color: #fff0f7; 
	height: 40px; 
	font-family: Arial; 
	font-size: 9pt; 
	color: #122c4b; 
	margin-top: 1; 
	margin-bottom: 1; 
	text-align: center  
}

.tableboxTitle				
{ 
	background-color: #66ccff; 
	height:30px; 
	font-family: Arial ; 
	font-size: 10pt;
	color: #ffffff; 
	text-align: center 
}

.tabletextPrice1			
{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #5f605b; 
	margin-top:1; 
	margin-bottom:1 ; 
	text-align: center; 
	background-color:#ffe1ef;
	font-weight: bold 
}

.tabletextPrice2			
{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #2c80c5; 
	margin-top:1; 
	margin-bottom:1 ; 
	text-align: center; 
	font-weight: bold; 
	background-color:#FFFFFF 
}

.back						
{ 
	margin-top:1; 
	margin-bottom:1 ; 
	text-align: center; 
}

.tablesizeprice2			
{ 
	width:60px; 
	background-color: #FFFFFF; 
	height:40px;  
	font-family: Arial; 
	font-size: 9pt; 
	color: #666666; 
	margin-top: 1; 
	margin-bottom: 1; 
	text-align: center  
}
.tableboxTitle2				
{ 
	background-color: #66ccff; /*#888888*/
	height:20px; 
	font-family: Arial ; 
	font-size: 8pt; 
	color: #FFFFFF; 
	text-align: center 
}

.tableboxPrice1				
{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #808080; 
	margin-top:1; 
	margin-bottom:1 ; 
	text-align: center; 
}

.tableboxPrice2				
{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #0094BB; 
	margin-top:1; 
	margin-bottom:1 ; 
	text-align: center; 
	background-color:#F5F4EB 
}

.tableboxTitleEV			
{ 
	background-color: #888888; 
	height:30px; 
	font-family: Arial ; 
	font-size: 8pt; 
	color: #ffffff; 
	text-align: center 
}

.f12_grey_b     			
{ 
	font-family: Arial; 
	font-size: 12pt; 
	color: #808080; 
	font-weight: bold
}

/* ==== Demo user side style ==== */
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.Gray {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.style2 {
	color: #66ccff;
	font-family: Arial;
	font-weight: bold;
	font-size: 36px;	
}
.style4 {
	color: #FFFFFF;
	font-size: 10px;
}
.style6 {
	color: #66ccff;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
}
.style7 {color: #66ccff; background-color: #FFCCFF }
.style8 {color: #FFFFFF; font-weight: bold; background-color: #66ccff }
.style9 {color: #FFFFFF; background-color: #66ccff }
.style10 {color: #CC3300; font-weight: bold;}

.bottom_link {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;}
	
.link_none {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;}

/* ==== END Demo user side style ==== */

/* ==== Price List Style ==== */
.f8_grey	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #666666;}
.f8_grey_i	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #666666; 
	font-style: italic}
.f8_grey_b	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #666666; 
	font-weight: bold}
.f8_red   	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #FF0066}
.f8_red_b	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #FF0066; 
	font-weight: bold}
.f8_red_i   { 
	font-family: Arial; 
	font-size: 8pt; 
	color: #FF0066; 
	font-style: italic}
.f8_white   { 
	font-family: Arial; 
	font-size: 8pt; 
	color: #FFFFFF}
.f8_white_b { 
	font-family: Arial; 
	font-size: 8pt; 
	color: #FFFFFF; 
	font-weight: bold}
.f8_blue   	{ 
	font-family: Arial; 
	font-size: 8pt; 
	color: #0094BB}
.f8_blue_b  { 
	font-family: Arial; 
	font-size: 8pt; 
	color: #0094BB; 
	font-weight: bold}
.f9_grey_DO	{
	font-family: Arial;
	font-size: 9pt;
	color: #666666;
	background: #e3e3e4;}
.f9_grey_LO	{
	font-family: Arial;
	font-size: 9pt;
	color: #666666;
	background: #e1eaf6;}
.f9_grey	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #666666 }
.f9_grey_b	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #666666; 
	font-weight: bold}
.f9_red		{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #FF0066}
.f9_red_b	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #FF0066; 
	font-weight: bold}
.f9_white	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #FFFFFF}
.f9_blue_b	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #0094BB; 
	font-weight: bold}
.f9_blue	{ 
	font-family: Arial; 
	font-size: 9pt; 
	color: #0094BB}
.f12_grey_b     			
{ 
	font-family: Arial; 
	font-size: 12pt; 
	color: #808080; 
	font-weight: bold
}
/* ==== End of Price List Style ==== */

.IE8Fix {
    z-index: 100;
}

/* ==== Add by Jen on 2010-12-09, for update panel progress for all browser ==== */
.update_panel_progress{
 	z-index: 1001;
 	top: 0px; 
 	left: 0px;
	position: absolute;
	width: 100%;    
	background-color: white;
 	-khtml-opacity: 0.75;      /* khtml, old safari */
 	-moz-opacity: 0.75;       /* mozilla, netscape */
 	opacity: 0.75 !important;    /* fx, safari, opera */
 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)" !important; /* internet explorer 8 */
	filter: alpha(opacity=75) !important; /* internet explorer 7 */ 
	}