/**
 * @WEATHER FORECAST
 */
.forecastTable {
    width: 100%;
    font-size: 12px;
    margin: 0;
    background: url(../images/forecastNightTimeBg.png) repeat-x top #fff;
    color: #000000;
}

.forecastTable .forecastDate {
    width: 100%;
    height: 26px;
    background: #fff;
}
.forecastTable .underlineRow {
    border-bottom: 1px solid #cbcbcb;
}

.forecastTable .toplineRow {
    border-top: 1px solid #cbcbcb;
}

.forecastTable .title {
    width: 122px;
    padding: 0 5px 0 5px;
    font-size: 12px;
    color: #4d4d4d;
/*    background-color: #fff;
    text-align: right;
    white-space: nowrap;
*/
}

.forecastTable .underTitle {
    font-size: 12px;
    display: inline;
    color: #808080;
}

.forecastTable .d {
    height: 26px;
    background: #fff;
    border-left: 1px solid #cbcbcb;
    text-align: center;
}

.forecastTable .n {
    height: 26px;
    text-align: center;
    border-left: 1px solid #cbcbcb;
}

.forecastTable .d2 {
    height: 26px;
    background: #fff;
    text-align: center;
}

.forecastTable .n2 {
    height: 26px;
    text-align: center;
}

.forecastTable .wd {
    height: 20px;
    background: #fff;
    border-left: 1px solid #cbcbcb;
    text-align: center;
}

.forecastTable .wn {
    height: 20px;
    border-left: 1px solid #cbcbcb;
    text-align: center;
}

.forecastTable .wd2 {
    height: 20px;
    background: #fff;
    text-align: center;
}

.forecastTable .wn2 {
    height: 20px;
    text-align: center;
}

.forecastTable .grayLittled {
    font-size: 12px;
    color: #808080;
    height: 11px;
    background: #fff;
    border-left: 1px solid #cbcbcb;
    text-align: center;
}

.forecastTable .grayLittlen {
    font-size: 12px;
    color: #808080;
    height: 11px;
    border-left: 1px solid #cbcbcb;
    text-align: center;
}

.forecastTable .grayLittled2 {
    font-size: 12px;
    color: #808080;
    height: 11px;
    background: #fff;
    text-align: center;
}

.forecastTable .grayLittlen2 {
    font-size: 12px;
    color: #808080;
    height: 11px;
    text-align: center;
}

.forecastTable a {
    font-size: 12px;
    color: #4d4d4d !important;
    text-decoration: none;
}

.forecastTable a:hover {
    font-size: 12px;
    color: #4d4d4d;
    text-decoration: none;
}

.forecastTable a:visited {
    font-size: 12px;
    color: #4d4d4d;
    text-decoration: none;
}

#tempHint, #hint, .dangerHint, #fc_opt_hint {
    visibility: hidden;
    position: absolute;
    max-width: 300px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000;
    cursor: help;
    text-align: left;
    font-size: 13px;
}

#fc_opt_hint{
    max-width: none;
}

.hot {
    border: 0 solid #ff3300;
    background: #ff9900;
    box-shadow: 1px 1px 15px #23315e;
    color: #fff;
    padding: 10px 10px 10px 15px;
}

.cold {
    border: 0 solid #004796;
    background: #00a3de;
    box-shadow: 1px 1px 5px #23315e;
    color: #fff;
    padding: 10px 10px 10px 15px;
}

.normal {
    border: 0 solid #555555;
    background: #f9f9f7;
    box-shadow: 1px 1px 15px #23315e;
    color: #000;
    padding: 7px 7px 7px 9px;
}

/**
 * @BORDER OF DATE
 */



.brdDate {
    width: inherit;
    height: 27px;
    border-left: 1px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    color: #353535;
}

.brdDateRed {
    width: inherit;
    height: 27px;
    border-left: 1px solid #a7b5ba; 
    border-top: 1px solid #a7b5ba; 
    background: url(/images/rp5/forecastHeadBgRed.png) repeat-x;    
    font-weight: bold; 
}
.brdDateLight {
    width: inherit;
    height: 27px;
    padding: 0 5px 0 5px;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
color: #353535;
border-left: 1px solid #d4e9f8;
}
/* кроме первого */
.brdDate:first-of-type, .brdDateRed:first-of-type, .brdDateLight:first-of-type {
}

.weekDay {
    font-size: 12px;
}
.redWeekDay {
    color: #004a98;
}
.weekEndDay {
    color: #ff5900 !important;
}

.monthDay {
    font-size: 12px;
}

.dateStr {
    margin-left: 2px;
    margin-top: 3px;
}

.red { 
  color: #ff5900;
}
.blue { 
    color: #2b63a0; 
}


/*
 * явления погоды
 */
