html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; font-size: 13px; font-family: "Microsoft YaHei UI","Microsoft YaHei","微软雅黑", sans-serif;}
body{ overflow:auto; background-color:#ffffff}

a{color:#666666;}
a:link{ text-decoration:none;}
a:active{text-decoration:underline;color:Orange;}
a:visited{ text-decoration:none; color:#dcdcdc;}
a:hover{ text-decoration:underline;color:Orange;}

/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled, textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { padding: 2px; margin: 0; line-height: 15px; font-size: 13px; border-style: solid; border-width: 1px;border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF; }
.textInput{ height:20px;}
input.gray, textarea.gray { color: gray; }
select { border: 1px solid; border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0; }

/*ds-background-color*/
.ds-bg-yellowish{ background-color:#e5d47a}
.ds-bg-yellowish:hover{ background-color:#f8e581}
.ds-bg-green{ background-color:#12ab3f}
.ds-bg-orange{ background-color:#fc9550}
.ds-bg-red{ background-color:#ea3933}
.ds-bg-azure{ background-color:#27b1ce}
.ds-bg-bloodOrange{ background-color:#f36e21}
.ds-bg-yellowish{ background-color:#e5d47a}
.ds-bg-darkGray{ background-color:#b2b2b2}
.ds-bg-gray{ background-color:#d3d3d3}


@keyframes redLight {
    from {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
    50% {background-color: #ff0000;-webkit-box-shadow:0 0 5px #ff0000;}
    to {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
}
@keyframes greenLight {
    from {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
    50% {background-color: #1ffe60;-webkit-box-shadow:0 0 5px #1ffe60;}
    to {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
}
@keyframes orangeLight {
    from {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
    50% {background-color: #ff9000;-webkit-box-shadow:0 0 5px #ff9000;}
    to {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
}
@-moz-keyframes redLight {
    from {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
    50% {background-color: #ff0000;-webkit-box-shadow:0 0 5px #ff0000;}
    to {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
}
@-moz-keyframes greenLight {
    from {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
    50% {background-color: #1ffe60;-webkit-box-shadow:0 0 5px #1ffe60;}
    to {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
}
@-moz-keyframes orangeLight {
    from {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
    50% {background-color: #ff9000;-webkit-box-shadow:0 0 5px #ff9000;}
    to {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
}
@-webkit-keyframes redLight {
    from {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
    50% {background-color: #ff0000;-webkit-box-shadow:0 0 5px #ff0000;}
    to {background-color: #b20000;-webkit-box-shadow:0 0 1px #b20000;}
}
@-webkit-keyframes greenLight {
    from {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
    50% {background-color: #1ffe60;-webkit-box-shadow:0 0 5px #1ffe60;}
    to {background-color: #12ab3f;-webkit-box-shadow:0 0 1px #12ab3f;}
}
@-webkit-keyframes orangeLight {
    from {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
    50% {background-color: #ff9000;-webkit-box-shadow:0 0 5px #ff9000;}
    to {background-color: #bb6a01;-webkit-box-shadow:0 0 1px #bb6a01;}
}

/*ds-icon*/
.ds-icon-report{width:22px;height:22px; background-image:url('images/ui-icon.png'); background-position:0px 0px;}
.ds-icon-location{width:18px;height:18px; background-image:url('images/ui-icon.png'); background-position:-20px 0px;}
.ds-icon-eye{width:27px;height:21px; background-image:url('images/ui-icon.png'); background-position:-40px 0px;}
.ds-icon-tabs-arrow{width:10px;height:7px; background-image:url('images/ui-icon.png'); background-position:-74px 0px;}
.ds-icon-table-voice{width:20px;height:20px; background-image:url('images/ui-icon.png'); background-position:-90px 0px;}
.ds-icon-table-lightning{width:20px;height:20px; background-image:url('images/ui-icon.png'); background-position:-111px 0px;}

/*ds-button*/
.ds-button{padding:0px 13px 0px 13px;width:auto; cursor:pointer;height:35px; line-height:35px;
           -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ds-button ins{ display:inline-block; vertical-align:middle;}
.ds-button span{display:inline-block;margin-left:1px;font-size:16px; color:White;}

/*ds-location*/
.ds-location{height:35px; line-height:35px; vertical-align:middle;}
.ds-location ins{float:left; display:inline-block;margin-top:7px;margin-right:5px;}
.ds-location .ds-location-container{float:left;}
.ds-location label{float:left;color:#000000}
.ds-location .ds-date{float:right;color:#000000}

/*ds-portal*/
.ds-portal{ background-color:White; border:#e7e7e7 1px solid; padding:10px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.ds-portal .ds-portal-head{height:30px; line-height:30px; vertical-align:middle}
.ds-portal .ds-portal-head .ds-title{float:left;}
.ds-portal .ds-portal-head .ds-title ins{float:left;margin-top:5px;margin-right:5px;}
.ds-portal .ds-portal-head .ds-title span{float:left;color:#333333;font-size:16px; font-weight:bold; overflow:hidden;height:30px;}
.ds-portal .ds-portal-head .ds-tabs{float:right}
.ds-portal .ds-portal-body{ position:relative;}
/*ds-tabs*/
.ds-tabs{ position:relative;}
.ds-tabs ins{ position:absolute;left:50px; bottom:-6px; width:10px;height:6px; display:inline-block;}
.ds-tabs ul{ list-style:none; overflow:hidden;margin:0px;padding:0px;}
.ds-tabs ul li{float:left;padding:2px 8px 2px 8px;height:23px;margin-left:1px;line-height:23px; cursor:pointer; vertical-align:middle; min-width:100px; background-color:#e9e9e9;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.ds-tabs ul li label{float:left;color:#4f4f4f;font-size:14px;}
.ds-tabs ul li span{float:right;padding:2px 5px 2px 5px; margin-top:1px; background-color:#d4d4d4;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;height:16px; line-height:16px;}
.ds-tabs ul li:hover{ background-color:#d5d5d5}
.ds-tabs ul li:hover label{ font-weight:bold;}
.ds-tabs ul li:hover span{ background-color:#f36e1f}
.ds-tabs ul li.selected{background-color:#d5d5d5}
.ds-tabs ul li.selected label{font-weight:bold;}
.ds-tabs ul li.selected span{background-color:#f36e1f}
/*ds-charts*/
.ds-charts{ width:100%;float:left;}

/*ds-table*/
.ds-table{width:100%;}
.ds-table tr:hover{ background-color:#ffffff}
.ds-table td{height:25px; line-height:25px;font-size:12px; vertical-align:middle; cursor:pointer;  background-color:#f8f8f8;color:#3b3b3b; text-align:left; border-top:#ffffff 1px solid; border-bottom:#ffffff 1px solid;}
.ds-table td ins{ display:inline-block;margin-right:3px; vertical-align:middle;margin-bottom:1px;}
.ds-table td span{ display:inline-block;vertical-align:middle;}
.ds-table td.hover{ background-color:#e3e3e3; color:#eb3937}
.ds-table td.alert{ color:red}
.ds-table-large{}
.ds-table-large th{ height:30px; line-height:30px;}
.ds-table-large td{ text-align:center;height:30px; line-height:30px;}

/*ds-masklayer*/
.ds-masklayer{display: block; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=25); background: #cfcfcf; position: absolute; top: 0px; left: 0; z-index:9998;}
.ds-progressBar-circle{display: block; width: 0px; height: 28px; position: fixed; top: 50%; left: 50%; margin-left: -25px; margin-top: -26px; 
                padding: 10px 10px 10px 42px; text-align: left; line-height: 27px; position: absolute; z-index: 9999;
                background:#333333 url(images/progressBar_m.gif) no-repeat 10px 10px; background-color:transparent;}
/*ds-progressBar*/
.ds-progressBar{ background-color:#999999;height:5px;display:block; clear:both;}
.ds-progressBar-value{ background-color:#00ccff; width:20%;height:100%; }

/*ds-sidebar*/
.ds-sidebar-s{ display: none; width: 24px; position: absolute; top: 0; left: -50px; z-index: 21; }
.ds-sidebar{width: 210px; position: absolute; top: 0; left: 0px; z-index: 20; overflow: hidden; background-color:#858d9a}
.ds-sidebar .ds-toggleCollapse div { background:url(images/toggleSidebar.png) no-repeat;}
.ds-sidebar .ds-toggleCollapse { border-style:solid; border-width:0px 0px 0 0px; border-color:#b8d0d6; background-color:#858d9a;display: block; overflow: hidden; height: 30px; background-repeat: repeat-x; }
.ds-sidebar .ds-toggleCollapse h2 { color:#ffffff;float: left; padding-left: 12px; line-height: 30px;}
.ds-sidebar .ds-toggleCollapse div { float: right; display: block; overflow: hidden; width: 30px; height: 30px; text-indent: -100px; background-position: 100% -45px; cursor: pointer; }
.ds-sidebar .ds-toggleCollapse div:hover { background-position: 100% -95px; }

.ds-sidebar .ds-accordion .ds-accordionHeader,.ds-sidebar .ds-accordion .ds-accordionHeader h2,.ds-sidebar .ds-accordion .ds-accordionHeader h2 span { color:#ffffff; background:url(images/accordion.png);}
.ds-sidebar .ds-accordion { border-color:#b8d0d6; background-color:#858d9a;display: block; border-style: solid; border-width: 0px 0px 0 0px; overflow-y:auto;overflow-x:hidden;}
.ds-sidebar .ds-accordion .ds-accordionHeader { background-color:#eaf4ff;display: block; overflow: hidden; background-repeat: repeat-x; background-position:0px 0px; cursor: pointer;}
.ds-sidebar .ds-accordion .ds-accordionHeader h2 { display: block; overflow: hidden; padding: 0 20px 0 5px; height: 40px; line-height: 40px; text-align: left; font-size:14px; }
.ds-sidebar .ds-accordion .ds-accordionHeader h2 span { float: left; display: block; overflow: hidden; text-indent: -1000px; width: 30px; height: 40px; }
.ds-sidebar .ds-accordion .ds-accordionContent { background-color:#ffffff; border-color:#b8d0d6;display: none; overflow-y: hidden;overflow-x:hidden; border-style: solid; border-width: 0 0 0px 0; }

.ds-sidebar  .ds-accordion .ds-accordionHeader.hover { background-position: 0 -40px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader.selected222 { background-position: 0 -470px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 { background-repeat: no-repeat; background-position: 100% -80px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2.extend { background-position:100% -166px;}
.ds-sidebar  .ds-accordion .ds-accordionHeader.hover h22222 { background-position: 100% -75px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader .ds-collapsable { background-position: 100% -100px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader.hover .ds-collapsable222 { background-position: 100% -125px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 span.charts { background-position: 0px -254px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 span.exchange { background-position: -1px -299px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 span.ad { background-position: 0px -339px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 span.dhcp { background-position: 0px -379px; }
.ds-sidebar  .ds-accordion .ds-accordionHeader h2 span.dns { background-position: 0px -420px; }

/*ds-dialog*/
.ds-dialog{ display:none}

/*ds-form*/
.ds-form{}
.ds-form p{ display:inline-block;height:30px; line-height:30px; min-width:380px; vertical-align:middle}
.ds-form p label{min-width:100px; text-align:left; color:Black; display:inline-block}
.ds-form p span{ display:inline-block;color:Black;}

/*ds-title-bar*/
.ds-title-bar{height:37px; line-height:37px; vertical-align:middle; background-color:#f4f4f4}
.ds-title-bar ins{width:3px;height:100%;line-height:100%;float:left;}
.ds-title-bar label{ float:left; font-size:17px; line-height:100%;margin-left:20px;margin-top:10px; font-weight:bold; }
.ds-title-bar .ds-search{float:left;margin-top:3px;}

/*ds-search*/
.ds-search{}
.ds-search p{float:left; padding:0px;margin:0px;margin-right:20px;height:30px;line-height:30px; vertical-align:middle;}
.ds-search p label{ font-weight:normal; font-size:14px;height:30px;line-height:100%; position:relative;top:-2px;}
.ds-search p input{}

/*ds-input-box*/
/*.ds-input-box{ display:inline-block;*display:inline;*zoom:1; background-color:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#d0d0d0 1px solid; height:38px; line-height:38px; position:relative; vertical-align:middle;margin-bottom:15px;}
.ds-input-box label{ position:absolute;left:10px;height:38px;font-size:14px; line-height:38px;color:#cccccc; z-index:1px; cursor:text;}
.ds-input-box input{width:260px;padding:10px 4px 10px 8px; border:0px; outline-style:none; outline-width:medium; font-size:14px;color:#333333}
.ds-input-box span{ position:absolute;left:283px;top:-1px;height:38px; z-index:999; line-height:38px; vertical-align:middle; white-space:nowrap;}
.ds-input-box span.error{ display:inline-block;*display:inline;padding:0px 10px 0px 28px; color:#cc0000; background-image:url(images/error.gif); background-repeat:no-repeat; background-position:5px center; background-color:rgb(255, 234, 234); border:#e5c3c4 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ds-input-box span.warn{ display:inline-block;*display:inline;padding:0px 10px 0px 10px; color:#666666; background-color:rgb(254, 255, 229); border:#f9f2a7 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ds-input-box span.ok{ display:inline-block;*display:inline;padding:0px 10px 0px 10px; color:#ffffff; background-color:rgb(132,186,68); border:rgb(99,151,78) 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.ds-input-box span.hide{ display:none;}*/

/*ds-passwordrank*/
.ds-passwordrank{ display:inline-block;*display:inline;*zoom:1px;height:6px; line-height:6px; width:100px; background-color:#dcdcdc}
.ds-passwordrank .line{height:6px;line-height:6px;}
.ds-passwordrank .line.red{ background-color:Red;width:33%;}
.ds-passwordrank .line.orange{ background-color:Orange;width:66%;}
.ds-passwordrank .line.green{ background-color:Green;width:100%;}