body { 
	margin: 0; 
	padding: 0; 
}
form { margin: 0px; padding: 0; }
body,td,th,div,p{
	/*font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif,arial;
	font-size		: 12px;
	color			: #333333;
	line-height		: 140%;*/
	text-align: left;
	color: #4D2C11;
}
a, a:visited, td a, td a:visited , td a:link{  color: #7E9E49; text-decoration:none;}
a:hover, td a:hover { /*font-weight: bold;*/ color: #448822;}

li {
	/*padding-left: 5px;
	padding-top: 0px;*/
	margin: 0px 0px 10px 0px; 
}

h2 { /*text-align: left;*/ font-weight: bold; /*color: #3366cc;*/ font-size: 160%; margin: 10px 5px 10px 5px; padding: 0px;  }
h3 { text-align: left; font-weight: bold; color: #3366cc; font-size: 130%; margin: 10px 5px 10px 5px; padding-bottom: 2px; }
h4 { text-align: left; font-weight: bold; color: #3366cc; font-size: 110%; margin: 5px 0px 10px 0px; padding-bottom: 5px; border-bottom: 1px solid #3366cc; }
h5 { text-align: right; font-weight: normal; /*color: #3366cc;*/ font-size: 90%; margin: 0px 10px 0px 0px;  padding: 0px; }
hr { border-bottom: 1px solid #3366cc; }

.func_control {
	float: right;
    display: block;
	text-decoration: none;
	margin: 0px 5px 0px 5px;
}

/*admin top menu*/
ul#menu { width: 100%; height: 43px; background: #FFF url("./img/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; position:relative;}
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; 
			/*float: left;*/ 
			line-height: 200%; 
			padding: 8px 15px 0; 
			}
ul#menu li a:hover { color: #333; }
ul#menu li a.current{ color: #FFF; background: #FFF url("./img/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }

/*------------------------------------*\
	NAV
\*------------------------------------*/
ul#menu{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	margin-top: 5px;
	float:left;
	width:100%;
}
ul#menu li{
	float:left;
	margin-right:10px;
	position:relative;
}
ul#menu a{
	display:block;
	padding:5px;
	text-decoration:none;
}
ul#menu a:hover{
	color:#fff;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
ul#menu ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	margin: -10px 0 0 0px;
	padding:0px;
}
ul#menu ul li{
	/*padding-top:1px;*/ /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
	margin: 0px;
	padding:0px;
}
ul#menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
ul#menu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
ul#menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
	text-decoration:underline;
}
ul#menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	background:#0079b2;
	color: #fff;
}
ul#menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
	color: #fff;
}


