/* $Revision: 1.12 $
*
* Sitecopy CSS
* (c) 1992-2004 Cisco Systems, Inc. All rights reserved. Terms and Conditions:
* http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*
* Cisco.com Site Development Team
*
* This css library has been developed to the specifications
* located at: http://wwwin.cisco.com/webdev/internet/ue/cueg/
* please follow the instructions located at that url to
* properly use this libarary. By using this CSS package, you
* are accepting the support model described above.
*
************************************************
* These divs/classes set the main content regions.
*
* This is the overal sitecopy container, used for
* establishing context, and overriding body column
* margins in the docType template.
* Set the main content regions.
*
* Overall sitecopy container, used for
* establishing context, and overriding body column
* margins in the page template.
*************************************************/
/************************************************
* Infrastructure Overrides
* To deal with things like the high level, and
* low level listings.
************************************************/
* html #framework-content-main .table-vision .table-column-left { border-left: 0px; }
* html #libra .quote-right,
* html #libra .quote-left { border: #eaeff2; }
* html .content-region-right-header,
* html .content-region-right-header-alt,
* html .content-region-right-header-top,
* html .content-region-right-header-top-alt,
* html .content-region-listing-header { margin-right: 1px; }
/* I can't wait for an update to IE */
* html .float-container-right .quote-left,
* html .float-container-right .quote-right,
* html .float-container-right .illustration-left,
* html .float-container-right .illustration-right { margin-right: -2px; }
* html .quote-right,
* html .quote-left {
width: 185px;
/* ie and it's damned border bug */
border: 1px solid #dae7f0;
}
* html .tab-subnav-container li { margin-left: 6px; }
* html .tab-subnav-container ul { margin-left: 1px; }
* html ol { margin-left: 23px; }
* html ol.compact { margin-left: 23px; }
* html ul.bulleted,
* html ul.compact-bulleted { margin-left: 16px; }
img { border: 0px; }
input.form-button {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
vertical-align: top;
background-color: #ffffcc;
color: #346669;
border-color: #999999 #333333 #333333 #999999;
cursor: hand;
padding: 0px 0px 0px 0px;
margin: 4px 0px 0px 0px;
}
li.last-li { margin-bottom: 0px; }
ol {
color: #666666;
margin: 10px 0px 10px 18px;
padding: 0px 0px 0px 0px;
}
ol.compact { margin: 0px 0px 0px 18px; }
/*****************************************************************
* Regular old content.
*****************************************************************/
p.compact { margin: 0px 0px 0px 0px; }
p.expanded-spacing { margin: 0px 0px 10px 0px; }
/******************************************************
* TABLES
*****************************************************/
table { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
/* Text Color */
table.table-formatted p,
table.table-formatted-vborders { color: #666666; }
/* tds */
/* Horizontal Borders */
table.table-formatted td,
table.table-formatted-vborders td,
table.table-formatted-alt td,
table.table-formatted-alt-vborders td {
padding: 6px 8px 6px 8px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #cccccc;
color: #666666;
}
table.table-formatted td.td-content-left,
table.table-formatted-alt td.td-content-left { border-left: 1px solid #cccccc; }
td.td-content-right,
table.table-formatted td.td-content-right,
table.table-formatted-alt td.td-content-right { border-right: 1px solid #cccccc; }
/* Table Headers */
table.table-formatted th,
table.table-formatted-vborders th {
padding: 3px 8px 3px 8px;
background-color: #99cccc;
border-left: 1px solid #99cccc;
border-right: 1px solid #99cccc;
color: #333333;
}
table.table-formatted tr.no-border td,
table.table-formatted-vborders tr.no-hborder td,
table.table-formatted-alt tr.no-border td,
table.table-formatted-alt-vborders tr.no-hborder td { border-bottom: 0px; }
/* Dark Table Headers */
/* Teal */
table.table-formatted tr.primary-header th,
table.table-formatted-vborders tr.primary-header th {
background-color: #669999;
border-left: 1px solid #669999;
border-right: 1px solid #669999;
border-bottom: 1px solid #99cccc;
color: #ffffff;
}
/**********************************************************
* Formatted Tables
*********************************************************/
table.table-formatted,
table.table-formatted-vborders,
table.table-formatted-alt,
table.table-formatted-alt-vborders {
margin: 4px 0px 0px 0px;
border-collapse: collapse;
border-spacing: 0px;
border-bottom: 1px solid #cccccc;
font-family: Arial, Helvetica, sans-serif;
}
table.table-formatted-alt th,
table.table-formatted-alt-vborders th {
padding: 3px 8px 3px 8px;
background-color: #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #ffffff;
color: #333333;
}
/* Grey */
table.table-formatted-alt tr.primary-header th,
table.table-formatted-alt-vborders tr.primary-header th,
#libra table.table-formatted-alt tr.primary-header th,
#libra table.table-formatted-alt-vborders tr.primary-header th {
background-color: #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #cccccc;
color: #FFFFFF;
}
table.table-formatted-alt-vborders tr.primary-header th.th-content-center,
#libra table.table-formatted-alt-vborders tr.primary-header th.th-content-center {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
table.table-formatted-alt-vborders tr.primary-header th.th-content-left { border-right: 1px solid #FFFFFF; }
table.table-formatted-alt-vborders tr.primary-header th.th-content-right,
#libra table.table-formatted-alt-vborders tr.primary-header th.th-content-right { border-left: 1px solid #FFFFFF; }
table.table-formatted-vborders td,
table.table-formatted-alt-vborders td {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
table.table-formatted-vborders th.th-content-center,
table.table-formatted-alt-vborders th.th-content-center,
#libra table.table-formatted-vborders th.th-content-center,
#libra table.table-formatted-alt-vborders th.th-content-center {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
table.table-formatted-vborders th.th-content-right,
table.table-formatted-alt-vborders th.th-content-right,
#libra table.table-formatted-vborders th.th-content-right,
#libra table.table-formatted-alt-vborders th.th-content-right { border-left: 1px solid #FFFFFF; }
table.table-formatted-vborders tr.primary-header th.th-content-right,
#libra table.table-formatted-vborders tr.primary-header th.th-content-right,
#libra table.table-formatted-alt-vborders tr.primary-header th.th-content-right { border-left: 1px solid #FFFFFF; }
/* Table Columns */
/* Header Rows */
table.table-formatted-vborders th.th-content-left,
table.table-formatted-alt-vborders th.th-content-left { border-right: 1px solid #FFFFFF; }
td.td-content-center { padding-left: 15px; padding-right: 15px; }
td.td-content-left { padding-left: 0px; padding-right: 15px; }
td.td-content-right { padding-left: 15px; padding-right: 0px; }
tr {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
/**********************************************************
* Lists
**********************************************************/
ul.bulleted {
list-style-type: disc;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 15px;
}
ul.bulleted li,
ul.compact-bulleted li,
ol li { margin-bottom: 8px; line-height: normal; }
ul.bulleted ul.bulleted { list-style-type: circle; }
ul.compact { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
ul.compact-bulleted {
list-style-type: disc;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 15px;
}
ul.compact-no-bullets {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
/* Mime Type listing */
ul.icon-list { margin: 0px 0px 0px 19px; }
ul.icon-list img { margin-left: -19px; margin-right: 6px; }
ul.icon-list li {
margin-bottom: 6px;
line-height: 12px;
list-style-type: none;
}
ul.no-bullets {
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
list-style-type: none;
}
ul.no-bullets li,
ul.compact-no-bullets li { margin-bottom: 6px; line-height: 12px; }
.button-1 a,
.button-1-left a,
.button-1-right a {
text-decoration: none;
font-weight: bold;
color: #ffffff;
}
/* Graphical button links this is intended for a div */
.button-1,
.button-1-left,
.button-1-right {
margin: 2px 10px 2px 0px;
padding: 2px 8px 2px 8px;
line-height: 15px;
font-weight: bold;
border: 1px solid #336666;
background-color: #336666;
color: #ffffff;
text-align: center;
display: inline;
float: left;
}
.button-1-right { margin: 2px 0px 2px 10px; float: right; }
.clear-all {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1px;
clear: both;
}
/***********************************************************
* useful utilitarian style that allows a dimensionless
*
**********************************************************/
.clear-left-br {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: left;
}
.contentMargins { margin-left: 0px; margin-right: 0px; }
/* this one is used in one column tables, when it
is used underneath another component. ie. 2col->1col layouts.
this one generates a 2px gap with above element, and draws a border
but retains the extra top padding that the other top regions get */
.content-region-both-top-topborder {
margin: 2px 2px 0px 2px;
padding: 10px 0px 10px 0px;
border-top: 1px solid #cccccc;
}
.content-region-left-announcement .item,
.content-region-right-announcement .item,
.content-region-both-announcement .item {
/* 7px right padding because 2px(gutter) + 1px border;
* 20px bottom padding (instead of 10) to
* handle the header region's lack of bottom padding */
padding: 8px 7px 20px 10px;
background-image: none;
}
.content-region-left-announcement,
.content-region-right-announcement,
.content-region-both-announcement,
.content-region-right-quote {
margin: 2px 2px 2px 2px;
padding: 10px 0px 0px 0px;
background-color: #dae7f0;
/* ie and it's damned border bug */
border: 1px solid #dae7f0;
}
/* bottom content regions */
.content-region-left-bottom,
.content-region-right-bottom,
.content-region-both-bottom {
margin: 0px 2px 0px 2px;
padding: 0px 0px 10px 0px;
border-top: 1px solid #cccccc;
}
.content-region-left-header .item,
.content-region-left-header-alt .item,
.content-region-right-header .item,
.content-region-right-header-alt .item,
.content-region-right-header-top .item,
.content-region-right-header-top-alt .item,
.content-region-left-header-top .item,
.content-region-left-header-top-alt .item,
.content-region-both-header .item,
.content-region-both-header-alt .item,
.content-region-both-header-top .item,
.content-region-both-header-top-alt .item {
/* 12px right padding because 2px(gutter) + 1px border;
* 20px bottom padding (instead of 10) to
* handle the header region's lack of bottom padding */
padding: 10px 7px 20px 10px;
background-image: none;
}
/**************************************************************
* Solid Headers
*************************************************************/
.content-region-left-header h6,
.content-region-left-header-alt h6,
.content-region-right-header h6,
.content-region-right-header-alt h6,
.content-region-right-header-top h6,
.content-region-right-header-top-alt h6,
.content-region-left-header-top h6,
.content-region-left-header-top-alt h6,
.content-region-both-header h6,
.content-region-both-header-alt h6,
.content-region-both-header-top h6,
.content-region-both-header-top-alt h6,
.content-region-listing-header h6,
.float-header-right h6,
.float-header-right-alt-1 h6,
.float-header-right-alt-2 h6 {
margin: 0px 0px 0px 0px;
padding: 2px 9px 2px 9px;
background-color: #669999;
color: #ffffff;
border: 1px solid #669999;
}
.content-region-left-header h6.alt-1,
.content-region-left-header-alt h6.alt-1,
.content-region-right-header h6.alt-1,
.content-region-right-header-alt h6.alt-1,
.content-region-right-header-top h6.alt-1,
.content-region-right-header-top-alt h6.alt-1,
.content-region-left-header-top h6.alt-1,
.content-region-left-header-top-alt h6.alt-1,
.content-region-both-header h6.alt-1,
.content-region-both-header-alt h6.alt-1,
.content-region-both-header-top h6.alt-1,
.content-region-both-header-top-alt h6.alt-1,
.content-region-listing-header h6.alt-1,
.float-header-right-alt-1 h6 {
background-color: #666;
border: 1px solid #666;
color: #ffffff;
}
.content-region-left-header h6.alt-2,
.content-region-left-header-alt h6.alt-2,
.content-region-right-header h6.alt-2,
.content-region-right-header-alt h6.alt-2,
.content-region-right-header-top h6.alt-2,
.content-region-right-header-top-alt h6.alt-2,
.content-region-left-header-top h6.alt-2,
.content-region-left-header-top-alt h6.alt-2,
.content-region-both-header h6.alt-2,
.content-region-both-header-alt h6.alt-2,
.content-region-both-header-top h6.alt-2,
.content-region-both-header-top-alt h6.alt-2,
.content-region-listing-header h6.alt-2,
.float-header-right-alt-2 h6 {
background-color: #ccc;
border: 1px solid #ccc;
color: #000;
}
.content-region-left-header-alt .item,
.content-region-right-header-alt .item,
.content-region-left-header-top-alt .item,
.content-region-right-header-top-alt .item,
.content-region-both-header-alt .item,
.content-region-both-header-top-alt .item { background-color: #eeeeee; }
.content-region-left-header-top h5,
.content-region-right-header-top h5,
.content-region-both-header-top h5,
.content-region-left-header h5,
.content-region-right-header h5,
.content-region-both-header h5,
.content-region-left-header-top-alt h5,
.content-region-right-header-top-alt h5,
.content-region-both-header-top-alt h5,
.content-region-left-header-alt h5,
.content-region-right-header-alt h5,
.content-region-both-header-alt h5 { margin: 10px 10px 0px 9px; }
.content-region-left-header-top,
.content-region-right-header-top,
.content-region-both-header-top { margin: 2px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.content-region-left-header-top-alt,
.content-region-right-header-top-alt,
.content-region-both-header-top-alt {
margin: 2px 1px 2px 2px;
padding: 0px 0px 0px 0px;
background-color: #eeeeee;
}
.content-region-left-top h5,
.content-region-right-top h5,
.content-region-both-top h5,
.content-region-left-bottom h5,
.content-region-right-bottom h5,
.content-region-both-bottom h5 {
margin: 12px 13px 0px 10px;
font-weight: normal;
}
/* The top content regions have an extra 10px padding.
* This is applied in the content region (in favor
* of consistent "item" spacing */
.content-region-left-top,
.content-region-right-top,
.content-region-both-top {
margin: 0px 2px 0px 2px;
/* in version 1.4, top padding became zero. < 1.4, was 10px. */
padding: 0px 0px 10px 0px;
}
.content-region-listing-header { margin: 2px 2px 0px 2px; padding: 0px 0px 0px 0px; }
.content-region-nav-tabs { margin: 10px 2px 0px 2px; }
/**** Teal Headers ****/
/* instead of 10px bottom padding (like the other modules)
* this one gets 0px, and padding is put in the .item
* this allows for a grey field "green header" module,
* that sits tight against the top of the next module.
* without doing this, puts whitespace in. */
.content-region-right-header,
.content-region-left-header,
.content-region-both-header { margin: 0px 1px 0px 2px; padding: 0px 0px 0px 0px; }
.content-region-right-header,
.content-region-right-header-alt,
.content-region-right-header-top,
.content-region-right-header-top-alt { margin-right: 2px; }
.content-region-right-header-alt,
.content-region-left-header-alt,
.content-region-both-header-alt {
margin: 0px 1px 2px 2px;
padding: 0px 0px 0px 0px;
background-color: #eeeeee;
}
.content-region-right-sub-brand { margin: 2px 2px 0px 2px; padding: 0px 0px 0px 0px; }
.content-region-sidebar {
margin: 7px 0px 7px 0px;
padding: 10px 0px 0px 0px;
background-color: #eeeeee;
}
.content-region-sidebar .item { padding: 10px 9px 20px 9px; background-image: none; }
.content-region-sidebar h5 { margin-left: 9px; }
.content-region-vision .item { padding-top: 10px; }
.content-region-vision .item a { color: #666666; font-weight: normal; font-size: 10px; }
/* Bold when in the grey area. */
.content-region-vision .item p,
.content-region-vision-alt .item p { color: #666666; font-weight: bold; }
/* Used to fix funky html whitespace issues. */
.description-link { display: block; padding: 0px 0px 0px 0px; }
.faq-answer { font-size: 11px; line-height: 12px; }
/**********************************************************
* FAQ / Q&A styles
*********************************************************/
.faq-question {
margin: 0px 0px 3px 0px;
font-size: 11px;
font-weight: bold;
line-height: 12px;
}
.file-size { color: #666666; }
/**********************************************************
* Quotes
*********************************************************/
.float-container-right {
float: right;
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 0px;
width: 185px;
}
.float-container-right .quote-left,
.float-container-right .quote-right,
.float-container-right .illustration-left,
.float-container-right .illustration-right { margin-left: 0px; margin-right: 0px; }
/********************************************************
* Floating Headers (function very
* similarly to content-regions
*******************************************************/
.float-header-right .item,
.float-header-right-alt-1 .item,
.float-header-right-alt-2 .item {
margin: 0px 0px 0px 0px;
/* this is a nested item, and picks up the 1px white border
* to help IE through it's issues. This padding reflects that. */
padding: 9px 9px 19px 9px;
background-image: none;
}
/**************************************************************
* Floating Header 'region', functions much
* like a content-region
*************************************************************/
.float-header-right,
.float-header-right-alt-1,
.float-header-right-alt-2 {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 0px;
border: 1px solid #669999;
float: right;
width: 185px;
}
.float-header-right-alt-1 { border: 1px solid #666; }
.float-header-right-alt-2 { border: 1px solid #ccc; }
.footnote-mark { color: #990000; }
.illustration img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.illustration-left { margin: 0px 10px 10px 0px; float: left; }
.illustration-left p,
.illustration-right p {
margin: 0px 0px 0px 0px;
padding: 8px 0px 8px 14px;
color: #333333;
background-color: #cccccc;
line-height: 11px;
}
/*******************************************************
* Illustrations
*******************************************************/
.illustration-left,
.illustration-right { border: 1px solid #cccccc; background-color: #cccccc; }
.illustration-magic { clear: both; display: block; }
.illustration-right { margin: 0px 0px 10px 10px; float: right; }
/***************************************************************
* All 'content-blocks' take the form of [Item | NoItem].
*
* Item = 1) at the top level of a content region, generates
* the correct graphical carrot.
* 2) nested once in an Item, becomes a 'logical'
* sub-item. No identation. Carrot is removed.
* Headers take on Subheading formatting.
* 3) nested more than once: become a 'logical' sub-item
* to it's parent Item (which by definition is already
* 'logical' sub-item - #2 above - making this a
* sub-item to a sub-item.) Gains indentation relative
* to parent Item, Headers take on Subheading formatting.
*
* NoItem = 1) at the top level of a content region, generates an
* entry equivalent to "Item" but without the graphical
* carrot. Margins are set to justify at the same left
* margin as the carrot in "Item" entries.
* 2) Not intended to be nested. Use nested Items
* instead.
***************************************************************/
.item {
/* 7px because 2px(gutter) + 1px border */
padding: 10px 10px 10px 10px;
}
.item .description-link { font-size: 11px; }
.item .description-link a { color: #003399; }
/********************************************************
* An Item nested further than twice. This should cover
* basically unlimited item nesting. Items nested more
* than once, are treated as sub-items, to sub-items;
* gain additional margin to visual delineate.
********************************************************/
.item .item .item { margin-left: 16px; }
/****************************************************************
* Top Level Tertiary Headers ()
* Nested Item Subhead ()
****************************************************************/
.item .item h2,
.item-no-caret .item h2,
.item h3,
.item-no-caret h3 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
color: #666666;
}
.item .item,
.item-no-caret .item {
padding: 0px 0px 0px 0px;
margin: 12px 0px 0px 0px;
background-image: none;
/* Yucky hack! To fix dissappearing borders in IE. */
border: 1px solid white;
}
/****************************************************
* Links
****************************************************
* Any link, inside a header, in any Item (or NoItem)
* is bold, blue, underlined. This is a long list,
* needs to handle nested links, as well as both:
* and
*****************************************************/
.item h1 a,
.item a h1,
.item-no-caret h1 a,
.item-no-caret a h1,
.item h2 a,
.item a h2,
.item-no-caret h2 a,
.item-no-caret a h2,
.item h3 a,
.item a h3,
.item-no-caret h3 a,
.item-no-caret a h3,
/* nested */
.item .item h1 a,
.item .item a h1,
.item-no-caret .item h1 a,
.item-no-caret .item a h1,
.item .item h2 a,
.item .item a h2,
.item-no-caret .item h2 a,
.item-no-caret .item a h2 { font-weight: bold; color: #003399; }
/********************************************************
* Top Level Primary Header ()
*********************************************************/
.item h1,
.item-no-caret h1 {
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
color: #333333;
font-weight: bold;
display: block;
}
/**********************************************************
* Top Level Secondary Header ()
* Nested Item
*********************************************************/
.item h2,
.item-no-caret h2,
.item .item h1,
.item-no-caret .item h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
color: #990000;
}
/* An item without carrot, reset margins for no carrot. */
.item-no-caret { padding: 10px 10px 10px 10px; background-image: none; }
/**********************************************************
* News
* ----
* these news overrides style the feed that was developed
* for the US homepage. The lower case, hyphenated css
* coding style guideline was not yet in place at that
* time.
**********************************************************/
.NewsModule { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.NewsModuleContentDate {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 9px;
color: #666666;
line-height: 13px;
}
.NewsModuleItem {
padding: 0px 0px 6px 0px;
margin: 0px 0px 0px 0px;
line-height: 13px;
}
.quote-left { margin: 0px 10px 10px 0px; float: left; }
.quote-right .item,
.quote-left .item { border: 1px solid #dae7f0; }
.quote-right,
.quote-left {
width: 165px;
margin: 0px 0px 10px 10px;
padding: 10px;
background-color: #dae7f0;
float: right;
}
.sitecopy, table.table-formatted-vborders, tr.primary-header, th.th-content-center,
#libra table.table-formatted-vborders tr.primary-header th.th-content-center,
#libra table.table-formatted-alt-vborders tr.primary-header th.th-content-center {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.sitecopy, table.table-formatted-vborders, tr.primary-header, th.th-content-left { border-right: 1px solid #FFFFFF; }
/*******************************************************
* Spotlights
*******************************************************/
.spotlight { display: block; }
.spotlight-img { float: left; margin: 2px 10px 0px 0px; }
.spotlight-magic { clear: both; display: block; }
.spotlight-nowrap img {
margin-top: 2px;
padding-right: 10px;
padding-bottom: 10px;
float: left;
}
.spotlight-nowrap,
.spotlight-nowrap-60,
.spotlight-nowrap-120,
.spotlight-wrap { display: block; }
.spotlight-nowrap-120 { margin: 0px 0px 0px 130px; }
.spotlight-nowrap-120 img {
margin-left: -130px;
margin-top: 2px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.spotlight-nowrap-60 { margin: 0px 0px 0px 70px; }
.spotlight-nowrap-60 img {
margin-left: -70px;
margin-top: 2px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.spotlight-txt { display: block; }
.spotlight-wrap { margin: 0px; }
.spotlight-wrap img {
margin-top: 2px;
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
.sub-brand-float-left { margin: 0px 10px 10px 0px; float: left; }
/**********************************************************
* Sub-Brands
**********************************************************/
.sub-brand-float-left,
.sub-brand-float-right { border: 0px; }
.sub-brand-float-right { margin: 0px 0px 10px 10px; float: right; }
.sub-brand-magic { clear: both; display: block; }
/*************************************************
* Nav Tabs
************************************************/
.tab-container { border-bottom: 3px solid #666666; }
/* The table */
.tab-container table { border-collapse: collapse; }
.tab-container table a {
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 10px 3px 10px;
background-image: url(/swa/i/1px_white.gif);
background-position: top right;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #000000;
}
.tab-container table td {
margin: 0px 0px 0px 0px;
padding: 0px;
border-left: 2px solid white;
border-bottom: 1px solid #999999;
background-image: url(/swa/i/1px_white.gif);
background-position: top left;
background-repeat: no-repeat;
background-color: #cccccc;
}
.tab-container table td.tab-td-active a,
.tab-container table td.tab-td-active-left a { color: #FFFFFF; cursor: default; }
.tab-container table td.tab-td-active,
.tab-container table td.tab-td-active-left {
background-color: #666666;
border-bottom: 1px solid #666666;
}
.tab-container table td.tab-td-left,
.tab-container table td.tab-td-active-left { border-left: 0px; }
.table-column-left,
.table-column-both {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.table-column-right { border-right: 1px solid #cccccc; }
.table-columns {
border-collapse: collapse;
border-spacing: 0px;
padding: 0px 0px 0px 0px;
}
.table-columns td,
.table-columns tr { margin: 0px 0px 0px 0px; padding: 0px 1px 0px 0px; }
/*****************************************************
* Content Regions
*
* Apply grey border lines and
* some padding and margins (to provide the gap
* on horizontal rules.)
*****************************************************/
/* The grey content region at the top of the page
* Usually grey, but the 'alt' style is a white
* background */
.table-vision .content-region-vision {
margin: 0px 0px 0px 0px;
background-color: #eeeeee;
/* height 100% ensure consistent behavior
* between IE and Mozilla. 100% makes Mozilla
* stretch the content area, like IEs out of spec
* behavior */
height: 100%;
}
.table-vision .table-column-left {
border-left: 1px solid #cccccc;
border-right: 1px solid #eeeeee;
background-color: #eeeeee;
}
.table-vision .table-column-right,
.table-vision-2 .table-column-right { border-right: 0px; }
.table-vision img { margin: 0px 0px 0px 0px; }
.table-vision td,
.table-vision tr,
.table-vision-2 td,
.table-vision-2 tr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* Vision Statement Tables ****/
/* table-vision-2 is only approved for use in the
* Partners and Resellers site area. */
.table-vision,
.table-vision-2 { border-collapse: collapse; }
.table-vision-2 .content-region-vision { margin: 0px 0px 0px 0px; }
.table-vision-2 .content-region-vision .item p { font-weight: normal; }
.table-vision-2 .table-column-left {
border-left: 0px;
border-right: 0px;
vertical-align: middle;
}
/* sub nav */
.tab-subnav-container {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #cccccc;
}
.tab-subnav-container li {
margin: 0px 0px 0px 0px;
/* 3px left to handle the space used to set up li wrapping */
padding: 0px 6px 0px 3px;
border-right: 1px solid #999999;
display: inline;
color: #000000;
font-weight: bold;
line-height: 16px;
}
.tab-subnav-container li a { font-weight: normal; }
.tab-subnav-container li.last-li { border-right: 0px; }
.tab-subnav-container ul {
/* 7px left margin to handle 3px on left side of first li */
margin: 5px 10px 7px 7px;
}
.bannerContainer {
position:relative;
overflow:hidden;
}
.marginTop5 {
margin-top:5px;
}
.mid563Banner {
position:absolute;
top:0px;
left:0px;
width:563px;
}
.mid563BannerText {
/*width:270px;*/
width:380px;
height:160px;
margin:20px 0px 0px 145px;
font-size:13px;
line-height:16px;
color:#ffffff;
}
.productDetailBannerXXLargeFont {
font-size:20px;
line-height:25px;
color:#ffffff;
}
.productDetailBannerXLargeFont {
font-size:16px;
line-height:20px;
color:#ffffff;
}
.productDetailTabInner {
margin-left:10px;
width:530px;
}
.productDetailHalfMid {
margin-left:10px;
width:540px;
}
.marginTop10 {
margin-top:10px;
}
.productDetailTabTable {
margin-top:20px;
width:800px;
}
.productDetailTabTable tr th {
border-spacing: 0px;
padding: 5px;
color: #c17302;
font-size:13px;
line-height:16px;
border-bottom: 1px solid #cccccc;
border-bottom-style: solid;
}
.productDetailTabTable tr td {
border-spacing: 0px;
padding: 5px;
color: #484848;
border-bottom: 1px solid #cccccc;
border-bottom-style: solid;
}
.productDetailTabTable .evenRow{
background-color: #f9f9f9;
}
.productDetailTabTableColOne {
width:120px;
padding-right:15px;
font-weight:bold;
vertical-align:middle;
text-align: center;
}
.productDetailTabTableColTwo {
vertical-align:top;
}
a {
color:#0000ff;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
a:visited {
color: #0000af;
text-decoration: none;
}