/*
** CSS layout file per Mocambo TV
** By Federico Capoano - MutaWeb http://www.mutaweb.com
*/

body{
	background:				#FFF url(../images/tpl-bgBody.png) repeat-x scroll 0 0;
	text-align:				center;
	font-family:				"Arial", "Helvetica", "Garuda", "Utkal", "FreeSans", sans-serif;
	color:					#929292;
	line-height: 			18px;
}

#container{
	width:					954px;
	margin:					0 auto;
	background:				transparent url(../images/tpl-bgContainer.png) repeat-y scroll center 0;
	text-align:				center;
}

#head img{
	width:					954px;
	height: 					134px;
}

/* -------------------------- Classi frequenti -----------------------------*/

.leftcol{
	float:					left;
	text-align:				center;
}

.rightcol{
	float:					right;
	text-align:				center;
}

.inner{
	margin:					0 auto;
	text-align:				left;
}

.box {
	float:					left;
}

hr.long{
	clear:					both;
	width:					830px;
	margin:					0 auto 15px !important;
	margin:					0 auto 10px;
}

div.hr hr.long{
	margin:					0 auto !important;
}

div.hr{
	clear:					both;
	padding-bottom:		15px !important;
	padding-bottom:		10px;
	text-align:				center;
}

div.errorbox, div.msgbox {
	width:					80%;
	margin:					20px auto;
	padding:					15px 0;
	background-color:		#131313;
	color:					white;
	font-weight:			bold;
	font-size:				14px;
	text-align:				center;
	border:					1px solid #D40102;
}

div.msgbox{
	border: 1px solid #7AD200;
}

.clear{
	clear:					both;
}

div.defaultpage h2{
	margin-top: 			10px;
	margin-bottom:			10px;
	font-size:				20px;
}

div.defaultpage p{
	margin:					5px 0;
	font-size: 12px;
	color: #BFBFBF;
	font-weight: normal;

}

.default{
	margin:					20px auto;
}

.inputtext{ /* vedere .login input */
	margin-bottom:			5px;
}

.button{
	width:					115px;
	height:					28px;
	padding-bottom:		3px;
	background:				transparent url(../images/button-dark.png) no-repeat scroll 0 0;
	color:					white;
	font-weight:			bold;
	line-height:			20px;
	border:					0 none;
}

@media all and (min-width: 0px) {
	.button { padding: 0; }
	body:not(:root:root) .button { line-height:15px; padding-bottom: 1px; }
}

.dates{
	background:					#C9C9C9;
	border:						1px solid black;
}

.defaultpage{
	color:					#cccccc;
}

#topBody .leftcol a,
.defaultpage a,
.straight a, #bottomBody li.listsearch a,
#my2.inner .contributi a

{
	color:					white;
	text-decoration:		none;
}

#topBody .leftcol a:hover,
.defaultpage a:hover,
.straight a:hover, #bottomBody li.listsearch a:hover,
#my2.inner .contributi a:hover{
	text-decoration:		underline;
}

/* -------------------------- Head  -----------------------------*/

#head h1{
	position:				absolute;
	top:					-3333px;
	left:					0;
	overflow:				hidden;
}

#head a{
	position:				relative;
}

#topBody{
	padding:				0 6px;
	width: 				938px;
}

#topBody div.banner{
	float: 				left;
}

p.banner a{
	position:				relative;
	display:					block;
	margin-left: 			2px;
	height:					70px;
		width:				423px;
	background:			   transparent url(../images/tpl-banner.png) no-repeat scroll 0 0;
	text-align:				left;
	text-indent:			-1300px;
	overflow:				hidden;
}
p.banner.disabled a{
	background-image:		url(../images/tpl-banner-loggato.png);
}
p.banner.disabled a:hover, p.banner a:hover{
	background-position: 0 bottom;
}

#topBody div.search {
	float: 					left;
	padding:    			22px 0px 0px 30px;
	text-align: 			left;
}

#topBody input#search_id {
	position: 				relative;		
	width:					193px;
	height:					22px;
	padding:					3px 7px 0;
	background:				transparent url(../images/inputbox01.png) no-repeat 0 0!important;
	background:				transparent url(../images/inputbox01.png) no-repeat fixed 0 0;
	font-size:				13px;
	font-weight:			normal;
	letter-spacing:		1px;
	border:					0 none;
	margin-right: 			10px;
	color: 					White;
}

