/****
Libra Framework CSS - framework.css
$Revision: 1.39.2.3 $
. standard html styles
. base structure styles
. btx overrides and fixes
. banner styles
. site area nav style
. hinav styles
. section and page title styles
. footer styles
(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
--------------------
. defines font, font size, and link styles 
. migrated from legacy.css to framework
. recycled from btx
***/

body#libra {
  margin: 0 5px 0 3px;
  padding:0px;
  font:80.5% Arial,Helvetica,sans-serif; /* Sets base */
  color:#000;
  background-color:#fff;
  min-width:902px;
  }
  * html body#libra { 
    font:80% Arial,Helvetica,sans-serif; /* IE6 reset */
    width: expression((documentElement.clientWidth < 910) ? "902px" : "auto" ); /* IE scroll shift */
    }
pre { font-size:124.5%; } /* Reverse default PRE resizing (smaller) in Mozilla-based browsers */
  * html pre { font-size:100%; }
/* End migration from legacy.css */

img { border:0; }
a:link { color:#039; }
a:visited { color:#639; }

/*** 
---------------------
Base Structure Styles
---------------------
. primarily defines framework table structure 
. legend:
     base-main     : outter table - contains tds: column left, column center
     column-center : outter td    - contains table: base content
     base-content  : inner table  - contains tds: column titles, column main, column right
     column-main   : inner td     - contains div: content-main
     content-main  : inner div    - contains actual content
***/

#framework-base-banner {
  margin:0;
  padding:0;
  width:100%;
  }
#framework-wrapper { width: 100%; }
#framework-base-main, #framework-base-content {
  margin:0;
  padding:0;
  width:100%;  
  border:0;
  border-collapse:separate;
  border-spacing:0;
  empty-cells:hide;
  vertical-align:top;
  }

/* master declaration for vertical align */
/* #framework-base-banner td, ck: not being used in Libra */
#framework-column-left,
#framework-column-center,
#framework-column-main,
#framework-column-right,
#framework-base-footer td {
  vertical-align:top;
  }

/* main content area styles */
#framework-column-left,
#framework-column-main,
#framework-column-titles,
#framework-column-right {
  padding:0;
  }
#framework-column-left{
  empty-cells:hide;
  max-width:190px;
  }
#libra #framework-base-main { background:none; }

/* min height to footer */
#framework-column-center { height:350px; }
#framework-column-center, #framework-column-main {
  margin:0;
  padding:0;
  width:100%; 
  }
#framework-content-main { margin:5px 10px 0 10px; }
#framework-content-right {
  border-collapse:separate;
  empty-cells:hide;
  text-align:center;
  }


/*** 
-----------------------
Btx Overrides and Fixes 
-----------------------
***/

/* right column table overrides */
#framework-content-right table {
  width:188px;
  margin:2px 0 0 8px;
  text-align:left;
  }

/* right column content backward compatibility 
. addresses greyline overlap issue due to #framework-content-right table styles
. added 04/01/05
. shouldn't be required in Libra 
*/
#framework-content-right table table {
  width:100%;
  margin:0;
  }
#framework-content-right span.content {
  display: block;
  width:188px;
  margin:2px 0 0 8px; 
  text-align:left;
  }

/* right column image overrides 
. Used for old ad banners outside of table 
. added 04/01/05
*/
#framework-content-right img { margin:2px 0 0 8px; } 


/* Moz override to select only img's that are children of the right content div */
#framework-content-right>img { width:188px; } 

/* IE override - Code counts ChildNodes where length is > 8 for the CAMP comments */
* html #framework-content-right{ 
    width:expression((document.getElementById('framework-content-right').childNodes.length > 8)? "201px" : "0"); 
    }

/* reset any img inside table 04/01/05 */
#framework-content-right table img {
  margin-top:0;
  margin-left:0;
  text-align:left;
  }

/* 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;
  }



/*** 
---------------------
Libra Specific Styles
---------------------
. generic round corners
. added 09/01/06
***/

