/*
components.css
$Revision: 1.14 $
. modules
(c) 1992-2004 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(http://cisco.com/swa/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;
}
* 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;
}
.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%;
}