body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	font: 11px verdana,helvetica,arial,sans-serif;
	/*text-align: center;*/
}

select, input, textarea, pre {color: #333333; font: 12px verdana,helvetica,arial,sans-serif;}
form {padding: 0px;	margin: 0;}
img {border: none}
sup {vertical-align: top; font-size: 9px; font-weight: normal; line-height:4px;}
table {border-collapse: collapse;}
table th, .sectionHeader {font-weight: bold; font-size: 1em; background-color: #BDCDCD; vertical-align: top;}
table td {padding: 2px;}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;} /*#006666*/
a:hover {color: #333333; text-decoration: underline;}
a:active {color: #333333; text-decoration: none;}

.tableBorder {border: 1px solid #B9CDDF; text-align: left}
.tableBorder tbody td.borderSide {border-left: 1px solid #B9CDDF; border-right: 1px solid #B9CDDF;}
.tableBorder tbody.borderBottom td {border-bottom: 1px solid #B9CDDF;}
.tableBorder thead th {border: 1px solid #333333;}

.lightColor {background-color: #e4eaea;}
.altColor {background-color: #ffffff;}
.nowrap {white-space: nowrap;}
.content {padding: 5px; background-color: #ffffff;}
.actionButton {position: absolute; left: 5px; bottom: -4px;}
.legend {height: 4px}
.noPaddingTop {margin-top: 0; padding-top: 0;}
.noPaddingBottom {margin-bottom: 0; padding-bottom: 0;}
.categoryTitle {padding-bottom: 1em;}
.categoryTitle p {margin: 0; padding: 0; margin-top: 1em;}
.categoryContent {margin: 0; padding: 0;}
.rowDivider {padding-bottom: 1em;}
.formRow {padding: 4px;}
.rowLabel {float: left; width: 300px; text-align: right;}
.rowField {margin-left: 310px;}
.numberMarker {width: 30px; float: left;}
.numberDesc {margin-left: 36px;}
.checkboxMarker, .radioMarker {float: left; width: 16px; }
.checkboxMarker input[type="radio"], .checkboxMarker input[type="checkbox"]{padding: 0; margin: 0}
.radioMarker input[type="radio"], .radioMarker input[type="checkbox"]{padding: 0; margin: 0}
.checkboxDesc, .radioDesc {margin-left: 18px;}
.horiRuler {height: 1px; font-size: 1px; background-color: #BDCDCD; margin: 10px 0; width: 100%;}
.hideWords {color: black; background-color: gray;}/* used in intranet/operations/subscription */
.redBox {padding: 5px; border: 1px solid #FF0000;}
.signatureBox {width: 300px; height: 50px; border: 1px solid #c0c0c0; margin-top: 2px;}

#mainWrapper {margin: 0 auto; min-width: 1000px;}
#topHeaderWrapper {
	background-image: url("/images/system/topHeaderBackground.gif");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	height: 75px;
	background-color: #00386C;
}
#topHeader {
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}
#topHeader #links {
	float: right;
	color: white;
	font-weight: bold;
	width: 330px;
	text-align: right;
	margin-top: 30px;
}
#links a:link, #links a:visited, #links a:link, #links a:visited {color: #ffffff;}
#menuWrapper {text-align: center; background-color: #396B6C;}
#topMenu {
	text-align: center;
	margin: 0 auto;
	width: 1000px;
	height: 25px;
	z-index: 500;
}
#bodyWrapper {
	background-image: url("/images/system/bodyBackground.gif");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	min-height: 720px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#browserReq {display: none; color: white; font-style: italic;}
#bodyMainContent {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
.bigTitle1 a:link, .bigTitle1 a:visited, .bigTitle2 a:link, .bigTitle2 a:visited {color: #115792;}
.bigTitle1 a:hover, .bigTitle1 a:active, .bigTitle2 a:hover, .bigTitle2 a:active {color: #115792;}
#mainForm a:link, #relatedArticles a:link {color: #468 !important; text-decoration: none;}
#mainForm a:visited, #relatedArticles a:visited {color: #468 !important; text-decoration: none;} /*#006666*/
#mainForm a:hover, #relatedArticles a:hover {color: #C60 !important; text-decoration: underline;}
#mainForm a:active, #relatedArticles a:active {color: #468 !important; text-decoration: none;}

#bodyRightPanel {float: right; width: 240px;}
#bodyLeftPanel {width: 740px;}
.titleBar {
	background-image: url("/images/system/titleBackground.gif");
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #BCCFE1;
	padding: 0 5px;
}
.bigTitle1 {
	color: #115792;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 12px;
	padding-bottom: 10px;
}
.bigTitle2 {
	color: #115792;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 11px;
	padding-bottom: 8px;
}
#bottomArticle .bigTitle2 {padding-bottom: 2px;}

.more {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}
.more img {
	padding-right: 5px;
	width: 9px;
	height: 8px;
}
#mainForm {background-color: #ffffff;}
#mainForm .content {min-height: 680px;}
#topArticle {background-color: #ffffff; height: 232px;}
#topArticle .content {height: 180px; position: relative;}
#snapshotFund .content {height: 130px; position: relative;}
#snapshotFund .fundFact {font-weight: bold; font-size: 13px; letter-spacing: -1px; position: absolute; top: 100px; left: 248px;}
/*#snapshotFund textarea {font-size: 12px; height: 84px; max-height: 84px; width: 478px; max-width: 478px; border: none; overflow: auto;}*/
#topArticle .article {font-size: 1.1em; font-weight: normal;}
#topArticle .article p {margin-bottom: 0px; padding-bottom: 0px;}
#topArticle .more, #middleArticle .more, #rightMidComp1 .more, #snapshotFund .more {position: absolute; bottom: -5px; right: 5px;}
.article img {float: left; border: 1px solid #333333; margin-right: 5px;}
#middleArticle {margin-top: 10px; clear:left;}
#snapshotFund img {border: none}
#bottomArticle, #snapshotFund {margin-top: 10px; background-color: #ffffff;}
#midComp1, #midComp2, #midComp3, #rightMidComp1 {
	margin: 0; padding: 0;
	background-color: #ffffff;
	width: 240px;
}
#midComp3 {float: right;}
#midComp2 {margin-left: 250px;}
#midComp1 {float: left;}
#midComp1 .content, #midComp2 .content, #midComp3 .content, #rightMidComp1 .content {
	height: 140px;
	background-color: #ffffff;
	position: relative;
}

#layer2, #layer1, #freeEnews {clear: left;}
.bottomComp1, .bottomComp2, .bottomComp3 {padding: 0; margin: 0; width: 235px;}
.bottomComp1{float: left;}
.bottomComp2{float: left; margin-left: 7px;}
.bottomComp3{margin-left: 488px;}
.bottomComp1 ul, .bottomComp2 ul, .bottomComp3 ul {
	margin: 0;
	padding: 0;
	margin-left: 16px;
	list-style-image: url(/images/system/blueArrow.gif)
}
#pollPanel, #marketPanel, #mostReadArtPanel, #rightMidComp1 {margin-top: 10px; background-color: #ffffff;}
#marketPanel table {width: 100%;}
#marketPanel th {text-align: left; background-color: #ffffff}
#marketPanel td {font-size: 0.9em; text-align: right; border-bottom: 1px solid #B9CDDF;}
#marketPanel td {padding: 2px 0}
#marketPanel td.fundName {text-align: left; white-space: nowrap;}
#marketPanel .marketTables {margin-bottom: 4px;}

#mostReadArtPanel .articlesRow {clear: left; line-height: 12px; margin-top: 4px;}
#mostReadArtPanel .rank {float: left; width: 14px; height: 12px; text-align: center; border: 1px solid #9DB6CD; padding: 0 1px;}
#mostReadArtPanel .title {margin-left: 20px}


#footer {clear:both; padding-top: 1px;}
#relatedArticles {background-color: #ffffff;}
#signInPanel {background-color: #ffffff; height: 158px;}
#signInPanel iframe {padding: 0; margin: 0; width: 238px; height: 136px;}

.bigErrorMsg {color: #ff0000; font-size: 20px;}
.explanation, small, p.explanation {color: #006699; font-size: 9px;}
.smallestVerdana {font-size: 9px}
.verFont12, .verFont12 p {font-size: 12px}
.verFont11, .verFont11 p {font-size: 11px}
.verFont10, .verFont10 p {font-size: 10px}
.verFont9, .verFont9 p {font-size: 9px}
.errormsg {font-size: 9px;color: #ff0000;}
.gainNumber {color: #319B31;}
.lossNumber {color: #ff0000;}
.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}
.alignJustify {text-align: justify;}
.underline {text-decoration: underline;}
.bigFontBody {font-size: 16px;}
.pageTitle {font-size: 3em; color: #115792;}
.toolTip {font-size: 11px; text-align: justify; width: 360px;}
.btn {padding: 1px 6px; background:#7399BF url("/images/system/button_hover.gif") left center repeat-x; border:1px solid #CAD1D8; border-right-color:#818991; border-bottom-color:#818991;}
.btn:hover {background-image: none; background-color: #115792; cursor: pointer; color: #ffffff; }
.btn:active {border:1px solid #115792; border-left-color:#333333; border-top-color:#333333;}
table .btn {font-size: 11px;}

/*round corner*/
.t {background: url(/images/system/dot.gif) 0 0 repeat-x;}
.b {background: url(/images/system/dot.gif) 0 100% repeat-x;}
.l {background: url(/images/system/dot.gif) 0 0 repeat-y;}
.r {background: url(/images/system/dot.gif) 100% 0 repeat-y;}
/*round corner for top panel */
#mainForm .bl {background: url(/images/roundCorners/bl.gif) 0 100% no-repeat;}
#mainForm .br {background: url(/images/roundCorners/br.gif) 100% 100% no-repeat;}
#mainForm .tl {background: url(/images/roundCorners/topArticle_tl.gif) 0 0 no-repeat;}
#mainForm .tr {background: url(/images/roundCorners/topArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for sign in panel */
#signInPanel .bl {background: url(/images/roundCorners/signInPanel_bl.gif) 0 100% no-repeat;}
#signInPanel .br {background: url(/images/roundCorners/signInPanel_br.gif) 100% 100% no-repeat;}
#signInPanel .tl {background: url(/images/roundCorners/topArticle_tl.gif) 0 0 no-repeat;}
#signInPanel .tr {background: url(/images/roundCorners/topArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*related articles*/
#relatedArticles .bl {background: url(/images/roundCorners/bl.gif) 0 100% no-repeat;}
#relatedArticles .br {background: url(/images/roundCorners/br.gif) 100% 100% no-repeat;}
#relatedArticles .tl {background: url(/images/roundCorners/topArticle_tl.gif) 0 0 no-repeat;}
#relatedArticles .tr {background: url(/images/roundCorners/topArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for top panel */
#topArticle .bl {background: url(/images/roundCorners/topArticle_bl.gif) 0 100% no-repeat;}
#topArticle .br {background: url(/images/roundCorners/topArticle_br.gif) 100% 100% no-repeat;}
#topArticle .tl {background: url(/images/roundCorners/topArticle_tl.gif) 0 0 no-repeat;}
#topArticle .tr {background: url(/images/roundCorners/topArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for lowest panel */
#bottomArticle .bl {background: url(/images/roundCorners/bl.gif) 0 100% no-repeat;}
#bottomArticle .br {background: url(/images/roundCorners/br.gif) 100% 100% no-repeat;}
#bottomArticle .tl {background: url(/images/roundCorners/bottomArticle_tl.gif) 0 0 no-repeat;}
#bottomArticle .tr {background: url(/images/roundCorners/bottomArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for middle panel */
#middleArticle .bl {background: url(/images/roundCorners/middleArticle_bl.gif) 0 100% no-repeat;}
#middleArticle .br {background: url(/images/roundCorners/middleArticle_br.gif) 100% 100% no-repeat;}
#middleArticle .tl {background: url(/images/roundCorners/middleArticle_tl.gif) 0 0 no-repeat;}
#middleArticle .tr {background: url(/images/roundCorners/middleArticle_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for market panel */
#marketPanel .bl {background: url(/images/roundCorners/market_bl.gif) 0 100% no-repeat;}
#marketPanel .br {background: url(/images/roundCorners/market_br.gif) 100% 100% no-repeat;}
#marketPanel .tl {background: url(/images/roundCorners/market_tl.gif) 0 0 no-repeat;}
#marketPanel .tr {background: url(/images/roundCorners/market_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for poll panel */
#pollPanel .bl, #rightMidComp1 .bl, #snapshotFund .bl {background: url(/images/roundCorners/bl.gif) 0 100% no-repeat;}
#pollPanel .br, #rightMidComp1 .br, #snapshotFund .br  {background: url(/images/roundCorners/br.gif) 100% 100% no-repeat;}
#pollPanel .tl, #rightMidComp1 .tl, #snapshotFund .tl  {background: url(/images/roundCorners/tl.gif) 0 0 no-repeat;}
#pollPanel .tr, #rightMidComp1 .tr, #snapshotFund .tr  {background: url(/images/roundCorners/tr.gif) 100% 0 no-repeat; padding: 10px 1px;}
/*round corner for most read articles panel */
#mostReadArtPanel .bl {background: url(/images/roundCorners/bl.gif) 0 100% no-repeat;}
#mostReadArtPanel .br {background: url(/images/roundCorners/br.gif) 100% 100% no-repeat;}
#mostReadArtPanel .tl {background: url(/images/roundCorners/mostReadArtPanel_tl.gif) 0 0 no-repeat;}
#mostReadArtPanel .tr {background: url(/images/roundCorners/mostReadArtPanel_tr.gif) 100% 0 no-repeat; padding: 10px 1px;}

#articlesFooter {padding-bottom: 10px}
#articlesFooter .bigTitle1 {padding-top: 10px; clear: left;}
#articlesFooter .panel1 {float: left; width:49%;}
#articlesFooter .marker {float: left; width: 8px;}
#articlesFooter .textDesc {margin-left: 10px;}
#stepChart ul {padding: 0; margin: 0 0 0 18px;}
#stepChart ul li {padding: 0; margin: 5px 0;}

/*#userDetails .leftPane {width: 490px; float: left;}
#userDetails .rightPane {margin-left: 500px; }
#userDetails .thisRow {padding: 2px; line-height: 1em;}
#userDetails .rowName {float: left; width: 140px;}
#userDetails .rowColon {float: left; width: 10px;}
#userDetails .rowField {margin-left: 151px;}*/
.statement .btn {padding: 0; margin: 2px 0; width: 48px;  font-size: 9px;}
.statement .fundName {width: 22%;}
.statement .account {width: 18%;}
.statement thead tr th {font-size: 0.85em; text-align:center; }
.statement tbody tr td {padding: 2px; font-size: 0.8em; border: none; border-top: 1px solid #BDCDCD;}
.dotted {border: none; border-top: 1px dotted #D4D2D2 !important;}
.UTbutton {white-space: nowrap;}
.printForm ul, .printForm ol {margin-top:0; margin-bottom: 0;}
.printForm div.sectionHeader {line-height: 1.5em;}
.printForm .formRow {padding: 3px 0;}