/* CSS Document */

@import 'css_reset.css';

*{margin:0;padding:0;}
a{
	text-decoration:none;
	color:#1e1e1e;
}
a:hover{
	text-decoration:underline;
	color:#1e1e1e;
}
img{
	border:0;
}

h1{width:220px; height:220px; text-indent:-5000px; position:absolute; padding; top:0px; left:0px;}

#sombra {
	position:absolute;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter:alpha(opacity=95);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
	left:0px;
	top:0px;
	width:100%;
	heigth:100%;
	z-index:9;
}

#folder {
	position:absolute;
	margin: 10px 0 22px 231px;
	/*margin-left: auto;
    margin-right: auto;*/
}

#folder #mainplayer {
	position:absolute;
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	left:0px;
	top:0px;
	width:732px;
	z-index:1;
	
}
#folder #theplay {
	position:absolute;
	left:2px;
	top:2px;
	width:728px;
	height:459px;
	background: url(http://www.tivio.tv/images/player/player_bg2.jpg);
	z-index:10;
}
#transistor {
	text-align:center;
	z-index:10;
}

#basis {
	position:absolute;
	left:2px;
	top:462px;
	width:728px;
	height:90px;
	z-index:3;
}
#basis #tools {
	margin-top:1px;
	background-color:#1e1e1e;
	width:728px;
	height:222px;
	z-index:3;
}
#basis #tools #social {
	margin-top:1px;
	width:726px;
	height:30px;
	z-index:3;
}
#basis #tools #social #nomes {
	float:left;
	margin-left:14px;
}
#basis #tools #social #nomes h2{
	margin:0;
	margin-top:10px;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a7a7a7;
}
#basis #tools #social #icons {
	float:right;
	margin-right:8px;
	margin-top:10px;
}
#basis #tools #control {
	margin-top:8px;
	background-color:#000;
	width:726px;
	height:36px;
	z-index:3;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #515151
}
#basis #tools #control #menuzito {
	float:left;
	text-align:center;
	margin-left:13px;
}
#basis #tools #control #menuzito ul{
	margin:0;
	list-style:none;
}
#basis #tools #control #menuzito li{
	float:left;
	margin-top:9px;
	margin-right:20px;
	display:inline;
}
#basis #tools #control #menuzito p{
	margin:0;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a7a7a7;
}
#basis #tools #control #menuzito #button{
	margin-right:-10px;
}

#basis #tools #control #menuzito #sEstrela1,#sEstrela2,#sEstrela3,#sEstrela4,#sEstrela5{
	margin-top:2;
	width:15px
}
#basis #tools #control #menuzito #StatusVotacao {
	position:absolute;
	margin: -27px 0 0 0;
	padding:5px;
	background-color:#000;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}

#copiarembed { 	
	position:absolute;
	margin: 0 0 0 0;
	padding:0 0 5px 20px;
	background-color:#1e1e1e;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	width:708px;
	height:72px
	z-index:5;
}
#copiarembed img { padding: 3px;  }

#copiarembed input.link{
	margin:2px 0 0 0;
	padding:0; 
	border:0; 
	font-size:11px; 
	color:#FFF; 
	background:#1e1e1e;
}

#comentar { 	
	position:absolute;
	margin: 0 0 0 0;
	padding:0 0 5px 20px;
	background-color:#1e1e1e;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	width:708px;
	height:72px
	z-index:5;
}
#comentar h2 { font: bold 15px/15px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin: 10px 0 10px 0;}
#comentar img { padding: 3px;  }
#comentar #blogItem p{font: bold 12px/12px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin-bottom: 2px;}
#comentar #blogItem p.comments{font: italic 12px/12px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin-bottom: 15px;}
#comentar #blogItem a{ text-decoration: none; color:#585858;}
#comentar #blogItem a:hover{ text-decoration: underline;}

#postar { 	
	position:absolute;
	margin: 0 0 0 0;
	padding:0 0 5px 20px;
	background-color:#1e1e1e;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	width:708px;
	height:72px
	z-index:5;
}
#postar h2 { font: bold 15px/15px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin: 10px 0 10px 0;}
#postar img { padding: 3px;  }
#postar #blogItem p{font: 10px/12px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin-bottom: 2px;}
#postar #blogItem p.comments{font: italic 10px/12px 'Trebuchet MS', tahoma, Arial, Helvetica; color:#fff; margin-bottom: 15px;}
#postar #blogItem a{ text-decoration: none; color:#fff;}
#postar #blogItem a:hover{ text-decoration: underline;}

#conteudo {
	position:relative;
	margin-top:1px;
	width:726px;
	z-index:3;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	margin:10px 0 0 0;
	width: 688px;
	height:93px;

	/* custom decorations 
	border:1px solid #565656; */
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img.scrolla {
	float:left;
	padding:-10px 0 0 0;
	margin:-10px 0 0 0;
	background-color:#333;
	padding:1px;
	/* border:1px solid #ccc; */
	cursor:pointer;
	width:102px;
	height:72px;
	
}

.scrollable img.completa {
	float:left;
	padding:-10px 0 0 0;
	margin:-10px 0 0 0;
	border:1px solid #1e1e1e;
	width:302px;
	height:72px;
	
}
.scrollable span.titulo {
	float:left; padding:5px 10px 0 15px; margin-top:-10px; font: 10px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif; background-color:#131212; border:1px #333 solid; display:block; width:110px; height:67px; color:#CCC;}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:16px;
	height:95px;
	float:left;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ 
	background:url(http://www.tivio.tv/images/player/next.jpg) no-repeat;
background-position: 0 0px; clear:right; margin-right: 0px;
	margin:10px 0 0 2px;}
a.right:hover 		{ background-position:0px 0px; }
a.right:active 	{ background-position:0px 0px; } 

/* left */
a.left				{ margin-left: 0px;
	background:url(http://www.tivio.tv/images/player/back.jpg) no-repeat;
		margin:10px 2px 0 0;} 
a.left:hover  		{ background-position:0px 0; }
a.left:active  	{ background-position:0px 0; }


/* disabled navigational button */
a.disabled {
	background:url(http://www.tivio.tv/images/player/disabled.jpg) no-repeat;
		margin:10px 0 0 0;} 
	visibility:hidden !important;		
} 	

 
/* remove margins from the image */
.items img {
	margin:0;
}
 
/* make A tags our floating scrollable items */
.items a {
	display:block;
	float:left;
	margin:19px 5px;
} 
 
 
/* tooltip styling */
#tooltip {
	display:none;
	background:url(http://www.tivio.tv/images/player/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}
 
 
#gallery .disabled {
	visibility:visible !important;
}
 
#gallery .inactive {
	visibility:hidden !important;
}
	
#basis #tools #permalink {
	float:left;
	margin-left:20px;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999;
}
#basis #tools #permalink input.videolink{
	margin:2px 0 0 0;
	padding:0; 
	border:0; 
	font-size:11px; 
	color:#FFF; 
	background:#1e1e1e;
}
#basis #tools #rodape {
	float:left;
	margin-top:1px;
	margin-left:20px;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}
#basis #tools #rodape a {
	text-decoration:none;
	color:#999;
}
#basis #tools #rodape a:hover {
	text-decoration:underline;
	color:#FFF;

}

#msgbox {width:98.5%; height:22px; margin:0; padding:10px; background-color:#f13f08;}
#msgbox {font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
#msgbox img{float:right;}