/**
 * libra.css
 * $Revision: 1.19 $
 *
 *  libra.css -- aggregated and minified
 *  DO NOT EDIT THIS FILE -- edit the individual files and rebuild
 *
 * 
 *  Concatenated collection of Libra-related CSS files
 *  . used for libra layouts within portal framework and pages
 *  . uses cisco_base.css
 *  . removes legacy.css
 *  . based on #libra framework
 * 
 *   (c) 1992-2008 Cisco Systems, Inc. All rights reserved.
 *   Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html'
 * 
 *
 * MANIFEST:
 *   /web/fw/c/framework.css 1.41 
 *   /web/fw/c/components.css 1.22 
 *   /web/fw/c/legacy.css 1.3 
 *   /web/fw/w/cl/cl-reset.css 1.2 
 *   /web/fw/w/cl/cl-fonts.css 1.2 
 *   /web/fw/w/cl/cl-defaults.css 1.2 
 *   /web/fw/w/cl/cl-common.css 1.2 
 *   /web/fw/w/cl/cl-base.css 1.8 
 *   /web/fw/w/cl/a00/a00.css 1.2 
 *   /web/fw/w/cl/a03/a03.css 1.2 
 *   /web/fw/w/cl/a11/a11.css 1.2 
 *   /web/fw/w/cl/a06/a06.css 1.2 
 *   /web/fw/w/cl/c00/c00.css 1.2 
 *   /web/fw/w/cl/c01/c01.css 1.2 
 *   /web/fw/w/cl/c11/c11.css 1.2 
 *   /web/fw/w/cl/c15/c15.css 1.2 
 *   /web/fw/w/cl/c17/c17.css 1.2 
 *   /web/fw/w/cl/c19/c19.css 1.2 
 *   /web/fw/w/cl/c24/c24.css 1.2 
 *   /web/fw/w/cl/c25/c25.css 1.2 
 *   /web/fw/w/cl/c26/c26.css 1.2 
 *   /web/fw/w/cl/c28/c28.css 1.2 
 *   /web/fw/w/cl/c32/c32.css 1.2 
 *   /web/fw/w/cl/n03/n03.css 1.2 
 *   /web/fw/w/cl/n04/n04.css 1.2 
 *   /web/fw/w/cl/n05/n05.css 1.2 
 *   /web/fw/w/cl/n09/n09.css 1.2 
 *   /web/fw/w/cl/n19/n19.css 1.2 
 *   /web/fw/w/cl/n21/n21.css 1.3 
 *   /web/fw/w/cl/n22/n22.css 1.2 
 *   /web/fw/w/cl/s01/s01.css 1.2 
 *   /web/fw/w/cl/s02/s02.css 1.2 
 *   /web/fw/w/cl/s04/s04.css 1.2 
 *   /web/fw/w/cl/s07/s07.css 1.2 
 *   /web/fw/w/cl/s14/s14.css 1.2 
 *   /web/fw/w/cl/s15/s15.css 1.2 
 *   /web/fw/c/cl.css 1.10 
 */

/*
 * BEGIN /web/fw/c/framework.css
 */
/****
Libra Framework CSS - framework.css
Revision: 1.41 
. standard html styles
. base structure styles
. btx overrides and fixes
. banner styles
. site area nav style
. hinav styles
. section and page title styles
. footer styles
(c) 1992-2005 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
****/

/***
--------------------
Standard Html Styles
--------------------
. defines font, font size, and link styles
. migrated from legacy.css to framework
. recycled from btx
***/

body#libra {
  margin: 0 5px 0 3px;
  padding:0px;
  font:80.5% Arial,Helvetica,sans-serif; /* Sets base */
  color:#000;
  background-color:#fff;
  min-width:902px;
  }
  * html body#libra {
    font:80% Arial,Helvetica,sans-serif; /* IE6 reset */
    width: expression((documentElement.clientWidth < 910) ? "902px" : "auto" ); /* IE scroll shift */
    }
pre { font-size:124.5%; } /* Reverse default PRE resizing (smaller) in Mozilla-based browsers */
  * html pre { font-size:100%; }
/* End migration from legacy.css */

img { border:0; }
a:link { color:#039; }
a:visited { color:#639; }

/***
---------------------
Base Structure Styles
---------------------
. primarily defines framework table structure
. legend:
     base-main     : outter table - contains tds: column left, column center
     column-center : outter td    - contains table: base content
     base-content  : inner table  - contains tds: column titles, column main, column right
     column-main   : inner td     - contains div: content-main
     content-main  : inner div    - contains actual content
***/

#framework-base-banner {
  margin:0;
  padding:0;
  width:100%;
  }
#framework-wrapper { width: 100%; }
#framework-base-main, #framework-base-content {
  margin:0;
  padding:0;
  width:100%;
  border:0;
  border-collapse:separate;
  border-spacing:0;
  empty-cells:hide;
  vertical-align:top;
  }

/* master declaration for vertical align */
/* #framework-base-banner td, ck: not being used in Libra */
#framework-column-left,
#framework-column-center,
#framework-column-main,
#framework-column-right,
#framework-base-footer td {
  vertical-align:top;
  }

/* main content area styles */
#framework-column-left,
#framework-column-main,
#framework-column-titles,
#framework-column-right {
  padding:0;
  }
#framework-column-left{
  empty-cells:hide;
  max-width:190px;
  }
#libra #framework-base-main { background:none; }

/* min height to footer */
#framework-column-center { height:350px; }
#framework-column-center, #framework-column-main {
  margin:0;
  padding:0;
  width:100%;
  }
#framework-content-main { margin:5px 10px 0 10px; }
#framework-content-right {
  border-collapse:separate;
  empty-cells:hide;
  text-align:center;
  }


/***
-----------------------
Btx Overrides and Fixes
-----------------------
***/

/* right column table overrides */
#framework-content-right table {
  width:188px;
  margin:2px 0 0 8px;
  text-align:left;
  }

/* right column content backward compatibility
. addresses greyline overlap issue due to #framework-content-right table styles
. added 04/01/05
. shouldn't be required in Libra
*/
#framework-content-right table table {
  width:100%;
  margin:0;
  }
#framework-content-right span.content {
  display: block;
  width:188px;
  margin:2px 0 0 8px;
  text-align:left;
  }

/* right column image overrides
. Used for old ad banners outside of table
. added 04/01/05
*/
#framework-content-right img { margin:2px 0 0 8px; }


/* Moz override to select only img's that are children of the right content div */
#framework-content-right>img { width:188px; }

/* IE override - Code counts ChildNodes where length is > 8 for the CAMP comments */
* html #framework-content-right{
    width:expression((document.getElementById('framework-content-right').childNodes.length > 8)? "201px" : "0");
    }

/* reset any img inside table 04/01/05 */
#framework-content-right table img {
  margin-top:0;
  margin-left:0;
  text-align:left;
  }

/* fix spacing issue between 60x60 img and text 04/05/05*/
#framework-column-main tbody tbody tbody span.content img {
  display:block;
  padding-right:10px;
  }



/***
---------------------
Libra Specific Styles
---------------------
. generic round corners
. added 09/01/06
***/

/*** Generic Rounded Corner Module Declaration ***/
.corner-top, .corner-left, .corner-bottom {
  background-repeat:no-repeat;
  display:block;
  position:relative;
  font-size:0;
  line-height:0;
  margin:0;
  padding: 0;
  height:3px;
  }
.corner-top {
  background-position:100% 0;
  width:auto;
  top:-1px;
  right:-1px;
  }
.corner-top .corner-left {
  background-position:0 -6px;
  width:3px;
  left:-2px;
  }
.corner-bottom {
  background-position:100% -3px;
  clear:both;
  width:auto;
  bottom:-1px;
  right:-1px;
  }
.corner-bottom .corner-left {
  background-position:0 -9px;
  width:3px;
  left:-2px;
  }

/* Corner Themed Overrides
. corner image/color/module margins should be overridden in a module css
*/
.cdc-rc-container {
  border:1px solid #ccc;
  width:auto;
  margin:0;
  padding:0;
  }
.corner-top, .corner-left, .corner-bottom {
  background-image: url(../i/cr_def.gif);
  }


/***
---------------------------------
Framework Banner
---------------------------------
. relative positioned (sits along top, regardless of where its served on linearized page).
. Banner includes: logo, secondary-navigation, and search.
. legend:
     region-selector : worldwide
***/

#framework-base-banner {
  margin:0;
  padding:0;
  }
#framework-header {
  position:relative;
  overflow:visible;
  height: 72px;
  text-align:right;
  }
#framework-logo {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  height:72px;
  z-index:1010; /* Moz logo active - must be above framework-header (1000) */
  }
#framework-header .nav-secondary {
  position:relative;
  margin-right:-1px;
  padding:12px 0 0 10px;
  height:25px;
  font-size:86%;
  color:#666;
  background-color:transparent;
  white-space:nowrap;
  }
.nav-secondary {
  color:#666;
  background-color:transparent;
  }
.nav-secondary .region-selector {
  margin:0 26px 0 90px;
  }
.nav-secondary .region-selector span.region,
.nav-secondary .region-selector span.language {
  font-weight:bold;
  }
.nav-secondary .region-selector .language-selector {
  padding-left:4px;
  }
#framework-header .nav-secondary a,
#framework-header .nav-secondary a:visited {
  color:#2f6681;
  background-color:transparent;
  text-decoration:none;
  }
#framework-header .nav-secondary a:hover {
  text-decoration:underline;
  }
#framework-header .nav-secondary .link-delimiter {
  padding:0 7px 0 4px;
  }
#framework-header .nav-secondary a.login,
#framework-header .nav-secondary .loggedin {
  font-weight:bold;
  }
#framework-header .search-entitlement {
  visibility:hidden; /* NS7 */
  display:none;
  }
#framework-header .search {
  float:right;
  height:22px;
  }
#framework-header .search label {
  visibility:hidden; /* NS7 */
  display:none;
  }
#framework-header #searchPhrase {
  float:left;
  margin:0 -1px 0 0;
  padding:1px 0 2px 3px;
  height:100%; /* Moz text-box resize */
  width:250px;
  border:1px solid #ccc;
  border-top:2px solid #999;
  border-left:2px solid #999;
  font-size:100%; /* IE text-box resize */
  }
#framework-header .search #go {
  float:left;
  height:22px;
  width:31px;
  }

/*
--------------------------
Contextual Search (Search 2.0)
--------------------------
*/

#framework-header {
  z-index:1000;
  }

/* Have to create 2 ids to handle 2 forms */
#search-drop-down, #search-results-drop-down {
  display:none;
  position: absolute;
  z-index:10000;
  }
#autoSuggest{
  margin-top:0px;
  padding-left:7px;
  padding-right:5px;
  display:none;
  background-image:url(/web/fw/i/framework_infohover_mid.png);
  _background-image:url(/web/fw/i/framework_infohover_mid.gif);
  }
#search-results-drop-down #autoSuggest{
  background-image:url(/web/fw/i/searchresults_infohover_mid.png);
  _background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
  }
div.suggestionEntry {
  width: 236px; 	/* excludes the 10px spacing on the both sides */
  color: #2F6681;
  text-align:left;
  }
#search-results-drop-down div.suggestionEntry {
  width: 420px;
  }

div.suggestionEntryHover {
  background-color: #DDE6EB;
  color: #2F6681;
  text-decoration: underline;
  text-align:left;
  }

div.suggestionEntry, div.suggestionEntryHover {
  padding: 2px 10px 2px 10px;
  white-space: nowrap;
  overflow: hidden;
  }

#contextual-search-buttons {
  display:none;
  text-align:left;
  background-image:url(/web/fw/i/framework_infohover_mid.png);
  _background-image:url(/web/fw/i/framework_infohover_mid.gif);
  padding:4px;
  padding-left:12px;
  }
#search-results-drop-down #contextual-search-buttons {
  background-image:url(/web/fw/i/searchresults_infohover_mid.png);
  _background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
  }

.contextual-search-link {
  cursor:pointer;
  background-color:#FFFFFF;
  };
hr.contextual-search-hr {
  border:none;
  height:1px;
  color:#CCCCCC;
  background-color:#CCCCCC;
  }

div.contextual-search-top {
  height:12px;
  background-image:url(/web/fw/i/framework_infohover_top.png);
  _background-image:url(/web/fw/i/framework_infohover_top.gif);
  }
#search-results-drop-down div.contextual-search-top {
  background-image:url(/web/fw/i/searchresults_infohover_top.png);
  _background-image:url(/web/fw/i/searchresults_infohover_top.gif);
  }

div.contextual-search-bot {
    height:12px;
    background-image:url(/web/fw/i/framework_infohover_bot.png);
    _background-image:url(/web/fw/i/framework_infohover_bot.gif);
    background-position:bottom left;
    }
#search-results-drop-down {
    background-image:url(/web/fw/i/searchresults_infohover_bot.png);
    _background-image:url(/web/fw/i/searchresults_infohover_bot.gif);
    }

/***
---------------------------------
Site Area Navigation
---------------------------------
. features overrides to generic rounded corners css
. defines border and the corners.
. content to define height & keep the corner positioning correct
. legend:
    cdc-nav-module : wrapper div
    nav-container  : table
    nav            : table column cells
***/

#cdc-nav-module {
  margin:1px 0 0 0;
  background:url(../i/pnav-bg.gif) repeat-x top left;
  }
  /* IE requires height. FF1.0 takes literally */
  * html #cdc-nav-module {
    height:1%;
    }
#cdc-nav-module .nav-container  {
  margin:-3px 0 0 0;
  padding:0;
  width:796px;
  }
#cdc-nav-module .nav {
  margin:0;
  padding:6px 7px 6px 8px;
  border-right:1px solid #ccc;
  }
  * html #cdc-nav-module .nav {
  /* IE hover alternative */
  behavior: expression(
    this.onmouseenter=new Function("this.className+=' hover'"),
    this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
    this.style.behavior=null);
    }
#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
  background:url(../i/pnav-bg-on.gif) repeat top left; /* ck */
  }
#cdc-nav-module .nav a {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  height:auto; /* Required. Not 100% */
  color:#2f6681;
  background-color:transparent;
  font-size:90%;
  line-height:1.13em; /* default 4px line-height; */
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  }
#cdc-nav-module .nav:hover a, #cdc-nav-module .hover a {
  position:relative;
  color:#fff;
  }

/***
-----------------------------------
Web Hierarchical Navigation - hinav
-----------------------------------
. defines classes: parent, peer, selected, & child.
. legend:
     li    : bottom
     li li : all others
***/

.hinav {
  position:relative;
  padding:9px 8px 21px 0;
  }
  * html .hinav { width:182px; }
.hinav h3 { display:none; }
.hinav ul {
  margin:0;
  padding:0;
  }
.hinav li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
  }
.hinav li a, .hinav li a:visited, .hinav span {
  position:relative;
  display:block;
  margin-bottom:-1px;
  color:#2f6681;
  background-color:transparent;
  font-size:86%;
  text-decoration:none;
  border-bottom:1px solid #acc2cd;
  }

/* Bring selected to front */
.hinav li a.selected, .hinav li a.selected:visited, .hinav span.selected {
  z-index:10;
  background-color:#dde6eb;
  border-top:1px solid #c8cacc;
  border-bottom:1px solid #acc2cd;
  }

/* Cancel topmost border */
.hinav li li a, .hinav li li a:visited,  .hinav li li span {
  border-top:1px solid #d5e0e6;
  }
.hinav a, .hinav a:visited, .hinav span {
  padding:3px 6px 3px 7px;
  width:169px; /* IE redraw */
  }
.hinav a.peer, .hinav a.peer:visited,
.hinav a.selected, .hinav a.selected:visited,
.hinav span.peer, .hinav span.selected {
  padding-left:15px;
  width:161px; /* IE redraw */
  font-weight:bold;
  }
.hinav a.child, .hinav a.child:visited, .hinav span.child {
  padding-left:28px;
  width:147px; /* IE redraw */
  }

/* hinav special case for peers of parent */
.hinav.show_parent_peers a.parent_peer {
   padding-left: 15px !important;
   width: 162px !important;
   }
.hinav.show_parent_peers li a.selected {
  padding-left: 28px !important;
  width: 149px !important;
  }



/***
---------------------------------
Libra Section and Page Titles CSS
---------------------------------
. features overrides to btx
. can be used with btx version of framework.css
. legened:
    title-section : h1
    title-page    : h2
***/

/*** Page and Section Titles ***/

#framework-content-titles h1, #framework-content-titles h2 {
  margin:0;
  padding:0 0 0 10px;
  font-family: Arial, Helvetica, Sans-serif;
  }
#framework-content-titles h1 {
  margin:13px 0 -10px 0;
  font-size:87%;
  color:#8e9091;
  }
#framework-content-titles h2 {
  padding:13px 0 7px 9px;
  font-size:175%;
  line-height:0.92em;
  color:#424e53;
  border-bottom:1px solid #ccc;
  }
#framework-content-titles  > h2:first-child {
  margin-top:-1px;
  }

/***
---------------------------------
Footer
---------------------------------
. defines styles for: text/link, copyright, legal
***/

#framework-footer {
  margin:28px 0 0 15px;
  font-size:86%; /* Set font smaller than normal */
  color:#333;
  background-color:#fff;
  line-height:120%;
  }
#framework-footer a, #framework-footer a:visited {
  color:#2f6681;
  background-color:transparent;
  text-decoration:none;
  }
#framework-footer a:hover {
  text-decoration:underline;
  }
#framework-footer #footer-copyright {
  padding:0 7px 0 0;
  float:left;
  }
#framework-footer #footer-legal {
  float:left;
  padding-bottom:18px;
  }

.skiplinks {display:inline; position:absolute; visibility:visible; top:-110px;  }
.skiplinkShow { background-color:#fcfcfc;padding:10px;border:1px solid #ccc; visibility:visible; left:125px;top:20px; display:block; position:absolute;z-index:100; }
#home-header .search label { display:inline; visibility:visible; }
.skiplabel { float:left; margin-left:-99999px;}
/*
 * END /web/fw/c/framework.css
 */
/*
 * BEGIN /web/fw/c/components.css
 */
/*
components.css
Revision: 1.22 
. modules
(c) 1992-2007 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/

/*
************************************************
simulated libra right column framework
(also see framework.css libra overrides)
************************************************
*/
    #libra .module-related,
    #libra .module-blob,
    #libra .module-myaccount,
    #libra .module-adbanner,
    #libra .ad-right {
        padding:0px 0px 0px 8px;
    }

    #libra .module-related,
    #libra .module-blob,
    #libra .module-myaccount,
    #libra .module-adbanner,
    * html #libra .module-related,
    * html #libra .module-blob,
    * html #libra .module-myaccount,
    * html #libra .module-adbanner {
        width:188px;
    }
/*
************************************************
web module related tools, related links, & blob
************************************************
*/
	.module-related, .module-blob {
		width:186px;
		margin:2px 0px 10px 0px;
		padding:0px 0px 0px 2px;
		text-align:left;
	}
    * html .module-related, * html .module-blob {
		width:187px;
		padding:0px 0px 0px 3px;
    }
	.module-related h3 {
		display:block;
		margin:0px 0px 3px 0px;
		padding:3px 12px;
		color:#fff;
		background-color:#999;
		font-weight:bold;
		text-decoration:none;
		font-size:85%;
	}
	.module-related h4 {
		display:block;
		margin:0px;
		font-size:85%;
		padding:1px 12px 0px 12px;
		color:#666;
		font-weight:bold;
		text-decoration:none;
	}
	.module-related ul {
		display:block;
		margin:0px 0px 3px 0px;
		border:0px;
		padding:0px;
		font-size:85%;
	}
	.module-related ul li {
		display:block;
		list-style:none;
		margin:0px;
		padding:0px 0px 3px 12px;
	}
/*
*****************************
web module myaccount
******************************
*/
	.module-myaccount {
		width:186px;
		margin:2px 0px 10px 0px;
		padding:0px 0px 0px 2px;
		text-align:left;
	}
    	* html .module-myaccount {
		padding:0px 0px 0px 3px;
		margin-top:1px;
    	}
	.module-myaccount h3 {
		display:block;
		margin:0px 0px 3px 0px;
		padding:3px 12px;
		color:#fff;
		background-color:#900;
		font-weight:bold;
		text-decoration:none;
		font-size:85%;
	}
	.module-myaccount .content {
		display:block;
		margin:0px 0px 3px 0px;
		padding:3px 12px;
		color:#000;
		font-size:85%;
	}
/*
********************************
web module ad banner
********************************
*/
	.module-adbanner {
		width:186px;
		margin:2px 0px 10px 0px;
		padding:0px 0px 0px 2px;
		text-align:left;
	}
    	* html .module-adbanner {
        width:187px;
		padding:0px 0px 0px 3px;
		margin-top:1px;
    	}
	.ad-right{ /* temp for dummy right content data or keep? */
		margin:1px 0px 0px 2px;
		padding: 0px 0px 0px 3px;
        text-align:left;
	}

