a:link {text-decoration: none; color: #114411}
a:visited {text-decoration: none; color: #002200}
a:active {text-decoration: none; color: #00bb00}
a:hover {text-decoration: none; color: #ee0011}

body {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: arial, helvetica;
	background-color: #ffffff;
	color: #000000;
	text-align : justify;
}
#container {
	
}

.border{
	border: #222222 1px solid;
}

div.centre{
	margin-left: auto;
	margin-right: auto;
}
div.wide{
	width: 90%;
}


#footer {
	clear: both;
	padding: 2px;
	margin-top: 0;
	background-color: #f6f7f8;
	text-align: center;
}


img.darkborder {
	border: 1px solid #444444;
}

table, td{
	padding: 5px;
	font-size: 0.95em;
	font-family: arial, helvetica;
}

table.nopad {padding: 0}
td.nopad {padding: 0}


h1{font-size: 16pt; font-weight: bold; margin-top: 3px}
h2, h3{
	border: 1px solid #223311;
	border-top: 1px solid #bb3344;
	background-color: #114422;
	color: white;
	padding: 1px;
	margin-top: 2px;
	margin-bottom: 1px;
}
h5{font-size: 8pt; font-weight: bold;}

P{ 
	text-indent: 4pt;
	style="margin-bottom:0";
   text-align: justify;
}
P.center{text-align: center;}

P.breakhere {page-break-before: always}

div.navleft { position: absolute; top:0px; left: 0; width: 19%; margin: 1% 1% 0 0; }
div.navmiddle { position: absolute; top:0px; left:20%; min-width: 360px; width: 60%; margin-top: 1%; }
div.navright { position: absolute; top:0px; left: 80%; width: 19%; margin: 1% 0 0 1%; }

.meaning{
	font-size: 9pt;
	font-weight: bold;
	font-family: arial, helvetica;
}
.meaningsmall{
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, helvetica;
}

.meaningnote{
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

.copyright{
	font-size: 9pt;
	color: rgb(96,112,128);
   text-align: center;
	font-family: arial, helvetica;
}

.debug{
	font-size: 9pt;
	background-color: #eeeeee;
	color: #333333;
	border: 1px solid #444444;
	padding: 10px;
	margin: 2px;
}

.italic {font-style: italic;}

a.black:link {color: #000000;}
a.black:visited {color: #000000;}

.bglightyellow {background-color: #ffffee;}
.bgwhite {background-color: #ffffff;}

.arty{font-family: 'AR PL KaitiM Big5','MingLiu','Ming liu','nj chinese traditional'}

.scripttime{
	color: #99bbaa;
	font-size: 8pt;
}

.dictionarycredits{
	font-size: 9pt;
	color: #88aa99;
}


/* word list CSS */
div.smallspacer{
	/*padding: 2px;*/
	margin: 4px;
}

a.buttonnav{
	color: #111111;
}
a.buttonnav:visited{
	color: #111111;
}

.buttonnav{
	padding: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #f9eeed;
	border: #777777 1px outset;
	margin: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.buttonnav:hover{
	background-color: #fffffc;
	color: #2233aa;
	border: #777777 1px outset;
}
.buttonnavcurrent{
	background-color: #ccddcc;
}


/* front page CSS */
div.fp_word{
	font-size: 16pt;
	padding: 4px;
}


/* word detail CSS */
.wd_word{font-size:14pt;}
.wordmeaning{color: #002244; font-size: 1.2em}
.typedesc{color: #555555; font-size: 0.9em}
.cardjyutping{color: #0022dd; font-size: 1.1em; font-style: italic}
table.wordcard{
	background-color: #fffffd;
}
table.cardborder{
	border-top: #eeeeee 1px solid;
	border-right: #dddddd 1px solid;
	border-bottom: #bbbbbb 3px solid;
	border-left:  #bdbdbd 1px solid;
}

/* word search CSS */
.ws_word{
	font-size:10pt;
	font-weight: bold;
}
.ws_highlight{
	color: #2233aa;
	font-weight: bold;
}