﻿body,td,th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
}

body 
{
	background-color: #fff;
	width: 1000px;   
    margin: 0px auto 0px auto;	
	padding: 0px;	
}

a
{
    color: #0066CC;
}

form
{
    margin: 0px; 
	padding: 0px;
}

input
{
    color: #444444;          
}

submit
{
    color: #444444;      
}

div
{
    padding:0px; 
    margin: 0px;    
}

.ReadOnly
{
	background-color:#eeeeee;	
}

.RequiredField
{
    color: Red; 
    font-size:10px;   
}

.LoadingBox
{
	width:350px;	
}

.Loading
{
	border:1px dotted #dddddd;
	color:#666666;
	background-color:#ECF5FF;
	font-size:12px;
	font-weight:bold;
}

.hidden
{
    display:none;
}

.Required
{
    font-size:12px;    
}

.RequiredMsg
{
    font-size:11px;    
}

.Button
{
   color: #444444;       
}

.DropDownList
{
   color: #444444;       
}

.Note
{
	color: #444444;
	font-size:11px;
}

.NoteLarge
{
	color: #444444;
	font-size:12px;
	font-weight:bold;
}

/* Transaction */

.TxnApproved
{
	color: Green;	
}

.TxnDeclined
{
	color: Red;	
}

.TxnPending
{
	color: Red;	
}

/* Reporting */

.ReportTable
{
	width:100%;	
}

.ReportExport
{
	color:Green;	
	border-bottom:1px dotted #dddddd;
	height:25px;
	font-weight:bold;	
	background-color: #f9f9f9;
}

/* Products*/

.ProdTitleFont
{
	font-weight:bold;
	color:#444444;
}

.ProdRowHidden
{
	font-size:1px;
	height:1px;	
}

.ProdDiv
{
	border-bottom:1px dotted #dddddd;
	height:25px;
	font-weight:bold;
	color:#0071BC;
	background-color: #f9f9f9;
}

.ProdRow
{
	height:30px;
}

.ProdCtrlFont
{
	font-size:12px;
	color: #444444;
}

.ProdCtrlFontHeader
{
	font-size:14px;
	font-weight:bold;	
}

.ProdCtrlFontSmall
{
	font-size:11px;	
}

.ProdPreview
{
	border-top:1px dotted #dddddd;
	height:25px;
}

.ProdPanelPreview {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.ProdTotalAmt
{
	font-size:16px;
	color:#000000;	
}

.PaymentDiv
{
	background-color:#eeeeee;
	width:150px;
}

.PaymentDivVal
{
	background-color:#f9f9f9;
}

/* Message */

.MsgBoxHeader
{	
	font-weight:bold;
	color: #666666;
	
}

.MsgBoxDiv
{
	border-bottom:1px dashed #dddddd;
	font-size:5px;
	height:5px;	
}

.MsgBoxHidden
{	
	position: absolute;
	visibility: hidden;
}

.MsgBoxVisible
{	
	position: absolute;
	visibility: visible;
}
/*
.MsgBoxFail
{	
	width: 100%;	
	position: absolute;
	visibility: visible;
	border-bottom: 1px solid #FFB9B9;
	background:  url('images/MsgBoxFail.gif' ) repeat-x;
	text-align: center;	
	margin-top: 2px;
	vertical-align:middle;	
	left:0px;
	top:0px;
	height:20px;
}
*/

.ProdMsgFail
{
	color: red; 
	font-size:12px;
}

.ProdMsgSuc
{
	color: green; 
	font-size:11px;
}

.MsgFail
{
	color: red; 	
	vertical-align:middle;
	padding:5px;
}

/*   
.MsgBoxSuc
{	
	width: 100%;	
	position: absolute;
	visibility: visible; 
	background: url('images/MsgBoxSuc.gif') repeat-x;
	border-bottom: 1px solid #A3C7E2;	
	text-align: center;
	margin-top: 2px;
	vertical-align:middle;
	left:0px;
	top:0px;
	height:20px;
}
*/
       
.MsgSuc
{
	color: green; 	
	vertical-align:middle;
	padding:5px;	
}    

/* Header Design */


.HeaderTopDiv
{
    height:17px;    
}


.Header 
{          
    width:400px;
    float:left;
}

.HeaderLogo
{
    height:113px;       
}

.HeaderBottomDiv
{
    height:9px;    
}

.HeaderBorderBottom
{
    height: 5px;
    width: 405px;
    background-color: #0071BC;
}

.HeaderBanner
{
    
    width:589px;
    height:178px;
    background: url('images/Header/BannerCNY2012.jpg') no-repeat;    
    background-position:right top;
    float:left;
}

.UserDetail
{
	font-weight:bold;
	
}

/* Menu */

.Menu
{   
    height:25px;    
}

.UserMenu
{
    clear:both;
    width:1000px;   
}

/* Product Header */

.ProductHeader
{
    color: #2B6FBA;
    font-weight: bold;    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.ProductDetail
{
    color: #2B6FBA;
    font-weight: normal;    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}

/* Product */
.ProdLink
{
    text-decoration:none;
}

/* Content Frame */

.Content
{
    width:980px;    
}

.ContentFrame
{
    height:300px;    
    width:980px;
}

.ContentDescpHeader
{
    font-weight: bold;
    color: #444444;
    font-size:14px;
}

.ContentDescp
{
    color: #666;    
}

.PageDetail
{
    color: #666;    
}

/* Form */

.FormContent
{
   width:970px;
}

.FormContentBorder
{
	border-bottom:1px dotted #dddddd;
}

.FormContentTitle
{
    color: #0071BC;
    font-size:18px;    
}

.FormContentTitle2
{
    color: #666666;
    font-size:18px;    
}

.FormSpacing
{
    height:5px;
    font-size:1px;    
}

.FormRequired
{
     font-size:12px;    
     color:Red;    
}

.FormTitle
{
    background-color:#eeeeee;    
    height:25px;
    font-weight:bold;
}

.FormFooter
{
    border-bottom:1px dotted #dddddd;
}

.RequiredFieldFont
{
	font-size:11px;	
}

/* Advertisement */

.AdFrame
{
    width:402px;
}

.AdMain
{
    border:1px solid #2B6FBA;
    background-color: #2B6FBA;
    height:100px;
    text-align:center;
    color: #fff;
}

.Ad
{
    border:1px solid #2B6FBA;
    background-color: #2B6FBA;
    height:100px;
    text-align:center;
    color: #fff;
}

/* Footer */

.FooterBorderBottom
{
		height: 3px;
		width: 980px;
		background-color: #0071BC;
}

.FooterDiv
{
    /*height:5px;
    background-color: #2B6FBA;        
    width:980px;
    */
}

.Footer
{
    padding-left:5px;padding-right:5px;text-align:center;    
    color: #2B6FBA;
    font-weight: normal;    
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
