/* 
 * document-wide defaults
 *
*/

#overallWidth { width:800px; position:relative; } /* OVERALL PAGE WIDTH */

body {
   background: #F8F8F8;
   font-family: Veranda, arial, helvetica, sans-serif;
   font-size: 9pt;
}
td,th { /* IE6 sucks ballz */
 font-size: 9pt;
}

.label {
   font-weight:bold;
}

div.error {
   font-size:10pt;
   font-weight:bold;
   padding:5px;
   margin: 10px;
   width:100%;
   border: 1px solid red;
   background: #FFF;
}
h1 { 
   font-family: Veranda, arial, helvetica, sans-serif;
   font-size: 14pt;
   margin-left: 0;
   margin-top: 0;
   color: #444;
   letter-spacing: 0px;
/*   border-bottom: 1px solid #777 ;*/
   width: 93%;
 }
h2 {
   font-family: Veranda, arial, helvetica, sans-serif;
   font-size: 11pt;
   margin-left: 0;
   margin-bottom: 0px;
   color: #444;
   letter-spacing: 0px;
   /*border-bottom: 1px solid #777 ;*/
}
h3 {
   font-family: Veranda, arial, helvetica, sans-serif;
   font-size: 10pt;
   margin-left: 0;
   margin-bottom: 0px;
   color: #444;
   letter-spacing: 0px;
}
a, a:visited {
   text-decoration: none;
   color: #c95501;
}
a:hover {
   text-decoration: underline;
}


.teeny {
   font-size:8pt;
}

/* this does ALL images on the whole site -- probably not what you want,
 * and makes things look weird besides. -G 
 */
/* img { border: 1px solid black; background: #dddddd; } */

form {
   margin: 0;
   padding: 0;
}

input.disabled_button,
input.button {
    background: #EEE;
    color: #555;
    border: 1px solid;
    border-top-color: #DDD;
    border-left-color: #DDD;
    border-right-color: #555;
    border-bottom-color: #555;
    font-size: 8pt;
    vertical-align: middle;
    margin: 1px;
}
input.disabled_button { color: #888; }

input.button:hover {
    background: #A8691E;
    color: #FFF;
    border: 1px solid;
    border-top-color: #555;
    border-left-color: #555;
    border-right-color: #000;
    border-bottom-color: #000;
}

input.text {
        vertical-align: middle;
        font-size: 8pt;
        margin: 1px;
}
input.textFocused {
        vertical-align: middle;
        font-size: 8pt;
        margin: 1px;
        background-color: #DDD;
}

.staffOnly { /* staff-only content; 'edit' links and so forth */
   background: #000;
   font-size: 8pt;
   color: #DDD;
}
.staffOnly a { color: #FFF; }
.staffOnly a:hover { color: #FFF; }
.staffOnly a:visited { color: #FFF; }

/* tables inserted from wiki topics */
table.inline {
 border: 1px solid #000;
 width: 100%;
}
table.inline th.twikiFirstCol, 
table.inline td.twikiFirstCol { }
table.inline th {
   padding:3px;
   background: #DDD;
   white-space:nowrap;
}
table.inline td {
   padding:3px;
   vertical-align:top;
}

/* hide inline tabs by default */
div .inlineTab { 
   display:none; 
}

/*
 * pageFooter 
 * / 
table #pageFooter { 
  width:800px;
  margin:auto;
  color: #555;
  font-size:7pt;
  height:20px;
}
#pageFooter td {
   font-size:7pt;
   color: #555;
}


#pageFooter a, #pageFooter a:visited {
   margin-left:10px;
   text-decoration: none;
   color: #A8691E;
}
#pageFooter a:hover {
   text-decoration: underline;
}

div#loginLink {
   width:100%;
   text-align:right;
   padding: 0;
   margin:0;
   font-size: 8pt;
}
div#loginLink a, 
div#loginLink a:hover,
div#loginLink a:visited { 
   color: #000;
}

/* page header block -- defines dimensions and background */
#pageHeader { 
   background: transparent;
   width: 100%;
   height:80px;
   border: 0;
   padding: 0;
   margin: 0;
}

/* place a background behind the pageHeader and menuContainer divs */
#pageHeaderBackground {
   background: #A8691E url(/w/pub/WebContent/WwwCss/richard_annema_-_woosh_banner.jpg) no-repeat;
   behavior: url('/iepngfix.htc');
}

/* display the SF logo in the pageHeader; dimensions match the png */
#logo {
   display:inline;
   float:left;
   margin-top: 32px;
   margin-left: 20px;
   background: transparent url(/w/pub/WebContent/WwwCss/256_white_alpha.png) no-repeat;
   behavior: url('/iepngfix.htc');
   width:256px;
   height:45px;
   border: 0;
}
/* background fishbones image above the tabs
 * nb. the inline setting so we line up with the logo */
#backgroundFish {
   display:inline;
   float:right;   
   width:250px;
   height:80px;
   background: url(/w/pub/WebContent/WwwCss/fish_transparent.png) no-repeat;
   behavior: url('/iepngfix.htc');
}

