/* LoadaImg */

.ui_title_icon,.ui_btn_close,.ui_btn_max,.ui_btn_min,.ui_btn_restore,.ui_resize,.ui_box_btn,.ui_box_btn2,.ui_btn_small,.ui_btn_small2,
.ui_box_callback_ok,.ui_box_callback_error,.ui_box_callback_tips,
.validate_inputText,.ui_content .ui_tips_close,
.ico_tips,.ico_yes,.ico_error {
	background: url("ico_module.png") no-repeat;
}

/* 
	UI Dialog Style
 */
.ui_dialog_wrap{ }
.ui_dialog{ position: absolute; z-index: 870617; }
.ui_table_wrap { position:  relative; z-index: 10715; }
.ui_title_text, .ui_btns { font-size:14px; }

.ui_td_00, .ui_td_02, .ui_td_20, .ui_td_22 { width:8px; height:8px; }
.ui_border { background-color:#000; filter:alpha(opacity=20); opacity:0.2;}

.ui_btn_close,.ui_btn_max,.ui_btn_min,.ui_btn_restore { position: relative; float: right; margin-top: 8px; margin-left: 10px; padding: 0; width: 12px; height: 12px; line-height: 10px; color: #FFF!important; text-indent: -9em; overflow: hidden; text-align: center; text-decoration: none; cursor: pointer; z-index: 9; }
.ui_btn_min { background-position: -138px -94px; }
.ui_btn_max { background-position: -138px -107px; }
.ui_btn_restore { background-position: -138px -120px; }
.ui_btn_close { background-position: -138px -132px; }

.ui_button_wrap { text-align: right; }
.ui_box_btn{ margin: 5px 10px 5px 0; width: 74px; height: 25px; line-height: 20px; vertical-align: middle; background-position: 0px -30px; border: none; font-size: 14px; color: #fff; font-family: 'Microsoft Yahei',arial,SimSun,sans-serif; cursor:pointer; }
.ui_box_btn_no{ background-position: -76px -30px; }
.ui_btn_small{ width: 50px; height: 25px; line-height: 20px; vertical-align: middle; background-position: 0px -56px; border: none; font-size: 12px; color: #fff; font-family: 'Microsoft Yahei',arial,SimSun,sans-serif; cursor:pointer;}
.ui_btn_small_no{ background-position: -50px -56px; }
.ui_resize { display: none; background-position: -140px -82px; position: absolute; right: 12px; bottom: 12px; width: 10px; height: 10px; z-index: 870614; cursor: se-resize; }

.ui_box_shadow{ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); }
.ui_box_loading{ position: relative; left: 50%; margin: 30px 50px; width: 22px; height: 22px; margin-left: -11px; }
.ui_box_error{ width: 145px; line-height: 50px; padding: 20px 50px; color: #E84901; }
.ui_overlay { position: absolute; background: #000; filter: alpha(opacity=50); opacity: 0.5; width: 100%; left: 0; top: 0; visibility: hidden; z-index: 870616; }
.ui_move_temp { position: absolute; left: 0; top: 0; background:#000; filter:alpha(opacity=20); opacity:0.2; z-index:900000; }

.ui_btn_wrap { position: absolute; right: 0; top: 0; max-width:66px; _width:66px; height: 32px; padding-right: 8px; cursor: default; }
.ui_dialog_min .ui_btn_wrap{ width: 15px; }
.ui_dialog_min .ui_btn_min,.ui_dialog_min .ui_btn_max,.ui_dialog_min .ui_btn_close,
.ui_dialog_restore .ui_btn_restore,.ui_dialog_max .ui_btn_max { display:  none; }
.ui_dialog_min .ui_btn_restore { position: absolute; right: 8px; }

.ui_title { position: relative; height: 100%; text-align: left; z-index: 8; height: 30px; line-height: 30px; padding: 0 70px 0 8px; font-weight: 700; border-style: solid; border-width: 1px; background-color: #409DD6; border-color: #4E84C0 #4E84C0 #333 #4E84C0; box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.2); }
.ui_title_text { position: relative; width: 100%; height: 30px; white-space:nowrap; background: url(about:blank;); color: #fff; }
.ui_dialog_min .ui_title {padding-right: 25px; border-color: #4E84C0; }
.ui_dialog_main { border: 1px solid #333; background: #fff; }
.ui_content {position:relative; color:#666; background-color: #FFF; }
.ui_loading_tip { color:#808080; }
.ui_button_wrap{ border-top: 1px solid #EBEBEB; background-color: #F6F6F6; }

.ui_dialog_theme_gray .ui_title { background-color: #d3d3d3; border-color: #E5E5E5 #E5E5E5 #666 #E5E5E5; }
.ui_dialog_theme_gray .ui_dialog_min .ui_title {padding-right: 25px; border-color: #E5E5E5; }
.ui_dialog_theme_gray .ui_title_text{ color: #333; }
.ui_dialog_theme_gray .ui_dialog_main { border: 1px solid #666; background: #fff; }

/* 
	UI CallBack Style
 */
.ui_box_callback{ padding: 20px 30px; height: 50px; line-height: 50px; }
.ui_box_callback_ok,
.ui_box_callback_error,
.ui_box_callback_tips{ float: left; display: block; width: 46px; height: 50px; margin-right: 10px; display: inline; background-position: 0 -220px; }
.ui_box_callback_tips{ background-position: -50px -220px; }
.ui_box_callback_error{ background-position: -100px -220px; }

/* 
	Validate Style
 */
.ico_tips,.ico_yes,.ico_error{ float: left; width: 12px; height: 14px; display: inline; margin: 2px 5px 0 0; }
.ico_tips{ background-position: -101px -67px; }
.ico_yes{ background-position: -114px -67px; }
.ico_error{ background-position: -127px -67px; }

/* 
	Tips Style
 */
.ui_tips_style_default .ui_arrow,.ui_tips_style_gray .ui_arrow,.ui_tips_style_green .ui_arrow,.ui_tips_style_red .ui_arrow { position: absolute; font: normal 0/9999px serif; overflow: hidden; width: 0; height: 0; z-index: 1; }
.ui_tips_close { position: absolute; right: 5px; top: 5px; width: 9px; height: 9px; text-indent: -9em; overflow: hidden; cursor: pointer; }
.ui_tips_content_detail{ position: relative; zoom: 1; display: inline-block; width: auto!important; width: 200px; min-width: 200px; }

/* 
	Arrow-Top
 */
.arrow-top,.arrow-top-in { border-width: 0 9px 9px; border-style: dashed dashed solid; top: -9px; left: 50%; }
.arrow-top-in { top: -8px; }
/* default */
.ui_tips_style_default .arrow-top,.ui_tips_style_default .arrow-top-in { border-color: transparent transparent #FF9900; }
.ui_tips_style_default .arrow-top-in { border-bottom-color: #ffffee; }
/* Gray */
.ui_tips_style_gray .arrow-top,.ui_tips_style_gray .arrow-top-in { border-color: transparent transparent #FF9900; }
.ui_tips_style_gray .arrow-top-in { border-bottom-color: #F7F7F7; }
/* Gray */
.ui_tips_style_green .arrow-top,.ui_tips_style_green .arrow-top-in { border-color: transparent transparent #66CC01; }
.ui_tips_style_green .arrow-top-in { border-bottom-color: #EEFFEE; }
/* Red */
.ui_tips_style_red .arrow-top,.ui_tips_style_red .arrow-top-in { border-color: transparent transparent #FF0101; }
.ui_tips_style_red .arrow-top-in { border-bottom-color: #FFECEC; }

/* 
	Arrow-Right
 */
.arrow-right,.arrow-right-in { border-width: 9px 0 9px 9px; border-style: dashed dashed dashed solid; top: 50%; right: -9px; }
.arrow-right-in { right: -8px; }
/* default */
.ui_tips_style_default .arrow-right,.ui_tips_style_default .arrow-right-in { border-color: transparent transparent transparent #FF9900; }
.ui_tips_style_default .arrow-right-in { border-left-color: #ffffee; }
/* Gray */
.ui_tips_style_gray .arrow-right,.ui_tips_style_gray .arrow-right-in { border-color: transparent transparent transparent #FF9900; }
.ui_tips_style_gray .arrow-right-in { border-left-color: #F7F7F7; }
/* Gray */
.ui_tips_style_green .arrow-right,.ui_tips_style_green .arrow-right-in { border-color: transparent transparent transparent #66CC01; }
.ui_tips_style_green .arrow-right-in { border-left-color: #EEFFEE; }
/* Red */
.ui_tips_style_red .arrow-right,.ui_tips_style_red .arrow-right-in { border-color: transparent transparent transparent #FF0101; }
.ui_tips_style_red .arrow-right-in { border-left-color: #FFECEC; }

/* 
	Arrow-Bottom
 */
.arrow-bottom,.arrow-bottom-in { border-width: 9px 9px 0; border-style: solid dashed dashed; bottom: -9px; left: 50%; }
.arrow-bottom-in { bottom: -8px; }
/* default */
.ui_tips_style_default .arrow-bottom,.ui_tips_style_default .arrow-bottom-in { border-color: #FF9900 transparent transparent; }
.ui_tips_style_default .arrow-bottom-in { border-top-color: #ffffee; }
/* Gray */
.ui_tips_style_gray .arrow-bottom,.ui_tips_style_gray .arrow-bottom-in { border-color: #AEAEAE transparent transparent; }
.ui_tips_style_gray .arrow-bottom-in { border-top-color: #F7F7F7; }
/* Green */
.ui_tips_style_green .arrow-bottom,.ui_tips_style_green .arrow-bottom-in { border-color: #66CC01 transparent transparent; }
.ui_tips_style_green .arrow-bottom-in { border-top-color: #EEFFEE; }
/* Red */
.ui_tips_style_red .arrow-bottom,.ui_tips_style_red .arrow-bottom-in { border-color: #FF0101 transparent transparent; }
.ui_tips_style_red .arrow-bottom-in { border-top-color: #FFECEC; }

/* 
	Arrow-Left
 */
.arrow-left,.arrow-left-in { border-width: 9px 9px 9px 0; border-style: dashed solid dashed dashed; top: 50%; left: -9px; }
.arrow-left-in { left: -8px; }
/* default */
.ui_tips_style_default .arrow-left,.ui_tips_style_default .arrow-left-in { border-color: transparent #FF9900 transparent transparent; }
.ui_tips_style_default .arrow-left-in { border-right-color: #ffffee; }
/* Gray */
.ui_tips_style_gray .arrow-left,.ui_tips_style_gray .arrow-left-in { border-color: transparent #AEAEAE transparent transparent; }
.ui_tips_style_gray .arrow-left-in { border-right-color: #F7F7F7; }
/* Green */
.ui_tips_style_green .arrow-left,.ui_tips_style_green .arrow-left-in { border-color: transparent #66CC01 transparent transparent; }
.ui_tips_style_green .arrow-left-in { border-right-color: #EEFFEE; }
/* Red */
.ui_tips_style_red .arrow-left,.ui_tips_style_red .arrow-left-in { border-color: transparent #FF0101 transparent transparent; }
.ui_tips_style_red .arrow-left-in { border-right-color: #FFECEC; }

.ui_tips_style_default { border:1px solid #FF9900; background:#ffffee; padding:5px 8px;}
.ui_tips_style_default .ui_tips_close{background-position: -141px -56px;}

.ui_tips_style_gray{border:1px solid #D3D3D3;background:#F7F7F7;padding:5px 8px;}
.ui_tips_style_gray .ui_tips_close{background-position: -101px -56px; }

.ui_tips_style_green{border:1px solid #66CC01;background:#EEFFEE;padding:5px 8px;}
.ui_tips_style_green .ui_tips_close{background-position: -101px -56px; }

.ui_tips_style_red{border:1px solid #FF0101;background:#FFECEC;padding:5px 8px;}
.ui_tips_style_red .ui_tips_close{background-position: -101px -56px; }


/* Themes */
.theme_tab{
	position: relative;
	width: 100%;
	height: 29px;
	line-height: 29px;
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	background: url(ico_module.png) 0 0 repeat-x;
	z-index: 199;
	overflow: hidden;
}
.theme_tab li{
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	border-right:1px solid #ccc;
	cursor: pointer;
}
.theme_tab li.current{
	background: url(ico_module.png) 0 -270px repeat-x;
	font-weight: bold;
}
.theme_style_box{
	border: 1px solid #ccc;
}
.theme_background_box{
	position: relative;
	width: 345px;
}
.theme_background_box_header{
	position: relative;
	height: 42px;
	background: #fff;
	padding: 8px;
	border: 1px solid #ccc;
}

.theme_background_box_header .validate_inputText,
.theme_background_box_header .inputSubmit,
.theme_background_img_box_border,
.theme_background_img_seting{
	float:left;
}
.theme_background_box_header .inputSubmit{
	margin-left: 8px;
	display: inline;
	font-size: 12px;
}
.theme_background_tips{
	clear: both;
	height: 18px;
	line-height: 22px;
	overflow: hidden;
}
.theme_background_img_wrap{
	position: relative;
	border: 1px solid #ccc;
	border-top: none;
	padding: 8px;
}
.theme_background_img_box_border {
	position: relative;
	border: 2px solid #80C1D7;
	padding: 3px;
	width: 150px;
	height: 100px;
}
.theme_background_img_box{
	width: 150px;
	height: 100px;
	background: url(background_default.png) no-repeat;
	overflow: hidden;
}

.theme_background_img_remove{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 13px;
	height: 13px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(ico_module.png) -115px -80px no-repeat;
}
.theme_background_img_seting {
	float: right;
	width: 150px;
	margin-left:10px;
	display: inline;
}
.theme_background_repeat{
	height:18px;
	line-height: 18px;
}
.theme_background_color {
	margin-top: 5px;
}
.theme_background_color_input {
	width: 50px;
}
.theme_background_position {
	width:123px;
	height: 28px;
	line-height: 28px;
	margin: 8px 0;
	border: 1px solid #999;
	border-right: none;
	background: #e84901;
	overflow: hidden;
}
.theme_background_position a {
	float: left;
	width: 40px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #999;
}
.theme_background_position a.select{
	background: url(ico_module.png) 0 0 repeat-x;
	color:#000;
	border-right: 1px solid #666;
}
.theme_background_tips .ico_tips,
.theme_background_tips .ico_yes,
.theme_background_tips .ico_error{
	float: left;
	width:12px;
	height:14px;
	margin: 4px 3px 0 0;
	display: inline;
	overflow: hidden;
}

.theme_background_btn{ text-align: center; }


.cr{
	vertical-align: middle;
	margin-bottom:1px;
	margin-top:-2px;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.hide{ display: none; }
.z{ zoom: 1; }
