﻿ /** -------------------------General commun popup and widget attributes start -----------------------**/

.wrap
{
    width:500px;
    margin:0px auto;
  }

img { behavior: url(iepngfix.htc); border:none;}

.frame
{
 width:268px;   
 font-family: Arial, Helvetica, sans-serif;
 background-color:#A9A7A7;
 padding:2px;
   }

.popmain
{
  
 font-family: Arial, Helvetica, sans-serif;
 background-color:#DEDADA;
 padding:4px;
 padding-top:6px;
  }
  
  .background
{
  
 font-family: Arial, Helvetica, sans-serif;
 background-color:#F3F2F2;
 
  }
  
 .x_off
 {
	float:right;
	cursor:pointer;
 }
  
 .sponsor
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-bottom:5px;
 padding-top:5px;
   }
  
    
   .footer
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 behavior: url(iepngfix.htc);
 padding-bottom:2px;
 padding-top:2px;
 clear:both;
  }
  
  

span.gray
{
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 padding-bottom:5px;
 padding-top:5px;
 behavior: url(iepngfix.htc);
 color:Gray;
  text-decoration:none;
 display:inline;
  }


a
{
 
 font-family: Arial, Helvetica, sans-serif;
 behavior: url(iepngfix.htc);
 color:#3A4D6B; 
 text-decoration:none;
 font-weight:bold;
  }
  

   a:hover
{
 text-decoration:underline;
   }

  
 /** ----------------------General commun popup attributes ends------------------- **/



 /** ---------------------incident popup specifics start -----------------------**/
 
.incident_block
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-left:0px;
 padding-right:0px;
  }
  
  .incident_title_red
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#CC1212;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
  
   .incident_title_yellow
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#ECD32C;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
   
    .incident_title_green
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#83BB42;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
  
    .incident_icon
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 float: left;
 display: block;
 padding-right:2px;
  }
  
  img .incident_icon
  { behavior: url(iepngfix.htc); }
  
  
    .incident_description
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 padding-left:0px;
 padding-right:3px;
 display: inline;
    }
  
 .speed_block
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-left:0px;
 padding-right:0px;
  }
 
  .speed_severity_red
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#CC1212;
 font-size:11px;
 font-weight: bold;
 color:#ffffff;
   }
   
     .speed_severity_yellow
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#ECD32C;
 font-size:11px;
 font-weight: bold;
 color:#ffffff;
   }
   
        .speed_severity_green
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#83BB42;
 font-size:11px;
 font-weight: bold;
 color:#ffffff;
   }
      
   
   .speed_description
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#000000;
   }
   
     .speed_icon
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 float: left;
 display: block;
 padding-right:2px;
  }
  
  img .speed_icon
  { behavior: url(iepngfix.htc); }
   
   
   /** -----------------------Speed popups start -----------------------**/
   
    /** -----------------------camera icon popups start -----------------------**/
    
.camera_block
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-left:0px;
 padding-right:0px;
  }
  
  .camera_title
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#6D83A7;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
  
   
    .camera_icon
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 float: left;
 display: block;
 padding-right:2px;
  }
  
  img .camera_icon
  { behavior: url(iepngfix.htc); }
  
  
    .camera_description
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 display: inline;
 }
  /** -----------------------camera icon popups ends -----------------------**/
  
  
  /** -----------------------camera iamge popup start -----------------------**/
    
  
  .camera_title
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#6D83A7;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
     
    .camera_image
 {
 font-family: Arial, Helvetica, sans-serif;
 text-align:center;
 font-size:12px;
 padding-top:2px;
 padding-bottom:2px;
  }
    
    
  /** -----------------------camera image popup ends -----------------------**/
  
  
  /** -----------------------weather icon popups start -----------------------**/
    
 .weather_block
 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-left:0px;
 padding-right:0px;
  }
  
  .weather_title
 {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#6D83A7;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }
  
   
    .weather_icon
 {
 font-family: Arial, Helvetica, sans-serif;
 /*background-color:#F3F2F2;*/
 font-size:12px;
 float: left;
 display: block;
 padding-right:2px;
  }
  
  img .weather_icon
  { behavior: url(iepngfix.htc); }
  
  
    .weather_description
 {
 font-family: Arial, Helvetica, sans-serif;
 /*background-color:#F3F2F2;*/
 font-size:10px;
 display: inline;
 }
 
   /** -----------------------weather popups ends -----------------------**/
    
   /** -----------------------forecast popups starts -----------------------**/
   
  .forecast_block
  {
  font-family: Arial, Helvetica, sans-serif;
  /*background-color:#F3F2F2;*/
  font-size:10px;
  padding-left:0px;
  padding-right:0px;
   }
  .forecast_title
  {
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#6D83A7;
 font-size:12px;
 font-weight: bold;
 color:#ffffff;
   }

 .forecast_table
 {
 font-family: Arial, Helvetica, sans-serif;
 /*background-color:#F3F2F2;*/
 font-size:10px;
 padding-top:3px;
 }
   
   /** -----------------------forecast popups ends -----------------------**/
   
   
   /** -------------------Drive Time Widget Starts -------------------------**/

.header
  {
    
 font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#ffffff;
 font-weight:bold;
 padding-bottom:10px;
 padding-top:0px;
 padding-left:5px;
 behavior: url(iepngfix.htc);
 background-repeat:repeat-x;
 /*background-image:url(images/widgets/header_bg.jpg);*/
 background-color:#2B5782;
 }
  
  
  a.header
  {
    font-family: Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#ffffff;
 font-weight:bold;
 behavior: url(iepngfix.htc);
 background-repeat:repeat-x;
 /*background-image:url(images/widgets/header_bg.jpg);*/
 }
  
  
   
   img.bug
   {
 position:relative;
 left:5px; top:5px
   }


  .drive_time_block
         {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 behavior: url(iepngfix.htc);
 /**background-color:#F3F2F2;*/
 display:block;
 float:left;
 
       }
   
   .route_name
 {
 /**background-color:#F3F2F2;*/
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:10px;
 padding-right:10px;
 behavior: url(iepngfix.htc);
 
   }
  
      .road_sign
 {
 font-size:12px;
 padding-right:0px;
 padding-left:10px;
 display:block;
 behavior: url(iepngfix.htc);
 
   }
   
   .drive_bar
 {
 font-size:12px;
 display:inline;
 padding-right:0px;
 behavior: url(iepngfix.htc);
    }
   
   
         .drive_time
 {
 font-size:12px;
 font-family: Arial, Helvetica, sans-serif;
 display:inline; 
 padding-right:2px;
 behavior: url(iepngfix.htc);
    }
   
      .delay
 {
 font-size:12px;
 font-family: Arial, Helvetica, sans-serif;
 display:inline; 
 padding-left:0px;
 behavior: url(iepngfix.htc);
     }
  
  .report_link
   {
 /**background-color:#F3F2F2;*/
 text-align:center;
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 padding-top:10px;
 behavior: url(iepngfix.htc);
 color:#F1F2F4;
 display:block;
 text-decoration:none;
     }
  
  /** -------------------Drive Time Widget ends -------------------------**/