@import url(reset.css);


/*清除浮动*/


.clear{clear:both;font-size:0px;}





.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


.clearfix{display:inline-block;}


*html .clearfix{height:1%;}


.clearfix{display:block;}


.d_ib{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}





/*a的四种状态*/


a:link,a:visited{text-decoration:none; color:#0072bd;}


a:hover{text-decoration:underline;}


a:active{}





/*字体颜色*/


.f_red{color:#c53630;}


.f_gray{color:#d0d0d0;}


.f_blue{color:#0072bd;}





/*字体大小*/


.f_12{font-size:12px;}


.f_14{font-size:14px;}


.f_16{font-size:16px;}


.f_18{font-size:18px;}





/*水平对齐方式*/


.t_l{text-align:left;}


.t_c{text-align:center;}


.t_r{text-align:right;}





/*首字符缩进*/


.t_i{text-indent:2em;}


.t_n{text-indent:0;}





/*定位*/


.p_a{position:absolute;}


.p_r{position:relative;}





/*浮动*/


.f_l{float:left;}


.f_r{float:right;}





/*块元素水平居中*/


.m_c{margin:0 auto;}





/*字体形式*/


.f_b{font-weight:bold;}


.f_n{font-weight:normal;}





/*边框*/


.b_s{border:1px solid #ccc;}


.b_s_t{border-top:1px solid #ccc;}


.b_s_r{border-right:1px solid #ccc;}


.b_s_b{border-bottom:1px solid #ccc;}


.b_s_l{border-left:1px solid #ccc;}


.b_d{border:1px dashed #ccc;}


.b_d_r{border-right:1px dashed #ccc;}


.b_d_rl{border:1px dashed #ccc;}


.b_n{border:0;}





/*页面信息*/


body{font-size:12px;font-family:Microsoft Yahei;color:#333;}





/*icon begin*/


.icon_16{display:inline-block;*display:inline;*zoom:1;cursor:pointer;width:16px;height:16px;background:url(icons_16x16.png) no-repeat;vertical-align: middle;}


.icon_16.i160101{background-position:0 0}


.icon_16.i160101.up{background-position:-16px 0}


.icon_16.i160103{background-position:-32px 0;position:absolute;top:5px;right:0}





.icon_24{width:24px;height:24px;background:url(icons_24x24.png) no-repeat;vertical-align:middle;}


.icon_24.i240101{background-position:0 0;cursor:pointer;display: block;float: right;}





.icon_32{width:32px;height:32px;background:url(icons_32x32.png) no-repeat;vertical-align:middle;}


.icon_32.i320101{background-position:0 0;}


.icon_32.i320102{background-position:-32px 0;}


.icon_32.i320103{background-position:-64px 0;}


.icon_32.i320104{background-position:-96px 0;border:none;cursor:pointer;}





.icon_48{width:48px;height:48px;background:url(icons_48x48.png) no-repeat;vertical-align:middle;}


.icon_48.i480101{background-position:0 0;border:none;cursor:pointer}


/*icon end*/





/*button begin*/


.btn{background:url(buttons.png) no-repeat; height:37px;width:113px;border:none;cursor:pointer;}


.btn.b1{background-position:0 0;}


.btn.b1:hover{background-position:-120px 0;}


.btn.b2{background-position:0 -50px;}


.btn.b2:hover{background-position:-120px -50px;}


.btn.b3{background-position:0 -100px;}


.btn.b3:hover{background-position:-120px -100px;}


.btn.b4{background-position:-240px 0;}


.btn.b5{background-position:0 -150px;}


.btn.b5:hover{background-position:-170px -150px;}





.btn_page{background:url(buttons_pagelist.png) no-repeat;cursor:pointer;}


.btn_page.bp1,.btn_page.bp2,.btn_page.bp1:hover,.btn_page.bp2:hover{width:53px;height:19px;display:inline-block;*display:inlinne;*zoom:1;vertical-align:middle}


.btn_page.bp1{background-position:0 0;}


.btn_page.bp1:hover{background-position:-55px 0;}


.btn_page.bp2{background-position:0 -30px;}


.btn_page.bp2:hover{background-position:-55px -30px;}


.btn_page.bp3,.btn_page.bp3:hover{width:41px;height:21px;border:none;}


.btn_page.bp3{background-position:0 -60px;}


.btn_page.bp3:hover{background-position:-43px -60px;}





/*button end*/





/*module begin*/


/*弹出框*/


.ui_box{font-size:12px;}


.ui_box .ui_title{padding-bottom:8px;border-bottom:1px dashed #ddd; height: 25px;}


.ui_box .ui_title h3{color:#3476cd;font-size:16px;font-weight:bold;float:left}


.ui_box .ui_title span.closeBox{float:right}


.ui_box .ui_body{margin-top:20px}


.ui_box .ui_footer{margin-top:30px}


.ui_box .ui_footer .btn{color:#fff;font-size:16px;font-weight:bold;}


.ui_box .ui_footer .action.hidden{visibility:hidden;}


/*host*/


#ui_box_host table{width:694px;line-height:33px;}


#ui_box_host table th,#ui_box_host table td{border:2px solid #fff;text-align:center;}


#ui_box_host table th{background-color:#d4effc;width:20%;}


#ui_box_host table td{color:#999;background-color:#f4fbfe;padding:30px 10px;line-height:20px}


#ui_box_host table td.conf ul{text-align:left}


#ui_box_host table td.org{color:#F58220;font-size:16px;font-weight:bold;}

.options_chost ,#ui_import_key ,#ui_creat_key{display: none;}
.ui_body .ui_left{
	float: left;
	width: 330px;
	font-size: 14px;
}
.ui_body .ui_right{
	font-size: 14px;
	float: left;
	width: 330px;
}
.ui_body .ui_right p{
	margin: 5px 0;
}
.ui_body .ui_left label{
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}
.ui_body .ui_left input{
	background: url(../images/cloud_icons.png) no-repeat;
	width: 236px;
	height: 29px;
	line-height: 29px;
	border: none;
	background-position: -188px -83px;
}
/*下拉框*/


.ui_select{position:relative;height:26px;outline:none;color:#666}


.ui_select .caption{border:1px solid #ddd;height:24px;line-height:24px;color:#666;padding-right:16px}


.ui_select .ui_select_options{display:none;position:absolute;top:25px;left:0;z-index: 999;border:1px solid #ddd}


.ui_select .ui_select_option{background: none repeat scroll 0 0 #FFFFFF;display: block;height: 24px;line-height: 24px;text-align:left;color:#999;text-decoration: none;}


.ui_select .ui_select_option:hover{background-color:#3474cc;color:#fff}


/*module end*/