/* Highways Agency 
 * File: trafficinfo.css
 * Desc: Styles specific to the Traffic Info pages layout.
 */
.step {font-family:tahoma, sans-serif;color:#94B2D0;font-weight:bold;font-size:80%;padding:5px 0px 10px 0px;}
* html .step {padding:0px;}
.step strong {color:#0F7CD1;text-transform:uppercase;}

#trafficinfo-form-wrap    {    margin:0 30px 0px 30px; padding-bottom:30px}
#trafficinfo-form-wrap fieldset    {border:0px; padding:0px; margin:0px;}
#trafficinfo-form-wrap legend    {    font-weight:bold;color:#0F7CD1; font-size:90%; float:left !important; width:100px; clear:both;}
#trafficinfo_currentconditions {
    background-color:#FFCCCC;
    border-top:2px solid #DB0038;
    border-bottom:2px solid #DB0038; 
    padding:8px 0 8px 0; 
    color:#0F7CD1; 
    font-weight:bold; 
    font-size:90%;
    float:left;
    width:50%;
    color:#DB0038;}
#trafficinfo_forecaster {
    background-color:#E8F0F7; 
    border-top:2px solid #0F7CD1;
    border-bottom:2px solid #0F7CD1;
    padding:8px 0 8px 0; 
    width:49.9%;
    float:right;
    color:#0F7CD1; 
    font-weight:bold; 
    font-size:90%; }
    
#trafficinfo_currentconditions label,
#trafficinfo_forecaster    label    {    margin-left:8px;}
#trafficinfo_forecaster-details    { 
    background-color:#E8F0F7; 
    padding:8px 0 8px 0; 
    width:49.9%;
    float:right;}
 trafficinfo_forecaster-details table    {background-color:#E8F0F7; }      
#trafficinfo_forecaster-details label                {position:absolute; margin-left:-4000px;     }
.forcaster-select    {margin-left:80px; margin-top:-20px; display:block; clear:both; padding-bottom:5px; height:25px}
html>body .forcaster-select    {    height:auto; min-height:25px; overflow:hidden;}
select.drop-left    {clear:none;position:relative;float:left; margin-right:3px;font-size:90% !important; width:90px;font-family:Arial, sans-serif !important;}
select.drop60    {width:60px; }
select.drop50    {width:50px;}
span#docimage img { float:right; margin-right:8px; }    

#trafficinfo_forecaster_selector table {
        padding:                0px;
    }
    
    #trafficinfo_finder {
        overflow:                hidden;
        width:                    95%;
        margin:                    0px auto;        
    }
    
    #trafficinfo_areas {
        width:                    40%;
        float:                    left;        
    }
    #trafficinfo_areas dl dt {
        padding-bottom:            2px;
        margin-bottom:            2px;
        border-bottom:            1px solid #E7D3D7;
    }
    
    #trafficinfo_areas dl dt a {
        font-size:                120%;
        color:                    #DB0039;
        font-weight:            bold;
    }
    #trafficinfo_areas dl dd {
        font-size:                95%;
    }
    
    #trafficinfo_browse {
        background:             url(http://www.highways.gov.uk/images/entry_map_bg_small.gif) top right no-repeat;
        text-align:                right;
        margin-left:            40%;
    }
    #trafficradio_map_container {
        padding:                8px 0px 8px 0px;
        overflow:                hidden;
    }
    
    #trafficradio_map {
        width:                    225px;
        border:                    1px solid #DB0039;
        margin-left:             auto; 
        margin-right:             auto;
        text-align:                center;
    }
    
    #trafficradio_map h4 {
        background-color:        #DB0039;
        color:                    white;
        font-family:            tahoma;
        font-weight:            bold;
        margin:                    0px;
        padding:                8px 0px 8px 0px;
    }
    
    h5 {
        color:                    #DB0039;
        margin-bottom:            8px;
    }
    
    .phonetitle {
        color:                    #004F98;
    }