/* size and position the banner ad */
#bannerAd, #bannerAd .swf {
   width: 468px;
   height: 60px;
   border: 0;
}

#contentContainer {
   float:left;
   text-align:left; 
   width:100%;
   margin:0;
   padding:0;
   padding-top:5px; /* space between bottom of the menubar and the start of the columns */
   background: #FFF url(/w/pub/WebContent/WwwCss/sk_bg_grad_now_with_extra_cueball.jpg) no-repeat center top fixed;
}


/* 
 * container block for all content
 *
 */

/* in-line floating content (eg. img from the gallery ) */
/* See also div.floater h1 {} in SidebarCss */
div.floater {
   width: 180px;
   text-align: center;
   padding-bottom: 20px;
   vertical-align: bottom;
   margin: 10px;
   font-size: 8pt;
   font-weight: normal;
   background: #FFF url(/w/pub/WebContent/WwwCss/y_grad_grey.gif) repeat-x  top; 
   border: #cccccc solid 1px;
}

div.floater img {
   margin: 5px;
}

/*
 * overlay a 'popup' layer
 *
 */
div.divOverlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1000;
    position:absolute;
    top:0px;
    left:0px;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    background: #DDD;
    text-align:left;
}   
div#OverlayPopup {
   border: 1px solid #777;
   background: #FFF; 
   color: #000; 
   padding:0;
   margin-top: 15px;
   margin-left: 15px;
   position:absolute;
   display:none;
   z-index:1001;
   text-align:left;
}
div#OverlayPopup div.topBar {
   height: 20px;
   background: #A8691E;
   font-weight:bold;
   color: #FFF;
   text-align:right;
}
div.topBar a, div.topBar a:hover, div.topBar a:visited {
   color: #FFF;
}

/*
 * storeUpgrade is the b2 ugprader widget 
 *
 */
#storeUpgrade {
  margin:3px;
  color: #000;
}
#storeUpgrade h1,
#storeUpgrade h2,
#storeUpgrade h3 {
   margin:0;
   padding-bottom: 1px;
   color: #000;
}
#storeUpgrade img {
   vertical-align:middle;
}

#storeUpgrade th {
   background:#DDD;
   padding:2px;
   padding-left: 5px;
   padding-right: 5px;
}
#storeUpgrade td {
   padding:2px;
}
#storeUpgrade td.totals {
   border-top:1px solid #000;
   font-size:9pt;
   line-height:1.5em;
}
#EADesc {
   display:none;
   text-align:justify;
   width:400px;
   padding: 2px;
   margin-top:5px;
   margin-left:auto;
   margin-right:auto;
}

/*
 * SEARCH results
 *
 */

#searchResults .twikiSearchString, #searchResults h1 {
   color: #000;
   background: #FFF;
   padding: 0;
   margin: 0;
   margin-top: 20px;
   display: block;
   font-weight: bold;
   text-decoration: none;
   font-size: 10pt;
   font-style: none;
   text-align: left;
}

#searchResults .twikiSearchString {
  border-bottom: 1px solid #000;
  margin-top:0;
} 

#searchResults .twikiSearchResultsHeader {
   display: none;
}

#searchResults .twikiSearchString b { color: #555; }


/*
 * ::RESELLER:: blocks
 * 
 */
.resellerListing h2 { /* country header */
}

.resellerQuickLinks {
   display: block;
   margin:20px;
   text-align: justify;
}

/*
 * ::NEWSFEED:: blocks
 *
 */

table.newsfeed,
table.newsfeed .date,
table.newsfeed .headline,
table.newsfeed .story,
table.newslist .date,
table.newslist .headline,
table.newslist .story {
   padding: 1px;
   margin-right:1px;
   font-size:8pt;
}

