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

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

a {
    color: #35699a;
}

a:visited {
    color: #000;
}

a:hover {
    color: #000;
    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('/compression/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
******************************/

#contentColumn h1 {
    margin-bottom: 6px;  /* margin-bottom: 0; */ 
		font-size: 150%;
    color: #c30000;
    text-transform: uppercase;
    line-height: 1em;
}

.paddedBox h2 {
    padding: 3px 10px 5px 10px;
    background: #ADC5DC url('/compression/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;
}

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('/compression/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:hover {
    background: #35699a url('/compression/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('/compression/images/assets/h2-spotlight-rt.png') no-repeat top right;
}

.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 10px;
    font-size: 95% !important;
    color: #000;
    background: url('/compression/images/assets/h2-spotlight-lft.png') no-repeat top left;
    border-bottom: 1px solid #658db2;
}

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

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

.roundedBoxInside {
    margin-top: 0;
    padding: 10px;
    background: url('/compression/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;
}
*/


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

/***************************************************************
 *
 * * 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 {
   padding: 10px !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;      
}
*/ 


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

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

*/