/*
components.css
$Revision: 1.17 $
. 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(ciscocertificates.com/templates/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%; }


/*
************************************************
Widgets
************************************************
*/
.widget-indicator { display:none; }

/* 
************************************************
Partner Locator Widget
************************************************
*/

#partner-locator h4 {
    font-size: 86%;
    padding: 5px 0 3px;
}
#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 {
    margin: 17px auto 13px;
    padding: 1px 6px 2px;
    %padding: 1px 8px;
    font-family: arial;
    font-weight: bold;
    color: #2F6681;
    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.5%;
    color: #666;
    margin: 0;
    padding: 7px 11px 6px 11px;
}
.cdc-widget-accordion .acc-panel {
    background: url(/web/fw/w/accordion/inactive_bg.jpg) repeat-x;
    background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-header {
    cursor: pointer;
    font-weight: bold;
    color: #666 !important;
    text-decoration: none;
    padding: 4px 11px;
    margin: 0;
    display: block;
}
.cdc-widget-accordion .acc-header {
    background: url(/web/fw/w/accordion/inactive_bg.jpg) repeat;
}
.cdc-widget-accordion .acc-active .acc-header{
    background: url(/web/fw/w/accordion/active_bg.jpg) repeat;
}
.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-active .acc-overlay {
    display: block !important;
}
*/
.cdc-widget-accordion .acc-content {
    text-align: left;
    padding: 9px 12px 16px 12px;
    margin: 0;
}
.cdc-widget-accordion #acc-content-special {
    background: yellow;
    /*display: none;*/
}