@charset 'utf-8';

HTML,BODY{margin:0;padding:0}BODY{display:block;font-size:12px;font-family:Arial,Helvetica,sans-serif;background:url(../image/body-bg.jpg) repeat 0 0;}
.wrapper_{min-width:1200px;color:#000;margin:0 10px}.flol{float:left}.flor{float:right}.fixed{clear:both}.clearfix{display:inline-block}.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}UL,OL,LI{list-style:none;margin:0;padding:0}A,A:hover,A:link,A:visited{text-decoration:none}

@font-face					{	font-family: 'Cuprum'; font-style: normal; font-weight: normal; src: local('Cuprum'), url('../fonts/sp1_LTSOMWWV0K5VTuZzvQ.woff') format('woff'); }

INPUT:focus					{	background-color: #EEEEEE; }

#_report_err_				{	margin: 0 5% 5px 5%; background-color: #FFF; border: 5px solid #FF4000; line-height: 25px; padding: 0 0 5px 0; list-style: none; }
#_report_err_ LI			{	padding-left: 10px; font-size: 13px; line-height: 20px; }
#_report_err_ .title		{	font-size: 15px; color: white; padding-left: 5px; font-weight: bolder; height: 35px; line-height: 35px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; background-color: #808080; }
#_report_err_ .k			{	color: red; font-weight: bold; display: inline-block; width: 80px; }
#_report_err_ .stk			{	padding-top: 5px; }
#_report_err_ .stk .k		{	float: left; }
#_report_err_ .stk .v		{	overflow: auto; white-space: nowrap; }

.icon						{	padding-left: 15px; opacity: 0.9; filter: alpha(opacity = 90); background: url(../image/icons.png) no-repeat 0 0; }
.icon:hover					{	opacity: 1.0; filter: alpha(opacity = 100); }
.icon-contact				{	background-position: 0 -8px; }
.icon-help					{	background-position: 0 -29px; }
.icon-reg					{	background-position: 0 -48px; }
.icon-person				{	background-position: 0 -68px; }
.icon-user					{	background-position: 0 -88px; }
.icon-profile				{	background-position: 0 -118px; }
.icon-task					{	background-position: 0 -138px; }
.icon-message				{	background-position: 0 -158px; }
.icon-settings				{	background-position: 0 -178px; }
.icon-logout				{	background-position: 0 -198px; }
.icon-table					{	background-position: 0 -218px; }
.icon-close					{	background-position: 0 -238px; }

.menu24						{	font-size: 16px; padding-left: 28px; height: 24px; opacity: 0.9; filter: alpha(opacity = 90); background: url(../image/menu-24.png) no-repeat 0 0; }
.menu24:hover				{	opacity: 1.0; filter: alpha(opacity = 100); }
.menu24-sys					{	background-position: 0 -10px; }
.menu24-auth				{	background-position: 0 -52px; }
.menu24-buyer				{	background-position: 0 -88px; }
.menu24-firm				{	background-position: 0 -130px; }
.menu24-stat				{	background-position: 0 -170px; }
.menu24-log					{	background-position: 0 -210px; }

.menu32						{	font-size: 28px; padding-left: 38px; height: 24px; opacity: 0.9; filter: alpha(opacity = 90); background: url(../image/menu-32.png) no-repeat 0 0; }
.menu32:hover				{	opacity: 1.0; filter: alpha(opacity = 100); }
.menu32-sys					{	background-position: 0 -14px; }
.menu32-auth				{	background-position: 0 -64px; }
.menu32-buyer				{	background-position: 0 -116px; }
.menu32-firm				{	background-position: 0 -166px; }
.menu32-stat				{	background-position: 0 -216px; }

.tools						{	padding-left: 21px; opacity: 0.8; filter: alpha(opacity = 80); height: 16px; width: 16px; line-height: 16px; background-repeat: no-repeat; 
								background-image: url(../image/tools.black.png); 
							}
.tools-white				{	background-image: url(../image/tools.white.png); !important;opacity: 1.0;filter: alpha(opacity = 100);color: #FF0000;}
.tools:hover				{	opacity: 1.0; filter: alpha(opacity = 100); color:#fff;}
.tools-doc					{	background-position: 0 -10px; }
.tools-edit					{	background-position: 0 -40px; }
.tools-pencil				{	background-position: 0 -70px; }
.tools-cut					{	background-position: 0 -100px; }
.tools-arrleft				{	background-position: 0 -130px; }
.tools-arrright				{	background-position: 0 -160px; }
.tools-arrup				{	background-position: 0 -190px; }
.tools-arrdown				{	background-position: 0 -220px; }

.check						{	cursor: pointer; width: 20px; height: 20px; line-height: 20px; background: url(../image/checkbox.png) no-repeat 0 0; }
.check.x					{	background-position: 0 -20px; }

#_top						{	height: 33px; color: white; background: url(../image/top-nav.jpg) repeat-x; }
#_top LI					{	color: #c0c0c0; margin: 11px 25px 0 0; cursor: pointer; height: 12px; line-height: 12px; }
#_top LI:hover				{	color: #ffffff; }
#_top .icon-user			{	padding-left: 30px; margin-top: 8px; height: 20px; line-height: 20px; }
#_logo						{	width: 160px; float: left; margin: 20px 100px 0 5%; }

#_menu						{	overflow: hidden; padding-top: 20px; height: 60px; }
#_menu LI					{	border: 1px solid #d0d0d0; border-radius: 5px; height: 54px; line-height: 54px; padding: 0 8px 0 5px; margin-right: 5px; position: relative; background-color: #efefef; }
#_menu LI SPAN				{	padding: 3px 8px 3px 38px; }
#_menu LI:hover				{	background-color: #454545; color: white; cursor: pointer;  
								background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #399FE4), color-stop(100%, #084b8a));
							}
#_menu LI:hover A			{	color: white; }
#_menu LI.x					{	background-color: #454545; color: white; cursor: pointer;
                                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #399FE4), color-stop(100%, #0b173b));						
							}
#_menu LI.x A				{	color: white; }
#_menu LI A					{	display: block; color: black; font-weight: bold; }
#_menu LI DIV.hk			{	position: absolute; right: 2px; top: -21px; }

.float-menu					{	width: 200px; float: left; margin: 25px 30px 0 0; vertical-align: baseline; }
.float-menu A				{	display: block; color: #494949; text-decoration: none; }
.float-menu A:hover			{	color: #494949; }
.float-menu A:link			{	color: #494949; }
.float-menu A:visited		{	color: #494949; }
.float-menu LI				{	cursor: pointer; border-radius: 5px; height: 28px; font-weight:bold; line-height: 28px; margin-top: 1px; padding-left: 10px; border: 1px solid #D5D5D5; background: #EFEFEF url(../image/bg.light.png) repeat 0 0; }
.float-menu .title			{	padding-left: 0; color: white; cursor: normal; font-size: 16px; font-weight: bold; position: relative; height: 39px; background: url(../image/bg.dark.jpg) repeat 0 0; border-radius: 5px; }
.float-menu .title .tit		{	height: 39px; line-height: 39px; color: white; font-size: 16px; margin-left: 20px; padding-left: 20px; }
.float-menu .it.x			{	color: #EFEFEF; background: url(../image/bg.dark.jpg) repeat 0 0; 
                                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #399FE4), color-stop(100%, #0b173b));
							}
.float-menu .it:hover		{	color: #EFEFEF; background: url(../image/bg.dark.jpg) repeat 0 0; 
                                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #399FE4), color-stop(100%, #084b8a));
							}

.loading					{	float: right; margin-right: 7px; margin-top: 7px; background-color: transparent; display: none; }
.ajaxload .loading			{	display: block; }

.table						{	position: relative; overflow: hidden; vertical-align: baseline; }
.table .head 				{	position: relative; height: 39px; background: url(../image/bg.dark.jpg) repeat; border-radius: 5px; }
.table .head .tit			{	font-weight: bold; height: 39px; line-height: 39px; color: white; font-size: 16px; margin-left: 20px; padding-left: 20px; }
.table .head .search		{	float: right; cursor: pointer; margin-right: 11px; margin-top: 7px; background-color: transparent; }
.table .body				{	margin: 0 5px; }
.table .tls					{	float: right; display: block; margin: 5px; }
.table .tls LI				{	float: left; margin-left: 10px; font-size: 13px; color:#fff; font-weight:bold; border: 1px solid #d0d0d0; 
								background-color: #e3e3e3; 
								background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #399FE4), color-stop(100%, #084b8a));
								padding: 7px 10px; border-radius: 5px; cursor: pointer; }
.table .tls LI:hover		{	background-color: #efefef; }
.table .tls .disabled		{	cursor: default; opacity: 0.4; filter: alpha(opacity=40); _ms-filter: alpha(opacity=40); }
.table .tls .maxrow			{	padding: 3px 10px; }
.table .tls .onn			{	background-color: #808080; font-weight: bold; }
.table .tls .reloaditv		{	padding: 6px 10px; }

.table .sch					{	float: right; display: block; margin: 5px; height: 33px; line-height: 33px; }
.table .sch LI				{	float: left; font-size: 15px; vertical-align: baseline; }
.table .sch INPUT#q			{	border: 1px solid #C0C0C0; }			
.table .sch LI:hover		{	background-color: #efefef; }

.table TABLE				{	border-width: 1px; border-spacing: 0px; border-style: solid; border-color: rgb(213, 213, 213); border-collapse: collapse; margin-top: 5px; }
.table TABLE THEAD TR		{	height: 28px; color:#fff; }
.table TABLE TBODY TR		{	height: 32px; }
.table TABLE TH				{	position: relative; border-width: 1px; padding: 0px; border-style: solid; border-color: rgb(213, 213, 213); font-size: 12px; background: #EFEFEF url(../image/bg.light.png) repeat; 
                                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #585858), color-stop(100%, #2e2e2e));
							}
.table TABLE TD				{	border-width: 1px; padding: 0px; border-style: solid; border-color: rgb(213, 213, 213); font-size: 12px; }
.table TABLE .first			{	position: relative; padding-left: 22px; }
.table TABLE .last			{	position: relative; padding-right: 22px; }
.table TABLE .chk			{	position: absolute; width: 20px; height: 20px; background: url(../image/checkbox.png) no-repeat 0 0; }
.table TABLE .first .chk	{	left: 2px; top: 2px; }
.table TABLE .last .chk		{	right: 2px; top: 2px; }
.table TABLE .x .chk		{	background-position: 0 -21px; }
.table TABLE .text			{	padding-left: 5px; }
.table TABLE .order			{	
								/*! background: url(../image/table-order.png) no-repeat right 8px; */
                                background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #585858), color-stop(100%, #2e2e2e));
							}
.table TABLE .last.order	{	right: 25px; }

.table TABLE .asc			{	background-position: right 0px; }
.table TABLE .desc			{	background-position: right 0px; }

.table TBODY tr:nth-child(even){background:#EEE}.table TBODY tr:nth-child(odd){background:#FFF}.table TBODY tr:hover{background:#CCC}

.table-l					{	position: relative; }
.table-l .head 				{	height: 39px; background: #EFEFEF url(../image/bg.light.png) repeat; margin-top: 50px; border-radius: 5px; border: 1px solid #D5D5D5; }
.table-l .head .tit			{	height: 39px; line-height: 39px; color: black; font-size: 16px; margin-left: 20px; padding-left: 20px; }

.overlay_					{	display: none; position:fixed; background: url(jquery-ui/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png); opacity: 0.7; filter: alpha(opacity = 70); left: 0; top: 0; right: 0; bottom: 0; }

SELECT.appr					{	border: 0px; background: transparent; font-weight:bold}
SELECT.appr.dbg, .appr .dbg	{ color:green;background-color:#81f7f9; border-radius:3px; }
SELECT.appr.rel, .appr .rel		{ color:blue; background-color:#80CCF7; border-radius:3px;  }
SELECT.appr.wait, .appr .wait	{ color:red; background-color:#FAC6C6;border-radius:3px;  }

#_pager						{	height: 30px; line-height: 30px; margin-top: 10px; text-align: center; }
#_pager UL					{	height: 16px; line-height: 16px; margin-top: 7px; display: inline-block; }
#_pager UL LI				{	float: left; width: 15px; height: 14px; cursor: pointer; margin: 0px 6px 0px 6px; font-size:16px; font-weight:bold; }
#_pager .page				{	cursor: pointer; margin: 0px 5px 0px 5px; }
#_pager .pic				{	background-image: url(../image/pager.png); background-repeat: no-repeat; }
#_pager .ll					{	background-position: 0 0; }
#_pager .l					{	background-position: 0 -14px; }
#_pager .r					{	background-position: 0 -42px; }
#_pager .rr					{	background-position: 0 -28px; }
#_pager .cur				{	cursor: default; text-decoration: underline; font-weight: bolder; color:#0070FF; }
#_pager .empty				{	cursor: default; opacity: 0.5; filter: alpha(opacity=50); _ms-filter: alpha(opacity=50); }

#list						{	}

.popup-dialog				{	position: absolute; display: none; padding: 5px; border-radius: 5px; border: 2px solid #a0a0a0; right: 35px; top: 208px; }
.popup-dialog .head 		{	height: 39px; border-radius: 5px; position: relative; background: url(../image/bg.dark.jpg) repeat; cursor: move; }
.popup-dialog .head .tit	{	float: left; font-weight: bolder; height: 39px; line-height: 39px; color: white; font-size: 16px; margin-left: 20px; padding-left: 20px; }
.popup-dialog .head .close	{	width: 22px; height: 22px; padding-left: 0; line-height: 22px; float: right; margin: 8px 7px 0 0; cursor: pointer; }
.popup-dialog .form			{	color: black; background: #FFF; opacity: 0.9; filter: alpha(opacity = 90); padding: 10px; margin: 0 4px; }
.popup-dialog .form .t		{	display: inline-block; width: 84px; font-weight: bolder; font-size: 14px; vertical-align: top; padding-top: 5px; }
.popup-dialog .form .v		{	height: 25px; font-size: 14px; display: inline-block; width: 395px; padding-left: 5px; }
.popup-dialog .form .f		{	height: 45px; }
.popup-dialog .form .f SPAN.file	{	font-size: 14px; color: black; }
.popup-dialog .form .f SPAN.file B	{	color: red; }
.popup-dialog .form LI		{	vertical-align: center; margin-bottom: 10px; }
.popup-dialog .form INPUT		{	border: 1px solid #222; }
.popup-dialog .form INPUT.file	{	border: 0; color: red; }
.popup-dialog .tls			{	color: black; background-color: #FFF; border-radius: 5px; padding: 10px; height: 35px; line-height: 35px; }
.popup-dialog .tls LI		{	float: right; margin-right: 20px; height: 23px; line-height: 23px; background-color: #222; color: white; font-weight: bold; border: 1px solid #DDD; border-radius: 5px; padding: 5px 12px; cursor: pointer; }

.popup-menu					{	position: absolute; outline: 2px solid #D5D5D5; font-size: 16px; z-index: 1000; }
.popup-menu LI				{	cursor: pointer; height: 38px; line-height: 38px; padding: 0 8px; background: url(../image/bg.light.png) repeat 0 0; }
.popup-menu LI:hover		{	background: url(../image/bg.dark.jpg) repeat 0 0; color: #EFEFEF; font-weight: bold; }
.popup-menu LI SPAN			{	padding-right: 8px; }

.result-ico .ico			{	background-image: url(../image/result.png); background-position: 0px 0px; background-repeat: no-repeat; height: 25px; padding-left: 20px; }
.result-ico .fail			{	background-position: 0px -28px; }

.qwhere						{	height: 20px; }
.qwhere .tit				{	font-size: 14px; padding: 5px 10px 5px 5px; float: left; }
.qwhere .it					{	float: left; cursor: pointer; color: white; padding: 5px 8px; margin-right: 10px; font-size: 15px; border: 1px solid #888; background-color: #888; border-radius: 5px; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }