Added files via upload

This commit is contained in:
William Todt 2016-03-17 17:40:25 +01:00
parent 324ffafa13
commit 934cfab979
14 changed files with 3091 additions and 0 deletions

View File

@ -0,0 +1,27 @@
.MNUTitle
{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
height:25px;
color:#0099cc;
width:600px;
padding-left:20px;
font-weight:bold;
}
.MNUText{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
height:25px;
color:#404040;
font-weight:bold;
}
.MNUTitle2
{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
height:25px;
color:#0707DD;
width:600px;
font-weight:bold;
}

View File

@ -0,0 +1,175 @@
button {
border: 0;
cursor: pointer;
overflow: visible; /* removes extra side padding in IE */
}
button:active{
-ms-background-position-x:1px;
-ms-background-position-y:1px;
}
.button-grey span.roundleft_grey{
padding: 3px 0px 5px 10px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_grey.gif") no-repeat left 0px;
color:#F2F2F2;
white-space:nowrap;
}
.roundleft_grey{
padding: 3px 0px 5px 10px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_grey.gif") no-repeat left 0px;
color:#F2F2F2;
white-space:nowrap;
}
.roundright_grey{
padding: 3px 5px 5px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_grey.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
}
.button-grey{
padding: 5px 0px 5px 0px;
margin:0px;
border:0px;
height:25px;
font-size:11px;
font-family:Arial;
background: transparent;
}
.roundleft_button{
padding: 3px 0px 5px 10px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_button.gif") no-repeat left 0px;
color:#F2F2F2;
white-space:nowrap;
}
.button-rule span.roundleft_button{
padding: 3px 0px 5px 10px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_button.gif") no-repeat left 0px;
color:#F2F2F2;
white-space:nowrap;
}
.roundright_button{
padding: 3px 5px 5px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_button.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
}
.button-rule{
padding: 5px 0px 5px 0px;
margin:0px;
border:0px;
height:25px;
font-size:11px;
font-family:Arial;
background: transparent;
}
.button-apply span.roundleft_apply{
padding: 3px 0 5px 20px;
width:20px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_apply.gif") no-repeat left 0px ;
color:#F2F2F2;
white-space:nowrap;
}
.roundright_apply{
padding: 3px 0px 5px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_apply.gif") no-repeat right top;
color:#F2F2F2;
white-space:nowrap;
}
.button-apply{
padding: 5px 0px 5px 0px;
margin:0px;
height:25px;
font-size:11px;
font-family:Arial;
background: transparent;
}
.button-help-arrow{
float:left;
margin-left:-30px;
padding-top:2px;
}
.button-help-arrow a:hover{
cursor:pointer;
}
.refresh-icon{
background-image:url('../img/refresh-icon.gif');
background-repeat:no-repeat;
background-position:0px 2px;
}
.cancel-icon{
background-image:url('../img/cancel_icon.gif');
background-repeat:no-repeat;
background-position:0px 2px;
}
.add-icon{
background-image:url('../img/add_icon.gif');
background-repeat:no-repeat;
background-position:0px 2px;
}
.apply-icon{
background-image:url('../img/apply_icon.gif');
background-repeat:no-repeat;
background-position:0px 2px;
}
.edit-icon{
background-image:url('../img/edit_icon.gif');
background-repeat:no-repeat;
background-position:0px 2px;
}
.apply_bt{ height: 22px; color: #f2f2f2; font-family: Arial; font-weight: Bold; font-size: 14px; background-color: transparent; border: none; cursor: pointer; padding-bottom: 2px;}
.apply_bt{width: 130px; background: url(../img/_m_upgrade.gif) no-repeat;}

View File

@ -0,0 +1,67 @@
.help-text{
font-family:Arial;
}
h1{
font-size:16px;
color:#989dff;
font-weight:bold;
}
h2{
font-size:16px;
color:#ffffff;
font-weight:bold;
}
font,b{
color:#989dff;
}
p{
font-size:12px;
}
p.inline{
display:inline;
}
body{
font-family:Arial;
background-color:#202020;
color:#E0E0E0;
width:100%;
height:100%;
overflow:no;
font-size:12px;
scrollbar-track-color:#767676;
scrollbar-arrow-color:#E0E0E0;
scrollbar-face-color:#E0E0E0;
scrollbar-3dlight-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-shadow-color:#E0E0E0;
scrollbar-darkshadow-color:#E0E0E0;
}
li{
font-size:12px;
}
ul{
font-size:12px;
}
b#italic{
overflow:auto;
font-size:12px;
color:#E0E0E0;
}

View File

@ -0,0 +1,64 @@
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}
.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #aaa;
}
.jScrollPaneDrag {
position: absolute;
background: #666;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}
a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}

View File

