/*
************************************************
simulated libra right column framework 
(also see framework.css libra overrides)
************************************************
*/
#libra .module-topbarword,
#libra .module-rightred,
#libra .module-seoword,
    #libra .module-related,
#libra .module-topbar,
#libra .module-left,
    #libra .module-blob,
    #libra .module-myaccount,
    #libra .module-adbanner,
    #libra .ad-right {
padding:0px;
    }
#libra .module-rightred,
    #libra .module-related,
#libra .module-left,
    #libra .module-blob,
    #libra .module-myaccount,
    #libra .module-adbanner,
* html #libra .module-rightred,
    * html #libra .module-related,
* html #libra .module-left,
    * html #libra .module-blob,
* html #libra .module-myaccount,
    * html #libra .module-adbanner {
	width:160px;
    }

#libra .module-topbar,
    * html #libra .module-topbar {
width:100%;
    }
#libra .module-topbarword,
    * html #libra .module-topbarword {
width:100%;
color: #F00;
font-size: 150%;
font-weight: bold;
padding: 0px;
    }

#libra .module-seoword,
    * html #libra .module-seoword {
width:100%;
color: #CCC;
font-size: 1px;
font-weight: bold;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
    }

/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-related, .module-blob {
width:188px;
text-align:left;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}
    * html .module-related, * html .module-blob {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-related h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#3399ff;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-related h4 {
display:block;
margin:0px;
font-size:85%;
color:#1A75CF;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
line-height: 110%;
}
.module-related ul {
display:block;
border:0px;
padding:0px;
font-size:88%;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 5px;
}
.module-related ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
}
/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-left {
width:188px;
text-align:left;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}
    * html .module-left {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-left h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#3399ff;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-left h4 {
display:block;
margin:0px;
font-size:85%;
color:#005d9a;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
}
.module-left .bar {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#3399ff;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-left li1 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#3399ff;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-left ul {
display:block;
border:0px;
padding:0px;
font-size:88%;
font-family: Arial, Helvetica, sans-serif;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 5px;
}
.module-left ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
}
/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-topbar {
width:188px;
text-align:left;
margin: 0px;
padding: 0px;
}
    * html .module-topbar {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-topbar h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#86c533;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-topbar h4 {
display:block;
margin:0px;
font-size:85%;
color:#005d9a;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
}
.module-topbar ul {
display:block;
margin:0px 0px 0px 0px;
padding:0px;
font-size:88%;
font-family: Arial, Helvetica, sans-serif;
}
.module-topbar ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 0px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 2px;
}

/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-topbarword {
width:100%;
text-align:center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:100%;
}
    * html .module-topbarword {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-topbarword h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#86c533;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-topbarword h4 {
display:block;
margin:0px;
font-size:85%;
color:#005d9a;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
}
.module-topbarword ul {
display:block;
margin:0px 0px 3px 0px;
border:0px;
padding:0px;
font-size:88%;
font-family: Arial, Helvetica, sans-serif;
}
.module-topbarword ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
}

/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-seoword {
width:100%;
text-align:left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size:100%;
}
    * html .module-seoword {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-seoword h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#86c533;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-seoword h4 {
display:block;
margin:0px;
font-size:1px;
color:#CCC;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
}
.module-seoword ul {
display:block;
margin:0px 0px 3px 0px;
border:0px;
padding:0px;
font-size:88%;
font-family: Arial, Helvetica, sans-serif;
}
.module-seoword ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
}


/*
************************************************
web module related tools, related links, & blob
************************************************
*/
.module-rightred {
width:188px;
text-align:center;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}
    * html .module-rightred {
width:187px;
padding:0px 0px 0px 3px;
    }

.module-rightred h3 {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#fff;
background-color:#3399ff;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-rightred h4 {
display:block;
margin:0px;
font-size:85%;
color:#1A75CF;
font-weight:bold;
text-decoration:none;
padding-top: 3px;
padding-right: 12px;
padding-bottom: 3px;
padding-left: 12px;
line-height: 110%;
}
.module-rightred ul {
display:block;
border:0px;
padding:0px;
font-size:100%;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 5px;
}
.module-rightred ul li {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
}
.module-rightred ul li1 {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
font-size: 110%;
color: #F00;
text-align: center;
}
.module-rightred ul li2 {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
font-size: 250%;
color: #F00;
}
.module-rightred ul li3 {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
font-size: 200%;
color: #F00;
}
.module-rightred ul li4 {
display:block;
list-style:none;
margin:0px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 8px;
font-size: 200%;
color: #F00;
}
/*
*****************************
web module myaccount
******************************
*/
.module-myaccount {
width:186px; 
margin:2px 0px 10px 0px;
padding:0px 0px 0px 2px; 
text-align:left;
}
    * html .module-myaccount {
padding:0px 0px 0px 3px;
margin-top:1px;
    }
.module-myaccount h3 {
display:block;
margin:0px 0px 3px 0px; 
padding:3px 12px;
color:#fff;
background-color:#900;
font-weight:bold;
text-decoration:none;
font-size:85%;
}
.module-myaccount .content {
display:block;
margin:0px 0px 3px 0px;
padding:3px 12px;
color:#000;
font-size:85%;
}


