.bodyLogin{
	background-color: white;
	text-align:center;
	margin-right: auto; 
	margin-left: auto;
	font-size:12pt;
	vertical-align:top;
	
}
body {
	/*background-color: #808185;*/
	background-color:White;
	/*background-image: url("../images/background_noframe.jpg"/*tpa=http://web.hku.hk/~jwwong/focus/images/background_noframe.jpg*/
	background-repeat: no-repeat;
	text-align: center;
	margin-right: auto; 
	margin-left: auto;
}

bodyOffice {
	background-color: #808185;
	/*background-image: url("../images/background_noframe.jpg"/*tpa=http://web.hku.hk/~jwwong/focus/images/background_noframe.jpg);*/
	background-repeat: no-repeat;
	text-align: center;
	margin-right: auto; 
	margin-left: auto;
}

.background {
	background-repeat:no-repeat;
	/*background-image:url("bg_new.jpg"/*tpa=http://web.hku.hk/~jwwong/focus/images/bg_new.jpg);*/
	background-image: url("../Images/AD/BgPic/BgImg.gif");
	background-position:center right;
}

.dissolve
{
	filter:revealTrans(Duration=7, Transition=12)
}

/*
.panelTitle {
	background-color: #003399;
	color:#eeeeee;
	font-weight: bold;
	border-color: #3366ff #000033 #000033 #3366ff;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}
.panelHeader {
	background-color: #8080FF;
	border-color: black;
	border-width: 0 1 1 1;
	border-style: solid;
	padding: 2;
}*/
.PageHeader {
	background-color: white;
	border-color: black;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	padding: 2px;
}
.panelBody {
	background-color: #eeeeee;
	border-color: black;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	padding: 2px;
}
.panelBody2 {
	background-color: white;
	border-color: black;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	padding: 0px;
}

#pageTitle {
	background-color: #003399;
	color:#eeeeee;
	font-weight: bold;
	font-size: large;
	border-color: #3366ff #000033 #000033 #3366ff;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	text-align: center;
}

#footer {
	background-color:#999999;
	font-size: xx-small;	
	text-align: center;
	color: white;
	border-color: #666666 #cccccc #cccccc #666666;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
}

 .TitleCSS
   {
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    font-size: 18px;
	color: #333399;
	text-decoration:underline;
}
.SmallTitleCss{
	 font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    font-size: 12px;
	color: #3333FF;

}
.footerStyle{
	background-color: #8080FF;
	border-color: black;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	padding: 2px;
}

.SmallLinkCSS
{
	color:rgb(95,120,148);
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-decoration:underline;
}      

.LinkBoldCSS
{
	color:rgb(95,120,148);
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration:underline;
}      
 
.LabelBoldCSS
{
	color:rgb(95,120,148);
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
 .label
{
	color:rgb(95,120,148);
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}		

.LabelCSS
{
    color: rgb(95,120,148);
}  
.TextBoxCSS
{
    color:black;
}       
.DisableTextBoxCSS
{
    background-color:#E0E0E0; 
    color:black;
}   

.MustTextBoxCSS
{
    background-color:#FFFFCC; 
    color:black;
} 	
.required{
	color:red;
}


.tdLabel{
		font-family: "Times New Roman", Times, serif;
		font-size: 13pt;
		color: #022b5d;
		font-weight: bold;
}
    

.whiteTextField {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	COLOR: black; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: white;
	border-right: black 1px groove;
	border-top: black 1px groove;
	border-left: black 1px groove;
	border-bottom: black 1px groove;
}
   
.noBoardTextField {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 13px; 
	COLOR: black; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #efefef;
	border-right: gray 1px groove;
	border-top: gray 1px groove;
	border-left: gray 1px groove;
	border-bottom: gray 1px groove;
}
.noBoardMustTextField
{
	font-weight: normal;
	font-size: 13px;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	border-right: gray 1px groove;
	border-top: gray 1px groove;
	border-left: gray 1px groove;
	border-bottom: gray 1px groove;
}

headerStyle{
	
	}	


#top {
	position:relative;	
	width:100%;
	height:104px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-color: #FFFFFF;

}
#menu
{
	width: 100%;
	height: 22px;
	z-index: 10000;
	background-color:#7F8184;/* #808185;*/
}
#leftpic {
	width:158px;
	z-index:10;
}
#bottom {
	/*position:absolute;*/
	width:100%;
	height:77px;
	z-index:9;
	/*top: 534px;*/
}
#contentbg {
	height:398px;
	z-index:0;
	left:159px;
	top: 130px;
	width:100%;
	/*background-image: url("../images/bg_plain.jpg");*/
	overflow:hidden;
	background-repeat:no-repeat;
}
#contentbgLogin {

	width:641px;
	height:398px;
	z-index:0;
	overflow:auto;

}
#contentbgMain {

	width:100%;
	height:399px;
	z-index:0;
	left:159px;
	top: 130px;
	/*background-image: url("../Images/AD/BgPic/BgImg.gif");*/
	overflow:auto;
	background-repeat:no-repeat;
	background-position:bottom right;
}

