@charset "utf-8";
/*------------------ base */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, table, img {
	margin:0;
	padding:0;
	outline:0;
	border:none;
	text-indent:0;
	vertical-align:baseline;
}
ul, ol { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:120%;}
caption { text-align:left;}
a {outline:none;}
/*------------------ Global FONT Setting */
body {
	margin:0;
	padding:0;
	background:#f8f8f8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000;
}
body .normalFZ{ font-size:10px;	}
input,textarea,select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
/*------------------ IE 6 or less */
* html body { font-size:80%;line-height:150%;}
/*------------------ IE 7 or more */
*:first-child+html body { font-size:75%;}
/*================================================================================ IE7,8,9 Hacking*/
body{ line-height/*\**/: 125%\9	}
/*================================================================================ Header*/
#header{background:#fff;width:100%;position:fixed;top:0;left:0;border-bottom:1px solid #d2d2d2;height:84px;}
#content{width:96%;left:2%; position:fixed;top:120px;}
#excel-view{width:98%;height:100%;float:left;margin:20px 1% 10px 1%;}

#load{
	position:absolute;
	z-index:9999;
	background:transparent url(../images/ajax-loader.gif) no-repeat center center;
	width:32px;
	height:32px;
	margin-top:-16px;
	margin-left:-16px;
	top:50%;
	left:50%;
	text-align:center;
	line-height:32px;
}
/*================================================================================ search-box*/
#search-box{position:fixed;top:120px;width:100%;font-size:12px;background:#CBDD0D;z-index:10;}
#search-box #search{width:auto;text-align:center;border-top:1px solid #a3ac00;border-bottom:1px solid #a3ac00;padding:3px 0;}
#search-box #search label{font-size:17px;font-weight:bold;color:#333;margin-left:10px;}
#search-box #search input[type=text]{width:25%;font-size:14px;padding:1px;color:#444;background:#fff;padding:5px;font-weight:bold;}
#search-box #search input[type=button], 
#search-box #search input[type=submit] {background:#34368d url(../images/btn-bg.png) repeat-x;padding:6px 20px;border:1px solid #0c0e6f;color:#fff;cursor:pointer;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-size:14px;font-weight:bold;}
/*================================================================================ Footer*/
#footer{background:#34368d;width:100%;position:fixed;bottom:0;text-align:center;}
#footer p{font-size:10px;color:#fff;padding:5px;text-align:center;}
#back-top a{position:fixed;bottom:2px;right:2px;width:27px;height:22px;background:url(../images/top-arr.png) no-repeat;}
/*================================================================================ login*/
table#tsp-login{ margin:15% 0 0 0;width:400px;background:url(../images/tbl-bg.png) repeat-y;}
table#tsp-login th#tbl-hd{font-size:18px;color:#333;width:400px;height:39px;background:url(../images/tbl-hd.png) no-repeat;padding:3px 0 0 0;font-weight:normal;}
table#tsp-login th#tbl-btm{width:400px;height:10px;background:url(../images/tbl-btm.png) no-repeat left bottom;}
table#tsp-login th {font-weight:normal;}
#tsp-login input,textarea{float:left;background:#fff;border:1px solid #c8c8c8;color:#555;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:2px;}
#tsp-login input[type=text] {width:200px;}
#tsp-login span#fs {width:290px;text-align:left;color:#F00;}
#tsp-login input[type=password] {width:200px;}
/*#tsp-login input[type=submit] {background:#f00;padding:5px 15px;border:1px solid #d70000;color:#fff;font-weight:bold;cursor:pointer;border-radius: 4px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;}*/
#tsp-login input[type=submit] {background:#34368d url(../images/btn-bg.png) repeat-x;padding:5px 15px;border:1px solid #0c0e6f;color:#fff;cursor:pointer;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#content input[type=submit],
#search-box input[type=submit], #search-box input[type=button]
{background:#34368d url(../images/btn-bg.png) repeat-x;padding:3px 10px;border:1px solid #0c0e6f;color:#fff;cursor:pointer;border-radius: 4px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#content input[type=reset]{background:#34368d url(../images/btn-bg.png) repeat-x;padding:3px 10px;border:1px solid #0c0e6f;color:#d7e106;cursor:pointer;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;font-weight:bold;margin-left:10px;}
#tsp-login a.submit {background:#f00;padding:5px 15px;border:1px solid #d70000;color:#fff;font-weight:bold;cursor:pointer;border-radius: 4px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;text-decoration:none;}
/*==========================menu=============*/
#navi{
	position:fixed;
	top:85px;
	left:0;
	width:100%;
 	height:34px;
	background:url(../images/menu-bg.png) repeat-x;	
	border-bottom:1px solid #d2d2d2;
}
#navi {
    top:85px \0/; /* IE8+9  */
}
/*top nav*/
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 80%;
	height:35px;
	/*background:url(../images/nav_bg.png) repeat-x;*/
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	height:35px;	
	display:inherit;
}
ul#topnav li a {
	float: left;
	height:35px;	
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li:hover a, ul#topnav li a:hover, #topnav a#active  { 
	color:#000;
	background:#dcdcdc;
	/*background:url(../images/menu-hov.png) repeat-x;*/
}
ul#topnav a.each_tab {	
	padding:10px 15px 0 15px;
	*padding:10px 10px 0 10px;
	height:25px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#777;	
	border-right:1px solid #dcdcdc;	
} 
#navi div#welcome{
	width:19%;	
	float:left;
	padding:10px 1% 0 0;
	*padding:10px 1% 0 0;
	height:25px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	color:#F30;	
} 
ul#topnav li .sub {
	position: absolute;
	top: 34px; left: 0;
	background: #e1e1e1;
	border:1px solid #d2d2d2;
	padding: 15px 0 10px 10px;
	float: left;
	z-index:9999;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 210px;
	float: left;
}
ul#topnav .sub ul li {
	width: 200px;
	color: #000;
}
ul#topnav .sub ul li a {
	float: none; 
	font-size:12px;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/navlist_arrow.png) no-repeat 3px 10px;
	padding: 5px 5px 5px 14px;
	display: block;
	text-decoration: none;
	color: #777;
	border-bottom:1px solid #ebebeb;
}
ul#topnav .sub ul li a:hover {color: #000; background-position: 5px 10px ;background-color:#ececec;}
/*================================================================================ e-services */
table.ff-page{margin:5% auto 20px auto;border:1px solid #dfdfdf;font-size:12px;}
.ff-page tr {background:#F3F3F3;padding:0px;}
.ff-page tr:hover {background:#fff;}
.ff-page tr td {color:#444;padding:10px;border-bottom:1px solid #dfdfdf;}
.ff-page tr td a{color:#34368d;text-decoration:underline;}
.ff-page tr td a:hover{text-decoration:none;}
table.ff-page h3 {font-size:17px;margin-bottom:10px;color:#444;}
table.ff-page img{	padding:1px;	border:1px solid #dfdfdf;	background:#fff;}
table.ff-page div#es-ob,
table.ff-page div#es-tnt,
table.ff-page div#es-no,
table.ff-page div#es-ss,
table.ff-page div#es-cs
{
	float:left;
	margin:3px 0 0 0;
	width:224px;
	height:55px;
}
table.ff-page div#es-ob {background:transparent url(../images/es-ob.png) no-repeat left;}
table.ff-page div#es-tnt {background:transparent url(../images/es-tnt.png) no-repeat left;}
table.ff-page div#es-no {background:transparent url(../images/es-no.png) no-repeat left;}
table.ff-page div#es-ss {background:transparent url(../images/es-ss.png) no-repeat left;}
table.ff-page div#es-cs {background:transparent url(../images/es-cs.png) no-repeat left;}
table.ff-page div .es-btn a{
	float:left;
	margin:11px 0 0 10px;
	padding:8px 0;
	width:153px;
	height:24px;
	background:transparent url(../images/es-btn.png) no-repeat left top;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
table.ff-page div .es-btn a:hover{
	background:transparent url(../images/es-btn-hov.png) no-repeat left top;
}
/*================================================================================ news tabs */
.idTabs { margin:0 0 20px 0; width:100%;height:100%;float:left;}
.idTabs ul {width:100%; height:26px; float:left;border-bottom:1px solid #021198;position:fixed;top:150px;background:#f8f8f8;padding:10px 0 0 0;}
.idTabs li { list-style:none; /*Try deleting this float*/ float:left;margin-right:1px; }
.idTabs li.last { list-style:none; /*Try deleting this float*/ float:right;margin-right:1px; }
.idTabs li.last a{ 
	display:block; 
	text-align:center;
	border:1px solid #000;
	background:#dfdfdf; 
	border-top-width:4px;
	padding:2px 5px;
	color:#000;
	border-bottom:1px solid #fff;
}
.idTabs li.last a:hover{ 
	display:block; 
	text-align:center;
	border:1px solid #f00;
	background:#fff; 
	border-top-width:4px;
	padding:2px 5px;
	color:#f00;
	border-bottom:1px solid #fff;	
}
/*.idTabs li.last a img{ 
	width:16px;
	height:16px;
	border:none;
	outline:none;
}*/
.idTabs ul li a { 
	display:block; 
	border:1px solid #bbb; 	
	color:#666;
	background:#eaeaea; 
	border-top-width:4px;
	padding:3px 5px 3px 5px;
	font:normal 12px Arial; 
	text-decoration:none; 
	text-align:center;
	border-bottom:1px solid #fff;
	/*--Bottom right rounded corner--
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;*/
	/*--Bottom left rounded corner--
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;*/	
}
.idTabs ul li a.selected { border:1px solid #021198;border-top-width:4px;padding:3px 5px 4px 5px; color:#000;border-bottom:1px solid #fff;background:#fff;}
.idTabs ul li a:hover { color:#555;border-top-width:4px;padding:3px 5px 4px 5px;background:#fff;border-bottom:1px solid #fff;}
.items>div { display:none; float:left; margin:10px 0 20px 0;/*width:100%;overflow:auto;*/}
.items p {float:left;}
/*================================================================================ table style */
#excel-view{
	float:left;width:99%;margin:165px 0 20px 0.5%;
}
#excel-view td:first-child { text-align:left;}
#excel-view table{
	float:left;
	width:auto;
	padding: 0;
	margin: 0 0 1.5em 0;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-collapse:collapse;
}
#excel-view caption{
	padding: 0 0 5px 0;
	margin:0 auto;
	width:auto;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#excel-view th{
	/*font: bold 10px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #555;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	/*letter-spacing: 1px;
	text-transform: uppercase;*/
	text-align:left;
	padding:0px 3px;
	background: #e2e2e2 url(./media/bg_header.jpg) no-repeat;
	vertical-align:middle;
}
#excel-view td{
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	/*padding: 3px 12px 3px 12px;*/
	/*width:100px;*/
	width:auto;
	padding:1px 3px;
	color: #444;
	text-align:left;
}
/* Alternate row style */
/*#excel-view tr.alt{
	background: #F5FAFA;
	color: #797268;
}*/
/*#excel-view table tr:first-child {
	color: #000;
	font-weight:bold;
	padding:4px 3px;
}*/
#excel-view tr:nth-child(even) {
    background: #f0f0f0;
	color: #444;
}
/* The current cell */
#excel-view table tbody tr td.currentCell,
#excel-view table tbody tr td:hover,
#excel-view table tbody tr.alt td:hover{
	background-color:#cbdd0d;
}
/* Normal row hover styles */ 
#excel-view table tr.rowHover td,  /* Internet Explorer < 7 (and 7 in quirks mode) requires a specific class */
#excel-view tr:hover td            /* All others can use the :hover pseudo */{
	background-color:#cfdd3f;
	color:#000;
}  
/* Alternate row hover styles */
#excel-view tr.alt:hover td{
	background-color:#caFAFA;
}    
/* Column "cell" highlighting */
#excel-view table tr td.rowHover{
	background-color:#eaFAFA;
}
/* Header highlighting */
#excel-view table tr th.rowHover{
	color:#222;
} 

#txtHint {padding-bottom:30px;}
#txtHint h2{font-size:20px;color:#000;margin-bottom:10px;}
table.report { border:1px solid #dfdfdf;background:#fff;margin:0 0 15px 0;}
table.report th{ font-weight:bold;color:#000;text-align:left;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;background:#f1f1f1;}
table.report td h3{ color:#fff;font-size:17px;text-align:center;}
table.report tr{ }
table.report td{ border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;text-align:left;}
table.report td.bg{ background:#777;color:#fff;}
table.report td.right, table.report th.right{ text-align:right;}
table.report td.center, table.report th.center{ text-align:center;}