@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #333;
}
/*-------------*/
table {}
tr {}
th {}
td {}
/*-------------*/
.pr { position: relative; }
.pa { position: absolute; }

.a-right{text-align: right !important;}
tr.a-right th, tr.a-right td {text-align: right !important;}
.a-center{text-align: center !important;}
tr.a-center th, tr.a-center td {text-align: center !important;}
.a-left{text-align: left !important;}
tr.a-left th, tr.a-left td {text-align: left !important;}

.va-middle, .va-middle tr, .va-middle td {vertical-align:middle !important}
.va-top, .va-top tr, .va-top td { vertical-align:top !important }

.f-right{float: right !important;}
.f-left{float: left !important;}
.f-none {float: none !important; }

.c-right{clear: right !important;}
.c-left{clear: left !important;}
.c-none {clear: none !important; }

.bg-transparent { background-color: transparent !important; }
.bg-none { background-image: none !important; }
.bg-fff { background-color:#fff !important; }
.bg-efefef { background-color:#efefef !important; }

.bold{font-weight: bold !important;}
.normal{font-weight: normal !important;}

.hide {display: none !important;}
.show {display: block !important;}

.cell { position: relative;}
.block { display: block; }
.row {
	margin: 0;
	padding: 0;
	/* [disabled]width: 100%; */
	clear: both;
	position: relative;
}
.first {
	margin-left: 0px !important;
	padding-left: 0px !important;
}
.last {
	margin-right: 0px !important;
	padding-right: 0px !important;
}
/*-------------*/
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after { clear:both; }
.cf { zoom:1; }

.form:before, .form:after, .buttonRow:before, .buttonRow:after, .row:before, .row:after, .cell:before, .cell:after, .container:before, .container:after {content:""; display:table;}
.form:after, .row:after, .buttonRow:after, .cell:after, .container:after {clear:both;}
.form, .row, .buttonRow, .cell, .container {zoom:1;}
/*-------------*/
/*-------------*/
.vNav {
	display: block;
	float: left;
	width: 100%;
}
.vNav li {
	display: block;
	width: 100%;
	float: left;
}
.vNav li .button {
	width: 100%;
	
}
.vNav li a {
	width: 100%;
	padding: 6px 0 5px !important;
	text-indent: 10px;
	margin-left: -1px !important;
}
.vNav li a:hover {}
/*-------------*/
/*-------------*/
.e1 { width: 25px !important; }
.e2 { width: 50px !important; }
.e3 { width: 75px !important; }
.e4 { width: 100px !important; }
.e5 { width: 125px !important; }
.e6 { width: 150px !important; }
.e7 { width: 175px !important; }
.e8 { width: 200px !important; }
.e9 { width: 225px !important; }
.e10 { width: 250px !important; }
.e11 { width: 275px !important; }
.e12 { width: 300px !important; }
.e13 { width: 325px !important; }
.e14 { width: 350px !important; }
.e15 { width: 375px !important; }
/*-------------*/
/*-------------*/
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8,
.gr-9,
.gr-10,
.gr-11,
.gr-12,
.gr-XS,
.gr-S,
.gr-M,.gr-M.np,
.gr-L,
.gr-F {
	float: left;
	margin: 0 10px 10px;
}
.gr-1 {width: 60px;}
.gr-2 {width: 140px;}
.gr-3 {width: 220px;}
.gr-4 {width: 300px;}
.gr-5 {width: 380px;}
.gr-6 {width: 460px;}
.gr-7 {width: 540px;}
.gr-8 {width: 620px;}
.gr-9 {width: 700px;}
.gr-10 {width: 780px;}
.gr-11 {width: 860px;}
.gr-12 {width: 940px;}

.gr-XS {
	width: 220px;
}
.gr-S {
	width: 300px;
}
.gr-M {
	width: 460px;
}
.gr-M.np {
	width: 480px;
	margin: 0 0 10px;
}
.gr-M.np_N {
	width: 480px;
	height: 580px;
	margin: 0 0 10px;
	background-image:url('images/bg_login1.jpg');
}
.gr-L {
	width: 700px;
}
.gr-F { width: 1180px; 
}
/*-------------*/
/*-------------*/
.bl-1 { height: 48px; }
/*-------------*/
/*-------------*/
.bor0000, .bor1000, .bor0100, .bor0010, .bor0001, .bor1010, .bor0101, .bor1100, .bor0110, .bor0011, .bor1001, .bor1110, .bor1101, .bor1011, .bor0111, .bor1111{ border-style: solid; border-color: #eee; }
.bor0000{border-width: 0 !important;}
.bor1000{border-width: 1px 0 0 0 !important;}
.bor0100{border-width: 0 1px 0 0 !important;}
.bor0010{border-width: 0 0 1px 0 !important;}
.bor0001{border-width: 0 0 0 1px !important;}
.bor1010{border-width: 1px 0 !important;}
.bor0101{border-width: 0 1px !important;}
.bor1100{border-width: 1px 1px 0 0 !important;}
.bor0110{border-width: 0 1px 1px 0 !important;}
.bor0011{border-width: 0 0 1px 1px !important;}
.bor1001{border-width: 1px 0 0 1px !important;}
.bor1110{border-width: 1px 1px 1px 0 !important;}
.bor1101{border-width: 1px 1px 0 1px !important;}
.bor1011{border-width: 1px 0 1px 1px !important;}
.bor0111{border-width: 0 1px 1px 1px !important;}
.bor1111{border-width: 1px !important;}

.mar0000{margin: 0 !important;}
.mar1000{margin: 10px 0 0 0 !important;}
.mar0100{margin: 0 10px 0 0 !important;}
.mar0010{margin: 0 0 10px 0 !important;}
.mar0001{margin: 0 0 0 10px !important;}
.mar1010{margin: 10px 0 !important;}
.mar0101{margin: 0 10px !important;}
.mar1100{margin: 10px 10px 0 0 !important;}
.mar0110{margin: 0 10px 10px 0 !important;}
.mar0011{margin: 0 0 10px 10px !important;}
.mar1001{margin: 10px 0 0 10px !important;}
.mar1110{margin: 10px 10px 10px 0 !important;}
.mar1101{margin: 10px 10px 0 10px !important;}
.mar1011{margin: 10px 0 10px 10px !important;}
.mar0111{margin: 0 10px 10px 10px !important;}
.mar1111{margin: 10px !important;}

.pad0000{padding: 0 !important;}
.pad1000{padding: 10px 0 0 0 !important;}
.pad0100{padding: 0 10px 0 0 !important;}
.pad0010{padding: 0 0 10px 0 !important;}
.pad0001{padding: 0 0 0 10px !important;}
.pad1010{padding: 10px 0 !important;}
.pad0101{padding: 0 10px !important;}
.pad1100{padding: 10px 10px 0 0 !important;}
.pad0110{padding: 0 10px 10px 0 !important;}
.pad0011{padding: 0 0 10px 10px !important;}
.pad1001{padding: 10px 0 0 10px !important;}
.pad1110{padding: 10px 10px 10px 0 !important;}
.pad1101{padding: 10px 10px 0 10px !important;}
.pad1011{padding: 10px 0 10px 10px !important;}
.pad0111{padding: 0 10px 10px 10px !important;}
.pad1111{padding: 10px !important;}
/*-------------*/
/*-------------*/
.W-texture {
	width: 100%;
	height: 100%;
	min-height:100%;
	/* [disabled]min-width:960px; */
	/* [disabled]max-width: 1200px; */
	margin: 0 auto;
	padding: 0;
	/* [disabled]background-color: #eee; */
	/* [disabled]position: relative; */
}
.C-texture {
	margin: 0 auto;
	width: 100%;
}
.texture {
	float: left;
	width: 100%;
}
/*-------------*/
/*-------------*/
.W-header {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.C-header {
	width:1200px;
	margin: 0 auto;
	padding: 0 15px 0;
}
.header {
	float: left;
	margin: 20px 10px 0;
	width:1180px;
}
.Logo_header {
	float: left;
	margin: 0 0 0 0;
}
.Logo_header a, .Logo_header img { float: left; }
.headerNav {
	clear: both;
	margin: 0 0 0 0;
}
/*-------------*/
/*-------------*/
.W-content {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.C-content {
	width:1200px;
	margin: 0 auto;
	padding: 0 15px 0;
}
.content {
	float: left;
	margin: 0 0 10px;
	width:1200px;
	/* [disabled]background-color: #CCC; */
}
/*-------------*/
/*-------------*/
.W-footer {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.C-footer {
	width:1200px;
	margin: 0 auto;
	padding: 0 15px 0;
}
.footer {
	float: left;
	margin: 10px 10px 10px;
	width:1180px;
	color: #999;
}
/*-------------*/
/*-------------*/

/*-- message -----------*/
.message {
	width: 100%;
	min-width: 320px;
	max-width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	position: relative;
}
.message.inPage {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.message span {
	margin: 0;
	padding: 15px 40px 15px 40px !important;
	background: no-repeat 5px center;
	display: block;
	float: none;
	min-height:16px;
}
.message span.red {
	background-color: #C30;
	background-image: url(../images/icon_messageRed.png);
	color: #fff;
}
.message span.green {
	background-color: #5c8900;
	background-image: url(../images/icon_messageGreen.png);
	color: #fff;
}
.message span.yellow {
	background-color: #ffe600;
	background-image: url(../images/icon_messageYellow.png);
	color: #333;
}
.message span.yellow.blink {
	font-weight: bold;
	font-size: 14px;
}


.message span.close{
	width: 24px;
	height: 100%;
	padding: 0 !important;
	float: right;
	clear: none;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0;
	background-image: url(../images/1pxBlk_10.png);
	background-repeat: repeat;
}
.message span.close a{
	color: #CCC;
	float: right;
	clear: none;
	display:block;
	background-image: url(../images/icon_cancel.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 25px 0 0;
	position: absolute;
	top: 50%;
	right: 0px;
	margin: -12px 0 0;
	text-indent: 0px;
	height: 24px;
}
.message span.close a:hover{
	color: #FFF;
}


.message .row {
	margin: 10px 0 0;
	padding: 10px 0 0;
	background-image: url(../images/1pxBlk_10.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.message .button {background-image: url(../images/1pxBlk_10.png);}
.message .button input[type=submit],
.message .button input[type=button] {background-image: url(../images/bg_button.png);}
.message .button input[type=submit]:hover,
.message .button input[type=button]:hover {}
.message .button a {background-image: url(../images/bg_button.png);}
.message .button a:hover {}

.message .button {
	overflow: hidden;
	float:none !important;
	display: inline-block;
	vertical-align:middle;
	margin: 0 1px 0 0;
	padding: 0 1px 1px 1px;
	background-color:transparent;
	background-repeat: repeat;
	background-position: left top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.message .button input[type=submit],
.message .button input[type=button] {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	margin: 0;
	height: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}
.message .button input[type=submit]:hover,
.message .button input[type=button]:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
}
.message .button a {
	padding: 0px 10px;
	font-size: 12px;
	line-height: 26px;
	color: #fff;
	margin: 0;
	height: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
}
.message .button a:hover {
	color: #fff;
	cursor: pointer;
	background-position: left bottom;
	text-decoration: none;
}






#loading {
	background-image: url(../images/1pxWht_50.png);
	background-repeat: repeat;
	z-index: 99999;
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}
#loading div {
	margin: -64px 0 0 -64px;
	padding: 0px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 128px;
	height: 128px;
	background-image: url(../images/bg_loading.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#loading span {
	width: 128px;
	height: 128px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}


.setBox { position: absolute; top:0; right:0; }
.setBox div {}
.setBox a {
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 24px;
	float: left;
	border:0 !important;
}
.setBox a:hover {
	background-position: center bottom;
	border:0 !important;
}
.setBox a.add {background-image: url(../images/tool_icon_add.png);}
.setBox a.edit {background-image: url(../images/tool_icon_edit.png);}
.setBox a.delete {background-image: url(../images/tool_icon_delete.png);}