@import url(../StyleSheet.css);

body 
{
    margin: 0 0 50px 0;
    text-align: center;
}

.noscriptWarning
{
    padding: 10px;
    background: #f9f9ee;
    border-bottom: 1px solid #ccc;
    color: #900;
    text-align: center;
    /*position: fixed;
    top: 0;z-index: 100;*/
    width: 100%;
    display: block;
    font-size: 1.5em;
}
.nocookiesWarning
{
    padding: 10px;
    background: #f9f9ee;
    border-bottom: 1px solid #ccc;
    color: #900;
    text-align: center;
    /*position: fixed;
    top: 0;z-index: 100;*/
    width: 100%;
    display: block;
    font-size: 1.5em;
}
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.error { font-weight:bold; color: Red; }
.error a { color: Red !important; text-decoration: underline; }
.errorPane { margin: 0 0 1em 0; }
.marginTop5Px {margin-top:5px;}
.marginLeft5Px {margin-left:5px;}
.marginRight5Px {margin-right:5px;}
.marginBottom5Px {margin-bottom:5px;}
.paddingTop5Px {padding-top:5px;}
.paddingLeft5Px {padding-left:5px;}
.paddingRight5Px {padding-right:5px;}
.paddingBottom5Px {padding-bottom:5px;}
#canvas 
{
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
#header  
{
    width: 100%; 
    overflow: hidden; 
    background: #4aaa42 url(Canvas/MainToolBg.gif) top repeat-x;
}
#header, #header a { color: #fff; }
#headerLogo { width: 286px; float: left; padding: 0 10px 0 25px; }
ul#mainTool { width: 634px; height:81px; float: right; }
#content, #topBar { width: 913px; overflow: hidden; padding: 0 23px 0 24px; }
#leftTool { width: 148px; float: left; }
#rightTool { width: 212px; float: right; }
#body { float: right; width:503px; padding: 0 25px; }
#content a:hover, #leftTool a:hover, #rightTool a:hover { background-color: #fef0de; text-decoration: none; }
#content.wide .sideTool 
{
    display:none;
}
#content.wide #body
{
    width:auto;
    float:none;
    padding: 0px;
}

/**** Main Tool ***************************************************************************/
ul#mainTool, ul#mainTool li { margin: 0; padding: 0; list-style-type: none; }
ul#mainTool { overflow: hidden; position: relative; }
ul#mainTool li {float: left;}
ul#mainTool li a { background: transparent; display: block; float: left; height:243px;}
ul#mainTool li a img { position: relative; }
ul#mainTool li a:hover { margin-top: -81px; }
ul#mainTool li.active a { margin-top: -162px; }

/**** Top Bar **************************************************************************/
#searchTool { width: 212px; float: right; padding: 7px 0 0 0; }
#searchTool input.text { float: left; }
#searchTool input.button { float: right; }
#breadcrumbs { width: 566px; float: left; padding: 10px 0 0 0; }
#subLogo { width: 556px; float: left; padding: 0px 0 0; }
#textSizer 
{
    width: 110px;
    float: left;
    padding: 10px 25px 0 0;
    color: #d6903c;
}
#textSizer .title { float: left; }
#textSizer a.increase, #textSizer a.decrease 
{
    display: block;
    width: 15px;
    height: 15px;
    background: url(Command/TextResize.gif) top left no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin: 0 1px;
}
#textSizer a.increase { margin-left: 8px; }
#textSizer a.decrease { background-position: 0 -15px; }

/**** Bottom Tool **********************************************************************/
#bottomTool { padding: 10px 0; text-align: right; }

/**** Footer ***************************************************************************/
#footer  
{
    padding: 0px 0 10px 0; width: 100%; overflow: hidden; 
    /*background: url(Footer/ACILogo.gif) top right no-repeat;*/
    font-size: .847em;      
}
#footer ul.links, #footer ul.links li { margin: 0; padding: 0; list-style-type: none; }
#footer ul.links li { display: inline; }
#footer ul.links li a 
{
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #8c8c8c;
}
#footer ul.links li.first a 
{
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}
#footer ul.links { width: 460px; float: left; padding-top:50px; }
#footer p.copyright { margin: 0; padding: 0; float: right; width: 390px; color: #b0b0b0; padding-top:50px; }
#footer, #footer a, #footer p.copyright strong  { color: #8c8c8c; font-weight: normal; }

/**** Side Tool ************************************************************************/
.sideTool { font-size: .9em; line-height: 1.2em; }
.sideTool h3
{
    color: #fff;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.sideTool .content { padding: 3px 2px; }
.sideTool .section { margin: 0 0 12px 0; }

dl.arrowList, dl.arrowList dt, dl.arrowList dd,
ul.arrowList, ul.arrowList li, ul.arrowList ol
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.arrowList li, dl.arrowList dt { background: url(Canvas/SideBarBullet.gif) 0 4px no-repeat; zoom:1;}
ul.arrowList li, dl.arrowList dt, dl.arrowList dd { padding: 0 0 0 12px; }
dl.arrowList dt { padding-top: 10px; background-position: 0 14px; }
ul.arrowList li { padding: 4px 0 4px 13px; background-position: 0 8px; }
ul.arrowList li a { color: #000; height:1em; background: #FFF;}
ul.arrowList li a:hover  
{
    /*color: #f99824;*/
    color: #0000FF;
    height:1em; 
}
ul.arrowList li.selected { background-position: 0 -182px; }
ul.arrowList li.selected a { color: #0000FF; }
ul.arrowList { padding-top: 5px; }

ul.arrowList li.resourceSelected a { color: #0000FF;}

.sideTool h3  
{
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    height: 31px;
    text-indent: -9999px;
}
#PollSection h3                { background-image: url(Headers/Poll.gif); }
#NewsletterSignUpSection h3    { background-image: url(Headers/NewsletterSignUp.gif); }
#SavingSection h3              { background-image: url(Headers/Saving.gif); }
#ResourcesSection h3           { background-image: url(Headers/Resources.gif); }
#RegistrationSection h3        { background-image: url(Headers/Registration.gif); }
#Contact-UsSection h3          { background-image: url(Headers/Contact-Us.gif); }
#NewsroomSection h3            { background-image: url(Headers/Newsroom.gif); }
#About-UsSection h3            { background-image: url(Headers/About-Us.gif); }
#SpendingSection h3            { background-image: url(Headers/Spending.gif); }
#InvestingSection h3           { background-image: url(Headers/Investing.gif); }
#EarningSection h3             { background-image: url(Headers/Earning.gif); }
#FinancialTipSection h3        { background-image: url(Headers/FinancialTip.gif); } 
#EducatorsSection h3           { background-image: url(Headers/Educators.gif); }
#WhoWeAreSection h3            { background-image: url(Headers/WhoWeAre.gif); }
#ForEducatorsSection h3        { background-image: url(Headers/ForEducators.gif); }
#PresentationsSection h3       { background-image: url(Headers/Presentations2.gif); }
#FinancialIndustrySection h3   { background-image: url(Headers/FinancialIndustryNews.gif); }
#TeachableMomentsSection h3    { background-image: url(Headers/TeachableMoments.gif); }
#RelatedResourcesSection h3    { background-image: url(Headers/RelatedResources.gif); }
#SpotlightSection h3           { background-image: url(Headers/Spotlight.gif); }
#CalculatorsColumn h3          { background-image: url(Headers/Calculators.gif); }
#NewslettersColumn h3          { background-image: url(Headers/Newsletters.gif); }
#PresentationsColumn h3        { background-image: url(Headers/Presentations.gif); }
#MultimediaResourcesSection h3 { background-image: url(Headers/MultimediaResources.gif); }
#EducatorsStoriesSection h3    { background-image: url(Headers/EducatorsSuccessStories.gif); }

/**** Left Toolbar **********************************************************************/
#leftTool h3 { background-color: #005294; }
#leftTool #PollSection .content
{
    background: #E4EDF4;
    border-bottom: 3px solid #005294;
}
#leftTool .poll ul, #leftTool .poll ul li { margin: 0; padding: 0; list-style-type: none; }

/**** Right Toolbar **********************************************************************/
#rightTool h3 { background-color: #008062; }

#FinancialTipSection .content,
#EducatorsStoriesSection .content,
#WhoWeAreSection .content,
#ForEducatorsSection .content,
#PresentationsSection .content
{
    padding: 5px 10px;
}
/**** newsletter *************************************************************************/
#NewsletterSignUpSection .content, #NewsletterSignUpSection p { margin: 0; }
#NewsletterSignUpSection .content { padding: 3px 7px 7px; }
#NewsletterSignUpSection fieldset 
{
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#NewsletterSignUpSection input { float: left; margin: 0 0 0 4px; }

/**** Poll Section ***********************************************************************/
#PollSection .content 
{
    padding: 7px;
}

.PDS_Poll 
{
    display: none !important;
}
#PollSection div.content .PDS_Poll 
{
    display: block !important;
}

/**** Text Size ***********************************************************************/
body.textSize1 #content { font-size: 1em; }
/*body.textSize1 .fontUtility big a { margin-right: 5px; }*/

body.textSize2 #content { font-size: 1.1em; }
body.textSize2 #leftNav, body.textSize2 #rightNav { font-size: 1.1em; }
/*body.textSize2 .fontUtility big a { margin-right: 7px; }*/

body.textSize3 #content { font-size: 1.2em; }
body.textSize3 #leftNav, body.textSize3 #rightNav { font-size: 1.2em; }
/*body.textSize3 .fontUtility big a { margin-right: 9px; }*/

body.textSize4 #content { font-size: 1.3em; }
body.textSize4 #leftNav, body.textSize4 #rightNav { font-size: 1.2em; }
/*body.textSize4 .fontUtility big a { margin-right: 11px; }*/

body.textSize5 #content { font-size: 1.4em; }
body.textSize5 #leftNav, body.textSize5 #rightNav { font-size: 1.2em; }
/*body.textSize5 .fontUtility big a { margin-right: 13px; }*/

body.textSize6 #content { font-size: 1.5em; }
body.textSize6 #leftNav, body.textSize6 #rightNav { font-size: 1.2em; }
/*body.textSize6 .fontUtility big a { margin-right: 15px; }*/

body.textSize7 #content { font-size: 1.6em; }
body.textSize7 #leftNav, body.textSize7 #rightNav { font-size: 1.2em; }
/*body.textSize7 .fontUtility big a { margin-right: 17px; }*/

body.textSize8 #content { font-size: 1.7em; }
body.textSize8 #leftNav, body.textSize8 #rightNav { font-size: 1.2em; }
/*body.textSize8 .fontUtility big a { margin-right: 19px; }*/

body.textSize9 #content { font-size: 1.8em; }
body.textSize9 #leftNav, body.textSize9 #rightNav { font-size: 1.2em; }
/*body.textSize9 .fontUtility big a { margin-right: 21px; }*/

body.textSize10 #content { font-size: 1.9em; }
body.textSize10 #leftNav, body.textSize10 #rightNav { font-size: 1.2em; }

/**** Polldaddy Styles ***********************************************************/
.pds-votebutton-outer 
{
    width: 100%;
    overflow: hidden;
}
a.pds-vote-button {
    width: 50px;
    height: 24px;
    background: url(/App_/ROOT/PageFrame/StandardPartial/Command/Submit.gif) no-repeat;
    outline: none;
    margin: 0 10px 0 0;
    display: block;
    overflow:hidden;
    text-indent: -1000px;
    float: left;
}
.pds-links
{
    float:right;
    padding-top: 5px;
}
.pds-question-top
{
    margin: 0 0 1em 0;
}
.pds-answer-feedback { height: 10px; }
.pds-vote { padding: 1em 0 0 0; }

/**** Engine Table ***************************************************************/
table.engineTable { border-collapse: collapse; width: 100%; }
table.engineTable th,table.engineTable td
{
    padding: 3px 10px 3px 0;
    vertical-align: top;
}
table.engineTable th { padding-top: 5px; }
table.engineTable table.checkboxList { width: 100%; }

.NewsletterSignUpInputField 
{
    width: 70px;
}
.calloutBlock p { font-size:12px; }
.SiteMap a
{
    background: url(Canvas/SideBarBullet.gif) 0px 4px no-repeat;
    padding-left:15px;
}
.SiteMap a:hover
{
    /*background-color: #F99824;*/
    background-color: #0000FF;
}
.blue 
{
    color: #0000FF;
}
.bold 
{
    font-weight: bold;
}

#leftNavActionLinks 
{
    padding: 15px 0;
    width: 100%;
    overflow: hidden;
}
#leftNavActionLinks a.print, #leftNavActionLinks a.share, #leftNavActionLinks a.rss 
{
    background: url(/App_/ROOT/PageFrame/Article/Content/ActionIcons.gif) top right no-repeat !important;
    display:block;
    padding-right: 20px;
    margin-left: 2px;
}
#leftNavActionLinks a.share { background-position: right -33px !important; }
#leftNavActionLinks a.rss { background-position: right -63px !important; }

#leftNavActionLinks ul.links, #leftNavActionLinks ul.links li 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#leftNavActionLinks ul.links { width: 150px; overflow: hidden; padding: 4px 0 0 0; }
#leftNavActionLinks ul.links li { float: left; }
#leftNavActionLinks ul.links, #leftNavActionLinks #readArticle { float: right; }

#actionLinks2 
{
    padding: 20px 0;
    width: 100%;
    overflow: hidden;
}
#actionLinks2 a.print, #actionLinks2 a.share, #actionLinks2 a.rss 
{
    background: url(Content/ActionIcons.gif) top right no-repeat !important;
    display:block;
    padding-right: 20px;
    margin-left: 10px;
}
#actionLinks2 a.share { background-position: right -33px !important; }
#actionLinks2 a.rss { background-position: right -63px !important; }

#actionLinks2 ul.links, #actionLinks2 ul.links li 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#actionLinks2 ul.links {/* width: 230px; */ width:150px; overflow: hidden; padding: 4px 0 0 0; }
#actionLinks2 ul.links li { float: left; }
#actionLinks2 ul.links, #actionLinks2 #readArticle { float: right; }