/* General */

html, body
{
    background: #fff;
    height: 100%;
}

html, body, p { color: #3e4b5a; font: normal 16px arial, sans-serif; }

h1
{
    color: #576167;
    font: normal 28px georgia, times, serif;
    margin-bottom: 21px;
}

h2
{
	font: normal 24px georgia, times, serif;
}

h3
{
	font: normal 21px georgia, times, serif;
}

h4
{
	font: normal 18px georgia, times, serif;
}

a, a:visited
{
    color: #487fae;
    text-decoration: none;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* color - ??? */
a:hover
{
    color: #436584;
}

/* Classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; line-height: 0; }

.footer
{
    background: #cfcfcf;
    bottom: 0;
	color: #fff;
    font-size: 10px;
    padding: 3px 0 3px 20px;
    position: absolute;
    width: 970px;
}

.stage
{
	margin: auto;
	min-height: 100%;
	position: relative;
	width: 970px;
}

.spaceadd
{
	padding: 0;
}



/* Begin top */

.top
{
	background-color: transparent;
	background-position: bottom center;
	background-repeat: no-repeat;
    height: 316px;
	width: 970px;
}

.top .logo { float: right; margin: 0 7px 0 0; }

.top .links
{
    font: normal 26px georgia, times, serif;
	line-height: 26px;
    float: left;
    margin-top: 20px;
}

.top .links ul li
{
    padding: 0 0 8px 0;
    margin-bottom: 2px;
}

.top .links a
{
    color: #fff;
    padding: 3px 14px;
}

.top .links ul.blue a:hover
{
    background: #819BA9;
}

.top .links ul.green a:hover
{
    background: #96b300;
}

.top .links ul li a.orange:hover, .top .links ul li a.orange-on
{
    background: #dc7915;
}

.top .links ul li a.blue:hover, .top .links ul li a.blue-on
{
    background: #2d81a3;
}

.top .links ul li a.green:hover, .top .links ul li a.green-on
{
    background: #96b300;
}

.top .links ul li a.yellow:hover, .top .links ul li a.yellow-on
{
    background: #e5b307;
}

.top .links ul li a.gray:hover, .top .links ul li a.gray-on
{
    background: #819ba9;
}

/* End top */

.user-profile { float: left; margin: 12px 0 0 14px; }

/*
.login-panel
{
    font-size: 11px;
}
*/

.date { color: #9fa8ae; font-size: 11px; }
.description { font-size: 14px; line-height: 18px; }

/* Elements */

#content
{
    margin-top: 33px;
    min-height: 100%;
}

/* Begin content left */

#content-left
{
    float: left;
    margin-right: 40px;
    min-height: 100%;
    position: relative;
    width: 226px;
}

/*
#content-left .login-panel
{
    font-size: 11px;
}
*/

#content-left a
{
    color: #487fae;
}

#content-left a:hover
{
    color: #436584;
}

/*
#content-left .login-panel h3
{
    margin-bottom: -5px;
    padding-left: 12px;
}


#content-left .login-panel img
{
	margin: 0;
    padding: 0;
}


#content-left .login-panel a.clues
{
    margin-left: 12px;
}


*/

#content-left .nav-panel
{
    font-size: 11px;
}

#content-left .nav-panel h3
{
	margin-top: 1px;
    padding-left: 13px;
}

#content-left .nav-panel img
{
    margin: 0;
    padding: 0;
}

#content-left .nav-panel img.pdf
{
    display: inline;
    position: relative;
    float: left;
    margin-right: 6px;
    padding-left: 12px;
    margin-top: 2px;
}

#content-left .nav-panel ul
{
    padding-left: 6px;
}

#content-left .nav-panel ul li a
{
    color: #436584;
    font-size: 14px;
    font-family: georgia;
    font-style: normal;
    padding: 3px 7px 3px 7px;
    line-height: 23px;
}

#content-left .nav-panel ul li a:hover
{
    background: #497FAD;
    color: #fff;
}

#content-left .nav-panel ul li a.on
{
    background: #436483;
    color: #fff;
}

#content-left .nav-panel a
{
    /*font-size: 12px;*/
    color: #487fae;
    padding-left: 12px;
    margin: 0;
    padding: 0;
}

#content-left .nav-panel p
{
    font-size: 14px;
    color: #576167;
    padding-left: 12px;
    margin-bottom: 13px;
    margin-top: 13px;
    font-family: georgia;
}

#content-left .nav-panel p.date
{
    color: #9fa8ae;
    font-size: 11px;
    margin-bottom: 18px;
    margin-top: 0;
    font-family: arial;
}

#content-left .login-form
{
	border-top: solid 1px #cfd3d6;
	border-bottom: dashed 1px #cfd3d6;
	margin-top: 5px;
	margin-bottom: 4px;
    padding: 11px 12px 8px 12px;
}

#content-left .login-form input
{
    border: 0;
    padding: 4px 0 0 5px;
}

#content-left .login-form input.login
{
    background: #eef0f1;
    color: #9fa8ae;
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 6px;
    height: 16px;
    width: 168px;
}

#content-left .login-form input.password
{
    background: #eef0f1;
    color: #9fa8ae;
    font-size: 11px;
    height: 16px;
    line-height: 20px;
    margin-bottom: 0;
    width: 168px;
}

#content-left .login-form input.submit
{
    padding: 2px 0 1px 0;
}

#content-left .login-links-box
{
	margin-left: 13px;
}

/* End content left */

/* Begin content right */


#content-right
{
    float: left;
    min-height: 100%;
    position: relative;
    width: 697px;
}

#content-right h3
{
	margin-bottom: 5px;
}

#content-right h2
{
    color: #576167;
    font-size: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid #819BA9;
    margin-bottom: 34px;
}

#content-right p
{
    margin: 0 50px 20px 0;
    font-size: 14px;
    line-height: 18px;
    /*
    margin-bottom: 21px;
    margin-right: 50px;
    margin-left: 0;
	*/
}

/* Begin secondary and tertiary nav */

#secondary-nav, #tertiary-nav
{
	clear: right;
	color: #f27a00;
	font: normal 16px georgia, times, serif;
	line-height: 22px;
	margin-left: -6px;
}

#tertiary-nav
{
    border-top: 1px solid #f27a00;
    margin-top: 16px;
    padding-top: 7px;
    margin-bottom: 25px;
}

#secondary-nav a, #tertiary-nav a { color: #436584; }

#secondary-nav a { padding: 1px 7px 3px 7px; }

#tertiary-nav a { padding: 1px 7px 1px 7px; }

#secondary-nav a:hover, #tertiary-nav a:hover
{
    background-color: #497fad;
    color: #fff;
}

#secondary-nav a.on, #tertiary-nav a.on
{
    background-color: #7b93a9;
    color: #fff;
}

/* End secondary and tertiary nav */



/*
#content-right .tertiary
{
    border-top: 1px solid #f27a00;
    margin-top: 17px;
    padding-top: 14px;
    margin-bottom: 35px;
}

#content-right .tertiary-strong
{
    border-top: 4px solid #f27a00;
    margin-top: 18px;
    padding-top: 14px;
    margin-bottom: 35px;
}
*/

#content-right #fund-news-content
{
    float: left;
    left: 6px;
    width: 450px;
}

#content-right #fund-news-content h3
{
    color: #3e4b5a;
    font-size: 21px;
    font-family: georgia;
}

#content-right #fund-news-content p.date
{
    margin: 0 0 15px 2px;
    color: #9fa8ae;
    font-size: 12px;
    padding-bottom: 0;
}

#content-right #fund-news-content p
{
    margin: 0 0 25px 2px;
    color: #586370;
    font-size: 14px;
}

#content-right #fund-news-content a.more-news
{
    font-weight: normal;
}

#content-right .green-news-box
{
    border-top: 4px solid #96b300;
    padding-top: 15px;
}

#content-right #fund-news-box
{
    width: 208px;
    border: 5px solid #eef0f1;
    position: relative;
    float: right;
    padding-bottom: 10px;
}

#content-right #fund-news-box h1
{
    display: block;
    background: #eef0f1;
    color: #576167;
    font-size: 18px;
    padding: 7px 0 12px 10px;
    margin: 0 0 10px 0;
}

#content-right #fund-news-box a
{
    font-size: 12px;
    line-height: 13px;
    margin-left: 10px;
    padding: 0;
}

#content-right #fund-news-box p.date
{
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 5px;
    margin-left: 10px;
}

#content-right .green-news-box
{
    padding-left: 7px;
    padding-bottom: 25px;
    margin-left: -7px;
}

#content-right .green-news-box H1
{
    color: #576167;
    font-size: 21px;
}

#content-right .green-news-box ul li
{
    background: url('../images/buttons/pdf.gif') 0px 1px no-repeat;
    padding-left: 16px;
}

#content-right .green-news-box a
{
    color: #487fad;
    font-size: 14px;
    font-weight: bold;
}

#content-right .green-news-box p.date
{
    font-size: 12px;
}

/* End content right */

h1.orange-line
{
    border-bottom: 1px solid #f27a00;
    padding-bottom: 9px;
}

h1.grey-line { border-bottom: 1px solid #819ba9; padding-bottom: 9px; }
h3.grey-overline { border-top: 1px solid #819ba9; padding-top: 14px; }
h3.grey-strong-overline { border-top: 4px solid #819ba9; padding-top: 14px; }

.login-signup-links { border-top: dashed 1px #d0d4d6; padding-top: 8px; }
.funds-list{ padding-bottom: 10px; }
.error { color: #c00; font-size: 80%; }

.login-link { border-top: dashed 1px #d0d4d6; padding-top: 8px; }
.contact-items-list { margin-bottom: 10px; }

.user-welcome { font: normal 12px georgia, times, serif; }
.user-links { font: normal 11px arial, sans-serif; }
.user-divider { color: #cfd3d6; }

.required { color: #b11818; }

.inquiry-form { width: 100%; }
.inquiry-form td { font: normal 14px arial, sans-serif; }
.inquiry-form, .inquiry-form td { border-collapse: collapse; }
.inquiry-form .label { text-align: right; padding: 5px; vertical-align: middle; }
.inquiry-form .prompt { text-align: right; vertical-align: middle; padding: 5px; white-space: nowrap; width: 200px; }
.inquiry-form .control { vertical-align: middle; padding: 5px; }

.inquiry-form .textbox { border: solid 1px #e1e4e6; font-size: 14px; }
.inquiry-form .dropdownlist { border: solid 1px #e1e4e6; font-size: 14px; }

.your-funds-header { border-bottom: solid 1px #cfd3d6; padding-bottom: 5px; }

.your-fund-item { padding: 13px 0 13px 13px; border-bottom: dashed 1px #d0d4d6; }
.your-fund-item .fund-name { color: #576167; font: bold 14px georgia, times, serif; margin-bottom: 10px; }
.your-fund-item .fund-item { border-collapse: collapse; }
.fund-item { border-collapse: collapse; }
.your-fund-item .fund-item td { padding: 0 5px 0 0; vertical-align: top; }
.fund-item td { padding: 0 5px 0 0; vertical-align: top; }
.your-fund-item .fund-item .title { font-size: 12px; font-weight: bold; }
.your-fund-item .fund-item .date { font-weight: bold; }

table.files_list td { padding: 5px; vertical-align: top; }
table.articles td { padding: 5px; vertical-align: top; }

.fund-news-item { margin-bottom: 16px; }

.extranet-top { background: url('/images/headers/extranet.gif') }
.extranet-top .logo { float: right; margin: 0 7px 0 0; }
.your-inquiry { margin: auto; padding-top: 25px; width: 946px; }
.your-inquiry-header { border-bottom: solid 1px #819ba9; }
.your-inquiry-info { font-size: 14px; line-height: 28px; margin-left: 18px; padding-top: 3px; }
.your-inquiry-info .label { font-weight: bold; }


.inquiry_comments { border-top: solid 4px #819ba9; }
.inquiry_comment_item { border-bottom: solid 1px #819ba9; font-size: 14px; padding: 30px 18px; }
.inquiry_comment_item .author { color: #3e4b5a; font-size: 16px; }
.inquiry_comment_item .date { color: #3e4b5a; font-size: 11px; }
.inquiry_comment_item .message { margin: 7px 14px; }

.your_reply { margin: 25px 17px; }
.your_reply .textbox { border: solid 1px #e1e4e6; font: normal 14px arial, sans-serif; }

/* color */

.publication-color { color: #2d81a3; }
.news-color { color: #96b300; }

.orange-line { border-bottom: solid 1px #f27a00; padding-bottom: 9px; }
.blue-line { border-bottom: solid 1px #2d81a3; padding-bottom: 9px; }
.green-line { border-bottom: solid 1px #96b300; padding-bottom: 9px; }
.yellow-line { border-bottom: solid 1px #e5b307; padding-bottom: 9px; }
.gray-line { border-bottom: solid 1px #819ba9; padding-bottom: 9px; }

.orange-strong-line { border-bottom: solid 4px #f27a00; padding-bottom: 9px; }
.blue-strong-line { border-bottom: solid 4px #2d81a3; padding-bottom: 9px; }
.green-strong-line { border-bottom: solid 4px #96b300; padding-bottom: 9px; }
.yellow-strong-line { border-bottom: solid 4px #e5b307; padding-bottom: 9px; }
.gray-strong-line { border-bottom: solid 4px #819ba9; padding-bottom: 9px; }

.orange-strong-overline { border-top: solid 4px #f27a00; padding-top: 9px; padding-bottom: 9px; }

.column { width: 461px; }

#fund-current-news-box
{
    border: 5px solid #eef0f1;
    font-size: 12px;
    width: 208px;
}

#fund-current-news-box h4
{
	background: #EEF0F1;
	color: #576167;
	display: block;
	font-size: 18px;
	margin:0pt 0pt 10px;
	padding:6px 0pt 6px 11px;
}

#fund-contact-box
{
    border: 5px solid #eef0f1;
    font-size: 12px;
    width: 208px;
}

#fund-contact-box h4
{
	background: #EEF0F1;
	color: #576167;
	display: block;
	font-size: 18px;
	margin:0pt 0pt 10px;
	padding:6px 0pt 6px 11px;
}

#fund-display-options-box
{
    border: 5px solid #eef0f1;
    font-size: 12px;
    line-height: 16px;
    width: 450px;
}

#fund-display-options-box h4
{
	background: #EEF0F1;
	color: #576167;
	display: block;
	font-size: 18px;
	margin:0pt 0pt 10px;
	padding: 6px 0pt 6px 11px;
}

#fund-weekly-estimates-box
{
    border: 5px solid #eef0f1;
    font-size: 14px;
    width: 208px;
}

#fund-weekly-estimates-box h4
{
	background: #EEF0F1;
	color: #576167;
	display: block;
	font-size: 18px;
	margin:0pt 0pt 10px;
	padding: 6px 0pt 6px 11px;
}

.red-mark { color: #b11818; white-space: nowrap; }
.green-mark { color: #1f9410; white-space: nowrap; }

.performance-table {}
.performance-table th, .performance-table td { font-size: 13px; padding: 8px 5px 9px 5px; text-align: center; }
.performance-table th { background-color: #7b93a9; color: #fff; }
.performance-table tr.alternative td { background-color: #eef0f1; padding: 3px 5px 2px 5px; }

#content-right .homepage-intro p { font-size: 16px; line-height: 20px; }
#content-right .about-intro p { font-size: 16px; line-height: 20px; }

.login-page-form .textbox {
border:1px solid #E1E4E6;
font-size:14px;
}

.contact-question { font: normal 14px georgia, times, serif; }

#content-right .intro, #content-right .intro p { font-size: 16px; line-height: 20px; margin: 26px 0; }
