* {
	margin: 0;
	padding: 0;
}

fieldset, img, abbr {
	border: 0;
}

html, body {
	background: #fff;
	font-family: "Arial", Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	color: #32393d;
	height: 100%;
}

p {
	line-height: 1.4em;
	margin: 0 0 15px 0;
	font-size:0.9em;
}

a {
	color: #196297;
	text-decoration: underline;
}

a:hover {
	color: #fe4819;
}

h1 {
	font-size: 1.1em;
	margin: 5px 0 10px 0;
	font-weight: normal;
}

h2 {
	font-size: 0.9em;
	margin: 5px 0 10px 0;
	font-weight: bold;
}

h3 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 5px 2px;
	color: #196297;
}
/* -- DIVS -- */

#main {
	background: #FFF;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
}

#head {
	height: 70px;
	background: #3A4B50;
	padding: 0px 10px;
}

#head h1, #head h2, #head a, #head a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#menumed {
	width: 100%;
	height: 24px;
	background: #3A4B50;
	border-bottom: #000 solid 2px;
	z-index:50;
}

#content {
	padding-bottom: 40px;
	margin: 8px;
	#width:98%;
	_width:98%; 
	z-index:100;
	height:auto !important;
}

#contenttitle {
	padding: 0px 2px 2px 5px;
}

#contenttable {
	padding: 10px;
	background: #EBF2F3;
	font-size: 0.9em;
	height:auto !important;
}

#contenttablewriter{
	padding: 8px;
	#width:99%;
	_width:99%; 
	background: #FFF;
	font-size: 0.9em;
}

#footer{
	width: 100%;
	background: #CCC;
	position:fixed;
	bottom: 0 !important;
	height: 30px;
	border-top: #333 solid 2px;
	text-align: right;
	z-index: 999;
}

/* -- TOOLTIP -- */
a.tooltip {
	position: relative;
}

a.tooltip span {
	display: none;
	position: absolute;
	top: 25px;
	left: 10px;
	padding: 5px;
	z-index: 100;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px;/* this works only in camino/firefox */
	-webkit-border-radius: 5px;/* this is just for Safari */
}

a:hover.tooltip {
	/* this is just for IE */
}

a:hover.tooltip span {
	display: block;
}
/* --- TOOL BARS --- */

.containeroptions{
	border: 1px solid #95AEB1;
	background-color: #AECBCF;
	display: block;
	padding: 4px;
	width:100%;
	height:24px;
}

.containeroptions td {
	border:none !important;
}

.containeroptions td a:hover{
	color:#BB2F2F;
}

.subtitles{
	border: 1px solid #95AEB1;
	background-color: #AECBCF;
}

.containeroptions a {
	font-size:0.9em;
	text-decoration: underline;
	color: #000;
}

/* --- TABLE --- */

td {
	font-size: 0.9em;
}


.tablelist {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*margin: 0.5em;*/
	padding: 4px;
	border-collapse:collapse;
}

.tablelist td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	padding: 4px;
	font-size: 0.8em;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tablelist td .static {
	color:#88aaff;
	font-weight: bold;
	text-decoration: none;
}

.tablelist td .dynamic {
	color:#66aa00;
	font-weight: bold;
	text-decoration: none;
}

.tablelist td .expired {
	color:#aa0000;
}

