/*
components.css
$Revision: 1.27 $
. modules
(c) 1992-2007 Cisco Systems, Inc. All rights reserved.
Terms and Conditions: http://cisco.com/en/US/swassets/sw293/sitewide_important_notices.html
*/

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

/*
********************************
web module page popups
********************************
*/
	#framework-popup-banner,#framework-popup-main,#framework-popup-footer{
  		border-collapse:separate;
  		border-spacing:0px;
		vertical-align:top;
		border:0px;
		padding:0px;
		margin:0px;
		width:100%;
		empty-cells:hide;
	}
	#framework-popup-main{
		margin-top:15px;
	}
	#framework-popup-footer{
		border-top:1px solid #ccc;
	}
	#framework-popup-banner #framework-column-header{
		height:72px;
		width:100%;
	}
	#framework-popup-banner #framework-header {
		position:absolute;
		margin:3px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		top:0px;
		left:0px;
		z-index:1;
		height:72px;
		min-width:0px;
		width:100%;
		background:url(/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:11px; /* ck: was 88%; */
		line-height:110%;
	}
	.categoryHome .flat-list {
		margin-top:16px;
	}
	.categoryHome .listing {
		margin-top:0;
		padding-top:0;
		padding-right:11px;
	}
* html .categoryHome .listing {
		padding-right:16px;
	}
	.categoryHome ul {
		margin:0;
	}
	.categoryHome .listing .link,
	.categoryHome .listing .heading {
		margin-bottom:6px;
	}
	.categoryHome .listing .lastlink {
		margin-bottom:10px;
	}
	.categoryHome .listing .tier1 .heading{
		font-weight:bold;
		margin-top:16px;
		margin-bottom:6px;
	}
	.categoryHome .listing .tier2 {
		margin-left:8px;
	}
	.categoryHome .listing .tier3 {
		margin-left:16px;
	}
/* from listing_lll.xsl */
.llldropmenu {
	background-color:#ccc;
	width:100%;
	margin:0 0 18px 0;
	border:0;
	border-collapse:collapse;
}
* html .llldropmenu {
	border-bottom:#fff 1px solid;
}
.llldropmenu fieldset {
	border:0;
	font-size:95%;
	padding:4px;
}
.llldropmenu .title {
	display:block;
	float:left;
	margin-top:4px;
	font-weight:normal;
}
.low-level {
	margin-left:7px;
	margin-top:-1px;
	font-size:95%;
}
* html .low-level {
/*	padding-top:8px;*/
}
.low-level ul.listing {
	list-style-type:none;
	margin-top:-8px;
	padding:0;
	margin-left:0;
	font-size:11px; /* was 95% */
}
* html .low-level ul.listing {
	margin-top:6px;
}
.low-level .listing ul {
	list-style-type:none;
	margin:-1px 0 0 9px;
	padding:0;
}
* html .low-level .listing ul {
	margin-top:0px;
}
.low-level .listing .heading {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	margin:9px 0 3px 0;
}
.low-level .has-groups .listing .ungroup {
	margin:26px 0 0 0;
}
* html .low-level .has-groups ul.listing ul.ungroup {
	margin-top:12px;
}
.low-level .no-groups ul.listing ul.ungroup {
	margin:11px 0 0 0;
	padding-top:2px;
}
* html .low-level .no-groups ul.listing ul.ungroup {
	margin-top:-19px;
	padding-top:0;
}
.low-level .listing ul li {
	margin-top:5px;
}
/* from cross_nav.xsl (aka ordering.xsl)*/
/* this replicates spacing for inline-links */
.inline-link {
margin: 0 .25em;
}
/* These are the overrides for module context will be globally av. in the future... */
/* these are the equivalent of the moduleTitle, moduleLink and moduleContent styles from cdc.css */
/* module also formats the wrapping div */
	.module {
		background-color: #ffffff;
		padding: 6px 0;
		margin: 0;
		text-align:left;
	}

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

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

	.cross-nav .module .title {
		background-image: none;
		color:#666666;
		background-color: #d6d8da;
		padding:1px 0px 3px 7px;
		font-weight:bold;
		border: 0;
	}
	.cross-nav .module .header a {
		font-weight:bold;
	}
	.cross-nav .module .header {
		font-size:105%;
		border-bottom: #e3e3e3 1px solid;
	}
	/* these styles affect the entire module */
	.cross-nav .module .header, .cross-nav .module .contentArea {
		border-left: #d6d8da 1px solid;
		border-right: #d6d8da 1px solid;
		border-bottom: #d6d8da 1px solid;
    }
	.cross-nav .module .contentArea {
		border-top: none;
		padding-top: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;
}
#fw-mb .sidebar-region { /* changed from #libra */
    background-color: #eaeff2;
}
* html .sidebar-region {
	width:187px;
	margin: 7px 0px 7px 3px;
}
.sidebar {
	padding: 10px 9px 0px 10px;
	color:#666666;
	font-size: 11px; /* ck: was 85%; */
	background-image: none;
}
.sidebar h5 {
	margin: 0px 0px 10px 0px;
	font-size: 90%;
	line-height: 90%;
	color:#333333;
}
.sidebar h2 {
	display: block;
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	color: #990000;
}
#fw-mb .sidebar h2 { /* changed from #libra */
    	color: #8d5e01;
}
.sidebar h3 {
	display: block;
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 110%;
	color: #666666;
}
.sidebar p {
	margin: 0px 0px 10px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 100%;
}
/* For sidebar_module.xsl and its clones
  - this floating module is heavily used for download links on product support documents */
    .module-sidebar-xsl {
       padding:0 7px 4px 4px;
       border:1px solid #ccc;
       width:186px;
       float:right;
       text-align:left;
    }
    /* mb bz#1896 fix */
	.cdc-fw .module-sidebar-xsl { margin-left:10px; }
	
    .module-sidebar-xsl  .main-header {
       margin:0 -7px 0 -5px;
       padding:0px 7px 1px 4px;
       background-color:#d5e0e6;
       color:#666;
    }

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

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

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

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

