/* 
 * POLOPOLY SITE ENGINE *USER INTERFACE* MASTER TEMPLATE
 * -----------------------------------------------------
 * This stylesheet contains look and feel for common
 * elements related to a Site Engine implementation.
 * 
 * This document declares typography, colors and 
 * decorations. See layout.css for grid and layout
 * declarations.
 * 
 * Refer to Site Engine documentation for further
 * explanation of the declared elements below.
 *
 * NOTE: rules beggining with an underscore (_)
 * are IE hacks and should remain as is.
 */

/* BASE STYLES */
.video{margin-left:10px;}
.element .video{margin-left:0;}


BODY {
        font-family: georgia, times, serif;
        font-size: 13px;
        line-height: 1.4;
        color: #333;
        background: white;
}


H1 {
        font-size: 30px;
        line-height: 1.2;
        margin: 0 0 7px 0;
}

#col2 H1{
		font-size: 20px;
        line-height: 1.2;
        margin: 0 0 7px 0;
}

#col3 H1{
		font-size: 20px;
        line-height: 1.2;
        margin: 0 0 7px 0;
}

#dir H1{
		font-size: 20px;
        line-height: 1.2;
        margin: 0 0 7px 0;
}

H1 A {
        text-decoration: none;
        color: #333;
}    


H1 A:hover {

}
P {
        line-height: 1.3;
}
A {
        text-decoration: none;
        color: #0066CC;
}
A:hover {
        color: #009EFF;
        /*background-color: rgb(0, 158, 255);*/
}


IMG {
        display: block;
}
LI {
        line-height: 1.3;
}

STRONG {
    font-weight: bold;
}
EM {
    font-style: italic;
}        

/* BORDER LAYOUT */

.separator {
	background:#E6E6E6; 
	height: 7px;
}

.banner_top_out{
	margin:0 auto 15px;
	width:990px;
	background:url("/img/vale/grid2.gif");
}


.banner_top_out .publicidade_icon{float:left; position:relative;}


.banner_top{
	margin:0 auto 15px;
	/*width:760px;*/
}

.borderLayout #data_portal{
	padding: 7px;
	margin-top: -13px;
	font-family: arial;
	font-size:11px;
	color:#000000;
	float:left;
	position:relative;
}

.impressa li{
	line-height:20px;
	list-style-type:square;

}

.tit_impressa {
	color:#CA0004;
	font-weight: bold;
	font-size: 12px;
	font-family: arial;
	text-transform: uppercase;
    margin-top: 15px;
    margin-left: 13px;
    margin-bottom: 5px;
	
}

.impressa_links{
	font-family:arial;
	margin-left: 145px;
	font-size: 11px;
	line-height: 20px;
}


.borderLayout {
        background: white;
        margin: 0 auto;
}

