/****************************************************************************************************************/
/*  CSS Video													*/
/****************************************************************************************************************/

/* Generale */

#videopagelayout a,
#videopagelayout a:link,
#videopagelayout a:visited
{
	text-decoration: none;
	color: #3399cc;
}

#videopagelayout a:hover,
#videopagelayout a:active
{
	color: red;
	font-size: 100%;
}

#edit_sub
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}


#edit_helper
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	width: 350px;
	height: 400px;
	background-color: #D2E9F4;
	border: 1px #6BCFFF solid;
}

#edit_helper .content
{
	position: relative;
	width:100%;
	height:100%;
}

/* Menu */
.navi_panel
{
	float: left;
	width: 740px;
	text-align: center;
	margin-bottom: 15px;
}

.navi_panel .navi_tabs
{
	width: 740px;
	padding-left: 120px;
	padding-right: 120px;
	height: 30px;
	background: transparent url(http://www.freebar.org/fbdir/immagini/tabs_bg.png) repeat-x scroll bottom left;
}

.navi_panel > .navi_tabs
{
	width: 500px;
	padding-left: 120px;
	padding-right: 120px;
}



.navi_panel .navi_tabs .navi_tab
{
	float:left;
	width: 113px;
	margin: 3px 5px 1px 5px; /* top right bottom left*/
	border-top: 1px #6BCFFF solid;
	border-left: 1px #6BCFFF solid;
	border-right: 1px #6BCFFF solid;
	background-color: #D2E9F4;
	height: 25px;
	line-height: 25px;	
}

.navi_panel .navi_tabs .navi_tab_hover
{
	float:left;
	width: 113px;
	border-top: 1px #6BCFFF solid;
	border-left: 1px #6BCFFF solid;
	border-right: 1px #6BCFFF solid;
	margin: 0px 5px 1px 5px; /* top right bottom left*/
	height: 28px;
	background-color: #EDF3F9;
	line-height: 28px;
}

.navi_panel .navi_tabs .navi_tab_sel
{
	float:left;
	width: 113px;
	border-top: 1px #6BCFFF solid;
	border-left: 1px #6BCFFF solid;
	border-right: 1px #6BCFFF solid;
	margin: 0px 5px 0px 5px; /* top right bottom left*/
	height: 29px;
	background-color: #EDF3F9;
	line-height: 29px;
}

.navi_panel .navi_content
{
	width: 738px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #EDF3F9;
	border-left: 1px #6BCFFF solid;
	border-right: 1px #6BCFFF solid;
	border-bottom: 1px #6BCFFF solid;
}
/* Menu -- Fine */




/* Channel List*/
.ccchannels
{
	width: 740px;
	clear: both;
	float: left;
	margin-bottom: 5px;
 	background-color: red;
	display: block;
	visibility:visible;
}

.ccchannels .ctitle
{
	width: 730px;
	float: left;
	padding-left: 10px;
	height: 31px;
	font-size: 16px;
	overflow: hidden;
	line-height: 31px;
	color: white;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/blue_bg.jpg) repeat-x scroll left top;
}


.ccchannels > .ctitle
{
	width: 730px;
}

/* Channel List*/
.channels
{
	width: 740px;
	clear: both;
	float: left;
	margin-bottom: 5px;
/* 	background-color: red;  */
	display: block;
/* 	visibility:visible; */
}

.N_channels
{
	width: 740px;
	clear: both;
	margin-bottom: 5px;
/* 	background-color: red;  */
	display: block;
/* 	visibility:visible; */
}


.channels .ctitle
{
	float: left;
	width: 740px;
	padding-left: 10px;
	height: 31px;
	font-size: 16px;
	overflow: hidden;
	line-height: 31px;
	color: white;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/blue_bg.jpg) repeat-x scroll left top;
}

.N_channels .ctitle
{
	width: 730px !important;
	width: 740px;
	padding-left: 10px;
	height: 31px;
	font-size: 16px;
	overflow: hidden;
	line-height: 31px;
	color: white;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/blue_bg.jpg) repeat-x scroll left top;
}

