@charset "utf-8";
/* CSS Document */
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 18px 18px 18px 18px; padding: 1px; float: left; width: 130px; height: 86px; text-align: center; }

#caratulas{
	position:relative;
	width:25%;
	float:left;
	vertical-align:top;
	margin-bottom:10px;
	min-height:200px;
}

#canciones{
	position:relative;
	width:75%;
	float:left;
	vertical-align:top;
	margin-bottom:10px;
	min-height:200px;
}

#sortablemusic { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortablemusic li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortablemusic li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

#num_cancion{
	width:20px;
	float:left;
	color:#666;
	text-align:center;
	font-size:12px;
}
#titulo_cancion{
	width:270px;
	float:left;
	text-align:left;
	padding-left:2px;
	overflow:hidden;
	font-size:13px;
	color:#333;
	height:18px;
}
#duracion_cancion{
	width:40px;
	overflow:hidden;
	font-size:12px;
	float:left;
	text-align:center;
	color:#666;
}
#opciones1{
	width:48px;
	float:left;
	text-align:center;
}
#opcion1{
	width:16px;
	float:left;
	text-align:center;
}
#opcion2{
	width:16px;
	float:left;
}
#opcion3{
	width:16px;
	float:left;
}
.titulo_album{
	font-size:14px;
	font-weight:bold;
}
.eliminar{
	background:url(../../img/pages/icono-eliminar.gif) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.eliminar_individual{
	background:url(../../img/pages/icono-eliminar.gif) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.modificar{
	background:url(../../img/pages/icono-modificar.gif) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.escuchar{
	background:url(../../img/pages/escuchar-icono.png) bottom no-repeat;
}
.estrella-si{
	background:url(../../img/pages/icono-estrella-act.png) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.estrella-no{
	background:url(../../img/pages/icono-estrella-des.png) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.estrella-no:hover{
	background:url(../../img/pages/icono-estrella-act.png) bottom no-repeat;
	cursor:pointer;
	width:16px;
	float:left;
	text-align:center;
}
.mas{
	background:url(../../img/pages/icono-mas.png) bottom no-repeat;
	width:16px;
	float:left;
	cursor:pointer;
}

.loadingestrella{
	background:url(../../img/pages/loading.gif) bottom no-repeat;
	width:16px;
	float:left;
}
#anadirenlistamusica{
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
	margin-left:2px;
}
.anadiralista{
	font-weight:300;
	color:#000;
	font-size:12px;
}
a.anadiralista{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
a.anadiralista:hover{
	font-weight:bold;
	color:#5A759F;
	text-decoration:underline;
}
.notas{
	background:url(../../img/pages/icono-nota-listas.png) bottom no-repeat;
	width:16px;
	float:left;
	margin-right:5px;
}
.aceptar{
	background:url(../../img/pages/icono-aceptar.png) bottom no-repeat;
	width:16px;
	float:left;
	margin-right:5px;
}

#nuevalista{
	font-weight:300;
	color:#000;
	font-size:12px;
	text-decoration:none;
}
#nuevalista:hover{
	font-weight:bold;
	color:#5A759F;
	text-decoration:underline;
}
.letra_ejemplo{
	color:#666;
	font-size:10px;
}

.cajetinForm {
	font-style: normal;
	font-weight: normal;
	color:#000000;
	background-color:#FFF
	border: 1px solid #CCCCCC;
	width:275px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.diverror{
	background-color:#FFEBE9;
	border:1px solid #F00;
	text-align:center;
	visibility:hidden;
	width:387px;
}

.diverrorvisible{
	visibility:visible;
}

input.error{
	background:#F00;
	border-color: #171717;
}

.guardarcambios{
	background-color:#F90;
	border:1px solid #F30; 
	text-align:center;
	width:485px;
	text-align:left;
	margin-left:7px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;
}

#zona_boton_volver{
	position:relative;
	display:inline-block;
	float:right;
	margin-right:10px;
	width:100px;
	margin-top:20px;
}

#arriba_con_titulo{
	position:relative;
	width:500px;
	height:50px;
	border-bottom:#D9D9D9 solid 1px;
}
#textoalerta{
	display:none;
}