/*****************************
* Reset default browser styles
*****************************/


body, div, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, li, fieldset, input, pre, form, dl, dt, dd, hr {
    margin: 0;
    padding: 0;
}

#contentColumn h1, #contentColumn h2, #contentColumn h3, #contentColumn h4, #contentColumn h5, #contentColumn h6, #contentColumn p, #contentColumn blockquote, #contentColumn ul, #contentColumn ol, #contentColumn fieldset, #contentColumn dl, #contentColumn dt, #contentColumn dd, #contentColumn hr {
        margin: 1em 0 .5em 0; 
}

img, iframe {
    border: 0;
}

address, caption, code, dfn, var, lang {
    font-style: normal;
    font-weight: normal;
}

blockquote {
    font-style: italic;
}

/*****************************
* Global Page Styles
*****************************/

body {
    background: #fff;
    font-family: arial,helvetica,FreeSans,sans-serif;
    font-size: 80%;
}

#container {
    width: 900px;
    margin: 0 auto;   
}

/*****************************
* Link/Anchor Styles
*****************************/

a:link { 
    /* color: #b2541a;*/ 
    color: #005eb2;/*blue*/ 
    text-decoration: none !important; 
} 
a:hover { 
    /* color: #e27800;*/ 
    color: #004696; /*dark blue*/ 
    text-decoration: underline !important; 
} 
a:active, a:focus { 
    /* color: #e27800;*/ 
    color: #004696; /*dark blue*/ 
    text-decoration: none; 
    outline: none; 
} 
a:visited { 
    /* color: #b2541a;*/ 
    color: #005eb2;/*blue*/ 
    text-decoration: none; 
}

/*****************************
* List Styles
*****************************/

ol, ul {
    margin-bottom: 1em;
    padding-left: 0;
}

#contentColumn ul, #contentColumn ol { 
   /*  margin-left: 2em; */
}

#contentColumn ul ol, #contentColumn ul ul {
     margin-top: 1em;
}

#contentColumn li {
    padding-bottom: .75em;
    font-size: 95%;
}

#contentColumn li li {
    font-size: 100%;
}

.noBullet {
    list-style: none;
}

/*****************************
* Table Styles
*****************************/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#leftColGroup {
    width: 100px;
    margin: 1em auto;
}

#rightColGroup {
    width: 90%;
}

th {
    padding: 3px 10px 5px 10px !important;
    background: #ADC5DC url('/images/assets/th-background.png') repeat-x bottom left;
    border: 1px solid #e8edf1;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

caption, th {
    text-align: left;
}

td {
    padding: 10px;
    font-size: 90%;
    vertical-align: top;
}


/******************************
* Heading Styles
******************************/

/* ********************************
Main Title
***********************************/


 #contentColumn h1 { 
margin-bottom: 6px; 
font-size: 150%; 
color: #2f3035 !important; 
font-weight: normal; 
line-height: 1em; 
}


.paddedBox h2 {
    padding: 3px 10px 5px 10px;
    background: #ADC5DC url('/images/assets/th-background.png') repeat-x bottom left;
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

.paddedBox h3 {
    font-size: 125%;
    margin-top: 1.5em !important;
    margin-bottom: .25em !important;
}

h3 + p {
    margin-top: 0 !important;
}

h4 {
    margin-bottom: .25em !important;
}

h4 + h1 {
    margin-top: 1.5em !important;
}

h4 + p {
    margin-top: 0 !important;
}

h4 + h1 {
    margin-top: 1.5em !important;
}

h4,h5,h6 {
    font-size: 100%;
}

/******************************
* Misc. Styles
******************************/

.pageHeader {
    display: block;
    margin-top: 5px;
}

.pageHeader img {
    float: left;
}

#pageIntro {
    margin-bottom: 1.5em !important;
}

#pageIntro h4 {
    margin-top: .25em !important;
    margin-bottom: 1em !important;
}

p {
    margin-bottom: 1em;
    line-height: 1.4em;
}

q:before, q:after {
    content: '';
}

sup, sub {
    margin-left: -1px;
    line-height: 0;
    font-size: 80%;
    _vertical-align: text-top;
}

h1 sup {
    margin-left: 0;
    font-size: 60%;
}

form div {
    /* You must nest form inputs in a block level wrapper to validate, this negates default block formatting */
    display: inline;
}