.audioapp {
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.tit_audio {
    color:#999999;
	font-family:arial;
	font-size:12px;
	margin-bottom:1px;
	margin-top:12px;
	margin-left: 10px;
}	

.chapeu_interno {
	font-family: georgia;
	font-weight: bold;
	margin-bottom: 15px;
	color: #CA0004;
}

.chapeu_externo {
	color:#999999;
	font-family:arial;
	font-size:12px;
	margin-bottom:2px;
}

.data_hora_interno_artigo{
	color:grey;
	font-family:arial;
	font-size:12px;
	margin-bottom:2px;
}
	

.tabela_capa {
	margin-left: 10px;
	margin-top: -10px;
}

/* MASTHEAD */
.borderLayoutMastHead {
        margin: 0 14px 14px 0;
}


/* TOP MENU */
/* TOP MENU */
    
	
.list_header{
	color:#CA0004;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;

}	
	

.menu.menuTop {
    border-bottom: 3px solid #333;
    border-top: 1px solid #ccc;
}
.borderLayoutMastHead .menu.menuTop A {
    display: block;
    padding: 0px 5px 0px 5px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}
.borderLayoutMastHead .menu.menuTop A {
    color: rgb(142, 168, 36);
}
.borderLayoutMastHead .menu.menuTop A:hover {
    background: none;
    color: rgb(0, 158, 255);
}
.menu.menuTop A.current {
    background: #333;
    color: white;
}
/********************** ULTIMAS NOTICIAS ****************/
ul.linklist .ultimas_noticias {height:24px; background:url("/img/vale/clock.gif") no-repeat scroll 0 0 transparent; color: #CA0004; border-bottom: 1px solid lightgrey; font-weight: bold;}
ul.linklist .ultimas_noticias img{float:left; position:relative; top:2px;}
ul.linklist .ultimas_noticias .rss{float:right; position:relative;}
ul.linklist .ultimas_noticias #ultimas{float:left; padding-left: 29px; font-family:arial;}
ul.linklist li .noticia{float:left; position:relative; width:190px; font-family:arial;}
ul.linklist li .date{float:right; position:relative;}
.element.list a{color:#000000;}
.element.list a:hover{color:#666666;}
.borderLayout .borderLayoutColumn #interno ul.linklist li .noticia{width:630px;}

/* SUB MENU */
.menu.menuPage {
    background: #e8ecd7;
}
.menu.menuPage A {
    display: block;
    padding: 8px 10px 6px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #666;
}
.menu.menuPage A:hover {
    background: none;
    color: rgb(0, 158, 255);
}
.menu.menuPage A.current {
    color: #333;
    font-weight: bold;
}


/* HEADER */
.borderLayoutMastHead {
        padding: 0 0 0 0;
}
.borderLayoutMastHead .container {
        background: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
}
.borderLayoutMastHead .element {
        margin: 0;
        padding: 0;
        float: left;
}
.borderLayoutMastHead .element.logo {
        font-size: 35px;
        color: #333;
        display: block;
        margin: 0 20px 0 0;
}
.borderLayoutMastHead .element.blogTeaser {
        width: 400px;
}
.borderLayoutMastHead .element.blogTeaser H1 {
        font-size: 13px;
        font-weight: bold;
        margin: 10px 0 2px 0;
}
.borderLayoutMastHead .element.blogTeaser IMG {
        float: left;
        padding: 0;
}


/* ELEMENTBORDER ELEMENTS (BOXED ELEMENTS, MAY HAVE BACKGROUNDS, BORDERS ETC)*/
.elementBorderHeader {
        display: block;
        margin: 0 0 10px 0;
        padding: 2px 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
        background: #B5C500 url(/img/greenfield/gradient_green_long.jpg) no-repeat;
        color: white;
}
.secondaryColumn .elementBorderHeader,
.bannerColumn .elementBorderHeader {
        background-image: url(/img/greenfield/gradient_green_short.jpg); 
        /* use shorter bg for narrower columns */
}
.elementBorder.mediumBlock {
        background: #e8ecd7;
        padding: 7px 7px 0 7px;
        overflow: hidden;
}
.elementBorder.lightBlock {
        background: #f1f1f1;
        padding: 7px 7px 0 7px;
        overflow: hidden;
}
.elementBorder.heavyBlock {
        background: #f1f1f1;
        padding: 7px 7px 0 7px;
        overflow: hidden;
}
.heavyBlock .elementBorderHeader {
        background: url(/img/greenfield/gradient_purple_long.jpg);
}
.secondaryColumn .heavyBlock .elementBorderHeader,
.bannerColumn .heavyBlock .elementBorderHeader {
        background: url(/img/greenfield/gradient_purple_short.jpg);
}
.banner.headerTopBanner {
        text-align: left;
        margin-bottom: 8px;
}
.elementBorder {
        margin-top: 7px;
        padding-bottom: 0;
}
.elementBorder .container.twoColumns,
.elementBorder .container.twoColumnsLeftHeavy,
.elementBorder .container.twoColumnsRightHeavy,
.elementBorder .container.fourColumns {
        background: none !important;
}
.elementBorder .container .col1 .element {
        margin-right: 14px;
}
.elementBorder .container .element {
        padding-top: 0;
}


/* CONTAINERS (COLUMN DIVIDERS ETC) */
.container {
        background: none;
}
.secondaryColumn .container {
        background: none;
        padding: 0;
}
.container.twoColumns {
        background: url(/img/greenfield/separator_mid_twoCol.gif) no-repeat bottom right;
}
.container.twoColumnsRightHeavy {
        background: url(/img/greenfield/separator_mid_twoCol_rightHeavy.gif) no-repeat bottom right;
}
.container.twoColumnsLeftHeavy {
        background: url(/img/greenfield/separator_mid_twoCol_leftHeavy.gif) no-repeat bottom right;
}
.bannerColumn .container {
        background: none;
}


/* TABBED CONTAINER (UTILIZING YUI FUNCTIONALITY) */
.container.tabbed {
        background: none;
        padding: 7px 0 0 0;
}
.tabbed .yui-nav {
        background: #eee;
        display: block;
        overflow: hidden;
        _height: 1%;
        margin-right: 14px;
        padding: 4px;
}
.tabbed .yui-nav LI {
        float: left; 
        position: relative;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 2px 0 0;
}
.tabbed .yui-content {
        clear: both;
}
.tabbed .yui-nav LI.selected {
        background: url(/img/greenfield/pattern_green.gif);
        padding: 0 0 0 0;
}
.tabbed .yui-nav LI.selected A {
        color: white;
}
.tabbed .yui-nav LI.selected A:hover {
        background: url(/img/greenfield/pattern_green.gif);
}
.tabbed .yui-nav A {
        display: block;
        padding: 2px 6px;
        color: #333;
}
.tabbed .yui-nav A:hover {
        background: white;
}
.tabbed .yui-content {
        background: #eee;
        padding: 0 4px 4px 4px;
        margin-right: 14px;
}
.tabbed .yui-content .container,
.tabbed .yui-content .element {
        background: white;
        border: 1px solid #ddd;
        padding: 7px;
        margin: 0;
}
.tabbed .yui-content .container .element {
        border: 0;
        padding: 0;
}
.tabbed .yui-content .container.twoColumns .col1 .element,
.tabbed .yui-content .container.twoColumnsLeftHeavy .col1 .element,
.tabbed .yui-content .container.twoColumnsRightHeavy .col1 .element {
        margin-right: 7px;
}


/* STORY (FOR EXAMPLE A GROUP OF CONTAINERS SHARING THE SAME CONTENT)*/
.story {
        padding-top: 7px;
}
.storyHeader {
        display: block;
        background: url(/img/greenfield/gradient_purple_long.jpg) bottom right;
        padding: 2px 5px;
        margin: 0 0 10px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
        color: white;
}
.story H1 {
        font-weight: bold;
}
.story IMG {
        padding: 0 0 5px 0;
}


/* CATEGORY HEADINGS FOR TEASERS */
A.category {
        color: rgb(142, 168, 36);
        text-transform: uppercase;
        text-decoration: none;
        font-style: italic;
        letter-spacing: 1px;
        font-size: 11px;
}
A.category:hover {
        background: none;
        color: #333;
        text-decoration: underline;
}


/* ARTICLE ELEMENT */
.article P {
        margin: 0 0 11px 0;
	font-family:arial;
}
.article H1 {
        margin: 0 0 16px 0;
}
.sideBar {
        float: none;
        /*width: 175px;*/
        /*margin: 0 0 7px 7px;*/
}
.sideBar .tools,
.sideBar .related,
.sideBar .bookmarks,
.sideBar .related-content {
        margin: 0 0 7px 0;
        border: 2px solid #f1f1f1;
        padding: 7px;
}
.sideBar .bookmarks{padding:0; border:0; margin:0;}
.sideBar .bookmarks ul{padding:0;}

.sideBar .related-content{padding:0; border:1px solid lightGrey;}
.sideBar .related-content h2{background:#E6E6E6; color:black; font-weight:bold;}
.sideBar .related-content ul li{border-bottom:1px solid lightGrey; margin-right:22px; font-size:11px; line-height:20px;}
.sideBar .related-content ul li.last{border:none;}


.sideBar .element {
        margin: 7px 0 0 0;
}
.sideBar .element P {
        color: #666;
        font-size: 11px;
        margin: 0;
}
.sideBar .bookmarks ul li{float:left; position:relative; height:auto; line-height:0; height:28px;}

A.increaseTextSize,
A.decreaseTextSize {
        padding-left: 15px;
}
A.increaseTextSize:hover,
A.decreaseTextSize:hover {
        color: #333;
}
A.increaseTextSize {
        background: url(/img/greenfield/media/textPlus.gif) no-repeat 0 2px;
}
A.decreaseTextSize {
        background: url(/img/greenfield/media/textMinus.gif) no-repeat 0 2px;
}
.sideBar H2 {
        padding: 1px 3px;
        background: #333 url(/img/greenfield/gradient_grey_short.jpg) top right;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 11px;
        color: white;
        margin: 0 0 7px 0;
}
.sideBar UL {
        margin-bottom: 0px;
}
.image P {
        margin: 4px 0 0 0;
        color: #666;
        font-size: 11px;
}
.image.top {
        margin: 0 0 14px 0;
}
.dateLine {
        margin-bottom: 14px;
}
.dateLine SPAN {
        padding: 2px 0;
}
.dateLine .author {
        border-top: 1px solid #ccc;
}
.dateLine .date {
        border-bottom: 1px solid #ccc;
}


/* STANDARD TEASER */
.teaser {
        overflow: hidden;
}
.teaser UL {
        list-style-type: square;
        padding-left: 1em;
        margin-top: 5px;
}
.teaser IMG {
        margin: 0 0 4px 0;
        _width: 100%; /* So that wide images won't brake the design in ie */
}
/* Fix for IE collapsing margin bug */
.teaser IMG {
        _margin-bottom: 0;
        _padding-bottom: 4px;
}
.teaser A IMG {
        _margin-bottom: 4px;
        _padding-bottom: 0;
}
.teaser .breakingNewsHeader {
        background-color: #cc0033 !important;
        padding-left: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-transform: uppercase; 
}

.teaser .breakingNewsFooter {
        background-color: #cc0033 !important;
        height: 5px;
        margin-top: 5px;
        font-size: 0;    
}       
        
.container.twoColumns .teaser H1,
.container.twoColumnsRightHeavy .teaser H1,
.container.twoColumnsLeftHeavy .teaser H1 {
        font-size: 20px;
}

/* SPECIAL ADDED STYLES */
.tickerColumn .teaser H1 {
        font-size: 48px;
}
.teaser IMG.left {
        float: left;
        margin: 3px 5px 2px 0;
}
#col3 .container.twoColumnsRightHeavy .col1 .teaser H1,
#col3 .container.twoColumnsLeftHeavy .col2 .teaser H1,
#col4 .container.twoColumnsRightHeavy .col1 .teaser H1,
#col4 .container.twoColumnsLeftHeavy .col2 .teaser H1 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
}
#col3 .container.twoColumnsRightHeavy .col1 .teaser,
#col3 .container.twoColumnsLeftHeavy .col2 .teaser,
#col4 .container.twoColumnsRightHeavy .col1 .teaser,
#col4 .container.twoColumnsLeftHeavy .col2 .teaser{
        margin-bottom: 2px;
}
#col3 .container.twoColumnsRightHeavy .col2 .teaser H1,
#col3 .container.twoColumnsLeftHeavy .col1 .teaser H1,
#col4 .container.twoColumnsRightHeavy .col2 .teaser H1,
#col4 .container.twoColumnsLeftHeavy .col1 .teaser H1 {
        font-size: 18px;
        margin-bottom: 2px;
}
#col4 .teaser H1 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
}
#col3 .container.twoColumns *,
#col3 .container.twoColumnsLeftHeavy *,
#col3 .container.twoColumnsRightHeavy * {
        background-color: transparent;
}
#col3 .teaser H1 A:hover {
        background-color: rgb(0, 158, 255) !important;
}

