﻿body {
font-family:Arial, Helvetica, Sans-Serif;
	background-color:#FFFFFF;
	color:#333333;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-size:small;
}
html
{
	margin:0px;
}
a
{
 text-decoration:none;
 color:#000033;
}

a:hover
{
	color:#d4d4d4;
	background-color:#003399;
}

a:focus
{
	color:#d4d4d4;
	background-color:#003399;
}
img
{
    border:0px;
}

.solidHline
{
	border-top:solid 1px #666666;
}
.mobile_footer
{
     clear:both;
     background:#0b3775;
     text-align:right;
     font-size:smaller;
     color:White;   
     padding-right:5px;
     height:20px;
     padding-top:5px;
}

/* -- Generic Header/Items
--------------------------
*/

.generic_header
{
    background-color:#daab68; 
    height:25px;
    padding-top:5px; 
    padding-left:5px; 
    text-align:left;
    font-size:large;
    font-weight:bold;
}

.generic_item
{
    clear:both;
    padding:5px;
    font-size:large;
    min-height:30px;
    border-bottom:solid 1px #666666;

}

/* -- Weather Overview
-----------------------
*/
#mobile_weather_overview_header
{
    background-color:#daab68; 
    height:25px;
    padding-top:5px; 
    padding-left:5px; 
    text-align:left;
    font-size:large;
    font-weight:bold;
}

.mobile_weather_overview_icon
{
    float:left;
    width:12%;   
}
.mobile_weather_overview_city
{
    float:left;
    width:35%;   
}
.mobile_weather_overview_temp
{
     float:left;
     width:17%;   
}
.mobile_weather_overview_condition
{
    float:left;
    width:22%;
}
.mobile_weather_overview_hum
{
    float:left;
    width:10%;   
}
.mobile_weather_overview_item
{
    clear:both;
    padding:5px;
    font-size:large;
    min-height:30px;
    border-bottom:solid 1px #666666;

}
/* -- Routes Overview --
----------------------------------
*/
#mobile_road_conditions_overview_header
{
    background-color:#daab68; 
    height:25px;
    padding-top:5px; 
    padding-left:5px; 
    text-align:left;
    font-size:large;
    font-weight:bold;
}
.mobile_road_conditions_overview_route
{
    font-size:large;
    padding:5px;   
    min-height:30px;
}
.mobile_road_conditions_overview_route_header_open
{
    font-size:xx-small;   
}
/* -- Routes Detail
-----------------------------
*/
#mobile_road_conditions_route_header
{
    background-color:#daab68; 
    height:25px;
    padding-top:5px; 
    padding-left:5px; 
    text-align:left;
    font-size:large;
    font-weight:bold;
}
.mobile_road_conditions_route_header_date
{ 
    font-size:smaller;
    padding-right:5px;
}
.mobile_road_conditions_route_header_message
{
    font-size:large;
    padding-left:5px;
}
/* -- Weather forcast
---------------------
*/
.weather_forecast
{
    padding-left:5px;
}
ul.weather_forecast_item
{
    margin-left:0;
    padding-left:0;
    
}
li.weather_forecast_item
{
    margin:0;
    padding-left:0;
 
    list-style:none;
    height:55px;
}
.weather_forecast_item li
{
    border-bottom:solid 1px #666666;   
    padding-top:5px;
    padding-bottom:5px;
}
.weather_forecast_city
{
    background-color:#daab68; 
    height:25px;
    padding-top:5px; 
    padding-left:5px; 
    text-align:left;
    font-size:large;
    font-weight:bold;
}
.weather_forecast_icon
{
    height:50px;
    width:50px;
    padding-right:5px;
    float:left;
}
.weather_forecast_date
{
    font-weight:bold;
    font-size:large;  
}
.weather_forecast_high
{
    font-weight:bold;
    font-size:large;    
}
.weather_forecast_low
{
    font-size:medium;    
}
.weather_forecast_conditions
{
    font-size:medium;    
}
.weather_forecast_precip
{}
.weather_forecast_credit
{
    padding-left:5px;
    padding-bottom:5px;
    font-size:x-small;
}