/*
 * ::QUOTATION:: blocks
 *
 */
table.quotation { 
  margin-left: 50px;
  margin-right: 50px;
}
table.quotation img {
 margin: 2px;
}
div.quotation {}
div.attribution {
  margin-top: 10px;
  text-align:right;
  font-weight: bold;
}

div.draftVersion {
/* border: 1px solid red; */
}

/* content container for pages not using the two-column layout */
#oneColumn {
 float:left;
 width:100%;
 color: #444;
 margin:0;
 padding:0;
}

/* sidebar and twoColumn create the two-column layout */
#sidebar {
 float:left;
 width:180px;
 padding:0;
 margin:0;
}
#twoColumn {
 float:left;
 width:600px;
 padding:0;
 margin:0;

/* background: transparent url(/w/pub/WebContent/WwwCss/ieback.jpg) no-repeat top left; */
/* background: #414141 url(/w/pub/WebContent/WwwCss/ieback_gray.jpg) no-repeat top left; */
/*background: gray; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;*/

/* This was the one we were using, but it causes IE to render the page impossibly slowly.
   which seems incredibly stupid, but whatever.  Bet nobody even notices it. */
/* background:     transparent url(/w/pub/WebContent/WwwCss/sk_white_5by5_square.png) repeat; */
} 

#oneColumnText, 
#twoColumnText {
  padding:5px;
  color: #444;
}

.downloads_enabled li {
   list-style-type: none;
   list-style-image:url(/fishicons/download.png);
}
.sublist {
   margin-left: 1em;
   padding-left: 1em;   
}
.sublist li {
   list-style-type: square;
   list-style-image: none;
}

.hilight {
   background: #A8691E;
   color: #FFF;
   cursor: hand;
}


.required { color: red; }

ul#verticalInlineTabLinks {
   list-style-type: none;
   text-align:left;
   width:100%;
   padding:0;
   margin:0;
}      
ul#verticalInlineTabLinks li {
   list-style: none;
   margin:0;
   padding:3px;
   cursor:pointer;
   text-decoration:none;
}
ul#verticalInlineTabLinks li:hover {
   text-decoration:underline;
}

div .tagOverlay {
   position:relative;
}
div.OverlayPopup {
   border: 1px solid #777;
   background: #FFF; 
   color: #000; 
   padding:0;
   margin-top: 15px;
   margin-left: 15px;
   position:absolute;
   display:none;
   z-index:1001;
   text-align:left;
}
div.OverlayPopup div.topBar {
   height: 20px;
   background: #A8691E;
   font-weight:bold;
   color: #FFF;
   text-align:right;
}

.inputSuggestions {
   position:absolute;
   display:none;
   padding:0;
   margin:0;
   border: 1px solid #000;
   z-Index:9999;
   background-color: #FFF;
   height:150px;
   overflow: auto;
}   
.inputSuggestions ul {
   list-style-type: none;
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   color: #000;
   font-size:8pt;
}
.inputSuggestions ul li {
   width:100%;
   white-space: nowrap;
   overflow:hidden;
   font-variant: italic;
}
.inputSuggestions ul li.selected {
   background: #c95501;
   color: #FFF;
   
}

/* styles for the two columns in the main layout */
div#sidebar {
   width: 180px;
   margin-right: 10px;
   margin-left: 5px;
   margin-top: 0;
   padding: 0;
   font-size: 8pt;
   font-style: none;
   text-align: left;
   min-height:150px;
   overflow-x:hidden;
}
/* list and anchor styles used for the sidebar menu */
#sidebar ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
   text-align: left;
}
#sidebar li {
   margin: 0;
   padding: 0;
   padding-top: 0px;
   padding-bottom: 1px;
}
#sidebar ul li a, #sidebar ul li a:visited {
   display: block;
   padding: 1px;
   padding-left: 10px;
   color: #555;
   font-weight: bold;
   margin: 0;
   width:166px;
}
#sidebar ul li a:hover, #sidebar ul li a.current {
   background: #EEE;
   color: #000;
   text-decoration: none;
}

#sidebar ul li a.disabled, #sidebar ul li a.disabled:visited, #sidebar ul li a.disabled:hover {
   color: #999;
   text-decoration: none;
   font-variant: italic;
}

#sidebar .loginTable td {
     padding-top: 10px;
     text-align: left;
     font-style: small-caps;
     font-weight: bold;
     font-size: 7pt;
     vertical-align: bottom;
}

