/* common HTML element styles */
* { margin: 0; padding: 0; }
body { margin: 0 auto;
        font-size:11px; line-height:1.4; font-family: Arial, Helvetica, sans-serif;}

/* html { height: 100%; margin-bottom: 0.01em;} /* Puts spoof scrollbar into Firefox to stop centered "jump" */

/* Stuff for headers and graphics. Overridden for different column layouts. */
h1 {font-size:22px; font-family: Avian; }
div.pageName {width:817px; height:52px; float:left; background:#2a092d; color:white}
.pageName h1 {padding:0px 0px 0px 26px; height:52px; display:table-cell; vertical-align:middle; position:static;
width:600px; text-transform:uppercase;  }
h2 {font-size:large; font-weight:bold; font-family: Helvetiker}
h2, h3, h4 {color:#00a4e4;font-family: Helvetiker}
h3 {font-size:12px; margin-top:5px; text-transform:uppercase; color:#723f86}
h4 {font-size:10px; margin-top:3px; visibility:visible!important}

p {margin-bottom:10px}
a {color:#6d5a22; text-decoration:none}
a:active, a:hover {color:#00a4e4}
h2 a {color: #6d5a22}
h2 a:active, h2 a:hover {color: white}
#bottomMenu a { color:white }
#bottomMenu a:active, #bottomMenu a:hover { color:#6d5a22}

.CenterColumn  {margin:auto; width:1200px}

img {border:none}
ul, ol {margin-left:7px; margin-bottom:10px; margin-right:15px}
li {margin-left:10px}

.ContentControlEditBox {width:100%; min-height:400px; min-width:400px}

/* site master borders */
#leftShadow{ background:url(/images/left_shadow.png) left repeat-y; padding-left:36px}
#rightShadow{ background:url(/images/right_shadow.png) right repeat-y; padding-right:37px; width: 1039px; }

div.leftRail p, div.leftRail li { color:#a0a0a0; margin-left:0px; padding-right:10px}
div.leftRail li {list-style:none}
div.leftRail ul {margin-left:0px}
div.leftRail a {color:#FAA61A; text-decoration:underline}
div.leftRail a:hover {color:#00A4E4}

div.leftRail {float:left; padding:5px}
#leftColumn, #rightColumn {margin-top:18px; width:345px; padding: 0px 30px 0px 20px; 
float:left; min-height:300px; height:auto !important; height:300px;text-align:justify}
div.leftRail {width:164px;  padding: 10px 5px 0px 17px}
#leftColumn img.AjaxClass {border:none; margin-bottom:0px}

/* Css menu adapters.. */
ul.AspNet-Menu, ul.AspNet-Menu ul {display:block;margin:0;padding:0;}       
ul.AspNet-Menu li a, ul.AspNet-Menu li span {display:block;text-decoration:none;}
ul.AspNet-Menu li {float:left !important;}
ul.AspNet-Menu li {list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;}

.monoshow {clear:left; float:left; margin-right:10px; margin-bottom:5px}
#banner .monoshow {clear:none; margin:0px}
#rightColumn div.port, #leftColumn div.port {padding:19px 21px 20px 18px; background:url(/images/slideshow/portframe.jpg) no-repeat}
#rightColumn div.land, #leftColumn div.land {padding:19px 21px 20px 18px; background:url(/images/slideshow/landframe.jpg) no-repeat}

.SubmitClass {float:right}
.highlight { color:black}

#menu ul {z-index:255}
.monoshow {z-index:0;position:relative}
#topMenu, #footer { color:white; font-weight:bold; }
#topMenu a {color:White; text-transform:uppercase}
#topInnerPanel { width:1000px; margin:auto; padding-top:17px}
#tagLine {float:right; margin-top:38px; padding-left:10px; font-size:12px; font-weight:bold; font-family: Avian}
#tagLine a {color:White}

#bottomPanel {clear:both; width:100%; color:white; margin:auto; border-top:4px solid #75853e; background:#423c3c}
#footer{width:100%; margin:auto; padding: 9px 0px 32px 0px; height:100%; text-align:center}
#footerInner {margin:auto; width:1000px}

/* Partners / Meter. Don't call "sponsors" as AdBlockPlus kills those. */
#partnersOuter {clear:left; width:100%; height:100px; }
#partners div {float:left; }
#partners h3 {font-size:10px }
#partners a:active, #partners a:hover {color:#00a4e4}
.AddThis {padding:2px 0px 0px 0px}
#StokedBox {float:right!important; margin-right:98px; margin-top:21px; padding:7px 0px 0px 10px; height:44px; width:200px;}
#StokedBox img {padding-right:8px; float:left}

#bottomMenu {width:419px}
#bottomMenu {height:20px; padding:7px 0px 0px 0px; float:right; text-transform: uppercase; 
             font-size :18px; font-weight:bold; text-align:right}
#bottomMenu li.AspNet-Menu-Leaf {padding-left:15px; font-size:10px; }
#bottomMenu li.AspNet-Menu-Leaf {padding-left:5px; font-size:10px}

.Copyright {font-size:10px; float:left; line-height:0.95em; padding:7px 0px 0px 15px}

.meter {width:185px; padding:0px 5px 0px 15px; margin:0px 2px 2px 0px; height:96px; font-size:9px; line-height:1em;}
.meter h3 a {color:white; margin:0; text-decoration:none; font-size:8px}
.meter table td {white-space: nowrap}
.meter img {padding:2px 0 0 5px; margin:0 0 0 10px!important; border:none!important}

div.counter {text-align:center; font-size:8px; padding:26px 0px 0px 5px; width:135px; height:76px; margin-left:98px}
div.counter a {font-size:10px; color:white}
div.counter span {font-size:22px; font-weight:bold; color:yellow}


/* For pop up validators. */
table img {border:none!important}   /* Note that there is no class-ability in the actual pop up thing. */

.accordionHeader, .accordionHeaderSelected { margin:0px 0px 2px 0px; cursor:pointer; padding:2px 5px 0px 20px;  font-weight:bold; }
.accordionHeader {color:#00A4E4; background:url(/images/expand.jpg) no-repeat 0px 5px}
.accordionHeader:hover {color: #702C91}
.accordionHeaderSelected {color: #702C91; background:url(/images/collapse.jpg) no-repeat 0px 5px}

/* for asp controls.. */
.LabelClass {display:block; float:left; margin-right:10px; margin-left:10px}

/* ticker.. */
.newsticker {color:white; text-align:left; border:none; font-size:11px; float:none; clear:left;  min-height:130px; padding:5px}
.newsticker h3 {clear:left; padding-top:9px}
.newsticker h3 a {font-size:10px; line-height:0.9em;margin-top:10px}
.newsticker h4 {font-size:9px}
.newsticker a {}
.newsticker a:hover {color:#00a4e4}      
.newsticker p {font-weight:normal}
.newsticker .annotation {margin-bottom:0px}
.newsticker .description {float:left; width:200px; height:31px; overflow:hidden; margin-right:3px}
.newsticker .description a { text-decoration:underline}
.newsticker .postFix { float:right; padding-top:0px; text-decoration:underline}

/*Modal Popup*/
.handleClass {cursor: move; background-color:#DDDDDD; border:solid 1px Gray; padding:2px}
.modalBackground { background-color:Gray; filter:alpha(opacity=50); opacity:0.5; }
.modalPopup { background-color:#EBEBEB; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:270px; text-align:center}

/* Left rail - menus etc*/
div.leftRail h2, #leftRail h3, #leftRail h4 {color:white}
div.leftRail ul.AspNet-Menu li a {color:#99ca3c; padding-bottom:5px; font-size:10px; text-transform:uppercase; text-decoration:none; font-weight:bold}
div.leftRail ul.AspNet-Menu li a:active, #leftRail ul.AspNet-Menu li a:hover {color:white}
div.leftRail ul.AspNet-Menu ul {visibility:visible!important; position:relative}
ul.AspNet-Menu ul {display:block!important;margin-left:10px!important}
div.leftRail li.AspNet-Menu-WithChildren {margin-left:0px}
div.leftRail li.AspNet-Menu-ChildSelected ul, #li.AspNet-Menu-Selected ul {margin-left:10px}
div.leftRail li.AspNet-Menu-ChildSelected ul {color:#99ca3c}
div.leftRail li.AspNet-Menu-Selected a,#leftRail li li.AspNet-Menu-Selected a  {color:white!important}
div.leftRail li.AspNet-Menu-ParentSelected a { color:#99ca3c!important}
div.leftRail li.AspNet-Menu-ParentSelected a:hover { color:white!important}
div.leftRail li.AspNet-Menu-WithChildren li a {text-transform:capitalize!important; }
div.leftRail li.AspNet-Menu-Leaf {text-transform:lowercase!important; }

/* Pictures etc*/
.figure {float:right}
.figure p {text-align:center; color:gray; margin-bottom:1px; padding: 0px 10px 0px 10px; clear:left}
img.land {background:#EBEBEB url(/images/land_frame.jpg); border:none; padding:11px 10px 10px 11px; }
img.port {background:#EBEBEB url(/images/port_frame.jpg); border:none; padding:11px 10px 10px 11px; }

#SpaceMeter .EditButtonClass {float:left; width:16px; height:16px}
#SpaceMeter h3 {float:left}

.GoogleAd {margin:15px 0px 10px 17px; position:absolute;bottom:0}
#stalkers h2 {margin-left:29px}
#stalkers #borders {border-width:1px 0px 1px 0px; border-style:dotted; border-color:#a8d14c; padding:10px 0px 10px 3px; margin-right:8px}
#stalkers img {padding:3px 1px}

/* Admin menu */
.LoginPane {float:left; clear:right; padding-top:20px; width:230px; display:none}
#footer a {color:white;}

.AdminLoginBanner {float:right; padding:40px 20px 0px 0px}
.AdminLoginBanner a:active, .AdminLoginBanner a:hover {color:black}


.Invisible {display:none}

/* Tabs */
#tabs .ui-tabs-selected > a span {color:yellow}
#tabs .ui-state-default {background:#2a092d!important; color:white!important; 
    text-transform:uppercase;font-size:10px;font-weight:bold!important}
#tabs .ui-state-default a, #tabs .ui-state-default a:link, .ui-state-default a:visited 
    {color:white; text-decoration:none;}
#tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active {border:1px solid #AAAAAA; 
    color:white; background:#5a869a!important}
#tabs .ui-widget-content {background:url("/images/2010/tabs_background.jpg") #dddfe0;
    border:1px solid #AAAAAA; color:white; }
#tabs .ui-widget-header {background:none; border:none}   
#tabs.ui-widget-content {border:none} 

.superscript {position: relative;bottom: 0.3em;}