*:first-child+html #topBody input#search_id{
	width:					190px;
	background-position:	right 0 !important;
}

@media all and (min-width: 0px){
	#topBody input#search_id{
		height:				25px;
		padding-top:		0;
	}
}

#topBody select#search_typ {
	position: 				relative;
	width:					159px;
	height:					23px;
	font-size:				13px;
	font-weight:			normal;
	letter-spacing:		1px;
	border:					1px solid black;
	background-color:		#797979;
	margin: 					0!important;
	margin-top: 			2px;
	color: 					White;
}

#topBody a#cerca{
	display:					block;
	position:				relative;
	margin-left:			10px;
	width:					74px;
	height:					26px;
	text-indent:			-1000px;
	overflow:				hidden;
	background:				transparent url(../images/tpl-btn-cerca.png) no-repeat scroll 0 0 !important;
	background-image:		url(../images/tpl-btn-cerca.png);
}

#topBody div.space {
	clear: 				both;
	background:			transparent url(../images/tpl-antimain-bg.png) no-repeat top center;
	width: 				938px;
	height:				15px;
	padding-bottom: 	1px;
}

/* -------------------------- Corpo -----------------------------*/

#topBody .inner{
	position:				relative;
	height:					auto !important;
	height:					207px;
	min-height:				207px;
}

#topBody div.rightcol .inner{
	width:					201px;
	padding:					23px 18px 0;
}

#topBody div.leftcol{
	width:					684px;
	float: left;
}

#topBody div.rightcol{
	width:					254px;
	padding-bottom:		20px;
	float: right;
}

#topBody .leftcol .inner{
	width:					622px;
	padding:					0 24px 0 21px;
	font-size:				12px;
	text-align:				justify;
}

#topBody ul.rightcol{
	list-style:				none outside;
	margin-right:				13px;
}

#topBody ul.rightcol li{
	margin:					5px 0 0;
}

#middleBody{
	clear:					both;
}

/* -------------------------- Destra - Login Box -----------------------------*/

.login,
.logged{
	position:				relative;
	background:				transparent url(../images/tpl-bgDxLogin.png) no-repeat scroll center 0;
}

.logged{
	margin-bottom:			10px;
}

.login h3{
	padding:				0 22px;
}

.login p.leftcol{
	padding:				0 18px;
}

.login p.rightcol,
.logged{
	padding-right:				10px;
}

#signup span,
#logout span{
	position:				absolute;
	top:					-99999px;
	left:					0;
	overflow:				hidden;
}

#signup,
#logout{
	position:				relative;
	display:				block;
	width:					70px;
	height:					16px;
	background:				transparent url(../images/registrati.png) no-repeat scroll 0 0;
	overflow:				hidden;
}

#signup:hover{
	background:				transparent url(../images/registrati.png) no-repeat scroll 0 bottom;
}

#logout{
	width:					46px;
	height:					15px;
	margin-right:			20px;
	background:				transparent url(../images/logout.png) no-repeat scroll 0 0;
}

#logout:hover{
	background-position: 0 -15px;
}

.login form{
	padding-top:				30px;
	margin:					0;
	padding-bottom:				20px;
	background:				transparent url(../images/tpl-hrDx.png) no-repeat scroll center bottom;
}

p.avatar{
	clear:					both;
	width:					100%;
	padding:					25px 0 25px;
	background:				transparent url(../images/tpl-hrDx.png) no-repeat scroll 35% bottom !important;
	background-position:	35% bottom;
	text-align:				center;
}

/* Opera 9 */
@media all and (min-width:0px) {
	p.avatar { 
		clear:				both !important;
	}
}

.logged .modifica{
	display:					block;
	width:					128px;
	height:					25px;
	background:				transparent url(../images/modifica-profilo.png) no-repeat scroll 0 0;
	margin:					10px auto 0;
	text-indent:			-1000px;
	overflow:				hidden;
}

.logged .modifica:hover {
	background:				transparent url(../images/modifica-profilo.png) no-repeat scroll 0 -25px;
}

.login form p{
	margin:					3px 0;
}

.login label{
	font-size:				12px;
	color:					#999999;
}

.login form p input{
	margin-bottom:				12px;
}

