/**** COMPONENTS / ELEMENTS ***************************************************/

/* RESET DEFAULTS */
body, div, p, img, a, h1, h2, h3, h4, h5, h6, table, tr, th, td, thead, tbody, tfoot,
   ul, ol, li, dl, dt, dl, blockquote, form, object, embed, iframe 
       {margin:0; padding:0; border:0 none;}
a img  {border:0 none;}
td img {display:block;}
form   {display:inline;}
table  {border-collapse:collapse;}
th, td {text-align:left; vertical-align:top;}


/* A FEW BASICS */
body {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}
#container {
	width:994px;
	margin:auto;
}
p {
	margin:0 0 1em 0;
}
.clear {
	clear:both;
}
.nowrap {
	white-space:nowrap;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignright { /* used in keyBenefits areas */
	text-align:right;
}


/* LINKS (unless overriden elsewhere) */
a, a:active {
	color:#334A66; /* originally was 2d3d4f */
	text-decoration:none;
}
a:hover {
	color:#e5173f;
	text-decoration:none;
}
.bodyArea a, .bodyArea a:hover, .bodyArea a:active {
	text-decoration:underline;
}
.bodyArea h2 a, .bodyArea h2 a:hover, .bodyArea h2 a:active,
.bodyArea h3 a, .bodyArea h3 a:hover, .bodyArea h3 a:active,
.bodyArea h4 a, .bodyArea h4 a:hover, .bodyArea h4 a:active {
	text-decoration:none;
}
.bodyArea .tab a, .bodyArea .tab a:hover {
	text-decoration:none;
}
div.show a, div.show a:hover {
	text-decoration:none;
}
/* div.show a strong, div.show a:hover strong,  */
div.show a.oneline-greyarrow, div.show a:hover.oneline-greyarrow,
div.show a.oneline-multi-greyarrow, div.show a:hover.oneline-multi-greyarrow {
	text-decoration:underline;
}


/* ARROWS & "MORE" LINKS */
img.arrowSmallPadded { /* most arrows */
}
.lastword { /* used a lot in right column */
	white-space:nowrap;
}
a.linkedword { /* wherever used, make sure it fits on one line! used on products overview and elsewhere */
	padding-right:15px;
	background:transparent url(/images/arrow_red_small.gif) no-repeat right center;
	white-space:nowrap;
	text-decoration:none;
}
ul.keylinks li a,
#keyBenefits h4 a {
	padding-right:15px;
	background:transparent url(/images/arrow_red_small.gif) no-repeat right center;
}
/* a.oneline-greyarrow { products overview page
	padding-right:15px;
	background:transparent url(/images/arrow_grey_small.gif) no-repeat right center;
} */
a.oneline-greyarrow { /* products overview page */
	text-decoration:underline;
}
/* solutions overview page; more than one link on same line, each with arrow */
/* a.oneline-multi-greyarrow { 
	margin-right:10px;
	padding-right:15px;
	border-left:1px solid white;
	background:transparent url(/images/arrow_grey_small.gif) no-repeat right center;
	white-space:nowrap;
} */
a.oneline-multi-greyarrow { 
	margin-right:10px;
	border-left:1px solid white;
	white-space:nowrap;
}
a.newline-multi-linkedword, a.newline-multi-linkedword { /* webcasts page; more than one link on same line, each with arrow */
	margin-right:10px;
	padding-right:15px;
	border-left:1px solid white;
	background:transparent url(/images/arrow_red_small.gif) no-repeat right center;
	white-space:nowrap;
}


/* HEADINGS */
h1 { /* used only once per page for the page title */
	margin:0 0 15px 0;
	color:#383838;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
h2 {
	margin:22px 0 12px 0;
	color:#666666;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
}
h3 {
	margin:0 0 6px 0;
	color:#383838;
	font-size:13px;
	line-height:17px;
	font-weight:bold;
}
h4 {
	margin:0 0 10px 0;
	color:#383838;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
}
h2.subtitle {
	margin:-8px 0 18px 0;
}
h1 + h4 { /* press releases are <h1> <h4> <h3> */
	margin-top:20px;
}
h4 + h3 { /* press releases */
	margin:-7px 0 15px 0;
}
.closebelow {
	margin-bottom:3px;
}


/* LISTS */
.listintro {
	margin-bottom:6px;
}
.bodyArea ul {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
}
.bodyArea ul li {
	margin:0 0 8px 4px;
	padding:0 0 0 16px;
	background:url("/images/arrow_grey_small.gif") 0 3px no-repeat;
}
.bodyArea ul.wide li {
	margin-bottom:12px;
}
.bodyArea ul.oneline li {
	margin-bottom:3px;
}
.bodyArea ul.nobullets li {
	background:none;
	margin-left:0;
	padding:0;
}
.bodyArea ul.keylinks li {
	background:none;
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	margin-left:0;
	margin-bottom:0;
	padding:0;
}
.bodyArea ol { /* search results, maybe elsewhere */
	margin-bottom:15px;
}
.bodyArea ol li {
	margin-left:30px;
}

/* used on Events */
dl {
	clear:both;
	padding:18px 0 0 0;
	border-top:1px solid #999;
}
dl.noborder {
	padding-top:0;
	border-top:none;
}
dt {
	float:left;
	width:12em;
	clear:both;
	text-align:right;
	color:#666;
	font-weight:bold;
	white-space:nowrap;
}
dd {
	margin-left:13.5em;
	padding-bottom:6px;
}


/* IMAGES */
img.floatleft {
	float:left;
	width:auto;
	margin:0 20px 10px 0;
}
img.floatright {
	float:right;
	width:auto;
	margin:0 0 10px 10px;
}
img.feed-icon {
	position:relative;
	top:3px;
	padding-right: 8px;
}
img.feed-icon-nopadding {
	position:relative;
	top:3px;
}
/* See also: div.thumbnail and div.textBesideThumbnail in tabbed_areas_primary.css,
   which could also be used outside of a tabbed area */


/* QUOTATIONS */
.quote-author { /* assumes this is below a paragraph */
	margin:-.5em 0 .5em 0;
}
.quote-source {
	font-size:11px;
}
.tablestyle2 .quote-author {
	text-align:right;
}
.tablestyle2 .see-also {
	text-align:right;
}
blockquote {
	margin:15px 30px 20px 5px;
	padding-left:8px;
	border-left:7px solid #CCC;
	font-size:11px;
	line-height:16px;
}
blockquote.pullquote {
	float:right;
	width:200px;
	margin:0 0 15px 20px;
	padding-right:4px;
	border-left:4px solid #CCC;
	border-right:4px solid #CCC;
	font-weight:bold;
}
blockquote .quote {
}
blockquote.pullquote .quote-author {
	margin:-.3em 0 0 0;
}

/* SMALL TEXT */
.small {
	font-size:10px;
	line-height:14px;
}


/* FOOTNOTES */
.footnote {
	width:80%;
	font-size:10px;
	line-height:13px;
}
.footnote hr {
	width:60%;
	margin:50px auto 5px 0;
	text-align:left;
}
.footnote sup {
	font-weight:bold;
}


/* FORMS */
input, select, option, textarea {
	font-size:11px;
	line-height:13px;
}
input.text, select, textarea {
	width:200px;
}
td.checkboxes {
	line-height:14px;
}
.req, .alert, .errors {
	color:#ED1840;
}
.bodyArea input.submit {
	margin:15px 0 30px 0;
}
#newsletter .bodyArea input.submit { /* override on Newsletter page */
	margin:0;
}


