/**
* masterbrand.css
* $Revision: $
*
* masterbrand.css -- aggregated and minified
* DO NOT EDIT THIS FILE -- edit the individual files and rebuild
*
* Concatenated collection of framework-related CSS files (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*
*
* MANIFEST:
* /cdc/fw/c/framework.css 1.45
* /cdc/fw/c/masterbrand_frag/__fat_footer.css 1.5
* /cdc/fw/c/footer_feedback_ol.css 1.2
* /cdc/fw/c/components.css 1.29
* /cdc/fw/w/backpack/backpack.css 1.12
* /cdc/fw/c/masterbrand_skin.css 1.3
* /cdc/fw/c/cl-base-all.css (MD5: c49a93665943f39ae301f64def685137)
* /cdc/fw/w/modals/modals.css 1.3
* /cdc/fw/c/masterbrand_frag/_masterbrand.css 1.18
* /cdc/fw/c/masterbrand_frag/_toolbar.css 1.7
* /cdc/fw/c/masterbrand_frag/_skip.css 1.2
* /cdc/fw/c/masterbrand_frag/_titles.css 1.5
* /cdc/fw/c/masterbrand_frag/_print.css 1.2
* /cdc/fw/c/masterbrand_frag/__cookie_informer.css 1.2
* /cdc/fw/c/treecrumbs.css 1.3
* /cdc/fw/c/modules.css 1.10
* /cdc/fw/c/tabs.css 1.4
* /cdc/fw/c/tt-persels.css 1.2
*/
/*!
* BEGIN /cdc/fw/c/framework.css
*/
/****
Libra Framework CSS - framework.css
Revision: 1.45
. 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#fw-mb { /* changed from #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#fw-mb { /* changed from #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
***/
/* remove this if all is well after 10/5 masterbrand release; equiv #fw-banner defined in masterbrand_frag/_masterbrand.css
#framework-base-banner {
margin:0;
padding:0;
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, covered by masterbrand stuff */
#framework-column-right {
padding:0;
}
#framework-column-left{
empty-cells:hide;
max-width:213px;
}
#wcq #framework-column-left{
empty-cells:hide;
max-width:250px;
}
#fw-mb #framework-base-main { background:none; } /* changed from #libra */
/* 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(/etc/designs/cdc/fw/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
***/
/* remove this if all is well after 10/5 masterbrand release; equiv #fw-banner defined in masterbrand_frag/_masterbrand.css
#framework-base-banner {
margin:0;
padding:0;
}
*/
/* please yank if this makes it through 10/5
#framework-header {
position:relative;
overflow:visible;
height: 72px;
text-align:right;
}
*/
/* please yank if this makes it through 10/5
-- framework now uses #fw-mbl, defined in masterbrand_frag/_masterbrand.css
#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) * /
}
*/
/* please yank if this makes it through 10/5
#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,
#framework-header .nav-secondary a.logout {
font-weight:bold;
}
#framework-header .nav-secondary a.logout {
padding-left:8px;
display:none; /* just until infrastructure version of logout is released * /
}
*/
#logoutmsg {
width:460px;
height:180px;
display:none;
background:url(/etc/designs/cdc/fw/i/tines_modal.gif) no-repeat top left #fff;
z-index:3000;
position:fixed;
top:201px;
left:240px;
text-align:left;
color:#444;
}
#ie6 #logoutmsg {
position:absolute;
}
#logoutmsg h4 {
color:#222;
font-size:166.6%;
margin:0px;
padding:21px 10px 0 80px;
}
#logoutmsg div {
line-height:137%;
padding:9px 10px 21px 80px;
}
#logoutmsg a {
margin:10px 0 8px 80px;
}
#logoutclose {
margin-left:10px;
}
/* focus on logout */
#logoutmsg a:focus{
outline: 1px dotted;
}
/* please yank if this makes it through 10/5
#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)
--------------------------
*/
/*Note: leaving for now, but believe all #search-results-drop-down items have been moved to cl a11v1*/
/* please yank if this makes it through 10/5
#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;
}
#search-drop-down {
position: absolute;
top: 54px;
left: -4px;
}
#autoSuggest{
margin-top:0px;
padding-left:7px;
padding-right:7px;
display:none;
background-image:url(/etc/designs/cdc/fw/i/framework_infohover_mid.png);
_background-image:url(/etc/designs/cdc/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,
div.suggestionEntryHover {
width: 181px; /* excludes the 10px spacing on the both sides */
color: #2F6681;
text-align:left;
padding: 2px 10px 2px 10px;
white-space: nowrap;
overflow: hidden;
}
div.suggestionEntryHover {
background-color: #DDE6EB;
color: #2F6681;
text-decoration: underline;
text-align:left;
}
#search-results-drop-down div.suggestionEntry {
width: 420px;
}
#contextual-search-buttons {
display:none;
text-align:left;
background-image:url(/etc/designs/cdc/fw/i/framework_infohover_mid.png);
_background-image:url(/etc/designs/cdc/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;
_width:215px;
background-image:url(/etc/designs/cdc/fw/i/framework_infohover_top.png);
_background-image:url(/etc/designs/cdc/fw/i/framework_infohover_top.gif);
}
#ie7 div.contextual-search-top {
width:215px;
}
#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;
_width:215px;
background-image:url(/etc/designs/cdc/fw/i/framework_infohover_bot.png);
_background-image:url(/etc/designs/cdc/fw/i/framework_infohover_bot.gif);
background-position:bottom left;
}
#ie7 div.contextual-search-bot {
width:215px;
}
#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
***/
/***
-----------------------------------
Web Hierarchical Navigation - hinav
-----------------------------------
. defines classes: parent, peer, selected, & child.
. legend:
li : bottom
li li : all others
***/
.hinav {
position:relative;
padding:22px 30px 24px 8px;
width:188px
}
#wcq .hinav{
width:220px;
padding-right:15px;
}
.hinav h3 { display:none; }
.hinav ul {
margin:0;
padding:0;
}
.hinav li {
display:inline;
margin:0;
padding:6px 0 7px;
list-style:none;
}
.hinav li a, .hinav li a:visited, .hinav span {
position:relative;
display:block;
color:#007fc5;
background-color:transparent;
text-decoration:none;
border-bottom:1px solid #e4e4e4;
/*
margin-bottom:-1px;
*/
zoom:1;
}
/* Bring selected to front */
.hinav li a.selected, .hinav li a.selected:visited, .hinav span.selected {
background-color:#f2f2f2;
border-bottom:1px solid #e4e4e4;
}
/* 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;
/* 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:27px;
/* width:161px; /* IE redraw */
font-weight:bold;
}
.hinav a.child, .hinav a.child:visited, .hinav span.child {
padding-left:40px;
/* width:147px; /* IE redraw */
}
/* hinav special case for peers of parent */
.hinav.show_parent_peers a.parent_peer {
padding-left: 22px !important;
/* width: 162px !important;*/
}
.hinav.show_parent_peers li a.selected {
padding-left: 36px !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%;
/* padding-bottom:18px; -- from the old #footer-legal */
}
#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-nav {
display: inline;
}
#framework-footer #footer-legal {
display: inline;
}
.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;}
/** Frame work overrides for CQ. **/
#wcq #fw-mb-w1 #framework-content-right{margin-right:10px;}
/*
* END /cdc/fw/c/framework.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/__fat_footer.css
*/
/*
* _fat_footer.css
* Revision: 1.5
*
*/
.ffoot-mn h3 a,
.ffoot-mn .ffoot-menucontainer{
background-image:url("/etc/designs/cdc/fw/i/fatfooter-menu-rad.png");
background-repeat: no-repeat;
}
* html .ffoot-mn h3 a,
* html .ffoot-mn .ffoot-menucontainer{
background-image:url("/etc/designs/cdc/fw/i/fatfooter-menu-rad.gif");
background-repeat: no-repeat;
}
.ffoot {
position:relative;
background:url('/etc/designs/cdc/fw/i/fatfooter-bg.png') 0 -6px repeat-x;
zoom:1;
}
.ffoot .ctl,
.ffoot .ctr{
background:url('/etc/designs/cdc/fw/i/fatfooter-bg.png') 0 0 no-repeat;
position:absolute;
left:0;
top:0;
width:6px;
height:6px;
}
.ffoot .ctr{
background-position:-6px 0;
left:954px;
}
#ie6 .ffoot,
#ie7 .ffoot {
padding-top:10px;
}
.ffoot a:link,
.ffoot a:visited {
color:#666;
text-decoration:none;
}
.ffoot a:hover{
text-decoration:underline;
}
.ffoot h3,
.ffoot h3 a,
.ffoot h3 a:visited{
color:#000 !important;
font-weight:normal;
font-size:12px;
margin:2px 0 4px;
}
.ffoot {
font-size:11px;
}
.ffoot-col {
width:218px;
float:left;
padding:16px 0px 10px 22px;
margin:0;
}
.ffoot ul {
margin:2px 0 13px;
list-style:none outside none;
padding:0;
}
.ffoot li {
margin:2px 0 5px;
list-style:none outside none;
padding:0;
}
.ffoot-block {
margin:8px 0;
}
.ffoot ul.separate {
margin-top:14px;
}
.ffoot-menu h3 a {
color:#000 !important;
font-weight:normal;
font-size:12px;
}
.ffoot-menu h3 a:hover {
text-decoration:none;
}
.ffoot-menu ul {
margin-bottom:0;
}
.ffoot-mn {
position:relative;
margin:-1px 0 12px 0;
zoom:1;
}
.ffoot-mn h3,
.ffoot-mn h3 a{
margin-top:0 !important;
margin-bottom:0 !important;
display:inline-block;
}
#ie8 .ffoot-mn h3,
#ie8.ffoot-mn h3 a{
display: block;
}
.ffoot-mn h3{
position:relative;
zoom:1;
}
.ffoot-mn h3 a {
padding:1px 21px 1px 0;
background-position:100% 0;
}
.ffoot-mn .ffoot-menucontainer {
display:none;
position:absolute;
top:0;
left:0;
z-index:100;
padding:16px;
border:1px solid #e0e0e0;
background-color:#fff;
background-position:0 -100px;
background-repeat:repeat-x!important;
width:264px;
-moz-border-radius:6px;
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.16), 0 0 1px rgba(0,0,0,0.1) inset;
-webkit-border-radius:6px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.16), 0 0 1px rgba(0,0,0,0.1) inset;
border-radius:6px;
box-shadow:0 1px 2px rgba(0,0,0,0.16), 0 0 1px rgba(0,0,0,0.1) inset;
}
.ffoot-mn .ffoot-menucontainer-open {
display:block;
}
.ffoot-mn .ffoot-menucontent ul {
float:left;
width:125px;
margin:0 5px 0 0;
padding:0;
}
.ffoot-mn .ffoot-menucontent ul li {
Xfloat:left;
width:125px;
margin:0 0 8px 0;
padding:0;
font-size:11px;
line-height:13px;
clear:left;
}
.ffoot-mn .ffoot-menucontent ul li a {
color:#007fc5 !important;
}
.ffoot-mn .ffmt,
.ffoot-mn .ffmb {
height:8px;
width:100%;
background-position:0 0;
}
.ffoot-mn .ffmb {
background-position:0 -293px;
}
/*
* END /cdc/fw/c/masterbrand_frag/__fat_footer.css
*/
/*!
* BEGIN /cdc/fw/c/footer_feedback_ol.css
*/
/**
* footer_feedback_ol.js
* Revision: 1.2
*
* css for footer feedback link and Opinion Lab functionality
*
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*
*/
#fw_feedback_img {
margin-right:5px;
cursor:pointer
}
.rtl #fw_feedback_img {
margin-left:5px;
cursor:pointer
}
/*
* END /cdc/fw/c/footer_feedback_ol.css
*/
/*!
* BEGIN /cdc/fw/c/components.css
*/
/*
components.css
Revision: 1.29
. 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)
************************************************
*/ /* changed from #libra */
#fw-mb .module-related,
#fw-mb .module-blob,
#fw-mb .module-myaccount,
#fw-mb .module-adbanner,
#fw-mb .ad-right {
padding:0px 0px 0px 8px;
}
/* changed from #libra */
#fw-mb .module-related,
#fw-mb .module-blob,
#fw-mb .module-myaccount,
#fw-mb .module-adbanner,
* html #fw-mb .module-related,
* html #fw-mb .module-blob,
* html #fw-mb .module-myaccount,
* html #fw-mb .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:11px; /* ck: was 85%; */
}
.module-related h4 {
display:block;
margin:0px;
font-size:11px; /* ck: was 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:11px; /* ck: was 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:11px; /* ck: was 85%; */
}
.module-myaccount .content {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#000;
font-size:11px; /* ck: was 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(/etc/designs/cdc/fw/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(/etc/designs/cdc/fw/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-left:-1px;
font-size:11px; /* ck: was 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:11px; /* was 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 listing_hll.xsl */
.hll .contentTier2Margins {
margin:0 0 4px 13px;
}
/* for listing_3tier_v2.xsl */
.listing-3tier {
padding:0 10px 20px;
}
/* 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 */
#libra .module .title { font-size: 85% } /* backwards compatible, bugz1511*/
.module .title {
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;
}
#libra .module .header { font-size: 85% } /* backwards compatible, bugz1511*/
.module .header {
color:#ffffff;
line-height:14px;
margin-bottom:-1px;
}
#libra .module .link, #libra .module .content { font-size: 85% } /* backwards compatible, bugz1511*/
.module .link, .module .content {
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: 6px;
padding-bottom: 8px;
}
.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;
}
#fw-mb .sidebar-region { /* changed from #libra */
background-color: #eaeff2;
}
* html .sidebar-region {
width:187px;
margin: 7px 0px 7px 3px;
}
.sidebar {
padding: 10px 9px 0px 10px;
color:#666666;
font-size: 11px; /* ck: was 85%; */
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;
}
#fw-mb .sidebar h2 { /* changed from #libra */
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;
}
/* mb bz#1896 fix */
.cdc-fw .module-sidebar-xsl { margin-left:10px; }
.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:11px; /* ck: was 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:200px; /* based on CAM code widget */
}
/* Styles for MRR new CAM code widget */
#content-requested-resources .blob p{
margin-bottom:4px;
}
#content-requested-resources .blob a{
color:#039;
text-decoration:none;
float:right;
}
/* End CAM code widget styles */
/* IE7 right rail override fix */
.ie67 #content-requested-resources {
width:500px
}
* html #content-requested-resources {
height:145px;
}
#content-requested-resources h3 {
margin:0;
padding:2px 0 3px 10px;
font-size:11px; /* ck: was 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:11px; /* ck: was 86%; */
}
#content-requested-resources .blob {
position:absolute;
right:0px;
margin:1px 10px 0 25px;
padding:0;
width:305px;
font-size:11px; /* ck: was 85%; */
line-height:110%;
font-weight:bold;
color:#444;
}
#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: 11px; /* ck: was 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: 11px; /* ck: was 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('/etc/designs/cdc/fw/w/accordion/inactive_bg.jpg') repeat-x;
}
.cdc-widget-accordion .acc-active {
background: url('/etc/designs/cdc/fw/w/accordion/active_bg.jpg') repeat-x;
background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-arrow {
padding-left: 27px;
background: url('/etc/designs/cdc/fw/w/accordion/acc-arrow-right.gif') 10px 6px no-repeat;
}
.cdc-widget-accordion a.acc-arrow-active {
padding-left: 27px;
background: url('/etc/designs/cdc/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 /cdc/fw/c/components.css
*/
/*!
* BEGIN /cdc/fw/w/backpack/backpack.css
*/
/*!
* BEGIN /etc/designs/cdc/fw/w/backpack/backpack.css
*/
/*
backpack.css
Revision: 1.12
. 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-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;
}
#mycisco-discovery-top { background:url(/etc/designs/cdc/fw/w/backpack/discovery-notification-top.png) no-repeat top left; }
#mycisco-discovery-tooltip { background:url(/etc/designs/cdc/fw/w/backpack/discovery-notification-bott.png) no-repeat bottom left; }
#mycisco-discovery-bottom { border-top: 1px solid #80949e; padding-top: 6px; margin-top: 16px; }
#mycisco #backpack a {
color:#2f6681;
text-decoration:none;
}
div#mycisco {
display:inline-block;
}
.ie67 div#mycisco {
display:inline;
}
#ie7 #mycisco>div {
display:inline;
zoom:1;
}
#fw-ft-basic #mycisco-anchor { /* need the extra id for specificity reasons */
/* background:url('/etc/designs/cdc/fw/w/backpack/arrow.gif') 15px 7px no-repeat; */
color:transparent;
border-left:#bbc2cf 1px solid;
display:inline-block;
padding-right:0;
padding-bottom:3px;
}
.ie67 #fw-ft-basic #mycisco-anchor {
padding-bottom:0;
}
#fw-ft-basic #mycisco-anchor span {
padding:3px 6px;
margin:-3px 0;
height:9px;
overflow:hidden;
display:inline-block;
}
#fw-ft-basic #mycisco-anchor img {
margin-top:3px;
}
#backpack {
right:-2px;
/* border:2px solid #498de0;
border-bottom-width:4px; */
top:4px;
width:234px; /* ck: b268 */
position:absolute !important;
display:none;
z-index:900;
padding:0px;
margin-bottom:-4px;
background:url("/etc/designs/cdc/fw/w/backpack/bp-top-gr.gif") repeat-x 0px -20px;
background-color:#f3f3f4;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
-moz-border-radius: 6px 0 6px 6px;
-webkit-border-radius: 6px 0 6px 6px;
-khtml-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
#ie8 #backpack,
.ie67 #backpack {
border:2px solid #ccc;
border-width:1px 2px 2px 1px;
}
#backpack .clb p{
margin:10px 0;
}
#backpack .c00v2{
margin:10px 0;
}
#backpack-body {
padding:1px 8px 8px;
position:relative;
}
#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;
}
#backpack-corners {
width:239px;
text-align:center;
height:8px;
margin:0 -5px -5px; /* ck: b268 */
padding:7px 0 0;
cursor:pointer;
position: relative;
}
#backpack-corners {
background:url("/etc/designs/cdc/fw/w/backpack/bp-bot.png") bottom left no-repeat;
}
/*
********************************************************
* Backpack: general
********************************************************
*/
#bp-dragable{
width:218px;
padding-bottom:4px; /* ck: qc#33 */
}
/* These are the min px requirements
#bp-dragable{
width:218px;
padding-bottom:2px;
}
#ie6 #bp-draggable,
#ie7 #bp-draggable{ padding-bottom:0;}
#ie8 #bp-draggable{ padding-bottom:4px;}
*/
#backpack #backpack-body #bp-close {
display:block;
float:right;
margin-top:-22px;
margin-right:-8px;
background:#ebebeb;
padding:6px;
cursor:pointer;
height:9px;
width:10px;
position:relative;
z-index:1;
}
#ie8 #backpack #bp-close,
.ie67 #backpack #bp-close {
border:2px solid #ccc;
border-width:1px 2px 0px 1px;
right:-2px;
}
#backpack #bp-close span {
display:block;
overflow:hidden;
height:7px;
position:relative;
}
#backpack #bp-close img {
position:absolute;
bottom:0;
left:1px;
}
#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 0 10px 0;/* ck: moved margin top to bottom due to MCW project */
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('/etc/designs/cdc/fw/i/icon-alert-warning.gif') 2px 2px no-repeat;
}
#backpack .backpack-module h3 {
background: url('/etc/designs/cdc/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:11px;
font-weight:bold;
width: 196px;
}
#backpack .backpack-module.bp-open h3 {
background: url('/etc/designs/cdc/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('/etc/designs/cdc/fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module.bp-open .bp-maxmin img { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module a.bp-maxmin { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-max-hover.gif'); }
#backpack .backpack-module.bp-open a.bp-maxmin { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-min-hover.gif'); }
#backpack .backpack-module .bp-info img { background-image:url('/etc/designs/cdc/fw/w/backpack/info.gif'); }
#backpack .backpack-module a.bp-info { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-info-hover.gif'); }
#backpack .backpack-module .bp-remove img { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-remove.gif'); }
#backpack .backpack-module a.bp-remove { background-image:url('/etc/designs/cdc/fw/w/backpack/bp-remove-hover.gif'); }
/* add the disabled case for remove */
#backpack .backpack-module h3 a img.disabled { background-image:url('/etc/designs/cdc/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('/etc/designs/cdc/fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module h3 a.bp-maxmin:active img { background-image:none; %background-image:url('/etc/designs/cdc/fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module h3 a.bp-info:active img { %background-image:url('/etc/designs/cdc/fw/w/backpack/info.gif'); }
#backpack .backpack-module h3 a.bp-remove:active img { background-image:none; %background-image:url('/etc/designs/cdc/fw/w/backpack/bp-remove.gif'); }
#backpack .backpack-module .infohover-icon,#backpack .backpack-module .module-maxmin-widget {
position:absolute;
right:27px;
top:6px;
}
#backpack .backpack-module .module-maxmin-widget {
right:8px;
}
#backpack .backpack-module-collapsible {
border:1px solid #c9c9c9;
border-width:0px 1px 0px 1px;
%width:101%;
}
#backpack .backpack-module-data {
font-weight:normal;
font-size:10px;
border:#f0f0f0 1px solid;
border-width:0px 1px 1px 1px;
padding:0px;
height: 159px;
width:98.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:11px;
padding:3px 14px 4px 6px; /* ck: b317 */
}
#backpack .backpack-module-bot {
position:relative;
background:#f7f7f7 url(/etc/designs/cdc/fw/w/backpack/module-bot.png) no-repeat bottom; /* ck: b317 F7F7F8 */
top:3px;
height:4px;
width:215px;
margin-top:-4px; /* ck: b317 */
}
#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:23px 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(/etc/designs/cdc/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;
}
.backpack-modal-emph {
font-weight: bold;
}
.backpack-modal-warning {
font-family: arial;
font-weight: normal;
color:#e58a00;
background: url('/etc/designs/cdc/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;
}
.backpack-modal-error {
font-family: arial;
font-weight: normal;
color:#a50000;
background: url('/etc/designs/cdc/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;
}
/* 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;
cursor:default !important;
}
/***************************************
=cluetipClass: 'cdc'
-------------------------------------- */
/*#cluetip-inner {overflow:auto;}*/
.cluetip-inner {overflow:auto;}/*changed id to class as per upgraded cluetip plugin */
.cluetip-cdc {
background-color: transparent;
width: 178;
}
/*.cluetip-cdc #cluetip-outer {
border: 1px solid #999;
position: relative;
background-color: #fff;
}*/
.cluetip-cdc .cluetip-outer { /*changed id to class as per upgraded cluetip plugin */
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 .cluetip-inner {/*changed id to class as per upgraded cluetip plugin */
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(/etc/designs/cdc/fw/i/modal-arrows.gif) no-repeat -7px -46px;
height: 13px;
margin-left: 5px;
margin-top:24px; /*added new style for upgraded cluetip plugin*/
}
.clue-left-cdc .cluetip-arrows {
background: url(/etc/designs/cdc/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(/etc/designs/cdc/fw/i/modal-arrows.gif) no-repeat -0px -2px;
height: 13px;
width: 22px;
left: 45%;
margin-top: -8px;
}*/ /*commented this line for upgraded cluetip plugin*/
.clue-bottom-cdc .cluetip-arrows { /*added this line for jquery version1.10.2*/
background: url("/web/fw/i/modal-arrows.gif") no-repeat scroll 0 -2px transparent;
height: 13px;
top: -8px;
width: 22px;
position: absolute;
left: 93px;
}
.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; ck: mb bug */
}
#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(/etc/designs/cdc/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;
z-index:2;
}
.bp-info{
cursor:default;
right:25px;
}
.bp-maxmin{
right:10px;
}
.bp-remove{
right:-6px;
}
.backpack-module .disabled{
cursor:default;
}
/* styles for icons ends here */
/* 2 liner header */
#backpack .backpack-module h3{
padding-bottom:0;
cursor:pointer;
}
.module-bottom-corner,
#backpack .backpack-module h3,
#backpack .backpack-module.bp-open h3 {
background:transparent url(/etc/designs/cdc/fw/w/backpack/bp-module-header.png) no-repeat scroll 0 0;
%height:auto !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;
%margin-bottom:0 !important;
}
#backpack .backpack-module.bp-open .header-wrapper {
%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;
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 */
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;
%height:6px !important;
%margin-top:0 !important;
%bottom:-2px;
}
.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;
}
.backpack-module .bp-highlight-closed { bottom:0; }
/*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(/etc/designs/cdc/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('/etc/designs/cdc/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(/etc/designs/cdc/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-bottom:0;
}
#backpack a,
#fw-banner #fw-ft-enhanced #backpack a{ /* fix for qc64 -gr */
color:#2f6681;
}
.rename-cancel, x:-moz-any-link {
display:-moz-inline-box; /* For FF2 */
}
.rename-cancel{
margin-top:8px;
margin-left: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;
}
/* 11/9/10 mas - IE-specific bug fix: Ensure that the cluetip doesn't inhibit the click on the 'My Cisco' button, so that the backpack can show in one click */
.cluetip-cdc iframe.bgiframe { height: 1px !important; width: 1px !important;}
/*
* END /cdc/fw/w/backpack/backpack.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_skin.css
*/
/*
*
* masterbrand_skin.css
* Revision: 1.3
*
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*
*
*/
/* Styles for Masterbrand Skin */
.mbs-portlet {
position: relative;
width:100%; /*ck: qc147 */
color: #666;
top: 3px;
border:1px #ccc solid;/* ck: turned on via js */
/*margin: 0 0 12px 0;*/
margin: 0 0 12px 0;
float:left;
%background-color:#fbfbfb; /* IE6/7 requires after DnD */
}
.mbs-portlet-titlebar {
margin:0;
cursor:pointer;
padding:1px;
background:#e0dfe0 url(/etc/designs/cdc/fw/i/sprite_gradients_h.png) repeat-x scroll 0 -137px;
margin-top:-4px;
border-bottom:1px #ccc solid;
/* display:inline-block; */
position:relative; /* ck: hilite */
}
/* Highlight */
.mbs-portlet-isnew .mbs-portlet-titlebar .hilite {
background-color:#c8dee8;
left:1px;
position:absolute;
top:1px;
z-index:1; /* ie doesn't like 0 */
}
.mbs-portlet .mbs-portlet-titlebar div { /* ck: named to not affect other potential h3s */
word-break: break-all;
padding:5px 40px 5px 9px;
z-index:2;
position:relative;
}
/* titlebar icons */
.mbs-remove,.mbs-maxmin{
position:absolute;
top:6px;
z-index:2; /* ck: hilite */
}
.maximize-portlet .mbs-remove,.maximize-portlet .mbs-maxmin{
top:9px;
}
.mbs-remove{
right:8px;
}
.mbs-maxmin{
right:29px;
}
/* Rounded Corners */
.mbs-portlet .cl-top-corners,
.mbs-portlet .cl-top-corners span,
.mbs-portlet .cl-bottom-corners,
.mbs-portlet .cl-bottom-corners span {
background:transparent url(/etc/designs/cdc/fw/i/sprite_corners_4px.png) no-repeat scroll 0 0;
display:block;
position:relative;
width:100%;
height:4px;
font-size:0;
}
.mbs-portlet .cl-top-corners {
top:-1px;
left:-1px;
z-index:1; /* ck: required to appear over background H3 */
}
.mbs-portlet .cl-top-corners span{
background-position: 100% -4px;
position:absolute;
top:0;
right:-2px;
}
.mbs-portlet .cl-bottom-corners{
background-position: 0 -12px;
bottom:-1px;
left:-1px;
}
.mbs-portlet .cl-bottom-corners span{
background-position: 100% -8px;
bottom:0;
right:-2px;
}
/* Collapsed - Temp Disabled */
.mbs-portlet-collapsed h3 {
margin-bottom:-4px;
border-bottom-width:0;
}
/* Portlet inner container */
.mbs-portlet-collapsible {
padding:12px;
background-color:#fbfbfb;
/* ck: sets min height for IE for drag and drop
IE7 standlone and IETester IE7 seems to like this value, but
real IE7 and IE8's compatibility mode didn't */
color:#666;
}
.mbs-portlet-row { clear: left; margin-bottom: 12px;}
.mbs-portlet-rowelt { float: left; width: 100%; /* So that the contents of this element determine its dimensions */ }
.mbs-portlet-rowelt,.mbs-portlet-rowelt-last { width: 50%; margin: 0; float: left;}
.mbs-portletwrap { float: left; margin-right: 12px; }
.mbs-portlet-rowelt-last .mbs-portletwrap { margin-right: 0; }
/*
* END /cdc/fw/c/masterbrand_skin.css
*/
/*!
* BEGIN /cdc/fw/c/cl-base-all.css
*/
/**
* cl-base-all.css
* $Revision: $
*
* cl-base-all.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-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*
*
* MANIFEST:
* /cdc/fw/w/cl/cl-reset.css 1.9
* /cdc/fw/w/cl/cl-fonts.css 1.5
* /cdc/fw/w/cl/cl-defaults.css 1.7
* /cdc/fw/w/cl/cl-common.css 1.6
* /cdc/fw/w/cl/cl-base.css 1.8
*/
/*!
* BEGIN /cdc/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 /cdc/fw/w/cl/cl-reset.css
*/
/*
* cl-reset.css
* Revision: 1.9
*
* 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 */
.mlb-pilot,
.clb {
color: #525252; /* was '#000' */
background: transparent;
margin: 0; /* was selector of 'body' */
padding: 0; /* was selector of 'body' */
}
.rtl .mlb-pilot {/* MLB-ONLY*/
text-align: right;
}
.mlb-pilot div,
.mlb-pilot dl,
.mlb-pilot dt,
.mlb-pilot dd,
.mlb-pilot ul,
.mlb-pilot ol,
.mlb-pilot li,
.mlb-pilot h1,
.mlb-pilot h2,
.mlb-pilot h3,
.mlb-pilot h4,
.mlb-pilot h5,
.mlb-pilot h6,
.mlb-pilot pre,
.mlb-pilot code,
.mlb-pilot form,
.mlb-pilot fieldset,
.mlb-pilot legend,
.mlb-pilot input,
.mlb-pilot button,
.mlb-pilot textarea,
.mlb-pilot p,
.mlb-pilot blockquote,
.mlb-pilot th,
.mlb-pilot td,
.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;
}
.mlb-pilot table,
.clb table {
border-collapse: collapse;
border-spacing: 0;
}
.mlb-pilot fieldset,
.mlb-pilot img,
.clb fieldset,
.clb img {
border: 0;
}
.mlb-pilot address,
.mlb-pilot caption,
.mlb-pilot cite,
.mlb-pilot code,
.mlb-pilot dfn,
.mlb-pilot em,
.mlb-pilot strong,
.mlb-pilot th,
.mlb-pilot var,
.mlb-pilot optgroup,
.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;
}
.rtl .mlb-pilot .caption,
.rtl .mlb-pilot .th {/* MLB-ONLY*/
text-align: right;
}
.mlb-pilot del,
.mlb-pilot ins,
.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;
* }
*/
.mlb-pilot caption,
.mlb-pilot th,
.clb caption,
.clb th {
text-align: left;
}
.rtl .clb caption,
.rtl .clb th {
text-align:right;
}
.mlb-pilot h1,
.mlb-pilot h2,
.mlb-pilot h3,
.mlb-pilot h4,
.mlb-pilot h5,
.mlb-pilot h6,
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
font-weight: normal;
}
/* specificity: 0,0,1,2 */
.mlb-pilot q:before,
.mlb-pilot q:after,
.clb q:before,
.clb q:after {
content: '';
}
.mlb-pilot abbr,
.mlb-pilot acronym,
.clb abbr,
.clb acronym {
border: 0;
font-variant: normal;
}
.mlb-pilot sup,
.clb sup {
vertical-align: baseline;
}
.mlb-pilot sub,
.clb sub {
vertical-align: baseline;
}
/*because legend doesn't inherit in IE */
.mlb-pilot legend,
.clb legend {
*margin-left: -0.6em;
color: #666666;
}
.mlb-pilot input,
.mlb-pilot button,
.mlb-pilot textarea,
.mlb-pilot select,
.mlb-pilot optgroup,
.mlb-pilot option,
.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: #525252; /* ???????? this was #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 */
.mlb-pilot input,
.mlb-pilot button,
.mlb-pilot textarea,
.mlb-pilot select ,
.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 */
.mlb-pilot,
.clb {
color: #525252;
font-family: arial,helvetica,clean,sans-serif;
font-size:12px;
line-height: 1.66em; /*13px * 1.385 = 18.005px *//* 11px * 1.273 = 14.003px */
border-collapse:separate;
border-spacing:0;
empty-cells:hide;
font-style:normal;
font-variant:normal;
font-weight:normal;
/* for IE Quirks Mode
font-size-adjust:none;
* */
*font:x-small;
}
/* ????? mlb-pilot merge -- properties were "font-size:11px; line-height:1.273;" are "font-size:13px; line-height:1.385; -- */
.mlb-pilot pre,
.clb pre {
font-size: 100%;
}
.mlb-pilot th,
.mlb-pilot dt,
.clb th,
.clb dt {
color: #444; /* was 666666 */
font-size: 100%;
font-weight: normal;
}
.mlb-pilot h1,
.mlb-pilot h2,
.mlb-pilot h3,
.mlb-pilot h4,
.mlb-pilot h5,
.mlb-pilot h6,
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
color: #444444; /* was 666666 */
}
.mlb-pilot blockquote,
.clb blockquote {
color:#525252; /* Was 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;
* }
*/
/* specificity: 0,0,1,2 */
.mlb-pilot a,
.mlb-pilot a:link,
.mlb-pilot a:hover,
.clb a:link,
.clb a:hover,
.clb a:visited,
.clb a:active {
text-decoration:none;
color:#2970a6;
}
.mlb-pilot a:hover,
.clb a:hover {
text-decoration:underline;
}
/* specificity: 0,0,1,1 and 0,0,1,2 */
/* framework-overrides.css:60
* #framework-content-right {
* text-align:left;
* }
*/
/* specificity: 0,0,1,0 */
.mlb-pilot,
.clb {
text-align:left;
}
.rtl .clb {/* CAN-BE-MERGED*/
text-align:right;
}
/* override rc-persels.css:13
* #framework-content-right img {
* margin: 0;
* }
*/
#framework-content-right .mlb-pilot img ,
#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? */
}
/* ##### CL-RESET ENDS HERE ##### */
/*
* END /cdc/fw/w/cl/cl-reset.css
*/
/*!
* BEGIN /cdc/fw/w/cl/cl-fonts.css
*/
/*
* cl-fonts.css
* Revision: 1.5
*
* 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
*/
.mlb-pilot select,
.mlb-pilot input,
.mlb-pilot textarea,
.mlb-pilot button,
.clb select,
.clb input,
.clb textarea,
.clb button {
color: #525252;
font-family: arial,helvetica,clean,sans-serif;
font-size: 12px;
}
/**
* To help tables remember to inherit
*/
.mlb-pilot table,
.clb table {
font-size:inherit;
font:12px; /* what is this for? was 100. is this valid? */
}
/**
* Bump up IE to get to 11px equivalent for these fixed-width elements
*/
.mlb-pilot pre,
.mlb-pilot code,
.mlb-pilot kbd,
.mlb-pilot samp,
.mlb-pilot tt,
.clb pre,
.clb code,
.clb kbd,
.clb samp,
.clb tt {
font-family:monospace;
/* *font-size:108%; */
line-height:100%;
}
/*
* END /cdc/fw/w/cl/cl-fonts.css
*/
/*!
* BEGIN /cdc/fw/w/cl/cl-defaults.css
*/
/*
* cl-defaults.css
* Revision: 1.7
*
* 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 */
.mlb-pilot h1,
.clb h1 {
font-size: 18px;
font-weight:normal;
color: #444;
line-height:1.4em;
margin-bottom: 12px;
}
.mlb-pilot h2,
.clb h2 {
font-size:14px;
font-weight:bold;
color: #444;
margin-bottom: 10px;
}
.mlb-pilot h3,
.mlb-pilot h4,
.mlb-pilot h5,
.mlb-pilot h6,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
font-size:12px;
font-weight:bold;
color: #444;
margin-bottom: 3px;
line-height:1.5em;
}
.mlb-pilot strong,
.clb strong {
font-weight:bold;
}
/* specificity: 0,0,2,1 */
.mlb-pilot p.large,
.clb p.large {
margin-bottom: 26px;
font-size:14px;
line-height:1.6em;
}
.mlb-pilot p, .mlb-pilot pre {/* MLB-ONLY*/
margin-bottom: 16px;
}
.mlb-pilot hr {
background-color: #ccc;
border: 0px;
color: #ccc;
height: 1px;
padding: 0px 0px 0px 0px;
margin: 14px 0px 14px 0px;
}
.mlb-pilot em,
.clb em {
font-style:italic; /* Bringing italics back to the em element. */
}
/* un-ordered lists */
.mlb-pilot ul,
.clb ul {
list-style-position: outside;
list-style-type: disc;
margin:0 0 20px 20px;
}
.mlb-pilot ul ul { /* MLB-ONLY*/
list-style-type: circle;
}
.rtl .mlb-pilot ul,
.rtl .clb ul {
margin-right:20px ;
margin-left:0;
}
.rtl .ie67 .mlb-pilot ul,
.rtl .ie67 .clb ul {
margin-right:23px;
}
/* ordered lists */
.mlb-pilot ol,
.clb ol {
list-style-position: outside;
list-style-type: decimal;
margin:0px 0px 20px 20px;
}
.rtl .clb ol {
margin-right:20px;
margin-left:0;
}
.rtl .ie67 .clb. ol {
margin-right:22px;
}
/* Safari/Chrome override */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.mlb-pilot ul, .clb ul { margin-left: 30px; }
.mlb-pilot ol, .clb ol { margin-left: 30px; }
.rtl .mlb-pilot ul, .rtl .clb ul { margin-left:0; margin-right:30px; }
.rtl .mlb-pilot ol, .rtl .clb ol { margin-left:0; margin-right:30px; }
}
/* all list items */
.mlb-pilot li,
.clb li {
line-height: 1.4em;
margin-bottom: 5px;
}
/* take care of nested lists */
.mlb-pilot ul ul,
.mlb-pilot ul ol,
.mlb-pilot ol ul,
.mlb-pilot ol ol,
.clb ul ul,
.clb ul ol,
.clb ol ul,
.clb ol ol {
margin: 5px 0px 0px 20px; /* 5px top matches the 5px bottom on LIs */
}
.mlb-pilot dt,
.clb dt {
font-weight:bold;
}
.mlb-pilot dd {/* MLB-ONLY*/
margin-bottom: 5px;
}
/* specificity: 0,0,1,2 */
.mlb-pilot q:before,
.mlb-pilot q:after,
.clb q:before,
.clb q:after {
content:'';
}
/* note: in PCR, td padding is not zeroed by reset; so here we add it back */
.mlb-pilot td,
.clb td {
padding-top: 1px;
padding-left: 1px;
}
/* ----------------------- YUI base definitions --------------------- */
.mlb-pilot optgroup,
.clb optgroup {
font-weight:normal;
}
.mlb-pilot del,
.clb del {
/* Striking deleted phrases. */
text-decoration: line-through;
}
.mlb-pilot th,
.clb th {
/* Distinguishing table headers from data cells. */
font-weight: bold;
text-align: center;
}
.mlb-pilot sup,
.clb sup {
/* to preserve line-height and selector appearance */
vertical-align: super;
}
.mlb-pilot sub,
.clb sub {
/* to preserve line-height and selector appearance */
vertical-align: sub;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
.mlb-pilot button,
.mlb-pilot input[type="checkbox"],
.mlb-pilot input[type="radio"],
.mlb-pilot input[type="reset"],
.mlb-pilot input[type="submit"],
.clb button,
.clb input[type="checkbox"],
.clb input[type="radio"],
.clb input[type="reset"],
.clb input[type="submit"] {
padding:1px;
}
/*
* END /cdc/fw/w/cl/cl-defaults.css
*/
/*!
* BEGIN /cdc/fw/w/cl/cl-common.css
*/
/*
* cl-common.css
* Revision: 1.6
*
* 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' */
.mlb-pilot li.doc,
.mlb-pilot .sm-icon .doc,
.clb li.doc,
.clb .sm-icon .doc {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-msword.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .doc,
.clb .med-icon .doc {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-msword.gif") no-repeat 0 4px;
}
/* Flash = 'flv' or 'swf' */
.mlb-pilot li.flv,
.mlb-pilot .sm-icon .flv,
.s02v8 li.swf,
.s02v8 .sm-icon .swf,
.clb li.flv,
.clb .sm-icon .flv,
.s02v8 li.swf,
.s02v8 .sm-icon .swf {
background: transparent url("/etc/designs/cdc/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' */
.mlb-pilot li.jpg,
.mlb-pilot .sm-icon .jpg,
.clb li.jpg,
.clb .sm-icon .jpg {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-jpeg.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .jpg,
.clb .med-icon .jpg {
background: transparent url("/web/fw/i/icon-md-jpeg.gif") no-repeat 0 4px;
}
/* MPP = 'mpp' */
.mlb-pilot li.mpp,
.mlb-pilot .sm-icon .mpp,
.clb li.mpp,
.clb .sm-icon .mpp {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-mpp.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .mpp,
.clb .med-icon .mpp {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-mpp.gif") no-repeat 0 4px;
}
/* PDF = 'pdf' */
.mlb-pilot li.pdf,
.mlb-pilot .sm-icon .pdf,
.clb li.pdf,
.clb .sm-icon .pdf {
background: transparent url("/web/fw/i/icon-sm-pdf.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .pdf,
.clb .med-icon .pdf {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-pdf.gif") no-repeat 0 4px;
}
/* PNG = 'png' */
.mlb-pilot li.png,
.mlb-pilot .sm-icon .png,
.clb li.png,
.clb .sm-icon .png {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-png.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .png,
.clb .med-icon .png {
background: transparent url("/web/fw/i/icon-md-png.gif") no-repeat 0 4px;
}
/* PowerPoint = 'ppt' */
.mlb-pilot li.ppt,
.mlb-pilot .sm-icon .ppt,
.clb li.ppt,
.clb .sm-icon .ppt {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-ppt.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .ppt,
.clb .med-icon .ppt {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-ppt.gif") no-repeat 0 4px;
}
/* PSD = 'psd' */
.mlb-pilot li.psd,
.mlb-pilot .sm-icon .psd,
.clb li.psd,
.clb .sm-icon .psd {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-psd.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .psd,
.clb .med-icon .psd {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-psd.gif") no-repeat 0 4px;
}
/* Unknown file type = 'unknown' */
.mlb-pilot li.unknown,
.mlb-pilot .sm-icon .unknown,
.clb li.unknown,
.clb .sm-icon .unknown {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-unknown.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .unknown,
.clb .med-icon .unknown {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-unknown.gif") no-repeat 0 4px;
}
/* VSD = 'vsd' */
.mlb-pilot li.vsd,
.mlb-pilot .sm-icon .vsd,
.clb li.vsd,
.clb .sm-icon .vsd {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-vsd.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .vsd,
.clb .med-icon .vsd {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-vsd.gif") no-repeat 0 4px;
}
/* MS Excel = 'xls' */
.mlb-pilot li.xls,
.mlb-pilot .sm-icon .xls,
.clb li.xls,
.clb .sm-icon .xls {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-xls.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .xls,
.clb .med-icon .xls {
background: transparent url("/etc/designs/cdc/fw/i/icon-md-xls.gif") no-repeat 0 4px;
}
/* Zip archive = 'zip' */
.mlb-pilot li.zip,
.mlb-pilot .sm-icon .zip,
.clb li.zip,
.clb .sm-icon .zip {
background: transparent url("/etc/designs/cdc/fw/i/icon-sm-zip.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .zip ,
.clb .med-icon .zip {
background: transparent url("/web/fw/i/icon-md-zip.gif") no-repeat 0 4px;
}
/*
* end Filetype icons
* ===========================================================================================
*
*/
/*
* END /cdc/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 /cdc/fw/w/cl/cl-base.css
*/
/* MANIFEST:
* /cdc/fw/w/cl/cl-reset.css 1.9
* /cdc/fw/w/cl/cl-fonts.css 1.5
* /cdc/fw/w/cl/cl-defaults.css 1.7
* /cdc/fw/w/cl/cl-common.css 1.6
* /cdc/fw/w/cl/cl-base.css 1.8
*/
/*
* END /cdc/fw/c/cl-base-all.css
*/
/*!
* BEGIN /cdc/fw/w/modals/modals.css
*/
/*
* modals.css
* Revision: 1.3
*
*
* (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;
}
#pref-box {
text-align: left;
width:940px;
max-height: 400px;
top: 134px;
left: 50%;
margin-left: -460px;
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(/etc/designs/cdc/fw/i/icon-alert-warning.gif) no-repeat scroll 5px 8px;
color: #a50000;
border-color: #a50000;
}
.modal-warning .modal-message {
background: #ffc url(/etc/designs/cdc/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(/etc/designs/cdc/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(/etc/designs/cdc/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 /cdc/fw/w/modals/modals.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/_masterbrand.css
*/
/*
* _masterbrand.css
* Revision: 1.18
*
* masterbrand framework stylesheet
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
body
|
+--div#fw-mb
|
+--div#fw-mb-w1
|
+--div#fw-banner
|
+--div#fw-banner-w1
|
+--div#fw-mbsk
|
+--div#fw-mbl
|
+--div#fw-mm
|
+--div#fw-mbs
|
+--div#fw-ft-basic
|
+--div#fw-ft-enhanced
*/
/* div layout styles ######################################## */
body{
background-repeat: repeat-x;
background-position: 0 -1725px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
margin:0!important;
padding:0!important;
}
body:after,
#fw-mb:after{
content:'';
display:block;
width:0;
height:0;
clear:both;
}
/* masterbrand sprite ##################################### */
body,
#fw-ft-basic .ft-sect,
#fw-ft-enhanced .ft-sect.ft-hover,
#fw-ft-enhanced div.ft-toolbar,
#fw-ft-enhanced .ft-sect a.ft-label,
#fw-ft-enhanced div.ft-sect.ft-mycisco,
#fw-mbl a,
#fw-ft-enhanced div.ft-close a,
#fw-ft-enhanced.ft-hidden div.ft-close,
#fw-ft-enhanced.ft-hidden .ft-close-reminder {
background-image:url("/etc/designs/cdc/fw/i/mb-sprite.png");
}
* html body,
#ie6 #fw-ft-basic .ft-sect,
#ie6 #fw-mbl a {
background-image:url("/etc/designs/cdc/fw/i/mb-sprite.gif");
}
/* masterbrand ##################################### */
/* bg image is declared in overall mb sprite */
#fw-mb{
padding:0 10px;
position:relative;/*this fixed an ie7 bug*/
background: transparent url("/etc/designs/cdc/fw/i/mb-hotspot.jpg") no-repeat 50% 0%;
}
#fw-mb-w1 {
width:960px;
margin:auto;
position:relative;
}
/* header styles ######################################## */
/* bg image is declared in overall mb sprite */
#fw-banner{
color:#fff;
padding-right:10px; /* ck: qc#60 */
}
#fw-banner a:link,
#fw-banner a:visited,
#fw-banner a:active{
color:#fff;
text-decoration:none;
}
#fw-banner .search-entitlement {
visibility:hidden; /* NS7 */
display:none;
}
#fw-banner-w1{
position:relative;
z-index:1000;
height:75px;
}
/* logo ######################################## */
#fw-mbl{
position:absolute;
top:0;
left:0;
width:100px;
height:100%;
}
/* bg image is declared in overall mb sprite */
#fw-mbl a{
display:block;
position:absolute;
top:0;
left:0;
font-size:0;
color:transparent!important;
background-repeat:no-repeat;
background-position:-4px -1650px; /* ck: qc#60 */
height:100%;
width:100%;
}
#fw-mbl a:focus{
outline:1px dotted #fff;
}
#ie6 #fw-mbl a,
#ie7 #fw-mbl a{
/* old ie refuses to display transparent text */
text-indent:-1000px;
overflow:hidden;
}
/* primary nav ######################################## */
.mm-reflink {
display: none;
}
#fw-mm{
position:absolute;
top:0;
left:111px;
right:210px;
height:100%;
}
#ie8 #fw-mm{ left:101px; right:220px; } /* ck: qc46 */
#ie6 #fw-mm{
width:600px; /* this will need to change if overall width of page changes */
}
#fw-mm table.mm-items{
position:absolute;
top:1px;
left:0;
width:100%;
border-spacing:0;
height:100%;
}
#fw-mm td.mm-item{
vertical-align:middle;
padding:0;
max-width:100px;
}
#fw-mm td.mm-item a.mm-link{
display:block;
padding:20px 10px;
text-align:center;
font-weight:bold; /* ck: qc47 - I guess UE Spec is wrong */
font-size:12px; /* ck: qc47 - I guess UE Spec is wrong */
text-shadow:0 -1px 0 rgba(0,0,0,0.38);
line-height:1.2;
}
.ie td.mm-item a.mm-link { /* ck: qc156 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 */
filter: alpha(opacity=100); /* ie6 and ie7, needs to be listed second */
zoom:1;
}
td.mm-item.mm-hovered a.mm-link,
td.mm-item.mm-focused a.mm-link{
opacity:.8;
}
.ie td.mm-item.mm-hovered a.mm-link,
.ie td.mm-item.mm-focused a.mm-link { /* ck: qc156 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8 */
filter: alpha(opacity=80); /* ie6 and ie7, needs to be listed second */
zoom:1;
}
/* Mingle #8696 */
#products-mm-item > a.mm-link:lang(en){
padding-left: 0 !important;
white-space: nowrap;
}
#fw-mm td.mm-item.mm-hovered a.mm-link:after,
#fw-mm td.mm-item.mm-focused a.mm-link:after{
content:"";
display:block;
margin:4px auto -14px;
width:0;
height:0;
border:5px solid transparent;
border-top-color:inherit;
-moz-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
-webkit-box-shadow:0 -1px 0 rgba(0,0,0,0.3);
box-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
#ie6 #fw-mm td.mm-item.mm-hovered a.mm-link,
#ie7 #fw-mm td.mm-item.mm-hovered a.mm-link,
#ie6 #fw-mm td.mm-item.mm-focused a.mm-link,
#ie7 #fw-mm td.mm-item.mm-focused a.mm-link{
background:transparent url('/etc/designs/cdc/fw/i/mm-onstage-arrow.gif') no-repeat 50% 100%;
}
/* search box ######################################## */
#fw-mbs{
position:absolute;
top:0;
right:0;
bottom:0;
width:194px;
padding-top:25px;
}
#fw-mbs label{
display:block;
position:absolute;
top:-1000px;
}
/* start field button */
/*
*/
p.field-button,
input.field-button-button {
background-image: url('/etc/designs/cdc/fw/i/field-button-sprite.png');
}
#ie6 p.field-button,
#ie6 input.field-button-button {
background-image: url('/etc/designs/cdc/fw/i/field-button-sprite.gif');
}
p.field-button {
background-repeat:no-repeat;
background-position: 0 0;
display:block;
position:relative;
height:21px;
padding:7px 0 0 7px !important;
margin: 0 23px 0 0 !important;
}
input.field-button-field {
font-size:12px;
width:97%;
width:-moz-available;
border:none;
background:transparent;
margin:0;
padding:0;
color:#333;
position:absolute;
top:7px;
left:7px;
font-family:arial,sans-serif;
}
p.field-button-focused input.field-button-field,
input.field-button-field:focus {
color:#000;
text-shadow:1px 1px 2px rgba(0,0,0,0.2);
outline:none;
}
input.field-button-button {
display:block;
position:absolute;
top:0;
right:-23px;
width:23px;
height:28px;
margin:0;
padding:0;
border:none;
background-color:transparent;
background-repeat:no-repeat;
background-position:100% 0;
color:transparent;
font-size:0px;
cursor:pointer;
}
p.field-button-focused {
background-position:0 -50px;
}
p.field-button-focused input.field-button-field {
cursor:text;
}
p.field-button-focused input.field-button-button {
background-position:100% -50px;
}
#ie6 input.field-button-button,
#ie7 input.field-button-button{
/* push the text down out of view */
padding-top:100px;
}
/* end field button */
/* framework.css ######################################## */
#framework-base-main {
/* ck: remove canvas
background:#fff;
border:10px solid #fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
box-shadow:0 0 10px 1px rgba(0,0,0,0.3);
*/
margin:60px 0 20px;
}
/* ck: 1.x only? if not, can be made more generic */
#w1x #framework-base-main { margin:9px 10px 20px 0; } /* margin-top was 15px */
#w1x #framework-column-left {
max-width:240px; /* override libra's 213px hinav */
}
.ie #w1x #framework-column-left { width:220px; }
#w1x #framework-content-main { margin:0 10px; }
#w1x #content-right-top { margin:0; } /* overrides libra's default 8px */
/* ck: changes current output because pages currently extend over 960px edge */
#w1x #framework-content-right { margin-right:10px; }
/* HiNav ######################################## */
/* hinav overrides */
/* ck: only required for IE8, but unnecessary for rest */
#fw-mb-w1 .hinav {
padding-top:0;
}
/* 1.x only? if not, can be merged with above */
#w1x .hinav {
padding-left:10px; /* top padding:0 - already defined, leave bottom as is */
padding-right:10px;
width:220px; /* override libra's 188px */
}
#fw-mb-w1 .hinav li {
display:block;
padding-top:0;
padding-bottom:0;
}
#fw-mb-w1 .hinav li .selected { color:#000 }
/* .ie67 #fw-mb-w1 .hinav li .selected { margin-top:-8px; } ck: qc215, IE7 spacing issue */
.ie67 #fw-mb-w1 .hinav ul { zoom:1; } /* ck-qc224 */
.ie67 #fw-mb-w1 .hinav ul strong { display:block; zoom:1; } /* ck-qc224 - when is this used? */
/* footer overrides */
#fw-mb-w1 #framework-footer {
color:#999;
font-size:11px;
margin:44px 0 0 0; /* ck: qc52 was 28px */
padding:11px 10px 43px; /* mb2.6 = 46px as spec'd */
border-top:1px solid #eaeaea;
}
.ie #fw-mb-w1 #framework-footer { zoom:1; } /* qc109, ie7 fix, maybe 6 too */
#fw-mb-w1 #framework-footer a {
color:#007fc5;
padding-right:2px;
padding-left:2px;
}
/* ck: all IE or just IE8? */
.ie #fw-mb-w1 #framework-footer a {
padding-right:5px;
padding-left:4px;
}
#fw-mb-w1 #framework-content-main {
margin-top:0;
margin-left:5px; /* ck: bz1594 */
margin-right:5px; /* ck: bz1594 */
}
/* components.css overrides ######################################## */
#fw-mb-w1 .module-related ul {
font-size:11px; /* ck: bz1834 */
}
/* masterbrand series and models redesign ****************/
/* center column data-hero */
.data-hero {
margin:0 0px 20px; /* Margin left and right set to 0. WEM page alignment fix.*/
position:relative;
width:460px;
}
#ie7 .data-hero {
zoom:1;
}
.data-hero:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* rounded corners: center column data-hero */
.data-hero-cont .ctl,
.data-hero-cont .ctr,
.data-hero-cont .cbl,
.data-hero-cont .cbr {
background:#fff url(/etc/designs/cdc/fw/i/data-hero-sprite.png) no-repeat 0 -39px;
display:block;
height:6px;
width:6px;
position:absolute;
line-height:6px;
}
.data-hero-cont .ctl {
top:-1px;
left:-1px;
}
.data-hero-cont .ctr {
top:-1px;
right:-1px;
background-position:0 -45px;
}
.data-hero-cont .cbr {
bottom:-1px;
right:-1px;
background-position:0 -51px;
}
.data-hero-cont .cbl {
bottom:-1px;
left:-1px;
background-position:0 -57px;
}
/* only show if prod-info and prod-link have content */
.data-hero-cont {
border:1px solid #ccc;
border-radius: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:14px 14px 0;
width:430px;
}
#fw-mb .data-hero-unrecognized {
display:none;
}
#prod-info {
position:relative;
float:left;
padding:0 0 0 0;
margin:0 20px 14px 0;
width:184px;
}
#ie7 #prod-info {
padding-bottom:12px;
margin-bottom:0;
}
.prod-img {
position:relative;
border:2px solid #adadad;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height:134px; /*for ie*/
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
overflow:hidden;
}
.prod-img span {
position:absolute;
bottom:0;
left:-100px;
height:134px;
width:280px;
background:transparent url(/etc/designs/cdc/fw/i/data-hero-sprite.png) 104px 98px no-repeat;
}
#ie6 .prod-img span {
background-image:url(/etc/designs/cdc/fw/i/data-hero-sprite.gif);
}
.prod-img a:hover span {
background-position:-96px 98px;
}
#prod-info .ie-rnd-corners {
position:relative;
}
/* rounded corners: center column data-hero - #prod-info prod image */
/* _masterbrand.js adds .ie-rounded-corners wrapper to ie7/8 only */
#prod-info .ie-rnd-corners .ctl,
#prod-info .ie-rnd-corners .ctr,
#prod-info .ie-rnd-corners .cbl,
#prod-info .ie-rnd-corners .cbr {
background: #fff url(/etc/designs/cdc/fw/i/data-hero-sprite.png) no-repeat -6px -39px;
display:block;
height:3px;
width:3px;
position:absolute;
line-height:3px;
}
#prod-info .ie-rnd-corners .ctl {
top:0;
left:0;
}
#prod-info .ie-rnd-corners .ctr {
top:0;
right:0;
background-position:-6px -42px;
}
#prod-info .ie-rnd-corners .cbr {
bottom:0;
right:0;
background-position:-6px -45px;
}
#prod-info .ie-rnd-corners .cbl {
bottom:0;
left:0;
background-position:-6px -48px;
}
#prod-info .view3d {
margin:9px 0 -1px 0;
font-size:11px;
color:#525252;
}
#prod-info .view3d span {
color:#666;
}
#prod-info .view3d:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#prod-content {
margin-bottom:14px;
float:left;
width:209px;
width:226px;
color:#525252;
}
#prod-content li {
margin-bottom:4px;
}
.data-hero a:link,
.data-hero a:visited {
text-decoration:none;
color:#2970a6;
line-height:13px;
}
.data-hero a:hover,
.data-hero a:active {
text-decoration:underline;
}
.data-hero .prod-img a:hover,
.data-hero .prod-img a:active {
text-decoration:none; /*removes line under the template's */
}
#prod-content ul {
list-style:none;
margin:0;
padding:0;
}
#prod-content .hll {
margin:0 0 -7px;
}
.ie67 #prod-content .prod-link {
zoom:1;
}
/* button styles */
#prod-content .a00v1-alt2,
.prod-link .a00v1-alt2 span {
background-image:url(/etc/designs/cdc/fw/w/cl/a00/a00v1-alt2.png);
}
#prod-content .a00v1-alt2 {
font-size:11px;
margin:12px 0 0 0;
}
#ie7 #prod-content .a00v1-alt2 .tl {
margin-top:-4px;
}
#prod-content a.cta,
#prod-content a.cta span {
background:transparent url('/etc/designs/cdc/fw/i/data-hero-sprite.png') no-repeat scroll top right;
}
#ie6 #prod-content a.cta,
#ie6 #prod-content a.cta span {
background:#990;
}
#prod-content a.cta {
background-position:right -57px;
display:block;
float:left;
font:bold 12px arial;
/*font-effect:engrave;*/
text-shadow:0 -1px #693;
color:#fff;
height:26px;
margin-right:6px;
padding-right:18px; /* sliding doors padding */
text-decoration:none;
}
#prod-content a.cta:hover {
background-position:right -83px;
}
#prod-content a.cta span {
background-position:0px -57px;
display:block;
line-height:16px;
padding:5px 0 5px 18px;
}
#prod-content a.cta:hover span {
background-position:0px -83px;
}
.prod-socmed {
position:relative;
clear:both;
float:none;
width:460px;
}
.data-hero-cont .prod-socmed-cont {
border-top:1px solid #ccc;
width:430px; /* override when inside box */
}
.prod-socmed-fb,
.prod-socmed-rr,
.prod-socmed-share {
position:relative;
float:right;
min-width:0;
}
.prod-socmed-rr {
float:left;
width:190px; /* API requirement */
margin:4px 0 0; /* API alignment */
}
.prod-socmed-share {
text-align:right;
margin-left:30px; /* UE Spec requirement */
}
/* Content Styling
.prod-socmed-rr .bv-rating {
height:20px;
margin:8px 0;
width:160px;
}
.prod-socmed-rr .bv-rating img {
height:20px;
width:80px;
float:left; }
.prod-socmed-rr .bv-rating a {
margin:2px 0 0 5px;
float:left;
}
*/
.prod-socmed-fb #fb-root {
height:20px;
margin:8px 0 8px 4px;
width:90px; /* required for 4 digit */
}
.ie67 .prod-socmed-fb {
width:188px;
}
.prod-socmed-plusone {
position:relative;
margin-left:4px;
float:right;
top:8px;
min-width:0;
z-index:7 !important;
}
.ie67 .prod-socmed-plusone {
width:90px;
margin-bottom:4px;
}
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .prod-socmed-fb #fb-root { width:90px; } } *//* required for FB 4 digit counter */
.prod-socmed-share #s10-pilot {
/*
height:24px;
width:134px;
margin:6px 0 6px 30px;
*/
margin:5px 0 0;
}
/** module-related & cross-nav re-skin *************************
* this affects the module-related and cross-nav modules.
* they share a similar look now, but keeping css separated
* in case their designs ever diverge.
**/
/*product series/model redesign - "module-related"*/
#framework-content-right .mb-context .module-related {
width:220px;
margin:0 0 12px 0;
padding:0 0 0 8px;
}
#framework-content-right .mb-context .module-related,
#framework-content-right .mb-context .module-related ul {
font-size:12px;
color:#525252;
line-height:14px;
}
#framework-content-right .mb-context .module-related a {
font-size:12px;
color:#2970a6;
text-decoration:none;
}
#framework-content-right .mb-context .module-related a:hover {
text-decoration:underline;
}
#framework-content-right .mb-context .module-related div,
#framework-content-right .mb-context .module-related p {
margin:0 0 0 0;
padding:0 0 5px 0;
}
#framework-content-right .mb-context .module-related h3 {
border-bottom:4px solid #ccc;
background:none;
margin:0 0 9px 0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
color:#444;
}
#framework-content-right .mb-context .module-related h4 {
padding:0 0 5px 0;
font-size:12px;
color:#525252;
}
#framework-content-right .mb-context .module-related li {
margin-bottom:2px;
padding-left:0;
line-height:14px;
list-style-type:none;
}
#framework-content-right .mb-context .module-related img {
margin: 0 0 0 0;
}
/*product series/model redesign - "cross-nav"*/
#framework-content-right .mb-context .cross-nav,
#framework-content-right .mb-context .cross-nav .module {
background:none;
width:220px;
margin:0 0 0 0;
padding:0 0 0 0;
}
#framework-content-right .mb-context .cross-nav,
#framework-content-right .mb-context .cross-nav .module,
#framework-content-right .mb-context .cross-nav .content {
font-size:12px;
color:#525252;
line-height:14px;
}
#framework-content-right .mb-context .cross-nav a {
font-size:12px;
color:#2970a6;
text-decoration:none;
}
#framework-content-right .mb-context .cross-nav a:hover {
text-decoration:underline;
}
#framework-content-right .mb-context .cross-nav div,
#framework-content-right .mb-context .cross-nav p {
margin:0 0 5px 0;
}
#framework-content-right .mb-context .cross-nav {
margin:0 0 15px 0;
padding:0 0 0 8px;
}
#framework-content-right .mb-context .cross-nav .title {
border-bottom:4px solid #ccc;
background:none;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
color:#444;
}
#framework-content-right .mb-context .cross-nav h3 {
border-bottom:4px solid #ccc;
background:none;
margin:0 0 9px 0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
color:#444;
}
#framework-content-right .mb-context .cross-nav h4 {
margin:0 0 0 0;
padding:0 0 5px 0;
font-size:12px;
color:#525252;
}
#framework-content-right .mb-context .cross-nav .content,
#framework-content-right .mb-context .cross-nav .link {
padding:0 0 0 0;
}
#framework-content-right .mb-context .cross-nav .module .header,
#framework-content-right .mb-context .cross-nav .module .contentArea {
border:none;
background:none;
}
#framework-content-right .mb-context .cross-nav .module .header {
border-bottom:1px solid #e5e5e5;
padding:5px 0 4px 0;
margin:0 0 10px 0;
}
#framework-content-right .mb-context .cross-nav .content .link-header {
font-weight:bold;
}
#framework-content-right .mb-context .cross-nav .module .contentArea {
margin:0 0 0 0;
padding:0 0 0 0;
}
#framework-content-right .mb-context .cross-nav ul {
margin:0 0 3px;
padding:0;
}
#framework-content-right .mb-context .cross-nav li {
margin: 0 0 2px 0;
padding: 0 0 3px 0;
list-style: none outside none;
line-height:14px;
}
#framework-content-right .mb-context .cross-nav img {
margin: 0 0 0 0;
}
/* /swa/tabs.css overrides ######################################## */
#fw-mb-w1 .pagetabs {
margin-left:5px; /* ck: bz1594 */
margin-right:10px; /* ck: bz1594 */
}
#fw-mb-w1 .pagetabs .tabset {
margin-left:0px; /* ck: bz1594 */
margin-right:0px; /* ck: bz1594 */
}
#fw-mb-w1 .infotab {
border:1px solid #ccc; /* ck: bz1594 and 2129 */
border-width:0 1px 1px; /* ck: bz1594 */
}
/* satellite header layout styles ######################################## */
.satellite-header #fw-mbl {
position:absolute;
top:5px;
left:-3px;
width:94px;
height:70px;
}
.satellite-header #fw-mbl a {
background-position:-1px -1655px;
}
#ie6 .satellite-header #fw-mbl a,
#ie7 .satellite-header #fw-mbl a {
text-indent:0; /* override ie6/7 text-over-opacity fix */
}
.satellite-header #fw-mbl._hocused .mbl-i-logo-overlay {
position:absolute;
margin:0;
width:92px;
height:71px;
border:1px solid #003;
border:1px solid #036;
border-bottom-width:0;
background:#fff;
background:#ececec;
background-image:none;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
opacity:0.2;
filter:alpha(opacity=20); /* For IE8 and earlier */
}
#ie7 .satellite-header #fw-mbl._hocused .mbl-i-logo-overlay {
display:block;
zoom:1;
left:0;
width:92px;
height:70px;
}
.satellite-header #fw-mbl-i {
position:absolute;
top:72px;
left:0;
width:94px;
opacity:0.98;
filter:alpha(opacity=98); /* For IE8 and earlier */
}
.satellite-header #fw-mbl-i .mbl-i-menu {
display:none;
position:absolute;
width:92px;
margin:0;
border:1px solid #c1c1c1;
border-top-color:#858585;
border-top-color:#d1d1d1;
border-top:none;
background:#ececec;
background-image:none;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
-webkit-box-shadow: 0 7px 6px -6px #c1c1c1;
-moz-box-shadow: 0 7px 6px -6px #c1c1c1;
box-shadow: 0 7px 6px -6px #c1c1c1;
filter:inherit; /* For IE8 and earlier */
}
#ie7 .satellite-header #fw-mbl-i {
top:70px;
}
.satellite-header ._hocused #fw-mbl-i .mbl-i-menu {
display:block;
}
.satellite-header #fw-mbl-i .mbl-i-menu ul {
margin:0;
padding:0;
}
.satellite-header #fw-mbl-i .mbl-i-menu li {
border-top:1px solid #f8f8f8;
border-bottom:1px solid #e4e4e4;
margin:0;
padding:6px 10px;
list-style:none;
font-size:11px;
}
.satellite-header #fw-mbl-i .mbl-i-menu li:first-child {
border-top:none;
}
.satellite-header #fw-mbl-i .mbl-i-menu li:last-child {
border-bottom:none;
}
.satellite-header #fw-mbl-i .mbl-i-menu a {
position:relative;
background-image:none;
font-size:11px;
color:#424242 !important;
}
.satellite-header #fw-mbl-i .mbl-i-menu a:focus,
.satellite-header #fw-mbl-i .mbl-i-menu a:hover {
color:#212121 !important;
}
.satellite-header #fw-hdr {
position:relative;
margin-bottom:23px;
margin-left:17px;
font-size:22px;
bottom:0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.38);
}
.satellite-header #fw-mm {
left:94px;
right:234px;
top:auto;
bottom:0;
height:auto;
}
.satellite-header #fw-mm table.mm-items {
position:relative;
width:auto;
top:auto;
bottom:3px;
height:auto;
margin-top:-17px;
}
.satellite-header #fw-mm td.mm-item {
max-width:none;
}
.satellite-header #fw-mm td.mm-item a.mm-link {
padding:2px 17px 14px 18px;
}
#fw-banner #fw-mm td.mm-item a.mm-link {
padding: 20px 7px;
}
#ie6 .satellite-header #fw-mm td.mm-item.mm-hovered a.mm-link,
#ie7 .satellite-header #fw-mm td.mm-item.mm-hovered a.mm-link,
#ie6 .satellite-header #fw-mm td.mm-item.mm-focused a.mm-link,
#ie7 .satellite-header #fw-mm td.mm-item.mm-focused a.mm-link{
background:transparent url('/etc/designs/cdc/fw/i/mm-onstage-arrow.gif') no-repeat 50% 140%;
}
.satellite-header #fw-ft-basic .ft-group .ft-sect + .ft-sect {
border-left: 1px solid #C2CEE3;
}
ul#lang-options{list-style-type:none; padding-left:0;}
ul#lang-options>li{float:left; list-style-type:none; margin-left:8px; line-height:4px; }
ul#lang-options>li:after{content: "|"; margin-left: 8px;}
ul#lang-options>li.no-pipe:after{content:"";}
#fw-ft-basic .ft-sect + .ft-group .ft-sect + .ft-sect {
border-left:1px solid #c2cee3;
}
/*
* END /cdc/fw/c/masterbrand_frag/_masterbrand.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/_toolbar.css
*/
/*
* _toolbar.css
* Revision: 1.7
*
* utility link/floating toolbar styling
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
div#fw-ft-basic
|
+--div.ft-toolbar
|
+--div.ft-group (grouping allows space between items)
|
+--div.ft-sect
|
+--a.ft-label
*/
#fw-ft-basic {
font-size:10px; /* ck: qc49 */
position:absolute;
top:0;
right:0;
color:#c2cee3;
}
#fw-ft-basic .ft-group {
float:left;
zoom:1;
}
#fw-ft-basic .ft-group:after {
content:" ";
display:block;
font-size:0;
line-height:0;
height:0;
clear:both;
}
#fw-ft-basic .ft-sect {
display:block;
position:relative;
float:left;
margin:4px 0;
padding:0px 8px;
}
#fw-ft-basic .ft-sect a:hover {
text-decoration:underline;
}
#fw-ft-basic .ft-group + .ft-group .ft-sect + .ft-sect {
border-left:1px solid #c2cee3;
}
#ie7 #fw-ft-basic .ft-group .ft-sect + .ft-sect {
border-left:1px solid #c2cee3;
}
#fw-ft-basic .ft-group {
position:relative;
float:left;
}
#fw-ft-basic .ft-country-lang-group .ft-lang {
border-left:none;
padding-left:0px;
}
#fw-ft-basic .ft-country-lang-group .ft-lang + .ft-lang {
border-left:1px solid #c2cee3;
padding-left:8px;
}
#fw-ft-basic .ft-group .ft-mycisco {
border-left:none !important;
background:#7a8ba5;
margin:0 0 0 8px;
padding:3px 2px 4px 12px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
#fw-ft-basic .ft-group .ft-mycisco:hover {
background:#8393ab;
}
#fw-ft-basic .ft-group .ft-mycisco a {
padding-right:10px;
font-size:11px;
text-decoration:none;
cursor:pointer;
}
#fw-ft-basic .ft-group .ft-mycisco #backpack a { /*remove once proper selectors have been added to templates*/
padding-right:0;
}
.rtl #fw-ft-basic .ft-sect ul#lang-options{
padding-right:6px;
}
/*
* END /cdc/fw/c/masterbrand_frag/_toolbar.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/_skip.css
*/
/*
* _skip.css
* Revision: 1.2
*
* skiplinks
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
div#fw-mbsk
|
+--p
|
+--a
|
+--a
|
...
*/
#fw-mbsk {
background:#000;
position:absolute;
top:-5000px;
left:0;
right:0;
z-index:1050;
font-size:11px;
}
#fw-mbsk p{
margin:0;
}
#fw-mbsk a{
display:block;
padding:3px 10px;
float:left;
}
#fw-mbsk a+a{
border-left:1px solid #4d4d4d;
margin-left:1px;
}
/*#############################################*/
body.mbsk-focused #fw-mbsk{
top:-22px;
}
body{
border-top:0px solid #000;
}
body.mbsk-focused{
border-top-width:25px;
background-position: 0 -1700px;
}
/*
* END /cdc/fw/c/masterbrand_frag/_skip.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/_titles.css
*/
/*
* _titles.css
* Revision: 1.5
*
* style the page and section titles
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
#mb-title-nav-bar {
/*background-color: blue;
border: 1px solid: green;*/
margin: 15px 0 0 0;
padding: 0px;
clear:both;
}
#ie6 { zoom: 1; }
/* includes title, contact us, and sections tabs. wcq only? otherwise can be combined with above. */
/* mb2.3: temp remove until titles are ready */
#wcq #mb-title-nav-bar, #wcq #mb-title-nav-bar { margin: 13px 10px 0; }
/* remove? */
/* ck: bugz#1579 title fix
#mb-title-nav-bar #framework-content-titles h1 {
margin: 0;
padding: 0;
color: #666;
}*/
#mb-title-nav-bar #framework-content-titles { /* both titles */
padding:0 10px 0 0;
}
/* includes container for title(s). wcq only? otherwise can be combined with above. */
#wcq #mb-title-nav-bar #framework-content-titles, #wcq #mb-title-nav-bar #framework-content-titles {
padding:0;
margin:0;
float:left;
width: 950px; /* Fix for bug WEM-3562 */
}
/* ck: should no longer require libra-overrides.css
once confirmed, return delcarataion to be just #mb-title-nav-bar .title-section
*/
#mb-title-nav-bar h1.title-section { /* h1 */
font-size:12px;
color:#666;
padding:0 0 0 10px;
margin:0; /* ck: title sync */
}
/* h1 section title. wcq only? otherwise can be combined with above. */
#wcq #framework-content-titles h1.title-section, #wcq #framework-content-titles h1.title-section {
width:670px;
font-family: arial,helvetica,sans-serif;
padding:0 0 4px 0; /* meets UE Spec requirements when no section tab */
margin:0;
}
/* h1 section title link */
#wcq #framework-content-titles h1.title-section a, #wcq #framework-content-titles h1.title-section a {
color:#444;
text-decoration:none;
}
/* ck: handle when only h1.title-section is on page but needs to look like .title-page */
#mb-title-nav-bar h1.title-section-only,
#mb-title-nav-bar .title-page { /* h2 *//* framework.css overrides */
font-size:26px;
font-weight:normal;
color:#444;
}
/* ck: should no longer require libra-overrides.css
once confirmed, return declaration to be just: #mb-title-nav-bar .title-page
*/
#mb-title-nav-bar #framework-content-titles h2.title-page { /* h2 *//* framework.css overrides */
line-height:1em;
padding:4px 0 11px 9px;
}
/* h2 page title. wcq only? otherwise can be combined with above. */
#wcq #framework-content-titles h2.title-page, #wcq #framework-content-titles h2.title-page {
padding-left:0;
width:940px; /* can also get rid of the line altogether? */
}
#mb-title-nav-bar h1.title-page { /* h1 *//* no section title */
/* color:#222; title sync */
padding-top:0;
}
/* remove? */
/* ck: bugz#1579 title fix
#framework-content-titles .title-section, #framework-content-titles .title-page {
color: #434e52;
font-size: 155.5%;
margin: 0 !important;
padding: 0;
} */
/* new framework-title-cta container div, includes ibox and contact us */
#framework-title-cta {
float:right;
width:260px;
}
#fw-mb-w1 #framework-base-main {
margin-top: 15px;
}
#fw-mb-w1 #framework-content-right {
text-align:left;
}
/*** treecrumb.css overrides ***/
#fw-mb-w1 #nav-treecrumb {
margin-left:7px;
}
ol#nav-treecrumb li.crumb-selected, ol#nav-treecrumb li.first-crumb {
border-color: transparent;
}
/*
* END /cdc/fw/c/masterbrand_frag/_titles.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/_print.css
*/
/*
* _print.css
* Revision: 1.2
*
* provides media=print styles, based on /etc/designs/cdc/fw/c/global_print.css|framework_print.css
* - main page layout
* - default styles for content
* - legacy styles for content
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
@media print {
/* standard html styles */
body {
background-color:#fff;
color: #000;
font: 80% Arial,Helvetica,sans-serif;
margin:0px;
padding:0px;
}
/* hides libra sitearea nav */
#cdc-nav-module {
visibility: hidden;
display: none;
}
img {
border:0px;
}
#hinav,
#framework-column-right,
#fw-mm,
#fw-mbs,
#fw-ft-basic,
#fw-ft-enhanced {
visibility:hidden; /* Added for NS7 compatibility */
display: none;
}
/* -- unique divs -- */
.title-section {
color:#333;
font-size:90%;
margin:6px 0px 0px 0px;
padding:0px;
}
.title-page {
font-weight:bold;
font-size:140%;
color:#666;
margin:2px 0px 5px 0px;
padding:0px;
}
#framework-base-main{background:#ffffff;width:90%;}
#fw-mbl { /* was #framework-logo */
position: relative;
top: auto;
left:-15px;
margin:0 0 -10px 0;
padding: 0;
}
#framework-content-titles,#framework-column-main{
background:#ffffff;
width:100%;
}
#framework-base-footer #framework-footer{
width:75%;
}
#framework-footer .legal {
margin:10px 10px 0px 4px;
padding:0px;
font-size:85%;
color:#999;
}
#framework-footer .legal a {
color:#999;
text-decoration:none;
}
#framework-content-main{
width:70%;
}
* html #framework-content-main{
width:90%;
}
}
/*
* END /cdc/fw/c/masterbrand_frag/_print.css
*/
/*!
* BEGIN /cdc/fw/c/masterbrand_frag/__cookie_informer.css
*/
/*
* _cookie_informer.css
* Revision: 1.2
*
* cookie informer banner styling and positioning
*
* (c) 1992-2016 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://www.cisco.com/web/siteassets/legal/terms_condition.html
*/
.cookie_informer {
position: relative;
border-top: 1px solid #999;
background-color: rgba(254, 253, 212, 0.95);
margin: 0 -10px 10px 0; /* neg margin added to align banner with spotlights. unclear why #fw-banner has right margin */
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
zoom: 1;
}
.cookie_informer .jar:after,
.cookie_informer:after {
content:'';
display:block;
width:0;
height:0;
clear:both;
}
#fw-banner .cookie_informer {
margin: 0 0 10px 10px; /* neg right-margin removed to align banner with non-spotlights. */
width: 927px;
}
.cookie_icon {
position: relative;
float: left;
background: url(/etc/designs/cdc/fw/i/info-icon.svg) 0px 2px no-repeat;
background-size: 22px;
margin: 0;
width: 40px;
height: 40px;
zoom: 1;
}
.cookie_message {
position: relative;
float: left;
width: 83%;
padding: 0 0 3px 0;
color: #58585b;
line-height: 19px;
font-size: 14px;
font-family: CiscoSans, sans-serif;
font-weight: 300;
}
#cookie_message a:link,
#cookie_message a:visited,
#cookie_message a:active {
white-space: nowrap;
color: #2970a6;
}
#cookie_informer {
margin: 0 auto;
border-top: 0;
border-radius: 0;
position: absolute;
left: 0;
right: 0;
width: 100%;
z-index: 1000; /* QC #1147 */
}
#cookie_informer .jar {
max-width: 960px;
margin: 0 auto;
padding: 15px 7px 10px;
}
#fw-banner #cookie_informer .jar {
margin: 0 10px;
}
.fw-res #cookie_informer .jar {
max-width: 1014px;
}
#cookie_message a:hover {
text-decoration: underline;
}
#cookie_informer.hidden {
display: none;
}
.cookie_set {
position: relative;
float: right;
margin: 0 8px 0 0;
width: 28px;
height: 28px;
text-align: right;
}
#fw-banner .cookie_set {
margin-right: 0;
}
.cookie_set a {
position: relative;
float: right;
background: url(/etc/designs/cdc/fw/i/exit-icon.svg) 0px 0px no-repeat;
background-size: 12px;
width: 12px;
height: 12px;
font-size:0;
zoom: 1;
}
#ie7 .cookie_set a {
color: transparent !important;
}
@media only screen and (min-width: 48em) {
.cookie_message {
width: 90%;
}
}
@media only screen and (min-width: 60em) {
.cookie_message {
width: 92%;
}
}
/*
* END /cdc/fw/c/masterbrand_frag/__cookie_informer.css
*/
/*!
* BEGIN /cdc/fw/c/treecrumbs.css
*/
/* Revision: 1.3 */
ol#nav-treecrumb { /* overall position of crumb */
margin: 10px 181px -8px 0;
position: relative;
z-index: 10;
font-size: 86%;
padding: 0;
}
ol#nav-treecrumb li { /* base style for top level crumbs */
position: relative;
/* display: inline; */
z-index: 0;
float: left;
padding: 1px 3px 0 19px;
margin: 0;
color: #666;
font-weight: normal;
white-space: nowrap;
list-style: none;
background: url("/etc/designs/cdc/fw/i/crumb-arrow-right.png") no-repeat;
background-position: 2px 60%;
border: 1px solid transparent;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
}
ol#nav-treecrumb li.crumb { /* base style for top level crumbs on hover */
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 2px solid #999;
background: url("/etc/designs/cdc/fw/i/crumb-arrow-down.gif") no-repeat;
border-bottom: 2px solid white;
background-position: 6px 4px;
left: 0; /* cuz IE likes this */
}
ol#nav-treecrumb li ul { /* base style for menu container */
position: absolute;
z-index: -1;
left: -1px;
top: 100%;
margin: 1px 0 0 0;
padding: 0;
background-color: #fff;
border-top: 1px solid #ccc;
border-bottom: 2px solid #999;
border-left: 1px solid #ccc;
border-right: 2px solid #999;
display: none;
}
* html ol#nav-treecrumb li ul {
top: 15px;
left: -1px;
width: 100%;
background-color: white;
}
html>body ol#nav-treecrumb li ul {
%top: 100%;
}
ol#nav-treecrumb li ul li { /* base styles for menu li's */
display: block;
float: none;
border: none;
margin: 0;
padding: 2px 18px 2px 19px;
background: none;
background-color: #fff;
}
ol#nav-treecrumb li ul li.crumb-peer { /* style to highlight selected peer hover */
border: none;
background: #D5E0E6;
}
ol#nav-treecrumb a { /* base styles for links */
color: #2F6681;
text-decoration: none;
font-weight: normal;
font-size: 100%;
padding: 0;
}
ol#nav-treecrumb li.crumb-selected a {
color: #666;
}
ol#nav-treecrumb li.crumb-selected.crumb {
background-color: #fff;
}
ol#nav-treecrumb li ul li a, ol#nav-treecrumb li.crumb-selected ul li a { /* overrides for links in menus */
color: #2f6681;
font-weight: normal;
white-space: nowrap;
}
ol#nav-treecrumb a:hover {
text-decoration: none;
}
ol#nav-treecrumb li.crumb.crumb-peer { /* hover for last crumb peers */
background-color: #D5E0E6;
border-bottom: 2px solid #D5E0E6;
}
ol#nav-treecrumb li.crumb.crumb-peer .crumby-iefix {
border-top: 1px solid #D5E0E6;
}
ol#nav-treecrumb .crumby-iefix { /* remove top border of ul because parent can't mask child with z-index in IE */
border-top: 1px solid white;
position: absolute;
top: -1px;
left: 0px;
_left: -19px; /* ie 6 needs this */
display: block;
padding: 0px;
margin: 0px;
width: auto;
height: 1px;
}
/* override for first crumb - special case */
ol#nav-treecrumb li.first-crumb {
background-image: none;
padding: 1px 3px 0 1px;
border-top: 1px solid transparent;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
margin: 0;
}
ol#nav-treecrumb li.crumb.only-crumb {
background-color: #D5E0E6;
border: 1px solid #ccc;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
}
ol#nav-treecrumb li.only-crumb.first-crumb {
padding: 1px 3px 0 4px;
margin: 0px 0px 0 -3px;
}
/* overrides for last crumb special case */
ol#nav-treecrumb .crumb-button { /* sets up initial decor for last crumb */
border: 1px solid #cccccc;
width: 10px;
height: 13px;
margin: 0 0 0 4px;
padding: 0;
background-position: 1px 3px;
top:2px;
left: 0px;
}
ol#nav-treecrumb .last-crumb .crumby-iefix {display: none;} /* don't do ie fix for last crumb */
ol#nav-treecrumb>li.crumb-children {
display: none;
}
ol#nav-treecrumb>li.crumb-button {
display: block;
}
ol#nav-treecrumb>li.crumb-children.crumb {
border: none;
background: none;
}
ol#nav-treecrumb li.crumb-children ul {
top: -3px;
left: -4px;
}
* html ol#nav-treecrumb li.crumb-children ul {
top: -4px;
left: -5px;
}
ol#nav-treecrumb li.crumb-children ul li.first-child {
background: url("/etc/designs/cdc/fw/i/crumb-arrow-down.gif") no-repeat;
background-position: 6px 5px;
}
ol#nav-treecrumb li.crumb-children ul li.first-child.crumb-peer {
background-color: #D5E0E6;
}
/*
* END /cdc/fw/c/treecrumbs.css
*/
/*!
* BEGIN /cdc/fw/c/modules.css
*/
/*
* JWAY SOLUTIONS AND PRODUCTS TABS MODULES
*
* modules.css
* Revision: 1.10
*
* (c) 1992-2008 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* ----------------------------------------------------------------------------------------- */
/* ------------------------ TAB CONTAINER AND LAYOUT STYLES -------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* preserved for backwards compat on existing tab content */
.infotab .tab-content-container {
border-top: 1px solid #d8d8d8;
min-height:402px;
}
* html .infotab .tab-content-container { /* ie 6 hack for min height */
height:402px;
}
/*
* this is exactly same as deprecated '.pseudotab'
* it provides .infotab settings minus the border
*/
.tab-content-container {
color: #666;
background-color: #fff;
padding: 14px 14px 29px 14px;
width: 675px;
font-size:x-small;
}
/* formerly '.infotab .tab-one-column' */
.tab-content-container .tab-one-column {
font-size:110.4%;
%font-size:110%;
}
/* formerly '.infotab .tab-content-left' */
.tab-content-container .tab-content-left {
float: left;
width: 435px;
font-size:110.4%;
%font-size:110%;
}
/* formerly '.infotab .tt-persel-container' */
.tab-content-container .tt-persel-container {
float: right;
width: 225px;
font-size:110.4%;
%font-size:110%;
}
/* preserved for backwards compat on existing tab content */
.infotab .tab-header {
background: #fff url('/etc/designs/cdc/fw/i/tab-title-bg.gif') repeat-x bottom;
font-size:x-small; /* To mimic tab-content-container fixed font approach */
}
/* preserved for backwards compat on existing tab content */
.infotab .tab-header 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;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------- GENERAL FONT STYLES -------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
.tab-content-container p { /* TC */
font-size: 100%;
line-height: 127.6%;
%line-height: 1.27em;
margin:-3px 0 9px 0;
}
.tab-content-container p.tab-headline { /* TH2 */
color: #666;
font-weight: bold;
font-size: 127.6%;
line-height: 128.8%;
%font-size: 127%;
%line-height: 1.28em;
margin: -3px 0 11px 0;
%margin: -4px 0 12px 0;
}
.tab-content-container p.tab-subheadline { /* TS1 */
color: #666;
font-size: 109.4%;
line-height: 133.6%;
%font-size: 108.5%;
%line-height: 134.5%;
margin: -3px 0 14px 0;
%margin: -4px 0 15px 0;
}
.tab-content-container h3 { /* HB */
color: #666;
font-size: 127.6%;
line-height: 128.8%;
%font-size: 127%;
%line-height: 1.28em;
margin: -4px 0 8px 0;
}
.tab-content-container p.tab-subtext { /* TC subhead following HB */
margin:-9px 0 9px 0;
}
.tab-content-container h4 { /* LHB on Get Started Tab- also used for file size info on Partner Tools and Resources tabs */
font-weight: normal;
font-size: 127.6%;
line-height: 128.8%;
%font-size: 127%;
%line-height: 1.28em;
margin: -4px 0 8px 0;
}
.tab-content-container h4 a { /* LHB */
font-weight: bold;
}
.tab-content-container h5 { /* MLB */
font-size: 109.4%;
%font-size: 108.5%;
margin: -3px 0 7px 0;
}
.tab-content-container ul, .tab-content-container ol { /* default list style (ul) as seen on Features, Models and Partner Tools tabs */
font-size: 100%;
line-height: 127.6%;
%line-height: 1.27em;
margin: 0;
padding: 0;
}
.tab-content-container ul li{
margin: -3px 0 9px 12px;
%margin-left: 15px;
padding: 0;
}
.tab-content-container ol{
list-style-position: inside;
}
.tab-content-container ol li{
margin:-3px 0 9px 0px;
padding-left: 17px;
text-indent: -17px;
%text-indent: -16px;
}
.tab-content-container ul.expanded-spacing { /* expanded list style as seen on How Can Cisco Help and Overview tab */
font-size: 100%;
line-height: 127.6%;
margin: 15px 0 -6px 0;
padding: 0;
}
.tab-content-container ul.expanded-spacing li {
list-style-type: none;
margin: -3px 0 15px 0px;
padding: 0;
}
.tab-content-container ul.chevron-bullet { /* list style seen on Get Started Tab */
padding-left: 0;
}
.tab-content-container ul.chevron-bullet li{
background: url('/etc/designs/cdc/fw/i/chevrons.gif') no-repeat 0 .5em;
list-style: none;
margin-left: 0;
padding-left: 11px;
}
.tab-content-container ul.downloads { /* icon list seen on Get Started Tab */
margin: -4px 0 0px 17px;
}
.tab-content-container ul.downloads li {
list-style-type: none;
margin: 0px;
}
.tab-content-container ul.downloads img {
border:0;
margin: 0 5px 0 -17px;
padding: 0;
}
.tab-content-container ol.jumpnav li, ul.jumpnav li { /* jumpnav as seen on What You Need to Know tab */
color: #2F6681;
background: transparent url('/etc/designs/cdc/fw/i/arrow-jump-down.gif') no-repeat left .3em;
}
.tab-content-container ol.jumpnav li {
padding-left: 27px;
%padding-left: 26px;
text-indent: -17px;
%text-indent: -16px;
}
.tab-content-container ul.jumpnav li {
list-style-type: none;
margin-left: 0;
padding-left: 10px;
}
.tab-content-container p.tabtop { /* used with jumpnav class above */
background: transparent url('/etc/designs/cdc/fw/i/arrow-return-top.gif') no-repeat left .4em;
clear: both;
float: right;
%margin-bottom: 0;
padding: 0 0 0 10px;
text-align: right;
width: auto;
}
.tab-content-container span.callout { /* used in expanded-spacing list */
color:#666;
font-size: 100%;
font-weight: bold;
line-height:normal;
}
.tab-content-container p.callout { /* used in paragraph on Get Started tab */
color:#666;
font-size: 118.5%;
%font-size: 117.5%;
line-height:normal;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------- GENERAL LAYOUT STYLES ------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* ----------------------------------- SECTION STYLES ------------------------------------ */
/* the following styles divide sections of content based on the spacing required between each section
each section contains an h3 and in most cases is separated by a horizontal grey rule */
.tab-content-container .section:after, .tab-content-container .section-list:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.tab-content-container .section {
margin-bottom: 6px;
clear: both;
%height: 1%;
}
.tab-content-container .section-list {
padding-bottom: 3px;
clear: both;
%height: 1%;
}
.tab-content-container .section-list h3 {
margin-bottom: 0;
padding-bottom: 11px;
color: #666;
}
.tab-content-container hr {
display: block;
background-color: #ccc;
border: none;
clear: both;
color: #ccc;
height: 1px;
margin: -11px 0 15px 0;
%margin: -16px 0 8px 0;
padding: 0;
}
.tab-content-container .section-list hr {
%display: inline;
%float: left;
%margin-top: 0;
%margin-bottom: 1px;
}
.tab-content-container .section-list hr.tight {
margin-bottom: 12px;
%margin-bottom: -3px;
}
/* Override to ensure correct spacing for hr within the c24v1 component: */
.tab-content-container .c24v1 hr {
margin: 15px 0px 15px 0px;
%margin: -5px 0px 11px 0px;
}
/* ----------------------------------------------------------------------------------------- */
/* --------------------------------- TAB COMPONENTS----------------------------------------- */
/* ----------------------------------------------------------------------------------------- */
/* ----------------------------------- LIST TYPE COMPONENTS ---------------------------------*/
/* Following is the PDF document list used in Resources and both Partner Tools tabs.
Sections with headers are contained within smb-section-list - defined in general layout area above.
There are 2 types of document lists, those with a lock icon and those without */
.tab-content-container .doclist, .tab-content-container .doclist-lock {
clear: both;
float: left;
width: 100%;
}
.tab-content-container .doclist-lock {
padding-bottom: 3px;
}
.tab-content-container .doclist-lock div.icon-lock { /* this div will maintain width to the left of pdf icon with or without lock icon */
float: left;
margin: 23px 0 0 0;
padding-left: 13px;
width: 43px;
}
.tab-content-container .doclist-lock img.icon-file {
float: left;
margin-top: 14px;
}
.tab-content-container .doclist img.icon-file {
float: left;
margin-top: 11px;
padding-left: 14px;
}
.tab-content-container .doclist div.doctext {
%height: 1%;
margin-left: 30px;
}
.tab-content-container .doclist-lock div.doctext {
%height: 1%;
margin-left: 105px;
}
.tab-content-container .doclist p.tab-subheadline, .tab-content-container .doclist-lock p.tab-subheadline {
margin: -3px 0 0 0;
%margin: -4px 0 0 0;
}
.tab-content-container .doclist h4, .tab-content-container .doclist-lock h4 {
margin: -4px 0 3px 0;
}
/* Following is the Product list used in Products tab.
Sections with headers are contained within smb-section-list - defined in general layout area above */
.tab-content-container .prodlist {
clear: both;
float: left;
padding: 0 0 3px 0;
width: 100%;
}
.tab-content-container .prodlist .prodimg {
float: left;
padding-bottom: 12px;
width: 150px;
}
.tab-content-container .prodlist .prodimg img {
vertical-align: bottom;
}
.tab-content-container .prodlist .prodtext {
%height: 1%;
margin-left: 185px;
}
* html .tab-content-container .prodlist .prodtext {
margin-left: 182px;
}
.tab-content-container .prodlist .prodprice {
font-weight: bold;
margin-top: -9px;
}
/* --------------------------------------------------------------------------------------- */
/* ------------------------------- TAB SPECIFIC CSS -------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* ---------------------------- SOLUTIONS MODULE IN OVERVIEW TAB ------------------------ */
.minispotlist {
margin-left:-20px;
_margin-left:-14px; /* ie 6 only */
padding-top:3px;
width:455px;
}
.minispot {
padding-left:15px;
float:left;
width:211px;
}
.minispot img {
width:34px;
padding-right:7px;
float:left;
}
.minispot .minispottext {
display:block;
float:left;
width:170px;
}
.tab-content-container .minispot h4 {
margin-top:0;
margin-bottom:4px;
font-size:109.6%;
}
/* ---------------------------- COMPONENTS IN GET STARTED TAB --------------------------- */
/* Find A Partner component */
.tab-content-container .partner {
background: #fff url('/etc/designs/cdc/fw/i/find-a-partner-bg.gif') repeat-x top left;
padding: 20px 20px 30px 20px;
width: 635px;
}
.tab-content-container .section-partner, .tab-content-container .section-partner-last {
margin-left: 172px;
}
.tab-content-container .section-partner {
margin-bottom: 17px;
}
.tab-content-container .section-partner-last {
margin-bottom: -7px;
}
.tab-content-container .partner .spotlight {
border: 0;
float: left;
margin: 0 20px 0 0;
width: 152px;
}
/* 3 column layout */
.tab-content-container .three-col:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.tab-content-container .three-col {
clear: both;
%zoom:1;
overflow: hidden;
}
.tab-content-container .three-col p { /* LBC */
font-size: 109.4%;
line-height: 117%;
%font-size: 108.5%;
%line-height: 1.18em;
margin: -3px 0 10px 0;
%margin: -2px 0 9px 0;
}
.tab-content-container .three-col .spotlight {
border: 0;
margin: 0 0 20px 0;
vertical-align: bottom;
}
.tab-content-container .three-col .three-col-left, .tab-content-container .three-col .three-col-center, .tab-content-container .three-col .three-col-right {
float: left;
padding-top: 12px;
padding-bottom: 32767px;
margin-bottom: -32767px;
width: 205px;
}
.tab-content-container .three-col .three-col-left {
padding-right: 14px;
}
.tab-content-container .three-col .three-col-center {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-left: 14px;
padding-right: 14px;
}
.tab-content-container .three-col .three-col-right {
padding-left: 14px;
}
/* ------------------------------- TABLE IN MODELS TAB -------------------------------- */
.tab-content-container table.models-table {
border-collapse: collapse;
border-color: #ccc;
border-width: 2px 1px 1px 1px;
border-style: solid;
color: #666;
margin: -2px 0 0 1px;
%margin: -3px 0 0 0px;
}
.tab-content-container .models-table p {
margin: 0;
}
.tab-content-container .models-table td {
border-top: 1px solid #d6d6d6;
padding: 7px 20px 12px 5px;
%padding-left: 6px;
vertical-align: top;
}
.tab-content-container .models-table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 4px 20px 4px 5px;
}
.tab-content-container .models-table thead tr {
background: #fff url('/etc/designs/cdc/fw/i/bg-3121.jpg') repeat-x center bottom;
}
.tab-content-container .models-table td.model-img {
padding: 9px 15px 14px 20px;
%padding-right: 14px;
}
.tab-content-container .models-table td li {
margin: 0 0 0 12px;
%margin-left: 15px;
}
/* --------------------------- INFO HOVER IN MODELS TAB --------------------------------*/
.tab-content-container .models-table .infohover-info {
display:none;
}
/* the following code taken outside of tab-content-container context */
.models-infoimg {
background-color: #fff;
border: 1px solid #999;
display: inline;
padding: 10px 5px 5px 5px;
float: left;
text-align: center;
width: 201px;
position: relative;
margin-top: -10px; /* Workaround for clueTip's default 10px padding */
margin-right: -10px; /* Workaround for clueTip's default 10px padding */
margin-left: -10px; /* Workaround for clueTip's default 10px padding */
}
.models-infoimg img {
vertical-align: bottom;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.models-infoimg img.icon-fpo {
float: right;
padding: 5px 0 0 5px;
margin: 0px;
}
.models-infotext {
background: #fff url('/etc/designs/cdc/fw/i/info-hover-bg.gif') repeat-x top;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
clear: both;
color: #666;
font-size:x-small; /* To mimic tab-content-container fixed font approach */
padding: 10px 10px 7px 10px;
position: relative;
margin-right: -10px; /* Workaround for clueTip's default 10px padding*/
margin-bottom: -10px; /* Workaround for clueTip's default 10px padding*/
margin-left: -10px; /* Workaround for clueTip's default 10px padding*/
width: 191px;
}
.models-infotext a:link {
color: #2F6681;
text-decoration: none;
}
.models-infotext a:visited {
color: #969;
text-decoration: none;
}
.models-infotext a:hover {
color: #2F6681;
text-decoration: underline;
}
.models-infotext a:active {
color: #2F6681;
text-decoration: none;
}
.models-infotext h4 { /* LHB */
font-size: 140.4%;
line-height: 128.8%;
%font-size: 140%;
%line-height: 1.28em;
margin: -4px 0 -1px 0px;
}
.models-infotext p {
font-size: 110.4%;
line-height: 127.6%;
%font-size: 110%;
%line-height: 1.27em;
margin: 2px 0 0 0;
}
/* ------------------------------------------------------------------
Resources styles for SRP and Prod Series Resource and Partners
--------------------------------------------------------------------- */
.resources .resource {
padding-left:31px;
/* padding-top:3px; */
/* margin-top:-3px;*/
%margin-top:-6px;
}
html>body .resoures .resource {
%padding-left:29px; /* ie7 only! */
}
.resources img.icon {
margin-left:-17px;
}
.resources .resource-info {
}
.resources .eyebrow { /* ts1 */
font-size:109.4%;
line-height:133.6%;
display:block;
%margin-left:-1px;
%margin-bottom:1px;
/* %margin-top:-1px; doesn't work will be one px lower than spec'd */
}
.resources h3 {
%margin-bottom:13px;
color:#666;
}
.resources h4 { /* th5 */
font-size:109.5%;
line-height:normal;
color:#333;
font-weight:bold;
margin-top:0;
margin-bottom:1px;
}
.resources h4 .fileinfo { /* '(PDF - 302K)' */
font-weight:normal;
color:#666;
}
.resources p {
margin-top:0;
margin-bottom:0;
}
.resources .action-links {
margin-top:2px;
}
.resources ul {
list-style-type:none;
%margin-bottom:-7px;
/* %margin-top:1px; this does not work, choices are 14px or 18px; 15px seems impossible */
}
.resources ul li {
margin-top:3px;
}
.resources hr {
margin:9px 0;
%margin-bottom:8px;
}
#fw-mb .resources hr { /* changed from #libra */
%margin-top:2px;
}
.resources .audio {
background: url(/etc/designs/cdc/fw/i/icon-sm-audio.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .cta {
background: url(/etc/designs/cdc/fw/i/icon-sm-cta.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .flash {
background: url(/etc/designs/cdc/fw/i/icon-sm-flash.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .jpeg {
background: url(/etc/designs/cdc/fw/i/icon-sm-jpeg.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .mpp {
background: url(/etc/designs/cdc/fw/i/icon-sm-mpp.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .msword {
background: url(/etc/designs/cdc/fw/i/icon-sm-msword.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .pdf {
background:url(/web/fw/i/icon-sm-pdf.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .png{
background:url(/etc/designs/cdc/fw/i/icon-sm-png.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .podcast {
background:url(/etc/designs/cdc/fw/i/icon-sm-podcast.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .ppt {
background:url(/etc/designs/cdc/fw/i/icon-sm-ppt.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .psd {
background:url(/etc/designs/cdc/fw/i/icon-sm-psd.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .unknown {
background:url(/etc/designs/cdc/fw/i/icon-sm-unknown.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .video {
background: url(/etc/designs/cdc/fw/i/icon-sm-video.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .vsd {
background: url(/etc/designs/cdc/fw/i/icon-sm-vsd.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .web {
background: url(/etc/designs/cdc/fw/i/icon-sm-web.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .xls {
background: url(/etc/designs/cdc/fw/i/icon-sm-xls.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .zip {
background: url(/etc/designs/cdc/fw/i/icon-sm-zip.gif) left center no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources li.audio,
.resources li.cta,
.resources li.flash,
.resources li.jpeg,
.resources li.mpp,
.resources li.msword,
.resources li.pdf,
.resources li.png,
.resources li.podcast,
.resources li.ppt,
.resources li.psd,
.resources li.unknown,
.resources li.video,
.resources li.vsd,
.resources li.web,
.resources li.xls,
.resources li.zip {
background-position:left top;
}
.resources .droplistpicker {
color:#333;
font-weight:bold;
margin-bottom:15px;
}
.resources .droplistpicker option {
font-weight:normal;
/* %font-size:85% !important; doesn't work! */
}
/* ------- For EOT Pages !! -------------- */
.eot-container {
margin:0 15px 0 9px;
_padding-right:15px; /* ie6 only */
}
.eot-container h2 {
font-size:127.5%;
}
.eot-container h3 {
font-size:109.5%;
line-height:125%;
}
.eot-container p, .eot-container ul, .eot-container ol {
margin-bottom:8px;
}
.eot-container ul {
margin-left:12px;
%margin-left:15px;
}
.eot-container ol {
list-style-position:inside;
}
.eot-container li {
line-height:118.5%;
margin-bottom:2px;
}
/*
* END /cdc/fw/c/modules.css
*/
/*!
* BEGIN /cdc/fw/c/tabs.css
*/
/*
tabs.css
Revision: 1.4
styles for tabs can be used for DHTML tabs or hand-coded tabs, see authoring guideline for HTML
(c) 1992-2006 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* ---------------------------------------------
The container
------------------------------------------------ */
.pagetabs {
padding-top: 4px;
}
.sitecopy .pagetabs {
margin:10px;
}
.sitecopy .infotab {
margin:-8px;
}
/* mb bz#2129 fix */
.cdc-fw .sitecopy .infotab { margin:0px; }
/* -----------------------------------------------
Main tabs non-js version, also affects dhtml
-------------------------------------------------- */
.pagetabs .tab, .pagetabs .tab-active {
font-size:85%;
vertical-align:bottom;
}
/* -------------------------------------------
The table for tabs in DHTML view
----------------------------------------------- */
.pagetabs .tabset {
/* the thick line under the tabs */
border-bottom:#2f6681 3px solid;
position:relative;
/* only 2 px gutter */
margin:0 -8px;
padding-left:5px;
}
.pagetabs .tabset table {
border-collapse: collapse;
position:relative;
}
.pagetabs .tabset td {
padding-bottom:0;
position:relative;
padding-right:2px;
}
.pagetabs .tabset .tab, .pagetabs .tabset .tab-active {
font-size:86.5%;
}
.sitecopy .pagetabs .tabset .tab, .sitecopy .pagetabs .tabset .tab-active {
font-size:98%;
}
.pagetabs .tabset .tab .tabcorner, .pagetabs .tabset .tab-active .tabcorner {
display: block;
background-image: url(/etc/designs/cdc/fw/i/1px_white.gif);
background-position: top left;
background-repeat: no-repeat;
position:relative;
top:13px;
height:1px;
width:100%;
/*z-index:100; */
}
.pagetabs .tabset .tab-active .tabcorner {
top:8px;
%top:10px;
%left:0;
z-index:1;
}
.pagetabs .tabset .tab .tabcorner span, .pagetabs .tabset .tab-active .tabcorner span {
background-image: url(/etc/designs/cdc/fw/i/1px_white.gif);
background-position: top right;
background-repeat: no-repeat;
height:1px;
width:1px;
position:absolute;
right:0;
_right:-1px;
}
.pagetabs .tabset .tab-active a{
text-decoration:none;
display:block;
border:1px #b6b6b6 solid;
border-bottom:#fff 3px solid;
padding:7px 9px 4px 10px;
margin-top:7px;
margin-bottom:-4px;
background:url(/etc/designs/cdc/fw/i/active_gradient.gif) -1px 0 repeat-x;
background-color:#fff; /* will replace with an img */
color:#666;
cursor:default;
font-weight:bold;
overflow:visible;
position:relative;
%bottom:-2px;
}
.pagetabs .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;
}
html>body#fw-mb .pagetabs .tabset .tab a { /* ie7 only */ /* changed from #libra */
%padding-right:9px;
%padding-left:9px;
}
#framework-base-content .pagetabs .tabset .tab a:hover {
background-color:#d1dce4;
text-decoration:none;
}
.pagetabs .tabset .endtail {
border-bottom:1px #666 solid;
color:#fff;
}
/* ----------------------------------
Affects subtabs in both views
------------------------------------*/
.pagetabs .subtab {
margin-bottom:10px;
/* margin-left:-45px; */
}
.sitecopy .pagetabs .subtab {
/* margin-left:-52px; */
}
* html .pagetabs .subtab {
margin-left:-5px;
}
.pagetabs .subtab ul {
margin:0;
}
.sitecopy .pagetabs .subtab ul {
/* margin-left:38px; */
padding-left:5px;
}
.pagetabs .subtab li {
padding: 0 2px 0 5px;
border-right: 1px solid #333;
display: inline;
color:#333;
font-weight:bold;
font-size:85%;
}
.pagetabs .subtab li a {
font-weight:normal;
}
.pagetabs .subtab li.last-li {
border-right: 0px;
}
/* --------------------------------------
Subtabs in DHTML view
----------------------------------------- */
.pagetabs #subtabs {
padding:0;
border-bottom:1px #ccc solid;
margin:10px 0px 6px ;
}
.pagetabs #subtabs .subtab {
/* margin-left:-35px;*/
margin-bottom:10px;
}
.sitecopy .pagetabs #subtabs .subtab {
/* margin-left:-44px; */
}
* html .pagetabs #subtabs .subtab {
/* margin-left:5px; */
}
* html .sitecopy .pagetabs #subtabs .subtab {
/* margin-left:-42px; */
}
.pagetabs #subtabs .subtab li {
font-size:88%;
}
/*
* END /cdc/fw/c/tabs.css
*/
/*!
* BEGIN /cdc/fw/c/tt-persels.css
*/
/*
* tt-persels.css
* Revision: 1.2
*
* (c) 1992-2008 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* -----------------------------------------------
Tab Persels styles
-------------------------------------------------- */
.tt-persel {
background: #feffff url("/etc/designs/cdc/fw/i/tt_persel_grad_bg.gif") no-repeat top left;
padding: 15px 13px;
margin-bottom: 15px;
width: 199px;
}
.tt-persel h3 { /* top header */
color: #333;
font-size: 118.5%;
line-height: 123.5%;
margin: -3px 0 2px 0; /* offset for top leading */
}
.tt-persel .tt-inset-box h3 { /* inset box header */
margin: -2px 0 2px 0;
}
.tt-persel h4 { /* subheader */
font-size: 118.5%;
font-weight: normal !important;
line-height: 123.5%;
margin: 0 0 9px 0;
}
.tt-persel h4 a { /* linked subheader */
font-weight: normal;
}
.tt-persel .bold { /* emphasized link */
font-weight: bold;
}
.tt-persel div.tt-mood-img {
margin-bottom: 0 !important;
}
.tt-persel div.tt-mood-vid {
margin: 0 auto 0 auto;
margin-bottom: 0 !important;
width: 164px; /* required for centering */
}
.tt-mood-img a.tlb_button { /* lightbox button */
clear: both;
display: block;
float: right;
position: relative;
top: -28px;
left: -11px;
}
.tt-persel div.tt-mood-img img,
.tt-persel div.tt-mood-vid img {
display: block;
margin-bottom: 0;
}
.tt-persel .tt-inset-box {
background: transparent url("/etc/designs/cdc/fw/i/tt_persel_inset_bottom_bg.gif") no-repeat bottom left;
%height: 1%; /* this makes ie happy */
margin-top: 21px;
}
.tt-persel .tt-inset-content {
background: transparent url("/etc/designs/cdc/fw/i/tt_persel_inset_top_bg.gif") no-repeat top left;
padding: 12px 12px 9px 12px;
position: relative;
top: -6px; /* offset inset top rounded corners */
}
.tt-inset-content ul.no-bullet li {
list-style-type: none;
margin: 0;
}
.tt-persel .tt-inset-content img {
margin: 0 0 12px 0;
}
.tt-persel p,
.tt-persel ul { /* default bottom spacing */
margin: 0 0 6px 0;
}
.tt-persel .space-after { /* for adding spacing */
margin-bottom: 8px !important;
}
.tt-persel .no-space { /* bottom spacing override */
margin-bottom: 0 !important;
}
.tt-inset-content p.file-info {
color: #999;
font-size: 82%;
line-height: 122.5%;
}
.tt-persel .link-divider {
display: block;
color: #2f6681;
}
/* Icon-link styles (12x12 img) */
.tt-persel .tt-inset-content ul.icon-link {
list-style-image: none; /* no-bullet */
list-style-position: outside;
list-style-type: none;
}
.tt-persel .tt-inset-content .icon-link li {
%height: 1%; /* this makes ie happy */
margin: 0 0 6px 0;
}
.tt-persel .tt-inset-content .icon-link img {
float: left;
padding: 0 5px 0 0;
margin: 0 !important;
}
.tt-persel .tt-inset-content .icon-link li div {
margin-left: 17px;
}
/* Button style */
.tt-persel input.submit {
color: #2F6681;
font-family: Arial;
font-weight: bold;
%font-size: 96%;
margin-top: 3px;
overflow: visible;
padding: 1px 7px;
%padding: 1px 9px 0px 9px;
}
/* Tab persel lightbox */
#tlb {
display: none;
background-color: #fff;
min-width: 485px;
_width: 485px; /* ie7 does min-width */
text-align: center;
margin-bottom: 15px;
position: absolute;
top: 108px;
left: 108px;
}
#tlb h2 {
margin: 12px 75px 10px 14px;
padding: 0;
font-size: 145.5%;
text-align: left;
}
#tlb .lb-caption {
margin-bottom: 15px;
text-align: left;
padding: 0 15px;
color: #2f6681;
font-size: 109.5%;
line-height: 109%;
width: 480px;
}
/*
* END /cdc/fw/c/tt-persels.css
*/
/* MANIFEST:
* /cdc/fw/c/framework.css 1.45
* /cdc/fw/c/masterbrand_frag/__fat_footer.css 1.5
* /cdc/fw/c/footer_feedback_ol.css 1.2
* /cdc/fw/c/components.css 1.29
* /cdc/fw/w/backpack/backpack.css 1.12
* /cdc/fw/c/masterbrand_skin.css 1.3
* /cdc/fw/c/cl-base-all.css (MD5: c49a93665943f39ae301f64def685137)
* /cdc/fw/w/modals/modals.css 1.3
* /cdc/fw/c/masterbrand_frag/_masterbrand.css 1.18
* /cdc/fw/c/masterbrand_frag/_toolbar.css 1.7
* /cdc/fw/c/masterbrand_frag/_skip.css 1.2
* /cdc/fw/c/masterbrand_frag/_titles.css 1.5
* /cdc/fw/c/masterbrand_frag/_print.css 1.2
* /cdc/fw/c/masterbrand_frag/__cookie_informer.css 1.2
* /cdc/fw/c/treecrumbs.css 1.3
* /cdc/fw/c/modules.css 1.10
* /cdc/fw/c/tabs.css 1.4
* /cdc/fw/c/tt-persels.css 1.2
*/