/*
********************************
web module ad banner
********************************
*/
.module-adbanner {
width:186px; 
margin:2px 0px 10px 0px;
padding:0px 0px 0px 2px; 
text-align:left;
}
    * html .module-adbanner {
        width:187px;
padding:0px 0px 0px 3px; 
margin-top:1px;
    }

.ad-right{ /* temp for dummy right content data or keep? */
margin:0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
        text-align:left;
}

/*
********************************
web module page popups
********************************
*/
#framework-popup-banner,#framework-popup-main,#framework-popup-footer{
  border-collapse:separate;
  border-spacing:0px;
vertical-align:top;
border:0px;
padding:0px;
margin:0px;
width:100%;
empty-cells:hide;
}
#framework-popup-main{
margin-top:15px;
}
#framework-popup-footer{
border-top:1px solid #ccc;
}
#framework-popup-banner #framework-column-header{
height:72px;
width:100%;
}
#framework-popup-banner #framework-header {
position:absolute;
margin:3px 0px 0px 0px;
padding:0px 0px 0px 0px;
top:0px;
left:0px;
z-index:1;
height:72px;
min-width:0px;
width:100%;
background:url(popup-header-bkg.gif) no-repeat left bottom;
}
#framework-popup-banner #framework-logo {
position:absolute;
margin:0px 0px 0px 0px;
padding:0px;
top:0px;
left:25px;
z-index:2;
}
#framework-popup-banner #framework-header .search {
position:absolute;
height:27px;
top:38px;
right:0px;
margin:0px;
padding-left:197px;
background:url(search-bkg.gif) no-repeat;
}
#framework-popup-banner .popup-title-content {
position:absolute;
left:159px;
bottom:15px;
width:45%;
padding:0px 0px 0px 0px;
}
#framework-popup-banner .popup-title-page {
color:#666666;
font:18px Verdana;
font-weight:bold;
margin:0px 0px 1px 0px;
line-height:100%;
}
/* Main content container */
#framework-popup-main #framework-content-main {
margin:0px 0px 0px 0px;
padding:0px;
}
#framework-popup-footer #framework-footer {
min-width:0px;
}
#framework-popup-footer #framework-footer .legal {
margin:10px 0px 0px 18px;
}
/* Override for content-css column popups */
#framework-popup-contentcss #framework-content-main {
margin:5px 30px 20px 24px;
}
/* Override for long column content popups */
#framework-popup-long #framework-content-main {
margin:5px 187px 20px 160px;
}
/* Override for standard column popups */
#framework-popup-standard #framework-content-main {
margin:5px 30px 20px 160px;
}

/* utility style, used currently by cross-nav, but may be applicable elsewhere */
.clear-all { clear:both; font-size:1px; line-height:1px; }

/* left here purely for amusement */
.nothing {} 

/* Overrides for IE are designated by starting with '* html' and are located next to the rule they are overriding */
/* from: listing_2column.xsl */
.categoryHome {
margin-top:-7px;
margin-left:-1px;
font-size:88%;
line-height:110%;
}
.categoryHome .flat-list {
margin-top:16px;
}
.categoryHome .listing {
margin-top:0;
padding-top:0;
padding-right:11px;
}
* html .categoryHome .listing {
padding-right:16px;
}
.categoryHome ul { 
margin:0;
}
.categoryHome .listing .link,
.categoryHome .listing .heading {
margin-bottom:6px;
}
.categoryHome .listing .lastlink {
margin-bottom:10px;
}
.categoryHome .listing .tier1 .heading{
font-weight:bold;
margin-top:16px;
margin-bottom:6px;
}
.categoryHome .listing .tier2 {
margin-left:8px;
}
.categoryHome .listing .tier3 {
margin-left:16px;
}
/* from listing_lll.xsl */
.llldropmenu { 
background-color:#ccc; 
width:100%; 
margin:0 0 18px 0; 
border:0; 
border-collapse:collapse; 
}

* html .llldropmenu { 
border-bottom:#fff 1px solid; 
}

.llldropmenu fieldset { 
border:0; 
font-size:95%;
padding:4px; 
}

.llldropmenu .title { 
display:block; 
float:left; 
margin-top:4px; 
font-weight:normal; 
}
.low-level {
margin-left:7px;
margin-top:-1px;
font-size:95%; 
}
* html .low-level { 
/*padding-top:8px;*/
}

.low-level ul.listing { 
list-style-type:none; 
margin-top:-8px;
padding:0; 
margin-left:0; 
font-size:95%; 
}

* html .low-level ul.listing { 
margin-top:6px; 
}

.low-level .listing ul { 
list-style-type:none; 
margin:-1px 0 0 9px; 
padding:0; 
}
* html .low-level .listing ul {
margin-top:0px;
}

.low-level .listing .heading {
color:#000;
font-weight:bold;
text-decoration:none;
margin:9px 0 3px 0;
}

.low-level .has-groups .listing .ungroup { 
margin:26px 0 0 0; 
}
* html .low-level .has-groups ul.listing ul.ungroup { 
margin-top:12px; 
}
.low-level .no-groups ul.listing ul.ungroup {
margin:11px 0 0 0;
padding-top:2px;
}
* html .low-level .no-groups ul.listing ul.ungroup {
margin-top:-19px;
padding-top:0;
}

.low-level .listing ul li { 
margin-top:5px; 
}

/* from cross_nav.xsl (aka ordering.xsl)*/

/* this replicates spacing for inline-links */
.inline-link {
margin: 0 .25em;
}

