/* CORRECTING SOFTWARE-GENERATED FONT SIZES FOR IE */
body, pre, .epi-button, .epi-chromeHeader, .epi-font {
	font-size: small;}

	
/* OVERRIDING BW_STYLES.CSS AND VAP STYLES */

p, tr, td, th, select, textarea {
	font-size:100%;}
p {
	margin-bottom:1.4em;}
h1, span.epi-pageTitle, td.epi-pageTitle {
	font-size:150%;margin-bottom:.75em;}
h2 {
	font-size:130%;color:#00659c;margin-bottom:.95em;}
h3 {
	font-size:115%;color:#00659c;}
blockquote {
	border-top:1px solid #ccc;padding:.7em 12px;margin:2.1em 0;}
dt {
	clear:both;float:left;width:22.9%;margin:0 3% 1.4em 0;font-weight:bold;text-align:right;}
dd {
	display:block;float:left;width:73.9%;padding:0;margin:0 0 1.4em 0;}
dd ul {
	padding-left:0;margin-left:1.25em;}

.epi-font2, .epi-fontSm {
	font-size:85%;font-family:Arial,Helvetica;}
.epi-dataTable {
	background:transparent;width:100%;margin:0 0 .5em 0;border:0;}
div.epi-chromeBG {
	padding:6px;}

/* CSS PAGE LAYOUT */

/* containers to create min-width for all browsers, even IE
   From http://www.positioniseverything.net/articles/jello-expo.html */
body {
	padding:4px 492px 0 492px;margin:0;position:relative;}
#sizer {
	margin:0 auto;padding:0;width:100%;max-width:296px;}  /* version for IE is in conditional comments in document */
#expander {
	position:relative;margin:0 -492px;
	min-width:984px; /* Critical Safari fix! */
	}
#wrapper {
	width:100%;}

.moduleLayout {
	width:100%;margin:12px 0 .4em 0;clear:both;}
.moduleGroup {
	float:left;margin:0 0 1.4em 0;}
.horizontal .moduleGroup {
	margin-bottom:0;}
.moduleContainer {
	margin:0 11px 1.4em 12px;}
.moduleContainer .moduleContainer {
	margin:0 11px 0 12px;}
.moduleContainer:after {
    content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Special handling of login-related forms and messages */
#loginPage {
	margin-left:192px;width:auto !important;}
.moduleContainer #loginPage {
	margin-left:180px;}
.moduleLayout .moduleContainer #loginPage {
	margin-left:0;}
.verticalMain {
	width:74.9%;}
.verticalSide {
	width:24.9%;}
	
/* FOOTER */

#footer {
	clear:both;font-size:85%;line-height:110%;padding:1em 0 25px 215px;border-top:1px solid #ccc;}
#footer ul {
	float:left;list-style-type:none;margin:0;padding:0;}
#footer li {
	display:block;float:left;padding:0 5px;}
#footer li.first {
	padding-left:0;}
#footer li a {
	background:url(/images/arrow_pointer.gif) no-repeat 1px 3px;text-decoration:underline;padding-left:7px;}
	

/* MARKETING-STYLE PRESENTATION */

.mkt p.intro, .bwAdMkt p {
	color:#00659c;font-size:115%;line-height:150%;}

.mkt {
	line-height:140%;}
.mkt .mktMain {
	float:left;width:75%;position:relative;}
.mkt .mktSide, #homeMain .mktSide {
	float:left;width:24.9%;}
.mkt:after, .mktMain:after, .mktSide:after {
    content:"."; 
    display:block;height:0;clear:both;visibility:hidden;}

/* layout adjustments in case the parts of the page are arranged via multiple columns and modules instead of within one module */
.mkt .moduleContainer .mktMain {
	float:none;width:auto;margin-right:1px;}
.mkt .moduleContainer .mktSide {
	float:none;width:100%;padding-top:0;
	position:relative;left:2px;} /* last two rules correct for .1% shortfall in .moduleContainer width */
.mkt .moduleContainer #firstbox {
	padding-top:7.3em;margin-top:19px;}

/* main content */	
.mkt h1 {
	font-size:200%;line-height:150%;margin:0 0 .6em 0;}
.textSection {
	padding-bottom:.7em;}
.mktMain .textSection {
	margin:0;}
.mkt .withIntro h1 {
	padding-top:3.5em;}
.mkt .mktMain h2 {
	border:0;font-size:115%;color:#6cb84f;}
.mkt .mktMain h3 {
	color:#787878;}
.mkt .mktMain p.intro {
	position:absolute;top:0;left:0;height:5em;padding-right:15px;overflow:hidden;}
.mkt .mktMain p strong, .mktMain ul strong {
	color:#5e9e44;}
.mkt .mktMain h2 a:hover,
.mkt .mktMain h2 a:active {
	color:#e55c1c;}

/* side content */
.mktSide {
	font-size:85%;}
.mkt .mktSide {
	line-height:125%;}
.withIntro .mktSide { /* Used if main and side content are in the same content file; otherwise, use #firstbox rule above */
	padding-top:7.3em;}
.mkt .mktSide .textSection {
	margin-bottom:2em;}
.mkt .mktSide .textSection .hd .c a { /* for when an img is used as the box header */
	display:block;text-align:center;}
.mkt .mktSide .textSection .textSection {
	margin-bottom:1.2em;}
.mktSide h2 {
	font-size:130%;}
.mkt .mktSide h2, #homeMain .mktSide h2 {
	font-size:129%;color:#6cb84f;padding-top:.5em;border:0;margin-top:0;margin-bottom:.25em;line-height:129%;}
.mktSide h2 a:link, .mktSide h2 a:visited {
	color:#6cb84f;padding-top:0;text-decoration:underline;}
.mktSide h2 a:hover, .mktSide h2 a:active {
	color: #e55c1c;}
.mktSide p, .mktSide p.body_small, .mktSide div.linkMore {
	margin-bottom:0;padding-bottom:.5em;}
.mktSide ul {
	padding:0;margin:0;list-style-type:none;}
.mktSide li {
	background:url(/images/arrow_menu.gif) no-repeat 0 2px;padding-left:1em;}
.mktSide p.linkMore,
.mktSide div.linkMore, 
.mktSide a.linkMore, 
.mktSide .linkDoc, 
.mktSide p.body_small, 
.mktSide div.body_small {
	font-size:100%;}
.mktSide div.logo {
	text-align:center;margin-bottom:.25em;}
.mktSide .epi-fontSm {
	font-size:100%;}
	
/* for box border */	
.mkt .mktSide .textSection .hd, #homeMain .mktSide .textSection .hd {
	background:url(/images/box01_hd_l.gif) no-repeat top left;}
.mkt .mktSide .textSection .hd .c, #homeMain .mktSide .textSection .hd .c {
	background:url(/images/box01_hd_r.gif) no-repeat top right;padding:12px 12px 6px 12px;min-height:8px;}
.mkt .mktSide .textSection .bd, #homeMain .mktSide .textSection .bd {
	background:url(/images/box01_bd_l.gif) repeat-y top left;min-height:1px;}
.mkt .mktSide .textSection .bd .c, #homeMain .mktSide .textSection .bd .c {
	background:url(/images/box01_bd_r.gif) repeat-y top right;padding:0 12px;min-height:1px;}
.mkt .mktSide .textSection .ft, #homeMain .mktSide .textSection .ft {
	background:url(/images/box01_ft_l.gif) no-repeat bottom left;}
.mkt .mktSide .textSection .ft .c, #homeMain .mktSide .textSection .ft .c {
	background:url(/images/box01_ft_r.gif) no-repeat bottom right;min-height:14px;padding:0 12px 6px 12px;}

	
/* ********** IMAGES ********** */
.mktMain img {
	display:block;border:1px solid #ccc;float:left;margin:.25em 11px .5em -1px;}
.mktMain img.altPlacement {
	float:right;margin:.25em -1px .5em 10px;}
.mktMain img.branding, .mktMain img.diagram {
	border:0;}
.mktMain img.icon, .mktMain img.iconSm, .mktMain img.iconExample {
	display:inline;float:none;border:0;margin:0 3px 0 0;}
div.displayImg,
div.displayGraphic {
	text-align:center;}
div.displayImg {
	border:1px solid #ccc;}
	
	
/* **********FORMS ********** */
input:focus, textarea:focus {
	background:#ffc;}
fieldset {
	border:0;padding:0;margin:0 0 .75em 0;clear:both;line-height:140%;}
fieldset ul {
	list-style-type:none;padding:0;margin:0;}
fieldset li {
	margin-bottom:.75em;clear:both;}
div.noteField {
	line-height:120%;padding-left:25%;margin-top:.15em;margin-bottom:.15em;}
fieldset li div.epi-fontSm {
	padding-left:0;margin-left:25%;} /* Needed to ensure correct placement of notes after textareas */
fieldset label {
	display:block;float:left;width:23%;padding-right:2%;text-align:right;font-weight:bold;line-height:150%;}
fieldset label.sub {
	font-weight:normal;}
fieldset legend span {
	display:block;color:#666;font-weight:bold;line-height:150%;}
fieldset legend span span { /* to correct for i18n */
	display:inline;line-height:125%;}
fieldset.checkbox,
fieldset.radio {
	position:relative;}
fieldset.checkbox label,
fieldset.radio label {
	display:inline;float:none;width:auto;padding:0 0 0 3px;text-align:left;font-weight:normal;}
fieldset.checkbox ul,
fieldset.radio ul {
	float:left;padding-left:25%;width:75%;}
fieldset.checkbox div ul {
	float:none;padding-left:0;width:100%;}
fieldset.checkbox li,
fieldset.radio li {
	text-indent:-20px;padding-bottom:0;padding-left:20px;margin-bottom:.25em;min-height:1.5em;}
fieldset.checkbox li div,
fieldset.checkbox li div.epi-fontSm,
fieldset.radio li div,
fieldset.radio li div.epi-fontSm {
	padding-left:20px;margin-left:0;}
fieldset.checkbox input,
fieldset.radio input {
	position:relative;top:2px;}
fieldset.checkbox legend span,
fieldset.radio legend span {
	display:block;position:absolute;width:22.5%;padding-right:2%;margin-top:.25em;
	text-align:right;font-weight:bold;color:#000;line-height:150%;}
fieldset.checkbox legend span span,
fieldset.radio legend span span { /* to correct for i18n */
	display:inline;position:static;width:auto;padding-right:0;margin-top:0;line-height:125%;}
fieldset span.inputExtra {
	position:relative;top:-4px;}
fieldset.accept {
	padding-left:25%;margin-top:1.5em;}
fieldset.accept p {
	margin-bottom:.7em;}
.buttonField {
	font-weight:bold;margin:0 0 1.5em 25%;}
form abbr, .legend abbr {
	border:0;}
label abbr {
	margin-right:-12px;}
div.formButtons {
	padding-top:.5em;border-top:1px solid #ccc;clear:both;}
div.formButtons div,
.mkt #buttonsBottom .buttonsSub {
	border:0;margin:0 0 1.4em 25%;}

	
/* ********** SUPPORT ********** */

div.support p {
	margin-left:24px;}
div.support blockquote {
	padding-top:0;border:0;margin-bottom:0;}
div.update {
	font-size:85%;padding:.15em 0 0 0;border-top:1px solid #ccc;}
div.update p {
	margin-left:0;}
div.issue,
div.question { /* adapting div.epi-blockBGcolor */
	line-height:150%;background-color:#cee5c3;padding:.5em 24px;margin-top:2.1em;margin-bottom:1.4em;}
div.support div.issue p,
div.support div.question p {
	margin:0;font-weight:bold;}
div.troubleshooting h3 {
	margin-left:24px;}
div.issue h3 {
	float:left;margin:0 12px 0 0;font-size:115%;}
div.support div.issue p {
	font-weight:bold;margin:0;}

	
/* ********** ADS ********** */

.bwAd {
	font-size:85%;}
.bwAd h2, bwAd h3, .bwAd h4, .bwAd h5 {
	font-size:130%;color:#00659c;padding-top:3px;border-top:1px solid #ccc;margin:0 0 .5em 0;}
.bwAd h6 {
	font-size:115%;margin:1.25em 0 .25em 0;}
.bwAd ol {
	padding-left:1em;margin-bottom:3px;margin-left:1em;}
.bwAd ul {
	padding-left:0;margin-bottom:3px;margin-left:0;list-style-type:none;}
.bwAd ul li {
	background:url(/images/arrow_menu.gif) no-repeat 0 2px;padding-left:11px;}
.bwAd ul.readers li {
	background-image:none;}
.bwAd .linkMore, .bwAd div.linkMore a, .bwAd p.linkMore a, .bwAd .linkDoc {
	font-size:100%;}
.bwAdMkt h1 {
	font-size:195%;line-height:130%;}

	
/* ********** MEDIA POINT SEARCH ********** */

#searchMedia {
	padding:4px 3px 2px 3px;margin-top:0;margin-bottom:0;}
#searchMedia strong {
	text-transform:uppercase;}
#searchMedia .epi-button {
	font-weight:bold;font-size:85%;}
#searchMedia input.radio {
	vertical-align:-25%;}
#searchMedia input.text {
	width:140px;vertical-align:-10%;}
td.headWithData {
	border:0;}
td.headWithData div {
	text-align:right;font-weight:normal;}
td.headWithData div.title {
	float:left;text-align:left;font-weight:bold;}
	
	
/* PORTAL NEWS PRESENTATION */

#headlines .headline {
	font-size:92%;margin-bottom:.25em;}
#headlines .ndmTeaser {
	color:#666;}
.headlineBox {
	padding:.5em 0;margin:0 0 2px 0;}
		
/* MISC. STYLES */

.attrib {
	font-weight:bold;}
	
div.textSectionWithLogo {
	clear:both;margin-bottom:.7em;}
div.textSectionWithLogo img {
	float:left;margin:2px 24px 1.4em 0;}
div.textSectionWithLogo img.icon, div.textSectionWithLogo img.iconSm {
	float:none;margin:0;}
div.textSectionWithLogo p, div.textSectionWithLogo h3 {
	margin-left:144px;}
div.textSectionWithLogo:after {
    content:".";display:block;height:0;clear:both;visibility:hidden;}

.side div.textSection {
	margin-bottom:1.4em;}
.side blockquote {
	padding:.7em 0;margin:0;}
	
a.popup {
	background:url(/images/icons/icon_popup.gif) no-repeat center right;padding-right:13px;white-space:nowrap;}
.logoList a.popup, .mktSide a.popup, .bwAd a.popup {
	white-space:normal;}

/* DEPRECATED -- still in use by int'l sites */

.bwAdDisplay, .bwAdDisplayIntl {
	font-size:85%;background-color:#fff;padding:0 6px .5em 6px;border:1px solid #ccc;margin-top:0 !important;}
.bwAdDisplayMain, .bwAdDisplayMainIntl {
	background:#fff;padding:6px;border:1px solid #ccc;position:relative;top:-1.2em;left:0;margin-bottom:-1.2em;}
.bwAdDisplayMain:after, .bwAdDisplayMainIntl:after {
    content:".";display:block;height:0;clear:both;visibility:hidden;}
.bwAdDisplay h5, .bwAdDisplayIntl h5 {
	font-size:130%;color:#00659c;padding-top:1px;border:0;margin:0 0 6px 0;}
.bwAdDisplay h6, .bwAdDisplayIntl h6 {
	font-size:100%;margin:1.25em 0 .25em 0;}
.bwAdDisplay ol, .bwAdDisplayMain ol, .bwAdDisplayIntl ol, .bwAdDisplayMainIntl ol {
	padding-left:1em;margin-bottom:3px;margin-left:1em;}
.bwAdDisplay ul, .bwAdDisplayMain ul, .bwAdDisplayIntl ul, .bwAdDisplayMainIntl ul {
	padding-left:0;margin-bottom:3px;margin-left:0;list-style-type:none;}
.bwAdDisplay ul li, .bwAdDisplayMain ul li, .bwAdDisplayIntl ul li, .bwAdDisplayMainIntl ul li {
	background:url(/images/arrow_menu.gif) no-repeat 0 3px;padding-left:11px;}
.bwAdDisplayIntl .linkMore {
	font-size:100%;}