/*
********************************
web module page popups
********************************
*/
	#framework-popup-banner,#framework-popup-main,#framework-popup-footer{
  		border-collapse:separate;
  		border-spacing:0px;
		vertical-align:top;
		border:0px;
		padding:0px;
		margin:0px;
		width:100%;
		empty-cells:hide;
	}
	#framework-popup-main{
		margin-top:15px;
	}
	#framework-popup-footer{
		border-top:1px solid #ccc;
	}
	#framework-popup-banner #framework-column-header{
		height:72px;
		width:100%;
	}
	#framework-popup-banner #framework-header {
		position:absolute;
		margin:3px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		top:0px;
		left:0px;
		z-index:1;
		height:72px;
		min-width:0px;
		width:100%;
		background:url(/swa/i/popup-header-bkg.gif) no-repeat left bottom;
	}
	#framework-popup-banner #framework-logo {
		position:absolute;
		margin:0px 0px 0px 0px;
		padding:0px;
		top:0px;
		left:25px;
		z-index:2;
	}
	#framework-popup-banner #framework-header .search {
		position:absolute;
		height:27px;
		top:38px;
		right:0px;
		margin:0px;
		padding-left:197px;
		background:url(/swa/i/search-bkg.gif) no-repeat;
	}
	#framework-popup-banner .popup-title-content {
		position:absolute;
		left:159px;
		bottom:15px;
		width:45%;
		padding:0px 0px 0px 0px;
	}
	#framework-popup-banner .popup-title-page {
		color:#666666;
		font:18px Verdana;
		font-weight:bold;
		margin:0px 0px 1px 0px;
		line-height:100%;
	}
	/* Main content container */
	#framework-popup-main #framework-content-main {
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	#framework-popup-footer #framework-footer {
		min-width:0px;
	}
	#framework-popup-footer #framework-footer .legal {
		margin:10px 0px 0px 18px;
	}
	/* Override for content-css column popups */
	#framework-popup-contentcss #framework-content-main {
		margin:5px 30px 20px 24px;
	}
	/* Override for long column content popups */
	#framework-popup-long #framework-content-main {
		margin:5px 187px 20px 160px;
	}
	/* Override for standard column popups */
	#framework-popup-standard #framework-content-main {
		margin:5px 30px 20px 160px;
	}

	/* utility style, used currently by cross-nav, but may be applicable elsewhere */
	.clear-all { clear:both; font-size:1px; line-height:1px; }
	/* left here purely for amusement */
	.nothing {}
	/* Overrides for IE are designated by starting with '* html' and are located next to the rule they are overriding */
	/* from: listing_2column.xsl */
	.categoryHome {
		margin-top:-7px;
		margin-left:-1px;
		font-size:88%;
		line-height:110%;
	}
	.categoryHome .flat-list {
		margin-top:16px;
	}
	.categoryHome .listing {
		margin-top:0;
		padding-top:0;
		padding-right:11px;
	}
* html .categoryHome .listing {
		padding-right:16px;
	}
	.categoryHome ul {
		margin:0;
	}
	.categoryHome .listing .link,
	.categoryHome .listing .heading {
		margin-bottom:6px;
	}
	.categoryHome .listing .lastlink {
		margin-bottom:10px;
	}
	.categoryHome .listing .tier1 .heading{
		font-weight:bold;
		margin-top:16px;
		margin-bottom:6px;
	}
	.categoryHome .listing .tier2 {
		margin-left:8px;
	}
	.categoryHome .listing .tier3 {
		margin-left:16px;
	}
/* from listing_lll.xsl */
.llldropmenu {
	background-color:#ccc;
	width:100%;
	margin:0 0 18px 0;
	border:0;
	border-collapse:collapse;
}
* html .llldropmenu {
	border-bottom:#fff 1px solid;
}
.llldropmenu fieldset {
	border:0;
	font-size:95%;
	padding:4px;
}
.llldropmenu .title {
	display:block;
	float:left;
	margin-top:4px;
	font-weight:normal;
}
.low-level {
	margin-left:7px;
	margin-top:-1px;
	font-size:95%;
}
* html .low-level {
/*	padding-top:8px;*/
}
.low-level ul.listing {
	list-style-type:none;
	margin-top:-8px;
	padding:0;
	margin-left:0;
	font-size:95%;
}
* html .low-level ul.listing {
	margin-top:6px;
}
.low-level .listing ul {
	list-style-type:none;
	margin:-1px 0 0 9px;
	padding:0;
}
* html .low-level .listing ul {
	margin-top:0px;
}
.low-level .listing .heading {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin:9px 0 3px 0;
}
.low-level .has-groups .listing .ungroup {
	margin:26px 0 0 0;
}
* html .low-level .has-groups ul.listing ul.ungroup {
	margin-top:12px;
}
.low-level .no-groups ul.listing ul.ungroup {
	margin:11px 0 0 0;
	padding-top:2px;
}
* html .low-level .no-groups ul.listing ul.ungroup {
	margin-top:-19px;
	padding-top:0;
}
.low-level .listing ul li {
	margin-top:5px;
}
/* from cross_nav.xsl (aka ordering.xsl)*/
/* this replicates spacing for inline-links */
.inline-link {
margin: 0 .25em;
}
/* These are the overrides for module context will be globally av. in the future... */
/* these are the equivalent of the moduleTitle, moduleLink and moduleContent styles from cdc.css */
/* module also formats the wrapping div */
	.module {
		background-color: #ffffff;
		padding: 6px 0;
		margin: 0;
		text-align:left;
	}

/* this is the spacing on divs within a module */
	.module div {
		padding: 1px 3px 0px 3px;
		margin: 0;
	}
/* module title also formats the div that the title is in */
	.module .title {
		font-size:85%;
		color:#ffffff;
		background-color: #336666;
		background-image: url(/web/fw/i/corner_ur_7.gif);
		background-position: right top;
		background-repeat:no-repeat;
		padding: 2px 1px 1px 7px;
	}
	.module .contentArea {
		border: #336666 1px solid;
		padding-top:2px;
	}
	.module .header {
		font-size:85%;
		color:#ffffff;
		line-height:14px;
		margin-bottom:-1px;
	}
	.module .link, .module .content {
		font-size:85%;
		line-height:14px;
		margin: 0px 0px 3px 0px;
	}
	.module .bar {
		background-color: #666666;
		height:1px;
		margin: 6px 0px 3px 0px;
		width:100%;
	}
/* styling cross-nav module implementation: cross_nav.xsl - formerly ordering.xsl */
/* from: cross_nav.xsl - formerly ordering.xsl */
	.cross-nav {width:201px; float:right;}

	/* override some global styles */
	.module div {
		position:relative;
		padding:0;
	}
	.cross-nav .module .header {
		margin-bottom:0px;
		background-color: #ffffff;
		padding-top:6px;
	}

	.cross-nav .module .title {
		background-image: none;
		color:#666666;
		background-color: #d6d8da;
		padding:1px 0px 3px 7px;
		font-weight:bold;
		border: 0;
	}
	.cross-nav .module .header a {
		font-weight:bold;
	}
	.cross-nav .module .header {
		font-size:105%;
		border-bottom: #e3e3e3 1px solid;
	}
	/* these styles affect the entire module */
	.cross-nav .module .header, .cross-nav .module .contentArea {
		border-left: #d6d8da 1px solid;
		border-right: #d6d8da 1px solid;
		border-bottom: #d6d8da 1px solid;
    }
	.cross-nav .module .contentArea {
		border-top: none;
		padding-top:2px;
	}
	.cross-nav .module .content {
		line-height:12px;
		margin-bottom:0px;
		padding: 1px 7px 8px 7px;
	}
	.cross-nav .module .link {
		padding-left: 16px;
	}
/* GC: styling 'New!' links on low level listings */
/* from: link_formatter.xsl */
	.is-new-link {
		margin: 0;
		padding: 0;
		border: 0;
		background: #fff;
		color:#990000;
		font-family: arial, helvetica, sans-serif;
		font-size:95%;
	}

/* GC: styling 2 column listing with short descriptions: listing_2column_desc.xsl */
/* from: listing_2column_desc.xsl */
.listing-2col-desc .categoryHome {
	font-size:102%;
}
.listing-2col-desc .categoryHome h3 {
	font-size:98%;
}
.listing-2col-desc .categoryHome .list-item-desc p {
	margin: 0;
	padding: 5px 0;
	font-size:95%;
}
.listing-2col-desc .categoryHome .tier1 p {
	margin: 0;
	padding: 0;
}
.listing-2col-desc .categoryHome .link {
	margin: 4px 0 0 0;
	padding: 0 0 0 0;
}
.listing-2col-desc .categoryHome .link a {
	font-weight: bold;
	font-size:95%;
}
.listing-2col-desc .categoryHome td.listing {
	padding: 0 15px 0 0;
}
/* GC: added for and IE table width fix to support variable width floating in a column*/
.table-width-fix { width:auto; }
.table-width-fix table { width:auto; margin-right:3px;}
* html .table-width-fix table { width:auto; margin:0;} /* IE override for margin issue */
.table-width-fix table table { width:100%; margin:0; }
/*
******************************************
Fixes and Overrides for Exisiting Content
******************************************
*/
	/* Fixes download module link from being aligned right (IE only) */
	#framework-content-main td td td { text-align:left; }
	/* Reset all margins to 0, framework is now setting margins */
	.contentMargins, .contentTier1Margins, .tier1Margins{
		margin-left:0px;
	}

    /* Right Nav Content in DIV wrapper */
    #rnav-wrapper {
		text-align: left;
    }
    /* Olgivy overrides for Partner & Reseller section */
    #rnav-wrapper {
       		width:187px;
    }
    #rnav-bar-gray {
       		margin:1px 0px 0px 3px;
      		width:100%;
    }
    #rnav-box-white {
       		margin:0px 0px 0px 3px;
       		width:100%;
    }
/*
************************************************
Following are styles needed for supported blobs
that are not part of framework
(Sidebar module, )
************************************************
*/
/*
************************************************
Sidebar module
************************************************
*/
.sidebar-region {
	width:186px;
	margin: 7px 0px 7px 2px;
	padding: 0px 0px 0px 0px;
	background-color: #eeeeee;
	text-align:left;
}
#libra .sidebar-region {
    background-color: #eaeff2;
}
* html .sidebar-region {
	width:187px;
	margin: 7px 0px 7px 3px;
}
.sidebar {
	padding: 10px 9px 0px 10px;
	color:#666666;
	font-size: 83%;
	background-image: none;
}
.sidebar h5 {
	margin: 0px 0px 10px 0px;
	font-size: 90%;
	line-height: 90%;
	color:#333333;
}
.sidebar h2 {
	display: block;
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	color: #990000;
}
#libra .sidebar h2 {
    	color: #8d5e01;
}
.sidebar h3 {
	display: block;
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	color: #666666;
}
.sidebar p {
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 100%;
}
/* For sidebar_module.xsl and its clones
  - this floating module is heavily used for download links on product support documents */
    .module-sidebar-xsl {
       padding:0 7px 4px 4px;
       border:1px solid #ccc;
       width:186px;
       float:right;
       text-align:left;
   }
    .module-sidebar-xsl  .main-header {
       margin:0 -7px 0 -5px;
       padding:0px 7px 1px 4px;
       background-color:#d5e0e6;
       color:#666;
    }

    .module-sidebar-xsl h3.main-header {
        font-size:100%;
    }
    .module-sidebar-xsl ul {
	margin:0;
	padding:0;
    }
    .module-sidebar-xsl li {
	margin:0;
	padding-top:4px;
	list-style-type:none;
        font-size:95%;
    }

/* for featured links and its clones
   - mostly seen in product series pages */
    .module-featured-links {
       padding:0 7px 7px 5px;
       border:1px solid #ccc;
       display:table; /* for gecko */
       margin-right:3px; /* for gecko */
       width:100%;
      /* IE stuff */
       float:expression(this.parentElement.offsetWidth - this.offsetWidth > 10?left:none);
       %width:auto;
/*       %margin-right:20px;*/
       %height:1%;
   }
    .module-featured-links  .main-header {
       margin:0 -7px 4px -5px;
       padding:2px 7px 1px 5px;
       background-color:#d5e0e6;
       color:#666;
    }
    .module-featured-links {
        font-size:86%;
    }
    .module-featured-links h3.main-header {
        font-size:110%;
    }
    .module-featured-links ul {
	margin:0;
	padding:0;
    }
    .module-featured-links li {
	margin:0;
	padding-bottom:4px;
	list-style-type:none;
    }
    .module-featured-links li p {
        margin-top:0;
        padding-top:0;
    }

    .module-featured-links .colset:after,
    .module-featured-links .group-description:after,
    .module-featured-links .thumb:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
    }
    .module-featured-links .colset,
    .module-featured-links .group-description,
    .module-featured-links .thumb { %height:1%; }
    .module-featured-links .colset {
        margin-right:-10px;
    }
    .module-featured-links .col {
        float:left;
        width:49.99%; /* ie can't handle 50% here ! */
    }

    .module-featured-links .thumb .thumb-img {
       float:left;
       margin: 3px 5px 13px 0px;
    }
    .module-featured-links .thumb .thumb-txt {
       margin-left:65px;
       min-height:60px;
       padding-bottom:6px;
       padding-right:10px;
    }
    * html .module-featured-links  .thumb .thumb-txt {
       height:60px;
    }
    .module-featured-links  .thumb .thumb-txt h2,
    .module-featured-links .thumb .thumb-txt p,
    .module-featured-links .thumb .thumb-txt a {
       margin:0;
    }
    .module-featured-links .thumb.wrap .thumb-txt{
       margin-left:0px;
    }
    .module-featured-links .group-description img {
        float:left;
        width: auto;
    }
    .module-featured-links .group-description p {
/*        padding-right:10px; */
    }

/*
************************************************
Task Based Navigation
************************************************
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/* Most Requested Resources Module */
#content-requested-resources {
    position:relative;
    margin:10px 0px 13px 0px;
    background-color:#eaeff2;
    border:1px solid #ccc;
    min-width:500px;
    min-height:145px; /* based on NetPro blob */
    }
* html #content-requested-resources {
    height:145px;
    }
#content-requested-resources h3 {
    margin:0;
    padding:2px 0 3px 10px;
    font-size:86%;
    color:#000;
    background-color:#ccc;
    min-height:1.3em;
    }
* html #content-requested-resources h3 {
    margin-right:-10px;
    height:1.3em;
    }
#content-requested-resources .resources { margin:7px 0 3px; }
* html #content-requested-resources .resources { width:auto;}
/* NetPro Blob Settings */
#content-requested-resources .resources ul {
    float:left;
    margin:0 0 0 10px;
    padding:0 340px 0 0;
    list-style-type:none;
    }
* html #content-requested-resources .resources ul {
    margin:0 0 0 5px;
    padding-right: 335px;
}
#content-requested-resources .resources li {
    margin-bottom:6px;
    font-size:86%;
    }
#content-requested-resources .blob {
    position:absolute;
    right:0px;
    margin:1px 10px 0 25px;
    padding:0;
    width:305px;
    font-size:86%;
    line-height:110%;
    font-weight:bold;
    color:#666;
    }
#content-requested-resources .blob a { font-weight:normal; }
#content-requested-resources .blob #rssreader { margin-top:5px; }
/* Right Column - Module Display Selector  */
#framework-content-right #module-display-selector #prod-photo {  margin-bottom:3px; }
* html #framework-content-right #module-display-selector #prod-photo { margin-bottom:0; }
#framework-content-right #module-display-selector #prod-photo,
#framework-content-right .prod-link,
#framework-content-right .cross-nav {
	width:188px;
	margin-left:5px;
	}
* html #framework-content-right #module-display-selector #prod-photo,
* html #framework-content-right .prod-link,
* html #framework-content-right .cross-nav {
	margin-left:0px;
	}
#framework-content-right .cross-nav {
    margin-bottom:-3px; /* ContentCSS margin fix to not hide clear-all */
    %margin-top:0px; /* IE6/7 */
    float:none; /* ContentCSS float clear */
    }
#framework-content-right #module-display-selector table,
#framework-content-right #module-display-selector img { margin:0; }
#framework-content-right #module-display-selector {
    margin:10px 0 0 0;
    text-align:left;
    }
* html #framework-content-right #module-display-selector { margin-left:6px; }
/* Maintain existing (no packaged) link formatting */
.prod-link {  margin-bottom:7px; }
#framework-content-right #module-display-selector .prod-link { margin-bottom:3px; }
* html #framework-content-right #module-display-selector .prod-link { margin-bottom:2px; }
#framework-content-right #module-display-selector .prod-link .captionlink { font-size:95%; }
.ellipsis {
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:99%;
   %width:170px;
   _width:86%;
}
a .ellipsis {
    cursor: pointer;
}
/*
************************************************
Widgets
************************************************
*/
.widget-indicator { display:none; }
/*
************************************************
Partner Locator Widget
************************************************
*/
#partner-locator h4 {
    font-size: 100%;                /* fixes h4 conflict */
    padding: 5px 0;
}
#partner-locator form {
    margin-top: -3px;
    border: solid 1px #999;
    border-top-width: 0;
    padding: 6px 0 6px 12px;
    margin-bottom: 0;
}
#partner-locator input,
#partner-locator select {
    width: 158px;
    %width: 156px;
    font-size: 86%;
    color: #666;
}
#partner-locator select {
    width: 162px;
}
#partner-locator input.submit {
    color: #2F6681;
    font-family: arial;
    font-size: 100%;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 1px 6px 2px;
    %padding: 1px 8px;
    width: auto !important;
    overflow:visible;
}
*html #partner-locator input.submit {
    width:1%;
}
#partner-locator img {
    display: none !important;
}
/*
************************************************
Widget - Accordion
************************************************
*/
.cdc-widget-accordion {
    border: 1px solid #ccc;
    font-size: 85.5%;
    color: #666;
}
.cdc-widget-accordion h2.acc-title {
    background: #fff;
    font-size: 109%;
    color: #666;
    margin: 0;
    padding: 7px 11px 6px 11px;
}
.sitecopy_hs .cdc-widget-accordion h2.acc-title {
    font-size: 124%;
}
.contcss .cdc-widget-accordion h2 {
    font-size: 126.5%;
}
.cdc-widget-accordion .acc-panel {
    background-color: #c7cfd2;
}
.cdc-widget-accordion a.acc-header {
    cursor: pointer;
    font-weight: bold;
    color: #666 !important;
    text-decoration: none;
    overflow: hidden;
    /*white-space: nowrap; // didn't work for ie */
    padding: 4px 11px;
    margin: 0;
    display: block;
}
.contcss .cdc-widget-accordion a.acc-header {
    font-size: 116%;
}
.cdc-widget-accordion .acc-header h4 {
    margin: 0;
    font-size: 100%;
    color: #666;
}
.sitecopy .cdc-widget-accordion a.acc-header {
    font-size: 100%;
}
.sitecopy_hs .cdc-widget-accordion a.acc-header {
    font-size: 114%;
}
.cdc-widget-accordion .acc-panel {
    background: url('/web/fw/w/accordion/inactive_bg.jpg') repeat-x;
}
.cdc-widget-accordion .acc-active {
    background: url('/web/fw/w/accordion/active_bg.jpg') repeat-x;
    background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-arrow {
    padding-left: 27px;
    background: url('/web/fw/w/accordion/acc-arrow-right.gif') 10px 6px no-repeat;
}
.cdc-widget-accordion a.acc-arrow-active {
    padding-left: 27px;
    background: url('/web/fw/w/accordion/acc-arrow-down.gif') 10px 6px no-repeat;
}
#framework-base-content .cdc-widget-accordion .acc-header:hover {
    text-decoration: none;
}
.cdc-widget-accordion .acc-overlay {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0;
    margin: 0;
    overflow: auto;
    display: block;
}
.cdc-widget-accordion .acc-content {
    text-align: left;
    padding: 9px 12px 16px 12px;
    margin: 0;
}
/*
 ********************************************************
 *            Backpack: framework
 ********************************************************
 */