/* These are the overrides for module context will be globally av. in the future... */
/* these are the equivalent of the moduleTitle, moduleLink and moduleContent styles from cdc.css */
/* module also formats the wrapping div */
.module { 
background-color: #ffffff; 
padding: 6px 0; 
margin: 0; 
text-align:left; 
} 
 

/* this is the spacing on divs within a module */
.module div {
padding: 1px 3px 0px 3px;
margin: 0;
}


/* module title also formats the div that the title is in */
.module .title {
font-size:85%;
color:#ffffff;
background-color: #336666;
background-image: url(http://www.cisco.com/web/fw/i/corner_ur_7.gif);
background-position: right top;
background-repeat:no-repeat;
padding: 2px 1px 1px 7px;
}
.module .contentArea {
border: #336666 1px solid;
padding-top:2px;
}
.module .header {
font-size:85%;
color:#ffffff;
line-height:14px;
margin-bottom:-1px;
}
.module .link, .module .content {
font-size:85%;
line-height:14px;
margin: 0px 0px 3px 0px;
}
.module .bar {
background-color: #666666;
height:1px;
margin: 6px 0px 3px 0px;
width:100%;
}

/* styling cross-nav module implementation: cross_nav.xsl - formerly ordering.xsl */
/* from: cross_nav.xsl - formerly ordering.xsl */
.cross-nav {width:201px; float:right;}

/* override some global styles */
.module div { 
position:relative;
padding:0; 
}
.cross-nav .module .header { 
margin-bottom:0px; 
background-color: #ffffff;
padding-top:6px;
}

.cross-nav .module .title {
background-image: none;
color:#666666;
background-color: #d6d8da;
padding:1px 0px 3px 7px;
font-weight:bold;
border: 0;
}
.cross-nav .module .header a {
font-weight:bold;
}
.cross-nav .module .header {
font-size:105%;
border-bottom: #e3e3e3 1px solid;
}

/* these styles affect the entire module */
.cross-nav .module .header, .cross-nav .module .contentArea {
border-left: #d6d8da 1px solid;
border-right: #d6d8da 1px solid;
border-bottom: #d6d8da 1px solid;
    }
.cross-nav .module .contentArea {
border-top: none;
padding-top:2px;
}
.cross-nav .module .content {
line-height:12px;
margin-bottom:0px;
padding: 1px 7px 8px 7px;
}

.cross-nav .module .link {
padding-left: 16px;
}

/* GC: styling 'New!' links on low level listings */
/* from: link_formatter.xsl */
.is-new-link {
margin: 0;
padding: 0;
border: 0;
background: #fff;
color:#990000;
font-family: arial, helvetica, sans-serif;
font-size:95%;
}

/* GC: styling 2 column listing with short descriptions: listing_2column_desc.xsl */
/* from: listing_2column_desc.xsl */

.listing-2col-desc .categoryHome {
font-size:102%;
}
.listing-2col-desc .categoryHome h3 {
font-size:98%;
}
.listing-2col-desc .categoryHome .list-item-desc p {
margin: 0;
padding: 5px 0;
font-size:95%;
}

.listing-2col-desc .categoryHome .tier1 p {
margin: 0;
padding: 0;
}

.listing-2col-desc .categoryHome .link {
margin: 4px 0 0 0;
padding: 0 0 0 0;
}

.listing-2col-desc .categoryHome .link a {
font-weight: bold;
font-size:95%;
}

.listing-2col-desc .categoryHome td.listing {
padding: 0 15px 0 0;
}

/* GC: added for and IE table width fix to support variable width floating in a column*/
.table-width-fix { width:auto; }
.table-width-fix table { width:auto; margin-right:3px;}
* html .table-width-fix table { width:auto; margin:0;} /* IE override for margin issue */
.table-width-fix table table { width:100%; margin:0; }


/* 
******************************************
Fixes and Overrides for Exisiting Content
******************************************
*/
/* Fixes download module link from being aligned right (IE only) */
#framework-content-main td td td { text-align:left; }


/* Reset all margins to 0, framework is now setting margins */
.contentMargins, .contentTier1Margins, .tier1Margins{ 
margin-left:0px;
}
    
    /* Right Nav Content in DIV wrapper */
    #rnav-wrapper {
text-align: left;
    }
    /* Olgivy overrides for Partner & Reseller section */
    #rnav-wrapper {
       width:187px;
    }
    #rnav-bar-gray {
       margin:1px 0px 0px 3px;
      width:100%;
    }
    #rnav-box-white {
       margin:0px 0px 0px 3px;
       width:100%;
    }

/*
************************************************
Following are styles needed for supported blobs
that are not part of framework
(Sidebar module, )
************************************************
*/

/*
************************************************
Sidebar module
************************************************
*/

.sidebar-region {
width:186px;
margin: 7px 0px 7px 2px;
padding: 0px 0px 0px 0px; 
background-color: #eeeeee;
text-align:left;
}

#libra .sidebar-region {
    background-color: #eaeff2;
}

* html .sidebar-region {
width:187px;
margin: 7px 0px 7px 3px;
}
.sidebar {
padding: 10px 9px 0px 10px;
color:#666666;
font-size: 83%;
background-image: none;
}
.sidebar h5 {
margin: 0px 0px 10px 0px;
font-size: 90%;
line-height: 90%;
color:#333333;
}
.sidebar h2 {
display: block;
margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
font-size: 110%;
color: #990000;
}
#libra .sidebar h2 {
    color: #8d5e01;
}

