/**********************

CSS Document

Coded by: Kefan Xie
xiekefan@gmail.com

**********************/

body {
	margin: 0;
	padding: 0;
	background: #e2e2e2; 
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 866px; 
	margin: auto; 
	padding: 0 24px; 
	background: url(../img/bg/bg_wrap.gif) repeat-y; 
}

/**********************

Header

**********************/

#header {
	position: relative; 
	width: 866px; 
	height: 96px; 
	margin-bottom: 1px; 
	background: url(../img/bg/bg_header.gif) repeat-x; 
}

#header h1 { 
	width: 404px; 
	height: 63px; 
	margin: 0; 
	text-indent: -9999px; 
	background: url(../img/logo.gif) no-repeat; 
} 

#logo { 
	float: left; 
	width: 404px; 
	text-align: center; 
} 

#header span { 
	font: normal 0.9em arial; 
	color: #838383; 
} 

#search_box { 
	float: right; 
	display: inline; 
	width: 381px; 
	margin-top: 5px; 
	margin-right: 50px; 
} 

#search_box h3 { 
	margin: 0; 
	font: bold 1.4em arial; 
	text-align: center; 
} 

#search_box form {
	margin: 0; 
	text-align: center; 
} 

#home_search { 
	width: 359px; 
	height: 20px; 
	margin: 0; 
	padding: 0; 
	border: 1px solid #d5d5d5; 
} 

#home_search_submit { 
	margin: 3px 0 0 0; 
} 

/**********************

Navigation

**********************/

#nav {
	width: 866px; 
	height: 38px; 
	margin-bottom: 1px; 
	background: #5ec236; 
}

#nav ul{
	display:table;
	margin: 0 auto; 
	padding: 9px 0 0 0;
	list-style: none; 
	white-space:nowrap;
}

#nav ul li{
	display:table-cell;
}

#nav ul a{
	display:block;
	width: 20px; 
	height: 13px; 
	padding: 0 4px; 
	text-align: center; 
	font: bold 0.9em arial; 
	color: white; 
	background: url(../img/bg/bg_nav_tic.gif) no-repeat left 2px; 
}

.nav_first { 
	background: none !important; 
} 

#nav h2 { 
	margin: 0; 
	padding-top: 5px; 
	padding-left: 40px; 
	font: bold 1.5em arial; 
	color: white; 
}  

/**********************

Content

**********************/

#content {
	width: 866px; 
	border-bottom: 20px solid #5ec236; 
}

#left_col { 
	float: left; 
	width: 348px; 
	border-right: 1px solid #f2f2f2; 
} 

#left_col h2 { 
	height: 39px; 
	he\ight: 34px; 
	margin: 0 0 1px 0; 
	padding: 5px 0 0 8px; 
	font: bold 1.4em arial; 
	background: #f2f2f2; 
} 

#pop_switcher { 
	padding: 10px 0 10px 65px; 
} 

#pop_switcher a { 
	float: left; 
	display: block; 
	height: 20px; 
	padding: 4px 5px 0; 
	color: #5ec236; 
	font: bold 0.9em arial; 
}

#pop_switcher span { 
	float: left; 
	display: block; 
	height: 20px; 
	padding-top: 4px; 
	font: normal 0.9em arial; 
} 

#pop_switcher a.selected { 
	color: white; 
	margin-left: 5px; 
	background: #5ec236; 
}

.pop_code_block { 
	height: 76px; 
	background: #f2f2f2; 
} 

.pop_code_block p { 
	margin: 0 0 5px 0; 
	padding: 10px 10px 0; 
	font: normal 0.9em arial; 
} 

.pop_code_block a { 
	display: block; 
	width: 167px; 
	w\idth: 158px; 
	height: 26px; 
	he\ight: 21px; 
	margin: auto; 
	padding: 5px 0 0 9px; 
	font: bold 0.9em arial; 
	color: white; 
	background: url(../img/bg/bg_button.gif) no-repeat; 
} 

.alt_pop_block { 
	background: none !important; 
}

#right_col { 
	float: right; 
	width: 517px; 
} 

#right_col h2 { 
	min-height: 34px; 
	height: auto !important; 
	height: 34px; 
	margin: 0 0 10px 0; 
	padding: 5px 0 0 23px; 
	font: bold 1.4em arial; 
	border-bottom: 1px solid #dbdbdb; 
} 

