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

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

.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%;
}

.rightSide {
	float: right;
	width: 49%;
}

.twoColOverviewBox table, #eventsBox table {
	width: 100%;
	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%;
}

.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%;
	font-size: 105%;
}

.roundedBoxInside td {
	padding: 5px 10px;
}


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

#stripedTable {
	background: #fff;
	border: 1px solid #e8edf1;
}

#stripedTable th {
}

#stripedTable td {

	background: #fff;
	border-right: 1px solid #e8edf1;
}

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


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