.sidebar h3 {
display: block;
margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
font-size: 110%;
color: #666666;
}
.sidebar p {
margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
font-size: 100%;
}

/* For sidebar_module.xsl and its clones
  - this floating module is heavily used for download links on product support documents */

    .module-sidebar-xsl {
       padding:0 7px 4px 4px;
       border:1px solid #ccc;
       width:186px;
       float:right;
       text-align:left;
   }

    .module-sidebar-xsl  .main-header {
       margin:0 -7px 0 -5px;
       padding:0px 7px 1px 4px;
       background-color:#d5e0e6;
       color:#666;
    }
    
    .module-sidebar-xsl h3.main-header {
        font-size:100%;
    }

    .module-sidebar-xsl ul {
margin:0;
padding:0;
    }

    .module-sidebar-xsl li {
margin:0;
padding-top:4px;
list-style-type:none;
        font-size:95%;
    }
    
/* for featured links and its clones
   - mostly seen in product series pages */
    .module-featured-links {
       padding:0 7px 7px 5px;
       border:1px solid #ccc;
       display:table; /* for gecko */
       margin-right:3px; /* for gecko */
       width:100%;
      /* IE stuff */
       float:expression(this.parentElement.offsetWidth - this.offsetWidth > 10?left:none);
       %width:auto;
/*       %margin-right:20px;*/
       %height:1%;
   }

    .module-featured-links  .main-header {
       margin:0 -7px 4px -5px;
       padding:2px 7px 1px 5px;
       background-color:#d5e0e6;
       color:#666;
    }

    .module-featured-links {
        font-size:86%;
    }

    .module-featured-links h3.main-header {
        font-size:110%;
    }

    .module-featured-links ul {
margin:0;
padding:0;
    }

    .module-featured-links li {
margin:0;
padding-bottom:4px;
list-style-type:none;
    }

    .module-featured-links li p {
        margin-top:0;
        padding-top:0;
    }
    
    .module-featured-links .colset:after,     
    .module-featured-links .group-description:after,     
    .module-featured-links .thumb:after {
       content: "."; 
       display: block; 
       height: 0; 
       clear: both; 
       visibility: hidden;
    }

    .module-featured-links .colset,
    .module-featured-links .group-description,
    .module-featured-links .thumb { %height:1%; }

    .module-featured-links .colset {
        margin-right:-10px;
    }
    .module-featured-links .col {
        float:left;
        width:49.99%; /* ie can't handle 50% here ! */
    }
    
    .module-featured-links .thumb .thumb-img {
       float:left;
       margin: 3px 5px 13px 0px;
    }

    .module-featured-links .thumb .thumb-txt {
       margin-left:65px;
       min-height:60px;
       padding-bottom:6px;
       padding-right:10px; 
    }
    * html .module-featured-links  .thumb .thumb-txt {
       height:60px;
    }

    .module-featured-links  .thumb .thumb-txt h2,
    .module-featured-links .thumb .thumb-txt p,
    .module-featured-links .thumb .thumb-txt a {
       margin:0;
    }

    .module-featured-links .thumb.wrap .thumb-txt{
       margin-left:0px;   
    }

    .module-featured-links .group-description img {
        float:left;
        width: auto;
    }
    .module-featured-links .group-description p {
/*        padding-right:10px; */
    }

    
/* 
************************************************
Task Based Navigation
************************************************
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* Most Requested Resources Module */
#content-requested-resources {
    position:relative;
    margin:10px 0px 13px 0px; 
    background-color:#eaeff2; 
    border:1px solid #ccc; 
    min-width:500px; 
    min-height:145px; /* based on NetPro blob */
    }
* html #content-requested-resources {
    height:145px;
    }

#content-requested-resources h3 {
    margin:0;
    padding:2px 0 3px 10px; 
    font-size:86%; 
    color:#000; 
    background-color:#ccc; 
    min-height:1.3em;
    }
* html #content-requested-resources h3 {
    margin-right:-10px;
    height:1.3em;
    }

#content-requested-resources .resources { margin:7px 0 3px; }
* html #content-requested-resources .resources { width:auto;}

/* NetPro Blob Settings */
#content-requested-resources .resources ul {
    float:left; 
    margin:0 0 0 10px; 
    padding:0 340px 0 0; 
    list-style-type:none;
    }
* html #content-requested-resources .resources ul {
    margin:0 0 0 5px;
    padding-right: 335px;
}

#content-requested-resources .resources li { 
    margin-bottom:6px; 
    font-size:86%;
    }

#content-requested-resources .blob { 
    position:absolute; 
    right:0px;
    margin:1px 10px 0 25px;
    padding:0;
    width:305px;
    font-size:86%;
    line-height:110%;
    font-weight:bold;
    color:#666;
    }


#content-requested-resources .blob a { font-weight:normal; }
#content-requested-resources .blob #rssreader { margin-top:5px; }


/* Right Column - Module Display Selector  */
#framework-content-right #module-display-selector #prod-photo {  margin-bottom:3px; }
* html #framework-content-right #module-display-selector #prod-photo { margin-bottom:0; }

#framework-content-right #module-display-selector #prod-photo,
#framework-content-right .prod-link,
#framework-content-right .cross-nav { 
width:188px; 
margin-left:5px;
}

