/* Header/Footer Styles */

/*****************************
* Global Header
******************************/

#globalHeader {
    float: left;
    width: 100%;    
}

#f5Logo {
    display: block;
    float: left;
}

#custNav {
    margin: 0;
    float: right;
    clear: right;
    background: #3A4A5D;
    color: #fff;
}

#custNav li {
    float: left;
    height: 20px;
    border-right: 1px solid #fff;
    list-style: none;
}

#custNav a {
    display: block;
    float: left;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    color: #dde3eb;
    text-decoration: none;
}

#custNav a:hover {
    color: #fff;
    text-decoration: underline;
}

#leftCorner, #rightCorner {
    display: block;
    padding: 0 3px;
}

#leftCorner {
    background: url('http://www.f5.com/images/navigation/globalHead_leftCor.gif') left no-repeat;
}

#rightCorner {
    background: url('http://www.f5.com/images/navigation/globalHead_rightCor.gif') right no-repeat;
}

/*****************************
* Search Header
*****************************/

#searchNav {
    float: right;
  clear: right;
    margin-top: 1em;
    white-space: nowrap;
}

#searchNav a {
    font-size: 11px;
}

#searchNav form {
    display: inline;
}

#searchNav #submit {
    margin-bottom: 2px;
    padding: 2px 4px;
    background: #c30000 url('/compression/images/navigation/primaryNav_back.jpg') repeat-x;
    font: bold 11px arial;
    color: #f7e6e6;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

#searchNav input.textBox {
    text-align: right;
    color: #777;
}

input:focus {
    background: #ffe;
}

/*****************************
* Primary Nav
*****************************/

#primaryNav {
    display: block;
    clear: both;
    height: 20px;
    margin: 0;
    padding: 0;
    background: #c30000 url('/compression/images/navigation/primaryNav_back.jpg') repeat-x;
    list-style: none;
    color: #fff;
    _font-size: 11px;
}


#primaryNav ul {
    list-style: none;
}

#primaryNav li {
    float: left;
    text-align: center;
    border-left: 1px solid #c66;
    border-right: 1px solid #600;
}

#primaryNav a {
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #f2e9e9;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.8em;
    /* This is for versions < IE7, edit padding as needed to fill the top nav bar */
    _padding: 0 19px 0 19px;
    _border: none;
}

#primaryNav a:hover {
    background: #930000 url('/compression/images/navigation/primaryNav_back_over.jpg') repeat-x;
    color: #fff;
}

/* This changes the background of the primary nav tab to show the section you are currently in */

.home #homeNav, .about #aboutNav, .solutions #solutionsNav, .products #productsNav, .training-support #trainingNav, .partners #partnersNav, .news-press-events #newsNav, .resources #resourcesNav, #community #communityNav  {
    background: #8B1D1E url('/compression/images/navigation/primaryNav_back_over.jpg') repeat-x;
}

.resources #solutionsNav, #community #newsNav {
    background: #c30000 url('/compression/images/navigation/primaryNav_back.jpg') repeat-x;
}

#homeNav { 
    width: 75px;
}

#aboutNav { 
    width: 90px;
}

#solutionsNav { 
    width: 105px;
}

#productsNav { 
    width: 100px;
}

#trainingNav { 
    width: 150px;
}

#partnersNav { 
    width: 95px;
}

#newsNav { 
    width: 70px;
}

#resourcesNav{ 
    width: 95px;
}

#acopiaNav{ 
    width: 100px;
}

#communityNav { 
    width: 102px;
}

/* IE Hacks to make drop menus left align with their parent <li>  */

#homeNav, #aboutNav, #solutionsNav, #productsNav, #trainingNav, #partnersNav, #newsNav, #resourcesNav, #communityNav {
    _width: auto;
}

.navSpacer {
    padding: 0 1px;
}

/* Begin 2nd Level Nav */

#primaryNav li ul {
    position: absolute;
    left: -999em;
    width: 145px;
    background: #ececec;
    z-index: 99;
}

#primaryNav li ul li {
    border: none;
    text-align: left;
}

#primaryNav li:hover ul a, #primaryNav li.sfhover ul a {
    width: 130px;
    _width: 140px;
    padding: 2px 5px 2px 10px;
    line-height: 1.2em;
    border-bottom: 1px solid #ddd;
    _font-size: 10px;
    font-weight: normal;
    text-transform: none;
    color: #666 !important;
}

#primaryNav li:hover ul a:hover, #primaryNav li.sfhover ul a:hover {
    background: #C9CED3;
    color: #000 !important;
}