#right_col h2 select { 
	float: right; 
	display: inline; 
	margin-top: 3px; 
	margin-right: 10px; 
} 

.code_block { 
	width: 456px; 
	margin-left: 23px; 
	margin-bottom: 20px; 
} 

.code_title { 
	margin: 0 0 5px 0; 
	padding-bottom: 5px; 
	font: bold 0.9em arial; 
	text-align: center; 
	background: url(../img/bg/bg_listing_divider.gif) no-repeat center bottom; 
} 

.code_title strong { 
	float: left; 
	color: #5ec236; 
} 

.code_title a { 
	color: black; 
} 

.code_toggle { 
	float: left; 
	margin-bottom: 5px; 
	font: normal 0.9em arial; 
	color: #003399; 
	text-decoration: underline; 
} 

.code_toggle:hover { 
	color: #DE6600; 
} 

.code_use { 
	float: right; 
	margin-bottom: 5px; 
	font: bold 0.9em arial; 
	color: #5ec236; 
} 

.code_code { 
	display: none; 
	clear: both; 
	height: 30px; 
	he\ight: 28px; 
	margin: 0 0 5px 0; 
	padding-top: 2px; 
	text-align: center; 
	font: normal 0.9em arial; 
	background: #ededed; 
} 

.code_code strong { 
	font: normal 1.5em arial; 
} 

.code_code a { 
	color: black; 
	text-decoration: underline; 
} 

.code_code a:hover { 
	text-decoration: none; 
} 

.code_expire { 
	float: left; 
	margin-right: 10px; 
	font: bold 0.9em arial; 
	letter-spacing: -1px; 
	color: #5ec236; 
} 

.code_more { 
	float: left; 
	font: normal 0.8em arial; 
	color: #5a5a5a; 
} 

.code_more a { 
	color: #003399; 
} 

.code_tell { 
	float: right; 
	font: bold 0.9em arial; 
	color: #003399; 
} 

.code_detailed { 
	margin: 0 20px; 
} 

.code_detailed h3 { 
	margin: 10px 0 5px 0; 
	font: bold 1.0em arial; 
} 

.code_detailed p { 
	clear: both; 
	height: 30px; 
	he\ight: 28px; 
	margin: 0 0 5px 0; 
	padding-top: 2px; 
	text-align: center; 
	font: normal 1.3em arial; 
	background: #ededed; 
} 

.detail_use { 
	clear: both; 
	display: block; 
	padding-top: 10px; 
	font: bold 1.2em arial; 
	color: #5ec236; 
	text-align: center; 
} 

.error_report { 
	margin: 20px 0 0 20px; 
	font: normal 1em arial; 
} 

#login_box { 
	width: 400px; 
	height: 150px; 
	margin: 20px auto; 
	border: 2px solid #5ec236; 
} 

#login_box h3, #entry_box h3, .admin_box h3 { 
	margin: 0 0 20px 0; 
	padding: 5px 0; 
	text-align: center; 
	font: bold 1em arial; 
	color: white; 
	background: #5ec236; 
} 

.login_form_text { 
	width: 200px; 
	margin-bottom: 5px; 
	border: 1px solid #5ec236; 
} 

.login_form_label { 
	float: left; 
	width: 120px; 
	padding-right: 5px; 
	font: normal 1em arial; 
	text-align: right; 
} 

.login_form_submit { 
	display: block; 
	margin: auto; 
} 

.admin_box { 
	width: 400px; 
	margin: 20px auto; 
	border: 2px solid #5ec236; 
} 

.delete_box { 
	width: 800px !important; 
} 

.admin_box ul { 
	list-style: none; 
} 

.admin_box ul li { 
	margin-bottom: 5px; 
} 

.admin_box a { 
	width: 130px; 
	text-align: center; 
	font: bold 1em arial; 
	color: #5ec236; 
} 

#entry_box { 
	width: 600px; 
	margin: 20px auto; 
	padding: 0 0 20px; 
	border: 2px solid #5ec236; 
} 

#entry_box form { 
	margin: 0; 
} 

.entry_label { 
	float: left; 
	width: 110px; 
	padding-right: 10px; 
	font: normal 1em arial; 
	text-align: right; 
} 

.entry_text { 
	width: 400px; 
	border: 1px solid #5ec236; 
} 

.entry_submit { 
	display: block; 
	margin: auto; 
} 

