BODY {
    color: rgb( 100, 100, 100 );
    background-color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    padding: 0px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

table {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#otherSites A:link {
    color: darkgray;
    font-weight: normal;
    text-decoration: none;
}

#otherSites A:visited {
    color: darkgray;
    font-weight: normal;
    text-decoration: none;
}

#otherSites A:hover {
    color: rgb( 206, 25, 28 );
    font-weight: normal;
    text-decoration: underline;
}

#otherSites A:active {
    color: #000000;
}

#topMenu A:link {
    color: #D63601;
    font-weight: normal;
    text-decoration: none;
}

#topMenu A:visited {
    color: #D63601;
    font-weight: normal;
    text-decoration: none;
}

#topMenu A:hover {
    color: #6A1B00;
    font-weight: normal;
    text-decoration: underline;
}

#topMenu A:active {
    color: #000000;
}

#logoBar {
    border: solid 1px #FBC862;
}

#mainMenu {

    background-image: url( /images/fragments/navgrad2.gif );
    background-color: #FFFFA2;
    border: solid 1px #FBCB6A; /*border-bottom:none;*/
    color: lavender;

}

#mainMenu A:link {
    color: #6A1B00;
    font-weight: bold;
    text-decoration: none;
}

#mainMenu A:visited {
    color: #6A1B00;
    font-weight: bold;
    text-decoration: none;
}

#mainMenu A:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

#mainMenu A:active {
    color: #000000;
}

#sideBar {
    border: solid 1px #FBCB6A;
    border-top: none;
    background-image: url( /images/fragments/navgrad3.gif );

}

div.markerTooltip {
    color: #222222;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
    margin: 0;
    padding: 2px 0.5ex;
    border: 1px solid #555;
    font-weight: bold;
    font-size: 10px;
    background: #fff;

}

.head1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4;
}

.head2, .headright {

    border-top: 1px solid #6666aa;

    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 1px;
    font-size: 14px;
    font-weight: bold;
    background: #aaaaff; /*#9999FF*/
    color: white;

    margin-bottom: 8px;
}

.headright {

}

#typicalWeather, #recreation {
    margin-top: 8px;
}

#infoColumn, #mapColumn, #infoColumnRegion, #mapColumnRegion, #mapColumnTypicalWeather, #infoColumnWebcam, #mapColumnWebcam {
    margin-top: 4px;
    margin-left: 8px;
}

.subheader {
    font-weight: bold;
    color: black;
}

.indentSearch {
    margin-left: 8px;

}

#popup {
    background: #EFEFEF;
    border: 1px solid #999999;
    margin: 0px;
    padding: 7px;
    width: 185px;
}

#locationName {
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px; /*margin-bottom: 4;*/
/*margin-top: 8;*/
    background-color: #ffffdd;
    color: #333366;
    font-size: 12px;
    text-align: center; /*margin-left: 8*/

}

#forecastProvider {
    background-color: #cccccc;
    color: #ffffff;
}

.bracketAction, .bracketActionButton {
    vertical-align: text-top;
    font-size: 9px;
    color: #cccccc;
    cursor: pointer;
    font-weight: normal;
}

.bracketActionButton {
    margin-top: 2;
    text-decoration: underline;
    padding: 1px;
    color: #cccccc; /*border: solid 0px #DFC328;*/
}

.bracketActionButtonAddCam {
    font-size:11px;
     cursor: pointer;
    vertical-align: text-top;
    font-weight:bold;
    color:white;
    /*text-decoration:underline;*/

}



#gridWebcams  table {
    font-weight: normal;
    color: brown;
    font-size: 10px;
    width: 160px;
    padding: 0px; /*border: solid thin green;*/

}

#gridWebcams  th {
    font-size: 10px;
    background-color: #ffffaa;
    color: gray;
    cursor: pointer;

}

#grid table {

    font-weight: bold;
    color: brown;
    font-size: 12px;
    padding: 0; /*border: solid thin green;*/
}

#grid th {
    font-size: 10px;
    background-color: #ffffdd;
    color: gray;
    cursor: pointer;
}

#grid, #gridWebcams {
    overflow: auto;
    margin-top: 3px; /*border: solid thin gray;*/

}

#grid {
    /*width: 270px;*/
    /*height: 310px;*/
}

#grid #gridTable {
    /*width: 240px;*/
}

#gridWebcams {
    /*width: 180px;*/
}

.error {
    font-size: 11px;
    color: red;
    font-weight: normal;
}

