﻿


/* MISC  
----------------------------------------------------------*/
.clear{clear: both;}

.error{color:Red;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{color: #ff0000;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{font-weight: bold;color: #ff0000;}
.validation-summary-valid{display: none;}

/* old site css */
body {height:100%;margin: 0;padding: 0;background-image:url('../images/bamboo01.jpg');background-repeat:repeat;}

#bodyHolder{border:0px;padding:0px;margin-top:5px;margin-bottom:5px;min-height:1000px;height:100%; }

#mainBody{width:1000px;	text-align:center;border:white solid 1px;height:100%;background-color:black;}
.copyRight{font-size:10px;position:relative;top:-45px;left:-25px}
#masthead {text-align:center;background:#000000;}

#top_welcome{height:100px;text-align:center;background-image:url('../images/headerBG.jpg');background-repeat:repeat-x;color:white;}

#top_nav {background-image:url('../images/top_nav_bg.jpg');	background-repeat:no-repeat;text-align:center;font-weight:normal;height:35px;background-color:black;}
#top_nav ul{list-style:none;position:relative;top:8px;display:block;height:20px}
#top_nav li{display:inline;	margin:0px 10px 0px 0px;}
#top_nav a{color:#FFFF00;text-align:center;	text-decoration:none;width:150px;font-size:18px;font-weight:lighter;}	
#top_nav a:hover,#localMenu a:hover{color:#FF9900;text-decoration:underline;text-transform:capitalize;} 

#localMenu{ text-align:left;padding-left:10px;border-bottom:1px solid grey}
#localMenu a{color:#FFFF00;text-decoration:none;width:150px;font-size:12px;font-weight:lighter;}	

#container {height:100%;background-color:black;}

/* left column */
#left_col {float:left;width: 200px;text-align:center;background-color:black;font-size:0.9em;height:100%;min-height:971px;}	
#left_col li{list-style:none;margin-left:-35px;}
#left_col p{margin:10px;}
#left_col p image{margin-top: 3px;}
#left_col li a{color:yellow;}
#left_col li a:hover{color:orange;}
#left_col li a:visited{color:orange;}

.newsText{text-align:justify;font-size:0.8em;height:100%;color:#FFFF99;}

.randomWord{text-align:center;font-size:1.0em;height:100%;color:#FFFF99;padding-bottom:3px;}
#rndChars {font-size:2.1em;padding-top:20px}
#rndPinyin {font-size:1.5em}
.randomWord p {text-align:center}

.LinksHeader, .SponsorHeader{color:white;font-weight:bold;font-family:Papyrus;font-size:1em;border-bottom:1px solid silver;border-top:1px solid silver;background-color:black;padding-bottom:5px;padding-top:5px;background-image:url('../images/LinkHeaderBg.jpg');}

/* end left column */

/* right column */
#right_col {float:right;width: 200px;height:100%;background-color:black;text-align:center;min-height:971px;font-size:0.9em;}		
#right_col p{margin:10px;}
#right_col p image{margin-top:3px;}

/* end right column */

/* content main */
.contentMainRightColumn{margin-right:200px;}
.contentMainLeftColumn{margin-left:200px;}

#contentMain{height:100%;padding:10px 15px;background-color:black;border-left:1px silver solid;border-right:1px silver solid;border-top:1px silver solid;min-height:950px;color:#FFFF99;font-family:Arial, Helvetica, Serif;}
#contentMain a:hover{color:white;}
#contentMain a:visited{color:orange;}
#contentMain a:link{ color:yellow; font-weight:bolder;}
#contentMain p{	text-align:justify;	font-size:0.75em;height:100%;}

.clTickList li{list-style-image:url('../images/tick_10x10.jpg');list-style-position:outside;text-align:left;font-size:0.75em;}

#contentHeader{background-image:url('../images/thumbsUp_50x50.jpg' );background-repeat:no-repeat;background-position:left;font-size:1.7em;font-family:Papyrus;text-align:left;padding-left:30px;color:orange;font-weight:bold;}

#contentMain h5{text-align:left;font-size:0.8px;}
#contentMain h4{font-size:0.9em;text-align:left;font-weight:bold;}
#contentMain h3{font-size:.95em;text-align:left;font-weight:bold;}
#contentMain h2{font-size:1.0em;text-align:left;font-weight:bold;color:#FFFF99}
#contentMain h1{font-size:1.0em;text-align:left;font-weight:bold;color:orange}

.dictTable {width:100%; border: 1px silver solid;}
.dictTable tr {border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #FFFFFF;font-size:1em;}
.dictTable td{padding:2px 5px}
.dictTable tr span{ font-size:1.2em}
.dictTable td:hover{font-size:1.6em}

.dictTable th{ background-image:url('../images/th_orange_1x50.jpg'); background-repeat:repeat-x;}

#simplifiedSearch{ margin:10px 0px;display:none}
#simplifiedSearchControls select{font-size:1.2em}
/* end content main */

/* search form */
#searchForm{font-family:Arial, Helvetica, sans-serif;color:#FFFF99; margin-bottom:5px;margin-top:5px;}

/* end search form */

/* donate */
#donate{margin:3px;padding: 2px 1px;}
#donate p{font-size:1em;text-align:center;}
#donateToggle{font-family:Arial, Helvetica, sans-serif;background-color:black;color:yellow;font-weight:bolder;padding:3px;margin-top:5px;display:none;}
/* end donate */

/* footer */
#footer {clear: both; background-image:url('../images/footerbg.jpg'); background-repeat:repeat-x;color:white;text-align:center;height:40px;border-top:1px silver solid;}
#footer span a:link{color:yellow;}
#footer span a:hover{color:orange;}
#footer span a:visited{color:orange;}

/* large footer */ 
 #LargeFooter{height:235px;margin-bottom:10px;margin-top:5px;}
.footerLarge{width:1000px; background-color:black;border:2px solid white;border-top:3px white solid;}

.footerLinkHolder {width:200px;position:relative; float:left;background-image:url('../images/headerBG.jpg'); background-repeat:repeat-x; background-color:Black; }
.footerLinkHolder ul{padding-right:10px; border-right:1px solid silver;height:170px;text-align:left;}
.footerLinkHolder li{list-style-type: cjk-ideographic;color: #FF9933;}
.footerLinkHolder li a{color:Yellow;text-align:left;font-size:0.85em;}
.footerLinkHolder a:hover{color:White;}

/* end footer */

/* controls */
.btnCommand {background-image:url('../images/btnBg_1x30.jpg'); background-repeat:repeat-x; color:Orange; }

/* end controls */

/* ajax search */
#ajaxSearch {height:100px;margin-top:30px;color:#FFFF99}
#ajaxSearch p{text-align:center;}

/* end ajax search */

/* pinyin table */

.tblToneMarkers{border:1px solid white;font-size:24px;margin:2px;}
.tblToneMarkersth{background-color:#FFFF00;color:black;}
.tblToneMarkers td{border: 1px solid silver;}

/* end */

/* Blogs */

.blog{border:1px solid yellow;margin:3px; border-style:groove}
.blogSep{border-bottom: 1px solid yellow; padding:2px}
.blogLabel{width:85px;float:left;text-align:left }
.blogField{text-align:left;margin:2px;}
.blogContent{margin-left:85px;text-align:justify;padding-right:2px}

#newBlog{border:1px yellow solid;padding:2px}
.blogNameBox{width:400px;margin:2px}
.blogSubjectBox{width:400px;margin:2px}
.blogEmailBox{width:400px;;margin:2px}
.blogCommentBox{width:400px;height:100px; text-align:left;font-size:1em;margin:2px}
.blogCreateButton{width:93px; background-image:url("../images/btnBg_1x50.jpg"); background-repeat:repeat-x; color:yellow;position:relative;left:400px}

/* End Blogs*/

.clearBoth{clear:both}
.clearLeft{clear:left}

#rwRefresh {float:right;padding:3px}
#rwRefresh:hover{ cursor:pointer}