/* SMALL TEASER */
.smallTeaser H1 {
        font-size: 13px;
        margin-bottom: 2px;
        font-weight: bold;
}
.smallTeaser IMG {
        float: left;
        margin: 3px 5px 2px 0;
}


/* IMAGE TEASER */
.imageTeaser IMG {
        margin: 0 0 3px 0;
        display: block;
}
.imageTeaser A {
        display: block;
        padding: 0 0 3px 0;
}
.imageTeaser A:hover {
        background: none;
}
.imageTeaser A.category {
        margin: 0;
}
.imageTeaser A:hover {
        color: #333;
}


/* MEDIA SPECIFIC LINKS IN TEASERS ETC */
.teaser UL,
.related UL,
.blogTeaser UL {
        list-style-type: none;
        padding: 0;
}
.teaser LI,
.related LI,
.blogTeaser LI {
        padding-left: 16px;
        background: url(/img/greenfield/media/textIcon.gif) no-repeat 2px 2px;
}
LI.video {
        background: url(/img/greenfield/media/video.gif) no-repeat 0 2px;
}
LI.audio {
        background: url(/img/greenfield/media/listenTo.gif) no-repeat 1px 1px;
}


/* GRAPHICS TEASER */
.graphics P {
        font-size: 11px;
        color: #999;
}