#typicalWeatherSelector table {
    font-size: 10px;
}

A:link.noulinelink {
    text-decoration: none;

}

A:visited.noulinelink {
    text-decoration: none;
}

A:hover.noulinelink {
    text-decoration: underline;
}

A:active.noulinelink {
    color: #000000;
}

.noulinelink {
    color: #555555;
}

#searchBox, #searchBox2 {

    border-top: 1px solid #6666aa;
    background-color: #aaaaff;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    font-weight: bold; /*left:9;*/
    color: white;
    font-size: 14px; /*position:absolute;*/
/*width:118;*/
}

#searchBoxInside, #searchBoxInside2 {
    background-color: #eeeeff;
    padding: 5px;
    margin: 2px;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
}

#overlaySec input {
    font-size: 9px;
    margin: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    padding: 0px;
}

#searchBoxInside form {
    display: inline;
}

#sideBarRest {
    background-color: #FFFF99;

    height: 600px;
}

.head3 {
    height: 16;
    border-top: 1px solid #6666aa;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 1px;
    font-size: 14px;
    font-weight: bold;
    background: #aaaaff; /*#d0dcff;*/
/*#9999FF*/
/*d0dcff*/
/*aaaaff*/
    margin-bottom: 4px;
    color: white;
}

#searchBoxInside label {
    float: left;
    width: 60px;
    padding: 1px;

}

#searchBoxInside select {
    margin-bottom: 3px;
}

#routeWeather #searchBoxInside label, #routeWeatherGrid #searchBoxInside label {
    width: 40px;

}

#searchBoxInside input {
    margin-bottom: 4px;
}

/*
#searchBoxInside label {
    margin-top: 6;
    float: left;
    width: 40;
    vertical-align: bottom;
}*/

/***
  * Grid Layouts
  *****/

#webcams #grid {
    width: 165px;
    height: 350px;
}

#webcams #grid #gridtable {
    width: 140px;
    font-size: 10px;
    font-weight: normal;
}

#traffic #grid {
    width: 250px;
    height: 350px;
}

#traffic #grid #gridtable {
    width: 228px;
    font-size: 10px;
    font-weight: normal;
}

#powerMap #grid {
    width: 200px;
    height: 350px;
}

#powerMap #grid #gridtable {
    width: 180px;
    font-size: 10px;
    font-weight: normal;
}

#routeWeather #grid {
    width: 250px;
    height: 350px;
    overflow: visible;
}

#routeWeather #grid #gridTable {
    width: 240px;
    height: 200px;
    font-size: 10px;
    font-weight: normal;
}

#routeWeatherGrid table td {
/*border-left:solid thin #eeeeee;*/
    width: 50px;
    padding: 3px;
}

#routeWeatherGrid table {
/*border-top:solid thin #eeeeee;*/
/*border-bottom:solid thin #eeeeee;*/
/*border-right:solid thin #eeeeee;*/
    margin: 0px;
    padding: 0px
}

.emphasis {
    font-size: 12px;
    font-weight: bold;
}

.description {
    color: white;
    height: 5;
    overflow: hidden;
}

.description A:visited, .description A:hover, .description A:active, .description A:link {
    text-decoration: none;
    color: white;
}

.weatherdetail {
    font-size: 12px;
}

#mapInfo {
    font-weight: bold;
    margin-bottom: 3px;
}

.spanLink {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

#TextMapTypeControl, #TextOverlayTypeControl, #TextMapOverlayControlInfo {
    position: relative;
    z-index: 5;
    /*background-color: #ffffff;*/
    background-color: #fff;
    padding: 4px;
    top: 5px;
    opacity:.85;
    filter: alpha( opacity = 85 );
    FILTER:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
    -moz-opacity: .85;
    border:solid 1px #3333aa;
}

#TextMapOverlayControlInfo {
    border-top:0px;
background-color:#eef;
    padding-top:0px;
padding-bottom:2px;
padding-left:10px;
 }

#TextMapTypeControl span, #TextOverlayTypeControl span {
    margin: 2px;
    color: #000000;
    background-color: white;/*transparent;*/
    border: 2px solid white;/*transparent;*/
    cursor: pointer;
}

/*   Map ad related styles */ 
#cam_detail_link {
	padding-left:	0px;
    float:left;
    width: 160px;
}

.bonkAttribution {
font-family:Arial;
font-size:13px;
line-height:	24px;
}
ul.horizontal li {
	margin: 0px;
	padding: 0px;
	float: left;
	display:	inline;
}