#contentmainbg {
	position:absolute;
	width:641px;
	height:401px;
	z-index:11;
	left: 159px;
	top: 125px;
	overflow: auto;	
}

#content {
	width:100%;
	height:404px;
	overflow: auto;	
}


.MainFrame1{
	height:398px;
	
}
.MainFrame2{
	height:398px;
}

#einfo {
	position:absolute;
	width:142px;
	height:144px;
	z-index:12;
	left: 177px;
	top: 110px;
	visibility: hidden;
}
.content {
	font-size: 11pt;
	color: #7f8184;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style0
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
	color: #0099ff;
	font-weight: bold;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #022b5d;
	font-weight: bold;
}

.styleLogin1A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #022b5d;
	font-weight: bold;
}


.style1A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: Black;
	font-weight: bold;
}
.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: red;
	font-weight: bold;
}
.style2 {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #0055a8;
	font-weight: bold;
}
.style2A {
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #0055a8;
	font-weight: bold;
}
.style3 
{
	font-size: 10pt;
	color: #7f8184;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	
}
.style4 {font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.style5 {color: #FF0000}
.style6 {color: #0055a8}

.style9 {
	font-size:11pt;
	color: #004ca4;
	}
	
.style16 {font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:right;
	font-weight: bold;	
}	
.style17 {font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;	
}	

.styleFoot 
{
	cursor:pointer;
	color: #eee;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

.reg_content{
	font-size: 10pt;
	white-space:normal; 
	/*word-break:break-all;*/ 
	width:520px; 
	text-align:left;
	font-weight:normal;
}

.reg_contentA{
	font-size: 10pt;
	white-space:normal; 
	text-align:left;
	font-weight:normal;
}


.grid_content{
	font-size: 10pt;
	white-space:normal; 
	/*word-break:break-all;*/ 
	text-align:left;
	font-weight:normal;
}


.textcontent{
	position:absolute;
	width:542px;
	height:400px;
	z-index:0;

	text-align:left;
	overflow: auto;
}

a:visited {
	/*color: #cc0000;*/
	text-decoration: none;
}
.note {
	font-size: 8pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	white-space:normal;

}
.divcontent {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}


.TableCss
{
	font-size:10pt;
	vertical-align:top;
}

.textbox {border:1px solid #666; height:20px; margin:10px 0;vertical-align:middle; line-height:20px;}

.buttonCss
{
	font-size:9pt;
	cursor:default;
}


p {
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.p1 
{
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

li
{
font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;	
}
strong
{
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
}
label
{
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.Description
{
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.LabelBoldCSS
{
	color:rgb(95,120,148);
    font-size:12px;
    font-family:Ariel;
    font-weight:bold;
}	

.LabelCSS
{
    color: rgb(95,120,148);
} 
 

/**
 * Default color is black
**/
.LabelBlackCSS
{
    color: black;
}      
.LabelBlackCSS2
{
	font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-weight:bold;
    font-size:14pt;
} 
.LabelBlackCSS3
{
    color: black;
    font-weight:bold;
    font-size:12pt;
} 
/**
 * Default color is red
**/
.LabelRedCSS
{
    color: rgb(210,0,0);
}      

/**
 * the font size is 20px
**/
.Label20CSS
{
	font-family: Arial;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #0099ff;
	border-right: #9999cc 1px solid;
	border-top: #9999cc 1px solid;
	border-left: #9999cc 1px solid;
	border-bottom: #9999cc 1px solid;
}
    
.AfterLoginPageTitle
{
	font-size: 12pt;
	font-family: "Times New Roman", Times, serif;
	color: #0066ff;
	font-weight:bold;
}
.DisableTextBoxCSS
{
    background-color:#E0E0E0; 
    color:black;
}    

.HRCSS
{
    color: rgb(95,120,148); 
    height: 1px;
    padding-top:0px;
    padding-bottom:0px;
}

/**
	 * Titles and Hyperlink Prompts : Blue
	**/	    
    .TitleCSS
    {
	    font-family:Ariel;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:bold;
	    font-size: 14px;
		color: rgb(95,120,148);
	}
	
	/**
	* Titles set forecolor : black
	**/
	.TitleBlackCSS
    {
	    font-family:Ariel;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:bold;
	    font-size: 14px;
		 color: white;
		background-color: #000066;
	}
		
	.TitleBlackCSS2
    {
	    font-family:Ariel;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:bold;
	    font-size: 13px;
		color: black;
		
	}
	/**
	 * title of region	
	**/	
   .TitleLinkHeadCSS
    {
		color:blue;
        font-size:12px;
        font-style:normal;
        font-family:Ariel;
        font-variant:normal;
        font-weight:bold;
        text-decoration:none;
	}	

	/**
	 * title of region	
	**/	
   .TitleHeadCSS
    {
	    font-family:Ariel;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:bold;
	    font-size: 12px;
		color: black;
	}
	
	/**
	 * title of region, the default color is red
	**/	
   .TitleHeadRedCSS
    {
	    font-family:Ariel;
	    font-style:normal;
	    font-variant:normal;
	    font-weight:bold;
	    font-size: 12px;
		color: rgb(210,0,0);
	}	

	/**
	 * Column Headers : Dark Blue/Lavender
	**/	
	.GridHeaderCSS
{
	font-family: Ariel;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
	/*
	background-color: #999999;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;*/
}
	.GridFooterCSS
{
	font-family: Ariel;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: black;
	background-color: gainsboro;
}
	/**
	 * Column Headers : Dark Blue/Lavender
	**/	
.GridPaddingHeaderCSS
{
	font-family: Ariel;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	padding-left: 1px;
	padding-right: 1px;
	color: black;
	background-color: #cccccc;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}	

.GridViewCss
{
	
	border-collapse:collapse; 
	border:solid black; 
	border-width:10px 11px 11px 11px; 

}
/**
* Row select 
**/
.GridRowSelectCSS
{
	color: Black;
	font-weight:normal;
	background-color:#C0C0C0;
}

/**
 * Tabular Color Rows (alternate w/ white)
**/	
.GridRowsCSS
{
	color: Black;
	font-weight:normal;
	background-color:rgb(230,231,251);
}	

.GridAlternatingRowsCSS
{
	color: Black;
	font-weight:normal;
	background-color:#F7F6F3;
}

.GridPaddingRowsCSS
{
	padding-left: 5px;
	font-size: 12px;
}

.GridTemplateTextBoxCSS
{
	background-color:Transparent;
    border-style:none; 		
    border-width:0px; 
    color:black;
}

.GridBorderTemplateTextBoxCSS
{
	background-color:Transparent;
    border-style:solid; 		
    border-width:1px; 
    border-color:DarkGray;
    color:black;
}	
.hideControlCss
{
	display:none;
	visibility:hidden;
}

.tdBorderCss
{
	border-right: #000000 1px groove;
	border-top: #000000 1px groove;
	border-left: #000000 1px groove;
	border-bottom: #000000 1px groove;
}
.tooltipDiv
{
	position: absolute;
	z-index: 1088;
	margin: 1px;
	text-align: left;
	float: left;
	background-color: whitesmoke;
	overflow: auto;
	border-right: black 1px groove;
	padding-right: 2px;
	border-top: black 1px groove;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: black 1px groove;
	padding-top: 2px;
	border-bottom: black 1px groove;
}
.whitetext {
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
}