/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Mensageiro Noticias

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

/* ------------------------------------------------------------------------------------------------------------------------ 

	CSS

------------------------------------------------------------------------------------------------------------------------ */
body{font-family: Arial, Helvetica, Geneva, sans-serif;background: #DDD;color: #333;}

/* links */
a{color: #0083D8;}
a:hover{text-decoration: underline;}

/* page structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{margin: 0 auto;text-align: left;width: 950px;padding: 15px 15px 0 15px;background: #FFF;}
#header{position: relative;width: 950px;z-index:9999;height: 94px;background: #DEF2FB/*#B6E0F8*/;border-bottom: 2px solid #CFE6F3;}
#navigation{;border-top: 1px solid #000;padding-bottom: 30px;overflow: hidden;}
#primary-content{width: 630px;float: left;}
#secondary-content{width: 310px;font-size: 12px;float: right;margin-top: 20px;margin-bottom: 20px;}
#footer{position: relative;border-top: 1px solid #CCC;}

/* stactic pages */
.pages{margin-top: 30px;}

/* page not found */
.full{width: 100% !important;}

/* toolbar
------------------------------------------------------------------------------------------------------------------------ */
#toobar{text-align: right;padding: 10px 10px 5px 10px;background: #1B1818;color: #FFF;}

/* header
------------------------------------------------------------------------------------------------------------------------ */
h1{padding: 8px 5px 11px 5px;height: 61px;width: 300px;position: absolute;top: 7px;z-index: 1;}

/* navigation */
#navigation ul{padding: 15px 0;margin: 0;width: 630px;float: right;list-style: none;position: relative;}
#navigation ul li{float: left;}
#navigation ul li a{float: left;display: block;border-left: 1px solid #CFE6F3;padding: 7px 5px;font-weight: bold;width: 94px; text-align: center;}
#navigation ul li a:hover{border-left: 1px solid #333;color: #333;}
#navigation ul li a.current{border-left: 1px solid #333;color: #333;}

#navigation ul li a#news-sub-menu{width: 30px;padding: 7px 0 7px 5px;margin :0;border: 0;text-align: left;background: url(images/news-submenu.png) 50% 50% no-repeat;}
#navigation ul li a#news-sub-menu:hover, #navigation ul li a#news-sub-menu.hover {background: url(images/news-submenu-hover.png) 50% 50% no-repeat;text-decoration: none;}

#sections-menu {position: absolute; right: 534px; top: 40px; background: #FFF;z-index: 10000;padding: 0;border: 1px solid #DDD;border-bottom: none;display: none;}
#sections-menu ul {margin: 0; list-style: none; text-align: right;}
#sections-menu ul li {padding: 0;display: inline;}
#sections-menu ul li a {display: block; padding: 4px 10px; border-bottom: 1px solid #DDD; cursor: pointer;}

/* search */
#header .search{position: absolute;top: 55px;right: 8px;padding: 7px 0 0 40px;width: 580px; border-top: 1px solid #CFE6F3; text-align: left;}
#header input.text{width: 409px;}
#header span{font-weight: bold;}
#header .text{width: 400px;}

/* primary content
------------------------------------------------------------------------------------------------------------------------ */
#primary-content h2{margin: 30px 0 10px 0;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;line-height: 1.0em;padding: 10px 0 5px 0;position: relative;}
#primary-content h2 strong{display: block; font-size: 0.7em; letter-spacing: normal; margin-bottom: 3px;}
#primary-content h2 em{font-weight: normal;}
#primary-content h2 a, #primary-content h3 a{color: #333;}
#primary-content h2 a:hover, #primary-content h3 a:hover{color: #0083D8;}
#primary-content h3{margin-bottom: 10px;line-height: 1.0em;padding: 10px 0 5px 0;border-bottom: 1px solid #CCC;}

#primary-content .image{float: left; margin: 0 10px 10px 0;width: 310px;font-size: 11px;}
#primary-content .image img{ width: 310px;}

/* entry tools */
.entry-tools{position: absolute;bottom: 10px;right: 10px;display: none;}
.entry-tools a{display: block;text-indent: -10000px; height: 16px; width: 16px;float: left;}
.mail{background: url("images/email_go.png") no-repeat;}
.print{background: url("images/printer.png") no-repeat;margin-right: 5px;}

/* featured */
.featured{margin-top: 20px; padding: 10px 0 0 0;width: 630px;}
.featured .image{float: right !important;margin: 0 0 10px 0 !important;width: 310px;}
.photo-info{padding: 10px;background: #EEE;font-style: italic;color: #999;}
.photo-info span{display: block;color: #CB0000;font-family: Georgia;}

.featured-content{width: 310px;float: left;margin-right: 10px;}
.featured-content h2{margin: 0 0 10px 0 !important;border-bottom: 1px solid #CCC;border-top: 1px solid #CCC;line-height: 1.0em;padding: 10px 0 5px 0;}
.featured-content p{margin-bottom: 10px;font-size: 13px;}

.wide {width: 630px !important;}

/* banner */
.banner{background: #EEE;border: 1px solid #DDD;padding: 10px 0 0px 80px;margin: 10px 0;text-align: center;font-weight: bold;}

/* news-group */
#news-group{float: right;width: 310px;}
#news-group h3{margin: 0;border: none;}
#news-group p{font-size: 12px;}
#news-group .single{border-top: 1px solid #CCC;margin-bottom: 10px;}
#news-group .date{font-size: 11px;margin-top: 5px;}

/* user-bits */
#user-bits{float: left;width: 310px;}
#user-bits .intro{border-bottom: 1px solid #CCC;margin:  0 0 10px 0;clear: both;}

#user-bits .sapo{padding-bottom: 20px;}
#user-bits .sapo img{float: left; margin: 0 10px 20px 0;}

/* signatures */
#signatures{margin-bottom: 10px;position: relative;}
#signatures div{background: #EEE;color: #333;padding: 10px;border-top: 1px solid #CCC;}
#signatures div span{font-weight: bold;display: block;margin-bottom: 5px;text-transform: uppercase;font-size: 11px;}
#signatures div ul{margin: 0 0 0 20px; padding: 0;}

/* info */
#info{margin-top: 20px;}
#info h3{border-bottom: 1px solid #CCC;font-size: 11px;padding: 10px 10px 7px 10px;text-transform: uppercase;color: #333;background: #EEE;margin: 0; letter-spacing: normal;margin-bottom: 10px;}

/* comments */
.comments h3{text-transform: uppercase;border-bottom: 1px solid #CCC;font-size: 1.2em;}
.comments dl{background: #EEE;border: 1px solid #DDD;border-left: none;border-right: none;padding: 20px;}
.comments dl.admin{background: #F7FBFD;border: 1px solid #CFE6F3;border-left: none;border-right: none;padding: 20px;color: #000;}
.comments dl dt span{color: #999;font-weight: normal;}
.comments dl dd blockquote{border-left: 1px solid #DDD;padding-left: 10px;font-style: italic; color: #999;}

/* section */
.section .intro{margin: 30px 0 20px 0;border-bottom: 1px solid #CCC;}
.section .single{border-bottom: 1px solid #CCC;margin: 10px 0;}
#primary-content .section h2{margin: 0; border: none;}

/* pagination */
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em; position: relative;}
.pagination p {position:absolute; right: 5px; top: 5px; text-align:right; float: right;}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding: 2px 5px 1px 5px;border: 1px solid #ccc; line-height: 20px;}
.pagination p a:hover {background:#c00;color:#fff}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc; line-height: 20px;}

.news-pagination {background: #f2f2f2;color:#666;padding: 5px;border: 1px solid #ddd;}
.news-pagination a:link, .news-pagination a:visited, .news-pagination a:hover, .news-pagination a:active {text-decoration:none;background:#fff;padding: 2px 5px 1px 5px;border: 1px solid #ccc;}
.news-pagination a:hover {background:#c00;color:#fff}

/* calendar page */
#wrap-calendar{border: 1px solid #CCC;background: #D9E2E1;padding: 5px;margin-bottom: 10px;}
#calendar-search{border: 1px solid #CCC;width: 310px;padding-top: 10px;float: right;height: 183px}
#calendar-search p{margin: 0 0 10px 0;}
#calendar-search fieldset{margin-bottom: 0;padding: 0 10px;}
#calendar-search label{width: 65px;}
#calendar-search .text{width: 190px;padding: 1px;}
#calendar-search select{width: 194px;font-size: 11px;}
#calendar-search .wrap-bt{margin: 0 0 10px 0;padding: 0;}
#calendar-search .button{padding: 1px;font-size: 11px;margin-top: 10px;}

.calendar .intro{border-bottom: 1px solid #CCC;margin: 0 0 10px 0;}
.calendar dt{margin-top: 5px; background: #EEE; border-bottom: 1px solid #CCC;padding: 5px;}
.calendar dd.title{margin-top: 15px;}
.calendar dd.desc{margin-bottom: 5px; border-bottom: 1px dotted #CCC;padding-bottom: 5px; font-size: 1.3em; margin-left: 18px;font-weight: bold;}
.calendar dd.quiet{font-style: italic;}

/* assinaturas */
ul.steps {list-style: none;margin: 0 0 20px 0;padding: 0;width: 630px; overflow: hidden;}
ul.steps li {display: block;float: left;margin: 0;padding: 0;width: 146px;height: 36px;}
ul.steps li.first {width: 180px;}
ul.steps li.last {width: 112px;}
ul.steps li.join {width: 15px;height: 36px;}
ul.steps li a {padding: 0;display: block;height: 36px;line-height: 36px;text-align: left;color: #000;background: url(images/steps_li_back.png) repeat-x;cursor: default;}
ul.steps li a span {font-size: 25px;color: #AAA;line-height: 36px;float: left;margin: 0 5px 0 10px;}
ul.steps li a:hover {text-decoration: none;}
ul.steps li.first a {border-left: 1px solid #b2b2b2;}
ul.steps li.last a {border-right: 1px solid #b2b2b2;}
ul.steps li.selected a {font-weight: bold;}

ul.steps li.join a {background: url(images/steps_join_back.png) no-repeat;}
ul.steps li.hover a {text-decoration: none;background: url(images/steps_li_hover_back.png) repeat-x;}
ul.steps li.first.hover a {text-decoration: none;background: url(images/steps_li_hover_back.png) repeat-x;}

ul.steps li.join-hover {width: 15px;}
ul.steps li.join-hover-front {width: 15px;}
ul.steps li.join-hover a {background: url(images/steps_join_hover_back.png) no-repeat;}
ul.steps li.join-hover-front a {background: url(images/steps_join_hover_front_back.png) no-repeat;}

/* secondary content
------------------------------------------------------------------------------------------------------------------------ */
.accordion h3{font-size: 11px;text-transform: uppercase;margin: 0; letter-spacing: normal;}
.accordion h3 a{padding: 10px 10px 7px 10px;color: #333;background: #EEE url("images/more.gif") no-repeat right center; display: block;border-bottom: 1px solid #CCC;}
.accordion h3 a:hover{border-bottom: 1px solid #999;}
.accordion{margin: 10px 0 0 0;}
.accordion div{padding: 10px 0; margin: 0;background: #FFF;}
.accordion ul{padding: 0;margin: 0 0 0 20px;background: #FFF;font-size: 11px;}
.accordion ul li span.date{font-size: 11px;display: inline;font-style: normal;}

#secondary-content .intro{border-bottom: 1px solid #CCC;margin: 10px 0;}

/* user-login */
#user-login fieldset{background: #F3F7F9;border: 1px solid #CFE6F3;}
#user-login p{margin-bottom: 0;}
#user-login input.text{margin-bottom: 10px;}
#user-login h4{font-weight: normal;position: relative;margin: 0 0 10px 0;}
#user-login span.user{color: #999;font-weight: bold;}
#user-login span.log-out{top: 2px;font-size: 11px;}

/* user-menu */
#user-menu{border-top: 1px solid #CFE6F3;list-style: none;margin: 0;font-size: 1.0em;}
#user-menu li{display: inline;}
#user-menu li a{display: block;padding: 5px 10px;background: #F3F7F9;border-bottom: 1px solid #CFE6F3;}
#user-menu li a:hover{background: #F9FBFC;}

.user-content{text-align: center;border: 1px solid #CFE6F3;padding: 5px;background: #F3F7F9;}
.user-content h5{border-bottom: 1px solid #CFE6F3;margin: 0 0 5px 0;padding: 10px;}
.user-content img{width: 100px;}

/* tabs */
ul.options{margin: 10px 0 0 0;}
ul.options li{padding:0; margin:0; list-style:none; float: left;}
ul.options li a{float:left; display: block; margin-right:1px; background:#DDD; padding: 6px 8px; color:#333; text-decoration:none; font-weight:bold; border-bottom: 1px solid #999;}
ul.options li a:hover{text-decoration: underline;}
ul.options li.selected a{background:#EEE; color:#333;border-bottom: 1px solid #EEE;}

#options-content{background: #EEE;border-bottom: 1px solid #DDD;font-size: 11px;}
#options-content ul{margin: 0;padding: 10px 10px 10px 30px;}

/* footer
------------------------------------------------------------------------------------------------------------------------ */
#footer p{margin: 0 !important;padding: 20px 0;}
#footer p span.poweredby{position: absolute; right: 5px;}

/* global
------------------------------------------------------------------------------------------------------------------------ */
h1, h2, h3{letter-spacing: -1px;}
blockquote{border-left: 1px solid #333;padding-left: 20px;}
.intro{position: relative;border-top: 1px solid #CCC;font-size: 11px;display: block;padding: 5px;text-transform: uppercase;color: #CB0000;height: 1%;}
.date{display: block;font-style: italic;color: #999;font-size: 12px;letter-spacing: normal;font-size: 12px;font-weight: normal;}

.vote{margin-bottom: 15px;}
.vote strong{float: left; margin-right: 10px;}

.col{float: left;width: 310px;}
.col ul{font-size: 11px;}
.last{float: right;margin: 0 !important;}
.read-more{margin-top: 0;}
.floater{position: absolute;top: 5px;right: 5px;}

/* rss link */
.rss-link {margin: 10px 0 0 -30px !important; list-style: none;}
.rss-link a {color: #666;padding: 5px 0 5px 30px;background: url("images/feed.gif") no-repeat 10px 50%;}

/* photos */
.photos-wrap{border-top: 1px solid #DDD;clear: left;padding: 0;border-bottom: 1px solid #DDD;overflow: hidden;position: relative;height: 140px !important;}
.photos-panel {position: absolute;left: 0;width: 10000px;}

.photos{list-style: none;margin: 0;padding: 0;position: relative;float: left;width: 640px;margin-top: 5px;}
.photos li{border: 1px solid #CCC;width: 145px;height: 115px;float: left;margin: 5px;display: table;overflow: hidden;text-align: center;background: #FFF;}
.photos li a{display: table-cell;vertical-align: middle;margin: 0px auto;text-align: center;line-height: 120px;}
.photos li:hover{border: 1px solid #333;}

#user-bits .fp{float: none !important;width: 310px !important;}
#user-bits .fp li{margin: 0 0 5px 5px;display: inline;float:left;padding: 10px; width: 120px; height: 80px;}
#user-bits .fp li a{display:block;float:left;height:80px;line-height:80px;overflow:hidden;position:relative;}

.navigate{padding: 5px 0; color: #999;border-top: 1px solid #DDD;}
.navigate div{margin: 0 auto;width: 95%; position: relative;}
.navigate a.next, .navigate a.previous{margin: 0;text-indent: -10000px;height: 17px;display: block;width: 20px;}
.navigate a.next{background: url("images/thumbs-bg-next.gif") no-repeat;float: right;}
.navigate a.previous{background: url("images/thumbs-bg-prev.gif") no-repeat;float: left;}
.navigate a.next:hover{background: url("images/thumbs-bg-next.gif") no-repeat 0 -17px;}
.navigate a.previous:hover{background: url("images/thumbs-bg-prev.gif") no-repeat 0 -17px;}

a.next, a.previous{margin: 0;height: 17px;display: block;width: 20px;}
a.next{background: url("images/pdf-next.gif") no-repeat;float: right;}
a.previous{background: url("images/pdf-prev.gif") no-repeat;float: right;}
a.next:hover{background: url("images/pdf-next.gif") no-repeat 0 -17px;text-decoration: none;}
a.previous:hover{background: url("images/pdf-prev.gif") no-repeat 0 -17px;text-decoration: none;}


.pdf{width: 50px !important;}

.results{padding: 5px 0 5px 20px;background: url("images/bullet_blue.png") no-repeat left center;}
.author{color: #CB0000;}

/* forms */
.form-container h3{text-transform: uppercase;margin-top: 20px;border-bottom: 1px solid #CCC;font-size: 1.2em;}
.form-container fieldset {background: none;margin: 0 0 10px 0; padding: 0 10px 10px 10px; border: none;border-top: 1px dotted #CCC;}
.form-container fieldset legend {font-weight: bold;font-size: 12px;padding-bottom: 20px;}
.form-container fieldset p{position: relative;width: 100%;}
.form-container fieldset label{display: block;float: left;width: 136px;text-align: right;margin-right: 10px;padding: 5px 5px 0 0;border-bottom: 1px dotted #CCC;}
.form-container fieldset span{font-weight: normal; position: absolute; top: 5px; right: 40px; font-size: 11px; color: #999;width: 60px;}
.form-container input.text{width: 340px;}
.form-container textarea{padding: 2px;font-size: 1.2em;width: 342px;height: 300px;overflow: auto;}
.form-container .wrap-bt{text-align: center;padding: 10px 0;}

label{display: block;}
input.text, textarea { border: 1px solid #ccc; border-top-color: #777; border-bottom-color: #DDD; background: #fff; font-size: 13px; padding: 3px; width: 90%; }
.button{cursor: pointer;}

/* messages */
#messages{background: #990000;border-bottom: 1px solid #000;position: fixed;top: 0;left: 0;width: 100%;color: #FFF;text-align: center;z-index: 1;}
#messages div{padding: 1.5%;}


/* nice button */
a.r{float: right;}
a.nicebutton {background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;-moz-outline: none;}
a.nicebutton span {background: transparent url('images/bg_button_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.nicebutton:active {background-position: bottom right;color: #000;outline: none;}
a.nicebutton:active span {background-position: bottom left;padding: 6px 0 4px 18px;}

.errors {background: #ffffcc url(images/alert.png) 10px 7px no-repeat; color: #000; border: 1px solid #eee; padding: 10px 5px 10px 50px; 5px; margin-bottom: 20px;}