#mycisco {
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:5px 7px 5px 8px;
	z-index:900;
	width: 93px;
	border-top:1px solid #ededee;
	border-bottom:1px solid #ededee;
}
#mycisco:hover, #mycisco.mh {
	background:url(/web/fw/i/pnav-bg-on.gif) repeat top left;
	border-width:0px;
	%padding-top:6px;
}
#cdc-nav-module .open {
	background:url("/web/fw/w/backpack/bp-top-gr.gif");
}
#mycisco-anchor {
	position:relative;
	display:block;
	margin:0;
	height:auto;
	color:#2f6681;
	background-color:transparent;
	font-size:90%;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:url("/web/fw/w/backpack/mycisco-open.gif") right top no-repeat;
	padding:0px 6px 0px 0px;
	%padding:0px 5px 0px 0px;
	white-space: nowrap;
}
#mycisco:hover #mycisco-anchor,#mycisco.mh #mycisco-anchor {
	color:#fff;
	background:url("/web/fw/w/backpack/mycisco-open-hover.gif") right top no-repeat;
}
#cdc-nav-module #mycisco.open #mycisco-anchor {
	color:#2f6681;
	background:url("/web/fw/w/backpack/mycisco-close.gif") right top no-repeat;
}
#mycisco-discovery {
	width: 188px;
	color: white;
	padding: 0;
	position: absolute;
	display: none;
	top: 10px;
	left: -50px;
}
#mycisco-discovery-top {
	width: 195px;
	height: 8px;
	margin: 0;
	padding: 0;
}
#mycisco-discovery-tooltip {
	padding: 5px 15px 12px 14px;
	width: 165px;
}
html>body #mycisco-discovery-top {background:url(/web/fw/w/backpack/discovery-notification-top.png) no-repeat top left;}
html>body #mycisco-discovery-tooltip { background:url(/web/fw/w/backpack/discovery-notification-bott.png) no-repeat bottom left; }
* html #mycisco-discovery-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/backpack/discovery-notification-top.png',sizingMethod='scale'); }
* html #mycisco-discovery-tooltip { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/backpack/discovery-notification-bott.png',sizingMethod='scale'); }
#mycisco-discovery-bottom { border-top: 1px solid #80949e;  padding-top: 6px; margin-top: 16px;}
#mycisco #backpack a {
	color:#2f6681;
	display:inline;
	text-decoration:none;
}
#backpack {
	right:-8px;/* -7 ck: b268 */
	top:7px;
	width:234px; /* ck: b268 */
	position:absolute !important;
	display:none;
	z-index:900;
	padding:0px;
	margin:0px;
	background:url("/web/fw/w/backpack/bp-top-gr.gif") repeat-x 0px -20px;
	background-color:#f3f3f4;
}
* html #backpack {
	right:-1px;
}
#backpack-body {
	padding:12px 0px 8px 0px;
	_padding-bottom:0px;
	margin-left:-6px;
	width: 240px;
        _margin-left:-5px;
        _width:239px;
	position:relative;
}
html>body #backpack-body {background:url("/web/fw/w/backpack/bp-bg.png") repeat-y 1px 0;}
* html #backpack #backpack-body {
       filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web/fw/w/backpack/bp-bg.png",sizingMethod="scale");
   	background-position:1px 0;
}
#backpack h2 {
	color:#fff;
	background-color:#5e5e5e;
	margin:0;
	padding:4px 0 4px 9px;
	width:222px;
	border-bottom:1px solid #757575;
}
#backpack #backpack-header-wrap {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #d2d2d2; /* b268 ccc */
	width:123px;
	position:absolute;
	left:7px;
	top:-0px;
	%top:-16px;
}
* html #backpack #backpack-header-wrap {
	top:-16px;
	left:7px;
}
#backpack-corners {
	width:239px;
	text-align:center;
	height:8px;
	margin:0 -5px -5px; /* ck: b268 */
	padding:7px 0 0;
	_margin-top:-4px;
	cursor:pointer;
	position: relative;
}
html>body #backpack-corners {
        background:url("/web/fw/w/backpack/bp-bot.png") bottom left no-repeat;
}
* html #backpack-corners {
        padding: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/web/fw/w/backpack/bp-bot.png",sizingMethod="crop");
      	top:4px;
      	left:0px;
        height:23px;
}
/*
 ********************************************************
 *            Backpack: general
 ********************************************************
 */
#backpack #login-para,#backpack #account-para {
	margin:0px 16px 11px 14px;
	font-weight:normal;
	font-size:86%;
	color: #666;
	position: relative;
}
#backpack #login-para {
	margin-bottom:4px;
}
#backpack #login-para a,#backpack #account-para a {
	font-weight:bold;
}
#backpack .backpack-module {
	background-color:#fff;
	margin:10px 3px 0 14px;
	_margin:10px 3px 0 13px;
	position:relative;
	width: 217px;
	%width: 213px;
}
#backpack .backpack-module.bp-open {
	margin-bottom:13px;
}
#backpack .module-warning-message {
	color:#e58a00;
	text-indent:13px;
	background: url('/web/fw/i/icon-alert-warning.gif') 2px 2px no-repeat;
}
#backpack .backpack-module h3 {
	background: url('/web/fw/w/backpack/module-header.png') no-repeat;
	color:#636363;
	position:relative;
	margin:0px;
	padding:5px 13px 7px 8px;
	font-size:89%;
	font-weight:bold;
	width: 196px;
}
#backpack .backpack-module.bp-open h3 {
	background: url('/web/fw/w/backpack/module-header-open.png');
}
#backpack .backpack-module .infohover-icon,#backpack .backpack-module .module-maxmin-widget  {
	position:absolute;
	right:27px;
	_right:26px;
	top:6px;
}
#backpack .backpack-module .module-maxmin-widget {
	right:8px;
	_right:7px;
}
#backpack .backpack-module-collapsible {
	border:1px solid #c9c9c9;
	border-width:0px 1px 0px 1px;
	%width:101%;
	_width:100%;
}
#backpack .backpack-module-data {
	font-weight:normal;
	font-size:86%;
	border:#f0f0f0 1px solid;
	border-width:0px 1px 1px 1px;
	padding:0px;
	height: 159px;
	width:98.5%;
	_width:99.5%;
	overflow-y: auto;
        overflow-x: hidden;
	position: relative;
}
#backpack .backpack-module-footer {
	background-color:#f7f7f8;
	border-top:1px solid #c9c9c9;
	height:12px;
	font-size:88%;
	/* padding:3px 14px 0px 6px; */
        padding:3px 14px 4px 6px; /* ck: b317 */
        _padding-bottom:2px; /* ck: b317 */
}
#backpack .backpack-module-bot {
	position:relative;
	background:transparent url(/web/fw/w/backpack/module-bot.png) no-repeat bottom; /* ck: b317 F7F7F8 */
        top:3px;
	height:4px;
	width:215px;
        margin-top:-4px; /* ck: b317 */
	_margin-top:-16px; /* ck: b317 */
	_z-index:-1;
}
#backpack .backpack-module-footer a{
	color:#2f6681;
}
#backpack .backpack-module .context-message{
	margin:2px 20px -2px 6px;
	border-bottom:1px solid #9c9c9c;
	padding-bottom:2px;
	color:#333;
}
#backpack .backpack-module .context-message a{
	font-weight:bold;
}
#backpack .backpack-module ol {
	margin:0px;
	padding:0 9px 5px 6px;
	list-style-type:none;
}
#backpack .backpack-module li {
	border-bottom:1px solid #f0f0f1;
	position:relative;
}
#backpack .backpack-module .message {
	margin:7px 21px 0 5px;
	%margin:8px 21px 0 5px;
	color:#666;
	line-height:113%;
	%line-height:119%;
}
#backpack .backpack-module .message h4 {
	background: url('/web/fw/i/icon-alert-error.gif') 2px 2px no-repeat;
	color: #a50000;
	font-weight: bold;
	padding: 0px 0px 1px 15px;
}
#backpack .backpack-module .message br {
	padding-bottom:14px;
}
#backpack .backpack-module .message ul {
	margin:13px 0px 0px 0px;
        padding:0;
}
#backpack .backpack-module .message li {
	margin:1px 0px 0px 1px;
	font-weight:normal;
}
#backpack .backpack-bogus-module {
	height: 65px;
	%height: 66px;
}
#backpack .backpack-module-modal,
#backpack .link-hover {
	display:none;
}
#backpack .backpack-module-footer span {
	font-weight: normal;
	color: #666666;
}
#backpack .backpack-module-footer span.separator {
	color: #666666;
	padding: 0px 3px 0px 3px;
}
.backpack-module-spinner {
	display: block;
	margin: 40px auto 0px auto;
}
/* ************************* */
/* backpack modal dialog styles */
.backpack-modal {
    position: fixed;
    top: 134px;
    height:auto;
    width: 369px;
    font-size: 86%; /* 11px  eq*/
    border: 1px solid #999;
    background-color: #fff;
    margin: 0px 0px 0px -185px;
    padding: 0px 0px 0px 0px;
    left: 50%;
}
.backpack-modal-header {
    background-color:#dfddde;
    padding:3px 10px 2px;
    border-bottom:1px solid #999;
}
.backpack-modal h5 {
    font-size:110%;
    color:#333;
    margin:0px;
    padding:0px;
}
.backpack-modal-body {
	padding: 5px 10px 16px 10px;
	font-weight:bold;
	background-color: #fff;
}
.backpack-modal-footer {
    padding:0px 5px;
    border-top:1px solid #999;
    %margin-bottom: -25px;
    background:url(/web/fw/i/bg-3121.jpg) repeat-x left top;
}
.backpack-modal-footer .button {
    font-size:80.5%;
    font-weight:bold;
    margin:4px -4px 4px 4px;
    padding:2px 3px 3px 0px;
}
* html .backpack-modal-footer .button {
    font-size:100%;
    margin:-30px -4px 0px 4px;
    padding:0px 3px 0px 0px;
}
.backpack-modal-emph {
	font-weight: bold;
}
.backpack-modal-warning {
	font-family: arial;
	font-weight: normal;
	color:#e58a00;
	background: url('/web/fw/i/icon-alert-warning.gif') 5px 7px no-repeat;
	background-color: #ffc;
	border: 1px solid #f7dc8e;
	margin: 0px -6px 16px -6px;
	padding: 5px 5px 5px 21px;
}
* html .backpack-modal-warning {
	background: url('/web/fw/i/icon-alert-warning.gif') 6px 7px no-repeat;
}
.backpack-modal-error {
	font-family: arial;
	font-weight: normal;
	color:#a50000;
	background: url('/web/fw/i/icon-alert-error.gif') 5px 7px no-repeat;
	background-color: #ffc;
	border: 1px solid #a50000;
	margin: 0px -6px 16px -6px;
	padding: 5px 5px 5px 21px;
}
* html .backpack-modal-error {
	background: url('/web/fw/i/icon-alert-error.gif') 6px 7px no-repeat;
}
/* jqmodal style for backpack -- this may conflict with collab pages? */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
 * the Window's z-index value will be set to 3000 by default (in jqModal.js). You
 * can change this value by either;
 *   a) supplying one via CSS
 *   b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500});
 */

.jqmWindow {
   display: none;
   position:fixed;
   background-color:transparent;
   padding:0px;
}
.jqmOverlay {
   background-color: #fff;
   _overflow:hidden !important;
   cursor:default !important;
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
html { _overflow:scroll;  }  /* IE Fix for Infinite Scroll */
/***************************************
   =cluetipClass: 'cdc'
-------------------------------------- */
#cluetip-inner {overflow:auto;}
.cluetip-cdc {
	background-color: transparent;
	width: 178;
}
.cluetip-cdc #cluetip-outer {
	border: 1px solid #999;
	position: relative;
	background-color: #fff;
}
.cluetip-cdc #cluetip-inner {
	display: inline-block;
	padding: 7px 10px 7px 10px;
	font-size: 86%;
	color: #666666;
}
.cluetip-cdc div#cluetip-close { display: none; }
/* cdc arrows */
.clue-right-cdc .cluetip-arrows {
	background: url(/web/fw/i/modal-arrows.gif) no-repeat -7px -46px;
	height: 13px;
	margin-left: 5px;
}
.clue-left-cdc .cluetip-arrows {
	background: url(/web/fw/i/modal-arrows.gif) no-repeat -7px -24px;
	left: 99.5%;
	margin-right: -6px;
}
.clue-top-cdc .cluetip-arrows { }
.clue-bottom-cdc .cluetip-arrows {
	background: url(/web/fw/i/modal-arrows.gif) no-repeat -0px -2px;
	height: 13px;
	width: 22px;
	left: 45%;
	margin-top: -8px;
}
.cluetip-cdc h4 {
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 14px;
	font-weight: bold;
	font-size: 100%;
	color: #666666;
}
.cluetip-cdc #cluetip-inner p {
	margin: 0;
	padding: 0;
}
.cluetip-cdc #cluetip-inner a {
	text-decoration: none;
	color: #2f6681;
}
.cluetip-cdc #cluetip-inner a:hover {
	text-decoration: underline;
}
#cdc-cluetip-wrapper { position: relative; z-index: 5000; }
/* lightbox container, hide till rest of widget css comes in */
.video-lightbox-content {
	display:none;
}
.showForJs{display:none;}

#backpack  .backpack-module-data .message ul li{
	border-bottom:0px;
}

#backpack .backpack-module-data .message ul li a{
font-weight:bold;
}
/*
 * END /web/fw/c/components.css
 */
/*
 * BEGIN /web/fw/c/legacy.css
 */
/*
legacy-libra.css
Revision: 1.3 
. legacy styles for content
(c) 1992-2004 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/

.contentMargins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; }
.popupMargins { margin-left: 13px; margin-top: 0px; margin-right: 7px; margin-bottom: 15px; }
.contentTier1Margins, .tier1Margins { margin-left: 6px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier2Margins, .tier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier3Margins, .tier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.contentTier4Margins, .tier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier1Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier2Margins { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier3Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }
.moduleTier4Margins { margin-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom:4px; }

.tools {color:#ffffff;text-decoration:none;font-weight:normal;}
.toolslinks {color:#ffffff;text-decoration:underline;font-weight:normal;}
.toolsinactive {color:#999999;text-decoration:none;font-weight:normal;}

.reltext {color:#000000;text-decoration:none;font-weight:normal;}
.relheader {font-size:95%;color:#000000;text-decoration:none;font-weight:bold;}
.reltitle {font-size:95%;color:#666666;text-decoration:none;font-weight:bold;}
.relboldlink {text-decoration:underline;font-weight:bold;}
.rellink {text-decoration:underline;font-weight:normal;}

.featuretitle {color:#336666;text-decoration:none;font-weight:bold;}
.featuretext {color:#336666;text-decoration:none;font-weight:normal;}
.featurelink {text-decoration:underline;font-weight:normal;}

.contentTitle, H1, .contenttitle {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
H2, .contenttitlealt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contenttitlesub {font-size:105%;color:#000000;text-decoration:none;font-weight:normal;}
.contenttitlerev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheader {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
H3, .contentheaderalt {font-size:105%;color:#336666;text-decoration:none;font-weight:bold;}
.contentheaderrev {font-size:105%;color:#ffffff;text-decoration:none;font-weight:bold;}
.contentheaderrevlink {font-size:105%;color:#ffffff;text-decoration:underline;font-weight:bold;}
.contentheaderlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentContent, .content {color:#000000;text-decoration:none;font-weight:normal;}
.contentBold, TH, H4, DT, .contentbold {font-size:105%;color:#000000;text-decoration:none;font-weight:bold;}
.contentLink, .contentlink {text-decoration:underline;font-weight:normal;}
.contentBoldLink, .contentboldlink {font-size:105%;text-decoration:underline;font-weight:bold;}
.contentlinkalt {font-size:105%;color:#000000;text-decoration:underline;font-weight:normal;}
BLOCKQUOTE, .contentlabel {color:#000000;text-decoration:none;font-weight:normal;}
.contentlabellink {text-decoration:underline;font-weight:normal;}
.contentlabelalt {color:#336666;text-decoration:none;font-weight:normal;}
.contentdynamic {color:#000000;text-decoration:none;font-weight:normal;}
.contentnoteheader {font-size:105%;color:#990000;text-decoration:none;font-weight:bold;}

.caption {font-size:90%;color:#000000;text-decoration:none;font-weight:normal;}
.captionlink {font-size:90%;text-decoration:underline;font-weight:normal;}

.message {color:#000000;text-decoration:none;font-weight:normal;}
.messagealt {color:#000000;text-decoration:none;font-weight:bold;}
.messagelink {text-decoration:none;font-weight:normal;}
.messageheader {color:#336666;text-decoration:none;font-weight:bold;}
.messageheaderalt {color:#000000;text-decoration:none;font-weight:bold;}
.alertheader {color:#990000;text-decoration:none;font-weight:bold;}

.moduleTitleRevLink, .moduletitlerevlink, .moduletitlerevlink:link, .moduletitlerevlink:visited  {color:#ffffff;text-decoration:underline;font-weight:bold;}
.moduleTitleRev, .moduletitlerev {color:#ffffff;text-decoration:none;font-weight:bold;}
.moduleFeatureTitle, .modulefeaturetitle {color:#99cccc;text-decoration:none;font-weight:bold;}
.moduleFeatureTitleLink, .modulefeaturetitlelink {color:#99cccc;text-decoration:underline;font-weight:bold;}
.moduleTitle, .moduletitle {color:#000000;text-decoration:none;font-weight:bold;}
.modulecolumn {color:#336666;text-decoration:none;font-weight:bold;}
.moduleContent, .modulecontent {color:#000000;text-decoration:none;font-weight:normal;}
.moduleLink, .modulecontentlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulecontentrevlink {color:#ffffff;text-decoration:underline;font-weight:normal;}
.moduleBold, .modulecontentbold {color:#000000;text-decoration:none;font-weight:bold;}
.moduleBoldLink, .modulecontentboldlink {text-decoration:underline;font-weight:bold;}
.modulesection {color:#000000;text-decoration:none;font-weight:normal;}
.modulecaption {font-size:95%;color:#000000;text-decoration:none;font-weight:normal;}
.modulecaptionlink {font-size:95%;text-decoration:underline;font-weight:normal;}
.modulesubhead {color:#336666;text-decoration:none;font-weight:bold;}

.appsnavbordercolor { background-color:#336666; }
.appsnavlinecolor { background-color:#003333; }
.appsnavcolor { background-color:#999999; }
.appsnavcolorsecondary { background-color:#cccccc; }
.appsnavcolorselected { background-color:#ffffff; }

.inputtext {font-family:Courier,monospace;color:#000000;text-decoration:none;font-weight:normal;}

.invisible {display:none;position:absolute;visibility:hidden;margin:0;padding:0;}

.skiplink {display:none;}

.link-total{
	color:#666666;
}

.modulecontentdem {
	font-size:110%;
	color: #666666;
	text-decoration:none;
}
/*
 * END /web/fw/c/legacy.css
 */
/*
 * BEGIN /web/fw/c/cl.css
 */
/*
 * Revision: 1.10 
 *
 * cl.css: Provides classes 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
 */

/* ------ RESET FOR SAMBA AND LIBRA COMPATABILITY ----------------------------------------------- */
/*
 * BEGIN /web/fw/w/cl/cl-base.css
 */
/*
cl-base.css
Revision: 1.8 
Provides classes for 8shapes components
(c) 1992-2009 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/

/* import each layer of cl-base */
/*
 * BEGIN /web/fw/w/cl/cl-reset.css
 */
/*
 * cl-reset.css
 * Revision: 1.2 
 *
 * 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 */

/* specificity: 0,0,1,0 */
.clb {
	color: #666666; /* was '#000' */
	background: #ffffff;
	margin: 0; /* was selector of 'body' */
	padding: 0; /* was selector of 'body' */
}

.clb div,
.clb dl,
.clb dt,
.clb dd,
.clb ul,
.clb ol,
.clb li,
.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6,
.clb pre,
.clb code,
.clb form,
.clb fieldset,
.clb legend,
.clb input,
.clb button,
.clb textarea,
.clb p,
.clb blockquote,
.clb th,
.clb td {                /* note: in PCR, td padding is not zeroed... */
	margin: 0;
	padding: 0;
}

.clb table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clb fieldset,
.clb img {
	border: 0;
}

.clb address,
.clb caption,
.clb cite,
.clb code,
.clb dfn,
.clb em,
.clb strong,
.clb th,
.clb var,
.clb optgroup {
	font-style: inherit;
	font-weight: inherit;
	/* 'inherit' not supported by Internet Explorer (including IE8) */
	*font-style: normal;
	*font-weight: normal;
}

.clb del,
.clb ins {
	text-decoration: none;
}

.clb li {
	list-style: none;
}

.clb caption,
.clb th {
	text-align: left;
}

.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
	font-size: 100%;
	font-weight: normal;
}

/* specificity: 0,0,1,2 */
.clb q:before,
.clb q:after {
	content: '';
}

.clb abbr,
.clb acronym {
	border: 0;
	font-variant: normal;
}

.clb sup {
	vertical-align: baseline;
}

.clb sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
.clb legend {
	*margin-left: -0.6em;
	color: #666666;
}

.clb input,
.clb button,
.clb textarea,
.clb select,
.clb optgroup,
.clb option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: #666666;
	/* 'inherit' not supported by Internet Explorer (including IE8) */
	*font-family: arial,helvetica,clean,sans-serif;
	*font-size: 100%;
}

/* To enable resizing for IE6-Win, IE7-Win */
.clb input,
.clb button,
.clb textarea,
.clb select {
	*font-size: 100%;
}

/* end of YUI-based reset CSS */

/*
 * *****************************************************************
 * Libra overrides
 * *****************************************************************
 */