* html #framework-content-right #module-display-selector #prod-photo,
* html #framework-content-right .prod-link,
* html #framework-content-right .cross-nav { 
margin-left:0px;
}

#framework-content-right .cross-nav { 
    margin-bottom:-3px; /* ContentCSS margin fix to not hide clear-all */
    %margin-top:0px; /* IE6/7 */
    float:none; /* ContentCSS float clear */
    }

#framework-content-right #module-display-selector table,
#framework-content-right #module-display-selector img { margin:0; }

#framework-content-right #module-display-selector { 
    margin:10px 0 0 0; 
    text-align:left;  
    }
* html #framework-content-right #module-display-selector { margin-left:6px; }


/* Maintain existing (no packaged) link formatting */
.prod-link {  margin-bottom:7px; }

#framework-content-right #module-display-selector .prod-link { margin-bottom:3px; }
* html #framework-content-right #module-display-selector .prod-link { margin-bottom:2px; }

#framework-content-right #module-display-selector .prod-link .captionlink { font-size:95%; }


/*
************************************************
Widgets
************************************************
*/
.widget-indicator { display:none; }

/* 
************************************************
Partner Locator Widget
************************************************
*/

#partner-locator h4 {
    font-size: 100%;                /* fixes h4 conflict */
    padding: 5px 0;
}
#partner-locator form {
    margin-top: -3px;
    border: solid 1px #999;
    border-top-width: 0;
    padding: 6px 0 6px 12px;
    margin-bottom: 0;
}
#partner-locator input,
#partner-locator select {
    width: 158px;
    %width: 156px;
    font-size: 86%;
    color: #666;
}
#partner-locator select {
    width: 162px;
}
#partner-locator input.submit {
    color: #2F6681;
    font-family: arial;
    font-size: 100%;
    font-weight: bold;
    margin: 10px auto 0;
    padding: 1px 6px 2px;
    %padding: 1px 8px;
    width: auto !important;
    overflow:visible;
}
*html #partner-locator input.submit {
    width:1%;
}
#partner-locator img {
    display: none !important;
}


/* 
************************************************
Widget - Accordion
************************************************
*/

.cdc-widget-accordion {
    border: 1px solid #ccc;
    font-size: 85.5%;
    color: #666;
}
.cdc-widget-accordion h2.acc-title {
    background: #fff;
    font-size: 109%;
    color: #666;
    margin: 0;
    padding: 7px 11px 6px 11px;
}
.sitecopy_hs .cdc-widget-accordion h2.acc-title {
    font-size: 124%;    
}
.contcss .cdc-widget-accordion h2 {
    font-size: 126.5%;
}
.cdc-widget-accordion .acc-panel {
    background-color: #c7cfd2;
}
.cdc-widget-accordion a.acc-header {
    cursor: pointer;
    font-weight: bold;
    color: #666 !important;
    text-decoration: none;
    overflow: hidden;
    /*white-space: nowrap; // didn't work for ie */
    padding: 4px 11px;
    margin: 0;
    display: block;
}
.contcss .cdc-widget-accordion a.acc-header {
    font-size: 116%;
}
.cdc-widget-accordion .acc-header h4 {
    margin: 0;
    font-size: 100%;
    color: #666;
}
.sitecopy .cdc-widget-accordion a.acc-header {
    font-size: 100%;
}
.sitecopy_hs .cdc-widget-accordion a.acc-header {
    font-size: 114%;
}
.cdc-widget-accordion .acc-panel {
    background: url(inactive_bg.jpg) repeat-x;
}
.cdc-widget-accordion .acc-active {
    background: url(active_bg.jpg) repeat-x;
    background-color: #ebebeb;
}
.cdc-widget-accordion a.acc-arrow {
    padding-left: 27px;
    background: url(acc-arrow-right.gif) 10px 6px no-repeat;
}
.cdc-widget-accordion a.acc-arrow-active {
    padding-left: 27px;
    background: url(acc-arrow-down.gif) 10px 6px no-repeat;
}
#framework-base-content .cdc-widget-accordion .acc-header:hover {
    text-decoration: none;
}
.cdc-widget-accordion .acc-overlay {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    background: #fff;
    padding: 0;
    margin: 0;
    overflow: auto; 
    display: block;
}
.cdc-widget-accordion .acc-content {
    text-align: left;
    padding: 9px 12px 16px 12px;
    margin: 0;
}


/*
 ********************************************************
 *            Backpack: framework
 ********************************************************
 */

#mycisco {
position:relative;
top:0px;
left:0px;
margin:0;
/* padding:6px 11px 6px 6px; */
padding:6px 7px 6px 8px;
/*border-right:1px solid #ccc; think this border is cause of Jira 386 */
z-index:900;
width: 93px;
}

#mycisco:hover, #mycisco.mh {
background:url(pnav-bg-on.gif) repeat top left;
}

#cdc-nav-module .open {
background:url(mybg.gif);
border-right:1px solid #a1a0a0;
}

#myanchor {
position:relative;
display:block;
margin:0;
height:auto;
color:#2f6681; 
background-color:transparent;
font-size:90%;
line-height:1.13em;
font-weight:bold;
text-align:center;
text-decoration:none;
background:url(myopen.gif) right no-repeat;
  padding:0px 20px 0px 0px;
