/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-11-06, 22:26:59
    Author     : Jan
*/

html,body {
    background:#eeeeee;
    color:#3A3B3D;
    font-family: Calibri, Tahoma;
    font-size:0.9em;
    padding: 0px; 
    margin: 0px;
    height: 100%;
    overflow:hidden;
    zoom: 1;
}

h1 {
    font-size:1.5em;
    font-weight:normal;
    padding-left: 1em; 
    padding-top: 1em; 
    margin: 0px;
}

h2 {
    font-size:1.3em;
    font-weight:normal;
    padding-left: 1em; 
    padding-top: 0.5em; 
    margin: 0px;
}

a {
    color:#3A3B3D; 
}

a:hover {
    color:#35B7A2; 
}

code {
    color:#35B7A2;
}

input {
    
}

.clickable:hover
{
    filter: brightness(2);
    -webkit-filter:  brightness(2);
    -moz-filter:  brightness(2);
    -o-filter:  brightness(2);
    -ms-filter:  brightness(2);
    transition: all 0.5s ease-out;
    cursor:pointer;
}

.clickable
{
    filter:  brightness(1);
    -webkit-filter:  brightness(1);
    -moz-filter:  brightness(1);
    -o-filter:  brightness(1);
    -ms-filter: brightness(1);
}

#main-body {

    background:#ffffff;
    margin: 0 auto;  
    width: 100%; 
    height: 100%;
}

#left-area {
    width: 25em;
    height:100%;
    background:#F2EFEE;
    float:left;

}

#main-left-area {

}

#map-area {
    margin-left:25em;
    height:100%;
    background:#ffffff;

}

#map-controls-area {
    background:#ffffff; 
    box-shadow: 0rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
	border-radius: 0.5em;
    font-weight:bold;
    position: absolute; 
    right:190px; 
    top:10px; 
    z-index:15; 
    width: 2.4em; 
    opacity:0.9;
    cursor:pointer;
}

#geostat {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

#map-controls-area-noads {
    background:#ffffff; 
	border-radius: 0.5em;
    box-shadow: 0rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
    font-weight:bold;
    position: absolute; 
    right:10px; 
    top:10px; 
    z-index:15; 
    width: 2.4em; 
    opacity:0.9;
    cursor:pointer;
}

#ads-onmap {
    z-index:15; 
    position: absolute; 
    right:10px; 
    top:10px; 
    background:#ffffff;
    width:160px;
    height:600px;
}

#topLoader {
    transition: 0.35s ease-out;
}

.sidePanel {
    position: absolute; 
    left:25em; 
    top:0px; 
    height:100%;

    -moz-box-shadow:    -0.1rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
    -webkit-box-shadow: -0.1em 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
    box-shadow:         -0.1rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
}

.close {
    float:right;
    padding:1em;
    cursor:pointer;
}

#additional-controls-area {
    background:#35B7A2; 
    width: 25em; 
    opacity:1; 
    color:#ffffff;
    z-index:17; 
}

#sizeDeterminer {
    width:700px; 
    height:700px; 
    z-index:0; 
    transition: width 100ms ease, height 100ms ease; 
    transform-origin: 50% 50%;
}

#divStack {
    position:absolute; 
    top:0px; 
    left:0px; 
    transition: top 100ms ease, left 100ms ease; 
    transform-origin: 50% 50%;
}

#marker {
    width:40px; 
    height:40px; 
    top:10px; 
    left:10px; 
    opacity:1.0; 
    transition: top 100ms ease, left 100ms ease; 
    transform-origin: 50% 50%;
}

.sideStickyPanel {
    position: absolute; 
    left:25em; 
    top:0px; 

    -moz-box-shadow:    -0.1rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
    -webkit-box-shadow: -0.1rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
    box-shadow:         -0.1rem 0rem 0.2rem 0.2rem rgba(0,0,0,0.15);
}

#sticky-meteogram {
    width: 35em; 
    height:100%;
    color:#000000;
    z-index:15; 
}

#help-area {
    background:#E9E3E1; 
    width: 35em; 
    height:100%;
    color:#000000;
    z-index:16; 
}

#sticky-discussion {
    background:#F7F4F3; 
    width: 25em; 
    height:100%;
    color:#000000;
    z-index:13; 
}


#sticky-obserwatorzy-area {
    background:#E9E3E1; 
    width: 25em; 
    height:100%;

    opacity:0.9; 
    color:#000000;
    z-index:14; 
}

.additional_config_item {
    width:auto;
    padding:0.5em;
}