/**
 * override framework.css, which sets various font values
 * (this was originally in cl-fonts.css, but has been moved here)
 * NOTE: THIS SHOULD BE ADJUSTED TO CL STANDARD FONT METRICS
 *
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

/* specificity: 0,0,1,0 */
.clb {
	color: #666666;
	font-family: arial,helvetica,clean,sans-serif;
	font-size:11px;
        line-height: 1.273; /* 11px * 1.273 = 14.003px */

	/* for IE Quirks Mode */
	*font:x-small;
}

/* override framework.css:64
 * #framework-base-main, #framework-base-content {
 *    border-collapse:separate;
 *    border-spacing:0;
 *    empty-cells:hide;
 * }
 */

/* specificity: 0,0,1,0 */
.clb {
	border-collapse:separate;
	border-spacing:0;
	empty-cells:hide;
}

/* override framework.css:25
 * body#libra {
 *    font-size-adjust:none;
 *    font-style:normal;
 *    font-variant:normal;
 * }
 */

/* specificity: 0,0,1,0 */
.clb {
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

/* override framework.css:37
 *  pre {
 *     font-size:124.5%;
 *  }
 */

.clb pre {
	font-size: 100%;
}

/* override legacy.css:44
 *  th, dt {
 *     color:#000000;
 *     font-size:105%;
 *     font-weight:bold;
 *     text-decoration:none;
 *  }
 */

.clb th,
.clb dt {
	color: #666666;
	font-size: 100%;
	font-weight: normal;
}

/* override legacy.css:34
 *  h1 {
 *     color: #000000;
 *     text-decoration: none;
 *  }
 *
 * override legacy.css:35
 *  h2 {
 *     color: #336666;
 *     text-decoration: none;
 *  }
 *
 * override legacy.css:39
 *  h3 {
 *     color: #336666;
 *     text-decoration: none;
 *  }
 */

.clb h1,
.clb h2,
.clb h3,
.clb h4,
.clb h5,
.clb h6 {
	color: #666666;
}

/* override framework.css:42
 *  a:link {
 *     color:#003399;
 *  }
 *
 * SEE samba overrides
 */

/* override framework.css:43
 *  a:visited {
 *     color:#663399;
 *  }
 *
 * SEE samba overrides
 */

/* override legacy.css:48
 *  blockquote {
 *     color:#000000;
 *     font-weight:normal;
 *     text-decoration:none;
 *  }
 */

.clb blockquote {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}

/*
 * *****************************************************************
 * SAMBA overrides
 * *****************************************************************
 */

/* override framework-overrides.css:22
 *  #framework-base-content a, #framework-base-content a:link {
 *     color:#2F6681;
 *     text-decoration:none;
 *  }
 *  #framework-base-content a:visited {
 *     color:#996699;
 *  }
 */

/* could we just do this ??
 *   .clb a { color: #2970a6; text-decoration: none; }
 *   .clb a:hover { text-decoration:underline; }
 */

/* specificity: 0,0,1,2 */
.clb a:link,
.clb a:hover,
.clb a:visited,
.clb a:active {
	color:#2970a6;
}

/* specificity: 0,0,1,1 and 0,0,1,2 */
.clb a, .clb a:link {
	text-decoration:none;
}

/* specificity: 0,0,1,2 */
.clb a:hover {
	text-decoration:underline;
}

/* framework-overrides.css:60
 *  #framework-content-right {
 *     text-align:left;
 *  }
 */

/* specificity: 0,0,1,0 */
.clb {
	text-align:left;
}

/* override rc-persels.css:13
 *  #framework-content-right img {
 *     margin: 0;
 *  }
 */

#framework-content-right .clb img {
   margin: 2px 0px 0px 0px;
}

/*
 * *****************************************************************
 * Base css for PCR (class='clp') and Original Samba CL (class='cl')
 * *****************************************************************
 */

/*---------.clp reset declarations----------*/
.clp {
   text-align:left;
   font-size:x-small;
   color:#666;
   background:#fff;
   font-family:arial,helvetica,sans-serif;
}

/* makes 11/14px default in FF, will need override to make smaller for IE */
.clp * {
   font-size:110%;
   line-height:127.4%;
   %font-size:105%;
   %line-height:132.08%;
}

/* keep nesting from being a problem */
.clp * *, .clp .clp {
   font-size:100%;
   line-height:inherit;
}

.clp,.clp div,.clp dl ,.clp dt,.clp dd,.clp ul,.clp ol,.clp li,.clp h1,.clp h2,.clp h3,.clp h4,.clp h5,.clp h6,.clp pre,
.clp code,.clp form,.clp fieldset,.clp legend,.clp input,.clp textarea,.clp p,.clp blockquote {
   margin:0;
   padding:0;
}

.clp fieldset,.clp img{border:0;}.clp address,.clp caption,.clp cite,.clp code,.clp dfn,.clp em,.clp strong,.clp th,.clp var{
   font-style:normal;
   font-weight:normal; /* affects cdc */
}

.clp caption,.clp th {
   text-align:left;
}

.clp h1,.clp h2,.clp h3,.clp h4,.clp h5,.clp h6 {
   font-weight:bold;
   color:#666;
}

.clp strong{ font-weight:bold; }

.clp em{ font-style:italic; }

.clp ul, .clp ol { list-style-position:inside; }

.clp q:before,.clp q:after { content:''; }

.clp abbr,.clp acronym {
   border:0;
   font-variant:normal;
}

.clp sup,.clp sub {
   line-height:-1px;
   vertical-align:text-top;
}

.clp sub { vertical-align:text-bottom; }

.clp input,.clp textarea,.clp select {
   font-size:inherit;
   font-weight:inherit;
   font-family:arial,helvetica,sans-serif;
}

.clp h2 { font-size:127.3%; }

.clp h3 { font-size:120%; } /* default equiv 12px */

.clp a {
   color:#2970a6;
   text-decoration:none;
}

.clp a:hover { text-decoration:underline; }

.clp p.large { font-size:109.15%; }

/*
*************************************************************
CL - Generic Styles for NGW components
*************************************************************
*/

/* ------ Global Component Styles ----------------------------------------------- */
.cl a:link,
.cl a:hover,
.cl a:visited,
.cl a:active { color:#2f6881; }
.cl, .cl hr, .cl h4 {
    border:0 solid #ccc;
    color:#666;
    background-color:transparent;
    }
.cl hr {
    border-top-width:1px;
    height:0; /* safari */
    display:block; /* ck: required? */
    }


/*
 * END /web/fw/w/cl/cl-reset.css
 */
/*
 * BEGIN /web/fw/w/cl/cl-fonts.css
 */
/*
 * cl-fonts.css
 * Revision: 1.2 
 *
 * Provides baseline font css for component library
 * Based on YUI Fonts version: 2.7.0
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 * NOTE: THIS HAS BEEN MOVED TO cl-reset.css
 *
 * .clb {
 *	color: #666666;
 *	font-family: arial,helvetica,clean,sans-serif;
 *	font-size:11px;
 *        line-height: 127.3%; / * 11px * 1.273 = 14.003px * /
 *
 *	/ * for IE6/7 * /
 *	*font-size:small;
 *	/ * for IE Quirks Mode * /
 *	*font:x-small;
 * }
 *
 */

/**
 * Nudge down to get to 11px equivalent for these form elements
 */
.clb select,
.clb input,
.clb textarea,
.clb button {
 	color: #666666;
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 99%;
}

/**
 * To help tables remember to inherit
 */
.clb table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 11px equivalent for these fixed-width elements
 */
.clb pre,
.clb code,
.clb kbd,
.clb samp,
.clb tt {
	font-family:monospace;
	/* *font-size:108%; */
	line-height:100%;
}
/*
 * END /web/fw/w/cl/cl-fonts.css
 */
/*
 * BEGIN /web/fw/w/cl/cl-defaults.css
 */
/*
 * cl-defaults.css
 * Revision: 1.2 
 *
 * Provides default presentation for component library
 * Based on YUI Base version: 2.7.0
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/* ------------------------------- from old cl-base.css, clp defs ------------- */

/* Note: unless otherwise noted, all selectors are specificity: 0,0,1,1 */

.clb h1 {
	font-size:145.5%;  /* default equiv 16px */
	font-weight:bold;
}

.clb h2 {
	font-size:127.3%; /* default equiv 14px */
	font-weight:bold;
}

.clb h3 {
	font-size:109.1%; /* default equiv 12px */
	font-weight:bold;
}

.clb h4,
.clb h5,
.clb h6,
.clb dt,
.clb strong {
	font-weight:bold;
}

/* specificity: 0,0,2,1 */
.clb p.large {
	font-size:109.15%; /* default equiv NNpx */
}

.clb em {
	font-style:italic; /* Bringing italics back to the em element. */
}

/* note: it was suggested to change this; for now it is coming in from PCR base css */
/*
 * .clb ul,
 * .clb ol {
 * 	list-style-position:inside;
 * }
 */

/* specificity: 0,0,1,2 */
.clb q:before,
.clb q:after {
	content:'';
}

/* note: in PCR, td padding is not zeroed by reset; so here we add it back */
.clb td {
	padding-top: 1px;
	padding-left: 1px;
}

/* ----------------------- YUI base definitions --------------------- */

.clb optgroup {
	font-weight:normal;
}

.clb del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

.clb th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

.clb sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

.clb sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

/* Opera requires 1px of passing to render with contemporary native chrome */
.clb button,
.clb input[type="checkbox"],
.clb input[type="radio"],
.clb input[type="reset"],
.clb input[type="submit"] {
	padding:1px;
}

/* ====================================================
 * YUI base css set the following:
 * ====================================================
 *
 * .clb h1,
 * .clb h2,
 * .clb h3 {
 * 	margin: 1em 0;     / * Top & bottom margin based on font size. * /
 * }
 *
 * .clb blockquote,.clb ul,.clb ol,.clb dl {
 * 	margin: 1em; / * Giving blockquotes and lists room to breath. * /
 * }
 *
 * .clb ol,.clb ul,.clb dl {
 * 	margin-left: 2em; / * Bringing lists on to the page with breathing room. * /
 * }
 *
 * .clb ol li {
 * 	list-style: decimal outside; / * Giving OL's LIs generated numbers. * /
 * }
 *
 * .clb ul li {
 * 	list-style: disc outside; / * Giving UL's LIs generated disc markers. * /
 * }
 *
 * .clb dl dd {
 * 	margin-left: 1em;
 * }
 *
 * .clb th,.clb td {
 * 	border: 1px solid #000; / * Borders and padding to make the table readable. * /
 * 	padding: .5em;
 * }
 *
 * .clb caption {
 *	margin-bottom: .5em; / * Coordinated margin to match cell's padding. * /
 *	text-align: center;  / * Centered so it doesn't blend in to other content. * /
 * }
 *
 *
 * .clb abbr,.clb acronym {
 *	/ * Indicating to users that more info is available. * /
 *	border-bottom: 1px dotted #000;
 *	cursor: help;
 * }
 *
 * .clb p,
 * .clb fieldset,
 * .clb table,
 * .clb pre {
 *	margin-bottom: 1em; / * So things don't run into each other. * /
 * }
 *
 * ====================================================
 * End of YUI base css leftovers
 * ====================================================
 */
/*
 * END /web/fw/w/cl/cl-defaults.css
 */
/*
 * BEGIN /web/fw/w/cl/cl-common.css
 */
/*
 * cl-common.css
 * Revision: 1.2 
 *
 * 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
 */

/*
 * END /web/fw/w/cl/cl-common.css
 */


/*
Open Design issues:
1. generic html issue: for 0.4 we've decided that lists should be 'naked' (no bullets, no padding, ...), and if you want html to work, you need to go inside of c00 (<div class="clb c00"><ul><li>look!</li><li>bullets!</li></ul></div>)
	action items:
		a. what do we want to do for 1.0?
		b. what tags should "work as expected?"
		c. make sure Mike, Christian, and Annelise are part of this
	note: this is same thing as cItem demo Christian put together
2. What about permutations? colors, backgroudns, corners, borders: we don't want a zillion alt flavors.
	note: maybe float?
*/
/*
 * END /web/fw/w/cl/cl-base.css
 */

/* ------ CATEGORY 'A': Application ----------------------------------------------- */
/*
 * BEGIN /web/fw/w/cl/a00/a00.css
 */
/* a00.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
*/

/* Default Component Class */
.a00v1 {
	font-size:11px;
	font-weight:bold;
	text-align:center;
    color:#2f6681 !important;
	margin:8px;
    text-decoration:none;
	display:inline-block;
	position:relative;
	float:left;
	overflow:visible;
	padding:5px 15px;
	_padding:5px 14px 5px 11px !important;
	border-left:1px solid #667;
	_height:14px !important;
	white-space:nowrap;
 }

/* js-enabled scenario */
.a00v1-js{
	padding:5px 15px 0;
	_padding:5px 8px 1px 10px;
	border:0;
}


/* Default class for button hover scenario */
 .a00v1:hover,
 .a00v1:hover span {
        background-position:right -24px;
		text-decoration:none !important;
}

/* top left (tl) rounded corner */
.a00v1 .a00v1-tl {
	background-position:left top;
    display:block;
    float:left;
    font-size:1px;
    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 .a00v1-tl {
   background-position:left -24px;
}

/* bottom left (bl) rounded corner */
.a00v1 .a00v1-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 .a00v1-bl {
	background-position: left -43px;
}

/* bottom right (br) rounded corner */
.a00v1 .a00v1-br {
	background-position: right -19px;
    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 .a00v1-br {
	background-position: right -43px;
}

/* *** Button specific classes *** */
/* Gray/Default button */
.a00v1,
.a00v1 span {
	background:transparent url(/web/fw/w/cl/a00/a00v1.png) no-repeat right top;

}

/* Blue button */
.a00v1-alt1,
.a00v1-alt1 span {
	background-image:url(/web/fw/w/cl/a00/a00v1-alt1.png);
	color:#fff !important;
}

/* Green button */
.a00v1-alt2,
.a00v1-alt2 span {
	background-image:url(/web/fw/w/cl/a00/a00v1-alt2.png);
	color:#fff !important;
}

/* *** Disabled States *** */

/* Default class for disabled state in js-enabled scenario */
.a00v1-alt-disabled{
	color:#ccc !important;
	cursor:default;
}

.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 .a00v1-tl,
.a00v1-disabled:hover .a00v1-tl {
        background-position:left top;
    }
/* button disabled hover scenario for bottom right rounded corner span of the background image */
.a00v1-alt-disabled:hover .a00v1-br,
.a00v1-disabled:hover .a00v1-br {
        background-position: right -19px;
    }
/* button disabled hover scenario for bottom left rounded corner span of the background image */
.a00v1-alt-disabled:hover .a00v1-bl,
.a00v1-disabled:hover .a00v1-bl {
        background-position: left -19px;
    }

/* Styles for the image icon within a button */
.a00v1 img {
   border:0;
   margin:0 3px; /* left align image*/
   %margin-left:4px;
   _margin:-2px 3px 0px 4px;
}

/* Firefox needed this style*/
.a00v1 img, x:-moz-any-link {
	vertical-align:middle;
}

/*Styles for Sitecopy framework overrides */
.sitecopy .a00v1{
	font-weight:bold;
	text-decoration:none;
	font-size:100% !important;
}
/*
 * END /web/fw/w/cl/a00/a00.css
 */
/*
 * BEGIN /web/fw/w/cl/a03/a03.css
 */
/*
 * Revision: 1.2 
 *
 * a03.css: Provides classes for component A03
 *  - a03v3: Alert Banner
 *  - a03v13:
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
A03v3 - Alert Banner
*************************************************************
*/

/* A03v3 Alert Banner */
.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;
    }

/*
*************************************************************
A03v13 -
*************************************************************
*/
/*
 * END /web/fw/w/cl/a03/a03.css
 */

/* ---------- COMPONENT 'A11': PSA -------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/a11/a11.css
 */
/*
 * Revision: 1.2 
 *
 * 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
 *   - a11v13:
 *
 * (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 {
    padding:7px 4px 10px 10px;
    %padding-top:8px; /* ck: b257 */
    border-width:1px;
    overflow:hidden;
    font-size:86%; /* layout? */
    }

.a11v8 form {
    margin:0;
    padding:0;
    }

/*
***********************************************
A11v1
PSA autosuggest
***********************************************
*/

.a11v1 {
    position:relative; /* ck: b464 */
    z-index:10;  /* ck: b464 */
    padding:10px 0 0px 6px; /* top:10 ck: b257 */
    %padding-top:8px;  /* ck: b257 */
    _white-space:nowrap; /* ck: b424, for show/hide, may be issue with translations */
    }
.a11v1 form { position:relative; } /* ck b:415 */
.a11v1 #searchstring  {
    border:1px solid #ccc;
    width:285px; /* ck: b254 */
    %width:284px; /* ck: b254 */
    font-size:1.05em; /* 1.1em ck: b35,b264 */
    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;
    font-size: 11px;
    %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 {
    display:block;
    zoom:1;
    }
.a11v2 img { float:left; }
.a11v2 img, .a11v2 div a {
    background: url(/web/fw/i/breadcrumb_arrow.gif) no-repeat right center;
    padding-right: 16px;
    }
.a11v2 hr { /* ck: was a11v8, error? */
    margin:20px 6px 12px 0;  /* 20 6 11 0 ck: b257 */
    %margin:13px 6px 5px 0; /* 13 6 4 0 ck: b257 */
    }
.a11v2 div {
    padding-top: 1px;
    }
/* clearfix */
.a11v2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/*
***********************************************
A11v3
PSA Selector
***********************************************
*/

.a11v3 {
     /* position:relative; ck: test */
 }

.a11v3 a:link,
.a11v3 a:visited,
.a11v3 a:hover,
.a11v3 a:active {
    text-decoration:none;
    outline:invert none thin;
    }
.a11v3 a:focus {
    outline-style:dotted;
    padding-right:13px;
    }

.a11v3 h3 {
    font-weight:bold;
    font-size:130%;
    color:#666;
    margin:8px 0 1px; /* 9 0 0 - ck b257 */
    %margin-bottom:0;
    line-height:1em;
    }
#psa_selector[id=PSA_SELECTOR] { margin-bottom:0; } /* FF2 */

.a11v3 hr {
    margin: 0 5px 0; /* ck: b257 */
    %margin:-8px 5px -6px; /* bottom -7px ck: b257 */
    }
    body:first-of-type .a11v3 hr { margin:-2px 5px -1px;} /* safari */
.a11v3 p {
    padding:3px 14px 0 5px;
    margin:0 0 -2px;
    %margin-bottom:0px;
    line-height:1.14em; /* ck: b257 */
    }
    body:first-of-type .a11v3 p { padding-top:4px; } /* safari */
.a11v3 ol {
    padding:3px 0 2px; /* 3 0 ck: b257 */
    %padding-bottom:3px; /* ck: b257 */
    margin:0;
    }
.a11v3 ol li {
    list-style:none;
    padding:0 0 1px 8px; /* 1 0 2 8 ck: b257 */
    %padding:1px 0 1px 8px; /* top:1 ck: b257 */
    margin:0;
    text-indent: -8px; /* wrap */
    %line-height: 1.14em;
    }
    body:first-of-type .a11v3 li { padding-top:1px; } /* safari */
.a11v3 ol li a {
    cursor:pointer; /* samba.min.css */
    text-decoration:none;
    padding:0 14px 0 5px;
    }
.a11v3 ol li p {
    padding-top:0;
    margin-bottom:0;
    }
.a11v3 ol li p a {
    text-decoration:underline;
    padding:0;
    }
.a11v3 ol ol {
    padding:0 0 1px 8px;
    margin:2px 0 -2px -8px;
    %margin-bottom:-1px;
    }
.a11v3 ol ol li {
    padding-left:13px;
    margin-left:-8px;
    text-indent:-8px;
    }


/* PSA Text Classes */
/* Locked */
.a11v3 li.pslocked {
    font-weight:bold;
    background:#d6e0e6 url(/web/fw/i/psabg.gif) top right;
    }
.a11v3 li.pslocked ol {
    font-weight:normal;
    background:#fff;
    }

/* Links*/
.a11v3 li.pslink a:link,
.a11v3 li.pslink a:visited,
.a11v3 li.pslink a:hover,
.a11v3 li.pslink a:active,
.a11v3 p a:link,
.a11v3 p a:visited,
.a11v3 p a:hover,
.a11v3 p a:active { text-decoration:underline; }

/* Unlinked Category */
.a11v3 li.psgroup {
    color:#333; /* ck: b255 */
    font-weight:bold;
    margin-bottom:3px; /* ck: b255 */
    padding:0 10px 0 13px;
    }
.a11v3 li.psgroup ol { %margin-top:1px; }  /* ck: b255 */
.a11v3 li.psgroup li { font-weight:normal; }

/*
***********************************************
A11v4
Navigation PSA Box (Left)
***********************************************
*/

.a11v4 {
    float:left;
    border:1px solid #ccc;
    overflow:auto;
    }

/*
***********************************************
A11v5
Link PSA Boxes (Center and Right)
***********************************************
*/

.a11v5 {
    float:left;
    border:1px solid #ccc;
    overflow:auto;
    overflow-x:hidden;
    }

/*
************************************************
A11v6
PSA Add a Device
************************************************
*/

.a11v6 {
    border-width:1px;
    overflow:auto;
    display:none;
    position:absolute; /* ck: overflow test */
    background-color:#fff;
    /* text-align:center; ck: b256 */
    }

.a11v6 h4 {
    border-bottom-width:1px;
    background-color:#f3f4f5; /* ck: b256 */
    padding:3px 3px 2px; /* ck: b256 */
    font-weight:bold;
    text-align:center;  /* ck: b256 */
    }

.a11v6 form {
    margin-left:0;
    padding-top:3px; /* ck: b256 */
    %padding-top:2px; /* ck: b256 */
    }
.a11v6 fieldset {
    %position:relative; /* ck: ie align middle */
    display:table; /* ck: ff align middle */
    text-align:left;
    margin:0;
    %margin-bottom:4px; /* ck: b256 */
    padding:5px 4px 7px 10px; /* ck: */
    %padding-bottom:6px; /* ck: b256 */
    }

/* should be label but due to IE innerHtml, using span */
.a11v6 form div {
    display:table-cell; /* ck: ff align middle */
    vertical-align:middle; /* ck: ff align middle */
    %float:left;
    %position:relative; /* ck: ie align middle */
    /* margin:0.2em 0 0;  ck: b256 */
    %margin:0.3em 1px 0 0; /* ck: b256 */
    _margin-right:0; /* 3 ck: b256 */
    text-align:right;
    width:155px;/* ck: b256 */
    %width:154px; /* ck: b256 */
    _width:155px; /* ck: ie align middle */
    }

/* table simulation */
.a11v6 form span {
   display:table-cell; /* ck: ff align middle */
   %display:block; /* ck: ie align middle */
   vertical-align:middle; /* ck: ie align middle */
   padding-left:5px; /* ck: ff align middle */
   %position:absolute; /* ck: ie align middle */
   %top:50%; /* ck: ie align middle */
   %width:338px;/* ck: ie align middle */
   }
.a11v6 form div span {
   display:inline; /* ck: undo ie align middle */
   vertical-align:auto; /* ck: undo ie align middle */
   padding-left:0px;  /* ck: undo ff align middle */
   %position:relative; /* ck: undo ie align middle */
   %top:auto; /* ck: undo ie align middle */
   %width:auto; /* ck: ie align middle */
   }

.a11v6 fieldset input {
    %position:relative; /* ck: ie align middle */
    %top:-50%; /* ck: ie align middle */
    border:1px solid #ccc; /* ck: b256 */
    }
.a11v6 select {
    %position:relative; /* ck: ie align middle */
    %top:-50%; /* ck: ie align middle */
    /* height:1.7em; ck: b256 */
    border: 1px solid #ccc;  /* ck: b256 */
    padding:0 0 0 1px;
    max-width:338px; /* 321 ck: edge case causing scrollbars */
    min-width:175px;
    %font-size:100%;
    /* IE7 doesn't do min/max with DTD transitional.  319 for IE7, IE6 can go to 338px. */
    %width:expression(this.clientWidth <= 174 ? '175px':this.clientWidth >= 319 ? '100%':true); /* b564 */
    }
.a11v6 option {
    padding:0 7px 3px 5px; /* ck: b256 */
    }

.a11v6 input {
    padding:1px 2px 4px;
    %padding:0 2px 3px; /* ck: b256 */
    min-width:200px; /* ck: is this being used? */
    _width:200px; /* ck: is this being used? */
    %font-size:110%; /* ck: b256 */
    }


.a11v6 hr {
    margin:15px 10px 10px; /* 3 ck: b256 */
    %margin:11px 10px 3px;  /* -5 ck: b256 */
    }

.a11v6 input#ad-name {
    width:219px; /*221, 255 ck: b256 */
    }