/* TABLES */
/* default table */
table {
	width:100%;
	margin:0 0 15px 0;
	border:0 none;
}
/* h1 + table, h2 + table {
	margin-top:20px;
} */
th, td {
	vertical-align:top;
	text-align:left;
	padding:0 15px 8px 0;
}
/* changes to default */
table.autowidth {
	width:auto;
}
th .col1, th .c1, td .col1, td .c1 {
}


/* table.tablestyle2 = an image in td.col1 */
.tablestyle2 td.col1 {
	text-align: center;
}
.tablestyle2 td.col1 img {
	margin: 0 auto;
}


/* another specific style */
.tablestyle3 {
	border-collapse:separate;
}
.tablestyle3 th, .tablestyle3 td {
	padding:5px;
	font-size:11px;
	line-height:13px;
}
.tablestyle3 th {
	/* background-color:#104A7C;
	color:white; */
	background-color:#4F6883; /* CCCCD5 D3D9E0 */
	color:white; /* 444 */
}
.tablestyle3 td {
	background-color:#EBEBEB; /* E2E3E5 E8E8E8 */
}
.tablestyle3 td p {
	margin-bottom:7px;
}
/* reduce padding within forms */
form table td {
	padding-right:5px;
	vertical-align:middle;
}




/**** SECTIONS OF THE PAGE ****************************************************/

/* HEADER: See header.css */

/* TOP BANNER (not used on home page) */
#topBanner {
	height:61px;
	background-color:#40444f;
}
#topBannerImage {
	float:right;
	width:auto;
}
#topBannerText {
	height:43px;
	padding:18px 0 0 21px;
	background:#40444f url(/images/top_banner_left_40444f.gif) no-repeat left bottom;
}
#topBannerText div {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
}
/* used by template_3column.php */
#topBanner3Column {
	height:61px;
	background-color:#0D2F54;
}
#topBanner3Column #topBannerText {
	background:#0D2F54 url(/images/top_banner_left_0d2f54.gif) no-repeat left bottom;
}
#topBanner3Column #topBannerText div {
	color:#FFFFFF;
}



/* BREADCRUMBS (primary & widetab templates) */
#breadcrumbs {
	padding:15px 20px;
}
#breadcrumbs, #breadcrumbs a {
	color:#a9a9a9;
	font-size:10px;
	line-height:12px;
	text-decoration:none;
}
#breadcrumbs .active, #breadcrumbs .last {
	color:#334A66;
}


/* TABBED AREAS - these styles are shared by tabbed areas sitewide */
.tab {
	clear:both;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
.tab div {
	float:left;
	position:relative;
	z-index:80;
	color:#2d3d4f;
	text-align:left; /* set to left, center, or right to align the menu as desired */
}
.tab a {
	color:#2d3d4f;
	cursor:pointer;
}
.tab a.selected {
	color:#e5173f;
}
div.show {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
}



/* FOOTER */
#footer {
	clear:both;
	margin-top:20px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	text-align:center;
	font-size:11px;
	line-height:27px;
}


/* NOTE: .bodyArea
bodyArea is a broad class that was created so that styles can be applied 
easily to main content areas without affecting other parts of the page

The .bodyArea class is applied to divs with these IDs:
bodyTop    - primary template
bodyMiddle - primary & widetab templates
body3Col   - 3 column template
main       - in fullwidth template only!

The .bodyArea class is NOT applied to divs with (or within) these IDs:
header      - all pages
footer      - all pages
topBanner   - all templates
breadcrumbs - primary & widetab templates
bodyLeft    - primary & widetab templates
bodyRight   - primary template

.bodyArea is NOT applied on the home page */