%padding:0px 19px 0px 0px;
white-space: nowrap;
}

#mycisco:hover #myanchor,#mycisco.mh #myanchor {
color:#fff;
background:url(myopen-hover.gif) right no-repeat;
}

#cdc-nav-module #mycisco.open #myanchor {
color:#fff;
background:url(myclose.gif) right no-repeat;
}

/** -- MAS 4/22/08
#mydiscovery {
display:none;
position:absolute;
background-color:#fff;
border:1px solid #999;
padding:10px;
top:10px;
left:-60px;
width:200px;
}
*/



#mydiscovery {width: 188px; color: white; padding: 0; position: absolute; display: none; top: 10px;left: -50px; }
#mydiscovery-top { width: 195px; height: 8px; margin: 0; padding: 0;}
#mydiscovery-tooltip { padding: 5px 15px 12px 14px; width: 165px; }

html>body #mydiscovery-top { background:url(http://www.cisco.com/web/fw/w/backpack/discovery-notification-top.png) no-repeat top left; }
html>body #mydiscovery-tooltip { background:url(http://www.cisco.com/web/fw/w/backpack/discovery-notification-bott.png) no-repeat bottom left; }

* html #mydiscovery-top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.cisco.com/web/fw/w/backpack/discovery-notification-top.png',sizingMethod='scale'); }
* html #mydiscovery-tooltip { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.cisco.com/web/fw/w/backpack/discovery-notification-bott.png',sizingMethod='scale'); }
#mydiscovery-bottom { border-top: 1px solid #80949e;  padding-top: 6px; margin-top: 16px;}



#mycisco #backpack a {
color:#2f6681;
display:inline;
text-decoration:none;
}
#backpack {
right:-14px;
top:7px;
width:245px;
position:absolute !important;
display:none;
z-index:900;
padding:0px;
margin:0px;
}
* html #backpack {
right:-8px;
}
#backpack-body {
border:0px;
padding:0px 0px 5px 0px;
        width: 242px;
}

html>body #backpack-body {
background:url("http://www.cisco.com/web/fw/w/backpack/bp-bg.png") repeat-y;
}

html>body #backpack.pinned #backpack-body {
background:url("http://www.cisco.com/web/fw/w/backpack/bp-pin-bg.png") repeat-y;
}

* html #backpack-body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cisco.com/web/fw/w/backpack/bp-bg.png",sizingMethod="scale");
}
* html #backpack.pinned #backpack-body {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cisco.com/web/fw/w/backpack/bp-pin-bg.png",sizingMethod="scale");
}


#backpack h2 {
color:#fff;
background-color:#5e5e5e;
margin:0;
padding:4px 0 4px 9px;
width:222px;
border-bottom:1px solid #757575;
}
#backpack #backpack-header-wrap {
margin:0px;
padding:0px;
border-bottom:1px solid #959595;
width:222px;
position:relative;
left:6px;
}
#backpack #pin {
position:absolute;
right:-9px;
%right:1px;
top:0px;
margin:0px;
padding:0px;
width:25px;
height:25px;
border-left:1px solid #a1a0a0;
background:url(pin.gif) center;
cursor:pointer;
}

#backpack.pinned #pin {
background:url(unpin.gif);
}

#backpack-corners {
width:242px;
text-align:center;
height:25px;
padding:10px 0px 0px 0px;
margin:0px;
cursor:pointer;
}

html>body #backpack-corners {
        background:url("http://www.cisco.com/web/fw/w/backpack/bp-bot.png") no-repeat;
        position: relative; left: -1px; /* Image position tweak */
}

html>body #backpack.pinned #backpack-corners {
background:url("http://www.cisco.com/web/fw/w/backpack/bp-pin-bot.png") no-repeat;
        position: relative; left: 0px; /* Image position tweak */
}

* html #backpack-corners {
        padding: 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cisco.com/web/fw/w/backpack/bp-bot.png",sizingMethod="scale");
        position: relative; left: -1px; /* Image position tweak */
}

* html #backpack.pinned #backpack-corners {
        padding: 0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.cisco.com/web/fw/w/backpack/bp-pin-bot.png",sizingMethod="scale");
        position: relative; left: 0px; /* Image position tweak */
}

/*
 ********************************************************
 *            Backpack: general
 ********************************************************
 */

#backpack #login-para,#backpack #account-para {
margin:0px 16px 0px 14px;
font-weight:normal;
font-size:86%;
color: #333;
position: relative;
}
#backpack #login-para {
margin-top:7px;
margin-bottom:4px;
}
#backpack #account-para {
margin-bottom:-3px;
}

#backpack .backpack-module {
border:1px solid #828282;
background-color:#fff;
margin:10px 3px 0 14px;
position:relative;
        width: 213px;
        %width: 213px;
}

#backpack .module-warning-message {
color:#e58a00;
text-indent:13px;
background: url(icon-alert-warning.gif) 2px 2px no-repeat;
}

#backpack .backpack-module h3 {
border:1px solid #bbb;
background-color:#367594;
color:#fff;
position:relative;
margin:0px;
padding:3px 15px 3px 6px;
font-size:86%;
font-weight:bold;
        width: 191px; /* Weird that IE6 needs this width spec to correctly position the contained image. */
        %width: 190px; /* Weird that IE6 needs this width spec to correctly position the contained image. */
}