/* override input min-w */
.a11v6 input.ad-softwareversion,
.a11v6 #sw1,
.a11v6 #sw2,
.a11v6 #sw3 {
    min-width:70px;
    %width:70px;
    }
.a11v6 #ad-softwareversion-1, .a11v6 #sw1 { margin-right:8px; }
.a11v6 #ad-softwareversion-3, .a11v6 #sw3 { margin:0 8px 0 7px; %margin-left:8px; _margin-left:7px; /* ck: b256 */}

.a11v6 fieldset span b { %position:relative; %top:-50%; }


.a11v6 #adddevice_submit { /* ck: b256, 517 */
    color:#2f6681;
    font:bold 1em arial,helvetica,sans-serif; /* ck: FF needs family */;
    margin-left:169px;
    margin-bottom:12px; /* ck: overflow test */
    margin-top:0px;
    min-width:0;
    width:auto;
    _width:0; /* ck: IE6 button width fix */
    %overflow:visible; /* ck: IE button width fix */
    padding:0 2px 0 3px; /* ck: FF3 b312, b517 */
    %padding:1px 5px 0 6px; /* ck: IE6/7 b517 */
    }
    body:first-of-type .a11v1 #pssubmitbutton { padding-bottom:2px; } /* safari */
    .a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT] { padding:1px 3px 1px 4px; }  /* ck: FF2 b517 1px 5px 2px;*/
    .a11v6 #adddevice_submit[id=ADDDEVICE_SUBMIT]:disabled { padding:2px 4px 2px 5px; }  /* ck: FF2 b517 */
    .a11v6 #adddevice_submit:disabled { color:#b2b2b2; }



/* Form Error */
.a11v6 div.cl-error {
    display:none;
    padding: 8px 25px;
    background: #ff9 url(/web/fw/i/icon-alert-warning.gif) no-repeat scroll 10px 10px;
    color: #e80;
    font-weight: bold;
    text-align: left;
    }

/* Field Error */
.a11v6 span.cl-error {
    color: #900;
    background:url(/web/fw/i/icon-alert-error.gif) no-repeat left 2px;
    padding-left:15px;
    display:inline; /* override */
    }

/*
***********************************************
A11v7
PSA Search Results
***********************************************
*/

.a11v7 h3 {
    color:#666;
    font-size:125%; /* 135% ck: b264 */
    margin: 0;
    text-decoration:underline;
    }

.a11v7 {
    /* 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 */
    }

/*
*************************************************************
A11v13 -
*************************************************************
*/

/*
 * END /web/fw/w/cl/a11/a11.css
 */

/* ---------- COMPONENT 'A06': View All Pages -------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/a06/a06.css
 */
/*
 * Revision: 1.2 
 *
 * a06.css: Provides classes for component A06
 *   - 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{
	background:transparent url(/web/fw/i/pnav-bg.gif) repeat-x top left;
	height:22px;
	%height:19px;
	padding:6px 4px 3px 5px;
    %padding:6px 5px 7px 5px;
	_padding:6px 4px 6px 5px;
}
.a06v5 .items-per-page {
    float:left;
}
.a06v5 .items-per-page label{
vertical-align:middle;
%position:relative;
%top:-15%;
}
.a06v5 select{
	color:#333;
	height:20px;
	%margin-left:1px;
}
.a06v5 .pagination-links {
	 float:right;
}
.a06v5 .pagination-links input{
	background:none;
    border:0 none;
    color:#2f6681;
	font-size:100%;
    cursor:pointer;
    padding:0;
    margin:0 0 -2px 0;
	%margin:0 2px -1px 2px;
}
.a06v5 .pagination-links input:hover{
  %text-decoration:underline;
}
.a06v5 .pagination-links a{
	 color:#2f6881;
	 cursor:pointer;
	 text-decoration:none;

}
.a06v5 .pagination-links a:hover {
	text-decoration:underline;
}
.a06v5 input.previous-btn{
 margin-right:-1px;
 %margin-right:-5px;
}
.a06v5 input.next-btn{
margin:0 0 -2px -1px;
%margin-left:-2px;
%margin-right:3px;
}
.a06v5 select option{
	padding-left:2px;
}

.a06v5 #previous-btn{
  margin:0 -1px 0 0;
 %margin:0 -8px 3px 0;
}
.a06v5 #next-btn{
  margin:0 0 0 -1px;
 %margin:0 0 3px -4px;
}
.a06v5 .separator
{
 margin:0 2px 0 5px;
 color:#666;
}

.a06v5 .previous-disabled{
  margin:0 2px 0 0;
}
.a06v5 .next-disabled{
 margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
.a06v5 .previous-enabled{
  margin:0 2px 0 0;
 %margin:0 -1px 0 0;
 _margin:0 -1px 0 0;
}
.a06v5 .next-enabled{
margin:0 0 0 3px;
%margin:0 0 0 -1px;
_margin:0;
}
/*
 * END /web/fw/w/cl/a06/a06.css
 */

/* ------ CATEGORY 'C': Content --------------------------------------------------- */

/* ---------- COMPONENT 'C00': Text ------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c00/c00.css
 */
/*
 * Revision: 1.2 
 *
 * c00.css: Provides classes for component C00
 *   - c00v1:  Generic Element - Normal Paragraph
 *   - c00v6:  Generic Element - Back to Top
 *   - c00v10: Generic Element - 14pt Header
 *   - c00v15: Generic Element - Linked List
 *   - c00v18: Generic HR
 *   - c00v20: Generic Element - Box with Header on Background
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
c00v1 - Generic Element - Normal Paragraph
*************************************************************
*/


.c00v1 {
  font-size: 109.1% !important;
  line-height: 124% !important;
  margin-top: -3px !important;
}


/*
*************************************************************
c00v6 - Generic Element - Back to Top
*************************************************************
*/

.c00v6 {
  text-align: right;
  margin-bottom: 17px !important;
}
.c00v6 a {
  text-decoration: underline !important;
}

/*
*************************************************************
c00v10 - Generic Element - 14pt Header
*************************************************************
*/


.clp h2.c00v10,
.clb h2.c00v10 {
  font-size:127.3%;
  margin-top: -2px !important;
  margin-bottom: 12px !important;
}

/*
*************************************************************
c00v15 - Generic Element - Linked List
*************************************************************
*/


.c00v15 {
  margin-top: 14px !important;
  margin-bottom: 9px !important;
}
.c00v15 ul {
  float: left;
  width: 50%;
}
.c00v15 li {
  padding: 0 0 8px 14px;
  list-style:none;
  list-style-position: outside;
  list-style-image:none !important;
  background-image: url(/web/fw/i/chevrons.gif);
  background-repeat:no-repeat;
  background-position:left 0.4em;
  %background-position:left 0.6em;
}
.c00v15 .col-left li {
  margin-right: 24px;
}
.c00v15 .col-right li {
  margin-left: 12px;
  margin-right: 12px;
}
.c00v15:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.c00v15 {
  zoom:1; /* this style for ie float behavior, trying without wrapper class */
}

/*
*************************************************************
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
*************************************************************
*/

.clp .c00v20,
.clb .c00v20 {
  border: 1px solid #e9e9e9;
  background: #eee;
  padding:0 12px 17px;
}

.clp .c00v20  h3,
.clb .c00v20  h3 {
  background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
  padding: 6px 12px 5px;
  border-bottom:1px solid #ccc;
  margin:-4px -12px 17px;
}

.clp .c00v20 p,
.clb .c00v20 p {
  margin-bottom:14px;
}

.clp .c00v20 li {
  margin-bottom:14px;
  list-style: outside;
  margin-left: 12px;
  %margin-left: 15px;
}

.clb .c00v20 li {
  margin-bottom:14px;
  list-style: outside;
  margin-left: 12px;
  %margin-left: 15px;
  list-style-type: disc;
}


.clb .c00v20 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:-1px; left:-13px; font-size:0;}
.clb .c00v20 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-26px;}
.clb .c00v20 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-18px; left:-13px; font-size:0;}
.clb .c00v20 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:-26px;}
/*
 * END /web/fw/w/cl/c00/c00.css
 */

/* ---------- COMPONENT 'C01': Text ------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c01/c01.css
 */
/*
 * Revision: 1.2 
 *
 * c01.css: Provides classes for component C01
 *   - c01v1: Page Title
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
C01v1 - Page Title
*************************************************************
*/

.c01v1 h1 {
	margin:10px 0 10px 12px;
	color:#666;
	font-size:170%;
	font-weight:normal;
	}

/*
 * END /web/fw/w/cl/c01/c01.css
 */

/* ---------- COMPONENT 'C11': Spotlight ------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c11/c11.css
 */
/*
 * Revision: 1.2 
 *
 * c11.css: Provides classes for component C11
 *    - c11v3: Content - Image and Text
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
c11v3 - Content - Image and Text
*************************************************************
*/


.c11v3 {
  margin: -2px 0 5px !important;
}
.c11v3 img {
  position: relative;
  float: left;
  margin: 2px 0 15px;

}
.c11v3 p {
  background: transparent;
  margin-left: 175px !important;
  margin-bottom: 12px;
  font-size: 109.1% !important;
  line-height: 124% !important;
}
.c11v3:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.c11v3 {
  zoom:1; /* this style for ie float behavior */
}


/*
 * END /web/fw/w/cl/c11/c11.css
 */

/* ---------- COMPONENT 'C15': Text ------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c15/c15.css
 */
/*
 * Revision: 1.2 
 *
 * 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 */
div.c15v7 {
	margin-bottom: 6px;
	clear: both;
	%height: 1%;
	font-size:x-small;
}

/* from .tab-content-container .section:after */
div.c15v7:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* from .tab-content-container ul.expanded-spacing */
div.c15v7 ul {
	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 */
div.c15v7 ul li {
	list-style-type:none;
	margin: -3px 0 15px 0px;
	padding: 0;
	%font-size:130% !important;
}

/* from .tab-content-container span.callout */
div.c15v7 strong {
	font-weight:bold;
	font-size:100%;
	color:#666 !important;
	line-height:normal;
	%font-size:100% !important;
}

div.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 */
div.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 */
div.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;
}

/* Overrides for sitecopy */

.sitecopy div.c15v7{
    font-size:110%;
	%font-size:x-small;
}
.sitecopy div.c15v7 p{
	font-size:85% !important;
	%font-size:120% !important;
}
.sitecopy div.c15v7 p.small{
	font-size:72% !important;
	%font-size:100% !important;
}
.sitecopy div.c15v7 h3{
	%font-size:130% !important;
}
/*
 * END /web/fw/w/cl/c15/c15.css
 */

/* ---------- COMPONENT 'C17': DHTML TABS ------------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c17/c17.css
 */
/*
 * Revision: 1.2 
 *
 * c17.css: Provides classes for component C17
 *    - c17v1: DHTML Tab Container
 *    - c17v3: Tab Header
 *    - c17v4: Tabs - Tab Section Separator
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */


/*
*************************************************************
c17v1 - Tab Container
 * styles for tabs can be used for DHTML tabs or hand-coded tabs, see authoring guideline for HTML
*************************************************************
*/

/* ---------------------------------------------
      The container
------------------------------------------------  */
.c17v1 {
	margin-right: 8px;
	zoom:1;  /* this style for ie float behavior */
}

/* -----------------------------------------------
     Main tabs non-js version, also affects dhtml
--------------------------------------------------  */
.c17v1 .tab, .c17v1 .tab-active {
	vertical-align:bottom;
	zoom:1;  /* this style for ie float behavior */
	font-size:small !important;
	cursor:pointer;
}

/* -------------------------------------------
    The table for tabs in DHTML view
----------------------------------------------- */
.c17v1 .tabset {
	/* the thick line under the tabs */
	border-bottom:#2f6681 3px solid;
	position:relative;
	/* only 2 px gutter */
	margin:0;
	padding-left:5px;
}

.c17v1 .tabset table {
	border-collapse: collapse;
	position:relative;
}

.c17v1 .tabset td {
	padding-bottom:0;
	padding-right:2px;
}

.c17v1 .tabset .tab .tabcorner, .c17v1 .tabset .tab-active .tabcorner {
	display: block;
	background-image: url(/web/fw/w/cl/c17/1px_white.gif);
	background-position: top left;
	background-repeat: no-repeat;
	position:relative;
	top:13px;
	height:1px;
	width:100%;
}
.c17v1 .tabset .tab-active .tabcorner {
	top:8px;
	%top:10px;
	%left:0;
	z-index:1;
}
.c17v1 .tabset .tab .tabcorner span, .c17v1 .tabset .tab-active .tabcorner span {
	background-image: url(/web/fw/w/cl/c17/1px_white.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:1px;
	width:1px;
	position:absolute;
	right:0;
	_right:-1px;
}
.c17v1 .tabset .tab-active a{
	text-decoration:none !important;
	display:block;
	border:1px #b6b6b6 solid;
	border-bottom:#fff 3px solid;
	padding:7px 9px 4px 10px;
	margin-top:7px;
	%margin-top:9px;
	margin-bottom:-4px;
	background:url(/web/fw/w/cl/c17/active_gradient.gif) -1px 0 repeat-x;
	background-color:#fff; /* will replace with an img */
 	color:#666 !important;
	cursor:default;
	font-weight:bold;
	overflow:visible;
	position:relative;
	%bottom:0;
	zoom:1;  /* this style for ie float behavior */
	font-size:85.2% !important;
}
.c17v1 .tabset .tab-active a:hover,.c17v1 .tabset .tab-active a:visited,.c17v1 .tabset .tab-active a:link{
	 	color:#666 !important;
}
.c17v1 .tabset .tab  a {
	text-decoration:none;
	display:block;
	border:1px #ccc solid;
	border-bottom:0px;
	margin-top:12px;
	padding:3px 9px 3px 10px;
	background-color:#eaeff2;
	color:#2f6681;
	font-weight:bold;
	font-size:85.2% !important;
}
.c17v1 .tabset .tab  a:hover,.c17v1 .tabset .tab  a:visited,.c17v1 .tabset .tab  a:link{
	 	color:#2f6681 !important;
}
html>body#libra .c17v1  .tabset .tab a { /* ie7 only */
	%padding-right:9px;
	%padding-left:9px;
}
#framework-base-content .c17v1 .tabset .tab  a:hover {
	background-color:#d1dce4;
	text-decoration:none;
}

.c17v1 .tabset .endtail {
	border-bottom:1px #666 solid;
	color:#fff;
}

/* ----------------------------------
   Affects subtabs in both views
------------------------------------*/

.c17v1 .subtab {
	margin-bottom:10px;
	font-size:small !important;
}

* html .c17v1  .subtab {
	margin-left:-5px;
}

.c17v1 .subtab ul {
	margin:0;
	padding-left:11px;
	%padding-left:12px;
	_padding-left:16px;
}

.c17v1 .subtab li {
	padding: 0 2px 0 5px;
	border-right: 1px solid #666;
	display: inline;
	color:#333;
	font-weight:bold;
	font-size:85%;
}

.c17v1 .subtab li a {
	font-weight:normal;
}

.c17v1 .subtab li.last-li {
	border-right: 0px;
}


/* --------------------------------------
     Subtabs in DHTML view
-----------------------------------------  */
.c17v1 #subtabs {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:none;
	margin:0;
	padding:10px 0 0 0;
}


.c17v1 #subtabs .subtab {
	margin-bottom:0;
}

.c17v1 #subtabs .subtab ul{
	margin-bottom:0;
}

.c17v1 #subtabs .subtab li {
	margin-left:0; /* To override the style that is applying from .clb ul li{margin:5px 0 0 -18px;} */
}
.c17v1 #subtabs .subtab li a {
	font-size:99.5%;
}


