html,body {margin:0;padding:0;}
body {font: 74% arial;color:#000;text-align:center;background:#f2f2f2}
/* ==================================================================
LAYOUT - OVERALL
================================================================== */
div#container {background:#fff;text-align:left;min-width:1000px;max-width:1000px;margin:15px auto 5px auto;border:10px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-moz-box-shadow: 0 0 5px 5px #EBEBEB;-webkit-box-shadow: 0 0 5px 5px #EBEBEB;box-shadow: 0 0 5px 5px #EBEBEB;}
div#header {height:100px;padding-left:0px;background:#006D00;-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;border-top-right-radius:15px;-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;border-top-left-radius:15px;}
div#wrapper {padding:0 157px 10px 181px; }
div#footer {color:#000;min-width:1000px;max-width:1000px;text-align:center;border:0px solid black;margin:10px auto 10px auto;}
div#footer p {margin:0;padding:0px 10px}
#logo { border:0px;margin-left:5px;margin-top:5px }
#headerbanner { border:0px;margin-left:5px;margin-top:20px;float:right;margin-right:10px }
/* ==================================================================
LAYOUT - FRONT PAGE
================================================================== */
div#frontcolumn {background:#fff;border-left:0px solid #A4E1A1; position:relative;float:left;}
div#frontcolumn.frontleft {width:300px;padding-right:7px;margin-left:-690px;}
div#frontcolumn.frontmiddle {padding:0px 7px;width:370px;margin-left:125px}
div#frontcolumn.frontright {width:300px;padding-left:7px;margin-right: -100% ;}
div#frontbox {border:1px solid #e1e1e1;background:#f5f5f5;padding:10px;margin:0px 0px 15px 0px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
div#frontbox.forum {border:1px solid #508F50;background:#f5f5f5;padding:10px;margin:0px 0px 15px 0px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
div#frontbox.frontleft { border:1px solid #508F50; }
div#frontbox.frontmiddle { border:1px solid #508F50; }
div#frontbox.frontright {border:1px solid #508F50;}
h3.front { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#fff; font-size:16px;background:#508F50;margin:-10px -10px 10px -10px;padding:4px;-webkit-border-top-left-radius:9px;-moz-border-radius-topleft:9px;border-top-left-radius:9px;-webkit-border-top-right-radius:9px;-moz-border-radius-topright:9px;border-top-right-radius:9px;text-align:center }
h3.front2 { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#006000;font-size:16px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center }
hr.front { width:100%;color:#006d00;background-color:#006d00;border:0px;height:0px;margin-top:0px;margin-bottom:12px; }
hr.front2 { width:100%;color:#006d00;background-color:#006d00;border:0px;height:2px;margin-top:-2px;margin-bottom:5px; }
/* ==================================================================
LAYOUT - INSIDE PAGE
================================================================== */
div#left {position: relative;background:#f5f5f5;float:left;width:150px;right:181px;margin-left:-100%;padding:5px 0 10px 10px;border-right:0px dashed #eaeaea;height:auto !important;line-height:.85em;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; }
div#middle {position: relative;background:#fff;float:left;width: 100%;line-height:16px}
div#middle-large {position: relative;background:#fff;float:left;margin: 0 0 0 -30px;width: 100%;padding:0 15px 20px;line-height:16px}
div#middle-forum {background:#fff;padding:0px; float:left;margin-left:-181px}
div#middle p { } /* change this is font size changes (px is not the preferred way to do line height, but em, %, or number made line height variable) */
div#right {position: relative;background:#fff;float:left;width:145px;margin-left:5px;margin-right: -100%;border-left:0px solid #efefef;text-align:right;}
/* ==================================================================
BODY - TEXT
================================================================== */
wrapper.p {margin-bottom:15px;}
h1 {color:#006D00;margin:0px;font:26px 'trebuchet ms' bold;letter-spacing:-1px;margin-bottom:-2px;}
hr.h1 { width:100%;color:#f3f3f3;background-color:#f3f3f3;border:0px;height:2px;margin-bottom:20px; }
h2 {color:#000;margin-bottom:12px;font:16px 'arial';font-weight:bold;}
h3 {color:#000;margin:12px 4px 2px 0px;font:15px 'trebuchet ms' bold;border-bottom:0px solid #a0c0a0;font-weight:bold}
h4 {color:#006000;background:#fff;margin:20px 0px 0px 0px;font:16px 'arial';font-weight:bold;text-align:center;border-bottom:0px solid #a0c0a0;}
h2.odds {color:#006D00;margin-bottom:-5px;font:16px 'arial' bold;font-weight:bold;}
hr.odds { width:100%;color:#006D00;background-color:#006D00;border:0px;height:2px;margin-bottom:15px; }
.newred {color:#ff0000;font-size:9px;font-type:verdana;font-weight:bold;margin-left:4px;}
/* ==================================================================
BODY - LINKS
================================================================== */
a { font-family: Arial, sans-serif; font-size: 12px;color:#0000EE; text-decoration: underline}
a:link { color: #0000EE; text-decoration: underline}
a:visited { color: #0000EE; text-decoration: underline}
a:hover { color: #a0c0a0; text-decoration: underline}
a.smallgreen { font-family:verdana; font-size: 85%; font-weight:bold}
#size12 { font-family:arial; font-size: 120%;font-weight:bold;line-height:1.05em;}
#size10 { font-family:arial; font-size: 12px;font-weight:bold;line-height:1.25em;}
a.smallgreen:link { color: #006000; text-decoration: none}
a.smallgreen:visited { color: #006000; text-decoration: none}
a.smallgreen:hover { color: #a0c0a0; text-decoration: none}
a.greyedout { color:#D9D9D9;font-family:verdana; font-size: 85%; font-weight:bold;text-decoration:none}
/* ==================================================================
OTHER
================================================================== */
img.adsright {margin-bottom:0px;border:7px solid #efefef }
img.bodyimage { padding:0px;border:10px solid #f3f3f3;background:#002300;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px; }
img.bodyimage2 { padding:0px;text-align:center;display:block;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px; }
img.text-bullet { margin-bottom:-2px;margin-right:4px; }
ul.normal { padding-left:1em;}
ul.normal li { margin-bottom:10px; }
li.large { font-weight:bold;font-size:16px; }
li.medium { font-weight:bold;font-size:14px; }
div.content-container { padding:0px 0px 10px 0px;width:100%;line-height:16px;overflow:hidden;}
div.content-containerhalf { padding:10px 10px;float:left;width:46%;border:0px solid black;}
div.content-container p { }
img.content { margin-right:10px;border:0px;float:left; }
img.content2 { margin-right:10px;border:0px;float:left;margin-bottom:12px; }
img.odds {margin-right:4px;}
img.border-centered {margin:5px;border:6px solid #eaeaea }
img.screenshot {margin:0 0px 0 0px;border:5px solid #eaeaea }
div.content-centered { text-align:center;}
h5 {color:#fff;background:#fff;margin:0px 0px 0px 0px;font:24px 'arial';font-weight:bold;text-align:center;border-bottom:3px solid #000;letter-spacing:-.5px;}
div.tournaments-containerlist { padding:15px 0px 5px 0px;border-bottom:0px solid #a0c0a0;float:left;width:20%;text-align:center }
img.tournaments {margin:5px 5px 0px 5px;border:0px solid #efefef }
div.section-separator { background:#e5e5e5;float:left;border-bottom:1px solid #006000;text-align:center;padding:5px;color:#000000;font-weight:bold;font-size:20px;width:100%;margin-top:20px;margin-bottom:0px }
p.small-print {font-size:10px}
a.tournament { font-family: Arial, sans-serif;font-size:15px;font-weight:bold;letter-spacing:0px;color: #006000;text-decoration: underline; }
a.tournament-notdone { font-family: Arial, sans-serif;font-size:15px;font-weight:bold;letter-spacing:0px;color: #000;text-decoration: none; }
div.cleared {clear:left;}
div.help {width:100%;padding:5px;}
.help ul {width:670px;margin-top:-5px}
.help li {float:left;margin-left:2px;width:220px;}
.picright {float:right;margin-left:10px}
/* ==================================================================
DICTIONARY ()
================================================================== */
hr.dictionary { width:100%;color:#a0c0a0;background-color:#a0c0a0;border:0px;height:2px;margin-top:0px;margin-bottom:-15px; }
h2.dictionary { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#006000;font-size:36px;margin-bottom:15px; }
a.definition { font-family: Arial, sans-serif;font-size:14px;font-weight:bold;color: #006000;text-decoration:underline;}
/* ==================================================================
INTERVIEWS
================================================================== */
h2.interview { margin-bottom:10px;margin-top:0px;font-family: Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:0px;color: #006000; }
h3.interview { font-family:'trebuchet ms' bold,verdana,arial,helvetica;color:#006000;font-size:16px;margin-bottom:0px;margin-top:15px; }
hr.interview { width:100%;color:#006d00;background-color:#006d00;border:0px;height:2px;margin-top:0px;margin-bottom:0px; }
div.interview-containerlist { padding:15px 0px 5px 0px;border-bottom:0px solid #a0c0a0;width:33%;float:left; }
img.interviewlist { margin-right:5px;margin-left:5px;margin-bottom:10px;border:0px;float:left; }
a.interviewlist { font-family: Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:0px;color: #006000;text-decoration: underline; }
a.interviewlist:link { color: #006000; }
a.interviewlist:visited { color: #006000; }
a.interviewlist:hover { color: #a0c0a0; }
/* ==================================================================
BOOKS (POKER, BLACKJACK)
================================================================== */
div.booktitle { margin-bottom:10px;line-height:20px; }
img.stars { margin-right:10px; }
a.booktitle { font-family: Arial, sans-serif;font-size:18px;letter-spacing:-.1px;font-weight:normal;text-decoration: underline }
a.booktitle:link { color: #006000; }
a.booktitle:visited { color: #006000; }
a.booktitle:hover { color: #a0c0a0; }
/* ==================================================================
SOFTWARE (POKER, BLACKJACK)
================================================================== */
div.softwarecontainer { padding:15px 0px 5px 0px;border-bottom:1px solid #a0c0a0;float:left;width:100% }
div.softwareimage { float:left; }
a.softwaretitle { font-family: Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:0px;color: #006000;text-decoration: underline }
a.softwaretitle:link { color: #006000; }
a.softwaretitle:visited { color: #006000; }
a.softwaretitle:hover { color: #a0c0a0; }
/* ==================================================================
SPREADSHEET (ARBITRAGE, POKER)
================================================================== */
h2.spreadsheet-title { margin-bottom:10px; margin-top:0px;font-family: Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:0px;color: #006000; }
h2.spreadsheet-title2 { margin-bottom:5px; margin-top:40px;font-family: Arial, sans-serif;font-size:16px;font-weight:bold;letter-spacing:0px;color: #006000; }
/* ==================================================================
AFFILIATE
================================================================== */
div.affiliate { height:75px;float:left;width:100%;border-bottom:1px solid #a0c0a0;margin-top:5px;margin-bottom:5px; }
div.affiliate-header { background:#f3f3f3;float:left;border-bottom:1px solid #a0c0a0;text-align:center;padding:5px;color:#000000;font-weight:bold;font-size:16px; }
div.affiliate-column { height:100%;float:left;border:0px solid black;padding:5px; }
div.affiliate-column-banner { width:130px; }
div.affiliate-column-sitelink { width:150px; }
div.affiliate-column-x { width:110px;text-align:center;}
/* ==================================================================
SITE COMPARISON
================================================================== */
div.compare-sites { height:75px;float:left;width:100%;border-bottom:1px solid #a0c0a0;margin-top:5px;margin-bottom:5px; }
div.compare-sites-header { background:#f3f3f3;float:left;border-bottom:1px solid #a0c0a0;text-align:center;padding:5px;color:#000000;font-weight:bold;font-size:20px; }
div.compare-sites-column { height:100%;float:left;border:0px solid black;padding:5px; }
div.compare-sites-column-banner { width:130px; }
div.compare-sites-column-sitelink { width:220px; }
div.compare-sites-column-bonus { width:60px; text-align:center; }
div.compare-sites-column-rating { width:60px; text-align:center; }
div.compare-sites-column-us { width:70px; text-align:center; }
a.compare-sites-link-small { font-family: Arial, sans-serif;font-size:14px;font-weight:bold;color: #006000;text-decoration:none;letter-spacing:-.5px;}
a.compare-sites-link-small:hover { color: #a0c0a0; }
a.compare-site-link-large { font-family: Arial, sans-serif;font-size:22px;font-weight:bold;color: #006000;text-decoration: underline;}
a.compare-site-link-large:hover { color: #a0c0a0; }
.compare-sites-bigfont { font-family: Arial, sans-serif;font-size:22px;font-weight:bold;color: #000000;}
.compare-sites-smallfont { font-family: Arial, sans-serif;font-size:14px;font-weight:bold;color: #000000;}
img.compare-sites-banner { border:5px solid #f3f3f3;margin-top:-8px; }
img.compare-sites-icon { margin-top:4px; margin-bottom:-1px;margin-right:1px;}
/* ==================================================================
PRESS
================================================================== */
h2.press {color:#000;margin-top:0px;margin-bottom:0px;font:16px 'arial' bold;font-weight:bold;}
.presscontainer { margin-left: auto;margin-right: auto;width: 520px; }
.pressimage { margin: 5px; }
/* ==================================================================
CHIPS
================================================================== */
.div-chip-links { width:165px;float:left;}
.h4-chip-links { margin:0px;text-align:center;text-decoration:underline;font-size:16px; }
.h2-chip-links { width:100%;background:#508F50;border:3px solid #006000;color:#fff;text-align:center }
img.centeredwithin { display:block;margin:0 auto }
.chip-compare-container { float:left;margin:0px; }
.chip-compare-desc1 { float:left;background:#A7D8A7;width:150px;margin:2px;height:100%; }
.chip-compare-desc2 { float:left;background:#f1f1f1;width:180px;margin:2px;height:100%;text-align:center;padding:8px;}
.chip-compare-desc1 h2 {margin:0px;padding:6px 0px 6px 10px;}
/* ==================================================================
COMMENTS
================================================================== */
.comment-bubble {
position:relative;
padding:9px;
margin:0;
color:#000;
background:#F4ECC1; /* default background for browsers without gradient support */
/* css3 */
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4ECC1), to(#F4ECC1));
background:-moz-linear-gradient(#F4ECC1, #F4ECC1);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* display of quote author (alternatively use a class on the element following the blockquote) */
.comment-bubble + p {margin:1px 0 10px 70px;}
/* creates the triangle */
.comment-bubble:after {
content:"";
position:absolute;
bottom:-15px;
left:50px;
border-width:15px 0 0 15px;
border-style:solid;
border-color: #F4ECC1 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* ==================================================================
LISTINGS
================================================================== */
.table-listings
{
font-family: arial;
font-size: 12px;
border:0px solid #a0c0a0;
margin-top: 5px;margin-bottom: 15px;
text-align: left;
}
.table-listings td.header
{
font-size: 12px;
font-weight: bold;
color: #005500;
padding: 5px 5px;
background: #A4C2A4;
border-top: 0px solid #006000;border-bottom: 1px solid #fff;
text-align: center;
}
.table-listings td
{
font-size: 12px;
color: #006000;
padding: 0px 5px 1px 5px;
background: #f3f3f3;
border: 1px solid #E0E0E0;
border-left: 0px solid #fff;border-top: 0px solid transparent;
text-align: right;
}
.table-listings tr:hover td
{
background: #f9f9f9;
color: #006000;
}
.listing-header
{
width:150px;
background: #BBE0B3;
padding:0px 3px;
}
.listing-info
{
}
div.game-listing {padding:10px;margin:8px 0px;background:#eaeaea;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
a.listing { font-family: Arial, sans-serif;font-size:15px;font-weight:bold;letter-spacing:0px;color: #006000;text-decoration: underline; }
/* ==================================================================
TABLES
================================================================== */
.table-data
{
font-family: arial;
font-size: 12px;
border:0px solid #a0c0a0;
margin-top: 5px;margin-bottom: 15px;
text-align: left;
border-collapse: collapse;
}
.table-data th
{
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 5px 10px;
background: #326F32;
border-top: 0px solid #006000;border-left: 1px solid #fff;border-bottom: 1px solid #fff;
text-align: center;
}
.table-data td.header
{
font-size: 14px;
font-weight: bold;
color: #005500;
padding: 5px 5px;
background: #A4C2A4;
border-top: 0px solid #006000;border-bottom: 1px solid #fff;
text-align: center;
}
.table-data tr.header:hover td
{ background: #a0c0a0; }
.table-data td
{
font-size: 12px;
color: #006000;
padding: 0px 5px 1px 5px;
background: #f3f3f3;
border: 1px solid #E0E0E0;
border-left: 0px solid #fff;border-top: 0px solid transparent;
text-align: right;
}
.table-data tr.extrapadding td
{
padding-bottom:2px
}
.table-data tr:hover td
{
background: #f9f9f9;
color: #006000;
}
.groupgrey{ background:#A8A8A8; }
.groupwhite{ background:#fff; }
/* ==================================================================
TABLES - SPECIFIC
================================================================== */
.center { margin-left: auto;margin-right: auto; }
.extrapadding {padding-bottom:12px }
#left { text-align:left }
#center { text-align:center }
#right { text-align:right }
#height14 { height:14px }
#height20 { height:30px }
#left-height20 { text-align:left;height:10px }
#center-height10 { text-align:center;height:10px }
#right-height10 { text-align:right;height:10px }
#left-kk { text-align:left;padding-right:5px;}
#roulette { margin-left: auto;margin-right: auto;border-top: 1px solid #006000; }
#roulette-column1 { width: 60px;text-align: center;font-weight:bold;font-size:14px }
#roulette-column2 { width: 80px;text-align: center; }
#roulette-column3 { width: 350px;text-align: left; padding:3px 10px;}
#roulette-odds-column1 { text-align: right;padding-right:10px;padding-left:10px; }
#roulette-odds-column2 { text-align: right;padding-right:15px;}
#roulette-odds-column3 { text-align: right;padding-right:10px;}
#roulette-odds-column4 { text-align: right;padding-right:15px;}
#roulette-odds-column5 { text-align: right;padding-right:10px;padding-left:10px;}
#roulette-odds-column6 { text-align: right;padding-right:10px;}
#roulette-odds-column7 { text-align: right;padding-right:20px;}
#keno-odds-column1 { text-align: center;padding-right:5px;width:70px;background:#a0c0a0;font-weight:bold}
#keno-odds-column40 { text-align: right;padding-right:5px;width:40px;}
#keno-odds-column45 { text-align: right;padding-right:5px;width:45px;}
#bingo-pattern-row { float:left;width:100%; }
#bingo-pattern-container { border:0px solid black;width:61px;padding:0px 10px;float:left; }
#bingo-pattern { border-top:1px solid #999;border-right:1px solid #999; cellspacing:0px;border-collapse: collapse }
#bingo-pattern-marked { width:9px;height:15px;background:#006d00;border-bottom:1px solid #999;border-left:1px solid #999; }
#bingo-pattern-unmarked { width:9px;height:15px;background:#fffff;border-bottom:1px solid #999;border-left:1px solid #999; }
#bingo-pattern-center { width:9px;height:15px;background:#999;border-bottom:1px solid #999;border-left:1px solid #999; }
h4.bingo-pattern {color:#006000;background:#fff;margin:20px 0px 0px 0px;font:16px 'arial';font-weight:bold;text-align:center;border-bottom:0px solid #a0c0a0;}
#lottery-odds-column1 { text-align: left; padding:0px 10px; }
#lottery-odds-column2 { text-align: right; padding:0px 10px; }
#slots-odds-column1 { text-align: center;padding: 0px 10px;background:#A4C2A4;font-size: 14px;font-weight: bold;}
#slots-odds-column2 { text-align: right;padding: 0px 10px;}
#video-poker-column1 { text-align: left;padding:5px;font-weight:bold; }
#video-poker-column2 { text-align: left;padding:5px;}
#video-poker-types-column1 { text-align: right;padding:3px 10px;font-weight:bold; }
#video-poker-types-column2 { text-align: right;padding:0px 5px 0px 0px; }
#video-poker-types-column3 { text-align: center;padding:0px 5px 0px 0px; }
#video-poker-odds1 { text-align: center;padding:5px; border:1px solid #A4C2A4;color:#000;}
#video-poker-odds2 { text-align: center;padding:5px; border:1px solid #A4C2A4;color:#fff;background:#EE0101}
#baccarat-odds-column1 { text-align: center;padding:2px 5px;font-weight:bold;background:#A4C2A4 }
#blackjack-corner { border:0px 1px 1px 0px;background:#fff;height:18px; }
#blackjack-x { text-align:center;color:#000; background:#FFFFFF; width:16px; height:18px; border:1px solid #000;}
#blackjack-h { text-align:center;color:#000; background:#FF0000; width:16px; height:18px; border:1px solid #000;}
#blackjack-s { text-align:center;color:#000; background:#FFFF00; width:16px; height:18px; border:1px solid #000;}
#blackjack-d { text-align:center;color:#000; background:#3163FF; width:16px; height:18px; border:1px solid #000;}
#blackjack-sp { text-align:center;color:#000; background:#00FF00; width:16px; height:18px; border:1px solid #000;}
#counting1 { text-align:center; width:12px; height:20px; border:1px solid #326F32;background:#A4C2A4}
#counting2 { text-align:center; width:14px; height:20px; border:1px solid #326F32;}
/* ==================================================================
TABS - MENU
================================================================== */
/* Breadcrumb div. Not being used. If left empty, will show up in IE if given a width even if height is zero */
#breadcrumb {
width: 100%;
height: 0px;
/* margin: auto; */
float: left;
background-color:#006D00;
border-bottom:0px solid #f3f3f3;
border:1px solid black;
margin-bottom:15px;
}
/* Begin Navigation */
#navigation {
width: 100%;
height: 35px;
/* margin: auto; */
float: left;
background: #006d00;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomright:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomleft:15px;border-bottom-left-radius:15px;
// background-color:#006d00;
border:0px solid black;
margin-bottom:15px;
}
#nav {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 0;
padding: 0;
margin-left:15px
}
#nav li {
float: left;
margin-left: 5px;
background: url(bg-menu-tab.gif) no-repeat right top;
}
#nav li.current {
background-position: right bottom;
}
#nav li a {
float: left;
display: block;
height: 26px;
padding: 9px 9px 0;
background: url(bg-menu-tab2.gif) no-repeat left top;
color: #fff;
text-decoration: none;
font-weight:bold;
font-size: 18px; /* moved this from #nav li */
}
#nav li.current a {
background-position: left bottom;
color: #006d00;
}
#nav li:hover, #nav li.sfhover {
background-position: right -35px;
}
#nav li.current:hover, #nav li.sfhover.current {
background-position: right bottom;
}
#nav li:hover a, #nav li.sfhover a { /* tab on mouseover */
background-position: left -35px;
color: #006d00;
cursor:default;
}
#nav li.current:hover a, #nav li.sfhover.current a {
background-position: left bottom;
color: #C7CBC0;
}
#nav li#nav_home.current {
background-position: right top;
}
#nav li#nav_home.current a {
background-position: left top;
color: #FFFFFF;
}
#nav li.current#nav_home:hover, #nav li.current.sfhover#nav_home {
background-position: right -35px;
}
#nv li.current#nav_home:hover, #nav li.current.sfhover#nav_home a {
background-position: left -35px;
color: #FFFFFF;
}
/* Under 1st dropdown */
#nav li ul {
clear: left;
position: absolute;
left: -999px;
z-index: 999;
width: 161px;
margin-top: 35px;
margin-left: -13px;
_margin-top: 0; /* IE6 only */
border-top: 1px solid #f3f3f3;
border-bottom: 15px solid #fff;
border-left: 15px solid #fff;
border-right: 15px solid #fff;
list-style: none;
line-height: 1;
padding-left: 0px;
margin-bottom:100px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #nav li ul {
margin-top: 0;
}
/* Custom widths */
#nav li ul.hpg { width:90px}
#nav li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: 1.0em;
text-transform: none;
}
/* Not sure - nothing */
#nav li ul ul {
margin: -131px 0 0 161px;
}
/* Under 2nd dropdown - this has to stay in order */
#nav li:hover ul ul, #nav li.sfhover ul ul , #nav li:active ul ul {
left: -999em;
margin-left:165px;
margin-top:-24px;
border-left:1px;
border-top:1px solid #ddd;
border-right: 0px solid #fff;
border-bottom: 0px;
}
/* Not sure - nothing */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}
/* Not sure - nothing */
#nav li li li {
font-size: 1em;
}
/* Both dropdowns */
#nav li:hover li a, #nav li.sfhover li a {
float: none;
width: 153px;
height: auto;
padding: 3px 5px 3px 6px;
border-top: 0px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #f3f3f3;
color: #006d00;
font-weight:bold;
font-size: 16px;
}
/* Custom widths */
#nav li:hover li.hpg a { width:90px}
/* Triangle icon */
#nav li:hover li.fly a { background: #f3f3f3 url(fly.gif) no-repeat right center;}
#nav li:hover li.nofly a { background: #f3f3f3; cursor:pointer; }
#nav li:hover li.nofly a:hover { color:#a0c0a0;}
/* Both menus - hover change */
#nav li:hover li a:hover, #nav li.sfhover li a:hover {
color: #006000;
}
/* End Navigation */
/* ==================================================================
TABS - CONTENT
================================================================== */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
background: url(bg-tab-content.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #27537a;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}
.ui-tabs-nav a span {
width: 64px; /* IE 6 treats width as min-width */
min-width: 64px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
border-top: 1px solid #97a5b0;
padding: 1em 8px;
background: #f5f5f5; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}