/* font style */
.big{font-size: 16px;}
.small{font-size: 10px;}
.right{text-align: right;}
.center{text-align: center;}
.readonly{background: #eeeeee;}

/* table setting */
tr.line0 { background: #f9f9f9; }
tr.line1 { background: #eeeeee; }

table.insert_table, div.insert_table
{
	border: solid 1px #333333;
	margin: 1px 0px 5px 0px;
	padding: 2px;
}
table.insert_table th
{
	background: #eeeeee;
	color: #333333;
	font-weight: bold;
	text-align: left;
}
table.table1
{
	border: solid 1px #cccccc;
	background: #ffffff;
	margin: 2px 0px 2px 8px;
	padding: 0px;
}
table.table1 td
{
	vertical-align: top;
	border: solid 1px #cccccc;
}
table.table1 td td
{
	border: 0px;
}
table.table1 th
{
	background: #eeeeee;
	color: #333333;
	font-size		: 12px;
	font-weight: bold;
	text-align: left;
	border: solid 1px #cccccc;
}
th.right{ text-align: right; }
th.center{ text-align: center; }
table.table2
{
	border: solid 1px #cccccc;
	background: #ffffff;
	margin: 2px 0px 2px 8px;
	padding: 0px;
}
table.table2 td
{
	vertical-align: top;
	border: solid 1px #cccccc;
	padding: 3px;
}
table.table2 td td
{
	border: 0px;
}
table.table3{
}
table.table3 td{
	text-align: left;
}


/*admin event home ---------------------------------*/
div.home_mod_box
{
	/*width: auto !important;
	width: 400px;*/
	height: auto !important;
	height: 200px;
	border:solid 2px #333333;
	/*background: #ffffff url(../img/home_mod_box_bg.jpg)  top left repeat-x;*/
	
	margin: 5px;
	padding: 1px 3px 1px 3px;
	float: left;
}
div.home_mod_box_inner2
{
	height: 200px;
	/*height: auto !important;*/
	overflow: auto;
	padding:0px;
	margin: 0px;
}
table.home_mod_box_inner
{
	/*height: 200px;*/
	margin: 0px 0px 5px 5px;
	padding: 2px;
	/*text-align: center;*/
}
div.full { width: 850px; }
table.full { width: 99%; }
div.half
{	
/*     width: auto !important; */
	width: 410px;
}
table.half { width: 98% !important; width: 400px;}

table.home_mod_box_inner th
{
	background-color: #dddddd;
	font-weight: bold;
	padding: 1px 2px 0px 2px;
	border-top: solid 1px #f0f0f0;
	border-left: solid 1px #f0f0f0;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align: left;
}
table.home_mod_box_inner th.right{ text-align: right; }
table.home_mod_box_inner th.center{ text-align: center; }

table.home_mod_box_inner td
{
	padding: 1px 2px 0px 2px;
	font-size		: 11px;
	vertical-align: top;
}

/*----------------------------------------------------------------*/
/*fontend form*/


table.login_table
{
	border: solid 2px #3a3025;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background: #ffffff;
}
/* textbox */
.upper {
	text-transform:uppercase;
}
.cap{
	text-transform:capitalize;
}

/*-------------------------------------------------------*/
/*.form_subheader{
	background-color: #6f9fd9; 
	font-size: 13px; 
	padding: 5px; 
	margin: 0 0 10px 0;
}*/
table.radio_table{
	margin: 0px 0px 10px 0px;
}
table.radio_table td.q{
	/*font-weight: bold;*/
}
table.radio_table td.a{
	padding: 0px 5px 0px 5px;
}
.radio_box, .textbox_box, .freetext, .forminserttable{
	margin: 0px 0px 15px 0px;
	padding: 0px 5px 0px 5px;
	clear:both;
}
.textarea_box{
	margin: 0px 0px 25px 0px;
	padding: 0px 5px 0px 5px;
	clear:both;
}
.radio_box .q, .textbox_box .q, .textarea_box .q{
	/*font-weight: bold;*/
}
.control-group .q{
	padding: 8px 0px 0px 0px;
}
/*-------------------------------------------------------*/

/* module box */
div.mod_box  {
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}
div.mod_box .subtitle{
	border-bottom:2px solid #cccccc; 
	padding: 5px;
	font-size: 15px;
}
.mod_box  h4.page-title{color:#5e6674;line-height:1.8em;text-shadow:0 1px 0px white;border-bottom:1px solid #d9dadc;
	margin:0;padding:4px 16px;color:#5e6674;
	background-color: #4892d9;
	text-shadow:0 1px 0px white;box-shadow:inset 1px 1px 2px rgba(255,255,255,0.6);background-image:-webkit-linear-gradient(#f9fafc, #f1f3f8);background-image:-moz-linear-gradient(#f9fafc, #f1f3f8);background-image:-o-linear-gradient(#f9fafc, #f1f3f8);background-image:-ms-linear-gradient(#f9fafc, #f1f3f8);background-image:linear-gradient(#f9fafc,#f1f3f8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9fafc', endColorstr='#f1f3f8', GradientType=0);border-top-left-radius:6px;border-top-right-radius:6px;-webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.9);-moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,0.9);box-shadow:inset 1px 1px 1px rgba(255,255,255,0.9)}
.mod_box  h4.page-title{color:#e4eeff;font-size:18px;text-shadow:0 -1px 1px #2f3744;
	margin:-1px -1px 10px -1px;
	padding:4px 16px;border:1px solid #50617c;min-height:36px;background-image:-webkit-linear-gradient(#606f88, #364256);background-image:-moz-linear-gradient(#606f88, #364256);background-image:-o-linear-gradient(#606f88, #364256);background-image:-ms-linear-gradient(#606f88, #364256);background-image:linear-gradient(#606f88,#364256);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606f88', endColorstr='#364256', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}.main-content h2.header{line-height:1.3em}
.mod_box  h4.page-title{background-image:-webkit-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.2));background-image:-moz-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.2));background-image:-o-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.2));background-image:-ms-linear-gradient(rgba(255,255,255,0.1), rgba(0,0,0,0.2));background-image:linear-gradient(rgba(255,255,255,0.1),rgba(0,0,0,0.2));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.1)', endColorstr='rgba(0,0,0,0.2)', GradientType=0);border:none;text-shadow:0px 1px 1px rgba(0,0,0,0.3);color:white}
.mod_box  .page-title {
    background-color: #4892d9;
    filter: none !important;
  }