#backpack .backpack-module h3 img {
position:absolute;
right:8px;
top:4px;
}
#backpack .backpack-module-data {
font-weight:normal;
font-size:86%;
border-bottom:#828282 1px solid;
padding: 5px 0px 10px 5px;
%width: 208px;
}
#backpack .backpack-module-footer {
background-color:#ddd;
border:#bbb 1px solid;
%width: 190px;
font-weight: bold;
font-size:86%;
}
#backpack .backpack-module-footer {
padding:3px 15px 3px 6px;
}

#backpack .backpack-module ol {
margin:0px;
padding: 0px 9px 0px 2px;
list-style-type:none;
}

#backpack .backpack-module li {
padding:1px 0px 1px 0px;
border-bottom:1px solid #f4f5f5;
position:relative;
}

#backpack .backpack-bogus-module {
height: 65px;
%height: 66px;
}

#backpack .backpack-module .spaces-link a,
#backpack .backpack-module .bookmarks-link a,
#backpack .backpack-module .partners-link a {
font-weight:normal;
}

#backpack .partner-vcard,
#backpack .partner-remove,
#backpack .backpack-module-modal,
#backpack .link-hover {
display:none;
}

#backpack a#bookmarks-footer-action {
padding-left:20px;
background:url(bookmark-active.gif) no-repeat left;
}
#backpack a#sharedesktop-footer-action {
padding-left:20px;
background:url(share-active.gif) no-repeat left;
}
#backpack a#managespaces-footer-action {
padding-left:20px;
background:url(space-active.gif) no-repeat left;
}

#backpack .backpack-module-footer span {
padding-left:20px;
font-weight: normal;
color: #666666;
}
#backpack span#bookmarks-footer-action  {
padding-left:20px;
background:url(bookmark-inactive.gif) no-repeat left;
}
#backpack span#sharedesktop-footer-action {
padding-left:20px;
background:url(share-inactive.gif) no-repeat left;
}

/*
 ********************************************************
 *            Backpack: shareDesktop module
 ********************************************************
 */

#sharedesktop-module p {
margin:0px 0px 4px 0px;
        padding: 0;
color:#666;
font-weight:normal;
}
#sharedesktop-module label {
display:block;
font-weight:bold;
margin:0px 0px 2px 0px;
        padding: 0;
color:#666;
}

#backpack .sharedesktop-form { padding-bottom: 2px; %margin-top: 0px; %margin-bottom: -1px; }
#backpack-sharedesktop-data { padding-bottom: 8px !important; }
#backpack-sharedesktop-data .module-warning-message { margin: 0px 0px -6px 0px; padding: 0; }
#backpack-share-email {
height: 16px;
padding: 2px auto;
width: 183px;
%width: 181px;
%margin-top: -1px;
}

/*
 ********************************************************
 *            Backpack: bookMarks module
 ********************************************************
 */


/* scrollbars: 163 (body) + 22 (header) + 22 (footer) = 207 (total) [mdh, 4/14/07] */
/* Actually want a total of 159px -- MAS  5/2/08  */
#backpack div#backpack-bookmarks-data {
height: 100px;
overflow: auto;
        position: relative;
padding-top: 2px;
}

#backpack ol#bookmarks-list li {
padding-top: 0px;
width: 185px;
}

#backpack .bookmarks-form {
border:1px solid #7f9db9;
background-color:#eaeff2;
padding:2px 4px 3px 4px;
display:none;
color:#2f6681;
width: 183px;
margin:-3px 0px -4px -5px;
}
* html #backpack .bookmarks-form {
margin-top:-3px;
padding:1px 2px 3px 4px;
position: relative;
}

#backpack .bookmarks-link {
padding:0px;
margin:0px;
}

#backpack .editBookMarkForm {
padding:0px;
margin:0px;
font-family: arial;
font-weight: normal;
}

#backpack .editBookMarkForm a {
padding: 0px 0px 0px 2px;
}

#backpack .editBookMarkForm span.separator {
color: #7F9DB9;
padding: 0px 1px 0px 6px;
}

#backpack .editBookMarkForm .module-warning-message {
padding-bottom: 4px;
padding-left: 2px;
}

#backpack .bookmarks-form input {
margin-left:-2px;
width: 183px;
height: 14px;
padding: 0px 0px 0px 0px;
font-family: arial;
font-weight: normal;
font-size:11px;
color:#666;
}
* html #backpack .bookmarks-form input {
margin-right: 0px;
margin-bottom: -1px;
width: 185px;
}
#backpack .bookmarks-form.error {
border-color:#e28a02;
background-color:#ffc;
}
#backpack .bookmarks-form.error input{
border:#e28a02 1px solid;
padding-left: 2px;
}

#backpack .bookmarks-hover {
   border-style: solid;
   border-width: thin;
   position:relative;
   width:185px;
   margin:10px;
   padding:10px;
   background-color:white;
   
}

#backpack .bookmark-link-hover {
   border-style: solid;
   border-width: thin;
   position:relative;
   margin:5px;
   padding:5px;
   background-color:white;
}

/*
 ********************************************************
 *             Backpack: myPartners module
 ********************************************************
 */

#backpack-mypartners-data { height: 149px; overflow: auto; position: relative; }

#backpack #mypartners-list {
margin-top: -4px;
}

#backpack #mypartners-list li {
/* line-height: 11px; */
line-height: 86%;
}