.login input,
.inputtext{
	width:					168px;
	height:					20px;
	padding:				5px 10px 0;
	background:				transparent url(../images/inputbox.png) no-repeat scroll 0 0;
	font-size:				11px;
	font-weight:				bold;
	letter-spacing:				1px;
	border:					0 none;
}

*:first-child+html .inputtext,
*:first-child+html .login input{
	background-position:	right 0;
}

/* targets Opera 9 & below */
html:first-child .login input,
html:first-child .inputtext{
	height:					25px;
	padding:					0 10px 0;	
	line-height:			25px;
}

.login button,
.newsletter button{
	background:				transparent none;
	border:					0 none;
}

.login a{
	font-size:				10px;
	color:					#99ff00;
	text-decoration:			none;
}

.forgot{
	position:				relative;
	top:					-11px !important;
	top:					-9px;
}

*:first-child+html .forgot{
	top:					-9px !important;
}

.forgot:hover{
	text-decoration:		underline;
}

/* -------------------------- Destra - Ultimi 3 utenti registrati -----------------------------*/

.lastusers{
	position:				relative;
	background:				transparent url(../images/tpl-bgDxUltimi.png) no-repeat scroll center 0;
}

.lastpost{
	position:				relative;
	background:				transparent url(../images/tpl-bgDxUltimi.png) no-repeat scroll center 0;
}

.lastusers h3{
	margin:					-6px auto 30px 10px;
	font-size:				15px;
	font-weight:			bold;
	color:					#FF2525;
	text-align:				left;
}
.lastusers p {
	font-size: 				11px;
	line-height: 			14px;
	margin-top: 			10px;
	padding-left: 			8px;
}

.lastpost p {
	font-size: 				11px;
	line-height: 			14px;
	margin-bottom: 			10px;
}

.lastusers.mctv p {
	margin-top: 			13px;
}

.lastusers p a {
	text-decoration: 		none;
	color:					#929292;
}
.lastusers.mctv p a{
	display:					block;
	padding-left: 			12px;
}
.lastusers.mctv p a.active{
	background:				transparent url(../images/tpl-ico-frecciabianca.png) no-repeat scroll 0pt 3px;
}
.lastusers p a:hover{
	text-decoration: 		none;
	color: 					#FF2525;
}
.lastuser.mctv p a.active {
	background: 			transparent url(../images/tpl-ico-frecciabianca.png) no-repeat scroll 0pt 8px;
}

.lastusers p.all-events {
	font-size: 				12px;
	line-height: 			14px;
	font-weight:			normal;
}
.lastusers p.all-events a{
	text-decoration: 		none;
	color:					white;
}
.lastusers p.all-events a:hover{
	text-decoration: 		underline;
	color:					white;
}

a.linkprofile{
	padding-left:			20px;
	background:				transparent url(../images/user.gif) no-repeat scroll left center;
	font-size:				14px !important;
	color:					#3399ff !important;
	font-weight:			bold;
	/*color:					white !important;*/
}

/* -------------------------- Footer  -----------------------------*/

#footTopBg{
	margin-top:				-4px;
	height:					20px;
	width:					100%;
	background: 				transparent url(../images/tpl-bg-sfuma-footer.png) repeat-x scroll 0 0;
}

#foot{
	float:					left;
	width:					100%;	
	background:				#d2d2d2 none !important;
	background:				#CDCDCD none;
}

/* Aggiustamenti per opera 9 */
@media all and (min-width:0px) {
	#foot { 
		float:				none;
		height:				171px;
		padding-bottom:			15px;
	}
	#foot .last  {
		float:				none !important;
		height:				15px;
		position:			relative;
		top:					20px;
		padding-bottom:			20px;
	}
}

#foot .inner{
	width:					938px;
	padding:					0;
	font-size:				14px;
	line-height:			18px;
	color:					#5e5e5e;
}

#foot .box{	
	width:					160px;
	padding-right: 		20px;
}

#foot .notitle{
	padding-top:				27px;
}

#foot .box h4{
	margin:					0 0 10px 0;
	font-size:				18px;
	font-weight:				normal;
}

#foot .box a{
	color:					#5e5e5e;
	text-decoration:			none;
}

#foot .box a:hover{
	border-bottom:				1px dotted #5e5e5e;
}

#foot .last{
	clear:					both;
	float:					left;
	width:					100%;
	margin:					20px 0 0;
	padding:				7px 0;
	background:				#5c5c5c none !important;
	border-top:				#3c3c3c;
}

#foot .last .inner2{
	width:					938px;
	color:					#cccccc;
	font-size:				10px;
	font-weight:				bold;
	text-align:				left;
}

#foot .last a{
	color:					#cccccc;
	text-decoration:			none;
}

#foot .last a:hover{
	border-bottom:				1px dotted #cccccc;
}

/*----------------- FEDERICO --------------*/

.leftcol span.title, .title.name a{
	color:						#00CCFF;
}

.title.name a{
	color:						#00CCFF
}

.listsearch p{
	margin: 0 !important;
}

.leftcol p.title.name a,
#generale.video li h3, #bottomBody.audio li h3{
	margin:						0;
	color:						#00CCFF !important;
	font-size:					12px;
	font-weight:				bold;
	text-transform:			lowercase;
}

 #bottomBody.audio li.listsearch h3{
 	color:						#99FF00 !important;
 }

div#generale.video ul.cols4{
	background:					transparent none;
}

@media all and (min-width: 0px) {
	body:not(:root:root) .listcontainer ul.cols4{ /* safari & webkit */
		width:					620px;
	}
}

div#generale.video ul.cols4 li,
.listcontainer ul.cols4 li{
	width:						23%;
	padding-right:				2%;
}

.listcontainer ul.cols4 li{
	padding:						0 1%;
	text-align:					center;
}

.listcontainer ul.cols4 li p{
	margin:						5px 0;
}

.listcontainer ul.cols4 li .title{
	font-weight:				bold;
}

.listcontainer ul.cols4 li a:hover{
	text-decoration:			none !important;
}

#bottomBody.audio li.listsearch{
	width:						17%;
	padding-right:				1%;
	height:						260px;
}

#bottomBody.audio hr{
	margin-bottom:				10px;
}

#generale.video li h3,
#generale.video li p,
#bottomBody.audio li.listsearch h3,
#bottomBody.audio li.listsearch p{
	margin:						2px 0 !important;
	line-height:				13px !important;
	text-align:					left;
}

#generale.video li.listsearch p.thumb,
 #bottomBody.audio li.listsearch p.thumb{
	margin:						5px 0 !important;
}

.leftcol p.title.name a:hover{
	
}

ul.channels,
ul.cols2, ul.cols3, ul.cols4{
	float:						left;
	width:						100%;
	list-style:					none outside;
}

ul.channels li,
ul.cols2 li, ul.cols3 li, ul.cols4 li{
	float:						left;
	width:						24.9%;	
	margin:						10px 0;
}

ul.cols2 li{
	width:						50%;
	height: 250px;
}

ul.cols3 li{
	width:						33.3%;
}

ul.channels li h3{
	color:						#999999;
	font-size:					12px;
}

.friendsform{
	margin:						0 !important;
	padding:						10px 0 20px;
}

ul.channels li p, ul.channels li h3,
ul.cols4 li p, ul.cols4 li h3{
	margin:						2px 0;
}

ul.channels li p,
#bottomBody.audio li.listsearch p{
	font-size:					11px;
}

#others{
	margin:						10px auto;
}

#others p{
	margin:						5px 0;
}

#others h3{
	font-size:					12px;
	margin-bottom:				0;
}

.details h3 span, #mostactive h3 span{
	color:						#00ccff;
}

#mostactive h3, .details h3{
	font-size:					14px;
	font-weight:				bold;
}

#mostactive ul li p{
	margin:						3px 0;
}

#container .details ul li p a,
#topBody #mostactive p.user a{
	color:						#999999;
}

#container .details ul li p a:hover,
#topBody #mostactive p.user a:hover{
	color:						#00ccff;
	text-decoration:			none;
}

.details{
	float:						left;
	padding:						0 0 10px 0 !important;
	padding:						0;
}

*:first-child+html #viewedmost{
	padding:						0 !important;
}

.details h3{
	margin:						15px 0 15px;
}

.details .leftcol, .details .rightcol{
	width:						290px !important;
}

.details div.leftcol, .details div.rightcol{
	text-align:					left !important;
}

