/****************** HTML ******************/
body {
margin:0px;
padding:0px;
background:#000000;
font:12px/16px normal Arial, Helvetica, sans-serif;
color:#FFF;
}
a {color:#8dc63f; text-decoration:none;}
a:hover {color:#ffffff;}
textarea {background:url(images/bg_textarea.jpg) repeat-x top #C3C3C3; border:none; font:12px/16px normal Arial, Helvetica, sans-serif;}
h1 {font-size:24px; margin:0px; margin-bottom:15px; padding:0px; letter-spacing:2px; line-height:1em;}
h2 {font-size:16px; font-weight:normal; color:#8dc63f;}
/****************** Header ******************/
a.headerMain {color:#F00; text-decoration:none;}
a.headerMain:hover {color:#C00;}
/****************** Common ******************/
#wrapper {margin:0px auto; width:980px;}
.small {font-size:11px;}
.mid {font-size:14px;}
.big {font-size:16px;}
.large {font-size:18px;}
.subt {font-size:14px; color:#ffffff;}
.header {background:url(images/bg_header.jpg) no-repeat top; height:144px;}
div.logo {float:left; margin:25px 0px 0px 10px; *margin:25px 0px 0px 10px;}
div.utility {float:right; color:#ffffff; margin:26px 6px 0px 0px; *margin:24px 6px 0px 0px;height:48px;}
div.tnb {clear:both; float:right; width:740px; margin-top:-28px; *margin-top:31px;}
.footer {padding:20px 0px; font-size:11px; color:#666666;}
.footer a {color:#666666; padding:0px 3px 0px 3px;}
.footer a:hover {color:#8dc63f;}
.cGreen { color: #8DC53E; }
/****************** Custom Buttons ******************/
input.btn_submit {background:url(images/btn_submit.jpg) no-repeat; width:75px; height:18px; border:none; cursor:pointer;}
input.btn_go {background:url(images/btn_go.jpg) no-repeat; width:26px; height:22px; border:none; cursor:pointer;}
/****************** Home Page ******************/
.bottombdr {background:url(images/border_cnthp.gif) no-repeat bottom;}
#hpconentwrap {background:url(images/bg_showcase.jpg) no-repeat top; padding:8px; padding-top:0px;width:550px;position:absolute;top:540px;}
div.overview {width:550px; padding:8px 0px 0px 5px; background:none;float:left;}
div.video {float:right; width:357px;}
/****************** Inner Pages ******************/
.contentwrap {vertical-align:top; background:url(images/border_cnt.gif) no-repeat bottom;}
.contentwrap div#header_image {margin-left:4px;}
.contentwrap div#breadcrumb {width:100%; text-align:right; padding:10px 0px;text-transform:lowercase;}
.contentwrap div#content {margin:0px 30px; width:720px; clear:both; padding-bottom:20px;}
/****************** Inner Pages Secondary******************/
.contentwrap {vertical-align:top; background:url(images/border_cnt.gif) no-repeat bottom;}
.contentwrap div#header_image2 {margin-left:4px;}
.contentwrap div#breadcrumb2 {width:100%; text-align:right; padding:10px 0px;text-transform:lowercase;}
.contentwrap div#content2 {margin:0px 30px; width:720px; clear:both; padding-top:20px; padding-bottom:20px;}
/****************** Shopping******************/
.shoppingTitle {color:#8DC63F; width:120px;}
/****************** sIFR ******************/
.sIFR-flash {visibility:visible !important; margin:0px; padding:0px;}
.sIFR-replaced, .sIFR-ignore {visibility:visible !important;}
.sIFR-alternate {position:absolute; left:0px; top:0px; width:0px; height:0px; display:block; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
.sIFR-active h1 {visibility:hidden; line-height:1em;}
/****************** LNB Menu ******************/
.lnb {border:1px solid #1f1f1f; background:url(images/bg_lnb.jpg) no-repeat bottom; width:196px; vertical-align:top;}
#navlnb {background:url(images/bg_lnb_links.jpg) no-repeat top; font-size:14px; color:#8dc63f;}
#navlnb td {background:url(images/lnb_separator.png) no-repeat;}
#navlnb td a {font-size:14px; color:#ffffff;}
#navlnb td a:hover {font-size:14px; color:#8dc63f;}
div.lnbNews {padding:10px;}
div.lnbVideo {text-align:center; padding:10px 0px;}
/****************** TNB Drop Down Menu ******************/
ul#navmenu {margin:0px; padding:0px; border:none; list-style:none; float:left;}
ul#navmenu li {margin:0px; padding:0px; border:none; float:left; display:inline; position:relative; z-index:99; text-align:center; padding-top:10px; font-size:14px; color:#ffffff;}
ul#navmenu li a {font-size:14px; color:#ffffff;}
ul#navmenu ul {background:url(images/bg_tnb_links.png) no-repeat top; width:196px; margin:0px; padding:0px; list-style:none; display:none; position:absolute; top:37px; left:0px;}
ul#navmenu ul a {font-size:13px;}
ul#navmenu ul li {width:196px; float:left; /*For IE 7 lack of compliance*/ display:block !important; display:inline; /*For IE*/ background:url(images/tnb_arrow.png) no-repeat left; padding:0px; padding-left:10px;}
ul#navmenu ul li.separator {background:url(images/lnb_separator.png) no-repeat; height:1px; border:none;}
/* Root Menu */
ul#navmenu a {border:none; padding:0px; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#ffffff; text-decoration:none; height:auto !important; height:1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {color:#ffffff;}
/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {float:none; color:#ffffff; text-align:left; padding:8px;}
ul#navmenu li ul li ul {margin-top:-21px; }
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {color:#8dc63f; border:none;}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {background:#E8A95A; color:#000000; border:none;}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {background:#885413; color:#ffffff; border:none;}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {background:#E8A95A; color:#000000; border:none;}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {background:#E8A95A; color:#000000; border:none;}
ul#navmenu ul ul, ul#navmenu ul ul ul {display:none; position:absolute; top:0px; left:160px; border:none;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {display:none; border:none;}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {display:block; border:none;}
ul#navmenu li a:hover {color:#8dc63f;}
/****************** TNB Drop Down Main Links ******************/
li#tnb_home {width:59px; height:37px; border:1px solid #fff;}
li#tnb_home:hover {background:url(images/tnb_home.gif) no-repeat top;}
li#tnb_products {width:105px; height:37px; border:1px solid #fff;}
li#tnb_products:hover {background:url(images/tnb_products.gif) no-repeat top;}
li#tnb_opportunity {width:129px; height:37px; border:1px solid #fff;}
li#tnb_opportunity:hover {background:url(images/tnb_opportunity.gif) no-repeat top;}
li#tnb_company {width:119px; height:37px; border:1px solid #fff;}
li#tnb_company:hover {background:url(images/tnb_company.gif) no-repeat top;}
li#tnb_events {width:142px; height:37px; border:1px solid #fff;}
li#tnb_events:hover {background:url(images/tnb_events.gif) no-repeat top;}
li#tnb_resources {width:86px; height:37px; border:1px solid #fff;}
li#tnb_resources:hover {background:url(images/tnb_resources.gif) no-repeat top;}
li#tnb_contact {width:96px; height:37px; border:1px solid #fff;}
li#tnb_contact:hover {background:url(images/tnb_contact.gif) no-repeat top;}
li#tnb_enroll {width:59px; height:37px; border:1px solid #fff;}
li#tnb_enroll:hover {background:url(images/tnb_enroll.gif) no-repeat top;}
/******************* Exigo Modification Classes*********************/
#oDiv {background-color: white !important;}
img {border: 0;}
/********************SIGNUP CLASSES*********************/
/********Travis placed it in the header code of the signup.aspx page**********/
/********************Las Vegas Convention Classes**************************/
.body_lasvegas{background:#000 url(images/bg_page_lv.jpg) center top no-repeat;margin:0px;padding:0px;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#FFF;line-height:16px;}
.bg_headerlv{background:url(images/bg_header_lv.jpg) top left; vertical-align:top;height:159px;width:590px;}
.bg_contentlv{background:url(images/bg_content_lv.png) top left no-repeat; vertical-align:top; height:535px;}
#wrapper_lasvegas{margin-top:77px;}
.footer_lasvegas{padding-top:15px;color:#939393;font-size:11px;}
.footer_lasvegas a{text-decoration:none;color:#939393;}
.footer_lasvegas a:hover{text-decoration:none;color:#fff;}
#tnb_lasvegas{margin-top:85px;margin-left:60px;width:500px;background-color:#000;}
.bg_homecontentlv{background:url(images/bg_homecontent_lv.jpg) center bottom no-repeat; height:535px;text-align:center;vertical-align:top;}
.content_homelv{padding-top:5px;}
.content_innerlv{padding:15px 25px 15px 25px;}
.content_innerlv li{line-height:18px;}
.txtyellow{color:#fecb00;}
.content_homelv a, .content_innerlv a{color:#a0fe01;text-decoration:none;}
.content_homelv a:hover, .content_innerlv a:hover{color:#fecb00;text-decoration:none;}
TD.itemDescription
{
font-size: 120%;
font-weight: bold;
}
/*
Took out because there are other hard coded colors that just dont look good
.itemRow
{
background-color: #fff!important;
}
.altRow
{
background-color: #dddbdb!important;
}
*/
.price
{
font-size: 95%;
}
.price label
{
font-weight: bold;
}
.yours span
{
color: #009900;
font-weight: bold;
}
.retail span
{
color: #669966;
font-style: italic;
}
.businessVolume span
{
color: #999999;
}
/******************/
Table.GridTable
{
Width: 100%;
border-collapse: collapse;
border: none;
}
Table.GridTable TH
{
background-color: #8DC73F;
color: Black;
padding: 4px;
margin: 0px;
border:none;
border: 1px solid black;
}
Table.GridTable TR
{
background-color: #DEEFC9;
}
label
{
cursor:hand;
}
Table.GridTable TD
{
color:Black;
padding: 4px;
margin: 0px;
border:none;
border: 1px solid black;
}
Table.GridTable TD TD
{
margin: 0px;
border:none;
padding: 1px;
}
TD.Blank
{
background-color:Black;
}
.signupField INPUT
{
BORDER-RIGHT: #808080 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #808080 1px solid;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #808080 1px solid;
WIDTH: 150px;
COLOR: #353535;
background-color:#ffffff;
PADDING-TOP: 0px;
BORDER-BOTTOM: #808080 1px solid;
FONT-FAMILY: tahoma, Arial, sans-serif
}
.signupField.dropdown select
{
background-color: #f8f7f0;
width: 218px;
height: 22px;
}
.formLabel
{
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #000000
}
.formValue
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px
}
.formInput TD
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
VERTICAL-ALIGN: middle;
PADDING-TOP: 2px;
COLOR:#FFFFFF;
}
TD.formLabel
{
WIDTH: 170px
}
UNKNOWN
{
WIDTH: 170px
}
.formInput INPUT
{
BORDER-RIGHT: #808080 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #808080 1px solid;
PADDING-LEFT: 2px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #808080 1px solid;
WIDTH: 200px;
COLOR: #353535;
PADDING-TOP: 0px;
BORDER-BOTTOM: #808080 1px solid;
FONT-FAMILY: tahoma
}
.formInput SELECT
{
BORDER-RIGHT: #808080 1px solid;
PADDING-RIGHT: 0px;
BORDER-TOP: #808080 1px solid;
PADDING-LEFT: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
PADDING-BOTTOM: 0px;
BORDER-LEFT: #808080 1px solid;
COLOR: #353535;
PADDING-TOP: 0px;
BORDER-BOTTOM: #808080 1px solid;
FONT-FAMILY: tahoma
}
.Signup_Title
{
font-size: 16px;
font-weight: normal;
text-align: left;
color: #8DC73F;
}
.Signup_Certification
{
margin-top: 30px;
}
.allWhite * { color: white !important; }
.boxSubtitle
{
font-weight: bold;
color: #8DC73F;
font-size: 13px;
}
.WhiteCartContainer
{
width: 100%;
height: auto;
background-color: #FFFFFF;
color: #000000 !important;
}
.membershipTable {
WIDTH: 100%;
HEIGHT: auto;
BORDER: 1px solid #333;
BACKGROUND-COLOR: #111111;
}
.membershipTable td {
PADDING: 10px;
BORDER-BOTTOM: 1px solid #333;
}
.membershipTable .tableheader {
BACKGROUND-COLOR: #333;
COLOR: #FFF;
FONT-WEIGHT: bold;
TEXT-ALIGN: left;
}
.membershipTable .text {
WIDTH: 10%;
}
.membershipTable .item .name {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
COLOR: #7BC63F;
}
.membershipTable .item .description {
FONT-SIZE: 11px;
FONT-STYLE: italic;
}
.membershipTable .premium {
FONT-WEIGHT: bold;
TEXT-TRANSFORM: uppercase;
COLOR: #7BC63F;
FONT-STYLE: italic;
FONT-SIZE: 17px;
}
.membershipTable .deluxe {
FONT-SIZE: 12px;
COLOR: #CCC;
}
/*-------------------------Spry Accordian------------------------*/
@charset "UTF-8";
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
*
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
*
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
*/
.Accordion {
border-left: solid 1px gray;
border-right: solid 1px black;
border-bottom: solid 1px gray;
overflow: hidden;
}
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
*
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
*/
.AccordionPanel {
margin: 0px;
padding: 0px;
}
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
*
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
*
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
*/
.AccordionPanelTab {
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
*
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
*
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
*/
.AccordionPanelContent_PC {
overflow: inherit;
margin: 0px;
padding: 0px;
height: 400px;
background-color: #FFF;
color: #000;
}
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
*/
.AccordionPanelOpen .AccordionPanelTab {
}
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
*/
.AccordionPanelTabHover {
color: #CCC;
text-decoration: underline;
}
.AccordionPanelOpen .AccordionPanelTabHover {
color: #CCC;
}
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
*/
.AccordionFocused .AccordionPanelTab {
background-color: #333;
}
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
*/
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #333;
}
.AccordionPanelContent_ID {
overflow: inherit;
margin: 0px;
padding: 0px;
height: 150px;
background-color: #FFF;
color: #000;
}
/**************SHADOWBOX.css***************************/
/*_____________________________________________ container, overlay, & wrapper */
#sb-container, #sb-wrapper {
text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
}
#sb-container {
height: 100%;
display: none;
visibility: hidden;
z-index: 999;
}
body > #sb-container {
/* use position:fixed in modern browsers */
position: fixed;
}
#sb-overlay {
/* needed in IE6 where sb-container uses position:absolute */
height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
/* use for sb-container position:fixed */
height: 100%;
}
/*_________________________________________________________________ wrapper */
#sb-wrapper {
position: relative;
}
#sb-wrapper img {
border: none;
}
/*____________________________________________________________________ body */
#sb-body {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #303030;
}
#sb-body-inner {
position: relative;
height: 100%;
}
#sb-content.html {
height: 100%;
overflow: auto; /* make html content scrollable */
}
/*_________________________________________________________________ loading */
#sb-loading {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
padding-top: 10px;
}
#sb-body, #sb-loading {
background-color: #060606; /* should match loading image background color */
}
/*____________________________________________________________ title & info */
#sb-title, #sb-info {
position: relative;
margin: 0; /* these must have no vertical margin or padding */
padding: 0;
overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
position: relative;
font-family: 'Lucida Grande', Tahoma, sans-serif;
line-height: 16px;
}
#sb-title, #sb-title-inner {
height: 26px;
}
#sb-title-inner {
font-size: 16px;
padding: 5px 0;
color: #fff;
}
#sb-info, #sb-info-inner {
height: 20px;
}
#sb-info-inner {
font-size: 12px;
color: #fff;
}
/*_____________________________________________________________________ nav */
#sb-nav {
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#sb-nav a {
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 3px;
cursor: pointer;
}
#sb-nav-close {
background-image: url(resources/close.png);
background-repeat: no-repeat;
}
#sb-nav-next {
background-image: url(resources/next.png);
background-repeat: no-repeat;
}
#sb-nav-previous {
background-image: url(resources/previous.png);
background-repeat: no-repeat;
}
#sb-nav-play {
background-image: url(resources/play.png);
background-repeat: no-repeat;
}
#sb-nav-pause {
background-image: url(resources/pause.png);
background-repeat: no-repeat;
}
/*_________________________________________________________________ counter */
#sb-counter {
float: left;
padding: 2px 0;
width: 45%;
}
#sb-counter a {
padding: 0 4px 0 0;
text-decoration: none;
cursor: pointer;
color: #fff;
}
#sb-counter a.sb-counter-current {
text-decoration: underline;
}
/*________________________________________________________________ messages */
div.sb-message {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 12px;
padding: 10px;
text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
color: #fff;
text-decoration: underline;
}
/*-----------------------------------------------------------------------------*/
/*****************************lightbox.css**************************************/
/*-----------------------------------------------------------------------------*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.wowgreen.net/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.wowgreen.net/images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #8cc63f; }
/*-----------------------------------------------------------------------------*/
/*****************************Spry Tabbed Panel*********************************/
/*-----------------------------------------------------------------------------*/
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/
/* This is the selector for the main TabbedPanels container. For our
* default style, this container does not contribute anything visually,
* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container, to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
*
* If you want to constrain the width of the TabbedPanels widget, set a
* width on the TabbedPanels container. By default, the TabbedPanels widget
* expands horizontally to fill up available space.
*
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
*/
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%;
top: auto;
}
/* This is the selector for the TabGroup. The TabGroup container houses
* all of the tab buttons for each tabbed panel in the widget. This container
* does not contribute anything visually to the look of the widget for our
* default style.
*
* The name of the class ("TabbedPanelsTabGroup") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabGroup container.
*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
/* This is the selector for the TabbedPanelsTab. This container houses
* the title for the panel. This is also the tab "button" that the user clicks
* on to activate the corresponding content panel so that it appears on top
* of the other tabbed panels contained in the widget.
*
* For our default style, each tab is positioned relatively 1 pixel down from
* where it wold normally render. This allows each tab to overlap the content
* panel that renders below it. Each tab is rendered with a 1 pixel bottom
* border that has a color that matches the top border of the current content
* panel. This gives the appearance that the tab is being drawn behind the
* content panel.
*
* The name of the class ("TabbedPanelsTab") used in this selector is not
* necessary to make the widget function. You can use any class name you want
* to style this tab container.
*/
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 2px 2px;
margin: 0px 1px 0px 0px;
background-color: #CCC;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
color: #000;
}
/* This selector is an example of how to change the appearnce of a tab button
* container as the mouse enters it. The class "TabbedPanelsTabHover" is
* programatically added and removed from the tab element as the mouse enters
* and exits the container.
*/
.TabbedPanelsTabHover {
background-color: #FFF;
}
/* This selector is an example of how to change the appearance of a tab button
* container after the user has clicked on it to activate a content panel.
* The class "TabbedPanelsTabSelected" is programatically added and removed
* from the tab element as the user clicks on the tab button containers in
* the widget.
*
* As mentioned above, for our default style, tab buttons are positioned
* 1 pixel down from where it would normally render. When the tab button is
* selected, we change its bottom border to match the background color of the
* content panel so that it looks like the tab is part of the content panel.
*/
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
font-family: sans-serif;
font-size: 12px;
}
/* This selector is an example of how to make a link inside of a tab button
* look like normal text. Users may want to use links inside of a tab button
* so that when it gets focus, the text *inside* the tab button gets a focus
* ring around it, instead of the focus ring around the entire tab.
*/
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
*
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
*/
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #FFF;
}
/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/
/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
/*---------More to the tabbed panels------------*/
.content_black {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #000;
height: 100%;
}