/* sidebar and floater header */
#sidebar h1, 
#sidebar li .first, 
div.floater h1 {
   font-family: verdana, arial, helvetica, sans-serif;
   background: #e27f0b;
   color: #FFF;
   padding: 0;
   margin: 0;
   border-bottom: 1px solid #000;
   display: block;
   font-weight: bold;
   text-decoration: none;
   font-size: 10pt;
   font-style: none;
   text-align: left;
   width:175px;
   padding-left:5px;
}
#sidebar li .first {
   padding-left:0;
   width:100%:
}
#sidebar li .first a, 
#sidebar li .first a:hover, 
#sidebar li .first a:visited {
   color: #FFF;
   background: #e27f0b;
}

/* margins on floaters in the sidebar */
#sidebar div.floater { 
   margin: 0;  
   margin-top: 10px;
   width: 178px;
 background:     transparent url(/w/pub/WebContent/SidebarCss/sk_white_5by5_square.png) repeat; 
}

div#sidebarMenu {
   background:     transparent url(/w/pub/WebContent/SidebarCss/sk_white_5by5_square.png) repeat; 
   border: #cccccc solid 1px;
}

# indented menu options (technically third-level ul)
div#sidebarMenu ul li ul li ul li{
   margin-left: 20px;
}
div#sidebarMenu ul li ul li ul li a, 
#sidebar ul li ul li ul li a:visited {
   width:136px;
}

div#sidebarMenu ul li ul li a, 
#sidebar ul li ul li a:visited {
   width:166px;
}

div#menuContainer { /* container for the top-level tabs */
   font-family: verdana, arial, helvetica, sans-serif;
   background: transparent;
   height: 20px;
   text-align: right;
   padding: 0;
   margin: 0;
   width: 100%;
}

ul#mainMenuTabs { /* top-level tabs */
   background: transparent;
   margin: 0;
   padding: 0;
   list-style: none;
   height:20px;
   width:100%;
}
ul#mainMenuTabs li {
   float:right;
   text-align: center;
   margin: 0;
   margin-left:1px;
   width: 80px;
   background: #CFCFCF;
   color:#999;
   text-decoration: none;
   height: 20px;
   padding-left: 2px;
   padding-right: 2px;
   font-weight: bold;
   font-size:9pt;
}
ul#mainMenuTabs li.activeTab {
   background: #000;
   color:#FFF;
}

ul#mainMenuTabs li a {
   text-decoration: none;
   color:#999;
}
ul#mainMenuTabs li.activeTab a, 
ul#mainMenuTabs li a:hover {
   color: #FFF;
}

/*
 * WARNING: do not alter the positioning of any elements in this file!
 *          (also no touchy the no touchy)
 */

div.sfMenuBar {
  position:relative;

  /* no touchy */
  width:100%;
  float: right;
  text-align:left;

   /* color for non-linked text */
  color: #888;

  /* background of entire bar */
  background: #000;
  z-index:999;
}

/* no touchy */
div.sfMenuBar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

div.sfMenuBar a {
   /* no touchy */
   display: block;

   /* style of linked text */
   color: #FFF;
   text-decoration: none;
}

/* active links */
div.sfMenuBar a:hover {
  color: #FFF;
}

/* background of active links */
div.sfMenuBar li:hover {
   background:#555;
}

div.sfMenuBar li {
  /* no touchy */
  position: relative;
  margin: 0;
  white-space: nowrap;

  /* font style for all text, linked and otherwise */
  font: bold 8pt verdana, arial, helvetica, sans-serif;
  padding: 5px;

}

/* first sub-menu */
div.sfMenuBar ul ul {
  /* no touchy */
  position: absolute;
  left:0;
  padding-top:5px;
  z-index: 500;
  min-width:8em;

  background: #000;
}

/* second sub-menu (pop-out) */
div.sfMenuBar ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

/* 
 * make the magic happen -- no touchy until EOF
 *
 */
div.sfMenuBar ul ul,
div.sfMenuBar ul li:hover ul ul,
div.sfMenuBar ul ul li:hover ul ul,
div.sfMenuBar ul ul ul li:hover ul ul
{display: none;}

div.sfMenuBar ul li:hover ul,
div.sfMenuBar ul ul li:hover ul,
div.sfMenuBar ul ul ul li:hover ul,
div.sfMenuBar ul ul ul li:hover ul ul
{display: block;}