#primaryNav li:hover ul, #primaryNav li.sfhover ul {
    left: auto;
}

/*****************************
* Section Header Styles
*****************************/

#sectionHead {
    clear: both;
    background: #738495 url('/compression/images/navigation/section-header-back.gif') repeat-x bottom right;
    border-top: 1px solid #fff;
}

#sectionHead h2 {
    margin: 0;
    padding: 8px 1em;
    font-size: 130%;
    color: #fff;
    text-transform: uppercase;
}

/*****************************
* Breadcrumb Link Styles
*****************************/

#breadCrumbs {
    margin: 0 0 1em 0 !important;
    padding: 0;
}

#breadCrumbs li:before { content: "> "; }
#breadCrumbs li:first-child:before { content: ""; }

#breadCrumbs li {
    display: inline;
    font-size: 85%;
}

/*IE workaround
* html #breadCrumbs li {
    background: url('/images/navigation/bread-crumb-icon.gif') no-repeat 100% 50%;
    padding: 0 .75em 0 0;
}
*/

#breadCrumbs li a {
    text-decoration: none;
}

#breadCrumbs li a:visited {
    color: #35699a;
}

#breadCrumbs li a:hover {
    color: #000;
    text-decoration: underline;
}

.currentPage, .noBorder {
    background: none!important;
    border: none !important;
}

/*****************************
* Page Anchors Styles
*****************************/

.pageAnchors li {
    color: #000; /*color: #ccc; */
}

.pageAnchors strong b {
    color: #000;
}

/*****************************
* OnDemand Button Styles
*****************************/

#f5Ondemand {
    display: block;
    margin: 1em auto;
    text-align: center;
}

/*****************************
* Footer Styles
*****************************/

#footer {
    float: left;
    width: 900px;
    margin-bottom: 2em;
    margin-right: -3px; /* Fix IE dup. char bug */
    clear: both;
    font-size: 90%;
}

#footer ul {
    margin: .5em auto;
    font-size: 90%;
    text-align: center;
}

#footer li {
    display: inline;
    color: #999;
}

#footer a {
    padding: 0 .5em;
    text-decoration: none;
}

#footer a:visited {
    color: #35699a;
}

#footer a:hover {
    text-decoration: underline;
    color: #000;
}

#footer .hr {
    height: 15px;
    margin: 0;
    background: #3C4E5C url('/compression/images/navigation/btm-hr.jpg') top left repeat-x;
    color: #6B8196;
    border: 0;
}



