@charset "utf-8";
* {
	margin:0px;
	padding:0px
}
body {
	background:#fff;
	color:#383838;
	font-size:12px;
	font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	font-weight:normal;
    /*color: rgb(51, 51, 51);*/
}
li {
	list-style:none;
	line-height:26px;
}
a {
	color:#005f86;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
h1 {
	font-size:30px;
}
h2 {
	font-size:15px;
}
h3 {
	font-size:13px;
}
h4 {
	font-size:12px;
}
.IP_LEFT{
width:23px;
height:16px;
text-align:center;
border-right-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
border-left:1px solid #7F9DB9;
padding:2px 1px;/*Firefox支持，IE支持*/
*padding:2px 2px;/*IE6 IE7支持，FF不支持*/
padding:2px 2px\9;/*IE8支持,FF不支持*/
}
.IP_SIGN{
border-left-style:none;
border-right-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
padding:2px 0px;
width:8px;
height:16px;
background-color:#FFFFFF;
text-align:center;
}

.IP_MIDDLE{
width:23px;
height:16px;
text-align:center;
border-right-style:none;
border-left-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
padding:2px 1px 2px 0px;
}
.IP_RIGHT{
width:23px;
height:16px;
text-align:center;
border-left-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
border-right:1px solid #7F9DB9;
padding:2px 2px 2px 0px;
}


.MAC_LEFT{
width:34px;
height:16px;
text-align:center;
border-right-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
border-left:1px solid #7F9DB9;
padding:2px 1px;/*Firefox支持，IE支持*/
*padding:2px 2px;/*IE6 IE7支持，FF不支持*/
padding:2px 2px\9;/*IE8支持,FF不支持*/
}
.MAC_SIGN{
border-left-style:none;
border-right-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
padding:2px 0px;
width:8px;
height:16px;
background-color:#FFFFFF;
text-align:center;
}

.MAC_MIDDLE{
width:33px;
height:16px;
text-align:center;
border-right-style:none;
border-left-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
padding:2px 1px 2px 0px;
}
.MAC_RIGHT{
width:34px;
height:16px;
text-align:center;
border-left-style:none;
border-bottom:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
border-right:1px solid #7F9DB9;
padding:2px 2px 2px 0px;
}
/*---------------公用-----------------------------*/
/*modify by yongwenbing*/
div.tabHead {
	background-color:#F0F8FF;
	width:100%;
	height:28px;
}
div.tabHead ul li {
	background:url(flow_ra2.gif) no-repeat 0px -36px;
	font-weight:bold;
	margin-right:2px;
	padding-left:3px;
	float:left
}
div.tabHead ul li a {
	background:url(flow_ra2.gif) no-repeat right top;
	display:inline-block;
	padding:0px 8px;
	text-align:center;
	line-height: 28px;
	height:28px;
}
div.tabHead ul li.selected {
	background:url(flow_ra.gif) no-repeat 0px -36px;
}
div.tabHead ul li.selected a {
	background:url(flow_ra.gif) no-repeat right top;
	color:#FFFFFF;
}
tr.oddline {
	background:#f7f7f7;
}
tr.evenline {
	background:#ffffff;
}
button {
	background:#ECF0FB;/*#cce3fa*/
	color:#333;
	text-align:center;
	border:1px solid #adadad;
	height:26px;
	margin:2 0px;
	line-height:20px;
	width:60px;
	cursor:pointer;
	vertical-align:middle;
}
button:hover{
	border:1px solid  #186DAB;
}
.cfgTab {
	border-collapse:collapse;
	border:1px solid #b1ccdf;
	color:#3c3c3c;
	table-layout:fixed;
	background:#FFF;
	margin:0px 0px;
	width:100%;
}
.cfgTab tr {
	height:26px;
	text-align:left;
}
.cfgTab hr {
	height:1px;
	color:#b1ccdf;
}

.cfgTab td {
	height:26px;
	text-align:left;
	padding:0px 4px;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break: break-all;
}
.flatL {
	height:20px;
	width:120px;
	font-size:12px;
	color:#383838;
	vertical-align:middle;
}
.flatS {
	height:22px;
	width:124px;
	padding-top:2px;
	font-size:12px;
	color:#383838;
	vertical-align:middle;
}
.headline {
	margin-top:5px;
	height:25px;
	border:1px solid #b1ccdf;
	padding:6px 0px 0px 6px;
	margin-bottom:-1px;
	font-size:13px;
}

/***表格**/
.flow_table {
	border-collapse:collapse;
	border:1px solid #b1ccdf;
	color:#3c3c3c;
	table-layout:fixed;
	background:#FFF;
	width:100%;
}
.flow_table th {
	border:#b1ccdf;
	border-right:1px solid #bfbfbf;
	padding:0px 4px;
	text-align:left;
	background-color:#e6f2fb;
	height:28px;
	font-weight:bold;
	color:#3c3c3c;
}
.flow_table td {
	border:1px solid #dbe3eb;
	height:24px;
	text-align:left;
	padding:0px 4px;
	text-overflow:ellipsis;
	overflow:hidden;
	word-break: break-all;
}
.flow_table td.center, .flow_table th.center {
	text-align:center
}
.flow_table th.left {
	text-align:left;
}

.flow_table td a {
	cursor:pointer;
}
.flow_table tbody tr td img {
	cursor:pointer;
}
.flow_table td a:hover, .flow_table td a:hover strong {
	text-decoration:underline
}

.flow_table tfoot tr td {
	background:none #e6f3fc;
	border:0px solid #dbe3eb;
}
.flow_table tfoot tr td a {
	cursor:pointer;
	color:#045d85;
	padding:0 3px;
}

tfoot td.left {
	text-align:left;
	padding-top:0px !important;
	padding-top:2px;
	padding-left:0px;
}
tfoot td.right {
	text-align:right;
}
/***表格结束**/

/**TAB*/
.tab {
	background:url(tab_bg.gif);
	height:34px;
	padding-top:4px;
}
.tab li {
	background:url(tab_item.gif) no-repeat;
	float:left;
	margin-left:0px;
	margin-right:4px;
	height:34px;
	overflow:hidden;
	font-size:14px;
	font-weight:bold;
	display:inline;
}
.tab li a {
	background:url(tab_right.gif) no-repeat right top;
	display:inline-block;
	height:34px;
	text-align:center;
	padding:0px 22px;
	line-height:34px;
	word-break:keep-all;
	white-space:nowrap;
}
.tab .selected {
	background:url(tab_item.gif) no-repeat 0px -37px;
}
.tab .selected a {
	background:url(tab_sele_right.gif) no-repeat right top;
}
/**TAB 结束*/
/*end modify by yongwenbing*/

h2.tab{font-size:14px; color:#005f86; line-height:30px; padding-left:20px; text-align: left}

/***带三角型提示***/
.tip {
	position:absolute;
	border:1px solid #a3b8cd;
	background:#FFF;
	padding:1px;
	z-index:10000
}
.tip span.arrows {
	position:absolute;
	top:-9px;
	left:40px;
	background:url(button_icon.gif) no-repeat 0px -267px;
	width:18px;
	height:10px
}
.tip p, .tip ul {
	padding-top:5px;
	background:#e0f7ff;
	padding-left:5px;
	line-height:19px;
}

button.edit, button.delete, button.ok {
	background:url(button_icon.gif) no-repeat 7px -92px;
	width:30px;
	height:23px;
	overflow:hidden;
	border:medium none
}
button.ok {
	background-position:0px -167px;
}
button.delete {
	background-position:0px -130px;
	width:22px;
	border:none
}

button.button_bsim, button.button_bdeep {
	background:#ECF0FB;
	color:#333;
	text-align:center;
	border:1px solid #adadad;
	margin-right:5px;
	overflow:visible;
	padding:3px 10px;
	*padding:2px 10px;
	*margin-left:6px;
}
button.button_bdeep {
	background:#aed2f6;
}
/**蓝**/
button.button_blue {
	height:26px;
	border:1px solid #fff;
	border-bottom: 1px solid #b5b5b5;
	vertical-align:middle;
	border-right: 1px solid #b5b5b5;
	color:#FFF;
	background:#1b72af;
	overflow:visible;
	padding:0px 15px;
}

.noem {
	color:#e74411 !important
}

.none {
	display:none;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
*zoom:1
}
.disable, input.disable {
	color:#8a8a8a !important;
}
input.disable {
	border: 1px solid #b6b6b6;
	height:21px !important;
}
input{ 
	/*border: 1px solid #7F9DB9;*/
	/*background:expression((this.disabled && this.disabled==true)?"#EBEBE4":"")*/
}
input.disable_color{ 
 	border: 1px solid #7F9DB9;
	background:expression((this.disabled && this.disabled==true)?"#EBEBE4":"")
}

.unbottom {
	border-bottom:none !important;
}

.root_box {
	border:1px solid #adadad;
	border-top:none;
	padding:5px;
	text-align:left;
}
.illustrate {
	background:#fff5d7;
	color:#333333;
	line-height:22px;
	padding:8px
}
.illustrate strong {
	color:#ff6600
}

.default-value {
	color:#B0ACAA
}
fieldset {
/*	margin:10px;
	text-align:center;
	margin:5px 15px;*/
	border:1px solid #ddd;
	border-radius:5px 5px 5px 5px;
}
legend {
	margin-left: 5px;
	color: black;
}
.dybutton {
	background: url("flowset.gif") no-repeat scroll -161px -275px #F2F2F2;
	border: 1px solid #DDDDDD;
	height: 30px;
	margin-top: 2px;
	overflow: hidden;
	width: 80px;
	font-size:12px;
}
.dybutton:hover{
	border:2px solid  #186DAB;
}
select:focus,input:focus
{
	/*border:solid 2px #186DAB;*/
}
/***窗口向导**/
.flow_window {
	position:absolute;
	z-index:10000;
	padding:27px 7px 36px 5px;
	width:598px;
	height:332px;
	background:url(flow_window_top.gif) #b9dff2 repeat-x;
	border:1px solid #94aad3;
	top:100px;
	left:300px;
	_padding:27px 5px 35px 5px;
}
.flow_window_title {
	position:absolute;
	top:0px;
	left:0px;
	font-size:12px;
	font-weight:bold;
	color:#21262c;
	padding-left:8px;
	padding-top:2px !important;
	padding-top:3px;
}
.flow_window .close {
	position:absolute;
	right:5px;
	/*right:10px !important;
	right:-2px;*/
	top:4px;
	background:url(flowset.gif) no-repeat -169px -6px;
	width:35px;
	height:20px;
}
.flow_window .close_hover {
	background-position: -212px -6px;
}
.flow_window .content {
	width:100%;
	height:100%;
	border:1px solid #96a8d0;
	background:#FFF
}
.flow_window .form {
	float:left;
	height:100%;
	width:100%;
	overflow:auto
}
.flow_window .form .form_ul {
	margin-top:10px;
	/*font-size:14px;*/
	/*line-height:26px;*/
	border-bottom:dashed 1px #aeaeae
}
.flow_window .form button.thre_set {
	width:85px;
	overflow:hidden;
	height:22px;
	border:1px solid #dddddd;
	background: url(flowset.gif) no-repeat -160px -71px #f2f2f2;
	text-indent:16px;
	margin-top:2px;
	line-height:19px;
	font-size:12px;
	float:right;
}
.flow_window .form button.thre_open {
	background: url(flowset.gif) no-repeat -160px -124px #f2f2f2;
}
.flow_window .thre_ul {
	display:none;
	width:100%
}
.flow_window .bottom_20 {
	padding-bottom:20px
}
.flow_window .flow_setin {
	padding-top:10px;
}
.flow_window .form .vlan {
	border-bottom:none;
	margin-top:20px;
}
/*.flow_window .form .vlan input, .flow_window .tsname input {
	width:240px
}*/
.flow_window .nav {
	float:right;
	border-left:solid 1px #bfd0da;
	width:95px;
	height:100%;
	background:#f2fafc;
	_margin-left:-3px
}
.nav ul li {
	background:url(flowset.gif) no-repeat -12px -3px;
	margin-left:1px;
	text-indent:26px;
	height:51px;
	width:93px;
	font-size:14px;
	color:#1e2223;
	line-height:51px;
	border-bottom:solid 1px #c4cfd5;
	cursor:pointer
}
.nav ul li.selected {
	background:url(flowset2.gif);
	font-weight:bold;
	color:#FFF
}
.nav ul li.set1 {
	background-position: -12px -3px;
}
.nav ul li.set2 {
	background-position: -12px -55px;
}
.nav ul li.set3 {
	background-position: -12px -108px;
}
.nav ul li.set4 {
	background-position: -12px -162px;
}
.nav ul li.set5 {
	background-position: -12px -214px;
}
.nav ul li.set6 {
	background-position: -12px -268px;
}
.nav ul li.set7 {
	background-position: -12px -323px;
}
.nav ul li.set8 {
	background-position: -12px -377px;
}
.flow_window .foot {
	position:absolute;
	left:0px;
	bottom:0px;
	background:url(flow_window_foot.gif) repeat-x;
	height:29px;
	width:100%;
	padding-top:5px;
}
.flow_window .foot button {
	/*background:url(flowset.gif) no-repeat -167px -34px;*/
	text-align:center;
	float:left;
	width:60px;
	margin-left:5px;
}

/**Iframe当浮动层背景*/
.iframe_bg {
	position:absolute;
	z-index:-1;
	width:1000px;
	height:1000px;
	top:0px;
	left:0px;
	scrolling:no;
}

button.fp_add_button{ background:url(vip_bg.gif) no-repeat 2px -193px; font-size:14px; overflow:visible; padding:2px 5px 0px 30px; margin-right:30px; height:24px; color:#1b62a4; margin-top:5px; margin-bottom:5px; border:medium none; width:auto;}
.red{color:#ff0000;}
.gray{color:#adadad;}
.placeholder {
	position: relative;
	display:inline;
	zoom:1
}
.placeholder label {
	height: 28px;
	line-height: 28px;
	color: #999;
	position: absolute;
	top: 0;
	cursor: text;
	margin-left: 5px;
}