/*** Generic Rounded Corner Module Declaration ***/
.corner-top, .corner-left, .corner-bottom {
  background-repeat:no-repeat;
  display:block;
  position:relative;
  font-size:0;
  line-height:0;
  margin:0;
  padding: 0;
  height:3px;
  }
.corner-top {
  background-position:100% 0;
  width:auto;
  top:-1px;
  right:-1px;
  }
.corner-top .corner-left {
  background-position:0 -6px;
  width:3px;
  left:-2px;
  }
.corner-bottom {
  background-position:100% -3px;
  clear:both;
  width:auto;
  bottom:-1px;
  right:-1px;
  }
.corner-bottom .corner-left {
  background-position:0 -9px;
  width:3px;
  left:-2px;
  }

/* Corner Themed Overrides 
. corner image/color/module margins should be overridden in a module css 
*/
.cdc-rc-container {
  border:1px solid #ccc;
  width:auto;
  margin:0;
  padding:0;
  }
.corner-top, .corner-left, .corner-bottom {
  background-image: url(../i/cr_def.gif);
  }


/***
---------------------------------
Framework Banner
---------------------------------
. relative positioned (sits along top, regardless of where its served on linearized page).
. Banner includes: logo, secondary-navigation, and search.
. legend:
     region-selector : worldwide
***/

#framework-base-banner {
  margin:0; 
  padding:0;
  }
#framework-header {
  position:relative;
  overflow:visible;
  height: 72px;
  text-align:right; 
  }
#framework-logo {
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:0;
  height:72px;
  z-index:1010; /* Moz logo active - must be above framework-header (1000) */
  }
#framework-header .nav-secondary {
  position:relative; 
  margin-right:-1px; 
  padding:12px 0 0 10px; 
  height:25px;
  font-size:86%; 
  color:#666; 
  background-color:transparent; 
  white-space:nowrap;
  }
.nav-secondary {
  color:#666; 
  background-color:transparent;
  }
.nav-secondary .region-selector {
  margin:0 26px 0 90px; 
  }
.nav-secondary .region-selector span.region,
.nav-secondary .region-selector span.language {
  font-weight:bold;
  }
.nav-secondary .region-selector .language-selector {
  padding-left:4px;
  }
#framework-header .nav-secondary a, 
#framework-header .nav-secondary a:visited {
  color:#2f6681; 
  background-color:transparent;
  text-decoration:none;
  }
#framework-header .nav-secondary a:hover {
  text-decoration:underline;
  }
#framework-header .nav-secondary .link-delimiter {
  padding:0 7px 0 4px;
  }
#framework-header .nav-secondary a.login,
#framework-header .nav-secondary .loggedin {
  font-weight:bold;
  }
#framework-header .search-entitlement {
  visibility:hidden; /* NS7 */
  display:none;
  }
#framework-header .search {
  float:right; 
  height:22px; 
  }
#framework-header .search label {
  visibility:hidden; /* NS7 */
  display:none;
  }
#framework-header #searchPhrase { 
  float:left; 
  margin:0 -1px 0 0;
  padding:1px 0 2px 3px; 
  height:100%; /* Moz text-box resize */
  width:250px;
  border:1px solid #ccc; 
  border-top:2px solid #999;
  border-left:2px solid #999;
  font-size:100%; /* IE text-box resize */
  }
#framework-header .search #go { 
  float:left;
  height:22px;
  width:31px;
  }

/* 
--------------------------
Contextual Search (Search 2.0)
--------------------------
*/

#framework-header {
  z-index:1000;
  }

/* Have to create 2 ids to handle 2 forms */
#search-drop-down, #search-results-drop-down {
  display:none;
  position: absolute;
  z-index:10000;
  }
#autoSuggest{
  margin-top:0px;
  padding-left:7px;
  padding-right:5px;
  display:none;
  background-image:url(/web/fw/i/framework_infohover_mid.png);
  _background-image:url(/web/fw/i/framework_infohover_mid.gif);
  }
