/* FWK.COMMON.CSS */

body.login {background-color:#252e3d;}

button{ 
   background-color:#1991fb;
	border:1px solid #1991fb;
	display: inline;
	color:#f2f2f2;
	padding:8px;
    !padding:8px 0px 8px 0px!important;
	text-align:center;
	/*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     border-radius: 3px;*/
	 cursor:pointer;
	 font-size:16px;
	 width: 100%}
	 
select, 
input, 
textarea  {
	border:1px solid #CCC;
	font-size:13px;
	color:#333;
	padding:2px;}
	

/*disenio global param todo el sitio -----------------------------------------*/
body{ font-family: Tahoma, Geneva, sans-serif; background:#f5f5f5 url(../img/bkg_menu.png) left repeat-y; }
body.x-body{ background:#f5f5f5; background-image: none;}

/* Utilidades Generales */
.divisor { clear:both; }
.upload { cursor:pointer; }

/* MENU */
#menu { position:fixed; top:0; left:0; width:100%; height:44px; z-index:100; background: transparent url(../img/header.jpg) left center no-repeat; margin:0px; cursor:pointer; text-align:center; }

/*USERMENU*/

#username {
	display:block;
    float: left;
    position: absolute;
   /* right: 7px;
    top: 30px;*/
	right: 20px;
    top: 18px;
    z-index: 150;
}

#username a.username-name { font-size: 13px; color: #f2f2f2; z-index: 150; text-decoration: underline;}

/* USER INFO */
.userinfo { position:absolute; top:0px; right:10px; margin:0px; font-size:80%; padding:5px 10px; text-align:right; background-color:white; border:solid 1px gainsboro; border-top:none; }
.userinfo-nombre { color: #175a85; text-decoration:underline; white-space:nowrap; }
.boton-red { background: transparent url(../img/button.back.red.png) center left repeat-x; padding:5px 10px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }

/*FOOTER*/
#pageFooter { width:100%; color:darkgray; text-align:center; font-size:60%; background: transparent url(../img/poweredbyMixplay.gif) 97% center no-repeat; }

/* TOOLBAR */
#toolbar { position:fixed; top:43px; left:0px; width:100%; padding:0px; z-index:100; text-align:left; }
#toolbarTitulo { background-color:#cccccc; padding: 5px 0 5px 30px; }
#toolbarBotonera { background-color:#e9e9e9; padding: 2px 0 2px 30px; }
#toolbar #titulo { margin:0 20px 0 0; font-size:110%; font-weight:bold; }
#toolbar button { color:steelblue; border: solid 1px steelblue; background-color:transparent; }
#toolbar button:hover { text-decoration:underline; }
#toolbar a, #toolbar a:visited { color:steelblue; text-decoration:none; }
#toolbar a:hover { text-decoration:underline; }
#toolbar .disabled { color:gainsboro !important; background-color:whitesmoke; border-color: gainsboro; }
.toolbarSpace { margin:0 5px; } .toolbarSpace span { display:none; }
#toolbar select { background-color:transparent; border:solid 1px steelblue; }

/* MENSAJES */
.error { color:#d00; font-weight:bold; font-size: 12px; }
/*.message { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px yellow; background:lightyellow url(../img/ico.alert.png) 2px 5px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.message button { background-color:transparent; border: solid 1px goldenrod; }*/
/*.error { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px darkred; background:mistyrose url(../img/ico.error.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.error button { background-color:transparent; border: solid 1px darkred; margin:10px 0 0 0; }*/
/*.info { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px green; background:#cadfcb url(../img/ico.info.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.info button { background-color:transparent; border: solid 1px green; margin:10px 0 0 0; }*/
/*.ask { position:fixed; bottom:20px; right:50px; padding:10px 10px 10px 54px; border: solid 2px navy; background:azure url(../img/ico.help.png) 2px 1px no-repeat; font-size:90%; color:black; text-align:right; }*/
/*.ask button { background-color:transparent; border: solid 1px navy; margin:10px 0 0 0; }*/

/* Pantalla principal */
#main { margin:100px 10px 10px; padding:10px; background-color:#ffffff;}

/*PANELES - Externo */
.adminPanelBigGrayBall { background-color:#f4f9fc; border:none; padding:20px 10px 10px 10px; margin:5px 0; }
.adminPanelBigGrayBall legend { color:#000000; font-size:200%; }
.adminPanelBigGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.big.gray.png) center center; height:50px; width:50px; cursor:pointer; text-align:center; }
.adminPanelBigGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:130%; }
.adminPanelMediumGrayBall { background-color:#f4f9fc; border:none; padding:2px; margin:5px 0; }
.adminPanelMediumGrayBall legend { color:#000000; font-size:150%; font-weight:bold; }
.adminPanelMediumGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.medium.gray.png) center center; height:30px; width:30px; cursor:pointer; text-align:center; }
.adminPanelMediumGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:100%; }
.adminPanelSmallGrayBall { background-color:#f4f9fc; border:none; border-top:solid 1px gainsboro; padding:2px; margin:0px 0; }
.adminPanelSmallGrayBall legend { color:#000000; font-size:80%; font-weight:bold; }
.adminPanelSmallGrayBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.small.gray.png) center center; height:15px; width:15px; cursor:pointer; text-align:center; }
.adminPanelSmallGrayBall legend .adminPanelSwitch span { color:#ffffff; font-size:90%; }
.adminPanelBigBlueBall { background-color:#f4f9fc; border:none; padding:20px 10px 10px 10px; margin:5px 0; }
.adminPanelBigBlueBall legend { color:#000000; font-size:200%; }
.adminPanelBigBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.big.blue.png) center center; height:50px; width:50px; cursor:pointer; text-align:center; }
.adminPanelBigBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:130%; }
.adminPanelMediumBlueBall { background-color:#f4f9fc; border:none; padding:2px; margin:5px 0; }
.adminPanelMediumBlueBall legend { color:#000000; font-size:150%; font-weight:bold; }
.adminPanelMediumBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.medium.blue.png) center center; height:29px; width:30px; cursor:pointer; text-align:center; }
.adminPanelMediumBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:100%; }
.adminPanelSmallBlueBall { background-color:#f4f9fc; border:none; border-top:solid 1px gainsboro; padding:2px; margin:0px 0; }
.adminPanelSmallBlueBall legend { color:#000000; font-size:80%; font-weight:bold; }
.adminPanelSmallBlueBall legend .adminPanelSwitch { display:block; float:left; border:none; background:transparent url(../img/bullet.small.blue.png) center center; height:15px; width:15px; cursor:pointer; text-align:center; }
.adminPanelSmallBlueBall legend .adminPanelSwitch span { color:#ffffff; font-size:90%; }
/*PANELES - Interno */
/*.adminPanelClient button,*/.adminPanelClient .button { background: transparent url(../img/button.back.gray.png) center center repeat-x; border:none; color:#ffffff; cursor:pointer; }
.adminPanelClient .borrar { cursor:pointer; background: transparent url(../img/button.back.red.png) center left repeat-x; padding:0px 5px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }


/* TABLAS: Listadores */
.table-list { 
border:solid 1px #ccc; 
border-collapse:collapse; 
background-color:white; 
width:100%; 
font-size:13px; 
margin:5px 0;}

.table-list tr:hover { background-color:#F2F2F2; }

.table-list .filtroNombre{
	width:150px;
	}

.table-list .filtroDesc{
	}
	
.table-list .filtroAct{
	}
	
.table-list .filtroAzul{
	color:#005C9C;
	}
	
.table-list thead th {  
    background-color: #E5E5E5;
    border-right: 1px solid #CCCCCC;
    color: #000000;
    font-size: 13px;
    height: 30px;
    padding:0 5px 0 5px;
    text-align: left; }
	
/*.table-list thead th { border-bottom:solid 1px gainsboro; }*/
.table-list tbody th { border-right:solid 1px #d5d5d5; text-align:left; width:120px; padding: 2px 5px; vertical-align:middle; }
.table-list tbody td { 
border-right:solid 1px #d5d5d5; 
padding: 2px 5px; 
vertical-align:middle; }

.table-list #filterTipos td { 
padding: 8px 5px; 
}

.table-list .row_impar,
.table-list .impar
{
	    background-color: #F9F9F9;}
		
.table-list .center input{
	border:none;}
		
.table-list a { text-decoration:none; color:steelblue; margin: 0 1px;}
.table-list a:hover { text-decoration:underline; }
.table-list img { vertical-align:middle; display:inline-block; }
.table-list .borrar { cursor:pointer; background: transparent url(../img/button.back.red.png) center left repeat-x; padding:0px 5px; color:#ffffff; margin:0 0 0 5px; text-decoration:none; }
.table-list .borrar:hover { text-decoration:underline; }

/* TABLAS: Card */
.table-card { 
width:100%; 
font-size:13px; 
/*border-collapse:collapse;*/
margin-top:20px;
border:1px solid #CCC;
}

.table-card thead th { border-bottom:solid 1px gainsboro; vertical-align:text-top; }
.table-card tbody td { padding:1px 5px; }
.table-card tbody th { 
width:150px; 
text-align:right; 
padding: 10px 15px; 
vertical-align:text-top; }

.table-card a { text-decoration:none; color:steelblue; }
.table-card a:hover { text-decoration:underline; }
.table-card input { }
.table-card input.full { width:100%; }
.table-card input.small { width:180px; }
.table-card input.check { /*width:inherit !important*/; border:solid 1px #7f9db9; border:none; width:14px; }
.table-card label{
	position: relative;
    top: -3px;}
.table-card select { /*min-width:30%*/ width:150px; }
.table-card select:disabled, .filter-edit-table select:disabled {background: #dddddd; color: #999}
.table-card textarea.mediana { width:100%; height:150px; }
.table-card .originalContent { background-color:#e9f8ee; border:solid 1px #73d292; color:#73d292; padding:2px; margin:0 0 1px 0; text-align:left; }

/*Campos obligatorios, simbolo*/
.obligatorio { width:10px; padding:0 !important; margin:0 !important; text-align:center; font-weight:bold; }

/*iconos del tipo del archivo param divs del 20x20*/
.ul-adjuntos li { height:20px; }
.adjunto-text { float:left; }
.btnBorrarAdjunto { float:left; margin:0 0 0 10px; }
.ico20-elementos { float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.media.png) center center no-repeat; }
.ico20-flash { float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.flash.png) center center no-repeat; }
.ico20-imagen { cursor:pointer; float:left; width:20px; height:20px; margin:0 5px; background: transparent url(../img/ico.20.camera.png) center center no-repeat; }

/* Botoneras */
.botonera { text-align:center; margin:20px 0 10px 0; }
.botonera button, .botonera .button { background: #3d6ab6 url(../img/button.back.blue.png) center center repeat-x; color:white; border:none; padding:2px 10px; cursor:pointer;}

/*MSGBOX*/
.msgBoxOutFrame { background: transparent url(../img/msgbox.fondo.png) center center ; display:none /*no borrar*/; position:fixed; left:0; top:0; z-index:500; width:100%; height:100%; text-align:center /*para ie*/; }
.msgBoxFrame { 
display:none /*no borrar*/;
width:40%; 
margin: 20px auto /*para ff*/; }

.msgBoxTitle {border-bottom: 1px solid #e5e5e5;
    padding: 15px;
    color: #333333;
    display: block;
    font-size: 18px;
    line-height: 1.42857;
    height: 40px;
    margin: 20px auto;
    padding: 15px 0 0 20px;
    text-align: left;}
.msgBoxClient {}
.msgBoxButtons { margin:20px 0 5px; }
.msgBoxButtons button {}

/* LOGIN SCREEN ------------------------------------------------------------- */
#loginBox { 
position:absolute; 
top:60px; 
width:100%; 
text-align:center; }
#loginPanel{ position:relative; margin:0 auto; width:360px; text-align:right; padding:15px 10px 10px 0px; background: #f5f5f5 url("../img/_adm_clarovideo.login.png") no-repeat; background-position: 51px 105px; border: 1px #585858}
body.aplication-claromusica #loginPanel{ position:relative; margin:0 auto; width:360px; text-align:right; padding:15px 10px 10px 0px; background: #f5f5f5 url("../img/_adm_claromusica.login.png") no-repeat; background-position: 51px 105px; border: 1px #585858}
body.aplication-clarobox #loginPanel{ position:relative; margin:0 auto; width:360px; text-align:right; padding:15px 10px 10px 0px; background: #f5f5f5 url("../img/_adm_clarodrive.login.png") no-repeat; background-position: 51px 105px; border: 1px #585858}

#loginMensaje { 
padding: 285px 15px 10px 15px;
text-align:left; 
font-size:13px; 
color:#333;
font-weight:bold; }

#loginPanel form {
	text-align: center;
    }
	
#loginPanel table { width: 100%; border-spacing:15px; }
#loginPanel table th { 
text-align:left; 
color:#333;
font-weight:bold; 
width:100%;
font-size:13px;
font-weight:normal;}

#loginPanel input { 
    background-color: #3a424b;
    border: 1px solid #3a424b;
    color: #f2f2f2;
    height: 15px;
    padding: 8px;
    width: 240px;
	font-size:13px; }
	


/* LOGIN SCREEN DLA ---------------------------------------------------------
#loginDLABox { position:absolute; bottom:25%; width:100%; text-align:center;}
#loginDLAPanel { position:relative; margin:0 auto; width:400px; height:280px; text-align:right; padding:10px; background: transparent url(../img/DLA.scr.login.png) top left no-repeat; }
#loginDLAMensaje { position:absolute; top:110px; left:0px; width:420px; text-align:center; font-size:90%; color:white; }
#loginDLAPanel form { position:absolute; top:150px; left:30px; width:360px; text-align:center; }
#loginDLAPanel table { border-spacing:10px; }
#loginDLAPanel table th { text-align:right; color:white; width:100px;}
#loginDLAPanel input { border-width:1px; background-color:white; width:230px; }
#loginDLAPanel button { background: transparent url(../img/button.back.red.png) left center repeat-x; border:none; color:white; height:28px; padding:2px 10px;}
 */

/* MAIN SCREEN -------------------------------------------------------------- */

.fondo-botonera{
	background: #191F28 url(../sk_core/img/logo_clarovideo.png) 15px 8px no-repeat; 
    border-color: #191F28;
	margin:0 auto; 
	position:relative;
	height:53px; 
	clear:both;
	}
body.aplication-claromusica .fondo-botonera{
	background: #191F28 url(../sk_core/img/logo_claromusica.png) 15px 8px no-repeat; 
    border-color: #191F28;
	margin:0 auto; 
	position:relative;
	height:53px; 
	clear:both;
	}

body.aplication-clarobox .fondo-botonera{
	background: #191F28 url(../sk_core/img/logo_clarodrive.png) 15px 8px no-repeat; 
    border-color: #191F28;
	margin:0 auto; 
	position:relative;
	height:53px; 
	clear:both;
	}	

.main-botonera{
	background: url(../img/_scr.bienvenido.svg) no-repeat;
	background-position: top center;
	display:block;
	width:100%;
	margin: 0 auto;
	padding-top:53px;
	}

#mainMenu {
	margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    width: 190px;
	background-color: #252E3D;
	display:block; clear:both;
	min-height: 540px}

#mainMenu .menu-first { text-align:center; }
#mainMenu .menu-last { clear:both; text-align:center;}
#mainMenu .menu-item{ display:block; margin:0; padding:0; border-width: 1px 0 0;}
#mainMenu .menu-separator{ clear:both; height:1px; margin:0; padding:0; }
#mainMenu .menu-item a { 
    display: block;
    line-height: 17px;
    padding-left: 4px;
    text-shadow: none !important;
    font-size: 13px;
    text-decoration: none;
	color: #A8ACB1;
    position: relative;
    padding: 12px;
    border-left: 3px solid #252E3D;}

#mainMenu .menu-item:last-child a { background: #1991fb; border-left: 3px solid #252E3D; color: #fff}


#mainMenu .menu-item a:hover {
    color: #fff;
    background-color: #191F28;
    border-left: 3px solid #629cc9;
}
/*#mainMenu a span {
	padding:100px 0 0 0;
	display:block; }*/
	
#mainMenu .menu-item a:hover span { display: block; padding: 0; margin: 0; color: #fff;}
#mainMenu .menu-item a span { text-transform: capitalize; }

/*#mainMenu #video { background: transparent url(../img/ico.media.png) center center no-repeat; }
#mainMenu #audio { background: transparent url(../img/ico.musica.png) center center no-repeat; }
#mainMenu #user { background: transparent url(../img/ico.user.png) center center no-repeat; }
#mainMenu #imagen { background: transparent url(../img/ico.photo.png) center center no-repeat; }
#mainMenu #html { background: transparent url(../img/ico.write.png) center center no-repeat; }
#mainMenu #bandas { background: transparent url(../img/ico.band.png) center center no-repeat; }
#mainMenu #dla { background: transparent url(../img/ico.dla.png) center center no-repeat; }
#mainMenu #dlaexpress { background: transparent url(../img/ico.dlaexpress.png) center center no-repeat; }
#mainMenu #logout { background: transparent url(../img/ico.salir.png) center center no-repeat; }
#mainMenu #layout { background: transparent url(../img/ico.layout.png) center center no-repeat; }*/

/*PAGINADOR*/
.pag { font-size:80%; height:23px; clear:both; }
.pag ul { list-style:none; padding:0; margin:0; float:right; }
.pag li { float:left; display:block; width:30px; background-color:#abcdef; padding:2px; margin:0 2px; text-align:center; color:white; font-weight:bold; cursor:pointer; }
.pag li.pag-current { background-color:#2d82d7; }
.pag .pag-visor-paginas, .pag .pag-visor-items { color:#2d82d7; float:left; margin:0 2px; padding:2px; }

/*IMAGEN FILE UP*/
.image-up { border:solid 1px #abcdef; display:block; position:relative; float:left; height:150px; width:200px; margin:0 10px 0 0; overflow:hidden; text-align:center; }
.image-up-img { display:block; width:200px;}
.image-up-botonera { position:absolute; bottom:0; left:0; width:100%; background:transparent url(../img/fondo.black.70.png) center center repeat; color:white; text-align:center; }
.fileuploadMessage { display:block; color:yellow; font-weight:bold; }
.fileuploadClear, .image-up-boton, .image-up-botonhover, .fileuploadCancel { cursor:pointer !important; }

/*LOADING*/
.loadingBoxOutFrame { z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background: transparent url(../img/fondo.white.70.png); }
.loadingBoxFrame { background: transparent url(../img/ajax-loader-spin.gif) center center no-repeat; width:100%; height:100%; text-align:center; font-size:300%; color:black; font-weight:bold; }

/*LISTADOR GENERICO*/
.filterSelect 	{ width:100%; }
.filterFields 	{ width:99%; }
.filterCheck    { background-color:#abcdef; margin:2px; padding:2px 5px 2px 2px; display:block; float:left; }
.listgen_number { text-align:right; padding:0 5px 0 0; }
.listgen_date 	{ text-align:center; }
.listgen_icon 	{ text-align:center; }
.icon-small-green { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.green.png) center center no-repeat; }
.icon-small-yellow { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.yellow.png) center center no-repeat; }
.icon-small-red { display:block; width:17px; height:15px; background: transparent url(../img/bullet.small.red.png) center center no-repeat; }
.accionesSpace { margin:0; color:whitesmoke; } /*pipe inter rowboton*/
.rowbuttons { width:150px; text-align:right; background-color:whitesmoke; }


#abusedialog { font-size:80%; }
#avusedialog .button { background: #3d6ab6 url(../img/button.back.blue.png) center center repeat-x; color:white; border:none; padding:2px 10px; cursor:pointer;}

/*WINOVER*/
.winover-frame{
border:1px solid #CCCCCC;
background-color:#e4e4e4;
 position: absolute;
    z-index: 200;
}
.winover-btn-open,
.winover-close
{
	 cursor:pointer;}
.winover-client{ padding:5px; font-weight: bold;  }

/* Admin v9 en v10 */
body.adminv10 {
	background:none;
}
.admincms.no-skin.adminv10.application-clarovideo .navbar-inverse {
	background-color:#fff;
	height:50px;
}
.admincms.no-skin.adminv10.application-clarovideo .navbar-inverse li.light-blue,
.adminv10 #header h1, .adminv10 #header #username, .adminv10 #header #fijo_menu_logout-option
 {
	display:none;
}
.adminv10 #header
 {
	background-color:#fff;
}
.adminv10 #header #RegionID_821, .adminv10 #header a
 {
	color:#666 !important;
}
.admincms.no-skin.adminv10.application-clarovideo .navbar-inverse .container2 .navbar-header {
	display:none;
}

.adminv10 #mainMenu {
	width: 0;
	background-color: none;
}