/**
* libra.css
* $Revision: 1.36 $
*
* libra.css -- aggregated and minified
* DO NOT EDIT THIS FILE -- edit the individual files and rebuild
*
*
* Concatenated collection of Libra-related CSS files
* . used for libra layouts within portal framework and pages
* . uses cisco_base.css
* . removes legacy.css
* . based on #libra framework
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html'
*
*
* MANIFEST:
* /web/fw/c/framework.css 1.41
* /web/fw/c/components.css 1.23
* /web/fw/w/backpack/backpack.css 1.8
* /web/fw/c/legacy.css 1.3
* /web/fw/c/cl.css (MD5: 77b62640d07caa3316c39c52d3f7e3c8)
* /web/fw/w/modals/modals.css 1.2
*/
/*!
* BEGIN /web/fw/c/framework.css
*/
/****
Libra Framework CSS - framework.css
Revision: 1.41
. standard html styles
. base structure styles
. btx overrides and fixes
. banner styles
. site area nav style
. hinav styles
. section and page title styles
. footer styles
(c) 1992-2005 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
****/
/***
--------------------
Standard Html Styles
--------------------
. defines font, font size, and link styles
. migrated from legacy.css to framework
. recycled from btx
***/
body#libra {
margin: 0 5px 0 3px;
padding:0px;
font:80.5% Arial,Helvetica,sans-serif; /* Sets base */
color:#000;
background-color:#fff;
min-width:902px;
}
* html body#libra {
font:80% Arial,Helvetica,sans-serif; /* IE6 reset */
width: expression((documentElement.clientWidth < 910) ? "902px" : "auto" ); /* IE scroll shift */
}
pre { font-size:124.5%; } /* Reverse default PRE resizing (smaller) in Mozilla-based browsers */
* html pre { font-size:100%; }
/* End migration from legacy.css */
img { border:0; }
a:link { color:#039; }
a:visited { color:#639; }
/***
---------------------
Base Structure Styles
---------------------
. primarily defines framework table structure
. legend:
base-main : outter table - contains tds: column left, column center
column-center : outter td - contains table: base content
base-content : inner table - contains tds: column titles, column main, column right
column-main : inner td - contains div: content-main
content-main : inner div - contains actual content
***/
#framework-base-banner {
margin:0;
padding:0;
width:100%;
}
#framework-wrapper { width: 100%; }
#framework-base-main, #framework-base-content {
margin:0;
padding:0;
width:100%;
border:0;
border-collapse:separate;
border-spacing:0;
empty-cells:hide;
vertical-align:top;
}
/* master declaration for vertical align */
/* #framework-base-banner td, ck: not being used in Libra */
#framework-column-left,
#framework-column-center,
#framework-column-main,
#framework-column-right,
#framework-base-footer td {
vertical-align:top;
}
/* main content area styles */
#framework-column-left,
#framework-column-main,
#framework-column-titles,
#framework-column-right {
padding:0;
}
#framework-column-left{
empty-cells:hide;
max-width:190px;
}
#libra #framework-base-main { background:none; }
/* min height to footer */
#framework-column-center { height:350px; }
#framework-column-center, #framework-column-main {
margin:0;
padding:0;
width:100%;
}
#framework-content-main { margin:5px 10px 0 10px; }
#framework-content-right {
border-collapse:separate;
empty-cells:hide;
text-align:center;
}
/***
-----------------------
Btx Overrides and Fixes
-----------------------
***/
/* right column table overrides */
#framework-content-right table {
width:188px;
margin:2px 0 0 8px;
text-align:left;
}
/* right column content backward compatibility
. addresses greyline overlap issue due to #framework-content-right table styles
. added 04/01/05
. shouldn't be required in Libra
*/
#framework-content-right table table {
width:100%;
margin:0;
}
#framework-content-right span.content {
display: block;
width:188px;
margin:2px 0 0 8px;
text-align:left;
}
/* right column image overrides
. Used for old ad banners outside of table
. added 04/01/05
*/
#framework-content-right img { margin:2px 0 0 8px; }
/* Moz override to select only img's that are children of the right content div */
#framework-content-right>img { width:188px; }
/* IE override - Code counts ChildNodes where length is > 8 for the CAMP comments */
* html #framework-content-right{
width:expression((document.getElementById('framework-content-right').childNodes.length > 8)? "201px" : "0");
}
/* reset any img inside table 04/01/05 */
#framework-content-right table img {
margin-top:0;
margin-left:0;
text-align:left;
}
/* fix spacing issue between 60x60 img and text 04/05/05*/
#framework-column-main tbody tbody tbody span.content img {
display:block;
padding-right:10px;
}
/***
---------------------
Libra Specific Styles
---------------------
. generic round corners
. added 09/01/06
***/
/*** Generic Rounded Corner Module Declaration ***/
.corner-top, .corner-left, .corner-bottom {
background-repeat:no-repeat;
display:block;
position:relative;
font-size:0;
line-height:0;
margin:0;
padding: 0;
height:3px;
}
.corner-top {
background-position:100% 0;
width:auto;
top:-1px;
right:-1px;
}
.corner-top .corner-left {
background-position:0 -6px;
width:3px;
left:-2px;
}
.corner-bottom {
background-position:100% -3px;
clear:both;
width:auto;
bottom:-1px;
right:-1px;
}
.corner-bottom .corner-left {
background-position:0 -9px;
width:3px;
left:-2px;
}
/* Corner Themed Overrides
. corner image/color/module margins should be overridden in a module css
*/
.cdc-rc-container {
border:1px solid #ccc;
width:auto;
margin:0;
padding:0;
}
.corner-top, .corner-left, .corner-bottom {
background-image: url(../i/cr_def.gif);
}
/***
---------------------------------
Framework Banner
---------------------------------
. relative positioned (sits along top, regardless of where its served on linearized page).
. Banner includes: logo, secondary-navigation, and search.
. legend:
region-selector : worldwide
***/
#framework-base-banner {
margin:0;
padding:0;
}
#framework-header {
position:relative;
overflow:visible;
height: 72px;
text-align:right;
}
#framework-logo {
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
height:72px;
z-index:1010; /* Moz logo active - must be above framework-header (1000) */
}
#framework-header .nav-secondary {
position:relative;
margin-right:-1px;
padding:12px 0 0 10px;
height:25px;
font-size:86%;
color:#666;
background-color:transparent;
white-space:nowrap;
}
.nav-secondary {
color:#666;
background-color:transparent;
}
.nav-secondary .region-selector {
margin:0 26px 0 90px;
}
.nav-secondary .region-selector span.region,
.nav-secondary .region-selector span.language {
font-weight:bold;
}
.nav-secondary .region-selector .language-selector {
padding-left:4px;
}
#framework-header .nav-secondary a,
#framework-header .nav-secondary a:visited {
color:#2f6681;
background-color:transparent;
text-decoration:none;
}
#framework-header .nav-secondary a:hover {
text-decoration:underline;
}
#framework-header .nav-secondary .link-delimiter {
padding:0 7px 0 4px;
}
#framework-header .nav-secondary a.login,
#framework-header .nav-secondary .loggedin {
font-weight:bold;
}
#framework-header .search-entitlement {
visibility:hidden; /* NS7 */
display:none;
}
#framework-header .search {
float:right;
height:22px;
}
#framework-header .search label {
visibility:hidden; /* NS7 */
display:none;
}
#framework-header #searchPhrase {
float:left;
margin:0 -1px 0 0;
padding:1px 0 2px 3px;
height:100%; /* Moz text-box resize */
width:250px;
border:1px solid #ccc;
border-top:2px solid #999;
border-left:2px solid #999;
font-size:100%; /* IE text-box resize */
}
#framework-header .search #go {
float:left;
height:22px;
width:31px;
}
/*
--------------------------
Contextual Search (Search 2.0)
--------------------------
*/
#framework-header {
z-index:1000;
}
/* Have to create 2 ids to handle 2 forms */
#search-drop-down, #search-results-drop-down {
display:none;
position: absolute;
z-index:10000;
}
#autoSuggest{
margin-top:0px;
padding-left:7px;
padding-right:5px;
display:none;
background-image:url(/web/fw/i/framework_infohover_mid.png);
_background-image:url(/web/fw/i/framework_infohover_mid.gif);
}
#search-results-drop-down #autoSuggest{
background-image:url(/web/fw/i/searchresults_infohover_mid.png);
_background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
}
div.suggestionEntry {
width: 236px; /* excludes the 10px spacing on the both sides */
color: #2F6681;
text-align:left;
}
#search-results-drop-down div.suggestionEntry {
width: 420px;
}
div.suggestionEntryHover {
background-color: #DDE6EB;
color: #2F6681;
text-decoration: underline;
text-align:left;
}
div.suggestionEntry, div.suggestionEntryHover {
padding: 2px 10px 2px 10px;
white-space: nowrap;
overflow: hidden;
}
#contextual-search-buttons {
display:none;
text-align:left;
background-image:url(/web/fw/i/framework_infohover_mid.png);
_background-image:url(/web/fw/i/framework_infohover_mid.gif);
padding:4px;
padding-left:12px;
}
#search-results-drop-down #contextual-search-buttons {
background-image:url(/web/fw/i/searchresults_infohover_mid.png);
_background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
}
.contextual-search-link {
cursor:pointer;
background-color:#FFFFFF;
};
hr.contextual-search-hr {
border:none;
height:1px;
color:#CCCCCC;
background-color:#CCCCCC;
}
div.contextual-search-top {
height:12px;
background-image:url(/web/fw/i/framework_infohover_top.png);
_background-image:url(/web/fw/i/framework_infohover_top.gif);
}
#search-results-drop-down div.contextual-search-top {
background-image:url(/web/fw/i/searchresults_infohover_top.png);
_background-image:url(/web/fw/i/searchresults_infohover_top.gif);
}
div.contextual-search-bot {
height:12px;
background-image:url(/web/fw/i/framework_infohover_bot.png);
_background-image:url(/web/fw/i/framework_infohover_bot.gif);
background-position:bottom left;
}
#search-results-drop-down {
background-image:url(/web/fw/i/searchresults_infohover_bot.png);
_background-image:url(/web/fw/i/searchresults_infohover_bot.gif);
}
/***
---------------------------------
Site Area Navigation
---------------------------------
. features overrides to generic rounded corners css
. defines border and the corners.
. content to define height & keep the corner positioning correct
. legend:
cdc-nav-module : wrapper div
nav-container : table
nav : table column cells
***/
#cdc-nav-module {
margin:1px 0 0 0;
background:url(../i/pnav-bg.gif) repeat-x top left;
}
/* IE requires height. FF1.0 takes literally */
* html #cdc-nav-module {
height:1%;
}
#cdc-nav-module .nav-container {
margin:-3px 0 0 0;
padding:0;
width:796px;
}
#cdc-nav-module .nav {
margin:0;
padding:6px 7px 6px 8px;
border-right:1px solid #ccc;
}
* html #cdc-nav-module .nav {
/* IE hover alternative */
behavior: expression(
this.onmouseenter=new Function("this.className+=' hover'"),
this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
this.style.behavior=null);
}
#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
background:url(../i/pnav-bg-on.gif) repeat top left; /* ck */
}
#cdc-nav-module .nav a {
position:relative;
display:block;
margin:0;
padding:0;
height:auto; /* Required. Not 100% */
color:#2f6681;
background-color:transparent;
font-size:90%;
line-height:1.13em; /* default 4px line-height; */
font-weight:bold;
text-align:center;
text-decoration:none;
}
#cdc-nav-module .nav:hover a, #cdc-nav-module .hover a {
position:relative;
color:#fff;
}
/***
-----------------------------------
Web Hierarchical Navigation - hinav
-----------------------------------
. defines classes: parent, peer, selected, & child.
. legend:
li : bottom
li li : all others
***/
.hinav {
position:relative;
padding:9px 8px 21px 0;
}
* html .hinav { width:182px; }
.hinav h3 { display:none; }
.hinav ul {
margin:0;
padding:0;
}
.hinav li {
display:inline;
margin:0;
padding:0;
list-style:none;
}
.hinav li a, .hinav li a:visited, .hinav span {
position:relative;
display:block;
margin-bottom:-1px;
color:#2f6681;
background-color:transparent;
font-size:86%;
text-decoration:none;
border-bottom:1px solid #acc2cd;
}
/* Bring selected to front */
.hinav li a.selected, .hinav li a.selected:visited, .hinav span.selected {
z-index:10;
background-color:#dde6eb;
border-top:1px solid #c8cacc;
border-bottom:1px solid #acc2cd;
}
/* Cancel topmost border */
.hinav li li a, .hinav li li a:visited, .hinav li li span {
border-top:1px solid #d5e0e6;
}
.hinav a, .hinav a:visited, .hinav span {
padding:3px 6px 3px 7px;
width:169px; /* IE redraw */
}
.hinav a.peer, .hinav a.peer:visited,
.hinav a.selected, .hinav a.selected:visited,
.hinav span.peer, .hinav span.selected {
padding-left:15px;
width:161px; /* IE redraw */
font-weight:bold;
}
.hinav a.child, .hinav a.child:visited, .hinav span.child {
padding-left:28px;
width:147px; /* IE redraw */
}
/* hinav special case for peers of parent */
.hinav.show_parent_peers a.parent_peer {
padding-left: 15px !important;
width: 162px !important;
}
.hinav.show_parent_peers li a.selected {
padding-left: 28px !important;
width: 149px !important;
}
/***
---------------------------------
Libra Section and Page Titles CSS
---------------------------------
. features overrides to btx
. can be used with btx version of framework.css
. legened:
title-section : h1
title-page : h2
***/
/*** Page and Section Titles ***/
#framework-content-titles h1, #framework-content-titles h2 {
margin:0;
padding:0 0 0 10px;
font-family: Arial, Helvetica, Sans-serif;
}
#framework-content-titles h1 {
margin:13px 0 -10px 0;
font-size:87%;
color:#8e9091;
}
#framework-content-titles h2 {
padding:13px 0 7px 9px;
font-size:175%;
line-height:0.92em;
color:#424e53;
border-bottom:1px solid #ccc;
}
#framework-content-titles > h2:first-child {
margin-top:-1px;
}
/***
---------------------------------
Footer
---------------------------------
. defines styles for: text/link, copyright, legal
***/
#framework-footer {
margin:28px 0 0 15px;
font-size:86%; /* Set font smaller than normal */
color:#333;
background-color:#fff;
line-height:120%;
}
#framework-footer a, #framework-footer a:visited {
color:#2f6681;
background-color:transparent;
text-decoration:none;
}
#framework-footer a:hover {
text-decoration:underline;
}
#framework-footer #footer-copyright {
padding:0 7px 0 0;
float:left;
}
#framework-footer #footer-legal {
float:left;
padding-bottom:18px;
}
.skiplinks {display:inline; position:absolute; visibility:visible; top:-110px; }
.skiplinkShow { background-color:#fcfcfc;padding:10px;border:1px solid #ccc; visibility:visible; left:125px;top:20px; display:block; position:absolute;z-index:100; }
#home-header .search label { display:inline; visibility:visible; }
.skiplabel { float:left; margin-left:-99999px;}
/*
* END /web/fw/c/framework.css
*/
/*!
* BEGIN /web/fw/c/components.css
*/
/*
components.css
Revision: 1.23
. modules
(c) 1992-2007 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
************************************************
simulated libra right column framework
(also see framework.css libra overrides)
************************************************
*/
#libra .module-related,
#libra .module-blob,
#libra .module-myaccount,
#libra .module-adbanner,
#libra .ad-right {
padding:0px 0px 0px 8px;
}
#libra .module-related,
#libra .module-blob,
#libra .module-myaccount,
#libra .module-adbanner,
* html #libra .module-related,
* html #libra .module-blob,
* html #libra .module-myaccount,
* html #libra .module-adbanner {
width:188px;
}
/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-related, .module-blob {
width:186px;
margin:2px 0px 10px 0px;
padding:0px 0px 0px 2px;
text-align:left;
}
* html .module-related, * html .module-blob {
width:187px;
padding:0px 0px 0px 3px;
}
.module-related h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#999;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-related h4 {
display:block;
margin:0px;
font-size:85%;
padding:1px 12px 0px 12px;
color:#666;
font-weight:bold;
text-decoration:none;
}
.module-related ul {
display:block;
margin:0px 0px 3px 0px;
border:0px;
padding:0px;
font-size:85%;
}
.module-related ul li {
display:block;
list-style:none;
margin:0px;
padding:0px 0px 3px 12px;
}
/*
*****************************
web module myaccount
******************************
*/
.module-myaccount {
width:186px;
margin:2px 0px 10px 0px;
padding:0px 0px 0px 2px;
text-align:left;
}
* html .module-myaccount {
padding:0px 0px 0px 3px;
margin-top:1px;
}
.module-myaccount h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#900;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-myaccount .content {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#000;
font-size:85%;
}
/*
********************************
web module ad banner
********************************
*/
.module-adbanner {
width:186px;
margin:2px 0px 10px 0px;
padding:0px 0px 0px 2px;
text-align:left;
}
* html .module-adbanner {
width:187px;
padding:0px 0px 0px 3px;
margin-top:1px;
}
.ad-right{ /* temp for dummy right content data or keep? */
margin:1px 0px 0px 2px;
padding: 0px 0px 0px 3px;
text-align:left;
}
/*
********************************
web module page popups
********************************
*/
#framework-popup-banner,#framework-popup-main,#framework-popup-footer{
border-collapse:separate;
border-spacing:0px;
vertical-align:top;
border:0px;
padding:0px;
margin:0px;
width:100%;
empty-cells:hide;
}
#framework-popup-main{
margin-top:15px;
}
#framework-popup-footer{
border-top:1px solid #ccc;
}
#framework-popup-banner #framework-column-header{
height:72px;
width:100%;
}
#framework-popup-banner #framework-header {
position:absolute;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
top:0px;
left:0px;
z-index:1;
height:72px;
min-width:0px;
width:100%;
background:url(/swa/i/popup-header-bkg.gif) no-repeat left bottom;
}
#framework-popup-banner #framework-logo {
position:absolute;
margin:0px 0px 0px 0px;
padding:0px;
top:0px;
left:25px;
z-index:2;
}
#framework-popup-banner #framework-header .search {
position:absolute;
height:27px;
top:38px;
right:0px;
margin:0px;
padding-left:197px;
background:url(/swa/i/search-bkg.gif) no-repeat;
}
#framework-popup-banner .popup-title-content {
position:absolute;
left:159px;
bottom:15px;
width:45%;
padding:0px 0px 0px 0px;
}
#framework-popup-banner .popup-title-page {
color:#666666;
font:18px Verdana;
font-weight:bold;
margin:0px 0px 1px 0px;
line-height:100%;
}
/* Main content container */
#framework-popup-main #framework-content-main {
margin:0px 0px 0px 0px;
padding:0px;
}
#framework-popup-footer #framework-footer {
min-width:0px;
}
#framework-popup-footer #framework-footer .legal {
margin:10px 0px 0px 18px;
}
/* Override for content-css column popups */
#framework-popup-contentcss #framework-content-main {
margin:5px 30px 20px 24px;
}
/* Override for long column content popups */
#framework-popup-long #framework-content-main {
margin:5px 187px 20px 160px;
}
/* Override for standard column popups */
#framework-popup-standard #framework-content-main {
margin:5px 30px 20px 160px;
}
/* utility style, used currently by cross-nav, but may be applicable elsewhere */
.clear-all { clear:both; font-size:1px; line-height:1px; }
/* left here purely for amusement */
.nothing {}
/* Overrides for IE are designated by starting with '* html' and are located next to the rule they are overriding */
/* from: listing_2column.xsl */
.categoryHome {
margin-top:-7px;
margin-left:-1px;
font-size:88%;
line-height:110%;
}
.categoryHome .flat-list {
margin-top:16px;
}
.categoryHome .listing {
margin-top:0;
padding-top:0;
padding-right:11px;
}
* html .categoryHome .listing {
padding-right:16px;
}
.categoryHome ul {
margin:0;
}
.categoryHome .listing .link,
.categoryHome .listing .heading {
margin-bottom:6px;
}
.categoryHome .listing .lastlink {
margin-bottom:10px;
}
.categoryHome .listing .tier1 .heading{
font-weight:bold;
margin-top:16px;
margin-bottom:6px;
}
.categoryHome .listing .tier2 {
margin-left:8px;
}
.categoryHome .listing .tier3 {
margin-left:16px;
}
/* from listing_lll.xsl */
.llldropmenu {
background-color:#ccc;
width:100%;
margin:0 0 18px 0;
border:0;
border-collapse:collapse;
}
* html .llldropmenu {
border-bottom:#fff 1px solid;
}
.llldropmenu fieldset {
border:0;
font-size:95%;
padding:4px;
}
.llldropmenu .title {
display:block;
float:left;
margin-top:4px;
font-weight:normal;
}
.low-level {
margin-left:7px;
margin-top:-1px;
font-size:95%;
}
* html .low-level {
/* padding-top:8px;*/
}
.low-level ul.listing {
list-style-type:none;
margin-top:-8px;
padding:0;
margin-left:0;
font-size:95%;
}
* html .low-level ul.listing {
margin-top:6px;
}
.low-level .listing ul {
list-style-type:none;
margin:-1px 0 0 9px;
padding:0;
}
* html .low-level .listing ul {
margin-top:0px;
}
.low-level .listing .heading {
color:#000;
font-weight:bold;
text-decoration:none;
margin:9px 0 3px 0;
}
.low-level .has-groups .listing .ungroup {
margin:26px 0 0 0;
}
* html .low-level .has-groups ul.listing ul.ungroup {
margin-top:12px;
}
.low-level .no-groups ul.listing ul.ungroup {
margin:11px 0 0 0;
padding-top:2px;
}
* html .low-level .no-groups ul.listing ul.ungroup {
margin-top:-19px;
padding-top:0;
}
.low-level .listing ul li {
margin-top:5px;
}
/* from cross_nav.xsl (aka ordering.xsl)*/
/* this replicates spacing for inline-links */
.inline-link {
margin: 0 .25em;
}
/* These are the overrides for module context will be globally av. in the future... */
/* these are the equivalent of the moduleTitle, moduleLink and moduleContent styles from cdc.css */
/* module also formats the wrapping div */
.module {
background-color: #ffffff;
padding: 6px 0;
margin: 0;
text-align:left;
}
/* this is the spacing on divs within a module */
.module div {
padding: 1px 3px 0px 3px;
margin: 0;
}
/* module title also formats the div that the title is in */
.module .title {
font-size:85%;
color:#ffffff;
background-color: #336666;
background-image: url(/web/fw/i/corner_ur_7.gif);
background-position: right top;
background-repeat:no-repeat;
padding: 2px 1px 1px 7px;
}
.module .contentArea {
border: #336666 1px solid;
padding-top:2px;
}
.module .header {
font-size:85%;
color:#ffffff;
line-height:14px;
margin-bottom:-1px;
}
.module .link, .module .content {
font-size:85%;
line-height:14px;
margin: 0px 0px 3px 0px;
}
.module .bar {
background-color: #666666;
height:1px;
margin: 6px 0px 3px 0px;
width:100%;
}
/* styling cross-nav module implementation: cross_nav.xsl - formerly ordering.xsl */
/* from: cross_nav.xsl - formerly ordering.xsl */
.cross-nav {width:201px; float:right;}
/* override some global styles */
.module div {
position:relative;
padding:0;
}
.cross-nav .module .header {
margin-bottom:0px;
background-color: #ffffff;
padding-top:6px;
}
.cross-nav .module .title {
background-image: none;
color:#666666;
background-color: #d6d8da;
padding:1px 0px 3px 7px;
font-weight:bold;
border: 0;
}
.cross-nav .module .header a {
font-weight:bold;
}
.cross-nav .module .header {
font-size:105%;
border-bottom: #e3e3e3 1px solid;
}
/* these styles affect the entire module */
.cross-nav .module .header, .cross-nav .module .contentArea {
border-left: #d6d8da 1px solid;
border-right: #d6d8da 1px solid;
border-bottom: #d6d8da 1px solid;
}
.cross-nav .module .contentArea {
border-top: none;
padding-top:2px;
}
.cross-nav .module .content {
line-height:12px;
margin-bottom:0px;
padding: 1px 7px 8px 7px;
}
.cross-nav .module .link {
padding-left: 16px;
}
/* GC: styling 'New!' links on low level listings */
/* from: link_formatter.xsl */
.is-new-link {
margin: 0;
padding: 0;
border: 0;
background: #fff;
color:#990000;
font-family: arial, helvetica, sans-serif;
font-size:95%;
}
/* GC: styling 2 column listing with short descriptions: listing_2column_desc.xsl */
/* from: listing_2column_desc.xsl */
.listing-2col-desc .categoryHome {
font-size:102%;
}
.listing-2col-desc .categoryHome h3 {
font-size:98%;
}
.listing-2col-desc .categoryHome .list-item-desc p {
margin: 0;
padding: 5px 0;
font-size:95%;
}
.listing-2col-desc .categoryHome .tier1 p {
margin: 0;
padding: 0;
}
.listing-2col-desc .categoryHome .link {
margin: 4px 0 0 0;
padding: 0 0 0 0;
}
.listing-2col-desc .categoryHome .link a {
font-weight: bold;
font-size:95%;
}
.listing-2col-desc .categoryHome td.listing {
padding: 0 15px 0 0;
}
/* GC: added for and IE table width fix to support variable width floating in a column*/
.table-width-fix { width:auto; }
.table-width-fix table { width:auto; margin-right:3px;}
* html .table-width-fix table { width:auto; margin:0;} /* IE override for margin issue */
.table-width-fix table table { width:100%; margin:0; }
/*
******************************************
Fixes and Overrides for Exisiting Content
******************************************
*/
/* Fixes download module link from being aligned right (IE only) */
#framework-content-main td td td { text-align:left; }
/* Reset all margins to 0, framework is now setting margins */
.contentMargins, .contentTier1Margins, .tier1Margins{
margin-left:0px;
}
/* Right Nav Content in DIV wrapper */
#rnav-wrapper {
text-align: left;
}
/* Olgivy overrides for Partner & Reseller section */
#rnav-wrapper {
width:187px;
}
#rnav-bar-gray {
margin:1px 0px 0px 3px;
width:100%;
}
#rnav-box-white {
margin:0px 0px 0px 3px;
width:100%;
}
/*
************************************************
Following are styles needed for supported blobs
that are not part of framework
(Sidebar module, )
************************************************
*/
/*
************************************************
Sidebar module
************************************************
*/
.sidebar-region {
width:186px;
margin: 7px 0px 7px 2px;
padding: 0px 0px 0px 0px;
background-color: #eeeeee;
text-align:left;
}
#libra .sidebar-region {
background-color: #eaeff2;
}
* html .sidebar-region {
width:187px;
margin: 7px 0px 7px 3px;
}
.sidebar {
padding: 10px 9px 0px 10px;
color:#666666;
font-size: 83%;
background-image: none;
}
.sidebar h5 {
margin: 0px 0px 10px 0px;
font-size: 90%;
line-height: 90%;
color:#333333;
}
.sidebar h2 {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 110%;
color: #990000;
}
#libra .sidebar h2 {
color: #8d5e01;
}
.sidebar h3 {
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 110%;
color: #666666;
}
.sidebar p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}
/* For sidebar_module.xsl and its clones
- this floating module is heavily used for download links on product support documents */
.module-sidebar-xsl {
padding:0 7px 4px 4px;
border:1px solid #ccc;
width:186px;
float:right;
text-align:left;
}
.module-sidebar-xsl .main-header {
margin:0 -7px 0 -5px;
padding:0px 7px 1px 4px;
background-color:#d5e0e6;
color:#666;
}
.module-sidebar-xsl h3.main-header {
font-size:100%;
}
.module-sidebar-xsl ul {
margin:0;
padding:0;
}
.module-sidebar-xsl li {
margin:0;
padding-top:4px;
list-style-type:none;
font-size:95%;
}
/* for featured links and its clones
- mostly seen in product series pages */
.module-featured-links {
padding:0 7px 7px 5px;
border:1px solid #ccc;
display:table; /* for gecko */
margin-right:3px; /* for gecko */
width:100%;
/* IE stuff */
float:expression(this.parentElement.offsetWidth - this.offsetWidth > 10?left:none);
%width:auto;
/* %margin-right:20px;*/
%height:1%;
}
.module-featured-links .main-header {
margin:0 -7px 4px -5px;
padding:2px 7px 1px 5px;
background-color:#d5e0e6;
color:#666;
}
.module-featured-links {
font-size:86%;
}
.module-featured-links h3.main-header {
font-size:110%;
}
.module-featured-links ul {
margin:0;
padding:0;
}
.module-featured-links li {
margin:0;
padding-bottom:4px;
list-style-type:none;
}
.module-featured-links li p {
margin-top:0;
padding-top:0;
}
.module-featured-links .colset:after,
.module-featured-links .group-description:after,
.module-featured-links .thumb:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.module-featured-links .colset,
.module-featured-links .group-description,
.module-featured-links .thumb { %height:1%; }
.module-featured-links .colset {
margin-right:-10px;
}
.module-featured-links .col {
float:left;
width:49.99%; /* ie can't handle 50% here ! */
}
.module-featured-links .thumb .thumb-img {
float:left;
margin: 3px 5px 13px 0px;
}
.module-featured-links .thumb .thumb-txt {
margin-left:65px;
min-height:60px;
padding-bottom:6px;
padding-right:10px;
}
* html .module-featured-links .thumb .thumb-txt {
height:60px;
}
.module-featured-links .thumb .thumb-txt h2,
.module-featured-links .thumb .thumb-txt p,
.module-featured-links .thumb .thumb-txt a {
margin:0;
}
.module-featured-links .thumb.wrap .thumb-txt{
margin-left:0px;
}
.module-featured-links .group-description img {
float:left;
width: auto;
}
.module-featured-links .group-description p {
/* padding-right:10px; */
}
/*
************************************************
Task Based Navigation
************************************************
*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Most Requested Resources Module */
#content-requested-resources {
position:relative;
margin:10px 0px 13px 0px;
background-color:#eaeff2;
border:1px solid #ccc;
min-width:500px;
min-height:145px; /* based on NetPro blob */
}
* html #content-requested-resources {
height:145px;
}
#content-requested-resources h3 {
margin:0;
padding:2px 0 3px 10px;
font-size:86%;
color:#000;
background-color:#ccc;
min-height:1.3em;
}
* html #content-requested-resources h3 {
margin-right:-10px;
height:1.3em;
}
#content-requested-resources .resources { margin:7px 0 3px; }
* html #content-requested-resources .resources { width:auto;}
/* NetPro Blob Settings */
#content-requested-resources .resources ul {
float:left;
margin:0 0 0 10px;
padding:0 340px 0 0;
list-style-type:none;
}
* html #content-requested-resources .resources ul {
margin:0 0 0 5px;
padding-right: 335px;
}
#content-requested-resources .resources li {
margin-bottom:6px;
font-size:86%;
}
#content-requested-resources .blob {
position:absolute;
right:0px;
margin:1px 10px 0 25px;
padding:0;
width:305px;
font-size:86%;
line-height:110%;
font-weight:bold;
color:#666;
}
#content-requested-resources .blob a { font-weight:normal; }
#content-requested-resources .blob #rssreader { margin-top:5px; }
/* Right Column - Module Display Selector */
#framework-content-right #module-display-selector #prod-photo { margin-bottom:3px; }
* html #framework-content-right #module-display-selector #prod-photo { margin-bottom:0; }
#framework-content-right #module-display-selector #prod-photo,
#framework-content-right .prod-link,
#framework-content-right .cross-nav {
width:188px;
margin-left:5px;
}
* html #framework-content-right #module-display-selector #prod-photo,
* html #framework-content-right .prod-link,
* html #framework-content-right .cross-nav {
margin-left:0px;
}
#framework-content-right .cross-nav {
margin-bottom:-3px; /* ContentCSS margin fix to not hide clear-all */
%margin-top:0px; /* IE6/7 */
float:none; /* ContentCSS float clear */
}
#framework-content-right #module-display-selector table,
#framework-content-right #module-display-selector img { margin:0; }
#framework-content-right #module-display-selector {
margin:10px 0 0 0;
text-align:left;
}
* html #framework-content-right #module-display-selector { margin-left:6px; }
/* Maintain existing (no packaged) link formatting */
.prod-link { margin-bottom:7px; }
#framework-content-right #module-display-selector .prod-link { margin-bottom:3px; }
* html #framework-content-right #module-display-selector .prod-link { margin-bottom:2px; }
#framework-content-right #module-display-selector .prod-link .captionlink { font-size:95%; }
.ellipsis {
text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;
width:99%;
%width:170px;
_width:86%;
}
a .ellipsis {
cursor: pointer;
}
/*
************************************************
Widgets
************************************************
*/
.widget-indicator { display:none; }
/*
************************************************
Partner Locator Widget
************************************************
*/
#partner-locator h4 {
font-size: 100%; /* fixes h4 conflict */
padding: 5px 0;
}
#partner-locator form {
margin-top: -3px;
border: solid 1px #999;
border-top-width: 0;
padding: 6px 0 6px 12px;
margin-bottom: 0;
}
#partner-locator input,
#partner-locator select {
width: 158px;
%width: 156px;
font-size: 86%;
color: #666;
}
#partner-locator select {
width: 162px;
}
#partner-locator input.submit {
color: #2F6681;
font-family: arial;
font-size: 100%;
font-weight: bold;
margin: 10px auto 0;
padding: 1px 6px 2px;
%padding: 1px 8px;
width: auto !important;
overflow:visible;
}
*html #partner-locator input.submit {
width:1%;
}
#partner-locator img {
display: none !important;
}
/*
************************************************
Widget - Accordion
************************************************
*/
.cdc-widget-accordion {
border: 1px solid #ccc;
font-size: 85.5%;
color: #666;
}
.cdc-widget-accordion h2.acc-title {
background: #fff;
font-size: 109%;
color: #666;
margin: 0;
padding: 7px 11px 6px 11px;
}
.sitecopy_hs .cdc-widget-accordion h2.acc-title {
font-size: 124%;
}
.contcss .cdc-widget-accordion h2 {
font-size: 126.5%;
}
.cdc-widget-accordion .acc-panel {
background-color: #c7cfd2;
}
.cdc-widget-accordion a.acc-header {
cursor: pointer;
font-weight: bold;
color: #666 !important;
text-decoration: none;
overflow: hidden;
/*white-space: nowrap; // didn't work for ie */
padding: 4px 11px;
margin: 0;
display: block;
}
.contcss .cdc-widget-accordion a.acc-header {
font-size: 116%;
}
.cdc-widget-accordion .acc-header h4 {
margin: 0;
font-size: 100%;
color: #666;
}
.sitecopy .cdc-widget-accordion a.acc-header {
font-size: 100%;
}
.sitecopy_hs .cdc-widget-accordion a.acc-header {
font-size: 114%;
}
.cdc-widget-accordion .acc-panel {
background: url('/web/fw/w/accordion/inactive_bg.jpg') repeat-x;
}
.cdc-widget-accordion .acc-active {
background: url('/web/fw/w/accordion/active_bg.jpg') repeat-x;
background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-arrow {
padding-left: 27px;
background: url('/web/fw/w/accordion/acc-arrow-right.gif') 10px 6px no-repeat;
}
.cdc-widget-accordion a.acc-arrow-active {
padding-left: 27px;
background: url('/web/fw/w/accordion/acc-arrow-down.gif') 10px 6px no-repeat;
}
#framework-base-content .cdc-widget-accordion .acc-header:hover {
text-decoration: none;
}
.cdc-widget-accordion .acc-overlay {
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
background: #fff;
padding: 0;
margin: 0;
overflow: auto;
display: block;
}
.cdc-widget-accordion .acc-content {
text-align: left;
padding: 9px 12px 16px 12px;
margin: 0;
}
/*
* END /web/fw/c/components.css
*/
/*!
* BEGIN /web/fw/w/backpack/backpack.css
*/
/*
backpack.css
Revision: 1.8
. modules
(c) 1992-2007 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
/*
********************************************************
* Backpack: framework
********************************************************
*/
#mycisco {
position:relative;
top:0px;
left:0px;
margin:0;
padding:5px 7px 5px 8px;
width: 93px;
border-top:1px solid #ededee;
border-bottom:1px solid #ededee;
}
#mycisco.mycisco { z-index:900; } /* ck: required for IE6 z-index issues so that we can remove it on dnd */
#mycisco:hover, #mycisco.mh {
background:url(/web/fw/i/pnav-bg-on.gif) repeat top left;
border-width:0px;
%padding-top:6px;
}
#cdc-nav-module .open {
background:url("/web/fw/w/backpack/bp-top-gr.gif");
}
#mycisco-anchor {
position:relative;
display:block;
margin:0;
height:auto;
color:#2f6681;
background-color:transparent;
font-size:90%;
line-height:1em;
font-weight:bold;
text-align:center;
text-decoration:none;
background:url("/web/fw/w/backpack/mycisco-open.gif") right top no-repeat;
padding:0px 6px 0px 0px;
%padding:0px 5px 0px 0px;
white-space: nowrap;
}
#mycisco:hover #mycisco-anchor,#mycisco.mh #mycisco-anchor {
color:#fff;
background:url("/web/fw/w/backpack/mycisco-open-hover.gif") right top no-repeat;
}
#cdc-nav-module #mycisco.open #mycisco-anchor {
color:#2f6681;
background:url("/web/fw/w/backpack/mycisco-close.gif") right top no-repeat;
}
#mycisco-discovery {
width: 188px;
color: white;
padding: 0;
position: absolute;
display: none;
top: 10px;
left: -50px;
}
#mycisco-discovery-top {
width: 195px;
height: 8px;
margin: 0;
padding: 0;
}
#mycisco-discovery-tooltip {
padding: 5px 15px 12px 14px;
width: 165px;
}
html>body #mycisco-discovery-top {background:url(/web/fw/w/backpack/discovery-notification-top.png) no-repeat top left;}
html>body #mycisco-discovery-tooltip { background:url(/web/fw/w/backpack/discovery-notification-bott.png) no-repeat bottom left; }
* html #mycisco-discovery-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/backpack/discovery-notification-top.png',sizingMethod='scale'); }
* html #mycisco-discovery-tooltip { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/backpack/discovery-notification-bott.png',sizingMethod='scale'); }
#mycisco-discovery-bottom { border-top: 1px solid #80949e; padding-top: 6px; margin-top: 16px;}
#mycisco #backpack a {
color:#2f6681;
display:inline;
text-decoration:none;
}
#backpack {
right:-8px; /* -7 ck: b268 */
top:7px;
width:234px; /* ck: b268 */
position:absolute !important;
display:none;
z-index:900;
padding:0px;
margin:0px;
background:url("/web/fw/w/backpack/bp-top-gr.gif") repeat-x 0px -20px;
background-color:#f3f3f4;
}
* html #backpack {
right:-1px;
}
#backpack-body {
padding:12px 0px 8px 0px;
_padding-bottom:2px;
margin-left:-6px;
width: 240px;
_margin-left:-5px;
_width:239px;
position:relative;
}
html>body #backpack-body {background:url("/web/fw/w/backpack/bp-bg.png") repeat-y 1px 0;}
* html #backpack #backpack-body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web/fw/w/backpack/bp-bg.png",sizingMethod="scale");
background-position:1px 0;
}
#backpack h2 {
color:#fff;
background-color:#5e5e5e;
margin:0;
padding:4px 0 4px 9px;
width:222px;
border-bottom:1px solid #757575;
}
#backpack #backpack-header-wrap {
margin:0px;
padding:0px;
border-bottom:1px solid #d2d2d2; /* b268 ccc */
width:123px;
position:absolute;
left:7px;
top:-0px;
%top:-16px;
}
* html #backpack #backpack-header-wrap {
top:-16px;
left:7px;
}
#backpack-corners {
width:239px;
text-align:center;
height:8px;
margin:0 -5px -5px; /* ck: b268 */
padding:7px 0 0;
_margin-top:-4px;
cursor:pointer;
position: relative;
}
html>body #backpack-corners {
background:url("/web/fw/w/backpack/bp-bot.png") bottom left no-repeat;
}
* html #backpack-corners {
padding: 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web/fw/w/backpack/bp-bot.png",sizingMethod="crop");
top:4px;
left:0px;
height:23px;
}
/*
********************************************************
* Backpack: general
********************************************************
*/
#backpack #login-para,#backpack #account-para {
margin:0px 16px 11px 14px;
font-weight:normal;
font-size:86%;
color: #666;
position: relative;
}
#backpack #login-para {
margin-bottom:4px;
}
#backpack #login-para a,#backpack #account-para a {
font-weight:bold;
}
#backpack .backpack-module {
background-color:#fff;
margin:0 3px 10px 14px;/* ck: moved margin top to bottom due to MCW project */
_margin-left:13px;
position:relative;
width: 217px;
%width: 213px;
}
#backpack .backpack-module.bp-open {
margin-bottom:13px;
}
#backpack .module-warning-message {
color:#e58a00;
text-indent:13px;
background: url('/web/fw/i/icon-alert-warning.gif') 2px 2px no-repeat;
}
#backpack .backpack-module h3 {
background: url('/web/fw/w/backpack/module-header.png') no-repeat;
color:#666; /*Modified #636363 to #666 by offshore for QC defect 714*/
position:relative;
margin:0px;
padding:5px 13px 7px 8px;
font-size:89%;
font-weight:bold;
width: 196px;
}
#backpack .backpack-module.bp-open h3 {
background: url('/web/fw/w/backpack/module-header-open.png');
}
/* ck: qc816 fix
redo of backpack max/min hover implementation.
images should be using a sprite ideally.
this implementation using a for hover, img for normal and then hides the a on mouseover.
by doing it this way, we avoid the known IE6 and IE7 background flicker issue
*/
/* define defaults */
#backpack .backpack-module a.bp-maxmin,
#backpack .backpack-module a.bp-maxmin img,
#backpack .header-wrapper a,
#backpack .header-wrapper a img {
background-color:transparent;
background-position:top left;
background-repeat:no-repeat;
width:13px;
height:13px;
}
/* set layered backgrounds, hovers first */
#backpack .backpack-module .bp-maxmin img { background-image:url('/web/fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module.bp-open .bp-maxmin img { background-image:url('/web/fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module a.bp-maxmin { background-image:url('/web/fw/w/backpack/bp-max-hover.gif'); }
#backpack .backpack-module.bp-open a.bp-maxmin { background-image:url('/web/fw/w/backpack/bp-min-hover.gif'); }
#backpack .backpack-module .bp-info img { background-image:url('/web/fw/w/backpack/info.gif'); }
#backpack .backpack-module a.bp-info { background-image:url('/web/fw/w/backpack/bp-info-hover.gif'); }
#backpack .backpack-module .bp-remove img { background-image:url('/web/fw/w/backpack/bp-remove.gif'); }
#backpack .backpack-module a.bp-remove { background-image:url('/web/fw/w/backpack/bp-remove-hover.gif'); }
/* add the disabled case for remove */
#backpack .backpack-module h3 a img.disabled { background-image:url('/web/fw/w/backpack/bp-remove-disabled.gif') !important; }
/* now remove top background image on hover */
#backpack .backpack-module h3 a:hover img { background-image:none !important; }
/* ie doesn't play well with focus, treats it as active */
#backpack .backpack-module.bp-open h3 a.bp-maxmin:active img { %background-image:url('/web/fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module h3 a.bp-maxmin:active img { background-image:none; %background-image:url('/web/fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module h3 a.bp-info:active img { %background-image:url('/web/fw/w/backpack/info.gif'); }
#backpack .backpack-module h3 a.bp-remove:active img { background-image:none; %background-image:url('/web/fw/w/backpack/bp-remove.gif'); }
#backpack .backpack-module .infohover-icon,#backpack .backpack-module .module-maxmin-widget {
position:absolute;
right:27px;
_right:26px;
top:6px;
}
#backpack .backpack-module .module-maxmin-widget {
right:8px;
_right:7px;
}
#backpack .backpack-module-collapsible {
border:1px solid #c9c9c9;
border-width:0px 1px 0px 1px;
%width:101%;
_width:100%;
}
#backpack .backpack-module-data {
font-weight:normal;
font-size:86%;
border:#f0f0f0 1px solid;
border-width:0px 1px 1px 1px;
padding:0px;
height: 159px;
width:98.5%;
_width:99.5%;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
#backpack .backpack-module-footer {
background-color:#f7f7f8;
border-top:1px solid #c9c9c9;
height:auto;
font-size:88%;
/* padding:3px 14px 0px 6px; */
padding:3px 14px 4px 6px; /* ck: b317 */
_padding-bottom:2px; /* ck: b317 */
}
#backpack .backpack-module-bot {
position:relative;
background:#f7f7f7 url(/web/fw/w/backpack/module-bot.png) no-repeat bottom; /* ck: b317 F7F7F8 */
top:3px;
height:4px;
width:215px;
margin-top:-4px; /* ck: b317 */
_margin-top:-16px; /* ck: b317 */
_z-index:-1;
}
#backpack .backpack-module-footer a{
color:#2f6681;
}
#backpack .backpack-module .context-message{
margin:2px 20px -2px 6px;
border-bottom:1px solid #9c9c9c;
padding-bottom:2px;
color:#333;
}
#backpack .backpack-module .context-message a{
font-weight:bold;
}
#backpack .backpack-module ol {
margin:0px;
padding:0 9px 5px 6px;
list-style-type:none;
}
#backpack .backpack-module li {
border-bottom:1px solid #f0f0f1;
position:relative;
}
/* ck: mru bug fix, qc 1144 */
#backpack .backpack-module li a .ellipsis { display:inline; }
#backpack .backpack-module .message {
margin:7px 21px 0 5px;
%margin:8px 21px 0 5px;
color:#666;
line-height:113%;
%line-height:119%;
}
#backpack .backpack-module .message h4 {
color: #666;
font-weight:bold;
padding: 5px 0 1px;
font-size:95%;
}
#backpack .backpack-module .message br {
padding-bottom:14px;
}
#backpack .backpack-module .message ul {
margin:13px 0px 0px 0px;
padding:0;
}
#backpack .backpack-module .message li {
margin:1px 0px 0px 1px;
font-weight:normal;
}
#backpack .backpack-bogus-module {
height: 65px;
%height: 66px;
}
#backpack .backpack-module-modal,
#backpack .link-hover {
display:none;
}
#backpack .backpack-module-footer span {
font-weight: normal;
color: #666666;
}
#backpack .backpack-module-footer span.separator {
color: #666666;
padding: 0px 3px 0px 3px;
}
.backpack-module-spinner {
display: block;
margin: 40px auto 0px auto;
}
/* ************************* */
/* backpack modal dialog styles */
.backpack-modal {
position: fixed;
top: 134px;
height:auto;
width: 369px;
font-size: 86%; /* 11px eq*/
border: 1px solid #999;
background-color: #fff;
margin: 0px 0px 0px -185px;
padding: 0px 0px 0px 0px;
left: 50%;
}
.backpack-modal-header {
background-color:#dfddde;
padding:3px 10px 2px;
border-bottom:1px solid #999;
}
.backpack-modal h5 {
font-size:110%;
color:#333;
margin:0px;
padding:0px;
}
.backpack-modal-body {
padding: 5px 10px 16px 10px;
font-weight:bold;
background-color: #fff;
}
.backpack-modal-footer {
padding:0px 5px;
border-top:1px solid #999;
%margin-bottom: -25px;
background:url(/web/fw/i/bg-3121.jpg) repeat-x left top;
}
.backpack-modal-footer .button {
font-size:80.5%;
font-weight:bold;
margin:4px -4px 4px 4px;
padding:2px 3px 3px 0px;
}
* html .backpack-modal-footer .button {
font-size:100%;
margin:-30px -4px 0px 4px;
padding:0px 3px 0px 0px;
}
.backpack-modal-emph {
font-weight: bold;
}
.backpack-modal-warning {
font-family: arial;
font-weight: normal;
color:#e58a00;
background: url('/web/fw/i/icon-alert-warning.gif') 5px 7px no-repeat;
background-color: #ffc;
border: 1px solid #f7dc8e;
margin: 0px -6px 16px -6px;
padding: 5px 5px 5px 21px;
}
* html .backpack-modal-warning {
background: url('/web/fw/i/icon-alert-warning.gif') 6px 7px no-repeat;
}
.backpack-modal-error {
font-family: arial;
font-weight: normal;
color:#a50000;
background: url('/web/fw/i/icon-alert-error.gif') 5px 7px no-repeat;
background-color: #ffc;
border: 1px solid #a50000;
margin: 0px -6px 16px -6px;
padding: 5px 5px 5px 21px;
}
* html .backpack-modal-error {
background: url('/web/fw/i/icon-alert-error.gif') 6px 7px no-repeat;
}
/* jqmodal style for backpack -- this may conflict with collab pages? */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
* the Window's z-index value will be set to 3000 by default (in jqModal.js). You
* can change this value by either;
* a) supplying one via CSS
* b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500});
*/
.jqmWindow {
display: none;
position:fixed;
background-color:transparent;
padding:0px;
}
.jqmOverlay {
background-color: #fff;
_overflow:hidden !important;
cursor:default !important;
}
/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
position: absolute;
top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
html { _overflow:scroll; } /* IE Fix for Infinite Scroll */
/***************************************
=cluetipClass: 'cdc'
-------------------------------------- */
#cluetip-inner {overflow:auto;}
.cluetip-cdc {
background-color: transparent;
width: 178;
}
.cluetip-cdc #cluetip-outer {
border: 1px solid #999;
position: relative;
background-color: #fff;
}
.cluetip-cdc #cluetip-inner {
display: inline-block;
padding: 7px 10px 7px 10px;
font-size: 86%;
color: #666666;
}
.cluetip-cdc div#cluetip-close { display: none; }
/* cdc arrows */
.clue-right-cdc .cluetip-arrows {
background: url(/web/fw/i/modal-arrows.gif) no-repeat -7px -46px;
height: 13px;
margin-left: 5px;
}
.clue-left-cdc .cluetip-arrows {
background: url(/web/fw/i/modal-arrows.gif) no-repeat -7px -24px;
left: 99.5%;
margin-right: -6px;
}
.clue-top-cdc .cluetip-arrows { }
.clue-bottom-cdc .cluetip-arrows {
background: url(/web/fw/i/modal-arrows.gif) no-repeat -0px -2px;
height: 13px;
_overflow:hidden;
width: 22px;
left: 45%;
margin-top: -8px;
}
.cluetip-cdc h4 {
margin: 0 0 6px 0;
padding: 0;
line-height: 14px;
font-weight: bold;
font-size: 100%;
color: #666666;
}
.cluetip-cdc #cluetip-inner p {
margin: 0;
padding: 0;
}
.cluetip-cdc #cluetip-inner a {
text-decoration: none;
color: #2f6681;
}
.cluetip-cdc #cluetip-inner a:hover {
text-decoration: underline;
}
#cdc-cluetip-wrapper { position: relative; z-index: 5000; }
/* lightbox container, hide till rest of widget css comes in */
.video-lightbox-content {
display:none;
}
.showForJs{display:none;}
#backpack .backpack-module-data .message ul li{
border-bottom:0px;
}
#backpack .backpack-module-data .message ul li a{
font-weight:bold;
}
#backpack-body .n17v6{
display:none;
margin-left:12px;
}
#backpack-body .n17v6 p{
width:205px;
}
/* here down is probably going into components.css */
/*-------------------remove confirmation modal window classes starts--------------*/
/*#modal-box{
top:36%;
left:50%;
position:fixed;
%position:absolute;
}
.modal-warning .modal-message {
padding:5px 7px 5px 20px;
margin:0;
background:#ffffcc url(/web/fw/i/icon-alert-warning.gif) no-repeat scroll 5px 5px !important;
}
.modal-message-kind {
vertical-align:top !important;
}
.modal-body .delete-checked-img{
margin:5px 5px 0 5px;
vertical-align:top;
}
.modal-body .selected-list{
font-size:85%;
padding:7px 0 0 3px;
margin:0;
}
.modal-body .selected-list li{
padding-bottom:4px;
}
.modal-body .selected-list li input{
margin-right:8px;
}
.modal-body .selected-list li span{
display:inline-block;
width:325px;
color:#333;
}
.modal-body .delete-msg{
font-size:85%;
color:#333;
font-weight:bold;
padding: 9px 0 0 5px;
}*/
/*-------------------remove confirmation modal window classes ends--------------*/
/* ------------------------------------Backpack overrides -------------------------------------*/
#mycisco-discovery #mycisco-discovery-tooltip{
padding-left:15px;
}
/* styles for backpack icons starts here */
.bp-info, .bp-maxmin, .bp-remove {
position:absolute;
top:0;
_top:1px; /*Added by offshore for QC defect 715*/
z-index:2;
}
.bp-info{
cursor:default;
right:25px;
_right:37px;
}
.bp-maxmin{
right:10px;
_right:22px;
}
.bp-remove{
right:-6px;
_right:6px;
}
.backpack-module .disabled{
cursor:default;
}
/* styles for icons ends here */
/* 2 liner header */
#backpack .backpack-module h3{
padding-bottom:0;
_padding-right:6px !important;
_margin-right:-6px !important;
cursor:pointer;
}
.module-bottom-corner,
#backpack .backpack-module h3,
#backpack .backpack-module.bp-open h3 {
background:transparent url(/web/fw/w/backpack/bp-module-header.png) no-repeat scroll 0 0;
%height:auto !important;
_height:19px !important;
}
.backpack-module .header-wrapper{
/* padding:0 11px 5px 6px; ck: new */
/* Modified padding:1px 11px 4px 6px by offshore for QC defect 714 */
padding:0 11px 5px 1px; /* ck: new */
%padding-bottom:4px; /*Added by offshore for QC defect 714*/
%padding-left:1px; /* ck: QC858 IE7 shift */
position: relative;
_padding:0 !important;
%margin-bottom:0 !important;
_margin-top:-1px; /*Added by offshore for QC defect 714*/
_margin-bottom:-8px;
_height:10px;
}
#backpack .backpack-module.bp-open .header-wrapper {
_margin-bottom:-9px;
%padding-bottom:5px; /*Added by offshore for QC defect 714*/
}
.module-header-text{
/* margin-left:-5px;
%margin-left:0; ck: */
margin-left:0; /* ck: */
position:relative;
_top:1px;
cursor:auto;
display:inline-block; /* ck: qc1085 needs to be inline-block to not overlap icons */
margin-right:57px; /* 55 High margin value to enable only empty space on the H3 draggable*/ /* modified for defect id:641 */
_margin-right:70px; /* 65 modified for defect id:641 */
z-index:2; /* ck: for hilight */
}
.module-header-text pre {
/* font:inherit is not working for pre tag, so we have redefined the styles for tag. */
word-wrap: break-word; /* Internet Explorer 5.5+ */
font:100% Arial,Helvetica,sans-serif;
font-weight:bold;
color:#666666;
}
.module-bottom-corner{
background-position:left bottom;
position:absolute;
height:2px;
margin-top:5px; /* CK: QC792 fix */
width:217px;
left:-8px;
_left:0;
%height:6px !important;
_height:2px !important;
_margin-left: -8px;
%margin-top:0 !important;
%bottom:-2px;
_top:0 !important;
_position:relative;
_background-position:0 -61px;
}
.bp-open h3 .module-bottom-corner {
background:none;
}
.backpack-module .bp-highlight,
.backpack-module .bp-highlight-closed { /* ck: */
width: 213px;
/* margin-left:-12px; ck: */
margin-left: -7px; /* ck: */
%margin-left:-12px; /* ck: */
%margin-top:-2px; /* ck: */
bottom: 2px;
z-index:1;
position:absolute;
display:block;
background-color:#c8dee8;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100)!important;
%left:6px!important;
_top:0px; /* ck: new */
}
.backpack-module .bp-highlight-closed { bottom:0; }
/* Style to fix Backpack(My Cisco) right side 4px padding issue */
#cdc-nav-module .nav-container{
width:906px; /* 100% !important; ck: not a good override */
/* border-right:1px solid #ccc; ck: removing 1px right border - looks bad */
}
/*setting opacity for the jqm modal window background layer */
.jqmOverlay {
background-color:#000 !important;
filter:alpha(opacity=35) !important;
-moz-opacity: 0.35 !important;
opacity: 0.35 !important;
}
/* overriding the cluetip arrow class for fixing the right arrow 1px off */
.clue-left-cdc .cluetip-arrows{
left:99.6% !important;
}
/*safari & chrome hack for cluetip arrow class for fixing the right arrow 1px off */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.clue-left-cdc .cluetip-arrows {left:99.9% !important;}
}
/* Rename Div styles Starts here */
.bp-rename{
font-size:85.5%;
font-weight:bold;
width:215px;
height:58px;
position:absolute;
z-index:1000;
display:none;
border:1px #666 solid;
background-color:#f8fafb;
}
.bp-rename input{
margin:1px 0 2px 5px;
%margin:0 0 1px 5px;
width:200px;%width:200px;
font-family:arial,helvetica,sans-serif;
%font-size:100%;
%font-weight:bold;
color:#000;
background-color:#fefedc;
height:15px;
%height:16px;
}
.bp-rename .cl-top-corners,
.bp-rename .cl-top-corners span,
.bp-rename .cl-bottom-corners,
.bp-rename .cl-bottom-corners span{
background:transparent url(/web/fw/i/sprite_corners_4px.png) no-repeat scroll 0 0;
display:block;
position:relative;
width:100%;
height:4px;
font-size:0;
}
.bp-rename .cl-top-corners{
background-position:0 -48px;
top:-1px;
left:-1px;
}
.bp-rename .cl-top-corners span{
background-position:100% -52px;
top:0;
right:-2px;
}
.bp-rename .cl-bottom-corners{
background-position:0 -60px;
bottom:-1px;
left:-1px;
position:absolute;
}
.bp-rename .cl-bottom-corners span{
background-position:100% -56px;
bottom:0;
right:-2px;
}
/* Rename div error scenario */
.bp-rename-error{
border-color:#e28a02;
background-color:#ffc;
height:auto;
width:148px;
}
.bp-rename-error .module-warning-message{
color:#e58a00;
text-indent:13px;
background:url('/web/fw/i/icon-alert-warning.gif') 2px 2px no-repeat;
padding-bottom: 4px;
padding-left: 5px;
margin-left: 4px;
font-weight:normal;
}
.bp-rename .module-warning-message,.bp-rename-error .module-warning-message{
display:none;
}
.bp-rename-error input {
font-weight: normal;
border:#e28a02 1px solid;
background-color:#fff;
width:136px;
margin:2px 0 0 2px;
padding:0 0 0 5px;
}
.bp-rename-error .cl-top-corners,
.bp-rename-error .cl-top-corners span,
.bp-rename-error .cl-bottom-corners,
.bp-rename-error .cl-bottom-corners span {
background:transparent url(/web/fw/i/sprite_corners_4px.png) no-repeat scroll 0 0;
display:block;
position:relative;
width:100%;
height:4px;
font-size:0;
}
.bp-rename-error .cl-top-corners {
background-position: 0 -96px;
top:-1px;
left:-1px;
}
.bp-rename-error .cl-top-corners span{
background-position: 100% -100px;
position:absolute;
top:0;
right:-2px;
}
.bp-rename-error .cl-bottom-corners{
background-position: 0 -108px;
bottom:-1px;
left:-1px;
margin-top:6px;
top:1px;
}
.bp-rename-error .cl-bottom-corners span{
background-position: 100% -104px;
bottom:0;
right:-2px;
}
.bp-rename .a00v1{
margin:3px 0 0 6px;
%margin-top:2px;
_margin-left:9px;
%margin-bottom:0;
}
#mycisco a{
color:#2f6681;
}
.rename-cancel, x:-moz-any-link {
display:-moz-inline-box; /* For FF2 */
}
.rename-cancel{
margin-top:8px;
margin-left:5px;
_margin-left:2px;
_margin-top:3px;
_padding-top:5px;
display:inline-block;
text-decoration:none;
}
.rename-cancel:hover{
text-decoration:underline;
}
/* Rename Div styles Ends here */
.ui-sortable-placeholder{
background-color:#fdfdfd !important;
border: 1px dashed #666 !important;
visibility: visible !important;
}
.ui-sortable-placeholder * { visibility: hidden;%border:none !important;}
#backpack .backpack-module .default-state{
cursor:default;
}
/*Added by offshore for QC defect 713*/
#backpack .c00v2{
margin-bottom:-2px;
}
/*
* END /web/fw/w/backpack/backpack.css
*/
/*!
* BEGIN /web/fw/c/legacy.css
*/
/*
legacy-libra.css
Revision: 1.3
. legacy styles for content
(c) 1992-2004 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.contentMargins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; }
.popupMargins { margin-left: 13px; margin-top: 0px; margin-right: 7px; margin-bottom: 15px; }
.contentTier1Margins, .tier1Margins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier2Margins, .tier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier3Margins, .tier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier4Margins, .tier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier1Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.tools {color:#ffffff;text-decoration:none;font-weight:normal;}
.toolslinks {color:#ffffff;text-decoration:underline;font-weight:normal;}
.toolsinactive {color:#999999;text-decoration:none;font-weight:normal;}
.reltext {color:#000000;text-decoration:none;font-weight:normal;}
.relheader {font-size:95%;color:#000000;text-decoration:none;font-weight:bold;}
.reltitle {font-size:95%;color:#666666;text-decoration:none;font-weight:bold;}
.relboldlink {text-decoration:underline;font-weight:bold;}
.rellink {text-decoration:underline;font-weight:normal;}
.featuretitle {color:#336666;text-decoration:none;font-weight:bold;}
.featuretext {color:#336666;text-decoration:none;font-weight:normal;}
.featurelink {text-decoration:underline;font-weight:normal;}
.contentTitle, H1, .contenttitle {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
H2, .contenttitlealt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contenttitlesub {font-size:105%;color:#000000;text-decoration:none;font-weight:normal;}
.contenttitlerev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheader {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
H3, .contentheaderalt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contentheaderrev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheaderrevlink {font-size:105%;color:#ffffff;text-decoration:underline;font-weight:bold;}
.contentheaderlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentContent, .content {color:#000000;text-decoration:none;font-weight:normal;}
.contentBold, TH, H4, DT, .contentbold {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
.contentLink, .contentlink {text-decoration:underline;font-weight:normal;}
.contentBoldLink, .contentboldlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentlinkalt {font-size:105%;color:#000000;text-decoration:underline;font-weight:normal;}
BLOCKQUOTE, .contentlabel {color:#000000;text-decoration:none;font-weight:normal;}
.contentlabellink {text-decoration:underline;font-weight:normal;}
.contentlabelalt {color:#336666;text-decoration:none;font-weight:normal;}
.contentdynamic {color:#000000;text-decoration:none;font-weight:normal;}
.contentnoteheader {font-size:105%;color:#990000;text-decoration:none;font-weight:bold;}
.caption {font-size:90%;color:#000000;text-decoration:none;font-weight:normal;}
.captionlink {font-size:90%;text-decoration:underline;font-weight:normal;}
.message {color:#000000;text-decoration:none;font-weight:normal;}
.messagealt {color:#000000;text-decoration:none;font-weight:bold;}
.messagelink {text-decoration:none;font-weight:normal;}
.messageheader {color:#336666;text-decoration:none;font-weight:bold;}
.messageheaderalt {color:#000000;text-decoration:none;font-weight:bold;}
.alertheader {color:#990000;text-decoration:none;font-weight:bold;}
.moduleTitleRevLink, .moduletitlerevlink, .moduletitlerevlink:link, .moduletitlerevlink:visited {color:#ffffff;text-decoration:underline;font-weight:bold;}
.moduleTitleRev, .moduletitlerev {color:#ffffff;text-decoration:none;font-weight:bold;}
.moduleFeatureTitle, .modulefeaturetitle {color:#99cccc;text-decoration:none;font-weight:bold;}
.moduleFeatureTitleLink, .modulefeaturetitlelink {color:#99cccc;text-decoration:underline;font-weight:bold;}
.moduleTitle, .moduletitle {color:#000000;text-decoration:none;font-weight:bold;}
.modulecolumn {color:#336666;text-decoration:none;font-weight:bold;}
.moduleContent, .modulecontent {color:#000000;text-decoration:none;font-weight:normal;}
.moduleLink, .modulecontentlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulecontentrevlink {color:#ffffff;text-decoration:underline;font-weight:normal;}
.moduleBold, .modulecontentbold {color:#000000;text-decoration:none;font-weight:bold;}
.moduleBoldLink, .modulecontentboldlink {text-decoration:underline;font-weight:bold;}
.modulesection {color:#000000;text-decoration:none;font-weight:normal;}
.modulecaption {font-size:95%;color:#000000;text-decoration:none;font-weight:normal;}
.modulecaptionlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulesubhead {color:#336666;text-decoration:none;font-weight:bold;}
.appsnavbordercolor { background-color:#336666; }
.appsnavlinecolor { background-color:#003333; }
.appsnavcolor { background-color:#999999; }
.appsnavcolorsecondary { background-color:#cccccc; }
.appsnavcolorselected { background-color:#ffffff; }
.inputtext {font-family:Courier,monospace;color:#000000;text-decoration:none;font-weight:normal;}
.invisible {display:none;position:absolute;visibility:hidden;margin:0;padding:0;}
.skiplink {display:none;}
.link-total{
color:#666666;
}
.modulecontentdem {
font-size:110%;
color: #666666;
text-decoration:none;
}
/*
* END /web/fw/c/legacy.css
*/
/*!
* BEGIN /web/fw/c/cl.css
*/
/**
* cl.css
* $Revision: 1.36 $
*
* cl.css -- aggregated and minified
* DO NOT EDIT THIS FILE -- edit the individual files and rebuild
*
* Component Library CSS - include base layer plus all component files
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html'
*
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html'
*
*
* MANIFEST:
* /web/fw/w/cl/cl-reset.css 1.4
* /web/fw/w/cl/cl-fonts.css 1.2
* /web/fw/w/cl/cl-defaults.css 1.3
* /web/fw/w/cl/cl-common.css 1.3
* /web/fw/w/cl/cl-base.css 1.8
* /web/fw/w/cl/c17/c17.css 1.3
* /web/fw/w/cl/c19/c19.css 1.4
* /web/fw/w/cl/a00/a00.css 1.6
* /web/fw/w/cl/a03/a03.css 1.5
* /web/fw/w/cl/a06/a06.css 1.4
* /web/fw/w/cl/a08/a08.css 1.2
* /web/fw/w/cl/a11/a11.css 1.3
* /web/fw/w/cl/c00/c00.css 1.4
* /web/fw/w/cl/c01/c01.css 1.3
* /web/fw/w/cl/c11/c11.css 1.3
* /web/fw/w/cl/c15/c15.css 1.5
* /web/fw/w/cl/c24/c24.css 1.3
* /web/fw/w/cl/c25/c25.css 1.4
* /web/fw/w/cl/c26/c26.css 1.3
* /web/fw/w/cl/c28/c28.css 1.4
* /web/fw/w/cl/c32/c32.css 1.3
* /web/fw/w/cl/c36/c36.css 1.2
* /web/fw/w/cl/c40/c40.css 1.5
* /web/fw/w/cl/n03/n03.css 1.3
* /web/fw/w/cl/n04/n04.css 1.4
* /web/fw/w/cl/n05/n05.css 1.5
* /web/fw/w/cl/n09/n09.css 1.3
* /web/fw/w/cl/n17/n17.css 1.2
* /web/fw/w/cl/n19/n19.css 1.3
* /web/fw/w/cl/n21/n21.css 1.4
* /web/fw/w/cl/n22/n22.css 1.3
* /web/fw/w/cl/n41/n41.css 1.4
* /web/fw/w/cl/s01/s01.css 1.3
* /web/fw/w/cl/s02/s02.css 1.3
* /web/fw/w/cl/s03/s03.css 1.3
* /web/fw/w/cl/s04/s04.css 1.3
* /web/fw/w/cl/s07/s07.css 1.3
* /web/fw/w/cl/s14/s14.css 1.3
* /web/fw/w/cl/s15/s15.css 1.3
* /web/fw/w/cl/cl-sitecopy.css (MD5: a7d214e9c5c0bbc0051a9206b7fec30f)
*/
/*!
* BEGIN /web/fw/w/cl/cl-base.css
*/
/*
cl-base.css
Revision: 1.8
Provides classes for 8shapes components
(c) 1992-2009 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* import each layer of cl-base */
/*!
* BEGIN /web/fw/w/cl/cl-reset.css
*/
/*
* cl-reset.css
* Revision: 1.4
*
* Provides reset css for component library
* Based on YUI Reset version: 2.7.0
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
* Note: unless otherwise noted, all selectors are specificity: 0,0,1,1
* http://www.w3.org/TR/CSS2/cascade.html#specificity
*/
/* specificity: 0,0,1,0 */
.clb {
color: #666666; /* was '#000' */
background: transparent;
margin: 0; /* was selector of 'body' */
padding: 0; /* was selector of 'body' */
}
.clb div,
.clb dl,
.clb dt,
.clb dd,
.clb ul,
.clb ol,
.clb li,
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6,
.clb pre,
.clb code,
.clb form,
.clb fieldset,
.clb legend,
.clb input,
.clb button,
.clb textarea,
.clb p,
.clb blockquote,
.clb th,
.clb td { /* note: in PCR, td padding is not zeroed... */
margin: 0;
padding: 0;
}
.clb table {
border-collapse: collapse;
border-spacing: 0;
}
.clb fieldset,
.clb img {
border: 0;
}
.clb address,
.clb caption,
.clb cite,
.clb code,
.clb dfn,
.clb em,
.clb strong,
.clb th,
.clb var,
.clb optgroup {
font-style: inherit;
font-weight: inherit;
/* 'inherit' not supported by Internet Explorer (including IE8) */
*font-style: normal;
*font-weight: normal;
}
.clb del,
.clb ins {
text-decoration: none;
}
/*
* decided 1/21/2010 to reverse this; now components will have to explicitly turn off bullets
* .clb li {
* list-style: none;
* }
*/
.clb caption,
.clb th {
text-align: left;
}
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
font-size: 100%;
font-weight: normal;
}
/* specificity: 0,0,1,2 */
.clb q:before,
.clb q:after {
content: '';
}
.clb abbr,
.clb acronym {
border: 0;
font-variant: normal;
}
.clb sup {
vertical-align: baseline;
}
.clb sub {
vertical-align: baseline;
}
/*because legend doesn't inherit in IE */
.clb legend {
*margin-left: -0.6em;
color: #666666;
}
.clb input,
.clb button,
.clb textarea,
.clb select,
.clb optgroup,
.clb option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: #666666;
/* 'inherit' not supported by Internet Explorer (including IE8) */
*font-family: arial,helvetica,clean,sans-serif;
*font-size: 100%;
}
/* To enable resizing for IE6-Win, IE7-Win */
.clb input,
.clb button,
.clb textarea,
.clb select {
*font-size: 100%;
}
/* end of YUI-based reset CSS */
/*
* *****************************************************************
* Libra overrides
* *****************************************************************
*/
/**
* override framework.css, which sets various font values
* (this was originally in cl-fonts.css, but has been moved here)
* NOTE: THIS SHOULD BE ADJUSTED TO CL STANDARD FONT METRICS
*
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
/* specificity: 0,0,1,0 */
.clb {
color: #666666;
font-family: arial,helvetica,clean,sans-serif;
font-size:11px;
line-height: 1.273; /* 11px * 1.273 = 14.003px */
/* for IE Quirks Mode */
*font:x-small;
}
/* override framework.css:64
* #framework-base-main, #framework-base-content {
* border-collapse:separate;
* border-spacing:0;
* empty-cells:hide;
* }
*/
/* specificity: 0,0,1,0 */
.clb {
border-collapse:separate;
border-spacing:0;
empty-cells:hide;
}
/* override framework.css:25
* body#libra {
* font-size-adjust:none;
* font-style:normal;
* font-variant:normal;
* }
*/
/* specificity: 0,0,1,0 */
.clb {
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
/* override framework.css:37
* pre {
* font-size:124.5%;
* }
*/
.clb pre {
font-size: 100%;
}
/* override legacy.css:44
* th, dt {
* color:#000000;
* font-size:105%;
* font-weight:bold;
* text-decoration:none;
* }
*/
.clb th,
.clb dt {
color: #666666;
font-size: 100%;
font-weight: normal;
}
/* override legacy.css:34
* h1 {
* color: #000000;
* text-decoration: none;
* }
*
* override legacy.css:35
* h2 {
* color: #336666;
* text-decoration: none;
* }
*
* override legacy.css:39
* h3 {
* color: #336666;
* text-decoration: none;
* }
*/
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
color: #666666;
}
/* override framework.css:42
* a:link {
* color:#003399;
* }
*
* SEE samba overrides
*/
/* override framework.css:43
* a:visited {
* color:#663399;
* }
*
* SEE samba overrides
*/
/* override legacy.css:48
* blockquote {
* color:#000000;
* font-weight:normal;
* text-decoration:none;
* }
*/
.clb blockquote {
color:#666666;
font-weight:normal;
text-decoration:none;
}
/*
* *****************************************************************
* SAMBA overrides
* *****************************************************************
*/
/* override framework-overrides.css:22
* #framework-base-content a, #framework-base-content a:link {
* color:#2F6681;
* text-decoration:none;
* }
* #framework-base-content a:visited {
* color:#996699;
* }
*/
/* could we just do this ??
* .clb a { color: #2970a6; text-decoration: none; }
* .clb a:hover { text-decoration:underline; }
*/
/* specificity: 0,0,1,2 */
.clb a:link,
.clb a:hover,
.clb a:visited,
.clb a:active {
color:#2970a6;
}
/* specificity: 0,0,1,1 and 0,0,1,2 */
.clb a, .clb a:link {
text-decoration:none;
}
/* specificity: 0,0,1,2 */
.clb a:hover {
text-decoration:underline;
}
/* framework-overrides.css:60
* #framework-content-right {
* text-align:left;
* }
*/
/* specificity: 0,0,1,0 */
.clb {
text-align:left;
}
/* override rc-persels.css:13
* #framework-content-right img {
* margin: 0;
* }
*/
#framework-content-right .clb img {
margin: 2px 0px 0px 0px;
}
/*
*************************************************************
CL - Generic Styles for NGW components
*************************************************************
*/
/* ------ Global Component Styles ----------------------------------------------- */
.cl a:link,
.cl a:hover,
.cl a:visited,
.cl a:active { color:#2f6881; }
.cl, .cl hr, .cl h4 {
border:0 solid #ccc;
color:#666;
background-color:transparent;
}
.cl hr {
border-top-width:1px;
height:0; /* safari */
display:block; /* ck: required? */
}
/*
* END /web/fw/w/cl/cl-reset.css
*/
/*!
* BEGIN /web/fw/w/cl/cl-fonts.css
*/
/*
* cl-fonts.css
* Revision: 1.2
*
* Provides baseline font css for component library
* Based on YUI Fonts version: 2.7.0
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*
* NOTE: THIS HAS BEEN MOVED TO cl-reset.css
*
* .clb {
* color: #666666;
* font-family: arial,helvetica,clean,sans-serif;
* font-size:11px;
* line-height: 127.3%; / * 11px * 1.273 = 14.003px * /
*
* / * for IE6/7 * /
* *font-size:small;
* / * for IE Quirks Mode * /
* *font:x-small;
* }
*
*/
/**
* Nudge down to get to 11px equivalent for these form elements
*/
.clb select,
.clb input,
.clb textarea,
.clb button {
color: #666666;
font-family: arial,helvetica,clean,sans-serif;
font-size: 99%;
}
/**
* To help tables remember to inherit
*/
.clb table {
font-size:inherit;
font:100%;
}
/**
* Bump up IE to get to 11px equivalent for these fixed-width elements
*/
.clb pre,
.clb code,
.clb kbd,
.clb samp,
.clb tt {
font-family:monospace;
/* *font-size:108%; */
line-height:100%;
}
/*
* END /web/fw/w/cl/cl-fonts.css
*/
/*!
* BEGIN /web/fw/w/cl/cl-defaults.css
*/
/*
* cl-defaults.css
* Revision: 1.3
*
* Provides default presentation for component library
* Based on YUI Base version: 2.7.0
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* ------------------------------- from old cl-base.css, clp defs ------------- */
/* Note: unless otherwise noted, all selectors are specificity: 0,0,1,1 */
.clb h1 {
font-size:145.5%; /* default equiv 16px */
font-weight:bold;
}
.clb h2 {
font-size:127.3%; /* default equiv 14px */
font-weight:bold;
}
.clb h3 {
font-size:109.1%; /* default equiv 12px */
font-weight:bold;
}
.clb h4,
.clb h5,
.clb h6,
.clb dt,
.clb strong {
font-weight:bold;
}
/* specificity: 0,0,2,1 */
.clb p.large {
font-size:109.15%; /* default equiv NNpx */
}
.clb em {
font-style:italic; /* Bringing italics back to the em element. */
}
/* un-ordered lists */
.clb ul {
list-style-position: outside;
list-style-type: disc;
margin: 10px 0 10px 12px;
*margin-left: 15px;
}
/* Safari/Chrome override */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.clb ul { margin-left: 15px; }
.clb ol { margin-left: 15px; }
}
/* ordered lists */
.clb ol {
list-style-position: outside;
list-style-type: decimal;
margin: 10px 0 10px 17px;
*margin-left: 22px;
}
/* all list items */
.clb li {
margin-bottom: 5px;
}
/* take care of nested lists */
.clb ul ul,
.clb ul ol,
.clb ol ul,
.clb ol ol {
margin-top: 5px; /* to match the margin-bottom of .clb ul li/.clb ol li */
margin-bottom: 0px;
}
/* specificity: 0,0,1,2 */
.clb q:before,
.clb q:after {
content:'';
}
/* note: in PCR, td padding is not zeroed by reset; so here we add it back */
.clb td {
padding-top: 1px;
padding-left: 1px;
}
/* ----------------------- YUI base definitions --------------------- */
.clb optgroup {
font-weight:normal;
}
.clb del {
/* Striking deleted phrases. */
text-decoration: line-through;
}
.clb th {
/* Distinguishing table headers from data cells. */
font-weight: bold;
text-align: center;
}
.clb sup {
/* to preserve line-height and selector appearance */
vertical-align: super;
}
.clb sub {
/* to preserve line-height and selector appearance */
vertical-align: sub;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
.clb button,
.clb input[type="checkbox"],
.clb input[type="radio"],
.clb input[type="reset"],
.clb input[type="submit"] {
padding:1px;
}
/* ====================================================
* YUI base css set the following:
* ====================================================
*
* .clb h1,
* .clb h2,
* .clb h3 {
* margin: 1em 0; / * Top & bottom margin based on font size. * /
* }
*
* .clb blockquote,.clb ul,.clb ol,.clb dl {
* margin: 1em; / * Giving blockquotes and lists room to breath. * /
* }
*
* .clb ol,.clb ul,.clb dl {
* margin-left: 2em; / * Bringing lists on to the page with breathing room. * /
* }
*
* .clb ol li {
* list-style: decimal outside; / * Giving OL's LIs generated numbers. * /
* }
*
* .clb ul li {
* list-style: disc outside; / * Giving UL's LIs generated disc markers. * /
* }
*
* .clb dl dd {
* margin-left: 1em;
* }
*
* .clb th,.clb td {
* border: 1px solid #000; / * Borders and padding to make the table readable. * /
* padding: .5em;
* }
*
* .clb caption {
* margin-bottom: .5em; / * Coordinated margin to match cell's padding. * /
* text-align: center; / * Centered so it doesn't blend in to other content. * /
* }
*
*
* .clb abbr,.clb acronym {
* / * Indicating to users that more info is available. * /
* border-bottom: 1px dotted #000;
* cursor: help;
* }
*
* .clb p,
* .clb fieldset,
* .clb table,
* .clb pre {
* margin-bottom: 1em; / * So things don't run into each other. * /
* }
*
* ====================================================
* End of YUI base css leftovers
* ====================================================
*/
/*
* END /web/fw/w/cl/cl-defaults.css
*/
/*!
* BEGIN /web/fw/w/cl/cl-common.css
*/
/*
* cl-common.css
* Revision: 1.3
*
* Provides common (C00) css for component library
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
* ===========================================================================================
* Filetype icons (e.g., for list item bullets)
* example:
*
*
*
*
*
*/
/* MS Word = 'doc' */
.clb li.doc,
.clb .sm-icon .doc {
background: transparent url("/web/fw/i/icon-sm-msword.gif") no-repeat 0 4px;
}
.clb .med-icon .doc {
background: transparent url("/web/fw/i/icon-md-msword.gif") no-repeat 0 4px;
}
/* Flash = 'flv' or 'swf' */
.clb li.flv,
.clb .sm-icon .flv,
.s02v8 li.swf,
.s02v8 .sm-icon .swf {
background: transparent url("/web/fw/i/icon-sm-flash.gif") no-repeat 0 4px;
}
.s02v8 .med-icon .flv,
.s02v8 .med-icon .swf {
background: transparent url("/web/fw/i/icon-md-flash.gif") no-repeat 0 4px;
}
/* JPEG = 'jpg' */
.clb li.jpg,
.clb .sm-icon .jpg {
background: transparent url("/web/fw/i/icon-sm-jpeg.gif") no-repeat 0 4px;
}
.clb .med-icon .jpg {
background: transparent url("/web/fw/i/icon-md-jpeg.gif") no-repeat 0 4px;
}
/* MPP = 'mpp' */
.clb li.mpp,
.clb .sm-icon .mpp {
background: transparent url("/web/fw/i/icon-sm-mpp.gif") no-repeat 0 4px;
}
.clb .med-icon .mpp {
background: transparent url("/web/fw/i/icon-md-mpp.gif") no-repeat 0 4px;
}
/* PDF = 'pdf' */
.clb li.pdf,
.clb .sm-icon .pdf {
background: transparent url("/web/fw/i/icon-sm-pdf.gif") no-repeat 0 4px;
}
.clb .med-icon .pdf {
background: transparent url("/web/fw/i/icon-md-pdf.gif") no-repeat 0 4px;
}
/* PNG = 'png' */
.clb li.png,
.clb .sm-icon .png {
background: transparent url("/web/fw/i/icon-sm-png.gif") no-repeat 0 4px;
}
.clb .med-icon .png {
background: transparent url("/web/fw/i/icon-md-png.gif") no-repeat 0 4px;
}
/* PowerPoint = 'ppt' */
.clb li.ppt,
.clb .sm-icon .ppt {
background: transparent url("/web/fw/i/icon-sm-ppt.gif") no-repeat 0 4px;
}
.clb .med-icon .ppt {
background: transparent url("/web/fw/i/icon-md-ppt.gif") no-repeat 0 4px;
}
/* PSD = 'psd' */
.clb li.psd,
.clb .sm-icon .psd {
background: transparent url("/web/fw/i/icon-sm-psd.gif") no-repeat 0 4px;
}
.clb .med-icon .psd {
background: transparent url("/web/fw/i/icon-md-psd.gif") no-repeat 0 4px;
}
/* Unknown file type = 'unknown' */
.clb li.unknown,
.clb .sm-icon .unknown {
background: transparent url("/web/fw/i/icon-sm-unknown.gif") no-repeat 0 4px;
}
.clb .med-icon .unknown {
background: transparent url("/web/fw/i/icon-md-unknown.gif") no-repeat 0 4px;
}
/* VSD = 'vsd' */
.clb li.vsd,
.clb .sm-icon .vsd {
background: transparent url("/web/fw/i/icon-sm-vsd.gif") no-repeat 0 4px;
}
.clb .med-icon .vsd {
background: transparent url("/web/fw/i/icon-md-vsd.gif") no-repeat 0 4px;
}
/* MS Excel = 'xls' */
.clb li.xls,
.clb .sm-icon .xls {
background: transparent url("/web/fw/i/icon-sm-xls.gif") no-repeat 0 4px;
}
.clb .med-icon .xls {
background: transparent url("/web/fw/i/icon-md-xls.gif") no-repeat 0 4px;
}
/* Zip archive = 'zip' */
.clb li.zip,
.clb .sm-icon .zip {
background: transparent url("/web/fw/i/icon-sm-zip.gif") no-repeat 0 4px;
}
.clb .med-icon .zip {
background: transparent url("/web/fw/i/icon-md-zip.gif") no-repeat 0 4px;
}
/*
* end Filetype icons
* ===========================================================================================
*
*/
/*
* END /web/fw/w/cl/cl-common.css
*/
/*
Open Design issues:
1. generic html issue: for 0.4 we've decided that lists should be 'naked' (no bullets, no padding, ...), and if you want html to work, you need to go inside of c00 ()
action items:
a. what do we want to do for 1.0?
b. what tags should "work as expected?"
c. make sure Mike, Christian, and Annelise are part of this
note: this is same thing as cItem demo Christian put together
2. What about permutations? colors, backgroudns, corners, borders: we don't want a zillion alt flavors.
note: maybe float?
*/
/*
* END /web/fw/w/cl/cl-base.css
*/
/*!
* BEGIN /web/fw/w/cl/c17/c17.css
*/
/*
* Revision: 1.3
*
* c17.css: Provides classes for component C17
* - c17v1: DHTML Tab Container
* - c17v3: Tab Header
* - c17v4: Tabs - Tab Section Separator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c17v1 - Tab Container
* styles for tabs can be used for DHTML tabs or hand-coded tabs, see authoring guideline for HTML
*************************************************************
*/
/* ---------------------------------------------
The container
------------------------------------------------ */
.c17v1,
.clb .c17v1 {
margin-right: 8px;
zoom:1; /* this style for ie float behavior */
}
/* -----------------------------------------------
Main tabs non-js version, also affects dhtml
-------------------------------------------------- */
.c17v1 .tab, .c17v1 .tab-active {
vertical-align:bottom;
zoom:1; /* this style for ie float behavior */
font-size:small !important; /* TODO: fix! */
cursor:pointer;
}
/* -------------------------------------------
The table for tabs in DHTML view
----------------------------------------------- */
.c17v1 .tabset {
/* the thick line under the tabs */
border-bottom:#2f6681 3px solid;
position:relative;
/* only 2 px gutter */
margin:0;
padding-left:5px;
}
.c17v1 .tabset table {
border-collapse: collapse;
position:relative;
}
.c17v1 .tabset td {
padding-bottom:0;
padding-right:2px;
}
.c17v1 .tabset .tab .tabcorner, .c17v1 .tabset .tab-active .tabcorner {
display: block;
background-image: url(/web/fw/w/cl/c17/1px_white.gif);
background-position: top left;
background-repeat: no-repeat;
position:relative;
top:13px;
height:1px;
width:100%;
}
.c17v1 .tabset .tab-active .tabcorner {
top:8px;
%top:10px;
%left:0;
z-index:1;
}
.c17v1 .tabset .tab .tabcorner span, .c17v1 .tabset .tab-active .tabcorner span {
background-image: url(/web/fw/w/cl/c17/1px_white.gif);
background-position: top right;
background-repeat: no-repeat;
height:1px;
width:1px;
position:absolute;
right:0;
_right:-1px;
}
.c17v1 .tabset .tab-active a{
text-decoration:none !important;
display:block;
border:1px #b6b6b6 solid;
border-bottom:#fff 3px solid;
padding:7px 9px 4px 10px;
margin-top:7px;
%margin-top:9px;
margin-bottom:-4px;
background:url(/web/fw/w/cl/c17/active_gradient.gif) -1px 0 repeat-x;
background-color:#fff; /* will replace with an img */
color:#666 !important;
cursor:default;
font-weight:bold;
overflow:visible;
position:relative;
%bottom:0;
zoom:1; /* this style for ie float behavior */
font-size:85.2% !important;
}
.c17v1 .tabset .tab-active a:hover,.c17v1 .tabset .tab-active a:visited,.c17v1 .tabset .tab-active a:link{
color:#666 !important;
}
.c17v1 .tabset .tab a {
text-decoration:none;
display:block;
border:1px #ccc solid;
border-bottom:0px;
margin-top:12px;
padding:3px 9px 3px 10px;
background-color:#eaeff2;
color:#2f6681;
font-weight:bold;
font-size:85.2% !important;
}
.c17v1 .tabset .tab a:hover,.c17v1 .tabset .tab a:visited,.c17v1 .tabset .tab a:link{
color:#2f6681 !important;
}
html>body#libra .c17v1 .tabset .tab a { /* ie7 only */
%padding-right:9px;
%padding-left:9px;
}
#framework-base-content .c17v1 .tabset .tab a:hover { /* TODO: fix! */
background-color:#d1dce4;
text-decoration:none;
}
.c17v1 .tabset .endtail {
border-bottom:1px #666 solid;
color:#fff;
}
/* ----------------------------------
Affects subtabs in both views
------------------------------------*/
.c17v1 .subtab {
margin-bottom:10px;
font-size:small !important; /* TODO: fix! */
}
* html .c17v1 .subtab {
margin-left:-5px;
}
.c17v1 .subtab ul {
margin:0;
padding-left:11px;
%padding-left:12px;
_padding-left:16px;
}
.c17v1 .subtab li {
padding: 0 2px 0 5px;
border-right: 1px solid #666;
display: inline;
color:#333;
font-weight:bold;
font-size:85%;
}
.c17v1 .subtab li a {
font-weight:normal;
}
.c17v1 .subtab li.last-li {
border-right: 0px;
}
/* --------------------------------------
Subtabs in DHTML view
----------------------------------------- */
.c17v1 #subtabs {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:none;
margin:0;
padding:10px 0 0 0;
}
.c17v1 #subtabs .subtab {
margin-bottom:0;
}
.c17v1 #subtabs .subtab ul{
margin-bottom:0;
}
.c17v1 #subtabs .subtab li {
margin-left:0; /* To override the style that is applying from .clb ul li{margin:5px 0 0 -18px;} */
}
.c17v1 #subtabs .subtab li a {
font-size:99.5%;
}
/* ---------------------------------------
Infotab - content container
------------------------------------------ */
.c17v1 .infotab {
border:1px #ccc solid;
border-top:0;
width:auto;
padding:0px; /* for padding, wrap content in a gd02v1 or gd02v2 div */
zoom:1; /* this style for ie float behavior */
}
.c17v1 .infotab .tab-col-left {
float: left;
width: 306px;
}
.c17v1 .infotab .tab-col-right {
float: right;
width: 172px;
}
/* TODO: scope tighter? */
.infotab:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
/* TODO: scope tighter? */
.infotab {
zoom:1; /* this style for ie float behavior */
}
.c17v1 a {
outline:none;
}
.c17v1 .cl-bottom-corners {
display:block;
background:url(/web/fw/w/cl/c17/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:4px;
left:0px;
font-size:0;
}
.c17v1 .cl-bottom-corners span {
display:block;
background:url(/web/fw/w/cl/c17/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:0px;
}
/*
*************************************************************
c17v3 - Tab Header
* formerly .infotab .tab-header
*************************************************************
*/
.c17v3,
.clb .c17v3 {
background: #fff url('/web/fw/i/tab-title-bg.gif') repeat-x bottom;
font-size:x-small; /* To mimic tab-content-container fixed font approach */ /* TODO: fix! */
}
.c17v3 h2 {
font-size: 180%;
%font-size: 179%;
margin: 0;
padding: 12px 69px 9px 14px;
_padding-top: 13px;
%padding-top: 13px;
_padding-bottom: 8px;
%padding-bottom: 9px;
}
/*
*************************************************************
c17v4 - Tabs - Tab Section Separator
*************************************************************
*/
h3.c17v4 {
/*background: url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;*/
background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #d3d3d3;
padding: 6px 12px;
margin: 0 -12px 18px !important;
%margin-bottom: 16px !important;
color: #666;
}
/*
*************************************************************
Grids for tabs: supply padding for PCR and 'offshore' tab content
*************************************************************
*/
.c17v1 .gd02v1 {
padding:18px 12px 0px;
}
.c17v1 .gd02v2 {
padding:18px 12px 10px;
}
/*
*************************************************************
nested elements - non component
*************************************************************
*/
.c17v1 p.mod01 {
text-align: right;
margin-top: -7px;
margin-bottom: -7px;
%margin-bottom: -4px;
}
/*
* END /web/fw/w/cl/c17/c17.css
*/
/*!
* BEGIN /web/fw/w/cl/c19/c19.css
*/
/*
* Revision: 1.4
*
* c19.css: Provides classes for component C19
* - c19v1: Accordion (contains classes integrated out of rc-accordion.css and components.css)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c19v1: Styles for the Accordion Use Case
*************************************************************
*/
/* Default class */
.c19v1,
.clb .c19v1 {
color:#666;
border:1px solid #ccc;
%font-size:x-small; /* TODO: fix! */
}
/* Styles for the background image for the inactive tabs */
.c19v1 .acc-panel {
background:#c7cfd2 url(/web/fw/w/cl/c19/inactive_bg.jpg) repeat-x scroll 0 0;
_margin-right:-1px;
_border-top:1px solid #fff;
}
/* Styles for bottom spacing between items in content */
.c19v1 li {
padding-bottom:1px;
}
.c19v1 h2{
font-size:110%;
%font-size:140%;
}
.c19v1 ul,.c19v1 ul li{
margin:0;
padding:0;
}
.c19v1 li a{
%font-size:130%;
}
.c19v1 .acc-content ul li a{
%font-size:100%;
}
.c19v1 ul ul{
margin:0;
}
/* Styles describing the item in the content */
.c19v1 .chevron li {
background:url(/web/fw/i/chevrons.gif) left 4px no-repeat;
list-style-image:none ;
list-style-position:outside;
list-style-type:none;
padding-left:9px;
font-weight:bold;
margin-left:0;
}
/*Styles for the links in the content */
.c19v1 .chevron li a,
.c19v1 .chevron li a:link,
.c19v1 .chevron li a:visited,
.c19v1 .chevron li a:active {
text-decoration:none;
color:#2f6681;
}
.c19v1 .chevron li a:hover {
text-decoration:underline;
color:#2f6681;
}
.c19v1 .no-bullet li{ /* Styles for the list with no bullets sub menu in the test case */
list-style-image:none;
list-style-type:none;
font-weight:normal;
background:none;
margin-left:0;
}
.c19v1 .image-list{/* Styles for the list items with linked images */
list-style-image:none;
list-style-type:none;
margin-left:0px;
}
.c19v1 .image-list li{
margin-left:0;
}
.c19v1 .image-list a p{
text-decoration:underline;
}
/* Styles for the content alignment in the tab */
.c19v1 .acc-content {
margin:0;
padding:9px 12px 16px;
}
/* Styles for h2 sub heading */
.c19v1 h2.acc-title {
background: #fff;
margin: 0;
padding: 7px 11px 6px 11px;
}
/* Styles for background image for the active tab */
.c19v1 .acc-active {
background:#ebebeb url(/web/fw/w/cl/c19/active_bg.jpg) repeat-x scroll 0 0;
}
/* Styles for the accordion header text anchor */
.c19v1 a.acc-header {
cursor:pointer;
display:block;
_display:inline-block;
overflow:hidden;
padding:4px 11px;
text-decoration:none !important;
word-break:break-all;
}
.c19v1 .acc-header h4{
font-weight:bold;
%font-size:105%;
display:inline-block;
}
.c19v1 a.acc-header:hover {
text-decoration:none;
}
/* Styles for the arrow image in the active tab */
.c19v1 a.acc-arrow-active {
background:transparent url(/web/fw/w/cl/c19/acc-arrow-down.gif) no-repeat scroll 10px 6px;
padding-left:27px;
}
/* Styles for the arrow image in the inactive tab */
.c19v1 a.acc-arrow {
background:transparent url(/web/fw/w/cl/c19/acc-arrow-right.gif) no-repeat scroll 10px 6px;
padding-left:27px;
}
/* Styles for the content area in the active tab */
.c19v1 .acc-overlay {
background:#fff none repeat scroll 0 0;
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
display:block;
overflow:auto;
_font-size:110%;
_position:relative; /* This is rquired for any components with rounded cornered that exist within an accordion */
}
.c19v1 .acc-content h2{
%margin-top:-2px;
}
/*changed for fixing the c19v1 issue*/
.c19v1 .acc-content hr{
background-color:#8f8f8f !important;
color:#8f8f8f !important;
height:1px;
border-top:1px solid;
border-bottom:0;
}
/*
* END /web/fw/w/cl/c19/c19.css
*/
/*!
* BEGIN /web/fw/w/cl/a00/a00.css
*/
/* a00.css: HTML buttons
* Revision: 1.6
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A00v1- Button
*************************************************************
*/
.a00v1, .clb .a00v1,
.a00v1-alt1, .clb .a00v1-alt1,
.a00v1-alt2, .clb .a00v1-alt2 {
font-size:11px; /* required, can exist outside of clb */
font-weight:bold;
text-align:center;
color:#2970a6 !important; /* ck: old #2f6681 */
text-decoration:none;
display:inline-block;
position:relative;
float:left;
overflow:visible;
padding:5px 15px;
_padding:5px 14px 5px 11px !important;
border-left:1px solid #667;
_height:14px !important; /* TODO: bump up for 12px font change? */
white-space:nowrap; /* ck: restored from 1.3 */
margin:8px; /* ck: restored from 1.3 */
}
/* js-enabled scenario */
.a00v1-js,
.clb .a00v1-js {
padding:5px 15px 0;
_padding:5px 8px 1px 10px;
border:0;
}
/* Default class for button hover scenario */
.a00v1:hover, .a00v1:hover span,
.a00v1-alt1:hover, .a00v1-alt1:hover span,
.a00v1-alt2:hover, .a00v1-alt2:hover span {
background-position:right -24px;
text-decoration:none !important;
}
/* top left (tl) rounded corner */
.a00v1 .tl,
.a00v1-alt1 .tl,
.a00v1-alt2 .tl {
background-position:left top;
display:block;
float:left;
font-size:1px; /* TODO: */
margin-top:-5px;
_margin-top:-5px;
_left:1px;
margin-left:-16px;
_margin-left:-5px;
height:20px;
_height:23px;
min-width:3px;
_width:4px;
position:absolute;
}
/* top left (tl) rounded corner */
.a00v1:hover .tl,
.a00v1-alt1:hover .tl,
.a00v1-alt2:hover .tl {
background-position:left -24px;
}
/* bottom left (bl) rounded corner */
.a00v1 .bl,
.a00v1-alt1 .bl,
.a00v1-alt2 .bl {
background-position: left -19px;
display:block;
position:relative;
_position:absolute; /* require different approach for centering */
height:5px;
margin-left:-16px; /* offset .a00 padding */
%margin-left:8px;
_margin-left:-6px;
%min-height:3px;
%min-width:9px;
%left:-50%;
_left:2px !important;
_bottom:0px; /* required for IE centering */
%width:80%; /* IE required min 14px */
_overflow:hidden;
_width:5px;
}
/* bottom left (bl) rounded corner */
.a00v1:hover .bl,
.a00v1-alt1:hover .bl,
.a00v1-alt2:hover .bl {
background-position: left -43px;
}
/* bottom right (br) rounded corner */
.a00v1 .br,
.a00v1-alt1 .br,
.a00v1-alt2.br {
background-position: right -19px;
%background-repeat:repeat-x; /* IE7 fix for backpack rename */
_background-repeat:no-repeat;
position:absolute;
right:0;
margin-top: -5px;
height:5px;
width:95%;
_bottom:0px;
_overflow:hidden;
_right:0;
clear:both;
_position:relative;
_width:5px;
}
/* bottom right (br) rounded corner */
.a00v1:hover .br,
.a00v1-alt1:hover .br,
.a00v1-alt2:hover .br {
background-position: right -43px;
}
/* *** Disabled States *** */
/* Default class for disabled state in js-enabled scenario */
.a00v1-alt-disabled,
.clb .a00v1-alt-disabled{
color:#ccc !important;
cursor:default;
}
.a00v1-disabled,
.clb .a00v1-disabled{
color:#aaa !important;
}
/* Default class for disabled hover state in js-enabled scenario */
.a00v1-alt-disabled:hover,
.a00v1-alt-disabled:hover span,
.a00v1-disabled:hover,
.a00v1-disabled:hover span {
background-position:right top;
}
/* class for top left span */
.a00v1-alt-disabled:hover .tl,
.a00v1-disabled:hover .tl {
background-position:left top;
}
/* button disabled hover scenario for bottom right rounded corner span of the background image */
.a00v1-alt-disabled:hover .br,
.a00v1-disabled:hover .br {
background-position: right -19px;
}
/* button disabled hover scenario for bottom left rounded corner span of the background image */
.a00v1-alt-disabled:hover .bl,
.a00v1-disabled:hover .bl {
background-position: left -19px;
}
/* Styles for the image icon within a button */
.a00v1 img {
position:relative;
top:2px;
left:-3px;
float:left;
%float:none;
_float:left;
/* ck: was in v1.3
border:0;
margin:0 3px;
%margin-left:4px;
_margin:-2px 3px 0px 4px;
*/
}
/* Firefox needed this style*/
/* ck: still needed? was in v1.3
.a00v1 img, x:-moz-any-link {
vertical-align:middle;
}
*/
.a00v1-alt1, .a00v1-alt1 span,
.a00v1-alt2, .a00v2-alt2 span{
background-position:right top;
background-repeat:no-repeat;
}
/*
*************************************************************
A00v1 - Gray/Default button
*************************************************************
*/
.a00v1,
.a00v1 span {
background:transparent url(/web/fw/w/cl/a00/a00v1.png) no-repeat right top;
}
/*
*************************************************************
A00v1-alt1 - Blue button
*************************************************************
*/
.a00v1-alt1,
.a00v1-alt1 span {
background:transparent url(/web/fw/w/cl/a00/a00v1-alt1.png) no-repeat right top;
color:#fff !important;
}
/*
*************************************************************
A00v1-alt2 - Green button
*************************************************************
*/
.a00v1-alt2,
.a00v1-alt2 span {
background:transparent url(/web/fw/w/cl/a00/a00v1-alt2.png) no-repeat right top;
color:#fff !important;
}
/*
*************************************************************
A00v1-alt4 - Hero button
*************************************************************
*/
.a00v1-alt4,
.a00v1-alt4 span {
background:transparent url(/web/fw/w/cl/a00/a00v1-alt4.png) no-repeat right top;
color:#fff !important;
}
/*
*************************************************************
A00v3 - Rich Button Drop Dowm
*************************************************************
*/
.a00v3 {
z-index:2;
position:relative;
background-color:transparent;
}
.a00v3 .a00-drop {
background-color:#fff;
border:1px solid #ccc;
display:none;
float:none;
left:-1px;
/*_left:-4px; Commented by offshore to resolve the alignment issue with dropdowm*/
list-style-type:none;
margin:0;
padding:4px 0;
position:absolute;
top:23px;
min-width:108px;
max-width:166px;
width:100%;
}
* html .a00v3 .a00-drop {
/* width:expression(this.clientWidth<= 108? "107px":this.clientWidth>= 166? "167px":true); */
width:expression(this.clientWidth<= this.parentNode.clientWidth? this.parentNode.clientWidth + "px":this.clientWidth>= this.parentNode.clientWidth? "167px":true);
}
.a00v3 .a00-drop li{
margin:0;
padding:1px 7px; /* OS-QC 753 */
float:none;
font-size:110%; /* OS-QC 753 */
line-height:15px;/* OS-QC 753*/
}
.a00v3 .a00-drop a,
.a00v3 .a00-drop a:hover{
text-decoration:none;
cursor: pointer; /* IE fix */
}
.a00v3 .a00-drop .lihover {
background-color:#80a1b2;
cursor:pointer;
color:#fff;
}
.a00v3 .lihover a{
color:#fff;
/*display:block; kalpana :commented the lines as the hack is written below
min-width:100px;*/
}
/*hack for ff2*/
.a00v3 .a00-drop a:hover,
.a00v3 .lihover a,
x:-moz-any-link{
display:block;
min-width:100px;
}
/*overriding for ff3 */
.a00v3 .a00-drop a:hover,
.a00v3 .lihover a,
x:-moz-any-link,
x:default {
width:auto;
display:inline;
}
/* ck: IE hover color for text */
.a00v3 .lihover a:hover,
.a00v3 .lihover a:link,
.a00v3 .lihover a:active,
.a00v3 .lihover a:visited {
%color:#fff;
}
.a00v3 .a00-drop .disabled {
background-color:#fff;
}
/* ck: fix for above */
.a00v3 .a00-drop .disabled span {
color:#ccc;
cursor:default;
}
.a00v3 .a00-drop li span {
display:inline-block;
width:100%;
}
.a00v3 .a00v1{
%font-size:11px !important;
z-index:10;
white-space:nowrap; /* prevent button from going to two lines */
}
.a00v3 .a00v1-js{
padding:5px 12px 0 15px;
}
.a00v3 .a00v1 .bl{
min-width:1px; /* ck: FF2 requires */
%min-width:9px;
%margin-left:5px;
_margin-left:-6px;
}
.a00v3 .a00v1 img {
background:transparent url(/web/fw/w/cl/a00/down-arrow.gif) no-repeat scroll right center;
width:20px;
height:6px;
%height:9px;
_height:11px;
float:none;
top:0px;
%top:2px;
left:0px; /* ck: override a00v1 */
}
/*
* END /web/fw/w/cl/a00/a00.css
*/
/*!
* BEGIN /web/fw/w/cl/a03/a03.css
*/
/*
* Revision: 1.5
*
* a03.css: Provides classes for component A03
* - a03v3: Alert Banner
* - a03v5: Alert Banner with rounded corners
* - a03v6 : Warning Message
* - a03v13:
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A03 - Alert
*************************************************************
*/
.a03{
color:#666;
}
.a03 h3 {
font-size:100%; /* resets default h3 size */
color:#900;
margin:0;
}
.a03 p{
line-height:1.1em;
color:#666;
}
.a03 a{
color:#2f6881;
}
/*
*************************************************************
A03v3 - Alert Banner
*************************************************************
*/
.a03v3,
.clb .a03v3 {
font-size:86%;
background-color:#ffc;
padding:3px 16px 5px;
margin:0 auto 12px 0;
}
.a03v3 h3 {
font-size:100%; /* resets default h3 size */
color:#900;
margin:0;
padding:0 0 1px;
}
.a03v3 p {
line-height:1.1em; /* TODO: change from 'em' to multiplier? */
}
/*
*************************************************************
A03v5 - Confirmation message with rounded corners
*************************************************************
*/
.a03v5{
background:#ffc url(/web/fw/i/sprite_gradients_h.png) repeat-x scroll 0 0;
border:1px solid #ccc;
font-size:x-small;
position:relative;
max-width:100%;
min-width:450px;
display:inline-block;
}
.a03v5 p{
font-size:140%;
padding:12px 12px 8px 12px;
%padding-top:9px;
%padding-bottom:6px;
%zoom:1;
%position:relative; /* ck: ie width fix*/
}
.a03v5 p:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a03v5 span {
float:left;
display:block;
}
.a03v5 .cta{
background:transparent url(/web/fw/i/hp-sprites.gif) no-repeat scroll -350px 4px;
margin-left:25px;
padding-left:11px;
display:block;
float:left;
white-space:nowrap;
%position:relative; /* ck: ie width fix, was absolute */
%line-height:20px;
%margin-top:-3px;
%background-position-y:6px;
}
.a03v5 .cl-top-corners,
.a03v5 .cl-top-corners span,
.a03v5 .cl-bottom-corners,
.a03v5 .cl-bottom-corners span {
display:block;
background: transparent url(/web/fw/i/sprite_corners_4px.png) no-repeat 0 0;
height:4px;
width:100%;
position:relative;
font-size:0;
}
.a03v5 .cl-top-corners{
top:-1px;
left:-1px;
}
.a03v5 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-2px;
_right:-3px;
}
.a03v5 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-1px;
font-size:0;
}
.a03v5 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-2px;
}
/*
*************************************************************
A03v6 - Warning Message
*************************************************************
*/
.a03v6{
background-color:#ffc;
color:#333;
font-size:12px;
}
/* the warning text header */
.a03v6 h3{
color:#990000;
background:transparent url(/web/fw/i/icon-alert-error.gif) no-repeat 10px 8px;
_margin:0px 0 0 8px;
padding:5px 0 10px 30px;
_padding-top:10px;
_background-position-y:12px;
}
/* Override clb margin */
.a03v6 li{
margin-bottom:0px; /* Fix for #237 */
_margin-bottom:0px; /* Fix for #237 */
}
.a03v6 img{
margin:7px 0 0 10px; /* 7px on the top and 10px on the right/left margins */
_margin-top:10px;
}
.a03v6 ul{
margin:-4px 0 0 32px;
padding-bottom:1px; /* 8px b/w any two list items */
_padding-bottom:-1px;
list-style-type:none; /* clb override */
}
.a03v6 ul li{
padding-bottom:3px; /* 7px for the bottom spacing */
_padding-bottom:4px;
}
/*
* END /web/fw/w/cl/a03/a03.css
*/
/*!
* BEGIN /web/fw/w/cl/a06/a06.css
*/
/*
Revision: 1.4
Provides classes for component A06v5: Pagination for view all pages
(c) 1992-2009 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A06v5 - Pagination Widget
*************************************************************
*/
/* A06v5 Pagination Widget */
.a06v5,
.clb .a06v5 {
background:transparent url(/web/fw/i/pnav-bg.gif) repeat-x top left;
height:22px;
%height:19px;
padding:6px 4px 3px 5px;
%padding:6px 5px 7px 5px;
_padding:6px 4px 6px 5px;
font-size:85%;
}
.a06v5 .items-per-page {
float:left;
}
.a06v5 .items-per-page label{
vertical-align:middle;
%position:relative;
%top:-15%;
}
.a06v5 select{
color:#333;
height:20px;
%margin-left:1px;
width:46px;
margin:0;
}
.a06v5 .pagination-links {
float:right;
}
.a06v5 .pagination-links input{
background:none;
border:0 none;
color:#2f6681;
font-size:100%;
cursor:pointer;
padding:0;
margin:0 0 -2px 0;
%margin:0 2px -1px 2px;
}
.a06v5 .pagination-links input:hover{
%text-decoration:underline;
}
.a06v5 .pagination-links a{
color:#2f6881;
cursor:pointer;
text-decoration:none;
}
.a06v5 .pagination-links a:hover {
text-decoration:underline;
}
.a06v5 input.previous-btn{
margin-right:-1px;
%margin-right:-5px;
}
.a06v5 input.next-btn{
margin:0 0 -2px -1px;
%margin-left:-2px;
%margin-right:3px;
}
.a06v5 select option{
padding-left:2px;
}
.a06v5 #previous-btn{
margin:0 -1px 0 0;
%margin:0 -8px 3px 0;
}
.a06v5 #next-btn{
margin:0 0 0 -1px;
%margin:0 0 3px -4px;
}
.a06v5 .separator
{
margin:0 2px 0 5px;
color:#666;
}
.a06v5 .previous-disabled{
margin:0 2px 0 0;
}
.a06v5 .next-disabled{
margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
.a06v5 .previous-enabled{
margin:0 2px 0 0;
%margin:0 -1px 0 0;
_margin:0 -1px 0 0;
}
.a06v5 .next-enabled{
margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
/*
* END /web/fw/w/cl/a06/a06.css
*/
/*!
* BEGIN /web/fw/w/cl/a08/a08.css
*/
/*
* Revision: 1.2
*
* a08.css: Provides classes for component A08
* - a08v8: Toolbar component*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A08 - Toolbar
*************************************************************
*/
.a08 {
color:#666;
font-size:95%;
}
/*
*************************************************************
A08V8 - Toolbar classes for button and anchor
*************************************************************
*/
.a08v8 {
padding:10px 0 10px 12px; /* ck: establish component default */
%zoom:1; /* ck: ie clearfix */
}
.a08v8:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a08v8 .languages {
float:right;
}
.a08v8 select{
margin-left:4px;
font-family:arial,helvetica,sans-serif;
}
.a08v8 label {
%vertical-align: middle;
%position: relative !important;
%top:-3px;
}
.a08v8 .cta{
background:transparent url(/web/fw/i/hp-sprites.gif) no-repeat scroll -350px 3px;
float:left;
position:relative; /* ck: help align cta with language */
top:2px;
%top:3px; /* ck: */
text-indent:11px; /* ck: */
}
.a08v8 .a00v1 {
margin: 0;
_margin-top: 4px;
}
.a08v8 .a00v1-js {
padding:5px 8px 0 10px;
_padding:5px 8px 5px 7px !important;
}
.a08v8 .a00v1 .bl{
margin-left:-11px;
%margin-left:6px;
_margin-left:-6px;
}
.a08v8 .a00v1 .tl{
margin-left:-11px;
_margin-left:-5px;
}
/*
* END /web/fw/w/cl/a08/a08.css
*/
/*!
* BEGIN /web/fw/w/cl/a11/a11.css
*/
/*
* Revision: 1.3
*
* a11.css: Provides classes for component A11
* - a11v1: PSA autosuggest
* - a11v2: PSA Breadcrumbs
* - a11v3: PSA Selector
* - a11v4: Navigation PSA Box (Left)
* - a11v5: Link PSA Boxes (Center and Right)
* - a11v6: PSA Add a Device
* - a11v7: PSA Search Result's titled two tiered listing
* - a11v8: PSA Container -- Needs to be 1st A11 style
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* NOTE: a11v8 needs to precede all other a11 css */
/*
***********************************************
A11v8
PSA Container -- Needs to be 1st A11 style
***********************************************
*/
.a11v8,
.clb .a11v8 {
padding:7px 4px 10px 10px;
%padding-top:8px; /* ck: b257 */
border-width:1px;
overflow:hidden;
font-size:86%; /* layout? */
}
/* clearfix */
.a11v2:after,
.clb .a11v2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a11v8 form {
margin:0;
padding:0;
}
/*
***********************************************
A11v1
PSA autosuggest
***********************************************
*/
.a11v1 {
position:relative; /* ck: b464 */
z-index:10; /* ck: b464 */
padding:10px 0 0px 6px; /* top:10 ck: b257 */
%padding-top:8px; /* ck: b257 */
_white-space:nowrap; /* ck: b424, for show/hide, may be issue with translations */
}
.a11v1 form { position:relative; } /* ck b:415 */
.a11v1 #searchstring {
border:1px solid #ccc;
width:285px; /* ck: b254 */
%width:284px; /* ck: b254 */
font-size:1.05em; /* 1.1em ck: b35,b264 */ /* TODO: chnage to percentage? */
font-family:inherit; /* ck: b35 */
color:#999; /* ck: b35 */
padding:1px 10px 2px 1px; /* ck: b312, b35, b254 0 1 2 */
%padding-left:2px;
%margin-top:1px;
%margin-right:1px; /* ck: b312 */
}
body:first-of-type .a11v1 #searchstring { font-size:inherit; } /* safari */
.a11v1 #searchstring.searched-phrase {
color:#333; /* ck: b433 */
}
.a11v1 #pssubmitbutton {
position:relative;
color:#2f6681;
font:bold 1em arial,helvetica,sans-serif; /* ck: FF req family, IE req size */
margin-left:1px;
%margin-left:-3px; /* ck: b257 */
%top:1px;
_width:0; /* ck: IE6 button width fix */
%overflow:visible; /* ck: IE button width fix */
padding:0 2px 0 3px; /* ck: FF3 padding:0 3px 1px 2px; b312 */
%padding:1px 5px 0 6px; /* ck: IE6/7 */
}
body:first-of-type .a11v1 #pssubmitbutton { padding-bottom:2px; } /* safari */
.a11v1 #pssubmitbutton[id=PSSUBMITBUTTON] { padding:1px 3px 1px 4px; } /* ck: FF2 1px 3px 2px 2px; */
.a11v1 #pssubmitbutton[id=PSSUBMITBUTTON]:disabled { padding:2px 4px 2px 5px; } /* ck: FF2 */
.a11v1 #pssubmitbutton:disabled { color:#b2b2b2; }
.a11v1 div.suggestions {
position: absolute;
z-index:1; /* overlapping fix */
overflow: auto;
overflow-x:hidden; /* ck: b452 */
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
width:298px; /* ck: b381 302 */
margin-left: 1px;
padding: 0 0 7px;
background-color: #fff;
%margin-left:6px;
%top:23px; /* ck b:415 */
%left:0; /* ck b:415 */
_white-space:normal /* ck: b452 ie6 needs to reset back to normal */
}
body:first-of-type .a11v1 div.suggestions { width:298px; margin-left:0px; } /* safari */
.a11v1 div.suggestions div {
cursor: default;
padding: 0;
background-color: #fff;
color: #2f6681;
}
.a11v1 div.suggestions div:last-child {
padding-bottom:7px;
}
.a11v1 div.suggestions div.psindent{
text-indent:-3px; /* ck: b254 */
padding: 2px 10px 2px 8px; /* ck: b254 */
%padding-left:7px; /* ck: b254 */
_padding-left:8px; /* ck: b254 */
}
body:first-of-type .a11v1 div.suggestions div.psindent { padding:3px 10px 3px 5px; } /* safari */
.a11v1 div.suggestions div.ascurrent {
background-color: :#d6e0e6;
}
.a11v1 .ascurrent .psindent { background-color:#d6e0e6; }
.a11v1 .pscaption {
color:#2f6681;
font-size:88%;
margin:1px 0 0;
%margin-top:2px;
}
/*
************************************************
A11v2
PSA Breadcrumbs
************************************************
*/
.a11v2,
.clb .a11v2 {
display:block;
zoom:1;
}
.a11v2 img { float:left; }
.a11v2 img, .a11v2 div a {
background: url(/web/fw/i/breadcrumb_arrow.gif) no-repeat right center;
padding-right: 16px;
}
.a11v2 hr { /* ck: was a11v8, error? */
margin:20px 6px 12px 0; /* 20 6 11 0 ck: b257 */
%margin:13px 6px 5px 0; /* 13 6 4 0 ck: b257 */
}
.a11v2 div {
padding-top: 1px;
}
/*
***********************************************
A11v3
PSA Selector
***********************************************
*/
.a11v3 {
/* position:relative; ck: test */
}
.a11v3 a:link,
.a11v3 a:visited,
.a11v3 a:hover,
.a11v3 a:active {
text-decoration:none;
outline:invert none thin;
}
.a11v3 a:focus {
outline-style:dotted;
padding-right:13px;
}
.a11v3 h3 {
font-weight:bold;
font-size:130%;
color:#666;
margin:8px 0 1px; /* 9 0 0 - ck b257 */
%margin-bottom:0;
line-height:1em;
}
#psa_selector[id=PSA_SELECTOR] { margin-bottom:0; } /* FF2 */
.a11v3 hr {
margin: 0 5px 0; /* ck: b257 */
%margin:-8px 5px -6px; /* bottom -7px ck: b257 */
}
body:first-of-type .a11v3 hr { margin:-2px 5px -1px;} /* safari */
.a11v3 p {
padding:3px 14px 0 5px;
margin:0 0 -2px;
%margin-bottom:0px;
line-height:1.14em; /* ck: b257 */
}
body:first-of-type .a11v3 p { padding-top:4px; } /* safari */
.a11v3 ol {
padding:3px 0 2px; /* 3 0 ck: b257 */
%padding-bottom:3px; /* ck: b257 */
margin:0;
}
.a11v3 ol li {
list-style:none;
padding:0 0 1px 8px; /* 1 0 2 8 ck: b257 */
%padding:1px 0 1px 8px; /* top:1 ck: b257 */
margin:0;
text-indent: -8px; /* wrap */
%line-height: 1.14em;
}
body:first-of-type .a11v3 li { padding-top:1px; } /* safari */
.a11v3 ol li a {
cursor:pointer; /* samba.min.css */
text-decoration:none;
padding:0 14px 0 5px;
}
.a11v3 ol li p {
padding-top:0;
margin-bottom:0;
}
.a11v3 ol li p a {
text-decoration:underline;
padding:0;
}
.a11v3 ol ol {
padding:0 0 1px 8px;
margin:2px 0 -2px -8px;
%margin-bottom:-1px;
}
.a11v3 ol ol li {
padding-left:13px;
margin-left:-8px;
text-indent:-8px;
}
/* PSA Text Classes */
/* Locked */
.a11v3 li.pslocked {
font-weight:bold;
background:#d6e0e6 url(/web/fw/i/psabg.gif) top right;
}
.a11v3 li.pslocked ol {
font-weight:normal;
background:#fff;
}
/* Links*/
.a11v3 li.pslink a:link,
.a11v3 li.pslink a:visited,
.a11v3 li.pslink a:hover,
.a11v3 li.pslink a:active,
.a11v3 p a:link,
.a11v3 p a:visited,
.a11v3 p a:hover,
.a11v3 p a:active { text-decoration:underline; }
/* Unlinked Category */
.a11v3 li.psgroup {
color:#333; /* ck: b255 */
font-weight:bold;
margin-bottom:3px; /* ck: b255 */
padding:0 10px 0 13px;
}
.a11v3 li.psgroup ol { %margin-top:1px; } /* ck: b255 */
.a11v3 li.psgroup li { font-weight:normal; }
/*
***********************************************
A11v4
Navigation PSA Box (Left)
***********************************************
*/
.a11v4,
.clb .a11v4 {
float:left;
border:1px solid #ccc;
overflow:auto;
}
/*
***********************************************
A11v5
Link PSA Boxes (Center and Right)
***********************************************
*/
.a11v5,
.clb .a11v5 {
float:left;
border:1px solid #ccc;
overflow:auto;
overflow-x:hidden;
}
/*
************************************************
A11v6
PSA Add a Device
************************************************
*/
.a11v6,
.clb .a11v6 {
border-width:1px;
overflow:auto;
display:none;
position:absolute; /* ck: overflow test */
background-color:#fff;
/* text-align:center; ck: b256 */
}
.a11v6 h4 {
border-bottom-width:1px;
background-color:#f3f4f5; /* ck: b256 */
padding:3px 3px 2px; /* ck: b256 */
font-weight:bold;
text-align:center; /* ck: b256 */
}
.a11v6 form {
margin-left:0;
padding-top:3px; /* ck: b256 */
%padding-top:2px; /* ck: b256 */
}
.a11v6 fieldset {
%position:relative; /* ck: ie align middle */
display:table; /* ck: ff align middle */
text-align:left;
margin:0;
%margin-bottom:4px; /* ck: b256 */
padding:5px 4px 7px 10px; /* ck: */
%padding-bottom:6px; /* ck: b256 */
}
/* should be label but due to IE innerHtml, using span */
.a11v6 form div {
display:table-cell; /* ck: ff align middle */
vertical-align:middle; /* ck: ff align middle */
%float:left;
%position:relative; /* ck: ie align middle */
/* margin:0.2em 0 0; ck: b256 */
%margin:0.3em 1px 0 0; /* ck: b256 */
_margin-right:0; /* 3 ck: b256 */
text-align:right;
width:155px;/* ck: b256 */
%width:154px; /* ck: b256 */
_width:155px; /* ck: ie align middle */
}
/* table simulation */
.a11v6 form span {
display:table-cell; /* ck: ff align middle */
%display:block; /* ck: ie align middle */
vertical-align:middle; /* ck: ie align middle */
padding-left:5px; /* ck: ff align middle */
%position:absolute; /* ck: ie align middle */
%top:50%; /* ck: ie align middle */
%width:338px;/* ck: ie align middle */
}
.a11v6 form div span {
display:inline; /* ck: undo ie align middle */
vertical-align:auto; /* ck: undo ie align middle */
padding-left:0px; /* ck: undo ff align middle */
%position:relative; /* ck: undo ie align middle */
%top:auto; /* ck: undo ie align middle */
%width:auto; /* ck: ie align middle */
}
.a11v6 fieldset input {
%position:relative; /* ck: ie align middle */
%top:-50%; /* ck: ie align middle */
border:1px solid #ccc; /* ck: b256 */
}
.a11v6 select {
%position:relative; /* ck: ie align middle */
%top:-50%; /* ck: ie align middle */
/* height:1.7em; ck: b256 */
border: 1px solid #ccc; /* ck: b256 */
padding:0 0 0 1px;
max-width:338px; /* 321 ck: edge case causing scrollbars */
min-width:175px;
%font-size:100%;
/* IE7 doesn't do min/max with DTD transitional. 319 for IE7, IE6 can go to 338px. */
%width:expression(this.clientWidth <= 174 ? '175px':this.clientWidth >= 319 ? '100%':true); /* b564 */
}
.a11v6 option {
padding:0 7px 3px 5px; /* ck: b256 */
}
.a11v6 input {
padding:1px 2px 4px;
%padding:0 2px 3px; /* ck: b256 */
min-width:200px; /* ck: is this being used? */
_width:200px; /* ck: is this being used? */
%font-size:110%; /* ck: b256 */
}
.a11v6 hr {
margin:15px 10px 10px; /* 3 ck: b256 */
%margin:11px 10px 3px; /* -5 ck: b256 */
}
.a11v6 input#ad-name {
width:219px; /*221, 255 ck: b256 */
}
/* override input min-w */
.a11v6 input.ad-softwareversion,
.a11v6 #sw1,
.a11v6 #sw2,
.a11v6 #sw3 {
min-width:70px;
%width:70px;
}
.a11v6 #ad-softwareversion-1, .a11v6 #sw1 { margin-right:8px; }
.a11v6 #ad-softwareversion-3, .a11v6 #sw3 {
margin:0 8px 0 7px;
%margin-left:8px;
_margin-left:7px; /* ck: b256 */
}
.a11v6 fieldset span b {
%position:relative;
%top:-50%;
}
.a11v6 #adddevice_submit { /* ck: b256, 517 */
color:#2f6681;
font:bold 1em arial,helvetica,sans-serif; /* ck: FF needs family */;
margin-left:169px;
margin-bottom:12px; /* ck: overflow test */
margin-top:0px;
min-width:0;
width:auto;
_width:0; /* ck: IE6 button width fix */
%overflow:visible; /* ck: IE button width fix */
padding:0 2px 0 3px; /* ck: FF3 b312, b517 */
%padding:1px 5px 0 6px; /* ck: IE6/7 b517 */
}
body:first-of-type .a11v1 #pssubmitbutton { padding-bottom:2px; } /* safari */
.a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT] { padding:1px 3px 1px 4px; } /* ck: FF2 b517 1px 5px 2px;*/
.a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT]:disabled { padding:2px 4px 2px 5px; } /* ck: FF2 b517 */
.a11v6 #adddevice_submit:disabled { color:#b2b2b2; }
/* Form Error */
.a11v6 div.cl-error {
display:none;
padding: 8px 25px;
background: #ff9 url(/web/fw/i/icon-alert-warning.gif) no-repeat scroll 10px 10px;
color: #e80;
font-weight: bold;
text-align: left;
}
/* Field Error */
.a11v6 span.cl-error {
color: #900;
background:url(/web/fw/i/icon-alert-error.gif) no-repeat left 2px;
padding-left:15px;
display:inline; /* override */
}
/*
***********************************************
A11v7
PSA Search Results
***********************************************
*/
.a11v7 h3 {
color:#666;
font-size:125%; /* 135% ck: b264 */
margin: 0;
text-decoration:underline;
}
.a11v7,
.clb .a11v7 {
/* padding:21px 22px 0px 0px; 19px top ck: b264
line-height:1.65em; ck: b264 */
}
.a11v7 ul { padding:0; } /* ck:b264 */
.a11v7 li {
list-style:none;
font-size:89.2%;/* ck: b264 */
%font-size:90%;/* ck: b264 */
font-weight: bold;
color: #333;
padding-top:11px;
%padding-top:10px;
line-height:1.4em; /* ck:b264 */
}
.a11v7 li ul {
margin-bottom:-1px; /* ck: b264 */
padding-top:10px;/* 12px ck: b264 */
padding-left:15px;
%padding-top:10px;
/* _padding-top:12px; ck: b264 */
padding-bottom:1px; /* ck: b264 */
}
.a11v7 li li {
font-size:92%; /* 95% ck: b264 */
font-weight:normal;
/* line-height:110%; ck:264 */
padding-top:0;
margin-bottom:2px; /* ck: b264 */
/* padding-bottom:2px; */
line-height:1.15em; /* ck:264 */
}
/*
* END /web/fw/w/cl/a11/a11.css
*/
/*!
* BEGIN /web/fw/w/cl/c00/c00.css
*/
/*
* Revision: 1.4
*
* c00.css: Provides classes for component C00
* - c00v1: Generic Element - Normal Paragraph
* - c00v2: Generic Element - Generic text used in the backpack
* - c00v6: Generic Element - Back to Top
* - c00v9: Generic Element -
* - c00v10: Generic Element - 14pt Header
* - c00v11: Generic Element - bulleted list
* - c00v15: Generic Element - Linked List
* - c00v18: Generic HR
* - c00v20: Generic Element - Box with Header on Background
*
* NOTE: TODO: C24 was changed to C00 last year... need to migrate C24 stuff to here?
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* TODO: why all the !important -- is there a way to undo? */
/*
*************************************************************
c00v1 - Generic Element - Normal Paragraph
*************************************************************
*/
.c00v1,
.clb .c00v1 {
font-size: 109.1% !important;
line-height: 124% !important;
margin-top: -3px !important;
}
/*
*************************************************************
c00v2 - Generic Element - Small paragraph
*************************************************************
*/
.c00v2 {
margin:0 16px 11px 14px;
color: #666;
position: relative;
background:transparent;
}
.c00v2 a {
font-weight:bold;
}
/*
*************************************************************
c00v6 - Generic Element - Back to Top
*************************************************************
*/
.c00v6,
.clb .c00v6 {
text-align: right;
margin-bottom: 17px !important;
}
.c00v6 a {
text-decoration: underline !important;
}
/*
*************************************************************
c00v9 - Generic Element - Header 16pt
*************************************************************
*/
.c00v9{
font-size:large;
color:#666;
padding:0 0 6px;
}
/*
*************************************************************
c00v10 - Generic Element - 14pt Header
*************************************************************
*/
.clb h2.c00v10 {
font-size:127.3%;
margin-top: -2px !important;
margin-bottom: 12px !important;
}
/*
*************************************************************
c00v11 - Generic Element - Bulleted list
*************************************************************
*/
.clb ul.c00v11 {
list-style: disc outside;
}
/*
*************************************************************
c00v15 - Generic Element - Linked List
*************************************************************
*/
.c00v15,
.clb .c00v15 {
margin-top: 14px !important;
margin-bottom: 9px !important;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.c00v15:after,
.clb .c00v15:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.c00v15 ul {
float: left;
width: 50%;
margin: 0; /* override CLB */
}
.c00v15 li {
padding: 0 0 8px 14px;
margin-bottom: 0; /* override clb */
list-style:none;
list-style-position: outside;
list-style-image:none !important;
background-image: url(/web/fw/i/chevrons.gif);
background-repeat:no-repeat;
background-position:left 0.4em;
%background-position:left 0.6em;
}
.c00v15 .col-left li {
margin-right: 24px;
}
.c00v15 .col-right li {
margin-left: 12px;
margin-right: 12px;
}
/*
*************************************************************
C00v18 - Generic HR
*************************************************************
*/
.c00v18 hr {
height:1px;
color:#ccc;
background-color:#ccc;
border:none;
margin:0 0 12px 0;
padding:0;
}
/*
*************************************************************
c00v20 - Generic Element - Box with Header on Background
*************************************************************
*/
.c00v20,
.clb .c00v20 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 17px;
}
.c00v20 h3 {
background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding: 6px 12px 5px;
border-bottom:1px solid #ccc;
margin:-4px -12px 17px;
}
.c00v20 p {
margin-bottom:14px;
}
.c00v20 li {
margin-bottom:14px;
%margin-left: 3px;
}
.c00v20 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.c00v20 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.c00v20 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-18px;
left:-13px;
font-size:0;
}
.c00v20 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* END /web/fw/w/cl/c00/c00.css
*/
/*!
* BEGIN /web/fw/w/cl/c01/c01.css
*/
/*
* Revision: 1.3
*
* c01.css: Provides classes for component C01
* - c01v1: Page Title
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C01v1 - Page Title
*************************************************************
*/
.c01v1 h1 {
margin:10px 0 10px 12px;
color:#666;
font-size:170%;
font-weight:normal;
}
/*
* END /web/fw/w/cl/c01/c01.css
*/
/*!
* BEGIN /web/fw/w/cl/c11/c11.css
*/
/*
* Revision: 1.3
*
* c11.css: Provides classes for component C11
* - c11v2: Spotlight - Image (left-aligned, opt caption) and text (opt wrap)
* - c11v3: Content - Image and Text
* - c11v4: Spotlight - Image (right-aligned, opt caption) and text (opt wrap)
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c11 - rules applied to all spotlights
*************************************************************
*/
.c11,
.clb .c11 {
position:relative;
zoom:1; /* idiotic ie bug. can't see positioned images unless this 'has layout' !!!!! */
}
.c11:after,
.clb .c11:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
/* call-to-action - provide triangle icon to link */
.c11 .cta {
background:url(/web/fw/i/arrow_transp_5x9.gif) no-repeat center left;
padding-left:13px;
}
.c11 h4 {
margin-bottom:3px;
}
.c11 p {
margin-bottom: 12px;
}
/* cl-base sets a 2px top-margin... TODO: change cl-base? */
#framework-content-right .c11 img {
margin: 0;
}
/* image captions */
.c11 div p {
line-height: 100%;
display: block;
background-color: #ccc;
color: #333;
padding: 4px 8px 6px 8px;
margin: 2px 0;
*margin-top: -4px; /* IE6 and IE7 */
}
/*
*************************************************************
c11v2: Spotlight - Image (left-aligned, opt caption) and text (opt wrap)
*************************************************************
*/
/* allows non-wrapping text as default */
.c11v2 p {
display: table-cell;
_display: inline; /* IE6: inline-block works, but seems to stick - p.wrap will not work */
zoom: 1; /* hasLayout true, now acts like an inline-block, no text wrapping */
}
.c11v2 p.wrap {
display: block;
zoom: 0; /* hasLayout false, loses inline-block behavior, wraps text */
}
.c11v2 img {
float: left;
padding: 0 12px 4px 0;
display: block;
margin-top: 2px;
}
.c11v2 div {
float:left;
padding:0 12px 12px 0;
_padding-right: 0; /* IE6 */
}
/*
.c11v2 div p {
margin-top: 2px;
}
*/
/*
*************************************************************
c11v3 - Content - Image and Text
*************************************************************
*/
.c11v3,
.clb .c11v3 {
margin: -2px 0 5px !important;
zoom:1; /* this style for ie float behavior; NOTE: once all markup uses 'clb c11 c11v3' this can be removed */
}
/* NOTE: once all markup uses 'clb c11 c11v3', this can be removed */
.c11v3:after,
.clb .c11v3:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.c11v3 img {
position: relative;
float: left;
margin: 2px 0 15px;
}
.c11v3 p {
background: transparent;
margin-left: 175px !important;
margin-bottom: 12px; /* NOTE: once all markup uses 'clb c11 c11v3' this can be removed */
font-size: 109.1% !important;
line-height: 124% !important;
}
/*
*************************************************************
c11v4: Spotlight - Image (right-aligned, opt caption) and text (opt wrap)
*************************************************************
*/
/* allows non-wrapping text as default */
.c11v4 p {
display: table-cell;
_display: inline-block; /* IE6 */
}
.c11v4 p.wrap {
display: block;
}
.c11v4 img {
display: block;
float:right;
padding:2px 0 4px 12px;
}
.c11v4 div {
float:right;
padding:0 0 12px 12px;
_padding-left:0; /* IE6 */
}
.c11v4 div img {
display: inline;
float: none;
padding: 2px 0 0;
}
.c11v4 div p {
margin-top: 0;
*margin-top: -4px; /* IE6 and IE7 */
}
/*
* END /web/fw/w/cl/c11/c11.css
*/
/*!
* BEGIN /web/fw/w/cl/c15/c15.css
*/
/*
* Revision: 1.5
*
* c15.css: Provides classes for component C15
* - c15v7: Text
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C15v7 -
*************************************************************
*/
/* from .tab-content-container .section */
.c15v7,
.clb .c15v7 {
margin-bottom: 6px;
clear: both;
%height: 1%;
font-size:x-small; /* TODO: fix! */
}
/* from .tab-content-container .section:after */
.c15v7:after,
.clb .c15v7:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container ul.expanded-spacing */
.c15v7 ul {
list-style-type:none;
font-size:110%;
%font-size:85%;
line-height:127.6%;
margin:15px 0 -6px 0;
padding:0;
}
/* from .tab-content-container ul.expanded-spacing li */
.c15v7 ul li {
margin: -3px 0 15px 0px;
padding: 0;
%font-size:130% !important;
}
/* from .tab-content-container span.callout */
.c15v7 strong {
font-weight:bold;
font-size:100%;
color:#666 !important;
line-height:normal;
%font-size:100% !important;
}
.c15v7 p.small {
color: #666;
font-size:100%;
%font-size:100%; /* The component is rendered in too small font in IE ;modifying the font size to achieve 10px size */
line-height:127.6%;
margin:-3px 0pt 9px;
%margin:0px 0pt 10px;
_margin:-4px 0pt 10px;
}
/* from .tab-content-container p.tab-subheadline */
.c15v7 p { /* TS1 */
font-size:120%;
line-height:133.6%;
%line-height: 134.5%;
margin: -3px 0 14px 0;
%margin: -4px 0 15px 0;
}
/* from .tab-content-container h3 */
.c15v7 h3 {
color:#666;
font-size:140%;
%font-size:130% !important;
_font-size:140%;
line-height:128.8%;
%line-height:1.28em;
margin:-4px 0 8px 0;
%margin-top:0;
}
/*
*************************************************************
C15v9 - Description Text
*************************************************************
*/
.c15v9{
color:#333;
font-size:12px;
border:1px solid #ccc;
_width:99.1%;
}
.c15v9 p {
line-height:1.6; /*spacing b/w any 2 lines of text is 8px */
padding:6px 8px 5px 9px; /* 11px on the top , 10px on left and bottom spacing b/w borders and text */
_padding-bottom:-6px;
_padding-left:-1px;
}
/***********************************
styling the UL for this component
*************************************/
.c15v9 ul {
list-style-type:inherit;
line-height:151.6%;
margin:15px 9px 0px;
padding:0;
}
.c15v9 ul li {
margin:-3px 39px 6px;
padding:0;
}
/*
* END /web/fw/w/cl/c15/c15.css
*/
/*!
* BEGIN /web/fw/w/cl/c24/c24.css
*/
/*
* Revision: 1.3
*
* c24: paragraphs
* - c24v1: paragraphs
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C24v1 - paragraphs
*************************************************************
*/
.c24v1 p.small {
color: #666;
font-size:110.3%;
line-height:127.6%;
margin:-3px 0pt 9px;
%margin:-4px 0pt 10px;
}
/* from .tab-content-container p.tab-subheadline */
.c24v1 p, .c24v1 p.regular {
color: #666;
font-size: 120.4%;
line-height: 133.6%;
%font-size: 120%;
%line-height: 134.5%;
margin: -3px 0 14px 0;
%margin: -4px 0 15px 0;
}
/* from .tab-content-container p.tab-headline (TH2) */
.c24v1 p.large {
color: #666;
font-weight: bold;
font-size: 140%;
line-height: 128.8%;
%font-size: 115%;
_font-size: 140%;
%line-height: 1.28em;
margin: -3px 0 11px 0;
%margin: -4px 0 12px 0;
}
/*
.c24v1 p.very-large {
}
*/
.c24v1 hr {
clear:both;
height:1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:medium none;
margin: 14px 0px 18px 0px;
%margin: -5px 0px 11px 0px;
padding: 0px;
}
/*
* END /web/fw/w/cl/c24/c24.css
*/
/*!
* BEGIN /web/fw/w/cl/c25/c25.css
*/
/*
* Revision: 1.4
*
* c25: Heroes
* - c25v8: Hero - Video and Image Carousel
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c25v8: Hero - Video and Image Carousel
*************************************************************
*/
.c25v8,
.clb .c25v8 {
position: relative;
}
/*
* END /web/fw/w/cl/c25/c25.css
*/
/*!
* BEGIN /web/fw/w/cl/c26/c26.css
*/
/* DEPENDENCY!
* "c26v1" requires "c16v3"
* (lightbox requires video player)
*/
/*
* Revision: 1.3
*
* c26.css: Provides classes for component C26
* - c26v1: Lightbox (formally known as spotlightbox.css)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c26v1: Lightbox
*************************************************************
*/
.c26v1,
.clb .c26v1 { /* Default class for lightbox component */
display:none;
background-color:#fff;
min-width:480px;
_width:480px; /* ie7 does min-width */
text-align:center;
position:fixed;
_position:absolute;
top:108px;
border:1px solid #666;
height: auto;
left:198px !important;
margin-left:0; /* To override the style that is applying from cl-base.css */
font-size:large;
padding:15px;
}
.c26v1 h2 { /* Styles for the lightbox title */
margin:0 60px 10px 0;
text-align:left;
font-size:104.2%;
color:#336666;
}
.c26v1 a:link,
.c26v1 a:visited,
.c26v1 a:active {
color:#2F6681;
text-decoration:none;
}
.c26v1 a:hover {
color:#2F6681;
text-decoration:underline;
}
.c26v1 .lb-close {/* Styles for the close button in the lightbox */
top:14px;
font-size:small;
position:absolute;
right:15px;
}
/* Styles for the close button anchor within the lightbox */
.c26v1 .lb-close a,
.c26v1 .lb-close a:link,
.c26v1 .lb-close a:visited,
.c26v1 .lb-close a:active {
color:#666;
text-decoration:none;
outline:none;
font-size:99.1%;
%font-size:100% !important;
}
.c26v1 .lb-close a:hover {
color:#666;
text-decoration:underline;
}
.c26v1 .lb-close img {/* Styles for the close button X image within the lightbox */
border:0 none;
}
.c26v1 .lb-caption { /* Unused styles in this refactoring for the lightbox caption */
margin-bottom:15px;
text-align:left;
padding:0 15px;
color:#2f6681;
font-size:109.5%;
line-height:109%;
width:480px;
}
.jqmOverlay {
_overflow:hidden !important; /* IE Fix for Infinite Scroll */
background-color:#666;
}
html { _overflow:scroll; } /* IE Fix for Infinite Scroll */
/*
* END /web/fw/w/cl/c26/c26.css
*/
/*!
* BEGIN /web/fw/w/cl/c28/c28.css
*/
/*
*
* Revision: 1.4
*
* c28.css: Provides classes for component C28
* - c28: General Support Portlet
* - c28v1: Product Selection
* - c28v2: Task Selector
* - c28v3: Horizontal Links with Feature
* - c28v4: Links
* - c28v5: Icon & Description
* - c28v6: Selector (dropdown)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C28: general portlet
*************************************************************
*/
.c28,
.clb .c28 {
border:1px solid #ccc;
margin:0 16px 12px 0;
background-color:#fff;
font-size:86%;
color:#333;
zoom:1;
}
body:first-of-type .c28 { line-height:1.3em; } /* safari */
.c28:after,
.clb .c28:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.c28 h4 {
/* height:21px; ck: b313 */
padding:4px 0 3px; /* ck: b313 6px; */
border-bottom:1px solid #ccc;
background-color:#e9f0fc;
padding-left:10px;
}
.c28 ul, .c28 ol {
list-style:none;
margin:8px 10px 0;
padding-bottom:10px; /* IE likes padding */
}
.c28 p {
line-height:1.2em;
}
/*
*************************************************************
C28v1: Product Selection
*************************************************************
*/
.c28v1,
.clb .c28v1 {
background-color:#e9f0fc;
}
.c28v1 h4 {
font-size:135%;
padding:2px 0 1px 10px; /* ck: b312 */
}
/*
*************************************************************
C28v1 - A11v1: Product Selection Autosuggest
*************************************************************
*/
.c28v1 .a11v1 {
height:40px;
padding:8px 0 0 10px; /* ck: b312, 8px 0 2px 10px */
%padding-top:6px;
%padding-bottom:3px;
}
body:first-of-type .c28 .a11v1 { padding-bottom:3px; } /* safari */
.c28v1 .a11v1 a {
text-decoration:none;
color:#333 !important;
float:left;
margin-top:3px; /* ck: b312, 4px */
%margin-top:5px; /* ck: b313 */
%margin-left:7px; /* ck: b257 */
}
.c28v1 .a11v1 form {
float:left;
}
.c28v1 .a11v1 #searchstring {
/* font-size:120%;
padding:2px 2px 0;
%margin-right:1px; */
}
body:first-of-type .c28 .a11v1 #searchstring { /* font-size:130%; */ } /* safari */
.c28v1 .a11v1 #pssubmitbutton {
/* top:-2px;
%top:1px; */
}
/* show/hide categories */
.c28v1 .a11v1 a .hide-text,
.c28v1 .a11v1 a .show-text {
display:block; /*ck: b424 */
background:transparent url(/web/fw/i/sprite-plusminus-sm.gif) 0 -20px no-repeat;
padding-left:14px;
margin-left:4px; /* ck: b312, 2px */
%margin-left:0px; /* ck: b312 */
width:100px;
}
.c28v1 .a11v1 a .show-text {
background-position: 0 2px;
display:none;
width:100px;
}
/*
*************************************************************
C28v1: Product Category Lists
*************************************************************
*/
.c28v1 .as-showoptions {
height:237px; /* ck: b312 233 */
%height:236px; /* ck: ie redline bug */
overflow:auto;
overflow-x:hidden;
}
.c28v1 .as-showoptions ul {
margin-top:5px; /* ck: b312 */
margin-right:15px; /* ck: b312 */
width:186px; /* ck: b312, 192 */
float:left;
%margin-right:14px; /* ck: b312 */
_margin-left:5px;
_margin-right:17px; /* ck: b312 */
}
.c28v1 .as-showoptions li {
line-height:145.2%; /* ck: b312 */
margin-bottom:6px; /* ck: b312, 8px */
}
/*
*************************************************************
C28v2: Support Portlet - Task Selector
*************************************************************
*/
.c28v2,
.clb .c28v2 {
background-color:#e9f0fc;
font-size:inherit;
%font-size:120%; /* ck: b313 */
}
.c28v2 h4 {
font-size:120%;
%font-size:100%; /* ck: b313 */
padding:2px 0 1px 10px; /* ck: b313 */
}
.c28v2 ul {
margin:5px 4px 0px; /* ck: b313 5 4 1 */
}
.c28v2 a {
height:30px; /* ck: b322 was 30px */
display:block;
padding-left:46px; /* ck: b322 was 50px */
padding-top:13px;
}
.c28v2 li a:link,
.c28v2 li a:visited,
.c28v2 li a:hover { background:transparent url(/web/fw/i/common_tasks.png) no-repeat 0px 0px; }
.c28v2 .task-troubleshoot a:link,
.c28v2 .task-troubleshoot a:visited {
background-position:0px -86px;
}
.c28v2 .task-troubleshoot a:hover {
/* background-position:-212px 0px; ck: b513 */
background-position:-212px -86px;
}
.c28v2 .task-install a:link,
.c28v2 .task-install a:visited {
/* background-position:0px -43px; ck: b513 */
background-position:0px -129px;
}
.c28v2 .task-install a:hover {
/* background-position:-212px -43px; ck: b513 */
background-position:-212px -129px;
}
.c28v2 .task-maintain a:link,
.c28v2 .task-maintain a:visited {
/* background-position:0px -86px; ck: b513 */
background-position:0px -215px;
}
.c28v2 .task-maintain a:hover {
/* background-position:-212px -86px; ck: b513 */
background-position:-212px -215px;
}
.c28v2 .task-configure a:link,
.c28v2 .task-configure a:visited {
/* background-position:0px -129px; ck: b513 */
background-position:0px -43px;
}
.c28v2 .task-configure a:hover {
/* background-position:-212px -129px; ck: b513 */
background-position:-212px -43px;
}
.c28v2 .task-design a:link,
.c28v2 .task-design a:visited {
background-position:0px -172px; /* ck: b513 Correct */
}
.c28v2 .task-design a:hover {
background-position:-212px -172px; /* ck: b513 Correct */
}
.c28v2 .task-download a:link,
.c28v2 .task-download a:visited {
/* background-position:0px -215px; ck: b513 */
}
.c28v2 .task-download a:hover {
/* background-position:-212px -215px; ck: b513 */
background-position:-212px 0px;
}
.c28v2 li.task-download { margin-bottom:2px; }
/*
*************************************************************
C28v3: Horizontal Links with Feature
*************************************************************
*/
.c28v3 h5 { margin:0 0 4px; }
.c28v3 ul {
margin-top:7px; /* ck: bug fix to make it 151px */
zoom:1;
}
.c28v3 ul:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.c28v3 li {
float:left;
border-right:1px solid #ccc;
margin:4px 4px 0 0;
padding:0 6px 1px 0; /* ck: b324 top 2px */
}
.c28v3 .li-last {
border-right:none;
margin-right:0;
padding-right:0;
}
.c28v3 div {
border-top:1px solid #ccc;
margin:-2px 10px 12px;
/* _margin-bottom:12px; ck: redline bug */
padding-top:8px;
}
.c28v3 p { padding-right:0; } /* ck: b324 2px seems it is built in to the text */
/*
*************************************************************
C28v4: Support Portlet - Links
*************************************************************
*/
.c28v4 li { margin-bottom:0.36em; }
.c28v4 li img { padding-left:2px; }
/*
*************************************************************
C28v5: Support Portlet - Icon & Description
*************************************************************
*/
.c28v5 p {
margin: 7px 10px 0 58px; /* ck: b326 */
padding-bottom:9px; /* 11 IE likes padding */
_margin-left:56px;
_float:none;
}
.c28v5 img {
float:left;
margin:7px 10px;
}
/*
*************************************************************
C28v6: Support Portlet - Selector (dropdown)
*************************************************************
*/
.c28v6 form { display:none; }
.c28v6 select {
width:142px;
margin:11px 32px 12px 12px; /* ck: b330 bottom 12px */
padding:1px;
font-size:inherit;
%font-size:110%; /* ck: b330 makes box 21px tall */
}
.c28v6 option { font-size:inherit; }
/*
* END /web/fw/w/cl/c28/c28.css
*/
/*!
* BEGIN /web/fw/w/cl/c32/c32.css
*/
/*
* Revision: 1.3
*
* c32.css: Provides classes for component C32
* - c32v1: Pull Quote
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c32v1: Pull Quote
*************************************************************
*/
.c32v1,
.clb .c32v1 {
background: #eeeef0 url(/web/fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
border:1px solid #d0d0d0;
float:left;
margin:15px 25px 15px 0;
padding:15px 10px 18px;
position:relative;
width:166px; /* this 166px equals the width of the pull quote to 188px */
}
/* Class for right aligning the Pull Quote */
.c32v1-alt1 {
float:right;
}
/* Styles for the Pull quote without quote image */
.c32v1 p{
background: #eeeef0;
%margin-bottom:10px;
}
/* Styles for the text within the Pull Quote and the end quote image */
.c32v1 blockquote{
background: transparent url(/web/fw/w/cl/c32/endquote.png) no-repeat right bottom;
margin:3px 1px 0;
padding:3px 0 3px;
%padding-top:6px;
position:relative;
color:#666666;
line-height:20px;
/* TODO: why 3 lines all saying 140% !?!? */
font-size:140%; /* text should be 14px as per redlines */
%font-size:140% !important; /* W/o this override the font size defaults to 105% */
_font-size:140% !important;
%margin-bottom:1px;
text-indent:23px;
}
/* This span styles are to avoid overlapping of any lengthy text with the end quote */
.c32v1 span {
display:inline-block;
width:15px;
height:15px;
}
/* Styles for the author name citation; it is 12px as per redlines */
.c32v1 cite {
color:#666666;
/* TODO: why 3 lines all saying 140% !?!? */
font-size:120%;
%font-size:120% !important; /* W/o this override the font size defaults to 105% */
_font-size:120% !important;
font-style:italic;
margin:9px 2px -1px 0; /* bottom padding should be 20px as per redlines ;hence we use -2px for bottom padding here */
text-align:right;
%margin:9px -1px -1px 0;
_margin:9px -1px -1px 0;
display:block;
}
/* Styles to set the background image to achieve the rounded corners for the pull quote */
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr{background: transparent url(/web/fw/w/cl/c32/rounded_corners.png) no-repeat 0 0;}
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr {
display:block;
height:4px;
width:4px;
position:absolute;
line-height:4px;
%font-size:0 !important; /* w/o this override the rounded corner image breaks for IE6 as the font size defaults to 100% */
}
/* Styles for achieving rounded corners on the top left edge of the pull quote */
.c32v1 .rctl {
top:-1px;
left:-1px;
}
/* Styles for achieving rounded corners on the top right edge of the pull quote */
.c32v1 .rctr {
top:-1px;
right:-1px;
background-position:0 -4px;
}
/* Styles for achieving rounded corners on the bottom right edge of the pull quote */
.c32v1 .rcbr {
bottom:-1px;
%bottom:-2px;
_bottom-2px;
right:-1px;
_right:-1px;
background-position:0 -8px;
}
/* Styles for achieving rounded corners on the bottom left edge of the pull quote */
.c32v1 .rcbl {
bottom:-1px;
%bottom:-2px;
_bottom:-2px;
left:-1px;
_right:0;
background-position:0 -12px;
}
/* override for the p tag used in "pull quote without quotes" use case */
.c32v1 p {
font-size:140%;
_font-size:140% !important;
}
/* TODO: use grids to get rid of this coupling between c32 and other components */
/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an tab component */
.c17v1 .c32v1 {
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an Accordion */
.c19v1 .c32v1 {
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* Styles for IE override to place PQ within an Accordion */
.c19v1 .c32v1 {
_z-index:auto;
_position:static; /* The z-index didnt get effect without the static positioning */
}
.c19v1 .c32v1 blockquote {
_background: transparent url(/web/fw/w/cl/c32/endquote.png) no-repeat right bottom;
_position:static;
}
/* Styles for achieving the rounded corners in IE */
.c19v1 .c32v1 .rctl,
.c19v1 .c32v1 .rctr,
.c19v1 .c32v1 .rcbl,
.c19v1 .c32v1 .rcbr {
_height:4px;
_width:4px;
_position:relative;
_font-size:0 !important;
}
.c19v1 .c32v1 .rctl {
_top:-190px;
_left:-11px;
_right:190px;
_bottom:203.8px;
}
.c19v1 .c32v1 .rctr {
_top:-194px;
_right:-1px;
_left:173px;
_bottom:203.8px;
}
.c19v1 .c32v1 .rcbr {
_bottom:-19px;
_right:-173px;
}
.c19v1 .c32v1 .rcbl {
_bottom:-23px;
_left:-11px;
}
/*
* END /web/fw/w/cl/c32/c32.css
*/
/*!
* BEGIN /web/fw/w/cl/c36/c36.css
*/
/*
c36.css: Styles for rss newsreader
Revision: 1.2
(c) 1992-2010 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.ptl-content .c36v1 {
padding: 12px; /* temp shim to make for lack of padding in non-workspace skin */
/* this skin will only be used temporarily */
}
.c36v1 {
background-color:#fbfbfb;
}
.c36v1 .deferredLoad{
background:url(/web/fw/i/spinner.gif) no-repeat center;
height:50px;
}
.c36v1 .error{
height:50px;
padding:20px;
text-align:center;
vertical-align:middle;
}
.c36v1 .settingsLinkHolder {
height: 10px;
text-align:right;
margin: 0 0 0 10px;
padding: 0 0 11px 0;
}
.c36v1 .settingsLinkHolder a {
height: 10px;
text-align:right;
margin: 0 11px 0 11px;
font-size: 106%;
}
.c36v1 .scrollableWrapper {
padding: 0 24px 0 24px;
border: 1px solid #ccc;
background-color:#fff;
}
/* root element for scrollable */
.c36v1 .vertical {
background-color:#fff;
/* required settings */
position: relative;
overflow: hidden;
/* vertical scrollers have typically larger height than width */
height: 306px;
}
/* root element for scrollable items */
.c36v1 .items {
position: absolute;
/* this time we have very large space for height */
height: 20000em;
margin: 0px;
}
/* single scrollable item */
.c36v1 .feed-item {
height: 62px;
float: center;
}
.c36v1 .items .title {
font-size: 123%;
height:16px;
overflow:hidden;
text-overflow:ellipsis;
width:800px;
}
.c36v1 .items .title a{
float:left;
line-height:16px;
text-overflow:ellipsis;
*overflow:hidden; /* for IE ellipsis, these tags should be on the text field */
*width:800px; /* FF ellipsis solution is on enclosing div & ellisis span */
}
.c36v1 .items .title span.ellipsis {
float: right; /* shall drop when the link is too long */
position:relative; /* move after page flow is done */
margin-top:-32px; /* adjust */
z-index:1; /* higher layer */
background: white; /* overpaint */
width: 6%;
*display:none; /* hide ellipsis span from IE browsers; */
}
.c36v1 .items .published {
font-weight:bold;
font-size: 106%;
}
.c36v1 .items .channel {
font-size: 106%;
}
.c36v1 .prev {
background:url(/web/fw/w/cl/c36/upOn.png) no-repeat center;
height: 21px;
width: inherit; /* other less specific css was affecting width! */
cursor:pointer;
}
.c36v1 .next {
background:url(/web/fw/w/cl/c36/downOn.png) no-repeat center;
height: 22px;
width: inherit; /* other less specific css was affecting width! */
cursor:pointer;
}
.c36v1 .prevDis {
background:url(/web/fw/w/cl/c36/upOff.png) no-repeat center;
height: 22px;
}
.c36v1 .nextDis {
background:url(/web/fw/w/cl/c36/downOff.png) no-repeat center;
height: 21px;
}
/* tooltip styling */
.c36v1tooltip {
background:url(/web/fw/w/cl/c36/hoverBack.png) no-repeat center;
width:469px;
height: 249px;
display:none;
color:#000000;
padding-top: 8px;
}
.c36v1tooltip div.tooltipHolder {
width:445px;
height: auto;
padding: 12px 12px 12px 12px;
overflow: hidden;
position:relative;
line-height: 14px; /*line heights of summary and title must match to prevent clipping */
}
.c36v1tooltip .titleHover {
font-size: 120%;
margin-bottom: -10px;
*margin-bottom: 0;
}
.c36v1tooltip img { /* make any images in the feed summary teeny */
height:1px;
width: 1px;
}
.c36v1tooltip .published {
font-weight:bold;
}
.c36v1tooltip .summary {
font-weight:bold;
}
.c36v1tooltip .summaryText {
height: auto;
_height: 97px;
max-height: 97px;
overflow: hidden;
}
.c36v1tooltip .more {
float:left;
margin-top:2px;
}
/* form styling */
.c36v1 .formBorder{
border: 1px solid #ccc;
}
.c36v1 .formGroup{
margin: 20px 0 10px 0;
background-color:#fff;
}
.c36v1 .greyGroup{
background-color:#f6f6f6; /* specs indicate a darker color for this area */
}
.c36v1 .settingsContainer {
padding-bottom:16px;
font-size: 108%;
}
.c36v1 .settingsContainer h3{
padding: 10px 0 16px 10px;
}
.c36v1 .formGroup ul{
padding-bottom: 6px;
padding-bottom: 12px;
}
.c36v1 .formGroup li, .settingsContainer li{
list-style: none;
padding: 4px;
}
.c36v1 .formGroup label{
margin-right: 16px;
}
.c36v1 .formGroup .urlEntry{
vertical-align: middle;
width:760px;
font-style:italic;
}
.c36v1 .formGroup h3{
margin-left: 10px;
margin-top: -14px;
*margin-top: 0; /* IE6 will not render over the child div, move text down */
*width: 300px;
padding: 0 0;
color:#2F6681;
display: inline-block; /* Not supported in IE6 */
}
.c36v1 .sectionHeaderBackground { /*hides the border to allow the h3 to render with "split line" look */
background:#ffffff;
margin-top: -8px;
margin-left: -4px;
margin-right: -4px;
color: #ffffff;
*display: none;
}
.c36v1 .greyHeader { /* again, we want the third section grey for some reason */
background:#f6f6f6;
color:#f6f6f6;
}
.c36v1 .formGroup input{
vertical-align:text-bottom;
padding: 4px;
}
.c36v1 .formGroup .formTable {
width: 864px;
overflow-x:auto;
_overflow:scroll;
*overflow-y:hidden;
_overflow-y:visible; /* this combination of tags is needed for correct scroll behavior across all IE */
margin-left:16px;
padding-left:2px; /* table border will get clipped otherwise */
}
.c36v1 .formGroup table {
border: 1px solid #ccc;
margin: 8px 8px 16px 0px;
width: 852px;
}
.c36v1 .formGroup td {
border: 1px solid #ccc;
padding: 4px;
white-space: nowrap;
}
.c36v1 .formGroup th {
border: 1px solid #ccc;
padding: 4px;
text-align: left;
}
.c36v1 .checkboxCol {
width: 20px;
}
.c36v1 .formErrorMsg{
color: #ff0019;
padding-left: 20px;
background:url(/web/fw/w/cl/c36/icon_warning.gif) no-repeat left;
}
.c36v1 .formGroup button, .settingsContainer button {
width: auto;
min-width: 60px;
height: 20px;
margin-right:14px;
float:right;
padding-top: 0; /*positions button text vertically centered within button */
}
.c36v1 .formGroup label{
margin-right: 6px;
}
.c36v1 .modalContainer {
background-color:#fff;
border: 1px solid #ccc;
padding: 4px;
z-index:1;
position:relative;
width: 400px;
top: -400px;
right: -200px;
}
/*
* END /web/fw/w/cl/c36/c36.css
*/
/*!
* BEGIN /web/fw/w/cl/c40/c40.css
*/
/* c40.css
Revision: 1.5
(c) 1992-2008 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.c40v1{
background-color:#f6f6f6;
border:1px solid #e1e1e1 ;
width:292px;
color:#666;
min-height:164px; /* ck: added for redlines */
_height: 164px;
}
.c40v1 h4 {
font-size:130%;
padding:4px 10px 4px 12px;
position:relative;
%zoom:1; /* ck: top border disappeared, can be removed now that c40v1 has been refactored? */
}
.c40v1 h4 span {
background-color:#8db71f;
color:#fff;
font-size:60%;
font-weight:normal;
margin-left:9px;
/* ck: margin-top:2px;
%margin-top:0; */
%display:inline-block;
vertical-algin:middle;
padding:1px 3px 0 2px; /* ck: padding-top was 2px */
%padding-top:2px;
%padding-left:3px;
}
.c40v1 .thumb {
float:left;
margin:9px 31px 12px 35px; /* ck: new margin to compensate for new size 0 9px 4px 13px; */
%margin-bottom:13px; /*Offshore added for QC 751 ck: was 5px */
/* border:1px solid #a0a0a0; ck: removed per CP request */
/* ck: reinstated due to image size change */
width:48px; /* ck: was 95 */
height:48px; /* ck: was 65 */
}
.c40v1 p {
clear:both;
margin-left:12px;
font-size:110%;
padding-right:5px;
padding-bottom:9px;
min-height:48px;/* ck: added for redlines to establish 166px height. Adding here for corners */
_height: 48px; /* ck: ie6 ignores line above */
_line-height: 1.1; /* dg: ie6 height calculation wrong when text box exceeds enclosing div? */
}
/* ck: add space btw button and notify text. Notify needs to top align when no button */
.c40v1 .a00 {
/* ck: otherwise, FF wraps dropdown button */
float:left;
max-width:160px;
margin:0; /* ck: overrides default 8px margin for a00v1 */
}
.c40v1 .a00v1 {
margin-bottom:5px;
_margin-left:3px;
}
.c40v1 .a00v3{
%margin-bottom:5px; /* Offshore QC752 */
}
.c40v1 .notifylist {
display:block; /* ck: undoes a00v3 ul setting for dropdown */
left:-3px; /* 10px; */
%left:-1px;
position:relative;
margin:0; /* ck: override new .clb default ul */
width:160px; /* ck: 100% */
_width:150px; /* ck: to compensate for IE6 expression */
z-index:0; /* ck: place behind dropdown */
float:left;
%float:none;
}
.c40v1 .notifylist li {
background:transparent url(/web/fw/i/icon-check2.gif) no-repeat scroll 0 2px;
float:none; /* ck: offset portlet list li */
text-indent:12px;
padding:0;
margin:0 0 4px 2px;
%margin:0 0 4px 0;
}
.c40v1 .notifylist .notify-msg {
background:none;
color:#666;
text-indent:0px;
}
.c40v1 .cl-top-corners,
.c40v1 .cl-top-corners span,
.c40v1 .cl-bottom-corners,
.c40v1 .cl-bottom-corners span{
background:transparent url(/web/fw/i/sprite_corners_4px.png) no-repeat scroll 0 -16px;
display:block;
font-size:0;
height:4px;
position:relative;
width:100%;
}
.c40v1 .cl-top-corners{
left:-1px;
top:-1px;
}
.c40v1 .cl-top-corners span{
background-position:100% -20px;
position:absolute;
right:-2px;
top:0;
}
.c40v1 .cl-bottom-corners{
position:absolute;
background-position:0 -28px;
bottom:0;
left:0;
}
.c40v1 .cl-bottom-corners span{
background-position:100% -24px;
bottom:0;
right:0;
_right:-2px;
}
/*
* END /web/fw/w/cl/c40/c40.css
*/
/*!
* BEGIN /web/fw/w/cl/n03/n03.css
*/
/*
* Revision: 1.3
*
* n03.css: Provides classes for component N03
* - n03v6: Product List
* - n03v8: Related Solutions ('Part of These SMB Solutions')
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
N03v6 - Product List
*************************************************************
*/
/* from .tab-content-container .section-list */
.n03v6,
.clb .n03v6 {
margin-bottom: 6px;
%margin-bottom: -4px;
clear: both;
%height: 1%;
width: 100%;
}
/* from .tab-content-container .section-list:after */
.n03v6:after,
.clb .n03v6:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container .section-list h3 */
.n03v6 h3 {
margin-bottom: 0;
padding-bottom: 11px;
color: #666;
font-size: 127.6%;
line-height: 128.8%;
%font-size: 127%;
%line-height: 1.28em;
}
/* from .tab-content-container .prodlist */
.n03v6 ul {
margin:0 0 0 -5px;
padding: 0 0 3px 0;
}
.n03v6 ul li {
width: 100%;
list-style-type:none;
margin: 0 0 10px;
padding: 0 0 0 3px;
clear: left;
}
/* from .tab-content-container .prodlist .prodimg */
.n03v6 img {
padding: 0 15px 12px 0;
margin: 0;
}
/* from .tab-content-container .prodlist .prodtext */
.n03v6 ul div {
margin:-50px 0 0 115px;
}
.n03v6 ul div.narrow {
float:left;
%height: 1%;
width: 260px;
margin: 0;
padding: 0;
}
.n03v6 a:link,
.n03v6 a:hover,
.n03v6 a:visited,
.n03v6 a:active {
display: block;
margin: -3px 0 7px 0;
padding: 0;
font-size: 109.6% !important;
font-weight: bold;
line-height: 123%;
color:#2F6681;
}
/*
*************************************************************
N03v8 - Related Solutions ('Part of These SMB Solutions')
*************************************************************
*/
/* from .tab-content-container .section */
.n03v8,
.clb .n03v8 {
margin-bottom: 6px;
clear: both;
%height: 1%;
font-size:x-small; /* TODO: fix this! */
}
/* from .tab-content-container .section:after */
.n03v8:after,
.clb .n03v8:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container h3 */
.n03v8 h3 {
color: #666;
font-size: 140.3%;
%font-size: 130%;
_font-size: 140%;
%line-height: 1.28em;
line-height: 128.8%;
margin: -4px 0 8px 0;
%margin-top:0;
}
/* from .minispotlist */
.n03v8 ul {
display: inline;
width:205px;
margin: 0 25px 0 -15px;
%margin: 0 25px 0 0;
padding: 3px 0 0 0;
}
/* from .minispot */
.n03v8 ul li {
list-style-type:none;
margin: 0 0 8px 0;
_margin-bottom:0;
padding: 0 0 0 3px;
%padding: 0 0 9px 3px;
float:left;
width:211px;
%width:220px;
%font-size:80%;
}
.n03v8 ul div {
float: left;
width: 170px;
}
/* from .minispot img */
.n03v8 img {
float:left;
padding-right:7px;
%margin-top:1px;
}
/* from .minispot .minispottext */
.n03v8 p {
float:left;
width:170px;
margin-top: 0;
padding: 2px 0 0 0;
font-size:100.3% !important;
%font-size:125% !important;
}
.n03v8 a:link,
.n03v8 a:hover,
.n03v8 a:visited,
.n03v8 a:active {
margin:0 5px 0 0;
padding: 0;
font-size: 110%;
%font-size: 140%;
font-weight: bold;
line-height: 123%;
color:#2F6681;
}
.n03v8 hr {
clear:both;
height:1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:medium none;
margin: 14px 0 18px 0;
%margin: -13px 0 11px 0;
padding: 0;
}
/* n03v8 when placed in right persel experience 2px diff for Samba pages b/w top of the image and the anchor next to it */
.n03v8 #framework-content-right img {margin-top:2px;_margin-top:1px;} /* TODO: remove fw hook; btw - does this even work? class and then id */
/*
* END /web/fw/w/cl/n03/n03.css
*/
/*!
* BEGIN /web/fw/w/cl/n04/n04.css
*/
/*
* Revision: 1.4
*
* n04.css: Provides classes for component N04
* - n04v4: Graphical Navigation (Formerly implemented via smb-hero.css)
* - n04v5: Infohovers for Graphical Navigation
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n04v4 - Graphical Navigation
*************************************************************
*/
.n04v4,
.clb .n04v4 {
position:relative;
min-height:216px;
_height:216px;
border:2px solid #ccc;
margin: 15px 0;
width:904px;
%font-size:x-small; /* TODO: fix this! */
}
/* JS version hero-nav height */
.n04v4.n04v4js {
min-height:108px;
%height:110px;
}
/* Icon Title Text */
.n04v4 a {
text-decoration:none;
}
/* Icon Title Text : on hover */
.n04v4 a:hover {
text-decoration:underline;
}
/* Top/Bottom icon set alignment */
.n04v4 .section1,
.n04v4 .section2 {
position:relative;
background-repeat:no-repeat;
}
/* Top/Bottom links positioning - Non JS Version */
.n04v4 a.vtab {
min-height:58px;
_height:58px;
padding:50px 20px 0 20px;
font-size:145.5%;
%font-size:150%;
_font-size:145.5%;
font-weight:bold;
display:block;
width:180px;
%padding-bottom:2px !important;
}
.n04v4 a:link.vtab,
.n04v4 a:hover.vtab,
.n04v4 a:visited.vtab,
.n04v4 a:active.vtab {
color:#2F6681;
}
/* Top/Bottom links positioning - JS Version */
.n04v4.n04v4js a.vtab {
min-height:35px;
_height:35px;
padding:18px 20px 2px 20px;
width:180px;
}
/* bottom tab background on hover */
.n04v4 .bottom {
background:url(/web/fw/w/cl/n04/vtab-prod-on.jpg) left bottom no-repeat;
width:904px;
}
/* Top tab background - JS version */
.n04v4.n04v4js .top.taboff {
background:url(/web/fw/w/cl/n04/vtab-sol-off.jpg) left bottom no-repeat;
}
/* Width of top tab */
.n04v4 .top {
width:904px;
}
/* Top tab background on hover- JS version */
.n04v4.n04v4js .top {
background:url(/web/fw/w/cl/n04/vtab-sol-on.jpg) left -56px no-repeat;
}
/* Bottom tab background - JS version */
.n04v4.n04v4js .bottom.taboff {
background:url(/web/fw/w/cl/n04/vtab-prod-off.jpg) left top no-repeat;
width:220px;
}
/* Icon title links - JS version */
.n04v4.n04v4js .taboff a.vtab {
color:#4f7aa6;
}
.n04v4.n04v4js .taboff .item-list {
display:none;
}
/* Icons alignment in top/bottom tabs */
.n04v4 .item-list {
width:686px;
position:absolute;
top:0px;
left:220px;
text-align:center;
display:block;
}
/* Bottom tab default icons alignment */
.n04v4.n04v4js .bottom .item-list {
top:-55px;
}
.n04v4.n04v4js .top .item-list {
%top:0px;
}
/* Icon text alignment */
.n04v4 .item-list .navlink {
display:block;
height:102px;
background-repeat:no-repeat;
font-weight:bold;
color:#2f6681;
padding:8px 0px 0px 0px;
_font-size:110%;
}
.n04v4 .set3 .item-list .navlink {
padding-left: 90px;
text-align: left;
font-weight: normal;
}
.n04v4 .set3 .item-list .navlink span.item-heading {
font-size: 130%;
display: block;
padding-top: 24px;
font-weight: bold;
}
/* Icon text visited link color */
#n04v4 a:visited {
color:#2f6681 !important;
}
/* Icons alignment in top/bottom div */
.n04v4 .item-list div {
float:left;
position:relative;
}
/* styles for the hover popup info */
html>body .n04v5 .detail {
*width:191px; /* special for ie7 */
}
/*info hover caret image alignment */
.n04v5 .detail {
display:none;
position:absolute;
top:88px;
/*this padding and margin needed for caret image */
padding-top:8px;
background:url(/web/fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
text-align:left;
width:186px;
%margin-left:-5px;
z-index:1; /* added to fix Bug:1041 */
}
/*Info hover text alignment */
.n04v4 .detail-text {
padding:2px 14px 19px;
width:164px;
margin:3px -3px -8px;
%padding:2px 14px 12px;
}
/* Info hover shadow image alignment -special for IE */
* html .n04v4 .detail-text {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
width:166px !important;
margin:-2px -2px -2px -2px;
position:relative;
}
html>body .n04v5 .detail-text {
background:transparent url(/web/fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
margin:-1px 1px 0px -3px;
position:absolute;
width:166px !important;
}
* html .n04v4 .detail-text a {
z-index:1;
position:relative;
}
/* Title positioning in info hover */
.n04v5 .detail h2 {
font-size:127.5% !important;
%font-size:135% !important;
color:#333;
margin:6px 0 1px;
}
/* Sub Title positioning in info hover */
.n04v4 .detail-text .c15v2 { /* TODO: coupling alert! */
padding-bottom:5px;
border-bottom:#ccc 1px solid;
}
/* Block titles beneath hero nav */
.n04v5 .detail h3 {
margin-top:5px;
margin-bottom:-4px;
color:#333;
font-weight:bold;
}
/* List style in Info hover */
.n04v5 .detail ul li {
margin:0px;
}
.n04v5 .detail ul {
list-style-type:disc;
margin-left:12px;
_margin-left:16px;
margin-top:5px;
padding:0;
margin-bottom:0;
}
/* Nav item width specs */
.n04v4 .set3 .item-list div {
width: 228px;
}
.n04v4 .set4 .item-list div {
width:171px;
}
.n04v4 .set5 .item-list div {
width:137px;
}
.n04v4 .set6 .item-list div {
width:114px;
}
.n04v4 .set7 .item-list div{
width:98px;
}
/* odd widths 5 icon case, first item */
.n04v4 .set5 .item-list div.item1{
width:136px;
}
/* width for 7 icon case, last two items */
.n04v4 .set7 .item6,
.n04v4 .set7 .item7 {
width:97px;
}
/* Icons Use Case Definitions */
/* 3 default */
.n04v4 .set3 .item1 .navlink {background-position: -29px 0px;}
.n04v4 .set3 .item2 .navlink {background-position: -353px 0px;}
.n04v4 .set3 .item3 .navlink {background-position: -645px 0px;}
/* 3 hover */
.n04v4 .set3 .item1 .navlink:hover {background-position: -29px -110px;}
.n04v4 .set3 .item2 .navlink:hover {background-position: -353px -110px;}
.n04v4 .set3 .item3 .navlink:hover {background-position: -645px -110px;}
/* 4 default */
.n04v4 .set4 .item1 .navlink {background-position: -27px 0px;}
.n04v4 .set4 .item2 .navlink {background-position: -253px 0px;}
.n04v4 .set4 .item3 .navlink {background-position: -486px 0px;}
.n04v4 .set4 .item4 .navlink {background-position: -711px 0px;}
/* 4 hover */
.n04v4 .set4 .item1 .navlink:hover {background-position: -27px -110px;}
.n04v4 .set4 .item2 .navlink:hover {background-position: -253px -110px;}
.n04v4 .set4 .item3 .navlink:hover {background-position: -486px -110px;}
.n04v4 .set4 .item4 .navlink:hover {background-position: -711px -110px;}
/* 5 default */
.n04v4 .set5 .item1 .navlink {background-position: -20px 0px;}
.n04v4 .set5 .item2 .navlink {background-position: -206px 0px;}
.n04v4 .set5 .item3 .navlink {background-position: -387px 0px;}
.n04v4 .set5 .item4 .navlink {background-position: -570px 0px;}
.n04v4 .set5 .item5 .navlink {background-position: -752px 0px;}
/* 5 hover */
.n04v4 .set5 .item1 .navlink:hover {background-position: -20px -110px;}
.n04v4 .set5 .item2 .navlink:hover {background-position: -206px -110px;}
.n04v4 .set5 .item3 .navlink:hover {background-position: -387px -110px;}
.n04v4 .set5 .item4 .navlink:hover {background-position: -570px -110px;}
.n04v4 .set5 .item5 .navlink:hover {background-position: -752px -110px;}
/* 6 default */
.n04v4 .set6 .item1 .navlink {background-position: -23px 0px;}
.n04v4 .set6 .item2 .navlink {background-position: -173px 0px;}
.n04v4 .set6 .item3 .navlink {background-position: -322px 0px;}
.n04v4 .set6 .item4 .navlink {background-position: -476px 0px;}
.n04v4 .set6 .item5 .navlink {background-position: -623px 0px;}
.n04v4 .set6 .item6 .navlink {background-position: -777px 0px;}
/* 6 hover */
.n04v4 .set6 .item1 .navlink:hover {background-position: -23px -110px;}
.n04v4 .set6 .item2 .navlink:hover {background-position: -173px -110px;}
.n04v4 .set6 .item3 .navlink:hover {background-position: -322px -110px;}
.n04v4 .set6 .item4 .navlink:hover {background-position: -476px -110px;}
.n04v4 .set6 .item5 .navlink:hover {background-position: -623px -110px;}
.n04v4 .set6 .item6 .navlink:hover {background-position: -777px -110px;}
/* 7 default */
.n04v4 .set7 .item1 .navlink {background-position: -15px 0px;}
.n04v4 .set7 .item2 .navlink {background-position: -145px 0px;}
.n04v4 .set7 .item3 .navlink {background-position: -275px 0px;}
.n04v4 .set7 .item4 .navlink {background-position: -405px 0px;}
.n04v4 .set7 .item5 .navlink {background-position: -535px 0px;}
.n04v4 .set7 .item6 .navlink {background-position: -665px 0px;}
.n04v4 .set7 .item7 .navlink {background-position: -795px 0px;}
/* 7 hover */
.n04v4 .set7 .item1 .navlink:hover {background-position: -15px -110px;}
.n04v4 .set7 .item2 .navlink:hover {background-position: -145px -110px;}
.n04v4 .set7 .item3 .navlink:hover {background-position: -275px -110px;}
.n04v4 .set7 .item4 .navlink:hover {background-position: -405px -110px;}
.n04v4 .set7 .item5 .navlink:hover {background-position: -535px -110px;}
.n04v4 .set7 .item6 .navlink:hover {background-position: -665px -110px;}
.n04v4 .set7 .item7 .navlink:hover {background-position: -795px -110px;}
/* Info-Hover Positions for each Use Case */
/* 3 icon */
.n04v5 .set3 .item1-detail {left:240px;}
.n04v5 .set3 .item2-detail {left:468px;}
.n04v5 .set3 .item3-detail {left:697px;}
/* 4 icon */
.n04v5 .set4 .item1-detail {left:214px;}
.n04v5 .set4 .item2-detail {left:386px;}
.n04v5 .set4 .item3-detail {left:554px;}
.n04v5 .set4 .item4-detail {left:724px;}
/* 5 icon */
.n04v5 .set5 .item1-detail {left:195px;}
.n04v5 .set5 .item2-detail {left:332px;}
.n04v5 .set5 .item3-detail {left:470px;}
.n04v5 .set5 .item4-detail {left:605px;}
.n04v5 .set5 .item5-detail {left:745px;}
/* 6 icon */
.n04v5 .set6 .item1-detail {left: 180px;}
.n04v5 .set6 .item2-detail {left: 295px;}
.n04v5 .set6 .item3-detail {left: 413px;}
.n04v5 .set6 .item4-detail {left: 524px;}
.n04v5 .set6 .item5-detail {left: 644px;}
.n04v5 .set6 .item6-detail {left: 755px;}
/* 7 icon */
.n04v5 .set7 .item1-detail {left: 177px;}
.n04v5 .set7 .item2-detail {left: 273px;}
.n04v5 .set7 .item3-detail {left: 371px;}
.n04v5 .set7 .item4-detail {left: 469px;}
.n04v5 .set7 .item5-detail {left: 570px;}
.n04v5 .set7 .item6-detail {left: 663px;}
.n04v5 .set7 .item7-detail {left: 760px;}
/*
*************************************************************
n04v5 - Infohovers for Graphical Navigation
*************************************************************
*/
html>body .n04v5 .detail {
*width:191px; /* special for ie7 */
}
/*info hover caret image alignment */
.n04v5 .detail {
display:none;
position:absolute;
top:88px;
/*this padding and margin needed for caret image */
padding-top:8px;
background:url(/web/fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
text-align:left;
width:186px;
}
/*Info hover text alignment */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text {
padding:2px 14px 19px;
width:164px;
margin:3px -3px -8px;
}
/* Info hover shadow image alignment -special for IE */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
width:194px;
margin:-2px -2px -2px -2px;
position:relative;
}
html>body .n04v5 .detail-text {
background:transparent url(/web/fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
margin:-1px 1px 0px -3px;
position:absolute;
}
/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text a {
z-index:1;
position:relative;
}
/* Title positioning in info hover */
.n04v5 .detail h2 {
font-size:127.5%;
color:#333;
margin:6px 0 1px;
}
/* Sub Title positioning in info hover */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text .c15v2 {
padding-bottom:5px;
border-bottom:#ccc 1px solid;
}
/* Block titles beneath hero nav */
.n04v5 .detail h3 {
margin-top:5px;
margin-bottom:-4px;
color:#333;
font-weight:bold;
}
/* List style in Info hover */
.n04v5 .detail ul {
margin-left:12px;
_margin-left:16px;
margin-top:5px;
}
/*
* END /web/fw/w/cl/n04/n04.css
*/
/*!
* BEGIN /web/fw/w/cl/n05/n05.css
*/
/*
* Revision: 1.5
*
* n05.css:
* - n05v3: Single Column List Navigation
* - n05v4: Double Column List Navigation
* - n05v15: List -
* - n05v16: List - Solutions List with Optional Image
* - n05v17: List - Dated Link List with Footer Links
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* **********************************************************
* *
* Base class for the List Navigation Component - n05v4 *
* *
* ********************************************************* */
.n05v3, .n05v4{
border:1px #ccc solid;
color:#333;
_height:1%;
_width:99.1%; /* as the margin extends beyond the right margin in IE6 */
}
/* IE7 styles for n05v4 component */
.n05v4{
display:block;
%padding-bottom:12px;
_padding-bottom:0px;
zoom:1;
}
/* Styles for the H4 Header text */
.n05v3 h4, .n05v4 h4{
border-bottom :1px solid #ccc;
color:#666;
font-size:109.1%; /* 12px font size for the h3 as it is overriden by the .clb h3 to 13px font size */
background-color:#f2f2f2;
margin-top:0; /* to avoid the whitespace b/w the h3 header text and the top component border */
padding:7px 0 4px 9px; /* spacing 10px on the left , 9px on the top and 6px on the bottom for the header text */ /* Fix #246 */
}
.n05v3:after, .n05v4:after{ /* these are from the clearfix class we integrated to reduce extra class names in markup */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.n05v3 ul{
margin-top:-3px; /* 12px spacing b/w the first list item and the bottom border of the h3 header */
_margin-bottom:8px; /* 12px bottom spacing b/w the last list item (of any of the 2 lists)
and the bottom border the n05v3 component in IE6 */
/* float:left;
width:45%; */
list-style-type:none;
}
.n05v3 ul li{
/* margin-left:12px; 13px spacing b/w the list item and the component left margin */ /* Commenting this code is fixing #230 - Need to check w/ Chad*/
margin-top:12px; /* To fix defect #235, changed margin-top from 11px to 14px */
}
.n05v3 .all-links {margin-bottom:12px;} /* 12px spacing b/w the list and the bottom border of the n05v3 with all links */
/* 12px bottom spacing b/w any 2 links for an n05v3 with all links */
.n05v3 .all-links li{
margin-bottom:-4px;
margin-top:12px; /* fix 253, 251 */
}
.n05v3 ul ul{
margin-top:4px; /* 12px spacing b/w the top of nested list item and the bottom of Parent list item */
_margin-top:9px;
margin-bottom:5px; /* 16px spacing b/w the bottom of the child list item and the top of the parent list item */
_margin-bottom:4px;
_margin-left:10px /* To fix #230 */
}
.n05v3 ul ul li{
padding-left:2px; /* 28px spacing b/w the left margin and the first character of the child list item */
margin-top:3px; /* 7px spacing b/w any 2 child list items */
_margin-top:2px;
}
/* Styles for the linked list items */
.n05v3 a, .n05v4 a{
color:#2f6681;
font-size:109.1%; /* 12px font size for the anchors */
}
/* Styles for any text message to show results of selection made / warning message */
.n05v3 ul p{
margin:14px 0 14px 15px; /* To fix defect #208 and #251 */
_margin-bottom:-4px; /* 7px spacing b/w the bottom margin and the paragraph text */
_margin-left:14px; /* 28px spacing b/w left margin and the paragraph text */
}
.n05v3 .text-msg{
margin-bottom:-2px; /* to fix #249 */
margin-top:9px;/* 7px spacing b/w the bottom of lst navigation and paragraph text */
_padding-bottom:1px; /* 16px spacing b/w the parent list item and bottom the the text */
_margin-left:14px; /* 28px spacing b/w left margin and the paragraph text */
margin-right:13px;
}
/* Styles for the top level list within the n05v4 component */
.n05v4 ul{
margin-top:8px; /* 12px spacing b/w the first list item and the bottom border of the h3 header */
margin-bottom:-2px; /* 12px bottom spacing b/w the last list item (of any of the 2 lists)
and the bottom border the n05v4 component */
_margin-top:9px;
float:left;
width:45%;
_width:44%;/*in IE6 both the columns were coming in a single row*/
display: inline; /* Required for IE6 to split the column to two */
}
/* Styles for the second column positioning within the N05v4 component */
.n05v4 .col-b{
padding-left:9px; /* 356px spacing from the left margin of n05v4 component and the first
character of the list item in second column */ /* Changed the padding left option from 21 to 9px to fix #231*/
_padding-left:5px; /* Changed from 9px to 5px to fix #231 */
}
.n05v4 ul li{
margin-left:0px; /* 13px spacing b/w the list item and the component left margin */
list-style-type:none;
_margin-top:-1px; /* 7px spacing b/w any 2 nested list items*/
_width:100%;
margin-bottom:0px;
margin-top:2px /* Fix #224 */
}
.n05v4 ul ul{
margin-top:5px; /* 12px spacing b/w the top of nested list item and the bottom of Parent list item */
margin-bottom:12px; /* 16px spacing b/w the bottom of the child list item and the top of the parent list item */
_padding-bottom:12px;
min-width:105%;
_width:100%; /*resolve the text wrapping issue in IE6*/
}
.n05v4 ul ul li{
padding-left:4px; /* 28px spacing b/w the left margin and the first character of the child list item */
margin-top:3px; /* 7px spacing b/w any 2 child list items */
}
/* Styles for any text message to show results of selection made / warning message */
.n05v4 ul p{margin:3px 0 8px 12px;} /* */
/*
*************************************************************
n05v15 - Navigation - List -
*************************************************************
*/
.n05v15,
.clb .n05v15 {
border:1px solid #ccc;
position:relative;
}
.n05v15 ul {
width:33.3%;
float:left;
margin: 0;
padding:0 0 22px;
list-style-type:none;
list-style-position:outside;
}
.n05v15 h3 {
margin:11px 11px 9px;
padding-bottom:7px;
border-bottom:1px solid #ccc;
}
.n05v15 li {
margin: 0 18px 5px 12px;
}
.n05v15 div {
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.n05v15 div:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.n05v15 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-1px;
font-size:0;
}
.n05v15 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-2px;
}
.n05v15 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-1px;
left:-1px;
font-size:0;
}
.n05v15 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-2px;
}
/*
*************************************************************
n05v16 - Navigation - List - Solutions List w/ Optional Image
*************************************************************
*/
.n05v16,
.clb .n05v16 {
border: 1px solid #ccc;
padding: 0 18px 9px 12px !important;
zoom:1; /* this style for ie float behavior */
}
.n05v16:after,
.clb .n05v16:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n05v16 h3 {
background: #dfdfdf url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
border-bottom: 1px solid #ccc;
padding: 6px 12px 5px;
margin: -4px -18px 17px -12px;
}
.n05v16 img {
position: relative;
float: left;
margin-top: 3px;
margin-right: 12px;
}
.n05v16 p {
background: transparent;
margin-bottom: 14px;
}
.n05v16 h4 {
color: #2970a6;
}
.n05v16 .img-intro img {
position: relative;
float: left;
margin: 2px 0 0;
}
.n05v16 .img-intro p {
background: transparent;
margin-left: 162px !important;
margin-bottom: 9px;
}
.n05v16 .img-intro p:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n05v16 .img-intro {
zoom:1; /* this style for ie float behavior */
}
.n05v16 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n05v16 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-32px;
}
.n05v16 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-10px;
left:-13px;
font-size:0;
}
.n05v16 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-32px;
}
/*
*************************************************************
n05v17 - list - dated link list with footer links
*************************************************************
*/
.n05v17,
.clb .n05v17 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 17px;
}
.n05v17 h3 {
background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:9px 12px 6px;
border-bottom:1px solid #ccc;
margin:-4px -12px 17px;
}
.n05v17 ul {
list-style:none outside;
margin: 0 0 14px;
}
.n05v17 li {
margin-bottom:8px;
}
.n05v17 .separator {
padding:0 4px;
}
.n05v17 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n05v17 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.n05v17 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-18px;
left:-13px;
font-size:0;
}
.n05v17 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* END /web/fw/w/cl/n05/n05.css
*/
/*!
* BEGIN /web/fw/w/cl/n09/n09.css
*/
/*
* Revision: 1.3
*
* n09.css:
* - n09v4: Product Portfolio - Two column product list, per category
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n09v4 - Product Portfolio - Two column product list, per category
*************************************************************
*/
.n09v4,
.clb .n09v4 {
margin-bottom: 7px !important;
/* %margin-bottom: -2px !important; -- interferes with border; might need another way to tweak margin? */
border-bottom: 1px solid #ddd;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.n09v4:after,
.clb .n09v4:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n09v4-last, .clb .n09v4-last,
.n09v4-flat, .clb .n09v4-flat {
border-bottom:0;
%margin-bottom: -2px !important;
}
.n09v4 h4 {
margin: 0 0 8px;
font-size: 109%;
clear:both;
}
.n09v4 h4.no-child {
font-weight: normal !important;
font-size: 100% !important;
}
.n09v4 ul {
float: left;
width: 50%;
margin: 0; /* override CLB */
}
.n09v4 li {
padding: 0 0 8px;
margin-bottom: 0; /* override CLB */
list-style:none;
list-style-position: outside;
}
.n09v4 .col-left li {
margin-right: 24px;
}
.n09v4 .col-right li {
margin-left: 12px;
margin-right: 12px;
}
/*
* END /web/fw/w/cl/n09/n09.css
*/
/*!
* BEGIN /web/fw/w/cl/n17/n17.css
*/
/*
* Revision: 1.2
*
* n17.css: Provides classes for component C00
* - n17v5: Backpack - PCP portlet
* - n17v6: Backpack - no portlets messaging
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n17v6 - Backpack - no portlets messaging
*************************************************************
*/
.n17v6 {
width:217px;
background:transparent url(/web/fw/i/sprite_gradients_h.png) repeat-x scroll 0 0;
border:1px solid #ccc;
font-size:x-small;
padding:0 !important;
}
.n17v6 p{
font-size:110%;
padding:4px 4px 0 7px;
min-height:60px;
_height:60px;
}
.n17v6 .cl-top-corners,
.n17v6 .cl-top-corners span,
.n17v6 .cl-bottom-corners,
.n17v6 .cl-bottom-corners span{
display:block;
background: transparent url(/web/fw/i/sprite_corners_4px.png) no-repeat 0 0;
height:4px;
width:100%;
position:relative;
font-size:0;
}
.n17v6 .cl-top-corners{
top:-1px;
left:-1px;
}
.n17v6 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-2px;
_right:-3px;
}
.n17v6 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-1px;
}
.n17v6 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-2px;
}
/*
* END /web/fw/w/cl/n17/n17.css
*/
/*!
* BEGIN /web/fw/w/cl/n19/n19.css
*/
/*
* Revision: 1.3
*
* n19.css: Tip Navigator (Featured Content/Small Business)
* - n19: General Tip Navigator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n19 - General Tip Navigator
*************************************************************
*/
.n19,
.clb .n19 {
border:1px solid #ccc;
background:#eee;/* top background color & attach gradient image at bottom repeat-x;*/
padding:11px 11px 15px;
position:relative;
zoom:1; /* idiotic ie bug. can't see positioned images unless this 'has layout' !!!!! */
}
.n19 .cta {
padding-left:13px;
background:url(/web/fw/i/arrow_transp_5x9.gif) no-repeat center left;
}
.n19 h3 {
margin-bottom:3px;
}
.n19 p {
line-height:141%;
margin-bottom:12px;
}
.n19 img {
float:right;
padding:2px 0 12px 12px;
}
.n19 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-12px;
left:-12px;
font-size:0;
}
.n19 .cl-top-corners span {
display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-24px;
}
.n19 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 4px repeat-y;
height:4px;
width:100%;
font-size:0;
position:relative;
bottom:-16px;
left:-12px;
}
.n19 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
bottom:-0px;
position:relative;
right:-24px;
}
/*
* END /web/fw/w/cl/n19/n19.css
*/
/*!
* BEGIN /web/fw/w/cl/n21/n21.css
*/
/*
* Revision: 1.4
*
* n21.css: Product Drawers
* - n21: General Product Drawers
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n21 - General Product Drawers
*************************************************************
*/
.n21,
.clb .n21 {
position:relative;
%zoom:1;
%padding-top:4px;
}
/* TODO: use grids to remove coupling between n21 and other components? */
.c17v1 .infotab .n21 {
margin:0 -12px !important; /* stretches all the way across tab */
%margin-left:-13px !important;
}
/* TODO: wtf -- c17v1?! */
.c17v1 .cl-bottom-corners {
z-index:300; /* needed to pull corners above .series and .items which were given z-indexes to combat a sliding content bug. */
}
ul.n21, .n21 .items, .n21 .infolinks {
list-style:none;
margin: 0; /* override CLB */
}
.n21 li {
margin-bottom: 0; /* override CLB */
}
.n21 .series {
position:relative;
min-height:100px;
_height:100px;
background:url("/web/fw/i/category_bg_2x200.gif") repeat-x;
padding:20px 12px 0;
border-bottom:1px solid #ccc;
%zoom:1;
%margin:-3px 0;
%padding-top:23px;
%border-left:1px solid #ccc;
z-index:200;
}
.n21 .series-last {
margin-bottom: -1px;
%margin-bottom: -4px;
}
.n21 .prodinfo {
float:left;
margin-right:124px;
}
.n21 .notice {
color:#9a3435;
padding-left:10px;
}
/* ---------------------------- */
.n21 .items {
background:url("/web/fw/i/separator_bg_2x6.gif") bottom repeat-x;
border-bottom:1px solid #ccc;
%padding:0 12px;
%border-left:1px solid #ccc;
z-index:100;
}
.n21 .items-last {
background: none;
border-bottom: none;
}
/* ---------------------------- */
.n21 .items li {
padding:20px 0;
margin:0 12px;
border-bottom:1px solid #eee;
%zoom:1;
%margin:-3px 0 0;
}
.n21 ul.details {
margin: 0 0 0 116px;
padding:0;
%padding-left:12px;
%zoom:1;
%position:relative; /* These 3 so IE doesn't cut off the top of the bullet */
%top:-5px;
%padding-top:10px;
}
.n21 ul.details li {
list-style-type: disc;
padding:0;
border:none;
vertical-align:top;
%margin-bottom:4px;
%margin-left:4px;
%position:relative; /* These 2 so IE doesn't cut off the top of the bullet */
%top:-3px;
}
.n21 ul.details img {
height:7px;
width:59px;
}
.n21 ul.infolinks {
width:104px;
float:right;
margin:13px 0 0 -136px;
%margin:10px -10px 0 -112px;
z-index:10;
zoom:1;
padding:0;
}
.n21 ul.infolinks li {
padding:5px 0;
border-width:0 0 1px;
%margin-left:12px;
margin-right:0;
}
.n21 ul.infolinks li.last {
border:none;
}
.n21 img.product {
width:100px;
height:80px;
}
.n21 h3, .n21 h4 {
margin: -80px 0 4px 114px;
/* %margin-top:-87px; */
}
.n21 h4 {
zoom:1;
}
.n21 h3.noimg, .n21 h4.noimg {
margin-top:0;
}
.n21 .series h3 a {
font-size:90.9%;
}
.n21 p {
font-size:109.1%;
margin:0 12px 0 114px;
padding-bottom:36px;
}
.n21 a.show {
display:block;
padding:12px 12px 9px 0;
text-align:right;
position:absolute;
right:0; bottom:0;
}
.n21 a.show:hover {
text-decoration:inherit;
}
.n21 a.show .icon {
height:13px;
padding-right:25px;
display:inline-block;
margin-bottom:-2px;
}
.n21 .hidetext {
display:none;
min-height:12px;
_height:12px; /* ie7 knows min-height */
}
.n21 .hidetext .icon {
background: url("/web/fw/i/expand_contract_icon_sprite.gif") no-repeat right -66px;
}
.n21 .hidetext:hover .icon {
background-position:right -99px;
text-decoration:none;
}
.n21 .showtext .icon {
background: url("/web/fw/i/expand_contract_icon_sprite.gif") no-repeat right top;
}
.n21 .showtext:hover .icon{
background-position:right -33px;
text-decoration:none;
}
.n21 a.show:hover .text {
text-decoration:underline;
}
/*
* END /web/fw/w/cl/n21/n21.css
*/
/*!
* BEGIN /web/fw/w/cl/n22/n22.css
*/
/*
* Revision: 1.3
*
* n22.css:
* - n22v1: feature carousel - title, description, links within box carousel
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n22v1 - feature carousel - title, description, links within box carousel
*************************************************************
*/
.n22v1,
.clb .n22v1 {
border: 1px solid #e9e9e9;
background: #eee !important;
padding: 0 12px !important;
display: block;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.n22v1:after,
.clb .n22v1:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n22v1 h3 {
background: #dfdfdf url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
border-bottom: 1px solid #ccc;
padding: 6px 12px 7px !important;
margin: -4px -12px 0;
}
.n22v1 ol {
list-style-type:none;
list-style-position: outside;
margin: 16px 0 12px;
padding: 0;
}
.n22v1 .hidden {
display: none;
}
.n22v1 p {
margin-bottom: 14px;
}
.n22v1 .cta-links {
margin-left: -8px;
}
.n22v1 .cta-links a {
margin: 0 8px;
}
/* navigation controls */
.n22v1 .carousel-controls {
position: relative;
float:right;
padding-top: 2px;
}
.n22v1 .carousel-previous {
width: 12px;
height: 15px;
float: left;
}
.n22v1 .carousel-next {
width: 12px;
height: 15px;
float: left;
}
.n22v1 #carousel-dots div {
width: 9px;
height: 15px;
float: left;
}
.n22v1 .carousel-dots {
background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -9px 3px no-repeat scroll;
}
.n22v1 .carousel-dots-on {
background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -18px 3px no-repeat scroll;
}
.n22v1 .carousel-controls a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.n22v1 .carousel-controls a:hover {
text-decoration: none;
}
.n22v1 .carousel-previous a {
background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) 3px 3px no-repeat scroll;
}
.n22v1 .carousel-next a {
background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -27px 3px no-repeat scroll;
}
.n22v1 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n22v1 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.n22v1 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-1px;
left:-13px;
font-size:0;
}
.n22v1 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-26px;
}
/*
* END /web/fw/w/cl/n22/n22.css
*/
/*!
* BEGIN /web/fw/w/cl/n41/n41.css
*/
/**
* n41.css
* Revision: 1.4
*
* $Id: libra.css,v 1.36 2010/09/17 00:40:09 dgipp Exp $
* n41.css: Provides classes for component N41: Product Image
*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
N41 - Product Image
*************************************************************
*/
.n41 {
width: 514px; /* the widths in the redline are wrong*/
min-height:165px;
background-color: #dee6eb;
color: #666;
font-size: 12px; /* switch to 86% when cl change is in place */
position: relative;
}
.n41 .content, .n41 .media { float: left; position: relative; zoom: 1;}
.n41 .content, .n41 .content-full { width: 277px; background-color: #dee6eb; padding: 16px 16px 16px 15px; }
.n41 .content-full { width: auto; }
.n41 .footer { position: absolute; bottom: 13px; }
.n41 .media { width: 205px; text-align: center; background-color: #dee6eb; height:auto; float:left}
.n41 h3 { color: #666; font-size: 16px; margin-bottom: 5px; margin-top:-4px;}
.n41 img, .n41 .media .media-img {height:136px;margin-bottom:29px;position:relative;width:205px;}
.n41 img {_margin-bottom:0;} /*fix for IE6*/
.n41 .media .media-img {_margin-bottom:25px;} /*fix for IE6*/
.n41:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainFooter {float:left;padding:0px 0px 12px 15px;width:100%;position:absolute; bottom:0; left:0; _bottom:0;}
#mainFooter .contentfooter{float:left; width:292px}
#mainFooter .mediafooter {bottom:6px;float:left;left:309px;position:absolute;text-align:center;width:205px;}
#mainContent{float:left;}
/*
* END /web/fw/w/cl/n41/n41.css
*/
/*!
* BEGIN /web/fw/w/cl/s01/s01.css
*/
/*
* Revision: 1.3
*
* s01.css: Cisco Assistant
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s01: Cisco Assistant
*************************************************************
*/
.s01,
.clb .s01 {
border: 1px solid #ccc;
background: #eee url('/web/fw/i/s01-bg.png') left bottom repeat-x;
padding: 5px 11px 11px;
position:relative;
}
.s01 h3 {
margin: 0;
padding: 0 0 9px 0;
}
.s01 ul {
list-style: none;
border-top: 1px solid #ccc;
margin: 8px 0 0 0;
%margin: 5px 0 0 0;
padding: 5px 0 0 0;
%padding: 3px 0 0 0;
}
.s01 li {
margin: 0;
padding: 0 0 2px 0;
%padding: 0;
}
/* rounded corners: includer.js - cdc.util.addCorners() */
.s01 .cl-top-corners {
display: block;
background: url('/web/fw/i/4px_corners_ccc.gif') 0 0 no-repeat;
height: 4px;
width: 100%;
position: relative;
top: -6px;
left: -12px;
font-size: 0;
}
.s01 .cl-top-corners span {
display: block;
background: url('/web/fw/i/4px_corners_ccc.gif') 100% -4px no-repeat;
height: 4px;
width: 100%;
position: absolute;
top: 0;
right: -24px;
}
.s01 .cl-bottom-corners {
display: block;
background: url('/web/fw/i/4px_corners_ccc.gif') 0 4px repeat-y;
height: 4px;
width: 100%;
font-size: 0;
position: relative;
bottom: -12px;
left: -12px;
}
.s01 .cl-bottom-corners span {
display: block;
background: url('/web/fw/i/4px_corners_ccc.gif') 100% -8px no-repeat;
height: 4px;
width: 100%;
bottom: 0;
position: relative;
right: -24px;
}
/*
* END /web/fw/w/cl/s01/s01.css
*/
/*!
* BEGIN /web/fw/w/cl/s02/s02.css
*/
/*
* Revision: 1.3
*
* s02.css:
* - s02v8: Related - Other Resources, Grouped
* - s02v12: Related Links in Container
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s02 - Generic rules
*************************************************************
*/
/*
*************************************************************
s02v8 - Related - Other Resources, Grouped
*************************************************************
*/
.s02v8,
.clb .s02v8 {
border: 1px solid #ccc;
padding: 0 12px;
}
.s02v8 h4 {
background-color: #dfdfdf;
border-bottom: 1px solid #ccc;
padding: 6px 12px 5px;
margin: 0 -12px 4px -12px;
background: #dfdfdf url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
}
.s02v8 ul {
list-style-type: none;
margin-left: 0px;
}
.s02v8 ul li {
padding: 3px 0 3px 20px;
}
.s02v8 .cl-top-corners,
.s02v8 .cl-top-corners span,
.s02v8 .cl-bottom-corners,
.s02v8 .cl-bottom-corners span {
display:block;
height:4px;
width:100%;
background-image: url("/web/fw/i/4px_corners_ccc.gif");
background-repeat: no-repeat;
position:relative;
}
.s02v8 .cl-top-corners {
background-position: 0 0;
top:-1px;
left:-13px;
font-size:0;
margin-bottom: -4px;
}
.s02v8 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-26px;
}
.s02v8 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-13px;
font-size:0;
}
.s02v8 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-26px;
}
/*
*************************************************************
s02v12 - Related - Related Links in Container
*************************************************************
*/
.s02v12,
.clb .s02v12 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 5px;
}
.s02v12 h3 {
background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:5px 12px;
border-bottom:1px solid #ccc;
margin:-4px -12px 7px;
}
.s02v12 ul {
list-style:none outside;
margin:0;
}
.s02v12 li {
margin-bottom:8px;
}
.s02v12 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.s02v12 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.s02v12 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-6px;
left:-13px;
font-size:0;
}
.s02v12 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* END /web/fw/w/cl/s02/s02.css
*/
/*!
* BEGIN /web/fw/w/cl/s03/s03.css
*/
/*
* Revision: 1.3
*
* s03.css: Provides classes for component s03: Partner Locator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s03 - Partner Locator
*************************************************************
*/
.s03,
.clb .s03 {
width: 186px;
background: #eaeff2;
color: #666666;
font-size: 11px;
position: relative;
border: solid 1px #cccccc;
line-height: 11px;
}
.s03 form {
margin: 0;
padding: 0;
}
.s03 h3 {
height: 30px;
width: 100%;
color: #333333;
background: #c5d7e1;
font-weight: bolder;
font-size: 13px;
margin: 0 0 0 0;
line-height: 30px;
text-indent: 15px;
}
.s03 .content {
padding: 9px 15px 20px 15px;
color: #666666;
}
.s03 .city_fld {
width: 143px;
font-size: 11px;
color: #666666;
margin: 7px 0 8px 0;
}
.s03 select {
margin: 8px 0 12px 0;
width: 146px;
font-size: 11px;
color: #666666;
}
.s03 option {
width:150px;
}
.s03 .sub_btn {
font-weight: bolder;
color: #2f6681;
font-size: 11px;
}
.s03v4 h3 {
margin-top: -4px;
}
.s03v4 .cl-top-corners,
.s03v4 .cl-top-corners span,
.s03v4 .cl-bottom-corners,
.s03v4 .cl-bottom-corners span {
display: block;
position: relative;
background: transparent url(/web/fw/i/4px_corners_ccc.gif) no-repeat scroll 0 0;
width:100%;
height:4px;
font-size:0;
}
.s03v4 .cl-top-corners {
top:-1px;
left:-1px;
}
.s03v4 .cl-top-corners span {
position: absolute;
background-position: 0 -4px;
top:0;
right: -2px;
width: 4px;
}
.s03v4 .cl-bottom-corners{
background-position: 0 -12px;
bottom:-1px;
left:-1px;
}
.s03v4 .cl-bottom-corners span{
position: absolute;
background-position: 0 -8px;
bottom:0;
right: -2px;
width: 4px;
}
/*
* END /web/fw/w/cl/s03/s03.css
*/
/*!
* BEGIN /web/fw/w/cl/s04/s04.css
*/
/*
* Revision: 1.3
*
* s04.css: Provides classes for component S04
* - s04v3: Feedback
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
S04v3 - Feedback
*************************************************************
*/
.s04v3,
.clb .s04v3 {
font-size:86%;
border:1px solid #ccc;
padding:6px 10px 10px;
margin:0 16px 12px 0;
}
/*
* END /web/fw/w/cl/s04/s04.css
*/
/*!
* BEGIN /web/fw/w/cl/s07/s07.css
*/
/*
* Revision: 1.3
*
* s07.css: Provides classes for component S07
* - s07v3: Ad Banner
* - s07v5: Promotion - Action-Oriented Promo
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
S07v3 - Ad Banner
*************************************************************
*/
.s07v3 img#bam_img {
margin:0; /* reset margin left */
}
/*
*************************************************************
s07v5 - Promotion - Action-Oriented Promo
*************************************************************
*/
.s07v5,
.clb .s07v5 {
border: 1px solid #ccc;
background: #eee;
padding:7px 12px 15px;
}
.s07v5 h4 {
margin-bottom:5px;
font-size:109.1%;
}
.s07v5 p {
margin-bottom:11px;
}
.s07v5 .cta {
background:url(/web/fw/i/arrow_transp_5x9.gif) no-repeat left center;
padding-left:12px;
}
.s07v5 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-8px;
left:-13px;
font-size:0;
}
.s07v5 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.s07v5 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-16px;
left:-13px;
font-size:0;
}
.s07v5 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* END /web/fw/w/cl/s07/s07.css
*/
/*!
* BEGIN /web/fw/w/cl/s14/s14.css
*/
/*
* Revision: 1.3
*
* s14.css:
* - s14v1: Graphical Sidebar List - List with Title & Icons
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s14v1 - Graphical Sidebar List - List with Title & Icons
*************************************************************
*/
.s14v1 h3 {
background: #d0d0d0 url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:6px 12px;
margin-top:-4px;
border-bottom:#aaa 1px solid;
}
.s14v1 ul {
list-style:none outside;
background-color:#e7e7e7;
margin: 0 0 -4px;
}
.s14v1 li {
font-weight:normal;
font-size: 109.5%;
line-height:121%;
border-top:#f4f4f4 1px solid;
border-bottom:#d6d6d6 1px solid;
margin-bottom: 0px;
}
.s14v1 .twitter a {
background-position:7px -322px;
}
.s14v1 .podcast a {
background-position:7px 2px;
}
.s14v1 .multimedia a {
background-position:8px -46px;
}
.s14v1 .blog a {
background-position:7px -93px;
}
.s14v1 .news a {
background-position:7px -138px;
}
.s14v1 .feed a {
background-position:7px -185px;
}
.s14v1 .discussion a {
background-position:7px -230px;
}
.s14v1 .design a {
background-position:7px -274px;
}
.s14v1 .facebook a {
background-position:7px -368px;
}
.s14v1 .youtube a {
background-position:7px -414px;
}
.s14v1 li a {
background:url(/web/fw/i/resources_icons_sprite_20.gif) no-repeat;
display:block;
padding:5px 38px 6px;
color: #666;
}
.s14v1 li a:hover {
color: #666;
}
.s14v1 .cl-top-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:0;
left:0;
font-size:0;
}
.s14v1 .cl-top-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:0;
}
.s14v1 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
left:0;
font-size:0;
}
.s14v1 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:0;
}
/*
* END /web/fw/w/cl/s14/s14.css
*/
/*!
* BEGIN /web/fw/w/cl/s15/s15.css
*/
/*
* Revision: 1.3
*
* s15.css:
* - s15v1: Graphical Sidebar List - List with Background Color
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s15v1 - Graphical Sidebar List - List with Background Color
*************************************************************
*/
.s15v1,
.clb .s15v1 {
/* border: 1px solid #ccc; */
}
.s15v1 ul {
list-style:none outside;
margin:-4px 0;
}
.s15v1 li {
font-weight:bold;
line-height:121%;
border-top:#6a92a5 1px solid;
border-bottom:#3b6479 1px solid;
margin-bottom: 0px;
}
.s15v1 li a {
color:#fff !important; /* override '.clb a:link { color: #2970A6 }' */
background:#5b8498;
display:block;
padding:7px 12px 5px;
}
.s15v1 li a:hover {
background:#7094a5;
text-decoration:none;
color:#fff;
}
.s15v1 .cl-top-corners {
display:block;
background:url(/web/fw/i/blue_corners.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:0;
left:0;
font-size:0;
}
.s15v1 .cl-top-corners span {
display:block;
background:url(/web/fw/i/blue_corners.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:0;
}
.s15v1 .cl-bottom-corners {
display:block;
background:url(/web/fw/i/blue_corners.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
left:0;
font-size:0;
}
.s15v1 .cl-bottom-corners span {
display:block;
background:url(/web/fw/i/blue_corners.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:0;
}
/*
* END /web/fw/w/cl/s15/s15.css
*/
/*!
* BEGIN /web/fw/w/cl/cl-sitecopy.css
*/
/*Styles for Sitecopy framework overrides */
.sitecopy .a00v1{
font-weight:bold;
text-decoration:none;
font-size:100% !important;
}
/* Overrides for sitecopy */
.sitecopy .c15v7 {
font-size:110%;
%font-size:x-small; /* TODO: fix! */
}
.sitecopy .c15v7 p {
font-size:85% !important;
%font-size:120% !important;
}
.sitecopy .c15v7 p.small {
font-size:72% !important;
%font-size:100% !important;
}
.sitecopy .c15v7 h3 {
%font-size:130% !important;
}
#libra #framework-content-main .sitecopy .c16v3 h2 { /* TODO: fix! */
margin:12px 75px 10px 14px;
color:#666;
font-size:124.5%;
}
.sitecopy .lb-close a:link { /* Styles for the close button anchor within the lightbox for libra framework */
color:#666;
}
/* sitecopy override for font-size 11px */
#framework-content-main .sitecopy .c17v1 .tabset .tab-active a,
#framework-content-main .sitecopy .c17v1 .tabset .tab a{
font-size:85.2% !important ;
}
#framework-content-main .sitecopy .c17v1 .subtab ul {
%padding-left:11px;
_padding-left:15px;
}
#framework-content-main .sitecopy .c17v1 .subtab li {
font-size:85%;
}
#framework-content-main .sitecopy .c17v1 .subtab li a{
font-size:99.5%;
}
/* Included the below 2 styles to override the styles that are applying from normal version of c17v1 */
.sitecopy .c17v1 .infotab {
margin:0px;
}
.sitecopy .c17v1 .subtab li a{
text-decoration:none;
}
.sitecopy .c17v1 .subtab li a:hover {
text-decoration:underline;
}
/* Overrides for sitecopy */
.sitecopy .c19v1{
%font-size:90%;
}
.sitecopy .c19v1 .chevron li{
margin-bottom:1px;
%margin-bottom:3px;
}
.sitecopy .c19v1 .chevron li a{
font-weight:bold;
%font-size:90%;
}
.sitecopy .c19v1 .chevron li .no-bullet a{
font-weight:normal;
}
.sitecopy .c19v1 .acc-content h2{
color:#666 !important;
font-size:105% !important;
%font-size:120%;
margin:7px 0 0 2px;
%margin:-2px 0 0 0;
}
.sitecopy .c19v1 .acc-header{
font-size:100% !important;
}
.sitecopy .c19v1 .acc-header h4{
%font-size:90% !important;
}
.sitecopy .c17v1 .c19v1{
_font-size:115% !important;
_font-weight:bold;
}
/* Overrides for sitecopy */
.sitecopy div.c24v1{
font-size:100% !important;
}
.sitecopy div.c24v1 p, div.c24v1 p.regular{
font-size:100% !important;
}
/* Sitecopy overrides */
#framework-content-main .sitecopy .item .c26v1 h2 {
font-size:104.2%;
}
#libra .sitecopy .item .c26v1 h2 {
color:#336666;
font-size:104.2%;
margin:20px 75px 10px 14px;
}
.sitecopy .item .c26v1 h2 {
color:#336666;
font-size:104.2%;
margin:20px 75px 10px 14px;
padding:0;
text-align:left;
}
#framework-content-main .sitecopy .c26v1 a {
font-size:100%;
}
/* override for the p tag used in "pull quote without quotes" use case */
.sitecopy .c32v1 p ,
#framework-content-main .sitecopy .c32v1 p{ /* sitecopy.css has this class;w/o this override they default
to 88% font size which counts to 9.6px */
font-size:140%;
_font-size:140% !important;
}
/* Override for the base class ;this is required when we place the Pull quote within tabs component */
.sitecopy .c32v1 {
background: #eeeef0 url(/web/fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* Override to achieve 14px font size for the pull quote text ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 blockquote{
font-size:127.2%;
%font-size:95%;
}
/* Override to achieve 12px font size for the pull quote cite(author name) ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 cite{
font-size:109.1%;
%font-size:120% !important;
}
/* Overrides for sitecopy */
.sitecopy .n03v6{
font-size:100%;
}
.sitecopy .n03v6 h3{
font-size:100% !important;
margin-bottom:10px !important;
}
.sitecopy div.n03v6 a {
text-decoration:none !important;
%font-size:98% !important;
}
.sitecopy .n03v6 p{
font-size:100% !important;
%font-size:95% !important;
}
.sitecopy div.n03v6 img {
%margin-left: 10px;
}
/* Overrides for sitecopy */
.sitecopy div.n03v8{
font-size:105%;
%font-size:110% !important;
}
.sitecopy div.n03v8 h3{
font-size:100% !important;
%font-size:95% !important;
margin:0 0 8px 0 !important;
}
.sitecopy div.n03v8 a{
text-decoration:none !important;
font-size:110% !important;
%font-size:100% !important;
_font-size:90% !important;
}
.sitecopy div.n03v8 ul li {
%font-size:80% !important;
_font-size:88% !important;
}
.sitecopy div.n03v8 p {
%font-size:90% !important;
_font-size:85% !important;
}
/* Overrides for sitecopy */
.sitecopy .n04v4{
font-size:90% !important;
%font-size:95% !important;
}
.sitecopy .n04v5{
font-size:100% !important;
}
.sitecopy .n04v4 a{
text-decoration:none !important;
color:#2f6681 !important;
}
.sitecopy .n04v4 a.vtab{
font-size:130% !important;
}
.sitecopy .n04v4 a:hover{
text-decoration:underline !important;
}
.sitecopy .n04v5 .detail{
font-size:92%;
}
.sitecopy .n04v5 .detail h2 {
color:#333333 !important;
font-size:127.5% !important;
margin:6px 0 1px !important;
}
.sitecopy .n04v5 .detail ul {
margin-left:14px;
margin-top:5px ;
padding:0;
}
.sitecopy .n04v5 .detail ul li {
margin:0 !important;
list-style:disc;
padding-top:3px;
%font-size:100% !important;
}
.sitecopy .n04v5 .detail{
margin-left:-5px;
}
.sitecopy .n04v5 .detail-text {
_width:166px !important;
}
/*
* END /web/fw/w/cl/cl-sitecopy.css
*/
/* MANIFEST:
* /web/fw/w/cl/cl-reset.css 1.4
* /web/fw/w/cl/cl-fonts.css 1.2
* /web/fw/w/cl/cl-defaults.css 1.3
* /web/fw/w/cl/cl-common.css 1.3
* /web/fw/w/cl/cl-base.css 1.8
* /web/fw/w/cl/c17/c17.css 1.3
* /web/fw/w/cl/c19/c19.css 1.4
* /web/fw/w/cl/a00/a00.css 1.6
* /web/fw/w/cl/a03/a03.css 1.5
* /web/fw/w/cl/a06/a06.css 1.4
* /web/fw/w/cl/a08/a08.css 1.2
* /web/fw/w/cl/a11/a11.css 1.3
* /web/fw/w/cl/c00/c00.css 1.4
* /web/fw/w/cl/c01/c01.css 1.3
* /web/fw/w/cl/c11/c11.css 1.3
* /web/fw/w/cl/c15/c15.css 1.5
* /web/fw/w/cl/c24/c24.css 1.3
* /web/fw/w/cl/c25/c25.css 1.4
* /web/fw/w/cl/c26/c26.css 1.3
* /web/fw/w/cl/c28/c28.css 1.4
* /web/fw/w/cl/c32/c32.css 1.3
* /web/fw/w/cl/c36/c36.css 1.2
* /web/fw/w/cl/c40/c40.css 1.5
* /web/fw/w/cl/n03/n03.css 1.3
* /web/fw/w/cl/n04/n04.css 1.4
* /web/fw/w/cl/n05/n05.css 1.5
* /web/fw/w/cl/n09/n09.css 1.3
* /web/fw/w/cl/n17/n17.css 1.2
* /web/fw/w/cl/n19/n19.css 1.3
* /web/fw/w/cl/n21/n21.css 1.4
* /web/fw/w/cl/n22/n22.css 1.3
* /web/fw/w/cl/n41/n41.css 1.4
* /web/fw/w/cl/s01/s01.css 1.3
* /web/fw/w/cl/s02/s02.css 1.3
* /web/fw/w/cl/s03/s03.css 1.3
* /web/fw/w/cl/s04/s04.css 1.3
* /web/fw/w/cl/s07/s07.css 1.3
* /web/fw/w/cl/s14/s14.css 1.3
* /web/fw/w/cl/s15/s15.css 1.3
* /web/fw/w/cl/cl-sitecopy.css (MD5: a7d214e9c5c0bbc0051a9206b7fec30f)
*/
/*
* END /web/fw/c/cl.css
*/
/*!
* BEGIN /web/fw/w/modals/modals.css
*/
/*
* modals.css
* Revision: 1.2
*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.jqmOverlay {
background-color: #666;
opacity: 0.66;
-moz-opacity: 0.66;
filter: alpha( opacity = 66);
}
#modal-box {
text-align: left;
width:384px;
max-height: 391px;
top: 134px;
left: 50%;
margin-left: -185px;
border: 1px solid #333;
border-right: 2px solid;
border-bottom: 2px solid;
background: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 100%;
display: none;
position:fixed;
padding:0;
%position: absolute;
}
.modal-title {
background-color: #dfddde;
border-bottom: 1px solid #999;
padding: 3px 10px 2px;
color: #333;
font-size: 90%;
margin: 0;
}
.modal-message {
border: 1px solid #f7dc8e;
font-size: 85%;
padding:5px 7px 5px 22px;
margin:0;
width:327px;
}
*html .modal-message span{ /* ie6 fix */
position:relative;
top:0px;
}
.modal-message-inner{
/* display:inline-block; - not needed - mas */
}
.modal-error .modal-message {
background: #ffc url(/web/fw/i/icon-alert-warning.gif) no-repeat scroll 5px 8px;
color: #a50000;
border-color: #a50000;
}
.modal-warning .modal-message {
background: #ffc url(/web/fw/i/icon-alert-warning.gif) no-repeat scroll 5px 7px;
color: #e58a00;
}
.modal-message-kind {
font-weight: bold;
}
.modal-body {
padding:5px 2px 16px 5px; /* ck: bottom changed from 1px to 16px */
%overflow-x:hidden;
overflow-y:auto;
max-height:310px;
/* margin-bottom:15px; ck: stop scroll bars from showing up mid modal */
}
*html .modal-body{ /* ie fix */
height: expression(this.scrollHeight > 308 ? "309px" : "auto" );
}
.modal-content .delete-checked-img{
margin:10px 22px 0 18px;
background:url(/web/fw/i/delete_square_bullet.gif) no-repeat center left;
_margin:-3px 0 0 18px;
}
.modal-body .selected-list{
font-size:85%;
padding:0 0 0 3px;
_padding:8px 0 0 3px;
margin:-4px 0 0 0;
%margin:-6px 0 0 0;
_margin-top:-2px;
list-style-type:none;
}
.modal-body .selected-list li{
padding-left:6px;
margin-bottom:-6px;
%margin-bottom:-8px;
_margin-bottom:5px;
color:#333;
width:330px; /* ck: required for overflow to work */
overflow:hidden; /* ck: added for stopping long strings from pushing modal width out */
}
.modal-body .selected-list li span{
word-break: break-all;
display:inline-block;
width:325px;
}
#modal-box .modal-button-div{
background: transparent url(/web/fw/i/bg-3121.jpg) repeat-x scroll left top;
border-top:1px solid #bbb;
padding:2px 0 2px 9px;
}
#modal-box .modal-button-div input{
font:85% arial,verdana,sans-serif;
padding:1px;
color:#2f6681;
cursor:pointer;
margin:2px 3px 2px 0;
%padding:2px 1px 1px 1px;
}
.modal-body .delete-msg{
font-size:85%;
color:#333;
font-weight:bold;
padding: 19px 0 0 5px;
%padding: 21px 0 0 5px;
_padding:8px 0 0 5px;
}
.modal-layer {
background-color: #666;
opacity: 0.66;
-moz-opacity: 0.66;
filter: alpha(opacity=66);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1109;
}
/*
* END /web/fw/w/modals/modals.css
*/
/* MANIFEST:
* /web/fw/c/framework.css 1.41
* /web/fw/c/components.css 1.23
* /web/fw/w/backpack/backpack.css 1.8
* /web/fw/c/legacy.css 1.3
* /web/fw/c/cl.css (MD5: 77b62640d07caa3316c39c52d3f7e3c8)
* /web/fw/w/modals/modals.css 1.2
*/