/*
************************************************
Task Based Navigation
************************************************
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/* Most Requested Resources Module */
#content-requested-resources {
    position:relative;
    margin:10px 0px 13px 0px;
    background-color:#eaeff2;
    border:1px solid #ccc;
    min-width:500px;
    min-height:145px; /* based on NetPro blob */
    }
* html #content-requested-resources {
    height:145px;
    }
#content-requested-resources h3 {
    margin:0;
    padding:2px 0 3px 10px;
    font-size:11px; /* ck: was 86%; */
    color:#000;
    background-color:#ccc;
    min-height:1.3em;
    }
* html #content-requested-resources h3 {
    margin-right:-10px;
    height:1.3em;
    }
#content-requested-resources .resources { margin:7px 0 3px; }
* html #content-requested-resources .resources { width:auto;}
/* NetPro Blob Settings */
#content-requested-resources .resources ul {
    float:left;
    margin:0 0 0 10px;
    padding:0 340px 0 0;
    list-style-type:none;
    }
* html #content-requested-resources .resources ul {
    margin:0 0 0 5px;
    padding-right: 335px;
}
#content-requested-resources .resources li {
    margin-bottom:6px;
    font-size:11px; /* ck: was 86%; */
    }
#content-requested-resources .blob {
    position:absolute;
    right:0px;
    margin:1px 10px 0 25px;
    padding:0;
    width:305px;
    font-size:11px; /* ck: was 85%; */
    line-height:110%;
    font-weight:bold;
    color:#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: 11px; /* ck: was 86%; */
    color: #666;
}
#partner-locator select {
    width: 162px;
}
#partner-locator input.submit {
    color: #2F6681;
    font-family: arial;
    font-size: 100%;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 1px 6px 2px;
    %padding: 1px 8px;
    width: auto !important;
    overflow:visible;
}
*html #partner-locator input.submit {
    width:1%;
}
#partner-locator img {
    display: none !important;
}
/*
************************************************
Widget - Accordion
************************************************
*/
.cdc-widget-accordion {
    border: 1px solid #ccc;
    font-size: 11px; /* ck: was 85.5%; */
    color: #666;
}
.cdc-widget-accordion h2.acc-title {
    background: #fff;
    font-size: 109%;
    color: #666;
    margin: 0;
    padding: 7px 11px 6px 11px;
}
.sitecopy_hs .cdc-widget-accordion h2.acc-title {
    font-size: 124%;
}
.contcss .cdc-widget-accordion h2 {
    font-size: 126.5%;
}
.cdc-widget-accordion .acc-panel {
    background-color: #c7cfd2;
}
.cdc-widget-accordion a.acc-header {
    cursor: pointer;
    font-weight: bold;
    color: #666 !important;
    text-decoration: none;
    overflow: hidden;
    /*white-space: nowrap; // didn't work for ie */
    padding: 4px 11px;
    margin: 0;
    display: block;
}
.contcss .cdc-widget-accordion a.acc-header {
    font-size: 116%;
}
.cdc-widget-accordion .acc-header h4 {
    margin: 0;
    font-size: 100%;
    color: #666;
}
.sitecopy .cdc-widget-accordion a.acc-header {
    font-size: 100%;
}
.sitecopy_hs .cdc-widget-accordion a.acc-header {
    font-size: 114%;
}
.cdc-widget-accordion .acc-panel {
    background: url('/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;
}