@CHARSET "UTF-8";


*,*:hover,*:focus,*:active { outline-style: 0px none; -moz-outline-style:none;}

    html,body {
      background-color: white;
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      font-family: Verdana, Arial, sans-serif;
      font-size: 1.0em;
      overflow: hidden;
      color: #000;
      font-smooth: large;
    }

    #map {
      background-color: #EEEEEE;
      bottom: 8px;
      left: 8px;
      position: absolute;
      right: 8px;
      top: 8px;
    }

    #xjosm {position: absolute; bottom : 30px; left: 8px; background: #eeeeee; opacity: 0.5;}

.olPopup {
    box-shadow: 0 0 3px #555;
    border-radius: 5px;
    float:left;
    font-size: 0.9em;
    font-family: Arial,sans-serif; 
    line-height: 1.1;
    font-size: 0.9em;
    font-smooth: large;
}

.olPopupContent {
    overflow: hidden;
    font-size: 13px;
}    

#SmartPopup  .olPopupContent {padding: 10px; }

.olPopupContent th , .olPopupContent td{
    text-align: left; 
    border-top: 1px solid #eee; 
    padding: 3px 10px;
    white-space:nowrap;
}
.olPopupContent table tr:first-child  th,
.olPopupContent table tr:first-child  td {
    border-top: 0; 
}

.olPopupContent table  th {
    border-right: 1px solid #eee; 
    font-weight: bold;
}

.olPopupContent table {border-collapse:collapse;}
.olPopupContent input {width: 200px;}

.olPopupCloseBox {
    background: url("/img/close.png") no-repeat;
    cursor: pointer;
}


a.button , a.button:visited{
   border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  transition: all .25s;
  -moz-transition: all .25s;
  -webkit-transition: all .25s;
  background-color: #ddd;
  padding: 3px 10px;
  color: #333;
  font-weight: bold;
  display: inline-block;
  margin-top: 10px;
}
a.button:hover {background-color: #84b0e1; color: #fff;}



#labelSwitch {
        display: absolute;
	left: 0.1em;
	bottom: 3.5em;
	position: absolute;
	color: white;
	width: auto;
	text-align: center;
	height: auto;


}

.labelSwitch {
        margin: 0 2px;
	font-size: 10px;
	padding: .2em 1em .275em;
	display: inline-block;
	outline: none;
	cursor: pointer;
    	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
        border-bottom: solid 1px #ccc;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    

}

#labelSwitch:hover {
   text-decoration: none;
}

#labelSwitch:active {
	position: absolute;
	bottom: 3.48em;
}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}