/****
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(../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(../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(../fw/i/framework_infohover_mid.png);
_background-image:url(../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(../fw/i/framework_infohover_mid.png);
_background-image:url(../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(../fw/i/framework_infohover_top.png);
_background-image:url(../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(../fw/i/framework_infohover_bot.png);
_background-image:url(../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;}
/*
* _fat_footer.css
* $Revision: 1.5 $
*
*/
.ffoot-mn h3 a,
.ffoot-mn .ffoot-menucontainer{
background-image:url("../fw/i/fatfooter-menu-rad.png");
background-repeat: no-repeat;
}
* html .ffoot-mn h3 a,
* html .ffoot-mn .ffoot-menucontainer{
background-image:url("../fw/i/fatfooter-menu-rad.gif");
background-repeat: no-repeat;
}
.ffoot {
position:relative;
background:url('../fw/i/fatfooter-bg.png') 0 -6px repeat-x;
zoom:1;
}
.ffoot .ctl,
.ffoot .ctr{
background:url('../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;
}
/**
* 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
}
/*
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(../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(../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('../fw/w/accordion/inactive_bg.jpg') repeat-x;
}
.cdc-widget-accordion .acc-active {
background: url('../fw/w/accordion/active_bg.jpg') repeat-x;
background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-arrow {
padding-left: 27px;
background: url('../fw/w/accordion/acc-arrow-right.gif') 10px 6px no-repeat;
}
.cdc-widget-accordion a.acc-arrow-active {
padding-left: 27px;
background: url('../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;
}
/*!
* 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(../fw/w/backpack/discovery-notification-top.png) no-repeat top left; }
#mycisco-discovery-tooltip { background:url(../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('../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("../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("../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('../fw/i/icon-alert-warning.gif') 2px 2px no-repeat;
}
#backpack .backpack-module h3 {
background: url('../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('../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('../fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module.bp-open .bp-maxmin img { background-image:url('../fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module a.bp-maxmin { background-image:url('../fw/w/backpack/bp-max-hover.gif'); }
#backpack .backpack-module.bp-open a.bp-maxmin { background-image:url('../fw/w/backpack/bp-min-hover.gif'); }
#backpack .backpack-module .bp-info img { background-image:url('../fw/w/backpack/info.gif'); }
#backpack .backpack-module a.bp-info { background-image:url('../fw/w/backpack/bp-info-hover.gif'); }
#backpack .backpack-module .bp-remove img { background-image:url('../fw/w/backpack/bp-remove.gif'); }
#backpack .backpack-module a.bp-remove { background-image:url('../fw/w/backpack/bp-remove-hover.gif'); }
/* add the disabled case for remove */
#backpack .backpack-module h3 a img.disabled { background-image:url('../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('../fw/w/backpack/bp-min.gif'); }
#backpack .backpack-module h3 a.bp-maxmin:active img { background-image:none; %background-image:url('../fw/w/backpack/bp-max.gif'); }
#backpack .backpack-module h3 a.bp-info:active img { %background-image:url('../fw/w/backpack/info.gif'); }
#backpack .backpack-module h3 a.bp-remove:active img { background-image:none; %background-image:url('../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(../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(../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('../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('../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(../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(../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(../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(../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(../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(../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('../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(../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;}
/**
* 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("../fw/i/icon-sm-msword.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .doc,
.clb .med-icon .doc {
background: transparent url("../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("../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("../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("../fw/i/icon-sm-mpp.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .mpp,
.clb .med-icon .mpp {
background: transparent url("../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("../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("../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("../fw/i/icon-sm-ppt.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .ppt,
.clb .med-icon .ppt {
background: transparent url("../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("../fw/i/icon-sm-psd.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .psd,
.clb .med-icon .psd {
background: transparent url("../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("../fw/i/icon-sm-unknown.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .unknown,
.clb .med-icon .unknown {
background: transparent url("../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("../fw/i/icon-sm-vsd.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .vsd,
.clb .med-icon .vsd {
background: transparent url("../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("../fw/i/icon-sm-xls.gif") no-repeat 0 4px;
}
.mlb-pilot .med-icon .xls,
.clb .med-icon .xls {
background: transparent url("../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("../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
*/
/*
* 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(../fw/i/icon-alert-warning.gif) no-repeat scroll 5px 8px;
color: #a50000;
border-color: #a50000;
}
.modal-warning .modal-message {
background: #ffc url(../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(../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(../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;
}
/*
* _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("../fw/i/mb-sprite.png");
}
* html body,
#ie6 #fw-ft-basic .ft-sect,
#ie6 #fw-mbl a {
background-image:url("../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("../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('../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('../fw/i/field-button-sprite.png');
}
#ie6 p.field-button,
#ie6 input.field-button-button {
background-image: url('../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(../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(../fw/i/data-hero-sprite.png) 104px 98px no-repeat;
}
#ie6 .prod-img span {
background-image:url(../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(../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(../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('../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('../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;
}
/*
* _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;
}
/*
* _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;
}
/*
* _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;
}
/*
* _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%;
}
}
/* $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("../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("../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("../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;
}
/*
* 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('../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('../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('../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('../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('../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('../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('../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(../fw/i/icon-sm-audio.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .cta {
background: url(../fw/i/icon-sm-cta.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .flash {
background: url(../fw/i/icon-sm-flash.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .jpeg {
background: url(../fw/i/icon-sm-jpeg.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .mpp {
background: url(../fw/i/icon-sm-mpp.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .msword {
background: url(../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(../fw/i/icon-sm-png.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .podcast {
background:url(../fw/i/icon-sm-podcast.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .ppt {
background:url(../fw/i/icon-sm-ppt.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .psd {
background:url(../fw/i/icon-sm-psd.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .unknown {
background:url(../fw/i/icon-sm-unknown.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .video {
background: url(../fw/i/icon-sm-video.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .vsd {
background: url(../fw/i/icon-sm-vsd.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .web {
background: url(../fw/i/icon-sm-web.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .xls {
background: url(../fw/i/icon-sm-xls.gif) center left no-repeat;
margin-left:-17px;
padding-left:17px;
}
.resources .zip {
background: url(../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;
}
/*
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(../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(../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(../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%;
}
/*
* 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("../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("../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("../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;
}
/*
* _deprecated.css $Revision: 1.2 $
* - derived from legacy.css
* - legacy styles for content
* - brought in via cl.js/includer.js when body id is 'wcq'
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.contentMargins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; }
.popupMargins { margin-left: 13px; margin-top: 0px; margin-right: 7px; margin-bottom: 15px; }
.contentTier1Margins, .tier1Margins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier2Margins, .tier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier3Margins, .tier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier4Margins, .tier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier1Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.tools {color:#ffffff;text-decoration:none;font-weight:normal;}
.toolslinks {color:#ffffff;text-decoration:underline;font-weight:normal;}
.toolsinactive {color:#999999;text-decoration:none;font-weight:normal;}
.reltext {color:#000000;text-decoration:none;font-weight:normal;}
.relheader {font-size:95%;color:#000000;text-decoration:none;font-weight:bold;}
.reltitle {font-size:95%;color:#666666;text-decoration:none;font-weight:bold;}
.relboldlink {text-decoration:underline;font-weight:bold;}
.rellink {text-decoration:underline;font-weight:normal;}
.featuretitle {color:#336666;text-decoration:none;font-weight:bold;}
.featuretext {color:#336666;text-decoration:none;font-weight:normal;}
.featurelink {text-decoration:underline;font-weight:normal;}
/*.contentTitle, H1, .contenttitle {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}*/
.contentTitle, .contenttitle {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
/*H2, .contenttitlealt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}*/
.contenttitlealt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contenttitlesub {font-size:105%;color:#000000;text-decoration:none;font-weight:normal;}
.contenttitlerev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheader {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
/*H3, .contentheaderalt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}*/
.contentheaderalt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contentheaderrev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheaderrevlink {font-size:105%;color:#ffffff;text-decoration:underline;font-weight:bold;}
.contentheaderlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentContent, .content {color:#000000;text-decoration:none;font-weight:normal;}
/*.contentBold, TH, H4, DT, .contentbold {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}*/
.contentBold, .contentbold {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
.contentLink, .contentlink {text-decoration:underline;font-weight:normal;}
.contentBoldLink, .contentboldlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentlinkalt {font-size:105%;color:#000000;text-decoration:underline;font-weight:normal;}
/*BLOCKQUOTE, .contentlabel {color:#000000;text-decoration:none;font-weight:normal;}*/
.contentlabel {color:#000000;text-decoration:none;font-weight:normal;}
.contentlabellink {text-decoration:underline;font-weight:normal;}
.contentlabelalt {color:#336666;text-decoration:none;font-weight:normal;}
.contentdynamic {color:#000000;text-decoration:none;font-weight:normal;}
.contentnoteheader {font-size:105%;color:#990000;text-decoration:none;font-weight:bold;}
.caption {font-size:90%;color:#000000;text-decoration:none;font-weight:normal;}
.captionlink {font-size:90%;text-decoration:underline;font-weight:normal;}
.message {color:#000000;text-decoration:none;font-weight:normal;}
.messagealt {color:#000000;text-decoration:none;font-weight:bold;}
.messagelink {text-decoration:none;font-weight:normal;}
.messageheader {color:#336666;text-decoration:none;font-weight:bold;}
.messageheaderalt {color:#000000;text-decoration:none;font-weight:bold;}
.alertheader {color:#990000;text-decoration:none;font-weight:bold;}
.moduleTitleRevLink, .moduletitlerevlink, .moduletitlerevlink:link, .moduletitlerevlink:visited {color:#ffffff;text-decoration:underline;font-weight:bold;}
.moduleTitleRev, .moduletitlerev {color:#ffffff;text-decoration:none;font-weight:bold;}
.moduleFeatureTitle, .modulefeaturetitle {color:#99cccc;text-decoration:none;font-weight:bold;}
.moduleFeatureTitleLink, .modulefeaturetitlelink {color:#99cccc;text-decoration:underline;font-weight:bold;}
.moduleTitle, .moduletitle {color:#000000;text-decoration:none;font-weight:bold;}
.modulecolumn {color:#336666;text-decoration:none;font-weight:bold;}
.moduleContent, .modulecontent {color:#000000;text-decoration:none;font-weight:normal;}
.moduleLink, .modulecontentlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulecontentrevlink {color:#ffffff;text-decoration:underline;font-weight:normal;}
.moduleBold, .modulecontentbold {color:#000000;text-decoration:none;font-weight:bold;}
.moduleBoldLink, .modulecontentboldlink {text-decoration:underline;font-weight:bold;}
.modulesection {color:#000000;text-decoration:none;font-weight:normal;}
.modulecaption {font-size:95%;color:#000000;text-decoration:none;font-weight:normal;}
.modulecaptionlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulesubhead {color:#336666;text-decoration:none;font-weight:bold;}
.appsnavbordercolor { background-color:#336666; }
.appsnavlinecolor { background-color:#003333; }
.appsnavcolor { background-color:#999999; }
.appsnavcolorsecondary { background-color:#cccccc; }
.appsnavcolorselected { background-color:#ffffff; }
.inputtext {font-family:Courier,monospace;color:#000000;text-decoration:none;font-weight:normal;}
.invisible {display:none;position:absolute;visibility:hidden;margin:0;padding:0;}
.skiplink {display:none;}
.link-total{
color:#666666;
}
.modulecontentdem {
font-size:110%;
color: #666666;
text-decoration:none;
}
div.contentTier3Margins span {
background-image: url("../fw/i/list-icons.png");
background-repeat: no-repeat;
height: 15px;
width: 15px; margin:0 0 0 5px; padding: 0 0 0 13px;
background-position: 0 14px;}
div.contentTier3Margins span.audio {background-position: 0 1px; }
div.contentTier3Margins span.xls, div.contentTier3Margins span.xlsx {background-position: 0 -14px; }
div.contentTier3Margins span.flash {background-position: 0 -29px; }
div.contentTier3Margins span.lock {background-position: 0 -44px; }
div.contentTier3Margins span.new {background-position: 0 -59px;width: 16px; }
div.contentTier3Margins span.pdf {background-position: 0 -74px; }
div.contentTier3Margins span.ppt, div.contentTier3Margins span.pptx {background-position: 0 -89px; }
div.contentTier3Margins span.txt {background-position: 0 -104px; }
div.contentTier3Margins span.updated {background-position: 0 -119px;height: 11px;width: 30px; }
div.contentTier3Margins span.video {background-position: 0 -131px;height: 13px; }
div.contentTier3Margins span.vsd {background-position: 0 -144px; }
div.contentTier3Margins span.doc, div.contentTier3Margins span.docx {background-position: 0 -159px; }
div.contentTier3Margins span.zip {background-position: 0 -174px; }
.group li>span.audio ,.ungroup li>span.audio {background-image: url("../fw/i/list-icons.png"); background-position: 0 1px; display:inline-block;}
.group li>span.xls ,.ungroup li>span.xls, .group li>span.xlsx ,.ungroup li>span.xlsx {background-image: url("../fw/i/list-icons.png"); background-position: 0 -14px; display:inline-block;}
.group li>span.flash ,.ungroup li>span.flash {background-image: url("../fw/i/list-icons.png"); background-position: 0 -29px; display:inline-block;}
.group li>span.lock ,.ungroup li>span.lock {background-image: url("../fw/i/list-icons.png"); background-position: 0 -44px; display:inline-block;}
.group li>span.new ,.ungroup li>span.new {background-image: none; display:inline-block; padding-left:6px; text-transform: capitalize;}
.group li>span.pdf ,.ungroup li>span.pdf {background-image: url("../fw/i/list-icons.png"); background-position: 0 -74px; display:inline-block;}
.group li>span.ppt, .group li>span.pptx ,.ungroup li>span.ppt, .ungroup li>span.pptx {background-image: url("../fw/i/list-icons.png"); background-position: 0 -89px; display:inline-block;}
.group li>span.txt ,.ungroup li>span.txt {background-image: url("../fw/i/list-icons.png"); background-position: 0 -104px; display:inline-block;}
.group li>span.updated,.ungroup li>span.updated{background-image: none; display:inline-block; padding-left:6px; text-transform: capitalize;}
.group li>span.video ,.ungroup li>span.video {background-image: url("../fw/i/list-icons.png"); background-position: 0 -131px;height: 13px; display:inline-block;}
.group li>span.vsd ,.ungroup li>span.vsd {background-image: url("../fw/i/list-icons.png"); background-position: 0 -144px; display:inline-block;}
.group li>span.doc ,.ungroup li>span.doc, .group li>span.docx ,.ungroup li>span.docx {background-image: url("../fw/i/list-icons.png"); background-position: 0 -159px; display:inline-block;}
.group li>span.zip ,.ungroup li>span.zip {background-image: url("../fw/i/list-icons.png"); background-position: 0 -174px; display:inline-block;}
ul div li span.New,ul div li span.Updated{padding-left:6px;}
#models-in-series {
/*font-size: 100%;*/
font-size:11px;
color: #333;
margin: 20px 0px 20px 0px;
width: 542px;
word-wrap: break-word;
}
#models-in-series * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
#models-in-series img {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
#models-in-series h3 {
margin: 0;
padding: 2px 0 3px 10px;
font-size: 11px;
color: #000;
background-color: #CCC;
min-height: 1.3em;
}
#models-in-series .always-show-columns {
padding-bottom: 15px;
float:left;
border-bottom: 1px solid #CCC;
width:100%;
}
#models-in-series .model-column {
display: inline-block;
/*width: 32.5%; dont know why it was in percentage!! But below one is for the bugfix*/
/*width : 167px; commented as per R1.1 UE Spec */
width:261px;/* added as per R1.1 UE Spec */
float:left;/* added as per R1.1 UE Spec */
vertical-align: top;
}
#models-in-series .first-column, #models-in-series .second-column {
/*padding-right: 15px; commented as per R1.1 UE Spec*/
margin-left: 10px;/* added as per R1.1 UE Spec */
}
#models-in-series .model-column ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#models-in-series .model-column ul li {
padding-top: 8px;
}
#models-in-series .view-all-models-action {
margin: 0;
padding: 11px 0 3px;
font: inherit;
font-family: inherit;
background: white; /* IE doens't like inherit */
border: none;
color: #039;
text-decoration: underline;
cursor: pointer;
/*float:right;*/
/*margin-left:337px; commented as per R1.1 UE Spec */
margin-left:281px;/* added as per R1.1 UE Spec */
}
@-moz-document url-prefix() {
#models-in-series .view-all-models-action {
margin-left:278px;
}
}
#models-in-series .overflow-columns {
display: none;
padding-bottom: 15px;
border-bottom: 1px solid #CCC;
float:left;
width:100%;
}
/*
* _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(../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: 81%;
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%;
max-width: 1440px;
z-index: 100;
}
.cdc-transform #cookie_informer {
max-width: 1600px;
}
#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;
}
.fw-res.cdc-transform #cookie_informer .jar {
max-width: 1280px;
}
#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(../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: 91%;
}
}
/*
* $Revision: 1.11 $
*
* c17.css: Provides classes for component C17
* - c17v1: DHTML Tab Container
* - c17v3: Tab Header
* - c17v4: Tabs - Tab Section Separator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c17 - Family Base
*************************************************************
*/
.c17,
.clb .c17 {
/*[temp placemarker] these need to be defined*/
}
/* ---------------------------------------------
The container
------------------------------------------------ */
.c17,
.clb .c17 {
line-height:1.273;
font-size:11px;
margin: 0 8px 6px 0;
}
.ie67 .c17,
.clb .c17 {
margin: 0 8px 6px 0;
}
.ie .c17,
.clb .c17 {
margin: 0px 8px 6px 0;
}
.ie .ie67 .c17,
.ie67 .clb .c17{
zoom:1; /* this style for ie float behavior */
}
.ie67 .c17 .tab, .ie67 .c17 .tab-active{
zoom:1;/* this style for ie float behavior */
}
.ie .c17 .tabset .tab-active a,.ie67 .c17 .tabset .tab-active a{
bottom:0;
zoom:1;/* this style for ie float behavior */
}
.ie.c17 .tabset .tab a, .ie67 .c17 .tabset .tab a{
margin-top:4px;
}
.ie .c17 .infotab, .ie67 .c17 .infotab{
zoom:1; /* this style for ie float behavior */
}
/*
*************************************************************
c17v1 - Tab Container
* styles for tabs can be used for DHTML tabs or hand-coded tabs, see authoring guideline for HTML
*************************************************************
*/
/* -----------------------------------------------
Main tabs non-js version, also affects dhtml
-------------------------------------------------- */
.c17v1 .tab, .c17v1 .tab-active {
vertical-align:bottom;
font-size:small!important;
cursor:pointer;
}
/* -------------------------------------------
The table for tabs in DHTML view
----------------------------------------------- */
.c17v1 .tabset
{
/* the thick line under the tabs */
border-bottom:#ccc 4px solid;
position:relative;
margin:0;
padding-left:5px;
}
.c17v1 .tabset table {
border-collapse: collapse;
position:relative;
}
.c17v1 .tabset td {
padding-bottom:0;
padding-right:2px;
}
/* Rounded radius for c17v1 in IE. c17v2 is having 6px radius? */
.ie .c17v1 .tabset .tab .tabcorner, .ie67 .c17v1 .tabset .tab .tabcorner, .ie .c17v1 .tabset .tab-active .tabcorner,
.ie67 .c17v1 .tabset .tab-active .tabcorner,.ie .c17v1 .tabset .tab .tabcorner span,
.ie67 .c17v1 .tabset .tab .tabcorner span,.ie .c17v1 .tabset .tab-active .tabcorner span,
.ie67 .c17v1 .tabset .tab-active .tabcorner span{
background-image: url('../fw/w/cl/c17/4px_corners_ccc.gif');
background-repeat:no-repeat;
height:4px;
z-index:300;
}
.ie .c17v1 .tabset .tab .tabcorner,.ie67 .c17v1 .tabset .tab .tabcorner,
.ie .c17v1 .tabset .tab-active .tabcorner,
.ie67 .c17v1 .tabset .tab-active .tabcorner {
display: block;
position: relative;
width:100%;
left:0;
}
.ie .c17v1 .tabset .tab-active .tabcorner,.ie67 .c17v1 .tabset .tab-active .tabcorner,
.ie .c17v1 .tabset .tab .tabcorner{
background-position:left top;
top:11px;
}
.ie67 .c17v1 .tabset .tab .tabcorner,
.ie .c17v1 .tabset .tab .tabcorner a:hover,.ie67 .c17v1 .tabset .tab .tabcorner a:hover{
background-position:0 0;
top:8px;
}
.ie .c17v1 .tabset .tab .tabcorner span, .ie67 .c17v1 .tabset .tab .tabcorner span,
.ie .c17v1 .tabset .tab-active .tabcorner span,.ie67 .c17v1 .tabset .tab-active .tabcorner span {
width:4px;
position:absolute;
}
.ie .c17v1 .tabset .tab .tabcorner span,.ie67 .c17v1 .tabset .tab .tabcorner span,
.ie .c17v1 .tabset .tab-active .tabcorner span, .ie67 .c17v1 .tabset .tab-active .tabcorner span{
background-position:100% -4px;
right:0px;
}
.c17v1 .tabset .tab-active a{
background-color: #FFFFFF;
border-color: #CCCCCC #CCCCCC #FFFFFF;
border-radius: 4px 4px 1px 1px;
border-style: solid;
border-width: 1px;
cursor: default;
display: block;
font: 12px arial;
font-weight: bold;
margin-bottom: -4px;
margin-top: 7px;
overflow: visible;
padding: 6px 14px 5px 13px;
%padding: 6px 7px 5px 6px;
position: relative;
text-decoration: none !important;
}
.c17v1 .tabset .tab-active a:hover,.c17v1 .tabset .tab-active a:visited,.c17v1 .tabset .tab-active a:link{
color:#444444 !important;
}
.c17v1 .tabset .tab a {
background-color: #F5F5F5;
border-color: #CCCCCC #CCCCCC;
border-radius: 4px 4px 1px 1px;
border-style: solid solid none;
border-width: 1px 1px 0;
display: block;
font: 12px arial;
font-weight: normal;
margin-top: 7px;
padding: 6px 14px 2px 13px;
position: relative;
text-decoration: none;
}
.c17v1 .tabset .tab a:hover,.c17v1 .tabset .tab a:visited,.c17v1 .tabset .tab a:link{
color:#444444 !important;
}
#framework-base-content .c17v1 .tabset .tab a:hover { /* TODO: fix! */
background-color:#ffffff;
text-decoration:none;
}
.c17v1 .tabset .endtail {
border-bottom:1px #666 solid;
color:#fff;
}
/* ----------------------------------
Affects subtabs in both views
------------------------------------*/
.c17v1 .subtab {
margin-bottom:10px;
font-size:small !important; /* TODO: fix! */
}
.ie .c17v1 .subtab,.ie67 .c17v1 .subtab {
margin-left:-5px;
}
.c17v1 .subtab ul {
margin:0;
padding-left:11px;
}
.ie .ie7 .c17v1 .subtab ul{
padding-left:12px;
}
.ie6 .c17v1 .subtab ul{
padding-left:16px;
}
.c17v1 .subtab li {
padding: 0 2px 0 5px;
border-right: 1px solid #666;
display: inline;
color:#333;
font-weight:bold;
font-size:85%;
}
.c17v1 .subtab li a {
font-weight:normal;
}
.c17v1 .subtab li.last-li {
border-right: 0px;
}
/* --------------------------------------
Subtabs in DHTML view
----------------------------------------- */
.c17v1 #subtabs {
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:none;
margin:0;
padding:10px 0 0 0;
}
.c17v1 #subtabs .subtab, .c17v1 #subtabs .subtab ul {
margin-bottom:0;
}
.c17v1 #subtabs .subtab li {
margin-left:0; /* To override the style that is applying from .clb ul li{margin:5px 0 0 -18px;} */
}
.c17v1 #subtabs .subtab li a {
font-size:99.5%;
}
/* ---------------------------------------
Infotab - content container
------------------------------------------ */
.c17v1 .infotab {
border:1px #ccc solid;
border-top:0;
width:auto;
padding:0px; /* for padding, wrap content in a gd02v1 or gd02v2 div */
}
.c17v1 .infotab .tab-col-left {
float: left;
width: 306px;
}
.c17v1 .infotab .tab-col-right {
float: right;
width: 172px;
}
/* TODO: scope tighter? */
.infotab:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
/* TODO: scope tighter? */
.infotab {
zoom:1; /* this style for ie float behavior */
}
.c17v1 a {
outline:none;
}
.c17v1 .cl-bottom-corners {
display:block;
background:url('../fw/w/cl/c17/4px_corners_ccc.gif') 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:4px;
left:0px;
font-size:0;
}
.c17v1 .cl-bottom-corners span {
display:block;
background:url('../fw/w/cl/c17/4px_corners_ccc.gif') 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:0px;
}
/*
*************************************************************
c17v3 - Tab Header
* formerly .infotab .tab-header
*************************************************************
*/
.c17v3,
.clb .c17v3 {
background: #fff url('../fw/i/tab-title-bg.gif') repeat-x bottom;
font-size:x-small; /* To mimic tab-content-container fixed font approach */ /* TODO: fix! */
}
.c17v3 h2 {
font-size: 180%;
margin: 0;
padding: 12px 69px 9px 14px;
}
.ie .c17v3 h2,.ie67 .c17v3 h2{
padding:13px 0 9px 0;
font-size: 179%;
}
.ie6 .c17v3 h2{
padding:13px 0 8px 0;
}
/*
*************************************************************
c17v4 - Tabs - Tab Section Separator
*************************************************************
*/
h3.c17v4 {
/*background: url('../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;*/
background: #dfdfdf url('../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') repeat-x 0 0;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #d3d3d3;
padding: 6px 12px;
margin: 0 -12px 18px !important;
color: #666;
font-weight:bold;
font-size:12px;
line-height:1.273;
}
.ie h3.c17v4, .ie67 h3.c17v4{
margin-bottom: 16px !important;
}
.rtl h3.c17v4{
padding-right:12px;
margin-right:0!important;
}
/*
*************************************************************
Grids for tabs: supply padding for PCR and 'offshore' tab content
*************************************************************
*/
.c17v1 .gd02v1 {
padding:27px 12px 0;
}
.ie .c17v1 .gd02v1 {
padding:27px 12px 0;
}
.c17v1 .gd02v2 {
padding:26px 15px 30px;
%padding:26px 12px 30px;
}
/*
*************************************************************
nested elements - non component
*************************************************************
*/
.c17v1 p.mod01 {
text-align: right;
margin-top: -7px;
margin-bottom: -7px;
}
.ie .ie67 .c17v1 p.mod01{
margin-bottom:-4px;
}
/*
*************************************************************
c17v2 - Support Home Page - Tab Container
*************************************************************
*/
.c17v2 .tabset {
position: relative;
margin: 0;
}
.c17v2 .tabset table {
border-collapse: collapse;
position: relative;
}
.c17v2 .tabset td {
padding: 0px 10px 0px 0px;
}
.c17v2 .tabset .tab-active a {
color: #333333;
cursor: default;
display: block;
font: 12px arial;
font-weight: bold;
margin-top: 7px;
/*
width: 191px;
height: 33px;
line-height: 33px; removed to make tab height dynamic
*/
width:161px;
height:auto;
padding:9px 15px 8px 15px;
text-align: center;
position: relative;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
background: url("../fw/w/cl/c17/tabbg.png") no-repeat left -75px;
}
.c17v2 .tabset .tab-active a:hover, .c17v2 .tabset .tab-active a:visited, .c17v2 .tabset .tab-active a:link {
color: #333333;
}
.c17v2 .tabset .tab a {
color: #666666;
display: block;
font: 12px arial;
font-weight: bold;
margin-top: 7px;
position: relative;
text-decoration: none;
/*
width: 191px;
height: 33px;
line-height: 33px; removed to make tab height dynamic
*/
width:161px;
height:auto;
padding:9px 15px 8px 15px;
text-align: center;
background: url("../fw/w/cl/c17/tabbg.png") no-repeat left -148px;/*changed let to -148px to make tab height dynamic*/
}
.c17v2 .tabset .tab a:hover, .c17v2 .tabset .tab a:visited {
color: #666666;
background: url('../fw/w/cl/c17/tabbg.png') no-repeat left top;
text-decoration: none;
}
.c17v2 .tabset .endtail {
border-bottom: 1px #666 solid;
color: #fff;
}
.c17v2 .gd02v1 {
padding: 27px 12px 0px;
}
.c17v2 .infotab {
border-width: 6px 1px 1px !important;
background-color: #f5f5f5;
padding-bottom: 10px;
-webkit-border-radius: 0px 6px 6px 6px;
-moz-border-radius:0px 6px 6px 6px;
border-radius:0px 6px 6px 6px;
-webkit-box-shadow: 0 6px 4px -3px #D9D9D9;
-moz-box-shadow: 0 6px 4px -3px #D9D9D9;
box-shadow: 0 6px 4px -3px #D9D9D9;
}
/*
* $Revision: 1.5 $
*
* c19.css: Provides classes for component C19
* - c19v1: Accordion (contains classes integrated out of rc-accordion.css and components.css)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c19v1: Styles for the Accordion Use Case
*************************************************************
*/
/* Default class */
.c19 h2{
line-height: 1.275;
}
.c19v1,
.clb .c19v1 {
font-size: 11px;
line-height: 1.275;
color:#666;
border:1px solid #ccc;
%font-size:x-small; /* TODO: fix! */
}
/* Styles for the background image for the inactive tabs */
.c19v1 .acc-panel {
background:#c7cfd2 url(../fw/w/cl/c19/inactive_bg.jpg) repeat-x scroll 0 0;
_margin-right:-1px;
_border-top:1px solid #fff;
}
/* Styles for bottom spacing between items in content */
.c19v1 li {
padding-bottom:1px;
line-height: 1.273;/* override mlb-clb class*/
}
.c19v1 h2{
%font-size:140%;
}
#ie7 .c19v1 h2{
%font-size:140%;
}
.c19v1 ul,.c19v1 ul li{
margin:0;
padding:0;
}
.c19v1 li a{
%font-size:130%;
}
.c19v1 .acc-content ul li a{
%font-size:100%;
}
.c19v1 ul ul{
margin:0;
}
/* Styles describing the item in the content */
.c19v1 .chevron li {
background:url(../fw/i/chevrons.gif) left 4px no-repeat;
list-style-image:none ;
list-style-position:outside;
list-style-type:none;
padding-left:9px;
font-weight:bold;
margin-left:0;
}
/*Styles for the links in the content */
.c19v1 .chevron li a,
.c19v1 .chevron li a:link,
.c19v1 .chevron li a:visited,
.c19v1 .chevron li a:active {
text-decoration:none;
color:#2f6681;
}
.c19v1 .chevron li a:hover {
text-decoration:underline;
color:#2f6681;
}
.c19v1 .no-bullet li{ /* Styles for the list with no bullets sub menu in the test case */
list-style-image:none;
list-style-type:none;
font-weight:normal;
background:none;
margin-left:0;
}
.c19v1 .image-list{/* Styles for the list items with linked images */
list-style-image:none;
list-style-type:none;
margin-left:0px;
}
.c19v1 .image-list li{
margin-left:0;
}
.c19v1 .image-list a p{
text-decoration:underline;
}
/* Styles for the content alignment in the tab */
.c19v1 .acc-content {
margin:0;
padding:9px 12px 16px;
}
/* Styles for h2 sub heading */
.c19v1 h2.acc-title {
font-size: 12px;
background: #fff;
margin: 0;
padding: 7px 11px 6px 11px;
}
/* Styles for background image for the active tab */
.c19v1 .acc-active {
background:#ebebeb url(../fw/w/cl/c19/active_bg.jpg) repeat-x scroll 0 0;
}
/* Styles for the accordion header text anchor */
.c19v1 a.acc-header {
cursor:pointer;
display:block;
_display:inline-block;
overflow:hidden;
padding:4px 11px;
text-decoration:none !important;
word-break:break-all;
}
.c19v1 .acc-header h4{
font-weight:bold;
%font-size:105%;
display:inline-block;
line-height: 1.273; /*override mlb-clb merge*/
font-size:11px;
margin-bottom: 0px;
}
#ie7 .c19v1 .acc-header h4{
line-height: 1.135;/*override mlb-clb merge*/
}
.c19v1 a.acc-header:hover {
text-decoration:none;
}
/* Styles for the arrow image in the active tab */
.c19v1 a.acc-arrow-active {
background:transparent url(../fw/w/cl/c19/acc-arrow-down.gif) no-repeat scroll 10px 6px;
padding-left:27px;
}
/* Styles for the arrow image in the inactive tab */
.c19v1 a.acc-arrow {
background:transparent url(../fw/w/cl/c19/acc-arrow-right.gif) no-repeat scroll 10px 6px;
padding-left:27px;
}
/* Styles for the content area in the active tab */
.c19v1 .acc-overlay {
background:#fff none repeat scroll 0 0;
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
display:block;
overflow:auto;
_font-size:110%;
_position:relative; /* This is rquired for any components with rounded cornered that exist within an accordion */
}
.c19v1 .acc-content h2{
%margin-top:-2px;
}
/*changed for fixing the c19v1 issue*/
.c19v1 .acc-content hr{
background-color:#8f8f8f !important;
color:#8f8f8f !important;
height:1px;
border-top:1px solid;
border-bottom:0;
}
/* a00.css: HTML buttons
* $Revision: 1.9 $
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A00v1- Button
*************************************************************
*/
.a00v1, .clb .a00v1,
.a00v1-alt1, .clb .a00v1-alt1,
.a00v1-alt2, .clb .a00v1-alt2 {
font-size:11px; /* required, can exist outside of clb */
font-weight:bold;
text-align:center;
color:#2970a6 !important; /* ck: old #2f6681 */
text-decoration:none;
display:inline-block;
position:relative;
float:left;
overflow:visible;
padding:5px 15px;
padding-bottom:5px;
_padding:5px 14px 5px 11px !important;
border-left:1px solid #667;
_height:14px !important; /* TODO: bump up for 12px font change? */
white-space:nowrap; /* ck: restored from 1.3 */
margin:8px; /* ck: restored from 1.3 */
line-height:1.273;/* to eliminate the effect of clb mb-pilot merger*/
}
/* js-enabled scenario */
.a00v1-js,
.clb .a00v1-js {
padding:5px 15px 0;
_padding:5px 8px 1px 10px;
border:0;
}
.clb .a00v1-alt1, .clb .a00v1-alt2 {
color: #FFFFFF !important;
}
/* Default class for button hover scenario */
.a00v1:hover, .a00v1:hover span,
.a00v1-alt1:hover, .a00v1-alt1:hover span,
.a00v1-alt2:hover, .a00v1-alt2:hover span {
background-position:right -24px;
text-decoration:none !important;
}
/* top left (tl) rounded corner */
.a00v1 .tl,
.a00v1-alt1 .tl,
.a00v1-alt2 .tl {
background-position:left top;
display:block;
float:left;
font-size:1px; /* TODO: */
margin-top:-5px;
_margin-top:-5px;
_left:1px;
margin-left:-16px;
_margin-left:-5px;
height:20px;
_height:23px;
min-width:3px;
_width:4px;
position:absolute;
}
/* top left (tl) rounded corner */
.a00v1:hover .tl,
.a00v1-alt1:hover .tl,
.a00v1-alt2:hover .tl {
background-position:left -24px;
}
/* bottom left (bl) rounded corner */
.a00v1 .bl,
.a00v1-alt1 .bl,
.a00v1-alt2 .bl {
background-position: left -19px;
display:block;
position:relative;
_position:absolute; /* require different approach for centering */
height:5px;
margin-left:-16px; /* offset .a00 padding */
%margin-left:8px;
_margin-left:-6px;
%min-height:3px;
%min-width:9px;
%left:-50%;
_left:2px !important;
_bottom:0px; /* required for IE centering */
%width:80%; /* IE required min 14px */
_overflow:hidden;
_width:5px;
}
/* bottom left (bl) rounded corner */
.a00v1:hover .bl,
.a00v1-alt1:hover .bl,
.a00v1-alt2:hover .bl {
background-position: left -43px;
}
/* bottom right (br) rounded corner */
.a00v1 .br,
.a00v1-alt1 .br,
.a00v1-alt2.br {
background-position: right -19px;
%background-repeat:repeat-x; /* IE7 fix for backpack rename */
_background-repeat:no-repeat;
position:absolute;
right:0;
margin-top: -5px;
height:5px;
width:95%;
_bottom:0px;
_overflow:hidden;
_right:0;
clear:both;
_position:relative;
_width:5px;
}
/* bottom right (br) rounded corner */
.a00v1:hover .br,
.a00v1-alt1:hover .br,
.a00v1-alt2:hover .br {
background-position: right -43px;
}
/* *** Disabled States *** */
/* Default class for disabled state in js-enabled scenario */
.a00v1-alt-disabled,
.clb .a00v1-alt-disabled{
color:#ccc !important;
cursor:default;
}
.a00v1-disabled,
.clb .a00v1-disabled{
color:#aaa !important;
}
/* Default class for disabled hover state in js-enabled scenario */
.a00v1-alt-disabled:hover,
.a00v1-alt-disabled:hover span,
.a00v1-disabled:hover,
.a00v1-disabled:hover span {
background-position:right top;
}
/* class for top left span */
.a00v1-alt-disabled:hover .tl,
.a00v1-disabled:hover .tl {
background-position:left top;
}
/* button disabled hover scenario for bottom right rounded corner span of the background image */
.a00v1-alt-disabled:hover .br,
.a00v1-disabled:hover .br {
background-position: right -19px;
}
/* button disabled hover scenario for bottom left rounded corner span of the background image */
.a00v1-alt-disabled:hover .bl,
.a00v1-disabled:hover .bl {
background-position: left -19px;
}
/* Styles for the image icon within a button */
.a00v1 img {
position:relative;
top:2px;
left:-3px;
float:left;
%float:none;
_float:left;
/* ck: was in v1.3
border:0;
margin:0 3px;
%margin-left:4px;
_margin:-2px 3px 0px 4px;
*/
}
/* Firefox needed this style*/
/* ck: still needed? was in v1.3
.a00v1 img, x:-moz-any-link {
vertical-align:middle;
}
*/
.a00v1-alt1, .a00v1-alt1 span,
.a00v1-alt2, .a00v2-alt2 span{
background-position:right top;
background-repeat:no-repeat;
}
/*
*************************************************************
A00v1 - Gray/Default button
*************************************************************
*/
.a00v1,
.a00v1 span {
background:transparent url(../fw/w/cl/a00/a00v1.png) no-repeat right top;
}
/*
*************************************************************
A00v1-alt1 - Blue button
*************************************************************
*/
.a00v1-alt1,
.a00v1-alt1 span {
background:transparent url(../fw/w/cl/a00/a00v1-alt1.png) no-repeat right top;
color:#fff !important;
}
/*
*************************************************************
A00v1-alt2 - Green button
*************************************************************
*/
.a00v1-alt2,
.a00v1-alt2 span {
background:transparent url(../fw/w/cl/a00/a00v1-alt2.png) no-repeat right top;
color:#fff !important;
}
/*
*************************************************************
A00v1-alt4 - Hero button
*************************************************************
*/
.a00v1-alt4,
.a00v1-alt4 span {
background:transparent url(../../../../web/fw/w/cl/a00/a00v1-alt4.png) no-repeat right top;
color:#fff !important;
}
/* Overwriting DM grid style to align a00v1 button - WEM-2787 */
.gdb .a00v1-cq {
margin-left: 1px;
}
/*
*************************************************************
A00v3 - Rich Button Drop Dowm
*************************************************************
*/
.a00v3 {
z-index:2;
position:relative;
background-color:transparent;
line-height:1.273; /* to eliminate the effect of clb mb-pilot merger */
}
.a00v3 .a00-drop {
background-color:#fff;
border:1px solid #ccc;
display:none;
float:none;
left:-1px;
/*_left:-4px; Commented by offshore to resolve the alignment issue with dropdowm*/
list-style-type:none;
margin:0;
padding:4px 0;
position:absolute;
top:23px;
min-width:108px;
max-width:166px;
width:100%;
}
* html .a00v3 .a00-drop {
/* width:expression(this.clientWidth<= 108? "107px":this.clientWidth>= 166? "167px":true); */
width:expression(this.clientWidth<= this.parentNode.clientWidth? this.parentNode.clientWidth + "px":this.clientWidth>= this.parentNode.clientWidth? "167px":true);
}
.a00v3 .a00-drop li{
margin:0;
padding:1px 7px; /* OS-QC 753 */
float:none;
font-size:110%; /* OS-QC 753 */
line-height:15px;/* OS-QC 753*/
width:auto; /* ck-qc205 */
}
.a00v3 .a00-drop a,
.a00v3 .a00-drop a:hover{
text-decoration:none;
cursor: pointer; /* IE fix */
}
.a00v3 .a00-drop .lihover {
background-color:#80a1b2;
cursor:pointer;
color:#fff;
}
.a00v3 .lihover a{
color:#fff;
/*display:block; kalpana :commented the lines as the hack is written below
min-width:100px;*/
}
/*hack for ff2*/
.a00v3 .a00-drop a:hover,
.a00v3 .lihover a,
x:-moz-any-link{
display:block;
min-width:100px;
}
/*overriding for ff3 */
.a00v3 .a00-drop a:hover,
.a00v3 .lihover a,
x:-moz-any-link,
x:default {
width:auto;
display:inline;
}
/* ck: IE hover color for text */
.a00v3 .lihover a:hover,
.a00v3 .lihover a:link,
.a00v3 .lihover a:active,
.a00v3 .lihover a:visited {
%color:#fff;
}
.a00v3 .a00-drop .disabled {
background-color:#fff;
}
/* ck: fix for above */
.a00v3 .a00-drop .disabled span {
color:#ccc;
cursor:default;
}
.a00v3 .a00-drop li span {
display:inline-block;
width:100%;
}
.a00v3 .a00v1{
%font-size:11px !important;
z-index:10;
white-space:nowrap; /* prevent button from going to two lines */
}
.a00v3 .a00v1-js{
padding:5px 12px 0 15px;
}
.a00v3 .a00v1 .bl{
min-width:1px; /* ck: FF2 requires */
%min-width:9px;
%margin-left:5px;
_margin-left:-6px;
}
.a00v3 .a00v1 img {
background:transparent url(../fw/w/cl/a00/down-arrow.gif) no-repeat scroll right center;
width:20px;
height:6px;
%height:9px;
_height:11px;
float:none;
top:0px;
%top:2px;
left:0px; /* ck: override a00v1 */
}
/* css for download button component starts from here*/
.a00v4, .clb .a00v4, .a00v4-alt1, .clb .a00v4-alt1, .a00v4-alt2, .clb .a00v4-alt2 {
font-size: 11px !important;
font-weight: bold;
text-align: center;
color: #333 !important;
text-decoration: none;
display: inline-block;
position: relative;
float: left;
overflow: visible;
padding: 3px 16px 4px 15px;
_padding: 3px 14px 4px 11px !important;
border-left: 1px solid #667;
_height: 14px !important;
white-space: nowrap;
margin: 8px;
line-height: 1.273;
}
.a00v4:hover, .a00v4:hover span, .a00v4-alt1:hover, .a00v4-alt1:hover span, .a00v4-alt2:hover, .a00v4-alt2:hover span {
background-position: right ;
text-decoration: none !important;
}
.a00v4 .tl, .a00v4-alt1 .tl, .a00v4-alt2 .tl {
background-position: left top;
display: block;
float: left;
font-size: 1px;
margin-top: -3px;
_margin-top: -3px;
_left: 1px;
margin-left: -16px;
_margin-left: -5px;
height: 21px;
_height: 23px;
min-width: 3px;
_width: 4px;
position: absolute;
}
.a00v4:hover .tl, .a00v4-alt1:hover .tl, .a00v4-alt2:hover .tl {
background-position: left;
}
.a00v4-alt-disabled, .clb .a00v4-alt-disabled {
color: #ccc !important;
cursor: default;
}
.a00v4-disabled, .clb .a00v4-disabled {
color: #aaa !important;
}
/* class for top left span */
.a00v4-alt-disabled:hover .tl,
.a00v4-disabled:hover .tl {
background-position:left top;
}
.a00v4-alt-disabled:hover, .a00v4-alt-disabled:hover span, .a00v4-disabled:hover, .a00v4-disabled:hover span {
background-position: right top;
}
.a00v4-alt1, .a00v4-alt1 span, .a00v4-alt2, .a00v2-alt2 span {
background-position: right top;
background-repeat: no-repeat;
}
.a00v4, .a00v4 span {
background: transparent url(../fw/w/cl/a00/a00v4.png) no-repeat right top;
}
/*
* $Revision: 1.7 $
*
* a03.css: Provides classes for component A03
* - a03v3: Alert Banner
* - a03v5: Alert Banner with rounded corners
* - a03v6 : Warning Message
* - a03v13:
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A03 - Alert
*************************************************************
*/
.a03{
color:#666;
}
.a03 h3 {
font-size:100%; /* resets default h3 size */
color:#900;
margin:0;
line-height: 1.273;
}
.a03 p{
line-height:1.1em;
color:#666;
}
.a03 a{
color:#2f6881;
}
.a03 li{
line-height:1.273;
}
/*
*************************************************************
A03v3 - Alert Banner
*************************************************************
*/
.a03v3,
.clb .a03v3 {
font-size:86%;
background-color:#ffc;
padding:3px 16px 5px;
margin:0 auto 12px 0;
}
.a03v3 h3 {
font-size:100%; /* resets default h3 size */
color:#900;
margin:0;
padding:0 0 1px;
}
.a03v3 p {
line-height:1.1em; /* TODO: change from 'em' to multiplier? */
}
/*
*************************************************************
A03v5 - Confirmation message with rounded corners
*************************************************************
*/
.a03v5{
background:#ffc url('../fw/w/cl/a03/web/fw/w/cl/a03/sprite_gradients_h.png') repeat-x scroll 0 0;
border:1px solid #ccc;
font-size:x-small;
position:relative;
max-width:100%;
min-width:450px;
display:inline-block;
border-radius: 6px;/* rounded corner-11709 */
-moz-border-radius: 6px;
}
.a03v5 p{
font-size:140%;
padding:12px;
%zoom:1;
%position:relative; /* ck: ie width fix*/
}
.a03v5 p:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a03v5 span, .a03v7 span {
float:left;
display:block;
}
.a03v5 .cta{
background:transparent url('../fw/w/cl/a03/web/fw/w/cl/a03/hp-sprites.gif') no-repeat scroll -350px 4px;
margin-left:25px;
padding-left:11px;
display:block;
float:left;
white-space:nowrap;
%position:relative; /* ck: ie width fix, was absolute */
%line-height:20px;
%margin-top:-3px;
%background-position-y:6px;
}
.a03v5 .cl-top-corners, .a03v7 .cl-top-corners,
.a03v5 .cl-top-corners span, .a03v7 .cl-top-corners span,
.a03v5 .cl-bottom-corners, .a03v7 .cl-bottom-corners,
.a03v5 .cl-bottom-corners span, .a03v7 .cl-bottom-corners span {
display:block;
background: transparent url('../fw/w/cl/a03/sprite_corners_4px.png') no-repeat 0 0;
height:4px;
width:100%;
position:absolute;
font-size:0;
}
.a03v5 .cl-top-corners, .a03v7 .cl-top-corners{
top:-1px;
left:-1px;
}
.a03v5 .cl-top-corners span, .a03v7 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-2px;
_right:-3px;
}
.a03v5 .cl-bottom-corners, .a03v7 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-1px;
font-size:0;
}
.a03v5 .cl-bottom-corners span, .a03v7 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-2px;
}
/*
*************************************************************
A03v6 - Warning Message
*************************************************************
*/
.a03v6{
background-color:#ffc;
color:#333;
font-size:12px;
line-height: 1.273;/* to over write .mb-pitol .clb line height*/
}
/* the warning text header */
.a03v6 h3{
color:#990000;
line-height: 1.273;
background:transparent url('../fw/w/cl/a03/icon-alert-error.gif') no-repeat 10px 8px;
_margin:0px 0 0 8px;
padding:5px 0 10px 30px;
_padding-top:10px;
_background-position-y:12px;
}
/* Override clb margin */
.a03v6 li{
margin-bottom:0px; /* Fix for #237 */
_margin-bottom:0px; /* Fix for #237 */
}
.a03v6 img{
margin:7px 0 0 10px; /* 7px on the top and 10px on the right/left margins */
_margin-top:10px;
}
.a03v6 ul{
margin:-4px 0 0 32px;
padding-bottom:1px; /* 8px b/w any two list items */
_padding-bottom:-1px;
list-style-type:none; /* clb override */
}
.a03v6 ul li{
padding-bottom:3px; /* 7px for the bottom spacing */
_padding-bottom:4px;
}
.a03v7,.a03v8 {
position:relative;
background-color: #fefdde;
border:1px solid #ccc;
border-radius: 6px;
-moz-border-radius: 6px;
padding: 16px 20px 15px 11px;
}
.rtl .a03v7,.rtl .a03v8 {
padding: 16px 10px 15px 20px;
}
.a03v7 p.compact,.a03v8 p.compact {
margin:0px;
}
.a03v7 h2,.a03v8 h2 {
margin-bottom:3px;
}
.a03v7 p,.a03v8 p {
line-height:1.5em;
}
.a03v7 h2,.a03v7 p {
padding-left:49px;
}
.rtl .a03v7 h2,.rtl .a03v7 p {
padding-left:0;
padding-right:50px;
}
.a03v7 .a03-icon,.a03v8 .a03-icon{
position: absolute;
top:20px;
left:15px;
background-repeat: no-repeat;
height:33px;
width:34px;
}
.rtl .a03v7 .a03-icon,.rtl .a03v8 .a03-icon {
left:auto;
right:11px;
}
.a03v7 .a03-alert,.a03v8 .a03-alert {
background-image: url('../fw/w/cl/a03/alert_30x30.png');
}
#ie6 .a03v7 .a03-alert,.a03v8 .a03-alert {
background-image: url('../fw/w/cl/a03/alert_30x30_ie.png');
}
/* Rounded Corners */
.a03v7,.a03v8 {
-moz-border-radius:4px;
border-radius:4px;
}
#ie6 .rtl .a03v7 .cl-top-corners span{
right:-32px;
}
#ie6 .rtl .a03v7 .cl-bottom-corners span{
right:-32px;
}
#ie6 .a03v7 .cl-top-corners span{
right:-33px;
}
#ie6 .a03v7 .cl-bottom-corners span{
background-position:100% -8px;
bottom:0;
right:-33px;
}
#ie8 .rtl .a03v7 .cl-top-corners span{
right:-3px;
}
#ie8 .rtl .a03v7 .cl-bottom-corners span{
right:-3px;
}
/* CQ alignment fixes */
.a03v7 span.a03-alert {
margin-right: 10px;
position: relative;
top: 0;
left: 0;
}
.a03v7 p.compact{
padding-left:0px ;
padding-bottom:0px;
}
.ie .a03v7 p.compact {
padding: 0;
}
.ie .a03v7 div.alertDesc {
padding: 0;
}
.ie .a03v7 span.a03-alert {
margin-right: 2px;
}
/*
$Revision: 1.5 $
Provides classes for component A06v5: Pagination for view all pages
(c) 1992-2009 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A06v5 - Pagination Widget
*************************************************************
*/
/* A06v5 Pagination Widget */
.a06v5,
.clb .a06v5 {
background:transparent url(../fw/i/pnav-bg.gif) repeat-x top left;
height:22px;
%height:19px;
padding:6px 4px 3px 5px;
%padding:6px 5px 7px 5px;
_padding:6px 4px 6px 5px;
font-size:85%;
}
.a06v5 .items-per-page {
float:left;
}
.a06v5 .items-per-page label{
vertical-align:middle;
%position:relative;
%top:-15%;
}
.a06v5 select{
font-size: 10px;
color:#333;
height:20px;
%margin-left:1px;
width:46px;
margin:0;
}
.a06v5 .pagination-links {
float:right;
}
.a06v5 .pagination-links input{
background:none;
border:0 none;
color:#2f6681;
font-size:100%;
cursor:pointer;
padding:0;
margin:0 0 -2px 0;
%margin:0 2px -1px 2px;
}
.a06v5 .pagination-links input:hover{
%text-decoration:underline;
}
.a06v5 .pagination-links a{
color:#2f6881;
cursor:pointer;
text-decoration:none;
}
.a06v5 .pagination-links a:hover {
text-decoration:underline;
}
.a06v5 input.previous-btn{
margin-right:-1px;
%margin-right:-5px;
}
.a06v5 input.next-btn{
margin:0 0 -2px -1px;
%margin-left:-2px;
%margin-right:3px;
}
.a06v5 select option{
padding-left:2px;
}
.a06v5 #previous-btn{
margin:0 -1px 0 0;
%margin:0 -8px 3px 0;
}
.a06v5 #next-btn{
margin:0 0 0 -1px;
%margin:0 0 3px -4px;
}
.a06v5 .separator
{
margin:0 2px 0 5px;
color:#666;
}
.a06v5 .previous-disabled{
margin:0 2px 0 0;
}
.a06v5 .next-disabled{
margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
.a06v5 .previous-enabled{
margin:0 2px 0 0;
%margin:0 -1px 0 0;
_margin:0 -1px 0 0;
}
.a06v5 .next-enabled{
margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
/*
* $Revision: 1.3 $
*
* a08.css: Provides classes for component A08
* - a08v8: Toolbar component*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A08 - Toolbar
*************************************************************
*/
.a08 {
color:#666;
font-size:95%;
}
/*
*************************************************************
A08V8 - Toolbar classes for button and anchor
*************************************************************
*/
.a08v8 {
padding:10px 0 10px 12px; /* ck: establish component default */
%zoom:1; /* ck: ie clearfix */
line-height:1.273;/* to over write 1.385 from .mb-pilot .clb*/
}
.a08v8:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a08v8 .languages {
float:right;
}
.a08v8 select{
margin-left:4px;
font-size: 12px;
font-family:arial,helvetica,sans-serif;
}
.a08v8 label {
%vertical-align: middle;
%position: relative !important;
%top:-3px;
}
.a08v8 .cta{
background:transparent url(../fw/i/hp-sprites.gif) no-repeat scroll -350px 3px;
float:left;
position:relative; /* ck: help align cta with language */
top:2px;
%top:3px; /* ck: */
text-indent:11px; /* ck: */
}
.a08v8 .a00v1 {
margin: 0;
_margin-top: 4px;
}
.a08v8 .a00v1-js {
padding:5px 8px 0 10px;
_padding:5px 8px 5px 7px !important;
}
.a08v8 .a00v1 .bl{
margin-left:-11px;
%margin-left:6px;
_margin-left:-6px;
}
.a08v8 .a00v1 .tl{
margin-left:-11px;
_margin-left:-5px;
}
/*
* $Revision: 1.7 $
*
* a11.css: Provides classes for component A11
* - a11v1: PSA autosuggest
* - a11v2: PSA Breadcrumbs
* - a11v3: PSA Selector
* - a11v4: Navigation PSA Box (Left)
* - a11v5: Link PSA Boxes (Center and Right)
* - a11v6: PSA Add a Device
* - a11v7: PSA Search Result's titled two tiered listing
* - a11v8: PSA Container -- Needs to be 1st A11 style
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* NOTE: a11v8 needs to precede all other a11 css */
/*
***********************************************
A11v8
PSA Container -- Needs to be 1st A11 style
***********************************************
*/
.a11v8,
.clb .a11v8 {
padding:7px 4px 10px 10px;
%padding-top:8px; /* ck: b257 */
border-width:1px;
overflow:hidden;
line-height: 0.9em;
font-size:11px /* ck: qc158 was 86%; */
}
/* clearfix */
.a11v2:after,
.clb .a11v2:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.a11v8 form {
margin:0;
padding:0;
}
.a11v8 h3 {font-size:18px;margin-top:14px;margin-bottom:11px;font-weight:normal;}
/*
***********************************************
A11v1
PSA autosuggest
***********************************************
*/
.a11v1 {
position:relative; /* ck: b464 */
z-index:10; /* ck: b464 */
padding:10px 0 0px 6px; /* top:10 ck: b257 */
%padding-top:8px; /* ck: b257 */
_white-space:nowrap; /* ck: b424, for show/hide, may be issue with translations */
/* to over write effect of clb, mb-pilot merger*/
font-size:11px;
line-height:1.273;
}
.a11v1 form { position:relative; } /* ck b:415 */
.a11v1 #searchstring {
border:1px solid #ccc;
width:285px; /* ck: b254 */
%width:284px; /* ck: b254 */
font-size:1.05em; /* 1.1em ck: b35,b264 */ /* TODO: chnage to percentage? */
font-family:inherit; /* ck: b35 */
color:#999; /* ck: b35 */
padding:1px 10px 2px 1px; /* ck: b312, b35, b254 0 1 2 */
%padding-left:2px;
%margin-top:1px;
%margin-right:1px; /* ck: b312 */
}
body:first-of-type .a11v1 #searchstring { font-size:inherit; } /* safari */
.a11v1 #searchstring.searched-phrase {
color:#333; /* ck: b433 */
}
.a11v1 #pssubmitbutton {
position:relative;
color:#2f6681;
font:bold 1em arial,helvetica,sans-serif; /* ck: FF req family, IE req size */
margin-left:1px;
%margin-left:-3px; /* ck: b257 */
%top:1px;
_width:0; /* ck: IE6 button width fix */
%overflow:visible; /* ck: IE button width fix */
padding:0 2px 0 3px; /* ck: FF3 padding:0 3px 1px 2px; b312 */
%padding:1px 5px 0 6px; /* ck: IE6/7 */
}
body:first-of-type .a11v1 #pssubmitbutton { padding-bottom:2px; } /* safari */
.a11v1 #pssubmitbutton[id=PSSUBMITBUTTON] { padding:1px 3px 1px 4px; } /* ck: FF2 1px 3px 2px 2px; */
.a11v1 #pssubmitbutton[id=PSSUBMITBUTTON]:disabled { padding:2px 4px 2px 5px; } /* ck: FF2 */
.a11v1 #pssubmitbutton:disabled { color:#b2b2b2; }
.a11v1 div.suggestions {
position: absolute;
z-index:1; /* overlapping fix */
overflow: auto;
overflow-x:hidden; /* ck: b452 */
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
width:298px; /* ck: b381 302 */
margin-left: 1px;
padding: 0 0 7px;
background-color: #fff;
%margin-left:6px;
%top:23px; /* ck b:415 */
%left:0; /* ck b:415 */
_white-space:normal /* ck: b452 ie6 needs to reset back to normal */
}
body:first-of-type .a11v1 div.suggestions { width:298px; margin-left:0px; } /* safari */
.a11v1 div.suggestions div {
cursor: default;
padding: 0;
background-color: #fff;
color: #2f6681;
}
.a11v1 div.suggestions div:last-child {
padding-bottom:7px;
}
.a11v1 div.suggestions div.psindent{
text-indent:-3px; /* ck: b254 */
padding: 2px 10px 2px 8px; /* ck: b254 */
%padding-left:7px; /* ck: b254 */
_padding-left:8px; /* ck: b254 */
}
body:first-of-type .a11v1 div.suggestions div.psindent { padding:3px 10px 3px 5px; } /* safari */
.a11v1 div.suggestions div.ascurrent {
background-color: :#d6e0e6;
}
.a11v1 .ascurrent .psindent { background-color:#d6e0e6; }
.a11v1 .pscaption {
color:#2f6681;
font-size:88%;
margin:1px 0 0;
%margin-top:2px;
}
/*
************************************************
A11v2
PSA Breadcrumbs
************************************************
*/
.a11v2,
.clb .a11v2 {
display:block;
zoom:1;
}
.a11v2 img { float:left; }
.a11v2 img, .a11v2 div a {
background: url(../fw/i/breadcrumb_arrow.gif) no-repeat right center;
padding-right: 16px;
}
.a11v2 hr { /* ck: was a11v8, error? */
margin:20px 6px 12px 0; /* 20 6 11 0 ck: b257 */
%margin:13px 6px 5px 0; /* 13 6 4 0 ck: b257 */
}
.a11v2 div {
padding-top: 1px;
font-size: 12px;
line-height: 1.273;
}
.a11v2 #psacrumbs, .a11v2 .psacrumb, .a11v2 .homelink {
font-size:11px;
}
/*
***********************************************
A11v3
PSA Selector
***********************************************
*/
.a11v3 {
/* position:relative; ck: test */
font-size: 11px; /* to over write effect of clb mb-pilot merge */
}
.a11v3 a:link,
.a11v3 a:visited,
.a11v3 a:hover,
.a11v3 a:active {
text-decoration:none;
outline:invert none thin;
}
.a11v2 .homelink {float:left;margin-left:3px;}
.a11v3 .homelink a:link,
.a11v3 .homelink a:visited,
.a11v3 .homelink a:hover,
.a11v3 .homelink a:active {text-decoration:none;}
.a11v3 a:focus {
outline-style:dotted;
padding-right:13px;
}
.a11v8 .a11v3 h3 {
color:#666;
margin: 14px 0 13px 3px; /* 9 0 0 - ck b257. margin-bottom 0 for 3015*/
%margin-bottom:0;
line-height:1em;
}
#psa_selector {margin-top:30px;}
#psa_selector[id=PSA_SELECTOR] { margin-bottom:0; } /* FF2 */
.a11v3 hr {
margin: 0 5px 0; /* ck: b257 */
%margin:-8px 5px -6px; /* bottom -7px ck: b257 */
}
body:first-of-type .a11v3 hr { margin:-2px 5px -1px;} /* safari */
.a11v3 p {
padding:3px 14px 0 5px;
margin:0 0 -2px;
%margin-bottom:0px;
line-height:1.14em; /* ck: b257 */
}
body:first-of-type .a11v3 p { padding-top:4px; } /* safari */
.a11v3 ol {
padding:3px 0 2px; /* 3 0 ck: b257 */
%padding-bottom:3px; /* ck: b257 */
margin:0;
}
.a11v3 ol li {
list-style:none;
padding:0 0 1px 8px; /* 1 0 2 8 ck: b257 */
%padding:1px 0 1px 8px; /* top:1 ck: b257 */
margin:0;
text-indent: -8px; /* wrap */
}
body:first-of-type .a11v3 li {
font-size: 11px;
line-height: 1.273;
padding-top: 1px;
} /* safari */
.a11v3 ol li a {
cursor:pointer; /* samba.min.css */
text-decoration:none;
padding:0 14px 0 5px;
font-size: 11px;/*correction for port 3015*/
}
.a11v3 ol li p {
padding-top:0;
margin-bottom:0;
}
.a11v3 ol li p a {
text-decoration:underline;
padding:0;
}
.a11v3 ol ol {
padding:0 0 1px 8px;
margin:2px 0 -2px -8px;
%margin-bottom:-1px;
}
.a11v3 ol ol li {
padding-left:13px;
margin-left:-8px;
text-indent:-8px;
}
/* PSA Text Classes */
/* Locked */
.a11v3 li.pslocked {
font-weight:bold;
background:#d6e0e6 url(../fw/i/psabg.gif) top right;
}
.a11v3 li.pslocked ol {
font-weight:normal;
background:#fff;
}
/* Links*/
.a11v3 li.pslink a:link,
.a11v3 li.pslink a:visited,
.a11v3 li.pslink a:hover,
.a11v3 li.pslink a:active,
.a11v3 p a:link,
.a11v3 p a:visited,
.a11v3 p a:hover,
.a11v3 p a:active { text-decoration:underline; /* line-height: 131%;correction for 3015*/ }
/* Unlinked Category */
.a11v3 li.psgroup {
color:#333; /* ck: b255 */
font-weight:bold;
margin-bottom:3px; /* ck: b255 */
padding:0 10px 0 13px;
}
.a11v3 li.psgroup ol { %margin-top:1px; } /* ck: b255 */
.a11v3 li.psgroup li { font-weight:normal; }
/*
***********************************************
A11v4
Navigation PSA Box (Left)
***********************************************
*/
.a11v4,
.clb .a11v4 {
float:left;
border:1px solid #ccc;
overflow:auto;
line-height:1.215;
outline: none;
}
.a11v4 ol li{
/*list-style:none;*/
}
/*
***********************************************
A11v5
Link PSA Boxes (Center and Right)
***********************************************
*/
.a11v5,
.clb .a11v5 {
float:left;
border:1px solid #ccc;
overflow:auto;
overflow-x:hidden;
/*to over write clb mb-pilot merger*/
font-size:11px;
line-height:1.215;
outline: none;
}
#a11v5 ol{
margin: 10px 0 10px 17px;
/* list-style:none; */
}
.a11v5 ol li{
line-height: 1.273;
}
/*
************************************************
A11v6
PSA Add a Device
************************************************
*/
.a11v6,
.clb .a11v6 {
border-width:1px;
overflow:auto;
display:none;
position:absolute; /* ck: overflow test */
background-color:#fff;
/* text-align:center; ck: b256 */
font-size: 11px; /*to over write effect of cls mb-pilot merging*/
}
.a11v6 h4 {
border-bottom-width:1px;
background-color:#f3f4f5; /* ck: b256 */
padding:3px 3px 2px; /* ck: b256 */
font-weight:bold;
text-align:center; /* ck: b256 */
}
.a11v6 form {
margin-left:0;
padding-top:3px; /* ck: b256 */
%padding-top:2px; /* ck: b256 */
}
.a11v6 fieldset {
%position:relative; /* ck: ie align middle */
display:table; /* ck: ff align middle */
text-align:left;
margin:0;
%margin-bottom:4px; /* ck: b256 */
padding:5px 4px 7px 10px; /* ck: */
%padding-bottom:6px; /* ck: b256 */
}
/* should be label but due to IE innerHtml, using span */
.a11v6 form div {
display:table-cell; /* ck: ff align middle */
vertical-align:middle; /* ck: ff align middle */
%float:left;
%position:relative; /* ck: ie align middle */
/* margin:0.2em 0 0; ck: b256 */
%margin:0.3em 1px 0 0; /* ck: b256 */
_margin-right:0; /* 3 ck: b256 */
text-align:right;
width:155px;/* ck: b256 */
%width:154px; /* ck: b256 */
_width:155px; /* ck: ie align middle */
}
/* table simulation */
.a11v6 form span {
display:table-cell; /* ck: ff align middle */
%display:block; /* ck: ie align middle */
vertical-align:middle; /* ck: ie align middle */
padding-left:5px; /* ck: ff align middle */
%position:absolute; /* ck: ie align middle */
%top:50%; /* ck: ie align middle */
%width:338px;/* ck: ie align middle */
}
.a11v6 form div span {
display:inline; /* ck: undo ie align middle */
vertical-align:auto; /* ck: undo ie align middle */
padding-left:0px; /* ck: undo ff align middle */
%position:relative; /* ck: undo ie align middle */
%top:auto; /* ck: undo ie align middle */
%width:auto; /* ck: ie align middle */
}
.a11v6 fieldset input {
%position:relative; /* ck: ie align middle */
%top:-50%; /* ck: ie align middle */
border:1px solid #ccc; /* ck: b256 */
}
.a11v6 select {
%position:relative; /* ck: ie align middle */
%top:-50%; /* ck: ie align middle */
/* height:1.7em; ck: b256 */
border: 1px solid #ccc; /* ck: b256 */
padding:0 0 0 1px;
max-width:338px; /* 321 ck: edge case causing scrollbars */
min-width:175px;
%font-size:100%;
/* IE7 doesn't do min/max with DTD transitional. 319 for IE7, IE6 can go to 338px. */
%width:expression(this.clientWidth <= 174 ? '175px':this.clientWidth >= 319 ? '100%':true); /* b564 */
}
.a11v6 option {
padding:0 7px 3px 5px; /* ck: b256 */
}
.a11v6 input {
padding:1px 2px 4px;
%padding:0 2px 3px; /* ck: b256 */
min-width:200px; /* ck: is this being used? */
_width:200px; /* ck: is this being used? */
%font-size:110%; /* ck: b256 */
}
.a11v6 hr {
margin:15px 10px 10px; /* 3 ck: b256 */
%margin:11px 10px 3px; /* -5 ck: b256 */
}
.a11v6 input#ad-name {
width:219px; /*221, 255 ck: b256 */
}
/* override input min-w */
.a11v6 input.ad-softwareversion,
.a11v6 #sw1,
.a11v6 #sw2,
.a11v6 #sw3 {
min-width:70px;
%width:70px;
}
.a11v6 #ad-softwareversion-1, .a11v6 #sw1 { margin-right:8px; }
.a11v6 #ad-softwareversion-3, .a11v6 #sw3 {
margin:0 8px 0 7px;
%margin-left:8px;
_margin-left:7px; /* ck: b256 */
}
.a11v6 fieldset span b {
%position:relative;
%top:-50%;
}
.a11v6 #adddevice_submit { /* ck: b256, 517 */
color:#2f6681;
font:bold 1em arial,helvetica,sans-serif; /* ck: FF needs family */;
margin-left:169px;
margin-bottom:12px; /* ck: overflow test */
margin-top:0px;
min-width:0;
width:auto;
_width:0; /* ck: IE6 button width fix */
%overflow:visible; /* ck: IE button width fix */
padding:0 2px 0 3px; /* ck: FF3 b312, b517 */
%padding:1px 5px 0 6px; /* ck: IE6/7 b517 */
}
body:first-of-type .a11v1 #pssubmitbutton { padding-bottom:2px; } /* safari */
.a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT] { padding:1px 3px 1px 4px; } /* ck: FF2 b517 1px 5px 2px;*/
.a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT]:disabled { padding:2px 4px 2px 5px; } /* ck: FF2 b517 */
.a11v6 #adddevice_submit:disabled { color:#b2b2b2; }
/* Form Error */
.a11v6 div.cl-error {
display:none;
padding: 8px 25px;
background: #ff9 url(../fw/i/icon-alert-warning.gif) no-repeat scroll 10px 10px;
color: #e80;
font-weight: bold;
text-align: left;
}
/* Field Error */
.a11v6 span.cl-error {
color: #900;
background:url(../fw/i/icon-alert-error.gif) no-repeat left 2px;
padding-left:15px;
display:inline; /* override */
}
/*
***********************************************
A11v7
PSA Search Results
***********************************************
*/
.a11v7 h3 {
color:#666;
font-size:125%; /* 135% ck: b264 */
margin: 0;
text-decoration:underline;
}
.a11v7,
.clb .a11v7 {
/* padding:21px 22px 0px 0px; 19px top ck: b264
line-height:1.65em; ck: b264 */
}
.a11v7 ul { padding:0; } /* ck:b264 */
.a11v7 li {
list-style:none;
font-size:89.2%;/* ck: b264 */
%font-size:90%;/* ck: b264 */
font-weight: bold;
color: #333;
padding-top:11px;
%padding-top:10px;
line-height:1.4em; /* ck:b264 */
}
.a11v7 li ul {
margin-bottom:-1px; /* ck: b264 */
padding-top:10px;/* 12px ck: b264 */
padding-left:15px;
%padding-top:10px;
/* _padding-top:12px; ck: b264 */
padding-bottom:1px; /* ck: b264 */
}
.a11v7 li li {
font-size:92%; /* 95% ck: b264 */
font-weight:normal;
/* line-height:110%; ck:264 */
padding-top:0;
margin-bottom:2px; /* ck: b264 */
/* padding-bottom:2px; */
line-height:1.15em; /* ck:264 */
}
/*
***********************************************
A11v9
PSA Search Zero - Results Listing
***********************************************
*/
.a11v9
{
width:497px;
float:left;
padding:0 0 0 24px;
}
.a11v9 h3{
font-size:100%;
font-weight:bold;
margin:0;
padding:0;
}
.a11v9 ul { padding:9px 0 0 0; }
.a11v9 ul.column
{
float:left;
width:220px;
}
.a11v9 li {
list-style:none;
font-size:91.6%;
line-height:1.6em;
}
.a11v9 li a{
width:100%;
}
.a11v9 ul.column-padding{
padding-left:24px;
}
/*
* $Revision: 1.7 $
*
* c00.css: Provides classes for component C00
* - c00v1: Generic Element - Normal Paragraph
* - c00v2: Generic Element - Generic text used in the backpack
* - c00v6: Generic Element - Back to Top
* - c00v9: Generic Element -
* - c00v10: Generic Element - 14pt Header
* - c00v11: Generic Element - bulleted list
* - c00v15: Generic Element - Linked List
* - c00v18: Generic HR
* - c00v20: Generic Element - Box with Header on Background
*
* NOTE: TODO: C24 was changed to C00 last year... need to migrate C24 stuff to here?
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* TODO: why all the !important -- is there a way to undo? */
/*
*************************************************************
c00 - Family Base
*************************************************************
*/
.c00,
.clb .c00 {
/*[temp placemarker] these need to be defined*/
}
/*
*************************************************************
c00v1 - Generic Element - Normal Paragraph
*************************************************************
*/
.c00v1,
.clb .c00v1 {
/* to eliminate effect of clb mb-pilot merger */
/* font-size : 100% !important; */
line-height: 1.273 !important;
margin-top : -3px;
}
/* to eliminate effect of clb mb-pilot merger */
.c00v1 h2{
font-size: 127.03%;
margin-bottom: 0px;
}
.c00v1 h3{
margin-bottom: 0px;
/*font-size: 109.1%;*/
line-height: 1.135;
}
.c00v1 ul{
margin: 10px 0 10px 12px;
}
#ie7 .c00v1 ul{
margin: 10px 0 10px 15px;
}
.c00v1 li{
line-height: 124%;
}
.c00v1>p.large {
font-size: 12px;
margin-bottom: 12px; /*over ride mlb classes*/
}
/* END : to eliminate effect of clb mb-pilot merger */
/*
*************************************************************
c00v2 - Generic Element - Small paragraph
*************************************************************
*/
.c00v2 {
margin:0 16px 11px 14px;
color: #666;
position: relative;
background:transparent;
/* to eliminate effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
}
.c00v2 a {
font-weight:bold;
}
/*
*************************************************************
c00v6 - Generic Element - Back to Top
*************************************************************
*/
.c00v6,
.clb .c00v6 {
text-align: right;
margin-bottom: 17px !important;
/* to eliminate effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
}
.c00v6 a {
text-decoration: underline !important;
}
/*
*************************************************************
c00v9 - Generic Element - Header 16pt
*************************************************************
*/
.c00v9{
font-size:large;
color:#666;
padding:0 0 6px;
}
/*
*************************************************************
c00v10 - Generic Element - 14pt Header
*************************************************************
*/
.clb h2.c00v10 {
font-size:14px;/*previously:127.3%. this is for the c17 use case. we dont have any use case for this yet. will it affect any other component??*/
margin-top: -2px !important;
margin-bottom: 12px !important;
line-height:1.273;
}
/*
*************************************************************
c00v11 - Generic Element - Bulleted list
*************************************************************
*/
.clb ul.c00v11 {
list-style: disc outside;
}
/*
*************************************************************
c00v15 - Generic Element - Linked List
*************************************************************
*/
.c00v15,
.clb .c00v15 {
margin-top: 14px !important;
margin-bottom: 9px !important;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
font-size:12px;
}
.c00v15:after,
.clb .c00v15:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.c00v15 ul {
float: left;
width: 50%;
margin: 0; /* override CLB */
line-height: 1.273;
}
.rtl .c00v15 ul {
float: right;
margin: 0;
}
.c00v15 li {
padding: 0 0 8px 14px;
margin-bottom: 0; /* override clb */
list-style:none;
list-style-position: outside;
list-style-image:none !important;
background-image: url(../fw/i/chevrons.gif);
background-repeat:no-repeat;
background-position:left 0.4em;
%background-position:left 0.6em;
line-height: 1.273; /*override mlb-clb class*/
}
.c00v15 .col-left li {
margin-right: 24px;
}
.c00v15 .col-right li {
margin-left: 12px;
margin-right: 12px;
}
/*
*************************************************************
C00v18 - Generic HR
*************************************************************
*/
.c00v18 hr {
height:1px;
color:#ccc;
background-color:#ccc;
border:none;
margin:0 0 12px 0;
padding:0;
}
/*
*************************************************************
c00v20 - Generic Element - Box with Header on Background
*************************************************************
*/
.c00v20,
.clb .c00v20 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 17px;
/* to eliminate effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
border-radius: 0px 0px 5px 5px;/* rounded corner-11709 */
-moz-border-radius: 0px 0px 5px 5px;
}
.c00v20 h3 {
background: #dfdfdf url(../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding: 6px 12px 5px;
border-bottom:1px solid #ccc;
margin:-4px -12px 17px;
border-radius: 5px 5px 0px 0px;/* rounded corner-11709 */
-moz-border-radius: 5px 5px 0px 0px;
}
.c00v20 p {
margin-bottom:14px;
}
.c00v20 li {
margin-bottom:14px;
%margin-left: 3px;
}
.c00v20 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.c00v20 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.c00v20 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-18px;
left:-13px;
font-size:0;
}
.c00v20 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* $Revision: 1.3 $
*
* c01.css: Provides classes for component C01
* - c01v1: Page Title
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C01v1 - Page Title
*************************************************************
*/
.c01v1 h1 {
margin:10px 0 10px 12px;
color:#666;
font-size:170%;
font-weight:normal;
}
/*
* $Revision: 1.5 $
*
* c11.css: Provides classes for component C11
* - c11v2: Spotlight - Image (left-aligned, opt caption) and text (opt wrap)
* - c11v3: Content - Image and Text
* - c11v4: Spotlight - Image (right-aligned, opt caption) and text (opt wrap)
*
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c11 - rules applied to all spotlights
*************************************************************
*/
.c11, .clb .c11 {
position:relative;
zoom:1;
/* idiotic ie bug. can't see positioned images unless this 'has layout' !!!!! */
}
.c11:after, .clb .c11:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
/* call-to-action - provide triangle icon to link */
.c11 .cta {
background:url(../fw/i/arrow_transp_5x9.gif) no-repeat center left;
padding-left:13px;
}
.rtl .c11 .cta {
padding-left:auto;
padding-right:13px;
}
.c11 h4 {
margin-bottom:3px;
}
.c11 p {
margin-bottom: 12px;
}
/* cl-base sets a 2px top-margin... TODO: change cl-base? */
#framework-content-right .c11 img {
margin: 0;
}
/* image captions */
.c11 div p {
line-height: 100%;
display: block;
background-color: #ccc;
color: #333;
padding: 4px 8px 6px 8px;
margin: 2px 0;
*
margin-top: -4px;
/* IE6 and IE7 */
}
/*
*************************************************************
c11v2: Spotlight - Image (left-aligned, opt caption) and text (opt wrap)
*************************************************************
*/
.c11v2 {
/* to over write the effects of clb mb-pilot merger*/
font-size: 11px;
line-height: 1.273;
}
/* allows non-wrapping text as default */
.c11v2 p {
display: table-cell;
_display: inline;
/* IE6: inline-block works, but seems to stick - p.wrap will not work */
zoom: 1;
/* hasLayout true, now acts like an inline-block, no text wrapping */
}
.c11v2 p.wrap {
display: block;
zoom: 0;
/* hasLayout false, loses inline-block behavior, wraps text */
}
.c11v2 h5 { /*to override the effect of mlb-clb*/
line-height: 1.273;
font-size: 11px;
margin-bottom: 0px;
}
.c11v2 h3 {/* Adding the new style to override the effect of clb merge*/
line-height:1.273;
margin:0;
}
.c11v2 img {
float: left;
padding: 0 12px 4px 0;
display: block;
margin-top: 2px;
}
.rtl .c11v2 img {
float:right;
padding-right:0;
padding-left:12px;
}
.c11v2 div {
float:left;
padding:0 12px 12px 0;
_padding-right: 0;
/* IE6 */
}
.rtl .c11v2 div {
float:right;
padding-right:0px;
padding-left:12px;
}
.rtl #ie6 .c11v2 div {
padding-left:0;
}
/*
*************************************************************
c11v3 - Content - Image and Text
*************************************************************
*/
.c11v3, .clb .c11v3 {
margin: -2px 0 5px !important;
zoom:1;
/* this style for ie float behavior; NOTE: once all markup uses 'clb c11 c11v3' this can be removed */
/* to over write the effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
}
/* NOTE: once all markup uses 'clb c11 c11v3', this can be removed */
.c11v3:after, .clb .c11v3:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.c11v3 img {
position: relative;
float: left;
margin: 2px 0 15px;
}
.rtl .c11v3 img {
float:right;
}
.c11v3 p {
background: transparent;
margin-left: 175px;
/* ck: find another way if still req - !important; */
margin-bottom: 12px;
/* NOTE: once all markup uses 'clb c11 c11v3' this can be removed */
font-size: 109.1% !important;
line-height: 124% !important;
}
.rtl .c11v3 p {
margin-left:0;
margin-right:175px;
/* to over write the effect of clb mb-pilot merger */
font-size: 109.1% !important;
line-height: 124% !important;
}
/*
*************************************************************
c11v4: Spotlight - Image (right-aligned, opt caption) and text (opt wrap)
*************************************************************
*/
/* allows non-wrapping text as default */
.c11v4 {
/* to over write the effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
}
.c11v4 p {
display: table-cell;
_display: inline-block;
/* IE6 */
}
.c11v4 p.wrap {
display: block;
}
.c11v4 h5 {
font-size: 11px;
line-height: 1.273;
margin-bottom: 0;
}
.c11v4 img {
display: block;
float:right;
padding:2px 0 4px 12px;
}
.rtl .c11v4 img {
float:left;
padding-right:12px;
padding-left:0;
}
.c11v4 div {
float:right;
padding:0 0 12px 12px;
_padding-left:0;
/* IE6 */
}
.rtl .c11v4 div {
float:left;
padding-right:12px;
padding-left:0;
}
.rtl #ie6 .c11v4 div {
padding-right:0;
}
.c11v4 div img {
display: inline;
float: none;
padding: 2px 0 0;
}
.c11v4 div p {
margin-top: 0;
*
margin-top: -4px;
/* IE6 and IE7 */
}
/*
* $Revision: 1.6 $
*
* c15.css: Provides classes for component C15
* - c15v7: Text
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C15v7 -
*************************************************************
*/
/* from .tab-content-container .section */
.c15v7,
.clb .c15v7 {
margin-bottom: 6px;
clear: both;
%height: 1%;
font-size:x-small; /* TODO: fix! */
}
/* from .tab-content-container .section:after */
.c15v7:after,
.clb .c15v7:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container ul.expanded-spacing */
.c15v7 ul {
list-style-type:none;
font-size:110%;
%font-size:85%;
line-height:127.6%;
margin:15px 0 -6px 0;
padding:0;
}
/* from .tab-content-container ul.expanded-spacing li */
.c15v7 ul li {
margin: -3px 0 15px 0px;
padding: 0;
%font-size:130% !important;
line-height: 1.273; /* override mlb-clb merge */
}
/* from .tab-content-container span.callout */
.c15v7 strong {
font-weight:bold;
font-size:100%;
color:#666 !important;
line-height:normal;
%font-size:100% !important;
}
.c15v7 p.small {
color: #666;
font-size:100%;
%font-size:100%; /* The component is rendered in too small font in IE ;modifying the font size to achieve 10px size */
line-height:127.6%;
margin:-3px 0pt 9px;
%margin:0px 0pt 10px;
_margin:-4px 0pt 10px;
}
/* from .tab-content-container p.tab-subheadline */
.c15v7 p { /* TS1 */
font-size:120%;
line-height:133.6%;
%line-height: 134.5%;
margin: -3px 0 14px 0;
%margin: -4px 0 15px 0;
}
/* from .tab-content-container h3 */
.c15v7 h3 {
color:#666;
font-size:140%;
%font-size:130% !important;
_font-size:140%;
line-height:128.8%;
%line-height:1.28em;
margin:-4px 0 8px 0;
%margin-top:0;
}
/*
*************************************************************
C15v9 - Description Text
*************************************************************
*/
.c15v9{
color:#333;
font-size:12px;
border:1px solid #ccc;
_width:99.1%;
}
.c15v9 p {
line-height:1.6; /*spacing b/w any 2 lines of text is 8px */
padding:6px 8px 5px 9px; /* 11px on the top , 10px on left and bottom spacing b/w borders and text */
_padding-bottom:-6px;
_padding-left:-1px;
}
/***********************************
styling the UL for this component
*************************************/
.c15v9 ul {
list-style-type:inherit;
line-height:151.6%;
margin:15px 9px 0px;
padding:0;
}
.c15v9 ul li {
margin:-3px 39px 6px;
padding:0;
}
/*
* $Revision: 1.5 $
*
* c22.css: Provides classes for component C22
* - c22v2: Lightbox (Generic Hover w/Edge indicators)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c22: Generic c22 styles
*************************************************************
*/
.c22, .clb .c22 {
font-size: 12px;
}
.c22 {
display: none;
z-index: 8000;
}
/* Loading Spinner */
.c22 .spinner {
background: url('../fw/i/spinner.gif') no-repeat center center;
height: 50px;
}
.c22 .error {
height: 50px; /* keep the error height the same as the snipper height to avoid tooltip rolling up away from trigger link.*/
display: none;
}
/*
* NOTE: Do not modify min-height or min-width. If you need a snaller hover, use c22v3
*/
.c22 .tooltipcontent {
min-width: 300px;
min-height: 120px;
background: #FFFFFF;
border: 5px solid #444;
}
.c22 .tooltipcontent.poly{
border-radius: 6px 6px 6px 6px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}
.c22 h3 {
background: #444; /* background: rgba(0, 0, 0, 0.85);*/
margin: 0 5px; /* needed to avoid overlapping alpha on border*/
padding: 0;
color: #ffffff;
line-height: 21px;
text-indent: 10px;
position: relative;
top:26px;
}
#ie8 .c22 h3, .ie67 .c22 h3{
background: #444;
/*filter:alpha(opacity=85);*/ /* For IE8 and earlier */
}
.c22 .hoverClose {
font-size:small;
margin-right:6px;
margin-top:3px;
float:right;
}
/* Close icon fix only in bottom left quadrant */
.c22.bottom.left .hoverClose{
margin-right:-8px;
}
#ie7 .c22.bottom.left .hoverClose{
margin-right:6px;
}
/* End close icon fix */
.rtl .c22 .hoverClose {
font-size:small;
margin-left:-8px;
margin-top:3px;
float:left;
}
.c22 .tooltipcontent {
padding: 34px 14px 20px;
}
/* IE7 & IE8 generic c22 fix */
#ie7 .c22 H3{
top:23px;
}
#ie7 .c22 .hoverClose{
margin-top:-15px;
}
#ie8 .c22 h3{
margin-top:-1px;
z-index:1;
}
#ie8 .c22 .hoverClose{
margin-right:8px;
}
/* Minimun IE67 width fix */
.ie67 .c22v2{
width:338px;
word-wrap: break-word;
}
/*c22v1: Style Start*/
/*
*************************************************************
c22v1: Corner carat-type styles
*************************************************************
*/
.c22v1 .caratTop, .c22v1 .caratBottom{
position: relative;
background: url("../fw/w/cl/c22/carat.png") no-repeat scroll 0 0 transparent;
height: 7px;
width: 13px;
/* opacity:0.85; */
}
/* Upper Right Quadrant: Default Position */
.c22v1 .caratBottom {
background-position: -9px -23px;
top: 0;
left: 25px;
}
.c22v1 .caratTop {
display:none;
}
.ie67 .clb.c22v1 .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 6px 6px;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .clb.c22v1 .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 6px 6px;
position:relative;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
/* Upper Left Quadrant */
.c22v1.left .caratBottom {
display: block;
background-position: -9px -23px;
left: -30px;
top: 0;
float:right;
}
/* Lower Left Quadrant */
.c22v1.bottom.left .caratTop {
display: block;
background-position: -8px 1px;
left: -30px;
top:14px;
float: right;
}
.c22v1.bottom.left .caratBottom {
display:none;
}
/* Lower Right Quadrant */
.c22v1.bottom .caratTop {
display: block;
background-position: -8px 1px;
top: 21px;
left: 30px;
}
.c22v1.bottom .caratBottom {
display:none;
}
/*style for Alt carat */
.c22v1.alt .caratBottom,.c22v1.alt .caratTop
{
height: 13px;
width: 7px;
}
/* alter Bottom Right Alt Quadrant */
.c22v1.bottom.right.alt .caratBottom {
display:none;
}
.c22v1.bottom.right.alt .caratTop {
display:block;
background-position: 0 -8px;
top: 63px;
left: -7px ;
}
/* alter Top Right Alt Quadrant */
.c22v1.top.right.alt .caratBottom {
display:block;
background-position: 0 -8px ;
top: -43px ;
left: -7px;
}
.c22v1.top.right.alt .caratTop {
display:none;
}
/* alter Top Left Alt Quadrant */
.c22v1.top.left.alt .caratBottom {
display:block;
background-position: -22px -8px;
top: -43px ;
left: 7px;
}
.c22v1.top.left.alt .caratTop {
display:none;
}
/* alter Bottom Left Alt Quadrant */
.c22v1.bottom.left.alt .caratBottom {
display:none;
}
.c22v1.bottom.left.alt .caratTop {
display:block;
background-position: -22px -8px;
top: 48px ;
left: 7px;
}
#ie8 .c22v1.bottom.left.alt .caratTop {
top: 60px ;
}
/*common fix*/
.c22v1.top.left.alt .hoverClose, .c22v1.bottom.left.alt .hoverClose {
margin-right: 5px !important; /*added to replace style given at line 74 */
}
#ie8 .c22v1.bottom.left.alt .hoverClose, #ie8 .c22v1.top.left.alt .hoverClose{
margin-right:8px;
}
.ie .clb.c22v1 {
width: 338px;
}
/* Firefox close button fix */
.c22v1 .hoverClose {
margin-right: 6px;
}
#ie8 .c22v1 .hoverClose {
margin-right: 8px;
}
/*c22v1: Style End*/
/*
*************************************************************
c22v2: Corner carat-type styles
*************************************************************
*/
.c22v2 .caratTop, .c22v2 .caratBottom{
position: relative;
background: url("../fw/w/cl/c22/cornerCarat.png") no-repeat scroll 0 0 transparent;
height: 18px;
width: 19px;
/* opacity:0.85; */
}
/* Upper Right Quadrant: Default Position */
.c22v2 .caratBottom {
background-position: 0 -32px;
top: 0;
left: -2px;
}
.c22v2 .caratTop {
display:none;
}
.c22v2 .tooltipcontent.poly{
border-radius: 6px 6px 6px 0;
}
.ie67 .c22v2 .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 6px 0;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .c22v2 .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 6px 0;
position:relative;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
/* Upper Left Quadrant */
.c22v2.left .caratBottom {
display: block;
background-position: -24px -32px;
left: 0;
top: 0;
float:right;
}
.c22v2.left .tooltipcontent.poly{
border-radius: 6px 6px 0 6px;
}
.ie67 .c22v2.left .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 0 6px;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .c22v2.left .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 6px 0 6px;
position:relative;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
/* Lower Left Quadrant */
.c22v2.bottom.left .caratTop {
display: block;
background-position: -24px 6px;
left: 0;
top:3px;
float: right;
}
.c22v2.bottom.left .caratBottom {
display:none;
}
.c22v2.bottom.left .tooltipcontent.poly{
border-radius: 6px 0 6px 6px;
}
.ie67 .c22v2.bottom.left .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 0 6px 6px;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .c22v2.bottom.left .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 6px 0 6px 6px;
position:relative;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
/* IE8 fix only for bottom left quadrant */
#ie8 .c22v2.bottom.left .caratTop{
/* top:23px; removed for carat image fix in IE8 */
}
#ie8 .c22v2.bottom.left.c22v2 {
/*margin-top:-20px; removed for info hover position in IE8 */
}
/* End IE8 fix */
/* Lower Right Quadrant */
.c22v2.bottom .caratTop {
display: block;
background-position: 0 6px;
top: 21px;
left: -2px;
}
.c22v2.bottom .caratBottom {
display:none;
}
.c22v2.bottom .tooltipcontent.poly{
border-color:#444;
background-color: white;
border-radius: 0 6px 6px 6px;
}
.ie67 .c22v2.bottom .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 0 6px 6px 6px;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .c22v2.bottom .tooltipcontent.poly {
border: 5px solid #444;
border-radius: 0 6px 6px 6px;
position:relative;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
.css.editMode {
display: block;
}
/*
*************************************************************
c22v3: Small Infohover-type styles
*************************************************************
*/
.c22v3{
border:1px solid #ccc;
background-color: #ededed;
padding:4px 8px;
line-height: 1.24em;
display:none;
}
.c22v3.poly{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 3px 3px 0px #D9D9D9;
-webkit-box-shadow: 0 3px 3px 0px #D9D9D9;
box-shadow: 0 3px 3px 0px #D9D9D9;
}
.ie67 .c22v3.poly{
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .c22v3.poly{
}
/*
* $Revision: 1.4 $
*
* c24: paragraphs
* - c24v1: paragraphs
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C24v1 - paragraphs
*************************************************************
*/
.c24v1 {
/* to over write the effect of clb mb-pilot merger */
font-size: 11px;
line-height: 1.273;
}
.c24v1 p.small {
color: #666;
font-size:110.3%;
line-height:127.6%;
margin:-3px 0pt 9px;
%margin:-4px 0pt 10px;
}
/* from .tab-content-container p.tab-subheadline */
.c24v1 p, .c24v1 p.regular {
color: #666;
font-size: 120.4%;
line-height: 133.6%;
%font-size: 120%;
%line-height: 134.5%;
margin: -3px 0 14px 0;
%margin: -4px 0 15px 0;
}
/* from .tab-content-container p.tab-headline (TH2) */
.c24v1 p.large {
color: #666;
font-weight: bold;
font-size: 140%;
line-height: 128.8%;
%font-size: 115%;
_font-size: 140%;
%line-height: 1.28em;
margin: -3px 0 11px 0;
%margin: -4px 0 12px 0;
}
/*
.c24v1 p.very-large {
}
*/
.c24v1 hr {
clear:both;
height:1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:medium none;
margin: 14px 0px 18px 0px;
%margin: -5px 0px 11px 0px;
padding: 0px;
}
/*
*
* $Revision: 1.8 $
*
* c28.css: Provides classes for component C28
* - c28: General Support Portlet
* - c28v1: Product Selection
* - c28v2: Task Selector
* - c28v3: Horizontal Links with Feature
* - c28v4: Links
* - c28v5: Icon & Description
* - c28v6: Selector (dropdown)
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
C28: general portlet
*************************************************************
*/
.c28,
.clb .c28 {
border:1px solid #ccc;
margin:0 16px 12px 0;
background-color:#fff;
font-size:11px; /* ck qc111 86%; */
color:#333;
zoom:1;
}
body:first-of-type .c28 { line-height:1.3em; } /* safari */
.c28:after,
.clb .c28:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.c28 h4 {
/* height:21px; ck: b313 */
padding:4px 0 3px; /* ck: b313 6px; */
border-bottom:1px solid #ccc;
background-color:#e9f0fc;
padding-left:10px;
margin-top:0; /* qc111 */
margin-bottom:0; /* qc111 */
font-size: 11px;/*override mlb-pilot css*/
line-height: 1.3em;/*override mlb-pilot css*/
}
.rtl .c28 h4 {
padding-right:10px;
}
.c28 ul, .c28 ol {
list-style:none;
margin:8px 10px 0;
padding-bottom:10px; /* IE likes padding */
padding-left:0; /* qc111 */
}
.c28 p {
line-height:1.2em;
}
/*
*************************************************************
C28v1: Product Selection
*************************************************************
*/
.c28v1,
.clb .c28v1 {
background-color:#e9f0fc;
}
.c28v1 h4 {
font-size:135%;
padding:2px 0 1px 10px; /* ck: b312 */
line-height: .91em; /*override mlb-pilot css*/
}
#ie8 .c28v1 h4 {
line-height: 1.273; /*override mlb-pilot css*/
}
#ie7 .c28v1 h4 {
line-height: 1.273; /*override mlb-pilot css*/
}
.rtl .c28v1 h4 {
padding-right:10px;
}
/*
*************************************************************
C28v1 - A11v1: Product Selection Autosuggest
*************************************************************
*/
.c28v1 .a11v1 {
height:40px;
padding:8px 0 0 10px; /* ck: b312, 8px 0 2px 10px */
%padding-top:6px;
%padding-bottom:3px;
}
body:first-of-type .c28 .a11v1 { padding-bottom:3px; } /* safari */
.c28v1 .a11v1 a {
text-decoration:none;
color:#333 !important;
float:left;
margin-top:3px; /* ck: b312, 4px */
%margin-top:5px; /* ck: b313 */
%margin-left:7px; /* ck: b257 */
}
.c28v1 .a11v1 form {
float:left;
}
.c28v1 .a11v1 #searchstring {
/* font-size:120%;
padding:2px 2px 0;
%margin-right:1px; */
}
body:first-of-type .c28 .a11v1 #searchstring { /* font-size:130%; */ } /* safari */
.c28v1 .a11v1 #pssubmitbutton {
/* top:-2px;
%top:1px; */
}
/* show/hide categories */
.c28v1 .a11v1 a .hide-text,
.c28v1 .a11v1 a .show-text {
display:block; /*ck: b424 */
background:transparent url(../fw/i/sprite-plusminus-sm.gif) 0 -20px no-repeat;
padding-left:14px;
margin-left:4px; /* ck: b312, 2px */
%margin-left:0px; /* ck: b312 */
width:100px;
}
.c28v1 .a11v1 a .show-text {
background-position: 0 2px;
display:none;
width:100px;
}
/*
*************************************************************
C28v1: Product Category Lists
*************************************************************
*/
.c28v1 .as-showoptions {
/* ck: b312 233 height:237px; */
/* ck: ie redline bug %height:236px;*/
overflow:auto;
overflow-x:hidden;
}
.c28v1 .as-showoptions ul {
margin-top:5px; /* ck: b312 */
margin-right:15px; /* ck: b312 */
width:186px; /* ck: b312, 192 */
float:left;
%margin-right:14px; /* ck: b312 */
_margin-left:5px;
_margin-right:17px; /* ck: b312 */
}
.c28v1 .as-showoptions li {
/*line-height:145.2%;*/ /* ck: b312 */
line-height:146.2%; /* override mlb-pilot css*/
margin-bottom:6px; /* ck: b312, 8px */
}
/*
*************************************************************
C28v2: Support Portlet - Task Selector
*************************************************************
*/
.c28v2,
.clb .c28v2 {
background-color:#e9f0fc;
font-size:inherit;
%font-size:120%; /* ck: b313 */
}
.c28v2 h4 {
font-size:120%;
%font-size:100%; /* ck: b313 */
padding:2px 0 1px 10px; /* ck: b313 */
line-height:1.1em;/* override mlb-pilot css*/
}
#ie8 .c28v2 h4 {
line-height: 1.273em; /*override mlb-pilot css*/
}
#ie7 .c28v2 h4 {
line-height: 1.273em; /*override mlb-pilot css*/
}
.rtl .c28v2 h4 {
padding-right:10px;
}
.c28v2 ul {
margin:5px 4px 0px; /* ck: b313 5 4 1 */
}
.c28v2 li {
line-height:1.273em;/* override mlb-pilot css*/
}
.c28v2 a {
height:30px; /* ck: b322 was 30px */
display:block;
padding-left:46px; /* ck: b322 was 50px */
padding-top:13px;
}
.c28v2 li a:link,
.c28v2 li a:visited,
.c28v2 li a:hover { background:transparent url(../fw/i/common_tasks.png) no-repeat 0px 0px; }
.c28v2 .task-troubleshoot a:link,
.c28v2 .task-troubleshoot a:visited {
background-position:0px -86px;
}
.c28v2 .task-troubleshoot a:hover {
/* background-position:-212px 0px; ck: b513 */
background-position:-212px -86px;
}
.c28v2 .task-install a:link,
.c28v2 .task-install a:visited {
/* background-position:0px -43px; ck: b513 */
background-position:0px -129px;
}
.c28v2 .task-install a:hover {
/* background-position:-212px -43px; ck: b513 */
background-position:-212px -129px;
}
.c28v2 .task-maintain a:link,
.c28v2 .task-maintain a:visited {
/* background-position:0px -86px; ck: b513 */
background-position:0px -215px;
}
.c28v2 .task-maintain a:hover {
/* background-position:-212px -86px; ck: b513 */
background-position:-212px -215px;
}
.c28v2 .task-configure a:link,
.c28v2 .task-configure a:visited {
/* background-position:0px -129px; ck: b513 */
background-position:0px -43px;
}
.c28v2 .task-configure a:hover {
/* background-position:-212px -129px; ck: b513 */
background-position:-212px -43px;
}
.c28v2 .task-design a:link,
.c28v2 .task-design a:visited {
background-position:0px -172px; /* ck: b513 Correct */
}
.c28v2 .task-design a:hover {
background-position:-212px -172px; /* ck: b513 Correct */
}
.c28v2 .task-download a:link,
.c28v2 .task-download a:visited {
/* background-position:0px -215px; ck: b513 */
}
.rtl .c28v2 .task-download a {
padding-right:10px;
}
.c28v2 .task-download a:hover {
/* background-position:-212px -215px; ck: b513 */
background-position:-212px 0px;
}
.c28v2 li.task-download { margin-bottom:2px; }
.rtl .c28v2 .task-troubleshoot a,
.rtl .c28v2 .task-install a,
.rtl .c28v2 .task-maintain a,
.rtl .c28v2 .task-configure a,
.rtl .c28v2 .task-configure a,
.rtl .c28v2 .task-design a,
.rtl .c28v2 .task-download a {
padding-right:10px;
}
/*
*************************************************************
C28v3: Horizontal Links with Feature
*************************************************************
*/
.c28v3 h5 {
margin:0 0 4px;
font-size: 11px;/* override mlb-pilot css*/
line-height: 1.3em;/* override mlb-pilot css*/
}
#ie8 .c28v3 h5 {
line-height:1.273em;/* override mlb-pilot css*/
}
.c28v3 li {
line-height: 1.35em;/* override mlb-pilot css*/
}
#ie8 .c28v3 li {
line-height:1.273em;/* override mlb-pilot css*/
}
#ie8 .c28v3 a {
line-height:1.3em;/* override mlb-pilot css*/
}
.c28v3 ul {
margin-top:7px; /* ck: bug fix to make it 151px */
zoom:1;
}
.c28v3 ul:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.c28v3 li {
float:left;
border-right:1px solid #ccc;
margin:4px 4px 0 0;
padding:0 6px 1px 0; /* ck: b324 top 2px */
}
.c28v3 .li-last {
border-right:none;
margin-right:0;
padding-right:0;
}
.c28v3 div {
border-top:1px solid #ccc;
margin:-2px 10px 12px;
/* _margin-bottom:12px; ck: redline bug */
padding-top:8px;
}
.c28v3 p { padding-right:0; } /* ck: b324 2px seems it is built in to the text */
/*
*************************************************************
C28v4: Support Portlet - Links
*************************************************************
*/
.c28v4 li {
margin-bottom:0.36em;
line-height:1.31em;/* override mlb-pilot css*/
}
.c28v4 li img { padding-left:2px; }
/*
*************************************************************
C28v5: Support Portlet - Icon & Description
*************************************************************
*/
.c28v5 p {
margin: 7px 10px 0 58px; /* ck: b326 */
padding-bottom:9px; /* 11 IE likes padding */
_margin-left:56px;
_float:none;
}
.c28v5 img {
float:left;
margin:7px 10px;
}
/*
*************************************************************
C28v6: Support Portlet - Selector (dropdown)
*************************************************************
*/
.c28v6 form { display:none; }
.c28v6 select {
width:142px;
margin:11px 32px 12px 12px; /* ck: b330 bottom 12px */
padding:1px;
font-size:inherit;
%font-size:110%; /* ck: b330 makes box 21px tall */
}
.rtl .c28v6 select {
margin-right:12px;
margin-left:32px;
}
.c28v6 option { font-size:inherit; }
/*
* $Revision: 1.4 $
*
* c32.css: Provides classes for component C32
* - c32v1: Pull Quote
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c32v1: Pull Quote
*************************************************************
*/
.c32v1,
.clb .c32v1 {
background: #eeeef0 url(../fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
border:1px solid #d0d0d0;
float:left;
margin:15px 25px 15px 0;
padding:15px 10px 18px;
position:relative;
width:166px; /* this 166px equals the width of the pull quote to 188px */
/*to over write the effects of clb mb-pilot merger*/
font-size: 11px;
line-height: 1.273;
}
/* Class for right aligning the Pull Quote */
.c32v1-alt1 {
float:right;
}
/* Styles for the Pull quote without quote image */
.c32v1 p{
background: #eeeef0;
%margin-bottom:10px;
}
/* Styles for the text within the Pull Quote and the end quote image */
.c32v1 blockquote{
background: transparent url(../fw/w/cl/c32/endquote.png) no-repeat right bottom;
margin:3px 1px 0;
padding:3px 0 3px;
%padding-top:6px;
position:relative;
color:#666666;
line-height:20px;
/* TODO: why 3 lines all saying 140% !?!? */
font-size:140%; /* text should be 14px as per redlines */
%font-size:140% !important; /* W/o this override the font size defaults to 105% */
_font-size:140% !important;
%margin-bottom:1px;
text-indent:23px;
}
/* This span styles are to avoid overlapping of any lengthy text with the end quote */
.c32v1 span {
display:inline-block;
width:15px;
height:15px;
}
/* Styles for the author name citation; it is 12px as per redlines */
.c32v1 cite {
color:#666666;
/* TODO: why 3 lines all saying 140% !?!? */
font-size:120%;
%font-size:120% !important; /* W/o this override the font size defaults to 105% */
_font-size:120% !important;
font-style:italic;
margin:9px 2px -1px 0; /* bottom padding should be 20px as per redlines ;hence we use -2px for bottom padding here */
text-align:right;
%margin:9px -1px -1px 0;
_margin:9px -1px -1px 0;
display:block;
}
/* Styles to set the background image to achieve the rounded corners for the pull quote */
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr{background: transparent url(../fw/w/cl/c32/rounded_corners.png) no-repeat 0 0;}
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr {
display:block;
height:4px;
width:4px;
position:absolute;
line-height:4px;
%font-size:0 !important; /* w/o this override the rounded corner image breaks for IE6 as the font size defaults to 100% */
}
/* Styles for achieving rounded corners on the top left edge of the pull quote */
.c32v1 .rctl {
top:-1px;
left:-1px;
}
/* Styles for achieving rounded corners on the top right edge of the pull quote */
.c32v1 .rctr {
top:-1px;
right:-1px;
background-position:0 -4px;
}
/* Styles for achieving rounded corners on the bottom right edge of the pull quote */
.c32v1 .rcbr {
bottom:-1px;
%bottom:-2px;
_bottom-2px;
right:-1px;
_right:-1px;
background-position:0 -8px;
}
/* Styles for achieving rounded corners on the bottom left edge of the pull quote */
.c32v1 .rcbl {
bottom:-1px;
%bottom:-2px;
_bottom:-2px;
left:-1px;
_right:0;
background-position:0 -12px;
}
/* override for the p tag used in "pull quote without quotes" use case */
.c32v1 p {
font-size:140%;
_font-size:140% !important;
}
/* TODO: use grids to get rid of this coupling between c32 and other components */
/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an tab component */
.c17v1 .c32v1 {
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an Accordion */
.c19v1 .c32v1 {
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* Styles for IE override to place PQ within an Accordion */
.c19v1 .c32v1 {
_z-index:auto;
_position:static; /* The z-index didnt get effect without the static positioning */
}
.c19v1 .c32v1 blockquote {
_background: transparent url(../fw/w/cl/c32/endquote.png) no-repeat right bottom;
_position:static;
}
/* Styles for achieving the rounded corners in IE */
.c19v1 .c32v1 .rctl,
.c19v1 .c32v1 .rctr,
.c19v1 .c32v1 .rcbl,
.c19v1 .c32v1 .rcbr {
_height:4px;
_width:4px;
_position:relative;
_font-size:0 !important;
}
.c19v1 .c32v1 .rctl {
_top:-190px;
_left:-11px;
_right:190px;
_bottom:203.8px;
}
.c19v1 .c32v1 .rctr {
_top:-194px;
_right:-1px;
_left:173px;
_bottom:203.8px;
}
.c19v1 .c32v1 .rcbr {
_bottom:-19px;
_right:-173px;
}
.c19v1 .c32v1 .rcbl {
_bottom:-23px;
_left:-11px;
}
/*
c36.css: Styles for rss newsreader
$Revision: 1.4 $
(c) 1992-2010 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
..ptl-content .c36 {
padding: 12px; /* temp shim to make for lack of padding in non-workspace skin */
/* this skin will only be used temporarily */
}
.c36 {
background-color:#fbfbfb;
}
.c36v1 {
font-size: 11px; /* override mlb-pilot css*/
line-height: 1.273;/* override mlb-pilot css*/
}
.c36 .deferredLoad{
background:url(../fw/i/spinner.gif) no-repeat center;
height:50px;
}
.c36 .error{
height:50px;
padding:20px;
text-align:center;
vertical-align:middle;
}
.c36 .settingsLinkHolder {
height: 10px;
text-align:right;
margin: 0 0 0 10px;
padding: 0 0 11px 0;
}
.c36 .settingsLinkHolder a {
height: 10px;
text-align:right;
margin: 0 11px 0 11px;
font-size: 106%;
}
/* in 50% 2-column mode, use images so need to override margins set above */
#c36v1 .multicol a.settingsLink {
margin: 0;
}
#c36v1 .multicol a.notificationLink {
margin: 0 0 0 6px;
}
.c36 .scrollableWrapper {
padding: 0 24px 0 24px;
border: 1px solid #ccc;
background-color:#fff;
}
/* root element for scrollable */
.c36 .vertical {
background-color:#fff;
/* required settings */
position: relative;
overflow: hidden;
/* vertical scrollers have typically larger height than width */
height: 288px;
}
/* root element for scrollable items */
.c36 .items {
position: absolute;
/* this time we have very large space for height */
height: 20000em;
margin: 0px;
}
/* single scrollable item */
.c36 .feed-item {
height: 58px;
float: center;
}
.c36 .items .title {
font-size: 123%;
height:16px;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
}
.c36 .items .title a{
float:left;
line-height:16px;
text-overflow:ellipsis;
*overflow:hidden; /* for IE ellipsis, these tags should be on the text field */
*width:800px; /* FF ellipsis solution is on enclosing div & ellisis span */
}
.c36 .items .title span.ellipsis {
float: right; /* shall drop when the link is too long */
position:relative; /* move after page flow is done */
margin-top:-32px; /* adjust */
z-index:1; /* higher layer */
background: white; /* overpaint */
width: 6%;
*display:none; /* hide ellipsis span from IE browsers; */
}
.c36 .items .published {
font-weight:bold;
font-size: 106%;
}
.c36 .items .channel {
font-size: 106%;
}
.c36 .prev {
background:url(../fw/w/cl/c36/upOn.png) no-repeat center;
height: 21px;
width: inherit; /* other less specific css was affecting width! */
cursor:pointer;
}
.c36 .inactive {
float:right;
height: 15px;
width: 15px;
margin: 6px 6px;
background:url(../fw/w/cl/c36/playpause_icons.png) no-repeat -15px -15px;
}
.c36 .playPause{
float:right;
height: 15px;
width: 15px;
margin: 6px 6px;
background:url(../fw/w/cl/c36/playpause_icons.png) no-repeat -15px 0px;
}
.c36 .playPause:hover{
background-position: 0px 0px;
}
.c36 .pausePlay {
background:url(../fw/w/cl/c36/playpause_icons.png) no-repeat -15px -15px;
float:right;
height: 15px;
width: 15px;
margin: 6px 6px;
}
.c36 .pausePlay:hover{
background-position: 0px -15px;
}
.c36 .next {
background:url(../fw/w/cl/c36/downOn.png) no-repeat center;
height: 22px;
width: inherit; /* other less specific css was affecting width! */
cursor:pointer;
}
.c36 .prevDis {
background:url(../fw/w/cl/c36/upOff.png) no-repeat center;
height: 22px;
}
.c36 .nextDis {
background:url(../fw/w/cl/c36/downOff.png) no-repeat center;
height: 21px;
}
/* tooltip styling */
.c36v1tooltip {
background:url(../fw/w/cl/c36/hoverBack.png) no-repeat center;
width:469px;
height: 249px;
display:none;
color:#000000;
padding-top: 8px;
}
.c36v1tooltip div.tooltipHolder {
width:445px;
height: auto;
padding: 12px 12px 12px 12px;
overflow: hidden;
position:relative;
line-height: 14px; /*line heights of summary and title must match to prevent clipping */
}
.c36v1tooltip .titleHover {
font-size: 120%;
margin-bottom: -10px;
*margin-bottom: 0;
}
.c36v1tooltip img { /* make any images in the feed summary teeny */
height:1px;
width: 1px;
}
.c36v1tooltip .published {
font-weight:bold;
}
.c36v1tooltip .summary {
font-weight:bold;
}
.c36v1tooltip .summaryText {
height: auto;
_height: 97px;
max-height: 97px;
overflow: hidden;
}
.c36v1tooltip .more {
float:left;
margin-top:2px;
}
/* form styling */
.c36 .formBorder{
border: 1px solid #ccc;
}
.c36 .formGroup{
margin: 20px 0 10px 0;
background-color:#fff;
}
.c36 .greyGroup{
background-color:#f6f6f6; /* specs indicate a darker color for this area */
}
.c36 .settingsContainer {
padding-bottom:16px;
font-size: 108%;
}
.c36 .settingsContainer h3{
padding: 10px 0 16px 10px;
}
.c36 .formGroup ul{
padding-bottom: 6px;
padding-bottom: 12px;
}
.c36 .formGroup li, .settingsContainer li{
list-style: none;
padding: 4px;
}
.c36 .formGroup label{
margin-right: 16px;
}
.c36 .formGroup .urlEntry{
vertical-align: middle;
width:760px;
font-style:italic;
}
.c36 .formGroup h3{
margin-left: 10px;
margin-top: -14px;
*margin-top: 0; /* IE6 will not render over the child div, move text down */
*width: 300px;
padding: 0 0;
color:#2F6681;
display: inline-block; /* Not supported in IE6 */
}
.c36 .sectionHeaderBackground { /*hides the border to allow the h3 to render with "split line" look */
background:#ffffff;
margin-top: -8px;
margin-left: -4px;
margin-right: -4px;
color: #ffffff;
*display: none;
}
.c36 .greyHeader { /* again, we want the third section grey for some reason */
background:#f6f6f6;
color:#f6f6f6;
}
.c36 .formGroup input{
vertical-align:text-bottom;
padding: 4px;
}
.c36 .formGroup .formTable {
width: 864px;
overflow-x:auto;
_overflow:scroll;
*overflow-y:hidden;
_overflow-y:visible; /* this combination of tags is needed for correct scroll behavior across all IE */
margin-left:16px;
padding-left:2px; /* table border will get clipped otherwise */
}
.c36 .formGroup table {
border: 1px solid #ccc;
margin: 8px 8px 16px 0px;
width: 852px;
}
.c36 .formGroup td {
border: 1px solid #ccc;
padding: 4px;
white-space: nowrap;
}
.c36 .formGroup th {
border: 1px solid #ccc;
padding: 4px;
text-align: left;
}
.c36 .checkboxCol {
width: 20px;
}
.c36 .formErrorMsg{
color: #ff0019;
padding-left: 20px;
background:url(../fw/w/cl/c36/icon_warning.gif) no-repeat left;
}
.c36 .formGroup button, .settingsContainer button {
width: auto;
min-width: 60px;
height: 20px;
margin-right:14px;
float:right;
padding-top: 0; /*positions button text vertically centered within button */
}
.c36 .formGroup label{
margin-right: 6px;
}
.c36 .modalContainer {
background-color:#fff;
border: 1px solid #ccc;
padding: 4px;
z-index:1;
position:relative;
width: 400px;
top: -400px;
right: -200px;
}
.c36v1tooltip .multicol {
background:url(../fw/w/cl/c36/hoverBack-366px.png) no-repeat center;
width:366px;
height: 256px;
display:none;
color:#000000;
padding-top: 8px;
}
.c36v1tooltip .multicol div.tooltipHolder{
padding:21px 12px 12px;
}
.c36v1tooltip .multicol .titleHover{
margin-bottom:1px;
}
.c36v1tooltip .multicol .more {
margin-top:5px;
}
.c36v1tooltip .multicol .summaryText {
height: auto;
_height: 97px;
max-height: 97px;
overflow: hidden;
}
/*
* $Revision: 1.5 $
*
* c37: Smart 404 Component
* - c37v1: Smart 404 Component
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c37v1 - smart 404 results formatting
*************************************************************
*/
/*
*************************************************************
c37 - Shared Formatting for Regular and Smart 404
*************************************************************
*/
.c37v1{
/*dummy css add*/
}
.c37 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444;
text-align: left;
line-height: 1.273;
}
.c37 #warning404 {
display: none;/* TEST : new UI spec -- hiding the warning404 on page load*/
width: 700px;
min-height: 95px;
border: solid 1px #cccccc;
line-height: 14px;
padding: 0 0 0 0;
}
.c37 #resultBody {
width: 700px;
}
.c37 #smart404Contents {
float:left;
width: 700px;
margin-top: 10px;
}
.c37 .smart404Spacer {
height: 23px;
}
.c37 #alertImg {
background: #fff url('../fw/i/icon_404.gif') no-repeat left top;
height: 60px;
width: 55px;
margin: 20px 0 20px 25px;
float:left;
}
.c37 #warning404 .errorHeader {
font: bold 14px Arial;
margin: 17px 0 5px 0;
}
.c37 .errorTitle {
margin-bottom: 5px;
word-wrap: break-word;
}
.c37 #warning404 .errorURL {
color: #525252;
word-wrap: break-word;
margin-bottom: 5px;
}
.c37 .resultHeader {
font: bold 14px Arial;
margin: 25px 0 0 0;
}
.c37 .resultTitle {
color: #2970A6;
margin-bottom: 2px;
}
.c37 .resultTitle a, .c37 .resultTitle a:visited {
font-weight: bold;
text-decoration: none;
color: #2970A6;
}
.c37 .resultTitle a:hover {
font-weight: bold;
text-decoration: underline;
}
.c37 .resultDesc {
margin-bottom: 2px;
}
.c37 .subHeader {
font: bold 14px Arial;
margin-bottom: 20px;
}
.c37 .resultURL {
color: #666;
margin-bottom: 16px;
}
.c37 #staticResults {
width:220px;
float:left;
}
.c37 #helpfulResults {
width: 220px;
float:left;
padding-left:10px;
}
.c37 .viewAll a, .c37 .viewAll a:visited {
text-decoration: none;
font-weight: bold;
color: #2970A6;
}
.c37 .viewAll a:hover {
text-decoration:underline;
}
.c37 .solidRule {
height: 1px;
width: 700px;
margin: 32px 0 20px 0;
border-top: 1px solid #ccc;
}
.c37 .tryLink p {
margin-bottom: 10px;
}
.c37 .tryLink p.last {
margin: 0 0 0 0;
}
.c37 .tryLink a, .c37 .tryLink a:visited {
font-weight: normal;
text-decoration: none;
color: #2970A6;
}
.c37 .tryLink a:hover {
font-weight: normal;
text-decoration: underline;
}
.c37 .lookingHeader {
font: bold 14px Arial;
margin-bottom: 20px;
}
.c37 .lookingLink p {
margin-bottom: 8px;
}
.c37 .otherHeader {
font: bold 14px Arial;
margin: 27px 0 15px 0;
}
.c37 .otherLink p {
margin-bottom: 10px;
}
#warning404 .cl-top-corners {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 0 0 no-repeat;
height: 4px;
width: 100%;
position: relative;
top: -6px;
left: -12px;
font-size: 0;
}
#warning404 .cl-top-corners span {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 100% -4px no-repeat;
height: 4px;
width: 100%;
position: absolute;
top: 0;
right: -24px;
}
#warning404 .cl-bottom-corners {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 0 4px repeat-y;
height: 4px;
width: 100%;
font-size: 0;
position: relative;
bottom: -12px;
left: -12px;
}
#warning404 .cl-bottom-corners span {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 100% -8px no-repeat;
height: 4px;
width: 100%;
bottom: 0;
position: relative;
right: -24px;
}
/* c40.css
$Revision: 1.11 $
(c) 1992-2008 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.c40 h4 {
font-size:119.1%;
padding:4px 10px 4px 12px;
position:relative;
line-height:1.273;
margin:0; /*mlb override */
%zoom:1; /* ck: top border disappeared, can be removed now that c40v1 has been refactored? */
}
.c40 h4 span{
background-color:#8db71f;
color:#fff;
}
.c40 .thumb {
float:left;
margin:9px 14px 12px 16px; /* margin:9px 31px 12px 35px; /* ck: new margin to compensate for new size 0 9px 4px 13px; */
%margin-bottom:13px; /*Offshore added for QC 751 ck: was 5px */
/* border:1px solid #a0a0a0; ck: removed per CP request */
/* ck: reinstated due to image size change */
width:48px; /* ck: was 95 */
height:48px; /* ck: was 65 */
}
.c40 p {
clear:both;
margin-left:12px;
font-size:100.9%;
padding-right:5px;
padding-bottom:9px;
height:52px;
overflow:hidden;
min-height:40px;/* ck: added for redlines to establish 166px height. Adding here for corners */
_height: 40px; /* ck: ie6 ignores line above */
_line-height: 1.1; /* dg: ie6 height calculation wrong when text box exceeds enclosing div? */
line-height:1.273;
}
/* ck: add space btw button and notify text. Notify needs to top align when no button */
.c40 .a00 {
/* ck: otherwise, FF wraps dropdown button */
float:left;
max-width:160px;
margin:0; /* ck: overrides default 8px margin for a00v1 */
}
.c40 .a00v1 {
margin-bottom:5px;
_margin-left:3px;
}
.c40 .a00v3{
%margin-bottom:5px; /* Offshore QC752 */
}
.c40 .notifylist {
display:block; /* ck: undoes a00v3 ul setting for dropdown */
left:-3px; /* 10px; */
%left:-1px;
position:relative;
margin:0; /* ck: override new .clb default ul */
width:160px; /* ck: 100% */
_width:150px; /* ck: to compensate for IE6 expression */
z-index:0; /* ck: place behind dropdown */
float:left;
%float:none;
}
.c40 .notifylist li {
background:transparent url(../fw/i/icon-check2.gif) no-repeat scroll 0 2px;
float:none; /* ck: offset portlet list li */
text-indent:12px;
font-size:11px;
line-height:1.273;
padding:0;
margin:0 0 4px 2px;
%margin:0 0 4px 0;
}
.c40 .notifylist .notify-msg {
background:none;
color:#666;
text-indent:0px;
}
.c40 .cl-top-corners,
.c40 .cl-top-corners span,
.c40 .cl-bottom-corners,
.c40 .cl-bottom-corners span{
background:transparent url(../fw/i/sprite_corners_4px.png) no-repeat scroll 0 -16px;
display:block;
font-size:0;
height:4px;
position:relative;
width:100%;
}
.c40 .cl-top-corners{
left:-1px;
top:-1px;
}
.c40 .cl-top-corners span{
background-position:100% -20px;
position:absolute;
right:-2px;
top:0;
}
.c40 .cl-bottom-corners{
position:absolute;
background-position:0 -28px;
bottom:0;
left:0;
}
.c40 .cl-bottom-corners span{
background-position:100% -24px;
bottom:0;
right:0;
_right:-2px;
}
/** c40v1 Specific Code */
.c40v1{
background-color:#f6f6f6;
border:1px solid #e1e1e1 ;
width:241px; /** Old value 292 */
color:#666;
min-height:164px; /* ck: added for redlines */
height:175px; /* _height: 164px; */
}
.c40v1 h4 span {
font-size:60%;
font-weight:normal;
margin-left:9px;
/* ck: margin-top:2px;
%margin-top:0; */
%display:inline-block;
vertical-algin:middle;
padding:1px 3px 0 2px; /* ck: padding-top was 2px */
%padding-top:2px;
%padding-left:3px;
}
/** c40v2 Specific Code */
.c40v2{
/*background:#EEF8D5 url(../../../../web/fw/i/catalog_bg_green_gradient.gif) repeat-x scroll top left;*/
background-color:#EEF8D5;
border:1px solid #e1e1e1 ;
width:241px; /* old value : 292 */
color:#666;
min-height:164px; /* ck: added for redlines */
height:175px; /* _height: 164px; */
}
.c40v2 h4 div.title{
width:151px;
}
.c40v2 h4 span.featured{
position:absolute;
right:12px;
top:-4px;
padding:3px 3px 3px 6px;
background:transparent url(../fw/i/catalog_btn_new.gif) repeat scroll left top;
font:bold 12px arial;
text-align:center;
}
.c40v2 h4 span.featured-right{
position:absolute;
background:transparent url(../fw/i/catalog_btn_new_rc.gif) no-repeat scroll right top;
width:2px;
height:22px;
top:-4px;
right:10px;
}
.c40 a.a00v1 {
cursor:pointer !important;
}
.c40 .a00v3{
cursor:pointer;
}
/*
* $Revision: 1.3 $
*
* c56.css: Provides classes for component c56
* - c56v1: sub-container with two columns, one column is guaranteed grid width
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
c56 - Family Base
*************************************************************
*/
.c56,
.clb .c56 {
/*[temp placemarker] these need to be defined*/
}
/*
*************************************************************
c56v1 - Sub Container with two columns, one column is guaranteed grid width
* can be used within any other component with adequate width (at least 460px)
*************************************************************
* Assumptions:
* Only two cols in this variation.
* Only one col will ever have a "real grid width". In this one col width compatibility with grid standards is guaranteed.
*
* Supported col widths (based on grid codes):
* 8 - 220
* 4- 460
* none - only use right-left indicator
*
* Use left|right CL codes to set width on ONE column which will contain the component or
* snippet which needs standard grid width
* left - 1
* right - 2
*
* Second grid col will adjust automatically for remaining width using margin. remaining width is not guaranteed to be a valid grid width
* Simpler wrap version can be used to float one standard grid-width component and wrap second col.
* Use "nowrap" at same level as variation class (c56v1) for switch to hard second col.
*
* Example Useage (no width, float right within c17 tabset):
*
*
*/
/* unconstrained column widths to be used for float and margins only */
.c56v1 .col-1, .rtl .c56v1 .col-2 {
float:left;
margin: 0 12px 0 0;
}
.c56v1 .col-2, .rtl .c56v1 .col-1 {
float:right;
margin: 0 0 0 12px;
}
/* begin grid code 8- 220px for mbw grids */
.c56v1 .col8-1, .rtl .c56v1 .col8-2 {
float:left;
width:220px;
margin: 0 12px 0 0;
}
.c56v1 .col8-2, .rtl .c56v1 .col8-1 {
float:right;
width:220px;
margin: 0 0 0 12px;
}
/* remaining column styling use margin equal to grid-width col*/
.c56v1.nowrap .col8-1 + div, .rtl .c56v1.nowrap .col8-2 + div {
margin-left:232px;
margin-right:0;
}
.c56v1.nowrap .col8-2 + div, .rtl .c56v1.nowrap .col8-1 + div {
margin-right:232px;
margin-left:0;
}
/* begin grid code 4- 460px for mbw grids */
.c56v1 .col4-1, .rtl .c56v1 .col4-2 {
float:left;
width:460px;
margin: 0 12px 0 0;
}
.c56v1 .col4-2, .rtl .c56v1 .col4-1 {
float:right;
width:460px;
margin: 0 0 0 12px;
}
/* remaining column styling use margin equal to grid-width col*/
.c56v1.nowrap .col4-1 + div, .rtl .c56v1.nowrap .col4-2 + div {
margin-left:472px;
margin-right:0;
}
.c56v1.nowrap .col4-2 + div, .rtl .c56v1.nowrap .col4-1 + div {
margin-right:472px;
margin-left:0;
}
/* id01v1.css: HTML buttons
* $Revision: 1.4 $
* (c) 1992-2010 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
id01 - General Button
*************************************************************
*/
.id01, .clb .id01 {
position:relative;
float:left;
overflow:visible;
margin-left:11px;
z-index: 15; /* portlet titlebars are 2; tabs are 10 */
}
.id01v1 .a00 { float: left; }
/*
*************************************************************
id01v1 - Gray/Default button
*************************************************************
*/
#ie7 #id01v1 a#a00v1 {
padding-top: 6px !important;
}
#ie7 #id01v1 a#a00v1 .tl {
margin-top: -6px;
}
#ie6 #id01v1 a#a00v1 .br {
height: 4px;
}
/* a00v3 a00-drop overrides */
#id01v1 ul {
max-width: 250px;
min-width: 170px;
color:#2970a6;
font-size: 11px;
font-weight: bold;
}
#ie7 #id01v1 ul {
top: 24px;
}
#ie6 #id01v1 ul {
top: 27px;
margin-left: -3px;
}
#id01v1 ul li {
padding:5px 10px;
cursor:pointer;
white-space:nowrap;
}
#id01v1 .lihover {
background-color:#ccc;
}
#id01v1 ul img{
vertical-align:middle;
margin-right:3px;
display:inline;
}
#id01v1 ul a {
display:inline;
}
#id01v1 ul .id01v1-dd-label {
display: inline;
white-space:nowrap;
}
.id04 {
font-size: 12px;
}
.id04v1{
border:1px #ccc solid;
color:#333;
zoom: 1;
overflow:hidden;
}
.id04v1 h4{
border-bottom :1px solid #ccc;
color:#666;
font-size:12px;
font-weight:bold;
background-color:#f2f2f2;
margin-top:0;
padding:5px 0 2px 10px;
}
.id04v1 ul{
float:left;
width:223px;
margin:9px 10px 4px 13px;
word-wrap:break-word;
}
#ie6 .id04v1 ul, .ie .id04v1 ul{
width:220px;
margin:9px 10px 4px 12px;
}
.id04 ul li{
list-style-type: none;
font-size: 11px;
color:#333333;
padding-bottom:4px;
}
.id04v1 .moreModels, .id04v1 .errMsg{
font-size:11px;
padding:12px 0 0 14px;
}
.id04v1 .errMsg{
padding-bottom:20px;
}
.id04v1 #ajaxloading
{
display:block;
width:40px;
margin-left:50%;
text-align:center;
}
/*
* $Revision: 1.4 $
*
* id12.css: Provides classes for component id12
* - id12v1: New Flag component*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
A - New Flag
*************************************************************
*/
.id12.new-flag {
background-color: #5C9F17;
color: #fff;
text-align: center;
width: 34px;
height: 14px;
display: inline-block;
font-size: 10px;
margin: 0px 0 0 2px;
line-height: 12px;
position: relative;
top: -2px;
}
.id12.new-flag.poly {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#ie7 .id12.new-flag{
top: -4px;
padding-top: 3px;
height: 11px;
}
#ie8 .id12.new-flag{
top: -3px;
padding-top: 0px;
height: 14px;
}
.ie67 .id12.new-flag.poly {
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#ie8 .id12.new-flag.poly {
}
/**
* id35.css
* $Revision: 1.6 $
*
* id35.css -- Contacts Page Redesign module
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
.id35 {
font-size: 12px;
padding-left: 11px;
}
.id35 h2, .id35 h3, .id35 h4 {
color: #444;
font-weight: bold;
font-size: 14px;
}
.id35 h2 {
font-weight: normal;
margin-top: 4px;
}
.id35 .contactus {
position: relative;
border: 1px solid #ccc;
border-radius: 6px;
margin: 15px 0px 30px 0px;
padding: 5px 0px 4px 0px;
width: 940px;
background-color: #fff;
}
.id35 .contactus .contact-col {
width: 219px;
padding: 0px 0px 7px 15px;
border-right: 1px solid #ccc;
float: left;
}
.id35 .contactus fieldset.noborder, .id35 .contactus #level4 {
border: none;
}
/*************************************
active/inactive status bullets start
**************************************/
.id35 .contactus legend {
float: left;
margin: 7px 0 12px 0px;
}
.id35 .contactus legend span {
background: url('../fw/w/cl/id35/levels-sprite.png') no-repeat;
width: 172px;
height: 17px;
padding: 6px 0 4px 41px;
color: #444;
font-weight: bold;
font-size: 14px;
display: inline-block;
line-height: 1em;
}
.id35v1 #level1 legend span.active-bullet {
background-position: 0 0;
}
.id35v1 #level2 legend span.active-bullet {
background-position: 0 -54px;
}
.id35v1 #level3 legend span.active-bullet {
background-position: 0 -108px;
}
.id35v1 #level4 legend span.active-bullet {
background-position: 0 -162px;
}
.id35v1 #level1 legend span.inactive-bullet {
background-position: 0 -27px;
}
.id35v1 #level2 legend span.inactive-bullet {
background-position: 0 -81px;
}
.id35v1 #level3 legend span.inactive-bullet {
background-position: 0 -135px;
}
.id35v1 #level4 legend span.inactive-bullet {
background-position: 0 -189px;
}
/*************************************
active/inactive status bullets end
**************************************/
.id35 .contactus h4.group-title {
font-size: 12px;
margin-top: 11px;
margin-bottom: 1px;
}
.id35 .contactus h4.row0 {
float: left;
width: 100%;
margin-top: -1px;
}
.id35 .contactus fieldset input {
float: left;
padding: 0;
margin: 2px 0 4px 0;
}
.id35 .contactus fieldset label {
width: 180px;
display: inline-block;
line-height: 1.19em;
margin: 2px 0px 2px 15px;
word-wrap: break-word;
}
.id35 .contactus fieldset br {
clear: both;
}
.id35 .contactus .more-info {
position: absolute;
line-height: 1.2em;
background: url('../fw/w/cl/id35/arrow.png') no-repeat 15px center; /* Added for Phase 2 */
top: 50%;
color: #525252;
padding: 0 0 2px 41px;/* Added for Phase 2 */
width: 178px;
margin: -15px 0 0 0px;/* Added for Phase2 */
min-height: 28px;
word-wrap: break-word;
}
.id35 .contactus .step1-info {
left: 25%;
}
.id35 .contactus .step2-info {
left: 50%;
}
.id35 .contactus .step3-info {
left: 75%;
}
.id35v1 #contact-info {
width: 100%;
}
.id35v1 #contact-info h3 {
font-size: 16px;
margin: 3px 0 -1px 0;
}
.id35v1 #contact-info h4 {
margin-top: 12px;
margin-bottom: -1px;
}
.id35v1 #contact-info p {
color: #444;
padding-bottom: 1px;
line-height: 1.6em;
}
.id35v1 #contact-info .bld {
font-weight: bold;
}
.id35 #sel-info {
margin-bottom: 1px;
}
.id35 #sel-info h3 {
font-size: 14px;
font-weight: normal;
}
.id35 #select-info {/* Added for Phase 2 */
margin-bottom: 19px;
margin-top: 10px;
}
.id35 #select-info form {
display: inline-block;
}
.id35 #select-info h3 {/* Added for Phase 2 */
font-size: 14px;
font-weight: normal;
}
.id35 select.sel-location {
background: #EFEFEF;
border: 1px solid #ccc;
border-radius: 4px 4px 4px 4px;
color: #444444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px;
font-weight: normal;
/*margin-left: 6px;*/
margin-left: 2px; /* modified for Phase 2 */
min-width: 180px; /* Added for Phase 2 */
}
.id35 select#contactRegion {
margin-right: 30px;
}
.id35 .address-info {
margin-top: 10px;
/*margin-bottom: 23px;*/
}
.id35 .address-info p {
margin-top: 9px;
}
/*------------------- location map styles start -------------- */
.id35 .location-map {
font-size: 11px;
/*margin-top: 13px;*/
}
.id35 .location-map h2 {
font-weight: bold;
}
.id35 .location-map img {
float: left;
margin-right: 8px;
}
.id35 .location-map .iframe-map {
width: 690px;
height: 300px;
}
.id35 .location-map .expanded-spacing{
margin-bottom:14px;
}
/*------------------- location map styles end here-------------- */
/*------------------- RTL styles start-------------- */
.rtl .id35 {
width: 942px;
}
.rtl .id35 .contactus .contact-col {
border-right: 0px;
border-left: 1px solid #ccc;
padding: 0px 14px 7px 1px;
}
.rtl .id35 .contactus fieldset.noborder {
border: none;
}
.rtl .id35 .contactus legend {
margin-right: 1px;
}
.rtl .id35 .contactus legend span {
padding: 6px 41px 1px 0;
height: 20px;
}
.rtl .id35v1 #level1 legend span.active-bullet {
background-position: right 0;
}
.rtl .id35v1 #level2 legend span.active-bullet {
background-position: right -54px;
}
.rtl .id35v1 #level3 legend span.active-bullet {
background-position: right -108px;
}
.rtl .id35v1 #level4 legend span.active-bullet {
background-position: right -162px;
}
.rtl .id35v1 #level1 legend span.inactive-bullet {
background-position: right -27px;
}
.rtl .id35v1 #level2 legend span.inactive-bullet {
background-position: right -81px;
}
.rtl .id35v1 #level3 legend span.inactive-bullet {
background-position: right -135px;
}
.rtl .id35v1 #level4 legend span.inactive-bullet {
background-position: right -189px;
}
.rtl .id35 .contactus .contact-col, .rtl .id35 .contactus legend, .rtl .id35 .contactus input {
float: right;
}
.rtl .id35 h2, .rtl .id35 h3, .rtl .id35 h4, .rtl .id35 .contactus legend span, .rtl .id35 .contactus label, .rtl .id35 .contactus h4.group-title, .rtl .id35 .more-info {
direction: rtl;
}
.rtl .id35 .contactus label {
text-align: right;
margin-left: 0px;
margin-right: 16px;
}
.rtl .id35 .contactus .more-info {
/*background-position: 205px bottom;*/
background-position: right center;/* Added for Phase 2 */
/*padding: 0 45px 2px 0;*/
padding: 0 26px 2px 0;/* Added for Phase 2 */
/*margin: -15px 10px 0 0;*/
margin: -15px 0px 0 16px;/* Added for Phase 2 */
}
.rtl .id35 .contactus .step1-info {
left: 50%;
}
.rtl .id35 .contactus .step2-info {
left: 25%;
}
.rtl .id35 .contactus .step3-info {
left: 0;
}
.rtl .id35 select.sel-location {
margin-right: 5px;
}
.rtl .id35 select#contactRegion {
margin-left: 30px;
margin-right: 7px;
}
.rtl .id35 .location-map img {
float: right;
margin-left: 8px;
margin-right: 0px;
}
/*------------------- RTL styles end -------------- */
/*------------------ IE specific styles ---------------------*/
#ie7 .id35 .contactus {
margin-bottom: 17px;
padding-bottom: 3px;
}
#gte-ie9 .id35 .contactus {
margin-top: 14px;
}
/*-- for legend issue in ie7 and ie8 --*/
#ie7 .contactus legend {
margin-top: -26px;
margin-left: -6px;
margin-bottom: 11px;
}
#ie7 .contactus legend span {
margin-top: 30px;
}
#ie8 .contactus legend {
margin-top: -32px;
}
#ie8 .contactus legend span {
margin-top: 39px;
}
#gte-ie9 .contactus legend span {
padding-top: 7px;
padding-bottom: 3px;
}
#ie7 .id35 .contactus h4.group-title {
margin-top: 7px;
margin-bottom: 4px;
}
#gte-ie9 .id35 .contactus h4.group-title {
margin-top: 10px;
margin-bottom: 2px;
}
#gte-ie9 .id35 .contactus h4.row0 {
margin-top: -1px;
}
#ie7 .id35 .contactus h4.row0 {
margin-top: -2px;
}
#ie7 .id35 .location-map {
margin-top: 3px;
}
#ie7 .id35 .contactus input {
margin: -2px 0px 0px -4px;
}
#ie7 .id35 .contactus label {
margin: 0px 0px 4px 12px;
}
#ie7 .id35 #select-info label, #ie7 .id35 #select-info select {
float: left;
}
#ie7 .id35 #select-info select {
margin-left: 7px;
}
#gte-ie9 .id35 .contactus label {
margin-left: 16px;
}
#ie7 .id35 #select-info {/* Added for Phase 2 */
margin-bottom: 23px;
}
#ie8 .id35 .location-map {
margin-top: 14px;
}
/*-- for legend issue in ie7 and ie8 end here --*/
/*------------------- RTL styles start -------------- */
.rtl #ie7 .id35 .contactus .contact-col {
padding: 0px 11px 5px 0px;
}
.rtl #ie7 .id35 .contactus label {
margin-right: 12px;
margin-left: 0px;
}
.rtl #ie7 .id35 .contactus input {
margin-left: 0px;
}
.rtl #gte-ie9 .id35 .contactus label {
margin-left: 0px;
}
.rtl #gte-ie9 .contactus legend span {
padding-top: 7px;
padding-bottom: 0px;
}
.rtl #ie7 .id35 #select-info label, .rtl #ie7 .id35 #select-info select {
float: right;
}
.rtl #ie7 .id35 select#contactRegion {
margin-left: 30px;
}
.rtl #ie7 .id35 .contactus .step1-info {
margin-left: 20px;
}
.rtl #ie7 .id35 .contactus .step2-info {
margin-left: 24px;
}
.rtl #ie7 .id35 .contactus .step3-info {
margin-left: 28px;
}
/*------------------- RTL styles end -------------- */
/*------------------ IE specific styles end---------------------*/
/*
* $Revision: 1.4 $
*
* n03.css: Provides classes for component N03
* - n03v6: Product List
* - n03v8: Related Solutions ('Part of These SMB Solutions')
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
N03v6 - Product List
*************************************************************
*/
/* from .tab-content-container .section-list */
.n03v6,
.clb .n03v6 {
margin-bottom: 6px;
%margin-bottom: -4px;
clear: both;
%height: 1%;
width: 100%;
line-height: 1.273;
}
/* from .tab-content-container .section-list:after */
.n03v6:after,
.clb .n03v6:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container .section-list h3 */
.n03v6 h3 {
margin-bottom: 0;
padding-bottom: 11px;
color: #666;
/*font-size: 127.6%;*/
font-size: 14px;/* corretion for port 3015*/
line-height: 128.8%;
/*line-height: 125.8%; correction for port 3015*/
%font-size: 127%;
%line-height: 1.28em;
}
/* from .tab-content-container .prodlist */
.n03v6 ul {
margin:0 0 0 -5px;
padding: 0 0 3px 0;
}
.n03v6 ul li {
line-height: 1.273;
width: 100%;
list-style-type:none;
margin: 0 0 10px;
padding: 0 0 0 3px;
clear: left;
}
/* from .tab-content-container .prodlist .prodimg */
.n03v6 img {
padding: 0 15px 12px 0;
margin: 0;
}
/* from .tab-content-container .prodlist .prodtext */
.n03v6 ul div {
line-height: 1.273;
margin:-50px 0 0 115px;
font-size: 11px; /*correction for port 3015*/
}
.n03v6 ul div.narrow {
float:left;
%height: 1%;
width: 260px;
margin: 0;
padding: 0;
}
.n03v6 a:link,
.n03v6 a:hover,
.n03v6 a:visited,
.n03v6 a:active {
display: block;
margin: -3px 0 7px 0;
padding: 0;
/*font-size: 109.6% !important;*/
font-size: 12px; /*correction for port 3015*/
font-weight: bold;
line-height: 123%;
/*line-height: 117%; correction for port 3015*/
color:#2F6681;
}
/*
*************************************************************
N03v8 - Related Solutions ('Part of These SMB Solutions')
*************************************************************
*/
/* from .tab-content-container .section */
.n03v8,
.clb .n03v8 {
margin-bottom: 6px;
clear: both;
%height: 1%;
font-size:x-small; /* TODO: fix this! */
}
/* from .tab-content-container .section:after */
.n03v8:after,
.clb .n03v8:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* from .tab-content-container h3 */
.n03v8 h3 {
color: #666;
font-size: 140.3%;
%font-size: 130%;
_font-size: 140%;
%line-height: 1.28em;
line-height: 128.8%;
margin: -4px 0 8px 0;
%margin-top:0;
}
/* from .minispotlist */
.n03v8 ul {
display: inline;
width:205px;
margin: 0 25px 0 -15px;
%margin: 0 25px 0 0;
padding: 3px 0 0 0;
}
/* from .minispot */
.n03v8 ul li {
list-style-type:none;
margin: 0 0 8px 0;
_margin-bottom:0;
padding: 0 0 0 3px;
%padding: 0 0 9px 3px;
float:left;
width:211px;
%width:220px;
%font-size:80%;
}
.n03v8 ul div {
float: left;
width: 170px;
}
/* from .minispot img */
.n03v8 img {
float:left;
padding-right:7px;
%margin-top:1px;
}
/* from .minispot .minispottext */
.n03v8 p {
float:left;
width:170px;
margin-top: 0;
padding: 2px 0 0 0;
/*font-size:100.3% !important;*/
font-size: 101.3% !important;/*correction to port 3015 */
line-height: 126%; /*correction to port 3015 */
%font-size:125% !important;
}
#ie8 .n03v8 p {
line-height:1.273;
font-size:100.3% !important;
}
.n03v8 a:link,
.n03v8 a:hover,
.n03v8 a:visited,
.n03v8 a:active {
margin:0 5px 0 0;
padding: 0;
font-size: 110%;
%font-size: 140%;
font-weight: bold;
line-height: 123%;
/*ine-height: 122%; correction for port 3015*/
color:#2F6681;
}
.n03v8 hr {
clear:both;
height:1px;
color:#CCCCCC;
background-color:#CCCCCC;
border:medium none;
margin: 14px 0 18px 0;
%margin: -13px 0 11px 0;
padding: 0;
}
/* n03v8 when placed in right persel experience 2px diff for Samba pages b/w top of the image and the anchor next to it */
.n03v8 #framework-content-right img {margin-top:2px;_margin-top:1px;} /* TODO: remove fw hook; btw - does this even work? class and then id */
/*
* $Revision: 1.6 $
*
* n04.css: Provides classes for component N04
* - n04v4: Graphical Navigation (Formerly implemented via smb-hero.css)
* - n04v5: Infohovers for Graphical Navigation
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n04v4 - Graphical Navigation
*************************************************************
*/
.n04v4,
.clb .n04v4 {
position:relative;
min-height:216px;
_height:216px;
border:2px solid #ccc;
margin: 15px 0;
width:904px;
%font-size:x-small; /* TODO: fix this! */
line-height:1.273;
}
/* JS version hero-nav height */
.n04v4.n04v4js {
min-height:108px;
%height:110px;
}
/* Icon Title Text */
.n04v4 a {
text-decoration:none;
}
/* Icon Title Text : on hover */
.n04v4 a:hover {
text-decoration:underline;
}
/* Top/Bottom icon set alignment */
.n04v4 .section1,
.n04v4 .section2 {
position:relative;
background-repeat:no-repeat;
}
/* Top/Bottom links positioning - Non JS Version */
.n04v4 a.vtab {
min-height:58px;
_height:58px;
padding:50px 20px 0 20px;
font-size: 135.5%;
%font-size:150%;
/*_font-size:145.5%;*/
font-weight:bold;
display:block;
width:180px;
%padding-bottom:2px !important;
}
.n04v4 a:link.vtab,
.n04v4 a:hover.vtab,
.n04v4 a:visited.vtab,
.n04v4 a:active.vtab {
color:#2F6681;
}
/* Top/Bottom links positioning - JS Version */
.n04v4.n04v4js a.vtab {
min-height:35px;
_height:35px;
padding:18px 20px 2px 20px;
width:180px;
}
/* bottom tab background on hover */
.n04v4 .bottom {
background:url(../fw/w/cl/n04/vtab-prod-on.jpg) left bottom no-repeat;
width:904px;
}
/* Top tab background - JS version */
.n04v4.n04v4js .top.taboff {
background:url(../fw/w/cl/n04/vtab-sol-off.jpg) left bottom no-repeat;
}
/* Width of top tab */
.n04v4 .top {
width:904px;
}
/* Top tab background on hover- JS version */
.n04v4.n04v4js .top {
background:url(../fw/w/cl/n04/vtab-sol-on.jpg) left -56px no-repeat;
}
/* Bottom tab background - JS version */
.n04v4.n04v4js .bottom.taboff {
background:url(../fw/w/cl/n04/vtab-prod-off.jpg) left top no-repeat;
width:220px;
}
/* Icon title links - JS version */
.n04v4.n04v4js .taboff a.vtab {
color:#4f7aa6;
}
.n04v4.n04v4js .taboff .item-list {
display:none;
}
/* Icons alignment in top/bottom tabs */
.n04v4 .item-list {
width:724px; /* Changed from 696 px to 724px for SMB spacing issue */
position:absolute;
top:0px;
left:220px;
text-align:center;
display:block;
}
/* Bottom tab default icons alignment */
.n04v4.n04v4js .bottom .item-list {
top:-55px;
}
.n04v4.n04v4js .top .item-list {
%top:0px;
}
/* Icon text alignment */
.n04v4 .item-list .navlink {
display:block;
height:102px;
background-repeat:no-repeat;
font-weight:bold;
color:#2f6681;
padding:8px 0px 0px 0px;
/* _font-size:110%; */
font-size: 11px; /* fix for 3015 port */
}
.n04v4 .set3 .item-list .navlink {
padding-left: 90px;
text-align: left;
font-weight: normal;
}
.n04v4 .set3 .item-list .navlink span.item-heading {
font-size: 130%;
display: block;
padding-top: 24px;
font-weight: bold;
}
/* Icon text visited link color */
#n04v4 a:visited {
color:#2f6681 !important;
}
/* Icons alignment in top/bottom div */
.n04v4 .item-list div {
float:left;
position:relative;
}
/* styles for the hover popup info */
html>body .n04v5 .detail {
*width:191px; /* special for ie7 */
}
/*info hover caret image alignment */
.n04v5 .detail {
display:none;
position:absolute;
top:88px;
/*this padding and margin needed for caret image */
padding-top:8px;
background:url(../fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
text-align:left;
width:186px;
%margin-left:-5px;
z-index:1; /* added to fix Bug:1041 */
}
/*Info hover text alignment */
.n04v4 .detail-text {
padding:2px 14px 19px;
width:164px;
margin:3px -3px -8px;
%padding:2px 14px 12px;
}
/* Info hover shadow image alignment -special for IE */
* html .n04v4 .detail-text {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/cdc/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
width:166px !important;
margin:-2px -2px -2px -2px;
position:relative;
}
html>body .n04v5 .detail-text {
background:transparent url(../fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
margin:-1px 1px 0px -3px;
position:absolute;
width:166px !important;
}
* html .n04v4 .detail-text a {
z-index:1;
position:relative;
}
/* Title positioning in info hover */
.n04v5 .detail h2 {
font-size:120.5% !important;
/* %font-size:135% !important; */
color:#333;
margin:6px 0 1px;
}
/* Sub Title positioning in info hover */
.n04v4 .detail-text .c15v2 { /* TODO: coupling alert! */
padding-bottom:5px;
border-bottom:#ccc 1px solid;
font-size:11px;
}
/* Block titles beneath hero nav */
.n04v5 .detail h3 {
margin-top:5px;
margin-bottom:-4px;
color:#333;
font-weight:bold;
}
/* List style in Info hover */
.n04v5 .detail ul li {
margin:0px;
font-size:11px;
line-height: 1.273;
}
.n04v5 .detail ul {
list-style-type:disc;
margin-left:12px;
_margin-left:16px;
margin-top:5px;
padding:0;
margin-bottom:0;
}
/* Nav item width specs */
.n04v4 .set3 .item-list div {
width: 241px; /* Changed from 228px to 241px for SMB spacing issue. */
}
.n04v4 .set3 .item-list div.item1 {
width:242px; /*Added new width for SMB spacing issue*/
}
.n04v4 .set4 .item-list div {
width:171px;
}
.n04v4 .set5 .item-list div {
width:145px; /* Changed from 137px to 145px for SMB spacing issue. */
}
.n04v4 .set6 .item-list div {
width:114px;
}
.n04v4 .set7 .item-list div{
width:98px;
}
/* odd widths 5 icon case, first item */
.n04v4 .set5 .item-list div.item1{
width:144px; /* Changed from 136px to 144px for SMB spacing issue. */
}
/* width for 7 icon case, last two items */
.n04v4 .set7 .item6,
.n04v4 .set7 .item7 {
width:97px;
}
/* Icons Use Case Definitions */
/* 3 default */
.n04v4 .set3 .item1 .navlink {background-position: -29px 0px;}
.n04v4 .set3 .item2 .navlink {background-position: -353px 0px;}
.n04v4 .set3 .item3 .navlink {background-position: -645px 0px;}
/* 3 hover */
.n04v4 .set3 .item1 .navlink:hover {background-position: -29px -110px;}
.n04v4 .set3 .item2 .navlink:hover {background-position: -353px -110px;}
.n04v4 .set3 .item3 .navlink:hover {background-position: -645px -110px;}
/* 4 default */
.n04v4 .set4 .item1 .navlink {background-position: -27px 0px;}
.n04v4 .set4 .item2 .navlink {background-position: -253px 0px;}
.n04v4 .set4 .item3 .navlink {background-position: -486px 0px;}
.n04v4 .set4 .item4 .navlink {background-position: -711px 0px;}
/* 4 hover */
.n04v4 .set4 .item1 .navlink:hover {background-position: -27px -110px;}
.n04v4 .set4 .item2 .navlink:hover {background-position: -253px -110px;}
.n04v4 .set4 .item3 .navlink:hover {background-position: -486px -110px;}
.n04v4 .set4 .item4 .navlink:hover {background-position: -711px -110px;}
/* 5 default */
.n04v4 .set5 .item1 .navlink {background-position: -20px 0px;}
.n04v4 .set5 .item2 .navlink {background-position: -206px 0px;}
.n04v4 .set5 .item3 .navlink {background-position: -387px 0px;}
.n04v4 .set5 .item4 .navlink {background-position: -570px 0px;}
.n04v4 .set5 .item5 .navlink {background-position: -752px 0px;}
/* 5 hover */
.n04v4 .set5 .item1 .navlink:hover {background-position: -20px -110px;}
.n04v4 .set5 .item2 .navlink:hover {background-position: -206px -110px;}
.n04v4 .set5 .item3 .navlink:hover {background-position: -387px -110px;}
.n04v4 .set5 .item4 .navlink:hover {background-position: -570px -110px;}
.n04v4 .set5 .item5 .navlink:hover {background-position: -752px -110px;}
/* 6 default */
.n04v4 .set6 .item1 .navlink {background-position: -23px 0px;}
.n04v4 .set6 .item2 .navlink {background-position: -173px 0px;}
.n04v4 .set6 .item3 .navlink {background-position: -322px 0px;}
.n04v4 .set6 .item4 .navlink {background-position: -476px 0px;}
.n04v4 .set6 .item5 .navlink {background-position: -623px 0px;}
.n04v4 .set6 .item6 .navlink {background-position: -777px 0px;}
/* 6 hover */
.n04v4 .set6 .item1 .navlink:hover {background-position: -23px -110px;}
.n04v4 .set6 .item2 .navlink:hover {background-position: -173px -110px;}
.n04v4 .set6 .item3 .navlink:hover {background-position: -322px -110px;}
.n04v4 .set6 .item4 .navlink:hover {background-position: -476px -110px;}
.n04v4 .set6 .item5 .navlink:hover {background-position: -623px -110px;}
.n04v4 .set6 .item6 .navlink:hover {background-position: -777px -110px;}
/* 7 default */
.n04v4 .set7 .item1 .navlink {background-position: -15px 0px;}
.n04v4 .set7 .item2 .navlink {background-position: -145px 0px;}
.n04v4 .set7 .item3 .navlink {background-position: -275px 0px;}
.n04v4 .set7 .item4 .navlink {background-position: -405px 0px;}
.n04v4 .set7 .item5 .navlink {background-position: -535px 0px;}
.n04v4 .set7 .item6 .navlink {background-position: -665px 0px;}
.n04v4 .set7 .item7 .navlink {background-position: -795px 0px;}
/* 7 hover */
.n04v4 .set7 .item1 .navlink:hover {background-position: -15px -110px;}
.n04v4 .set7 .item2 .navlink:hover {background-position: -145px -110px;}
.n04v4 .set7 .item3 .navlink:hover {background-position: -275px -110px;}
.n04v4 .set7 .item4 .navlink:hover {background-position: -405px -110px;}
.n04v4 .set7 .item5 .navlink:hover {background-position: -535px -110px;}
.n04v4 .set7 .item6 .navlink:hover {background-position: -665px -110px;}
.n04v4 .set7 .item7 .navlink:hover {background-position: -795px -110px;}
/* Info-Hover Positions for each Use Case */
/* 3 icon */
.n04v5 .set3 .item1-detail {left:240px;}
.n04v5 .set3 .item2-detail {left:468px;}
.n04v5 .set3 .item3-detail {left:697px;}
/* 4 icon */
.n04v5 .set4 .item1-detail {left:214px;}
.n04v5 .set4 .item2-detail {left:386px;}
.n04v5 .set4 .item3-detail {left:554px;}
.n04v5 .set4 .item4-detail {left:724px;}
/* 5 icon */
.n04v5 .set5 .item1-detail {left:195px;}
.n04v5 .set5 .item2-detail {left:332px;}
.n04v5 .set5 .item3-detail {left:470px;}
.n04v5 .set5 .item4-detail {left:605px;}
.n04v5 .set5 .item5-detail {left:745px;}
/* 6 icon */
.n04v5 .set6 .item1-detail {left: 180px;}
.n04v5 .set6 .item2-detail {left: 295px;}
.n04v5 .set6 .item3-detail {left: 413px;}
.n04v5 .set6 .item4-detail {left: 524px;}
.n04v5 .set6 .item5-detail {left: 644px;}
.n04v5 .set6 .item6-detail {left: 755px;}
/* 7 icon */
.n04v5 .set7 .item1-detail {left: 177px;}
.n04v5 .set7 .item2-detail {left: 273px;}
.n04v5 .set7 .item3-detail {left: 371px;}
.n04v5 .set7 .item4-detail {left: 469px;}
.n04v5 .set7 .item5-detail {left: 570px;}
.n04v5 .set7 .item6-detail {left: 663px;}
.n04v5 .set7 .item7-detail {left: 760px;}
/*
*************************************************************
n04v5 - Infohovers for Graphical Navigation
*************************************************************
*/
html>body .n04v5 .detail {
*width:191px; /* special for ie7 */
}
/*info hover caret image alignment */
.n04v5 .detail {
display:none;
position:absolute;
top:88px;
/*this padding and margin needed for caret image */
padding-top:8px;
background:url(../fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
text-align:left;
width:186px;
}
/*Info hover text alignment */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text {
padding:2px 14px 19px;
width:164px;
margin:3px -3px -8px;
}
/* Info hover shadow image alignment -special for IE */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/cdc/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
width:194px;
margin:-2px -2px -2px -2px;
position:relative;
}
html>body .n04v5 .detail-text {
background:transparent url(../fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
margin:-1px 1px 0px -3px;
position:absolute;
line-height:1.273 !important/* fix for preview.cisco.com */
}
/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text a {
z-index:1;
position:relative;
}
/* Title positioning in info hover */
.n04v5 .detail h2 {
font-size:120.5%;
color:#333;
margin:6px 0 1px;
}
/* Sub Title positioning in info hover */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text .c15v2 {
padding-bottom:5px;
border-bottom:#ccc 1px solid;
}
/* Block titles beneath hero nav */
.n04v5 .detail h3 {
margin-top:5px;
margin-bottom:-4px;
color:#333;
font-weight:bold;
}
/* List style in Info hover */
.n04v5 .detail ul {
margin-left:12px;
_margin-left:16px;
margin-top:5px; /* fix for preview.cisco.com -- will this be acceptable ? */
}
/* Start n04v6 styles*/
/*
* n04v6 - products and solutions root page navigation
*/
.n04v6.set5 .navlink {
background-image: url("../fw/w/cl/n04/sprite_products_5.jpg");
}
.n04v6 {
/* color for border NOT specified, need to investigate this */
border:#ccc 1px solid;
width:940px; /* Changed from 906px to 940px for SMB spacing issue */
margin-bottom:12px;
z-index: 0;
padding:0;
position:relative;
margin-left:7px; /* Added this style for SMB spacing issue (Changed from 5px to 7px for alignment) */
}
.n04v6 .navlink {
font-weight:bold;
display:block;
padding:5px 20px 73px 20px;
float:left;
text-align:center;
background-position:left bottom;
background-repeat: no-repeat;
min-height:28px;
_height:28px;
position:relative;
bottom:0;
}
.n04v6 .navlink:visited {
color:#2f6681 !important;
}
/* base icon widths */
.n04v6.set3 .navlink {
width:183px; /* Changed width from 172px to 183px for SMB spacing issue*/
padding: 33px 0 0 130px;
/* visual override for 3 icon case */
height: 76px;
font-size: 110%;
text-align: left;
font-weight: normal;
background-image: url("../fw/w/cl/n04/sprite_solutions_3.jpg"); /* image for graphic navigation of 3 */
}
.n04v6.set3 .navlink .item-heading {
display: block;
font-size: 116%;
margin: 0 0 3px 0;
padding: 0;
font-weight:bold;
}
.n04v6.set4 .navlink {width:187px;}
.n04v6.set4 .item3 .navlink,
.n04v6.set4 .item4 .navlink {width:186px;}
.n04v6.set5 .navlink {width:150px;} /* Changed from 141px to 150px for SMB spacing issue*/
.n04v6.set5 .item5 .navlink {width:140px;} /* Changed from 142px to 140px for missing right line in products banner (SMB).*/
.n04v6.set6 .navlink {width:111px;}
.n04v6.set7 .navlink {width:90px;}
.n04v6.set7 .item4 .navlink,
.n04v6.set7 .item5 .navlink,
.n04v6.set7 .item6 .navlink,
.n04v6.set7 .item7 .navlink {width:89px;}
/* last link overrides */
.n04v6.set4 .item4 .navlink,
.n04v6.set5 .item5 .navlink,
.n04v6.set6 .item6 .navlink,
.n04v6.set7 .item7 .navlink {
margin-right:-3px; /* required due to ie repeated chars after float bug */
}
/* background images */
/* product defs */
.n04v6 .navlink {
background-repeat: no-repeat;
}
/* Icons Use Case Definitions */
/* 3 default */
.n04v6.set3 .item1 .navlink {background-position: -4px 0px;}
.n04v6.set3 .item2 .navlink {background-position: -324px 0px;}
.n04v6.set3 .item3 .navlink {background-position: -608px 0px;} /* should be -615 but sprite is short */
/* 3 hover */
.n04v6.set3 .item1 .navlink:hover {background-position: -4px -110px;}
.n04v6.set3 .item2 .navlink:hover {background-position: -324px -110px;}
.n04v6.set3 .item3 .navlink:hover {background-position: -608px -110px;}
/* 4 default */
.n04v6.set4 .item1 .navlink {background-position: -7px -4px;}
.n04v6.set4 .item2 .navlink {background-position: -231px -4px;}
.n04v6.set4 .item3 .navlink {background-position: -458px -4px;}
.n04v6.set4 .item4 .navlink {background-position: -682px -4px;}
/* 4 hover */
.n04v6.set4 .item1 .navlink:hover {background-position: -7px -114px;}
.n04v6.set4 .item2 .navlink:hover {background-position: -231px -114px;}
.n04v6.set4 .item3 .navlink:hover {background-position: -458px -114px;}
.n04v6.set4 .item4 .navlink:hover {background-position: -682px -114px;}
/* 5 default */
.n04v6.set5 .item1 .navlink {background-position: -5px -4px;}
.n04v6.set5 .item2 .navlink {background-position: -186px -4px;}
.n04v6.set5 .item3 .navlink {background-position: -367px -4px;}
.n04v6.set5 .item4 .navlink {background-position: -548px -4px;}
.n04v6.set5 .item5 .navlink {background-position: -728px -4px;}
/* 5 hover */
.n04v6.set5 .item1 .navlink:hover {background-position: -5px -114px;}
.n04v6.set5 .item2 .navlink:hover {background-position: -186px -114px;}
.n04v6.set5 .item3 .navlink:hover {background-position: -367px -114px;}
.n04v6.set5 .item4 .navlink:hover {background-position: -548px -114px;}
.n04v6.set5 .item5 .navlink:hover {background-position: -728px -114px;}
/* 6 default */
.n04v6.set6 .item1 .navlink {background-position: -5px 0px;}
.n04v6.set6 .item2 .navlink {background-position: -154px 0px;}
.n04v6.set6 .item3 .navlink {background-position: -305px 0px;}
.n04v6.set6 .item4 .navlink {background-position: -457px 0px;}
.n04v6.set6 .item5 .navlink {background-position: -607px 0px;}
.n04v6.set6 .item6 .navlink {background-position: -759px 0px;}
/* 6 hover */
.n04v6.set6 .item1 .navlink:hover {background-position: -5px -110px;}
.n04v6.set6 .item2 .navlink:hover {background-position: -154px -110px;}
.n04v6.set6 .item3 .navlink:hover {background-position: -305px -110px;}
.n04v6.set6 .item4 .navlink:hover {background-position: -457px -110px;}
.n04v6.set6 .item5 .navlink:hover {background-position: -607px -110px;}
.n04v6.set6 .item6 .navlink:hover {background-position: -759px -110px;}
/* 7 default */
.n04v6.set7 .item1 .navlink {background-position: 0px 0px;}
.n04v6.set7 .item2 .navlink {background-position: -131px 0px;}
.n04v6.set7 .item3 .navlink {background-position: -259px 0px;}
.n04v6.set7 .item4 .navlink {background-position: -391px 0px;}
.n04v6.set7 .item5 .navlink {background-position: -520px 0px;}
.n04v6.set7 .item6 .navlink {background-position: -652px 0px;}
.n04v6.set7 .item7 .navlink {background-position: -781px 0px;}
/* 7 hover */
.n04v6.set7 .item1 .navlink:hover {background-position: 0px -110px;}
.n04v6.set7 .item2 .navlink:hover {background-position: -131px -110px;}
.n04v6.set7 .item3 .navlink:hover {background-position: -259px -110px;}
.n04v6.set7 .item4 .navlink:hover {background-position: -391px -110px;}
.n04v6.set7 .item5 .navlink:hover {background-position: -520px -110px;}
.n04v6.set7 .item6 .navlink:hover {background-position: -652px -110px;}
.n04v6.set7 .item7 .navlink:hover {background-position: -781px -110px;}
/*****************************
n04v7 declarations (n04v7 styles are used as hover styles in n04v6 component. There is no separate test cases for n04v7)
*****************************/
div.n04v7 {
display:none;
position:absolute;
left:40px;
top:85px;
background-image:url("../fw/i/heronav-caret.gif");
background-repeat:no-repeat;
padding-top:8px; /* needed for arrow to show */
z-index:1;
}
* html .n04v7 {
padding-top:7px !important; /* only ie6 differs from ff, ie7 worked */
}
.n04v7 .contents {
padding:5px 0px 15px 5px;
width:828px;
min-height:93px;
_height:83px;
}
/* For IE 6 only: */
* html .n04v7 .contents {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/cdc/fw/i/heronav-shadow.png',sizingMethod='scale');
}
/* For non-IE browsers & IE7 ?? only: */
html>body .n04v7 .contents {
background-position: bottom left;
background-image: url(../fw/i/heronav-shadow.png);
background-repeat: no-repeat;
}
.n04v7 a {
text-decoration:underline;
background:none;
z-index:1;
position:relative;
padding:0;
}
.n04v7 h3 {
font-size:127.5%;
margin:6px 0 5px 0;
%margin-top:8px;
}
.n04v7 img {
padding-top:10px;
padding-left:20px;
float:left;
}
.n04v7 img.prod {
width:156px;
height:83px;
float:left;
}
.n04v7 .text1,
.n04v7 .text2 {
width:295px;
padding-left:20px;
float:left;
min-height:93px;
_height:83px;
}
.solutions-nav .n04v6 .n04v7 .contents .text2 {
margin-right:3px;
padding-bottom:15px;
padding-right:91px;
}
.n04v7 .text1 ul,
.n04v7 .text2 ul {
margin: 0 0 0 12px;
}
.n04v7 .text1 ul li,
.n04v7 .text2 ul li {
margin: 0; /*undoing some clb styling */
}
.n04v7 .text1 a,
.n04v7 .text2 a {
text-decoration: underline !important;
}
.n04v7 .text1 img,
.n04v7 .text2 img {
padding:0 8px 0 0;
margin-left:-6px;
_margin-left:-8px;
}
/*****************************
n04v7 declarations for n04v6 context
*****************************/
/* arrow positoin for top nav */
/* arrow position for hover */
.n04v6.set3 .item1 .n04v7 {background-position:-864px top;}
.n04v6.set3 .item2 .n04v7 {background-position:-555px top;}
.n04v6.set3 .item3 .n04v7 {background-position:-247px top;}
.n04v6.set4 .item1 .n04v7 {background-position:-818px top;}
.n04v6.set4 .item2 .n04v7 {background-position:-590px top;}
.n04v6.set4 .item3 .n04v7 {background-position:-366px top;}
.n04v6.set4 .item4 .n04v7 {background-position:-138px top;}
.n04v6.set5 .item1 .n04v7 {background-position:-843px top;}
.n04v6.set5 .item2 .n04v7 {background-position:-662px top;}
.n04v6.set5 .item3 .n04v7 {background-position:-481px top;}
.n04v6.set5 .item4 .n04v7 {background-position:-300px top;}
.n04v6.set5 .item5 .n04v7 {background-position:-118px top;}
.n04v6.set6 .item1 .n04v7 {background-position:-860px top;}
.n04v6.set6 .item2 .n04v7 {background-position:-707px top;}
.n04v6.set6 .item3 .n04v7 {background-position:-556px top;}
.n04v6.set6 .item4 .n04v7 {background-position:-406px top;}
.n04v6.set6 .item5 .n04v7 {background-position:-254px top;}
.n04v6.set6 .item6 .n04v7 {background-position:-102px top;}
.n04v6.set7 .item1 .n04v7 {background-position:-873px top;}
.n04v6.set7 .item2 .n04v7 {background-position:-739px top;}
.n04v6.set7 .item3 .n04v7 {background-position:-607px top;}
.n04v6.set7 .item4 .n04v7 {background-position:-480px top;}
.n04v6.set7 .item5 .n04v7 {background-position:-350px top;}
.n04v6.set7 .item6 .n04v7 {background-position:-221px top;}
.n04v6.set7 .item7 .n04v7 {background-position:-95px top;}
/* End n04v6 styles */
/*
* $Revision: 1.6 $
*
* n05.css:
* - n05v3: Single Column List Navigation
* - n05v4: Double Column List Navigation
* - n05v15: List -
* - n05v16: List - Solutions List with Optional Image
* - n05v17: List - Dated Link List with Footer Links
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* **********************************************************
* *
* Base class for the List Navigation Component - n05v4 *
* *
* ********************************************************* */
.n05v3, .n05v4{
border:1px #ccc solid;
color:#333;
_height:1%;
_width:99.1%; /* as the margin extends beyond the right margin in IE6 */
}
/* IE7 styles for n05v4 component */
.n05v4{
display:block;
%padding-bottom:12px;
_padding-bottom:0px;
zoom:1;
}
/* Styles for the H4 Header text */
.n05v3 h4, .n05v4 h4{
border-bottom :1px solid #ccc;
color:#666;
font-size:109.1%; /* 12px font size for the h3 as it is overriden by the .clb h3 to 13px font size */
background-color:#f2f2f2;
margin-top:0; /* to avoid the whitespace b/w the h3 header text and the top component border */
padding:7px 0 4px 9px; /* spacing 10px on the left , 9px on the top and 6px on the bottom for the header text */ /* Fix #246 */
}
.n05v3:after, .n05v4:after{ /* these are from the clearfix class we integrated to reduce extra class names in markup */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.n05v3 ul{
margin-top:-3px; /* 12px spacing b/w the first list item and the bottom border of the h3 header */
_margin-bottom:8px; /* 12px bottom spacing b/w the last list item (of any of the 2 lists)
and the bottom border the n05v3 component in IE6 */
/* float:left;
width:45%; */
list-style-type:none;
}
.n05v3 ul li{
/* margin-left:12px; 13px spacing b/w the list item and the component left margin */ /* Commenting this code is fixing #230 - Need to check w/ Chad*/
margin-top:12px; /* To fix defect #235, changed margin-top from 11px to 14px */
}
.n05v3 .all-links {margin-bottom:12px;} /* 12px spacing b/w the list and the bottom border of the n05v3 with all links */
/* 12px bottom spacing b/w any 2 links for an n05v3 with all links */
.n05v3 .all-links li{
margin-bottom:-4px;
margin-top:12px; /* fix 253, 251 */
}
.n05v3 ul ul{
margin-top:4px; /* 12px spacing b/w the top of nested list item and the bottom of Parent list item */
_margin-top:9px;
margin-bottom:5px; /* 16px spacing b/w the bottom of the child list item and the top of the parent list item */
_margin-bottom:4px;
_margin-left:10px /* To fix #230 */
}
.n05v3 ul ul li{
padding-left:2px; /* 28px spacing b/w the left margin and the first character of the child list item */
margin-top:3px; /* 7px spacing b/w any 2 child list items */
_margin-top:2px;
}
/* Styles for the linked list items */
.n05v3 a, .n05v4 a{
color:#2f6681;
font-size:109.1%; /* 12px font size for the anchors */
}
/* Styles for any text message to show results of selection made / warning message */
.n05v3 ul p{
margin:14px 0 14px 15px; /* To fix defect #208 and #251 */
_margin-bottom:-4px; /* 7px spacing b/w the bottom margin and the paragraph text */
_margin-left:14px; /* 28px spacing b/w left margin and the paragraph text */
}
.n05v3 .text-msg{
margin-bottom:-2px; /* to fix #249 */
margin-top:9px;/* 7px spacing b/w the bottom of lst navigation and paragraph text */
_padding-bottom:1px; /* 16px spacing b/w the parent list item and bottom the the text */
_margin-left:14px; /* 28px spacing b/w left margin and the paragraph text */
margin-right:13px;
}
/* Styles for the top level list within the n05v4 component */
.n05v4 ul{
margin-top:8px; /* 12px spacing b/w the first list item and the bottom border of the h3 header */
margin-bottom:-2px; /* 12px bottom spacing b/w the last list item (of any of the 2 lists)
and the bottom border the n05v4 component */
_margin-top:9px;
float:left;
width:45%;
_width:44%;/*in IE6 both the columns were coming in a single row*/
display: inline; /* Required for IE6 to split the column to two */
}
/* Styles for the second column positioning within the N05v4 component */
.n05v4 .col-b{
padding-left:9px; /* 356px spacing from the left margin of n05v4 component and the first
character of the list item in second column */ /* Changed the padding left option from 21 to 9px to fix #231*/
_padding-left:5px; /* Changed from 9px to 5px to fix #231 */
}
.n05v4 ul li{
margin-left:0px; /* 13px spacing b/w the list item and the component left margin */
list-style-type:none;
_margin-top:-1px; /* 7px spacing b/w any 2 nested list items*/
_width:100%;
margin-bottom:0px;
margin-top:2px /* Fix #224 */
}
.n05v4 ul ul{
margin-top:5px; /* 12px spacing b/w the top of nested list item and the bottom of Parent list item */
margin-bottom:12px; /* 16px spacing b/w the bottom of the child list item and the top of the parent list item */
_padding-bottom:12px;
min-width:105%;
_width:100%; /*resolve the text wrapping issue in IE6*/
}
.n05v4 ul ul li{
padding-left:4px; /* 28px spacing b/w the left margin and the first character of the child list item */
margin-top:3px; /* 7px spacing b/w any 2 child list items */
}
/* Styles for any text message to show results of selection made / warning message */
.n05v4 ul p{margin:3px 0 8px 12px;} /* */
/*
*************************************************************
n05v15 - Navigation - List -
*************************************************************
*/
.n05v15,
.clb .n05v15 {
border:1px solid #ccc;
position:relative;
}
.n05v15 ul {
width:33.3%;
float:left;
margin: 0;
padding:0 0 22px;
list-style-type:none;
list-style-position:outside;
}
.n05v15 h3 {
margin:11px 11px 9px;
padding-bottom:7px;
border-bottom:1px solid #ccc;
}
.n05v15 li {
margin: 0 18px 5px 12px;
}
.n05v15 div {
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.n05v15 div:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.n05v15 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-1px;
font-size:0;
}
.n05v15 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-2px;
}
.n05v15 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-1px;
left:-1px;
font-size:0;
}
.n05v15 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-2px;
}
/*
*************************************************************
n05v16 - Navigation - List - Solutions List w/ Optional Image
*************************************************************
*/
.n05v16,
.clb .n05v16 {
border: 1px solid #ccc;
padding: 0 18px 9px 12px !important;
zoom:1; /* this style for ie float behavior */
line-height:1.273;
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.n05v16:after,
.clb .n05v16:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
/*correction for port 3015*/
.n05v16 h2{
font-size: 14px;
color: #444444;
margin-bottom:-2px;
}
.n05v16 h3 {
line-height: 1.273;
background: #dfdfdf url('../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
border-bottom: 1px solid #ccc;
padding: 6px 12px 5px;
margin: 0px -18px 17px -12px;
font-size: 12px;/*correction for port 3015*/
line-height:1.273;
border-radius: 5px 5px 0px 0px;/* rounded corner-11709 */
-moz-border-radius: 5px 5px 0px 0px;
}
.n05v16 img {
position: relative;
float: left;
margin-top: 3px;
margin-right: 12px;
}
.n05v16 p {
background: transparent;
margin-bottom: 14px;
font-size: 11px;
line-height: 1.273;/*correction for port 3015*/
}
.n05v16 h4 {
color: #2970a6;
font-size: 11px;/* fix for 3015 port*/
line-height: 1.273;
margin-bottom: 0;
}
.n05v16 .img-intro img {
position: relative;
float: left;
margin: 2px 0 0;
}
.n05v16 .img-intro p {
background: transparent;
margin-left: 162px !important;
margin-bottom: 9px;
}
.n05v16 .img-intro p:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n05v16 .img-intro {
zoom:1; /* this style for ie float behavior */
}
.n05v16 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n05v16 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-32px;
}
.n05v16 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-10px;
left:-13px;
font-size:0;
}
.n05v16 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-32px;
}
/*
*************************************************************
n05v17 - list - dated link list with footer links
*************************************************************
*/
.n05v17,
.clb .n05v17 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 17px;
line-height:1.273;/* correction for port 3015*/
font-size:11px;/* correction for port 3015*/
border-radius: 5px;
-moz-border-radius: 5px;
}
.n05v17 h3 {
background: #dfdfdf url(../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:9px 12px 6px;
border-bottom:1px solid #ccc;
margin:-4px -12px 17px;
line-height:1.273;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
margin: 0px -12px 17px;
/*font-size: 12px; correction for port 3015*/
}
.n05v17 ul {
list-style:none outside;
margin: 0 0 14px;
}
.n05v17 li {
margin-bottom:8px;
line-height:1.273;
/* font-size: 11px; correction for 3015 */
}
.n05v17 p a{
font-size: 11px;
}
.n05v17 .separator {
padding:0 4px;
}
.n05v17 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n05v17 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.n05v17 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-18px;
left:-13px;
font-size:0;
}
.n05v17 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* $Revision: 1.6 $
*
* n09.css:
* - n09v4: Product Portfolio - Two column product list, per category
*
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n09 - Family Base
*************************************************************
*/
.n09,
.clb .n09 {
/*[temp placemarker] these need to be defined*/
}
.n09 li {
line-height:1.273;/*this feature is common, so adding on the generic level*/
}
/*
*************************************************************
n09v4 - Product Portfolio - Two column product list, per category
*************************************************************
*/
.n09v4,
.clb .n09v4 {
margin-bottom: 7px !important;
/* %margin-bottom: -2px !important; -- interferes with border; might need another way to tweak margin? */
border-bottom: 1px solid #ddd;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
font-size:12px;
line-height:1.273;/* correction for 3015 port*/
}
.n09v4:after,
.clb .n09v4:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n09v4-last, .clb .n09v4-last,
.n09v4-flat, .clb .n09v4-flat {
border-bottom:0;
%margin-bottom: -2px !important;
}
.n09v4 h4 {
margin: 0 0 8px;
/*font-size: 109%;*/ /*removed for 12px font update*/
clear:both;
}
.n09v4 h4.no-child {
font-weight: normal !important;
font-size: 100% !important;
}
.n09v4 ul {
float: left;
width: 50%;
margin: 0; /* override CLB */
}
.rtl .n09v4 ul {
float: right;
margin: 0;
}
.n09v4 li {
padding: 0 0 8px;
margin-bottom: 0; /* override CLB */
list-style:none;
list-style-position: outside;
line-height: 1.273em; /*to override cl-base merge effects*/
}
.n09v4 .col-left li {
margin-right: 24px;
}
.n09v4 .col-right li {
margin-left: 12px;
margin-right: 12px;
}
/*
* $Revision: 1.2 $
*
* n17.css: Provides classes for component C00
* - n17v5: Backpack - PCP portlet
* - n17v6: Backpack - no portlets messaging
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n17v6 - Backpack - no portlets messaging
*************************************************************
*/
.n17v6 {
width:217px;
background:transparent url(../fw/i/sprite_gradients_h.png) repeat-x scroll 0 0;
border:1px solid #ccc;
font-size:x-small;
padding:0 !important;
}
.n17v6 p{
font-size:110%;
padding:4px 4px 0 7px;
min-height:60px;
_height:60px;
}
.n17v6 .cl-top-corners,
.n17v6 .cl-top-corners span,
.n17v6 .cl-bottom-corners,
.n17v6 .cl-bottom-corners span{
display:block;
background: transparent url(../fw/i/sprite_corners_4px.png) no-repeat 0 0;
height:4px;
width:100%;
position:relative;
font-size:0;
}
.n17v6 .cl-top-corners{
top:-1px;
left:-1px;
}
.n17v6 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-2px;
_right:-3px;
}
.n17v6 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-1px;
}
.n17v6 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-2px;
}
/*
* $Revision: 1.7 $
*
* n19.css: Tip Navigator (Featured Content/Small Business)
* - n19: General Tip Navigator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n19 - General Tip Navigator
*************************************************************
*/
.n19,
.clb .n19 {
border:1px solid #ccc;
font-family: Arial, Helvetica, sans-serif;
background:#eee;/* top background color & attach gradient image at bottom repeat-x;*/
padding:11px 11px 15px;
position:relative;
zoom:1; /* idiotic ie bug. can't see positioned images unless this 'has layout' !!!!! */
line-height: 1.273;
}
.n19 li{
font-size: 11px;
line-height:1.273em; /*to avoid mlb overrides*/
}
.n19 .cta {
padding-left:13px;
background:url(../fw/i/arrow_transp_5x9.gif) no-repeat center left;
}
.n19 h2{
margin-bottom:0px; /* to override mlb classes*/
}
.n19 h3 {
margin-bottom:3px;
font-size: 12px;/* correction for 3015 port*/
line-height:1.273;
}
.n19 a{
font-size:11px;
}
.n19 p {
line-height:141%;
margin-bottom:12px;
font-size:11px;
}
.n19 img {
float:right;
padding:2px 0 12px 12px;
}
.n19 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-12px;
left:-12px;
font-size:0;
}
.n19 .cl-top-corners span {
display:block; background:url(../fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-24px;
}
.n19 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 4px repeat-y;
height:4px;
width:100%;
font-size:0;
position:relative;
bottom:-16px;
left:-12px;
}
.n19 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
bottom:-0px;
position:relative;
right:-24px;
}
/****n19v3 component for the small business persel/banner*****/
.n19v3 {
background: transparent url(../fw/i/rc_persel_bottom_bg.gif) no-repeat bottom left;
background-color: #eaeff2;
margin: 0 0 12px 0;
width: 188px;
font-size:12px; /*this is specified with the #framework-base-content in the smb.min.css*/
padding:0;
border:none;
}
.n19v3 h3 { /* solid color header */
background: transparent url(../fw/i/rc_persel_top_hdr_bg.gif) no-repeat top left;
color: #333;
font-size: 118.5%;
line-height: 123.5%;
margin: 0;
padding: 9px 12px 9px 15px;
}
.n19v3 a, .n19v3 a:link {
color: #2F6681;
text-decoration: none;
}
.n19v3 a:hover{
text-decoration:underline;
}
.n19v3 .persel-desc { /* content container */
color: #666;
padding: 0 12px 15px 15px;
}
.n19v3 .persel-desc p { /* rt default bottom spacing */
margin-bottom: 6px !important;
margin-top:11px;
}
/*
*************************************************************
n19v1 - General css
*************************************************************
*/
.n19v1 {
/*empty css for component case runner parsing*/
}
/*
*************************************************************
n19v2 - General css
*************************************************************
*/
.n19v2 {
/*empty css for component case runner parsing*/
}
/*
*************************************************************
n19v3 - General css
*************************************************************
*/
.n19v3 {
/*empty css for component case runner parsing*/
}
/*
* $Revision: 1.10 $
*
* n21.css: Product Drawers
* - n21: General Product Drawers
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* ATTENTION : This file is not in sync with CVS version, new styles are added/modifed as per the redlines from Joi Kutz */
/*
*************************************************************
n21 - General Product Drawers
*************************************************************
*/
.n21,
.clb .n21 {
position:relative;
%zoom:1;
%padding-top:4px;
}
/* TODO: use grids to remove coupling between n21 and other components? */
.c17v1 .infotab .n21 {
margin:0 -12px !important; /* stretches all the way across tab */
%margin-left:-13px !important;
}
.rtl .ie67 .infotab .n21 {
margin-left:-12px !important;
margin-right:-13px !important;
}
/* TODO: wtf -- c17v1?! */
.c17v1 .cl-bottom-corners {
z-index:300; /* needed to pull corners above .series and .items which were given z-indexes to combat a sliding content bug. */
}
ul.n21, .n21 .items, .n21 .infolinks {
list-style:none;
margin: 0; /* override CLB */
font-size: 11px;/*correction for 3015 port*/
}
.n21 li {
margin-bottom: 0; /* override CLB */
list-style: none;
}
.n21 .series {
position:relative;
min-height:100px;
_height:100px;
background:url("../fw/i/category_bg_2x200.gif") repeat-x;
padding:20px 12px 0;
border-bottom:1px solid #ccc;
%zoom:1;
%margin:-3px 0;
%padding-top:23px;
%border-left:1px solid #ccc;
z-index:200;
}
.rtl .ie67 .n21 .series {
border-left:none;
border-right:1px solid #ccc;
}
.n21 .series-last {
margin-bottom: -1px;
%margin-bottom: -4px;
}
.n21 .prodinfo {
float:left;
margin-right:124px;
}
.rtl .n21 .prodinfo {
float:right;
margin-left:124px;
margin-right:0;
}
.rtl .ie67 .n21 .prodinfo {
margin-right:-12px;
}
.n21 .notice {
color:#9a3435;
padding-left:10px;
}
.rtl .n21 .notice {
padding-left:0;
padding-right:10px;
}
/* ---------------------------- */
.n21 .items {
background:url("../fw/i/separator_bg_2x6.gif") bottom repeat-x;
border-bottom:1px solid #ccc;
%padding:0 12px;
%border-left:1px solid #ccc;
z-index:100;
zoom:1;
}
.rtl .n21 .items {
margin-right:0;
}
.rtl .ie67 .n21 .items {
border-left:none;
/* border-right:1px solid #ccc; */
}
.n21 .items-last {
background: none;
border-bottom: none;
}
/* ---------------------------- */
.n21 .items li {
padding:20px 0;
margin:0 12px;
border-bottom:1px solid #eee;
%zoom:1;
%margin:-3px 0 0;
}
.n21 ul.details {
margin: 0 0 0 116px; /* ck: removed !important; to allow for .rtl */
padding:0;
%padding-left:12px;
%zoom:1;
%position:relative; /* These 3 so IE doesn't cut off the top of the bullet */
%top:-5px;
%padding-top:10px;
}
.rtl .n21 ul.details {
margin:0 116px 0 0;
}
.rtl .ie67 .n21 ul.details {
padding-left:0px;
padding-right:12px;
}
.n21 ul.details li {
list-style-type: disc;
padding:0;
border:none;
vertical-align:top;
%margin-bottom:4px;
%margin-left:4px;
%position:relative; /* These 2 so IE doesn't cut off the top of the bullet */
%top:-3px;
line-height:1.273;
}
.rtl .ie67 .n21 ul.details li {
margin-left:0;
margin-right:4px;
}
.n21 ul.details img {
height:7px;
width:59px;
}
.n21 ul.infolinks {
width:104px;
float:right;
margin:13px 0 0 -136px;
%margin:10px -10px 0 -112px;
z-index:10;
zoom:1;
padding:0;
}
.rtl .n21 ul.infolinks {
margin:13px -106px 0 0;
float:left;
}
.rtl .ie67 .n21 ul.infolinks {
margin:10px -100px 0 -10px;
}
.n21 ul.infolinks li {
padding:5px 0;
border-width:0 0 1px;
%margin-left:12px;
margin-right:0;
}
.rtl .n21 ul.infolinks li {
margin-left:0;
}
.rtl .ie67 .n21 ul.infolinks li {
margin-right:12px;
}
.n21 ul.infolinks li.last {
border:none;
}
/* CQ specific fix for last child */
.n21 ul.infolinks li:last-child{
border:none;
}
.n21 img.product {
width:100px;
height:80px;
}
.n21 h3, .n21 h4 {
/* %margin-top:-87px; */
margin: -80px 0 4px 114px; /*correction for port 3015*/
line-height:1.273;
}
.rtl .n21 h3, .rtl .n21 h4 {
margin-left:0;
margin-right:114px;
}
.n21 h3.noimg, .n21 h4.noimg {
margin-top:0;
}
.n21 h4 {
font-size:11px;
zoom:1;
}
.n21 .series h3 a {
font-size:90.9%;
}
.n21 p {
font-size:109.1%;
line-height:1.273; /*correction for port 3015*/
margin:0 12px 0 114px;
padding-bottom:36px;
}
.rtl .n21 p {
margin:0 114px 0 12px;
}
.n21 a.show {
display:block;
padding:12px 12px 9px 0;
text-align:right;
position:absolute;
right:0; bottom:0;
line-height:1.273;
}
.rtl .n21 a.show {
padding:12px 0 9px 12px;
right:auto;
left:0;
}
.n21 a.show:hover {
text-decoration:inherit;
}
.n21 a.show .icon {
height:13px;
padding-right:25px;
display:inline-block;
margin-bottom:-2px;
}
.rtl .n21 a.show .icon {
padding-right:0;
padding-left:25px;
}
.n21 .hidetext {
display:none;
min-height:12px;
_height:12px; /* ie7 knows min-height */
}
.n21 .hidetext .icon {
background: url("../fw/i/expand_contract_icon_sprite.gif") no-repeat right -66px;
}
.rtl .n21 .hidetext .icon {
background-position:left -66px;
}
.n21 .hidetext:hover .icon {
background-position:right -99px;
text-decoration:none;
}
.rtl .n21 .hidetext:hover .icon {
background-position:left -99px;
}
.n21 .showtext .icon {
background: url("../fw/i/expand_contract_icon_sprite.gif") no-repeat right top;
}
.rtl .n21 .showtext .icon {
background-position:left top;
}
.n21 .showtext:hover .icon{
background-position:right -33px;
text-decoration:none;
}
.rtl .n21 .showtext:hover .icon {
background-position:left -33px;
}
.n21 a.show:hover .text {
text-decoration:underline;
}
/*
*************************************************************
n21v1 - Flexible Product Drawers Redesign
*************************************************************
*/
.n21v1 p {
line-height: 1.4;
margin: 5px 35px 0 114px; /* Spacing changes as per prod n21 */
/*width:80% Setting to 80% as per the requirment from spec, but no red lines for exact width */
}
.n21v1 img.product, .n21v1 .product img {
margin: 0 14px 0 0; /* margin right changed from 24px to 14px as per the redline from Joi*/
border-radius: 4px;
float: left;
}
.n21.n21v1 h3 a{
color: #2970A6;
font-size: 16px;
}
.n21v1 h3 a {
color: #007FC5;
font-size: 16px;
margin: 0 0;
}
.n21v1 h4 {
line-height:1.273;
font-size: 12px;
color: #007FC5;
margin: 0 0 8px 0;
}
.n21v1 .series:first-child h3 { /* target only the intended h3 within series header, allow for other components to be nested */
line-height:1.273;
font-size: 16px;
margin: 0 0;
}
.n21v1 .prodinfo:first-child h4 {
line-height:1.273;
font-size: 12px;
margin: 0 0 8px 119px; /* margin right changed from 0px to 119px as per the redline from Joi*/
}
.n21v1 a.show {
display:block;
text-align:right;
position:absolute;
right:0;
bottom:0;
line-height:1.273;
font-weight: bold;
color: #525252;
text-decoration: none;
margin: 4px 4px 12px 4px; /* margin bottom set to 12px as per the redline from Joi */
}
.n21v1 a.show:hover .text {
text-decoration:none;
}
.n21v1 a.show .icon {
height:28px;
padding:0 42px 0 0;
margin-bottom: -11px;
display:inline-block;
}
.rtl .n21v1 a.show .icon {
}
.rtl .n21v1 .hidetext:hover .icon {
background-position:right top;
}
.n21v1 .showtext .icon {
background: url("../fw/w/cl/n21/caratOpenCloseSprite.png") no-repeat right -56px;
}
.n21v1 .showtext:hover .icon{
background-position:right -84px;
text-decoration:none;
}
.n21v1 .hidetext .icon {
background: url("../fw/w/cl/n21/caratOpenCloseSprite.png") no-repeat right top;
}
.n21v1 .hidetext:hover .icon {
background-position: right -28px;
text-decoration: none;
}
.n21v1 .prodinfo {
min-width: 220px;
margin: 0 0;
}
.n21v1 .series {
border-bottom:1px solid #ccc;
min-width: 220px;
min-height: 0;
padding: 13px 16px;
}
.n21v1 li:first-child .series {
border-top:1px solid #ccc;
}
.n21v1 .items {
background: none;
border-bottom:1px solid #ccc;
z-index:100;
zoom:1;
}
/* allow nicely for no image by only adding margin when there IS an image*/
.n21.n21v1 .prodinfo ul { /* changed target to UL instead of image */
margin: 0 0 0 122px;
}
.n21.n21v1 ul.details {
/*margin: 0 0 0 0; also need to get rid of the freeky base class */
}
.n21v1 ul.details li {
max-width: 420px;
word-wrap: break-word;
font-size: 12px;
}
.n21v1 ul.infolinks li{
font-size: 12px;
}
/* cleaning up things on old ie */
.ie67 .n21v1 .items li {
border-bottom-width: 0;
}
.ie67 .n21v1 .items {
margin-left: 16px;
border-left-width: 0;
}
.ie67 .n21v1 .series {
border-left-width: 0;
}
/*
*************************************************************
n21v1 - Flexible Product Drawers Redesign-Simple Image & Narrower
*************************************************************
*/
.n21v1.simple .showtext .icon {
background: url("../fw/w/cl/n21/caratOpenCloseSpriteSimple.png") no-repeat scroll right -57px transparent;
}
.n21v1.simple .showtext:hover .icon {
background-position: right -85px;
text-decoration: none;
}
.n21v1.simple .hidetext .icon {
background: url("../fw/w/cl/n21/caratOpenCloseSpriteSimple.png") no-repeat scroll right top transparent;
}
.n21v1.simple .hidetext:hover .icon {
background-position: right -28px;
text-decoration: none;
}
/*
* $Revision: 1.4 $
*
* n22.css:
* - n22v1: feature carousel - title, description, links within box carousel
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
n22v1 - feature carousel - title, description, links within box carousel
*************************************************************
*/
.n22v1,
.clb .n22v1 {
border: 1px solid #e9e9e9;
background: #eee !important;
padding: 0 12px !important;
display: block;
line-height:1.273;
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
zoom:1; /* this style for ie float behavior, trying without wrapper class */
}
.n22v1:after,
.clb .n22v1:after {
clear:both;
content: ".";
display:block;
height:0;
visibility:hidden;
}
.n22v1 h3 {
background: #dfdfdf url('../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
border-bottom: 1px solid #ccc;
padding: 6px 12px 7px !important;
margin: 0px -12px 0;
font-size: 12px; /*fix for port 3015*/
line-height:1.273;
border-radius: 5px 5px 0px 0px;/* rounded corner-11709 */
-moz-border-radius: 5px 5px 0px 0px;
}
.n22v1 h4 {/* adding for the CLB merge*/
font-size:11px;
line-height:1.273;
margin:0;
}
.n22v1 ol {
list-style-type:none;
list-style-position: outside;
margin: 16px 0 12px;
padding: 0;
font-size: 11px; /* fix for port 3015*/
}
.n22v1 .hidden {
display: none;
}
.n22v1 p {
margin-bottom: 14px;
line-height:1.273; /*fix for the clb merge*/
margin-top: 0px; /*fix for the clb merge*/
}
.n22v1 .cta-links {
margin-left: -8px;
line-height:1.273;/*fix for the clb merge*/
}
.n22v1 .cta-links a {
margin: 0 8px;
}
/* navigation controls */
.n22v1 .carousel-controls {
position: relative;
float:right;
padding-top: 2px;
}
.n22v1 .carousel-previous {
width: 12px;
height: 15px;
float: left;
}
.n22v1 .carousel-next {
width: 12px;
height: 15px;
float: left;
}
.n22v1 #carousel-dots div {
width: 9px;
height: 15px;
float: left;
}
.n22v1 .carousel-dots {
background: transparent url(../fw/w/cl/n22/cl-n22v1-sprite.gif) -9px 3px no-repeat scroll;
}
.n22v1 .carousel-dots-on {
background: transparent url(../fw/w/cl/n22/cl-n22v1-sprite.gif) -18px 3px no-repeat scroll;
}
.n22v1 .carousel-controls a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.n22v1 .carousel-controls a:hover {
text-decoration: none;
}
.n22v1 .carousel-previous a {
background: transparent url(../fw/w/cl/n22/cl-n22v1-sprite.gif) 3px 3px no-repeat scroll;
}
.n22v1 .carousel-next a {
background: transparent url(../fw/w/cl/n22/cl-n22v1-sprite.gif) -27px 3px no-repeat scroll;
}
.n22v1 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.n22v1 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.n22v1 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-1px;
left:-13px;
font-size:0;
}
.n22v1 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-0px;
right:-26px;
}
/**
* n41.css
* $Revision: 1.4 $
*
* $Id: n41.css,v 1.4 2010/09/17 00:13:34 dgipp Exp $
* n41.css: Provides classes for component N41: Product Image
*
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
N41 - Product Image
*************************************************************
*/
.n41 {
width: 514px; /* the widths in the redline are wrong*/
min-height:165px;
background-color: #dee6eb;
color: #666;
font-size: 12px; /* switch to 86% when cl change is in place */
position: relative;
}
.n41 .content, .n41 .media { float: left; position: relative; zoom: 1;}
.n41 .content, .n41 .content-full { width: 277px; background-color: #dee6eb; padding: 16px 16px 16px 15px; }
.n41 .content-full { width: auto; }
.n41 .footer { position: absolute; bottom: 13px; }
.n41 .media { width: 205px; text-align: center; background-color: #dee6eb; height:auto; float:left}
.n41 h3 { color: #666; font-size: 16px; margin-bottom: 5px; margin-top:-4px;}
.n41 img, .n41 .media .media-img {height:136px;margin-bottom:29px;position:relative;width:205px;}
.n41 img {_margin-bottom:0;} /*fix for IE6*/
.n41 .media .media-img {_margin-bottom:25px;} /*fix for IE6*/
.n41:after {
/* clearfix */
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainFooter {float:left;padding:0px 0px 12px 15px;width:100%;position:absolute; bottom:0; left:0; _bottom:0;}
#mainFooter .contentfooter{float:left; width:292px}
#mainFooter .mediafooter {bottom:6px;float:left;left:309px;position:absolute;text-align:center;width:205px;}
#mainContent{float:left;}
/*
* $Revision: 1.6 $
*
* nn08.css:
* - nn08v1: Side Tab Component
*
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* Base Class for NN08 Component */
/*
*************************************************************
nn08 - General base class
*************************************************************
*/
/* framework overrides */
/* should these be place here or move to _masterbrand.css? */
/* ck: need to set widths, because column has no width defined due to collapsibility */
#framework-column-left .nn08v1 {
width:218px; /* borders take 2px */
margin:auto 10px; /* override libra hinav, margin required for collapsibility */
}
/* nn08 */
.nn08 {
font-size:12px; /* removable once clb gets updated? */
position:relative;
}
/* nn08v1 */
.nn08v1 {
background-color:#f2f2f2;
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.rtl .nn08v1 {
text-align: right;
}
.nn08v1 ul {
list-style-type:none;
margin:0px;
border:1px solid #d6d6d6;
border-top-color: #e3e3e3;
border-bottom-width:0px; /* ck: doubles up on the li otherwise... #e5e5e5; */
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.rtl .nn08v1 ul, /* overrides default .rtl .clb ul 12px margin-right */
.rtl .ie67 .nn08v1 ul { /* overrides default .rtl .ie67 .clb ul 23px margin-right */
margin-right:0;
}
.nn08v1 li {
margin:0;
padding:0;
border-bottom:1px solid #ccc;
width:100%;
line-height:1.273;/*added for the CLB merge*/
}
.nn08v1 li:last-child {
border-radius: 0px 0px 5px 5px;/* rounded corner-11709 */
-moz-border-radius: 0px 0px 5px 5px;
}
.nn08v1 a:link,
.nn08v1 a:hover,
.nn08v1 a:active,
.nn08v1 a:visited {
color:#444; /* ue spec update */
display:block; /* was inline-block */
text-decoration:none;
padding: 6px 30px 6px 14px;
word-wrap:break-word;
}
.rtl .nn08v1 a:link,
.rtl .nn08v1 a:hover,
.rtl .nn08v1 a:active,
.rtl .nn08v1 a:visited {
padding-left:30px;
padding-right:14px;
}
#ie .nn08v1 a { display:block;
}
.nn08v1 li a:hover,
.nn08v1 li.active,
.nn08v1 li.active a,
.nn08v1 li.active a:hover {
word-wrap:break-word;
background:transparent url(../fw/w/cl/nn08/sprite-nn08.png) no-repeat -13px 54% scroll; /* ck: was -13px -201px */
}
.rtl .nn08v1 li a:hover { background-position: left -375px; }
#ie6 .nn08v1 li a:hover,
#ie6 .nn08v1 li.active,
#ie6 .nn08v1 li.active a,
#ie6 .nn08v1 li.active a:hover {
background-image:url(../fw/w/cl/nn08/sprite-nn08.gif);
}
.nn08v1 li a:hover { background-color:#e6e6e6; }
.nn08v1 li.active {
background-repeat:repeat-x;
background-position: left -50px;
font-weight:bold;
background-color:#ccc; /* ck: for wrapping conditions */
word-wrap:break-word;
}
.nn08v1 li.active a,
.nn08v1 li.active a:hover {
background-position: -13px 54%; /* ck: 12px from right, centered heightwise when wrapped, was -5px -102px; */
color:#444;
word-wrap:break-word;
}
.rtl .nn08v1 li.active a,
.rtl .nn08v1 li.active a:hover { background-position: left -274px;
}
/* Rounded Corners using cdc.addCorners */
.nn08v1 .cl-top-corners,
.nn08v1 .cl-top-corners span,
.nn08v1 .cl-bottom-corners,
.nn08v1 .cl-bottom-corners span{
display:block;
background: transparent url(../fw/w/cl/nn08/sprite-nn08.png) no-repeat 0 0;
height:6px;
width:100%;
position:relative;
font-size:0;
}
#ie6 .nn08v1 .cl-top-corners,
#ie6 .nn08v1 .cl-top-corners span,
#ie6 .nn08v1 .cl-bottom-corners,
#ie6 .nn08v1 .cl-bottom-corners span {
background-image:url(../fw/w/cl/nn08/sprite-nn08.gif);
}
.nn08v1 .cl-top-corners{ }
.nn08v1 .cl-top-corners span {
background-position: 0 -6px;
position:absolute;
right:0px;
width:6px;
}
.nn08v1 .cl-bottom-corners {
background-position: 0 -19px;
margin-top:-6px;
}
.nn08v1 .cl-bottom-corners span {
background-position: 0 -12px;
position: absolute;
right: 0px;
width: 6px;
}
/*
* $Revision: 1.4 $
*
* nn11.css:
* - nn11v1: Section Tab Component
*
* (c) 1992-2011 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* Base Class for NN11 Component */
/*
*************************************************************
nn11 - General base class
*************************************************************
*/
/* framework overrides */
/* should these be placed here or in _masterbrand.css? */
#mb-title-nav-bar .nn11v1 {
float:left; /* forces proper wrapping in column*/
position:relative; /* meets UE Spec requirements, activates top */
margin-bottom: -6px; /* meets UE Spec requirements */
margin-top: -7px; /* meets UE Spec requirements */
}
.rtl #mb-title-nav-bar .nn11v1,
.rtl #mb-title-nav-bar .nn11v1 li {
float:right;
}
.ie67 #mb-title-nav-bar .nn11v1 { width:940px; } /* IE7 req for floats */
#ie6 #mb-title-nav-bar .nn11v1 {
margin-bottom:-1px; /* IE6 spacing issue fix */
}
/* nn11 */
.nn11 {
font-size:12px; /* ck: util clb is updated */
}
/* nn11v1 */
.nn11v1 {
display:block;
}
.ie67 .nn11v1 {
overflow:hidden;
position:relative;
}
.nn11v1 ul {
margin:10px 0 10px;
padding:0;
}
.ie67 .nn11v1 ul {
width:100%;
float:left;
clear:left;
position:relative;
text-align:center;
}
.nn11v1 ul li {
float:left;
list-style-type:none;
margin:0 35px 0 0;
font-weight:bold;
max-width:200px;
line-height:15px; /* UE spec requirement for 6px space between lines */
}
.rtl #mb-title-nav-bar .nn11v1 ul li {
margin-left: 35px;
margin-right: 0;
}
.ie67 .nn11v1 ul li {
float:left;
display:block;
position:relative;
}
.nn11v1 li a:link, .nn11v1 li a:hover, .nn11v1 li a:active, .nn11v1 li a:visited {
text-decoration:none;
}
.ie67 .nn11v1 li a {
float:left;
width:auto;
display:block;
}
.nn11v1 li a span {
display:block;
margin-top:3px;
height:4px;
}
.ie67 .nn11v1 li a span { /* required for IE7 to show arrow centered */
width: 6px;
overflow:hidden;
}
.nn11v1 li a:hover span, .nn11v1 li.active a span, .nn11v1 li.active a:hover span {
background:transparent url(../fw/w/cl/nn11/sprite-arrows.gif) no-repeat scroll center -6px;
}
.nn11v1 li.active a:link, .nn11v1 li.active a:hover, .nn11v1 li.active a:active, .nn11v1 li.active a:visited {
color:#444;
text-decoration:none;
}
.nn11v1 li.active a span, .nn11v1 li.active a:hover span {
background-position:center 0px;
}
/*
* $Revision: 1.3 $
*
* PT29: Get Help Module for WorkSpace
* - pt29v1: Get Help Module for Workspace
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
PT29v1 - paragraphs
*************************************************************
*/
.pt29{margin:-3px 0 0 0; overflow:hidden; zoom:1; background-color:#FFF;} /* width:936px; */
.pt29 .db-portlet-collapsible{margin:0; padding:0; %margin:0 0 7px 0;}
.db-portlet-collapsible .pt29-column{display:block; float:left; border-right:1px solid #ccc; padding:0 10px 0 10px; margin:0px; height:197px;}
.db-portlet-collapsible .pt29-column-distributor{width:273px; display:block; float:left; margin:0;} /** changes */
.pt29-column h4, .pt29-column-distributor h4{margin:0; font:bold 12px Arial; color:#666; padding-left:0;} /** NP Removed padding-left */
.pt29-column .visit{background:url(../fw/i/visit_icons_15x15.png) no-repeat 0 0; }
.pt29-column .case{background:url(../fw/i/icon_open_case.png) no-repeat 0 0; margin-top:2px;}
.pt29-column .phone{background:url(../fw/i/call_icon_15x15.png) no-repeat 0 0; }
.pt29-column .onlinechat{background:url(../fw/i/chat_icon_15x15.png) no-repeat 0 0; margin-top:2px} /** NP: margin added */
.pt29-column .community{ background:url(../fw/i/engage_icon_15x15.png) no-repeat 0 0; margin-top:2px} /** NP: margin added */
.pt29-column .society{ %float:left;background:url(../../../../web/fw/i/add_icon_15x15.png) no-repeat 0 0; margin-top:2px}
.pt29-column span.subheading{padding:4px 0 0 22px; font:bold 11px Arial; color:#666;} /** NP: Changes are done */
.pt29-column .society span.subheading{ %float:left;}
.pt29-column .pt29-data{display:block; width:100%; margin-top:16px;}
.pt29-data h5{ font:normal 12px Arial; color:#666; margin:0; padding:0;}
h4 img{margin:0 4px; %margin:0 4px 0 5px;} /** NP: changed form h5 to h4 */
.pt29-data .separator{padding:0 6px; margin:0 0 0 5px; width:1px; border-left:1px dotted #000;}
.pt29-data .teaser{font:normal 11px Arial; color:#a5a5a5; margin:1px 0; padding:0; width:144px; float:right;}
.pt29-data span.gethelp-phone{font:normal 11px Arial; padding-left:4px;} /** NP changed from bold to normal */
.pt29-data span.gethelp-phone span.gethelp-phone-span{ margin-right:3px;}
.pt29 a.morelist{font:normal 11px Arial; color:#2970a6; text-decoration:none; padding-left:6px; %padding-left:5px} /** NP : changes are done */
.pt29 h5.spacing{margin-top:8px;}
.pt29 .pt29-dataerror{padding:8px; height:200px;}
.pt29 .pt29-dataerror h4{ font:bold 12px Arial; margin:0 0 12px 0; padding:0;}
.pt29 .pt29-dataerror p{font:normal 12px Arial; margin:0; padding:0;}
.pt29 .pt29-dataerror p a{color:#2970a6;}
.pt29 .pt29-column-distributor .distributor-bdiv{padding-left:10px; margin-top:6px; overflow:hidden;} /** NP: margin Added */
.pt29 .pt29-column-distributor .distributor-bdiv {height:176px; overflow-y:scroll;} /** Changes are done */
.pt29 .pt29-column-distributor .distributor-htable{width:325px; margin-top:8px; border-collapse:collapse; border:1px solid #e6e6e6;}
.pt29 .pt29-column-distributor .distributor-htable th{background: url("../fw/i/sprite_gradients_h.png") repeat-x scroll 0 -137px #E0DFE0; width:50%}
.pt29 .pt29-column-distributor .distributor-btable{width:247px; border:1px solid #e6e6e6;} /** NP: border added */
.pt29 .pt29-column-distributor .distributor-btable .bgcolor{background-color:#f9f9f9;}
.pt29 .pt29-column-distributor .distributor-htable th, .pt29 .pt29-column-distributor .distributor-btable td{heigth:24px; font:normal 12px Arial; padding:4px 0 4px 12px; border-bottom:1px solid #e6e6e6; text-align:left; color:#666; margin:0;}
.pt29 .pt29-column-distributor th.distributor-name, .pt29 .pt29-column-distributor td.distributor-name{ padding:6px 6px 6px 12px; %padding:6px 0 3px 12px; %height:15px; line-height:100%;} /** changes are done */
.pt29 .pt29-column-distributor th.distributor-phone, td.distributor-phone{ padding:7px; line-height:12px;}
.pt29 .pt29-column-distributor .distributor-info{width:7%; text-align:center; padding:9px; line-height:6px;}
.pt29 .pt29-column-distributor tr.odd{background-color:#f9f9f9;}
.pt29 .pt29-column-distributor h4{padding-left:12px;}
.pt29 .pt29-column-distributor .distributor-name a{text-decoration:none;}
.pt29 .pt29-column-distributor .distributor-info img{margin:0 17px 0 -5px; padding:0; border:0;}
/** Newly Added */
.pt29 .pt29-column .subhead{margin:4px 0 0 0; padding:0; color:#a5a5a5; font:normal 11px arial; line-height:10px; }
.seperator{padding:0 4px 0 6px; %padding:0 4px 0 5px; margin:0 0 0 2px; %margin:0 0 0 3px; height:2px; width:1px; border-left: 1px dotted #000; color:#a5a5a5;} /** NP: color added */
.dist-info{padding-left:6px;}
.smb-icon{position: absolute; right: 10px; bottom: -10px;}
/* Newly Added for 4 coulmn layout - pt29v1*/
.pt29v1 .pt29-column{ width:200px;}
.pt29v1 { _height:200px !important; padding: 0;}
.pt29v1 .pt29-column-distributor .distributor-bdiv{ width:263px;}
/* Newly Added for Non-eligible user - 3 column layouts - pt29v2*/
.pt29v2 { padding:0 2px; margin-top:-3px;}
.pt29v2 .pt29-column{ width:300px; padding:0 10px 0 10px;}
.pt29v2 .pt29-column .society{ float:left;}
.pt29v2 .society span.subheading{ float:left; margin-top:-4px;}
.pt29v2 .pt29-column .society span.teaser{ float:left; margin:1px 0 4px 5px;}
.pt29v2 .pt29-column-distributor { width:290px; margin:0;}
.pt29v2 .pt29-column-distributor .distributor-bdiv { width:282px;}
.pt29v2 .pt29-column-distributor .distributor-btable { width:266px;}
.pt29v2 .pt29-data .teaser{ width:215px;}
/* Newly Added for 50% layout - pt29v3*/
.pt29v3{ width:436px; background-color:#fdfdfd; height:100%; padding:12px;}
.pt29v3 .pt29-column{ width:402px; padding:0 0 0 0; height:auto; margin:7px 0px 7px 22px; border-right:none;}
.pt29v3 .pt29-column .society{ float:left;}
.pt29v3 .pt29-column .society span.teaser{ float:left; margin:1px 0 4px 0;}
.pt29v3 .pt29-column-distributor{ width:436px; padding:0px; margin:0px !important;}
.pt29v3 .pt29-column-distributor .distributor-bdiv{ width:436px; padding:0;}
.pt29v3 .pt29-column-distributor .distributor-btable{ width:420px; border:1px solid #d1d1d1;}
.pt29v3 .pt29-data .teaser{ width:300px;}
.pt29v3 .pt29-column .subhead{margin:4px 0 0 0; padding:0; color:#999999; font:bold 12px arial; line-height:10px; }
.pt29v3 .pt29-data .teaser{font:12px Arial; color:#666666; margin:1px 0; padding:0; width:144px; float:right;}
.pt29v3 .pt29-column span.subheading{float:left; margin-top:-4px; padding:4px 0 0 25px; font:bold 11px Arial; color:#666; width:83px;} /** NP: Changes are done */
.pt29v3 .pt29-column-distributor .distributor-bdiv {width:436px; height:200px; overflow-y:scroll; margin-top:4px;}
.pt29v3 .pt29-data p{ float:left; display:block; width:100%;}
.pt29v3 .pt29-data span.gethelp-phone {padding-left:0;}
.pt29v3 .pt29-data p.visit{ width:97%;}
.pt29v3 .acc-panel a.dist-info{ float:right; margin-bottom:12px;}
.pt29v3 .visit .morelist, .pt29v3 .onlinechat .morelist, .pt29v3 .community .morelist{ padding-left:0;}
.pt29v3 .pt29-column-distributor .distributor-htable th, .pt29v3 .pt29-column-distributor .distributor-btable td{heigth:24px; font:normal 10px Arial; padding:4px 0 4px 12px; border-bottom:1px solid #f1f1f1; text-align:left; color:#666; margin:0;}
.pt29v3 .pt29-column-distributor .distributor-btable td.noborder{ border:none;}
.pt29v3 .pt29-column-distributor th.distributor-name, .pt29v3 .pt29-column-distributor td.distributor-name{ padding:6px 6px 6px 12px; %padding:6px 0 3px 12px; %height:10px; line-height:100%;} /** changes are done */
.pt29v3 .c19v1{ border:none;}
.pt29v3 .c19v1 h4 { font:bold 12px Arial;}
.pt29v3 h4 img{margin:0 4px 0 8px;}
.pt29v3 .c19v1 a.acc-arrow{ background:url("../fw/w/cl/c19/acc-arrow-right.gif") no-repeat scroll 17px 1px; padding-left:41px;}
.pt29v3 .c19v1 .acc-active a.acc-arrow-active {background:url("../fw/w/cl/c19/acc-arrow-down.gif") no-repeat scroll 17px 1px;padding-left:41px;}
.pt29v3 .c19v1 .acc-panel, .pt29v3 .c19v1 .acc-active{ position:relative; background:none; overflow:hidden; margin-bottom:4px;}
.pt29v3 .c19v1 .acc-overlay{ height:221px; width:100%; overflow:hidden; background-color:#fdfdfd;}
.pt29v3 .c19v1 a.acc-header{ padding-top:0;}
.pt29v3 .c19v1 .acc-content img.icon-info{ float:right; cursor:pointer;}
#cluetip-inner {overflow:auto;}
.cluetip-cdc-pt29 { background-color: transparent; width: 178;}
.cluetip-cdc-pt29 #cluetip-outer {border: 1px solid #999; position: relative; background-color: #fff;}
.cluetip-cdc-pt29 #cluetip-outer h4{font:normal 12px Arial; padding:2px 5px 0px 0px; color:#666;}
.cluetip-cdc-pt29 #cluetip-outer h3{font:normal 12px Arial; padding:2px 5px 0px 12px; color:#666;}
.cluetip-cdc-pt29 #cluetip-inner {display: inline-block; padding: 7px 10px 7px 10px; font-size: 10px; color: #666666;}
#cluetip-inner .pt29v1-column-distributor h4{margin:0; font:bold 12px Arial; color:#666; padding:9px 5px;}
#cluetip-inner .distributor-btable{width:100%; border-left:1px solid #e6e6e6; border:none !important;}
#cluetip-inner .distributor-btable .distributor-name, .distributor-btable .distributor-phone{width:50%; font:normal 10px arial; line-height:100%; padding:9px 6px 10px 0px; text-decoration:none; color:#666;}
#cluetip-inner .distributor-btable td{border-bottom:1px solid #e6e6e6;}
#cluetip-inner .distributor-name a{text-decoration:none;}
.cluetip-cdc-pt29 div#cluetip-close { display: none; }
/* cdc arrows*/
.clue-right-cdc-pt29 .cluetip-arrows {background: url(../fw/i/modal-arrows.gif) no-repeat 2px -48px; left:-15px; margin-right: 0px; position:absolute; width:22px; height:13px;}
.cluetip-cdc-pt29 .cluetip-arrows {background: url(../fw/i/modal-arrows.gif) no-repeat 2px -48px; left:-15px; margin-right: 0px; position:absolute; width:22px; height:13px;}
/*
.clue-bottom-cdc-pt29 .cluetip-arrows {background: url(../fw/i/modal-arrows.gif) no-repeat -0px -2px; height: 13px; width: 22px; left: 45%; margin-top: -8px;}
*/
.cluetip-cdc-pt29 h4 {margin: 0 0 6px 0; padding: 0; line-height: 14px; font-weight: bold; font-size: 100%; color: #666666;}
.cluetip-cdc-pt29 #cluetip-inner p {margin: 0; padding: 0;}
.cluetip-cdc-pt29 #cluetip-inner a {text-decoration: none; color: #2f6681;}
.cluetip-cdc-pt29 #cluetip-inner a:hover {text-decoration: underline;}
#cdc-cluetip-wrapper { position: relative; z-index: 5000; }
.distributor-btable .distributor-phone{ padding:9px 0px; text-align:right;line-height:100%}
.c19v1 .acc-overlay {display: none; border:none; }
.pt29v3 .c19v1 .ctlc{background:url(../fw/w/cl/pt29/ctlc.jpg) no-repeat; height:4px; width:4px; position:absolute; top:0; left:-1px; z-index:1; overflow:hidden;}
.pt29v3 .c19v1 .ctrc{background:url(../fw/w/cl/pt29/ctrc.jpg) no-repeat; height:4px; width:4px; position:absolute; top:0; right:-1px; z-index:1; overflow:hidden;}
.pt29v3 .c19v1 .cblc{background:url(../fw/w/cl/pt29/cblc.jpg) no-repeat; height:4px; width:4px; position:absolute; bottom:0; left:0px; z-index:1; overflow:hidden;}
.pt29v3 .c19v1 .cbrc{background:url(../fw/w/cl/pt29/cbrc.jpg) no-repeat; height:4px; width:4px; position:absolute; bottom:0; right:0px; z-index:1; overflow:hidden;}
.pt29v3 .c19v1 .rpt { position:relative; background-color:#e0e0e0; height:25px; padding:9px 0 0 0; }
/*
* $Revision: 1.4 $
*
* s01.css: Cisco Assistant
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s01: Cisco Assistant
*************************************************************
*/
.s01,
.clb .s01 {
border: 1px solid #ccc;
background: #eee url('../fw/i/s01-bg.png') left bottom repeat-x;
padding: 5px 11px 11px;
position:relative;
border-radius: 5px; /* rounded corner-11709 */
-moz-border-radius: 5px;
}
.s01 h3 {
margin: 0;
padding: 0 0 9px 0;
font-size: 12px; /* correction for 3015*/
line-height: 1.273; /* correction for 3015*/
}
.s01 ul {
list-style: none;
border-top: 1px solid #ccc;
margin: 8px 0 0 0;
%margin: 5px 0 0 0;
padding: 5px 0 0 0;
%padding: 3px 0 0 0;
}
.s01 li {
margin: 0;
padding: 0 0 2px 0;
%padding: 0;
font-size: 11px; /* correction for 3015*/
line-height: 1.273; /* correction for 3015*/
}
/* rounded corners: includer.js - cdc.util.addCorners() */
.s01 .cl-top-corners {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 0 0 no-repeat;
height: 4px;
width: 100%;
position: relative;
top: -6px;
left: -12px;
font-size: 0;
}
.s01 .cl-top-corners span {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 100% -4px no-repeat;
height: 4px;
width: 100%;
position: absolute;
top: 0;
right: -24px;
}
.s01 .cl-bottom-corners {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 0 4px repeat-y;
height: 4px;
width: 100%;
font-size: 0;
position: relative;
bottom: -12px;
left: -12px;
}
.s01 .cl-bottom-corners span {
display: block;
background: url('../fw/i/4px_corners_ccc.gif') 100% -8px no-repeat;
height: 4px;
width: 100%;
bottom: 0;
position: relative;
right: -24px;
}
/*
* $Revision: 1.4 $
*
* s02.css:
* - s02v8: Related - Other Resources, Grouped
* - s02v12: Related Links in Container
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s02 - Generic rules
*************************************************************
*/
/*
*************************************************************
s02v8 - Related - Other Resources, Grouped
*************************************************************
*/
.s02v8,
.clb .s02v8 {
border: 1px solid #ccc;
padding: 0 12px;
}
.s02v8 h4 {
background-color: #dfdfdf;
border-bottom: 1px solid #ccc;
padding: 6px 12px 5px;
margin: 0 -12px 4px -12px;
background: #dfdfdf url('../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
font-size: 11px; /*Fix for 3015 port*/
line-height: 131%; /*Fix for 3015 port*/
}
.s02v8 ul {
list-style-type: none;
/* margin-left: 0px; */
margin: 10px 0; /*correction for 3015 port*/
}
.s02v8 ul li {
font-size: 11px; /*Fix for 3015 port*/
line-height: 1.273; /*Fix for 3015 port*/
padding: 3px 0 3px 20px;
}
.s02v8 .cl-top-corners,
.s02v8 .cl-top-corners span,
.s02v8 .cl-bottom-corners,
.s02v8 .cl-bottom-corners span {
display:block;
height:4px;
width:100%;
background-image: url("../fw/i/4px_corners_ccc.gif");
background-repeat: no-repeat;
position:relative;
}
.s02v8 .cl-top-corners {
background-position: 0 0;
top:-1px;
left:-13px;
font-size:0;
margin-bottom: -4px;
}
.s02v8 .cl-top-corners span {
background-position: 100% -4px;
position:absolute;
top:0;
right:-26px;
}
.s02v8 .cl-bottom-corners {
background-position: 0 -12px;
bottom:-1px;
left:-13px;
font-size:0;
}
.s02v8 .cl-bottom-corners span {
background-position: 100% -8px;
bottom:0;
right:-26px;
}
/*
*************************************************************
s02v12 - Related - Related Links in Container
*************************************************************
*/
.s02v12,
.clb .s02v12 {
border: 1px solid #e9e9e9;
background: #eee;
padding:0 12px 5px;
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.s02v12 h3 {
background: #dfdfdf url(../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:5px 12px;
border-bottom:1px solid #ccc;
margin:0px -12px 7px;
font-size:100%; /*Fix for 3015 port*/
line-height: 1.273; /*Fix for 3015 port*/
border-radius: 5px 5px 0px 0px;/* rounded corner-11709 */
-moz-border-radius: 5px 5px 0px 0px;
}
.s02v12 ul {
list-style:none outside;
margin:0;
font-size: 11px; /*Fix for 3015 port*/
}
.s02v12 li {
margin-bottom:8px;
line-height: 1.273; /*Fix for 3015 port*/
}
.s02v12 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-1px;
left:-13px;
font-size:0;
}
.s02v12 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.s02v12 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-6px;
left:-13px;
font-size:0;
}
.s02v12 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* $Revision: 1.3 $
*
* s03.css: Provides classes for component s03: Partner Locator
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s03 - Partner Locator
*************************************************************
*/
.s03,
.clb .s03 {
width: 186px;
background: #eaeff2;
color: #666666;
font-size: 11px;
position: relative;
border: solid 1px #cccccc;
line-height: 11px;
}
.s03 form {
margin: 0;
padding: 0;
}
.s03 h3 {
height: 30px;
width: 100%;
color: #333333;
background: #c5d7e1;
font-weight: bolder;
font-size: 13px;
margin: 0 0 0 0;
line-height: 30px;
text-indent: 15px;
}
.s03 .content {
padding: 9px 15px 20px 15px;
color: #666666;
}
.s03 .city_fld {
width: 143px;
font-size: 11px;
color: #666666;
margin: 7px 0 8px 0;
}
.s03 select {
margin: 8px 0 12px 0;
width: 146px;
font-size: 11px;
color: #666666;
}
.s03 option {
width:150px;
}
.s03 .sub_btn {
font-weight: bolder;
color: #2f6681;
font-size: 11px;
}
.s03v4 h3 {
margin-top: -4px;
}
.s03v4 .cl-top-corners,
.s03v4 .cl-top-corners span,
.s03v4 .cl-bottom-corners,
.s03v4 .cl-bottom-corners span {
display: block;
position: relative;
background: transparent url(../fw/i/4px_corners_ccc.gif) no-repeat scroll 0 0;
width:100%;
height:4px;
font-size:0;
}
.s03v4 .cl-top-corners {
top:-1px;
left:-1px;
}
.s03v4 .cl-top-corners span {
position: absolute;
background-position: 0 -4px;
top:0;
right: -2px;
width: 4px;
}
.s03v4 .cl-bottom-corners{
background-position: 0 -12px;
bottom:-1px;
left:-1px;
}
.s03v4 .cl-bottom-corners span{
position: absolute;
background-position: 0 -8px;
bottom:0;
right: -2px;
width: 4px;
}
/*
* $Revision: 1.3 $
*
* s04.css: Provides classes for component S04
* - s04v3: Feedback
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
S04v3 - Feedback
*************************************************************
*/
.s04v3,
.clb .s04v3 {
font-size:86%;
border:1px solid #ccc;
padding:6px 10px 10px;
margin:0 16px 12px 0;
}
/*
* $Revision: 1.4 $
*
* s07.css: Provides classes for component S07
* - s07v3: Ad Banner
* - s07v5: Promotion - Action-Oriented Promo
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
S07v3 - Ad Banner
*************************************************************
*/
.s07v3 img#bam_img {
margin:0; /* reset margin left */
}
/*
*************************************************************
s07v5 - Promotion - Action-Oriented Promo
*************************************************************
*/
.s07v5,
.clb .s07v5 {
border: 1px solid #ccc;
background: #eee;
padding:7px 12px 15px;
font-size: 11px; /* correction for 3015*/
line-height: 1.273; /* correction for 3015*/
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.s07v5 h4 {
margin-bottom:5px;
font-size:109.1%;
line-height: 1.273; /* correction for 3015*/
}
.s07v5 h3{
margin-bottom: 0px; /* correction for 3015*/
line-height: 1.273; /* correction for 3015*/
}
.s07v5 p {
margin-bottom:11px;
}
.s07v5 li {
line-height: 1.273;/*overrides cl base merge effect*/
}
.s07v5 .cta {
background:url(../fw/i/arrow_transp_5x9.gif) no-repeat left center;
padding-left:12px;
}
.s07v5 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:-8px;
left:-13px;
font-size:0;
}
.s07v5 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:-26px;
}
.s07v5 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:-16px;
left:-13px;
font-size:0;
}
.s07v5 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_ccc.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:-26px;
}
/*
* $Revision: 1.5 $
*
* s10.css: Provides classes for component s10
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/* Component base declaration */
.s10 {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
/* width:220px; Width Given to Wrapper in use case*/
height:35px;
}
.s10 .s10-sh {
color: #444;
font-size: 12px;
font-weight: bold;
text-decoration: none;
outline: none;
}
.s10 .s10-sh:hover {
color: #444;
text-decoration: none;
}
.ie .s10 .s10-sh {
color: #444;
font-size: 12px;
font-weight: bold;
vertical-align:middle;
text-decoration: none;
outline: none;
position: relative;
top: -4px; /* fix for share vertical align */
}
/* List styles */
.s10 ul {
display: inline;
list-style-type: none;
padding: 0;
margin: 0 0 0 15px;
height: 35px;
}
.s10 li {
display: inline-block;
height:30px;
}
/* List href styles */
.s10 ul li a {
display: inline-block;
width: 26px;
height: 23px;
}
/* IE Fixes */
#ie7 .s10 li{
display: inline; /* IE Fix */
}
.ie .s10 ul li a{
height: 25px; /* IE Fix */
}
/* Social media icons */
.s10 #sbt-delicious, .s10 #sbt-digg, .s10 #sbt-myyahoo, .s10 #sbt-technorati, .s10 #sbt-twitter, .s10 #sbt-facebook, .s10 #sbt-linkedin,.s10 #sbt-googleplus,.s10 #sbt-email {
background: url('../fw/w/cl/s10/socmedia-icons.png') no-repeat 0 -86px;
}
/* Position facebook icon */
#s10v1.s10 #sbt-facebook {
background-position: 0 -131px;
}
/* Position Linkedin icon */
#s10v1.s10 #sbt-linkedin {
background-position: 0 -178px;
}
/* Position Yahoo icon */
#s10v1.s10 #sbt-myyahoo {
background-position: 0 -224px;
}
/* Position delicious icon */
#s10v1.s10 #sbt-delicious {
background-position: 0 -316px;
}
/* Position digg icon */
#s10v1.s10 #sbt-digg {
background-position: 0 -362px;
}
/* Position Techno icon */
#s10v1.s10 #sbt-technorati {
background-position: 0 -408px;
}
/* Position email icon */
#s10v1.s10 #sbt-email {
background-position: 0 -587px;
}
/* Position googleplus icon */
#s10v1.s10 #sbt-googleplus {
background-position: 0 -629px;
}
/* Component base declaration for s10v3 components */
/* Position twitter icon */
#s10v3.s10 #sbt-twitter{
background-position: 0 -92px;
}
/* Position facebook icon */
#s10v3.s10 #sbt-facebook {
background-position: 0 -137px;
}
/* Position Linkedin icon */
#s10v3.s10 #sbt-linkedin {
background-position: 0 -183px;
}
/* Position Yahoo icon */
#s10v3.s10 #sbt-myyahoo {
background-position: 0 -229px;
}
/* Position delicious icon */
#s10v3.s10 #sbt-delicious {
background-position: 0 -321px;
}
/* Position digg icon */
#s10v3.s10 #sbt-digg {
background-position: 0 -367px;
}
/* Position Techno icon */
#s10v3.s10 #sbt-technorati {
background-position: 0 -413px;
}
/* Position email icon */
#s10v3.s10 #sbt-email {
background-position: 0 -592px;
}
/* Position googleplus icon */
#s10v3.s10 #sbt-googleplus {
background-position: 0 -634px;
}
/*usecase3 styles*/
#s10v3.s10 {
border: none;
font-family: Arial,Helvetica,sans-serif;
height: auto;
margin-bottom: 20px;
text-align: left;
width: 73px;
}
#s10v3.s10 ul {
/*display: inline;*/
list-style-type: none;
padding: 0;
margin: 0 ;
border: 1px solid #EAEAE8;
clear: both;
cursor: pointer;
height: auto;
width: 107px;
display:none;
z-index:99999;
box-shadow: 0 3px 10px 3px #e5e5e5;
}
#s10v3.s10 li {
/*display: inline-block;*/
height:19px;
border-bottom: 1px solid #e5e5e5;
width:91px;
margin:0px 0px 0px 9px;
padding:2px 0;
}
/* List href styles */
#s10v3.s10 ul li a {
/*display: inline-block;*/
width: 91px;
height: 23px;
}
/* Position up Arrow icon */
#s10v3 .sbt-upArrow {
background:url('../fw/w/cl/s10/socmedia-icons.png');
background-position: 0px -40px;
background-repeat: no-repeat;
float: left;
height: 17px;
margin:3px 0px 0px 8px;
width: 17px;
}
/* Position down Arrow icon */
#s10v3 .sbt-downArrow {
background:url('../fw/w/cl/s10/socmedia-icons.png');
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
height: 17px;
margin:3px 0px 0px 8px;
width: 17px;
}
#s10v3 .shareLink {
background-color: #FFFFFF;
float: left;
font-weight: bold;
line-height: 23px;
margin-left: 10px;
text-align: center;
}
#s10v3 .wrapperDiv{
border: 1px solid #FFF;
clear: both;
cursor: pointer;
height: 23px;
width: 71px;
}
/* Apply styles when dropdown is enabled */
#s10v3 .wrapperDiv.open{
background-color: #EAEAE8;
border: 1px solid #CCC;
border-radius: 4px 4px 0px 0px;
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
}
#s10v3 .wrapperDiv.open + #showsocial{
display: block;
position: absolute;
background-color: #fff;
}
#s10v3 .wrapperDiv.open .shareLink{
background-color: #EAEAE8;
}
#s10v3 a .labelSoc {
color: #2970A6;
font-size: 11px;
line-height: 1.8em;
margin-left: 27px;
}
#s10v3 .lastLi{
border:none;
}
#s10v3 #showsocial{
/*box-shadow: 0px 4px 2px #EAEAE8;*/
behavior: url("/etc/designs/cdc/fw/lib/PIE.htc");
position:absolute;
background-color:#FFFFFF;
}
/*
* $Revision: 1.4 $
*
* s14.css:
* - s14v1: Graphical Sidebar List - List with Title & Icons
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s14v1 - Graphical Sidebar List - List with Title & Icons
*************************************************************
*/
.s14v1{
font-size:11px; /* added for 3015 port*/
}
.s14v1 h3 {
background: #d0d0d0 url(../fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
padding:6px 12px;/* correction for 3015 port*/
margin-top:-4px;
border-bottom:#aaa 1px solid;
font-size: 12px; /* correction for 3015 port*/
margin-bottom: 0; /* correction for 3015 port*/
line-height:1.273; /* correction for 3015 port*/
border-radius: 5px 5px 0px 0px;/* rounded corner-11709 */
-moz-border-radius: 5px 5px 0px 0px;
}
.s14v1 ul {
list-style:none outside;
background-color:#e7e7e7;
margin: 0 0 -4px;
border-radius: 0px 0px 5px 5px;/* rounded corner-11709 */
-moz-border-radius: 0px 0px 5px 5px;
}
.s14v1 li {
font-weight:normal;
font-size: 109.5%;
line-height:121%; /* correction for 3015 port*/
border-top:#f4f4f4 1px solid;
border-bottom:#d6d6d6 1px solid;
margin-bottom: 0px;
}
.s14v1 li:last-child{
border-radius: 0px 0px 5px 5px;/* rounded corner-11709 */
-moz-border-radius: 0px 0px 5px 5px;
}
.s14v1 .twitter a {
background-position:7px -322px;
}
.s14v1 .podcast a {
background-position:7px 2px;
}
.s14v1 .multimedia a {
background-position:8px -46px;
}
.s14v1 .blog a {
background-position:7px -93px;
}
.s14v1 .news a {
background-position:7px -138px;
}
.s14v1 .feed a {
background-position:7px -185px;
}
.s14v1 .discussion a {
background-position:7px -230px;
}
.s14v1 .design a {
background-position:7px -274px;
}
.s14v1 .facebook a {
background-position:7px -368px;
}
.s14v1 .youtube a {
background-position:7px -414px;
}
.s14v1 li a {
background:url(../fw/i/resources_icons_sprite_20.gif) no-repeat;
display:block;
padding:5px 38px 6px;
color: #666;
}
.s14v1 li a:hover {
color: #666;
}
.s14v1 .cl-top-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:0;
left:0;
font-size:0;
}
.s14v1 .cl-top-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:0;
}
.s14v1 .cl-bottom-corners {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
left:0;
font-size:0;
}
.s14v1 .cl-bottom-corners span {
display:block;
background:url(../fw/i/4px_corners_e9.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:0;
}
/*
* $Revision: 1.4 $
*
* s15.css:
* - s15v1: Graphical Sidebar List - List with Background Color
*
* (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
* Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/
/*
*************************************************************
s15v1 - Graphical Sidebar List - List with Background Color
*************************************************************
*/
.s15v1,
.clb .s15v1 {
/* border: 1px solid #ccc; */
}
.s15v1 ul {
list-style:none outside;
margin:-4px 0;
border: 1px solid #5b8498;
border-radius: 5px;/* rounded corner-11709 */
-moz-border-radius: 5px;
}
.s15v1 li {
font-weight:bold;
line-height:121%;
border-top:#6a92a5 1px solid;
border-bottom:#3b6479 1px solid;
margin-bottom: 0px;
font-size: 11px;
}
s15v1 li:last-child {
border-radius: 0px 0px 5px 5px;/* rounded corner-11709 */
-moz-border-radius: 0px 0px 5px 5px;
}
.s15v1 li a {
color:#fff !important; /* override '.clb a:link { color: #2970A6 }' */
background:#5b8498;
display:block;
padding:7px 12px 5px;
}
.s15v1 li a:hover {
background:#7094a5;
text-decoration:none;
color:#fff;
}
.s15v1 .cl-top-corners {
display:block;
background:url(../fw/i/blue_corners.gif) 0 0 no-repeat;
height:4px;
width:100%;
position:relative;
top:0;
left:0;
font-size:0;
}
.s15v1 .cl-top-corners span {
display:block;
background:url(../fw/i/blue_corners.gif) 100% -4px no-repeat;
height:4px;
width:100%;
position:absolute;
top:0;
right:0;
}
.s15v1 .cl-bottom-corners {
display:block;
background:url(../fw/i/blue_corners.gif) 0 -12px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
left:0;
font-size:0;
}
.s15v1 .cl-bottom-corners span {
display:block;
background:url(../fw/i/blue_corners.gif) 100% -8px no-repeat;
height:4px;
width:100%;
position:relative;
bottom:0;
right:0;
}
/*Styles for Sitecopy framework overrides */
.sitecopy .a00v1{
font-weight:bold;
text-decoration:none;
font-size:100% !important;
}
/* Overrides for sitecopy */
.sitecopy .c15v7 {
font-size:110%;
%font-size:x-small; /* TODO: fix! */
}
.sitecopy .c15v7 p {
font-size:85% !important;
%font-size:120% !important;
}
.sitecopy .c15v7 p.small {
font-size:72% !important;
%font-size:100% !important;
}
.sitecopy .c15v7 h3 {
%font-size:130% !important;
}
#fw-mb #framework-content-main .sitecopy .c16v3 h2 { /* changed from #libra */
margin:12px 75px 10px 14px;
color:#666;
font-size:124.5%;
}
.sitecopy .lb-close a:link { /* Styles for the close button anchor within the lightbox for libra framework */
color:#666;
}
/* sitecopy override for font-size 11px */
#framework-content-main .sitecopy .c17v1 .tabset .tab-active a,
#framework-content-main .sitecopy .c17v1 .tabset .tab a{
font-size:85.2% !important ;
}
#framework-content-main .sitecopy .c17v1 .subtab ul {
%padding-left:11px;
_padding-left:15px;
}
#framework-content-main .sitecopy .c17v1 .subtab li {
font-size:85%;
}
#framework-content-main .sitecopy .c17v1 .subtab li a{
font-size:99.5%;
}
/* Included the below 2 styles to override the styles that are applying from normal version of c17v1 */
.sitecopy .c17v1 .infotab {
margin:0px;
}
.sitecopy .c17v1 .subtab li a{
text-decoration:none;
}
.sitecopy .c17v1 .subtab li a:hover {
text-decoration:underline;
}
/* Overrides for sitecopy */
.sitecopy .c19v1{
%font-size:90%;
}
.sitecopy .c19v1 .chevron li{
margin-bottom:1px;
%margin-bottom:3px;
}
.sitecopy .c19v1 .chevron li a{
font-weight:bold;
%font-size:90%;
}
.sitecopy .c19v1 .chevron li .no-bullet a{
font-weight:normal;
}
.sitecopy .c19v1 .acc-content h2{
color:#666 !important;
font-size:105% !important;
%font-size:120%;
margin:7px 0 0 2px;
%margin:-2px 0 0 0;
}
.sitecopy .c19v1 .acc-header{
font-size:100% !important;
}
.sitecopy .c19v1 .acc-header h4{
%font-size:90% !important;
}
.sitecopy .c17v1 .c19v1{
_font-size:115% !important;
_font-weight:bold;
}
/* Overrides for sitecopy */
.sitecopy div.c24v1{
font-size:100% !important;
}
.sitecopy div.c24v1 p, div.c24v1 p.regular{
font-size:100% !important;
}
/* Sitecopy overrides */
#framework-content-main .sitecopy .item .c26v1 h2 {
font-size:104.2%;
}
#fw-mb .sitecopy .item .c26v1 h2 { /* changed from #libra */
color:#336666;
font-size:104.2%;
margin:20px 75px 10px 14px;
}
.sitecopy .item .c26v1 h2 {
color:#336666;
font-size:104.2%;
margin:20px 75px 10px 14px;
padding:0;
text-align:left;
}
#framework-content-main .sitecopy .c26v1 a {
font-size:100%;
}
/* override for the p tag used in "pull quote without quotes" use case */
.sitecopy .c32v1 p ,
#framework-content-main .sitecopy .c32v1 p{ /* sitecopy.css has this class;w/o this override they default
to 88% font size which counts to 9.6px */
font-size:140%;
_font-size:140% !important;
}
/* Override for the base class ;this is required when we place the Pull quote within tabs component */
.sitecopy .c32v1 {
background: #eeeef0 url(../fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
margin:15px 25px 15px 0;
padding:15px 10px 18px;
}
/* Override to achieve 14px font size for the pull quote text ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 blockquote{
font-size:127.2%;
%font-size:95%;
}
/* Override to achieve 12px font size for the pull quote cite(author name) ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 cite{
font-size:109.1%;
%font-size:120% !important;
}
/* Overrides for sitecopy */
.sitecopy .n03v6{
font-size:100%;
}
.sitecopy .n03v6 h3{
font-size:100% !important;
margin-bottom:10px !important;
}
.sitecopy div.n03v6 a {
text-decoration:none !important;
%font-size:98% !important;
}
.sitecopy .n03v6 p{
font-size:100% !important;
%font-size:95% !important;
}
.sitecopy div.n03v6 img {
%margin-left: 10px;
}
/* Overrides for sitecopy */
.sitecopy div.n03v8{
font-size:105%;
%font-size:110% !important;
}
.sitecopy div.n03v8 h3{
font-size:100% !important;
%font-size:95% !important;
margin:0 0 8px 0 !important;
}
.sitecopy div.n03v8 a{
text-decoration:none !important;
font-size:110% !important;
%font-size:100% !important;
_font-size:90% !important;
}
.sitecopy div.n03v8 ul li {
%font-size:80% !important;
_font-size:88% !important;
}
.sitecopy div.n03v8 p {
%font-size:90% !important;
_font-size:85% !important;
}
/* Overrides for sitecopy */
.sitecopy .n04v4{
font-size:90% !important;
%font-size:95% !important;
}
.sitecopy .n04v5{
font-size:100% !important;
}
.sitecopy .n04v4 a{
text-decoration:none !important;
color:#2f6681 !important;
}
.sitecopy .n04v4 a.vtab{
font-size:130% !important;
}
.sitecopy .n04v4 a:hover{
text-decoration:underline !important;
}
.sitecopy .n04v5 .detail{
font-size:92%;
}
.sitecopy .n04v5 .detail h2 {
color:#333333 !important;
font-size:127.5% !important;
margin:6px 0 1px !important;
}
.sitecopy .n04v5 .detail ul {
margin-left:14px;
margin-top:5px ;
padding:0;
}
.sitecopy .n04v5 .detail ul li {
margin:0 !important;
list-style:disc;
padding-top:3px;
%font-size:100% !important;
}
.sitecopy .n04v5 .detail{
margin-left:-5px;
}
.sitecopy .n04v5 .detail-text {
_width:166px !important;
}