/* ---------------------------------------
      Infotab - content container
------------------------------------------ */
.c17v1 .infotab {
 border:1px #ccc solid;
 border-top:0;
 width:auto;
 padding:0px; /* for padding, wrap content in a gd02v1 or gd02v2 div */
 zoom:1;  /* this style for ie float behavior */
}
.c17v1 .infotab .tab-col-left {
   float: left;
   width: 306px;
}
.c17v1 .infotab .tab-col-right {
   float: right;
   width: 172px;
}
.infotab:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.infotab {
  zoom:1;  /* this style for ie float behavior */
}
.c17v1 a{
	outline:none;
}
.c17v1 .cl-bottom-corners { display:block; background:url(/web/fw/w/cl/c17/4px_corners_ccc.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:4px; left:0px; font-size:0;}
.c17v1 .cl-bottom-corners span { display:block; background:url(/web/fw/w/cl/c17/4px_corners_ccc.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:-0px; right:0px;}

/* 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;
}

/*
*************************************************************
c17v3 - Tab Header
         * formerly .infotab .tab-header
*************************************************************
*/

div.c17v3 {
	background: #fff url('/web/fw/i/tab-title-bg.gif') repeat-x bottom;
	font-size:x-small; /* To mimic tab-content-container fixed font approach */
}

div.c17v3 h2 {
	font-size: 180%;
	%font-size: 179%;
	margin: 0;
	padding: 12px 69px 9px 14px;
	_padding-top: 13px;
	%padding-top: 13px;
	_padding-bottom: 8px;
	%padding-bottom: 9px;
}

/*
*************************************************************
c17v4 - Tabs - Tab Section Separator
*************************************************************
*/

h3.c17v4 {
  /*background: url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;*/
  background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #d3d3d3;
  padding: 6px 12px;
  margin: 0 -12px 18px !important;
  %margin-bottom: 16px !important;
  color: #666;
}


/*
*************************************************************
Grids for tabs: supply padding for PCR and 'offshore' tab content
*************************************************************
*/

.c17v1 .gd02v1 {
	padding:18px 12px 0px;
}

.c17v1 .gd02v2 {
	padding:18px 12px 10px;
}

/*
*************************************************************
nested elements - non component
*************************************************************
*/

.c17v1 p.mod01 {
   text-align: right;
   margin-top: -7px;
   margin-bottom: -7px;
   %margin-bottom: -4px;
}
/*
 * END /web/fw/w/cl/c17/c17.css
 */

/* ---------- COMPONENT 'C19': Accordion -------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c19/c19.css
 */
/*
 * Revision: 1.2 
 *
 * c19.css: Provides classes for component C19
 *    - c19v1: Accordion (contains classes integrated out of rc-accordion.css and components.css)
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
c19v1: Styles for the Accordion Use Case
*************************************************************
*/

/* Default class */
.c19v1 {
    color:#666;
	border:1px solid #ccc;
	%font-size:x-small;
}

/* Styles for the background image for the inactive tabs */
.c19v1 .acc-panel {
    background:#c7cfd2 url(/web/fw/w/cl/c19/inactive_bg.jpg) repeat-x scroll 0 0;
    _margin-right:-1px;
	_border-top:1px solid #fff;
}

/* Styles for bottom spacing between items in content */
.c19v1 li {
   padding-bottom:1px;
}
.c19v1 h2{
	font-size:110%;
	%font-size:140%;
}
.c19v1 ul,.c19v1 ul li{
	margin:0;
	padding:0;
}
.c19v1 li a{
	%font-size:130%;
}
.c19v1 .acc-content ul li a{
	%font-size:100%;
}

.c19v1 ul ul{
	margin:0;
}
/* Styles describing the item in the content */
.c19v1 .chevron  li {
    background:url(/web/fw/w/cl/c19/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{
    text-decoration:none;
    color:#2f6681;
}

/* Anchor links styles on hover */
#c19v1 ul.chevron li a:hover,.c19v1 .acc-header:hover{
	text-decoration:none !important;
}

.c19v1 .no-bullet li{ /* Styles for the list with no bullets sub menu in the test case */
    list-style-image:none;
    list-style-type:none;
    font-weight:normal;
    background:none;
	margin-left:0;
}

.c19v1 .image-list{/* Styles for the list items with linked images */
   list-style-image:none;
   list-style-type:none;
   margin-left:0px;
}

.c19v1 .image-list li{
	margin-left:0;
}

.c19v1 .image-list a p{
	text-decoration:underline;
}

/* Styles for the content alignment in the tab */
.c19v1 .acc-content {
    margin:0;
    padding:9px 12px 16px;
}

/* Styles for h2 sub heading */
.c19v1 h2.acc-title {
    background: #fff;
    margin: 0;
    padding: 7px 11px 6px 11px;
}

/* Styles for background image for the active tab  */
.c19v1 .acc-active {
    background:#ebebeb url(/web/fw/w/cl/c19/active_bg.jpg) repeat-x scroll 0 0;
}

/* Styles for the accordion header text anchor */
.c19v1 a.acc-header {
	cursor:pointer;
	display:block;
	overflow:hidden;
	padding:4px 11px;
	text-decoration:none;
	word-break:break-all;
}

.c19v1 .acc-header h4{
   font-weight:bold;
   %font-size:105%;
}

.c19v1 a.acc-header:hover {
    text-decoration:none;
}

/* Styles for the arrow image in the active tab */
.c19v1 a.acc-arrow-active {
    background:transparent url(/web/fw/w/cl/c19/acc-arrow-down.gif) no-repeat scroll 10px 6px;
    padding-left:27px;
}

/* Styles for the arrow image in the inactive tab */
.c19v1 a.acc-arrow {
    background:transparent url(/web/fw/w/cl/c19/acc-arrow-right.gif) no-repeat scroll 10px 6px;
    padding-left:27px;

}

/* Styles for the content area in the active tab  */
.c19v1 .acc-overlay {
    background:#fff none repeat scroll 0 0;
    border-bottom:1px solid #fff;
    border-top:1px solid #ccc;
    display:block;
    overflow:auto;
	_font-size:110%;
	_position:relative; /* This is rquired for any components with rounded cornered that exist within an accordion */
}

.c19v1 .acc-content h2{
	%margin-top:-2px;
}

 /*changed for fixing the c19v1 issue*/

.c19v1 .acc-content hr{
	background-color:#8f8f8f !important;
	color:#8f8f8f !important;
	height:1px;
	border-top:1px solid;
	border-bottom:0;
}


/* 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;
}

/*
 * END /web/fw/w/cl/c19/c19.css
 */

/* ---------- COMPONENT 'C24': Content, Generic Elements ---------------------------*/
/*
 * BEGIN /web/fw/w/cl/c24/c24.css
 */
/*
 * Revision: 1.2 
 *
 * 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
*************************************************************
*/

div.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 */
div.c24v1 p, div.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) */
div.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;
}

/*
div.c24v1 p.very-large {
}
*/

div.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;
}

/* Overrides for sitecopy */

.sitecopy div.c24v1{
	font-size:100% !important;
}

.sitecopy div.c24v1 p, div.c24v1 p.regular{
	font-size:100% !important;
}
/*
 * END /web/fw/w/cl/c24/c24.css
 */

/* ---------- COMPONENT 'C25': Hero  ----------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c25/c25.css
 */
/*
 * Revision: 1.2 
 *
 * c25: Heroes
 *    - c25v2:   Hero - Image Only - Short
 *    - c25v2x2: Hero - Image Only - Short
 *    - c25v2x3: Hero - Image Only - Tall
 *    - c25v7:   Hero - Image Only - Short
 *    - c25v7x2: Hero - Embedded Video - Short
 *    - c25v7x3: Hero - Embedded Video - Tall
 *    - c25v8:   Hero - Video and Image Carousel
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
c25v2: Hero - Image Only - Short
*************************************************************
*/

.c25v2 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
   position: relative;
}

.c25v2 .content-right {
   float: right;
   width: 252px;
}

.c25v2 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 28px 0;
   %padding-bottom: 25px;
}

.c25v2 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}

.c25v2 p {
   margin: 0 0 27px 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}

.c25v2 a {
   margin: 0;
   padding: 0;
}

.c25v2 a img {
   border: none;
   margin: 0;
   padding: 0;
}


/* rounded corners: includer.js - cdc.util.addCorners() */

.c25v2 .cl-top-corners {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 0 0 no-repeat;
   height: 4px;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 0;
}

.c25v2 .cl-top-corners span {
}

.c25v2 .cl-bottom-corners {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 0 -12px repeat-y;
   height: 4px;
   width: 100%;
   font-size: 0;
   position: absolute;
   bottom: 0;
   left: 0;
}

.c25v2 .cl-bottom-corners span {
}

/*
*************************************************************
c25v2x2: Hero - Image Only - Short
*************************************************************
*/

.c25v2x2 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
}
.c25v2x2 .content-right {
   float: right;
   width: 252px;
}
.c25v2x2 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 28px 0;
   %padding-bottom: 25px;
}
.c25v2x2 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}
.c25v2x2 p {
   margin: 0 0 27px 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}
.c25v2x2 a {
   margin: 0;
   padding: 0;
}
.c25v2x2 a img {
   border: none;
   margin: 0;
   padding: 0;
}


/*
*************************************************************
c25v2x3: Hero - Image Only - Tall
*************************************************************
*/

.c25v2x3 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
}
.c25v2x3 .content-right {
   float: right;
   width: 252px;
}
.c25v2x3 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 28px 0;
   %padding-bottom: 25px;
}
.c25v2x3 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}
.c25v2x3 p {
   margin: 0 0 27px 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}
.c25v2x3 a {
   margin: 0;
   padding: 0;
}
.c25v2x3 a img {
   border: none;
   margin: 0;
   padding: 0;
}

/*
*************************************************************
c25v7: Hero - Image Only - Short
*************************************************************
*/

.c25v7 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
}

.c25v7 .content-right {
   float: right;
   width: 252px;
   padding: 6px 0 10px;
}
   .c25v7x3 .content-right {
      padding: 26px 0 30px;
   }

.c25v7 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 28px 0;
   %padding-bottom: 25px;
}

.c25v7 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}

.c25v7 p {
   margin: 0 0 27px 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}

.c25v7 a {
   margin: 0;
   padding: 0;
}

.c25v7 a img {
   border: none;
   margin: 0;
   padding: 0;
}


/* rounded corners: includer.js - cdc.util.addCorners() */

.c25v7 .cl-top-corners {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 0 0 no-repeat;
   height: 4px;
   width: 100%;
   position: relative;
   top: 0;
   left: 0;
   font-size: 0;
}

.c25v7 .cl-top-corners span {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 100% -4px no-repeat;
   height: 4px;
   width: 100%;
   position: absolute;
   top: 0;
   right: 0;
}

.c25v7 .cl-bottom-corners {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 0 -12px repeat-y;
   height: 4px;
   width: 100%;
   font-size: 0;
   position: relative;
   bottom: -23px;
   %bottom: 0;
   left: 0;
}
   .c25v7x3 .cl-bottom-corners {
      bottom: -63px;
      %bottom: 0;
   }

.c25v7 .cl-bottom-corners span {
   display: block;
   background: url('/web/fw/i/cl-sprite-hero-4px.jpg') 100% -8px no-repeat;
   height: 4px;
   width: 100%;
   bottom: 0;
   position: relative;
   right: 0;
}

/*
*************************************************************
c25v7x2: Hero - Embedded Video - Short
*************************************************************
*/

.c25v7x2 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
}
.c25v7x2 .content-right {
   float: right;
   width: 252px;
   padding: 10px 0;
}
.c25v7x2 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 66px 0;
}
.c25v7x2 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}
.c25v7x2 p {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}


/*
*************************************************************
c25v7x3: Hero - Embedded Video - Tall
*************************************************************
*/

.c25v7x3 {
   background: #c4d3d6 url('/web/fw/i/cl-sprite-hero-4px.jpg') left -16px repeat-x;
   margin-bottom: 12px;
}
.c25v7x3 .content-right {
   float: right;
   width: 252px;
   padding: 30px 0;
}
.c25v7x3 .content-left {
   margin: 0 276px 0 24px;
   padding: 29px 0 66px 0;
}
.c25v7x3 h3 {
   margin: 0;
   padding: 0 0 8px 0;
   font-family: arial;
   font-size: 20px;
   font-weight: normal;
   line-height: 23px;
   color: #fff;
}
.c25v7x3 p {
   margin: 0;
   padding: 0;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   line-height: 17px;
   color: #fff;
}

/*
*************************************************************
c25v8: Hero - Video and Image Carousel
*************************************************************
*/

.c25v8 {
   /* margin-bottom: 12px; */
   position: relative;
}

/*
 * END /web/fw/w/cl/c25/c25.css
 */

/* ---------- COMPONENT 'C26': Lightbox --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c26/c26.css
 */
/* DEPENDENCY!
* "c26v1" requires "c16v3"
* (lightbox requires video player)
*/

/*
 * Revision: 1.2 
 *
 * c26.css: Provides classes for component C26
 *    - c26v1: Lightbox (formally known as spotlightbox.css)
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
c26v1: Lightbox
*************************************************************
*/

.c26v1 {  /* Default class for lightbox component */
    display:none;
    background-color:#fff;
    min-width:480px;
    _width:480px; /* ie7 does min-width */
    text-align:center;
    position:fixed;
    _position:absolute;
    top:108px;
    border:1px solid #666;
    left:198px;
    margin-left:0; /* To override the style that is applying from cl-base.css */
    font-size:large;
	padding:15px;
}
.c26v1 h2 { /* Styles for the lightbox title */
    margin:0 60px 10px 0;
    text-align:left;
    font-size:104.2%;
    color:#336666;
}

.c26v1 .lb-close {/* Styles for the close button in the lightbox */
    top:14px;
    font-size:small;
	position:absolute;
	right:15px;
}
.c26v1 .lb-close a:link { /* Styles for the close button anchor within the lightbox */
    color:#666;
    text-decoration:none;
    outline:none;
    font-size:99.1%;
	%font-size:100% !important;
}
.c26v1 .lb-close a:hover {
     text-decoration:none !important;
}
.c26v1 .lb-close img {/* Styles for the close button X image within the lightbox */
    border:0 none;
}
.c26v1 .lb-caption { /* Unused styles in this refactoring for the lightbox caption */
    margin-bottom:15px;
    text-align:left;
    padding:0 15px;
    color:#2f6681;
    font-size:109.5%;
    line-height:109%;
    width:480px;
}


.jqmOverlay {
    _overflow:hidden !important; /* IE Fix for Infinite Scroll */
    background-color:#666;
}

html { _overflow:scroll;  }  /* IE Fix for Infinite Scroll */

/* Sitecopy overrides */

#framework-content-main .sitecopy .item .c26v1 h2  {
    font-size:104.2%;
}
#libra .sitecopy .item .c26v1 h2 {
    color:#336666;
    font-size:104.2%;
    margin:20px 75px 10px 14px;
}

.sitecopy .item .c26v1 h2 {
    color:#336666;
    font-size:104.2%;
    margin:20px 75px 10px 14px;
    padding:0;
    text-align:left;
}

#framework-content-main .sitecopy .c26v1 a {
    font-size:100%;
}
/*
 * END /web/fw/w/cl/c26/c26.css
 */

/* ---------- COMPONENT 'C28': Generic Elements ------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/c28/c28.css
 */
/*
 *
 * Revision: 1.2 
 *
 * 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 {
    border:1px solid #ccc;
    margin:0 16px 12px 0;
    background-color:#fff;
    font-size:86%;
    color:#333;
    zoom:1;
    }
    body:first-of-type .c28 { line-height:1.3em; } /* safari */

.c28:after {
    /* 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;
    text-indent:10px;
    }

.c28 ul, .c28 ol {
    list-style:none;
    margin:8px 10px 0;
    padding-bottom:10px; /* IE likes padding */
    }

.c28 p {
    line-height:1.2em;
    }

/*
*************************************************************
C28v1: Product Selection
*************************************************************
*/

.c28v1 { background-color:#e9f0fc; }
.c28v1 h4 {
    font-size:135%;
    padding:2px 0 1px; /* ck: b312 */
    }

/*
*************************************************************
C28v1 - A11v1: Product Selection Autosuggest
*************************************************************
*/

.c28v1 .a11v1 {
    height:30px;
    padding:8px 0 0 10px; /* ck: b312, 8px 0 2px 10px */
    %padding-top:6px;
    %padding-bottom:3px;
    }
    body:first-of-type .c28 .a11v1 { padding-bottom:3px; } /* safari */

.c28v1 .a11v1 a {
    text-decoration:none;
    color:#333 !important;
    float:left;
    margin-top:3px; /* ck: b312, 4px */
    %margin-top:5px; /* ck: b313 */
    %margin-left:7px; /* ck: b257 */
    }
.c28v1 .a11v1 form {
    float:left;
    }
.c28v1 .a11v1 #searchstring {
    /* font-size:120%;
    padding:2px 2px 0;
    %margin-right:1px; */
    }
    body:first-of-type .c28 .a11v1 #searchstring { /* font-size:130%; */ } /* safari */
.c28v1 .a11v1 #pssubmitbutton {
    /* top:-2px;
    %top:1px; */
    }


/* show/hide categories */

.c28v1 .a11v1 a .hide-text,
.c28v1 .a11v1 a .show-text {
    display:block; /*ck: b424 */
    background:transparent url(/web/fw/i/sprite-plusminus-sm.gif) 0 -20px no-repeat;
    padding-left:14px;
    margin-left:4px; /* ck: b312, 2px */
    %margin-left:0px; /* ck: b312 */

    }
.c28v1 .a11v1 a .show-text {
    background-position: 0 2px;
    display:none;
    }

/*
*************************************************************
C28v1: Product Category Lists
*************************************************************
*/

.c28v1 .as-showoptions {
    height:237px; /* ck: b312 233 */
    %height:236px; /* ck: ie redline bug */
    overflow:auto;
    overflow-x:hidden;
    }
.c28v1 .as-showoptions ul {
    margin-top:5px;  /* ck: b312 */
    margin-right:15px; /* ck: b312 */
    width:186px; /* ck: b312, 192 */
    float:left;
    %margin-right:14px; /* ck: b312 */
    _margin-left:5px;
    _margin-right:17px; /* ck: b312 */
    }
.c28v1 .as-showoptions li {
    line-height:145.2%; /* ck: b312 */
    margin-bottom:6px; /* ck: b312, 8px */
    }

/*
*************************************************************
C28v2: Support Portlet - Task Selector
*************************************************************
*/

.c28v2 {
    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; /* ck: b313 */
    }

.c28v2 ul {
    margin:5px 4px 0px; /* ck: b313 5 4 1 */
    }
.c28v2 a {
    height:30px; /* ck: b322 was 30px */
    display:block;
    padding-left:46px; /* ck: b322 was 50px */
    padding-top:13px;
    }


.c28v2 li a:link,
.c28v2 li a:visited,
.c28v2 li a:hover { background:transparent url(/web/fw/i/common_tasks.png) no-repeat 0px 0px; }

.c28v2 .task-troubleshoot a:link,
.c28v2 .task-troubleshoot a:visited {
    background-position:0px -86px;
    }
.c28v2 .task-troubleshoot a:hover {
    /* background-position:-212px 0px; ck: b513  */
    background-position:-212px -86px;
    }
.c28v2 .task-install a:link,
.c28v2 .task-install a:visited {
    /* background-position:0px -43px; ck: b513  */
    background-position:0px -129px;
    }
.c28v2 .task-install a:hover {
    /* background-position:-212px -43px; ck: b513  */
    background-position:-212px -129px;
    }
.c28v2 .task-maintain a:link,
.c28v2 .task-maintain a:visited {
    /* background-position:0px -86px; ck: b513  */
    background-position:0px -215px;
    }
.c28v2 .task-maintain a:hover {
    /* background-position:-212px -86px; ck: b513  */
    background-position:-212px -215px;
    }
.c28v2 .task-configure a:link,
.c28v2 .task-configure a:visited {
    /* background-position:0px -129px; ck: b513  */
    background-position:0px -43px;
    }
.c28v2 .task-configure a:hover {
    /* background-position:-212px -129px; ck: b513 */
    background-position:-212px -43px;
    }
.c28v2 .task-design a:link,
.c28v2 .task-design a:visited {
    background-position:0px -172px; /* ck: b513 Correct */
    }
.c28v2 .task-design a:hover {
    background-position:-212px -172px; /* ck: b513 Correct */
    }
.c28v2 .task-download a:link,
.c28v2 .task-download a:visited {
    /* background-position:0px -215px; ck: b513 */
    }
.c28v2 .task-download a:hover {
    /* background-position:-212px -215px; ck: b513 */
    background-position:-212px 0px;
    }
.c28v2 li.task-download { margin-bottom:2px; }

/*
*************************************************************
C28v3: Horizontal Links with Feature
*************************************************************
*/

.c28v3 h5 { margin:0 0 4px; }
.c28v3 ul {
    margin-top:7px; /* ck: bug fix to make it 151px */
    zoom:1;
    }
.c28v3 ul:after {
    /* clearfix */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
.c28v3 li {
    float:left;
    border-right:1px solid #ccc;
    margin:4px 4px 0 0;
    padding:0 6px 1px 0; /* ck: b324 top 2px */
    }
.c28v3 .li-last {
    border-right:none;
    margin-right:0;
    padding-right:0;
    }
.c28v3 div {
    border-top:1px solid #ccc;
    margin:-2px 10px 12px;
    /* _margin-bottom:12px;  ck: redline bug */
    padding-top:8px;
    }
.c28v3 p { padding-right:0; } /* ck: b324 2px seems it is built in to the text */

/*
*************************************************************
C28v4: Support Portlet - Links
*************************************************************
*/

.c28v4 li { margin-bottom:0.36em; }
.c28v4 li img { padding-left:2px; }

/*
*************************************************************
C28v5: Support Portlet - Icon & Description
*************************************************************
*/

.c28v5 p {
    margin: 7px 10px 0 58px; /* ck: b326 */
    padding-bottom:9px; /* 11 IE likes padding */
    _margin-left:56px;
    _float:none;
    }
.c28v5 img {
    float:left;
    margin:7px 10px;
    }

/*
*************************************************************
C28v6: Support Portlet - Selector (dropdown)
*************************************************************
*/
.c28v6 form { display:none; }
.c28v6 select {
    width:142px;
    margin:11px 32px 12px 12px; /* ck: b330 bottom 12px */
    padding:1px;
    font-size:inherit;
    %font-size:110%; /* ck: b330 makes box 21px tall */
    }
.c28v6 option { font-size:inherit; }

/*
 * END /web/fw/w/cl/c28/c28.css
 */

/* ------ c32 Pull Quote Component ---------------------------------------------- */
/*
 * BEGIN /web/fw/w/cl/c32/c32.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
    background: #eeeef0 url(/web/fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
    border:1px solid #d0d0d0;
    float:left;
    margin:15px 25px 15px 0;
    padding:15px 10px 18px;
    position:relative;
    width:166px;  /* this 166px equals the width of the pull quote to 188px */
}