/*div.mod_box  {
	width: 185px;
	background: transparent url(./img/mod_bg.jpg) repeat-y top left;
	margin: 2px 0px 3px 2px;
	padding: 0px;
}
div.mod_box div.mod_t{
	background: transparent url(./img/mod_t.jpg) no-repeat top left;
	margin: 0px;
	padding: 0px;
}
div.mod_box div div.mod_b{
	background: transparent url(./img/mod_b.jpg) no-repeat bottom left;
	width: auto !important;
	width: 100%;
	padding: 1px 5px 15px 5px;
	margin: 0px;
}
div.mod_box div div h4{
	background: transparent url(./img/mod_head_bg.jpg) no-repeat top left;
	text-align: left; 
	font-weight: bold; 
	color: #333333; 
	font-size: 85%; 
	margin: 8px 0px 5px 2px; 
	padding: 1px 3px 2px 3px; 
	border: 0px;
	height: 22px;
}
*/

/*
div.separate{
	background: transparent url(./img/separate.jpg) no-repeat top center;
	height: 10px;
	margin: 0px;
	padding: 0px;
}
.footer{
	background: #3366cc url(./img/footer_bg.jpg) repeat-x top right;
	color: #ffffff;
	text-align: left;
	padding: 5px; 
}
*/

/*message*/
div.message
{
	background: #ffff99;
	font-weight	: bold;
	font-size: 120%;
	margin: 2px 2px 10px 2px;
	padding: 5px;
	text-align: center;
	border-top: 2px solid #ff6600;
	border-bottom: 2px solid #ff6600;
}

/*button*/
.add_btn_class, a.add_btn_class:visited, a.add_btn_class:link {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #375d91;
	padding:3px 18px 3px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #132373), color-stop(100%, #0) );
	background:-moz-linear-gradient( center top, #132373 5%, #0 100% );
	background:-ms-linear-gradient( top, #132373 5%, #0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#132373', endColorstr='#0');
	background-color:#132373;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #3d7ac4;
 	-moz-box-shadow:inset 1px 1px 0px 0px #3d7ac4;
 	box-shadow:inset 1px 1px 0px 0px #3d7ac4;
}.add_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #0), color-stop(100%, #132373) );
	background:-moz-linear-gradient( center top, #0 5%, #132373 100% );
	background:-ms-linear-gradient( top, #0 5%, #132373 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0', endColorstr='#132373');
	background-color:#0;
	color: #333333; 
	text-decoration:underline;
}.add_btn_class:active {
	position:relative;
	top:1px;
}




/**********************************************/
#info_view_div {
    color: #4D2C11;
}

#binfo_view_div {
    color: #4D2C11;
}

.inside_content {
    color: #4D2C11;
}

.content {
    color: #4D2C11;
	margin: 0 0 20px 0;
}

.header {
    color: #4892d9;
	font-size: 24px;
	font-family: inherit;
}