/*
framework.css
$Revision: 1.1.2.4 $
. main page layout
. default styles for content
. legacy styles for content
(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 */

	img { border:0; }
	.skiplinks {
		visibility:hidden; /* Added for NS7 compatibility */
		display:none;
	}
	
	a:link { color:#039; }
	a:visited { color:#639; }

/* base structure styles */
	#framework-base-banner,#framework-base-main,#framework-base-footer{
		min-width:900px;
		width:100%;
	}
	#framework-base-banner,#framework-base-main,#framework-base-content,#framework-base-footer{
  		border-collapse:separate;
  		border-spacing:0px;
		empty-cells:hide;
		vertical-align:top;
		border:0px;
		padding:0px;
		margin:0px;
		width:100%;
	}

	.framework-base-main-override{
		background:url(/web/fw/i/rightcol-bkg.gif) repeat-y right;
	}
	#framework-base-banner td,
	#framework-column-left,
	#framework-column-center,
	#framework-column-main,
	#framework-column-right,
	#framework-base-footer td { 
		vertical-align:top; 
	}
	#framework-base-banner{	height:97px; }
	#framework-base-banner,#framework-base-content,#framework-base-footer{ margin:0px; }

/* main content area styles */
	#framework-column-left,#framework-column-main,#framework-column-titles,#framework-column-right { padding:0px; }
 	#framework-main-bottom {
		border-top:1px solid #ccc;
		background-color: #fff;
		width:100%;
		empty-cells:show;
	}
	#framework-main-bottom div{ width:100%; height: 1px;}

	/*	IE 100%+ issue.  CSS will not work until _struct_ are removed.  
	*	Code counts ChildNodes where length is 3:
	*	(1) Anchor, (2) HiNav Start Comment, (3) HiNav End Comment 
	*/
	* html #framework-main-bottom div {  /* IE Override */
		width:expression((document.getElementById('framework-column-left').childNodes.length > 3)? "709px" : "900px");
  	 }

	#framework-column-left{
        	empty-cells:hide;
		max-width:190px;
		border-right:1px solid #ccc;
 	}
	#framework-column-main { width:100%; }
	#framework-column-center {
		width:100%;
		padding:0px;
		margin:0px;
	}
	#framework-column-titles{
		border-bottom:1px solid #ccc;
		background-color: #fff; 
	}
	#framework-content-main { 
		margin:7px 10px 11px 10px; /* framework content margins */
	}	
	#framework-content-right {
  		border-collapse:separate;
		empty-cells:hide;
		text-align:center;
	}
	
/* overrides and fixes - move to components */

/* Right column table overrides */
	#framework-content-right table {
        	width:187px;
        	margin:2px 0px 0px 3px; 
        	text-align:left;
	}
	/* Added for right column content backward compatibility 04/01/05
	addresses greyline overlap issue due to #framework-content-right table styles */
	#framework-content-right table table {
		width:100%;
		margin:0px; 
	}
	#framework-content-right span.content {
		display: block;
		width:187px;
		margin:2px 0px 0px 2px;
		text-align:left;
	}

/* Right column image overrides */

	/* Used for old ad banners outside of table 04/01/05*/
	#framework-content-right img { margin:2px 0px 0px 3px; }
	
	/* Moz override to select only img's that are children of the right content div */
	#framework-content-right>img { width:187px; } 
	/* IE override - Code counts ChildNodes where length is > 6 for the CAMP comments*/
	* html #framework-content-right{  /* IE Override */
		width:expression((document.getElementById('framework-content-right').childNodes.length > 8)? "189px" : "0px");
	}
	
	/* Used to reset any img inside table 04/01/05*/
	#framework-content-right table img {
		margin-top:0px; 
		margin-left:0px; 
		text-align:left;
	}
	/* Used to fix spacing issue between 60x60 img and text 04/05/05*/
	#framework-column-main tbody tbody tbody span.content img,#framework-column-main tbody tbody tbody div.content img {
		display:block;
		padding-right:10px;
	}
	.title-section {
		color:#333;
		font-size:85%;
		margin:6px 0px 0px 9px;
		padding:0px;
	}
	.title-page {
		font-weight:normal;
		font-size:140%;
		color:#666;
		margin:2px 0px 5px 9px;
		padding:0px;
	}


/*
**************************
web header & footer
**************************
*/
/* The header has relative positioning and sits nicely along the top, regardless of where we serve it up in the linearized page.  */
	#framework-header {
		position:relative;
		margin:-3px 0px -2px -1px;
		padding:0px;
		top:0px;
		left:0px;
		height:98px;
		min-width:900px;
		width:100.2%;
		background:url(/web/fw/i/framework-header-bkg-hinavoff.gif) no-repeat;
		overflow:visible;
	}