/* Class for right aligning the Pull Quote */
.c32v1-alt1 {
	float:right;
	}

/* Styles for the Pull quote without quote image */
.c32v1 p{
    background: #eeeef0;
	%margin-bottom:10px;
}

/* Styles for the text within the Pull Quote and the end quote image */
.c32v1 blockquote{
    background: transparent url(/web/fw/w/cl/c32/endquote.png) no-repeat right bottom;
    margin:3px 1px 0;
    padding:3px 0 3px;
    %padding-top:6px;
    position:relative;
    color:#666666;
    line-height:20px;
    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;
    font-size:120%;
    %font-size:120% !important; /* W/o this override the font size defaults to 105% */
    _font-size:120% !important;
    font-style:italic;
    margin:9px 2px -1px 0;  /* bottom padding should be 20px as per redlines ;hence we use -2px for bottom padding
    here */
    text-align:right;
    %margin:9px -1px -1px 0;
    _margin:9px -1px -1px 0;
    display:block;
}

/* Styles to set the background image to achieve the rounded corners for the pull quote */
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr{background: transparent url(/web/fw/w/cl/c32/rounded_corners.png) no-repeat 0 0;}
.c32v1 .rctl,
.c32v1 .rctr,
.c32v1 .rcbl,
.c32v1 .rcbr {
    display:block;
    height:4px;
    width:4px;
    position:absolute;
    line-height:4px;
    %font-size:0 !important; /* w/o this override the rounded corner image breaks for IE6 as the font size defaults to 100% */
    }

/* Styles for achieving rounded corners on the top left edge of the pull quote */
.c32v1 .rctl {
    top:-1px;
    left:-1px;
    }

/* Styles for achieving rounded corners on the top right edge of the pull quote */
.c32v1 .rctr {
    top:-1px;
    right:-1px;
    background-position:0 -4px;
    }

/* Styles for achieving rounded corners on the bottom right edge of the pull quote */
.c32v1 .rcbr {
    bottom:-1px;
    %bottom:-2px;
	_bottom-2px;
    right:-1px;
    _right:-1px;
    background-position:0 -8px;
    }

/* Styles for achieving rounded corners on the bottom left edge of the pull quote */
.c32v1 .rcbl {
    bottom:-1px;
    %bottom:-2px;
	_bottom:-2px;
    left:-1px;
    _right:0;
    background-position:0 -12px;
    }

/* override for the p tag used in "pull quote without quotes" use case */
.c32v1 p,
.sitecopy .c32v1 p ,
#framework-content-main .sitecopy .c32v1 p{  /* sitecopy.css has this class;w/o this override they default
                                                to 88% font size which counts to 9.6px */
    font-size:140%;
    _font-size:140%  !important;
    }

/* Override for the base class ;this is required when we place the Pull quote within tabs component */
.sitecopy .c32v1 {
    background: #eeeef0 url(/web/fw/w/cl/c32/leadquote.png) no-repeat 12px 19px;
    margin:15px 25px 15px 0;
    padding:15px 10px 18px;
    }
/* Override to achieve 14px font size for the pull quote text ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 blockquote{
    font-size:127.2%;
    %font-size:95%;
    }

/* Override to achieve 12px font size for the pull quote cite(author name) ; these are required when pull quote occurs within a tab */
.sitecopy .c32v1 cite{
    font-size:109.1%;
    %font-size:120% !important;
    }

/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an tab component */
.c17v1 .c32v1 {
				margin:15px 25px 15px 0;
				padding:15px 10px 18px;
				}


/* These styles get overriden by .clb margin:0 /padding:0 when Pull Quote occurs within an Accordion */
.c19v1 .c32v1 {
				margin:15px 25px 15px 0;
				padding:15px 10px 18px;
				}
/* Styles for IE override to place PQ within an Accordion */
.c19v1 .c32v1{
				_z-index:auto;
				_position:static; /* The z-index didnt get effect without the static positioning */
				}
.c19v1 .c32v1 blockquote{
				_background: transparent url(/web/fw/w/cl/c32/endquote.png) no-repeat right bottom;
				_position:static;
			}

/* Styles for achieving the rounded corners in IE */
.c19v1 .c32v1 .rctl,
.c19v1 .c32v1 .rctr,
.c19v1 .c32v1 .rcbl,
.c19v1 .c32v1 .rcbr {
			_height:4px;
			_width:4px;
			_position:relative;
			_font-size:0 !important;
			}

.c19v1 .c32v1 .rctl{
	_top:-190px;
	_left:-11px;
	_right:190px;
	_bottom:203.8px;
	}
.c19v1 .c32v1 .rctr{
	_top:-194px;
	_right:-1px;
	_left:173px;
	_bottom:203.8px;
	}
.c19v1 .c32v1 .rcbr{
	_bottom:-19px;
	_right:-173px;
	}
.c19v1 .c32v1 .rcbl{
	_bottom:-23px;
	_left:-11px;
	}

/*
 * END /web/fw/w/cl/c32/c32.css
 */

/* ------ CATEGORY 'G': Global ---------------------------------------------------- */

/* ------ CATEGORY 'N': Navigation ------------------------------------------------ */

/* ---------- COMPONENT 'N03': Category --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/n03/n03.css
 */
/*
 * Revision: 1.2 
 *
 * 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 */
div.n03v6 {
    margin-bottom: 6px;
    %margin-bottom: -4px;
    clear: both;
    %height: 1%;
    width: 100%;
}

/* from .tab-content-container .section-list:after */
div.n03v6:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* from .tab-content-container .section-list h3 */
div.n03v6 h3 {
    margin-bottom: 0;
    padding-bottom: 11px;
    color: #666;
    font-size: 127.6%;
    line-height: 128.8%;
    %font-size: 127%;
    %line-height: 1.28em;
}

/* from .tab-content-container .prodlist */
div.n03v6 ul {
    margin:0 0 0 -5px;
    padding: 0 0 3px 0;
}

div.n03v6 ul li {
    width: 100%;
    list-style-type:none;
    margin: 0 0 10px;
    padding: 0 0 0 3px;
    clear: left;
}

/* from .tab-content-container .prodlist .prodimg */
div.n03v6 img {
    padding: 0 15px 12px 0;
    margin: 0;
}


/* from .tab-content-container .prodlist .prodtext */
 div.n03v6 ul div {
    margin:-50px 0 0 115px;
}

div.n03v6 ul div.narrow {
    float:left;
    %height: 1%;
    width: 260px;
    margin: 0;
    padding: 0;
}

div.n03v6 a {
    display: block;
    margin: -3px 0 7px 0;
    padding: 0;
    font-size: 109.6% !important;
    font-weight: bold;
    line-height: 123%;
    color:#2F6681;
}

/* 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;
}/*

/*
*************************************************************
N03v8 - Related Solutions ('Part of These SMB Solutions')
*************************************************************
*/

/* from .tab-content-container .section */
div.n03v8 {
    margin-bottom: 6px;
    clear: both;
    %height: 1%;
	font-size:x-small;
}

/* from .tab-content-container .section:after */
div.n03v8:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* from .tab-content-container h3 */
div.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 */
div.n03v8 ul {
    display: inline;
    width:205px;
        margin: 0 25px 0 -15px;
        %margin: 0 25px 0 0;
        padding: 3px 0 0 0;
}

/* from .minispot */
div.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%;
}

div.n03v8 ul div {
    float: left;
    width: 170px;
}

/* from .minispot img */
div.n03v8 img {
    float:left;
    padding-right:7px;
    %margin-top:1px;
}

/* from .minispot .minispottext */
div.n03v8 p {
    float:left;
    width:170px;
    margin-top: 0;
    padding: 2px 0 0 0;
    font-size:100.3% !important;
    %font-size:125% !important;
}

div.n03v8 a {
    margin:0 5px 0 0;
    padding: 0;
    font-size: 110%;
    %font-size: 140%;
    font-weight: bold;
    line-height: 123%;
    color:#2F6681;
}

div.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 */
div.n03v8 #framework-content-right img {margin-top:2px;_margin-top:1px;}

/* 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;
}
/*
 * END /web/fw/w/cl/n03/n03.css
 */

/* ---------- COMPONENT 'N04' : GrapNav --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/n04/n04.css
 */
/*
 * Revision: 1.2 
 *
 * 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{
 position:relative;
 min-height:216px;
 _height:216px;
 border:2px solid #ccc;
 margin: 15px 0;
 width:904px;
 %font-size:x-small;
}


/* JS version hero-nav height */
.n04v4.n04v4js{
 min-height:108px;
 %height:110px;
}

/* Icon Title Text */
.n04v4 a{
 text-decoration:none;
}
/* Icon Title Text : on hover */
.n04v4 a:hover{
 text-decoration:underline;
}
/* Top/Bottom icon set alignment */
.n04v4 .section1,
.n04v4 .section2{
 position:relative;
 background-repeat:no-repeat;
}
/* Top/Bottom links positioning - Non JS Version */
.n04v4 a.vtab{
 min-height:58px;
 _height:58px;
 padding:50px 20px 0 20px;
 font-size:145.5%;
 %font-size:150%;
 _font-size:145.5%;
 font-weight:bold;
 display:block;
 width:180px;
 %padding-bottom:2px !important;
}

/* Top/Bottom links positioning - JS Version */
.n04v4.n04v4js  a.vtab{
 min-height:35px;
 _height:35px;
 padding:18px 20px 2px 20px;
 width:180px;
}


/* bottom tab background on hover */
.n04v4 .bottom{
 background:url(/web/fw/w/cl/n04/vtab-prod-on.jpg) left bottom no-repeat;
 width:904px;
}

/* Top tab background - JS version */
.n04v4.n04v4js  .top.taboff {
 background:url(/web/fw/w/cl/n04/vtab-sol-off.jpg) left bottom no-repeat;
}

/* Width of top tab  */
.n04v4 .top{
 width:904px;
}

/* Top tab background on hover- JS version */
.n04v4.n04v4js .top{
 background:url(/web/fw/w/cl/n04/vtab-sol-on.jpg) left -56px no-repeat;
}

/* Bottom tab background - JS version */
.n04v4.n04v4js .bottom.taboff{
 background:url(/web/fw/w/cl/n04/vtab-prod-off.jpg) left top no-repeat;
 width:220px;
}

/* Icon title links - JS version */
.n04v4.n04v4js .taboff a.vtab{
 color:#4f7aa6;
}

.n04v4.n04v4js .taboff .item-list{
 display:none;
}

/* Icons alignment in top/bottom tabs  */
.n04v4 .item-list {
 width:686px;
 position:absolute;
 top:0px;
 left:220px;
 text-align:center;
 display:block;

}

/* Bottom tab default icons alignment  */
.n04v4.n04v4js .bottom .item-list{
 top:-55px;
}

.n04v4.n04v4js .top .item-list{
 %top:0px;
}

/* Icon text alignment  */
.n04v4 .item-list .navlink {
 display:block;
 height:102px;
 background-repeat:no-repeat;
 font-weight:bold;
 color:#2f6681;
 padding:8px 0px 0px 0px;
 _font-size:110%;
}

/* Icon text visited link color */
#n04v4 a:visited {
 color:#2f6681 !important;
}

/* Icons alignment in top/bottom div  */
.n04v4 .item-list div {
 float:left;
 position:relative;
}

/* styles for the hover popup info */

html>body .n04v5 .detail{
 *width:191px; /* special for ie7 */
}

/*info hover caret image alignment */
.n04v5 .detail{
 display:none;
 position:absolute;
 top:88px;
 /*this padding and margin needed for caret image */
 padding-top:8px;
 background:url(/web/fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
 text-align:left;
 width:186px;
 %margin-left:-5px;
 z-index:1; /* added to fix Bug:1041 */
}

/*Info hover text alignment */
.n04v4 .detail-text {
 padding:2px 14px 19px;
 width:164px;
 margin:3px -3px -8px;
 %padding:2px 14px 12px;
}

/* Info hover shadow image alignment  -special for IE */
* html .n04v4 .detail-text  {
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
 width:166px !important;
 margin:-2px -2px -2px -2px;
 position:relative;
}
html>body .n04v5 .detail-text {
  background:transparent url(/web/fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
  margin:-1px 1px 0px -3px;
  position:absolute;
  width:166px !important;
}

* html .n04v4 .detail-text a {
 z-index:1;
 position:relative;
}

/* Title positioning in info hover */
.n04v5 .detail h2{
 font-size:127.5% !important;
 %font-size:135% !important;
 color:#333;
 margin:6px 0 1px;
}

/* Sub Title positioning in info hover  */
.n04v4 .detail-text  .c15v2 {
 padding-bottom:5px;
 border-bottom:#ccc 1px solid;
}

/* Block titles beneath hero nav  */
.n04v5 .detail h3{
 margin-top:5px;
 margin-bottom:-4px;
 color:#333;
 font-weight:bold;
}
/* List style in Info hover  */
.n04v5 .detail ul li{
 list-style-type:disc;
 margin:0px;
}

.n04v5 .detail ul{
 margin-left:12px;
 _margin-left:16px;
 margin-top:5px;
 padding:0;
 %margin-bottom:0;
}


/* Nav item width specs */
.n04v4 .set4 .item-list div {
 width:171px;
}
.n04v4 .set5 .item-list div {
 width:137px;
}
.n04v4 .set6 .item-list div {
 width:114px;
}
.n04v4 .set7 .item-list div{
 width:98px;
}

/* width for 5 icon case, first item */
.n04v4 .set5 .item-list div.item1{
    width:136px;
}


/* width for 7 icon case, last two items */

.n04v4 .set7 .item6,
.n04v4 .set7 .item7 {
    width:97px;
}


/* Icons Use Case Definitions */
/* 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 */

/* 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;}


/* 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;
}


/*
*************************************************************
n04v5 - Infohovers for Graphical Navigation
*************************************************************
*/

html>body .n04v5 .detail{
	*width:191px; /* special for ie7 */
}

/*info hover caret image alignment */
.n04v5 .detail{
	display:none;
	position:absolute;
	top:88px;
	/*this padding and margin needed for caret image */
	padding-top:8px;
	background:url(/web/fw/w/cl/n04/n04v5-caret.gif) top center no-repeat;
	text-align:left;
	width:186px;
}

/*Info hover text alignment */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text {
	padding:2px 14px 19px;
	width:164px;
	margin:3px -3px -8px;
}

/* Info hover shadow image alignment  -special for IE */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text  {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/web/fw/w/cl/n04/n04v5-shadow.png',sizingMethod='scale');
	width:194px;
	margin:-2px -2px -2px -2px;
	position:relative;
}
html>body .n04v5 .detail-text {
		background:transparent url(/web/fw/w/cl/n04/n04v5-shadow.png) no-repeat bottom left;
		margin:-1px 1px 0px -3px;
		position:absolute;
}

/* TODO: can we use .n04v5 instead of .n04v4 here? */
* html .n04v4 .detail-text a {
	z-index:1;
	position:relative;
}

/* Title positioning in info hover */
.n04v5 .detail h2{
	font-size:127.5%;
	color:#333;
	margin:6px 0 1px;
}

/* Sub Title positioning in info hover  */
/* TODO: can we use .n04v5 instead of .n04v4 here? */
.n04v4 .detail-text  .c15v2 {
	padding-bottom:5px;
	border-bottom:#ccc 1px solid;
}

/* Block titles beneath hero nav  */
.n04v5 .detail h3{
	margin-top:5px;
	margin-bottom:-4px;
	color:#333;
	font-weight:bold;
}
/* List style in Info hover  */
.n04v5 .detail ul{
	margin-left:12px;
	_margin-left:16px;
	margin-top:5px;

}

/* Info-Hover Positions for each Use Case */

/* 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;}

/*
 * END /web/fw/w/cl/n04/n04.css
 */

/* ---------- COMPONENT 'N05': Link Lists ------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/n05/n05.css
 */
/*
 * Revision: 1.2 
 *
 * n05.css:
 *    - 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
 */

/*
*************************************************************
n05v15 - Navigation - List -
*************************************************************
*/

.n05v15 {border:1px solid #ccc; position:relative; }
.n05v15 ul { width:33.3%; float:left; 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 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat; height:4px; width:100%; position:relative; top:-1px; left:-1px; font-size:0;}
.n05v15 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px  no-repeat;  height:4px; width:100%; position:absolute; top:0; right:-2px;}
.n05v15 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-1px; left:-1px; font-size:0;}
.n05v15 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:-0px; right:-2px;}

.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;
}

/*
*************************************************************
n05v16 - Navigation - List - Solutions List w/ Optional Image
*************************************************************
*/

.n05v16 {
  border: 1px solid #ccc;
  padding: 0 18px 9px 12px !important;
}
.n05v16 h3 {
  background: #dfdfdf url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
  border-bottom: 1px solid #ccc;
  padding: 6px 12px 5px;
  margin: -4px -18px 17px -12px;
}
.n05v16 img {
  position: relative;
  float: left;
  margin-top: 3px;
  margin-right: 12px;
}
.n05v16 p {
  background: transparent;
  margin-bottom: 14px;
}
.n05v16 h4 {
  color: #2970a6;
}
.n05v16:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.n05v16 {
  zoom:1;  /* this style for ie float behavior */
}

.n05v16 .img-intro img {
  position: relative;
  float: left;
  margin: 2px 0 0;
}
.n05v16 .img-intro p {
  background: transparent;
  margin-left: 162px !important;
  margin-bottom: 9px;
}
.n05v16 .img-intro p:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.n05v16 .img-intro {
  zoom:1; /* this style for ie float behavior */
}

.n05v16 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:-1px; left:-13px; font-size:0;}
.n05v16 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-32px;}
.n05v16 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-10px; left:-13px; font-size:0;}
.n05v16 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:-0px; right:-32px;}

/*
*************************************************************
n05v17 - list - dated link list with footer links
*************************************************************
*/

.clp .n05v17,
.clb .n05v17 {
  border: 1px solid #e9e9e9;
  background: #eee;
  padding:0 12px 17px;
}

.clp .n05v17 h3,
.clb .n05v17 h3 {
  background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
  padding:9px 12px 6px;
  border-bottom:1px solid #ccc;
  margin:-4px -12px 17px;
}


.clp .n05v17 ul,
.clb .n05v17 ul {
  list-style:none outside;
  margin-bottom:14px;
}

.clp .n05v17 li,
.clb .n05v17 li {
  margin-bottom:8px;
}

.clp .n05v17 .separator,
.clb .n05v17 .separator {
  padding:0 4px;
}

.clp .n05v17 .cl-top-corners,
.clb .n05v17 .cl-top-corners {
  display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:-1px; left:-13px; font-size:0;
}

.clp .n05v17 .cl-top-corners span,
.clb .n05v17 .cl-top-corners span {
  display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-26px;
}

.clp .n05v17 .cl-bottom-corners,
.clb .n05v17 .cl-bottom-corners {
  display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-18px; left:-13px; font-size:0;
}

.clp .n05v17 .cl-bottom-corners span,
.clb .n05v17 .cl-bottom-corners span {
  display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:-26px;
}

/*
 * END /web/fw/w/cl/n05/n05.css
 */


/* ---------- COMPONENT 'N09': Category Home Listings ---------------------*/
/*
 * BEGIN /web/fw/w/cl/n09/n09.css
 */
/*
 * Revision: 1.2 
 *
 * n09.css:
 *    - n09v4: Product Portfolio - Two column product list, per category
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
n09v4 - Product Portfolio - Two column product list, per category
*************************************************************
*/

.n09v4 {
  margin-bottom: 7px !important;
/*  %margin-bottom: -2px !important;
    -- interferes with border; might need another way to tweak margin? */
  border-bottom: 1px solid #ddd;
}

.n09v4-last, .n09v4-flat {
  border-bottom:0;
  %margin-bottom: -2px !important;
}
.n09v4 h4 {
  margin: 0 0 8px;
  font-size: 109%;
  clear:both;
}
.n09v4 h4.no-child {
  font-weight: normal !important;
  font-size: 100% !important;
}
.n09v4 ul {
  float: left;
  width: 50%;
}
.n09v4 li {
  padding: 0 0 8px;
  list-style:none;
  list-style-position: outside;
}
.n09v4 .col-left li {
  margin-right: 24px;
}
.n09v4 .col-right li {
  margin-left: 12px;
  margin-right: 12px;
}
.n09v4:after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  visibility:hidden;
}
.n09v4 {
  zoom:1; /* this style for ie float behavior, trying without wrapper class */
}


