1/* tab pane styling */ 2 3body { 4 width:100%; 5} 6 7 8.panes div { 9 10 display:none; 11 width:100%; 12 height:100%; 13 border:0; 14 border-top:0; 15 font-size:14px; 16 background-color:#E5E5E5; 17} 18 19.panes{ 20 21 display:none; 22 width:100%; 23 height:100%; 24 border:0; 25 border-top:0; 26 font-size:14px; 27 background-color:#E5E5E5; 28} 29.basic-menu{ 30 margin:0px; 31 margin-left:10px; 32 margin-top:20px; 33 color:#4e4e4e; 34 background-color:#E5E5E5; 35 height:480px; 36 width:200px; 37} 38 39.basic-menu-div{ 40 list-style:none; 41 margin-left:0px; 42 height:30px; 43 width:200px; 44 background-color:#E5E5E5; 45 background: url("../img/basic-white-button.gif") no-repeat left top; 46} 47 48.basic-menu-div span{ 49 color: #4C4C4C; 50 margin-left:10px; 51 float:left; 52 width:180px; 53 padding-top:4px; 54 background: url("../img/barrow.jpg") no-repeat 165px 8px; 55} 56 57.basic-menu-div a{ 58 text-decoration:none; 59 color:#4e4e4e; 60 font-weight:bold; 61 background-color:#E5E5E5; 62 padding-top:5px; 63} 64 65.basic-menu-div a:hover{ 66 text-decoration:none; 67 color:#4e4e4e; 68 font-weight:bold; 69 background-color:#E5E5E5; 70 padding-top:5px; 71 cursor:pointer; 72} 73 74.basic-menu-eco-div{ 75 list-style:none; 76 margin-left:0px; 77 height:30px; 78 width:200px; 79 background-color:#E5E5E5; 80 background: url("../img/basic-green-button.gif") no-repeat left top; 81} 82 83.basic-menu-eco-div span{ 84 color: #000000; 85 margin-left:10px; 86 float:left; 87 width:180px; 88 padding-top:5px; 89 background: url("../img/barrow.gif") no-repeat 165px 8px; 90} 91 92.basic-menu-eco-div a{ 93 text-decoration:none; 94 color:#000000; 95 font-weight:bold; 96 background-color:#E5E5E5; 97 padding-top:6px; 98} 99 100.basic-menu-eco-div a:hover{ 101 text-decoration:none; 102 color:#000000; 103 font-weight:bold; 104 background-color:#E5E5E5; 105 padding-top:6px; 106 cursor:pointer; 107} 108 109.basic-menu-div-gray{ 110 list-style:none; 111 margin-left:0px; 112 height:30px; 113 width:200px; 114 background-color:#E5E5E5; 115 background: url("../img/gray-button.gif") no-repeat; 116 117} 118 119.basic-menu-div-gray span{ 120 121 margin-left:10px; 122 float:left; 123 width:180px; 124 color:#767676; 125 padding-top:4px; 126 background: url("../img/barrow.gif") no-repeat 165px 8px; 127} 128 129.basic-menu-div-gray a{ 130 text-decoration:none; 131 color:#ffffff; 132 font-weight:bold; 133 background-color:#E5E5E5; 134 padding-top:5px; 135} 136 137.basic-menu-div-gray a:hover{ 138 text-decoration:none; 139 color:#4e4e4e; 140 font-weight:bold; 141 background-color:#E5E5E5; 142 padding-top:5px; 143 cursor:pointer; 144} 145 146.menuActive{ 147 list-style:none; 148 height:30px; 149 width:200px; 150 background: url("../img/basic-purple-button.gif") no-repeat left top; 151} 152 153 154.menuActive a{ 155 text-decoration:none; 156 color:#ffffff; 157 font-weight:bold; 158} 159 160.menuActive span{ 161 float:left; 162 color:#ffffff; 163 background: url("../img/warrow.jpg") no-repeat 165px 8px; 164} 165 166 167.advance-menu{ 168 padding:0; 169 margin:0; 170 color:#4e4e4e; 171 font-family:arial; 172 list-style:none; 173 margin-top:20px; 174 margin-left:10px; 175 font-size:12px; 176 height:480px; 177 width:200px; 178} 179 180.advance-menu ul{ 181 182 margin:0; 183 padding:0; 184 185} 186 187.advance-menu li{ 188 zoom:1; 189 vertical-align:middle; 190} 191 192.advance-menu li.noSub{ 193 margin:0; 194 padding:0; 195 height:24px; 196 padding-top:4px; 197 background: url("../img/roundedcornr_637010.gif") no-repeat; 198 199} 200 201.advance-menu li.noSubLarge{ 202 margin:0; 203 padding:0; 204 height:40px; 205 padding-top:4px; 206 background: url("../img/basic-black-button-large.gif") no-repeat; 207 208} 209 210 .advance-menu li.noSubActive{ 211 padding:0; 212 height:24px; 213 padding-top:4px; 214 background: url("../img/basic-purple-button.gif") no-repeat; 215 } 216 217 .advance-menu li.noSubActiveLarge{ 218 padding:0; 219 height:40px; 220 padding-top:4px; 221 background: url("../img/basic-purple-button-large.gif") no-repeat; 222 } 223 224.advance-menu li.noSubGray{ 225 margin:0; 226 padding:0; 227 height:24px; 228 padding-top:4px; 229 background: url("../img/gray-button.gif") no-repeat; 230 color:#767676; 231} 232 233.advance-menu li.noSubGrayLarge{ 234 margin:0; 235 padding:0; 236 height:40px; 237 padding-top:4px; 238 background: url("../img/basic-gray-button-large.gif") no-repeat; 239 color:#767676; 240} 241 242 .advance-menu li.SubActive{ 243 margin:0; 244 padding:0; 245 height:28px; 246 color:#4e4e4e; 247 padding-top:4px; 248 padding-left:5px; 249 width:200px; 250 background: url("../img/basic-white-button.gif") no-repeat; 251} 252 253 254.advance-menu li.SubActive span{ 255 margin-left:5px; 256 padding:0px; 257 float:left; 258 width:200px; 259 color:#4e4e4e; 260 padding-left:10px; 261 background: url("../img/barrow_down.jpg") no-repeat 0px; 262} 263 264 265.advance-menu li.noSub span{ 266 float:left; 267 width:180px; 268 color:#ffffff; 269 margin-left:10px; 270} 271 272.advance-menu li.noSubLarge span{ 273 float:left; 274 width:180px; 275 color:#ffffff; 276 margin-left:10px; 277} 278 279.advance-menu li.noSubGray span{ 280 float:left; 281 width:180px; 282 color:#767676; 283 margin-left:10px; 284} 285 286.advance-menu li.noSubGrayLarge span{ 287 float:left; 288 width:180px; 289 color:#767676; 290 margin-left:10px; 291} 292 293.advance-menu li.Sub{ 294 margin:0; 295 padding:0; 296 height:25px; 297 color:#4e4e4e; 298 padding-top:2px; 299 background: url("../img/basic-white-button.gif") no-repeat; 300} 301 302 303.advance-menu li.Sub span{ 304 float:left; 305 width:200px; 306 color:#4e4e4e; 307 padding-left:10px; 308 background: url("../img/barrow.jpg") no-repeat 0px; 309 margin-left:10px; 310} 311 312 313 314.advance-menu li.SubMenu{ 315 margin:0; 316 padding:0; 317 height:18px; 318 color:#4e4e4e; 319 list-style:none; 320 border-bottom-style:solid; 321 border-bottom-width:1px; 322 border-bottom-color:#d4d4d4; 323 width:200px; 324} 325 326 327.advance-menu li.SubMenu span{ 328 text-decoration:underline; 329 float:left; 330 width:170px; 331 padding-top:0px; 332 color:#4e4e4e; 333 padding-left:20px; 334 335} 336 337.advance-menu li.SubMenu{ 338 margin:0; 339 padding:0; 340 height:18px; 341 color:#4e4e4e; 342 list-style:none; 343 border-bottom-style:solid; 344 border-bottom-width:1px; 345 border-bottom-color:#d4d4d4; 346 width:200px; 347} 348 349.advance-menu li.SubMenuDisable{ 350 margin:0; 351 padding:0; 352 height:20px; 353 color:#adadad; 354 list-style:none; 355 border-bottom-style:solid; 356 border-bottom-width:1px; 357 border-bottom-color:#d4d4d4; 358 width:200px; 359} 360 361 362.advance-menu li.SubMenuDisable span{ 363 float:left; 364 width:170px; 365 padding-top:0px; 366 color:#adadad; 367 background:#e5e5e5; 368 padding-left:20px; 369 370} 371 372 373.advance-menu li.SubMenuLarge{ 374 margin:0; 375 padding:0; 376 height:32px; 377 color:#4e4e4e; 378 list-style:none; 379 border-bottom-style:solid; 380 border-bottom-width:1px; 381 border-bottom-color:#d4d4d4; 382 width:200px; 383} 384 385 386.advance-menu li.SubMenuLarge span{ 387 text-decoration:underline; 388 float:left; 389 width:170px; 390 padding-top:0px; 391 color:#4e4e4e; 392 background:#e5e5e5; 393 padding-left:20px; 394 395} 396 397.advance-menu li.SubMenuLargeDisable{ 398 margin:0; 399 padding:0; 400 height:32px; 401 color:#adadad; 402 list-style:none; 403 border-bottom-style:solid; 404 border-bottom-width:1px; 405 border-bottom-color:#d4d4d4; 406 width:200px; 407} 408 409 410.advance-menu li.SubMenuLargeDisable span{ 411 float:left; 412 width:170px; 413 padding-top:0px; 414 color:#adadad; 415 background:#e5e5e5; 416 padding-left:20px; 417 418} 419 420 421 422 423 424.advance-menu li.SubMenuHover span{ 425 margin-left:0px; 426 padding-left:0px; 427 text-decoration:none; 428 float:left; 429 width:170px; 430 color:#9d98ff; 431 border-top-style:solid; 432 border-width:1px; 433 background:url(); 434} 435 436 437.advance-menu li.SubMenuActive{ 438 margin:0; 439 padding:0; 440 height:21px; 441 color:#4e4e4e; 442 list-style:none; 443 width:200px; 444 background:url("../img/subMenuActive.png") no-repeat 15px -2px; 445 446} 447 448 449 450 451.advance-menu li.SubMenuActive span{ 452 margin-left:20px; 453 padding-left:0px; 454 text-decoration:none; 455 float:left; 456 width:170px; 457 color:#ffffff; 458} 459 460 461.advance-menu li.SubMenuActiveLarge{ 462 margin:0; 463 padding:0; 464 height:32px; 465 color:#4e4e4e; 466 width:200px; 467 list-style:none; 468 background:url("../img/subMenuActiveLarge.png") no-repeat 15px -2px; 469} 470 471 472.advance-menu li.SubMenuActiveLarge span{ 473 margin-left:20px; 474 padding-left:0px; 475 width:170px; 476 text-decoration:none; 477 float:left; 478 color:#ffffff; 479} 480 481.advance-menu span{ 482 float:left; 483 484} 485 486.advance-menu a{ 487 text-decoration:none; 488 color:#ffffff; 489 font-weight:bold; 490 491} 492 493.advance-menu a:hover{ 494 text-decoration:none; 495 color:#ffffff; 496 font-weight:bold; 497 cursor:pointer; 498 499} 500 501 502.subHeader ul{ 503 margin-top:0; 504 padding-top:0; 505 list-style:none; 506 height:150px; 507} 508 509