@import  url(//fonts.googleapis.com/css?family=Roboto:700,300,300italic,400italic,400,700italic);

body {
  border: 0;
  padding: 0;
  margin: 0;

  font-family: 'Roboto',sans-serif;
  font-weight: 300;
  font-size: 10.5pt;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto',sans-serif;
    font-weight: 800;
}

#wrapper {
    position:absolute;

    height:100%;
    width:100%;

    margin:0;
    padding:0;

    background-color:white;
}

#header {
  margin: 10px;
  height: 36px;
}

#title {
    float: left;
    width: 310px;
}

#search_area {
  float: left;
}

#search_area input {
    margin: 4px 0;
    border:1px solid gray;
    height: 32px;
    width: 480px;

    font-size: 13pt;
}

#navigation {
    top: 10px;
    float: right;
    position: absolute;
    right: 10px;
}

#content {
}

#coordinates_container {
    float:left;
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
}

#map_container {
   /*float:right;*/
  /*background-color: purple;*/
  /*padding-left:320px;*/
  /*width:100%;*/
  /*height:400px;*/
    padding-right: 10px;
}

#map {
    border: 1px solid #dddddd;
    background-image: url("../img/background_transparent_pattern.png");;
}

#footer {
  font-size:9pt;
  height:28px;
  position:absolute;
  width:100%;
  bottom:0;
  background-color: white;
  padding-left:10px;
  padding-right:10px;
}

#footer a {
    color: gray;
}

#footer img {
  margin: 4px;
}

#footer .text {
  margin-top:6px;
  padding-right:6px;
}

#query_cache {
    display: none;
}

input {
    border:1px solid #dddddd;
    padding: 0.1em 0.2em;

    background: url("../img/input_field_bg.png") repeat-x;
    border-radius: 1px;

    font-weight: 300;
}


h2 {
    font-size:13pt;
}

.pull_left {
  float: left;
}

.pull_right {
  float: right;
}

.reference_link {
    font-weight:normal;
    font-style:italic;
    font-size:75%;
}

.ref_type {
    font-weight:normal;
    color:#555555;
}

.example_text {

    color: #AAAAAA;
    font-style: italic;
}

h3 {
    font-size:12pt;
    margin-bottom:0.2em;
    margin-top:1em;
}

h3.uppermost {
    margin-top:0;
}



#coordinates_container h3 {
    border-bottom:1px dotted #cccccc;
    color: #222222;
}

h4 {
    font-size:11pt;
    margin-bottom:0.2em;
    margin-top:0.3em;
    color: #444444;
}


#output_container h4 {
    font-size: 10pt;
    margin-top:0.1em;
    border-bottom:1px dotted #cccccc;
}

#output_container {

    position:absolute;
    top:66px;
    right:80px;
    z-index: 400;

    padding:10px;

    font-size: 9pt;

    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.9);
}

#output_container .output {
    font-weight: bold;
    padding-left:1em;
}

#output_container table {
    margin:0;
    padding:0;
    border:0;
    border-collapse:collapse;
}

#output_container table tr {
    margin:0;
    padding:0;
    border:0;
}

#output_container table tr td {
    margin:0;
    padding: 3px 5px 3px 3px;
    border:0;
    border-bottom:1px dotted #eeeeee;
}

.print_only {
    display:none;
}


.query_field {

}

.swissgrid_field {
    width:5.5em;
    font-size:13pt;
}

.swissgrid_plus_field {
    width:5.5em;
    font-size:13pt;
}

.wgs_field {
    width:6em;
    font-size:11.5pt;
}

.wgs_field_degrees {
    width:2em;
    font-size:11.5pt;
    margin-left:0.1em;
    margin-right:0.1em;
}

.wgs_field_degrees_lng {
    width:2.5em;
    font-size:11.5pt;
    margin-left:0.1em;
    margin-right:0.1em;
}

.wgs_field_decimal_minutes {
    width:4em;
    font-size:11.5pt;
    margin-left:0.1em;
    margin-right:0.1em;
}

.wgs_field_decimal_seconds {
    width:3em;
    font-size:11.5pt;
    margin-left:0.1em;
    margin-right:0.1em;
}

.wgs_field_value {
    width:1.8em;
    font-size:11.5pt;
    margin-left:0.1em;
    margin-right:0.1em;
}

.utm_field_small {
    width:3em;
    font-size:11.5pt;
}


.utm_field {
    width:6em;
    font-size:11.5pt;
}


#toolbar {
    top: 0;
}

#toolbar img {
    margin-left:10px;
}

#toolbar .first {
    margin-right:30px;
    cursor:pointer;
}


#credits {
    position:relative;
    width:760px;

    margin:auto;

    float:none;
    overflow: hidden;

    /*font-size:95%;*/
}

.left_credits_column {
    position:relative;
    left:0;
    width:238px;
    float:left;
}

.center_credits_column {
    position:relative;
    width:238px;
    margin-left: 20px;
    margin-right:20px;
    float:left;
}

.right_credits_column {
    position:relative;
    width:238px;
    float:left;
}

#credits h2 {
    border-bottom:1px dotted #cccccc;
    margin-top:0;
    margin-bottom:0.2em;
}

#credits h3 {
    border-bottom:1px dotted #eeeeee;
    color:#444444;
}

#credits ul {
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding-left:1.2em;
}

#credits p {
    margin-top:0.5em;
}

.modal-lg {
    width:920px;
}

.inactive {
    color: #AAAAAA;
    font-style: italic;
}

input.search-query {
    padding-left:26px;
}

div.form-search {
    position: relative;
}

div.form-search:before {
    display: block;
    width: 14px;
    height: 14px;
    content: "\e003";
    font-family: 'Glyphicons Halflings';
    background-position: -48px 0;
    position: absolute;
    top:10px;
    left:8px;
    opacity: .5;
    z-index: 1000;
}


.rc_tl {
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.rc_tr {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.rc_bl {
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rc_br {
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

img.lang {
    width: 16px;
    height: 11px;
}

img.title-image {
    width: 300px;
    height: 43px;
}

img.branding-icon {
    width: 16px;
    height: 16px;
}

.layer_legend {
    font-size: 75%;
    font-style: italic;
}

.gt30 {
    color: gold;
}

.gt35 {
    color: orange;
}

.gt40 {
    color: magenta;
}

.gt45 {
    color: violet;
}

.gsm {
    color: cyan;
}

.umts {
    color: deeppink;
}

.lte {
    color: dodgerblue;
}

.wildlife_allowed {
    color: red;
}

.ski_routes {
    color: darkred;
}

.snowshoe_routes {
    color: dodgerblue;
}