/**
 * Mods by Peter Falson
 * - Added tooltips display parameters
 * - One for disabled fields (using <span> method)
 *   the other using tooltips.js
 */

body {font-family: Arial, Helvetica, sans-serif;
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	
.zh {
	font-size: 200%;
	line-height: 150%;
	}
.translation-segment .zh {
	margin: 0;
	}
textarea.zh {
	width: 20em;
	}
.redBG {background-color: #990000; }	
		
.subHeader {
	color: #993333;
	font-style: italic;
	font-weight: bold;
}

h1 {
	font-size: 160%;
	text-align: center;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	}
h1 a, h2 a, h3 a {
	color: #000;
	text-decoration: none;
	}	
	
h2.subTitle,h2.subTitleR,h2.subTitleL {
	position: relative;
	margin-top: 0;
	margin-right: .5em;
	color: #999;
	}
h2.subTitleR{float:right;clear: both; }
h2.subTitleL{float:left;clear: none; }
	
ul { list-style: square; margin:0px; padding:0px; }

#top_msg {
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	}		

.title{font-size:16px; font-weight:700}	
.subtitle{font-size:14px; font-weight:700; line-height:24px;}
.text {	font-size: 12px;}
.small {font-size: 11px;}
.note {font-size: 10px;}
.arial {font-family:Arial, Helvetica, sans-serif}

.ltCell {background-color:#eeeeee}
.ltCellOdd {background-color:#e1e1e1}
.midCell {background-color:#dddddd}
.darkCell {background-color:#cccccc}
.emptyCell {border: #CCCCCC 1px solid}

.white{color:white}
.error{color:red}
.orange {color: #FF6600}
.red {color: #cc0000}
.gray {color:#888888}
.ltgray {color:#cccccc}
.spacer {font-size: 1px;white-space: nowrap;}

A:link { color: #CC9900; text-decoration: underline;}
A:visited { color: #CC9900; text-decoration: underline }
A:hover { color : #FFCC00; text-decoration: underline ; background-color:inherit}

P{ margin-top: 8px; margin-bottom: 8px; }

.table{border:thin solid #eeeeee}
.mainTable{margin-left:3px;margin-right:4px}

.cellDark{background:#ddddcc;
			}
.cellLight{background:#eeeedd;
			}


#header{background:#990000;
		white-space:nowrap;
		}

#titles{padding-top:4px;
		padding-left:4px;
		padding-right:4px}

#mainLinks {background-image:url(../images/main_nav/nav_link_bar_bg.jpg); 
			background-color: #CCCCCC;
			height:22px;
			text-align:center;
			white-space:nowrap;
			width:100%;
			clear:both}
			
.linkBlock {margin-left:7px;margin-right:7px;display:inline;}
#mainlinks_leftCorner{float:left}
#mainlinks_rightCorner{float:right}
.leftBar {background: #ffffff  url(../images/main_nav/nav_red_border_left.gif) repeat-y;    }
.rightBar {background: #ffffff url(../images/main_nav/nav_red_border_right.gif) repeat-y right; }
#bottom_border{background-image:url(../images/main_nav/nav_red_border_bottom.gif);}
#bottom_border_leftCorner{float:left}
#bottom_border_rightCorner{float:right}

#loginBar{padding:4px 4px 0px 0px;}

.content{ margin-top:16px; }
.sidebar { margin-left:16px; width:33%; float:right; }

.indent{padding-left:24px;}

/** SCROLL **/
#scroll{float:right;
		background-image:url(/images/page_elements/scroll_bg.gif) repeat-y;
		text-align:center;
		width:189px;
		margin-left:16px;
		}		
.ScrolledgeB {background: #ffffff url(../images/page_elements/scroll_bot_edge.gif) repeat-x top ;}		
.ScrolledgeR {background: #ffffff url(../images/page_elements/scroll_right_edge.gif) repeat-y right; width:12px}		
.ScrolledgeL {background: #ffffff url(../images/page_elements/scroll_left_edge.gif) repeat-y left; width:12px}		
.ScrolledgeT {background: #ffffff url(../images/page_elements/scroll_top_edge.gif) repeat-x top ;}		
.scrollBG{background:url(../images/page_elements/scroll_bg_color.gif);}
.scrollTextBG{background:url(../images/page_elements/scroll_chinese_chars.gif) center top repeat-y;}
.scrollText{padding-left:12px;padding-right:12px;text-align:left}
.scrollText p{font-family: Arial, Helvetica, sans-serif;}
/****/

#content p{padding:0px;}

.footerText {color: #FFFFFF}
.footerText A:link { color: #FFCC00; text-decoration: underline }
.footerText A:visited { color: #FF9900; text-decoration: underline }
.footerText A:hover { color : #FFFF66; text-decoration: underline }

.horzDivide { FONT-SIZE: 1px; COLOR: #ffffff; 
			line-height: 1px; width:90%; 
			background-color: #cccccc; 
			height:1px; margin:4px;}

/*POSITIONING ELEMENTS */	
.half {
    position: relative;
    float: left;
    clear: none;
    width: 50%;
    }
.third {
    position: relative;
    float: left;
    clear: none;
    width: 33%;
    }
.lh, .rh {position: relative;float: left;}
.lh {width: 25%;text-align: right;	}
.rh {width: 72%;left: 3%;}	

.third{width:33%;float:left;position: relative;}
.2third{width:66%;float:left;position: relative;}
.quarter{width:25%;float:left;position: relative;}
.3quarter{width:75%;float:left;position: relative;}
.half{width:50%;float:left;position: relative;}
.stretchCell{float:left;position: relative;}

/* MISC ELEMENTS */
.error-msg {
	color: #FF3333;
	background: #FFE5E5;
	}
.req {	
	color: #333;
    font-weight: bold;
    background: url(./img/icon-tick.png) no-repeat left;
    padding-left: 24px;
    margin-left: .5em;
    }
.opt {	
	color: #333;
    background: url(./img/icon-tick.png) no-repeat left;
    padding-left: 24px;
    margin-left: .5em;
    }
.chineseFont,.chineseFontLg { font-family: "Han Nom A","Han Nom B","MS Song",SimSun, NSimSun,sans-serif}
.chineseFontLg { font-size: 24px;}
.fullBlock { display:block; clear:both; }
.inline { display:inline; }
.center { text-align: center; float:none;}
.clear {	clear: both; }
.point{cursor:pointer;}
.yellowBox{background-color: #ffff00; background:#FFFF99;}
.draggable{}
.handle{cursor:move;}
.floatR{float:right;}
.ltBorder{ border:#CCCCCC thin solid;}
.b{ font-weight:bold; }
.underLn{ padding-bottom: 6px; border-bottom: 1px solid #CCC; }
.ulText{text-decoration:underline}
.pad{padding:4px;}
.spacer{ font-size:1px; line-height:1px;}


/* Added for popup Help windows */
#wrapper {
width: 488px;
height:298px;
background-color:#fff;
border:6px double #006;
margin:185px auto;
}
.container {
height:30px;
width:400px;
margin: 20px auto;
}
a.info {
position:relative; /*this is the key*/
z-index:0; 
color:#666;
font-style:oblique;
text-decoration:none; 
display:block;
float:left;
}
.spanny {
float:left;
}
a.info .ttip {
display: none;
float:left;
}
a.info:hover{
z-index:1; 
background-color:#fff;
}
a.info:hover .ttip { 
display:block;
position:absolute;
top:0px; 
left:-140px; 
width:120px;
border:3px double #0cf;
background-color:#cff; 
color:#099;
font-size:10px;
font-style:normal;
padding:5px;
}
a.info:hover #pictip {
top:20px; 
left:-280px; 
width:240px;
border:3px double #fc0;
background-color:#ffc; 
color:#990;
font-size:12px;
text-align:justify;
padding:10px;
}

div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#dee7f7; border:1px solid #336; 
  width:260px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }

/* IMAGES */
.image
{
background-repeat:no-repeat;
background-position:right;

	}