.channels .celems
{
	float: left;
	width: 740px;
	overflow-x: hidden;
	background-color: white; 
	border-left:1px dotted #6BCFFF;
	border-right:1px dotted #6BCFFF;
}

.N_channels .celems
{
	float: left;
	width: 738px !important;
	width: 740px;
	overflow-x: hidden;
	background-color: white; 
	border-left:1px dotted #6BCFFF;
	border-right:1px dotted #6BCFFF;
}

.channels .celems .cbox
{
	width: 735px;
	height: 65px;
	clear: both;
	margin: 0px 0px 5px 5px; /* top right bottom left*/
	border-bottom: 1px #DDDDDD dotted;
}

.N_channels .celems .cbox
{
	width: 730px !important;
	height: 60px !important;
	width: 735px;
	height: 65px;
	margin: 0px 0px 5px 5px; /* top right bottom left*/
	border-bottom: 1px #DDDDDD dotted;
}

.channels .celems > .cbox:hover
{
	background-color: #EDF3F9;
}

.N_channels .celems .cbox:hover
{
	background-color: #EDF3F9;
}

.channels .celems > .cbox
{
	width: 730px;
	height: 60px;
}

.channels .celems .cbox .cthumb,
.N_channels .celems .cbox .cthumb
{
	width: 60px !important;
	height: 45px !important;
	width: 70px;
	height: 50px;
	margin: 5px;
	overflow: hidden;
	border: none;
	float: left;
	text-align: center;
	background-color: #6BCFFF;
}

.channels .celems .cbox .cthumb img,
.N_channels .celems .cbox .cthumb img
{
	border: none;
}

.channels .celems .cbox .cinfo,
.N_channels .celems .cbox .cinfo
{
	width: 200px;
	float: left;
	overflow-x: hidden;
	white-space: nowrap;
}

.channels .celems .cbox .cinfo u,
.N_channels .celems .cbox .cinfo u
{
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	display: block;
	margin: 5px 0px 5px 0px; /* top right bottom left*/
	padding: 0px;
}

.channels .celems .cbox .cinfo img,
.N_channels .celems .cbox .cinfo img
{
	border: none;
}

.channels .cbottom
{
	float: left;
	width: 740px;
	height: 6px;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/join_bott_bg2.jpg) repeat-x scroll left bottom;
}

.N_channels .cbottom
{
	width: 740px;
	height: 6px;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/join_bott_bg2.jpg) repeat-x scroll left bottom;
}

/* Channel List -- Fine*/



/* Channel Page*/

.cowner
{	
	width: 740px;
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	float: left; 
}

#videopagelayout > .cowner
{
	width: 738px;
}

.cowner .cothumb
{
	width: 140px;
	height: 140px;
	margin: 20px;
	overflow: hidden;
	border: none;
	float: left;
}

.cowner > .cothumb
{
	width: 100px;
	height: 100px;
}

.cowner .coinfo
{
	width: 300px;
	padding-top: 20px;
	float: left;
	line-height: 15px;
}

.cowner .coinfo h2
{
 	padding: 0px;
 	margin: 0px 0px 5px 0px; /* top right bottom left*/
}

.cowner .coact
{
	width: 250px;
	padding-top: 20px;
	float: right;
}

.cowner .coact img
{
	border: none;
}

.clist
{
	width: 720px;
	border: 1px #6BCFFF dotted;
/* 	background-color: #EDF3F9; */
	float: left; 
	margin-top: 10px;
	height: auto;
}

#videopagelayout > .clist
{
	width: 738px;
}

.clist .vbox
{
	width: 350px;
	margin: 2px;
	float: left;
	padding-top:12px;
	padding-bottom: 5px;
	position: relative;
}

.clist .vbox .vthumb
{
	width: 100px;
	height: 80px;
	float: left;
	overflow: hidden;
}

.clist .vbox .vthumb img
{
	border: none;
}

.clist .vbox .vinfo
{
	width: 245px;
	float: right;
}

.clist .vbox .vctrl
{
	width: 50px;
	height: 20px;
	position: absolute;
	line-height: 10px;
	top: 0px;
	left: 0px;
}



/* Channel Page -- Fine*/



#searchbox
{
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	height: auto;
	width: 740px;
	text-align: center;
	padding-bottom: 10px;
	position: relative;
}

#searchbox h1
{
	font-size: 20px;
	padding: 5px;
	margin: 0px;
}
#uploadlink
{
	display: block;
	font-size: 14px;
	padding: 5px;
	width: 80px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: #FFEA00;
	border: 1px #FFA200 dotted;
	
}

#homelink
{
	display: block;
	font-size: 14px;
	padding: 5px;
	width: 80px;
	height: 20px;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #FFEA00;
	border: 1px #FFA200 dotted;
	
}

#videobox 
{
	float:left;
	height: auto;
	width: 740px;
}

#titlebox
{
	border-bottom: 1px gray solid;
	float:left;
	width: 100%;
	height: auto;
	font-size: 18px;
	margin-bottom: 10px;
	padding-top:10px;
	padding-bottom:5px;
}

#playerbox
{
	width: 425px;
	height: 400px;
	float: left;
	clear: left;
}

#ownerinfobox
{
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	float: right;
	width: 300px;
	height: 60px;
	padding: 5px;
	margin-bottom: 5px;
}

