@import 'sensornet_base.css';
@import 'reseller_logo.css';

/*
#87d5f8 light blue
#0eacf2 light blue 2
#0038a8 dark blue

#00c8c8 light sensornet
#019696 medium sensornet #009696
#006464 dark sensornet 006464
*/

* {
    font-family: Arial;
}


/* clearfix is evil */
.clearfix:before, .clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

h1,h2,h3 {
    color:  var(--ast-global-color-0);
    font-family: 'Kanit',sans-serif;
    font-weight: 400;
}

h1 {
    font-size: var(--wp--preset--font-size--h-1);
}

h2 {
    font-size: var(--wp--preset--font-size--h-2);
}

h3 {
    font-size: var(--wp--preset--font-size--h-3);
}

ul h1, ul h2, ul h3 {
    margin-bottom: 0;
}

li {
    list-style-type: none;
}

.pageblock ul li a {
    color: var(--ast-global-color-8);
}

.pageblock ul li a:hover {
    color: var(--ast-global-color-0);
}

div#main {
    padding-top: 10px;
}

div.Content {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
}

div.Header {}

/*section.slidePage {
    float: right;
}*/

/*
section.slidePage {
    background: none repeat scroll 0 0 white;
    border: 1px solid grey;
    padding: 1rem;
    border-radius: 10px;
}
*/

section.slidePage .contentarea {
    height: 548px;
    width: 790px;
    background-color: #00C8C8;
    border-radius: 10px;
}

div.simplePagerContainer {
    padding: 20px;
    padding-left: 35px;
}

div.simplePagerContainer a {
    text-decoration: none;
    color: black;
    line-height: 40px;
}

ul,
section.slidePage #tabs ul li,
section.slidePage #tabs ul li a {
    margin: 0;
    padding: 0;
}


section.slidePage #tabs ul {
    padding-left: 30px;
}

section.slidePage #tabs ul li {
    font-family: 'Orbitron', sans-serif;
    float: right;
    height: 31px;
    background-color: #335C5C;
    border-radius: 6px;
    margin-bottom: 6px;
    margin-left: 6px;
}

section.slidePage #tabs ul li:hover {
    background-color: #00C8C8;
    color: #335C5C;
}

section.slidePage #tabs ul li a {
    float: left;
    width: 150px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
}

section.slidePage #map-help-tekst {
    padding: 20px;
    padding-top: 12px;
}
section.slidePage #map-help-tekst h3 {
    margin: 0px;
}
section.slidePage #map-help-tekst li,
section.slidePage #map-help-tekst p {
    margin: 0px;
    color: black;
    font-size: 14px;
    margin: 8px 0;
}

section.slidePage #map-help-tekst li{
    margin-left: 30px;
}

/* PROJECT TAGS*/
nav#subnav ul {
    overflow: hidden;
    height: 586px;
}

nav#subnav ul li {
    font-family: 'Orbitron', sans-serif;
    font-size: small;
    margin-bottom: 6px;
    border-radius: 6px;
    padding-left: 7px;
    line-height: 31px;
    width: 143px;
}
nav#subnav ul li.tag[state="1"] { /*not selected: blue*/
    background-color: #006464;
    color: #00c8c8;
}
nav#subnav ul li.tag[state="1"]:hover {
    background-color: #009696;
    color: #006464;
}

nav#subnav ul li.tag[state="0"] { /*disjunct: grey*/
    background-color: #a6acc9;
}
nav#subnav ul li.tag[state="0"]:hover {
    color: #303188;
    background-color: #a6acc9;
}

nav#subnav ul li.tag[state="2"] { /*selected: green*/
    background-color: #009696;
    color: #FFF;
}
nav#subnav ul li.tag[state="2"]:hover {
    background-color: #006464;
    color: #fff;
}
/* END PROJECT TAGS*/


/* MAP */
#OpenLayers\2e Map_2_OpenLayers_ViewPort {
    border: 2px solid grey;
    border-radius: 10px;
}

#sensornetmap {
    position: relative;
    margin: 0;
    height: 544px; /* minus 2 x 2px because of border */
    width: 786px; /* minus 2 x 2px because of border */
    z-index: 0;
}
/* END MAP */