html,body { font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#333;}

img { border:0;}
.cursor { cursor:pointer;}
.clear { clear:both;}

#page { padding:0 10px; width:98%; margin:0 auto;}
#page h1 { font-family:supermarket; font-size:36px; text-align:center; font-weight:700; padding-top:140px;}

#page h3 { font-family:supermarket; font-size:22px; font-weight:700; padding-top:10px; color:#fc7803;}
#page h4 { font-family:supermarket; font-size:16px; font-weight:700;}
#page h5 { font-family:supermarket; font-size:18px; font-weight:700; padding-top:10px; color:#9d6e2b;}
#page h6 { font-family:supermarket; font-size:16px; font-weight:700; padding-top:10px; color:#390;}

/************************* Back Office STYLE **************************************/
#head { background:url(../images/bg_header.jpg) repeat-x; width:100%; height:132px;}
#header { background:url(../images/header.jpg) no-repeat; width:980px; height:132px; position:relative;}
#home { position:absolute; top:2px; left:480px;}
#menu { position:absolute; top:4px; left:520px;}
#login { position:absolute; top:80px; left:108px; font-size:13px;}
#login span { margin-right:10px;}

#loginpage { width:100%; height:100%; position:relative;}
#loginpage #bglogin { background:url(../images/bg_login.png) no-repeat; width:520px; height:400px; position:absolute; top:15%; left:30%}
#loginpage #bgforgot { background:url(../images/bg_forgot.png) no-repeat; width:520px; height:400px; margin:0 auto;}
#loginpage .txtbox {border:0; height:23px; width:300px;}
#loginpage .btn_login { border:none; background: transparent url(../images/btn_login.png) no-repeat; width:114px; height:34px; line-height: 0px; cursor: pointer; cursor: hand;}

fieldset { border:1px solid #3C3; padding:10px; margin-top:10px;}
legend { padding:0 5px; color:#666;}
#btnBox { float:right; text-align:right; width:100%;}
#btnBoxAdd { padding-left:20%; padding-top:10px; padding-bottom:10px;}
#search { padding:10px 10px 0 10px; border:1px dashed #ccc; margin:10px 0; background-color:#FFC;}
#searchBox select, #searchBox input, #searchBox textbox { margin-bottom:10px;}
#searchBtn {}
#BOico { width:100%;}
#BOico .ico { width:100px; float:left; display:inline; padding:10px; text-align:center; }
#BOico .ico h4 { color:#333; width:100px; text-align:center; padding-top:5px;}
.lineico {border-top:solid 1px #CCC; border-bottom:solid 1px #CCC;}
.mustFill { background:#E1FF9D;}
.mustChoose { color:#900;}
.taRight {text-align:right;}
/************************* Back Office STYLE **************************************/


/************************* Finance STYLE **************************************/
#headerFinance { background:url(../images/header_finance.jpg) no-repeat; width:980px; height:132px; position:relative;}
.allstrategy { border:1px solid #ccc; padding:10px; margin:10px 0;}
.link_budget_related { padding-top:10px}
.paddT20 { padding-top:20px;}
#transferExplain { padding:10px; margin:10px; text-align:center;}
#provinceExplain { padding:10px; margin:10px; border:1px dashed #ccc;}
#selectExplain { margin:10px;}
#selectExplain span { font-weight:700; color:#06F; padding-right:15px;}
/************************* Finance STYLE **************************************/


/************************* Monitor STYLE **************************************/
#headerMonitor { background:url(../images/header_monitor.jpg) no-repeat; width:980px; height:132px; position:relative;}
/************************* Monitor STYLE **************************************/


/************************* Inspect STYLE **************************************/
#headerInspect { background:url(../images/header_inspect.jpg) no-repeat; width:980px; height:132px; position:relative;}
#process { float:right; margin-top:10px;}
#stepup { padding-top:5px;}
#stepup span { font-size:11px; color:#390;}
#refRound { border:1px solid #CCC; padding:10px; margin:10px 0; height:auto;}
#refRound p { width:50%; height:20px; float:left; }
/************************* Inspect STYLE **************************************/


/************************* TABLE STYLE **************************************/
.odd { background-color:#fff3fc}

.tblist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
.tblist th
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:left;
	background-color:#fff;
	color:#65358f;
}
.tblist td
{
	color:#333;
	padding:5px;
	height:30px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}

.tblist td.B { font-weight:700;}
.tblist td strong { font-weight:700;}
.tblist td.red, span.red { color:#F00;}
.tblist tr:hover td,.tblist tr.active td { color:#666;}
.tblist .paddL20 { padding-left:20px;}
.tblist .paddL40 { padding-left:40px;}
.tblist .paddL60 { padding-left:60px;}
.tblist tr.topic {  background:url(../images/bg_topic.gif);}

.tblist2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	width: 100%;
	border-collapse: collapse;
}
.tblist2 th
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:left;
	background-color:#fff;
	color:#65358f;
}
.tblist2 td
{
	color:#333;
	padding:5px;
	height:30px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tblist2 td.B, .tblist2 td strong { font-weight:700;}
.tblist2 tr.total {  background:url(../images/bg_total.gif) repeat-x;}


.tblist3
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	width: 100%;
	border-collapse: collapse;
}
.tblist3 th
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:center;
	color:#65358f;
	width:20%;
}
.tblist3 td
{
	color:#333;
	padding:5px;
	height:30px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align:top;
}

.tblist3 td.B, .tblist3 td strong { font-weight:700;}
.tblist3 tr.topic { background:url(../images/bg_topic.gif);}
.tblist3 td span { color:#C60;}

.tblist4
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	width: 100%;
	border-collapse: collapse;
}
.tblist4 th
{
	font-size: 16px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:center;
	color:#65358f;
}
.tblist4 td
{
	color:#333;
	padding:5px;
	height:30px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align:top;
}

.tblist4 td.B, .tblist3 td strong { font-weight:700;}
.tblist4 tr.topic { background:url(../images/bg_topic.gif);}
.tblist4 td span { color:#C60;}

.tblistSub
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	margin-left:5%;
	width: 95%;
	border-collapse: collapse;
	text-align: left;
}
.tblistSub th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:left;
	background-color:#fff;
	color:#BC5E25;
}
.tblistSub td
{
	color:#333;
	padding:5px;
	height:25px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tblistSub td.B { font-weight:700;}
.tblistSub td strong { font-weight:700;}
.tblistSub td.red { color:#F00;}
.tblistSub tr:hover td,.tblist tr.active td { color:#666;}
.tblistSub tr.odd { background-color:#fef8d6}

.tblistSub2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin:0;
	margin-bottom:10px;
	margin-left:5%;
	width: 95%;
	border-collapse: collapse;
	text-align: left;
}
.tblistSub2 th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 5px 3px 5px;
	border-top: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	text-align:left;
	background-color:#fff;
	color:#BC5E25;
	width:25%;
}
.tblistSub2 td
{
	color:#333;
	padding:5px;
	height:25px;
	border-top: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tblistSub2 td.B { font-weight:700;}
.tblistSub2 td strong { font-weight:700;}
.tblistSub2 td.red { color:#F00;}
.tblistSub2 tr:hover td,.tblist tr.active td { color:#666;}
.tblistSub2 tr.odd { background-color:#fef8d6}

.tbadd
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	background: #fff;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-top:10px;
}
.tbadd th
{
	font-size: 14px;
	font-weight: normal;
	color:#65358f;
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	width:20%;
	vertical-align:top;
}

.tbadd th.padL15 { padding-left:20px; color:#666}

.tbadd td
{
	color:#595959;
	padding: 5px;
	height:30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	width:80%;
}

.tbadd tbody tr:hover td
{
	background:#FBF9FF;
	
}

.tbadd td.B { font-weight:700;}
.tbadd td strong { font-weight:700;}
.tbadd td.red { color:#F00;}
.tbadd td label2 { float:left; width:100px;}
.tbadd td span { float:left; width:200px;}

.tbadd td.line div { border-bottom:1px solid #ccc; padding:5px 0;}

.tbadd2
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 13px;
	background: #fff;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-top:10px;
}
.tbadd2 th
{
	font-size: 14px;
	font-weight: normal;
	color:#65358f;
	padding: 10px 5px;
	border-top: 0px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	vertical-align:top;
}

.tbadd2 th.padL15 { padding-left:20px; color:#666}

.tbadd2 td
{
	color:#595959;
	padding: 5px;
	height:30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.tbadd2 tbody tr:hover td
{
	background:#FBF9FF;
	
}

.tbadd2 td.B { font-weight:700;}
.tbadd2 td strong { font-weight:700;}
.tbadd2 td.red { color:#F00;}

/************************* TABLE STYLE **************************************/