/* CSS Document 

Copyright (c) 2012, ProTV S.A. All rights reserved.
Author: Liviu Jurubita 
Contact: juru@protv.ro
         juru@jurudesign.ro
version: v.1.
*/

@import "masterheader-protv.css";
/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { padding:0; margin:0; border:0; outline:0; font-weight:inherit; font-style:inherit;  font-family:inherit; vertical-align:baseline; }
table,tbody, tfoot, thead, tr, th, td {margin:0;outline:0;}
:focus { outline:0; }
button::-moz-focus-inner { border:0; padding:0; }
ol, ul { list-style-position:outside; list-style-type:none; list-style-image:none; }
/* end css reset */


/* GENERAL
------------------------*/
a{text-decoration:none; color:#000;}
.radius5{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.clear{clear:both; float:none;}
.left{float:left}
.right{float:right}
.bgGrey{background:#f3f3f3;}
.bgWhite{background:#fff;}
.borderGrey{border:1px solid #dfdfdf}
.blueLink{color:#39579a; font-size:11px; text-decoration:underline;}
.whiteColor{color:#fff;}
.blackColor{color:#000;}
.greenColor{color:#08c237}
.redColor{color:#F00; padding-left:10px;}
.autoMargin{margin:0 auto;}
.bottom10{margin-bottom:10px;}
.bottom20{margin-bottom:20px;}
.lineBottom{border-bottom:1px solid #dfdfdf; padding-bottom:20px;}
.padding20{padding:20px}
.padding10{padding:10px;}
.padding20lr{padding:0 20px;}
.relative{position:relative}
.buttonSize1{background:#000000 url(../images/bg/grey-buttons.gif) repeat-x; padding:7px 12px; color:#6b6b6b; font-size:11px; font-weight:bold;}
.width600{ margin-left:auto; margin-right:auto; width:600px;}

.mainNewsHead:hover, .arrowLink:hover, .rightMiniPlay:hover, a.textHead:hover{color:#666;}
.border5:hover{border-color:#999}
.border5a{padding:5px; border:1px solid #dfdfdf; background: #fafafa; margin:0px 10px 0px 0px;}
.border5a:hover{border-color:#999; background: #f0f0f0;}

/* HEADER
-------------------------*/
body{ background:#413f3e url(../images/bg/bg_serviti_sezon2.jpg) center 169px no-repeat; font-family:Arial, Helvetica, sans-serif;font-size:62.5%;}
.container{width:990px; margin:0 auto; }
.header{width:990px; margin:0 auto; height:200px; position:relative; }
.header .program{ width: 220px; height: 56px; background:transparent url(../images/btn_diff_time.png) top left no-repeat; top: 136px; left: -1px; position:absolute; z-index: 1; }
.white{background:#fff;}
a.logo{display: block; position:absolute; top:26px; left:0px; z-index: 2; width:280px; height:190px;}
.header .voyo {display:block; position:absolute; top:60px; right:0px;}

/* MENU
--------------------------*/
.menuBar{ width: 990px; height:50px; background:transparent url(../images/menu_base.jpg) repeat-x; margin: 0px 0px 5px 0px;}
.menuBar ul{ float:left; }
.menuBar li{float:left; padding-right:2px; background:transparent url(../images/menu_sep.jpg) no-repeat right; height:50px; font-size:1.6em; }
.menuBar li a{color:#FFF; padding:17px 16px 0; height:33px; display:block;}

.menu_fb{ float:right; width:300px; padding:15px 0px 0px 20px; height: 35px; background: url("../images/bg/gray-menu.gif") repeat-x scroll bottom left #FFFFFF; }
.menuBar li a:hover, .menuBar li a.special{background:transparent url(../images/menu_active.jpg) repeat-x;}
/* .menuBar li a.talent{background:transparent url(../images/buttons/esti-talentat.gif) no-repeat; width:137px; padding:22px 0px 0px; text-align:center;} */

.subMenu {margin:0 15px 10px;  width:620px;}
.subMenu li{border-left:1px solid #ffffff; border-right:1px solid #999; float:left;background:#f1f1f1; margin-bottom:10px;}
.subMenu li a{padding:10px 20px; display:block; font-size:14px; color:#000;}
.subMenu li a:hover{background:#c72019; color:#ffffff;}


/* CONTENT
------------------------*/
.content{margin:20px 0px 20px 5px;background:#FFFFFF url(../images/bg/sidebar.gif) repeat-y right; width:985px;}
.contentLeft{float:left; width:650px;}
.contentRight{float:left; width:650px; margin-left:25px; width:300px;}
.mainNews{position:relative;}
.mainNewsHead{width:200px; height:316px; top:0px; left:0px; position:absolute; display:block; color:#FFF;background:transparent url(../images/bg/black-transparent-70.png) repeat; padding:25px 15px;}
.border5{padding:5px; border:1px solid #dfdfdf;}
.secondaryNews{margin:20px 0;}
.secondaryNews li{float:left;}
.secondaryLeft{border-right:1px solid #dfdfdf; width:292px; padding:20px 20px 0 12px; vertical-align:top;}
.secondaryRight{ width:292px; padding:20px 12px 0 20px; vertical-align:top; }
.arrowLink{width:212px; margin-left:6px; color:#000; display:block; margin-top:15px; background:transparent url(../images/bg/big-arrow.gif) no-repeat 245px 25px; min-height:100px;  padding:0 80px 20px 0; }
.newsArrow{}
.hr{width:650px; height:35px; background:transparent url(../images/bg/hr.gif) no-repeat; clear:both; margin:40px 0 10px;}

.titleBar{border-bottom:1px solid #dfdfdf; padding:0 0 10px 10px; margin-left:10px;}
.video li{float:left; width:200px; padding:20px 5px 20px 10px;}
.video li.clear{float:none; clear:both; height:1px; border-bottom:1px solid #dfdfdf; width:100%; padding:0;}
.rightMiniPlay{ display:block; padding:10px 50px 0 0; background:transparent url(../images/buttons/miniplay.gif) no-repeat 155px 10px;}


/* DEZBATERE
-------------------------*/
.dezbatere{padding-left:10px;}
.debateLeft{float:left; width:305px;}
.debateTitle{height: 136px; border-bottom:1px solid #dfdfdf; display:block; margin-bottom:10px; color:#000; padding-left:10px;} 
.debateRight{float:left;width:315px; margin-left:20px;}
.nume{width:303px; height:16px; border:1px solid #dfdfdf; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:5px}
.mesaj{width:303px; height:126px; border:1px solid #dfdfdf; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;padding:5px}

/* STIRI ORIZONTALE
-------------------------*/
.hNews{width:570px; padding:20px 70px 20px 0px; border-bottom:1px solid #dfdfdf; background:transparent url(../images/bg/big-arrow.gif) no-repeat right center; margin-left:10px;}
.hNewsCenter{width:320px; float:left; margin-left:20px; font-size:14px;}
.hNewsCenter p{padding:5px 0;}


/* PAGINARE 
-------------------------*/
.paginare{padding:20px; font-size:20px; color:#fff; font-weight:bold; position:relative; text-align:right;}
.currentPage{position:absolute; top:20px; left:20px; color:#dfdfdf;}
.color{background:#f90000; color:#FFF; padding:2px 8px;}
.paginare a{color:#dfdfdf; }
.paginare a:hover{color:#666;}
.intern {color:#dfdfdf; border-top:1px solid #dfdfdf; }


/* GALERIE FOTO
------------------------*/
.marginFoto{margin: 20px 0px 0px 20px}
.marginFoto2{margin:20px 20px 0 0;}


/* VIDEOPLAYER
------------------------*/
.videoPlayerBg{width:640px; margin:20px auto; padding:20px 0px 0px; border: 1px solid #eeeeee;}
#display_player{margin-bottom:10px;}
.likeButton{width:150px; float:left;}
#embedBottom{background:#FFF; padding:10px; margin-top:10px;}

/* SOCIAL
------------------------*/
#social{background:#FFF; padding:10px; margin-top:10px;}
#social ul li{ float: left; margin-right: 20px;}


/* ARTICOL
------------------------*/
.articlePicture{margin: 0 auto 20px; width: 612px;}
.overPicture{background:transparent url(../images/bg/black-transparent-70.png) repeat; padding:10px; width:580px; position:absolute; left:6px; bottom:6px; color:#fff; text-align:right;}
.articleContent{width:420px; border-right:1px solid #dfdfdf; padding:0px 20px 20px 0; vertical-align:top; overflow:hidden;}
.articleSocial{width:150px; padding-left:20px; vertical-align:top; position:relative;}
.articleSocial ul li{margin-bottom:10px;}
.articleLike {text-align:right; color:#6b6b6b; padding-top:20px; position:relative;}
.voturi{position:absolute; bottom:0; right:-145px}
.characterContent{width:420px; float:left; margin-left:20px;}


/* TEXT
------------------------*/
.textHead{font-size:20px; font-weight:bolder; line-height:24px; letter-spacing:-0.5px; } 
.text16{font-size:16px; line-height:20px; font-weight:bold;}
.text14{font-size:14px; font-weight:bold; line-height:18px;}
.text14simple{font-size:14px;  line-height:18px;}
.text12{font-size:12px; line-height:16px; font-weight:bold; color:#000;}
.text11{font-size:11px; }
.text36{font-size:36px; font-weight:bolder; line-height:36px; letter-spacing:-0.5px;}
.date{font-size:11px; color:#4a4a4a;}
.normal{font-weight:normal;}

/* ECHIPE
-----------------------*/
.echipa{background:transparent url(../images/bg/echipe.gif) repeat-y; width:620px; position:relative; padding:0px 15px; float:left;}
.echipa ul{ padding:20px;}
.echipa ul li{float:left; width:88px; text-align:center; margin-right:13px; margin-bottom:15px;}
.coachDetails{position:absolute; width:325px; top:97px; left:305px;}
.coachDetails a {color:#4a4a4a;}
.coachDetails a:hover {text-decoration:underline;}
#characterText p{padding-bottom:20px;}
.qp_counter{padding:0 10px;}
.qp_prev, .qp_next{cursor:pointer}

/* versuri
-----------------------*/
.versuri{background:transparent url(../images/bg/echipe.gif) repeat-y; width:605px; position:relative; padding:0px 20px; float:left;}
.echipa ul{ padding:20px;}
.echipa ul li{float:left; width:88px; text-align:center; margin-right:13px; margin-bottom:15px;}
.versuri p{ margin: 0px; padding: 0px; font-size:14px; }
/* SIDEBAR
-----------------------*/
.box_fb{ float:left; width:310px; padding:15px 0px 0px 10px; margin: 0px 0px 0px 15px; height: 35px; background: url("../images/bg/gray-menu.gif") repeat-x scroll bottom left #FFFFFF; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.rightBox{width:300px; padding-top: 5px; margin-bottom:20px;}

.boxTitle ul li{float:left; }
.boxTitle ul li.active{background:transparent url(../images/bg/orange-buttons.gif) repeat-x;}
.boxTitle ul li.active a{color:#FFF;}
.boxTitle ul li a{display:block; width:92px; height:23px;text-align:center; padding-top:7px}
.boxTitle ul li.center{border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;}
.number{font-size:30px; color:#b7b7b7; font-weight:bold;}
.pollResults .title{margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #DFDFDF; font-size: 20px;
    font-weight: bolder;
    letter-spacing: -0.5px;
    line-height: 24px; display:block;}
.results li{border-bottom: 1px solid #DFDFDF;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;}
/* news box*/
.rightNews{ border-bottom: 1px solid #DFDFDF; padding: 5px 0px; float:left; }
.rightNews .image{ width: 116px; float:left; }
.rightNews .vid_title{ width: 160px; margin:0px 0px 0px 4px; float:left; }

.footer{clear:both; padding:20px; background:#FFF; text-align:center;}




.show-wrapper{width:990px;display:none;position:absolute;z-index:500;text-align:left; top:0px; left:0px; padding:10px 0px 0px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
 	background: transparent url(http://web3.protv.ro/assets/protv/design-2010/images/bg/meniu-show-over.png) repeat-x;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://web3.protv.ro/assets/protv/design-2010/images/bg/meniu-show-over.png", sizingMethod="scale");
}
.show-wrapper ul{float:left; margin-left:40px;}
.show-wrapper ul li span{display:block; margin:20px 0 10px; color:#575656; font-size:1.6em;}
.show-wrapper ul li{margin-top:7px;}
.show-wrapper ul li a{color:#007bcc; font-size:1.1em; padding-left:20px; background:transparent url(DESIGN_URLimages/bull.gif) no-repeat 9px 5px;}
.show-wrapper ul li a:hover{background-color:#007bcc; color:#FFF;}

/* embed box
/* new embed box */
.customized_embed {
	padding:5px; 
}
.customized_embed .embed {
 	width: inherit;
}
.embed_video_dimension {
	background-color:#FFFFFF;
}

.customized_embed .embed .watchembedcode {
	width: 480px;
	margin: 0px 0px 0px 10px;
}

.embed_description {
	width:585px; 
	font-size: 11px; 
	font-family: Arial, sans-serif; 
	padding: 6px 5px 0px 5px;
	padding-top:6px;
}

.sepLine {
	border: 1px solid #CCCCCC; 
	margin:1em 0;
}

.embed_sq_box {
	height: 100px;
	margin: 0px 0px 0px 50px;
}
.embed_sq_box a {
	float:left; 
	color:#999999; 
	padding:1px; 
	text-align:center; 
	text-decoration:none; 
	margin:2px;
}
.embed_sq_box .sizeController {
	background-color:#DDDDDD; 
	border:1px solid #999999; 
	margin-left:5px;
}
.embed_sq_box .helpertext {
	white-space:normal; 
	float:right; 
	font-size:12px; 
	display:none; 
	visibility:hidden; 
	margin-left:145px; 
	margin-top:1em; 
	position:absolute; 
	text-align:left; 
	width:85px; 
	font-style:italic; 
	font-size:13px;
}

.embed_dimensions_title {
	white-space:nowrap; 
	font-size:14px;
}

.embedsizecustom {
	list-style:none; 
	list-style-image:none; 
	list-style-type:none; 
	margin: 0px; 
	padding:1em; 
	text-align:right; 
	background-color:#DDDDDD; 
	border:1px solid #999999; 
	margin-left:5px;
}

.embedsizecustom li {
	margin:0.25em; 
	padding:0;
}
/* END new embed box */

/* right side player */
.box_player{
	width:  300px;
	padding-top:322px;
}
.box_player .lalaPlayer{
	    height: 30px;
    	padding: 0 39px;
    	width: 225px;
		background: transparent url(../images/tonomat-bottom.gif);
}
.box_player .box_content{
	width: 300px;
	height:190px;
	background: transparent url(../images/tonomat-bottom.gif);
	margin: 0;
	padding-top:10px;
}
.box_player .box_content .roundedBox{
	width:204px;
	margin:0px auto;
	background:#716346;	
	height:160px;
	overflow-y:scroll;
}
.box_player .box_content .song{
	cursor: pointer;
	border-bottom: 1px solid #85775b;
}

.box_player .box_content .song p{
	margin: 0px 0px 0px 0px;
	padding: 4px 0 4px 10px;
	font-size: 12px;
	color:#FFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.box_player .box_content .song.active{
	background: #8e7f5f;
}
.box_player .box_content .song:hover{
	background: #8e7f5f;
}
/* END right side player */






/* cover */
.cover {
	width:660px;
	float:left;
	padding:5px 0px 0px 0px;
	margin:0px;
	background-image:url(../images/cover_container_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.cover .photoContainer{
	width: 650px;
	height: 300px;
	position:relative;
	float: left;
	background-color:#000000;
	overflow:hidden;
}
.cover .photoContainer .overflow_helper{
	height: 300px;
	position:relative;
}
.cover .photoContainer .photo{
	width: 650px;
	height:300px;
	float:left;
	position:relative;
	text-align:center;
}

.cover .photoContainer .photo .details{
	width:630px;
	padding:10px;
	margin:0px;
	background-image:url(../images/cover_text_bg.png);
	background-repeat:repeat;
	background-position:top left;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://web3.protv.ro/assets/protv/romaniiautalent/design/images/cover_text_bg.png", sizingMethod="none");
	position:absolute;
	left:0px;
	bottom:0px;
}

.cover .photoContainer .photo .details p{
	padding:0px;
	margin:0px;
}

.cover .photoContainer .photo .details p.title{
	color:#FFFFFF;
	font-family: "Lucida Sans", Verdana, Arial;
	padding:0px 0px 5px 0px;
	font-size: 18px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:none;
}
.cover .photoContainer .photo .details p.lead{
	color:#FFFFFF;
	font-family: "Lucida Sans", Verdana, Arial;
	font-size: 12px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:none;
}

.cover .photoContainer a{
	border:none;
	outline:none;
	cursor:pointer;
}
.cover .photoContainer img{
	border:none;
}

.cover .controls_container{
	width: 650px;
	height: 27px;
	float:left;
	background-image:url(../images/cover_controls_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
}

.cover .controls_container .controls{
	height: 21px;
	padding:5px 0px 0px 0px;
	display:table;
	margin:0 auto;
}

.cover .controls_container .controls .left_sep{
	width: 5px;
	height: 21px;
	float:left;
	background-image:url(../images/cover_menu_side_left.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.cover .controls_container .controls .right_sep{
	width: 5px;
	height: 21px;
	float:left;
	background-image:url(../images/cover_menu_side_right.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.cover .controls_container .controls .btns{
	height: 21px;
	float:left;
	padding:0px 5px 0px 5px;
	margin:0px;
	background-image:url(../images/cover_menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}
.cover .controls_container .controls .btns a.cover_btn{
	width:12px;
	height:12px;
	display:inline-block;
	margin:3px 3px 0px 3px;
	float:left;
	background-image:url(../images/cover_menu_btn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.cover .controls_container .controls .btns a.cover_btn_active{
	width:12px;
	height:12px;
	display:inline-block;
	margin:3px 3px 0px 3px;
	float:left;
	background-image:url(../images/cover_menu_btn.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

.cover .pointers{
	width: 650px;
	height:10px;
	position:relative;
	float:left;
}
.cover .pointers .lp{
	width:30px;
	height:60px;
	position:absolute;
	left:0px;
	bottom:175px;
	background-image:url(../images/cover_control_left.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-position:top left;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://web3.protv.ro/assets/protv/romaniiautalent/design/images/cover_control_left.png", sizingMethod="none");
	cursor:pointer;
	z-index:102;
}
.cover .pointers .rp{
	width:30px;
	height:60px;
	position:absolute;
	right:0px;
	bottom:175px;
	background-image:url(../images/cover_control_right.png);
	background-repeat:no-repeat;
	background-position:top left;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://web3.protv.ro/assets/protv/romaniiautalent/design/images/cover_control_right.png", sizingMethod="none");
	cursor:pointer;
	z-index:103;
}

#ImageBoxOverlay{
	z-index: 10000;
}
#ImageBoxOuterContainer{
	z-index: 15000;
}


/* e: cover */