/* IE override: the neg margins in above rule dont work in IE, this is a workaround */
	* html #framework-base-banner{margin-bottom:-4px;}
	* html #framework-header {top:-4px;}
	
	#framework-header .nav-area {
		position:relative;
		top:54px;
		left:0px;
		height:20px;
		color:#fff;
		font-size:85%;
		background-color:#669999;
		margin:0px 0px 0px 200px;
		padding:23px 12px 0px 0px;
		word-spacing:3px;
		white-space:nowrap;
		background:url(/web/fw/i/framework-nav-area-bkg.gif) no-repeat 49% 100%;
		overflow:visible;
		max-width:100%;
	}
	#framework-header .nav-area a {
		color:#fff;
		text-decoration:none;
		margin:0;
		word-spacing:0;
	}
	#framework-header .nav-secondary {
		position:absolute;
		top:-1px;
		left:187px;
		padding:4px 6px 0px 0px;
		font-size:85%;
		height:27px;
		color:#666;
		white-space:nowrap;
	}
	#framework-header .nav-secondary a {
		color:#666;
		text-decoration:none;
		margin:0px 3px;
	}
	#framework-header .nav-secondary a.login {
		color:#c00;
		font-weight:bold;
	}
	#framework-header .nav-secondary .loggedin {
		color:#666;
		font-weight:bold;
	}

	/* search box is in the header now */
	#framework-header .search {
		position:absolute;
		height:28px;
		top:37px;
		right:0px;
		margin:0px;
		padding:0px 0px 0px 65px;
		background:url(/web/fw/i/search-bkg.gif) no-repeat bottom left;
	}
	#framework-header .search label {
		visibility:hidden; /* Added for NS7 compatibility */
		display:none;
	}
	#framework-header #searchPhrase { width:253px;height:14px; }
	#framework-header .search #go { 
		position:relative;
		top:3px;
		margin-right:6px;
		width:19px;
		height:19px;
	}

	/* styles for country name and language (all templates except en-US) */
	#framework-header .lang-country {
		position: absolute;
		margin: 5px 0 0 12px;
		padding: 0;
		top: 0;
		right: 30px;
		font-size:88%;
		color: #666;
	}	
	#framework-header .current-country {
		color: #900;
		font-weight: bold;
	}
	
	
	
	#framework-logo {
		position:absolute;
		margin:0px;
		padding:0px;
		top:1px;
		left:40px;
		z-index:10;
	}
	
	/* The footer has relative positioning and flows underneath the content table */
	#framework-footer {
		margin:0px; 
		padding:0px 0px 15px 0px;
		min-width:900px;
		width:100%;
	}
	#framework-footer .nav-area {
		margin:5px 0px 0px 13px;
		padding:0px;
		font-size:85%;
		color:#666;
        	white-space:nowrap;
	}
	#framework-footer .nav-area a {
		color:#666;
		margin:0px 4px;
	}
	#framework-footer .legal {
		margin:12px 0px 0px 16px;
		padding:0px;
		font-size:80%;
		color:#666;
	}
	#framework-footer .legal a { color:#666; }

/*
*********************************
web hierarchical navigation
*********************************
. defines these classes:
  - parent
  - peer
  - selected
  - child
*/
	.hinav {
		position:relative;
		width:187px;
		margin:-8px 0px 20px 0px;
		padding:8px 2px 0px 0px;
		font-size:85%;
		color:#333;
		border:0px;
		background:url(/web/fw/i/hinavtop.gif) no-repeat top;;
		z-index:3;
	}
	.hinav h3 { display: none; }
	.hinav ul, .hinav ul.outer {
		display:block;
		margin:0px;
		border:0px;
		padding:0px;
	}
	.hinav ul.outer {
		border-bottom:2px solid #ccc;
	}		
	.hinav ul li {
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
	}
	.hinav a, 
	.hinav a:visited, 
	.hinav span,
	.hinav .selected { 
		display:block;
		position:relative;
		margin:0;
		border:0;
		text-decoration:none;
		border-bottom:1px solid #ccc;
	}
/* had to add the visited and 'a' selectors to the following for IE to override default */ 
	.hinav li a.parent,.hinav li a.parent:visited,	.hinav li .parent {
		padding:3px 6px 3px 12px;
		color:#333;
		background-color:#fff;
	}
	.hinav li .peer,
	.hinav li .selected {
		padding:3px 6px 3px 24px;
		font-weight:bold;
	}
/* had to add the 'a' selector to the following rules for IE to override default 'a' rules */ 
	.hinav li a.peer,.hinav li .peer {
		color:#333;
		background-color:#fff;
	}
	.hinav li .selected {
		background-color:#666;
		color:#fff;
	}
	.hinav li a.selected {
		color:#fff;
	}
	.hinav li a.child,.hinav li .child {
		padding:3px 6px 3px 36px;
		color:#333;
		background-color:#fff;
	}