.additional_config_title {
    font-size:1.3em;
    font-weight:normal;
    padding: 0.5em; 

    margin: 0px;
    padding-bottom: 0.8em;

}

.rangeslider {
    width:100%;
}

#head-logo {
    position:relative;
    top:0px;
    left:0px;

    width: 100%;
    height:8.9em;
    background:#3A3B3D;
    overflow:hidden;
}

#login-area {
    color:#ffffff;
    height:1px;
    background:#35B7A2;

}

#login-details {
    text-align: right;
    display:block;
    clear:both;
}
#logo-area {
    background:#3A3B3D; 
}

#main-menu {
    margin-left:0.5em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    text-transform: uppercase; 
    font-size:1.2em;
    display: inline-block;

}

#menu-left {
    float:left;
    width:9em;
}

#menu-left a {
    text-decoration: none;
}


#menu-right {
    color:#717171;
    float:left;
    width:9em;
}

#menu-right a {
    text-decoration: none;
}

.menu_item {
    cursor: pointer; 
}

.menu_item:hover {
    color: #35B7A2;
}

#cities-search {
    color:#35B7A2;
    padding:0em;

    overflow:hidden;
}

#cities-go:hover {
    cursor: pointer;
    background:#F2EFEE;
}

#cities-add:hover {
    cursor: pointer;
    background:#F2EFEE;
}

#cities-parent {
    padding:1em;
    padding-top:0em;
}

#linkcor {
    font-size:1em; 
    visibility:hidden; 
    overflow:hidden; 
    background:#ffffff; 
    opacity:0.90; 
    z-index:10;
}

#linkcor:hover {
    color:#35B7A2;
}

#daneDlaLokalizacjiKlik {
    font-size:2em;
    padding:0.5em;
    margin-top:0em;
}

#prawdopodobienstwoKlik {
    font-size:1.5em; 
    color:#35B7A2;
}

#czasKlik {
    font-size:0.8em;
    color:#3A3B3D;
}

#textStatus {
    float:right;
    padding: 0.5em;
    font-size: 1.0em;
    font-weight:bold;
}

.subTitle {
    padding: 0.5em;
    font-size: 1.0em;
    font-weight:bold;
    text-transform: uppercase;
}


.daneDlaLokalizacjiHover_text {
    position:absolute; 
    right:1em; 
    font-weight:bold;
}

.daneDlaLokalizacjiHover_bar {
    width:0%; 
    height:1.4em; 
}

#dodatkoweInformacje {
    font-size:0.5em;
    color:#3A3B3D;
    text-align:right;
}

#mainMapContainer {
    position:relative; 
    top:0px; 
    left:0px; 
    height:100%; 
    width:100%; 
    overflow:hidden; 
    background:#9CC2FE;
}

.cornerimage {
    position: absolute; 
    top: 0px; 
    right: 0px; 
    width:700px; 
    height:700px;
}

.mainMyCitiesElement {
    font-size: 1em;
    font-weight:bold;
    cursor:pointer;
}
.mainMyCitiesElement:hover {
    background:#E6E0DE;
}

.mainMyCitiesProbab {
    color:#35B7A2;
}
.mainMyCitiesTime {
    font-weight:normal;
}
.mainMyCitiesRemove {
    float:right;
    font-weight:normal;
}

#logout {
    float:right;
    padding:1em;
}

.ssHeader {
    background:#eeeeee; 
    padding:5px; 
    text-align:left;
    border:1px solid #dddddd;
}


.parHeader {
    margin-top:10px;
    padding:5px; 
    background:#efefef; 
    font-weight:bold;
}

.map_singleCity {
    transition: opacity 0.3s linear;
    transition-delay: 0.5s;
    position : absolute;
    color: black;
}

#dynamicCityLayer {
    text-shadow: 1px 1px 0px rgba(255,255,255,0.7);
    opacity: 0.8;
}

.vBigDot {
    position:absolute;
    top:-5px;
    left:-5px;
    height: 10px;
    width: 10px;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.9;
    display: inline-block;
}

.bigDot {
    position:absolute;
    top:-4px;
    left:-4px;
    height: 8px;
    width: 8px;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.8;
    display: inline-block;
}

.dot {
    position:absolute;
    top:-3px;
    left:-3px;
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.7;
    display: inline-block;
}

.smallDot {
    position:absolute;
    top:-2px;
    left:-2px;
    height: 4px;
    width: 4px;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.6;
    display: inline-block;
}

.tinyDot {
    position:absolute;
    top:-2px;
    left:-2px;
    height: 4px;
    width: 4px;
    background-color: #000000;
    border-radius: 50%;
    opacity: 0.4;
    display: inline-block;
}