﻿body
{
    background-color: #ffffff;/* Need to use an image if you relly want it white */
}
.camImage
{
    background-color: silver;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 15px 0px 0px; /* top right bottom left */
    width: 320px;
    height: 302px;
    text-align: center;
}
.camTitle
{
    font-weight: bold;
    font-size: 13px;
    font-family: Tahoma;
    background-color: #CBCC99;/* Shade of Green */
    padding: 3px 0px 3px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
}
.camDescription
{
    font-size: 13px;
    font-family: Tahoma;
    /*font-weight: bold;*/
    background-color: #CBCC99;/* Shade of Green */
    /*border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;*/
    padding: 3px 0px 5px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */ 
    text-align: center;
}
.incident
{
    background-color: white;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 15px 0px 0px; /* top right bottom left */
    width: 320px;
    height: 260px;
    text-align: center;
}
.incident .red
{ 
    color: #ff0000;/* Red */
    letter-spacing: 3px; 
}

.incident .Header
{
    font-size: 14px;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #CBCC99;/* Shade of Green */
    padding: 2px 0px 0px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
}
.incident .Text
{
    
}
.incident .Text .Lanes
{
    font-family: Courier New, Andale Mono, Century;
}
.incident .Footer
{       
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #CBCC99;/* Shade of Green */
    padding: 5px 0px 5px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
}



.roadwork
{
    background-color: white;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 15px 0px 0px; /* top right bottom left */
    width: 320px;
    height: 260px;
    text-align: center;
}
.roadwork .red
{ 
    color: #ff0000;/* Red */
    letter-spacing: 3px; 
}

.roadwork .Header
{
    font-size: 14px;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #CBCC99;/* Shade of Green */
    padding: 2px 0px 0px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
}
.roadwork .Text
{
    
}
.roadwork .Text .Lanes
{
    font-family: Courier New, Andale Mono, Century;
}
.roadwork .Footer
{       
    font-size: 13px;
    font-family: Tahoma;
    font-weight: bold;
    background-color: #CBCC99;/* Shade of Green */
    padding: 5px 0px 5px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
}
.dms
{
    background-color: silver;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 15px 0px 0px; /* top right bottom left */
    width: 320px;
    height: 185px;
    text-align: center;
}















.tooltip 
{
        background-color:#ffffff;
        /* font-weight:bold;*/
        border: 1px #000000 solid;
        white-space: nowrap;
        padding: 3px 3px 3px 3px; /* top right bottom left */
}
/* Control box items to follwo */
#controlBox
{
    position: absolute;
    z-index: 10;
    left: 10px;
    width: 150px;
    top: 550px;
    height: 190px;
    _height: 200px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color:#ffffff;
}

#controlBoxFS
{
    position: absolute;
    z-index: 10;
    left: 10px;
    width: 150px;
    top: 270px;
    height: 260px;
    /*_height: 340px;*/
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color:#ffffff;
}

#controlBox .Legend, #controlBoxFS .Legend
{
    background-color: #ffd67e; 
    height: 19px;
    vertical-align: middle;
    letter-spacing: 5px;
    text-align: center;
    font-weight: bold;
    font-family: Tahoma;
}
#controlBox .Header, #controlBoxFS .Header
{
    padding: 3px 0px 3px 0px; /* top right bottom left */ 
    /*background-image: url(Table_Header_Back.gif);*/
    width: 100%;
    vertical-align: middle; /*letter-spacing: 5px;*/
    text-align: center;
    font-weight: bold;
    font-family: Tahoma; 
    /*background-image: url(Table_Header_Back.gif);*/
    background-color: #c0c0c0; /* Silver */
    font-size: 11px;
    color: #ffffff;
    background-color: #696969;
}

#controlBoxFS #Logo
{
     padding: 3px 0px 0px 0px; /* top right bottom left */ 
     vertical-align: middle;
         text-align: center;
}

#controlBox .Content, #controlBoxFS .Content
{ 
     padding: 5px 0px 0px 5px; /* top right bottom left */ 
     background-color: white; 
     font-size: 12px;
}


.Zone1
{
    background-color: #ffff00;
}
#mapContainer
{
    background-color: #696969;
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */
    border: 1px solid; 
}
#mapContainer .Labels
{
    font-size: 12px;
    color: #ffffff;
    font-family: Tahoma;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    margin: 0px 0px 0px 0px; /* top right bottom left */
    padding: 0px 0px 3px 0px; /* top right bottom left */  

}
#mapContainer .TimeStamp
{
    /*font-weight: bold;*/
    font-size: 10px;
    font-family: Tahoma;
}
#mapButtonBar1
{
    left: 450px;
    position: absolute;
    top: 230px;
    text-align: right;
}


/* Probably don't need this */
#slideShow {
  width : 160px;
  height : 160px;
  padding : 10px;
}
.gss a img {border : none;}
.gss {
    width: 288px;
    height: 216px;
    color: #dddddd;
    background-color: #000000;
}

#bannerad
{
    padding: 5px;
    position: absolute;
    z-index: 10;
    left: 100px;
    width: 406px;
    top: 0px;
    height: 34px; /*_height: 340px;*/
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

#bannerad1 img 
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
}


#bannerad a, #bannerad1 a
{
		text-decoration: none;

}

#loadingbox { border: medium double black; background-color: #cccc33; background-color: white;
   filter: alpha(opacity=85); /* IE's opacity */
   opacity: 0.85; -moz-opacity: 0.85;
   position: absolute; text-align: center; left: 30%; top: 30%; visibility: hidden; 
   padding: 10px; height: 200px; width: 300px; z-index: 990;
   font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;
   text-transform: capitalize; color: black; }