.paddedBox {
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

.bold {
    font-weight: bold;
}

.noBold {
    font-weight: normal !important;
}

.leftAlign {
    text-align: left;
}

.rightAlign {
    text-align: right;
}

.centerAlign {
    text-align: center;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

img.floatRight {
    display: block;
    float: right;
    margin: 0 0 .5em 2em;
}

.clearBoth {
    clear: both;
}

.odd {
    background: #fff;
}

.even {
  /*  background: #e8edf1;*/
   background: none;
}

hr.clearBoth { /* used to clear floats */
    clear: both;
    visibility: hidden;
    height: 0;
    margin: 0 !important;
}

.hidden {
    visibility: hidden;
}

.none {
    display: none;
}

/******************************
* Size Styles
******************************/

.fiftyFive {
    width: 55%;
}

.fifty {
    width: 50%;
}

.fortyFive {
    width: 45%;
}

.smallFont {
    font-size: x-small !important;
    font-weight: normal;
}

.largeFont {
    font-size: large !important;
}

.finePrint {
    padding-bottom: 1em;
    font-size: 85%;
    line-height: 1.2em;
    color: #666;
}

.finePrint sup, .finePrint sub {
    font-size: 70%;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase !important;
}


/******************************
* Color Styles
******************************/

.red {
    color: #c30000;
}

.blue {
    color: #35699a;
}

.steelBlue {
    color: #738495;
}

.lightGray {
    color: #ccc;
}

.darkGray {
    color: #666;
}


/******************************
* Overview Box Styles
  Ad box styles moved to global2column.css
******************************/

#overviewBox {
    margin: 10px 0;
    _margin: 5px 0 0 0;
    float: left;
    _height: 1%;
    clear: both;
}

#overviewBox img {
    display: block;
    float: left;
}



/******************************
* Rounded Button Style
******************************/

.centerContent {
    margin: 1.5em 0;
    text-align: center;
}
/*
.contentButton {
    display: inline-block;
    margin: 1em .5em 1em 0;
    padding: .4em .8em;
    background: #c30000 url('/images/assets/button-back-over.jpg') top left repeat-x;
    border-top: 1px solid #FAE8E8;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #FAE8E8;
    font-size: 90%;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
}
*/

.contentButton {
    display: inline-block;
}
/*
.contentButton:hover {
    background: #35699a url('/images/assets/button-back.jpg') top left repeat-x;
}
*/
/******************************
* Rounded Box Styles
******************************/

.roundedBox {
    /* clear: both;  This was causing problems with N-P-E Overview boxes */
    /*padding-bottom: 1em;*/
  /*  background: url('/images/assets/h2-spotlight-rt.png') no-repeat top right;*/
  background: none;
}

.leftSide {
    float: left;
        width: 49%;  
/*      _width: 37.5% !important; */                
}

.rightSide {
    float: right;
    width: 49%; 
/*      _width: 37.5% !important; */
           
}

.twoColOverviewBox table, #eventsBox table {
    width: 100%;
      _width: 92% !important;  
    font-size: 95%;
}

.twoColOverviewBox td, #eventsBox th, #eventsBox td {
    padding: 10px 5px;
}

.twoColOverviewBox p {
    /* font-size: 90%; This isn't needed for overview text, but might be for text in tables */
    line-height: 1.3em;
}

.roundedBox h2 { 
height: 15px; 
margin: 0 !Important; 
padding: 2px 0px 20px 0; 
/* font-size: 90% !important;*/ 
font-size: 130% !important; 
/* background: url('/images/assets/h2-spotlight-lft.png') no-repeat top left; 
border-bottom: 1px solid #658db2; */ 
color: #333333; 
border: none; 
background: none; 
}

.roundedBox h2 a {
    display: block;
    width: 100%;
    height: 15px;
    background: url('/images/assets/arrow-link.png') no-repeat top right;
    text-decoration: none;
    color: #000;
}

.roundedBox h2 a:hover {
    background: url('/images/assets/arrow-link-hover.png') no-repeat top right;
    color: #35699a;
}

.roundedBoxInside {
    margin-top: 0;
    padding: 10px;
    background: url('/images/assets/blue-fade-back.jpg') repeat-x top left;
    /* Fixes IE disappearing text bug */
    _position: relative;  
      _height: 0.01%; 
}

/* to fix extra background issue (IEs and FF) for F5 Trademarks page */
#f5Trademarks .roundedBoxInside {
        background-image: none;
}


.twoColOverviewBox .roundedBoxInside {
    padding: 0;
}

.roundedBoxInside * {
    /* Targets all elements of roundedBoxInside */
    margin: 0 !important;       
    padding: 10px;
}

.roundedBoxInside * * {
    /* Overrides the previous style for 2nd level children of roundedBoxInside */
    padding: 0; 
}

.roundedBoxInside h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 90%;
}

.roundedBoxInside h3 + p {
    padding-top: 0;
}

.roundedBoxInside h4 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.roundedBoxInside h4 + p {
    padding-top: 0;
}

