/*
Copyright 2009. Research Innocean Corp. all rights reserved.
*/

/*--- Default Setting ---*/
* {margin: 0;padding: 0;font-style: normal;font-size:12px;color:#535353;}
html, body, form { height: 100%; margin: 0; padding: 0; }
p,br,body,td,input,form,textarea,option,button,div {color:#535353; font-style:normal;font-size:12px; font-family:arial;}
input,button,select { height:20px;vertical-align:middle;}
img, fieldset{border:none;}
li{list-style:none;text-decoration:none;}
/*--- a {display:block; border:0;} ---*/
a:link {text-decoration:none;cursor:pointer}	
a:active {text-decoration:none;} 
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

html:first-child select{padding-right:6px; height:20px;} /* Opera Fix */
option, x:-moz-any-link {padding-right:4px;} /* Firefox Fix */
option, x:-moz-any-link, x:default {padding-right:0;} /* Firefox Fix */
select {border:1px solid #929292;font-size:12px;color:#535353;}

body {background-image:url(/images/bg_body.gif) ;background-repeat: repeat;}

/* page wrapper */
/* #wrap {position:relative; width:100%;height:100%; margin: 0 auto;} */
#wrap {
   margin:0 auto; 
   height:auto !important;
   width: 100%;
}

#wrap:after
{
  content:"";
  display:block;
  clear:both;
  *zoom:1;
}

/* header */
#header {position:relative;width:100%;z-index:10;background-color:#2b2d2f;text-align:center;min-width:1270px;}
	 
/* header center menus */
.header-center {position:relative;margin:0 auto;width:855px;height:50px;background-color:#373a3e;}
.header-center li {position:relative;cursor:pointer;float:left;list-style:none;display:block;}
.header-center li:first-child {margin-right: 30px;}
.header-center li span.center-menu-1       {float:left;margin-top:7px;padding:0;width:122px;height:35px;background:url(/images/bg-topmenu.png) 0 0 no-repeat}
.header-center li span.center-menu-2       {float:left;margin-top:7px;padding:0;width:125px;height:35px;background:url(/images/bg-topmenu.png) -122px 0 no-repeat}
.header-center li span.center-menu-3       {float:left;margin-top:7px;padding:0;width:125px;height:35px;background:url(/images/bg-topmenu.png) -247px 0 no-repeat}
.header-center li span.center-menu-4       {float:left;margin-top:7px;padding:0;width:125px;height:35px;background:url(/images/bg-topmenu.png) -372px 0 no-repeat}
.header-center li span.center-menu-5       {float:left;margin-top:7px;padding:0;width:125px;height:35px;background:url(/images/bg-topmenu.png) -497px 0 no-repeat}
.header-center li span.center-menu-1:hover {background:url(/images/bg-topmenu.png) 0 -35px no-repeat}
.header-center li span.center-menu-2:hover {background:url(/images/bg-topmenu.png) -122px -35px no-repeat}
.header-center li span.center-menu-3:hover {background:url(/images/bg-topmenu.png) -247px -35px no-repeat}
.header-center li span.center-menu-4:hover {background:url(/images/bg-topmenu.png) -372px -35px no-repeat}
.header-center li span.center-menu-5:hover {background:url(/images/bg-topmenu.png) -497px -35px no-repeat}

/* header right menus */
.header-right {position:absolute;top:17px;right:10px;}
.header-right li {position: relative;cursor: pointer;float: left;list-style: none;display:block;}    
.header-right li span.right-menu-1         {float:left;margin-right:5px;padding:0;width:16px;height:16px;background:url(/images/icon-home.png) 0 0 no-repeat;opacity:0.4;filter:alpha(opacity=40)}    
.header-right li span.right-menu-2         {float:left;margin-right:5px;padding:0;width:16px;height:16px;background:url(/images/icon-exit.png) 0 0 no-repeat;opacity:0.4;filter:alpha(opacity=40)}    
.header-right li span.right-menu-1:hover   {background:url(/images/icon-home.png) 0 0 no-repeat;opacity:1.0;filter:alpha(opacity=100)}
.header-right li span.right-menu-2:hover   {background:url(/images/icon-exit.png) 0 0 no-repeat;opacity:1.0;filter:alpha(opacity=100)}

/* sub header */
#sub-header-wrap {	position:relative;	z-index:1;	width:100%;	height:43px; min-width:930px;background-image:url(/images/bg-top.png) ;background-repeat: repeat-x;}

#sub-header1 {position:absolute;	width:300px;	height:30px;	top:4px;	left:10px;	z-index:1;}
#ul-menu0 {position:relative;margin: 0;padding-bottom:1px;}
#ul-menu0 li {margin: 0;padding-top:7px;position: relative;float: left;display:block;color:#3f4046;font-size:15px;font-weight:bold;}
#ul-menu0 li.arrow {margin-top:2px;width:23px;height:23px;background:url(/images/sp_viewer_btn.png) -138px -33px no-repeat;}

#sub-header2 {position:absolute;	width:900px;	height:30px;	top:4px;	right:0;	_right:-1px; z-index:1;}
#ul-menu1 {position:relative;margin:0;padding:0;float:left;display:block;width:700px;height:30px;}
#ul-menu1 li {margin:0;padding:1px 2px;position:relative;float:left;cursor: pointer;display:block;}

/* contents */
/* #contents {width: 100%;min-width:1270px;position:relative;left:0px;padding-top:15px;overflow:visible;text-align:center;} */
#contents {
    height:auto !important;
    width:100%;
    min-width:1270px;
    padding-top:15px;
    text-align:center;
}
#contents::after {
  content:"";
  display:block;
  clear:both;
  *zoom:1;
}

#left_div  {margin-top:0px;margin-left:10px;position:relative;float:left;width: 387px; min-width:387px;height: 450px; min-height:450px;  padding-left: 40px; display: inline; color: #333; overflow: visible;} /*  background: #ffffb5; */
#right_div {margin-top:0px;margin-left:8px;position:relative;float:left;width: 800px; min-width:800px;height: 450px; min-height:450px;  padding: 0; display: inline; color: #333; overflow: auto; border: 1px solid #999999;background: #fff;  } /*  background: #e7e7e7; */

/************************************************* Contents : report.asp */
		#report_container    {width: 1250px;margin: 0 auto; padding:0;overflow: visible;}
	   .report_leftcolumn  {width: 395px; height: 500px; margin: 0; padding: 0; display: inline; color: #333; overflow: visible; float: left;border: 1px solid #999999;background: #fff;} /*  background: #ffffb5; */
	   .report_rightcolumn {width: 845px; height: 500px; margin: 0; padding: 0; display: inline; color: #333; overflow: visible; float: right;border: 1px solid #999999;background: #fff;} /*  background: #e7e7e7; */
/************************************************* Contents */
	  

/************************************************* footer */ 
	#footer { width:100%; min-width:1270px; height:30px; color:#0a2972; text-align:center;} 
/************************************************* footer */ 
  
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/*************************************************  list.asp ====*/
/*-- side bar --*/
.sidebar_tab{position:absolute;top:9px;left:0px;z-index:10}
.sidebar_tab li a{display:block;overflow:hidden;position:relative;width:42px;height:39px;background:url(/images/sp_viewer_btn.png) no-repeat 0 0;text-indent:-9999px;vertical-align:top;}
.sidebar_tab li.tc-selected span{width:42px !important}
.sidebar_tab li .list{background-position:-193px -148px}
.sidebar_tab li .quota{background-position:-248px -148px}
.sidebar_tab li .report{background-position:-138px -148px}
.sidebar_tab li .data{background-position:-303px -148px}
.sidebar_tab li .mail{background-position:-303px -251px}
.sidebar_tab li.tc-selected .list{background-position:-193px -206px}
.sidebar_tab li.tc-selected .quota{background-position:-248px -206px}
.sidebar_tab li.tc-selected .report{background-position:-138px -206px}
.sidebar_tab li.tc-selected .data{background-position:-303px -206px}
.sidebar_tab li.tc-selected .mail{background-position:-303px -295px}


.sidebar {position:relative;border:1px solid #575965;background:url(/images/bg_sidebar.gif) 0 0 repeat;zoom:1;width:384px;}
.sidebar .rnd_lt,.sidebar .rnd_rt,.sidebar .rnd_lb,.sidebar .rnd_rb{display:block;overflow:hidden;position:absolute;width:5px;height:5px;background:url(/images/sp_viewer_btn.png) no-repeat 0 0}
.sidebar .rnd_lt{top:-2px;left:-2px;background-position:-675px -157px}
.sidebar .rnd_rt{top:-2px;right:-2px;background-position:-690px -157px}
.sidebar .rnd_lb{left:-2px;bottom:-2px;background-position:-705px -157px}
.sidebar .rnd_rb{right:-2px;bottom:-2px;background-position:-720px -157px}

/*-- top --*/
.sidebar .search_area {overflow:hidden;position:relative;height:23px;margin:10px auto;width:360px;}
.sidebar .search_area div {display:block;float:left;margin-left:3px;padding:0;width:auto;}
.sidebar .sline {height:2px;padding-bottom:5px;margin:5px 2px 0px 2px;zoom:1;background:url(/images/bg_line.gif) repeat-x 0px 100%;}

/*-- middle --*/
.sidebar .scroll_section{width: 380px; height: 250px; padding:3px 0 0 3px;text-align:left;overflow:hidden;overflow-y:auto;position:relative;scrollbar-base-color:#52515a;scrollbar-3dlight-color:#52515a;scrollbar-highlight-color:#6b6d78;scrollbar-face-color:#6b6d78;scrollbar-arrow-color:#c0c2c5;scrollbar-shadow-color:#6b6d78;scrollbar-darkshadow-color:#555662;scrollbar-track-color:#555662;}
.sidebar .scroll_section li {display:block;width:100%;height:20px;padding-top:3px;padding-bottom:3px;border-bottom:1px solid #52515a;}
.sidebar .scroll_section a {color:#fff;}
.sidebar .scroll_section span img {cursor:pointer}
.sidebar .scroll_section span.title {float:left;display:block;width:250px;height:15px;color:#fff;overflow:hidden;padding-top:3px;cursor:pointer;}
.sidebar .scroll_section span.status1 {float:left;margin-left:3px;display:block;width:30px;height:15px;padding-top:3px;color:#75BAFF;}
.sidebar .scroll_section span.status2 {float:left;margin-left:3px;display:block;width:30px;height:15px;padding-top:3px;color:#75BAFF;font-weight:bold;}
.sidebar .scroll_section span.status3 {float:left;margin-left:3px;display:block;width:30px;height:15px;padding-top:3px;color:#93A1B5;}
.sidebar .scroll_section span.edit    {float:left;margin-left:3px;padding-top:1px;}
.sidebar .scroll_section span.test    {float:left;margin-left:3px;padding-top:1px;}
.sidebar .scroll_section span.resp_cnt {float:left;margin-left:3px;padding-top:1px;color:#fff;width:40px;text-align:right;}


/*-- bottom --*/
.sidebar .page_area {overflow:hidden;position:relative;width:110px;height:27px;margin:10px auto}
.sidebar .page_area a.arrow1 {display:block;float:left;margin-left:3px;padding:0;width:23px;height:22px;background:url(/images/sp_viewer_btn.png) -169px -103px no-repeat;cursor: pointer;}
.sidebar .page_area a.arrow2 {display:block;float:left;margin-left:3px;padding:0;width:23px;height:22px;background:url(/images/sp_viewer_btn.png) -201px -103px no-repeat;cursor: pointer;}
.sidebar .page_area a.arrow3 {display:block;float:left;margin-left:3px;padding:0;width:23px;height:22px;background:url(/images/sp_viewer_btn.png) -234px -103px no-repeat;cursor: pointer;}
.sidebar .page_area a.arrow4 {display:block;float:left;margin-left:3px;padding:0;width:23px;height:22px;background:url(/images/sp_viewer_btn.png) -266px -103px no-repeat;cursor: pointer;}

.sidebar .page_area a.arrow1:hover {background:url(/images/sp_viewer_btn.png) -169px -69px no-repeat}
.sidebar .page_area a.arrow2:hover {background:url(/images/sp_viewer_btn.png) -201px -69px no-repeat}
.sidebar .page_area a.arrow3:hover {background:url(/images/sp_viewer_btn.png) -234px -69px no-repeat}
.sidebar .page_area a.arrow4:hover {background:url(/images/sp_viewer_btn.png) -266px -69px no-repeat}


/*************************************************  list.asp ====*/


/*************************************************  list_view.asp ====*/
#wrap_listView {position:relative; width:95%;height:90%; margin: 20px auto;border:#000 1px solid;}
.OptionBlock {border-bottom:#c9c9c9 1px solid;border-left:#c9c9c9 1px solid;border-right:#c9c9c9 1px solid;background-color:#ebf0f7;width:891px;height:200px;margin:0 auto;}
.OptionBlock .borderTop{border-top:#c9c9c9 1px solid;}
.OptionBlock .Tab {text-align:center;padding:5px;float: left;width: 110px;}
.OptionBlock .Content  {border-left:#fff 1px solid;background-color:#f2f2f2;width:750px;padding:0 10px 5px 10px;float:left;}

/*************************************************  list_view.asp ====*/



 /* ====  tabs menu ====*/
	.tab_container {	width: 1100px;	height : 400px;	margin: 0 auto;	}
	
	ul.tabs {	margin: 0;	padding: 0;	float: left;	list-style: none;	height: 32px;	border-bottom: 1px solid #999999;	border-left: 1px solid #999999;	width: 100%;}
	ul.tabs li {	float: left;	margin: 0;	cursor: pointer;	padding: 0px 21px ;	height: 31px;	line-height: 31px;	border: 1px solid #999999;	border-left: none;	font-weight: bold;	background: #494c59;	color:#d1d1d1;	overflow: hidden;	position: relative;}
	ul.tabs li:hover {	background: #5e606d;color:#ffffff;}	
	ul.tabs li.active{	background: #eeeeee;	border-bottom: 1px solid #eeeeee;color:#3f4046;font-weight:bold;}
	.tab_box {	border: 1px solid #999999;	border-top: none;	clear: both;	float: left; 	width: 100%;	background: #eeeeee;}
	.tab_content {	padding: 20px;	font-size: 1.2em;	display: none;}
 /* ====  tabs menu ====*/


/* ==== selectbox ====*/
span.customStyleSelectBox {background:url(/images/rd_selbox.gif) no-repeat left top;color:#5F5F5F;font-size:13px;font-weight:bold;margin-left:1px;margin-left:0;padding:0 0 0 5px;vertical-align:middle;}
span.customStyleSelectBox.changed{background-color: #fff;}
.customStyleSelectBoxInner{white-space:nowrap;background:url(/images/arrow_selbox.gif) no-repeat right top;color:#767a82;font-size:13px;line-height:22px;text-align:left;padding-right:4px;}
.customStyleSelectBorderStrong {border:1px solid #acb1b7;font-size:13px;line-height:22px;}
/* ==== selectbox ====*/	 

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}