/* General styles */
body,th,td,tt,p,div,span,input,textarea,select{
	color: #333;
	font: 12px tahoma,  verdana, arial, sans-serif;
}
body,form,div{
	margin:	0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	padding: 0;
	margin: 0;
}
li,ul{
	margin: 0px; 
	padding: 0px; 
}
li{
	list-style-type: none;
}
p{
	margin-top:	6px;
	margin-bottom: 0px;
	color: #2c2b2b;
	font-weight: normal;
}
span{
	color: #2c2b2b;
	line-height: 16px;
}
a{
	font: 12px tahoma, verdana, arial, sans-serif;
	text-decoration: none;
	color:#0099FF;
}
a:hover{
	text-decoration: none;
}
select {
	border: 1px solid #6e9db7;
}
hr{
	border: solid #eaf0f5 0px;
	border-top-width: 1px;
	height: 0px;
}
input,textarea,select{
	padding: 0px;
	margin: 0px 3px 0px 0px;
}
input, textarea{
	padding: 1px;
}
textarea{
	margin: 0px;
}
.none{
	float:left;
	display:none;
	font-size:0px;
}
body{
	margin:0 auto;
	font-family: Tahoma,Verdana, Helvetica, Arial, Sans-Serif;
	font-size:12px;
	background:#FFF;
}
/* main class */
.body{
	margin:0 auto;
}
.body-inner{
	margin-left:5px;
	margin-right:5px;
}
.header,.footer,.container{
	clear: both;
}
.clear{
	clear: both;
	font-size: 0px;
}
/* header */
.header{
	float:left;
	width:100%;
	background:#464646;
	color:#999999;
}
.header a{ color:#CCCCCC; text-decoration:underline}

.header h1{ clear:both; font-size:24px; padding-left:10px; padding-right:10px; padding-top:10px; height:40px; vertical-align:middle;border-bottom:1px solid #C6D9E9; background:#E4F2FD; color:#000000;}
/* menu */
.menu{
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}
.menu li{
	float:left;
}
.menu a{
	margin-left:10px;
	text-decoration:none;
}
/* top menu */
.top-menu{
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;
}
.top-menu li{
	float:left;
}
.top-menu a:link,.top-menu a:visited,.top-menu a:hover,.top-menu a:active{
	margin-right:10px;
	text-decoration:underline;
}
/* header gav */ 
.header-gav{
	float:left;
	width:100%;
	height:3px;
	background:#f1f1f1;
	font-size:0px;
}
.header-inner{
	float:left;
	height:110px;
	width:100%;
}
.header-logo{
	float:left;
	width:200px;
	height:60px;
	margin-top:30px;
}
.header-sponser{
	margin: 10px 0px 0px 200px;
	text-align:center;
}
/* location */
.location{
	float:left;
	width:100%;
	margin-bottom:7px;
	border-bottom:1px dashed #CCCCCC;
}
.location-inner{
	padding-top:4px;
	padding-bottom:5px;
	margin-left:10px;
	margin-right:10px;
}
.location a{
	font-size:12px;
	color:#0099FF;
}

/* container */
.content {
	float:left;
	width:100%;
	padding-bottom:7px;
}
/* footer */ 
.footer{
	background:#464646;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	
	font-size:10px;
}
.footer a{ color:#CCCCCC; text-decoration:none; font-size:11px;}
/* bottom menu */
.footer .bottom-menu{
	color:#999999;
	float:left;
	font-size:10px;
}
.footer .copyright{
	color:#999999;
	float:right;
	font-size:10px;
}

/* menu-box */
.menu-box{ width:180px; font-weight:bold; margin-bottom:10px;}
.menu-box div { background:#E4F2FD; border-top:1px solid #C6D9E9;border-bottom:1px solid #C6D9E9; color:#333333; font-size:14px;width:160px; padding:3px 10px;}
.menu-box div strong{ font-size:13px;}
.menu-box ul{ width:180px;}
.menu-box ul li { border-bottom:1px dashed #CCCCCC;}
.menu-box ul li a {display:block; width:150px; padding:3px 10px 4px 20px;}
.menu-box ul li a:hover{ background:#F0EFEF; color:#ED1C24;}


div#wrapper{float:right;width:100%;margin-left:-200px; }
div#content{margin-left:200px;padding-right:10px;}
div#navigation{float:left;width:190px; padding-left:10px;}

div#content h1{ font-size:18px; width:100%; }
div#content p{}

/* Table */
.table {width:100%; padding-bottom:10px; padding-top:5px;}
.table table{}
.table thead{ background:#464646; text-align:center}
.table thead td{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table thead th{color:#D7D7D7;font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:3px;padding-right:3px;}
.table tbody td{ padding-top:3px; padding-bottom:3px;padding-left:3px;}
.table tbody th { font-weight:normal; padding-top:4px; padding-left:3px;padding-right:3px; text-align:right; vertical-align:top;}
.table tfoot{  }
.table tfoot th{color:#C6D9E9;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}
.table tfoot td{color:#333333;font-weight:bold; padding-top:5px; padding-bottom:5px; background:#EDF7FE;padding-left:3px;}

.table .line { background:#E4F2FD;}

/* admin */
#check_success{ text-align:center; padding-top:20px;}
#check_error{ text-align:center; color:#FF0000; padding-top:20px;}

.total{ font-size:13px; padding-bottom:5px;}
.total strong{ font-weight:bold; color:#009900}

.select{ padding-top:5px; padding-bottom:5px; font-weight:bold}

.menu_action{ padding-top:15px;padding-bottom:15px;}
.menu_action a{ background:#F0EFEF;border:1px dashed #328AB2; padding:5px 20px; font-weight:bold; text-decoration:none; color:#328AB2; margin-right:5px;}
.menu_action a:hover{background:#E4F2FD;border:1px dashed #328AB2;text-decoration:none;}

.edit{ background:#5AB3F9; border:1px solid #1E86B6; color:#FFFFFF; padding:2px 5px; margin-top:1px; margin-bottom:1px; cursor:pointer}
.edit:hover{ background:#85C8FD;color:#333333;}
.delete{ background:#F965B1; border:1px solid #FF0084; color:#FFFFFF; padding:2px 5px; margin-top:1px; margin-bottom:1px;cursor:pointer}
.delete:hover{ background:#FD8BC6;color:#333333;}
.add{ background:#68CC07; border:1px solid #53A80D; color:#FFFFFF; padding:2px 5px; margin-top:1px; margin-bottom:1px;cursor:pointer}
.add:hover{ background:#6FD808;color:#333333;}
.cancel{ background:#F99C24; border:1px solid #F87304; color:#FFFFFF; padding:2px 5px; margin-top:1px; margin-bottom:1px;cursor:pointer}
.cancel:hover{ background:#FBBE6F;color:#333333;}
.hide{ background:#D6D6D6; border:1px solid #8B8B8B; color:#808080; padding:2px 5px; margin-top:1px; margin-bottom:1px; cursor:help}

.thumb{ border:1px solid #333333; padding:2px; background:#FFFFFF}
a img{ border:1px solid #333333; padding:2px; background:#FFFFFF}

/* paging */
.paging-box{ width:50%;}
.paging{padding:10px;}
.paging strong{ font-weight:bold; margin:2px; border:1px solid #328AB2; background:#4EB6E5; padding:2px 5px; color:#FFFFFF; }
.paging a{margin:2px; border:1px solid #328AB2; background:#FFFFFF; padding:2px 5px; color:#2583AD;}
.paging a:hover{color:#FFFFFF; background:#4EB6E5}