1 2 3/* root element for tabs */ 4ul.tabs { 5 list-style:none; 6 margin:0px; 7 padding-left:10px; 8 padding-top:5px; 9 height:30px; 10 background-color:#ffffff; 11 font-family:arial; 12 overflow: hidden; 13 white-space: nowrap; 14} 15 16/* single tab */ 17ul.tabs li { 18 float:left; 19 text-indent:0; 20 padding:0; 21 margin-left:5px; 22 background-color:transparent; 23 list-style-image:none !important; 24 display: inline; 25} 26 27 28/* link inside the tab. uses a background image */ 29ul.tabs a { 30 background: url(../img/tab-nonactive.gif) no-repeat 0; 31 font-size:15px; 32 font-weight:bold; 33 display:block; 34 height: 30px; 35 line-height:30px; 36 width: 200px; 37 text-align:center; 38 text-decoration:none; 39 color:#4e4e4e; 40 padding:0px; 41 position:relative; 42 top:0px; 43 top: 0px\9; 44 font-family:arial; 45} 46 47ul.tabs a:active { 48 outline:none; 49 background: url(../img/tab-nonactive.gif) no-repeat 0; 50} 51 52/* when mouse enters the tab move the background image */ 53 54 55ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { 56 background: url(../img/tab-active.gif) no-repeat 0; 57 cursor:default !important; 58 color:#000 !important; 59} 60 61 62 63.firmware-update-hint{ 64 background-image:url("../img/firmware-hint-background.gif"); 65 background-position:0px -1px; 66 background-repeat:no-repeat; 67 margin-left:40px; 68 margin-top:3px; 69 float:left; 70 width:380px; 71 height: 22px; 72 font-weight:bold; 73 position: relative; 74 right: -350px; 75 top: 33px; 76 z-index:5; 77 78} 79 80 81.firmware-update-hint-short{ 82 83 background-position:0px -1px; 84 background-repeat:no-repeat; 85 margin-left:40px; 86 margin-top:3px; 87 float:left; 88 width:380px; 89 height: 22px; 90 font-weight:bold; 91 position: relative; 92 right: -350px; 93 top: 33px; 94 z-index:5; 95 96} 97 98 99 100 101.language-option{ 102 font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 103 margin-top:4px; 104 margin-bottom:5px; 105 font-size:12px; 106 font-weight:normal; 107 } 108 109firmware_update_click a:hover{ 110 mouse:pointer; 111} 112/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ 113 114/* initially all panes are hidden */ 115.panes .pane { 116 display:none; 117 118} 119 120 121 122.button-rule span.roundleft_update{ 123 padding: 4px 0px 15px 20px; 124 margin:0px; 125 border:0px; 126 height:22px; 127 font-weight:bold; 128 background: transparent url("../img/roundleft_update.gif") no-repeat left 0px; 129 color:#F2F2F2; 130 cursor: pointer; 131 white-space:nowrap; 132} 133 134.roundright_update{ 135 padding: 4px 5px 15px 0px; 136 margin:0px; 137 width:20px; 138 border:0px; 139 height:22px; 140 font-weight:bold; 141 background: url("../img/roundright_update.gif") no-repeat top right; 142 color:#F2F2F2; 143 white-space:nowrap; 144 cursor: pointer; 145} 146 147.roundright_update_org{ 148 padding: 4px 0px 4px 0px; 149 margin:0px; 150 width:20px; 151 border:0px; 152 height:22px; 153 font-weight:bold; 154 background: url("../img/roundright_update.gif") no-repeat top right; 155 color:#F2F2F2; 156 white-space:nowrap; 157 cursor: pointer; 158} 159