/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}

.basictab li.logout a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #F9EA84;
border-bottom: 1px solid gray;
color: black;
}

/*estilos panel.php */

#contenido_user
{
width: 600px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:#999999;
background-color:#CCFF99;
}
#user_izq {
padding-left:5px;
width:160px;
margin-right:5px;
float:left;
background-color:#CCFF99;
font:12px Verdana;
}
#user_izq .bandera{
width:22px;
height:15px;
text-align:center;
padding:5px;
}
#user_izq .title{
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
border:1px solid gray;
font: bold 12px Verdana;
width:140px;
margin-left:0;
margin-right:5px;
background-color: #DBFF6C;
color:#000000;
}

#user_izq p{
width: 150px;
clear: left;
margin: 1;
border-top: 1px dashed gray;
height: 1%;

}
#mi_imagen{
width:80px;
height:90px;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
}
/* estilos editar videos */
#mis_vid {
padding-left:5px;
width:580px;
margin-left:0;
margin-right:5px;
float:left;
background-color: #DBFF6C;
}
#mis_vid p {
font:12px Verdana;
}
#mis_vid form {
width:500px;
}

#mis_vid input select form{
padding:3px;
padding-right:5px;
padding-left:5px;
border:1px solid gray;
font: 12px Verdana;
background-color: #DBFF6C;
color:#000000;
}

#mis_vid .but{
padding:3px;
padding-right:5px;
padding-left:5px;
border:1px solid gray;
font: 12px Verdana;
background-color: #F9EA84;
color:#000000;
}

#mis_vid .title {
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
border:1px solid gray;
font: bold 12px Verdana;
width:500px;
margin-left:0;
margin-right:5px;
background-color: #f6ffd5;
color:#000000;
}
/* estilos columna derecha */

#cabecera_user{
float:left; 
width:480px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;  
}
#user_der {
padding-left:5px;
width:420px;
margin-left:0;
margin-right:5px;
float:left;
background-color: #DBFF6C;
}
#user_der p {
font:12px Verdana;
}
#user_der form {
width:400px;
}

#user_der input select form{
padding:3px;
padding-right:5px;
padding-left:5px;
border:1px solid gray;
font: 12px Verdana;
background-color: #DBFF6C;
color:#000000;
}

#user_der .but{
padding:3px;
padding-right:5px;
padding-left:5px;
border:1px solid gray;
font: 12px Verdana;
background-color: #F9EA84;
color:#000000;
}

#user_der .title {
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
border:1px solid gray;
font: bold 12px Verdana;
width:400px;
margin-left:0;
margin-right:5px;
background-color: #f6ffd5;
color:#000000;
}
/*estilos mis sitios */

#contenido_site
{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#site_izq {
width:160px;
float:left;
font:11px Verdana;
border:1px solid;
margin-right:10px;

}
#site_izq .bandera{
width:22px;
height:15px;
text-align:center;
padding:5px;
}
#site_izq .title{
padding-bottom:3px;
border:1px solid; 
font: bold 12px Verdana;
width:100%;
}


#mi_picture{
width:80px;
height:90px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

#site_der {
margin-left:10px;
padding-left:5px;
font:11px Verdana;
width:600px;
margin-right:5px;
float:left;
border:1px solid;
}

#user_der .title3 {
padding-bottom:3px;
padding-top: 3px;
border:1px solid;
font: bold 12px Verdana;
width:100%;
}
#con2 {
width:600px;
border:0px;
padding:0px;
clear:both;
}
#con2 .vid_swf {
width:250px;
float: right;
margin-right:10px;
}

#con2 .vid_txt {
width:300px;
padding:5px;
float: left;

}
/*paginacion*/

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a.prevnext{
font-weight: bold;
}
/* lista videos */ 

#video{
	width: 600px; /*Height of top section*/
	margin: 0;
	clear:both;
}

#nuevos{
	width: 600px; /*Height of top section*/
}
.vermas a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009999;
	text-align: right;
	clear: both;
	float: left;
	width: 570px;
	height: 15px;
	padding: 0px;
}
#nuevo_item {
	padding: 1px;
	float: left;
	width: 130px;
	height: 160px;
	margin: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	}	


#nuevo_item img{
	padding: 2px 5px 5px;
	background-position: center;
	border: 2px dotted ;	/*margin-left: 200px; Set left margin to -(RightColumnWidth)*/ 
	
}

#nuevo_item .fecha{

	font-size: 10px;
	line-height: 1.1em;
	font-style: normal;
	
}
#nuevo_item .texto{
	line-height: 1.1em;
	font-style: normal;
	font-weight:bold;
	margin: 0; 
	padding: 0px 0px 0px;
}

#nuevo_item .inter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.1em;
	color: #996600;
	padding: 0px 0px 0px;
	}
	
#con3 {
width:600px;
border:0px;
padding:0px;
clear:both;
}
#con3 .ver_swf {
width:425px;
float: right;
margin-right:1px;
}

#con3 .ver_txt {
width:160px;
padding:2px;
float: left;

}
/* comentarios */

.commentbox{
	width: 500px;
	padding: 10px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px;
	border-left: 1px solid;
}

.commentfooter{
background: url(com.gif) no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
}
/* editar comentarios */

#comentarios_list {
width:550px;
height: 70px;
padding:5px;
background: #ccff99;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
}
#comentarios_list .fecha_com{
width:100px;
text-align:center;
float:left;
margin-right:5px;
}

#comentarios_list .img_com{
width:100px;
text-align:center;
float:left;
padding:3px;
margin-right:5px;
}
#comentarios_list .invitado{
width:150px;
text-align:center;
float:left;
margin-right:5px;
}
#comentarios_list .activo{
width:50px;
text-align:center;
float:left;
margin-right:15px;
}

/*favoritos*/
#favoritos {
clear:both;
	padding: 0 0 0 10px;
	width: 150px;
    height: 100px;
}

#favoritos dl {
	margin: 0 0 11px 0;
}

#favoritos dd {
	float: left;
	margin: 0 0 4px 4px;
}

#favoritos dd span {
	display: none;
}
dt {
	font-family:  Verdana, Arial, Tahoma, "Trebuchet MS",  sans-serif ;
	font-size: 10px;
	color: #000;
	clear: both;
	margin: 0 0 2px 0;
}
dd#icono1 a {
	background: url(../pics/blinklist.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}

dd#icono2 a {
	background: url(../pics/Delicious.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono3 a {
	background: url(../pics/Digg.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono4 a {
	background: url(../pics/furl.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono5 a {
	background: url(../pics/google.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono6 a {
	background: url(../pics/simpy.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono7 a {
	background: url(../pics/technocrati.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}
dd#icono8 a {
	background: url(../pics/windowsliveek.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}

dd#icono9 a {
	background: url(../pics/yahoo_search.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}

dd#icono10 a {
	background: url(../pics/myspace.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}

dd#icono11 a {
	background: url(../pics/facebook.gif) 0 0 no-repeat; 
	display: block;
	width: 24px;
	height: 24px;
}