/***
	iForms v2.0 ¡ª¡ª iForms.css
	by WingMeng(.com) 2014-?
			
***/

/***   CSS reset  ***/
html
{
	background-color: white;
}
body
{
	margin: 0;
	padding: 0;
	color: #333;
	font: 14px/1.8 Tahoma, Geneva, '\Î¢ÈíÑÅºÚ';
}
h1, h2, h3, h4, h5, h6, p, form, ul, ol, dl, dd
{
	margin: 0;
}
ul, ol
{
	list-style: none outside none;
	padding: 0;
}
img
{
	border: 0;
}
table
{
	border-collapse: collapse;
}
input, textarea, select
{
	font-size: 100%;
	font-family: inherit;
	resize: none;
}
a:hover, :active
{
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

/***   Box   ***/
.ui-box
{
	background: #fff;
	font-size: 12px;
}
.ui-box-head:after
{
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.ui-box-head-title
{
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px;
	text-shadow: 0 1px 1px rgba(255,255,255,.4);
}
.ui-box-head-btn
{
	float: right;
	margin-top: 8px;
	margin-right: 10px;
	text-decoration: none;
}
.ui-box-head-btn:hover
{
	text-decoration: underline;
}
.ui-box-cont
{
	margin: 10px;
}
/* The default style */
.ui-box
{
	border: 1px solid #ccc;
}
.ui-box-head
{
	border-bottom: 1px solid #ccc;
	background: #f0f0f0;
}
.ui-box-head-title
{
	color: #656565;
}
.ui-box-head-btn
{
	color: #08c;
}
/* Green */
.ui-box-green
{
	border: 1px solid #47d147;
}
.ui-box-green .ui-box-head
{
	border-bottom: 1px solid #47d147;
	background: #b1e8b1;
}
/** Yellow **/
.ui-box-yellow
{
	border: 1px solid #ddc27c;
}
.ui-box-yellow .ui-box-head
{
	border-bottom: 1px solid #ddc27c;
	background: #ffeaad;
}
.ui-box-yellow .ui-box-head-title
{
	color: #666;
}
/* Blue */
.ui-box-blue
{
	border: 1px solid #369;
}
.ui-box-blue .ui-box-head
{
	border-bottom: 1px solid #369;
	background: #85a8cc;
}
.ui-box-blue .ui-box-head-title
{
	color: #354352;
}
.ui-box-blue .ui-box-head-btn
{
	color: #fff;
}
/* Red */
.ui-box-red
{
	border: 1px solid #f99;
}
.ui-box-red .ui-box-head
{
	border-bottom: 1px solid #f99;
	background: #ffbabb;
}
.ui-box-red .ui-box-head-title
{
	color: #664a4b;
}
.ui-box-red .ui-box-head-btn
{
	color: #444;
}

/***   Button   ***/
/** Action Button **/
.actbtn
{
	overflow: visible;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 700;
	border: 1px solid;
	border-color: #dedede silver silver #dedede;
	background: #f5f5f5;
	background-position: 7px center;
	background-repeat: no-repeat;
	padding: 4px 8px 4px 28px; *padding:5px8px1px28px;cursor:pointer;box-shadow:inset01px1px#fff,1px1px1pxrgba(0,0,0,.2);text-shadow:1px1px1pxrgba(255,255,255,.5);border-radius:2px;}
.actbtn[disabled], .actbtn[disabled]:hover, .actbtn[disabled]:active
{
	cursor: not-allowed;
	background-color: #f0f0f0;
	color: #a0a0a0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 0.8;
	border-color: #ccc;
	text-shadow: 1px 1px 0 #fff;
	box-shadow: none;
}
.btn-add
{
	background-image: url(images/a1.png);
	color: #690;
}
.btn-del
{
	background-image: url(images/b1.png);
	color: #f77;
}
.btn-ok
{
	background-image: url(images/c1.png);
	color: #690;
}
.btn-undo
{
	background-image: url(images/d1.png);
	color: #47a;
}
.btn-play
{
	background-image: url(images/e1.png);
	color: #690;
}
.btn-stop
{
	background-image: url(images/f1.png);
	color: #f77;
}
.btn-reset
{
	background-image: url(images/g1.png);
	color: #f77;
}
.btn-renew
{
	background-image: url(images/h1.png);
	color: #690;
}
.btn-edit
{
	background-image: url(images/a2.png);
	color: #47a;
}
.btn-view
{
	background-image: url(images/b2.png);
	color: #47a;
}
.btn-search
{
	background-image: url(images/c2.png);
	color: #690;
}
.btn-print
{
	background-image: url(images/d2.png);
	color: #47a;
}
.btn-export
{
	background-image: url(images/e2.png);
	color: #47a;
}
.btn-close
{
	background-image: url(images/f2.png);
	color: #f77;
}
.btn-block
{
	background-image: url(images/g2.png);
	color: #f77;
}
.btn-uarr
{
	background-image: url(images/h2.png);
	color: #47a;
}
.btn-darr
{
	background-image: url(images/a3.png);
	color: #47a;
}
.btn-larr
{
	background-image: url(images/b3.png);
	color: #47a;
}
.btn-rarr
{
	background-image: url(images/c3.png);
	color: #47a;
}
.btn-add:hover, .btn-ok:hover, .btn-play:hover, .btn-renew:hover, .btn-search:hover
{
	background-color: #e6efc2;
}
.btn-undo:hover, .btn-edit:hover, .btn-view:hover, .btn-print:hover, .btn-export:hover, .btn-uarr:hover, .btn-darr:hover, .btn-larr:hover, .btn-rarr:hover
{
	background-color: #dff4ff;
}
.btn-del:hover, .btn-stop:hover, .btn-reset:hover, .btn-close:hover, .btn-block:hover
{
	background-color: #fbe3e4;
}
.actbtn:active
{
	background-color: #f5f5f5;
}
.btn-loading
{
	background-image: url(images/ui-btn_loading.gif);
}
/** Icon Button **/
.icobtn
{
	display: inline-block;
	width: 14px;
	height: 14px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.icobtn:hover
{
	background-color: transparent;
}
/** Style Button **/
.stybtn
{
	font-style: normal;
	color: #fff;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	padding: 0.4em 1.5em;
	overflow: visible;
	zoom: 1;
	border-radius: 2px;
	text-shadow: 0 1px 1px #333;
	box-shadow: 0 1px 1px rgba(245,245,245,0.3) inset;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.stybtn:hover
{
	opacity: 0.8;
	filter: Alpha(Opacity=80);
}
.stybtn:active
{
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3) inset, 0px 1px 3px rgba(0,0,0,0.2);
}
.btn-red
{
	border: 1px solid #ac3224;
	background-color: #e84c3d;
	background-image: -webkit-linear-gradient(top,#e84c3d,#c1392b);
	background-image: -moz-linear-gradient(top,#e84c3d,#c1392b);
	background-image: -ms-linear-gradient(top,#e84c3d,#c1392b);
	background-image: linear-gradient(top,#e84c3d,#c1392b);
}
.btn-org
{
	border: 1px solid #df8d09;
	background-color: #f6b618;
	background-image: -webkit-linear-gradient(top,#f6b618,#f47a11);
	background-image: -moz-linear-gradient(top,#f6b618,#f47a11);
	background-image: -ms-linear-gradient(top,#f6b618,#f47a11);
	background-image: linear-gradient(top,#f6b618,#f47a11);
}
.btn-ylw
{
	border: 1px solid #dabb0c;
	background-color: #ffd700;
	background-image: -webkit-linear-gradient(top,#ffd700,#daa520);
	background-image: -moz-linear-gradient(top,#ffd700,#daa520);
	background-image: -ms-linear-gradient(top,#ffd700,#daa520);
	background-image: linear-gradient(top,#ffd700,#daa520);
}
.btn-grn
{
	border: 1px solid #138b71;
	background-color: #1bbc9d;
	background-image: -webkit-linear-gradient(top,#1bbc9d,#16a086);
	background-image: -moz-linear-gradient(top,#1bbc9d,#16a086);
	background-image: -ms-linear-gradient(top,#1bbc9d,#16a086);
	background-image: linear-gradient(top,#1bbc9d,#16a086);
}
.btn-cyn
{
	border: 1px solid #04adad;
	background-color: #00e4e4;
	background-image: -webkit-linear-gradient(top,#00e4e4,#00cbcb);
	background-image: -moz-linear-gradient(top,#00e4e4,#00cbcb);
	background-image: -ms-linear-gradient(top,#00e4e4,#00cbcb);
	background-image: linear-gradient(top,#00e4e4,#00cbcb);
}
.btn-blu
{
	border: 1px solid #3079ed;
	background-color: #4d90fe;
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
}
.btn-pur
{
	border: 1px solid #8066b1;
	background-color: #9c59b8;
	background-image: -webkit-linear-gradient(top,#9a84c7,#8c72bf);
	background-image: -moz-linear-gradient(top,#9a84c7,#8c72bf);
	background-image: -ms-linear-gradient(top,#9a84c7,#8c72bf);
	background-image: linear-gradient(top,#9a84c7,#8c72bf);
}
.btn-blk
{
	border: 1px solid #46637e;
	background-color: #4f708e;
	background-image: -webkit-linear-gradient(top,#4f708e,#34495e);
	background-image: -moz-linear-gradient(top,#4f708e,#34495e);
	background-image: -ms-linear-gradient(top,#4f708e,#34495e);
	background-image: linear-gradient(top,#4f708e,#34495e);
}
.btn-wht
{
	color: #a9a9a9;
	text-shadow: none;
	border: 1px solid #b7b7b7;
	background-color: #ededed;
	background-image: -webkit-linear-gradient(top,#fff,#dcdcdc);
	background-image: -moz-linear-gradient(top,#fff,#dcdcdc);
	background-image: -ms-linear-gradient(top,#fff,#dcdcdc);
	background-image: linear-gradient(top,#fff,#dcdcdc);
}
.btn-S
{
	font-size: 12px;
	padding: 0.2em 1.3em !important;
}

/***   Form Element   ***/
.ui-text, textarea, select
{
	border: 1px solid;
	border-color: #8aa3ae #b7c2c4 #b7c2c4 #8aa3ae;
	background-color: #f6fcff;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.1);
	font-size: 12px;
}
.ui-text
{
	padding: 4px 4px 4px 6px;
	vertical-align: middle;
}
textarea
{
	padding: 5px;
	overflow-y: auto;
	resize: none;
	line-height: 1.8;
}
select
{
	padding: 2px 4px;
}
.ui-text:focus, textarea:focus
{
	border-color: #449fd8;
	background-color: #fcfcfc;
	box-shadow: 0 0 3px #7eb678;
	outline: none;
}
.txt-error, .txt-error:focus
{
	border-color: red;
	background-color: #fcc;
}
.txt-error:focus
{
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.1);
}
body .txt-disable, .ui-text[disabled], textarea[disabled], select[disabled]
{
	background: #e9e9e9;
	color: #a0a0a0;
	border-color: #999 silver silver #999;
	text-shadow: 1px 1px 0 #fff;
}

/***   Loading   ***/
.ui-loading
{
	position: fixed;
	_position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	z-index: 1000;
	display: none;
	background-color: #ffffe5;
	text-align: center;
	font-size: 12px;
	padding: 6px 8px 3px; *padding-bottom:6px;border:1pxsolid#909090;border-radius:3px;}
.ui-loading-longer
{
	width: 210px;
	margin-left: -105px;
}
.ui-loading-cover
{
	background-color: #000;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.ui-loading-square
{
	display: inline-block; *zoom:1;width:11px;height:6px;border-top:11pxsolid#ccc;border-bottom:11pxsolid#ccc;transition:border-color0.4s;}
.ui-loading-square:first-child
{
	margin-right: 6px;
}
.ui-loading-square-2, .ui-loading-square-10
{
	border-top-color: #09c;
}
.ui-loading-square-4, .ui-loading-square-8
{
	border-bottom-color: #09c;
}
.ui-loading-text
{
	margin-left: 12px; *margin-left:16px;vertical-align:10px;*vertical-align:6px;color:#666;}

/***   Pagination   ***/
.ui-paging
{
	font-size: 12px;
	line-height: 1.8;
	display: inline-block; *display:inline;*zoom:1;vertical-align:middle;}
.ui-paging-jump > .stybtn
{
	padding: 0.3em 0.7em; *padding:0.2em0.7em0;}
.ui-paging-jump, .ui-paging-info
{
	margin-left: 8px;
	margin-right: 8px;
	color: #666;
	font-size: 12px;
}
.ui-paging-info
{
	margin-left: 0;
}
.ui-paging-jump input
{
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	width: 32px;
	border: 1px solid;
	border-color: #aaa #d1d1d1 #d1d1d1 #aaa;
	background-color: #fff;
	box-shadow: inset 1px 2px 2px rgba(0,0,0,.1);
	padding: 3px 2px;
}
.ui-paging-info-total
{
	margin-right: 8px;
}
/** The default style **/
.ui-paging a
{
	text-decoration: none;
	color: #666;
	background-color: #e9e9e9;
	zoom: 1;
}
.ui-paging a:hover
{
	color: #fff;
	background-color: #909090;
	border-color: #666;
}
.ui-paging a, .ui-paging span
{
	display: inline-block;
	padding: 0 6px;
	margin-right: 5px;
	margin-bottom: 2px;
}
.ui-paging .current
{
	background-color: #373737;
	color: #fff;
}
.prev, .next
{
	border: 1px solid #999;
	border-radius: 3px;
	vertical-align: 1px\0;
}
.ui-paging .prev
{
	margin-right: 8px;
	padding-right: 10px;
	padding-left: 5px;
}
.ui-paging .next
{
	margin-left: 8px;
	padding-left: 10px;
	padding-right: 5px;
}
.ui-paging .current.prev, .ui-paging .current.next
{
	color: #c0c0c0;
	border: 1px solid #ccc;
	background-color: #fff;
}
/** UI 2: Blue **/
.ui-paging-blue a
{
	color: #666;
	background-color: transparent;
}
.ui-paging-blue a:hover
{
	background-color: #69c;
	border-color: #369;
}
.ui-paging-blue .current
{
	background-color: #369;
}
.ui-paging-blue .prev, .ui-paging-blue .next
{
	border: 1px solid #369;
	color: #369;
}
/** UI 3: Yellow **/
.ui-paging-yellow a:hover
{
	background-color: #ff9c00;
	border-color: #ff9c00;
}
.ui-paging-yellow .current
{
	background-color: #ff9c00;
}
/** UI 4: Green **/
.ui-paging-green
{
	background-color: #f2f9ff;
	padding: 5px 10px 2px 14px;
	border: 1px solid #c2c7cc;
	border-radius: 5px;
}
.ui-paging-green a
{
	color: #666;
	background-color: transparent;
}
.ui-paging-green a:hover
{
	background-color: #1bbc9d;
}
.ui-paging-green .current
{
	background-color: #1bbc9d;
}
.ui-paging-green .prev, .ui-paging-green .next
{
	border: none;
	color: #4372bc;
}
.ui-paging-green .current.prev, .ui-paging-green .current.next
{
	border: none;
	background-color: #f2f9ff;
}
/** UI 5: Red **/
.ui-paging-red a
{
	color: #666;
	background-color: transparent;
}
.ui-paging-red a:hover, .ui-paging-red .current
{
	background-color: transparent;
	color: salmon;
	border-color: salmon;
}
.ui-paging-red .current
{
	text-decoration: underline;
	font-weight: bold;
}
.ui-paging-red .prev, .ui-paging-red .next
{
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
.ui-paging-red .current.prev, .ui-paging-red .current.next
{
	background-color: transparent;
}

/***   Progress bar   ***/
.ui-progbar
{
	position: relative;
	height: 8px;
	background-color: #ddd;
	margin-top: 17px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #d9d9d9;
	border-radius: 4px;
	overflow: visible;
}
.ui-progbar-line
{
	position: absolute;
	height: 9px;
	margin-top: -1px;
	border-radius: 4px;
	transition: background-color 0.6s;
}
.animated-line
{
	background-image: url(images/ui-progressbar_animated.gif);
}
.ui-progbar-text
{
	position: absolute;
	top: -19px;
	font-size: 12px;
	font-family: tahoma;
	color: #666;
}
.progbar-vertical
{
	width: 8px;
	height: auto;
	border-left: 1px solid #bbb;
}
.progbar-vertical .ui-progbar-line
{
	width: 9px;
	margin-left: -1px; *margin-left:-5px;bottom:0;}
.progbar-vertical .ui-progbar-text
{
	margin-left: -6px;
}

/***   Step bar   ***/
.ui-step
{
	color: #b7b7b7;
	padding: 0 60px;
	margin-bottom: 35px;
	position: relative;
}
.ui-step:after
{
	display: block;
	content: "";
	height: 0;
	font-size: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.ui-step li
{
	float: left;
	position: relative;
}
.ui-step .step-end
{
	width: 120px;
	position: absolute;
	top: 0;
	right: -60px;
}
.ui-step-line
{
	height: 5px;
	background-color: #e0e0e0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
	margin-top: 5px;
}
.step-end .ui-step-line
{
	display: none;
}
.ui-step-cont
{
	width: 120px;
	position: absolute;
	top: 0;
	left: -15px;
	text-align: center;
}
.ui-step-cont-number
{
	display: inline-block; *zoom:1;position:absolute;left:0;top:0;width:15px;height:15px;color:#fff;background:url(images/ui-step_cover_30x30.png)centerno-repeat\9;border-radius:50%;border-left:2pxsolid#fff;border-right:2pxsolid#fff;border:2pxsolidrgba(224,224,224,1);font-family:tahoma;font-weight:bold;font-size:12px;background-color:#b9b9b9;box-shadow:inset1px1px2pxrgba(0,0,0,.2);}
.ui-step-cont-text
{
	position: relative;
	top: 34px;
	left: -42px;
	font-size: 12px;
}
.ui-step-3 li
{
	width: 50%;
}
.ui-step-4 li
{
	width: 33.3%;
}
.ui-step-5 li
{
	width: 25%;
}
.ui-step-6 li
{
	width: 20%;
}
/** The default style **/
.step-done .ui-step-cont-number
{
	background-color: #85e085;
}
.step-done .ui-step-cont-text
{
	color: #85e085;
}
.step-done .ui-step-line
{
	background-color: #6c6;
}
.step-active .ui-step-cont-number
{
	background-color: #3c3;
}
.step-active .ui-step-cont-text
{
	color: #3c3;
	font-weight: bold;
}
.step-active .ui-step-line
{
	background-color: #e0e0e0;
}
/** Yellow **/
.ui-step-yellow .step-done .ui-step-cont-number
{
	background-color: #ffc966;
}
.ui-step-yellow .step-done .ui-step-cont-text
{
	color: #ffc966;
}
.ui-step-yellow .step-done .ui-step-line
{
	background-color: #ffcc33;
}
.ui-step-yellow .step-active .ui-step-cont-number
{
	background-color: orange;
}
.ui-step-yellow .step-active .ui-step-cont-text
{
	color: orange;
}
.ui-step-yellow .step-active .ui-step-line
{
	background-color: #e0e0e0;
}
/** Blue **/
.ui-step-blue .step-done .ui-step-cont-number
{
	background-color: #69f;
}
.ui-step-blue .step-done .ui-step-cont-text
{
	color: #69f;
}
.ui-step-blue .step-done .ui-step-line
{
	background-color: #4c99e6;
}
.ui-step-blue .step-active .ui-step-cont-number
{
	background-color: #06c;
}
.ui-step-blue .step-active .ui-step-cont-text
{
	color: #06c;
}
.ui-step-blue .step-active .ui-step-line
{
	background-color: #e0e0e0;
}
/** Red **/
.ui-step-red .step-done .ui-step-cont-number
{
	background-color: #f99;
}
.ui-step-red .step-done .ui-step-cont-text
{
	color: #f99;
}
.ui-step-red .step-done .ui-step-line
{
	background-color: #fc9c9c;
}
.ui-step-red .step-active .ui-step-cont-number
{
	background-color: #f66;
}
.ui-step-red .step-active .ui-step-cont-text
{
	color: #f66;
}
.ui-step-red .step-active .ui-step-line
{
	background-color: #e0e0e0;
}

/***   Table   ***/
.ui-table
{
	width: 100%;
	color: #666;
}
.tr-mark
{
	background-color: #ffb !important;
}
/* The default style */
.ui-table th, .ui-table td
{
	border: 1px solid #ccc;
	padding: 4px 8px;
}
.ui-table th
{
	background-color: #f0f0f0;
}
.table-hover tr:hover
{
	background-color: #f3f9fc;
}
.table-border-rows th, .table-border-rows td
{
	border-color: #ccc transparent;
}
.table-border-cols th, .table-border-cols td
{
	border-color: transparent #ccc;
}
/* UI 2: Blue */
.ui-table-blue, .ui-table-blue th, .ui-table-blue td
{
	border: 1px solid #a8bbc9;
}
.ui-table-blue th
{
	color: #fff;
	background-color: #69c;
	background-image: -webkit-linear-gradient(top,#69c,#4668be);
	background-image: -moz-linear-gradient(top,#69c,#4668be);
	background-image: -ms-linear-gradient(top,#69c,#4668be);
	background-image: linear-gradient(top,#69c,#4668be);
}
.ui-table-blue.table-hover tr:hover
{
	background-color: #e5eef7;
	color: #4668be;
}
.ui-table-blue.table-border-rows th, .ui-table-blue.table-border-rows td
{
	border-color: #a8bbc9 transparent;
}
.ui-table-blue.table-border-cols th, .ui-table-blue.table-border-cols td
{
	border-color: transparent #a8bbc9;
}
/* UI 3: Red */
.ui-table-red, .ui-table-red th, .ui-table-red td
{
	border: 1px solid #f99;
}
.ui-table-red th
{
	color: #fff;
	background-color: #f33;
	background-image: -webkit-linear-gradient(top,#f33,#ba0213);
	background-image: -moz-linear-gradient(top,#f33,#ba0213);
	background-image: -ms-linear-gradient(top,#f33,#ba0213);
	background-image: linear-gradient(top,#f33,#ba0213);
}
.ui-table-red.table-hover tr:hover
{
	background-color: #ffe8e8;
	color: #ba0213;
}
.ui-table-red.table-border-rows th, .ui-table-red.table-border-rows td
{
	border-color: #f99 transparent;
}
.ui-table-red.table-border-cols th, .ui-table-red.table-border-cols td
{
	border-color: transparent #f99;
}
/* UI 4: Green */
.ui-table-green, .ui-table-green th, .ui-table-green td
{
	border: 1px solid #acd530;
}
.ui-table-green th
{
	color: #fff;
	background-color: #9c0;
	background-image: -webkit-linear-gradient(top,#9c0,#66ab05);
	background-image: -moz-linear-gradient(top,#9c0,#66ab05);
	background-image: -ms-linear-gradient(top,#9c0,#66ab05);
	background-image: linear-gradient(top,#9c0,#66ab05);
}
.ui-table-green.table-hover tr:hover
{
	background-color: #e4f2bc;
	color: #66ab05;
}
.ui-table-green.table-border-rows th, .ui-table-green.table-border-rows td
{
	border-color: #acd530 transparent;
}
.ui-table-green.table-border-cols th, .ui-table-green.table-border-cols td
{
	border-color: transparent #acd530;
}
/* UI 5: Yellow */
.ui-table-yellow, .ui-table-yellow th, .ui-table-yellow td
{
	border: 1px solid #ffd996;
}
.ui-table-yellow th
{
	color: #fff;
	background-color: #fc3;
	background-image: -webkit-linear-gradient(top,#fc3,#cca329);
	background-image: -moz-linear-gradient(top,#fc3,#cca329);
	background-image: -ms-linear-gradient(top,#fc3,#cca329);
	background-image: linear-gradient(top,#fc3,#cca329);
}
.ui-table-yellow.table-hover tr:hover
{
	background-color: #ffffc0;
	color: #cca329;
}
.ui-table-yellow.table-border-rows th, .ui-table-yellow.table-border-rows td
{
	border-color: #ffd996 transparent;
}
.ui-table-yellow.table-border-cols th, .ui-table-yellow.table-border-cols td
{
	border-color: transparent #ffd996;
}

/***   Tab   ***/
/* The default style */
.ui-tab-title
{
	border-bottom: 1px solid #369;
}
.ui-tab-title li
{
	margin: 0 5px;
	display: inline;
	vertical-align: -8px; *vertical-align:-15px;}
.ui-tab-title li:first-child
{
	margin-left: 20px;
}
.ui-tab-title a
{
	padding: 5px 10px;
	text-decoration: none;
	text-align: center;
	position: relative;
	bottom: -1px; *bottom:0;background:#eee;color:#999;display:inline-block;border-radius:3px3px00;}
.ui-tab-title a:hover, .ui-tab-title a:active
{
	outline: none;
}
.ui-tab-title a:hover
{
	background: #e1e1e1;
	color: #666;
}
.ui-tab-title .current
{
	border: 1px solid #369;
	color: #527599;
	background: #fff;
	border-bottom: 1px solid #fff;
	position: relative;
	bottom: -1px;
}
.ui-tab-title .current:hover
{
	background: #fff;
	color: #527599;
}
.ui-tab-content
{
	display: none;
	border: 1px solid #369;
	border-top: 0;
	padding: 15px 10px 5px;
}
/* UI 2: Grey */
.ui-tab-grey .ui-tab-title
{
	border: 1px solid #999;
	background: #ccc url(../css/images/ui-bg_greylight_cccccc_1x100.png) 50% 50% repeat-x;
	border-radius: 5px 5px 0 0;
}
.ui-tab-grey .ui-tab-title li
{
	margin: 0 2px;
}
.ui-tab-grey .ui-tab-title li:first-child
{
	margin-left: 8px;
}
.ui-tab-grey .ui-tab-title a
{
	padding: 2px 15px;
	color: #666;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: 5px 5px 0 0;
}
.ui-tab-grey .ui-tab-title a:hover
{
	border-color: #c8c8c8;
	background: #e6e6e6 url(../css/images/ui-bg_greylight_e6e6e6_1x400.png) 50% 50% repeat-x;
}
.ui-tab-grey .ui-tab-title a.current
{
	border: 1px solid #999;
	color: #369;
	background: #fff;
	border-bottom: 1px solid #fff;
}
.ui-tab-grey .ui-tab-content
{
	border: 1px solid #999;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
/* UI 3: Black */
.ui-tab-black .ui-tab-title
{
	border-bottom: 3px solid #444;
}
.ui-tab-black .ui-tab-title li
{
	margin: 0 2px;
}
.ui-tab-black .ui-tab-title li:first-child
{
	margin-left: 0;
}
.ui-tab-black .ui-tab-title a
{
	padding: 2px 15px;
	background: #d5d5d5;
	color: #666;
	display: inline-block;
	border: 1px solid #bcbcbc;
	border-bottom: 0;
}
.ui-tab-black .ui-tab-title a:hover
{
	background: #ccc;
	color: #444;
	border: 1px solid #999;
	border-bottom: 0;
}
.ui-tab-black .ui-tab-title a.current
{
	padding-top: 6px;
	border: 1px solid #444;
	color: #fff;
	background: #444;
	border-bottom: 1px solid #444;
}
.ui-tab-black .ui-tab-content
{
	border: 1px solid #444;
	border-top: 0;
	border-radius: 0 0 5px 5px;
}
/* UI 4: Blue */
.ui-tab-blue .ui-tab-title
{
	border-bottom: 3px solid #46637e;
}
.ui-tab-blue .ui-tab-title li
{
	margin: 0 2px;
}
.ui-tab-blue .ui-tab-title li:first-child
{
	margin-left: 15px;
}
.ui-tab-blue .ui-tab-title a
{
	padding: 2px 15px;
	display: inline-block;
	color: #666;
	text-shadow: none;
	border: 1px solid #b7b7b7;
	border-bottom: 0;
	background-color: #ededed;
	background-image: -webkit-linear-gradient(top,#fff,#dcdcdc);
	background-image: -moz-linear-gradient(top,#fff,#dcdcdc);
	background-image: -ms-linear-gradient(top,#fff,#dcdcdc);
	background-image: linear-gradient(top,#fff,#dcdcdc);
}
.ui-tab-blue .ui-tab-title a:hover
{
	background: #ccc;
	color: #444;
	border: 1px solid #999;
	border-bottom: 0;
}
.ui-tab-blue .ui-tab-title a.current
{
	padding-top: 6px;
	border: 1px solid #46637e;
	color: #fff;
	border-bottom: 1px solid #4f708e;
	border-bottom: 1px solid rgba(52,73,94,1);
	background-color: #4f708e;
	background-image: -webkit-linear-gradient(top,#4f708e,#34495e);
	background-image: -moz-linear-gradient(top,#4f708e,#34495e);
	background-image: -ms-linear-gradient(top,#4f708e,#34495e);
	background-image: linear-gradient(top,#4f708e,#34495e);
}
.ui-tab-blue .ui-tab-content
{
	border: none;
}

/***   Tip Message   ***/
.tipmsg-suc, .tipmsg-war, .tipmsg-err, .tipmsg-nor
{
	padding: 0.5em 1em 0.5em 1.1em; *padding:0.7em1em0.3em1.1em;font-style:normal;font-size:12px;color:#fff;border:1pxsolidrgba(0,0,0,.15);border-radius:3px;box-shadow:01px1pxrgba(0,0,0,.2);text-shadow:01px1pxrgba(0,0,0,.4);}
.tipmsg-suc
{
	background: #98c93a;
}
.tipmsg-war
{
	background: #f5c530;
}
.tipmsg-err
{
	background: #ff7f7f;
}
.tipmsg-nor
{
	background: #7fa8f0;
}

/***   Color   ***/
/** Background Color **/
.bg-red
{
	background-color: #ff4444;
}
.bg-pik
{
	background-color: #fa9fca;
}
.bg-org
{
	background-color: #ffa500;
}
.bg-dor
{
	background-color: #ff8c00;
}
.bg-ylw
{
	background-color: #fc3;
}
.bg-gld
{
	background-color: #ffd700;
}
.bg-grn
{
	background-color: #3c3;
}
.bg-lim
{
	background-color: #01ff70;
}
.bg-cyn
{
	background-color: #0cc;
}
.bg-stl
{
	background-color: #4682b4;
}
.bg-blu
{
	background-color: #06c;
}
.bg-nav
{
	background-color: #001f3f;
}
.bg-pur
{
	background-color: #93c;
}
.bg-mar
{
	background-color: #936;
}
.bg-gry
{
	background-color: #ccc;
}
.bg-slv
{
	background-color: #dddddd;
}
.bg-blk
{
	background-color: #111111;
}
.bg-wht
{
	background-color: #fff;
}
.bg-d7
{
	background-color: #d7d7d7;
}
.bg-e9
{
	background-color: #e9e9e9;
}
.bg-f0
{
	background-color: #f0f0f0;
}
.bg-f2
{
	background-color: #f2f2f2;
}
.bg-f5
{
	background-color: #f5f5f5;
}
.bg-f8
{
	background-color: #f8f8f8;
}
/** Font Color **/
.ft-red
{
	color: #ff4444;
}
.ft-pik
{
	color: #fa9fca;
}
.ft-org
{
	color: #ffa500;
}
.ft-dor
{
	color: #ff8c00;
}
.ft-ylw
{
	color: #fc3;
}
.ft-gld
{
	color: #ffd700;
}
.ft-grn
{
	color: #3c3;
}
.ft-lim
{
	color: #01ff70;
}
.ft-cyn
{
	color: #0cc;
}
.ft-stl
{
	color: #4682b4;
}
.ft-blu
{
	color: #06c;
}
.ft-nav
{
	color: #001f3f;
}
.ft-pur
{
	color: #93c;
}
.ft-mar
{
	color: #936;
}
.ft-gry
{
	color: #ccc;
}
.ft-slv
{
	color: #dddddd;
}
.ft-blk
{
	color: #111111;
}
.ft-wht
{
	color: #fff;
}
.ft-g3
{
	color: #333;
}
.ft-g6
{
	color: #666;
}
.ft-g9
{
	color: #999;
}
/** Border Color **/
.bd-red
{
	border: 1px solid #ff4444;
}
.bd-pik
{
	border: 1px solid #fa9fca;
}
.bd-org
{
	border: 1px solid #ffa500;
}
.bd-dor
{
	border: 1px solid #ff8c00;
}
.bd-ylw
{
	border: 1px solid #fc3;
}
.bd-gld
{
	border: 1px solid #ffd700;
}
.bd-grn
{
	border: 1px solid #3c3;
}
.bd-lim
{
	border: 1px solid #01ff70;
}
.bd-cyn
{
	border: 1px solid #0cc;
}
.bd-stl
{
	border: 1px solid #4682b4;
}
.bd-blu
{
	border: 1px solid #06c;
}
.bd-nav
{
	border: 1px solid #001f3f;
}
.bd-pur
{
	border: 1px solid #93c;
}
.bd-mar
{
	border: 1px solid #936;
}
.bd-gry
{
	border: 1px solid #ccc;
}
.bd-slv
{
	border: 1px solid #dddddd;
}
.bd-blk
{
	border: 1px solid #111111;
}
.bd-wht
{
	border: 1px solid #fff;
}
.bd-g3
{
	border: 1px solid #333;
}
.bd-g6
{
	border: 1px solid #666;
}
.bd-g9
{
	border: 1px solid #999;
}

/***   Size   ***/
/** Pixel Size of Width **/
.w0
{
	width: 0;
}
.w20
{
	width: 20px;
}
.w50
{
	width: 50px;
}
.w70
{
	width: 70px;
}
.w100
{
	width: 100px;
}
.w120
{
	width: 120px;
}
.w140
{
	width: 140px;
}
.w160
{
	width: 160px;
}
.w180
{
	width: 180px;
}
.w200
{
	width: 200px;
}
.w220
{
	width: 220px;
}
.w250
{
	width: 250px;
}
.w280
{
	width: 280px;
}
.w300
{
	width: 300px;
}
.w320
{
	width: 320px;
}
.w400
{
	width: 400px;
}
.w480
{
	width: 480px;
}
.w500
{
	width: 500px;
}
.w600
{
	width: 600px;
}
.w700
{
	width: 700px;
}
.w750
{
	width: 750px;
}
.w800
{
	width: 800px;
}
.w960
{
	width: 960px;
}
.w980
{
	width: 980px;
}
/** Pixel Size of height **/
.h0
{
	height: 0;
}
.h14
{
	height: 14px;
}
.h16
{
	height: 16px;
}
.h18
{
	height: 18px;
}
.h20
{
	height: 20px;
}
.h22
{
	height: 22px;
}
.h24
{
	height: 24px;
}
.h30
{
	height: 30px;
}
/** Percent Size of width **/
.pct10
{
	width: 10%;
}
.pct15
{
	width: 15%;
}
.pct20
{
	width: 20%;
}
.pct25
{
	width: 25%;
}
.pct30
{
	width: 30%;
}
.pct33
{
	width: 33.3%;
}
.pct40
{
	width: 40%;
}
.pct50
{
	width: 50%;
}
.pct60
{
	width: 60%;
}
.pct66
{
	width: 66.6%;
}
.pct70
{
	width: 70%;
}
.pct75
{
	width: 75%;
}
.pct80
{
	width: 80%;
}
.pct90
{
	width: 90%;
}
.pct100
{
	width: 100%;
}

/***   CSS reusable   ***/
/** Float **/
.l
{
	float: left;
}
.r
{
	float: right;
}
.cl
{
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}
/** Display **/
.dn
{
	display: none;
}
.db
{
	display: block;
}
.dib
{
	display: inline-block; *display:inline;*zoom:1;}
.di
{
	display: inline;
}
/** Visibility **/
.vh
{
	visibility: hidden;
}
.vv
{
	visibility: visible;
}
/** Position **/
.rel
{
	position: relative;
}
.abs
{
	position: absolute;
}
/** Overflow **/
.ova
{
	overflow: auto;
}
.ovh
{
	overflow: hidden;
}
/** Z-index **/
.zx-1
{
	z-index: -1;
}
.zx1
{
	z-index: 1;
}
.zx2
{
	z-index: 2;
}
/** Margin **/
.mcen
{
	margin-left: auto;
	margin-right: auto;
}
.m0
{
	margin: 0;
}
.m5
{
	margin: 5px;
}
.m10
{
	margin: 10px;
}
.m15
{
	margin: 15px;
}
.m20
{
	margin: 20px;
}
.mt05
{
	margin-top: 5px;
}
.mt10
{
	margin-top: 10px;
}
.mt15
{
	margin-top: 15px;
}
.mt20
{
	margin-top: 20px;
}
.mr05
{
	margin-right: 5px;
}
.mr10
{
	margin-right: 10px;
}
.mr15
{
	margin-right: 15px;
}
.mr20
{
	margin-right: 20px;
}
.mb05
{
	margin-bottom: 5px;
}
.mb10
{
	margin-bottom: 10px;
}
.mb15
{
	margin-bottom: 15px;
}
.mb20
{
	margin-bottom: 20px;
}
.ml05
{
	margin-left: 5px;
}
.ml10
{
	margin-left: 10px;
}
.ml15
{
	margin-left: 15px;
}
.ml20
{
	margin-left: 20px;
}
.mt-1
{
	margin-top: -1px;
}
.mr-1
{
	margin-right: -1px;
}
.mb-1
{
	margin-top: -1px;
}
.ml-1
{
	margin-left: -1px;
}
/** Padding **/
.p0
{
	padding: 0;
}
.p362
{
	padding: 3px 6px 2px;
}
.p05
{
	padding: 5px;
}
.p10
{
	padding: 10px;
}
.p15
{
	padding: 15px;
}
.p20
{
	padding: 20px;
}
.pt05
{
	padding-top: 5px;
}
.pt10
{
	padding-top: 10px;
}
.pt15
{
	padding-top: 15px;
}
.pt20
{
	padding-top: 20px;
}
.pr05
{
	padding-right: 5px;
}
.pr10
{
	padding-right: 10px;
}
.pr15
{
	padding-right: 15px;
}
.pr20
{
	padding-right: 20px;
}
.pb05
{
	padding-bottom: 5px;
}
.pb10
{
	padding-bottom: 10px;
}
.pb15
{
	padding-bottom: 15px;
}
.pb20
{
	padding-bottom: 20px;
}
.pl05
{
	padding-left: 5px;
}
.pl10
{
	padding-left: 10px;
}
.pl15
{
	padding-left: 15px;
}
.pl20
{
	padding-left: 20px;
}
/** Line-height **/
.lh1
{
	line-height: 1;
}
.lh14
{
	line-height: 14px;
}
.lh16
{
	line-height: 16px;
}
.lh18
{
	line-height: 18px;
}
.lh20
{
	line-height: 20px;
}
.lh22
{
	line-height: 22px;
}
.lh24
{
	line-height: 24px;
}
.lh30
{
	line-height: 30px;
}
/** Text-indent **/
.ti1
{
	text-indent: 1em;
}
.ti2
{
	text-indent: 2em;
}
.ti4
{
	text-indent: 4em;
}
.ti6
{
	text-indent: 6em;
}
.ti999
{
	text-indent: -999em;
}
/** Text-decoration **/
.tdl, .tdn:hover
{
	text-decoration: underline;
}
.tdn, .td0, .tdl:hover
{
	text-decoration: none;
}
/** Letter-spacing **/
.ls-1
{
	letter-spacing: -1px;
}
.ls0
{
	letter-spacing: 0;
}
.ls1
{
	letter-spacing: 1px;
}
.ls2
{
	letter-spacing: 2px;
}
/** Font-style **/
.n
{
	font-weight: normal;
	font-style: normal;
}
.b
{
	font-weight: bold;
}
.i
{
	font-style: italic;
}
/** Font-family **/
.ffa
{
	font-family: Arial;
}
.fft
{
	font-family: Tahoma;
}
.ffl
{
	font-family: 'Lucida Console';
}
.ffc
{
	font-family: Consolas;
}
.ffs
{
	font-family: '\5B8B\4F53';
}
/* ËÎÌå */
.ffw
{
	font-family: '\5FAE\8F6F\96C5\9ED1';
}
/* Î¢ÈíÑÅºÚ */
/** Font-size **/
.f0
{
	font-size: 0;
}
.f10
{
	font-size: 10px;
}
.f12
{
	font-size: 12px;
}
.f14
{
	font-size: 14px;
}
.f16
{
	font-size: 16px;
}
.f18
{
	font-size: 18px;
}
.f20
{
	font-size: 20px;
}
.f22
{
	font-size: 22px;
}
.f24
{
	font-size: 24px;
}
.f30
{
	font-size: 30px;
}
/** Text-align **/
.tc
{
	text-align: center;
}
.tr
{
	text-align: right;
}
.tl
{
	text-align: left;
}
.tj
{
	text-align: justify;
}
/** Vertical-align **/
.vm
{
	vertical-align: middle;
}
.vb
{
	vertical-align: bottom;
}
.vtb
{
	vertical-align: text-bottom;
}
.vt
{
	vertical-align: top;
}
.v-2
{
	vertical-align: -2px;
}
/** Cursor **/
.ca
{
	cursor: auto;
}
.cd
{
	cursor: default;
}
.cp
{
	cursor: pointer;
}
.ct
{
	cursor: text;
}
/** White-space **/
.nowrap
{
	white-space: nowrap;
}
/** Word-wrap **/
.bkw
{
	word-wrap: break-word;
}
/** No border **/
.bd0
{
	border: none;
	outline: none;
}
/** Border radius **/
.br2
{
	border-radius: 2px;
}
.br3
{
	border-radius: 3px;
}
.br5
{
	border-radius: 5px;
}
.brc
{
	border-radius: 50%;
}
/* c:circle */
/** Fix **/
.fix
{ *zoom:1;}
.fix:after, .fix:before
{
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.zm
{ *zoom:1;}
.inline-fix
{
	width: 100%;
	height: 0;
	display: inline-block;
	overflow: hidden;
}
