1BODY {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background-color: #ffffff; WIDTH: 100%; margin: 0; color:#646466} 2A {COLOR: #646466; TEXT-DECORATION: none} 3 4.page_title{width: 300px; height: 20px; font: bold 17px arial; color: black; top: 40px; left: 30px; } 5.page-line{width:80%; padding-left: 50%; position: absolute; top:80px; left: -40%;} 6 7.main_top_button{ width: 100%; overflow: auto; position: absolute; top: 100px; left: 0px; bottom: 0px;} 8.main{ width: 100%; overflow: auto; position: absolute; top: 190px; left: 0px; bottom: 30px;} 9 10.fix_button{width: 100%; height: 80px; position: absolute; left: 0px; background-image: url(../img/opmode_topline.gif); background-repeat: no-repeat; background-position: 50% 80%;} 11.new_cancel_bt, .new_apply_bt, .new_apply_bt_disable{ height: 22px; width: 130px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px;} 12.new_apply_bt{ background-color: #702b86; margin-left: 10px;} 13.new_apply_bt_disable{ background-color: #c0c0c0; margin-left: 10px;} 14.new_edit_bt{ height: 22px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px; background-color: #702b86; margin-left: 10px; padding-left: 10px; padding-right: 10px;} 15.new_cancel_bt{ background-color: #5bb6e5;} 16.wireless_bt{height: 22px; width: 170px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px; background-color: #702b86; margin-left: 10px;} 17 18.eth, .wifi, .contype{width:120px; height: 40px; position: relative; top:20px; left: -20px; float: left; font-weight: bold;} 19.eth{background-image: url(../image/eth.gif); background-repeat: no-repeat; background-position: 100% 0%; } 20.wifi{background-image: url(../image/wifi.gif); background-repeat: no-repeat; background-position: 100% 0%; } 21 22#help{ width:100%; position: absolute; bottom: 30px; left: 0px; } 23#help #helpframe{width:100%; height: 120px; } 24#help_switch{ width:100%; height: 30px; background-color: #e5e5e5; position: absolute; bottom: 0px; left: 0px;} 25.help_switch_img { width: 100%; height: 100%; position: relative; } 26#help_switch #help_space{ height: 22px; width: 30px; background: url(../image/buttons.gif) no-repeat -438px 0; background-repeat: no-repeat; cursor:pointer; position: absolute; z-index: 2; top: 4px; left: 5px; } 27#help_switch #help_center{ width: 180px; color: white; font-family: Arial; font-weight: Bold; font-size: 15px; line-height: 30px; position: absolute; z-index: 2; top: 0; left: 35px; } 28#help_switch #help_show_hidden { width: 270px; font-family: Arial; color: white; font-size: 12px; font-style: italic; text-align: right; line-height: 30px; position: absolute; z-index: 2; top: 0; right: 5px; } 29#help_switch #help_show_hidden a{ color:white; background-color: transparent; position: relative; top: -2px; text-decoration:underline;} 30.close_help #help_button{ width: 45px; height: 12px; background: url(../image/buttons.gif) no-repeat -390px 0; cursor:pointer; position: absolute; z-index: 1; top: 8px; right: 350px; } 31.open_help #help_button{ width: 46px; height: 13px; background: url(../image/buttons.gif) no-repeat -390px -14px; cursor:pointer; position: absolute; z-index: 1; top: 8px; right: 350px;} 32 33#content1{ width: 65%; height: auto; position: relative; left: 5%; float:left; background-image: url(../img/opmode_v_middleline.gif); background-repeat: repeat-y; background-position: 100% 0%;} 34#content3{ width: 20%; height: auto; position: relative; left: 5%; float: left;} 35 36.pop_box{-webkit-box-shadow: 0px 0 0px #ffffff,10px 0 10px #77787A,0 0px 0px #ffffff,0 10px 10px #77787A; -moz-box-shadow: 0px 0 0px #ffffff,10px 0 10px #77787A,0 0px 0px #ffffff,0 10px 10px #77787A; box-shadow: 0px 0 0px #ffffff,10px 0 10px #77787A,0 0px 0px #ffffff,0 10px 10px #77787A;;margin-left:30px;padding-top:20px; overflow:auto; border-top:12px solid #5bb6e5; border-left:1px solid #c9c9ca; border-right:1px solid #c9c9ca; border-bottom:1px solid #c9c9ca; background-color: #ffffff; } 37.foot{ width: 600px; height: 0px; color: #ffffff; float: left; position:relative; left:50px;} 38.apfoot{ width: 100%; height: 100%; background: url(../image/ap_map_800.gif) no-repeat; } 39.iptable{background: url(../img/opmode_ap_map_700.gif) no-repeat;} 40.ipaddres{ width: 50%; height: 50%; position:absolute; left:5%; top:320px; z-index:2;} 41.ipaddres_ap{ width: 50%; height: 50%; position:absolute; left:5%; top:150px; z-index:2;}} 42.devname{ width: 53%; height: 42%; position:absolute; left:5%; top:320px; z-index:2; background: url(../img/opmode_confirm.gif) no-repeat;} 43 44.footer_double{ width: 100%; height: 86px; color: #ffffff; position:absolute; left: 0; bottom:0; } 45.footer_img { width: 100%; height: 100%; } 46.footer b, .footer_double b{font: bold 16px arial;} 47.footer a, .footer_double a{ color: #ffffff; font: normal 11px arial; text-decoration: none;} 48 49.footer #support{ float:left; line-height: 42px; position: absolute; left: 10px; top: 0; } 50.footer_double #support{ line-height: 42px; position: absolute; left: 10px; top: 0;} 51.footer #search{float: right; position: absolute; top: 10px; right: 10px;} 52.footer_double #search{ float: right; position: absolute; bottom: 10px; right: 10px;} 53 54/* Corner radius */ 55.ui-corner-all, .ui-corner-left{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-khtml-border-top-left-radius:3px;border-top-left-radius:3px;} 56.ui-corner-all, .ui-corner-right{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;-khtml-border-top-right-radius:3px;border-top-right-radius:3px;} 57.ui-corner-all, .ui-corner-left{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-khtml-border-bottom-left-radius:3px;border-bottom-left-radius:3px;} 58.ui-corner-all, .ui-corner-right{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;-khtml-border-bottom-right-radius:3px;border-bottom-right-radius:3px;} 59/* big corner */ 60.big-corner-all, .big-corner-left{-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-khtml-border-top-left-radius:7px;border-top-left-radius:7px;} 61.big-corner-all, .big-corner-right{-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;-khtml-border-top-right-radius:7px;border-top-right-radius:7px;} 62.big-corner-all, .big-corner-left{-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;-khtml-border-bottom-left-radius:7px;border-bottom-left-radius:7px;} 63.big-corner-all, .big-corner-right{-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;-khtml-border-bottom-right-radius:7px;border-bottom-right-radius:7px;} 64 65.spliteline{width:100%; height:2px; background: url(../image/middleline.gif) 0 0 repeat-x;} 66.qospage_title{width: 100%; height: 20px; font: bold 17px arial; color: #9d98ff; position: absolute; top: 0px; left: 0px;} 67.new_speed_test{ height: 22px; width: 158px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px; background-color: #702b86; margin-left: 20px;} 68.new_greyspeed_test{ height: 22px; width: 158px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px; background-color: #B5B5B5; margin-left: 20px;} 69.new_greycancel_bt, .new_greyapply_bt{ height: 22px; width: 100px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; border: none; cursor: pointer; padding-bottom: 2px;} 70.new_greyapply_bt{ background-color: #B5B5B5; margin-left: 10px;} 71.new_greycancel_bt{ background-color: #B5B5B5;} 72.table_header{ 73 color: #ffffff; 74 font-weight: Bold; 75 background-color: #767676; 76} 77 78.fixip_ok { width:80px ; margin-left:120px; background: #702b86; border:1px solid #702b86; color:white; } 79.fixip_cancel { width:80px ; margin-left:20px; background: #5bb6e5; border:1px solid #5bb6e5; color:white; }