@ -0,0 +1,83 @@
/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input
{
float:left;
color:#000; /* must specify along with watermark color */
height:16px; /* required for webkit browsers (Safari, Chrome) */
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow
{
float:left;
width:18px;
height:22px;
background-image:url(../img/sel_win7.gif);
}
.ffb-arrow.out { /* css sprite technique */
background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
background-position:-18px 0;
}
.ffb-arrow.active { /* css sprite technique */
background-position:-35px 0;
}
.ffb-no-results
{
padding:2px;
color:#888;
font-style:italic;
border-bottom:1px solid #828790;
}
/* Container for dropdown contents */
.ffb {
position:absolute; /* this guy's parent div is hard-coded to position:relative */
overflow:hidden;
border-left:1px solid #828790; /* #7B9EBD for Vista */
border-right:1px solid #828790;
background-color:#fff; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .content {
overflow:auto;
}
.ffb .content .row {
border-bottom:0px ;
color:#000;
height:20px;
clear:both;
}
.ffb-sel {
cursor:pointer;
cursor:hand;
color:#fff !important;
background-color:#39f;
}
.ffb-match {
font-weight:bold;
color:#000;
}
/* Paging */
.ffb .paging {
vertical-align:middle;
border-bottom:1px solid #828790;
}
.ffb .page, .ffb a.page {
font-size:85%;
padding:2px;
border:solid 1px #339;
background-color:#eef;
margin:2px;
}
.ffb .box {
width:22px;
margin:2px;
}
.ffb .summary {
font-size:85%;
}

View File

@ -0,0 +1,120 @@
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

View File

@ -0,0 +1,182 @@
html, body {
margin: 0;
padding: 0;
background-color:#e5e5e5;
min-height:600px;
}
h1{
padding-left:37%;
font-size:16px;
font-family:arial;
}
h2{
padding-left:20%;
font-size:14px;
font-family:arial;
}
hr{
border:none;
border-top:1px solid black;
height:0;
}
.topframe{
background-color:#2b2b2b;
color:#ffffff;
font-size:12px;
font-family:Arial;
margin:0;
padding: 0;
}
.newtopframe{
background-color:#ffffff;
color:#000000;
font-size:12px;
font-family:Arial;
margin:0;
padding: 0;
}
.WNRTitle{
font-family:Arial;
padding-top:0px;
padding-bottom:0px;
margin-top: 0px;
padding-left:15px;
font-weight:bold;
font-size:12px;
}
.main-page-bottom-table{
#padding-left:20px;
margin-top:15px;
margin-left:20px;
height:20px;
width:95%;
border-collapse:collapse;
}
.main-page-help-support-text{
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.main-page-bottom-text{
margin:0px;
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
color:#C0C0C0;
font-size:12px;
font-weight:Normal;
border-left-style:solid;
border-color:#EEEEEE;
border-left-width:1px;
}
.main-page-search-go{
background-image:url(../img/search-go.gif);
background-repeat:no-repeat;
border-style: none;
background-color:#373737;
width:35px;
margin-left:3px;
height:20px;
font-family:arial;
color:#ffffff;
font-weight:bold;
}
.main-page-contain{
#background-image:url(../frame_back.jpg);
background-repeat:no-repeat;
}
.main-page-contain2{
#background-image:url(../frame_back2.jpg);
background-repeat:no-repeat;
}
.main-page-contain-loading{
background-image:url(../ajax-loader.gif);
background-repeat:no-repeat;
background-position:45% 40%;
}
.selectbox{
background-color:#ffffff;
color:#373737;
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-weight:bold;
}
div#preloaded-images {
position: absolute;
overflow: hidden;
left: -9999px;
top: -9999px;
height: 1px;
width: 1px;
}
.pointer-cursor{
cursor: pointer;
}
.default-cursor{
cursor: auto;
}
#top{_width: 1440px; min-width: 820px; height: 97px; position: absolute; left: 20px; right: 20px; }
#topframe{width: 100%; height: 97px; }
#middle{ width: 100%; min-height:455px; _height: 795px; position:absolute; top:5px; bottom:0px; left: 0; right: 0; }
#menu{ float: left; width: 195px; font-family: Arial; font-weight: Bold; font-size: 15px; text-align: left; position:absolute; top:0; bottom:45px;}
#menu .basic_button{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_white.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer; overflow:hidden;}
#menu .basic_button_big{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/basic_menu_white_big.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer;}
#menu .basic_button_big_grey{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/basic_menu_grey_big.gif); background-repeat: no-repeat; color: #4e4e4e;cursor:pointer;}
#menu .basic_button_purple{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_purple.gif); background-repeat: no-repeat; color: #ffffff;}
#menu .basic_button_big_purple{margin-bottom: 5px; width: 190px; height: 46px; padding-left:5px; padding-top:5px; background-image:url(../image/menu/baisc_menu_white_big_purple.gif); background-repeat: no-repeat; color: #ffffff;}
#menu .basic_button_grey{margin-bottom: 5px; width: 190px; height: 29px; background-image:url(../image/menu/basic_menu_grey.gif); background-repeat: no-repeat; color: #808080;}
#menu .basic_button span, #menu .basic_button_purple span, #menu .basic_button_big span, #menu .basic_button_big_purple span, #menu .basic_button_big_grey span{ display:-moz-inline-box; display:inline-block; width:160px; }
#menu .basic_button b, #menu .basic_button_purple b, #menu .basic_button_grey b{margin:auto 5px; line-height:28px;}
#menu .basic_button_big b, #menu .basic_button_big_purple b , #menu .basic_button_big_grey b{margin:auto; line-height:22px; width:10px;}
#formframe_div{float: left; min-width: 625px; _width: 1245px; min-height: 410px; _height: 707px; position:absolute; top:0; bottom:45px; left:200px; right: 0; }
.container_center{width:910px; min-width:910px; position:absolute; top:610px; bottom:0; left: 20px; right: 20px; }
.footer{ width: 100%; height: 43px; float: left; color: #ffffff; position:absolute; bottom:0px; }
.footer_double{ width: 100%; height: 86px; color: #ffffff; position:absolute; bottom:0px; }
.footer_img { width: 100%; height: 100%; }
.footer b, .footer_double b{font: bold 16px arial;}
.footer a, .footer_double a{ color: #ffffff; font: normal 11px arial; text-decoration: none;}
.footer #support{ float:left; line-height: 42px; position: absolute; left: 10px; top: 0; }
.footer_double #support{ line-height: 42px; position: absolute; left: 10px; top: 0;}
.footer #search{ float: right; position: absolute; top: 10px; right: 10px;}
.footer_double #search{ float: right; position: absolute; bottom: 10px; right: 10px;}
#footer #search .search_button{background: Transparent url(../img/search_button.gif ) no-repeat; border: none; width:39px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; }
#footer #search .search_button_middle{background: Transparent url(../img/search_button_middle.gif ) no-repeat; border: none; width:65px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; }
#footer #search .search_button_long{background: Transparent url(../img/search_button_long.gif ) no-repeat; border: none; width:95px; height:22px; font: bold 14px arial ; color: #ffffff; cursor: pointer; }

View File

@ -0,0 +1,508 @@
/* tab pane styling */
body {
width:100%;
}
.panes div {
display:none;
width:100%;
height:100%;
border:0;
border-top:0;
font-size:14px;
background-color:#E5E5E5;
}
.panes{
display:none;
width:100%;
height:100%;
border:0;
border-top:0;
font-size:14px;
background-color:#E5E5E5;
}
.basic-menu{
margin:0px;
margin-left:10px;
margin-top:20px;
color:#4e4e4e;
background-color:#E5E5E5;
height:480px;
width:200px;
}
.basic-menu-div{
list-style:none;
margin-left:0px;
height:30px;
width:200px;
background-color:#E5E5E5;
background: url("../img/basic-white-button.gif") no-repeat left top;
}
.basic-menu-div span{
color: #4C4C4C;
margin-left:10px;
float:left;
width:180px;
padding-top:4px;
background: url("../img/barrow.jpg") no-repeat 165px 8px;
}
.basic-menu-div a{
text-decoration:none;
color:#4e4e4e;
font-weight:bold;
background-color:#E5E5E5;
padding-top:5px;
}
.basic-menu-div a:hover{
text-decoration:none;
color:#4e4e4e;
font-weight:bold;
background-color:#E5E5E5;
padding-top:5px;
cursor:pointer;
}
.basic-menu-eco-div{
list-style:none;
margin-left:0px;
height:30px;
width:200px;
background-color:#E5E5E5;
background: url("../img/basic-green-button.gif") no-repeat left top;
}
.basic-menu-eco-div span{
color: #000000;
margin-left:10px;
float:left;
width:180px;
padding-top:5px;
background: url("../img/barrow.gif") no-repeat 165px 8px;
}
.basic-menu-eco-div a{
text-decoration:none;
color:#000000;
font-weight:bold;
background-color:#E5E5E5;
padding-top:6px;
}
.basic-menu-eco-div a:hover{
text-decoration:none;
color:#000000;
font-weight:bold;
background-color:#E5E5E5;
padding-top:6px;
cursor:pointer;
}
.basic-menu-div-gray{
list-style:none;
margin-left:0px;
height:30px;
width:200px;
background-color:#E5E5E5;
background: url("../img/gray-button.gif") no-repeat;
}
.basic-menu-div-gray span{
margin-left:10px;
float:left;
width:180px;
color:#767676;
padding-top:4px;
background: url("../img/barrow.gif") no-repeat 165px 8px;
}
.basic-menu-div-gray a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
background-color:#E5E5E5;
padding-top:5px;
}
.basic-menu-div-gray a:hover{
text-decoration:none;
color:#4e4e4e;
font-weight:bold;
background-color:#E5E5E5;
padding-top:5px;
cursor:pointer;
}
.menuActive{
list-style:none;
height:30px;
width:200px;
background: url("../img/basic-purple-button.gif") no-repeat left top;
}
.menuActive a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
.menuActive span{
float:left;
color:#ffffff;
background: url("../img/warrow.jpg") no-repeat 165px 8px;
}
.advance-menu{
padding:0;
margin:0;
color:#4e4e4e;
font-family:arial;
list-style:none;
margin-top:20px;
margin-left:10px;
font-size:12px;
height:480px;
width:200px;
}
.advance-menu ul{
margin:0;
padding:0;
}
.advance-menu li{
zoom:1;
vertical-align:middle;
}
.advance-menu li.noSub{
margin:0;
padding:0;
height:24px;
padding-top:4px;
background: url("../img/roundedcornr_637010.gif") no-repeat;
}
.advance-menu li.noSubLarge{
margin:0;
padding:0;
height:40px;
padding-top:4px;
background: url("../img/basic-black-button-large.gif") no-repeat;
}
.advance-menu li.noSubActive{
padding:0;
height:24px;
padding-top:4px;
background: url("../img/basic-purple-button.gif") no-repeat;
}
.advance-menu li.noSubActiveLarge{
padding:0;
height:40px;
padding-top:4px;
background: url("../img/basic-purple-button-large.gif") no-repeat;
}
.advance-menu li.noSubGray{
margin:0;
padding:0;
height:24px;
padding-top:4px;
background: url("../img/gray-button.gif") no-repeat;
color:#767676;
}
.advance-menu li.noSubGrayLarge{
margin:0;
padding:0;
height:40px;
padding-top:4px;
background: url("../img/basic-gray-button-large.gif") no-repeat;
color:#767676;
}
.advance-menu li.SubActive{
margin:0;
padding:0;
height:28px;
color:#4e4e4e;
padding-top:4px;
padding-left:5px;
width:200px;
background: url("../img/basic-white-button.gif") no-repeat;
}
.advance-menu li.SubActive span{
margin-left:5px;
padding:0px;
float:left;
width:200px;
color:#4e4e4e;
padding-left:10px;
background: url("../img/barrow_down.jpg") no-repeat 0px;
}
.advance-menu li.noSub span{
float:left;
width:180px;
color:#ffffff;
margin-left:10px;
}
.advance-menu li.noSubLarge span{
float:left;
width:180px;
color:#ffffff;
margin-left:10px;
}
.advance-menu li.noSubGray span{
float:left;
width:180px;
color:#767676;
margin-left:10px;
}
.advance-menu li.noSubGrayLarge span{
float:left;
width:180px;
color:#767676;
margin-left:10px;
}
.advance-menu li.Sub{
margin:0;
padding:0;
height:25px;
color:#4e4e4e;
padding-top:2px;
background: url("../img/basic-white-button.gif") no-repeat;
}
.advance-menu li.Sub span{
float:left;
width:200px;
color:#4e4e4e;
padding-left:10px;
background: url("../img/barrow.jpg") no-repeat 0px;
margin-left:10px;
}
.advance-menu li.SubMenu{
margin:0;
padding:0;
height:18px;
color:#4e4e4e;
list-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#d4d4d4;
width:200px;
}
.advance-menu li.SubMenu span{
text-decoration:underline;
float:left;
width:170px;
padding-top:0px;
color:#4e4e4e;
padding-left:20px;
}
.advance-menu li.SubMenu{
margin:0;
padding:0;
height:17px;
color:#4e4e4e;
list-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#d4d4d4;
width:200px;
}
.advance-menu li.SubMenuDisable{
margin:0;
padding:0;
height:20px;
color:#adadad;
list-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#d4d4d4;
width:200px;
}
.advance-menu li.SubMenuDisable span{
float:left;
width:170px;
padding-top:0px;
color:#adadad;
background:#e5e5e5;
padding-left:20px;
}
.advance-menu li.SubMenuLarge{
margin:0;
padding:0;
height:32px;
color:#4e4e4e;
list-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#d4d4d4;
width:200px;
}
.advance-menu li.SubMenuLarge span{
text-decoration:underline;
float:left;
width:170px;
padding-top:0px;
color:#4e4e4e;
background:#e5e5e5;
padding-left:20px;
}
.advance-menu li.SubMenuLargeDisable{
margin:0;
padding:0;
height:32px;
color:#adadad;
list-style:none;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#d4d4d4;
width:200px;
}
.advance-menu li.SubMenuLargeDisable span{
float:left;
width:170px;
padding-top:0px;
color:#adadad;
background:#e5e5e5;
padding-left:20px;
}
.advance-menu li.SubMenuHover span{
margin-left:0px;
padding-left:0px;
text-decoration:none;
float:left;
width:170px;
color:#9d98ff;
border-top-style:solid;
border-width:1px;
background:url();
}
.advance-menu li.SubMenuActive{
margin:0;
padding:0;
height:21px;
color:#4e4e4e;
list-style:none;
width:200px;
background:url("../img/subMenuActive.png") no-repeat 15px -2px;
}
.advance-menu li.SubMenuActive span{
margin-left:20px;
padding-left:0px;
text-decoration:none;
float:left;
width:170px;
color:#ffffff;
}
.advance-menu li.SubMenuActiveLarge{
margin:0;
padding:0;
height:32px;
color:#4e4e4e;
width:200px;
list-style:none;
background:url("../img/subMenuActiveLarge.png") no-repeat 15px -2px;
}
.advance-menu li.SubMenuActiveLarge span{
margin-left:20px;
padding-left:0px;
width:170px;
text-decoration:none;
float:left;
color:#ffffff;
}
.advance-menu span{
float:left;
}
.advance-menu a{
text-decoration:none;
color:#ffffff;
font-weight:bold;
}
.advance-menu a:hover{
text-decoration:none;
color:#ffffff;
font-weight:bold;
cursor:pointer;
}
.subHeader ul{
margin-top:0;
padding-top:0;
list-style:none;
height:150px;
}

View File

@ -0,0 +1,159 @@
/* root element for tabs */
ul.tabs {
list-style:none;
margin:0px;
padding-left:10px;
padding-top:5px;
height:30px;
background-color:transparent;
font-family:arial;
overflow: hidden;
white-space: nowrap;
}
/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin-left:5px;
background-color:transparent;
list-style-image:none !important;
display: inline;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background: url(../img/qos-tab-nonactive.jpg) no-repeat 0;
font-size:15px;
font-weight:bold;
display:block;
height: 35px;
line-height:35px;
width: 152px;
text-align:center;
text-decoration:none;
color:#4e4e4e;
padding:0px;
position:relative;
top:0px;
top: 0px\9;
font-family:arial;
}
ul.tabs a:active {
outline:none;
background: url(../img/qos-tab-nonactive.jpg) no-repeat 0;
}
/* when mouse enters the tab move the background image */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background: url(../img/qos-tab-hover.jpg) no-repeat 0;
cursor:default !important;
color:#000 !important;
}
.firmware-update-hint{
background-image:url("../img/firmware-hint-background.gif");
background-position:0px -1px;
background-repeat:no-repeat;
margin-left:40px;
margin-top:3px;
float:left;
width:380px;
height: 22px;
font-weight:bold;
position: relative;
right: -350px;
top: 33px;
z-index:5;
}
.firmware-update-hint-short{
background-position:0px -1px;
background-repeat:no-repeat;
margin-left:40px;
margin-top:3px;
float:left;
width:380px;
height: 22px;
font-weight:bold;
position: relative;
right: -350px;
top: 33px;
z-index:5;
}
.language-option{
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
margin-top:4px;
margin-bottom:5px;
font-size:12px;
font-weight:normal;
}
firmware_update_click a:hover{
mouse:pointer;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* initially all panes are hidden */
.panes .pane {
display:none;
}
.button-rule span.roundleft_update{
padding: 4px 0px 15px 20px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_update.gif") no-repeat left 0px;
color:#F2F2F2;
cursor: pointer;
white-space:nowrap;
}
.roundright_update{
padding: 4px 5px 15px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_update.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
cursor: pointer;
}
.roundright_update_org{
padding: 4px 0px 4px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_update.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
cursor: pointer;
}

View File

@ -0,0 +1,123 @@
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 12px;
height: 100%;
background-color: #202020;
}
.jspHorizontalBar
{
display:none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background-color:#202020;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #c0c0d0;
position: relative;
}
.jspDrag
{
background: #808080;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

View File

@ -0,0 +1,12 @@
body {
font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana,Arial;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}

View File

@ -0,0 +1,695 @@
.basic-text{
padding-top:0px;
margin-top:0px;
}
.basic-text-menu{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
.basic-text-menu-bottom{
border-collapse:collapse;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
.basic-text-content-bottom{
font-family:Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.basic-text-menu-pr{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Simsun,Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
iframe{
background-color:transparent;
}
.basic-text-subTitle{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color:#69B4CB;
font-weight:bold;
width:50%;
}
.basic-text-subTitle-pr{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Simsun,Arial;
font-size:12px;
border-color:#FFFFFF;
color:#69B4CB;
font-weight:bold;
width:50%;
}
.basic-text-content{
font-family:Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
height:13px;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.basic-text-content-pr{
font-family:Simsun,Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
height:13px;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.page-table{
margin:0px;
font-size:14px;
background:-moz-linear-gradient(top,white,rgb(230,230,230));
background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF), to(#E6E6E6)); -webkit-background-origin: padding;-webkit-background-clip:content;
border-collapse:collapse;
background-color:#C0C0C0;
filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E6E6E6', startColorstr='#FFFFFF', gradientType='0');
}
.basic-table-seperate-border{
border-left-style:solid;
border-right-style:solid;
width:320px;
height:1px;
border-top-style:none;
border-bottom-style:none;
border-left-width:4px;
border-right-width:4px;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
}
.table-seperate-border{
padding-left:10px;
padding-right:10px;
border-left-style:solid;
border-right-style:solid;
border-left-width:1px;
border-right-width:1px;
border-left-color:#808080;
border-right-color:#808080;
}
.scrollpane-table-seperate-border{
padding-left:20px;
padding-right:5px;
border-left-style:solid;
border-right-style:solid;
border-left-width:1px;
border-right-width:1px;
border-left-color:#808080;
border-right-color:#808080;
}
.basic-table-seperate{
height:1px;
border-color:#D0D0D0;
background-color:#D0D0D0;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.basic-table-seperate-2{
height:1px;
border-color:transparent;
background-color:transparent;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.adv-home-table-seperate{
height:1px;
width:615px;
border-color:#C0C0C0;
border-style:normal;
background-color:#C0C0C0;
margin-left:10px;
margin-right:10px;
border-bottom-color:#ffffff;
border-top-style:none;
border-left-style:none;
border-right-style:none;
border:1px;
overflow:hidden;
}
.adv-home-table-seperate-2{
height:1px;
width:615px;
border-color:#ffffff;
border-style:normal;
background-color:#ffffff;
margin-left:10px;
margin-right:10px;
border-bottom-color:#ffffff;
border-top-style:none;
border-left-style:none;
border-right-style:none;
border:1px;
overflow:hidden;
}
.table-seperate{
height:1px;
border-color:#000000;
background-color:#000000;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.box-header-table {
border-collapse:collapse;
margin-left:5px;
background:url('../img/box-header-background.gif') no-repeat;
}
.box-header-table-large {
border-collapse:collapse;
margin-left:5px;
height:43px;
background:url('../img/box-header-background-large.gif') no-repeat;
}
.box-header {
margin:0px;
width:305px;
height:17px;
vertical-align:top;
}
.page-table-bottom-3{
background-position:0px -14px;
height:10px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
background-color:#FFFFFF;
}
.page-table-bottom-2{
background:url(../img/page-table-bottom-2.gif);
background-position:0px -4px;
font-size:8px;
height:8px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
}
.page-table-bottom{
background:url(../img/page-table-bottom.gif);
background-position:0px -14px;
height:10px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
background-color:#FFFFFF;
}
.box-header-text{
font-family:Arial;
padding-left:5px;
height:10px;
width:340px;
color:#E5E5E5;
background-position:-35px 0px;
font-size:14px;
font-weight:Bold;
text-decoration:underline;
}
.box-header-text-pr{
font-family:Simsun,Arial;
padding-left:5px;
height:10px;
width:340px;
color:#E5E5E5;
background-position:-35px 0px;
font-size:14px;
font-weight:Bold;
text-decoration:underline;
}
.warning-text-menu{
height:13px;
text-decoration:underline;
padding-left:20px;
border-left: 4px;
color:#E77800;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color:#E77800;
font-weight:bold;
width:60%;
}
.warning-text-content{
border-right: 4px;
text-decoration:underline;
border-right-style:solid;
color:#E77800;
height:13px;
font-size:12px;
border-color:#FFFFFF;
width:40%;
}
.page-table-button{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:relative;
}
.page-table-button-large{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:140px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:relative;
}
.page-table-button-left{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:100% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-right{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:70% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-large-left{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:1px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:280px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:100% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-large-right{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:140px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:70% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-gray{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#767676;
height:16px;
width:140px;
background: url("../img/page-table-button-gray.gif") no-repeat;
background-position:relative;
}
.subhead{
height:32px;
width:740px;
background: url("../img/subhead-top.gif") no-repeat 0px 0px;
background-position:relative;
}
.subhead-bottom{
height:29px;
width:740px;
background: url("../img/subhead-bottom.gif") no-repeat 0px 0px;
background-position:relative;
}
.subhead-text{
font-family:Arial;
font-size:14px;
color:#E5E5E5;
font-weight:bold;
padding-left:20px;
background-position:relative;
padding-top:7px;
}
.subhead-text-menu{
height:25px;
padding-left:20px;
border-left: 1px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#000000;
font-weight:bold;
width:18%;
}
.subhead-text-context{
padding-left:20px;
border-right: 1px;
border-right-style:solid;
height:25px;
font-size:12px;
border-color:#000000;
width:75%;
}
.normal-text{
font-family:Arial;
font-size:12px;
color:#404040;
text-decoration:none;
font-weight:bold;
background-position:relative;
}
.subtop{
font-family:Arial;
margin:0px;
font-size:12px;
width:1050px;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
}
.subhead2{
font-family:Arial;
margin:0px;
font-size:12px;
background: url("../img/subhead2-top.gif") no-repeat 0px 0px;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
position: absolute;
top: 0px;
left: 0px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
}
.subhead2-table{
zoom:1;
width:1050px;
background-attachment:fixed;
padding-right:5px;
border-collapse:collapse;
}
.subhead2-multi-table{
zoom:1;
background-repeat: no-repeat;
background-attachment:fixed;
border:0px;
border-collapse:collapse;
}
.subhead2-text{
font-family:Arial;
margin:0px;
color:#FFFFFF;
font-size:12px;
background-position:relative;
font-weight:bold;
vertical-align:middle;
padding-top:4px;
padding-bottom:4px;
}
.subhead2-bottom{
height:29px;
width:1050px;
background-position:relative;
position:relative;
top:-28px;
margin-bottom:10px;
}
.subhead2-text-menu{
padding-left:20px;
height:20px;
border-left: 0px;
border-left-style:solid;
border-color:#808080;
}
.page-body {
margin:0px;
background-color:#E5E5E5;
overflow:hidden;
}
.subhead2-text-context{
text-align:right;
padding-right:20px;
border-right: 0px;
border-right-style:solid;
border-color:#808080;
}
.table-round-top-left{
background-image:url("../img/roundtopleft_table.gif");
background-repeat:no-repeat;
}
.table-round-top-right{
background-image:url("../img/roundtopright_table.gif");
background-repeat:no-repeat;
}
.table-round-bottom-left{
background-image:url("../img/roundbottomleft_table.gif");
background-repeat:no-repeat;
background-position:0px -22px;
}
.table-round-bottom-right{
background-image:url("../img/roundbottomright_table.gif");
background-repeat:no-repeat;
background-position:0px -22px;
}
.table-header{
background-color:#9d98ff;
font-family:Arial;
font-size:12px;
vertical-align:middle;
color:#404040;
text-decoration:none;
font-weight:bold;
background-position:relative;
}
.table-content-text{
font-family:Arial;
font-size:12px;
color:#404040;
text-decoration:none;
font-weight:normal;
background-position:relative;
}
.help-frame-div{
position:absolute; top:284px;left:10px;
width:1000px;
height:140px;
background: #202020;
padding:10px;
visibility:hidden;
}
.bas-help-frame-div{
position:absolute; top:284px;left:10px;
width:600px;
height:140px;
background: #202020;
padding:10px;
visibility:hidden;
}
.help-iframe{
width:100%;
height:140px;
background: #202020;
padding:0px;
position:relative;
}
.scroll-pane
{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#full-page-container
{
position:absolute; top:0px;left:0px;
overflow: auto;
}
.cover-image
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:5;
}
.folderName_ie10
{
border-right: inset 1pt;
}
.select-gray
{
color:black;
background: #E0E0E0;
}

View File

@ -0,0 +1,717 @@
.basic-text{
padding-top:0px;
margin-top:0px;
}
.basic-text-menu{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
.basic-text-menu-bottom{
border-collapse:collapse;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
.basic-text-content-bottom{
font-family:Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.basic-text-menu-pr{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Simsun,Arial;
font-size:12px;
border-color:#FFFFFF;
color: #404040;
font-weight:bold;
width:50%;
}
iframe{
background-color:transparent;
}
.basic-text-subTitle{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color:#69B4CB;
font-weight:bold;
width:50%;
}
.basic-text-subTitle-pr{
border-collapse:collapse;
height:13px;
padding-left:15px;
border-left: 4px;
border-left-style:solid;
font-family:Simsun,Arial;
font-size:12px;
border-color:#FFFFFF;
color:#69B4CB;
font-weight:bold;
width:50%;
}
.basic-text-content{
font-family:Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
height:13px;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.basic-text-content-pr{
font-family:Simsun,Arial;
border-collapse:collapse;
font-size:12px;
border-right: 4px;
border-right-style:solid;
height:13px;
border-color:#FFFFFF;
color: #404040;
width:50%;
}
.page-table{
margin:0px;
font-size:14px;
background:-moz-linear-gradient(top,white,rgb(230,230,230));
background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF), to(#E6E6E6)); -webkit-background-origin: padding;-webkit-background-clip:content;
border-collapse:collapse;
background-color:#C0C0C0;
filter: progid:DXImageTransform.Microsoft.Gradient(endColorstr='#E6E6E6', startColorstr='#FFFFFF', gradientType='0');
}
.basic-table-seperate-border{
border-left-style:solid;
border-right-style:solid;
width:320px;
height:1px;
border-top-style:none;
border-bottom-style:none;
border-left-width:4px;
border-right-width:4px;
border-left-color:#FFFFFF;
border-right-color:#FFFFFF;
}
.table-seperate-border{
padding-left:10px;
padding-right:10px;
border-left-style:solid;
border-right-style:solid;
border-left-width:0px;
border-right-width:0px;
border-left-color:#808080;
border-right-color:#808080;
}
.table-seperate-border2{
padding-top:10px;
padding-bottom:47px;
background-image: url(../img/opmode_topline.gif);
background-repeat: no-repeat;
background-position: 50% 100%;
padding-left:10px;
padding-right:10px;
border-left-style:solid;
border-right-style:solid;
border-left-width:0px;
border-right-width:0px;
border-left-color:#808080;
border-right-color:#808080;
}
.scrollpane-table-seperate-border{
padding-left:20px;
padding-right:5px;
border-left-style:solid;
border-right-style:solid;
border-left-width:0px;
border-right-width:0px;
border-left-color:#808080;
border-right-color:#808080;
}
.basic-table-seperate{
height:1px;
border-color:#D0D0D0;
background-color:#D0D0D0;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.basic-table-seperate-2{
height:1px;
border-color:transparent;
background-color:transparent;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.adv-home-table-seperate{
height:1px;
width:615px;
border-color:#C0C0C0;
border-style:normal;
background-color:#C0C0C0;
margin-left:10px;
margin-right:10px;
border-bottom-color:#ffffff;
border-top-style:none;
border-left-style:none;
border-right-style:none;
border:1px;
overflow:hidden;
}
.adv-home-table-seperate-2{
height:1px;
width:615px;
border-color:#ffffff;
border-style:normal;
background-color:#ffffff;
margin-left:10px;
margin-right:10px;
border-bottom-color:#ffffff;
border-top-style:none;
border-left-style:none;
border-right-style:none;
border:1px;
overflow:hidden;
}
.table-seperate{
height:1px;
border-color:#000000;
background-color:#000000;
margin-left:15px;
margin-right:15px;
border:0px;
overflow:hidden;
}
.box-header-table {
border-collapse:collapse;
margin-left:5px;
background:url('../img/box-header-background.gif') no-repeat;
}
.box-header-table-large {
border-collapse:collapse;
margin-left:5px;
height:43px;
background:url('../img/box-header-background-large.gif') no-repeat;
}
.box-header {
margin:0px;
width:305px;
height:17px;
vertical-align:top;
}
.page-table-bottom-3{
background-position:0px -14px;
height:10px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
background-color:#FFFFFF;
}
.page-table-bottom-2{
background:url(../img/page-table-bottom-2.gif);
background-position:0px -4px;
font-size:8px;
height:8px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
}
.page-table-bottom{
background:url(../img/page-table-bottom.gif);
background-position:0px -14px;
height:10px;
background-repeat:no-repeat;
margin-left:5px;
border:0px;
background-color:#FFFFFF;
}
.box-header-text{
font-family:Arial;
padding-left:5px;
height:10px;
width:340px;
color:#E5E5E5;
background-position:-35px 0px;
font-size:14px;
font-weight:Bold;
text-decoration:underline;
}
.box-header-text-pr{
font-family:Simsun,Arial;
padding-left:5px;
height:10px;
width:340px;
color:#E5E5E5;
background-position:-35px 0px;
font-size:14px;
font-weight:Bold;
text-decoration:underline;
}
.warning-text-menu{
height:13px;
text-decoration:underline;
padding-left:20px;
border-left: 4px;
color:#E77800;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#FFFFFF;
color:#E77800;
font-weight:bold;
width:60%;
}
.warning-text-content{
border-right: 4px;
text-decoration:underline;
border-right-style:solid;
color:#E77800;
height:13px;
font-size:12px;
border-color:#FFFFFF;
width:40%;
}
.page-table-button{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:relative;
}
.page-table-button-large{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:140px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:relative;
}
.page-table-button-left{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:100% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-right{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:16px;
width:140px;
background: url("../img/page-table-button.gif") no-repeat;
background-position:70% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-large-left{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:1px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:280px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:100% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-large-right{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#FFFFFF;
height:32px;
width:140px;
background: url("../img/page-table-button-large.gif") no-repeat;
background-position:70% 90%;
overflow:hidden;
padding-top:5px;
padding-left:7px;
}
.page-table-button-gray{
font-family:Arial;
font-size:11px;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-weight:bold;
color:#767676;
height:16px;
width:140px;
background: url("../img/page-table-button-gray.gif") no-repeat;
background-position:relative;
}
.subhead{
height:32px;
width:740px;
background: url("../img/subhead-top.gif") no-repeat 0px 0px;
background-position:relative;
}
.subhead-bottom{
height:29px;
width:740px;
background: url("../img/subhead-bottom.gif") no-repeat 0px 0px;
background-position:relative;
}
.subhead-text{
font-family:Arial;
font-size:14px;
color:#E5E5E5;
font-weight:bold;
padding-left:20px;
background-position:relative;
padding-top:7px;
}
.subhead-text-menu{
height:25px;
padding-left:20px;
border-left: 1px;
border-left-style:solid;
font-family:Arial;
font-size:12px;
border-color:#000000;
font-weight:bold;
width:18%;
}
.subhead-text-context{
padding-left:20px;
border-right: 1px;
border-right-style:solid;
height:25px;
font-size:12px;
border-color:#000000;
width:75%;
}
.normal-text{
font-family:Arial;
font-size:12px;
color:#404040;
text-decoration:none;
font-weight:bold;
background-position:relative;
}
.subtop{
font-family:Arial;
margin:0px;
font-size:12px;
width:1050px;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
}
.subhead2{
font-family:Arial;
margin:0px;
font-size:16px;
background: url("../img/subhead2-top_noh.gif") no-repeat 0px 0px;
color:#ADA7D7;
font-weight:bold;
vertical-align:middle;
position: absolute;
top: 0px;
left: 0px;
padding-top:8px;
padding-bottom:8px;
padding-left:20px;
}
.subhead2-table{
zoom:1;
width:1050px;
background-attachment:fixed;
padding-right:5px;
border-collapse:collapse;
}
.subhead2-multi-table{
zoom:1;
background-repeat: no-repeat;
background-attachment:fixed;
border:0px;
border-collapse:collapse;
}
.subhead2-text{
font-family:Arial;
margin:0px;
color:#FFFFFF;
font-size:12px;
background-position:relative;
font-weight:bold;
vertical-align:middle;
padding-top:4px;
padding-bottom:4px;
}
.subhead2-bottom{
height:29px;
width:1050px;
background-position:relative;
position:relative;
top:-28px;
margin-bottom:0px;
}
.subhead2-text-menu{
padding-left:20px;
height:20px;
border-left: 0px;
border-left-style:solid;
border-color:#808080;
}
.page-body {
margin:0px;
background-color:#E5E5E5;
overflow:hidden;
}
.subhead2-text-context{
text-align:right;
padding-right:20px;
border-right: 0px;
border-right-style:solid;
border-color:#808080;
}
.table-round-top-left{
background-image:url("../img/roundtopleft_table.gif");
background-repeat:no-repeat;
}
.table-round-top-right{
background-image:url("../img/roundtopright_table.gif");
background-repeat:no-repeat;
}
.table-round-bottom-left{
background-image:url("../img/roundbottomleft_table.gif");
background-repeat:no-repeat;
background-position:0px -22px;
}
.table-round-bottom-right{
background-image:url("../img/roundbottomright_table.gif");
background-repeat:no-repeat;
background-position:0px -22px;
}
.table-header{
background-color:#9d98ff;
font-family:Arial;
font-size:12px;
vertical-align:middle;
color:#404040;
text-decoration:none;
font-weight:bold;
background-position:relative;
}
.table-content-text{
font-family:Arial;
font-size:12px;
color:#404040;
text-decoration:none;
font-weight:normal;
background-position:relative;
}
.help-frame-div{
position:absolute; top:284px;left:10px;
width:1000px;
height:140px;
background: #202020;
padding:10px;
visibility:hidden;
}
.bas-help-frame-div{
position:absolute; top:284px;left:10px;
width:600px;
height:140px;
background: #202020;
padding:10px;
visibility:hidden;
}
.help-iframe{
width:100%;
height:140px;
background: #202020;
padding:0px;
position:relative;
}
.scroll-pane
{
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#full-page-container
{
position:absolute; top:0px;left:0px;
overflow: hidden;
}
.cover-image
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:5;
}
.folderName_ie10
{
border-right: inset 1pt;
}
.subpage-body {
margin:0px;
background-color:#FFFFFF;
overflow:hidden;
}

View File

@ -0,0 +1,159 @@
/* root element for tabs */
ul.tabs {
list-style:none;
margin:0px;
padding-left:10px;
padding-top:5px;
height:30px;
background-color:#ffffff;
font-family:arial;
overflow: hidden;
white-space: nowrap;
}
/* single tab */
ul.tabs li {
float:left;
text-indent:0;
padding:0;
margin-left:5px;
background-color:transparent;
list-style-image:none !important;
display: inline;
}
/* link inside the tab. uses a background image */
ul.tabs a {
background: url(../img/tab-nonactive.gif) no-repeat 0;
font-size:15px;
font-weight:bold;
display:block;
height: 30px;
line-height:30px;
width: 200px;
text-align:center;
text-decoration:none;
color:#4e4e4e;
padding:0px;
position:relative;
top:0px;
top: 0px\9;
font-family:arial;
}
ul.tabs a:active {
outline:none;
background: url(../img/tab-nonactive.gif) no-repeat 0;
}
/* when mouse enters the tab move the background image */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background: url(../img/tab-active.gif) no-repeat 0;
cursor:default !important;
color:#000 !important;
}
.firmware-update-hint{
background-image:url("../img/firmware-hint-background.gif");
background-position:0px -1px;
background-repeat:no-repeat;
margin-left:40px;
margin-top:3px;
float:left;
width:380px;
height: 22px;
font-weight:bold;
position: relative;
right: -350px;
top: 33px;
z-index:5;
}
.firmware-update-hint-short{
background-position:0px -1px;
background-repeat:no-repeat;
margin-left:40px;
margin-top:3px;
float:left;
width:380px;
height: 22px;
font-weight:bold;
position: relative;
right: -350px;
top: 33px;
z-index:5;
}
.language-option{
font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
margin-top:4px;
margin-bottom:5px;
font-size:12px;
font-weight:normal;
}
firmware_update_click a:hover{
mouse:pointer;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* initially all panes are hidden */
.panes .pane {
display:none;
}
.button-rule span.roundleft_update{
padding: 4px 0px 15px 20px;
margin:0px;
border:0px;
height:22px;
font-weight:bold;
background: transparent url("../img/roundleft_update.gif") no-repeat left 0px;
color:#F2F2F2;
cursor: pointer;
white-space:nowrap;
}
.roundright_update{
padding: 4px 5px 15px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_update.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
cursor: pointer;
}
.roundright_update_org{
padding: 4px 0px 4px 0px;
margin:0px;
width:20px;
border:0px;
height:22px;
font-weight:bold;
background: url("../img/roundright_update.gif") no-repeat top right;
color:#F2F2F2;
white-space:nowrap;
cursor: pointer;
}