/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #4E6CA3;
}

.css_right {
	float: right;
}

.css_left {
	float: left;
}

.demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

#demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}

#dt_example code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	padding: 2px 4px !important;
	white-space: nowrap;
	font-size: 0.9em;

	color: #D14;
	background-color: #F7F7F9;

	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

 /* show small dialog 2013-05-09*/
.showWindowSmall ul li {
    border: 0;
    list-style-type: none;
    margin: 0;
    padding: 4px;
    line-height: 20px;
}

    .showWindowSmall ul li label {
        float: left;
        color: #666;
        width: 30%;
    }

    .showWindowSmall ul li input, select {
        padding: 3px;
		font-family:Verdana;
    }

.pass {
    background-color: Darkgreen;
    color: #fff !important;
    border: 1px solid #e1e1e1;
}

.ng {
    background-color: Darkred;
    color: #fff !important;
    border: 1px solid #e1e1e1;
}

 /*upload img 2013-04-02*/
.upselect{ clear:both; margin:10px auto auto 10px; }
.upselect dl dt,.upselect dl dd{ float:left; line-height:200%; }
.swfupload{vertical-align:top;}
.upload_btn{ display:inline; padding:4px 0 3px 5px; *padding:0 0 0 5px; border:1px solid #d7d7d7; background:url(../images/upbtn_bg.gif) repeat-x left 1px; color: #707070; cursor:pointer; overflow:hidden; vertical-align:middle; }
.upselect dl dd label{margin-left:10px;padding:7px 0 0; color:#717171; line-height:200%;}
.pic{float:left;/*width:65px;height:90px;*/margin-right:10px;text-align:center}
.pic img{border:3px #efefed solid; cursor:pointer; width:100px; height:100px;}
.pic img.current{border:3px #f60 solid}

#show_list{margin:0; padding:0;}
#show_list ul{ margin:0; list-style:none; }
#show_list ul li{ float:left; margin-right:10px; text-align:center; *width:111px;}
#show_list ul li .img_box{ margin:5px 5px 5px auto; position:relative; width:100px; height:100px; overflow:hidden; border:3px #efefed solid; cursor:pointer; }
#show_list ul li .img_box.current{ border:3px #f60 solid }
#show_list ul li .img_box img{ width:100px; height:100px; opacity:1; }
#show_list ul li .img_box .remark{ top:80px; left:0px; margin:0; padding:3px 2px; position:absolute; display:block; width:96px; height:94px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; font-family:"微软雅黑"; }
#show_list ul li .img_box .remark:hover{ top:0px; }
#show_list ul li .img_box .remark i{ color:#fff; font-style:normal; position:relative; line-height:16px; }
#show_list ul li a{ padding-right:1em; }
input[type="button"],input[type="submit"]{ height: 23px;padding:0px 5px 5px 5px; font-family:Verdana; background-color:#545454; border-radius:10px; border:none; color:#fff; cursor:pointer; vertical-align:top; margin:0 5px 5px 0px; }
input[type="text"]{ height: 16px;padding:0px 5px 5px 5px; font-family:Verdana; border:#999999 solid 1px; background:#fff url(../images/bg_input_text.gif) repeat-x 0 0; }
select{ border:#999999 solid 1px; padding:1px; vertical-align:middle;}


.txtInput{ margin-right:5px; padding:0 3px 0 3px; height:22px; line-height:22px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-size:12px; font-family:'微软雅黑'; }
/*file容器样式*/
a.files{ margin:0 auto; float:left; width:52px; height:22px; overflow:hidden; display:block; border:1px solid #d7d7d7; background:url(../images/upfile_bg.gif) left top no-repeat;text-decoration:none; }
/*file设为透明，并覆盖整个触发面*/
a.files input{ margin-left:-270px; font-size:24px; cursor:pointer; filter:alpha(opacity=0); opacity:0; }
/*取消点击时的虚线框*/
a.files, a.files input{ outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ }
.uploading{ float:left; background:url(../images/loading2.gif) no-repeat left center; padding-left:18px;display:none; line-height:24px; height:24px; color:#333; }
.uploadbox{ color:#000; font-family:"微软雅黑"; width:400px; margin:0 auto; padding:10px 10px 0; text-align:left; }
	.uploadbox .tips{ color:#666; margin:15px 0; }
	.uploadbox input.normal{ vertical-align:middle; }
.list_photo{ margin:10px auto; padding:5px 5px 10px; background:#fffcf3; border:1px solid #fde4c7; }
	.list_photo ul{ margin:0 auto; }
	.list_photo ul li{ float:left; width:50px; height:50px; margin:5px; padding:1px; background:#fff; border:1px solid #ccc; overflow:hidden; cursor:pointer; }
	.list_photo li.selected{ border:2px solid #F60; padding:0; }
    .order_table{ border:0px solid #e1e1e1; width: 100%}
	.order_table th{ padding:3px 10px 3px; background:#a5a5a5; text-align:left; white-space:nowrap; word-break:keep-all; }
	.order_table td{ padding:4px 10px 4px; white-space:nowrap; word-break:keep-all; }
	.order_table td.col{ padding-left:28px; }
    .attach_list{clear:both;}
	.attach_list ul li{position:relative; margin:5px 20px auto auto; padding:2px 3px 2px 23px; line-height:20px; border:1px solid #DEEFF3; background:url(../images/icon_attach.png) no-repeat 3px 4px;}
	.attach_list ul li span{ margin-right:20px; }
	.attach_list ul li b.close{position:absolute; display:block; text-indent:-9999px; top:5px; right:3px; cursor:pointer; width:13px; height:13px; background:url(../images/icon_del2.gif) no-repeat left top;}
	.attach_list ul li .input2{ padding:1px; width:45px; height:16px; line-height:16px; text-align:center; background:#FAFAFA; border:1px solid #D7D7D7; ime-mode:Disabled; vertical-align:middle; font-family:'微软雅黑'; }
	.attach_list ul li a.upfile{ display:inline-block; vertical-align:middle; width:50px; height:18px; font-size:12px; border:1px solid #06C; border:1px solid #d7d7d7; background:url(../images/upfile_bg.gif) left -50px no-repeat; text-decoration:none; overflow:hidden;}
	.attach_list ul li a.upfile input{ margin:auto auto auto -270px; font-size:20px; cursor:pointer; filter:alpha(opacity=0); opacity:0; }
	.attach_list ul li a.upfile,.attach_list ul li a.upfile input{ outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ }
	.attach_list ul li .uploading{ background:url(../images/loading2.gif) no-repeat left center; padding-left:18px; display:none; line-height:20px; height:20px; color:#333; }
    
    .alink { color: blue;text-decoration: underline;}
    .alink:visited{ color:blue;text-decoration: underline;}
    .alink:hover{ color:#ff6600;text-decoration: underline; }

    .jPaginate{height:34px;position:relative;color:#a5a5a5;font-size:small;width:100%;}
.jPaginate a{line-height:15px;height:18px;cursor:pointer;padding:2px 5px;margin:2px;float:left;}
.jPag-control-back{position:absolute;left:0px;}
.jPag-control-front{position:absolute;top:0px;}
.jPaginate span{cursor:pointer;}
ul.jPag-pages{float:left;list-style-type:none;margin:0px 0px 0px 0px;padding:0px;}
ul.jPag-pages li{display:inline;float:left;padding:0px;margin:0px;}
ul.jPag-pages li a{float:left;padding:2px 5px;}
span.jPag-current{cursor:default;font-weight:normal;line-height:15px;height:18px;padding:2px 5px;margin:2px;float:left;}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{margin:2px 0px 2px 2px;font-size:18px;width:15px;text-align:right;}
span.jPag-snext,
span.jPag-snext-img{margin:2px 2px 2px 0px;font-size:18px;width:15px;text-align:right;}
ul.jPag-pages li span.jPag-previous-img{background:transparent url(../images/previous.png) no-repeat center right;}
ul.jPag-pages li span.jPag-next-img{background:transparent url(../images/next.png) no-repeat center left;}
span.jPag-sprevious-img{background:transparent url(../images/table/sprevious.png) no-repeat center right;}
span.jPag-snext-img{background:transparent url(../images/table/snext.png) no-repeat center left;}

/*  custom css 2013-09-06 by cyw  */
.available-Yes{text-align:center; color:#fff;background: DarkGreen; border: 1px solid #e1e1e1}
    .available-No{text-align:center; color:#fff;background:DarkRed; border: 1px solid #e1e1e1}
    .red{color:red}
/*  custom css 2013-09-06 by cyw  */