.entry_note { 
	display: block; 
	width: 400px; 
	margin: 0 0 10px 120px; 
	font: normal 0.7em arial; 
} 

.entry_msg { 
	margin-left: 20px; 
	font: normal 1em arial; 
} 

.admin_msg { 
	width: 400px; 
	margin: 20px auto; 
	font: normal 1em arial; 
	text-align: center; 
} 

#admin_nav { 
	height: 30px; 
	border-bottom: 1px solid #5ec236; 
} 

#admin_nav ul { 
	margin: 0; 
	padding: 0 0 0 20px; 
	list-style: none; 
} 

#admin_nav ul li { 
	float: left; 
	margin-left: 20px; 
	padding-top: 5px; 
} 

#admin_nav ul li a { 
	font: bold 1em arial; 
	color: black; 
} 

.search_text { 
	display: block; 
	width: 200px; 
	margin: 0 auto 10px; 
	border: 1px solid #5ec236; 
} 

.search_submit { 
	clear: both; 
	display: block; 
	margin: 0 auto 20px; 
} 

.search_label { 
	float: left; 
	font: normal 1em arial; 
	padding-bottom: 10px; 
} 

.search_radio_first { 
	float: left; 
	display: inline; 
	margin-left: 80px; 
	margin-bottom: 10px; 
} 

.search_radio { 
	float: left; 
	margin-bottom: 10px; 
} 

#admin_table { 
	width: 800px; 
	margin: 20px auto; 
	border: 1px solid #5ec236; 
} 

#admin_table th { 
	margin: 0 0 0 0; 
	padding: 5px 0; 
	text-align: center; 
	font: bold 0.8em arial; 
	color: white; 
	background: #5ec236; 
} 

#admin_table th h3 { 
	margin: 0; 
	font-size: 1.3em; 
} 

#admin_table td { 
	font: normal 0.8em arial; 
	text-align: center; 
	border-right: 1px solid #5ec236; 
	border-bottom: 1px solid #5ec236; 
} 

#admin_table td a { 
	font: bold 1em arial; 
	color: #5ec236; 
} 

.last_admin_table_td { 
	border-right: none !important; 
} 

.choice_table { 
	width: 750px !important; 
} 

#choice_box { 
	margin-bottom: 20px; 
} 

#choice_box a { 
	float: left; 
	width: 50px; 
	padding: 2px 5px; 
	border: 1px solid #5ec236; 
} 

#choice_box a:hover { 
	color: white; 
	text-decoration: none; 
	background: #5ec236; 
} 

#admin_logout_link { 
	float: right; 
	display: inline; 
	margin-right: 40px; 
	padding-top: 5px; 
	font: bold 1em arial; 
	color: black; 
} 

#pagin_left { 
	float: left; 
	display: inline; 
	margin-left: 20px; 
	margin-bottom: 20px; 
	font: bold 1em arial; 
} 

#pagin_right { 
	float: right; 
	display: inline; 
	margin-right: 40px; 
	margin-bottom: 20px; 
	font: bold 1em arial; 
} 

#pagin_right a, #pagin_left a { 
	color: black; 
	text-decoration: underline; 
} 

#pagin_right a:hover, #pagin_left a:hover { 	
	text-decoration: none; 
} 

#friend_box { 
	width: 480px; 
	margin: 0 auto 20px; 
	border: 2px solid #5ec236; 
} 

#friend_box h3 { 
	margin: 0 0 20px 0; 
	padding: 5px 0; 
	text-align: center; 
	font: bold 1em arial; 
	color: white; 
	background: #5ec236; 
} 

#friend_box label {
	display: block; 
	margin-left: 35px; 
	font: normal 1em arial; 
}

#friend_box textarea { 
	width: 400px; 
	margin-left: 35px; 
	margin-bottom: 10px; 
	border: 1px solid #5ec236; 
} 

#friend_box p { 
	margin: 10px 0 10px 25px; 
	font: normal 1em arial; 
} 

.friend_text { 
	width: 400px; 
	margin-left: 35px; 
	margin-bottom: 10px; 
	border: 1px solid #5ec236; 
} 

.friend_submit { 
	display: block; 
	margin: 0 auto 15px; 
} 

/**********************

Footer

**********************/

#footer {
}

#footer p { 
	margin: 0; 
	padding: 10px 0; 
	font: normal 0.9em arial; 
	color: #838383; 
	text-align: center; 
} 

/**********************

Miscellaneous

**********************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */