/* modificamos el tamaņo del body */
body { width: 1350px; }

h5 {/* Obsolet */
    margin-top: 10px;
    margin-bottom: 10px;
}

.ilb { 
 display: inline-block; 
 vertical-align: top;
}

#maintool {
    position: relative;
    width: 1300px;
    display: inline-block;
}

/*******************  MAP **********************/
#map {
    display: inline-block;
    width: 900px;
    height: 600px;
    margin-right:1em;
}

.ol-zoom { /* Zoom tool on right */
	left: auto;	
	right: 8px; 
}

.layer-switcher { top: 4em; } /* shift layeswitcher */

.cpanel { /*** Main tool panel ***/
	cursor: pointer;
	left: 8px; 	right: auto;
	width: 26px; height: 26px;
	padding:0px; margin:0px
}
 
#slideropacity { /*** opacity ***/
    position: absolute;
    display: none;
    z-index: 999;
	top:37px; left:6px;
    height: 80px;
    padding:0px; margin:0px;
}

#secondary { /*** Color: panel ***/
	background-color:white;
    position: absolute;
    display: none;
    z-index: 999;
	top:27px; left:25px;
	width: 25px;
	padding:0px; margin:0px;
	line-height:10px;
}

#baw, #hsl, #zebra { /*** Color: paletes ***/
	cursor: pointer;
	left: 53px;
	width: 26px; height: 26px;
	padding:0px; margin:0px;
	display:inline;
}
 
#latlon {  /*** Info Square ***/
	background-color: white;
	position:absolute;
	left:6px;
	top:560px; /*relative to maintool*/
	border:1px solid red;
	padding-right:1em;
	z-index:999;
	opacity:0.7;
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

.tooltip {  /*** Buoys: Info tooltip ***/
	position: relative;
	/*background: rgba(0, 0, 0, 0.5);*/
	border: 2px solid black;
	border-radius: 4px;
	color: black;
	padding: 4px 8px;
	/*opacity: 0.7;*/
	white-space: nowrap;
	text-align: left;
}

.inlineblock { 
 display: inline-block;  
 vertical-align: top;
}

/* Main Table */
#datatable_listelayer_length.dataTables_length {
	width:300px;
	margin-left:20px;
	margin: 0 auto;
	font-size:10pt;
}

#datatable_listelayer_wrapper{
	width:300px;
	margin-left:20px;
	margin: 0 auto;
}

#tbodydatatable tr.odd { background-color: #D3D6FF; }

#tbodydatatable tr.even { background-color: #EAEBFF; }

#tbodydatatable tr.row_selected.odd, #tbodydatatable tr.row_selected.even { 
	background-color: #BF9FD1;
}

.dataTables_info {  float: left;  width: 45%; }

/*** SELECT DIV ***/
#selectlayer { width:800px; }
#selectlayer .inlineblock { margin-left:0px; }
#selectlayer .inlineblock:first-child { margin-left:0px; }
#selectlayer #previsualisation {
    width:350px; height:200px;
    background-repeat:no-repeat;
    background-position:center;
}

#selectlayer .icon { /* Obsoleto */
 width:20px;  height:20px;
}
#datepickerout {
  font-size:90%;
  padding-bottom:5px;
}

#datepickerout button { color:red; }

#datatable_previsualisation_wrapper {
	width:250px;
	margin: 0px;
	font-size:10pt;
}

#datatable_previsualisation_length.dataTables_length{
	width:250px;
	margin:0px;
	font-size:10pt;
}

#datatable_previsualisation tbody tr td { white-space:nowrap; }

#tbodydatatablelayers tr.odd { background-color: #D3D6FF; }
#tbodydatatablelayers tr.even { background-color: #EAEBFF; }

#tbodydatatablelayers tr.row_selected.odd { 
	background-color: #BF9FD1;
	font-weight: bold;	
}

#tbodydatatablelayers tr.row_selected.even { 
	background-color: #BF9FD1;
	font-weight: bold;	
}

/** Bloque principal dibujo (dragggable) ***/

#temp h5  { width: 215px; } /** cabeccera dibujo ***/
#temp button  { width: 49%; } /** Botones de seleccion **/
#temp button:last-child  { margin-left: 2%; }

 /** canvas del dibujo **/
#plot_templine {
	background-color:white;
	width: 800px; 
	height: 340px; 
} 

/** bloque para renombrar las secciones de temperatura ***/

#dialog_renametempline { /* Obsoleto ahora cambiarnombre */
  min-height: 7ex; font-size:90%;
}

.thl { text-align:left; }

/** Estilos especiales para el enlace de creditos */
#creditos {
  background-color: white;
  position:absolute;
  z-index:10000;
  font-weight:bold;
  filter:alpha(opacity=60); /* For IE8 and earlier */
 }
 
#lapaleta {
	left:0px;
	display:inline;
	position:absolute;
	z-index:999;
	padding:0px;
	margin:0px;
}

/*FIN Proves*/

#select_templine                   { width: 200px; }
#div_templine h5                   { width: 250px; } /* Obsoleto */
#div_templine button               { width: 49%; } /* Obsoleto */
#div_templine button:last-child    { margin-left: 2%; } /* Obsoleto */
}

#zoneaddmarker {
    display:none;
    padding: 5px;
    margin-top:3px;
    border: solid 1px #D8D8D8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ui-dialog { 
 font-size:90%;
 z-index: 10010 !important ;
}

.CustomPanelButton { /* Obsoleto */
    display: block;
   width: 26px;
    padding: 2px;
/*    bottom: 8px;*/
    bottom: 30px;
    left: 8px;
    position: absolute;
}
.CustomPanelButton div { /* Obsoleto */
    margin-top:2px;
    width: 24px;
    height: 22px;
}
.PaletePanel { /* Obsoleto */
    display: none;
    width: 26px;
    padding: 2px;
 /*   bottom: 8px; */
    bottom: 30px;
 /*    left: 38px; */
    left: 35px;
    position: absolute;
}
.PaletePanel div { /* Obsoleto */
    margin-top:2px;
    width: 24px;
    height: 22px;
}

.lock { /* Obsoleto */
    position: absolute;
    left:0px;
    top:0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: center;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

#div_addmarker textarea {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    resize: vertical;
}
#div_addmarker button:last-child { float: right;}
form input[type="number"] {   width:60px; }

.olControlMousePosition {
    background-color:rgba(255, 255, 255, 0.4);
}