#search-results-drop-down #autoSuggest{
  background-image:url(/web/fw/i/searchresults_infohover_mid.png);
  _background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
  }
div.suggestionEntry {
  width: 236px; 	/* excludes the 10px spacing on the both sides */
  color: #2F6681;
  text-align:left;
  }
#search-results-drop-down div.suggestionEntry {
  width: 420px;
  }

div.suggestionEntryHover {
  background-color: #DDE6EB;
  color: #2F6681;
  text-decoration: underline;
  text-align:left;
  }

div.suggestionEntry, div.suggestionEntryHover {
  padding: 2px 10px 2px 10px;
  white-space: nowrap;
  overflow: hidden;
  }

#contextual-search-buttons {
  display:none;
  text-align:left;
  background-image:url(/web/fw/i/framework_infohover_mid.png);
  _background-image:url(/web/fw/i/framework_infohover_mid.gif);
  padding:4px;
  padding-left:12px;
  }
#search-results-drop-down #contextual-search-buttons {
  background-image:url(/web/fw/i/searchresults_infohover_mid.png);
  _background-image:url(/web/fw/i/searchresults_infohover_mid.gif);
  }

.contextual-search-link {
  cursor:pointer;
  background-color:#FFFFFF;
  };
hr.contextual-search-hr {
  border:none;
  height:1px;
  color:#CCCCCC;
  background-color:#CCCCCC;
  }

div.contextual-search-top {
  height:12px;
  background-image:url(/web/fw/i/framework_infohover_top.png);
  _background-image:url(/web/fw/i/framework_infohover_top.gif);
  }
#search-results-drop-down div.contextual-search-top {
  background-image:url(/web/fw/i/searchresults_infohover_top.png);
  _background-image:url(/web/fw/i/searchresults_infohover_top.gif);
  }

div.contextual-search-bot {
    height:12px;
    background-image:url(/web/fw/i/framework_infohover_bot.png);
    _background-image:url(/web/fw/i/framework_infohover_bot.gif);
    background-position:bottom left;
    }
#search-results-drop-down {
    background-image:url(/web/fw/i/searchresults_infohover_bot.png);
    _background-image:url(/web/fw/i/searchresults_infohover_bot.gif);
    }

/*** 
---------------------------------
Site Area Navigation
---------------------------------
. features overrides to generic rounded corners css 
. defines border and the corners. 
. content to define height & keep the corner positioning correct 
. legend:
    cdc-nav-module : wrapper div
    nav-container  : table
    nav            : table column cells
***/

#cdc-nav-module {
  margin:1px 0 0 0;
  background:url(../i/pnav-bg.gif) repeat-x top left;
  }
  /* IE requires height. FF1.0 takes literally */
  * html #cdc-nav-module {
    height:1%;    
    }
#cdc-nav-module .nav-container  {
  margin:-3px 0 0 0; 
  padding:0;
  width:796px;
  }
#cdc-nav-module .nav { 
  margin:0;
  padding:6px 7px 6px 8px;
  border-right:1px solid #ccc;  
  }
  * html #cdc-nav-module .nav {
  /* IE hover alternative */
  behavior: expression( 
    this.onmouseenter=new Function("this.className+=' hover'"),
    this.onmouseleave=new Function("this.className=this.className.replace(' hover','')"),
    this.style.behavior=null);
    } 
#cdc-nav-module .nav:hover, #cdc-nav-module .hover {
  background:url(../i/pnav-bg-on.gif) repeat top left; /* ck */
  }
#cdc-nav-module .nav a {
  position:relative;
  display:block;
  margin:0;
  padding:0; 
  height:auto; /* Required. Not 100% */
  color:#2f6681; 
  background-color:transparent;
  font-size:90%;
  line-height:1.13em; /* default 4px line-height; */
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  }
#cdc-nav-module .nav:hover a, #cdc-nav-module .hover a {
  position:relative;
  color:#fff;
  }