#ownerinfobox .uthumb
{
	float: left;
	width: 60px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#ownerinfobox .utext
{
	float: left;
	width: 210px;
	height: auto;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

#videoinfobox
{
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	width: 290px;
	padding: 5px 5px 5px 15px;
	margin-bottom: 5px;
	height: 60px;
	float:right;
	font-size: 11px;

}

#videoinfobox h1
{
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

#sponsorbox
{
	width: 300px;
	padding: 5px;
	float:right;
	text-align: right;
}

#playlists
{
	float:left;
	height: auto;
	width: 740px;
	margin-bottom: 50px;
}

#playlists .left
{
	float:left;
	height: auto;
}

#playlists .right
{
	float:right;
	height: auto;
}
/******************************************/
.playlist_halfpage
{
	width: 350px;
	height: auto;
	overflow: hidden;
	padding: 2px;
}

.playlist_halfpage .ptitle
{
	width: 350px;
	height: 31px;
	font-size: 16px;
	overflow: hidden;
	line-height: 31px;
	color: white;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/blue_bg.jpg) repeat-x scroll left top;
}

.playlist_halfpage .ptitle b
{
	margin-left: 20px;
}


.playlist_halfpage .pelems
{
	width: 348px;
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	background-color: white;
	border-left:1px dotted #6BCFFF;
	border-right:1px dotted #6BCFFF;
}

.playlist_halfpage .pelems .vcontbox
{
	width: 320px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 2px;
	background: #FEFEFE;
	padding-bottom: 5px;
	border-bottom: 1px #CCCCCC dotted;
}

.playlist_halfpage .pelems .vcontbox:hover
{
	background: #EEEEEE;
}

.playlist_halfpage .pelems .vcontbox .vthumb
{
	width: 100px;
	height: 76px;
	float: left;
	overflow: hidden;
	margin: 2px;
}

.playlist_halfpage .pelems .vcontbox .vthumb img
{
	border: none;
}

.playlist_halfpage .pelems .vcontbox .vtitle
{
	width: 210px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}

.playlist_halfpage .pelems .vcontbox .vinfo
{
	width: 210px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}

.playlist_halfpage .pbottom
{
	width: 350px;
	height: 6px;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/join_bott_bg2.jpg) repeat-x scroll left bottom;
	float: left;
}

/*****************************************************/

.playlist_page
{
	width: 470px;
	height: auto;
	overflow: hidden;
	padding: 2px;
	clear: both;
}

.playlist_page .ptitle
{
	width: 470px;
	height: auto;
	font-size: 16px;
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-weight: bold;
	border-bottom: 1px #CCCCCC solid;
}

.playlist_page .pelems
{
	width: 470px;
	height: auto;
	overflow: auto;
	overflow-x: hidden;
}

.playlist_page .pelems .vcontbox
{
	width: 460px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 2px;
	background: #FEFEFE;
	position:relative;
}

.playlist_page .pelems .vcontbox:hover
{
	background: #EEEEEE;
	
}

.playlist_page .pelems .vcontbox .vthumb
{
	width: 100px;
	height: 76px;
	float: left;
	overflow: hidden;
	margin: 2px;
}

.playlist_page .pelems .vcontbox .vthumb img
{
	border: none;
}

.playlist_page .pelems .vcontbox .vtitle
{
	width: 350px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}

.playlist_page .pelems .vcontbox .vinfo
{
	width: 350px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}

.playlist_page .pelems .vcontbox .vextra1
{
	width: 45px;
	height: 15px;
	color: green;
	top: 4px;
	left: 4px;
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background-color:white;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

/**********************************************************/

.playlist_horizbox
{
	width: 740px;
	height: auto;
	overflow: hidden;
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
}

.playlist_horizbox .ptitle
{
	width: 100%;
	height: 31px;
	font-size: 16px;
	overflow: hidden;
	line-height: 31px;
	color: white;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/blue_bg.jpg) repeat-x scroll left top;
}

.playlist_horizbox .ptitle b
{
	margin-left: 20px;
}

.playlist_horizbox .pelems
{
	width: 738px;
	float:left;
	height: auto;
	overflow: auto;
	overflow-x: hidden;
	border-left:1px dotted #6BCFFF;
	border-right:1px dotted #6BCFFF;
}

.playlist_horizbox .pelems .vcontbox
{
	width: 360px;
	height: auto;
	float: left;
	overflow: hidden;
	margin: 2px;
	background: #FEFEFE;
	position:relative;
}

.playlist_horizbox .pelems .vcontbox:hover
{
	background: #EEEEEE;
	
}

.playlist_horizbox .pelems .vcontbox .vthumb
{
	width: 100px;
	height: 76px;
	float: left;
	overflow: hidden;
	margin: 2px;
}

.playlist_horizbox .pelems .vcontbox .vthumb img
{
	border: none;
}

.playlist_horizbox .pelems .vcontbox .vtitle
{
	width: 250px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}

.playlist_horizbox .pelems .vcontbox .vinfo
{
	width: 250px;
	height: auto;
	float: left;
	overflow: hidden;
	margin-left: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}

.playlist_horizbox .pelems .vcontbox .vextra1
{
	width: 45px;
	height: 15px;
	color: green;
	top: 4px;
	left: 4px;
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background-color:white;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

.playlist_horizbox .pbottom
{
	width: 740px;
	height: 6px;
	background: transparent url(http://www.freebar.org/fbdir/immagini/nf/join_bott_bg2.jpg) repeat-x scroll left bottom;
	float: left;
}



/* Sezione upload */
#step1
{
	width: 738px;
	height: 400px;
	padding-top: 10px;
	padding-bottom: 20px;
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	text-align: center;
/* 	clear:both; */
/* 	float:left; */
	margin-bottom: 20px;
}

#step2
{
	width: 738px;
	height: 400px;
	padding-top: 10px;
	padding-bottom: 20px;
	border: 1px #6BCFFF solid;
	background-color: #EDF3F9;
	text-align: center;
/*	clear:both;*/
/* 	float:left; */
	margin-bottom: 20px;
}


#step1 .vinf, #step2 .vinf
{
	width: 300px;
}

.shidden
{
	display: none;	
}

.bar1
{
	display: block;
	width: 200px;
	height: 10px;
	border: 1px solid gray;
	background-color: white;
}

.bar2
{
	display: block;
	width: 0px;
	height: 10px;
	background-color: blue;
}
/****************/
.del_hand
{
	cursor: pointer;
}