1/* CSS Document */ 2.statusbody { 3 margin:5px auto 0px auto; 4 background-color:#2A3539; 5} 6.statusTitle{ 7 font-family: "Times New Roman", Times, serif; 8 background: #A5A5A5; /* Old browsers */ 9 background: -moz-linear-gradient(top, #A5A5A5 0%, #434343 100%); /* FF3.6+ */ 10 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A5A5A5 ), color-stop(100%,#434343)); /* Chrome,Safari4+ */ 11 background: -webkit-linear-gradient(top, #A5A5A5 0%, #434343 100%); /* Chrome10+,Safari5.1+ */ 12 background: -o-linear-gradient(top, #A5A5A5 0%, #434343 100%); /* Opera 11.10+ */ 13 background: -ms-linear-gradient(top, #A5A5A5 0%, #434343 100%); /* IE10+ */ 14 background: linear-gradient(to bottom, #A5A5A5 0%, #434343 100%); /* W3C */ 15 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A5A5A5', endColorstr='#434343',GradientType=0 ); /* IE6-9 */ 16 letter-spacing:1px; 17 font-weight: bold; 18 font-size:14px; 19 text-align:center; 20 height:36px; 21 width:320px; 22 margin-left:45px; 23 -webkit-border-top-left-radius: 10px; 24 -webkit-border-top-right-radius: 10px; 25 -moz-border-radius-topleft: 10px; 26 -moz-border-radius-topright: 10px; 27 border-top-left-radius: 10px; 28 border-top-right-radius: 10px; 29 -moz-box-shadow: 5px 5px 10px #333; 30 -webkit-box-shadow: 5px 5px 10px #333; 31 box-shadow: 5px 5px 10px #333; 32 behavior: url(/PIE.htc); 33 position:relative; 34 border-radius: 10px 10px 0 0; 35} 36 37.input{color:#3b5f71;border:1px solid #7398ac;background-color:#cae9f3;font-family :Verdana;font-size : 11px;padding-left:5px;} 38 39.NMdesp{ 40 font-family:Verdana, Arial, Helvetica, sans-serif; 41 font-size:11px; 42 line-height:180%; 43 text-align:left; 44} 45 46.bgarrow{ 47 /*background:url(images/bg-arrow.gif) no-repeat right 0px;*/ 48} 49 50.bgarrow a:link, .bgarrow a:visited{ 51 color:transparent; 52 border:0px; 53} 54 55.mapgroup{border: 2px dotted #999; width:250px;} 56 57#diskquota{ 58 width:100px; 59 height:13px; 60 /*border:1px solid #999;*/ 61 background:url(images/quotabar_bg.gif); 62} 63 64#iconRemote{ background:url(images/map-iconRemote.gif) no-repeat; width:87px; height:77px; cursor:pointer; display:none} 65 66#iconInternet{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 0%; width:107px; height:95px; cursor:pointer; margin:0px 17px 0px 0px;} 67#iconInternet a:link{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 100%; width:107px; height:95px; cursor:pointer;} 68#iconInternet_primary{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 0%; width:107px; height:95px; cursor:pointer; margin-left:12px;} 69#iconInternet_primary a:link{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 100%; width:107px; height:95px; cursor:pointer;} 70#iconInternet_secondary{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 0%; width:107px; height:95px; cursor:pointer;margin-left:12px;} 71#iconInternet_secondary a:link{ background:url(images/New_ui/networkmap/map-iconInternet.png) no-repeat 0% 100%; width:107px; height:95px; cursor:pointer;} 72 73#iconRouter{ background:url(images/New_ui/networkmap/map-iconRouter.png) no-repeat 0% 100%; width:107px; height:95px; cursor:pointer; margin:0px 17px 0px 0px;} 74 75#iflock{ 76} 77 78.iconUSBdisk{ background:url(images/New_ui/networkmap/USB_2.png) no-repeat 0% 0%; width:91px; height:91px; cursor:pointer;} 79 80#iconClient{ background:url(images/New_ui/networkmap/map-iconClient.png) no-repeat 0% 0%; width:95px; height:95px; cursor:pointer;} 81.iconPrinter{ background:url(images/New_ui/networkmap/map-iconPrinter.png) no-repeat 0% 0%; width:91px; height:96px; cursor:pointer;} 82.iconmodem{ background:url(images/New_ui/networkmap/map-iconmodem.png) no-repeat 0% 0%; width:95px; height:96px; cursor:pointer;} 83#iconWebcam{ background:url(images/New_ui/networkmap/map-iconWebcam.png) no-repeat 0% 0%; width:89px; height:89px; cursor:pointer;} 84.iconNo{ background:url(images/New_ui/networkmap/devicebt_default.png) no-repeat; width:91px; height:91px;} 85 86.table1px{ 87 border:1px solid #4d595d; 88 background-color:#4d595d; 89 border-collapse: collapse; 90} 91.table1px img{ 92 margin:0px auto; 93 text-align:center; 94} 95.table1px tr, .table1px td{ 96 border:1px solid #4d595d; 97} 98.table1px tfoot{ 99 color: #669900; 100 font-size:10px; 101} 102 103.table1px tbody td div#wl_nmode_x_hint{color:#FC0;margin-top:3px;line-height:120%;} 104.table1px tbody td{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;} 105.table1px th{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; background-color:#4d595d; text-align:left;} 106 107.Tablehead {font-family :Verdana;font-size : 11px;text-align:center;color:#000000; font-weight:bold; line-height:190%; background-color:#6692B0;} 108.Tabletitle td{font-family :Verdana;font-size : 11px;text-align:center; color:#000000;line-height:190%; background-color:#7aa3bd; } 109 110.top-message1 {font-family :Verdana;font-size : 11px;text-align:left;font-weight:normal;background-color:#7aa3bd} 111.top-message2 {font-family :Verdana;font-size : 11px;text-align:left;color:#23344d;font-weight:normal;background:#a7d2e2;} 112 113.clients{ 114 font-family:Verdana, Arial, Helvetica, sans-serif; 115 font-size:13px; 116 line-height:150%; 117 margin-top:10px; 118} 119 120.clients span{ 121 font-family:Arial Black, Verdana, Arial, Helvetica, sans-serif; 122 color:#569AC7; 123 font-size:15px; 124} 125 126.ifconnect{ 127 width:14px; 128 height:14px; 129 background:url(images/disconnect.gif) no-repeat; 130 margin:0px 0 0 135px; 131 display:none; 132} 133 134.navtext { 135 font-size:8pt; 136 border: 1px double #999; 137 background-color: #FFC; 138 color: #003366; 139 text-align:left; 140 width:auto; 141 padding:3px; 142 line-height:150%; 143} 144 145.hackiframe{ /* iframe for Hack IE 6.0 to avoid select menu over DIV layer. */ 146 display:none;/*sorry for IE5*/ 147 display/**/:block;/*sorry for IE5*/ 148 position:absolute;/*must have*/ 149 top:0;/*must have*/ 150 left:0;/*must have*/ 151 z-index:-1;/*must have*/ 152 filter:mask();/*must have*/ 153 width:3000px;/*must have for any big value*/ 154 height:3000px/*must have for any big value*/; 155} 156 157.popup_bar_bg{ 158 position:absolute; 159 margin: auto; 160 top: 5px; 161 left: 0; 162 height:20px; 163 z-index:99; 164 background-color:red; 165 overflow:hidden; 166 font-size:12px; 167 color:#FFF; 168 font-family:Verdana, Arial, Helvetica, sans-serif; 169 line-height:20px; 170 padding:2px; 171} 172 173.loadingBarBlock{ 174 position:absolute; 175 top: 0; 176 left: 0; 177 margin:100px auto; 178 width:99%; 179 z-index:100; 180 font-size:11px; 181 line-height:16px; 182 font-family:Verdana, Arial, Helvetica, sans-serif; 183 color:#000; 184} 185.hardware_title{ 186 font-family:Verdana, Arial; 187 font-size:11px; 188 border-bottom:2px dotted #999; 189 text-align:left; 190 font-weight:bold; 191 width:95%; 192 margin:5px 0px 0px 5px; 193} 194 195.system_disk{ 196 font-family:Verdana, Arial; 197 font-size:11px; 198 width:95%; 199 height:80px; 200 margin:5px 0px 10px 5px; 201} 202 203.system_disk_desc{ 204 float:left; 205 width:auto; 206 text-align:left; 207 line-height:180%; 208} 209 210#mode_tag{ 211 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ 212 filter:alpha(opacity=80); /* IE5、IE5.5、IE6、IE7 */ 213 opacity: .8; /* Opera9.0+、Firefox1.5+、Safari、Chrome */ 214 border:1px solid #999; 215 background-color:#FFFF15; 216 width:80px; 217 font-size:11px; 218 position:absolute; 219 margin:-18px 0px 0px 2px; 220 text-align:center; 221 font-family: Arial, Verdana; 222 z-index:1000; 223 color:#000; 224 cursor:pointer; 225 text-decoration:none; 226} 227.NMitem a{ 228 color:#A7D2E2; 229} 230#arrow_down{ 231 background: url(/images/arrow-down.gif) no-repeat center center; 232 width:10px; 233 height:12px; 234 float:right; 235 position:absolute; 236} 237 238.statusTitle #helpname{ 239 text-shadow: 1px 1px 0px black; 240 font-weight: bolder; 241 font-family:verdana; 242 text-align:center; 243 border:0px solid #333; 244} 245#statusIcon{ 246 background:url(images/iframe-iconRouter.gif) no-repeat; 247 width:45px; 248 height:40px; 249 border:0px solid #999; 250 position:absolute; 251 margin:0 0 0 30px; 252} 253 254/*========================== router Tab =================================*/ 255.r1{ 256 padding-top:3px; 257 padding-bottom:0px; 258 padding-left:10px; 259 padding-right:10px; 260 height:25px; 261 width:50px; 262 background:url(images/tag-router2.gif) 0 bottom no-repeat; 263 font-weight:bold; 264 font-family :Verdana; 265 font-size : 12px; 266 color:#000000 267} 268 269.r2{ 270 padding-top:3px; 271 padding-bottom:0px; 272 padding-left:10px; 273 padding-right:10px; 274 height:25px; 275 width:50px; 276 background-color:#A7D2E2; 277 background:url(images/tag-router1.gif) 0 bottom no-repeat; 278 font-weight:bold; 279 font-family:Verdana; 280 font-size:12px; 281 color:#b7e1f7; 282 text-decoration:none; 283 cursor:pointer; 284} 285 286.r2 a:link{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 287.r2 a:visited{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 288.r2 a:active{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 289.r2 a:hover{font-family :Verdana;font-size : 12px;color:#ffffff;position:relative;top:1px;left:1px} 290 291.NM_radius_left{ 292 -webkit-border-top-left-radius: 10px; 293 -webkit-border-bottom-left-radius: 10px; 294 -moz-border-radius-topleft: 10px; 295 -moz-border-radius-bottomleft: 10px; 296 border-top-left-radius: 10px; 297 border-bottom-left-radius: 10px; 298 299 -moz-box-shadow: 12px 5px 10px #333; 300 -webkit-box-shadow: 12px 5px 10px #333; 301 box-shadow: 12px 5px 10px #333; 302 /*filter: alpha(opacity=98); 303 opacity: .98;*/ 304 behavior: url(/PIE.htc); 305 position:relative; 306 -webkit-border-radius: 10px 0 0 10px; 307 -moz-border-radius: 10px 0 0 10px; 308 border-radius: 10px 0 0 10px; 309} 310.NM_radius_right{ 311 cursor:pointer; 312 -webkit-border-top-right-radius: 10px; 313 -webkit-border-bottom-right-radius: 10px; 314 -moz-border-radius-topright: 10px; 315 -moz-border-radius-bottomright: 10px; 316 border-top-right-radius: 10px; 317 border-bottom-right-radius: 10px; 318 319 -moz-box-shadow: 10px 5px 10px #333; 320 -webkit-box-shadow: 10px 5px 10px #333; 321 box-shadow: 10px 5px 10px #333; 322 /*filter: alpha(opacity=98); 323 opacity: .98;*/ 324 behavior: url(/PIE.htc); 325 position:relative; 326 -webkit-border-radius: 0 10px 10px 0; 327 -moz-border-radius: 0 10px 10px 0; 328 border-radius: 0 10px 10px 0; 329} 330.NM_radius_top{ 331 -webkit-border-top-left-radius: 10px; 332 -webkit-border-top-right-radius: 10px; 333 -moz-border-radius-topleft: 10px; 334 -moz-border-radius-topright: 10px; 335 border-top-left-radius: 10px; 336 border-top-right-radius: 10px; 337 338 -moz-box-shadow: 3px 10px 10px #333; 339 -webkit-box-shadow: 3px 10px 10px #333; 340 box-shadow: 3px 10px 10px #333; 341 /*filter: alpha(opacity=98); 342 opacity: .98;*/ 343 behavior: url(/PIE.htc); 344 position:relative; 345 -webkit-border-radius: 10px 10px 0 0; 346 -moz-border-radius: 10px 10px 0 0; 347 border-radius: 10px 10px 0 0; 348} 349.NM_radius_bottom{ 350 -webkit-border-bottom-right-radius: 10px; 351 -webkit-border-bottom-left-radius: 10px; 352 -moz-border-radius-bottomright: 10px; 353 -moz-border-radius-bottomleft: 10px; 354 border-bottom-right-radius: 10px; 355 border-bottom-left-radius: 10px; 356 357 -moz-box-shadow: 3px 8px 10px #333; 358 -webkit-box-shadow: 3px 8px 10px #333; 359 box-shadow: 3px 8px 10px #333; 360 361 /*filter: alpha(opacity=98); 362 opacity: .98;*/ 363 behavior: url(/PIE.htc); 364 position:relative; 365 -webkit-border-radius: 0 0 10px 10px; 366 -moz-border-radius: 0 0 10px 10px; 367 border-radius: 0 0 10px 10px; 368} 369.NM_radius{ 370 -webkit-border-radius: 10px; 371 -moz-border-radius: 10px; 372 border-radius: 10px; 373 374 -moz-box-shadow: 12px 5px 10px #333; 375 -webkit-box-shadow: 12px 5px 10px #333; 376 box-shadow: 12px 5px 10px #333; 377 378 behavior: url(/PIE.htc); 379 position:relative; 380 border-radius: 10px 10px 10px 10px; 381} 382 383.style1 { 384 color: #569AC7; 385 margin: 10px; 386} 387.style4 {color: #333333} 388.style5 { 389 color: #FFF; 390 font-weight: bold; 391} 392.NM_table{ 393 padding:10px; 394 padding-top:15px; 395 position:relative; 396 width:740px; 397 background-color:#606E73; 398 border-width:0; 399 background: url(/images/wall0.gif) repeat; 400 -webkit-border-radius: 5px; 401 -moz-border-radius: 5px; 402 border-radius: 5px; 403 behavior: url(/PIE.htc); 404} 405