.roundedBoxInside p {
    padding-bottom: 1em;
}

.roundedBoxInside ul {
    margin-left: 1.5em !important;  
}

.roundedBoxInside li {
    padding-bottom: .75em !important;
}

.roundedBoxInside table {
    width: 100%;
        _width: 100% !important;    /* _width: 98% !important;   _width: 92% !important; */  
    font-size: 105%;   /* font-size: 115%;   :: if stripedTable id is removed */
    background: #fff;
    border: 1px solid #e8edf1;

        padding: 0px !important;  /* needed???? */
}

.roundedBoxInside td {
    padding: 5px 10px;
/*    background: #fff;  */
    border-right: 1px solid #e8edf1;
}

.roundedBoxInside .noStripes {
    background-color: transparent;
    border-color: transparent;
        _border-style: none;  /* ONLY for IE6 */
}

.roundedBoxInside .noStripes td {
    border-color: transparent;
        _border-style: none;  /* ONLY for IE6 */
}

.roundedBoxInside .whiteBg {
    background-color: #fff;
}

.roundedBoxInside .whiteBg td {
    border-right: 1px solid #e8edf1;
}   

/******************************
* Striped Table Style
******************************/

/*
#stripedTable {
}

#stripedTable th {
}

#stripedTable td {

}

#stripedTable thead td {
    background: #e8edf1;
    font-weight: bold;
    text-transform: uppercase;
}
*/

/******************************
* Blue Adbox Styles
******************************/

#headerBox {
    display: block;
    float: left;
    clear: right;
    width: 175px;
    _width: 180px;
    height: 140px;
    margin-left: 5px;
    background: #35699a url('/images/assets/corner-btm-rt.gif') bottom right no-repeat;
}

#headerBox * {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

#innerBox {
    padding: 17% 5px;
}

#headerBox h3 {
    margin: 1.8em 5px 0 5px;
    font-size: 130% !important;
    color: #B2CADF !important;
    line-height: 1.1em;
}

#headerBox p {
    margin: .5em 0 0 0;
    font-size: 95%;
    color: #fff;
}

#headerBox p a {
    display: inline-block;
    color: #fff;
    /* Needed if you use red arrow image on links 
    padding: 0 18px 0 0;
    background: url('/images/assets/arrow-link-hover.png') no-repeat 100% 100%; 
    */
}

#headerBox a img {
    margin-left: 10px;
    _margin-left: 7px;
    padding: 0 !important;
}



/******************************
* Content Tabs Style
******************************/

.pageTabs {
    clear: both;
    height: 33px; 
    margin: 1em 0 0 0 !important;
    padding: 0 !important;
    background: url('/images/assets/div-line.png') repeat-x bottom left; 
}

.investor-relations .pageTabs {
    clear: both;
    height: 27px; 
    margin: 1em 0 0 0 !important;
    padding: 0 !important;
    background: none; 
}

.pageTabs ul {
    margin: 0 !important;
    padding: 0 !important;
}

.pageTabs li {
    float: left;
    display: block;
    padding: 5px 0 !important;
    /* border-bottom: 10px solid #A3BDD6; */
}

.pageTabs li a {
    padding: 5px 25px 5px 25px;
    font-weight: bold;
    text-decoration: none;
}

li.archiveTab {
    background: url('/images/assets/page-tabs-archive-rt.png') no-repeat top right;
}

.archiveTab a {
    background: url('/images/assets/page-tabs-archive-lft.png') no-repeat top left;
    color: #fff !important;
}

li.activeTab {
    background: url('/images/assets/page-tabs-active-rt.png') no-repeat top right;
}

.activeTab a {
    background: url('/images/assets/page-tabs-active-lft.png') no-repeat top left;
    color: #000 !important;
}

/******************************
* Call Button Styles
******************************/

#how-to-buy-button {
    display: block;
    margin: 1em auto;
    text-align: center;
}

#talkByPhone, #talkByIM {
    display: block;
    position: relative;
    top: -105px;
    left: 30px;
    width: 120px;
    height: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    /* IE won't position the anchor without this */
    _background: #CEDEEC;
    _filter: alpha(opacity = 1);
    _zoom: 1;
}


/******************************
 *
 * * Overview link styles
 *
 * ******************************/

.overviewText {
    padding: 10px 10px 0 10px;
        display: none;
}

.overviewText p {
    line-height: 1.3em;
}

.overviewLink {
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
    color: #000;
}



/*****************************
* TechValidate Box Styles
*****************************/

#techValidate {
    width: 148px;
    margin: .5em auto;
    padding: 15px 0 0 0;
    background: #fff url('/images/solutions/shadow-top.png') top repeat-x;
    font-size: 90%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 2px 2px 5px #999;
    -webkit-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
}
 
