/*
web-framework.css
$Revision: 1.3 $

. main page layout
. default styles for content
. 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
*/

/* standard html styles */
	body {
		background-color:#fff;
		color:#000;
		font:80% Arial,Helvetica,sans-serif;
		margin:0px;
		padding:0px;
	}
	img { border:0; }
	.skiplinks {
		visibility:hidden; /* Added for NS7 compatibility */
		display:none;
	}
	#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(../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-base-footer{
        /*border-top:1px solid #ccc;*/
	}
 	#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:0px; }
	#framework-content-right {
  		border-collapse:separate;
		empty-cells:hide;
        	text-align:center;
	}
/* overrides and fixes - move to components */
	#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;
   }
    /* Used for old ad banners outside of table 04/01/05*/
    #framework-content-right img { margin-left:3px; }
    /* Used to reset any img inside table 04/01/05*/
    #framework-content-right table img {
       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 {
       display:block;
       padding-right:10px;
    }

	.title-section {
		color:#333;
		font-size:95%;
		margin:6px 0px 0px 9px;
		padding:0px;
	}
	.title-page {
		font-weight:bold;
		font-size:135%;
		color:#666;
		margin:2px 0px 5px 9px;
		padding:0px;
	}

/*
. header and footer styling

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


/* 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:-1px 0px -2px -1px;
		padding:0px;
		top:0px;
		left:0px;
		height:98px;
		min-width:900px;
		width:100.2%;
		background:url('../i/framework-header-bkg-hinavoff.gif') no-repeat;
		overflow:visible;
	}
	#framework-header .nav-area {
		position:relative;
		top:54px;
		left:0px;
		height:20px;
		color:#fff;
		font-size:90%;
		background-color:#669999;
		margin:0px 0px 0px 200px;
		padding:23px 12px 0px 0px;
		word-spacing:3px;
		white-space:nowrap;
		background:url('../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:0;
		left:187px;
		z-index:2;
		padding:4px 6px 0px 0px;
		font-size:90%;
		height:27px;
		color:#999;
		white-space:nowrap;
	}
	#framework-header .nav-secondary a {
		color:#999;
		text-decoration:none;
		margin:0px 3px;
	}
	#framework-header .nav-secondary a.login {
		color:#cc0000;
		font-weight:bold;
	}
	#framework-header .nav-secondary .loggedin {
		color:#999999;
		font-weight:bold;
	}
	/* search box is in the header now */
	#framework-header .search {
		position:absolute;
		height:29px;
		top:36px;
		right:0px;
		margin:0px;
		padding:0px 0px 0px 92px;
		background:url('../i/search-bkg.gif') no-repeat bottom left;
	}
	#framework-header .search label {
		visibility:hidden; /* Added for NS7 compatibility */
		display:none;
	}
	#framework-header #searchPhrase { width:233px; }
	#framework-header .search #go { 
		position:relative;
		top:3px;
		margin-right:6px;
	}
	#framework-logo {
		position:absolute;
		margin:0px;
		padding:0px;
		top:1px;
		left:40px;
		z-index:10;
	}
	
	/* styles for country name and language (all templates except en-US) */
	#framework-header .lang-country {
	position: absolute;
	margin: 6px 0px 0 12px;
	padding: 0;
	top: 0;
	/*left: -43px;*/
	width: 100%;
	right: 25px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 100%;
	color: #999;

	}	
	#framework-header .current-country {
	color: #900;
	font-weight: bold;
	}

	/* 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; }
	
.invisible {display: none;
	}
/* search overrides */	
.search {width: 15%;}
			
#framework-content-main {
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	}