/** Base Style */
body { padding: 0px; margin: 0px; text-align: center; background-color: #fff; }
body, input, textarea, select, button, td, th { color: #494949; font: 12px/120% Arial, Helvetica, sans-serif; }
body {
	scrollbar-face-color: #EEE;
	scrollbar-highlight-color: #BBB;
	scrollbar-shadow-color: #BBB;
	scrollbar-3dlight-color: #EEE;
	scrollbar-darkshadow-color: #EEE;
	scrollbar-arrow-color: #999999;
	scrollbar-track-color: #F8F8F8;
	scrollbar-base-color: #CCCCCC;
}
a {	color: #338815;	text-decoration: none;	}
a:hover  { text-decoration: underline; }
p { margin: 0px; }
hr { color: #E4E4EF; height: 1px; }
button, .button { padding: 1px 5px;	cursor: hand; border: 1px solid #7b9ebd; }
button, .button { background: #ffffff url("../images/bg_bt.png") repeat-x scroll left center; }
img.absmiddle { vertical-align: middle; }
a img {	border: none; }

/** Layout */
#page   { width: 780px; margin: 0px auto; text-align: left; }
#header { height: 54px;  border-bottom: 1px solid #6c0; }
#main   { width: auto; margin: 8px; text-align: left; }
#footer { height: 32px;  border-top: 1px solid #ccc; }
.clear  { clear: both; height: 0px; font-size: 0px; overflow: hidden; }

/** Header Bar */
#head_logo  { float: left; width: 110px; line-height: 110%; padding: 15px 0px 0px 10px; font-size: 24px; color: #5BBE06; text-align: right; }
#head_logo span { color: #52B5DB; }
#head_title { float: left; padding: 12px 10px 0px 10px; }

/** Footer Bar */
#footer #foot_copy  { padding: 4px 8px; color: #999999; }
#footer #foot_links { padding: 4px 8px; float: right;}
#footer { text-align: left; }
#footer ul { display: inline; list-style-type: none; margin: 0px; padding: 0px; }
#footer li { float: left; }
#footer li a { margin: 1px 5px; }

/** Foot Pager Bar. */
.foot {	border-bottom: 1px solid #d9d9d9; background-color: #f4fce5; padding: 5px; height: 15px; }
.foot a { margin: 0px 5px; }
.foot a.curPageNumber { color: red; }
.foot #total { float: left; }
.foot #pages { float: right; }

/** Title Bar. */
.title { padding: 5px 8px 0px; margin-bottom: 5px; height: 20px; font-weight: bold; }
.title { background: #ffffff url("../images/fg.jpg") repeat-x left top; border-top: 1px solid #acd98c; }
.title ul {	width: 100%; padding: 0px; margin: 0px; list-style-type: none}
.title li {	float: left; margin-right: 10px;}

/** List Style. */
.list {	margin-bottom: 5px; padding: 0px 3px; }
.list ul { padding: 0px; margin: 0px; list-style: url("../images/arrow.gif") inside; }
.list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 0px 3px 3px; width: 150px; }
.list li a { padding: 2px 3px; display: inline; }
.list li a:hover { padding: 2px 3px; color: #494949; background: #ffffff url("../images/fg.jpg") repeat-x left top; }
.list li.curArea a { padding: 2px 3px; color: #494949; background: #ffffff url("../images/fg.gif") repeat-x left top; }

.tab_select {
	color: #333;
	cursor: hand;
	border: 1px solid #A1ABAC; 
	border-bottom: none; 
	padding: 2px 10px;
	background-color: #DFE8F6;
}

.tab_default {
	color: #999;
	background-color: #E5F2FB;
	cursor: hand;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #A1ABAC;			
	padding: 4px 10px 2px;
}

.tab_content {
	border: 1px solid #AADDFF; 
	border-top: none;
	padding: 5px 5px;
}

.tab_center { border-bottom: 1px solid #98A8BB;	width:1px;}
.tab_empty { border-bottom: 1px solid #A1ABAC; }
.event td {background-color: #F8F8F8;}

/** Pager Number  */
.pageNumber, .curPageNumber { }
.pageNumber a { text-align: center; padding: 0px 2px; }
.pageNumber a:hover { padding: 0px 2px; }
.curPageNumber a { text-align: center; color: red; padding: 0px 2px; }

/*.panel-body li a:hover { color: #0066EE; background-color: #E8E8FF;}*/
.current { color: #0066FF; background: #FFFFFF url("../images/li_point2.gif") no-repeat right center; }
.current a { margin-left: -4px;	border: 1px solid #DDE;	padding: 2px 3px 0px 3px;	color: #0066EE;	background-color: #F8F8FF;}

.panel-body ul, .panel-toolbar ul {	margin: 0px; padding: 2px 0px; padding-left: 0px; list-style-type: none;}
.panel-body ul.leftbar { padding-left: 8px;}

/** index.gsp/bg_toolbar */
.bg_toolbar { padding: 1px; border: 1px solid #98A8BB; }
.bg_toolbar ul { width: 100%; height: 100%; list-style-type: none; margin: 0px; padding: 0px;}
.bg_toolbar li { float: left; margin: 0px 2px;}
.bg_toolbar li a { padding: 3px; display: block;}
.bg_toolbar li a:hover { padding: 2px; display: block; border: 1px solid #7893CF; }
.bg_toolbar li a:hover { background: transparent url('../images/bg_c.png') repeat-x scroll left center; }

/** Popup Windows */
.popupWindow { border: 1px solid #96AECD; background: #CAD9EC; height: auto; z-index: 1000; position: absolute; display: none;}
.popupWindow form {	padding:0px; margin: 0px;}
.popupWindow input { font-size: 12px; border: 1px solid #7b9ebd;}
.wndTitle {	border: none; color: #15428B; cursor: move; height: 20px; padding: 2px 3px; text-align: left; font-weight: bold; }
.wndTitle { border-bottom: 1px solid #96AECD; background: transparent url('../images/top-bottom.png') repeat-x scroll 0pt -1px;}
.wndTitle .closeBtn { border: none;	height: 15px; width: 15px; float: right; right: 3px; top: 2px; font-weight: bold; }
.wndTitle .closeBtn { font-size: 10px;	padding: 0px 2px; position: absolute;	cursor: hand; color: buttontext; }
.wndTitle .closeBtn { background: transparent url('../images/close.gif') no-repeat scroll 0pt 0px;}
.wndClient { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #CCCCCC; padding: 5px 8px; color: #444444; text-align: left;}
.wndClient label {	width: 80px;}
.wndClient legend {	color: #33E;}
.wndClient .tab_select, .dialog .tab_select { border: 1px solid #A1ABAC; border-bottom: none; color: #555555;}
.wndClient ul, .wndClient ol { margin: 5px 10px; padding: 0px;}
.wndClient li {	list-style-type: none;	margin: 2px 0px; padding: 0px;}
.wndClient .tab_content { background-color: #DFE8F6; color: #666666; border: 1px solid #919B9C; border-top: none; }
.wndFoot { border-top: 1px solid #EEEEEE; background-color: #CAD9EC; height: 25px; padding: 3px 5px; text-align: right;}
.wndFoot button { margin-left: 5px;}

/** Text Box. */
.text, textarea { border: 1px solid #B5B8C8;}
.text-box, .text-readonly, textarea { font-size: 12px; line-height: 120%; border: 1px solid #CCC; }
.text-box, .text-readonly, textarea { background: #FFFFFF url('../images/text-bg.gif') repeat-x scroll 0pt 0px;}
input.text-box { border: 1px solid #bbb; }

.topDiv { position: absolute; z-index: 999; width: 100%; height: 100%; top: 0px; left: 0px; background: #ccc; opacity: 0.3; filter: alpha(opacity=30); -moz-opacity:0.3;}

/** Context Menu */
#mlay { filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=120,strength=5); }
#mlay { position: absolute; cursor: default; background-color: #FFFFFF; border: 1px solid #BBB; padding: 1px;}
#mlay #menuitem { font-size: 12px; padding: 1px 18px; }
#mlay .current td { color: #FFFFFF; background-color: #0066CC;}

/** Error Bar. */
#errorbar {
	color: red;
	border: 1px solid #cccccc;
	background-color: lightgoldenrodyellow;
	padding: 2px 5px 2px 10px;
	margin: 5px 8px;
	width: 300px;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=135,strength=3);
}
#errorbar .closeButton {
	float: right;
	margin-top: 1px;
}
#errorbar .closeButton a {
	display: block;
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
	border: 1px solid lightgoldenrodyellow;
	padding: 0px 4px;
}
#errorbar .closeButton a:hover {border: 1px solid #CCC;}

/** Information Bar. */
#infobar { padding: 2px; margin: 0px; position: absolute; z-index: 1001; border: 1px solid #CCCCCC; }
#infobar { background: #C3DAF9 url("../images/tb-blue.gif") repeat-x scroll 0px -16px; }
#infobar { filter: progid:DXImageTransform.Microsoft.Shadow(color=#DDDDDD,direction=135,strength=3); }
#infobar .info-text { border: 1px solid #DDDDFD; padding: 3px 8px; padding-left: 27px; }
#infobar .info-text { background: lightgoldenrodyellow url("../images/loading.gif") no-repeat 8px 50%; }

/** Login Form. */
.login-form { width: 170px;	text-align: left; border: 1px solid #D6DFCF; background: #F0F6EF; margin-bottom: 9px; }
.login-form form { padding: 10px 5px; margin: 0px; border: 1px solid #fff; }
.login-form ul { padding: 0px; margin: 0px; list-style-type: none; }
.login-form li { margin: 0px 0px 5px; }
.login-form li span { font-weight: bold; }

/** Reg Form. */
.reg-form { border: 1px solid #DDDDDD; padding: 12px; background: #f9f9f0; }
.reg-form form { margin: 10px 0px 0px; padding: 0px; }
.reg-form ul { padding: 0px; margin: 0px; list-style-type: none; }
.reg-form li { margin: 5px 0px 0px; text-align: left; }
.reg-form input { width: 160px; color: #555; }
.reg-form {	color: #777; }
.reg-form td.l { width: 80px; text-align: right; padding-right: 8px; }

.button { width: 80px; height: 24px; vertical-align: middle; border: 1px solid #bbb; font-size: 13px; line-height: 20px; color: #777; }

div.panel { margin-bottom: 5px; text-align: left; }
div.panel td {	padding: 4px 5px;}