/* LOGIN BOX */
.login P {
        font-size: 11px;
        margin-top: 5px;
}
.login LABEL {
        font-size: 11px;
        display: block;
        text-transform: uppercase;
        color: rgb(142, 168, 36);
}
.login INPUT {
        background: white;
        border: 0;
        border-bottom: 1px solid rgb(142, 168, 36);
        width: 94%;
        margin-bottom: 3px;
        padding: 3px;
}
.login INPUT.submit {
        width: auto;
        background-color: rgb(142, 168, 36);
        margin-top: 6px;
        padding: 2px;
        color: white;
        font-size: 11px;
}



/* SEARCH FORM */
INPUT, TEXTAREA {
        background: white;
        border: 0;
        margin-bottom: 2px;
        padding: 2px;   
}

TEXTAREA {
	width: 150px;
}

.search INPUT.submit {
        width: auto;
        background: url(/img/vale/bt-busca.gif) no-repeat;  
        padding: 2px;
        color: white;
        font-size: 11px;
        margin-left: 8px;
        font-family: georgia;
        width: 60px;
}

/* MENU */
.menu.menuTwo {
    text-transform: uppercase;
    text-align: right;
    font-size: 11px;
    padding: 0;
    border-top: 1px solid black;
}
.menu.menuTwo H1,
.menu.menuTwo H2 {
    margin: 0 0 4px 0;
    padding: 10px 6px 0 6px;
    font-size: 11px;
    font-weight: bold;
}
.menu.menuTwo H1 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.menu.menuTwo A {
    color: #78971C;
}
.menu.menuTwo A:hover {
    color: #FFF;
}
.menu.menuTwo UL {
    padding: 0 6px 10px 6px;
    border-bottom: 1px solid black;
}
.menu.menuTwo LI {
    margin: 0 0 4px 0;
}
.menuBlock {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
}
.menuBlock .menu {
        background: #EFEFEF;
        margin-bottom: 0;
}
.menuBlock .menu H1 {
        position: static;
        top: 0;
        left: 0;
}
.menuBlock .menu UL {
        border-bottom: 0;
}


/* MENU COLUMN */
.menuColumn .container {
  background: none;
}

/* TICKER */
.ticker {
        border: 1px solid black;
        border-width: 1px 0;
        margin: 14px 0 0 0;
        padding: 6px 0 3px 0;
}
.ticker H1 {
        float: left;
        margin: 1px 5px 0 0;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
}
.ticker LI {
        font-size: 11px;
        font-style: italic;
}
.ticker LI A {
        color: #333;
}
.ticker LI A:hover {
        color: #FFF;
}
.ticker { 
                position:relative;
                overflow:hidden;
}
.ticker .carousel-clip-region { 
                overflow:hidden;
                position:relative; 
}
.ticker ul.carousel-list { 
                width: 10000000px;
                position:relative;
                z-index:1; 
}
.ticker .carousel-list li { 
                float:left;
                list-style:none;
                overflow:hidden;
                width: 850px;
}

/* TICKER COLUMN */
.tickerColumn .container {
        background: 0;
}


/* SECONDARY COLUMN STYLES */
.secondaryColumn .teaser H1 {
        font-size: 25px;
}
.blogTeaser H1 {
        font-size: 20px;
        text-transform: uppercase;
}
.blogTeaser IMG {
        padding: 0 0 5px 0;
}
.blogTeaser UL {
        margin: 5px 0 0 0;
}


