.areas
{
    background: #eeeeee url('/Content/Images/areas_back.png') repeat-x;
    height:67px;
    width:100%;
    text-align:left;
}

.areas table
{
    position:relative;
    top:6px;
    cursor:pointer;
}

.areas_download
{
    background: #eee url('/Content/Images/aread/download/back.png') repeat-x;
    height:67px;
    width:100%;
}

.areas_item
{
    height:60px;
    line-height:60px;
    color: #536f88;
    
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    -moz-transition: background 0.25s;
    transition: background 0.25s;

    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;    
    -moz-transition-timing-function:linear;
    transition-timing-function:linear;
}

.areas_item:hover
{
    background:#f3f4f5;
    
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    -moz-transition: background 0.25s;
    transition: background 0.25s;

    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;    
    -moz-transition-timing-function:linear;
    transition-timing-function:linear;
}

.area_selected
{
    background:#f3f4f5;
}

.areas_item img
{
    margin-right: 10px;
    vertical-align:middle;
    position:relative;
    top:-2px;
}
.areas_item a
{
    text-decoration:none;
}

.areas_item a:hover
{
    text-decoration:none;
    color: #536f88;
}

.area_separator1
{
    width: 1px;
    background: #e1e4e8;
}

.area_separator2
{
    width: 1px;
    background: #ebeff3;
}