.tablelist .tablelisttitle{
	height: 25px;
	background: #409190;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}

.tablelist .tablelisttitledos{
	height: 25px;
	background: #66848C;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}

.tablelist .tablelisttitletres{
	height: 25px;
	background: #3A4B50;
	color: #FFF;
	font-weight: bold;
	font-size: 1.5em;
}

.tablelist .tablelisttitletres2{
	height: 20px;
	background: #6D6D6D;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}

.tablelist .fondogris{
	background: #3A4B50;
	color: #FFF;
}

.tablelist .tablelisttitletres a {
	color: #FFF;
}

.tablelist .tablelistnone{
	border: none;
}

/* --- DESC --- */

.tablelistagenda {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*margin: 0.5em;*/
	padding: 4px;
	border-collapse:collapse;
}

.tablelistagenda td {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	font-size: 0.8em;
}

.tablelistagenda .tablelistagendatitle{
	height: 25px;
	background: #409190;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}

.tablelistagenda .tablelistagendatitledos{
	height: 25px;
	background: #66848C;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
}

.tablelistagenda .tablelistagendatitletres{
	height: 25px;
	background: #3A4B50;
	color: #FFF;
	font-weight: bold;
	font-size: 1.5em;
}

.tablelistagenda .fondogris{
	background: #3A4B50;
	color: #FFF;
}

.tablelistagenda .tablelistagendatitletres a {
	color: #FFF;
}

.tablelistagenda .tablelistagendanone{
	border: none;
}


.tabledesc {
	border: 2px solid #990000;
	margin: 0.5em auto;
	border-collapse:collapse;
}

.tabledesc td {
	height: 25px; 
	padding: .3em .3em;
	font-size: 0.9em;
}

.tabledesc .tablealerttitle{
	height: 25px;
	background:#FFCC99;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}

/* --- ALERT --- */

.tablealert  {
	border: 2px solid #990000;
	margin: 0.5em auto;
	border-collapse:collapse;
}

.tablealert td {
	height: 25px; 
	padding: .3em .3em;
	font-size: 0.9em;
}

.tablealert .tablealerttitle{
	height: 25px;
	background: #990000;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}

/* --- FORM --- */

select{
	border: #CCC solid 1px;
	/*height: 22px;*/
	background-color: #FFF;
}


input{
	border: #CCC solid 1px;
	font-size: 0.9em;
	height: 22px;
	padding: 2px;
	_padding:1px;
	#padding:1px;
	background-color: #FFF;
}

.boton, input[type="submit"],input[type="button"]{
	cursor:pointer;
	font-size: 1em;
	text-decoration: none;
	color: #FFF;
	height:auto;
	background:#3A4B50;
	border:#333 solid 1px;
	font-weight:bold;
	padding:5px 10px;
	margin:5px;
}

input.boton-rojo {
	background-color: #885050;
}

input.boton-blanco {
	background-color: #FFFFFF;
	border-color: #3A4B50;
	color: #3A4B50;
}

input[type=text], input[type=password], select, textarea {
  -webkit-transition: box-shadow 0.30s ease-in-out;
  -moz-transition: box-shadow 0.30s ease-in-out;
  -ms-transition: box-shadow 0.30s ease-in-out;
  -o-transition: box-shadow 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus  {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=text].campoRequerido:focus, 
input[type=password].campoRequerido:focus, 
select.campoRequerido:focus, 
textarea.campoRequerido:focus  {
	box-shadow: 0 0 5px rgba(100,20,40,0.5);
	border: 1px solid rgba(100,20,40,1);
}

.div-opciones-usuario {
	overflow-y: auto;
	overflow-x: hidden;
	max-height:400px;
}

.div-opciones-usuario table td {
	border: none;
	border-bottom: 1px solid #CCCCCC;
	font-size:13px;
}


.div-opciones-usuario table td.curso {
	font-weight: bold;
}

.div-opciones-usuario table td.inicio {
	padding-left: 14px;
}

.div-opciones-usuario small.empty-row {
	font-style: italic;
	color:#888; 
	margin: 2px;
	display:block;
}

.div-opciones-usuario table td img {
	vertical-align: middle;
}

.div-opciones-usuario a {
	text-decoration: none;
}

.div-opciones-usuario textarea {
	width: 215px;
	resize: none;
}

.div-opciones-usuario .pagos-ajax-loader,
.div-opciones-usuario .preinscribir-ajax-loader {
	float: right;
	display: none;
}

.div-opciones-usuario td.mas-acciones {
	font-style: italic;
	background-color: #EEEEC5;
}



select optgroup option {
	margin-left: 20px;
}

.boton:focus, input[type="button"]:focus, input[type="submit"]:focus{
	/*font-size: 0.8em;*/
	color: #000;
	background-color: lightyellow;
	text-decoration: none;
	/*background:#3A4B50;*/
	border:#333 solid 1px;
	font-weight:bold;
	/*padding:2px;
	margin:2px;*/
}

.focus{
	background-color: lightyellow;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	border: #CCC solid 1px;
	font-size: 1em;
	padding: 2px;
	_padding:1px;
	#padding:1px;
	background-color: #FFF;
}

textarea:focus{
	font-family:Arial, Helvetica, sans-serif;
	background-color: lightyellow;
}

/* --- OLD --- */

.caja {
	font:Arial, Helvetica, sans-serif;
	border: #CCC solid 1px;
	background-color: #FFF;
}


.cajalistado {
	vertical-align: top;
	text-transform: uppercase;
}

.cajabusquedapersona {
	text-transform: uppercase;
}

.tilde {
	font-size: .6em;
}

.mano {
	cursor: pointer;
}

.waitingimage{
	padding: 5px;
	margin: 10px;
}

.waitingimagetext{
	padding: 5px;
	color: #666666;
}

.tituloAZUL {
	color: #003399;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
}

.menuOP {
	font-family: verdana;
	font-size: 13pt;
	text-decoration: none;
	color: #000000;
	height: 30px;
	font-weight: bold;
}

.avisosRojos {
	color: #FB0000;
	font-weight: bold;
	font-style: italic;
}

.avisosAzules {
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
}

.aclaraciones {
	color: #666666;
	font-style: italic;
}

.avisosVerdes {
	color: #00CC33;
	font-weight: bold;
	font-style: italic;
}

.avisosNaranjas {
	color: #FF8000;
	font-weight: bold;
	font-style: italic;
}

.MensajeNoLeido {
	font-weight: bold;
}

.MensajeLeido {
	font-weight: normal;
}

small.required {
	color: #D60808;
	font-size: 10px;
}

/*  
 *  ----------------------------------------------------
 *  Tabla de búsqueda en los abm con búsqueda avanzada
 *  ----------------------------------------------------
 */


.filters-table td {
	height: 38px;
}
.filters-table img {
	vertical-align: middle;
}
.filters-table input.advanced-search {
	width:300px;
	margin:0;
	border: 1px #fff outset;
	cursor:pointer;
}
.filters-table input.advanced-search:focus {
	background-color: #3A4B50;
	border: 1px #fff outset;
	color:#fff;
}

.filters-table input.advanced-search.pressed {
	background-color: #8C9DA2;
	border: 1px #000 inset;
}
.filters-table input.advanced-search.active {
	background-color: #FFFFE0;
	color:#000;
	width:276px;
}

#find.active, #inicios.active, #cboEmpresa.active, #idcursosearch.active {
	background-color: #FFFFE0;
}

select#inicios{
	width:328px;
}


/*  
 *  ------------------------------
 *  Estilos de popups de gráficos
 *  ------------------------------
 */
.chart-popup-button, .chart-popup-button-inside-window, .chart-popup-button-share {
	cursor:pointer;
}

.chart-popup-button-inside-window, .chart-popup-button-share {
	border: 1px outset #b5b5b5;
    border-radius: 5px;
    cursor: pointer;
    padding: 3px;
}

.chart-popup-button-share {margin: 0 0 0 7px;}
	
.chart-popup-menu {
	width:260px;
	background-color: #FFFBBF;
	border: 1px solid #ccc;
}

.chart-popup-menu-overflow {
	overflow-y: scroll;
	overflow-x: hidden;
	height:300px;
	width:268px;
}

.chart-popup-menu-container {
	position: absolute;
	z-index:101;
}

.chart-popup-menu-container .chart-option {
	font-size: 0.6em;
	border-bottom: 1px solid #ccc;
	padding:2px;
}

.chart-popup-menu-container .chart-option.title {
	padding:3px 0 3px 4px;
	font-weight: bold;
	background-color: #EEEAAE;
	color: #797539;
	text-align:left;
	font-size: 13px;
}

.chart-popup-menu-container .chart-option input[type="checkbox"]{
	float: right;
	margin: 6px 10px 0 0;
}

.chart-popup-menu-container .chart-option a {text-decoration: none;}

.chart-popup-menu-container .chart-option a > img.icon {
	vertical-align: middle;
	margin: 2px 8px 2px 2px;
	min-height: 16px;
	min-width: 16px;
}

.chart-popup-menu-container .chart-option.show-selected {
    padding: 8px;
	text-align: right;
	background-color: #FFFBBF;
	border: 1px solid #ccc;	
}
.chart-popup-menu-container .chart-option.show-selected a {
	font-weight: bold;
}


.chart-window {
	top: 120px;
	left: 40px;
	right: 40px;
	min-height: 500px;
	padding: 16px;

	z-index:99;
	position:absolute;
	background-color:#fff;
	display:none;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;		
}

.chart-window-shadow {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;

	z-index:98;
	position:absolute;
	background-color:#000;
	opacity: 0.8;
	display:none;
}

.chart-window-loading {
	position:absolute;
	top: 300px;
	left:50%;
	width:80px;
	height:12px;
	margin: 0 -40px;

	z-index:100;
	background: url("../images/wait.gif") transparent no-repeat;
}

.chart-window .aprobacion-pagos-combo {
	position: absolute;
	top: 0;
}

.chart-window .share-shadow {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color:#fff;
	opacity: 0.9;
	position:absolute;
}

.chart-window .share-window {
	background-color: #fff;
	border: 1px solid #888;
    height: 340px;
    position: absolute;
    top: 65px;
    width: 600px;
	left: 50%;
	margin-left: -300px;
	font-size: 14px;
	padding:20px;
	
	-webkit-box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:	10px 10px 3px rgba(0, 0, 0, 0.1);
	box-shadow:			10px 10px 3px rgba(0, 0, 0, 0.1);	
}

.chart-window .share-window .half {
	float:left; 
	width:50%;
	line-height:27px;
	position: relative;
}

.chart-window .disable {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:#fff;
	opacity: 0.9;
	position:absolute;
}

.chart-window .share-window .password-container,
.chart-window .share-window .expiration-container {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px dashed #E0E0E0;
    height: 52px;
    margin: 4px;
    padding: 10px;
    text-align: right;
    width: 270px;
}


.chart-window .share-window .action-buttons {
	text-align:center;
}

.chart-window .share-window input[type="text"] {
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.chart-window .share-window input[type="password"] {
	width: 160px;
}
.chart-window .share-window textarea {
	font-size:13px;
	color:#999;
    width:100%;
	height:60px;
	resize:none;	
}

.chart-window .share-window .save-mode {
	float:right;
	margin: 0 3px 0 0;
}

.chart-window .share-window .success {
	height: 290px;
}

.chart-window .share-window .success .link-box {
    background: url("../iconos/link-icon.png") no-repeat 3px center;
    font-size: 11px;
    height: 25px;
    margin-top: 87px;
    padding: 0 0 0 21px;
    text-align: left;
    width: 460px;
}

.chart-window-close-button {
	top: 108px;
	right: 32px;

	z-index:100;
	position:absolute;
	height:24px;
	width:24px;

	background-image:url("../images/off.gif");
	cursor: pointer;
	display:none;
}

.chart-window .charts-relative-container {
	position:relative;
	min-height:300px;
	width:100%;
	height:100%;
	margin-top: 30px;
}

.chart-window .charts-relative-container .total-registros {
    font-size: 13px;
    position: absolute;
    right: 10px;
    text-align: right;
    bottom: -15px;
}

.chart-window .opciones-exportar {
	font-size:12px;
	float:right;
	margin:-28px 12px;
}

.chart-window .chart-mostrar-check {
	float: right;
    font-size: 14px;
    font-style: italic;
    margin-right: 10px;
	display:none;
}

.chart-window .opciones-exportar .boton-exportar {
	vertical-align: middle;
	border: 1px outset #b5b5b5;
    border-radius: 5px;
    cursor: pointer;
    padding: 2px;
}

.chart-window .concepto-posible-deserciones {
	position:absolute;
	display:none;
	font-size: 13px;
	left:20px;
	top:-28px;
}

.chart-window .chart-div {
	position:absolute;
	width:69%;
	left:10px;
	top:30px;
	bottom: 5px;	
} 

.chart-window .table-div {
	position:absolute;
	width:29%;
	right:10px;
	top:30px;
	bottom: 5px;
}

.chart-window h1.chart-title {
	font-size:40px;
	text-align: center;
	text-decoration: underline;
}

.chart-window h2.chart-title {
	text-align: center;
	text-decoration: none;
	position: absolute;
	left: 0;
	right: 0;
}

.chart-window hr {
	clear: both;
	border:none;
	height:40px;
}

.chart-window .list-button {
    border: 1px outset #B5B5B5;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    height: 24px;
	width: 24px;
    padding: 2px;
	
    position: absolute;
    right: 79px;
    top: -28px;
}
.chart-window .list-button-message {
	border-radius: 5px;
	font-size: 14px;
    padding: 7px;
    position: absolute;
    right: 121px;
    top: -38px;
    width: 170px;
	display:none;
}
.chart-window .list-message {
	border-radius: 5px;
	font-size: 14px;
    padding: 7px;
    position: absolute;
    left: 200x;
    top: 40px;
    width: 200px;
	display:none;	
}

.chart-window .combo-list,
.chart-window .combo-list-submit,
.chart-window .combo-list-display-mode {
	position: absolute;
	-webkit-box-shadow: 10px 10px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:	10px 10px 3px rgba(0, 0, 0, 0.1);
	box-shadow:			10px 10px 3px rgba(0, 0, 0, 0.1);
}
.chart-window .combo-list {
	height: 240px;
    min-width: 300px;
}
.chart-window .combo-list-submit {
	font-size:14px;
}
.chart-window .combo-list .option-expand {
	font-style: italic;
	font-weight: bold;
	margin-left: 0px;
}
.chart-window .combo-list .sub-option {
	margin-left:20px;
}
.chart-window .combo-list-display-mode {
	position: absolute;
    background-color: #EEEAAE;
    color: #797539;
}

.chart-window .big-gray-message {
    color: #ccc;
    font-size: 70px;
    text-align: center;
	position:absolute;
	left: 0px;
	right: 0px;
	top: 80px;
}

.chart-window .chart-parent-div {
	border-bottom: 3px dotted #CCCCCC;
	padding-bottom:25px;
	min-height:440px;
}
.chart-window .chart-parent-div:last-child {
	border-bottom: none;
	padding-bottom:0px;
}
.chart-window .sub-charts .chart-parent-div {
    margin-bottom: 50px;
	border-bottom: 1px dotted #ccc;
}
.chart-window .sub-charts .chart-parent-div:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}


/* Caja con flecha*/
.arrow_box { position: relative; background: #FFFFDF; border: 1px solid #000000; } .arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(213, 213, 213, 0); border-left-color: #FFFFDF; border-width: 6px; margin-top: -6px; } .arrow_box:before { border-color: rgba(0, 0, 0, 0); border-left-color: #000000; border-width: 7px; margin-top: -7px; }

/* Mouse pointer en las flechitas azules del google chart */
svg > g > path[fill="#0011cc"],
svg > g > path[fill="#0011cc"]{
	cursor : pointer;
}

/*  
 *  ------------------------------------
 *  Estilos de popup de crop de imágenes
 *  ------------------------------------
 */
.uploadsimple-widget .file-field {
	height: 26px;
	margin: 0;
	padding: 0 0 26px;
	width:237px;
}
	
.uploadsimple-widget .image-container {
	position:relative;
	background-color:#000;
	padding: 8px;
}

.uploadsimple-widget .crop-image-button {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 32px;
	height: 32px;
	opacity: 0.9;
	cursor: pointer;
	background-color:#fff;
	padding:2px;
	
	border:1px outset #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.crop-window {
	font-size:12px;
	
	min-height: 200px;
	padding: 60px 16px 16px 16px;

	z-index:99;
	position:absolute;
	background-color:#fff;
	display:none;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.crop-window .title-bar {
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color:#000;
	padding:12px;
	font-size: 14px;
	color: #FFFFFF;
	
	-webkit-border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; border-top-right-radius: 4px;
	
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(33,33,33,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(33,33,33,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(33,33,33,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(33,33,33,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(33,33,33,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(33,33,33,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

.crop-window-shadow {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;

	z-index:98;
	position:absolute;
	background-color:#000;
	opacity: 0.8;
	display:none;
}

.crop-window-close-button {
	z-index:100;
	position:absolute;
	height:24px;
	width:24px;

	background-image:url("../images/off.gif");
	cursor: pointer;
	display:none;	
}

.crop-window input.apply {
	position: absolute;
	display: block;
	z-index: 700;
	
	-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:	5px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow:			5px 5px 3px rgba(0, 0, 0, 0.2);	
}

.crop-window .options {margin: 0 0 10px 3px; float:left;}
/*.crop-window .options select {font-size:13px;}*/
.crop-window .crop-buttons {float:right; margin: 0 -3px 0 0;}

.crop-window .crop-zone {
	clear:both;
	float:left;
	padding: 8px;
	border: 1px solid #000;	
	font-weight: bold;
	margin: 2px;
	background-color:#fff;
}
.crop-window .preview-zone {
	float:left;
	padding: 8px;
	border: 1px solid #000;
	background-color: #000;
	margin: 2px;
}

.crop-window .preview-zone .preview-dimensions{
	color:#fff;
	font-weight: bold;
	margin-top:8px;
	text-align: right;
}

.crop-window .preview-container {
    overflow: hidden;
	text-align:center;
}

.scrollup {
    background: url("/admin/vistas/images/icon_gototop.png") no-repeat scroll 0 0 transparent;
	bottom: 35px;
    display: none;
    height: 40px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 40px;
	outline: 0;
}

table.crop-alert {
	margin: 10px auto 10px auto;
	width:600px;
	
}

table.crop-alert td {
	padding:20px;
}

table.crop-alert .info-alert {
	float:left;
}

table.crop-alert .message-container {
	float: left;
    height: 150px;
	width: 415px;
    margin: 10px 0 30px 15px;
}

table.crop-alert .message-container p {
	font-size:16px;
}
table.crop-alert .message-container small {
    color: #9D9D9D;
    font-size: 12px;
    line-height: 16px;
}

table.crop-alert .thumbnail-container {
	overflow-x: hidden;
	overflow-y: auto;
	background-color:#fff;
	border:1px inset #888;
	min-height:100px;
	max-height:200px;
	width:556px;
}

table.crop-alert .thumbnail-container .thumbnail-frame {
	margin: 5px;
	float:left;
	position:relative;
}

table.crop-alert .thumbnail-container input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
}

table.crop-alert .thumbnail-container .thumbnail-frame img {
	margin: 5px;
	max-width:200px;
	max-height: 100px;
}