/***
-----------------------------------
Web Hierarchical Navigation - hinav
-----------------------------------
. defines classes: parent, peer, selected, & child.
. legend:
     li    : bottom
     li li : all others
***/

.hinav {
  position:relative; 
  padding:9px 8px 21px 0;  
  }
  * html .hinav { width:182px; }
.hinav h3 { display:none; }
.hinav ul {
  margin:0; 
  padding:0;
  }
.hinav li {
  display:inline;
  margin:0; 
  padding:0;
  list-style:none;
  }	
.hinav li a, .hinav li a:visited, .hinav span { 
  position:relative;
  display:block;
  margin-bottom:-1px; 
  color:#2f6681; 
  background-color:transparent;
  font-size:86%;  
  text-decoration:none;	
  border-bottom:1px solid #acc2cd; 
  }

/* Bring selected to front */
.hinav li a.selected, .hinav li a.selected:visited, .hinav span.selected { 
  z-index:10;
  background-color:#dde6eb;
  border-top:1px solid #c8cacc; 
  border-bottom:1px solid #acc2cd; 
  }

/* Cancel topmost border */
.hinav li li a, .hinav li li a:visited,  .hinav li li span { 
  border-top:1px solid #d5e0e6;  
  }
.hinav a, .hinav a:visited, .hinav span {
  padding:3px 6px 3px 7px; 
  width:169px; /* IE redraw */    
  }
.hinav a.peer, .hinav a.peer:visited,
.hinav a.selected, .hinav a.selected:visited,
.hinav span.peer, .hinav span.selected {
  padding-left:15px;
  width:161px; /* IE redraw */
  font-weight:bold;
  }
.hinav a.child, .hinav a.child:visited, .hinav span.child {
  padding-left:28px;
  width:147px; /* IE redraw */
  }

/* hinav special case for peers of parent */
.hinav.show_parent_peers a.parent_peer { 
   padding-left: 15px !important;
   width: 162px !important;
   }
.hinav.show_parent_peers li a.selected { 
  padding-left: 28px !important; 
  width: 149px !important;
  }



/***
---------------------------------
Libra Section and Page Titles CSS 
---------------------------------
. features overrides to btx
. can be used with btx version of framework.css
. legened:
    title-section : h1
    title-page    : h2
***/

/*** Page and Section Titles ***/

#framework-content-titles h1, #framework-content-titles h2 {
  margin:0;
  padding:0 0 0 10px;
  font-family: Arial, Helvetica, Sans-serif;
  }
#framework-content-titles h1 {
  margin:13px 0 -10px 0;  
  font-size:87%;
  color:#8e9091;
  }
#framework-content-titles h2 {
  padding:13px 0 7px 9px; 
  font-size:175%; 
  line-height:0.92em; 
  color:#424e53;
  border-bottom:1px solid #ccc;
  }
#framework-content-titles  > h2:first-child {
  margin-top:-1px;
  }

/***
---------------------------------
Footer 
---------------------------------
. defines styles for: text/link, copyright, legal
***/

#framework-footer {
  margin:28px 0 0 15px; 
  font-size:86%; /* Set font smaller than normal */
  color:#333; 
  background-color:#fff;
  line-height:120%;
  }
#framework-footer a, #framework-footer a:visited {
  color:#2f6681; 
  background-color:transparent; 
  text-decoration:none;
  }
#framework-footer a:hover {
  text-decoration:underline;
  }
#framework-footer #footer-copyright {
  padding:0 7px 0 0; 
  float:left;
  }
#framework-footer #footer-legal {
  float:left;
  padding-bottom:18px;
  }

.skiplinks {display:inline; position:absolute; visibility:visible; top:-110px;  } 
.skiplinkShow { background-color:#fcfcfc;padding:10px;border:1px solid #ccc; visibility:visible; left:125px;top:20px; display:block; position:absolute;z-index:100; }
#home-header .search label { display:inline; visibility:visible; }
.skiplabel { float:left; margin-left:-99999px;}