/*
 * END /web/fw/w/cl/n09/n09.css
 */

/* ---------- COMPONENT 'N19': Featured Content Escape Hatches ---------------------*/
/*
 * BEGIN /web/fw/w/cl/n19/n19.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
   border:1px solid #ccc;
   background:#eee;/* top background color & attach gradient image at bottom repeat-x;*/
   padding:11px 11px 15px;
   position:relative;
   zoom:1; /* idiotic ie bug. can't see positioned images unless this 'has layout' !!!!! */
}


.n19 .cta {
   padding-left:13px;
   background:url(/web/fw/i/arrow_transp_5x9.gif) no-repeat center left;
}

.n19 h3 {
   margin-bottom:3px;
}


.n19 p {
   line-height:141%;
   margin-bottom:12px;
}


.n19 img {
   float:right;
   padding:2px 0 12px 12px;
}


.n19 .cl-top-corners {
   display:block;
   background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat;
   height:4px;
   width:100%;

position:relative;

top:-12px;
   left:-12px;
   font-size:0;

}

.n19 .cl-top-corners span {
   display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px  no-repeat;
   height:4px;
   width:100%;

position:absolute;

top:0;

   right:-24px;

}

.n19 .cl-bottom-corners {
   display:block;

background:url(/web/fw/i/4px_corners_ccc.gif) 0 4px repeat-y;
   height:4px;
   width:100%;
   font-size:0;
   position:relative;
   bottom:-16px;
   left:-12px;

}

.n19 .cl-bottom-corners span {
   display:block;
   background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px  no-repeat;
   height:4px;
   width:100%;
   bottom:-0px;
   position:relative;
   right:-24px;
}
/*
 * END /web/fw/w/cl/n19/n19.css
 */

/* ---------- COMPONENT 'N21': Product Drawer ---------------------*/

/*
 * BEGIN /web/fw/w/cl/n21/n21.css
 */
/*
 * Revision: 1.3 
 *
 * n21.css: Product Drawers
 *    - n21: General Product Drawers
 *
 * (c) 1992-2009 Cisco Systems, Inc. All rights reserved.
 * Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
 */

/*
*************************************************************
n21 - General Product Drawers
*************************************************************
*/

.n21 {
  	position:relative;
	%zoom:1;
	%padding-top:4px;
}

.c17v1 .infotab .clp .n21 {
    margin:0 -12px !important;  /* stretches all the way across tab */
    %margin-left:-29px !important;
}

.c17v1 .infotab .n21 {
    margin:0 -12px !important;  /* stretches all the way across tab */
    %margin-left:-13px !important;
}

ul.n21, .n21 .items, .n21 .infolinks {
	list-style:none;
}

.n21 .series {
	position:relative;
	min-height:100px;
	_height:100px;
	background:url("/web/fw/i/category_bg_2x200.gif") repeat-x;
	padding:20px 12px 0;
	border-bottom:1px solid #ccc;
	%zoom:1;
	%margin:-3px 0;
	%padding-top:23px;
	%border-left:1px solid #ccc;
   z-index:200;
}

.n21 .series-last {
	margin-bottom: -1px;
	%margin-bottom: -4px;
}

.n21 .prodinfo {
	float:left;
	margin-right:124px;
}

.n21 .notice {
	color:#9a3435;
	padding-left:10px;
}

/* ---------------------------- */
.clp .n21 .items {
  	background:url("/web/fw/i/separator_bg_2x6.gif") bottom repeat-x;
	border-bottom:1px solid #ccc;
	%margin-left:16px;
	%padding:0 12px;
	%border-left:1px solid #ccc;
}

.n21 .items {
  	background:url("/web/fw/i/separator_bg_2x6.gif") bottom repeat-x;
	border-bottom:1px solid #ccc;
	%padding:0 12px;
	%border-left:1px solid #ccc;
   z-index:100;
}

.n21 .items-last {
	background: none;
	border-bottom: none;
}
/* ---------------------------- */

.n21 .items li {
	padding:20px 0;
	margin:0 12px;
	border-bottom:1px solid #eee;
	%zoom:1;
	%margin:-3px 0 0;
}

.clp .n21 ul.details {
	list-style:disc outside;
	margin: 0 0 0 116px;
	padding:0;
	%padding-left:12px;
	%zoom:1;
	%position:relative; /* These 3 so IE doesn't cut off the top of the bullet */
	%top:-5px;
	%padding-top:10px;
}

.n21 ul.details {
	margin: 0 0 0 116px;
	padding:0;
	%padding-left:12px;
	%zoom:1;
	%position:relative; /* These 3 so IE doesn't cut off the top of the bullet */
	%top:-5px;
	%padding-top:10px;
}

.clp .n21 ul.details li  {
	padding:0;
	border:none;
	vertical-align:top;
	%margin-bottom:4px;
	%margin-left:4px;
	%position:relative; /* These 2 so IE doesn't cut off the top of the bullet */
	%top:-3px;
}

.n21 ul.details li  {
	list-style-type: disc;
	padding:0;
	border:none;
	vertical-align:top;
	%margin-bottom:4px;
	%margin-left:4px;
	%position:relative; /* These 2 so IE doesn't cut off the top of the bullet */
	%top:-3px;
}


.n21 ul.details img {
	height:7px;
	width:59px;
}

.n21 ul.infolinks {
	width:104px;
	float:right;
	margin:13px 0 0 -136px;
	%margin:10px -10px 0 -112px;
	z-index:10;
	zoom:1;
	padding:0;
}

.clp .n21 ul.infolinks li {
	padding:5px 0;
	border-width:0 0 1px;
	%margin-left:-12px;
	margin-right:0;
}

.n21 ul.infolinks li {
	padding:5px 0;
	border-width:0 0 1px;
	%margin-left:12px;
	margin-right:0;
}

.n21 ul.infolinks li.last {
	border:none;
}

.n21 img.product {
	width:100px;
	height:80px;
}

.clp .n21 h3, .n21 h4  {
	margin: -80px 0 4px 114px;
	%margin-top:-87px;
}

.n21 h3, .n21 h4  {
	margin: -80px 0 4px 114px;
	/* %margin-top:-87px; */
}

.n21 h4 {
	zoom:1;
}

.n21 h3.noimg, .n21 h4.noimg {
	margin-top:0;
}

.n21 .series h3 a {
	font-size:90.9%;
}

.n21 p {
	font-size:109.1%;
	margin:0 12px 0 114px;
	padding-bottom:36px;
}

.n21 a.show {
	display:block;
	padding:12px 12px 9px 0;
	text-align:right;
	position:absolute;
	right:0; bottom:0;
}
.n21 a.show:hover {
	text-decoration:inherit;
}

.n21 a.show .icon {
	height:13px;
	padding-right:25px;
	display:inline-block;
	margin-bottom:-2px;
}
.n21 .hidetext {
	display:none;
	min-height:12px;
	_height:12px; /* ie7 knows min-height */
}
.n21 .hidetext .icon {
	background: url("/web/fw/i/expand_contract_icon_sprite.gif") no-repeat right -66px;
}
.n21 .hidetext:hover .icon {
	background-position:right -99px;
	text-decoration:none;
}

.n21 .showtext .icon {
	background: url("/web/fw/i/expand_contract_icon_sprite.gif") no-repeat right top;
}
.n21 .showtext:hover .icon{
	background-position:right -33px;
	text-decoration:none;
}
.n21 a.show:hover .text {
	text-decoration:underline;
}

.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. */
}
/*
 * END /web/fw/w/cl/n21/n21.css
 */

/* ---------- COMPONENT 'N22': Feature Carousel ---------------------*/
/*
 * BEGIN /web/fw/w/cl/n22/n22.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
   border: 1px solid #e9e9e9;
   background: #eee !important;
   padding: 0 12px !important;
   display: block;
}

.n22v1 h3 {
   background: #dfdfdf url('/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif') 0 0 repeat-x;
   border-bottom: 1px solid #ccc;
   padding: 6px 12px 7px !important;
   margin: -4px -12px 0;
}

.n22v1 ol {
   list-style-type:none;
   list-style-position: outside;
   margin: 16px 0 12px;
   padding: 0;
}

.n22v1 .hidden {
   display: none;
}

.n22v1 p {
   margin-bottom: 14px;
}

.n22v1 .cta-links {
   margin-left: -8px;
}

.n22v1 .cta-links a {
   margin: 0 8px;
}

/* navigation controls */
.n22v1 .carousel-controls {
   position: relative;
   float:right;
   padding-top: 2px;
}

.n22v1 .carousel-previous {
   width: 12px;
   height: 15px;
   float: left;
}

.n22v1 .carousel-next {
   width: 12px;
   height: 15px;
   float: left;
}

.n22v1 #carousel-dots div {
   width: 9px;
   height: 15px;
   float: left;
}

.n22v1 .carousel-dots {
   background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -9px 3px no-repeat scroll;
}

.n22v1 .carousel-dots-on {
   background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -18px 3px no-repeat scroll;
}

.n22v1 .carousel-controls a {
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}

.n22v1 .carousel-controls a:hover {
   text-decoration: none;
}

.n22v1 .carousel-previous a {
   background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) 3px 3px no-repeat scroll;
}

.n22v1 .carousel-next a {
   background: transparent url(/web/fw/w/cl/n22/cl-n22v1-sprite.gif) -27px 3px no-repeat scroll;
}

.n22v1:after {
   clear:both;
   content: ".";
   display:block;
   height:0;
   visibility:hidden;
}
.n22v1 {
   zoom:1; /* this style for ie float behavior, trying without wrapper class */
}

.n22v1 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat; height:4px; width:100%; position:relative; top:-1px; left:-13px; font-size:0;}
.n22v1 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-26px;}
.n22v1 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-1px; left:-13px; font-size:0;}
.n22v1 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:-0px; right:-26px;}


/*
 * END /web/fw/w/cl/n22/n22.css
 */

/* ------ CATEGORY 'S': Sidebar --------------------------------------------------- */

/* ---------- COMPONENT 'S01': Let Us Help --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s01/s01.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
	border: 1px solid #ccc;
   background: #eee url('/web/fw/i/s01-bg.png') left bottom repeat-x;
   padding: 5px 11px 11px;
	position:relative;
}

.s01 h3 {
   margin: 0;
   padding: 0 0 9px 0;
}

.s01 ul {
   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;
}

.clp .s01 li {
   margin: 0;
   %margin-left: -16px;
   padding: 0 0 2px 0;
   %padding: 0;
   list-style: none;
}

.s01 li {
   margin: 0;
 /*  %margin-left: -16px; */
   padding: 0 0 2px 0;
   %padding: 0;
   list-style: none;
}


/* rounded corners: includer.js - cdc.util.addCorners() */

.s01 .cl-top-corners {
   display: block;
   background: url('/web/fw/i/4px_corners_ccc.gif') 0 0 no-repeat;
   height: 4px;
   width: 100%;
   position: relative;
   top: -6px;
   left: -12px;
   font-size: 0;
}

.s01 .cl-top-corners span {
   display: block;
   background: url('/web/fw/i/4px_corners_ccc.gif') 100% -4px no-repeat;
   height: 4px;
   width: 100%;
   position: absolute;
   top: 0;
   right: -24px;
}

.s01 .cl-bottom-corners {
   display: block;
   background: url('/web/fw/i/4px_corners_ccc.gif') 0 4px repeat-y;
   height: 4px;
   width: 100%;
   font-size: 0;
   position: relative;
   bottom: -12px;
   left: -12px;
}

.s01 .cl-bottom-corners span {
   display: block;
   background: url('/web/fw/i/4px_corners_ccc.gif') 100% -8px no-repeat;
   height: 4px;
   width: 100%;
   bottom: 0;
   position: relative;
   right: -24px;
}
/*
 * END /web/fw/w/cl/s01/s01.css
 */

/* ---------- COMPONENT 'S02': Related --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s02/s02.css
 */
/*
 * Revision: 1.2 
 *
 * s02.css:
 *    - 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
 */

/*
*************************************************************
s02v12 - Related - Related Links in Container
*************************************************************
*/


.clp .s02v12,
.clb .s02v12 {
  border: 1px solid #e9e9e9;
  background: #eee;
  padding:0 12px 5px;
}

.clp .s02v12 h3,
.clb .s02v12 h3 {
  background: #dfdfdf url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
  padding:5px 12px;
  border-bottom:1px solid #ccc;
  margin:-4px -12px 7px;
}

.clp .s02v12 ul,
.clb .s02v12 ul {
  list-style:none outside;
}

.clp .s02v12 li,
.clb .s02v12 li {
  margin-bottom:8px;
}

.s02v12 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:-1px; left:-13px; font-size:0;}
.s02v12 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-26px;}
.s02v12 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-6px; left:-13px; font-size:0;}
.s02v12 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:-26px;}
/*
 * END /web/fw/w/cl/s02/s02.css
 */

/* ---------- COMPONENT 'S04': Feedback -------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s04/s04.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
    font-size:86%;
    border:1px solid #ccc;
    padding:6px 10px 10px;
    margin:0 16px 12px 0;
    }



/*
 * END /web/fw/w/cl/s04/s04.css
 */

/* ---------- COMPONENT 'S07': Ad Banner / Promotion ------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s07/s07.css
 */
/*
 * Revision: 1.2 
 *
 * 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.css
$Revision: 1.19 $

(c) 1992-2009 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/

/*
*************************************************************
s07v5 - Promotion - Action-Oriented Promo
*************************************************************
*/


.clp .s07v5,
.clb .s07v5 {
  border: 1px solid #ccc;
  background: #eee;
  padding:7px 12px 15px;
}

.clp .s07v5 h4,
.clb .s07v5 h4 {
   margin-bottom:5px;
   font-size:109.1%;
}

.clp .s07v5 p,
.clb .s07v5 p {
   margin-bottom:11px;
}

.clp .s07v5 .cta,
.clb .s07v5 .cta {
   background:url(/web/fw/i/arrow_transp_5x9.gif) no-repeat left center;
   padding-left:12px;
}

.s07v5 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:-8px; left:-13px; font-size:0;}
.s07v5 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:-26px;}
.s07v5 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:-16px; left:-13px; font-size:0;}
.s07v5 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_ccc.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:-26px;}
/*
 * END /web/fw/w/cl/s07/s07.css
 */

/* ---------- COMPONENT 'S14': Graphical Sidebar List --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s14/s14.css
 */
/*
 * Revision: 1.2 
 *
 * 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 {
}

.clp .s14v1 h3,
.clb .s14v1 h3 {
  background: #d0d0d0 url(/web/fw/i/cl-bkgnd_e9e9e9-dfdfdf.gif) repeat-x 0 0;
  padding:6px 12px;
  margin-top:-4px;
  border-bottom:#aaa 1px solid;
}

.clp .s14v1 ul,
.clb .s14v1 ul {
   list-style:none outside;
   background-color:#e7e7e7;
   margin-bottom:-4px;
}

.clp .s14v1 li,
.clb .s14v1 li {
   font-weight:normal;
   font-size: 109.5%;
   line-height:121%;
   border-top:#f4f4f4 1px solid;
   border-bottom:#d6d6d6 1px solid;
}

.clp .s14v1 .twitter a,
.clb .s14v1 .twitter a {
  background-position:7px -322px;
}
.clp .s14v1 .podcast a,
.clb .s14v1 .podcast a {
  background-position:7px 2px;
}
.clp .s14v1 .multimedia a,
.clb .s14v1 .multimedia a {
  background-position:8px -46px;
}
.clp .s14v1 .blog a,
.clb .s14v1 .blog a {
  background-position:7px -93px;
}
.clp .s14v1 .news a,
.clb .s14v1 .news a {
  background-position:7px -138px;
}
.clp .s14v1 .feed a,
.clb .s14v1 .feed a {
  background-position:7px -185px;
}
.clp .s14v1 .discussion a,
.clb .s14v1 .discussion a {
  background-position:7px -230px;
}
.clp .s14v1 .design a,
.clb .s14v1 .design a {
  background-position:7px -274px;
}

.clp .s14v1 li a,
.clb .s14v1 li a {
   background:url(/web/fw/i/resources_icons_sprite_20.gif) no-repeat;
   display:block;
   padding:5px 38px 6px;
   color: #666;
}

.clp .s14v1 li a:hover,
.clb .s14v1 li a:hover {
   color: #666;
}

.s14v1 .cl-top-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:0; left:0; font-size:0;}
.s14v1 .cl-top-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:0;}
.s14v1 .cl-bottom-corners { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:0; left:0; font-size:0;}
.s14v1 .cl-bottom-corners span { display:block; background:url(/web/fw/i/4px_corners_e9.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:0;}
/*
 * END /web/fw/w/cl/s14/s14.css
 */

/* ---------- COMPONENT 'S15': Graphical Sidebar List --------------------------------------------*/
/*
 * BEGIN /web/fw/w/cl/s15/s15.css
 */
/*
 * Revision: 1.2 
 *
 * 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
*************************************************************
*/


.clp .s15v1,
.clb .s15v1 {
  /* border: 1px solid #ccc; */
}

.clp .s15v1 ul,
.clb .s15v1 ul {
   list-style:none outside;
   margin:-4px 0;
}

.clp .s15v1 li,
.clb .s15v1 li {
   font-weight:bold;
   line-height:121%;
   border-top:#6a92a5 1px solid;
   border-bottom:#3b6479 1px solid;
}

.clp .s15v1 li a,
.clb .s15v1 li a {
   color:#fff;
   background:#5b8498;
   display:block;
   padding:7px 12px 5px;
}

.clp .s15v1 li a:hover,
.clb .s15v1 li a:hover {
   background:#7094a5;
   text-decoration:none;
   color:#fff;
}
.s15v1 .cl-top-corners { display:block; background:url(/web/fw/i/blue_corners.gif) 0 0 no-repeat; height:4px; width:100%; position:relative;  top:0; left:0; font-size:0;}
.s15v1 .cl-top-corners span { display:block; background:url(/web/fw/i/blue_corners.gif) 100% -4px no-repeat; height:4px; width:100%; position:absolute; top:0; right:0;}
.s15v1 .cl-bottom-corners { display:block; background:url(/web/fw/i/blue_corners.gif) 0 -12px no-repeat; height:4px; width:100%; position:relative; bottom:0; left:0; font-size:0;}
.s15v1 .cl-bottom-corners span { display:block; background:url(/web/fw/i/blue_corners.gif) 100% -8px  no-repeat;  height:4px; width:100%; position:relative; bottom:0; right:0;}
/*
 * END /web/fw/w/cl/s15/s15.css
 */
/*
 * END /web/fw/c/cl.css
 */

/* MANIFEST:
 *   /web/fw/c/framework.css 1.41 
 *   /web/fw/c/components.css 1.22 
 *   /web/fw/c/legacy.css 1.3 
 *   /web/fw/w/cl/cl-reset.css 1.2 
 *   /web/fw/w/cl/cl-fonts.css 1.2 
 *   /web/fw/w/cl/cl-defaults.css 1.2 
 *   /web/fw/w/cl/cl-common.css 1.2 
 *   /web/fw/w/cl/cl-base.css 1.8 
 *   /web/fw/w/cl/a00/a00.css 1.2 
 *   /web/fw/w/cl/a03/a03.css 1.2 
 *   /web/fw/w/cl/a11/a11.css 1.2 
 *   /web/fw/w/cl/a06/a06.css 1.2 
 *   /web/fw/w/cl/c00/c00.css 1.2 
 *   /web/fw/w/cl/c01/c01.css 1.2 
 *   /web/fw/w/cl/c11/c11.css 1.2 
 *   /web/fw/w/cl/c15/c15.css 1.2 
 *   /web/fw/w/cl/c17/c17.css 1.2 
 *   /web/fw/w/cl/c19/c19.css 1.2 
 *   /web/fw/w/cl/c24/c24.css 1.2 
 *   /web/fw/w/cl/c25/c25.css 1.2 
 *   /web/fw/w/cl/c26/c26.css 1.2 
 *   /web/fw/w/cl/c28/c28.css 1.2 
 *   /web/fw/w/cl/c32/c32.css 1.2 
 *   /web/fw/w/cl/n03/n03.css 1.2 
 *   /web/fw/w/cl/n04/n04.css 1.2 
 *   /web/fw/w/cl/n05/n05.css 1.2 
 *   /web/fw/w/cl/n09/n09.css 1.2 
 *   /web/fw/w/cl/n19/n19.css 1.2 
 *   /web/fw/w/cl/n21/n21.css 1.3 
 *   /web/fw/w/cl/n22/n22.css 1.2 
 *   /web/fw/w/cl/s01/s01.css 1.2 
 *   /web/fw/w/cl/s02/s02.css 1.2 
 *   /web/fw/w/cl/s04/s04.css 1.2 
 *   /web/fw/w/cl/s07/s07.css 1.2 
 *   /web/fw/w/cl/s14/s14.css 1.2 
 *   /web/fw/w/cl/s15/s15.css 1.2 
 *   /web/fw/c/cl.css 1.10 
 */