/**********************************
    NOT USED FOR Compression Tool
		
***********************************/
/*

// ***********************
// Left Column Nav Styles
// ***********************  

.leftNav {
    width: 180px;
    _width: 160px;  
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    list-style: none;
    background: #DBDFE4 url('/images/navigation/list-left-col-btm-right.gif') bottom right no-repeat;
    color: #333;
}

ul.leftNav ul {
    margin-bottom: 0;
}

.leftNav li {
    border-bottom: 1px solid #A2AEBA;
    margin: 0;
    padding: 0;
    list-style: none;
}

.leftNav li a {
    display: block;
    width: 100%;
    padding: 3px 5px 3px 20px;
    font-size: 11px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    line-height: 1.2em;
}

html>body .leftNav li a { 
    width: auto; 
}

.leftNav li a:hover {
    background: url('/images/navigation/red-dot.gif') no-repeat 10px 7px;
    background-color: none;
}

.leftNav li h2 {
    margin: 0 0 0 -25px;
    padding-left: 25px;
    background: url('/images/navigation/list-left-col-top-right.gif') top right no-repeat;
    font-size: 100%;
    font-weight: normal;
}

.leftNav li li {
    border-top: 1px solid #A2AEBA;
    border-bottom: 0;
}

.leftNav li li a {
    display: block;
    margin: 0;
    background-color: #BCC5CE;
    font-weight: normal;
}

.leftNav li li a:hover {
    background-color: #BCC5CE;
}

// This highlights the current Section and Page within leftNav

#current, #current h2 a {
    background: url('/images/navigation/red-dot.gif') no-repeat 10px 7px;
}

#current ul {
    margin: 0;
    padding: 0;
}

#currentChild, #currentChild li a {
    background-color: #A2AEBA !important;
}


// ****************************
// * File Type Icons
// ****************************

// General Icon Styles 

li.icon {
    margin-left: -20px !important;
    padding-left: 20px !important;
    list-style: none;
}

// Don't show Icons to IE6 
//li.icon {
//    _margin-left: 0 !important;  
//    _padding-left: 0 !important; 
//    _list-style: disc; 
//}

a.icon {
    margin-left: -20px !important;
    padding-left: 20px;
    padding-right: 17px;
    list-style: none;
    background-position: right;
}

// Icon Backgrounds 
li.audio {
    background: url('/images/navigation/icon-audio.gif') no-repeat top left;
    // _background: none!important; 
}

a.audio {
    background: url('/images/navigation/icon-audio.gif') no-repeat center right;
}

li.doc {
    background: url('/images/navigation/icon-doc.gif') no-repeat top left;
    // _background: none!important; 
}

a.doc {
    background: url('/images/navigation/icon-doc.gif') no-repeat center right;
}

td a.doc {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.excel {
    background: url('/images/navigation/icon-excel.gif') no-repeat top left;
    // _background: none!important; 
}

a.excel {
    background: url('/images/navigation/icon-excel.gif') no-repeat center right;
}

td a.excel {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.ppt {
    background: url('/images/navigation/icon-ppt.gif') no-repeat top left;
    // _background: none!important; 
}

a.ppt {
    background: url('/images/navigation/icon-ppt.gif') no-repeat center right;
}

td a.ppt {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.email {
    background: url('/images/navigation/icon-email.gif') no-repeat top left;
    // _background: none!important; 
}

a.email {
    background: url('/images/navigation/icon-email.gif') no-repeat center right;
}

li.external {
    background: url('/images/navigation/icon-external.gif') no-repeat top left;
    // _background: none!important; 
}

a.external {
    background: url('/images/navigation/icon-external.gif') no-repeat center right;
}

td a.external {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.flash {
    background: url('/images/navigation/icon-flash.gif') no-repeat top left;
    // _background: none!important; 
}

a.flash {
    background: url('/images/navigation/icon-flash.gif') no-repeat center right;
}

td a.flash {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.html {
    background: url('/images/navigation/icon-html.gif') no-repeat top left;
    // _background: none!important; 
}

a.html {
    margin-left: 0 !important;
    background: url('/images/navigation/icon-html.gif') no-repeat center right;
}

td a.html {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.pdf {
    background: url('/images/navigation/icon-pdf.gif') no-repeat top left;
   // _background: none!important;  
}

a.pdf {
    margin-left: 0;
    background: url('/images/navigation/icon-pdf.gif') no-repeat center right;
}

td a.pdf {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.podcast {
    background: url('/images/navigation/icon-podcast.gif') no-repeat top left;
    // _background: none!important; 
}

a.podcast {
    background: url('/images/navigation/icon-podcast.gif') no-repeat center right;
}

li.quicktime {
    background: url('/images/navigation/icon-quicktime.gif') no-repeat top left;
    // _background: none!important; 
}

a.quicktime {
    background: url('/images/navigation/icon-quicktime.gif') no-repeat center right;
}

li.real {
    background: url('/images/navigation/icon-real.gif') no-repeat top left;
    // _background: none!important; 
}

a.real {
    background: url('/images/navigation/icon-real.gif') no-repeat center right;
}

li.rss {
    background: url('/images/navigation/icon-rss.gif') no-repeat top left;
    // _background: none!important; 
}

a.rss {
    background: url('/images/navigation/icon-rss.gif') no-repeat center right;
}

li.wmv {
    background: url('/images/navigation/icon-wmv.gif') no-repeat top left;
    // _background: none!important; 
}

a.wmv {
    background: url('/images/navigation/icon-wmv.gif') no-repeat center right;
}

li.visio {
    background: url('/images/navigation/icon-visio.gif') no-repeat top left;
    // _background: none!important; 
}

a.visio {
    margin-left: 0;
    background: url('/images/navigation/icon-visio.gif') no-repeat center right;
}

td a.visio {
    margin-left: 0 !important;
    padding-right: 0;
    background-position: left;
}

li.xml {
    background: url('/images/navigation/icon-xml.gif') no-repeat top left;
    // _background: none!important; 
}

a.xml {
    background: url('/images/navigation/icon-xml.gif') no-repeat center right;
}

// *****************************
// * RSS Feed Styles
// *****************************

a.rssFeed {
    display: block;
    float: right;
    position: relative;
    padding: 2px 20px 1px 0;
    background: url('/images/navigation/icon-rss.gif') no-repeat center right;
    font-size: 80%;
    text-decoration: none;
}

*/