#techValidate h3 {
    margin: 0 auto 0 auto !important;
    padding: 0 10px 0 10px !important;
    background: #fff;
    font: bold 160% "arial black", arial, helvetica, sans-serif !important;
    color: #7ac142;
    text-align: center;
    border: none !important;
} 

#techValidate blockquote {
    margin: 0 !important;
    padding: 10px 10px 0 10px;
    background: #fff;
    font-size: 95%;
    font-style: normal;
    line-height: 1.2em;
}

#techValidate .source {
    padding: 5px 0 0 0;
    background: #fff url('/images/solutions/shadow-bottom.png') bottom repeat-x;
    border-bottom: 1px solid #e8e8e8;
} 

#techValidate .source img {
    display: block;
    float: left;
    clear: left;
    margin-bottom: 2em;
    margin-left: -5px;
    /* Rules for IE6 */
    _margin-left: -2px;
}

#techValidate .source p {
    padding: 0 10px 0;
    font-size: 95%;
    line-height: 1em;
    color: #444;
}

#techValidate .footer {
    margin: 0 auto;
    padding: 5px 0 0 0;
    text-align: center;
    border-top: 1px solid #fff;
    background: #e6e6e6;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#techValidate .footer img {
    /* Rules for IE6/7 */
    margin-top: -1em !ie;
}

#techValidate a {
    text-decoration: none;
    color: #000;
}

#techValidate a:hover {
    color: #35699a;
}

#techValidate h3 a, #techValidate h3 a:hover {
    text-decoration: underline;
    color: #7ac142;
}



/***************************************************************
 *
 * * Overwrite CQ built-in CSS rules that gives extra space
 *
 * *************************************************************/
.parsys, .grayBoxContent, .boxContent, .parbase, .section, .pageContent, .overviewheader, .contentNavContent, .graytopbox {  
        margin: 0px;
        padding: 0px;
}

.richtexttable {
        margin: 0px;
        padding: 0px;
        _width: 100% !important; 
        display: inline;
}

/*
.richtexteditor table.whiteRow {
        _width: 98% !important;      
} */

.richtexttable table.whiteRow { 
        _width: 100% !important;    
}

.roundedBoxInside img {
    _margin: 10px !important;
}

.tagsearch {
    padding: 0px !important;
}

.tagsearch ul, .dynamictagsearch ul {
   padding: 10px !important;
}

.pageTabs ul {
   padding: 0 !important;
}

.roundedBoxInside .richtexteditor p, .roundedBoxInside .richtexteditor h4, .roundedBoxInside .richtexteditor blockquote {
    padding: 10px !important;
}

.roundedBoxInside .richtexteditor ul {
    padding: 5px 5px 5px 10px;
}

/*
#stripedTable table.whiteRow {  
        width: 100% !important;
        padding: 0px !important;      
}
*/ 


/******************************
* Styles for video carousel
******************************/

#valuesTable td {
    padding: 0;
}

#valuesTable p, #valuesTable span {
    margin-left: 1em;
}

#valuesTable p {
    margin: 0 0 1em 1em;
    padding: 0;
}

#valuesTable span {
    display: inline-block;
    padding: 1.25em 0 0 1em;
}

#valuesTable .overviewText {
    display: none;
}

div#voverlay {
    
    /* growing background image */
    background-image:url(/images/assets/white.png);
    
    /* dimensions after the growing animation finishes  */
    width:640px;
    height:360px;

    /* initially overlay is hidden */
    display:none;
    
    /* some padding to layout nested elements nicely  */
    padding:50px 21px 21px 21px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
    background-image:url(/images/assets/close.png);
    position:absolute;
    right:18px;
    top:17px;
    cursor:pointer;
    height:23px;
    width:23px;
}

div#vcontainer{
    left:0;
    top:0;
    width:100%;
    height:100%;    
    background:url(/images/assets/loading.gif) no-repeat 50% 50%;
}

#videogallery { zoom:1; }
#videogallery span{ display:block; }
#videogallery a{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    position:relative;
    vertical-align:top;
    margin:5px;
    width:110px;
    font-family:Trebuchet,Tahoma,Arial,sans-serif;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    opacity:0.87;
}
#videogallery a img{
    display:block;
    border:none;
    margin:0;
}
#videogallery a:hover{
    opacity:1;
}

#videogallery a#videolb {
    display: none;
}

.jcarousel-skin-tango .jcarousel-container {
/*
    -moz-border-radius: 10px;
    background: #DBDFE4;
    border: 1px solid #A2AEBA;
*/
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 605px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 110px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  605px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  110px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/assets/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/assets/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/assets/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/assets/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}