/* TEXT SIZES (FOR RESIZER IN ARTICLES) */
.inactive,
.inactive:hover {
        color: #CCCCCC !important;
}
.large .article {
        font-size: 20px;
}
.larger .article {
        font-size: 30px;
}

/* BOOKMARKS */
.bookmarks li a {
    background-repeat: no-repeat;
    padding-left: 22px;
    background-position: left center;
}

.bookmarks li a:hover {
    background-repeat: no-repeat;
    background-position: left center;
}

.bookmarks li a.deliciousIcon {
    background-image: url('/img/icons/delicious.jpg');
}
.bookmarks li a.diggIcon {
    background-image: url('/img/icons/digg.jpg');
}
.bookmarks li a.facebookIcon {
    background-image: url('/img/icons/facebook.jpg');
}
.bookmarks li a.newsvineIcon {
    background-image: url('/img/icons/newsvine.jpg');
}
.bookmarks li a.redditIcon {
    background-image: url('/img/icons/reddit.jpg');
}
.bookmarks li a.stumbleuponIcon {
    background-image: url('/img/icons/stumbleupon.jpg');
}
.bookmarks li a.technoratiIcon {
    background-image: url('/img/icons/technorati.jpg');
}

/* SEARCH */
.mainColumn .search form, .bannerColumn .search form {
        margin-bottom: 12px;
        padding: 8px 8px 12px;
                background-color: #E8ECD7;
}
.search h1 {
        font-size: 20px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
}
.search UL {
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
}
.search UL LI {
        margin-bottom: 20px;
}
.search UL LI H3 A {
        font-size: 16px;
        text-decoration: underline;
}
.search UL LI .meta {
        color: grey;
        font-family: arial;
}
.search .pager {
        font-size: 16px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 12px;
        padding-bottom: 8px;
}
.search input {
        font-size: 11px;
}

/* NAVIGATION PATH ELEMENT */
.navpath {
        margin-bottom: 4px;
}
.navpath li a {
        font-size: 11px;
        color: #666666;
        font-family: arial;
}
.navpath li a.last{font-weight: bold;}
.navpath li a:hover{color:#000000;}
.navpath .separator {
        margin: 0 4px;
}

p.error,label.error {     
    color: red;
}
p.error {     
    margin-top: 5px;     
}
input.error {
    border-color: red;
}
ul.linklist {
    margin: 0;
    padding: 0;
}
ul.linklist li {
	font-family:arial;
    margin: 2px 0;
    padding: 0;
    border-bottom: 1px solid lightgrey;
    padding-top: 2px;
    padding-bottom: 3px;
}
ul.linklist li span {
    color: grey; 
    font-weight: bold;
}

A.fileResourceLink,
A.fileResourceLink:hover {
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 22px;
}
DIV#overlay {
 background: #000000;
 left: 0;
 top: 0;
 opacity: 0; 
 position: absolute;
 z-index: 999;
}

DIV.statisticsChartContainer {
 position: absolute;
 padding: 2px;
 border: solid 1px #ddd; 
 background-color: white !important;
 opacity: .9;
 filter: alpha(opacity=90);
}

DIV.statisticsChartFullSizeContainer {
  position: absolute;
  z-index: 1000;
  background-color: white !important;
  border: solid 8px #eee;
  padding: 10px;
}

A.statisticsChartFullSizeLink {
  background-color: white !important;
}    

A.statisticsChartZoom {  
  background: url('/_preview/interactive/zoom_in.png') no-repeat left center !important;
  padding-left: 20px !important;  
}
A.statisticsChartShow {  
  background: url('/_preview/interactive/table_view.png') no-repeat left center !important;
  padding-left: 20px !important;  
}

A.statisticsChartFullSizeLink:hover {
  color: white;
  background-color: rgb(0, 158, 255) !important;  
}

/** Article Comments **/
.articleComments .form {
  background-color: #eee;
  margin: 10px 0;
  padding: 8px;  
}
.articleComments .row {
  margin: 10px 0;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:4px;
}
.articleComments .row.odd {
  background-color: #E3EAF1;  
}
.articleComments .row.even {
  background-color: #fff;  
}
.articleComments .row .commentFooter .timestamp,
.articleComments .row .commentFooter .signature {
 color: #666;
}
.articleComments .row .commentFooter .comment_links {
  margin-left: 14px;
  float: right;
}
.articleComments .row .commentFooter {
  text-align: left;
  margin-top: 10px;
}
.articleComments .commentReported {
  color: #DC143C;
}
.articleComments h3.header_title {
  font-weight: bold;
}
.articleComments .nav {
  float: right;
}
.articleComments .nav a,
.articleComments .nav .currentPage {
  padding: 2px;
}
.articleComments .nav .nav_left {
  margin-right: 5px;
}
.articleComments .nav .nav_right {
  margin-left: 5px;
}
.articleComments form input, textarea{
	border:1px solid grey;	
}

.commentIcon {
  background: url('/img/icons/comment.png') no-repeat left center;  
  padding-left: 20px !important;  
}
P.fieldError {
  display: none;
}
P.formError {     
    color: #DC143C;
    margin: 1em 0;
}
.comment_contents LABEL {
  font-weight: bold;
}


