* {padding: 0;margin: 0;}
body, html {width: 100%;height: 100%; overflow-y: hidden;}
body
{
font-family: "Arial","sans-serif";
font-size: 12px;
text-align: left;
line-height: 1.6em;
}
body.accessibility-size0 {font-size: 12px;}
body.accessibility-size1 {font-size: 13px;}
body.accessibility-size2 {font-size: 14px;}
body.accessibility-size3 {font-size: 15px;}
body.accessibility-size4 {font-size: 16px;}
div.fixed
{
position:fixed !important;
position: absolute;
z-index:100;
}
a { outline:none;text-decoration:underline; cursor: pointer;}
a:focus { text-decoration:underline;}
a:hover { outline:none;text-decoration:none;}
a:visited {outline:none;text-decoration:underline;}
a img { border:0px; }
input {outline: none;}
input[type="submit"]:focus,input[type="image"]:focus, input[type="reset"]:focus, input[type="button"]:focus{outline:none; text-decoration:underline;}
select{outline: none;}
img{
text-decoration: none;
-moz-user-select:none;
outline: none;
-webkit-user-select: none;
}
tooltip {
display: none !important;
}
ul
{
clear:both;
display:block;
position:relative;
list-style-position: outside;
list-style-type:none;
list-style:none;
-webkit-padding-start: 0px;
overflow: hidden;
}
li
{
display:block;
position: relative;
height:auto;
width:auto;
}
span
{
display: inline;
}
div
{
display: block;
position: relative;
overflow: hidden;
}
div.hr
{
margin-top: 3px;
margin-bottom: 7px;
height: 1px;
line-height: 1px;
border-bottom: solid 1px #d5d5d5;
}
div.hr-orange
{
border-bottom: none;
background-repeat: repeat-x;
}
div.hr-vmenu
{
margin-top: 6px;
margin-bottom: 7px;
height: 2px;
line-height: 2px;
border-bottom: solid 2px #FF6600;
}
div.icons-leds {width:20px; height:20px;line-height:10px;}
div.icons-leds-gray {background-image:url("../img/icons-leds-gray.png");}
div.icons-leds-black {background-image:url("../img/icons-leds-black.png");}
div.icons-leds-blue {background-image:url("../img/icons-leds-blue.png");}
div.icons-leds-red {background-image:url("../img/icons-leds-red.png");}
div.icons-leds-red-alternative-1 {background-image:url("../img/icons-leds-red-alternative-1s.gif");}
div.icons-leds-red-alternative-5 {background-image:url("../img/icons-leds-red-alternative-5s.gif");}
div.icons-leds-green {background-image:url("../img/icons-leds-green.png");}
div.icons-leds-green-alternative-1 {background-image:url("../img/icons-leds-green-alternative-1s.gif");}
div.icons-leds-green-alternative-5 {background-image:url("../img/icons-leds-green-alternative-5s.gif");}
div.icons-leds-orange {background-image:url("../img/icons-leds-orange.png");}
div.icons-leds-orange-alternative-1 {background-image:url("../img/icons-leds-orange-alternative-1s.gif");}
div.icons-leds-orange-alternative-5 {background-image:url("../img/icons-leds-orange-alternative-5s.gif");}
div.icons-leds-small {width:10px; height:10px;line-height:10px;}
div.icons-leds-small-red {background-image:url("../img/icons-leds-small-red.png");}
div.icons-leds-small-green {background-image:url("../img/icons-leds-small-green.png");}
div.icons-leds-small-orange {background-image:url("../img/icons-leds-small-orange.png");}
div.icons-leds-small-gray {background-image:url("../img/icons-leds-small-gray.png");}
div.icons-leds-small-black {background-image:url("../img/icons-leds-small-black.png");}
div.icons-leds-small-blue {background-image:url("../img/icons-leds-small-blue.png");}
.LB28-TAG {border: dashed 2px violet;}
.IMPORTANT-WARNING {border: solid 2px #FF6600; margin: 0px 40px 0px 40px; padding: 5px 10px 5px 10px;}
h6 {font-weight: bold; font-size:1em; text-decoration: none;}
h5 {font-weight: bold; font-size:1.1em; text-decoration: none;}
h4 {font-weight: bold; font-size:1.2em; text-decoration: none;}
h3 {font-weight: bold; font-size:1.3em; text-decoration: none;}
h2 {font-weight: bold; font-size:1em; text-decoration: none;}
h1 {font-weight: bold; font-size:1.6em; text-decoration: none;
height: auto !important;
min-height: 25px;
height: 25px;
}
h1 span{display:block; padding-top:10px; padding-bottom: 6px;}
h1 img{float:left;}
.input-btn
{
height: 30px;
overflow: hidden;
background-image: url("../img/buttons-factory.png");
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;
outline: none;
margin: 2px;
line-height: 1em;
font-weight: bold;
cursor: pointer;
}
.input-btn-orange {font-size: 1.1em; width: 120px; background-position: 0px 0px; background-repeat: no-repeat;}
.input-btn-orange-pushed {font-size: 1.1em; width: 120px; background-position: 0px -30px; background-repeat: no-repeat;}
.input-btn-gray {font-size: 1.1em; width: 120px; background-position: -120px 0px; background-repeat: no-repeat;}
.input-btn-gray-pushed {font-size: 1.1em; width: 120px; background-position: -120px -30px; background-repeat: no-repeat;}
.input-btn-orange-small { font-size: 0.9em; width: 80px; background-position: -240px 0px; background-repeat: no-repeat;}
.input-btn-orange-small-pushed { font-size: 0.9em; width: 80px; background-position: -240px -30px; background-repeat: no-repeat;}
.input-btn-gray-small { font-size: 0.9em; width: 80px; background-position: -320px 0px;}
.input-btn-gray-small-pushed { font-size: 0.9em; width: 80px; background-position: -320px -30px;}
.input-btn-orange-large { font-size: 0.9em; width: 250px; background-position: -400px 0px;}
.input-btn-orange-large-pushed { font-size: 0.9em; width: 250px; background-position: -400px -30px;}
.input-btn-gray-large { font-size: 0.9em; width: 250px; background-position: -650px 0px;}
.input-btn-gray-large-pushed { font-size: 0.9em; width: 250px; background-position: -650px -30px;}
.input-btn-orange-extra-large { font-size: 0.9em; width: 550px; background-position: -900px 0px;}
.input-btn-orange-extra-large-pushed { font-size: 0.9em; width: 550px; background-position: -900px -30px;}
.input-btn-gray-extra-large { font-size: 0.9em; width: 550px; background-position: -1450px 0px;}
.input-btn-gray-extra-large-pushed { font-size: 0.9em; width: 550px; background-position: -1450px -30px;}
.input-btn-orange-refresh { font-size: 1.1em; width: 120px; background-position: -2000px 0px;}
.input-btn-orange-refresh-pushed { font-size: 1.1em; width: 120px; background-position: -2000px -30px;}
.input-btn-massstorage-normal { font-size: 0.9em; width: 140px; background-position: -2130px 0px;}
.input-btn-massstorage-normal-pushed { font-size: 0.9em; width: 140px; background-position: -2130px -30px;}
.input-btn-massstorage-eject { font-size: 0.9em; width: 140px; background-position: -2270px 0px;}
.input-btn-massstorage-eject-pushed { font-size: 0.9em; width: 140px; background-position: -2270px -30px;}
.input-btn-phonebook-delete { font-size: 0.9em; width: 120px; background-position: 0px 0px;}
.input-btn-phonebook-delete-pushed { font-size: 0.9em; width: 120px; background-position: 0px -30px;}
.input-button-small-back
{
display: block;
float: right;
height: 16px;
width: 16px;
margin-top:2px;
background-image: url("../img/button-small-back.png");
background-repeat: no-repeat;
}
.input-text
{
height:20px;
width:200px;
margin: 2px 0px 2px 0px;
padding: 1px 3px 1px 3px;
border: solid 1px #FF6600;
}
.input-text-gray{border: solid 1px #bcbcbc;}
div.input-info-warning
{
width:160px;
}
div.input-info-warning div.header
{
height: 15px;
line-height: 1px;
background-repeat: no-repeat;
background-image: url("../img/input-info-warning-header.png");
}
div.input-info-warning div.content
{
padding:10px;
line-height:13px;
text-align:center;
background-repeat: repeat;
background-image: url("../img/input-info-warning-middle.png");
}
div.input-info-warning div.footer
{
height: 15px;
line-height: 1px;
background-repeat: no-repeat;
background-image: url("../img/input-info-warning-footer.png");
}
div.input-info-news
{
width:195px;
font-size: 0.9em;
}
div.input-info-news div.header
{
height: 24px;
padding-top: 11px;
padding-left: 40px;
background-repeat: no-repeat;
}
div.input-info-news div.content
{
padding:15px;
background-repeat: repeat;
}
div.input-info-news div.footer
{
height: 10px;
}
div.input-info-news div.footer-definition
{
height: 35px;
background-image: url("../img/input-info-news-footer-definition.png");
}
div.input-info-news div.footer-definition div{height:25px; padding-top:10px;}
div.input-info-help
{
width:195px;
font-size: 0.9em;
}
div.input-info-help div.header
{
height: 24px;
padding-top: 11px;
padding-left: 40px;
background-repeat: no-repeat;
}
div.input-info-help div.content
{
padding:15px;
background-repeat: repeat;
background-image: url("../img/input-info-help-middle.png");
}
div.input-info-help div.footer
{
height: 10px;
}
div.input-info-help div.footer-definition
{
height: 35px;
background-image: url("../img/input-info-help-footer-definition.png");
}
div.input-info-help div.footer-definition div{height:25px; padding-top:10px;}
div.input-info-help-large
{
width:300px;
font-size: 0.9em;
}
div.input-info-help-large div.header
{
height: 24px;
padding-top: 11px;
padding-left: 40px;
background-repeat: no-repeat;
}
div.input-info-help-large div.content
{
padding:15px;
background-repeat: repeat;
background-image: url("../img/input-info-help-large-middle.png");
}
div.input-info-help-large div.footer
{
height: 10px;
}
div.input-info-help-large div.footer-definition
{
height: 35px;
background-image: url("../img/input-info-help-large-footer-definition.png");
}
div.input-info-help-large div.footer-definition div{height:25px; padding-top:10px;}
div.input-info-help-popup
{
width:120px;
font-size: 0.8em;
}
div.input-info-help-popup div.header
{
height: 24px;
padding-top: 11px;
padding-left: 40px;
background-repeat: no-repeat;
}
div.input-info-help-popup div.content
{
padding:15px;
background-repeat: repeat;
background-image: url("../img/input-info-help-popup-middle.png");
}
div.input-info-help-popup div.footer
{
height: 10px;
}
span.input-box-green
{
float: left;
display: block;
cursor:pointer;
width: 24px;
height: 25px;
padding: 0px;
margin: 0px 0px 0px 0px;
cursor:pointer;
}
span.input-box-red
{
float: left;
display: block;
cursor:pointer;
width: 24px;
height: 25px;
padding: 0px;
margin: 0px 0px 0px 0px;
cursor:pointer;
}
table.array-status
{
border-collapse:collapse;
border-spacing: 0px;
width: 100%;
}
table.array-status td {height: 25px;}
table.array-status td.header {}
table.array-status td
{
padding: 10px;
border: solid 3px white;
font-weight: bold;
height: auto !important;
min-height: 30px;
height: 30px;
}
table.array-status td.first
{
width: 150px;
border-left: none;
}
table.array-status td.last
{
border-right: none;
}
ul.array-status li div.cell-last{border-right: none;}
table.array
{
border-collapse:collapse;
border-spacing: 0px;
width: 100%;
}
table.array td
{
padding: 1px;
border: solid 1px white;
overflow: hidden;
}
table.array thead td {text-align: left; font-size:1.2em; font-weight:bold;}
table.array thead td.first {border-left: none;}
table.array thead td.last {border-right: none;}
table.array tbody tr.subheader {vertical-align: top;}
table.array tbody td {text-align: center; font-size:0.9em;}
table.array tbody td.first {border-left: none;}
table.array tbody td.last {border-right: none;}
table.array tbody td .input-text {width:60px; padding:0px; height:15px; font-size: 0.8em; text-align: center;}
table.array tbody td select {width:60px; padding:0px; height:15px; font-size: 0.8em; text-align: center;}
ul.hmenu{width:100%;}
ul.hmenu li
{
display: block;
float: left;
clear: none;
-moz-user-select:none;
-webkit-user-select: none;
width: 128px;
height: 12px;
padding: 10px 7px 18px 8px;
background-image: url("../img/hmenu.png");
background-position: 0px 0px;
line-height: 12px;
font-size: 12px;
font-weight: bold;
text-align: center;
cursor:pointer;
}
ul.hmenu li.last {border-right: solid 1px #bcbcbc;}
ul.hmenu li.gray {background-position: -296px 0px; }
ul.hmenu li.gray.active {background-position: -148px 0px;}
ul.hmenu li.active {background-position: -148px 0px;}
ul.hmenu-systeminformation {padding:5px 0px 15px 0px;}
ul.hmenu-systeminformation li {width: 72px;}
ul.hmenu-advconfig {padding:5px 0px 15px 0px;}
ul.hmenu-advconfig li {width: 58px;}
div.devicemenu {position:absolute; display:none; z-index:100;}
div.devicemenu ul{margin:0;padding:0;list-style-type:none;display:block;font: 14px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:200px;}
div.devicemenu ul div.device_menu_header{text-decoration:none;padding:0 0 0 10px;}
div.devicemenu ul li.device_menu_item_li{margin:0;padding:0;border-top:1px solid #0000;border-bottom:1px solid #761A1A;border-left:1px solid #761A1A;border-right:1px solid #761A1A;}
div.devicemenu ul li.device_menu_item_li a{display:block;text-decoration:none;padding:0 0 0 10px;width:190px;}
div.devicemenu ul li.device_menu_item_li a:hover{font: 14px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:190px;}
div.devicemenu ul li.device_menu_item_li a.current,div.devicemenu ul li.device_menu_item_li a.current:hover{font: normal 14px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:190px;}
img.img-zoom {width:55px; height:55px;}
ul.list-items li {position:relative; top:0px; left:0px; width: 530px; height: auto; clear: none;
margin-bottom: 5px; padding: 0px 10px 0px 10px;
background-image: url("../img/list-items-background.png"); background-repeat: repeat-x;}
ul.list-items li div.title {position:absolute; top: 0px; left: 50px; width: 510px; height: 20px; padding: 20px 0 20px 0px;}
ul.list-items li div.subtitle {position:relative; top:0px; left:0px; width: 340px; height:auto; padding: 50px 0px 10px 0px;}
ul.list-items li div.actions {position:absolute; right:10px; bottom:0px; width:340px; height:25px; text-align: right;}
ul.list-items li div.icon {position:absolute; top: 0px; left: 0px; background-repeat: no-repeat;}
ul.list-systeminformation li {clear:both; position:relative; display:block; line-height: 1.3em; height: 1.5em;}
ul.list-systeminformation li.odd {}
ul.list-systeminformation li.even {}
ul.list-systeminformation li div.number {position:absolute; left:0px; top:1px; font-weight: bold;}
ul.list-systeminformation li div.description {padding-left:30px; height:1.3em;}
ul.list-systeminformation li div.value {position:absolute; right:0px; top:1px; font-weight: bold;}
ul.list-systeminformation li div.title {float:left; padding-top:10px;}
ul.list-devices-horizontal li
{
position: relative;
width: 80px;
height: 70px;
cursor: pointer;
display: inline-block;
font-size: 12px;
}
ul.list-devices-horizontal li div.icon {position:absolute; top: 0px; left: 10px; background-repeat: no-repeat;}
ul.list-devices-horizontal li div.internetavail {z-index:100; position:absolute; top: 0px; right: 0px; width: 27px; height: 27px; background-image: url("../img/internet-avail.png");}
ul.list-devices-horizontal li div.internetblocked {z-index:100; position:absolute; top: 0px; right: 0px; width: 27px; height: 27px; background-image: url("../img/internet-blocked.png");}
ul.list-devices-horizontal li div.title {
position: absolute;
top: 50px;
left: 18px;
width: 60px;
height: 20px;
font-weight: bold;
font-size: 0.9em;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.list-devices-vertical li {float:left; top:0px; left:0px; width: 120px; height: 70px; cursor: pointer;}
ul.list-devices-vertical li div.icon {position:absolute; top: 0px; background-repeat: no-repeat;}
ul.list-devices-vertical li div.title{
position:absolute;
top: 50px;
left: 5px;
width: 110px;
height: 20px;
font-weight:bold;
font-size:0.9em;
text-align:center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.list-devices-vertical li div.ejectlabel {z-index:100; position:absolute; top: 35px; float:left; left: 0px; width: 50px; height: 20px; text-align:center;}
ul.list-devices-vertical li div.eject {position:absolute; top: 0px; float:left; left: 0px; width: 50px; height: 40px;
background-image: url("../img/icons-devices-eject.png"); cursor: pointer;}
ul.list-devices-vertical li div.info {position:absolute; top: 0px; float:left; left: 5px; width: 40px; height: 40px;
background-image: url("../img/icons-tip.png"); cursor: pointer;}
ul.list-devices-vertical li.livephone div.icon{left: 30px;}
ul.list-devices-vertical li.usbprinter div.icon{left: 30px;}
ul.list-devices-vertical li.mass-storage div.icon{left: 22px;}
ul.list-devices-vertical li.mass-storage-not-supported div.icon{left: 30px;}
ul.list-devices-vertical li.mass-storage-unkown div.icon{left: 30px;}
ul.list-devices-vertical li.usb-dongle div.icon{left: 30px;}
ul.list-devices-vertical li.livephone {cursor: auto;}
ul.list-devices-vertical li.usbprinter {cursor: auto;}
ul.list-devices-vertical li.mass-storage {cursor: auto;}
div.timezone-cursor {background-color:#FF6600; height: 330px; width: 20px; margin-left: 258px; opacity:.7;filter:alpha(opacity=70);}
#document-container
{
height: 100%;
width: 100%;
overflow: auto;
}
#document-background-header
{
background-repeat: repeat-x;
}
#document-background-footer
{
background-repeat: repeat-x;
background-position: bottom;
overflow-x: auto;
}
#document
{
top: 0px;
width: 1085px;
margin: 0px auto 0px auto;
padding: 0px 0px 10px 0px;
}
#header{height: 120px;}
#header-logo-livebox {position: absolute; top:15px; left:5px; width:409px; height:57px;}
#header-logo-livebox img
{
width:409px;
height:57px;
background-image: url("../img/livebox7_logo.png");
}
#header-logo-livebox6S {position: absolute; top:15px; left:5px; width:409px; height:57px;}
#header-logo-livebox6S img
{
width:409px;
height:57px;
background-image: url("../img/livebox6S_logo.png");
}
#header-controls {position: absolute; top: 45px; right: -175px; width:330px; height:30px;}
#header-controls-login
{
font-size: 1em;
font-weight: bold;
position: absolute;
top: 6px;
right: 3px;
width:625px;
height:50px;
text-align: right;
}
#header-controls select {width:120px;}
#header-controls div.hr {padding-top: 5px;}
#header-controls-language-flag{position: absolute; top:5px; left:0px;}
#header-controls-languages{position: absolute; top:5px; right:180px;}
#header-controls-accessibility-minus{position: absolute; top:0px; right:139px; width:34px; height:29px;}
#header-controls-accessibility-plus {position: absolute; top: 0px; right: 105px; width: 34px; height: 29px;}
#header-controls-accessibility-contrast1 {position: absolute; top:0px; right:70px; width:34px; height:29px;}
#header-controls-accessibility-contrast2 {position: absolute; top: 0px; right: 35px; width: 34px; height: 29px;}
#header-controls-accessibility-contrast3 {position: absolute; top: 0px; right: 0px; width: 34px; height: 29px;}
#header-controls-accessibility-minus img{width:30px; height:25px; background-image: url("../img/header-accessibility-minus.png");}
#header-controls-accessibility-plus img{width:30px; height:25px; background-image: url("../img/header-accessibility-plus.png");}
#header-controls-accessibility-contrast1 img{width:30px; height:25px; background-image: url("../img/header-accessibility-contrast1.png");}
#header-controls-accessibility-contrast2 img{width:30px; height:25px; background-image: url("../img/header-accessibility-contrast2.png");}
#header-controls-accessibility-contrast3 img{width:30px; height:25px; background-image: url("../img/header-accessibility-contrast3.png");}
#content {height: auto !important; min-height: 500px; height: 500px; overflow:visible;}
#content-left {height: auto !important; min-height: 500px; height: 500px; overflow:visible;
float:left; width: 138px; padding: 15px 5px 0px 5px; }
#content-center-full {float:left; width: 780px; padding: 15px 5px 0px 20px; }
#content-center {float:left; width: 700px; padding: 15px 16px 0px 16px; }
#content-right {float:left; width: 195px; padding: 15px 0px 0px 10px; }
#footer
{
height: 50px;
clear:both;
}
#footer-logo-ft {position: absolute; top: 20px; left: 10px; width: 32px; height: 32px;}
#footer-logo-ft img
{
width: 32px;
height: 32px;
background-image: url("../img/footer-logo-ft.png");
}
#footer a
{
text-decoration: none;
}
#footer-menu {position: absolute; top: 25px; right: 5px; padding:2px;}
#footer-widget-livebox a
{
font-weight: bold;
text-decoration: underline;
}
#footer-widget-livebox a:hover
{
font-weight: bold;
text-decoration: none;
}
.w40 {
width: 40px;
}
.w45 {
width: 45px;
}
.w50 {
width: 50px;
}
.w60 {
width: 60px;
}
.w70 {
width: 70px;
}
.w75 {
width: 75px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w130 {
width: 130px;
}
.w140 {
width: 140px;
}
.w150 {
width: 150px;
}
.w160 {
width: 160px;
}
.w165 {
width: 165px;
}
.w170 {
width: 170px;
}
.w175 {
width: 175px;
}
.w180 {
width: 180px;
}
.w200 {
width: 200px;
}
.w210 {
width: 210px;
}
.w217 {
width: 217px;
}
.w220 {
width: 220px;
}
.w230 {
width: 230px;
}
.w250 {
width: 250px;
}
.w280 {
width: 280px;
}
.w330 {
width: 330px;
}
.w400 {
width: 400px;
}
.colorTbl {
line-height: 30px;
margin-top: 10px;
overflow: auto;
}
.colorTbl>.colorTblRow:nth-child(even){
background-color: #D3D3D3;
}
.colorTblRow span {
display:inline-block;
*display:inline;
*zoom:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 3px;
vertical-align: middle;
*vertical-align: top;
}
.colorTblRow span:nth-child(2) {
float: right;
text-align: right;
font-weight: 900;
}
.colorTbl p.strong{
font-weight: 900;
font-size: 15px;
}
.colorTblNoColor {
line-height: 30px;
margin-top: 10px;
overflow: auto;
}
.colorRow{
background-color: #D3D3D3;
}
.usbTreeBox {
width: 110px;
height: 450px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 5px;
}
.fileTreeBox {
width: 560px;
height: 450px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 5px;
}
.remoteBox {
float:left;
width:200px;
padding-left:2px;
padding-right:2px;
padding-top:5px;
line-height:1.2em;
}
.currentBox {
width:535px;
height:70px;
margin-top:4px;
padding-left:15px;
padding-top:15px;
}
#ConfigUpload {
position: absolute;
top: 5px;
left: 250px;
z-index: 2;
opacity: 0;
cursor: pointer;
}
table.array-status th {
background-color: #939292;
color: white;
padding: 10px;
border: solid 3px white;
font-weight: bold;
height: auto!important;
min-height: 30px;
text-align: center;
width: 85px;
}
table.array-status td.first_wifi {
background-color: #C8C8C8;
color: #757474;
text-align: center;
}
table.array-status-list td.first_wifilist {
background-color: #939292;
color: black;
padding: 10px;
border: solid 3px white;
font-weight: bold;
height: auto!important;
min-height: 30px;
height: 30px;
text-align: center;
}
table.array-status-list td {
background-color: #F3F2F2;
color: black;
padding: 10px;
border: solid 3px white;
height: auto!important;
min-height: 30px;
height: 30px;
text-align: center;
-ms-word-wrap: break-word;
}
#disconnected-devices-table td div.internet-avail {
position: absolute;
top: 5px;
right: 25px;
width: 27px;
height: 27px;
background-image: url(../img/internet-avail.png);
}
#disconnected-devices-table td div.internet-blocked {
position: absolute;
top: 5px;
right: 25px;
width: 27px;
height: 27px;
background-image: url(../img/internet-blocked.png);
}
#disconnected-devices-table th {
text-align: left;
font-size: 1.2em;
font-weight: bold;
background-color: #939292;
color: white;
}
.wlanon {background-image: url("../img/ok.png"); background-size: cover; width: 20px;}
.wlanoff {background-image: url("../img/no.png"); background-size: cover; width: 20px;}
.wlanTable table {border: 0px; width: 680px; min-height: 25px; line-height: 20px; border-collapse: collapse; padding: 0;}
#scheduleCover {
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
width: 700px;
height: 200px;
z-index: 99;
text-align: center;
}
#scheduleCover span {
line-height: 167px;
z-index: 100;
color: white;
}
.inline{
display: inline;
}
.block{
display: block;
}
.inline-block{
display: inline-block;
}
.activate-led{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
background: url(../img/icons-leds-green.png) no-repeat;
}
.deactivate-led{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
background: url(../img/icons-leds-red.png) no-repeat;
}
table.scheduling {
margin: 10px 5px 10px 5px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table.scheduling thead td {
padding: 4px 0;
text-align: right;
font-weight: bold;
border: 0;
}
.input-grade
{
height:23px;
margin: 2px 0px 2px 0px;
padding: 1px 3px 1px 3px;
border: solid 1px #FF6600;
}
.input-grade-gray{border: solid 1px #bcbcbc;}
.black_overlay
{
position: fixed;
_position: absolute;
top: 120px;
left: 0%;
width: 100%;
height: 100%;
background-color: #FFFFFF;
z-index: 100;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 1;
filter: alpha(opacity=50);
}
.white_content
{
display: none;
width: 365px;
min-height: 195px;
height: auto !important;
height: 195px;
z-index: 101;
overflow: auto;
position: fixed;
_position: absolute;
}
.white_content_Qos
{
display: none;
width: 775px;
height: auto !important;
background: #FFFFFF;
z-index: 101;
overflow: auto;
position: fixed;
left: 25%;
top: 80px;
}
#waitLayer {
text-align: center;
}
#confirmLayer {
display: none;
left: 50%;
top: 50%;
width: 340px;
min-height: 260px;
margin-left: -150px;
margin-top: -75px;
padding: 1px 1px 1px 1px;
border: solid 1px #828181;
background-color: #FFFFFF;
font-size: 1em;
line-height: 1.4em;
}
#confirmMsg {
min-height: 32px;
height: auto !important;
height: 32px;
padding: 15px 0;
text-align:center;
}
#confirmMsg p {
font-size: 1.6em;
line-height: 24px;
color: #FF5500;
}
#waitingImgArea {
height: 50px;
padding-bottom: 25px;
background: url(../img/waiting_w.gif) no-repeat top center;
}
#confirmBtnArea {
height: 28px;
padding: 10px;
}
#confirmBtnArea input {
float: right;
margin-left: 20px;
}
#dynamicTip {
position: absolute;
display: none;
font-size: 11px;
}
#dynamicTip div {
float: left;
height: 34px;
padding-top: 5px;
}
#dTip_l {
width: 16px;
background: url(../img/dTip_l.gif) no-repeat left top;
}
#dTip_m {
padding: 2px 8px 0 5px;
background: url(../img/dTip_m.gif) repeat-x;
}
#dTip_r {
width: 6px;
background: url(../img/dTip_r.gif) no-repeat left top;
}
#customize-devices {
position: relative;
margin-left: 45px;
width: 465px;
overflow: hidden;
}
#customize-devices-scroll-left {
position: absolute;
left: 5px;
top: 20px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-left.png);
cursor: pointer;
}
#customize-devices-scroll-right {
position: absolute;
right: 5px;
top: 20px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-right.png);
cursor: pointer;
}
#customize-devices ul {
position: relative;
left: 0;
white-space: nowrap;
float: left;
font-size: 0;
}
#support-leds-status-internet {
height: 70px;
width: 70px;
background-image: url(../img/internet_diode_v1.png);
}
#support-leds-status-wireless {
height: 70px;
width: 70px;
background-image: url(../img/wifi_diode.png);
}
#support-leds-status-phone {
height: 70px;
width: 70px;
background-image: url(../img/phone_diode.png);
}
td.last>span {
display: none;
}
td.first_wifiTitle{
background-color: #C8C8C8;
color: #757474;
text-align: center;
}
#mainContent_WizardReg {
float: left;
width: 700px;
padding: 15px 0px 0px 15px;
}
table.array-status-sn {
border-collapse: collapse;
border-spacing: 0px;
width: 100%;
font-family: "Helvetica";
text-align: left;
font-size: 12px;
margin-left: 150px;
background-color: #ffffff;
}
table.array-status-sn td {
padding: 10px;
border: solid 3px white;
font-weight: bold;
height: auto !important;
min-height: 30px;
height: 30px;
}
.hiddenTblWrap {
border: 1px solid #D0D0D0;
line-height: 30px;
background: #F7F7F7;
font-size: 14px;
font-weight: bold;
padding-left:30px;
margin: 20px 0 400px 0;
zoom: 1;
}
#usbTree {
width: 110px;
height: 250px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 5px;
}
#usbTree p {
background: url(../img/usbStick.png) left top no-repeat;
list-style: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
white-space: nowrap;
}
#usbTree a, #fileTree a {
color: #333;
text-decoration: none;
display: block;
padding: 0px 2px;
}
#usbTree a:hover, #fileTree a:hover {
color: #333;
}
#fileTree {
width: 560px;
height: 250px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 5px;
}
#logStr {
width: 680px;
height: 250px;
border-top: solid 1px #BBB;
border-left: solid 1px #BBB;
border-bottom: solid 1px #FFF;
border-right: solid 1px #FFF;
background: #FFF;
overflow: scroll;
padding: 5px;
}
#fileTree .directory {
background: url(../img/directory.png) left top no-repeat;
list-style: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
white-space: nowrap;
}
#fileTree .floderopen {
background: url(../img/folder_open.png) left top no-repeat;
list-style: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
white-space: nowrap;
}
.green-LED{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
background: url(../img/icons-leds-green.png) no-repeat;
}
.red-LED{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
background: url(../img/icons-leds-red.png) no-repeat;
}
.orang-LED{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: super;
background: url(../img/icons-leds-orange.png) no-repeat;
}
.green-text-LED{
color : green;
}
.red-text-LED{
color : red;
}
.orang-text-LED{
color : Orange;
}
.title-color{
color: white;
}
.title-box{
width: 15%;
box-sizing: border-box;
padding: 10px;
text-align: center;
}
.content-box{
width: 85%;
box-sizing: border-box;
padding: 10px;
}
.flex-row-box{
display: flex;
flex-direction: row;
width: 100%;
margin: 2px 0px;
box-sizing: border-box;
background-color: white;
}
.flex-column-box{
display: flex;
flex-direction: column;
box-sizing: border-box;
width: 100%;
}
.bg-charcoal-color{
background-color: #939292;
}
.bg-moke-color{
background-color: #F3F2F2;
}
#device-tooltip {
position: fixed;
z-index: 10;
padding: 3px 10px 3px 10px;
border: solid 1px #FF6600;
background-color: #F6F6F6;
}
ul.list-devices-horizontal li div.subtitle {
position: absolute;
top: 50px;
width: 100%;
height: 20px;
font-weight: bold;
font-size: 0.9em;
text-align: center;
}
.disconDevice {
padding: 10px 3px;
border-bottom: solid 1px white;
overflow: hidden;
height:80px;
}
table.array tbody.forwarding td .input-text {width:60px; padding:0px; height:20px; font-size: 0.8em; text-align: center;}
table.array tbody.forwarding td select {width:60px; padding:0px; height:20px; font-size: 0.8em; text-align: center;}
#fileTree .txt {
background: url(../img/txt.png) left top no-repeat;
list-style: none;
padding: 0px;
padding-left: 20px;
margin: 0px;
white-space: nowrap;
}
#home-dashboard-services-title {
position: absolute;
right: 0;
top: 130px;
width: 160px;
text-align: center;
}
#home-dashboard-services-content {
position: absolute;
right: 5px;
top: 172px;
width: 150px;
}
#home-dashboard-services-content li {
line-height: 1em;
padding-left: 15px;
min-height: 3em;
margin-bottom: 5px;
}
#home-dashboard-services-content div.icons {
position: absolute;
left: 0;
top: 1px;
}
div.icons-leds-small {
width: 10px;
height: 10px;
line-height: 10px;
}
div.icons-leds-small-red {
background-image: url(../img/icons-leds-small-red.png);
}
#home-dashboard-wireless-zone {
position: absolute;
z-index: 1;
left: 400px;
top: 323px;
width: 305px;
height: 130px;
}
#home-dashboard-wireless-img {
position: absolute;
left: 17px;
top: 6px;
width: 271px;
height: 56px;
background: url(../img/dashboard-bg-wifi.png) no-repeat;
}
#home-dashboard-wireless-label {
position: absolute;
left: 75px;
top: 0;
padding-left: 20px;
line-height: 15px;
height: 70px;
width: 150px;
}
div.icons-leds-small {
width: 10px;
height: 10px;
line-height: 10px;
}
div.icons-leds-small-red {
background-image: url(../img/icons-leds-small-red.png);
}
#home-dashboard-wireless-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 30px;
top: 68px;
width: 240px;
font-weight: bold;
text-align: center;
}
#home-dashboard-usb-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 30px;
top: 210px;
height: 180px;
width: 130px;
font-weight: bold;
text-align: center;
}
#home-dashboard-repeater-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 30px;
top: 68px;
width: 240px;
font-weight: bold;
text-align: center;
}
#home-dashboard-repeater-devices {
position: absolute;
z-index: 2;
display: block;
left: 30px;
top: 42px;
height: 90px;
width: 240px;
overflow: hidden;
}
#home-dashboard-repeater-devices ul {
position: relative;
left: 0;
white-space: nowrap;
float: left;
font-size: 0;
height: 100px;
}
ul.list-devices-horizontal li div.repsubtitle {
position: absolute;
top: 73px;
width: 100%;
height: 20px;
font-weight: bold;
font-size: 0.9em;
text-align: center;
}
#home-dashboard-wired-devices {
position: absolute;
z-index: 2;
display: block;
left: 200px;
top: 0px;
height: 85px;
width: 320px;
overflow: hidden;
}
#home-dashboard-wired-label {
position: absolute;
left: 370px;
top: 110px;
line-height: 15px;
height: 15px;
width: 150px;
}
#home-dashboard-wired-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 200px;
top: 40px;
width: 320px;
font-weight: bold;
text-align: center;
}
#home-dashboard-usb-label {
display: none;
position: absolute;
left: 165px;
top: 250px;
line-height: 15px;
height: 15px;
width: 50px;
text-align: center;
}
#home-dashboard-usb-printers-tip {
position: absolute;
display: block;
left: 0;
top: 210px;
height: 40px;
width: 40px;
background-image: url(../img/icons-tip.png);
cursor: pointer;
}
#home-dashboard-wireless-devices {
position: absolute;
z-index: 2;
display: block;
left: 30px;
top: 58px;
height: 70px;
width: 240px;
overflow: hidden;
}
#home-dashboard-wired-devices-scroll-left {
position: absolute;
left: 170px;
top: 37px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-left.png);
cursor: pointer;
}
#home-dashboard-wired-devices-scroll-right {
position: absolute;
left: 530px;
top: 37px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-right.png);
cursor: pointer;
}
#home-dashboard-wireless-devices-scroll-left {
position: absolute;
display: block;
left: 0;
top: 65px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-left.png);
cursor: pointer;
}
#home-dashboard-wireless-devices-scroll-right {
position: absolute;
display: block;
left: 275px;
top: 65px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-right.png);
cursor: pointer;
}
#home-dashboard-repeater-zone {
position: absolute;
z-index: 1;
left: 90px;
top: 323px;
width: 305px;
height: 130px;
}
#home-dashboard-repeater-img {
position: absolute;
left: 17px;
top: 6px;
width: 271px;
height: 56px;
background: url(../img/dashboard-bg-repeater.png) no-repeat;
}
#home-dashboard-repeater-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 30px;
top: 68px;
width: 240px;
font-weight: bold;
text-align: center;
}
#home-dashboard-repeater-devices-scroll-left {
position: absolute;
display: block;
left: 0;
top: 65px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-left.png);
cursor: pointer;
}
#home-dashboard-repeater-devices-scroll-right {
position: absolute;
display: block;
left: 280px;
top: 65px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-right.png);
cursor: pointer;
}
#devMenu {
font: 14px Helvetica, Verdana, Arial, sans-serif;
background-color: black;
position: absolute;
width: 280px;
display: none;
z-index: 100;
}
#device-menu {
font: 14px Helvetica, Verdana, Arial, sans-serif;
background-color: black;
position: relative;
width: 400px;
display: none;
z-index: 100;
}
#devMenu li.devMenu-item,
#device-menu li.device-menu-item {
border: 1px solid #761A1A;
border-top: 0;
color: black;
background: white;
min-width: 190px;
cursor: pointer;
}
#devMenu li,
#device-menu li {
line-height: 165%;
padding: 0 10px;
}
#devMenu #devMenu-header,
#device-menu #device-menu-header {
color: white;
font-weight: bold;
}
ul.list-devices-horizontal li div.internet-avail {
z-index: 100;
position: absolute;
right: 0;
width: 27px;
height: 27px;
background-image: url(../img/internet-avail.png);
}
ul.list-devices-horizontal li div.internet-blocked {
z-index: 100;
position: absolute;
right: 0;
width: 27px;
height: 27px;
background-image: url(../img/internet-blocked.png);
}
#home-dashboard-usb-nodevices {
position: absolute;
z-index: 1;
display: none;
left: 30px;
top: 210px;
height: 180px;
width: 130px;
font-weight: bold;
text-align: center;
}
#home-dashboard-usb-devices-scroll-up {
position: absolute;
display: block;
left: 80px;
top: 105px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-up.png);
cursor: pointer;
}
#home-dashboard-usb-devices-scroll-down {
position: absolute;
display: block;
left: 80px;
top: 360px;
height: 25px;
width: 25px;
background-image: url(../img/arrows-down.png);
cursor: pointer;
}
#home-dashboard-usb-devices {
position: absolute;
z-index: 2;
display: block;
left: 40px;
top: 140px;
height: 210px;
width: 120px;
}
#client-menu {
border: 1px solid #761A1A;
font: 14px Helvetica, Verdana, Arial, sans-serif;
background-color: white;
position: absolute;
display: none;
z-index: 100;
}
#client-menu #client-menu-header {
color: black;
font-weight: bold;
}
#client-menu li {
line-height: 165%;
padding: 0 10px;
}
#home-dashboard-wireless-devices ul {
position: relative;
left: 0;
white-space: nowrap;
float: left;
font-size: 0;
}
#home-dashboard-wired-devices ul {
position: relative;
left: 0;
white-space: nowrap;
float: left;
font-size: 0;
height: 115px;
}
#customize-type ul.list-devices-horizontal li {
position: relative;
width: 93px;
height: 93px;
cursor: pointer;
display: inline-block;
font-size: 12px;
}
#customize-type ul.list-devices-horizontal li div.title {
position: absolute;
top: 50px;
width: 100%;
height: 40px;
font-weight: bold;
font-size: 0.9em;
text-align: center;
left: 0;
}
#customize-type ul.list-devices-horizontal li div.icon {
position: absolute;
left: 19px;
background-repeat: no-repeat;
}
#customize-type {
left: 0;
margin-top: 5px;
width: 540px;
}
#schedule-cover {
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
width: 700px;
height: 230px;
z-index: 100;
}
#schedule-cover span {
position: absolute;
text-align: center;
font-weight: bold;
width: 700px;
top: 45%;
color: white;
}
#AccRestriction table td div {
width: 96px;
}
#ct_popup img:focus {
outline: 2px solid #FFFFFF;
}
#home-refresh-button {
position: relative;
float: right;
right: 5px;
height: 45px;
width: 124px;
text-align: right;
}
.macBtn{
color : white;
width: 60px;
height: 30px;
margin: 5px 3px;
border: 0px;
background-image: url(../img/macBtn.png);
background-size: 60px 60px;
}
.input-ip
{
height:20px;
margin: 2px 0px 2px 0px;
padding: 1px 3px 1px 3px;
border: solid 1px #FF6600;
}
.input-ip-gray{border: solid 1px #bcbcbc;}
.commlabel{
float:left;
line-height:30px;
width:150px;
}
.dhcplabel{
float:left;
line-height:30px;
width:200px;
}