#directions_left{
    float:left;
    width:48%;
}

#directions_left p{
    margin-bottom:0;
}

#directions_right{
    float:right;
    width:48%;
}

#directions_wrapper img{
    max-width:none; /*This Is A Fix For Any theme that sets a max-width for images, that breaks The styling in Google Maps*/
}

.directions_to_title{ /*The Title To: {to_address}*/
    font-weight:normal;
    font-size: 18px;
    padding-bottom: 10px;
}

.directions_from_title{ /*The from title styling */
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

#from-input { /*The From input field and styling */
    display: block;
    font-size: 18px;
    margin-top: -10px;
    margin-bottom: 15px;
    width: 455px;
}

.adp-list{ /*The Suggested Routes List*/
    font-size:14px; 
    margin-top: 30px;
}

.adp-fullwidth td.adp-listheader { /*The Suggested routes heading styling */
    font-size: 20px;
    padding-bottom: 20px;
}

.adp-list table{ /*The Inner Table In The Suggested Routes*/
    margin:0 0 0 0;
}

.adp-placemark{ /*The Header And Footer Of The Directions, ( With The Start Adress And The Finish Addresss, These Have The Green Markers In Them)*/
    font-size:14px;
    line-height:16px;
}

.adp-placemark td{ /*td Elements In The Above Rule*/
    padding:5px 0 5px 5px;
}

.adp-placemark td.adp-text{ /*The Text td of the above element*/
    vertical-align: middle;
    padding:2px 0 2px 10px;
}

.adp-legal{ /* The Legal Footer, Doesn't look Good when it is big.'*/
    font-size:10px;
}

.adp-directions { /* Control direction steps styling */
    width: 455px;
}

.adp-substep{ /*The td elements in each step of the directions*/
    font-size:12px;
    line-height:20px;
}

.adp-summary{ /*The Length And Time Summary Just Before The List Of Directions*/
    font-size:14px;
    font-weight:bold;
}