.details li p{
	font-size:					11px;
}

.details li p.user{
	font-size:					12px;
}

.details li p span{
	color:						#00ccff
}

textarea.code{
	padding:						0 !important;
}

#mostrated_tab, #mostviewed_tab{
	display:						none;
}

#rightBox{
	float:						right;
	width:						219px;
	margin:						20px 0 0px;
	font-size:					11px;
	text-align:					left;
}

#rightBox h3{
	color:						#00CCFF;
	font-size:					14px;
	font-weight:				bold;
}

#rightBox ul{
	float:						left;
	list-style:					none outside;
}

#rightBox ul li{
	clear:						left;
	float:						left;
	padding:						5px 0;
	width:						100%;
}

#rightBox ul li p{
	float:						left;
	width:						140px;
	line-height:				13px;	
}

#rightBox ul li .thumb{
	width:						70px;
	margin:						0 5px 0 0;
}

#rightBox span{
	color:						#00CCFF;
}

#rightBox a{
	color:						#999;
	text-decoration:			none;
}

#rightBox a:hover{
	color:						white;
}

.wc h2, .wc h3{
	margin:						5px 0;
	font-size:					14px;
	color:						#00CCFF;
}

.wc h3.featured{
	height:						auto !important;
	height:						22px;
	min-height:					22px;
	line-height:				22px;
	background:					transparent url(../images/tpl-ico-cocarda.png) no-repeat scroll right top;
}

.wc h3 a{
	color:						#00CCFF !important;
}

.wc h3{
	margin:						0;
	font-weight:				normal;
}

.wc p{
	margin:						5px 0;
}

.wc .thumb{
	float:						left;
	overflow:					hidden;
	position:					relative;
	width:						auto;
	margin:						5px 12px 5px 0;
}

.wc .thumb a span{
	overflow:					hidden;
	position:					absolute;
	display:						block;
	top:							0;
	width:						120px;
	height:						90px;
	background:					transparent url(../images/hover-play.png) no-repeat scroll center center;
	text-indent:				-1000px;
}

.thumb a span{
	left:							0;
	visibility:					hidden;
}

 .wc .thumb a:hover span{
	cursor:						pointer;
	visibility:					visible;
}

.wc .go{
	float:						right;
	width:						486px;
}

.wc .go span{
	float:						left;
	color:						#666666;
}

.wc .go a{
	float:						right;
	height:						25px;
	padding:						0 0 0 25px;
	background:					transparent url(../images/tpl-ico-playdark.png) no-repeat scroll 0 0;
	color:						#00CCFF !important;
	line-height:				22px;
}

.wc a:hover{
	color:						white !important;
	text-decoration:			none !important;
}

.wc hr.clear{
	margin:						5px 0 10px;
}

p.wcImg{
	margin:						15px 0;
}

#view-video #flashcontent{
	position:					relative;
	left:							-6px;
}

#view-video hr{
	margin:						15px 0;
}

#video-actions{
	float:						right;
	width:						226px;
	margin:						35px 13px 15px;
	text-align:					left;
}

#video-actions .dotted{
	width:						92%;
	text-align:					center;
}

#video-actions .box{
	width:						100%;
	margin:						1px 0;
	padding:						1px 1px 5px 1px;
	background-color:			#CCCCCC;	
}

#video-actions h3{
	height:						31px;
	margin:						0 0 5px;
	padding:						0 0 0 6px;
	background:					transparent url(../images/tpl-bg-title-dx-wc.png) repeat-x scroll 0 0;
	line-height:				31px;
	font-size:					16px;
	font-weight:				bold;
	color:						#666666;
	text-align:					left;
}

#video-actions h4{
	margin:						5px 0;
	padding:						0 8px;
	color:						#3399ff;
	font-size:					14px;
}

#video-actions .box p{
	padding:						0 8px;
	font-size:					12px;
	color:						#666666;
	text-align:					justify;
}

#video-actions .box p a.download{
	float:						right;
	display:						block;
	width:						41px;
	height:						41px;
	margin:						0 0 0 15px;
	text-decoration:			none;
}

#video-actions .sendfriend label{
	font-size:					14px;
}

#video-actions input{
	width:						98%;
	padding:						2px 1% 2px !important;
	background-color:			#DEDEDE;
	font-size:					12px;
	border:						0 none;
}