.freez-01, .freez-02, .freez-03, .rain-01, .rain-02,
.rain-03, .rain-snow-01, .rain-snow-02, .rain-snow-03, .snow-01,
.snow-02, .snow-03, .snow-rain-01, .snow-rain-02, .snow-rain-03 {
    margin-left: -17px;
    background-image: url("../images/sprites/sprite-rain-snow.png");
}
.freez-01 { background-position: -0px -0px; width: 34px; height: 27px; }
.freez-02 { background-position: -34px -0px; width: 34px; height: 27px; }
.freez-03 { background-position: -68px -0px; width: 34px; height: 27px; }
.rain-01 { background-position: -0px -27px; width: 34px; height: 27px; }
.rain-02 { background-position: -34px -27px; width: 34px; height: 27px; }
.rain-03 { background-position: -68px -27px; width: 34px; height: 27px; }
.rain-snow-01 { background-position: -0px -54px; width: 34px; height: 27px; }
.rain-snow-02 { background-position: -34px -54px; width: 34px; height: 27px; }
.rain-snow-03 { background-position: -68px -54px; width: 34px; height: 27px; }
.snow-01 { background-position: -0px -81px; width: 34px; height: 27px; }
.snow-02 { background-position: -34px -81px; width: 34px; height: 27px; }
.snow-03 { background-position: -68px -81px; width: 34px; height: 27px; }
.snow-rain-01 { background-position: -0px -108px; width: 34px; height: 27px; }
.snow-rain-02 { background-position: -34px -108px; width: 34px; height: 27px; }
.snow-rain-03 { background-position: -68px -108px; width: 34px; height: 27px; }

.hf-freez-01, .hf-freez-02, .hf-freez-03, .hf-rain-01, .hf-rain-02,
.hf-rain-03, .hf-rain-snow-01, .hf-rain-snow-02, .hf-rain-snow-03, .hf-snow-01,
.hf-snow-02, .hf-snow-03, .hf-snow-rain-01, .hf-snow-rain-02, .hf-snow-rain-03 {
    background: url("../images/sprites/sprite-half-rain-snow.png");
}
.hf-freez-01 { background-position: -0px -0px; width: 17px; height: 27px; }
.hf-freez-02 { background-position: -17px -0px; width: 17px; height: 27px; }
.hf-freez-03 { background-position: -34px -0px; width: 17px; height: 27px; }
.hf-rain-01 { background-position: -0px -27px; width: 17px; height: 27px; }
.hf-rain-02 { background-position: -17px -27px; width: 17px; height: 27px; }
.hf-rain-03 { background-position: -34px -27px; width: 17px; height: 27px; }
.hf-rain-snow-01 { background-position: -0px -54px; width: 17px; height: 27px; }
.hf-rain-snow-02 { background-position: -17px -54px; width: 17px; height: 27px; }
.hf-rain-snow-03 { background-position: -34px -54px; width: 17px; height: 27px; }
.hf-snow-01 { background-position: -0px -81px; width: 17px; height: 27px; }
.hf-snow-02 { background-position: -17px -81px; width: 17px; height: 27px; }
.hf-snow-03 { background-position: -34px -81px; width: 17px; height: 27px; }
.hf-snow-rain-01 { background-position: -0px -108px; width: 17px; height: 27px; }
.hf-snow-rain-02 { background-position: -17px -108px; width: 17px; height: 27px; }
.hf-snow-rain-03 { background-position: -34px -108px; width: 17px; height: 27px; }

.ar-hf-freez-01, .ar-hf-freez-02, .ar-hf-freez-03, .ar-hf-rain-01, .ar-hf-rain-02,
.ar-hf-rain-03, .ar-hf-rain-snow-01, .ar-hf-rain-snow-02, .ar-hf-rain-snow-03, .ar-hf-snow-01,
.ar-hf-snow-02, .ar-hf-snow-03, .ar-hf-snow-rain-01, .ar-hf-snow-rain-02, .ar-hf-snow-rain-03 {
    background: url("../images/sprites/sprite-ar-half-rain-snow.png");
}
.ar-hf-freez-01 { background-position: -0px -0px; width: 17px; height: 27px; }
.ar-hf-freez-02 { background-position: -17px -0px; width: 17px; height: 27px; }
.ar-hf-freez-03 { background-position: -34px -0px; width: 17px; height: 27px; }
.ar-hf-rain-01 { background-position: -0px -27px; width: 17px; height: 27px; }
.ar-hf-rain-02 { background-position: -17px -27px; width: 17px; height: 27px; }
.ar-hf-rain-03 { background-position: -34px -27px; width: 17px; height: 27px; }
.ar-hf-rain-snow-01 { background-position: -0px -54px; width: 17px; height: 27px; }
.ar-hf-rain-snow-02 { background-position: -17px -54px; width: 17px; height: 27px; }
.ar-hf-rain-snow-03 { background-position: -34px -54px; width: 17px; height: 27px; }
.ar-hf-snow-01 { background-position: -0px -81px; width: 17px; height: 27px; }
.ar-hf-snow-02 { background-position: -17px -81px; width: 17px; height: 27px; }
.ar-hf-snow-03 { background-position: -34px -81px; width: 17px; height: 27px; }
.ar-hf-snow-rain-01 { background-position: -0px -108px; width: 17px; height: 27px; }
.ar-hf-snow-rain-02 { background-position: -17px -108px; width: 17px; height: 27px; }
.ar-hf-snow-rain-03 { background-position: -34px -108px; width: 17px; height: 27px; }