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

.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('/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('/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;
}