#video-actions .sendfriend button{
	float:						right;
	padding:						0 0 0 6px;
	background:					transparent url(../images/tpl-ico-frecciablu2.png) no-repeat scroll 0 center;
	font-weight:				bold;
	font-size:					14px;
	color:						#3399FF;
	border:						0 none;
}

*:first-child+html #video-actions .sendfriend button{
	padding:						0 0 0 4px;
}

@media all and (min-width:0px) {
	#video-actions .sendfriend button{
		padding:						0 0 0 10px;
	}
}

#myfriends-content,
#groups-content{
	padding-bottom:			20px;
}

#myfriends-content ul,
#groups-content ul{
	list-style:					none outside;	
}

#myfriends-content ul .thumb,
#groups-content ul .thumb{
	float:						left;
	margin-right:				10px;
}

#myfriends-content ul li,
#groups-content ul li{
	clear:						both;
	padding:						10px 0;
}

#myfriends-content ul li form{
	margin-top:					30px;
}

#myfriends-content ul li hr,
#groups-content ul li hr{
	margin-bottom:				20px;
}

#groups-content {
	margin-top:					15px;
}

#myfriends-content li p span,
#groups-content li p span{
	color:						#00CCFF;
}

#imgview{
	margin:						0 0 20px;
}

#scroller{
	text-align:					center;
}

#scroller a{
	margin:						0 12px;
}

#scroller .arrow{
	position:					relative;
	top:							-40px;
	margin:						0;
}

#scroller .arrow:focus,
#grouplist .left a:focus{
	outline:						0 none;
}

.pagingnav a, .order a{
	color:						white;
	text-decoration:			none;
}

.pagingnav a:hover, .order a:hover{
	text-decoration:			underline;
}

.pagingnav, .order{
	font-size:					12px;
}

.pagingnav{
	clear:						both;
	margin:						15px 0 10px;
	text-align:					left;
}

#my ul li.left p,
#my ul li.right p, #my li.center p,
#my2 ul li.left p,
#my2 ul li.right p, #my2 li.center p{
	font-size:					11px;
	line-height:				17px;
}

#voteProcess img{
	cursor:						pointer;
}

.datianagrafici p.description{
	color:						white;
	margin:						5px auto;
	font-size:					12px;
}

.formTable.first{
	margin:						15px 0;
}

#bottomBody.audio .inner{
	padding-left:					0;
	margin: 0;
}

.listsearch.favour{
	height:							275px !important;
}

.candidatura.profilo{
	margin-top:						-15px;
}

#testo_video,
#titolo_video{
	width:							450px !important;
}

#titolo_video{
	margin-left:					0;
	text-align:						left;
	line-height:					20px;
	font-size: 						18px;
}

.straight.datianagrafici .formTable p{
	color:							#BFBFBF;
	font-size:						12px;
}
h5{
	font-size:						11px;
	text-align:						left;
}

#grouplist p{
	margin:							3px 0;
	line-height:					16px;
}

#grouplist .text{
	width:							489px;
}

#grouplist .moduleEntryThumb{
	margin-right:					10px;
}

#grouplist span{
	color:							#00CCFF;
}

#grouplist hr{
	margin-bottom:					15px;
}

#add_group_topic p,
#invitenewfriend p{
	margin:							5px 0;
}

/*#mocamboTvLogin{
	min-height:						270px !important;
}*/

.uubodyras {
	background-color: #2B2B2B!important;
	background-image: none!important;
}
.mrkhide {
	display: none;
}
.uubodyras #container #topBody .errorbox{
	width: 615px;
	float: left;
}
#accordion .default {
	margin-top: 0!important;
}
#fase-tre .up-titolo {
	font-weight: normal;
}
.menu-top-norass h2{
	font-size: 18px;
	font-weight: normal;
	color: #fff;
}
.pagnav{
	margin:	15px 13px 10px;
}
.hr97 {
	width: 100%;
	margin-left: 13px;
}
.hrml5 {
	margin-left: 5px;
}
.m20m20 { 
	padding: 20px 20px 0 20px!important; 
}
#negmar li.left p.rightcol {
	margin-left: 0!important;
}
.untitledbox .default input {
	margin-top: 5px;
}
.untitledbox .default select {
	margin-top: 5px;
}