/* CSS Document */

BODY {background-color:#FFF; color:#333; margin:0px; padding:0px;}
FORM {margin:0px; padding:0px;}
UL, LI {margin:0px; padding:0px; list-style:none;}
H1 {margin:0px; padding:0px; font:normal 23px georgia; color:#487295; margin-bottom:5px;}
H2 {margin:0px; padding:0px; font:normal 10px verdana; color:#666;}
SMALL {font:12px arial; color:#666; line-height:16px;}
A, A:ACTIVE, A:VISITED {text-decoration:none; color:#666;}

.header {background-color:#7F7F7F; color:#FFF; font:bold 10px verdana; height:18px; margin-bottom:1px; vertical-align:middle; line-height:17px; padding:0px 2px;}
.header IMG {margin-top:2px;}
.header a {color:#949494; font:10px verdana;}
.linkArea {cursor: pointer;}
.watermarkInput { background-repeat: no-repeat; vertical-align: middle; color: #DDD; }
.normalInput { }
.clearFloat { clear: both; height: 0; line-height: 0; font-size: px; /*for IE*/ }
.clearLeftFloat { clear: left; height: 0; line-height: 0; font-size: px; /*for IE*/ }
.clearRightFloat { clear: right; height: 0; line-height: 0; font-size: px; /*for IE*/ }

/* Video Header Container */
.videoHeaderContainer {width:990px; margin:0px auto; margin-bottom:10px;}
.videoHeaderContainer a {color:#949494;}
.videoHeaderContainer .textField {width:95px; border:1px solid #949494; font:10px verdana; color:#949494; margin:1px 2px 1px 0px; background-color:#FFFFFF;}
.videoHeaderContainer .text {font:10px verdana; color:#666666;}
.videoHeaderContainer .button {border:1px solid #949494; font:10px verdana; background-color:#FFFFFF; padding:0px 6px; height:16px;}
.videoHeaderContainer .tags, .tags a {color:#ADADAD; font:10px verdana;}
.videoHeaderContainer .navigation {text-transform:uppercase; background-color:#DADADA; border-bottom:2px solid #B2B2B2; height:16px;}
.videoHeaderContainer .navigation .section {float:left; font:10px verdana; margin:0px 10px 0px 5px; line-height:15px; color:#666;}

.videoMainContainer {width:990px; margin:0px auto; margin-bottom:10px;}

.videoMainContainer .leftContainer {float:left; width:670px; padding-right:10px; border-right:1px solid #CCC; margin-bottom:40px;}
.videoMainContainer .leftContainer .leftColumn {width:440px; float:left;}
.videoMainContainer .leftContainer .rightColumn {width:220px; float:right;}

.videoMainContainer .rightContainer {float:right; width:300px; }

.videoFooterContainer {width:990px; margin:0px auto; margin-bottom:10px; font:10px verdana;}
.videoFooterContainer a {color:#666666;}
.videoFooterContainer .tags, .tags a {color:#ADADAD; font:10px verdana;}

/* Video Window */
.leftContainer .videoWindow {}
.leftContainer .videoWindow .txt {padding:2px 2px; cursor: pointer; white-space:nowrap; font:9px verdana; float:left; color:#666;}
.leftContainer .videoWindow .txt a:hover { text-decoration: underline; }
.leftContainer .videoWindow .txt img { vertical-align:middle; }
.leftContainer .videoWindow .txt span { vertical-align:middle; }
.leftContainer .videoWindow .button {float:left; margin:0px 6px 0px 0px;}

/* News Details */
.leftContainer .newsDescription {padding:5px 0px;}
.leftContainer .newsDescription h1 { margin-bottom: 0; }
.leftContainer .newsDescription .txt {font:10px arial; color: #666; margin-bottom: 5px;}

/* Comment Details */
.leftContainer .rightColumn .box {width:208px; padding:5px; border:1px solid #CCC; color:#666;}
.leftContainer .rightColumn .box .input INPUT {border:1px solid #CCC; width:205px; font:11px verdana; color:#666;}
.leftContainer .rightColumn .box .input TEXTAREA {border:1px solid #CCC; width:205px; font:11px verdana; color:#666;}
.leftContainer .rightColumn .box .input .validator {width:205px; font:11px verdana; color:Red; float:left; clear:left;}
.leftContainer .rightColumn .box .progress {float:left; margin-top:5px;}
.leftContainer .rightColumn .box .inputButton {width:50%; float:left; margin-top:5px;}
.leftContainer .rightColumn .box .inputButton INPUT {border:1px solid #CCC; font:10px verdana; margin-top:3px; height:18px; width:50px; float:left;}
.leftContainer .rightColumn .box .inputCheck { float:right; margin-top:5px;}
.leftContainer .rightColumn .box .inputCheck LABEL {font:10px verdana;}
.leftContainer .rightColumn .box .note {clear: both; padding-top:5px; font:9px verdana; color:#666;}
.leftContainer .rightColumn .box .txt {font:10px verdana; text-align:right; line-height:20px;}
.ie .leftContainer .rightColumn .box .input INPUT {border:1px solid #CCC; width:204px; font:11px verdana; color:#666;}
.ie .leftContainer .rightColumn .box .input TEXTAREA {border:1px solid #CCC; width:204px; font:11px verdana; color:#666;}
.safari .leftContainer .rightColumn .box .input INPUT {border:1px solid #CCC; width:204px; font:11px verdana; color:#666;}
.safari .leftContainer .rightColumn .box .input TEXTAREA {border:1px solid #CCC; width:204px; font:11px verdana; color:#666;}
.opera .leftContainer .rightColumn .box .input INPUT {border:1px solid #CCC; width:204px; font:11px verdana; color:#666; margin-bottom:2px;}
.opera .leftContainer .rightColumn .box .input TEXTAREA {border:1px solid #CCC; width:204px; font:11px verdana; color:#666; margin-bottom:2px;}

/* Tecnical Description */
.leftContainer .rightColumn .tecnicalDescription {margin-top:5px; border-bottom:1px dotted #666; padding-bottom:5px;}
.leftContainer .rightColumn .tecnicalDescription .txt {font:10px verdana; color:#666; line-height:18px; white-space:nowrap;}
.leftContainer .rightColumn .tecnicalDescription .txt .rate { float:left; padding-left:5px; font-size: x-small; }
.leftContainer .rightColumn .tecnicalDescription .txt .rate .title {margin-right:1px; font-weight:bold; }
.leftContainer .rightColumn .tecnicalDescription .txt .rate img { vertical-align:middle; }
.leftContainer .rightColumn .tecnicalDescription .txt .rate span { vertical-align:middle; }

/* Tags */
.leftContainer .rightColumn .tags {font:10px verdana; color:#666; padding-bottom:5px; border-bottom:1px dotted #666; margin-top:8px; min-height:32px; }

/* Functions */
.leftContainer .rightColumn .functions {padding:5px 0px; border-bottom:1px dotted #666; }
.leftContainer .rightColumn .functions .txt {padding:2px 2px; cursor: pointer; white-space:nowrap; font:9px verdana; float:left; color:#666;}
.leftContainer .rightColumn .functions .txt a:hover { text-decoration: underline; }
.leftContainer .rightColumn .functions .txt img { vertical-align:middle; }
.leftContainer .rightColumn .functions .txt span { vertical-align:middle; }

/* Search */
.search {border-bottom:1px dotted #666; margin-bottom: 10px;}
.search .form {padding:5px 0px;}
.search .form INPUT {float:left; border:1px solid #CCC; width:130px; font:11px verdana; color:#666; margin:0px; height:15px;}
.search .form SELECT {float:left; border:1px solid #CCC; width:130px; font:11px verdana; color:#666; margin:0px 2px; height:20px;}
.search .form .button {border:1px solid #CCC; width:30px; height:19px; font:10px verdana;}
.gecko .search .form INPUT {float:left; border:1px solid #CCC; width:134px; font:11px verdana; color:#666; margin:0px; height:15px;}
.gecko .search .form SELECT {float:left; border:1px solid #CCC; width:130px; font:11px verdana; color:#666; margin:0px 2px; height:19px;}
.gecko .search .form .button {border:1px solid #CCC; width:30px; height:19px; font:10px verdana;}
.opera .search .form INPUT {float:left; border:1px solid #CCC; width:130px; font:11px verdana; color:#666; margin:0px; height:15px;}
.opera .search .form SELECT {float:left; border:1px solid #CCC; width:130px; font:11px verdana; color:#666; margin:0px 2px; height:19px;}
.opera .search .form .button {border:1px solid #CCC; width:30px; height:19px; font:10px verdana;}

/* Comments list */
.leftContainer .comments {margin:10px 0;}
.leftContainer .comments .header {width:665px;}
.leftContainer .comments .header .left {float:left;}
.leftContainer .comments .header .right {float:right;}
.leftContainer .comments .header .right a {font:10px verdana; color:#fff; font-weight:bold;}
.leftContainer .comments .header .right a[disabled="disabled"] {color:#fff; font-weight:bold; display:none;}
.leftContainer .comments .content {border-bottom:1px dotted #666;}
.leftContainer .comments .content .commentHeader {margin:2px 0px; cursor: pointer; border-top:1px dotted #666;}
.leftContainer .comments .content .commentHeader .left {float:left; font:11px verdana; color:#666; }
.leftContainer .comments .content .commentHeader .left IMG { vertical-align:middle; }
.leftContainer .comments .content .commentHeader .left SPAN { vertical-align:middle; }
.leftContainer .comments .content .commentContent .left {float:left; font:11px verdana; color:#666;}
.leftContainer .comments .content .commentContent .left IMG {margin-right:5px; margin-top:2px;}
.leftContainer .comments .content .commentContent .right {float:right; vertical-align:middle; }
.leftContainer .comments .content .commentContent .right IMG { vertical-align:middle; }
.leftContainer .comments .content .commentContent .right SPAN { vertical-align:middle; }
.leftContainer .comments .content .commentContent .txt {font:11px verdana; color:#666;}

/* Multimedias list */
.multimedias {border-bottom:0px dotted #666; margin-bottom: 30px;}
.multimedias .header {}
.ie .multimedias .header {padding-top: 1px;}
.multimedias .header .left {float:left;}
.multimedias .header .right {float:right;}
.multimedias .navigation {margin: 5px 4px 0px 4px;}
.multimedias .navigation .txt {float:left; font:11px verdana; line-height:15px; margin-right:5px;}
.multimedias .navigation .dropBox {float:left; font:11px verdana;}
.multimedias .navigation .dropBox select {margin:2px 20px 2px 0px; font:10px verdana;vertical-align:middle;}
.multimedias .navigation .dropBox input[type="checkbox"] {vertical-align:middle;}
.multimedias .navigation .dropBox label {vertical-align:middle; margin-right:20px;}
.multimedias .navigation .dropBox span {line-height:20px;}
.multimedias .navigation .dropBox .select {float:left; font:10px verdana; margin-right:20px;}
.multimedias .navigation .navBar {float:right; font:11px verdana; }
.multimedias .navigation .navBar .txt {float:left; line-height:20px;}
.multimedias .navigation .navBar .item {float:left; font-size:10px; border:1px solid #666; padding:0px 1px; min-width:15px; height:14px; text-align:center; margin:2px 0px 2px 2px; line-height:15px; color:#666; cursor: pointer;}
.multimedias .navigation .navBar .itemSelected {float:left; font-size:10px; border:1px solid #666; padding:0px 1px; min-width:15px; height:14px; text-align:center; margin:2px 0px 2px 2px; line-height:15px; background-color:#D71A21; color:#FFF;}

/* Publicity */
.publicity {margin-bottom: 10px; width:100%;}
.publicityHeader {border-bottom: 1px dotted #DADADA; margin-bottom: 1px; text-align: right; width:100%; white-space:nowrap;}
.publicityContent {vertical-align:middle;}

/* Columns multimedias list */
.columnRepeater .columnItem { border:1px solid #CCC; float:left; margin:5px 0px 5px 3px; width:106px; }
.columnRepeater .columnItem img { height:80px; margin:3px; width:100px; }
.columnRepeater .columnItem h4 { color:#666; font:normal 9px verdana; height:60px; margin:3px; overflow:hidden; }

/* Rows multimedias list */
.rowRepeater .rowItem { border:1px solid #CCC; display:block; height:75px; margin-bottom:5px; padding:5px; overflow:hidden; }
.rowRepeater .rowItem img { float:left; height:75px; margin-right:5px; width:100px; }
.rowRepeater .rowItem h4 { color:#666; font:bold 10px verdana; margin: 0 0 5px 0; }
.rowRepeater .rowItem h5 { color:#666; font: 10px verdana; margin:0; max-height: 50px; }

/* Rating */
.emptyRatingStar { background-image: url(Images/Others/StarEmpty.gif); background-repeat:no-repeat; }
.filledRatingStar { background-image: url(Images/Others/StarFull.gif); background-repeat:no-repeat; }
.savedRatingStar { background-image: url(Images/Others/StarFull.gif); background-repeat:no-repeat; }
.ratingStar { width:12px; height:16px; cursor: pointer;  }

/* Channels */
.cabecas a {color:#3A3A3A; text-transform:uppercase; float:left; padding:1px 5px;}
.cabecas a, .cabecasON a, .cabecasClaro a, .cabecasSeparadores a {font:10px verdana;}
.cabecas a:hover {color:#FFFFFF; text-transform:uppercase; background-color:#DC0000; text-decoration:none;}
.cabecasSeparadores, .cabecasSeparadores a {color:#000; text-transform:uppercase; float:left; width:100%;  font:bold 10px verdana; height:15px;}
.cabecasON, .cabecasON a {color:#666666; text-transform:uppercase; float:left; padding:1px 5px; background-color:#DC0000; color:#FFFFFF; text-decoration:none;}
.cabecasClaro, .cabecasClaro a {font-weight:bold; color:#000000; text-transform:uppercase;}
.cabecasCinza a {color:#666666; text-transform:uppercase; float:left; padding:1px 5px; font:10px verdana;}
.cabecasCinza a:hover {color:#666666; text-transform:uppercase; background-color:#FFFFFF; text-decoration:none;}
.cabecasCinzaON a {color:#666666; text-transform:uppercase; background-color:#FFFFFF; text-decoration:none; float:left; padding:1px 5px; font:10px verdana;}

/* Select */

/* Links */
.relatedLinks {margin:20px 0px; }
.relatedLinks > span {font:bold 10px verdana; color:#666}
.relatedLinks >UL > LI, .relatedLinks >UL > LI A {font:10px verdana; text-decoration:none;}
.relatedLinks >UL > LI A:HOVER {font:10px verdana; text-decoration:underline;}

/* Banner */
.contentor-banner {width:300px;  height:82px;  background:url(Images/Others/BaseFinal.png); padding:8px 0px 0px 0px;}
.contentor-banner H1 {display:block; font:bold 12px Arial; margin:0px 0px 0px 95px;}
.contentor-banner H2 {display:block; font:12px Arial; color:#F00; margin:11px 0px 0px 95px;}
.contentor-banner H2 A {font:bold 12px Arial; color:#F00; text-decoration:none;}
.contentor-banner H2 A:HOVER {text-decoration:underline;}
.contentor-banner H3 {display:block; background:url(Images/Others/seta.png) no-repeat 2px 5px; font:12px Arial; color:#333; margin:11px 0px 0px 95px; padding-left:15px;}
.contentor-banner H3 A {font:12px Arial; color:#333; text-decoration:none;}
.contentor-banner H3 A:HOVER {font:12px Arial; color:#999; text-decoration:none;}
/* Popup */
.contentorPopup { background-color:#FFF; height:450px; width:600px; }
.contentorPopup h1 { border-bottom:1px solid #000; color:#437199; display:block; font:24 Georgia; height:45px; text-align:center; width:600px; }
.contentorPopup p { color:#000; display:block; font:14px Arial; height:285px; margin:10px 0px; padding:0px 60px; text-align:center; width:450px; }
.contentorPopup p a { color:#000; font:Bold 14px Arial; text-decoration:none; }
.contentorPopup p a:hover { color:#666; font:Bold 14px Arial; text-decoration:none; }
.contentorTopo { border-bottom:1px dotted #000; height:18px; text-align:right; width:600px; }
.contentorTopo a { color:#000; display:block; font:11px Arial; padding-right:20px; text-decoration:none;}
.contentorTopo a:hover { color:#999; display:block; padding-right:20px; text-align:right; text-decoration:none;}
.contentorLogo { background:url(Images/Others/claquet.png) no-repeat 230px 30px; height:200px; width:600px; }
.contentorButtom { border-bottom:1px dotted #000; height:18px; width:600px; }
/* DebugBox */
#OpenDebug { bottom: 5px; font-size:0.8em; left:20px; position:fixed; }
.debugBox { font-size:0.8em; }
/* Fancybox */
ul.fancyBox { background-color:#FFF; color:#666; font:12px Arial; margin: 0 10px; overflow:hidden; vertical-align:middle; width:575px; }
ul.fancyBox li { clear:both; margin:5px 0; overflow:auto; vertical-align: middle; }
ul.fancyBox li span { float:left; vertical-align: middle; }
ul.fancyBox li input { float: right; vertical-align: middle; }
ul.fancyBox li textarea { float: right; vertical-align: middle; }
ul.fancyBox li.title { text-decoration: underline; }
/*
.fancyBox h1 { border-bottom:1px solid #000; color:#437199; display:block; font:24 Georgia; height:45px; text-align:center; width:500px; }
.fancyBox p { display:block; height:285px; margin:10px 0px; padding:0px 60px; text-align:center; width:350px; }
.fancyBox p a { color:#000; font:Bold 14px Arial; text-decoration:none; }
.fancyBox p a:hover { color:#666; font:Bold 14px Arial; text-decoration:none; }
.contentorTopo { border-bottom:1px dotted #000; height:18px; text-align:right; width:500px; }
.contentorTopo a { color:#000; display:block; font:11px Arial; padding-right:20px; text-decoration:none;}
.contentorTopo a:hover { color:#999; display:block; padding-right:20px; text-align:right; text-decoration:none;}
.contentorLogo { background:url(Images/Others/claquet.png) no-repeat 230px 30px; height:200px; width:600px; }
.contentorButtom { border-bottom:1px dotted #000; height:18px; width:600px; }
*/
