/** 
 *  \file html\css\rtstatus.css
 *  \brief RealTime Status styles
 *  \author Bart van Hest, Core|Vision
 *  \version 1.0
 *  \date 27-10-2008
 *
 * This file contains some additional style definitions for the
 * Real Time Status page
 */

#map {
  width             : 98%;
  height            : 550px;
  background        : #FFFFFF;
  color             : white;
}

.nwerror_div, 
.message_div {
  z-index           : 10000;
  top               : 0px;
  left              : 0px;
  width             : 0px;
  height            : 0px;
  position          : absolute;
  background        : black;
  opacity           : 0.6;
  visibility        : hidden;
}

.nwerror_p {
  text-align        : center; 
  font-size         : 300%;
  font-weight       : bold;
  color             : red;
}

.message_p {
  text-align        : center; 
  font-size         : 135%;
  font-weight       : bold;
  color             : white;
}

.popup {
  padding-bottom    : 5px;
}

.popup_hdr { 
  color             : black;
  font-size         : 125%;
  margin            : 3px;
  padding           : 0px;
  text-align        : left; 
  font-weight       : bold;
}

.popup_bodytbl {
  color             : black;
  font-size         : 100%;
  margin            : 3px;
  border-collapse   : collapse; 
  border            : solid 2px #F28424;
  text-align        : left;
}

.popup_row {
  border            : solid 2px #F28424;
}

.popup_cell_normal {
  color             : black;
  background        : #06f000;
  font-size         : 100%;
  text-align        : left;
  line-height       : 15px;
}

.popup_cell_error {
  color             : white;
  background        : #ef0000;
  font-size         : 100%;
  text-align        : left;
  line-height       : 15px;    
}

.popup_cell_nocon {
  color             : black;
  background        : #f2a824;
  font-size         : 100%;
  text-align        : left;
  line-height       : 15px;
}

.AlertStyle {
  color             : #000000;
  background        : #ffffff;
  font-size         : 150%;
  text-align        : center;
  font-weight       : bold;
}

.device_finder_tbl {
  color             : black;
  width             : 100%;
  font-size         : 100%;
  margin            : 3px;
  border-collapse   : collapse; 
  border            : solid 2px #F28424;
  text-align        : left;
}

.device_finder_cell {
  color             : black;
  font-size         : 100%;
  text-align        : center;
}

.extra_controls_div {
  background-color  : #ff0000;
}

.mapswitcher_div {
  background-color  : #00ff00;
}

.mapswitcher_tbl {
  background-color  : #0000ff;
  vertical-align    : top;
  padding           : 5px;
}

.debugwindow_div {
  width             : 98%;    
}

.olControlPanZoomBar {
  left              : 4px!important;
  top               : 34px!important;
  cursor            : pointer!important;
}

#OpenLayers_Control_MaximizeDiv_innerImage,
#OpenLayers_Control_MinimizeDiv_innerImage {
  cursor            : pointer!important;
}

.olControlBvH_Control {
  top               : 34px!important;
}

.olControlScaleLine {
  left              : 95px!important;
}    

.MSVE_MapContainer {
  width             : 100%!important;
  height            : 100%!important;
}

#iframe_info {
  width             : 98%;
}

#arrow_info_show,
#arrow_info_hide {
  position          : absolute;
  top               : 971px;
  z-index           : 10000;
}

#arrow_info_show {
  visibility        : hidden;
}

input[type=checkbox], input[type=radio] {
  margin-bottom     : 2px;
  vertical-align    : middle;
  text-transform    : capitalize; 
}

.mapviewcontrol_arrow {
  background        : url(../images/di_menu.gif) 100% 100%;
  width             : 80%;
  height            : 17px;
  border            : outset gray 1px;
  cursor            : pointer;
}

.checkbox_element, .radio_element {
  height            : 15px;
}