1/* CSS Document */ 2body { 3 background-color:#21333e; 4 /*background: url(/images/bg_svg.png) repeat-x;*/ 5 margin:10px auto; 6} 7 8.content{ 9 width: 998px; 10 border:0px; 11 background:url(images/New_ui/middown_bg.png); 12 padding-bottom:24px; /*for FAQ bottom searching bar */ 13 14 margin-top:-5px \0; /* \0 for IE8-9 to move upper for covering the hidden form By Viz*/ 15 padding-top:15px \0; /* \0 for IE8-9 to move upper for covering the hidden form By Viz*/ 16} 17 18.top-logo{ 19 width:380px; 20/* background:url(images/New_ui/top-asustitle.png) #c5d2d6 no-repeat;*/ 21 vertical-align: top; 22} 23.top-logo a{ 24 text-decoration:none; 25} 26.top-logo a div{ 27 font-size:17px; 28 font-family:Arial, Helvetica, sans-serif; 29 font-weight:bolder; 30 color:#FFFFFF; 31 letter-spacing:2px; 32 width:160px; 33 margin:5px 0px 0px 20px; 34 padding:34px 0px 0px 10px; 35 text-align:center; 36 cursor:pointer; 37 text-decoration:none; 38} 39 40.banner1{ 41 width:998px; 42 height:54px; 43 background:url(images/New_ui/title_bg.png) 0 0 no-repeat; 44 margin:0px auto; 45} 46 47#banner3{ 48 width:983px; 49 height:19px; 50 margin:0px auto; 51} 52/*=================================1 Button Home================================*/ 53.menu { 54 font-weight:bold; 55 text-shadow: 1px 1px 0px black; 56 width:185px; 57 height:48px; 58 font-family:Verdana; 59 font-size:12px; 60 text-align:left; 61 position:relative; 62 margin-top: -2px; 63 background-color:#3A4042; 64 border: 2px groove #6B7071; 65} 66 67.menu:hover, .menu:active{ 68 background-color:#77A5C6; 69} 70.menu a {height:44px; text-decoration:none; position:relative;} 71.menu a:link, .menu a:visited { 72 color: #ffffff; display: block; 73 padding-left:10px; 74 position:relative; 75} 76 77.menu div#menu_string { 78 filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000); 79} 80 81.m_qis_r { 82 width:185px; 83 height: 53px; 84 font-family:Verdana; 85 font-size: 12px; 86 color:#ffffff; 87 padding-left:0px; 88 position:relative; 89 font-weight: bolder; 90 text-shadow: 1px 1px 0px black; 91 background: #838383; /* Old browsers */ 92 background: -moz-linear-gradient(top, #838383 0%, #262626 100%); /* FF3.6+ */ 93 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383 ), color-stop(100%,#262626)); /* Chrome,Safari4+ */ 94 background: -webkit-linear-gradient(top, #838383 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ 95 background: -o-linear-gradient(top, #838383 0%, #262626 100%); /* Opera 11.10+ */ 96 background: -ms-linear-gradient(top, #838383 0%, #262626 100%); /* IE10+ */ 97 background: linear-gradient(to bottom, #838383 0%, #262626 100%); /* W3C */ 98 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ 99 border-radius:6px; 100 border: 2px groove; 101 border-top-color:#A3A3A3; 102 border-left-color:#7A7A7A; 103 border-bottom-color:#5C5C5C; 104 border-right-color:#6D6D6D; 105} 106 107.m_qis_r:hover { 108 background: #B9D8E6; /* Old browsers */ 109 background: -moz-linear-gradient(top, #B9D8E6 0%, #699BBF 100%); /* FF3.6+ */ 110 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B9D8E6), color-stop(100%,#699BBF )); /* Chrome,Safari4+ */ 111 background: -webkit-linear-gradient(top, #B9D8E6 0%, #699BBF 100%); /* Chrome10+,Safari5.1+ */ 112 background: -o-linear-gradient(top, #B9D8E6 0%, #699BBF 100%); /* Opera 11.10+ */ 113 background: -ms-linear-gradient(top, #B9D8E6 0%, #699BBF 100%); /* IE10+ */ 114 background: linear-gradient(to bottom, #B9D8E6 0%, #699BBF 100%); /* W3C */ 115 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9D8E6', endColorstr='#699BBF ',GradientType=0 ); /* IE6-9 */ 116 border-top-color:#CCE2ED; 117 border-left-color:#BAD5E5; 118 border-bottom-color:#8DB3CF; 119 border-right-color:#B5D1E2; 120} 121 122.m_qis_r_blocked { 123 width:185px; 124 height: 53px; 125 font-family:Verdana; 126 font-size: 12px; 127 color:#ffffff; 128 padding-left:0px; 129 position:relative; 130 font-weight: bolder; 131 text-shadow: 1px 1px 0px black; 132 background: #838383; /* Old browsers */ 133 background: -moz-linear-gradient(top, #838383 0%, #262626 100%); /* FF3.6+ */ 134 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383 ), color-stop(100%,#262626)); /* Chrome,Safari4+ */ 135 background: -webkit-linear-gradient(top, #838383 0%, #262626 100%); /* Chrome10+,Safari5.1+ */ 136 background: -o-linear-gradient(top, #838383 0%, #262626 100%); /* Opera 11.10+ */ 137 background: -ms-linear-gradient(top, #838383 0%, #262626 100%); /* IE10+ */ 138 background: linear-gradient(to bottom, #838383 0%, #262626 100%); /* W3C */ 139 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ 140 border-radius:6px; 141 border: 2px groove; 142 border-top-color:#A3A3A3; 143 border-left-color:#7A7A7A; 144 border-bottom-color:#5C5C5C; 145 border-right-color:#6D6D6D; 146} 147 148.m0_r { 149 margin-top:10px; 150 width:185px; 151 text-align:center; 152 font-family:Verdana; 153 background-color:#4E5659; 154 color:#ffffff; 155 font-weight:bold; 156 padding-top:0px; 157 position:relative; 158 text-shadow: 1px 1px 0px black; 159 border: 2px groove #6B7071; 160 border-top-left-radius:8px; 161 border-top-right-radius:8px; 162 height:33px; 163} 164 165.menu_clicked{ 166 margin-top: -1px; 167 width:185px; 168 height: 47px; 169 font-family:Verdana; 170 font-size : 12px; 171 color:#ffffff; 172 font-weight:bold; 173 padding-left:0px; 174 position:relative; 175 text-shadow: 1px 1px 0px black; 176 background: #8AA6BE; /* Old browsers */ 177 background: -moz-linear-gradient(top, #8AA6BE 0%, #668CAD 44%, #4A779D 45%, #3A6894 46%, #376C9B 100%); /* FF3.6+ */ 178 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8AA6BE ), color-stop(44%,#668CAD), color-stop(45%,#4A779D), color-stop(46%,#3A6894), color-stop(100%,#376C9B)); /* Chrome,Safari4+ */ 179 background: -webkit-linear-gradient(top, #8AA6BE 0%, #668CAD 44%, #4A779D 45%, #3A6894 46%,#376C9B 100%); /* Chrome10+,Safari5.1+ */ 180 background: -o-linear-gradient(top, #8AA6BE 0%, #668CAD 44%, #4A779D 45%, #3A6894 46%, #376C9B 100%); /* Opera 11.10+ */ 181 background: -ms-linear-gradient(top, #8AA6BE 0%, #668CAD 44%, #4A779D 45%, #3A6894 46%, #376C9B 100%); /* IE10+ */ 182 background: linear-gradient(to bottom, #8AA6BE 0%, #668CAD 44%, #4A779D 45%, #3A6894 46%, #376C9B 100%); /* W3C */ 183 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8AA6BE', endColorstr='#376C9B',GradientType=0 ); /* IE6-9 */ 184 border:2px groove #8AA6BE; 185 border-bottom-color: #6297A9; 186} 187 188/*for Safari*/ 189@media screen and (-webkit-min-device-pixel-ratio:0){ 190 .menu, .m0_r, .menu_clicked, .m_qis_r, .m_qis_r_blocked{ 191 border: 1px solid #6B7071; 192 } 193} 194 195/*for Firefox*/ 196@-moz-document url-prefix(){ 197 .menu, .m0_r, .menu_clicked{ 198 border: 2px groove #000; 199 } 200 201 .m_qis_r{ 202 border: 1px groove; 203 border-top-color:#A3A3A3; 204 border-left-color:#7A7A7A; 205 border-bottom-color:#5C5C5C; 206 border-right-color:#6D6D6D; 207 } 208 209 .m_qis_r_blocked{ 210 border: 1px groove; 211 border-top-color:#A3A3A3; 212 border-left-color:#7A7A7A; 213 border-bottom-color:#5C5C5C; 214 border-right-color:#6D6D6D; 215 } 216} 217 218.submenu {width:187px; font-family:Verdana; font-size:11px; line-height:20px;} 219.submenu a {height:26px; text-decoration:none; } 220.submenu a:link, .submenu a:visited { 221 color: #94ccf2; display: block; 222 background: url(images/n-button-01.gif); 223 padding-left:35px;} 224.submenu a:hover,.submenu a:active { 225 color: #ffffff; background:url(images/n-button-01.gif) 0 -26px;} 226 227.thissubmenu { 228 width:152px; 229 height:26px; 230 font-family:Verdana; 231 font-size:11px; 232 padding-left:35px; 233 background:url(images/n-button-01_r.gif) no-repeat; 234 color:#000000; 235 font-weight:bold; 236 line-height:20px; 237} 238 239/*==========================Level 3 Tab Class=================================*/ 240.submenuBlock{ 241 width:735px; 242 margin-top:-140px; 243/* background-color:#547fb6;*/ 244 padding-left:0px; 245 position:relative; 246} 247 248.b1{ 249 padding-top:3px; 250 padding-bottom:0px; 251 padding-left:10px; 252 padding-right:10px; 253 height:30px; 254 background:url(images/tag-1.gif) 0 bottom no-repeat; 255 font-weight:bold; 256 font-family :Verdana; 257 font-size : 12px; 258 color:#000000 259} 260 261.b2{ 262 padding-top:3px; 263 padding-bottom:0px; 264 padding-left:10px; 265 padding-right:10px; 266 height:30px; 267 background:url(images/tag-2.gif) 0 bottom no-repeat; 268 font-weight:bold; 269 font-family:Verdana; 270 font-size:12px; 271 color:#b7e1f7; 272 text-decoration:none; 273 cursor:pointer; 274} 275 276.b2 a:link{font-family :Verdana;font-size : 12px;color:#b7e1f7;text-decoration:none;} 277.b2 a:visited{font-family :Verdana;font-size : 12px;color:#b7e1f7;text-decoration:none;} 278.b2 a:active{font-family :Verdana;font-size : 12px;color:#b7e1f7;text-decoration:none;} 279.b2 a:hover{font-family :Verdana;font-size : 12px;color:#ffffff;position:relative;top:1px;left:1px} 280 281/*==========================Level 3 Tab Class=================================*/ 282.Help thead{ 283 font-family:Verdana; 284 font-size:12px; 285 line-height:19px; 286 font-weight:bold; 287 color:#000000; 288 background-image:url(images/title-bg-2.gif); 289 } 290.Help tbody{ 291 font-family:Verdana; 292 font-size:12px; 293 background-color: #FFFFCC; 294 text-align:left; 295 line-height:150%; 296} 297 298.AiHintTitle{ 299 font-family :Verdana; 300 font-size:11px; 301 font-weight:bold; 302 color:#000; 303 text-align:center; 304 float:left; 305 margin:0px 4px 0px 2px; 306 height:23px; 307 line-height:23px; 308} 309 310.sitemap{ 311 font-size:11px; 312 font-family:Verdana, Arial, Helvetica, sans-serif; 313 background-color:#E6EDF0; 314 border:1px solid #666; 315} 316.sitemap thead{ 317 text-align:center; 318 color:#FFF; 319 font-weight:bold; 320 background-color:#4e6d95; 321 font-size:12px; 322 line-height:150%; 323 font-family: Verdana, Arial, Helvetica, sans-serif; 324 border:1px solid #999; 325} 326.sitemap .head{ 327 text-align:center; 328 color:#FFF; 329 font-weight:bold; 330 background-color:#1F2D35; 331 font-size:12px; 332 line-height:150%; 333 font-family: Verdana, Arial, Helvetica, sans-serif; 334 border:1px solid #999; 335} 336.sitemap .desp{color:#FFF; background:#4D595D;} 337 338/**********AiHelp add by Lock*************/ 339#helpicon{ 340 font-family:Arial black, Arial, Helvetica, sans-serif; 341 font-size:12px; 342 color: #FF6600; 343 display:block; 344 cursor:pointer; 345 margin:2px 4px 0px 0px; 346} 347.closebutton{ 348 border:0px; 349 float:right; 350 margin:0px 4px 0px 4px; 351 position:relative; 352} 353.hint_body1 { 354 background-color:#FFFFFF; 355 color:#999999; 356 font-size:12px; 357 font-family:Verdana, Arial, Helvetica, sans-serif; 358 padding:8px; 359 width:165px 360} 361 362.hint_body1 span{ 363 color:#666; 364 font-weight:bold; 365} 366 367.hint_body2 { 368 width:165px; 369 padding:5px; 370 color:#333333; 371 font-size:12px; 372 font-family:Verdana, Arial, Helvetica, sans-serif; 373} 374.hint_body2 span{ 375 color:#333; 376 font-weight:bold; 377} 378 379.hintstyle:link{ 380 cursor:help; 381} 382 383.hintstyle2{ 384 color: #0066CC; 385 text-decoration:none; 386 border-bottom:1px dashed #069; 387 cursor:help; 388} 389.hintstyle2:link{ 390 color: #0fd517; 391 font-weight:bold; 392 text-decoration:none; 393 cursor:help; 394 border-bottom:1px solid #0fd517; 395} 396.hintstyle2:hover{ 397 color: #0fd517; 398 font-weight:bold; 399 text-decoration:none; 400 cursor:help; 401 border-bottom:1px solid #0fd517; 402} 403/**************Add by kcol***************/ 404 405.bottom-image {margin:0 auto; width:998px; background:url(images/New_ui/bottom_bg.png) no-repeat; height:30px; } 406.copyright {font-family :Verdana;font-size : 11px;text-align:right;color:#FFFFFF;padding-right:10px; margin:0 auto; width:983px;} 407 408.popup_bg{ 409 position:absolute; 410 margin: auto; 411 top: 0; 412 left: 0; 413 width:100%; 414 height:100%; 415 z-index:9999; 416 background-color: #444F53; 417 filter:alpha(opacity=94); /*IE5、IE5.5、IE6、IE7*/ 418 opacity: .94; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/ 419 background-repeat: repeat; 420 visibility:hidden; 421 overflow:hidden; 422} 423.popup_bar_bg{ 424 position:absolute; 425 margin: auto; 426 top: 0; 427 left: 0; 428 width:100%; 429 height:100%; 430 z-index:99; 431 background-color: #444F53; 432 filter:alpha(opacity=90); /*IE5、IE5.5、IE6、IE7*/ 433 background-repeat: repeat; 434 visibility:hidden; 435 overflow:hidden; 436 background:rgba(68, 79, 83, 0.9) none repeat scroll 0 0 !important; 437} 438 439.loadingBlock{ 440 filter:alpha(opacity=90); 441 opacity:.90; 442 -webkit-border-radius: 10px; 443 -moz-border-radius: 10px; 444 border-radius: 10px; 445 behavior: url(/PIE.htc); 446 border-radius: 10px 10px 10px 10px; 447 border: 0px; 448 *margin-top:200px; 449 width:400px; 450 font-size:20px; 451 color:#FFFFFF; 452 font-weight:bolder; 453 background-color:#000000; 454 position:absolute; 455 /*left:35%;*/ 456 top:0;Hot 457 z-index:200; 458 _position:absolute; 459} 460 461.dr_sweet_advise{ 462 filter:alpha(opacity=90); 463 opacity:.90; 464 -webkit-border-radius: 10px; 465 -moz-border-radius: 10px; 466 border-radius: 10px; 467 behavior: url(/PIE.htc); 468 border-radius: 10px 10px 10px 10px; 469 border: 0px; 470 /*margin-top:200px;*/ 471 width:500px; 472 font-size:20px; 473 color:#FFFFFF; 474 background-color:#000000; 475 font-family:Arial, Helvetica, sans-serif; 476 position:absolute; 477 margin:5px 35% 5px; 478} 479 480.loadingBarBlock{ 481 -webkit-border-radius: 10px; 482 -moz-border-radius: 10px; 483 behavior: url(/PIE.htc); 484 border-radius: 10px 10px 10px 10px; 485 border: 0px; 486 width:450px; 487 font-size:12px; 488 font-family:Verdana, Arial, Helvetica, sans-serif; 489 color:#FFFFFF; 490 background-color:#000000; 491 position:absolute; 492 margin:5px 33% 5px; 493} 494 495.hackiframe /* iframe for Hack IE 6.0 to avoid select menu over DIV layer. */ 496{ 497 display:none;/*sorry for IE5*/ 498 display/**/:block;/*sorry for IE5*/ 499 position:absolute;/*must have*/ 500 top:0;/*must have*/ 501 left:0;/*must have*/ 502 z-index:-1;/*must have*/ 503 filter:mask();/*must have*/ 504 width:3000px;/*must have for any big value*/ 505 height:3000px/*must have for any big value*/; 506} 507 508.dr{ 509 z-index:10; 510 position: absolute; 511 margin-top:0px; 512 margin-left:0px; 513 width:36px; 514 height:36px; 515 float:right; 516 background: url(/images/drsurf.png) no-repeat; 517} 518.dr a:link{ cursor:pointer; } 519.dr a:hover{ cursor:pointer; } 520 521.drsword{ 522 z-index:10; 523 position: absolute; 524 margin-top:0px; 525 margin-left:-148px; 526 background-color:#FFFFFF; 527 font-family:Verdana, Arial, Helvetica, sans-serif; 528 font-size:11px; 529 width:120px; 530 border:1px solid #999; 531 padding:5px; 532 visibility:hidden; 533} 534.wordarrow{ 535 z-index:10; 536 position: absolute; 537 margin-top:10px; 538 margin-left:-17px; 539 width:19px; 540 height:20px; 541 visibility:hidden; 542} 543 544.statusframe{ 545 display:none; 546 width: 180px; 547 height:400px; 548} 549 550.top_ssid{ 551 background:transparent; 552 border:0px; 553 font-size:11px; 554 font-family:Verdana, Arial, Helvetica, sans-serif; 555 width:150px; 556} 557.map_ssid{ 558 background:transparent; 559 border:0px; 560 font-size:10px; 561 font-family:Verdana, Arial, Helvetica, sans-serif; 562 width:110px; 563} 564.time{ 565 border:0px solid #333; 566 line-height:19px; 567 height:19px; 568} 569.title_link{ 570 cursor:pointer; 571 line-height:19px; 572 height:19px; 573 margin-left:5px; 574 margin-right:5px; 575 text-decoration: underline; 576 font-family:Lucida Console; 577 font-weight: bolder; 578 white-space: nowrap; 579} 580/*========================== router Tab =================================*/ 581.r1{ 582 padding-top:3px; 583 padding-bottom:0px; 584 padding-left:10px; 585 padding-right:10px; 586 height:25px; 587 width:50px; 588 background:url(images/tag-router2.gif) 0 bottom no-repeat; 589 font-weight:bold; 590 font-family :Verdana; 591 font-size : 12px; 592 color:#000000 593} 594 595.r2{ 596 padding-top:3px; 597 padding-bottom:0px; 598 padding-left:10px; 599 padding-right:10px; 600 height:25px; 601 width:50px; 602 background:url(images/tag-router1.gif) 0 bottom no-repeat; 603 font-weight:bold; 604 font-family:Verdana; 605 font-size:12px; 606 color:#b7e1f7; 607 text-decoration:none; 608 cursor:pointer; 609} 610 611.r2 a:link{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 612.r2 a:visited{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 613.r2 a:active{font-family :Verdana;font-size : 12px;color:#6b8fa3;text-decoration:none;} 614.r2 a:hover{font-family :Verdana;font-size : 12px;color:#ffffff;position:relative;top:1px;left:1px} 615 616 617/* ============ new ui =============*/ 618.titlebtn { 619 background: transparent url(images/New_ui/btn.png) no-repeat scroll right top; 620 color: White; 621 display: block; 622 float: left; 623 height: 34px; 624 padding-right: 10px; 625 margin-right: 10px; 626 text-decoration: none; 627 width:136px; 628 } 629.titlebtn span { 630 background: transparent url(images/New_ui/btnspan.png) no-repeat; 631 display: block; 632 padding: 5px 1px 5px 11px; 633 line-height: 24px; 634 font-weight: bold; 635 } 636 637 638.titlebtn:hover { 639 background-position: right -34px; 640 } 641.titlebtn:hover span { 642 background-position: left -34px; 643 } 644.titlebtn:active { 645 background-position: right -68px; 646 outline: none; 647 } 648.titlebtn:active span { 649 background-position: left -68px; 650} 651 652.titledropdownbtn { 653 background-image:url(images/dropdown_bt.png); 654 font-size:12px; 655 color:#FFFFFF; 656 text-decoration:none; 657 width:147px; 658 height:33px; 659 line-height:33px; 660} 661 662.titledropdownbtn:hover{ 663background-image:url(images/dropdown_btover.png); 664} 665 666.titledown{ 667font:Arial, Helvetica, sans-serif; 668color:#FFFFFF; 669font-size:12px; 670} 671.titledown a:link{ 672color:#FFFFFF; 673} 674.titledown:hover{ 675color:#FFFFFF; 676} 677 678.titledownbt{ 679font:Arial, Helvetica, sans-serif; 680padding-left:2px; 681margin-left:2px; 682color:#FFFFFF; 683font-size:12px; 684/*text-decoration:underline;*/ 685} 686 687/*Add by Viz*/ 688.titledownbtntext{ 689font:Arial, Helvetica, sans-serif; 690color:#FFFFFF; 691font-size:12px; 692text-decoration:none; 693text-align:center; 694width:122px; 695} 696 697.index_status{ 698 font:Impact; 699 font-size:20px; 700 text-shadow: 1px 1px 0px black; 701} 702 703.modelName_top{ 704 font:Impact; 705 font-size:18px; 706 text-shadow: 1px 1px 0px black; 707 float:left; 708 margin-top:20px; 709 margin-left:-95px; 710 font-weight:bolder; 711} 712.cloud_main_radius{ 713 -webkit-border-radius: 10px; 714 -moz-border-radius: 10px; 715 border-radius: 10px; 716} 717.cloud_main_radius_left{ 718 -webkit-border-radius: 10px 0 0 10px; 719 -moz-border-radius: 10px 0 0 10px; 720 border-radius: 10px 0 0 10px; 721} 722.cloud_main_radius_right{ 723 -webkit-border-radius: 0 10px 10px 0; 724 -moz-border-radius: 0 10px 10px 0; 725 border-radius: 0 10px 10px 0; 726} 727 728#index_img0{ 729 background: url(images/New_ui/icon_indexes.png); 730 background-position: -0px -0px; width: 43px; height: 43px; 731} 732._index{ 733 background: url(images/New_ui/icon_indexes.png); 734 background-position: -0px -40px; width: 43px; height: 43px; 735} 736._Guest_network{ 737 background: url(images/New_ui/icon_indexes.png); 738 background-position: -0px -86px; width: 43px; height: 43px; 739} 740._AdaptiveQoS_Bandwidth_Monitor{ 741 background: url(images/New_ui/icon_indexes.png); 742 background-position: -0px -128px; width: 43px; height: 43px; 743} 744._GameBoost{ 745 background: url(images/New_ui/game.png); 746 background-position: 0px 0px; width: 43px; height: 43px; 747} 748._TrafficAnalyzer_Statistic, ._QoS_EZQoS{ 749 background: url(images/New_ui/icon_indexes.png); 750 background-position: -0px -170px; width: 43px; height: 43px; 751} 752._AiProtection_HomeSecurity, ._ParentalControl{ 753 background: url(images/New_ui/icon_indexes.png); 754 background-position: -0px -216px; width: 43px; height: 43px; 755} 756._APP_Installation{ 757 background: url(images/New_ui/icon_indexes.png); 758 background-position: -0px -256px; width: 43px; height: 43px; 759} 760._cloud_main{ 761 background: url(images/New_ui/icon_indexes.png); 762 background-position: -0px -297px; width: 43px; height: 43px; 763} 764#menu_img1{ 765 background: url(images/New_ui/icon_menues.png); 766 background-position: -0px 4px; width: 43px; height: 40px; 767} 768#menu_img2{ 769 background: url(images/New_ui/icon_menues.png); 770 background-position: -0px 4px; width: 43px; height: 40px; 771} 772#menu_img3{ 773 background: url(images/New_ui/icon_menues.png); 774 background-position: -0px -36px; width: 43px; height: 40px; 775} 776#menu_img4{ 777 background: url(images/New_ui/icon_menues.png); 778 background-position: -0px -73px; width: 43px; height: 40px; 779} 780#menu_img5{ 781 background: url(images/New_ui/icon_menues.png); 782 background-position: -0px -73px; width: 43px; height: 40px; 783 /*background-position: -0px -109px; width: 43px; height: 40px;*/ 784} 785#menu_img6{ 786 background: url(images/New_ui/icon_menues.png); 787 background-position: -0px -109px; width: 43px; height: 40px; 788 /*background-position: -0px -145px; width: 43px; height: 40px;*/ 789} 790#menu_img7{ 791 background: url(images/New_ui/icon_menues.png); 792 background-position: -0px -145px; width: 43px; height: 40px; 793 /*background-position: -0px -183px; width: 43px; height: 40px;*/ 794} 795#menu_img8{ 796 background: url(images/New_ui/icon_menues.png); 797 background-position: -0px -183px; width: 43px; height: 40px; 798 /*background-position: -0px -221px; width: 43px; height: 40px;*/ 799} 800#menu_img9{ 801 background: url(images/New_ui/icon_menues.png); 802 background-position: -0px -221px; width: 43px; height: 40px; 803 /*background-position: -0px -257px; width: 43px; height: 40px;*/ 804} 805#menu_img10{ 806 background: url(images/New_ui/icon_menues.png); 807 background-position: -0px -257px; width: 43px; height: 40px; 808 /*background-position: -0px -293px; width: 43px; height: 40px;*/ 809} 810#menu_img11{ 811 background: url(images/New_ui/icon_menues.png); 812 background-position: -0px -293px; width: 43px; height: 40px; 813} 814#bottom_help_icon{ 815 background: url(images/New_ui/bottom_help.png); 816 background-position: -0px -0px; width: 19px; height: 19px; 817} 818#bottom_help_title{ 819 font-family:Arial, Helvetica, sans-serif; 820 font-weight:bolder; 821 color: #569AC7; 822} 823 824.input_FAQ_table{ 825 margin-left:2px; 826 padding-left:0.4em; 827 height:23px; 828 width:213px; 829 line-height:23px \9; /*IE*/ 830 font-size:12px; 831 font-family: Lucida Console; 832 background-image:url(/images/New_ui/bottom_text.png); 833 border-width:0; 834 color:#FFFFFF; 835} 836.bottom_help_FAQ_icon{ 837 background: url(images/New_ui/bottom_search.png); 838 background-position: -0px -0px; width: 32px; height: 32px; 839} 840.bottom_help_FAQ_icon:hover{ 841 background: url(images/New_ui/bottom_search.png); 842 background-position: -0px -32px; width: 32px; height: 32px; 843} 844.bottom_help_FAQ_icon:active{ 845 background: url(images/New_ui/bottom_search.png); 846 background-position: -0px -64px; width: 32px; height: 32px; 847} 848 849.block_filter{ 850 background: #758084; /* Old browsers */ 851 background: -moz-linear-gradient(top, #758084 0%, #546166 36%, #394245 100%); /* FF3.6+ */ 852 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#758084), color-stop(36%,#546166), color-stop(100%,#394245)); /* Chrome,Safari4+ */ 853 background: -webkit-linear-gradient(top, #758084 0%,#546166 36%,#394245 100%); /* Chrome10+,Safari5.1+ */ 854 background: -o-linear-gradient(top, #758084 0%,#546166 36%,#394245 100%); /* Opera 11.10+ */ 855 background: -ms-linear-gradient(top, #758084 0%,#546166 36%,#394245 100%); /* IE10+ */ 856 background: linear-gradient(to bottom, #758084 0%,#546166 36%,#394245 100%); /* W3C */ 857 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758084', endColorstr='#394245',GradientType=0 ); /* IE6-9 */ 858 border-color:#222728; 859 border-width:1px; 860 border-style:solid; 861} 862 863.block_filter_name{ 864 text-align:center; 865 padding-top:5px; 866 color:#CCCCCC; 867 font-size:14px 868} 869 870.block_filter_name:hover{ 871 color:#FFFFFF; 872} 873 874.block_filter_pressed{ 875 background-color:#353D40; 876 border-color:#222728; 877 border-width:1px; 878 border-style:inset; 879} 880 881.block_filter_name_table{ 882 text-align:center; 883 color:#CCCCCC; 884 font-size:14px; 885 width: 100%; 886 height: 100%; 887} 888.block_filter_name_table:hover{ 889 color:#FFFFFF; 890} 891.block_filter_name_table_pressed{ 892 text-align:center; 893 color:#93A9B1; 894 font-size:14px; 895 width:100%; 896 height:100%; 897} 898 899.usb_count_circle { 900 position: absolute; 901 width: 30px; 902 height: 30px; 903 border-radius: 50%; 904 background: #333; 905 margin-top: -130px; 906 margin-left: 100px; 907 line-height: 33px; 908 text-align: center; 909 box-shadow: 1px 2px 2px #000; 910} 911