/*** body.css ***/
/* BODY */
body {
background-color: #0a162a;
margin: 0 auto;
padding: 0;
font-family: Tahoma, Arial, Verdana ;
font-size: 8pt;
color: #FFFFFF;
padding-top: 3px;
padding-bottom: 3px;
}
/* scrollbar style (only works on IE) */
html, body {
scrollbar-face-color: #353535;
scrollbar-shadow-color: #403d3d;
scrollbar-highlight-color: #403d3d;
scrollbar-3dlight-color: #d9864d;
scrollbar-darkshadow-color: #d9864d;
scrollbar-track-color: #353535;
scrollbar-arrow-color: #d9864d;
}
/* WRAPPER */
#wrapper {
background-color: #003366; /* #0C4678 */
border: 1px solid #236EB2;
width: 979px;
margin: 0 auto;
vertical-align: middle;
}
/* CONTAINER */
#container {
margin: 4px 2px 4px 2px;
}
/* OTHER */
.clear {
clear: both;
margin: 0;
padding: 0;
}
/* FONT */
h1 {
font-size: 16px;
font-family: arial, impact;
margin: 0;
vertical-align: middle;
text-align: center;
}
h2 {
font-size: 12px;
font-family: arial, impact;
margin: 0;
vertical-align: middle;
text-align: center;
}
h3 {
font-size: 12px;
font-family: arial, impact;
margin: 0;
padding:5px 0 2px 5px;
text-align: left;
}
.h3 {
font-size: 12px;
font-family: arial, impact;
margin: 0;
padding:5px 0 2px 5px;
text-align: left;
font-weight: bold;
}
.h4 {
font-size: 10px;
font-family: arial, tahoma;
margin: 0;
text-align: center;
font-weight: bold;
}
.h5 {
font-size: 10px;
font-family: arial, tahoma;
margin: 0;
text-align: left;
font-weight: bold;
}
.h6 {
font-size: 11px;
font-family: arial, tahoma;
margin: 0;
text-align: center;
padding-top: 1px;
padding-bottom: 3px;
}
.h7 {
font-size: 10px;
font-family: arial, tahoma;
margin: 0;
text-align: right;
}
/* LINK */
a:link {
color: #ffaf3c;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #ffaf3c;
}
a:hover {
text-decoration: none;
color: #aa5b25;
}
a:active {
text-decoration: none;
color: #ffaf3c;
}
/* IMAGE */
img {
margin: auto;
border: 0px;
vertical-align: middle;
}
/*** header.css ***/
/* LOGO */
#logo {
background: url(../images/banner.jpg) center no-repeat;
background-repeat: repeat-x;
border: 0px solid #236EB2;
height: 124px;
width: 975px;
margin: 2px 2px 0 2px;
}
/* HEADER */
#header {
background-image: url(../images/menu-tile.gif);
background-repeat: repeat-x;
margin-left: 2px;
margin-right: 2px;
width: 975px;
height: 30px;
}
.topmenu {
background-image: url(/images/menu-tile.gif);
background-repeat: repeat-x;
margin: auto;
width: 975px;
height: 30px;
}
#welcome-box {
float: left;
margin-left: 10px;
padding: 10px;
}
#date-box {
text-align: right;
margin-right: 10px;
padding: 10px;
}
#hl {
float: left;
padding: 10px;
}
#hr {
float: right;
padding: 10px;
}
/* FOOTER */
#ft {
background-color: #0C4678;
border: 1px solid #236EB2;
color: #ffffff;
margin: 2px;
text-align: center;
}
/* COPYRIGHT */
#copyright {
background-color: #236EB2;
font-size: 100%;
padding-top: 3px;
padding-bottom: 5px;
margin: 2px;
text-align: center;
}
ul.header-buttons {
list-style: none;
display: inline;
}
/* Rollover state */
ul.header-buttons li {
float: left;
background-position: 0 100%;
}
/* Rolloff state */
ul.header-buttons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.header-buttons li span { display:none; }
ul.header-buttons li a:hover { background: none; }
/* Set profile icon dimensions */
ul.header-buttons li.warsofar-button { width: 139px; height: 30px; }
ul.header-buttons li.upcomingbattles-button { width: 141px; height: 30px; }
ul.header-buttons li.recentresults-button { width: 139px; height: 30px; }
ul.header-buttons li.forums-button { width: 139px; height: 30px; }
ul.header-buttons li.chatbox-button { width: 139px; height: 30px; }
ul.header-buttons li.rules-button { width: 139px; height: 30px; }
ul.header-buttons li.staffcontacts-button { width: 139px; height: 30px; }
/* Profile & navigation icons */
.warsofar-button, .warsofar-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/warsofar.gif");
}
.upcomingbattles-button, .upcomingbattles-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/upcomingbattles.gif");
}
.recentresults-button, .recentresults-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/recentresults.gif");
}
.forums-button, .forums-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/forums.gif");
}
.chatbox-button, .chatbox-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/chatbox.gif");
}
.rules-button, .rules-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/rules.gif");
}
.staffcontacts-button, .staffcontacts-button a {
background: none top left no-repeat;
background-image: url("../images/menubuttons/staffcontacts.gif");
}
.button-icon { background: no-repeat;}/*** footer.css ***/
/* FOOTER */
#ft {
background-color: #0C4678;
border: 1px solid #236EB2;
color: #ffffff;
margin: 2px;
text-align: center;
}
/* COPYRIGHT */
#copyright {
background-color: #236EB2;
font-size: 100%;
padding-top: 3px;
padding-bottom: 5px;
margin: 2px;
text-align: center;
}
/*** menu.css ***/
/* RIGHT */
#right {
float: right;
text-align: center;
width: 126px;
}
/* LEFT */
#left {
float: left;
text-align: center;
width: 126px;
}
/* SIDE BOX */
.side-box {
border: 1px solid #236EB2;
text-align: center;
padding: 0px;
margin: 0 0 10px 0;
}
/* SIDE BOX CONTENT */
.sboxc {
background-color: #356b9a;
border-left: 1px solid #0c4678;
border-right: 1px solid #0c4678;
border-bottom: 1px solid #0c4678;
padding: 4px 0 4px 0;
text-align: center;
}
/* BANNER (for the side boxes) */
.barbanner {
background-color: #0C4678;
border-right: 1px solid #0C4678;
border-left: 1px solid #0C4678;
height: 28px;
background-image: url(../images/bar-tile.gif);
background-repeat: repeat-x;
}
/* NAVIGATION */
.nav {
background-color: #0C4678;
}
.nav ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.nav ul li {
background-color: #3385cd;
border-left: 1px solid #0c4678;
border-right: 1px solid #0c4678;
border-bottom: 1px solid #0c4678;
font-size: 100%;
width: 122px;
}
.nav ul li a {
display: block;
font-size: 100%;
text-align: left;
padding: 2px 0 2px 7px;
text-decoration: none;
color: #ffffff;
width: 115px;
}
.nav ul li a:visited {
color: #ffffff;
}
.nav ul li a:hover {
color: #ffffff;
background-color: #356b9a;
}
.nav ul li:hover {
color: #ffffff;
background-color: #356b9a;
}
.simg {
background-color: #0C4678;
}
.simg ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.simg ul li {
padding-top: 2px;
padding-bottom: 2px;
margin: 0;
background-color: #3385cd;
border-left: 1px solid #0c4678;
border-right: 1px solid #0c4678;
border-bottom: 1px solid #0c4678;
text-align: center;
vertical-align: middle;
}
.menu-icon {
width: 16px;
height: 16px;
float: left;
margin: 5px 0 0 2px;
padding-right: 2px;
background: no-repeat;
background-image: url("../images/sprites/icons.png");
}
/* Profile & navigation icons */
.home-icon { background-position: -8px -8px; }
.battle-icon { background-position: -8px -40px; }
.search-icon { background-position: -8px -72px; }
.contact-icon { background-position: -8px -104px; }
.support-icon { background-position: -8px -136px; }
.user-icon { background-position: -8px -168px; }
.clan-icon { background-position: -8px -200px; }
.tools-icon { background-position: -8px -232px; }
.web-icon { background-position: -8px -264px; }
.general-icon { background-position: -8px -296px; }
.chat-icon { background-position: -8px -328px; }
.result-icon { background-position: -8px -360px; }
.pbbans-icon { background-position: -8px -392px; }
.users-icon { background-position: -8px -424px; }
.sponsors-icon { background-position: -8px -456px; }
/*** content.css ***/
/* CONTENT */
.content {
border: 1px solid #236EB2;
margin: 0 133px 10px 133px;
padding: 0px
}
.content-wide {
border: 1px solid #236EB2;
margin: 0 0 10px 133px;
padding: 0px
}
/* CONTENT BOX */
.cbox {
background-color: #236EB2;
border: 1px solid #0C4678;
margin-bottom: 1px;
}
.cboxerror {
/* content box for error message */
background-color: #f0e6bc;
border: 1px solid #ddcc87;
border-right: 1px solid #0C4678;
border-left: 1px solid #0C4678;
border-bottom: 1px solid #0C4678;
font-weight: bold;
color: #FF0000;
text-align: center;
vertical-align: middle;
padding: 5px 0 5px 0;
}
.cboxnotice {
/* content box for notice message */
background-color: #f0e6bc;
border-right: 1px solid #0C4678;
border-left: 1px solid #0C4678;
}
.notice {
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 5px 0 5px 0;
}
.cboxpost {
}
.post{
}
.cboxcleft {
/* content-text left */
text-align: left;
width: 670px;
padding: 10px 10px 10px 10px;
}
.cboxcright {
/* content-text right */
text-align: right;
padding: 10px 10px 10px 10px;
}
.cboxccenter {
/* content-text center*/
text-align: center;
padding: 10px 10px 10px 10px;
}
.box-header-large {
background-image: url(../images/main-tile.gif);
background-repeat: repeat-x;
padding: 5px 0 12px 0;
border-right: 1px solid #0C4678;
border-left: 1px solid #0C4678;
}
.box-header-small {
background-image: url(../images/bar-tile.gif);
background-repeat: repeat-x;
margin-top: 10px;
padding: 5px 0 12px 0;
border-right: 1px solid #0C4678;
border-left: 1px solid #0C4678;
}
.box-error {
background-color: #f0e6bc;
border: 1px solid #ddcc87;
}
.error {
font-weight: bold;
color: #FF0000;
text-align: center;
vertical-align: middle;
padding: 5px 0 5px 0;
}
.gallery {
margin: 6px;
height: auto;
width: auto;
text-align: center;
}
.gallery img{
display: inline;
margin: 3px;
border: 1px solid #d9864d;
}
.oob img {
width: 200px;
height: 190px;
}
.post {
padding: 2px 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
text-align: left;
}
.bg1 { background-color: #19558b; } /* 19558b */
.bg2 { background-color: #004a83; } /* 19558b */
.bg3 { background-color: #19558b; } /* 3385cd */
.postbody {
padding: 0;
line-height: 1.48em;
color: #ffffff;
width: 76%;
}
/* Post author */
.author {
margin: 0 10em 0.6em 0;
padding: 0 0 5px 0;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
line-height: 19px;
color: #cccccc;
}
.contenttext {
font-size: 8pt;
text-align: left;
}
.subject {
font-size: 10pt;
font-weight: bold;
}
.avatar {
border-left: 1px solid #cccccc;
margin: 5px 0 10px 32px;
}
.avatar img {
margin-left: 15px;
}
table.post {
background-color: #0C4678;
width: 99%;
}
table.post td {
padding-left: 5px;
}
.postprofile {
/* Also see tweaks.css */
min-height: 60px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 10px;
}
.reply {
text-align: right;
}
/* fixture comment */
table.comment {
width: 99%;
}
table.comment td {
padding-left: 5px;
}
table.comment .author {
margin: 0 10em 0.6em 0;
padding: 0 0 5px 5px;
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
line-height: 19px;
color: #cccccc;
}
table.comment .text {
font-size: 8pt;
padding: 0 0 5px 5px;
text-align: left;
}
table.comment .edit {
font-size: 8pt;
padding: 0 0 5px 5px;
text-align: left;
}
.profiletext img {
max-width: 350px;
}
.clearfix {
display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */
#topmenu ul
{
padding-left: 0;
margin-left: 0;
background-color: #236EB2;
color: White;
font-family: arial, helvetica, sans-serif;
}
#topmenu ul li { display: inline; }
#topmenu ul li a
{
padding: 2px 8px;
background-color: #353535;
color: White;
text-decoration: none;
border: 1px solid #d9864d;
display: block
}
#topmenu ul li a:hover
{
background-color: #555050;
color: #fff;
}
#topmenu ul li a img {
background: no-repeat;
}
.rules {
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: Tahoma, Arial, Verdana;
font-size: 1em;
color: #ffffff;
}
/*.rules h2, .panel h2 {
font-weight: normal;
color: #ffffff;
border-bottom: 1px solid #CCCCCC;
font-size: 1.3em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
} */
.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #236EB2;
color: #cccccc;
}
.panel h3 {
margin: 0.5em 0;
}
.panel p {
font-size: 12px;
margin-bottom: 1em;
line-height: 1.4em;
}
.rules p {
font-family: Tahoma, Arial, Verdana;
font-size: 100%;
margin-bottom: 16px;
line-height: 1.4em;
}
dl.faq {
font-family: Tahoma, Arial, Verdana;
font-size: 8pt;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #ffffff;
}
.rules dl.faq {
font-size: 8pt;
margin-bottom: 0.5em;
}
#page-body {
margin: 4px 0;
padding-right: 1px;
padding-left: 1px;
}
.column1 {
float: left;
width: 49%;
}
.column2 {
float: right;
width: 49%;
}
/*** buttons.css ***/
/* BUTTON */
.button {
border: 1px solid #d9864d;
background-color: #353535;
font-size: 11px;
color: #ffffff;
vertical-align: middle;
text-align: center;
margin: auto;
padding: 1px;
cursor:pointer;
}
.button:hover {
background: #555050;
color: #ffffff;
}
a.button1 {
border: 1px solid #d9864d;
background-color: #353535;
font-size: 11px;
color: #ffffff;
margin-top: 15px;
margin-bottom: 10px;
padding: 2px 6px 2px 6px;
vertical-align: middle;
text-align: center;
white-space: nowrap;
}
a.button1:visited {
color: #ffffff;
}
a.button1:hover {
background-color: #555050;
color: #ffffff;
}
a.button1:active {
color: #ffffff;
}
input.button1 {
border: 1px solid #d9864d;
background-color: #353535;
font-size: 11px;
color: #ffffff;
padding: 2px 6px 2px 6px;
vertical-align: middle;
text-align: center;
cursor:pointer;
}
input.button1:visited {
color: #ffffff;
}
input.button1:hover {
background-color: #555050;
color: #ffffff;
}
input.button1:active {
color: #ffffff;
}
.button2 a {
color: #dfdfdf;
border: 1px solid #000000;
background-color: #2d6193;
display: block;
margin: 2px auto;
width: 65px;
padding: 4px;
vertical-align: middle;
text-align: center;
}
.button2 a:hover {
background-color: #3e77a8;
}
.button_selected {
background-color: #ffffff;
color: #000000;
}
/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
list-style: none;
display: inline;
}
/* Rollover state */
ul.profile-icons li {
float: left;
margin-left: 5px;
background-position: 0 100%;
}
/* Rolloff state */
ul.profile-icons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }
/* Set profile icon dimensions */
ul.profile-icons li.pm-icon { width: 28px; height: 20px; }
ul.profile-icons li.email-icon { width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon { width: 20px; height: 20px; }
ul.profile-icons li.xfire-icon { width: 20px; height: 20px; }
ul.profile-icons li.xfire-add-icon { width: 20px; height: 20px; }
ul.profile-icons li.www-icon { width: 20px; height: 20px; }
ul.profile-icons li.steam-icon { width: 20px; height: 20px; }
ul.profile-icons li.steam-add-icon { width: 20px; height: 20px; }
/* Profile & navigation icons */
.email-icon, .email-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/icon_contact_email.gif");
}
.msnm-icon, .msnm-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/icon_contact_msnm.gif");
}
.pm-icon, .pm-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/en/icon_contact_pm.gif");
}
.xfire-icon, .xfire-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/icon_contact_xfire.gif");
}
.xfire-add-icon, .xfire-add-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/icon_contact_xfire-add.gif");
}
.www-icon, .www-icon a {
background: none top left no-repeat;
background-image: url("../forum/styles/prosilver/imageset/icon_contact_www.gif");
}
.steam-icon, .steam-icon a {
background: none top left no-repeat;
background-image: url("/forum/styles/prosilver/imageset/icon_contact_steam.gif");
}
.steam-add-icon, .steam-add-icon a {
background: none top left no-repeat;
background-image: url("/forum/styles/prosilver/imageset/icon_contact_steam-add.gif");
}
/* NAVIGATION BUTTONS */
.menu {
height: 44px;
width: 400px;
}
.cssnav {
position:relative;
margin: 0;
padding: 0;
float: left;
font-family: arial, helvetica, sans-serif;
background: none top left no-repeat;
background: url("../forum/styles/prosilver/imageset/en/icon_contact_pm.gif") no-repeat;
width: 211px;
height: 44px;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a {
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav a:hover {
color: #ffffff;
}
.cssnav img {width: 211px; height: 44px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position: absolute;
left: 30px;top: 15px;
text-align: center;
width: 150px;
cursor: pointer;
}
/* END OF NAVIGATION */
/*.button-icon {
width: 16px;
height: 16px;
margin: 5px 2px 0 2px;
padding-right: 2px;
} */
/* Profile & navigation icons */
.info-icon { background: no-repeat; background-image: url("../images/icons/info_16.png");}
.client-icon { background: no-repeat; background-image: url("../images/icons/clients_16.png");}
.calendar-icon { background: no-repeat; background-image: url("../images/icons/calendar_16.png");}
.games-icon { background: no-repeat; background-image: url("../images/icons/games_16.png"); }
.write-icon { background: no-repeat; background-image: url("../images/icons/write_16.png"); }
.stats-icon { background: no-repeat; background-image: url("../images/icons/stats_16.png"); }
/*** tables.css ***/
/* TABLE*/
table {
margin: auto;
}
.row1 {
background-image: url(../images/sub.gif);
background-repeat: repeat-x;
text-align: center;
background-color: #0c497f;
padding-top: 2px;
padding-bottom: 2px;
}
.row2 {
background-color: #004a83;
text-align: center;
}
.row3 {
background-color: #19558b;
text-align: center;
}
.row4 {
color: #ffffff;
text-align: right;
}
.row5 {
color: #ffffff;
text-align: left;
}
.row6 {
background-color: #004a83;
text-align: right;
width: 13%;
padding-right: 8px;
}
.row7 {
background-color: #19558b;
text-align: left;
width: 38%;
padding-left: 8px;
}
.row8 {
background-color: #19558b;
text-align: left;
width: 50%;
}
.row9 {
background-color: #004a83;
text-align: right;
}
.row10 {
background-color: #19558b;
text-align: left;
}
.row11 {
background-color: #004a83;
text-align: left;
}
.row12 {
background-color: #19558b;
text-align: right;
}
.row13 {
background-color: #003366;
text-align: center;
}
.row14 {
padding-top: 0px;
padding-bottom: 0px;
}
.row15 {
background-color: #19558b;
text-align: center;
width: 25%;
}
.row16 {
background-color: #004a83;
text-align: right;
width: 25%;
padding-right: 8px;
}
.row17 {
background-color: #19558b;
text-align: left;
width: 50%;
padding-left: 8px;
}
/* Specific tables - result */
table.result {
width: 99%;
/* border-spacing (only for FF)*/
margin-bottom: 3px;
}
table.result th {
padding: 8px 3px 8px 3px
}
table.result td {
padding: 5px 3px 5px 3px;
}
table.result td img {
vertical-align: middle;
}
table.resultsmall {
width: 99%;
/* border-spacing (only for FF)*/
margin-bottom: 3px;
}
table.resultsmall th {
padding: 8px 3px 8px 3px
}
table.resultsmall td {
padding: 3px 2px 3px 2px;
font-size: 10px;
}
table.resultsmall td img {
vertical-align: middle;
}
table.resultmini {
width: 99%;
/* border-spacing (only for FF)*/
margin-bottom: 3px;
}
table.resultmini td {
padding: 1px 2px 1px 2px;
font-size: 10px;
}
/* Specific tables - form */
table.form th {
padding: 6px 4px 6px 4px;
background-color: #19558b;
text-align: center;
}
table.form td {
vertical-align: top;
padding: 5px 2px 5px 2px;
}
table.form label img {
vertical-align: middle;
}
/*** forms.css ***/
/* FORM */
form {
padding: 0px;
margin: 0px;
}
label {
vertical-align: top;
padding: 2px;
}
input {
margin: 0px;
border: 1px solid #d9864d;
background-color: #353535;
color: #ffffff;
font-family: Tahoma ,Arial, Verdana;
font-size: 11px;
vertical-align: top;
padding: 2px;
}
input.login {
border: 1px solid #d9864d;
background-color: #353535;
color: #ffffff;
width: 53px;
font-family: Tahoma, Arial, Verdana ;
font-size: 11px;
vertical-align: middle;
padding: 1px 6px 1px 6px;
margin: auto;
}
.inputbox {
border: 1px solid #d9864d;
background-color: #353535;
color: #ffffff;
}
.inputbox:hover {
border: 1px solid #d9864d;
}
.inputbox:focus {
border: 1px solid #d9864d;
color: #cccccc;
}
textarea {
border: 1px solid #d9864d;
background-color: #353535;
padding-left: 2px;
padding-right: 2px;
color: #ffffff;
font-size: 11px;
font-family: Tahoma ,Arial, Verdana;
}
.help {
color: #ffffff;
font-style: italic;
font-size: 90%;
font-family: Tahoma ,Arial, Verdana;
color: #cccccc;
}
.header {
font-weight: normal;
}
.radio {
border: 0;
background-color: transparent;
}
.check {
border: 0;
background-color: transparent;
}
select {
font-family: Tahoma ,Arial, Verdana;
font-size: 11px;
border: 1px solid #d9864d;
background-color: #353535;
color: #ffffff;
/*float: left; */
}
.option1 {
background-color: #353535;
padding-top: 1px;
padding-bottom: 1px;
}
.option2 {
background-color: #403d3d;
padding-top: 1px;
padding-bottom: 1px;
}
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#lists {padding:0; padding-left: 25px; margin:5px 0 0 5px; list-style:none; position:relative; height:25px; float:left; width:635px; z-index:500;}
#lists li {display:inline; float:left; height: 20px; background-color: #353535; border: 1px solid #d9864d; margin-right: 7px}
#lists li a.tl {display:block; width:200px; text-decoration:none; line-height:20px; font-size:11px; text-indent:10px; font-weight:normal; color:#ffffff; }
#lists div {display:none;}
#lists li a:hover {white-space:normal; background-color: #555050;}
#lists li:hover > a {white-space:normal; background-color: #555050;}
#lists :hover div
{display:block; width:598px; background:#faebd7; position:absolute; left:0; top:21px; border:1px solid #0c4678; padding-bottom:10px;}
#lists :hover div.pos2 {background:#3385cd;}
#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}
#lists .two:hover div.pos3 {background:#3385cd; width:300px;}
#lists .single:hover div.pos4 {background:#3385cd; width:180px;}
#lists :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:209px;}
#lists :hover div dl dt {width:179px; background:#356b9a; text-indent:1px; margin:5px 0 10px 0; text-decoration:none; height:20px; line-height:20px; font-weight: bold; font-size: 10px;}
#lists .two:hover div {left:-150px;}
#lists .two:hover div dl {width:180px;}
#lists .two:hover div dl dt {width:180px;}
#lists .single:hover div dl {width:159px;}
#lists .single:hover div dl dt {width:159px;}
#lists :hover div dl dd {padding:0; margin:0;}
#lists :hover div dt a {text-decoration:none; cursor:default; font-weight:normal; color:#fff; font-size: 11px; }
#lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:11px; color:#ffffff; text-indent:10px; line-height:15px;}
#lists :hover div dd a:hover {text-decoration:none; color: #cccccc; background-color: #356b9a}
#lists .clear2 {clear:both;}