/***
-------------------- 
Standard Html Styles
--------------------
. defines font, font size, and link styles 
. migrated from legacy.css to framework
. recycled from btx
***/

body#libra {
	margin: 0px;
	padding:0px; /* Sets base */
	color:#666;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
  }
  * 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:#1a75cf;
}
a:hover{
color:#d26716;
margin-top: 3px;
margin-bottom: 3px;
}
a:visited { color:#1a75cf; }

/*** 
---------------------
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;
	border:0;
	border-collapse:separate;
	border-spacing:0;
	empty-cells:hide;
	vertical-align:middle;
	width: 100%;
  }

/* 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-top: 5;
padding-right: 2;
padding-bottom: 2;
padding-left: 2;
  }
#framework-column-left{
	empty-cells:hide;
	max-width:160px;
  }
#libra #framework-base-main { background:none; vertical-align:middle;}

/* 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-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
#framework-content-right {
border-collapse:separate;
empty-cells:hide;
text-align:center;
padding-top: 6px;
  }


/*** 
-----------------------
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(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:#666666;
  }
.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(framework_infohover_mid.png);
  _background-image:url(framework_infohover_mid.gif);
  }
#search-results-drop-down #autoSuggest{
  background-image:url(searchresults_infohover_mid.png);
  _background-image:url(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(framework_infohover_mid.png);
  _background-image:url(framework_infohover_mid.gif);
  padding:4px;
  padding-left:12px;
  }
#search-results-drop-down #contextual-search-buttons {
  background-image:url(searchresults_infohover_mid.png);
  _background-image:url(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(framework_infohover_top.png);
  _background-image:url(framework_infohover_top.gif);
  }
#search-results-drop-down div.contextual-search-top {
  background-image:url(searchresults_infohover_top.png);
  _background-image:url(searchresults_infohover_top.gif);
  }

div.contextual-search-bot {
    height:12px;
    background-image:url(framework_infohover_bot.png);
    _background-image:url(framework_infohover_bot.gif);
    background-position:bottom left;
    }
#search-results-drop-down {
    background-image:url(searchresults_infohover_bot.png);
    _background-image:url(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 {
background-image: url(bg_nav.png);
background-repeat: repeat-x;
background-position: left top;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
  }
  /* IE requires height. FF1.0 takes literally */
  * html #cdc-nav-module {
    height:1%;    
    }
#cdc-nav-module .nav-container  {
padding:0;
margin: 0px;
  }
#cdc-nav-module .nav {
margin:0;
border-right:1px solid #ccc;
padding-top: 6px;
padding-right: 8px;
padding-bottom: 6px;
padding-left: 8px;
  }
  * 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-repeat: repeat;
background-position: left top;
background-color: #FFF;
  }
#cdc-nav-module .nav a {
position:relative;
display:block;
margin:0;
padding:0;
height:auto; /* Required. Not 100% */
color:#FFF;
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:#1A75CF;
  }

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

.hinav {
position:relative;
padding-top: 9px;
padding-right: 3px;
padding-bottom: 21px;
padding-left: 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 */
  }


/***
---------------------------------
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, #framework-content-titles h5 {
	margin:0;
	padding:10px 0 0 10px;
	font-family: Arial, Helvetica, Sans-serif;
  }
#framework-content-titles h1 {
	font-size:87%;
	color:#8e9091;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
  }
#framework-content-titles h2 {
	padding:13px 0 7px 9px;
	font-size:150%;
	line-height:0.92em;
	color:#1A75CF;
	border-bottom:1px solid #ccc;
  }
#framework-content-titles h5 {
	font-weight: bold;
	padding:7px 7px 7px 14px;
	font-size:87%;
	margin-top:-7px;
	margin-bottom: -7px;
  }
#framework-content-titles  > h2:first-child {
  margin-top:-1px;
  }
  
#framework-content-titles .title {
	font-size:130%;
	font-weight: bold;
	line-height:2.3em;
	color:#1A75CF;
	border-bottom:1px solid #ccc;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 9px;

  }
#framework-content-titles .nav {
	font-weight: bold;
	padding:7px 7px 7px 14px;
	font-size:87%;
	margin-top:-7px;
	margin-bottom: -7px;
  }

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

#framework-footer {
font-size:86%; /* Set font smaller than normal */
color:#666;
background-color:#fff;
line-height:120%;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0;
margin-left: 15px;
  }
#framework-footer a, #framework-footer a:visited {
color:#1a75cf;
background-color:transparent;
text-decoration:none;
  }
#framework-footer a:hover {
  text-decoration:underline;
  }
#framework-footer #footer-copyright {
float:left;
padding-top: 0;
padding-right: 7px;
padding-bottom: 18px;
padding-left: 0;
  }
#framework-footer #footer-emailme {
	float:right;
	padding-top: 0;
	padding-right: 7px;
	padding-bottom: 18px;
	padding-left: 0;
  }
#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;}
.maintablestyle {
}