/* CSS Document 
Author: Mihai Ciobanu
mihaicc@protv.ro 
copyright PRO TV S.A. 2010
*/
#playerArea{
	padding:0px;
	margin:0px;
	border-left:1px solid #F19BB4;
}

.articleVideo{
	width:978px;
	text-align:center;
	float:left;
	padding:15px 0px 0px 0px;
	background-color:#ffffff;
}

#playerColumn{
	background:url(http://web3.protv.ro/assets/perfecte/design/images/bg/header_top.gif) repeat scroll 0 0 #FFFFFF;
	width:978px;
	padding:5px 0px 5px 0px;
}

.boxTabs2 ul, .boxTabs2{
	background:#DF1E55;
	width:800px;
}

.boxTabs2 li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	width:246px;
}

#tab_most-viewed{
	border-left:1px #FFF solid;
	border-right:1px #FFF solid;	
}

.descriptionColumn {
	width:954px;
	float:left;
	padding:14px 10px 14px 14px;
	margin:0px;
}

.descriptionArticleText {
	width:630px;
	float:left;
	padding:0px;
}

.descriptionColumn h1{
	color:#DF1E55;
	font-family:Verdana,Geneva,sans-serif;
	font-size:2.8em;
	font-weight:normal;
	margin:10px 0px 0px 0px;
}	

.descriptionColumn .headline{
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	color:#666565;
	padding-top:15px;
	margin:0;
	line-height:1.4em;
}

.descriptionBanner {
	width:300px;
	float:right;
	padding:0px;
	margin:0px;
}

.embedAndFb {
	width:630px;
	float:left;
	padding:0px;
	margin:0px;
}

.infoBar {
	width:630px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
}

.infoBarLeft {
	width:300px;
	float:left;
	padding:0px;
	margin:0px;
	text-align:left;
}

a.viewTheArticle {
	float:left;
	padding:3px 5px 3px 5px;
	margin:0px 20px 0px 0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border:solid 1px #cccccc;
}
a.viewTheArticle:hover {
	float:left;
	padding:3px 5px 3px 5px;
	margin:0px 20px 0px 0px;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	border:solid 1px #cccccc;
}

.infoBarRight {
	float:right;
	padding:0px;
	margin:0px;
}

.mail {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -43px 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:21px;
	margin:-3px 5px 0;
	width:21px;
}
.mail:hover {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -192px 0 transparent;
}
.ym {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -85px 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:21px;
	margin:-3px 5px 0;
	width:21px;
}
.ym:hover {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -234px 0 transparent;
}
.facebook {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -106px 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:21px;
	margin:-3px 5px 0;
	width:22px;
}
.facebook:hover {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -255px 0 transparent;
}
.twitter {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -128px 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:21px;
	margin:-3px 5px 0;
	width:21px;
}
.twitter:hover {
	background:url(http://www.sport.ro/design/sport/images/sprite-article.gif) repeat scroll -277px 0 transparent;
}

.fbAndTwitter {
	width:630px;
	float:left;
	padding:20px 0px 10px 0px;
	margin:0px;
}

.embedContainer {
	width:620px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-top:1px;
	padding:5px;
}
/*Video popup--------------------------------*/
#wrapper3 {
	width:775px;
	margin:auto;
}



#descriptionColum{
	text-align:left;
	width:100%; /*width:371px;*/
	margin:0 auto;
}
#descriptionColum H1 {
	margin:10px 20px 10px 20px;
	font-size:2em;
}

#descriptionColum p{
	margin:0 20px 10px 20px;
}
#movieDescription {
	/*
	height:195px;
	overflow:auto;
	*/
}
.topLineRelatedVideo {
	width:980px;
	height:8px;
	border-left:0 none;
	clear:both;
	display:block;
	background:url(http://web3.protv.ro/assets/perfecte/design/images/sprite-perfecte.gif) repeat scroll 0 0 #FFFFFF;
	overflow:hidden;
}
.bottomLineRelatedVideo {
	width:980px;
	height:8px;
	display:block;
	background:#ffffff url(http://web3.protv.ro/assets/perfecte/design/images/sprite-perfecte.gif) repeat scroll 0 -8px;
	overflow:hidden;
}
.relatedVideoContainer {
	width:979px;
	padding:0px;
	border-right:1px solid #F19BB4;
	background-color:#ffffff;
}
#relatedVideosTab{
	width:950px;
	padding:10px 10px 10px 15px;
	font-family:Verdana,Geneva,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#DF1E55;
}
#relatedVideos{
	border-bottom:10px solid #fff;
	overflow:auto;
	margin:0;
	padding:0;
}
#relatedVideos ul{
	margin:0px 20px 0px 20px;
	padding:0px;
	border-top:1px dotted #CCCCCC;
}
#relatedVideos li{
	list-style:none;
	padding:11px 0px 11px 0px;
	margin:0;
	display:block;
	border-bottom:1px dotted #CCCCCC;
}
#relatedVideos a,#relatedVideosTab a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
#relatedVideos a:hover, #relatedVideosTab a:hover{
	text-decoration:underline;
}

