#weatherDetails {border-bottom: solid 1px #cccfcf; margin-bottom: 20px; min-height: 200px}

#weatherDetails .wHeader {height: 37px; background: #fff url(../gfx/pogoda/detHdrBg.png) repeat-x 0 0; padding: 10px 15px 0px 15px}
#weatherDetails .wHeader .date {padding-top: 8px; float: left; color: #000; font-size: 14px; font-weight: bold}
#weatherDetails .wHeader .date .prev {margin-right: 7px; margin-bottom: 1px; cursor: pointer}
#weatherDetails .wHeader .date .next {margin-left: 7px; margin-bottom: 1px; cursor: pointer}
#weatherDetails .wHeader .date .prevI {margin-right: 7px; margin-bottom: 1px}
#weatherDetails .wHeader .date .nextI {margin-left: 7px; margin-bottom: 1px}
#weatherDetails .wHeader .sunrise {color: #000; font-size: 12px; float: right; text-align: right}
#weatherDetails .wHeader .gray {color: #75819a; font-weight: normal}

#weatherDetails .wSelect {width: 314px; padding: 3px 4px 4px 9px; margin: 10px 0px 0px 15px; background: #fff url(../gfx/pogoda/expandSelect.png) no-repeat 308px 4px; border: solid 1px #ccced0; color: #000; font-size: 14px; font-weight: bold; position: relative; cursor: pointer}
#weatherDetails .wOptions {width: 314px; border: solid 1px #ccced0; background: #fff url(../gfx/pogoda/expandSelect.png) no-repeat 308px 4px; padding: 3px 4px 4px 9px; position: absolute; left: -1px; top: -1px; display: none}
#weatherDetails .wOptions .first {padding-bottom: 8px}
#weatherDetails .wOptions .other {padding: 2px 0px; font-weight: normal}
#weatherDetails .wOptions .other:hover {background-color: #eee}

#weatherDetails .wDetails {margin: 10px 0}
#weatherDetails .wDetails .today {width: 334px; border-right: solid 1px #ccced0; padding: 0px 15px; float: left}
#weatherDetails .wDetails .today .data {width: 200px; float: left}
#weatherDetails .wDetails .today .data .desc {width: 90px; float: left; padding: 4px 0px; color: #75819a}
#weatherDetails .wDetails .today .data .val {width: 110px; float: left; padding: 4px 0px}
#weatherDetails .wDetails .today .ico {width: 124px; float: left; text-align: right; padding: 8px 10px 0px 0px}
#weatherDetails .wDetails .future {width: 289px; float: left}
#weatherDetails .wDetails .future .day {padding: 3px 15px; border-bottom: solid 1px #edf0f0}
#weatherDetails .wDetails .future .last {padding: 3px 15px; border-bottom: none}
#weatherDetails .wDetails .future .name {width: 70px; float: left; color: #394a6e; padding: 5px 0px 0px}
#weatherDetails .wDetails .future .temp {width: 60px; float: left; color: #000; padding: 5px 0px 0px 0px; text-align: right}
#weatherDetails .wDetails .future .press {width: 65px; float: left; color: #000; padding: 5px 5px 0px 5px; text-align: right}
#weatherDetails .wDetails .future .ico {width: 44px; float: left; text-align: center; text-align: right}