* html #backpack #mypartners-list li {
margin-top: -5px;
}

#backpack .partner-tree-widget{
padding-right:7px;
position:absolute;
top: 4px;
left:0px;
}
* html #backpack .partner-tree-widget{
top:5px;
left:0px;
}
#backpack .partner-widget {
margin-left:10px;
border:1px solid #fff;
position: relative;
        width: 170px; 
}
#backpack .partner-widget.partner-ectomy, #backpack .partner-widget:hover, #backpack .partner-widget.ph {
border:1px solid #bbb;
}

#backpack .partner-widget span {
padding-left:5px;
color: #2F6681;
font-weight: bold;
}

#backpack .partner-remove-link {
padding-left:5px;
margin:0px;
background-color:#dde4eb;
}

#backpack .partner-remove-widget {
position:relative;
right:-6px;
top:-2px;
}
* html #backpack .partner-remove-widget {
top:-2px;
}


* html .partner-widget {
    behavior: expression( 
      this.onmouseenter=new Function("this.className+=' ph'"),
      this.onmouseleave=new Function("this.className=this.className.replace(' ph','')"),
      this.style.behavior=null);
} 

#backpack .partner-vcard p {
font-weight:normal;
color:#666;
margin-top: 1px;
margin-bottom: 2px;
}

/* ************************* */
/* note: move up to 'Backpack: general' */

.backpack-modal {
    position: fixed;
    top: 134px;
    height:auto;
    width: 369px;
    font-size: 86%; /* 11px  eq*/
    /* color: #333; */
    border: 1px solid #999;
    background-color: #fff;
    margin: 0px 0px 0px -185px;
    padding: 0px 0px 0px 0px;
    left: 50%;
}

.backpack-modal-header {
    background-color:#dfddde;
    padding:3px 10px 2px;
    border-bottom:1px solid #999;
}
.backpack-modal h5 {
    font-size:110%;
    color:#333;
    margin:0px;
    padding:0px;
}

.backpack-modal-body {
padding: 5px 10px 16px 10px;
font-weight:bold;
background-color: #fff;
}

.backpack-modal-footer {
    padding:0px 5px;
    border-top:1px solid #999;
    %margin-bottom: -25px;
    background:url(bg-3111.jpg) repeat-x left top;
}

.backpack-modal-footer .button {
    font-size:80.5%;
    font-weight:bold;
    margin:4px -4px 4px 4px;
    padding:2px 3px 3px 0px;
}

* html .backpack-modal-footer .button {
    font-size:100%;
    margin:-30px -4px 0px 4px;
    padding:0px 3px 0px 0px;
}

.backpack-modal-emph {
font-weight: bold;
}

.backpack-modal-warning {
font-family: arial;
font-weight: normal;
color:#e58a00;
background: url(icon-alert-warning.gif) 5px 7px no-repeat;
background-color: #ffc;
border: 1px solid #f7dc8e;
margin: 0px -6px 16px -6px;
padding: 5px 5px 5px 21px;
}
* html .backpack-modal-warning {
background: url(icon-alert-warning.gif) 6px 7px no-repeat;
}

.backpack-modal-error {
font-family: arial;
font-weight: normal;
color:#a50000;
background: url(icon-alert-error.gif) 5px 7px no-repeat;
background-color: #ffc;
border: 1px solid #a50000;
margin: 0px -6px 16px -6px;
padding: 5px 5px 5px 21px;
}
* html .backpack-modal-error {
background: url(icon-alert-error.gif) 6px 7px no-repeat;
}

#backpack .bookmarks-form.error {
border-color:#e28a02;
background-color:#ffc;
}




/***************************************
   =cluetipClass: 'cdc'
-------------------------------------- */
.cluetip-cdc {
background-color: transparent;
width: 178;
}

.cluetip-cdc #cluetip-outer {
border: 1px solid #999;
position: relative;
background-color: #fff;
}

.cluetip-cdc #cluetip-inner {
display: inline-block;
padding: 7px 10px 7px 10px;
font-size: 86%;
color: #666666;
}
.cluetip-cdc div#cluetip-close { display: none; }

/* cdc arrows */
.clue-right-cdc .cluetip-arrows {
background: url(modal-arrows.gif) no-repeat -7px -46px;
height: 13px;
margin-left: 5px;
}

.clue-left-cdc .cluetip-arrows {
background: url(modal-arrows.gif) no-repeat -7px -24px;
left: 100%;
margin-right: -6px;
}

.clue-top-cdc .cluetip-arrows { }

.clue-bottom-cdc .cluetip-arrows {
background: url(modal-arrows.gif) no-repeat -0px -2px;
height: 13px;
width: 22px;
left: 45%;
margin-top: -8px;
}

.cluetip-cdc h4 {
margin: 0 0 6px 0;
padding: 0;
line-height: 14px;
font-weight: bold;
font-size: 100%;
color: #666666;
}

.cluetip-cdc #cluetip-inner p {
margin: 0;
padding: 0;
}

.cluetip-cdc #cluetip-inner a {
text-decoration: none;
color: #2f6681;
}
.cluetip-cdc #cluetip-inner a:hover {
text-decoration: underline;
}

#cdc-cluetip-wrapper { position: relative; z-index: 5000; }

.bookmark-date {
color: #AAAAAA;
}

/* lightbox container, hide till rest of widget css comes in */
.video-lightbox-content {
display:none;
}