/* CSS Document */

/* Global setting */
body,p,td,div,span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#333333;
}
div { position:relative; }
body { margin:0px auto; padding:0px;  }
a { color:#0033FF; }
form { margin:0px; padding:0px; }
p,td { padding-left:5px; }
table { background-color:#FFFFFF; }
input { border:1px #1574D2 solid; padding:3px 6px; color:#000000; margin-top:5px; margin-bottom:2px; font-size:12px; font-family:Arial, Helvetica, sans-serif; vertical-align: middle; }
textarea { border:1px #1574D2 solid; font-size:12px; padding:3px 0px 3px 6px; color:#000000; width:575px; margin-top:7px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; }
select { border:1px #1574D2 solid; margin-top:4px; margin-bottom:5px; vertical-align: middle; }
option { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-right:15px; }
.red { color:#FF0000; }
.blue { color:#0000FF; }
.txt8 {
	padding: 2px 5px 2px 5px;
	color: #FF0000;
	font-weight:bold;
	font-size:12px;
}
.txt6{
	padding: 2px 5px 2px 5px;
	font-size:10px;
	color:#FF3300;
}
.cp_title { color:#0033FF; margin-left:-2px; }
.emph_red {font-size:12px; color: #FF0000; }
.emph_blue {color: #0000FF}
.rednote {font: Arial; font-weight:bold; color: #FF0000; font-size:12px; margin:0px 5px 0px 5px; }

/* The top and bottom background color, effection */
.submit_theme { background:#333333; }  /* #4F6A28 #666600 #990000 #333333 #2B95D3 */ 
h1 { background-color:#F7FBFD; border-bottom:1px solid #67BDE2; } /* */
.ul_table_eve_a { background-color:#F7FBFD; } /* */
.ul_table_eve_b { background-color:#F7FBFD; } /* */

/* The top part of a page */
#top { width:100%; height:143px;}
#top_theme { width:100%; height:100px; } /* Need picture :: describe theme of the whole effection */
#toolbar { width:100%; height:42px; background:#CCCCCC; border-bottom:#999999 solid 1px; background:url(../img/toolbar_bg.jpg) repeat-x bottom; }
	#toolbar ul { margin:0; padding:6px 0px 0px 0px; list-style:none; }
		#toolbar ul li { width:120px; height:40px; border-left:#999999 solid 1px; vertical-align:middle; padding:0px 25px 0px 15px; display:inline; font-size:20px; font-weight:bold; }
		#toolbar ul li a:link { text-decoration:none; color:#333333; }
		#toolbar ul li a:visited { text-decoration:none; color:#333333; }
		#toolbar ul li a:hover { text-decoration:none; color:#0033FF; }
		#toolbar ul li a:avtive { text-decoration:none; color:#0033FF;  }

/* The main body of a page */
#main_body { width:100%; height:auto; margin:0px; padding:0px; background: url(../img/nav_bg.jpg) left repeat-y; } 
/* Navigator */
#navigator { width:200px; height:480px; background:#F5F5F5; float:left; border-right:#999999 solid 1px; padding-top:2px; } 
	#navigator ul { margin:2px 0px 0px 10px; padding: 8px 0px; border-bottom:#999999 solid 1px; width:180px; list-style:none; }
		#navigator ul li { text-align:left; margin: 0px; padding: 1px 0px 3px 8px; font-size:14px; color:#111111; }
		#navigator ul li a { display:block; width:160px; height:22px; padding: 3px 2px 0px 0px; }
		#navigator ul li a:link { text-decoration:none; color:#111111; }
		#navigator ul li a:visited { text-decoration:none; color:#111111; }
		#navigator ul li a:hover { text-decoration:underline; color:#0033FF; border-right:#999999 solid 5px; }
		#navigator ul li a:avtive { text-decoration:underline; color:#0033FF;border-right:#999999 solid 5px; }

/* Contents */
#content { width:800px; height:auto; float:left; margin:15px 2px 2px 20px; } 
	#content h1 { margin:0px; padding:8px 0px 10px 6px; font-size:19px; }
	#content #notice { background-color:#FFFFE6; height:20px; padding:5px 0px 0px 6px; }
	#content #padaddr { padding:2px 6px; font-size:14px; margin-right:10px; }	
	#content .ul_table { margin:0px; padding:0px; border:0px solid #000099; width:800px; }    /* The HTML Code is <ul> */
		.ul_table li { list-style-type:none; float:left; margin-bottom:2px; padding-left:5px; } 
		.ul_table li { height:auto; vertical-align:middle; } 
			.ul_table .ul_table_odd_a { width:180px; height:30px; line-height:30px; text-align:left; margin-right:2px; font-weight:bold; } 
			.ul_table .ul_table_eve_a { width:180px; height:30px; line-height:30px; text-align:left; margin-right:2px; font-weight:bold; } 
			.ul_table .ul_table_odd_b { width:608px; } 
			.ul_table .ul_table_eve_b { width:608px; } 
	#content #theNotice { width:768px; margin:5px 0px 15px 0px; padding:10px; border:solid 2px #FF3300; background:#FFFFDD; }
			#theNotice #innerNotice { margin:0px; padding:5px; line-height:1.6; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
	#content .addition { position:relative; float:left; margin:0px; padding:30px 5px; width:auto; height:auto; }
			.addition a:link { font-weight:bold; color:#0033FF; text-decoration:underline; }
			.addition a:visited { font-weight:bold; color:#0033FF; text-decoration:underline; }
			.addition a:hover { font-weight:bold; color:#0033FF; text-decoration:none; }
			.addition a:active { font-weight:bold; color:#0033FF; text-decoration:none; }
	.deleted_title { background-color:#F2F2F2; border-bottom:#AAAAAA solid 1px; }
		#content td a:link { text-decoration:underline; }
		#content td a:visited { text-decoration:underline; }
		#content td a:hover { text-decoration:none; }
		#content td a:active { text-decoration:none;  }

/* the bottom, description or others */
#bottom { width:100%; height:70px; }
		#navigator .feedback a { text-decoration:underline; color:#0033FF; font-size:14px; border-right:#0099FF solid 5px; }
		#navigator .feedback a:link { text-decoration:none; color:#0033FF; border-right:#0099FF solid 5px; }
		#navigator .feedback a:visited { text-decoration:none; color:#0033FF; border-right:#0099FF solid 5px; }
		#navigator .feedback a:hover { text-decoration:underline; border-right:#00CC00 solid 5px;  }
		#navigator .feedback a:avtive { text-decoration:underline; border-right:#00CC00 solid 5px; }