/* =============================================================================
   epoch_styles.css
   ========================================================================== */
table.calendar { font-family: Helvetica, Arial, sans-serif; font-size: 0.8em; border-collapse: collapse; background-color: #ffffff; border: solid #999999 1px; width: 200px; text-align: center; /*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/ -moz-user-select: none; /*-khtml-user-select: none;*/ }
table.calendar input, table.calendar select { font-size: 10px; }
table.calendar td { border: 0; font-size: 10px; text-align: center; }
div.mainheading { margin: 2px; height: 24px; }
div.mainheading input[type=image] { vertical-align: bottom; margin: 0 2px; }
table.caldayheading { border-collapse: collapse; cursor: pointer; empty-cells: show; margin: 0 6px 0 6px; }
table.caldayheading th { border: solid #CCCCCC 1px; text-align: left; color: #0054E3; font: bold 10px arial,sans-serif; width: 22px; }
table.caldayheading th.wkhead { background-color: white; text-align: center; border-right: double #CCCCCC 3px; color: #0054E3; width: 20px; }
table.calcells { border-collapse: collapse; cursor: pointer; margin: 0 6px 0 6px; }
table.calcells td { border: solid #CCCCCC 1px; vertical-align: top; text-align: left; font-weight: bold; width: 22px; height: 20px; /*IE doesn't like ems*/ }
table.calcells td div { padding: 1px; margin: 0; }
table.calcells td.wkhead { background-color: white; text-align: center; border-right: double #CCCCCC 3px; color: #0054E3; width: 20px; }
table.calcells td.wkday { background-color: #DDDDDD; }
table.calcells td.wkend { background-color: #DDDDDD; }
table.calcells td.curdate { }
table.calcells td.cell_selected { background-color: #99CCFF; color: black; }
table.calcells td.notmnth {	background-color: #FFFFFF; color: #CCCCCC; }
table.calcells td.notallowed { background-color: white; color: #EEEEEE; font-style: italic; }
table.calcells td.hover { background-color: #999999; }


/* =============================================================================
   common.css
   ========================================================================== */
body { width: 100%; margin: 8px 0;  }

#page { margin: 0 auto; width: 970px; padding: 1px; display: block; }

#menu{
width: 832px;
margin: 0 auto;
}


#page #barrauol .containerUOL {
    display: inline-table;
    width: 970px;
}

/*
#header { height: 75px; border-bottom: solid 1px #ffffff; border-top: solid 1px #ffffff; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-header.gif) no-repeat left bottom #00ae4d; }
#header a { text-decoration: none; text-transform: none; border: none; }
#header div { display: inline; float: left; }
#header #fullBanner { width: 480px; height: 75px; }
#header #fullBanner div { margin: 0; padding: 0; background: #ffffff; width: 468px; height: 60px; display: block; float: none; }

#led { background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-led.gif) repeat-x center; height: 30px; }
#led .timeDate { font: 11px verdana,sans-serif; color: #c5a707; padding: 0 5px; width: 200px; }
#led .countUsers { font: 11px verdana,sans-serif; color: #cccccc; text-transform: uppercase; padding: 0 10px; width: 160px; }
#led .countUsers span { font-size: 12px; }

#navBar { width: 970px; height: 36px; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-navbar.gif)  repeat-x; }
#navBar ul { margin: 0; padding: 0 0 0 10px; list-style: none; }
#navBar ul li, #navBar ul li a { margin: 0; padding: 0 2px 0 0; display: inline; float: left; line-height: 36px; height: 36px; }
#navBar ul li a.inicial { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-pag-inicial-1.gif') no-repeat top left; }
#navBar ul li a:hover.inicial img { visibility: hidden; }
#navBar ul li a.rules { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-regulamento-1.gif') no-repeat top left; }
#navBar ul li a:hover.rules img { visibility: hidden; }
#navBar ul li a.manual { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-manual-1.gif') no-repeat top left; }
#navBar ul li a:hover.manual img { visibility: hidden; }
#navBar ul li a.faq { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-perguntas-1.gif') no-repeat top left; }
#navBar ul li a:hover.faq img { visibility: hidden; }
#navBar ul li a.contact { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-faleconosco-1.gif') no-repeat top left; }
#navBar ul li a:hover.contact img { visibility: hidden; }
#navBar ul li a.learnMore { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-aprenda-mais-1.gif') no-repeat top left; }
#navBar ul li a:hover.learnMore img { visibility: hidden; }
#navBar ul li a.inviteFriends { background: transparent url('http://f.i.uol.com.br/folhainvest/furniture/2/images/aba-pag-convidar-1.gif') no-repeat top left; }
#navBar ul li a:hover.inviteFriends img { visibility: hidden; }
#navBar .loginContainer { display: block; float: right; height: 30px; padding: 0 6px 0 0; font: bold 11px arial,sans-serif; color: #585858; }
#navBar .loginContainer a { float: none; height: 30px; line-height: 30px; }
*/

a , a:hover , a:visited { color: #000000; }

#infoContainer { margin: 20px 0 30px; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-informacoes.gif) no-repeat; width: 660px; height: 260px; font: 11px arial,sans-serif; color: #5b5c5e; }
#infoContainer div { display: inline; float: left; position: relative; }
#loginButtonContainer { top: -5px; left: 93px; width: 295px; }
#infoContainer #text1 { top: 45px; left: 20px; width: 295px; }
#infoContainer #text2 { top: 60px; left: 50px; width: 295px; }
#infoContainer #text3 { top: 40px; left: 185px; width: 148px; }
#infoContainer #text4 { top: 105px; left: 240px; width: 180px; }
#infoContainer a { color: #4f7898; text-decoration: none; }
#infoContainer a:hover { text-decoration: underline; }

#tickerFrame { width: 660px; height: 30px; z-index: 3; margin: 0; padding: 0; }

#contentTable { margin: 20px 0 0; width: 660px; font: 11px arial,sans-serif; padding: 0 0 15px; border-bottom: solid 1px #efefef; }
#contentTable .middleColumn { width: 10px; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-content_table.gif) center center no-repeat; }
#contentTable tr td { vertical-align: top; }
#contentTable div { margin-bottom: 15px; padding: 0 10px 0 20px; width: 300px }
#contentTable p.kicker { color: #7497b3; font-size: 10px; margin: 0; }
#contentTable p.title { color: #575958; font-weight: bold; margin: 0; }
#contentTable p.title a { color: #575958; }
#contentTable p.text { color: #5c5c5c; font-size: 11px; margin: 0; }
#contentTable a { color: #4f7898; text-decoration: none; }
#contentTable a:hover { text-decoration: underline; }

#quotesContainer { width: 300px; margin: 8px 0; }

#userInfo { background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-user_info.gif) top no-repeat; width: 260px; padding: 20px 20px 10px; margin: 10px 0 20px; font: 12px arial,sans-serif; min-height: 150px; }
#userInfo h2 { margin: 0; font: bold 13px arial,sans-serif; color: #58595b; }
#userInfo p { margin: 12px 0 0; font: 11px arial,sans-serif; color: #58595b; }
#userInfo form { margin: 5px; font: 9px arial,sans-serif; }
#userInfo form input { font: 10px arial,sans-serif; }
#userInfo form input.checkBox { width: 9px; vertical-align: bottom; }
#userInfo form input.submit { margin: 0 10px; }
#userInfo a { color: #000000; text-decoration: none; }

#monthNavegation { text-align: center !important; width: 645px !important; font: bold 9px arial,sans-serif; background: #ededed; margin: 20px 0; line-height: 25px !important; }
#monthNavegation select , #monthNavegation select option { font: bold 9px arial,sans-serif; }
#monthNavegation select { margin: 0 5px; }
#monthNavegation input { border: solid 1px #000000; font: bold 9px arial,sans-serif; }

.bannerContainer { margin: 10px 0; width: 645px; background: url(http://f.i.uol.com.br/folhainvest/furniture/images/bkg-banner.gif) repeat-x }
.bannerContainer img { margin-left: 20px; }
.bannerContainer img.bannerButton { position: relative; bottom: 10px; }

#transaction td { text-align: left; }
#transaction th { text-align: left; padding: 0 !important; }
#transaction th p { border-top: solid 1px #d9e1ec; margin: 0; padding: 4px 8px 6px; font: bold 13px arial,sans-serif; color: #3365a8; }
#transaction td.spacer { width: 10px !important; padding: 0; }

#content #acaoCotacoes { padding: 5px 10px; width: 145px; background: #f7f7f7; border: solid 1px #d9e2e9; border-top-width: 2px; }
#content #acaoCotacoes p { margin: 2px 0 10px; padding: 0; line-height: 14px !important; font: bold 10px verdana,sans-serif; color: #555756; }
#content #acaoCotacoes p span { margin: 0; font: 11px arial,sans-serif; }
#content #acaoCotacoes select { border: solid 1px #afcbfb; margin-left: 5px; }
#content #acaoCotacoes select , #content #acaoCotacoes option { font: 11px arial,sans-serif; }
#content #acaoCotacoes .formTable tr td#suasInfo { padding-top: 15px; }

#content #acaoOrdem { width: 475px; padding: 10px 0; margin: 0; border: solid 1px #d9e2e9; border-top-width: 2px; }
#content #acaoOrdem p { margin: 0 10px; border-bottom: solid 1px #d9e2e9; padding: 10px 0; font: 10px verdana,sans-serif; }
#content #acaoOrdem table { margin: 0 10px; border-bottom: solid 1px #d9e2e9; }
#content #acaoOrdem td { padding: 0 0 10px; font: 10px verdana,sans-serif; }
#content #acaoOrdem tr:first-child td { padding: 10px 0 0; }
#content #acaoOrdem b { font: bold 10px verdana,sans-serif; color: #595959; }
#content #acaoOrdem input[type="text"] { font: 10px verdana,sans-serif; border: solid 1px #829cb7; }
#content #acaoOrdem span.tip { font: 9px verdana,sans-serif; margin-left: 5px; }
#content #acaoOrdem center { margin: 10px 0 0; width: 100%; }
#content #acaoOrdem .right { text-align: right; }

#content #acaoOrdem .formTable tr td { padding: 1px 0 5px 5px; }

#content #acaoOrdem .formTable tr td.label  { width: 140px; }
#content #acaoOrdem .formTable div.ajuda { position:relative; margin: -5px 0 5px 0; font: 10px arial; }

#content .formContainer { width: 650px; padding: 10px 0; margin: 0; border: solid 1px #d9e2e9; border-top-width: 2px; }
#content .formContainer p { margin: 0 10px; padding: 10px 0; font: 11px arial,sans-serif; }
#content .formContainer table { margin: 0 10px; }
#content .formContainer td { padding: 0 0 10px; font: 11px arial,sans-serif; vertical-align: top; }
#content .formContainer tr.withHint td { padding: 0; }
#content .formContainer tr.withHint td.label { padding-right: 10px; }
#content .formContainer tr.hint td { font-style: italic; }
#content .formContainer th { padding: 5px 0 10px; text-align: left; }
#content .formContainer b { font: bold 11px arial,sans-serif; color: #595959; }
#content .formContainer input[type="text"] , #content .formContainer input[type="password"] , #content .formContainer select , #content .formContainer option , #content .formContainer label { font: 11px arial,sans-serif; }
#content .formContainer input[type="text"] , #content .formContainer input[type="password"] { border: solid 1px #829cb7; }
#content .formContainer select { border: solid 1px #afcbfb; }
#content .formContainer select { width: 200px; }
#content .formContainer span.tip { font: 10px arial,sans-serif; }
#content .formContainer center { margin: 10px 0 0; width: 100%; }
#content .formContainer .label { font: bold 11px arial,sans-serif; text-align: right; padding-right: 10px; }

#content { width: 660px; min-height: 400px; clear: both; padding-bottom: 20px; }
#content h1 { margin: 10px 0; font: 21px arial,sans-serif; color: #575958; }
#content h1 span#Titulo { font: bold 20px arial,"arial black",sans-serif; color: #339933; margin-left:0 }
#content h1 span#subTitulo { font: bold 16px arial,"arial black",sans-serif; color: #339933; margin-left:0}
#content h2 { font: bold 10px arial,sans-serif; margin: 15px 0 5px; }
#content h2 span#subTitulo { font: bold 18px arial,"arial black",sans-serif; color: #339933; border-bottom: solid 1px #339933; white-space: nowrap; }
#content h3 { width: 645px; margin: 0 10px; font: bold 17px arial,sans-serif; }
#content h3 a { color: #000000; }
#content h3 a span.titleButton { display: block; font: 10px arial,sans-serif; color: #000000; text-decoration: none; border: solid 1px #000000; background: #eceffe; padding: 2px 5px; float: left; margin: 0 5px }
#content h4 { font: bold 12px arial,sans-serif; text-align: center; margin: 5px ; }
#content p { font: 11px arial,sans-serif; margin: 20px 0px; }
#content p.porfolio { float: left; margin: 0 5px 3px 0; width: 49%; }
#content p.adviseLabel { font: bold 11px arial,sans-serif; color: #ff0000; margin: 10px 0; text-align: center; width: 635px; }
#content p.advise { margin: 10px 0; text-align: center; font: 11px arial,sans-serif; width: 635px; }
#content p.greenBold { font: bold 14px arial,sans-serif; color:#006647 }
#content center { text-align: center; width: 635px; }
#content dl dd { margin-bottom: 10px; font: 12px arial,sans-serif; }
#content input[type=radio].checkboxElement { margin-top: -4px; }

table.dados { width: 450px; margin-top:5px; }
table.dados tr td { font: 12px arial,sans-serif; }
table.dados tr.a td { background: #eff7ef; }
table.dados tr th { border: solid 1px #ffffff; background: #99cc99; font: bold 13px arial,sans-serif; padding: 0 4px; height: 20px; }

#content .fiTable { border-collapse: collapse; margin: 0 0 20px; clear: both; }
#content .fiTable td { text-align: left; font: 11px arial,sans-serif; border: solid 1px #ffffff; background: #f1f2f4; color: #57585a; padding: 2px 5px; }
#content .fiTable th { text-align: center; font: 11px arial,sans-serif; border: solid 1px #ffffff; background: #00ae4d; color: #ffffff; padding: 3px 5px; }
#content .fiTable tr.a td { background: #ffffff; }
#content .fiTable tr.b td { background: #efefef; }
#content .fiTable tr.c td { background: #dcf4de; }
#content .fiTable tr td.right { text-align: right; }
#content .fiTable tr td.center { text-align: center; }
#content .fiTable .compra a , #content .fiTable .venda a { text-decoration: none; }
#content .fiTable a:visited { color: #57585a; }
#content .fiTable th a , #content .fiTable th a:visited { color: #ffffff; }
#content .fiTable a:hover { text-decoration: underline; }
#content .fiTable td.red { color: #ff0000; }

#content .logTable { border-collapse: collapse; margin: 0 0 10px; }
#content .logTable td { text-align: left; font: 11px arial,sans-serif; border: solid 1px #ffffff; background: #ffffff; color: #57585a; padding: 2px 5px; }
#content .logTable th { text-align: center; font: 11px arial,sans-serif; border: solid 1px #ffffff; background: #00ae4d; color: #ffffff; padding: 3px 5px; height: 40px; }
#content .logTable td.sub { text-align: left; font: 11px arial,sans-serif; border:none; background: #00ae4d; color: #ffffff;  }
#content .logTable td.sub span { border: solid 1px #ffffff; }
#content .logTable tr.a td { background: #ffffff; }
#content .logTable tr.a td.markerContainer { border-bottom: 1px solid #efefef !important; }
#content .logTable tr.b td { background: #efefef; }
#content .logTable tr.b td.markerContainer { background: #ffffff !important; border-bottom: 1px solid #efefef !important; }
#content .logTable tr.b td.markerContainer table.marker tr td { background: #ffffff !important; }
#content .logTable tr.c td { background: #dcf4de; }
#content .logTable tr td.right { text-align: right; }
#content .logTable tr td.center { text-align: center; }
#content .logTable .compra a , #content .fiTable .venda a { text-decoration: none; }
#content .fiTable .venda { color: #cccccc; }
#content .logTable a:visited { color: #57585a; }
#content .logTable a:hover { text-decoration: underline; }
#content .logTable td.red { color: #ff0000; }

#content .log { background: #f7f7f7; border: solid 1px #d9e2e9; border-top-width: 2px; padding: 15px 10px; font-family: arial,sans-serif; }
#content .logMenu { font: 12px arial,sans-serif; margin: 0 0 10px; }
#content .log #logContent { width: 620px; margin: 20px 0; }
#content .log #logContent th { font: bold 14px arial,sans-serif; color: #3365a8; padding: 0 0 10px; }
#content .log #logContent td { padding: 0 10px; text-align: right; font: 12px arial,sans-serif; }
#content .log #logContent td:first-child { text-align: left; }
#content .logTable td.markerContainer { padding: 0 0 0 10px; background:#ffffff; }
#content .logTotal { font: 11px arial,sans-serif; }
#content .logTotal tr.c td { background: #dcf4de; }

#content .logTable .marker { line-height: 5px; margin: 0; height: 5px; font: 11px arial; }
#content .logTable .marker tr td { padding: 0 !important; border:none; }
#content .logTable .marker tr td div { line-height: 5px; width: 100%; height: 5px; font: 2px arial,sans-serif; padding: 0; }

#content .fiMenu { border-collapse: collapse; margin: 0; }
#content .fiMenu td { text-align: left; font: 11px arial,sans-serif; color: #57585a; padding: 2px 5px; }
#content .fiMenu th { text-align: left; font: bold 13px arial,sans-serif; padding: 3px 10px; }

#content .buttonsContainer { margin: 0; text-align: center; }
#content td.buttonsContainer { text-align: right; padding: 2px 10px; }
#content .buttonsContainer input[type="image"] , #content .buttonsContainer input[type="button"] , #content .buttonsContainer input[type="submit"] , #content .buttonsContainer input[type="cancel"] { border: none; }

#content .faq { margin: 0 10px 30px; clear: both; }
#content .faq p.leadKicker { color: #6699cc; font: bold 11px arial,sans-serif; text-transform: uppercase; }
#content .faq p.leadTitle a { color: #000066; font: bold 14px arial,sans-serif; text-decoration: none; line-height: 17px; }
#content .faq p.leadText { color: #000000; font: 12px arial,sans-serif; margin-top: 5px; line-height: 17px; }
#content .faq ul { margin: 0 10px 0 20px; padding: 0; }
#content .faq ul li { margin: 0 20px 0 5px; padding: 0; list-style: disc url(http://f.i.uol.com.br/folha/images/bullet.gif); line-height: 14px; }
#content .faq ul li a { font: 11px arial,sans-serif; text-decoration: none; vertical-align: middle; color: #000066; }

#content .log { background: #f7f7f7; border: solid 1px #d9e2e9; border-top-width: 2px; padding: 15px 10px; font-family: arial,sans-serif; }
#content .logMenu { font: 12px arial,sans-serif; margin: 0 0 10px; }
#content .log #logContent { width: 620px; margin: 20px 0; }
#content .log #logContent th { font: bold 14px arial,sans-serif; color: #3365a8; padding: 0 0 10px; }
#content .log #logContent td { padding: 0 10px; text-align: right; font: 12px arial,sans-serif; }
#content .log #logContent td:first-child { text-align: left; }
#content .log #logContent td.markerContainer { padding: 0; }
#content .logTotal { font: 11px arial,sans-serif; }

#logContent .marker { line-height: 5px; margin: 0; height: 5px; font: 10px arial; }
#logContent .marker tr td { padding: 0 !important; }
#logContent .marker tr td div { line-height: 5px; width: 100%; height: 5px; font: 2px arial,sans-serif; padding: 0; }

#content .messages { border: solid 1px #006647; padding: 15px 0; }
#content div.comments { border: solid 1px #339933; background-color:#eff7ef; margin:10px 0 10px 0px; padding:10px; color:#006647; font: 12px arial,sans-serif; width:622px; }

#content .stocks tr td { font: 11px arial,sans-serif !important; }

#content .graphicDisplay { color: #000000; font: 12px arial,sans-serif; float: left; width: 309px; margin-right: 25px; text-align: center; }
#content .graphicDisplay p.chapeu { background: #d5e8d5; margin:10px 0; padding:3px 0 1px 10px; text-align: left; }
#content .graphicDisplay h1 img { margin: 0; }

#content .newsDisplay { color: #000000; font: 12px arial,sans-serif; width: 309px;}
#content .newsDisplay p.chapeu { background: #d5e8d5; margin:10px 0; padding:3px 0 1px 10px; }
#content .newsDisplay p.leadTitle , #content .newsDisplay p.mainLeadTitle { margin-bottom: 15px; }

.grupoInfo { border: solid 1px #339933; background-color:#eff7ef; padding:10px }
.grupoInfo table{ border: solid 0 #339933; background-color:#eff7ef; width: 630px; margin: -10px 0 0; }
.grupoInfo tr td { font: 11px arial,sans-serif !important; padding: 0 5px; height: 10px; text-align: left; }

#portfolioControls { padding: 1px 0 0 0; margin: 0; }
#portfolioControls li { display: block; float: right; padding-top: 2px;}
#portfolioControls li a { display: block; padding: 3px 5px; margin-left: 5px; font-family: arial, sans-serif; font-size: 11px; }
#portfolioControls li.tab { float: left; }
#portfolioControls li.tab a { background-color: #ebebeb; color: #666666; font-weight: 700; padding: 3px 10px; margin: 0 2px 0 1px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; text-decoration: none;}
#portfolioControls li.tab a.current { background-color: #00AE4D; color: #ffffff; font-size: 14px; margin-top: -2px; }

.portifolioDetails tr td { text-align: left; font: 11px arial,sans-serif; padding: 0; margin: 0 0 10px; }
.portifolioDetails tr td span.greenBold { color:#257e21; font: bold 11px arial,sans-serif !important; margin:0 !important  }
.portifolioDetails tr td span.greenBoldBig { color:#257e21; font: bold 13px arial,sans-serif !important; margin:0 !important  }
.portifolioDetails tr td div.simpleHr { background-color:#99cc99; width:557px; height:5px; position: relative; top:-9px; left:80px }

#grupoPaginacao tr td { padding: 0 !important; text-align: center; background: #eff7ef; border-collapse: collapse; border: solid 1px #339933; font: bold 13px arial !important; color:#006647 }
#grupoPaginacao tr td .dropContainer { text-align: left !important; margin: 0; padding: 0; }
#grupoPaginacao tr td .hidden { display: none; position: absolute; font-weight: bold; text-decoration: none; color: #000000; margin: 0 0 0 -1px; border: solid 1px #aaddaa; }
#grupoPaginacao tr td .hidden div { position: relative; top: 0; left: 0; background: #ffffff; text-align: left; padding-left: 10px !important; width: 151px; }
#grupoPaginacao a { font-weight: bold; text-decoration: none; color: #006647; }

#rankingNavegation { margin: 20px 0 20px 20px; }
#rankingNavegation tr td { text-align: left; vertical-align: bottom; }
#rankingNavegation tr td input { border: solid 1px #000000; }
#rankingNavegation tr td img { margin: 0 5px; }

.message { width: 630px; padding: 10px; margin-bottom: 10px !important; font: 12px arial,sans-serif; }
.message h2 { font: bold 14px arial,sans-serif !important; margin: 10px 0 5px !important; }
.message p { margin: 0 !important; }
.info { border: 1px solid #99cc99; background: #e2f9e3; color: #006647; }
.warning { border: 1px solid #ffcc99; background: #ffff99; color: #000000; }
.error { border: 1px solid #cc9999; background: #cc0000; color: #eef2ff; font-weight: bold !important; }

#lastUpdate { color: #cc3300; font: bold 11px arial,sans-serif !important; margin-top: 15px !important; }

.runningOperations { margin: 5px 0; }
.runningOperations tr td { text-align: left; padding: 0 10px; font: 11px arial,sans-serif; }
.runningOperations tr.specialLine td { font: bold 11px arial,sans-serif !important; }
.runningOperations tr.a td { background: #eff7ef; }

span.color { border: solid 1px #000000; width: 11px; height: 11px; margin: 0 5px; padding: 0; float: left; display: inline; }
.yellowBox { background: #efcc00; }
.greenBox { background: #028002; }
.darkGreenBox { background: #036500; }
.lightGreenBox { background: #349a34; }
.grayBox { background: #b1c4d6; }
.darkBlueBox { background: #4175a4; }

#comprar { max-height:300px; }

.ajuda { margin:0 !important; text-align: right; float: right; padding-top:5px; font: 10px arial; }
.blacklist { float: right ; font: 10px arial ; margin: 0 8px 0 0 ; padding-top: 5px ; }

#helper_window,
#help { position:absolute; border:1px solid #339933; left:50%; top:50%; background:#eeeeee; margin:0 auto; z-index: 10010; }
#helper_window { visibility: hidden; }
#helper_window .text_window { width: 260px; }
#helper_window p,
#help p { margin:0; padding:10px; z-index: 10010; width: 278px; background: #eeeeee; text-align: left; font: 11px arial; }
#helper_window p { display: none; }
#helper_window .title_window,
#help #title { width:288px; height:20px; padding: 2px 0 0 10px; background: #00ae4d; font: 14px arial; color:#ffffff; }
#helper_window .title_window a {  font: 14px arial; color:#ffffff; text-decoration: none; }
#help p #aviso { margin:0; font: 10px arial; }
#manual span.titulo { font: bold 16px arial,"arial black",sans-serif; color: #339933; margin: 10px 0; }
#manual p {  padding-left:15px; text-align: left; font: 12px arial; margin: 5px 0; }

.createGroup tr td input.text , .createGroup tr td textarea { width: 450px; margin: 2px 0; }

.button { margin: 10px 0; clear: both; }
.button tr td { font: 13px arial; background-color:#eff7ef; line-height:30px; padding: 0 10px; }
.button input[type=text] , .button select { border: solid 1px #afcbfb; }
.button input[type=text] , .button select , .button option , button { font: 11px arial,sans-serif; }

#formObs { margin: 10px 0; }
#formObs span { text-decoration: underline; font-weight: bold; text-transform: uppercase; }
#formObs tr td { text-align: left; width: 50%; padding: 2px 10px; vertical-align: top; }
#formObs strong { font-size: 10px; margin-left: 10px; text-transform: uppercase; }

#formDetails { margin: 10px 0; }
#formDetails tr td { text-align: left; padding: 2px 10px; vertical-align: top; }
#formDetails tr.a td { background: #f2f2f2; }
#formDetails tr th { border-bottom: solid 1px #f1f3f2; text-align: left; font-weight: bold; }
#formDetails tr th.master { background: #f1f3f2; }

#toolbox { width: 660px; margin: 10px 0 0; padding: 0 0 9px; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/bkg-menu.gif) center bottom no-repeat; }
#toolbox td { width: 218px; height: 20px; background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/btn-menu-1.gif) no-repeat; font: 11px arial,sans-serif; text-align: center; cursor: pointer; }
#toolbox td.selected { background: url(http://f.i.uol.com.br/folhainvest/furniture/2/images/btn-menu-2.gif) no-repeat; }
#toolbox td a { text-decoration: none; }
#toolbox td:hover a , #toolbox td a:hover { text-decoration: underline; }

/* Ads */
#ads { margin-top: 20px; font: 9px arial,sans-serif; border-collapse: collapse; clear: both; }
#ads td.mid { border-left: solid 1px #cfcfcf; border-right: solid 1px #cfcfcf; }
#ads td { padding: 0 1px; vertical-align: middle; }
#ads td img{ padding: 0; }
#ads tr:first-child td { color: #a1a1a1; }
.ad-300x100 { height: 100px; margin: 10px 0; width: 300px; }

#ad-300x100 { clear: both; display: block; height: 100px; margin: 10px 0; width: 300px; }
#ad-300x250-2 { clear: both; display: block; height: 250px; margin: 10px 0; width: 300px; }

#groupCreate tr td { text-align: left !important; padding: 2px 5px; width: 50%; }
#groupCreate tr td input , #groupCreate tr td textarea { border: solid 1px #339933; width: 200px; }
#groupCreate tr td:first-child { text-align: right !important; }

#rodape { font: 10px arial,sans-serif; border-top: solid 1px #cfcfcf; margin: 10px 0 0; text-align: center; width: 970px; padding-top: 5px; clear: both; }

#simulator { background: #f0f0f0; padding: 10px 5px; margin: 30px 0 0; }

#mainContainer { display: inline; float: left; width: 660px; }

#rightBanner { display: inline; float: right; position: relative; margin-top: 0; top: 0;/*top: -38px;*/ }
#rightBanner div.blockAds {text-align:right;  }
#rightBanner .bannerLabel { display: none; }
#rightBanner #loginButton { margin: 8px 0 0 0; padding-left: 60px; }
#rightBanner.login { top: -10px; }
#rightBanner p.adLabel { font: 10px arial,helvetica,sans-serif; text-transform: uppercase; text-align: right; padding: 1px 0;  margin: 0;}

#content form p.cancelContainer { text-align: right; padding: 10px; }
#content form p.tableTitle { font: bold 13px arial,sans-serif; text-align: center; padding-top:10px; margin: 10px 0 0; }
#content p.resume { font: bold 11px arial,sans-serif; margin: 0 5px 20px; }

div.boxSection div.highlight { margin: 0 0 6px 0; padding: 0; font: 10px arial, sans-serif; }
div.boxSection div.highlight p.highlightKicker { margin: 0 !important; font: bold 11px arial,sans-serif !important; text-transform: uppercase; color: #6699cc; }
div.boxSection div.highlight p.highlightLinks { margin: 0 !important; }
div.boxSection div.highlight p.highlightLinks a { font: bold 12px arial, sans-serif; text-decoration: none; color: #000066; }
div.boxSection div.mainHighlight { margin-top: 5px; }
div.boxSection div.mainHighlight a { font: bold 12px arial,sans-serif; }
div.boxSection div.mainHighlight img { margin-right: 10px; }

#iframe { height: auto; }

div.blockAds p.adsKicker { font: 10px arial, sans-serif; text-transform: uppercase; text-align: right; margin: 20px 0 0; }

a:hover { text-decoration: underline !important; }

p.adsKicker { font: 700 10px/12px arial,sans-serif; text-align: right; margin: 20px 0 0; }
#contextualAds { width: 300px; margin: 0px; padding: 0; }
#contextualAdsArticle { float: right; margin: 20px 0 0; width: 280px; }
div.contextualAds, div.contextualAdsArticle, div.contextualAdsContent { background: #ffffff; border: 1px solid #eeeeee; font: 12px arial; color: #000000; padding: 8px 8px 0; margin: 0; }
div.contextualAds a, div.contextualAdsArticle a, div.contextualAdsContent a {font: bold 12px verdana; color: #000066; margin-bottom: 2px; text-decoration: none; }
div.contextualAds p, div.contextualAdsArticle p, div.contextualAdsContent p {font: 12px arial,sans-serif; padding: 0; margin: 0 0 5px 0; line-height: 130%; }
div.contextualAds span, div.contextualAdsArticle span, div.contextualAdsContent span {font: 11px arial; color: #000066; }

#contextualAdsContent { margin-bottom: -20px; height: 14px; }
#contextualAdsContent * { display: none; }
#contextualAdsContent div.contextualAdsContent { border: none; padding: 0; }
#contextualAdsContent div.contextualAdsContent p {font: 12px arial,sans-serif !important; padding: 0 !important; margin: 0 !important; line-height: 100% !important; }
#contextualAdsContent div.contextualAdsContent a { font: 11px arial,sans-serif !important; }
#contextualAdsContent p.adsKicker { margin: 20px 0 0 0; font: 700 10px/12px arial,sans-serif; text-align: right; }


/* Invite Friends */

.inviteFriends input { font:400 12px/14px arial, sans-serif !important; }
.inviteFriends label { display: block; }
.inviteFriends ul { margin: 0; padding: 0 0 0 10%; width: 80%; list-style: none; }
.inviteFriends ul li { width: 100%; float: left; clear: both; margin: 0 0 10px 0; padding: 0; }
.inviteFriends ul li div { float: left; clear: none; margin: 0 0 0 10px; }
* html .inviteFriends ul li div { float: left; clear: none; margin: 0 0 0 9px; }
.inviteFriends ul li div.count { width: 24px; text-align: center; background-color: #f5f5f5; color: #999999; font:700 14px/14px arial, sans-serif !important; margin: 10px 0 0 0; padding: 5px 0; -webkit-border-radius: 12px; -moz-border-radius: 12px;}
.inviteFriends ul li div.name input { width: 197px; }
.inviteFriends ul li div.mail input { width: 197px; }
.inviteFriends ul li div.button { padding-top: 10px; }
.inviteFriends .msg { margin-top: 20px; width: 510px; padding-left: 67px; }
.inviteFriends .msg textarea { font:400 12px/14px arial, sans-serif; width: 510px;  }
.inviteFriends .sendCleanButton { text-align: center; margin: 10px 0 0 0; }
.inviteFriends .sendCleanButton input { margin: 0 5px; }


/* =============================================================================
   inline
   ========================================================================== */
#mainContainer .access{position:absolute;width:140px;height:30px;clear:both;text-align:center;text-decoration:none;background-color:#0fb14e;}
#mainContainer #content #learnMore .access{position:absolute;bottom:3px;right:2px;width:137px;height:27px;clear:both;background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/btn-folhainvest-acessar-137x27.gif") 0 0 no-repeat;text-align:center;text-decoration:none;text-indent:-9999px;border:0 none;}

#mainContainer #content #learnMore{float:left;width:640px;border:0 none;}
#mainContainer #content #learnMore span.titulo{position:relative;display:block;margin:10px 0;color:#1C4289;font:bold 15px arial,"Arial black",sans-serif;}
#mainContainer #content #learnMore p{margin-top:5px;font-size:12px;color:#222222;line-height:18px;}
#mainContainer #content #learnMore div.column{width:305px;margin:5px 0 0;border:0 none;}

#mainContainer #content #learnMore div.column.left,
#mainContainer #content #learnMore div.column.right,
#mainContainer #content #learnMore div.column .invest,
#mainContainer #content #learnMore div.column .free_courses,
#mainContainer #content #learnMore div.column .member,
#mainContainer #content #learnMore div.column .video,
#mainContainer #content #learnMore div.column .radio{position:relative;float:left;}

#mainContainer #content #learnMore div.column.right{float:right;}

#mainContainer #content #learnMore div.column .invest{width:305px;height:185px;margin:0 0 20px;background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/bg-folhainvest-investir_na_bolsa-305x180.gif") 0 0 no-repeat;}
#mainContainer #content #learnMore div.column .invest span.titulo{display:none;}

#mainContainer #content #learnMore div.column .free_courses{width:305px;height:120px;margin:0 0 20px;}
#mainContainer #content #learnMore div.column .free_courses .courses{position:relative;display:block;width:300px;height:40px;background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/bg-folhainvest-cursos_gratuitos-300x38.gif") 0 0 no-repeat;}

#mainContainer #content #learnMore div.column .free_courses .courses span,
#mainContainer #content #learnMore div.column .free_courses .courses a{position:absolute;}

#mainContainer #content #learnMore div.column .free_courses .courses span{top:10px;left:25px;font-family:Arial;font-size: 12px;color: #000000;}
#mainContainer #content #learnMore div.column .free_courses .courses a.more{top:4px;right:7px;width:87px;height:27px;text-indent:-9999px;}

#mainContainer #content #learnMore div.column .member{width:305px;height:190px;margin:0 0 20px;}
#mainContainer #content #learnMore div.column .member img{position:absolute;left:0;clear:both;}
#mainContainer #content #learnMore div.column .member div.info{position:absolute;right:2px;width:175px;height:98px;padding:8px 10px;clear:both;background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/bg-folhainvest-socio-196x115.gif") 0 0 no-repeat;background-color:#FFFFFF;border:0 none;}
#mainContainer #content #learnMore div.column .member div.info p{margin:0;padding:0;line-height:17px;}

#mainContainer #content #learnMore div.column .video{width:305px;height:400px;margin:0 0 20px;}
#mainContainer #content #learnMore div.column .video .featured-video { margin: 0; padding: 0; }

#mainContainer #content #learnMore div.column .video .featured-video img {display: block; width: 287px; height: 172px; padding: 2px; border: 1px solid #d8e2eb; }
#mainContainer #content #learnMore div.column .video .featured-video a.play{ position: absolute; left: 0; width: 71px; height: 70px;  margin: 44px 0 0 110px; background: url("http://f.i.uol.com.br/folhainvest/furniture/images/icn-feautred-video-play_button.png") no-repeat 0 0; text-decoration: none !important; cursor: pointer; }
#mainContainer #content #learnMore div.column .video .thumbnails { display: block; margin: 8px 0 3px 0; }
#mainContainer #content #learnMore div.column .video .thumbnails img { display: inline; width: 88px; height: 51px; border: 1px solid #c2c2c2; margin-right: 8px; padding: 0; cursor: pointer; }
#mainContainer #content #learnMore div.column .video .thumbnails .last { margin-right: 0; }
#mainContainer #content #learnMore div.column .video .description { display: block; border: 1px solid #d8e2eb; padding: 15px 19px; background: #fcfefb; font: 12px Arial, sans-serif; }
#mainContainer #content #learnMore div.column .video .description p{ margin: 8px 0 0 0; padding: 0; line-height: 15px; }

#mainContainer #content #learnMore div.column .radio{width:305px;height:auto;margin:0 0 20px;}
#mainContainer #content #learnMore div.column .radio a{position:relative;display:block;width:300px;height:70px;margin:0 0 5px;border:0 none;}
#mainContainer #content #learnMore div.column .radio a.radio_challenge{background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/bg-folhainvest-investir_desafio_radio-300x70.gif") 0 0 no-repeat;}
#mainContainer #content #learnMore div.column .radio a.radio_woman{background:url("http://f.i.uol.com.br/folhainvest/furniture/2/images/bg-folhainvest-investir_radio_mulheres_em_acao-300x70.gif") 0 0 no-repeat;}


/* =============================================================================
   2014
   ========================================================================== */

#tickerFrame { margin-bottom: 10px; }
#toolbox { margin-bottom: 15px; }

/* ads */
.advertising { background: #efefef; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; padding-bottom: 12px; width: 300px; }
.advertising .label { background: #fff; color: #ccc; display: block; font-size: 10px; line-height: 1.5; text-align: right; text-transform: uppercase; }
.ad-228x94 { float: left; height: 94px; margin: 0 20px; width: 228px; }
.ad-300x100 { height: 100px; }
.ad-300x1050 { height: 1050px; width: 300px; }
.ad-300x250 { height: 250px; }
.ad-300x40 { height: 40px; }
.ad-300x600 { height: 600px; }
.ad-615x250 { height: 250px; width: 615px; }
.ad-728x90 { height: 90px; width: 728px; }
#ad-300x600-2 { margin: 15px 0 0; }

#ads-top { height: 110px; }

#ad-728x90-1 { float: left; }
#ad-220x90-1 { float: right; width: 220px; height: 90px; }

/* header */
#header { display: block; }
#fol-bar { height: 45px; }

/* logo */
#logo { margin: 0; }
#logo .sprite { background-image: url('http://f.i.uol.com.br/folhainvest/images/topo-simulador-970x76.jpg'); display: block; height: 76px; text-indent: -8000px; outline: none; width: 970px; }

/* menu */
.nav { height: 20px; margin: 0 0 5px; padding: 5px; }
.nav .nav-item { border-left: solid 1px #360; float: left; list-style-type: none; }
.nav .nav-item.alpha { border: none; }
.nav a { color: #360; font: bold 14px/16px Arial, Helvetica, Sans-serif; padding: 0 9px 0 8px; text-decoration: none; text-transform: uppercase; }

/* facebook like box */
.social.facebook { border: solid 1px #ccc; height: 70px; margin: 10px 0; width: 300px; }

/* =============================================================================
   2014: home
   ========================================================================== */
.box:before, .box:after { content: '\0020'; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }
.box:after { clear: both; }
.lt-ie8 .box { zoom: 1; }

.clearfix { clear: both; }

@font-face {
    font-family: 'folhaii';
    src: url('http://static.folha.uol.com.br/fonts/folhaii/folhaii-regular-webfont.eot');
    src: url('http://static.folha.uol.com.br/fonts/folhaii/folhaii-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.folha.uol.com.br/fonts/folhaii/folhaii-regular-webfont.woff') format('woff'),
         url('http://static.folha.uol.com.br/fonts/folhaii/folhaii-regular-webfont.ttf') format('truetype'),
         url('http://static.folha.uol.com.br/fonts/folhaii/folhaii-regular-webfont.svg#folhaii-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'metaserifpro';
    src: url('http://static.folha.uol.com.br/fonts/metaserifpro/metaserifpro-bold.eot');
    src: url('http://static.folha.uol.com.br/fonts/metaserifpro/metaserifpro-bold.eot?#iefix') format('embedded-opentype'),
         url('http://static.folha.uol.com.br/fonts/metaserifpro/metaserifpro-bold.woff') format('woff'),
         url('http://static.folha.uol.com.br/fonts/metaserifpro/metaserifpro-bold.ttf') format('truetype'),
         url('http://static.folha.uol.com.br/fonts/metaserifpro/metaserifpro-bold.svg#folhaii-regularregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

#cover { max-width: 970px; margin-bottom: 15px;}
#cover img { height: 142px; width: 970px; }

.home .main-header { margin-bottom: 15px; }
.home .caption { font: normal 56px/58px 'folhaii', serif; margin: 0 0 10px 0; text-transform: uppercase; }
.home .caption .bold { color: #360; font-weight: bold;}
.home .button { background-color: #360; color: #fff; font: bold 14px/16px Arial, Verdana, Sans-serif; padding: 5px 15px; text-transform: uppercase; }
.home .button:hover { text-decoration: none; }
.home .sidenote { font-size: 10px; line-height: 12px; margin: 0; }

.home .box { font: normal 12px/14px Arial, Helvetica, Sans-serif; position: relative; margin-bottom: 20px; }
.home .box .title { color: #360; font: bold 28px/32px 'metaserifpro', serif; margin: 10px 0 5px; text-transform: lowercase; }
.home .box .title.with-border { border-bottom: solid 3px #360; padding-bottom: 2px; margin-bottom: 0; }
.home .box .item { padding-bottom: 10px; }
.home .box .item a { color: #006; text-decoration: none; }
.home .box .item a:visited { color: #666; }
.home .box .item img { border: 0; display: block; margin: 0 0 5px; }
.home .box .item .left { float: left; margin: 0 15px 5px 0; }
.home .box .item .kicker { color: #676767; display: block; font-weight: bold; margin: 0; padding: 2px 0 0; text-transform: uppercase; }
.home .box .item .headline { font: bold 16px/18px Tahoma, Helvetica, Sans-serif; margin: 3px 0 5px; text-transform: none; }
.home .box .item ul.links { list-style: square inside none; margin: 0; padding: 0; }
.home .about p { margin: 5px 0; }
.home #main p { font: normal 14px/20px Arial, Helvetica, Sans-serif; }

.home .button { clear: none; margin: 0; }
.home .column { width: 300px; }
.home .left { float: left; }
.home .right { float: right; }
.home .column.right { margin-right: 20px; }

.home .logged-out { height: 40px; }
.home .logged-out a { text-decoration: none; }

.home .ranking .ranking-list { border: solid 1px #ccc; }
.home .ranking .ranking-list-title { border-bottom: solid 1px #ccc; color: #360; font: bold 12px/14px Arial, Helvetica, Sans-serif; padding: 5px; text-align: center; }
.home .ranking-name,
.home .ranking-value { border-left: solid 1px #ccc; }
.home .ranking .ranking-list-footer { border-top: solid 1px #ccc; }
.home .ranking .ranking-list-item { color: #000; font: normal 12px/14px Arial, Helvetica, Sans-serif; padding: 3px; text-align: center; }
.home .ranking .ranking-list-item.ranking-name { text-align: left; }
.home .ranking .more { display: block; font: bold 14px/16px Arial, Helvetica, Sans-serif; padding: 4px; text-align: center; text-decoration: none; text-transform: uppercase; }

.home .news { width: 640px; }
.home .news .title { margin: 0; }
.home .news .list { margin: 10px -20px 0; padding: 0; overflow: hidden; }
.home .news li { list-style: none; }
.home .news h3 { font-size: 14px; margin: 0; }
.home .news { font: normal 14px/16px Tahoma, Helvetica, Sans-serif; }
.home .news .item { float: left; margin: 0 20px; width: 300px; }
.home .news .item p { margin: 5px 0 20px; }
.home #main .news .item p { font-size: 12px; line-height: 14px; }
.home #main .news .item .read-more { display: inline; margin-left: 5px; }

.market-index { border-bottom: solid 1px #C5EBF4; border-top: solid 1px #C5EBF4; font: 12px/20px Arial, Helvetica, Sans-serif; margin-bottom: 20px; padding: 10px; position: relative; width: 280px; }
.market-index span { display: block; float: left; }
.market-index .caption { font: bold 16px/20px Verdana, Helvetica, Sans-serif; margin: 0; text-transform: uppercase; }
.market-index .date { display: block; text-transform: lowercase; }
.market-index .status { clear: both; float: left; width: 70%; }
.market-index .update { color: #360; float: right; width: 25%; text-align: right; text-decoration: none; }
.market-index .graph img { max-width: 100%; margin: 10px 0 5px; }

#ads { border-top: solid 1px #ccc; }

#rightBanner .user-data { background: #ddd; display: block; font: bold 12px/14px Arial, Helvetica, Sans-serif; margin: 0 0 20px; padding: 10px; }
#rightBanner .user-data .name { max-width: 80%; }
#rightBanner .user-data .logout { float: right; *float: none; }
#rightBanner .user-data .logout a { color: #360; text-decoration: none; max-width: 20%; }
#rightBanner .user-data.login { padding: 0; }
#rightBanner .user-data.login a { color: #360; display: block; padding: 10px; text-align: center; text-decoration: none; }

.specialbox { font: normal 12px/14px Tahoma, Helvetica, Sans-serif; margin: 20px 0; width: 300px; }
.specialbox img { border: 0; display: block; max-width: 300px; }
.specialbox p { margin: 0; }
.specialbox .headline { border: solid 1px #ccc; display: block; padding: 20px; }
.specialbox.with-image .headline { border-top: 0; }
.specialbox a { border: 0; color: #333; display: block; text-decoration: none; }