body {width:100%;height:100%;background:#f3f3f3;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
a:link,a:visited {color:#575757;text-decoration:none;}
a:hover {color:#898989;text-decoration:underline;}
a:active {color:#cdcdcd;}
p,pre,form,ol,.nav ul,table {line-height:1.2;margin:0 0 1em;color:#333;}
tr,th,td,li {line-height:1.5;text-align:left;vertical-align:middle;}
th[rowspan] {vertical-align:top;!important}
b,strong {font-weight:bold;}
h1,h2,h3,h4 {color:#575757;margin:0 0 0.5em;}
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
input[type='checkbox'],input[type='radio'],select {cursor:pointer;}
input[type='file'] {border-style:solid;border-width:thin;border-color:#777;margin-left:.5em;}
table,tr,th,td,thead,tbody,tfoot {margin:0;padding:0;background:none;border:none;border-spacing:0;}
table {width:100%;padding:0 .5em .5em;bcolor:#575757;position:relative;}
thead:before, thead:after {content:'';position:absolute;top:0;left:0;width:6px;height:24px;background:#575757;}
thead.box:before, thead.box:after {height:26px;}
thead:after {left:auto;right:0;}
thead tr {background:#575757;color:#fff;}
th {font-weight:bold;}
th,.cont td {padding:.25em .5em;}
.pad02501 th,.cont td {padding:.25em .1em;}
table.striped tbody tr:nth-child(odd) {background:#fff;}
tbody tr.off {color:#898989;}
tbody tr.fail {color:#4040a8;background-color:#ff4e4e!important;}
.cont {width:1080px;margin:0 auto;position:relative;}
.center {text-align:center;}
.green {color:#27af44;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.clear:before,.clear:after {content:'';display:table;clear:both;}
.grid {margin-left:-30px;}
.grid>* {margin:1em 0;padding-left:30px;}
.single {width:100%;clear:both;}
.triple {width:33.333333%;}

.quad {width:25%;}
.dual,.triple,.quad {float:left;}
.triple input {float:right;margin-right:9em;}
.quad input {float:right;margin-right:4em;}
.rel {position:relative;}
.box {background:#eee;}
.box,.imgc {-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.1);}
.popup {-webkit-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.5);-moz-box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.5);box-shadow: 6px 6px 6px 2px rgba(0,0,0,0.5);}
.btn, a.btn {padding:.15em 1em 0;display:inline-block;color:#fff;font-size:12px;text-align:center;background:transparent;line-height:1.5;border:1px solid #fff;text-transform:uppercase;cursor:pointer;margin-left:.5em;}
.btn.off {cursor:not-allowed;color:#878787;border-color:#878787;text-decoration:none;}
.btn>.ic {width:16px;height:16px;margin:0 .5em 0 -.5em;float:left;background-image:url('/img/btn.png');}
.btn>.save {background-position:0 -16px;}
.btn>.back {background-position:-16px -16px;}
.btn.off>.fwd {background-position:-32px -32px;}
.btn>.fwd {background-position:-32px -16px;}
.btn.off:hover>.fwd {background-position:-32px -32px;}
.btn>.reset {background-position:-48px -16px;}
.btn>.del {background-position:-112px -16px;}
.btn-group {height:33px;background:#575757;padding:0.5em 1em;}
.btn.tab {background:#878787;}
fieldset>.grid {width:100%;margin:0;display:inline-block!important;}
fieldset>.grid>div {margin:.5em 0;padding:0 1em;}
.nav {list-style-type:none;margin:0;padding:0;}
.ic,li .dd {width:16px;height:16px;margin-top:2px;display:inline-block;background-image:url('/img/ctr.png');background-repeat:no-repeat;}
.ic.lockgrey {background-position:0 -32px;}
.ic.lockwhite {background-position:0 -48px;}
.ic.lock {background-position:0 -16px;}

a.act>.lock {background-position:0 -32px;}
.ic.status {background-position:-16px -16px;}
.ic.statusred {background-position:-16px -80px;}
a.act>.status {background-position:-16px -32px;}
.ic.chain {background-position:-32px -16px;}
.ic.chainwhite {background-position:-32px -48px;}
.ic.chainred {background-position:-32px -80px;}
a.act>.chain {background-position:-32px -32px;}
.ic.dot {background-position:-48px -16px;}
a.act>.dot {background-position:-48px -32px;}
.ic.edit {background-position:-64px -16px;}
a.act>.edit {background-position:-64px -32px;}
.ic.view {background-position:-80px -16px;}
a.act>.view {background-position:-80px -32px;}
.view.pwd{ margin:0 0 2px 0.5em;}
.ic.hide {background-position:-224px -16px;}
a
.hide.pwd{ margin:0 0 2px 0.5em;}
.ic.power {background-position:-96px -16px;}
.ic.powerorange {background-position:-96px 0;}
.ic.powerwhite {background-position:-96px -48px;}
a.act>.power {background-position:-96px -32px;}
.ic.power2 {background-position:-112px -16px;}
a.act>.power2 {background-position:-112px -32px;}
.ic.delete {background-position:-128px -16px;}
a.act>.delete {background-position:-128px -32px;}
.ic.help {background-position:-144px -16px;}
a.act>.help {background-position:-144px -32px;}
.ic.magnifier {background-position:-160px -16px;}
a.act>.magnifier {background-position:-160px -32px;}
.ic.load {background-position:-176px -16px;}
a.act>.load {background-position:-176px -32px;}
.ic.shieldwhite {background-position:-192px -48px;}
.ic.shield {background-position:-192px -16px;}
a.act>.shield {background-position:-192px -32px;}
.ic.eject {background-position:-208px -16px;}
a.act>.eject {background-position:-208px -32px;}
.icl {width:24px;height:18px;margin-right:.5em;display:inline-block;background-image:url('/img/lgs.png');background-repeat:no-repeat;}
.icl.de {background-position:0 0;}
.icl.en {background-position:0 -18px;}
.icl.fr {background-position:0 -36px;}
.icl.es {background-position:0 -54px;}
.icl.it {background-position:0 -72px;}
.icl.pt {background-position:0 -90px;}
.icl.jp {background-position:0 -108px;}
.icl.cn {background-position:0 -126px;}
.icl.zh {background-position:0 -144px;}
.icl.kr {background-position:0 -162px;}
.nav>li .ic {width:20px;height:20px;margin-right:.5em;background-image:url('/img/nav.png');}

.nac {width:20px;height:20px;display:inline-block;margin-left:0.5em;background-image:url('/img/nav.png');}
.nac.open{background-position:-140px -40px}
.nac.close{background-position:-120px -40px}
.ic.home                  {background-position:0 -20px;}
.nav>li>a:hover>.home     {background-position:0 -40px;}
.ic.network               {background-position:-20px -20px;}
.nav>li>a:hover>.network  {background-position:-20px -40px;}
.ic.devices               {background-position:-40px -20px;}
.nav>li>a:hover>.devices  {background-position:-40px -40px;}
.ic.security              {background-position:-60px -20px;}
.nav>li>a:hover>.security {background-position:-60px -40px;}
.ic.maintenance           {background-position:-80px -20px;}
.nav>li>a:hover>.maintenance {background-position:-80px -40px;}
.ic.sitemap               {background-position:-100px -20px;}
.nav>li>a:hover>.sitemap {background-position:-100px -40px;}
.wfl {width:30px;height:30px;display:inline-block;background-color:transparent;background-image:url('/img/wifilevel.png');background-repeat:no-repeat;}
.wfl.l0 {background-position:0 0;}
.wfl.l2 {background-position:-30px  0;}
.wfl.l4 {background-position:-60px  0;}
.wfl.l6 {background-position:-90px  0;}
.wfl.l8 {background-position:-120px 0;}
.wfl.l1 {background-position:-150px 0;}
.wfl.wstat {margin: 0 0 -8px 48px;}
.wfl.tab {margin: -3px 0 -3px 4px;}
.ics {width:32px;height:32px;display:inline-block;background-color:#fff;background-image:url('/img/act.png');background-repeat:no-repeat;}
.ics.power {background-position:0 -32px;}
.ics.wifi {background-position:-128px -32px;}
.ics.shield {background-position:-64px -32px;}
.ics.help {background-position:-96px -32px;background-color:transparent;}
.ics.power.act   {background-position:    0  0;}
.ics.network.act {background-position:-32px  0;}
.ics.network     {background-position:-32px -32px;}
.ics.network.car {background-position:-32px -64px;}
.ics.shield.act  {background-position:-64px  0;}
.ics.wifi.act    {background-position:-128px 0;}
.bline .ics {float:right;margin:-2px 0 0 2px;}
.bline {padding:6px 12px;background:#898989;}
.bline h2 {margin:0;color:#fff;display:inline-block;align-items:center;}
.bline>a {float:right;padding:.5em;}
.bline>.info {font-weight:bold; font-size:medium; color:white;}
.hline {margin-top:32px;border-bottom:1px solid #575757;}
.hline .ics {margin-right:.5em;margin-bottom:.25em;line-height:32px;float:left;text-align:center;color:#fff;}
.hline .right>a {display:inline-block;}
.fline {background:#fff;}
.fhead>.left {margin-right:2em;}
.fhead>.left>label {cursor:pointer;}
.fhead p {margin-bottom:0;color:#fff;}
.fcont {padding:1em;background:#eee;color:#575757;}
.fsect fieldset {margin-top:1em;border:none;}
.fsect legend {color:#575757;font-weight:bold;padding-bottom:1em;}
.fsect legend.special {line-height:20px;}
.fsect form>fieldset {margin:0 0 1em;padding:0;}
.fsect form>fieldset>legend {width:100%;padding:.25em 1em;background:#fff;margin-bottom:10px;}
.fsect fieldset.inner {margin:1em 0;padding:0 2em 2em 1em;border-bottom:5px solid #fff;}
.fsect fieldset.inner:last-of-type {border-bottom:none;}
.fsect fieldset>div, .fgroup {padding:.25em 0;display:flex;align-items:center;vertical-align:middle;}
.fgroup label {padding:0 .25em;}
.fgroup label~input {margin-left:.5em;}
.dual .fgroup label~input {margin:0;}
.fgroup {margin-bottom:.25em;}
.fgroup.space {padding:0 5em;}
.fgroup.space6 {padding:0 6em;}
.fsect .indent {margin-left:192px;}
.fsect p.note, .fcont p.note {margin:2px 0 4px 212px;font-size:.9em;color:#333;}
.fsect p.none, .fcont p.none {display:none;}
.fsect p.hint {margin:0 2em;font-size:.9em;}
.fcont p.err {color:#c00d0e;font-weight:bold;}
.block {display:block!important;}
.block label {float:none;display:inline-block;margin:.25em 0;padding:0;width:auto;text-align:left;}
.popdown {padding:0!important;position:relative;}
.popdown>.goto {padding:.5em 1em;display:inline-block;}
.popdown.act>.goto:hover>.ic.edit {background-position:-64px -32px;}
.popup.top {top:100%;}
.popup.bot {bottom:100%;}
.popdown.act>.popup {display:block;}
.popup fieldset {padding:0 0 1.5em;border:none;}
.popup label {width:105px;display:inline-block;}
.popup input {width:225px;}
.popup select {max-width:225px;}
.popup input~.btn{background:#333;}
.popup .btn-group {margin:-.75em;background:#878787;text-align:center;}
.m-2 {margin:2em;}
.my-2 {margin:2em 0;}
.mx-2 {margin:0 2em;}
.mt-2 {margin-top:2em;}
.mt-7 {margin-top:7em!important;}
.mr-2 {margin-right:2em;}
.mb-2 {margin-bottom:2em;}
.ml-2 {margin-left:2em;}
.m-1 {margin:1em;}
.my-1 {margin:1em 0;}
.mx-1 {margin:0 1em;}
.mt-1 {margin-top:1em;}
.mt4  {margin-top:4px;}
.mr-0   {margin-right:0;}
.mr-1   {margin-right:1em;}
.mr-2   {margin-right:2em;}
.mb-1   {margin-bottom:1em;}
.ml-1   {margin-left:1em;}
.ml-2   {margin-left:2em;}
.m-0    {margin:0 0;}
.mt-0   {margin-top:0;}
.mb-0   {margin-bottom:0!important;}
.mb--20 {margin-bottom:-20px!important;}
.mb--5  {margin-bottom:-5px;}
.ml-0   {margin-left:0;}
.ml-17  {margin-left:17px;}
.ml-140 {margin-left:140px;!important}
.ml-183 {margin-left:183px;}
.ml-32  {margin-left:32px;}
.p-2 {padding:2em;}
.py-2 {padding:2em 0;}
.px-2 {padding:0 2em;}
.pt-2 {padding-top:2em;}
.pr-2 {padding-right:2em;}
.pb-2 {padding-bottom:2em;}
.pl-2 {padding-left:2em;}
.p-1 {padding:1em;}
.py-1 {padding:1em 0;}
.px-1 {padding:0 1em;}
.pt-1 {padding-top:1em;}
.pr-1 {padding-right:1em;}
.pb-1 {padding-bottom:1em;}
.pl-1 {padding-left:1em;}
.p-0 {padding:0;}
.pt-0 {padding-top:0;}
.pr-0 {padding-right:0;}
.pb-0 {padding-bottom:0;}
.pl-0 {padding-left:0;}
.h26  {height:26px;}
#header {width:100%;height:100px;background:#fff;}
#header .cont {height:100%;border-bottom:1px solid #575757;}
#header .dongleserver {position:absolute;top:32px;left:0;}
#header .logo {position:absolute;right:0;bottom:12px;}
#header .head_text {position:absolute;bottom:13px;left:0;font-size:10px;}
#header .osrc_text {position:absolute;bottom:2px;left:0;font-size:10px;}
#header .title {display:inline-block;margin:42px 0 0 262px;}
#header .logout {position:absolute;top:4px;right:0;font-size:10px;}
#wrapper {margin:0 auto;padding:0;}
#left {width:220px;height:100%;padding:18px 0 48px;float:left;}
#left .imgc {width:100%;margin-top:14px;padding:1em .5em;background:#fff;text-align:center;}
#left .imgc>img {display:inline-block;}
#left .imgc>span {display:block;}
#left .copyright {position:absolute;bottom:0;left:0;font-size:10px;}
#nav {margin-top:1em;}
#nav>li {border-bottom:1px solid #575757;font-size:1.5em;line-height:2.5;text-transform:uppercase;position:relative;}
#nav>li>a:hover {color:#878787;}
#nav>li>.dd {cursor:pointer;content:'';position:absolute;top:10px;right:0px;background-position:-140px -40px;}
#nav>li a:hover {text-decoration:none;}
#nav>li>ul {display:none;}
#nav>li>ul.act {display:block;}
#nav>li>ul>li {list-style:none;font-size:0.8em;font-weight:bold;text-transform:none;}
#nav>li>ul>li>a {padding:0 0.9em;display:block;}
#nav>li>ul>li>a:hover {background-color:#cdcdcd;}
#nav>li>ul>li.act>a {color:#878787;background-color:#eee;}
#nav>li.act>.dd            {background-position:-120px -40px;}
#content {width:830px;float:right;}
#lang {display:inline-block;position:relative;z-index:9;}
#lang>.nav {display:none;position:absolute;top:100%;left:-38px;padding:.5em .75em;border:1px solid #fff;background-color:#333;white-space:nowrap;}
#lang:hover>.nav {display:block;}
#lang>.nav a {color:#fff;}
#lang span.lang {;text-transform:uppercase;}
#fake {display:none!important;}

/*
 * the rest are SEH/ms specifics
 *
 */

fieldset .btn-group {padding:0.5em 1em!important;background:#777777;display:block!important;}
table .btn-group {padding:3px;background:#777777;display:block!important;float:right;}
.btn>.lens   {background-position:-80px -16px;}
.btn>.downld {background-position:0 -16px;}
.btn>.upld   {background-position:-96px -16px;}
.btn.off>.upld {background-position:-96px -32px;}
.btn.off:hover>.upld {background-position:-96px -32px;}
.btn>.up    {background-position:-64px -16px;}

.fsect label {width:200px;margin-right:1em;padding-left:.5em;float:left;text-align:right;position:relative;}
label.long {width:220px;}
.dual {width:49%;}
.dual label {width:130px;}
.dual>.box {width:100%;}
.fsect .box>fieldset>legend {width:100%;padding:4px;background:#fff;margin-bottom:6px;}

.horr {display:flex; align-items:center;}
.horre {display:flex; align-items:end!important;}

tr.clickable{cursor: pointer;}
tr.clickable:hover{background-color: #F9E3BE;}
td.clickable{cursor: pointer;}
span.clickable{cursor: pointer;}
table.striped ul {
    margin: 0;
    padding: 0 0 0 3px;
    list-style-type: none;
}

table.striped tbody {vertical-align:top;font-size:12px;}

span.flash {
	background-image: url(/img/flash.png);
    background-position: center -2px;
	float:  right;
    width:  12px;
	height: 22px;
    margin-left: 10px;
}
td input, td a span {margin-left:-1px;}
div.buttons {
    float:  left;
    width:  100px;
}
div.butt {
    float:  left;
    width:  48px;
}
legend div {
    display:flex;
    align-items:center;
}
.inner legend div {
    margin:-4px;
}

.single .single {
    width: 92%;
    margin-left: 4%;
}
.hinfo {
    text-shadow: 3px 3px 6px #777;
    color: darkred;
    padding-right: 16px;
    font-size: 18px;
    margin: 22px 0 12px 0;
}
div.shorti {
    width:  14%;
	float:  left;
}
span.shorti {
    width:   62%;
	padding: 0 0 0 5px;
}
.popup .btn-group {padding:0; margin: 0 0 8px 0; text-align:left; font-size:14px;}
.popup fieldset>div {margin-bottom:6px;}
.popup .btn {margin-left:0;}

.weekly {align-items:center;}
.popup .weekly input{width:10px;margin-left:0;}

.info li {font-size:14px;text-decoration:none;list-style-type: none;}

div tr.coloridle0 {
	background-color: #000040;
    color:            #ffffa2;
    font-size:        12px;
    }
div tr.coloridle1 {
	background-color: #000040;
    color:            #ffd700;
    font-size:        12px;
    }
div tr.mavail {
	background-color: #000040;
    color:            #dda0dd;
    font-size:        12px;
    }
div tr.mfree {
	background-color: #000040;
    color:            #9400d3;
    font-size:        12px;
    }
div tr.tcpu {
	background-color: #000040;
    color:            #ed4a01;
    font-size:        12px;
    }
div tr.tbox {
	background-color: #000040;
    color:            #d2691e;
    font-size:        12px;
    }
div tr.tbx2 {
	background-color: #000040;
    color:            #ff8c00;
    font-size:        12px;
    }
div tr.tbx3 {
	background-color: #000040;
    color:            #e5c504;
    font-size:        12px;
    }
div tr.pg1 {
	background-color: #000040;
    color:            #99ff66;
    font-size:        12px;
    }
div tr.pg2 {
	background-color: #000040;
    color:            #50bb11;
    font-size:        12px;
    }
div tr.pg3 {
	background-color: #000040;
    color:            #068c32;
    font-size:        12px;
    }
div tr.pg4 {
	background-color: #000040;
    color:            #006622;
    font-size:        12px;
    }
div tr.dtaI {
	background-color: #000040;
    color:            #d3d3d3;
    font-size:        12px;
    }
div tr.dtaO {
	background-color: #000040;
    color:            #696969;
    font-size:        12px;
    }
pre {
    font-size:        12px;
    white-space:      pre-wrap;       /* css-3 */
    white-space:     -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space:     -pre-wrap;      /* Opera 4-6 */
    white-space:     -o-pre-wrap;    /* Opera 7 */
    word-wrap:        break-word;       /* Internet Explorer 5.5+ */
}

#sitemap>li>a {font-variant:small-caps;}
.ckbx  {margin: 0 4px 0 213px;}
.ckbxi {margin: 0 4px 0 223px;}
.special input {margin-right:6px;}
.buttons input[type='radio'] {margin:0 6px 0 0;}
.zwei>div {float:left;margin:0 60px 0 40px;}
.zwei6>div {float:left;margin:0 10px 0 20px;}
.zwei>p   {margin-left:40px;}
.solo>.btn {background-color:#777777;}
.weekly>input {margin:0 2px 0 10px;}
.red {color:#a60303;}


fieldset[disabled=''] .btn {cursor:not-allowed;}

div.text {margin-left:1em;}
div.text ul {padding-left:1em;}

input[type=password]::-ms-clear, input::-ms-reveal {
    display: none;
}