/* BLOG STYLES */
DIV.metaBox {
  border: 1px solid #DCDDDE;
  background-color: #F1F1F1;
  margin-bottom: 10px;
}
DIV.metaBox .metaHeader {
  height: 20px;
  border-bottom: 1px solid #DCDDDE;
  background-color: #333333;
  color: #FFFFFF;
  padding: 3px 8px;
  font-weight: bold;
}
DIV.metaBox .metaContent, DIV.related .metaContent {
  padding: 5px;
}
DIV.metaBox .metaContent .year {
}
DIV.metaBox .metaContent .month,  DIV.related .metaContent .month {
  margin-left: 10px;
}
DIV.related DIV.metaContent a:link {
    color: black;
}
DIV.related DIV.metaContent a:hover {
    color: white;
}
DIV.blogTeaserContainer {
  border: 1px solid #DCDDDE;
  padding: 5px;
  background-color: #F1F1F1;
  margin-right: 15px;
  margin-bottom: 10px;
}
DIV.blogTeaserContainer H2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
}
DIV.blogTeaserContainer H2 A {
  background: none;
  padding: 0;
}
DIV.metaContent A, DIV.blogTeaserContainer A {
  color: #000000;
  padding-left: 12px;
  background: url(/img/greenfield/media/blue_arrow.gif) no-repeat;
  background-position: 4px 6px;
}

DIV.related DIV.metaContent A:hover {
    color: #000;
    text-decoration: underline;
}

/* User Blogs */
.possibleError { color: red; margin-bottom: 10px; }
DIV.blog DIV.header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
DIV.blog DIV.post DIV.header {
  border-bottom: none;
  margin-bottom: 20px;
}
DIV.blog H1 A, DIV.blog H1 A:hover {
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 5px 0;
  color: #2B709E;
  border: none;
  background: none;
}
DIV.blog H1 A:hover {
  color:#009EFF;
}
DIV.post {
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
  padding-bottom: 12px;
}
DIV.blog DIV.post DIV.header {
  margin-bottom: 10px;
  padding-bottom: 0;
}
DIV.blog DIV.post H2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 7px 0;
}
DIV.blog DIV.post P {
  margin-bottom: 12px;
}
DIV.blog DIV.post IMG {
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
}
DIV.blog DIV.post IMG.right {
  float: right;
  margin: 0 0 12px 12px;
}
DIV.blog DIV.post IMG.left {
  float: left;
  margin: 0 12px 12px 0;
}
DIV.blog DIV.post BLOCKQUOTE {
  margin-left: 32px;
  font-style: italic;
}
DIV.blog DIV.post DIV.footer {
  padding-top: 12px;
  color: #959595;
}
DIV.blog DIV.header DIV.toolbar, DIV.blog DIV.header FORM {
  float: right;
} 
DIV.blog DIV.header DIV.toolbar FORM {
  float: left;
  margin-left: 5px;
} 
DIV.blog .requiresBlogOwner {
  display: none;
}
DIV.blog DIV.row .left {
    float: left;
}
DIV.blog DIV.row .right {
    float: right;
}
DIV.blog DIV.header INPUT.submit {
  margin-top: 8px;
}
DIV.blog DIV.post DIV.header INPUT.submit {
  margin-top: 4px;
  margin-left: 4px;
}
DIV.blog P.disclaimer, DIV.metaContent em {
  font-style: italic;
}
DIV.paging DIV.olderPosts {
  float: right;
}
DIV.blog DIV.postsContainer {
    float: left;    
    width: 490px;
}
#col3 .membershipForm UL.blogs LI {
    padding: 6px 4px;
    margin: 0;
}
UL.blogs LI.odd {
    background-color: #F1F4E4;
}


DIV.captcha_container IMG {
 cursor: pointer; 
 cursor: hand; 
 border: 1px solid #ddd;
}

/*
DIV.tableElement caption {
 font-style: italic;
 padding-bottom: 4px;
 text-align: center;
}

DIV.tableElement table {
 border: 1px solid #E8ECD7;
}

DIV.tableElement th {
 color: black;
 background: #F1F4E4;
 font-weight: bold;
}

DIV.tableElement tr td, DIV.tableElement tr th {
 border-top: 1px solid #E8ECD7;
 border-left: 1px solid #E8ECD7;
}

DIV.tableElement DIV.green table {
 border-color: #E8ECD7;
}

DIV.tableElement DIV.green th {
 color: black;
 background: #F1F4E4;
}


DIV.tableElement DIV.green tr td, DIV.tableElement DIV.green tr th {
 border-top-color: #E8ECD7;
 border-left-color:#E8ECD7;
}

DIV.tableElement DIV.silver table {
 border-color: #ccc;
}

DIV.tableElement DIV.silver th {
 color: black;
 padding: 2px;
 background: #ccc;
}

DIV.tableElement DIV.silver tr td, DIV.tableElement DIV.silver tr th {
 border-top-color: #aaa;
 border-left-color:#aaa;
}
*/
.related-content LI.category {
 margin-left: 20px;
}
.related-content LI.category a {
  color: #78971C;    
}
.related-content LI.category a:hover {  
  color: #FFFFFF;
}