.boxTabs2{
	clear:both;
	margin:0 auto;
}
.boxTabs2 ul{
	padding:0;
	margin:1px 0 0 0;
}
.boxTabs2 li{
	list-style:none;
	float:left;
	padding:5px 10px;
    color:#FFFFFF;
}
.boxTabs2 .active{
	background-color:#FFFFFF;
	color:#000000;
}
#browseBoxTabs{
	width:100%;
	padding:10px 10px 0px 10px;
	text-align:left;
	clear:both;
	border-left:1px solid #F19BB4;
	background-color:#ffffff;
}
#browseBoxTabs a{
	background:none;
}
#browseBoxTabs ul{
	padding:0;
	margin:0;
	border:4px solid #FFFFFF;
	border-bottom:0;
	display:block;
	height:30px;
	width:300px;
	position:relative;
	/*z-index:-1;*/
}
#browseBoxTabs li{
	list-style:none;
	background-color:#E6E6E6;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:8px 10px 8px 10px;
	height:14px;
}
#browseBoxTabs .active {
	background-color:#DF1E55;
	color:#FFFFFF;
	float:left;
}
#browseBox {
	background-color:#FFF;
	color:#000;
	text-align:left;
	padding:10px;
	width:963px;
	border-left:1px solid #F19BB4;
	border-top:1px dotted #F19BB4;
}

.searchVideo {
	width:300px;
	float:right;
	height:25px;
	margin-top:-42px;
	position:relative;
	background:url(http://web3.protv.ro/assets/perfecte/design/images/sprite-perfecte.gif) repeat scroll 0 -200px transparent;
}



#categoryVideoContent {
	overflow:hidden;
	width:780px;
	padding:0 0 0 13px;
	font-size:12px;
	font-weight:bold;
}

#browseBoxCategories{
	/*height:135px;*/
	overflow:auto;
	width:160px;
	float:left;
	font-size:12px;
}
#browseBoxCategories ul {
	margin:0;
	padding:0;
	/*border-right:1px solid #7D7D7D;*/
}
#browseBoxCategories li {
	list-style:none;
	padding: 2px 0 2px 0;
	font-size:0.85em;
}
#browseBoxCategories li:hover {
	background-color:#7D7D7D;
}

#browseBoxCategories .active{
	padding:2px;
	background-color:#313131;
	color:#FFF;
}

#browseBoxCategories a{
	background:transparent;
	padding: 2px 0 2px 0;
	font-size:11px;
	font-weight:normal;
	color:#000;
}

#browseBoxCategories a:hover{
	  background-color:#E8E8E8;
	  	color:#000;
  }

#browseBoxItems{
	float:left;
	height:120px;
	/*overflow:auto;*/
}
#browseBoxItems img {
	border:1px solid #707070;
}
#browseBoxItems ul{
	width:570px;
	padding:6px 0 0 14px;
	margin:0;
	height:110px;
	overflow:auto;
}
#browseBoxItems li{
	width:65px;
	margin:0 10px 4px 0;
	list-style:none;
	float:left;
}

#browseBoxItems2{

	 overflow:hidden;
	/*height:120px;*/
	/*overflow:auto;*/

}
#browseBoxItems2 img {
	border:1px solid #707070;
	float:left;
	margin-right:3px;
}
#browseBoxItems2 ul{
	/*width:473px;width:570px;*/
	padding:6px 0 0 0px;
	margin:0;

}
#browseBoxItems2 li{
    width:250px;
	overflow:hidden;
	margin:0 7px 14px 0;
	list-style:none;
	float:left;
}

#browseBoxItems2 .thumbImage{
	margin-right:7px;	
}
#browseBoxItems3{
	float:left;
	/*overflow:auto;*/

}

#browseBoxItems2 li.clearVideo, #browseBoxItems3 li.clearVideo{
	clear:both;
	float:none;
	width:100%;
	margin:0;
	height:14px;
	border-top:1px dotted #F19BB4;
}
#browseBoxItems3 img {
	border:1px solid #707070;
	float:left;
	margin-right:3px;
}
#browseBoxItems3 ul{
	padding:6px 0 0 14px;
	margin:0;
}
#browseBoxItems3 li{
	float:left;
	list-style:none outside none;
	margin:0 7px 14px 0;
	overflow:hidden;
	width:300px;
}

.thumbsNavigation {
	padding:0px 0px 10px 0px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px dotted #F19BB4;
}


/*-----------POPUP DIV ----------------*/

.popupBoxItems{
	float:left;
	height:395px;
	text-align:left;
	overflow:auto;
	margin:10px 0;
}
.popupBoxItems a{
  font-size:0.85em;
}
.popupBoxItems img{
	border:1px solid #707070;
	float:left;
	margin-right:3px;
}
.popupBoxItems ul{
	padding:3px 0 0 15px;
	margin:0;
	height:300px;
	overflow: hidden;
}
.popupBoxItems li{
	width:365px;
	height:85px;
	overflow: hidden;
	margin:0 5px 1px 0;
	list-style:none;
	float:left;
}
.popupTabActive{
  background:#FAFAFA;
}

.thumbDescription, .thumbDescription a{
	height:70px;
	font-size:12px;
	line-height:1.4em;
	font-weight:bold;
	overflow:hidden;
}
.thumbDescription a:hover{
	background:none;
	text-decoration:underline;
}