/* VALDO */
.publicidade span{color:#B3B3B3; font-family:arial; font-size:10px;}
.publicidade {padding:5px; padding-top:0;}
.container.twoColumns{background:none;}
.borderLayout #row2{border-right:7px solid #E6E6E6; border-left:7px solid #E6E6E6; border-bottom:7px solid #E6E6E6; padding-top:1px;}




/** FOOTER **/
#footer {width:990px; margin:0 auto;}
#footer .services{height:62px; margin-left:8px; margin-top:10px;}
#footer .services h3{color:#C90103; font-size:12px; font-weight:bold; margin-bottom:10px;}
#footer .services div{float:left; position:relative; margin-right:70px;}
#footer .services div a{color:#666666;; font-family:Arial; font-size:11px;}
#footer .services div a:hover{color:#000000;}
#footer .services div img{float:left; position:relative}
#footer .services div span{float:left; position:relative; left:7px;}
#footer .services div.rss{padding-left:4px; padding-top:6px;}
#footer .services div.rss span{top:7px;}
#footer .services div.galeria{padding-top:6px;}
#footer .services div.galeria span{top:7px;}
#footer .services div.podcast{padding-top:6px;}
#footer .services div.podcast span{top:7px;}
#footer .services div.celular{padding-top:3px;}
#footer .services div.celular span{top:10px;}
#footer .services div.rede_social span{top:13px;}
#footer .services div.twitter{margin-right:0; padding-top:5px;}
#footer .services div.twitter span{top:8px;}
#footer .caminho_de_pao{clear:left; float:left; position:relative; margin-left:8px;}
#footer .voltar{float:right; position:relative; border-left:1px solid #B1B1B1; padding-left:9px; width:120px;}
#footer .voltar a{ color:#666666;}
#footer .voltar a:hover{background:none; color:#000000;}
#footer .voltar span{margin-right:5px; font-size:11px; font-family:Arial;}
#footer .voltar img{float:right; position:relative; top:7px}
#footer .menu_aberto{clear:left; background:#15263A; height:100px; padding:25px 0 30px 30px; font-family:Arial; border-top:1px solid #666666;}
#footer .menu_aberto h3{ color:#FFFFFF; font-weight:bold; margin-bottom:10px; font-size:16px;}
#footer .menu_aberto div{float:left; margin-right: 50px;}
#footer .menu_aberto div a, 
#footer .menu_aberto div a:hover, 
#footer .menu_aberto div a:visited{color:#8691A1; font-size:12px; background:none;}
#footer .menu_aberto div a:hover{color:#FFFFFF;}
#footer .menu_aberto div.last{margin:0;}
#footer .logo{margin:0; clear:left; font-size:11px; color:#33333; font-family:Arial; height:96px; border-bottom:1px solid #D3D0C7; border-top:1px solid #888888;}
#footer .logo div{width:590px; margin:0 auto;}
#footer .logo div img{margin-left:205px; padding-top:14px;}
#footer .logo div div{margin:0 auto; padding-top:4px; width:390px;}
#footer ul.navpath{margin:0 auto; background:none; padding:3px 0 4px 0;}
#footer ul.navpath li span{color:#666666; font-family:Arial;font-size:10px;}
#footer ul.navpath li span.separator{ background:none;}




/******* DEFINI��ES DOS TIPOS DE TEASERS ******/
.teaser h2 a, .teaser h2{color:#0066CC;}
.teaser h2 a:hover{color:#009EFF; background:none;}
.teaser p{line-height:16px; font-size:13px; font-family:arial;}
.teaser p a{color:#333333;}
.teaser p a:hover{color:#000000:}
#col1 .teaser h2{ font-size:24px; font-family:georgia; line-height:28px;}
#col1 .teaser.topFixed1 h2{font-size:32px; line-height:37px}
#col1 .twoColumns .teaser h2{font-size:13px;}
#col2 .teaser h2{font-size:13px; font-family:georgia;}
#col2 .teaser.video h2{ margin-right:6px; float:left; font-weight:bold;}
#col2 .teaser.topFixed3 p{float:none;}
#col2 .teaser.topFixed3 h2{float:none;}
.teaser.topFixed3 div.img, .teaser.top3 div.img, .teaser.box div.img{float:left; position:relative; margin-right:12px;}
.teaser p .azul{color:#0066CC; font-family:arial; font-weight:bold;}
.teaser p.icon-dot{background:url("/img/vale/icons/bolinha.gif") no-repeat scroll 0 5px transparent; text-indent:11px;}
.teaser p.icon-video{background:url("/img/vale/icons/video.gif") no-repeat scroll 0 3px transparent; text-indent:18px;}
.teaser p.icon-foto{background:url("/img/vale/icons/foto.gif") no-repeat scroll 0 3px transparent; text-indent:18px;}
.teaser p.icon-audio{background:url("/img/vale/icons/audio.gif") no-repeat scroll 0 3px transparent; text-indent:18px;}



/**** DEFINE AS LINHAS DIVISORIAS ***/
.line_large{height:8px; background:#E6E6E6; margin-bottom:px;}
.line_thin{height:1px; background:#CCCCCC; margin-bottom:5px; margin-left:10px; margin-right:10px;}



/******* DEFINE O ELEMENT TAB TEASER ***************/
.tabTeaser h3{color:#C90103; font-size:12px; font-weight:bold; float:left;}
.tabTeaser .line_thin{clear:both; margin-left:0;}
.tabTeaser .ui-tabs-nav {float:right;}
.tabTeaser .ui-tabs-panel {clear:both; background: url(/img/vale/back-tabteaser.gif) repeat-y; border-top:medium none;}
.tabTeaser .ui-tabs-panel ul{ padding:0; margin:0;}
.tabTeaser .ui-tabs-panel ul .separador {width:1px; margin-top:10px; margin-left:26px; margin-right:25px; float:left;}
.tabTeaser .ui-tabs-panel ul li{float:left; position:relative;}
.tabTeaser .ui-tabs-panel ul li .element{width:200px;}
.tabTeaser .ui-tabs-panel ul li h2{clear:left;}



/********** ARTIGOS ***************/
.article_wrap .tools{float:right;}
.article_wrap .image.vertical {float:right;}
.article_wrap .container{clear:both;}
.article_wrap .container h1{font-size:32px; color:#0066CC; font-family:georgia;}
.article_wrap .container .chamada{font-weight:bold; font-family:arial;}

/************* BLOG LIST ELEMENT *******************/
.blog_list {padding:10px;}
.blog_list a{color:#000000;}
.blog_list a:hover{color:#666666;}
.blog_list h3{color:#C90103; font-size:12px; font-weight:bold;}
.blog_list h2{color:#0066CC; font-size:24px;}}
.blog_list p{font-size:13px;}
.blog_list .blogs li{background:#A8A8A8 none repeat scroll 0 0; clear:both; height:55px; list-style-image:none; list-style-position:outside; list-style-type:none; margin-bottom:3px; padding:0;}
.blog_list .blogs li .conteudo{float:left; font-family:arial; padding:0 10px; position:relative; width:245px;}
.blog_list .blogs li .conteudo .blogTeaserContainer{background:none; border:none; margin-bottom:10px; margin-right:15px; padding:0;}
.blog_list .blogs li .conteudo div.blogTeaserContainer h2 {font-size:18px; font-weight:bold; margin-bottom:2px; margin-top:5px;}
.blog_list .blogs li .conteudo div.blogTeaserContainer h2 a{ color:#000;}
.blog_list .blogs li .conteudo div.blogTeaserContainer h2 a:hover{ color:#666;}
.blog_list .blogs li .conteudo .categoria{color:#EFEFEF; font-size:13px; font-weight:bold;}
.blog_list .blogs li .conteudo .categoria a{color:#EFEFEF;}
.blog_list .blogs li .img{float:right; position:relative; height:55px; background:#E60000; width:80px;}
.blog_list .blogs li .img .background{float:right;}
.blog_list .blogs li .conteudo .conteudo_inside{float:left; overflow-x:hidden; overflow-y:hidden; width:150px;}
.blog_list .more_blogs{font-weight:bold;}

.blog_list .blogs li .conteudo.full{width:auto;}
.blog_list .blogs li .conteudo.full .blogTeaserContainer{width:678px;}
.blog_list .blogs li .conteudo.full .conteudo_inside {width:566px;}
.element.article.blog h1 a {color:#0066CC;}
.element.article.blog h1 a:hover{color:#009EFF;}
.element.article.blog {border-bottom:1px solid #CCCCCC;}
.element.article.blog.ultima{border:none;}



/************* COMMENTS ****************/
.articleComments .show_comments .button.submit{
	background:url("/img/vale/icons/comments.gif") no-repeat scroll 4px 4px transparent;
	border:2px solid lightGrey;
	font-family:georgia;
	font-size:11px;
	font-weight:bold;
	padding:4px;
	text-align:left;
	text-indent:30px;
	width:100%;
	color:#0066CC;
}








/***************************** WEATHER ELEMENT *****************/
.tempo_portal{float:right; margin-top:-13px; padding:7px; position:relative}
.tempo_portal .weather_element div{float:left; position:relative; color:#000000; font-family:arial; font-size:11px;}
.tempo_portal .weather_element .icone{padding:0 12px;}
.tempo_portal .weather_element .tempo{padding-left:10px}



/******************************* BLOG ELEMENT ****************************/
.metaBox.blog{margin-left:10px; margin-right:10px; border:none; background:none;}
.metaBox.blog .metaHeader{background:none; border:none; color:#C90103; margin-bottom:15px;}
.metaBox.blog .metaContent a{background:none;}
.metaBox.blog .metaContent .year a{color:#0066CC; font-size:24px;}
.metaBox.blog .metaContent .year a:hover{color:#009EFF;}
.metaBox.blog .metaContent .month a{color:#000000; font-size:13px;}
.metaBox.blog .metaContent .month a:hover{color:#666666;}



/*********** TITULO DAS SESSOES ****************/
div.titulo_sessao h3 {color:#C90103; font-size:12px; font-weight:bold; text-transform:uppercase; margin-left:10px; font-family:arial;}


/**************** WIDE COLUMN ************/
.wide{clear:both;}
.wide .element, .wide .elementBorder{margin:0; padding:0;}




#registerform input, #resetpasswordform input{border:1px solid;}