/*=Utility Style*/

.clearheight{
    height: 1%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}


#leaderboard_ad_image {
    width: 732px;
    height: 94px;
    margin: 5px auto;
    border: 1px #ccc solid;
    background: #fff;
}

#leaderboard_ad_image iframe {
    width: 728px;
    height: 90px;
    margin: 2px 2px;
}

#leaderboard_ad {
    float: none;
    display: inline;
    width: 1000px;
    height: 90px;
    text-align: center;
}

map area {
    border: 1px solid #900;
}

body noscript {

}

/* End hide from IE-mac */
body {
    text-align: center;
    font-family: verdana, sans-serif;
    margin: 0 0;
    background: #F3F1E9;

}

hr {
    height: 1px;
}

a:link, a:visited {
    color: #326ea1;
    text-decoration: none;
}

a:hover {
    color: #383d44;
}

body a img {
    border: none;
}

body div {
    text-align: left;

}

#container, #text_container{
    margin: 0 auto;
    width: 1000px;
    padding: 0 0;
}
#text_container{
    background: #fff;

}
#text_container h4{
    margin: 5px 5px;
    float:left;
}
#logo {
    text-align: left;
    padding: 0 0;
    float: left;
    display: inline;
    width: 180px;
    height: 65px;
    margin: 0;

}

#cobrand {
    margin: 5px 3px 3px 5px;
    float: left;
    height: 60px;
    padding: 0 130px 0 0;
    background: transparent url( /images/cobrand.gif ) top right no-repeat;
    display: inline;
}

#logo a {
    border: none;
    float: left;
    display: inline;
    margin: 0 0;
    padding: 0 0;
}

#logo a img {
    border: none;
    float: left;
    margin: 0 0 0 5px;
    width: 177px;
    height: 60px;
    display: inline;
    padding: 0 0;
}

#header {
    text-align: center;
    margin: 0 auto 0 auto;
    width:100%;
    background: #496c96 url(/images/header_hm_background.jpg) bottom left repeat-x ;
    height: auto;

}

#topheader {
    margin: 0 auto;
    width: 1000px;
    padding: 5px 0 5px 0;
    background: #000;
    overflow:hidden;
}

#helper {
    background: #000;
    width: 150px;
    font-size: 12px;
    color: #fff;
    z-index: 400;
    position: absolute;
    display: none;
    padding: 20px;
}

#help {
    color: #ccc;
    font-size: 10px;
    margin-left: 5px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 30px;
}

#helper  div {
    margin: 10px 10px;
    display: block;
}
 
#signininfo {
    width: 675px;
    float: right;

}

#loginarea {
    float: left;
    padding: 0 0;
    background: #fff;
    border: 1px #ccc solid;
    width: 250px;
    display: inline;
    height: 500px;
    margin-bottom: 10px;
}

#loginarea form {

}

#login {
    text-align: right;
    background: #fff;
    font-size: 13px;
    margin: 5px 5px;
    display: inline;
    color: #333;
    float: left;

}

#login div {
    padding: 5px 5px;
    text-align: right;
    float: right;
}

#login ul {
    float: left;
    margin: 10px 10px;
}

#login ul li {
    float: left;
    list-style-type: none;
    margin: 0 0 0 10px;
    display: inline;
}

#forgotten_pass_email {
    display: none;
    color: #900;
    font-style: italic;
    clear: both;
    font-size: 13px;
}

#forgotten_pass {
    display: none;
    font-size: 13px;
    color: #000;
    float: right;
    width: 1000px;
}

#forgotten_pass  .text {
    width: 300px;
}

#forgot {
    width: auto;
    margin-top: 10px;
}

#signin {
    margin: 0 0;
    width: 300px;
    float: right;
    display: inline;
    padding: 0 0;
}

#signin li {
    display: inline;
    float: right;
    margin: 3px 3px;
    list-style-type: none;
    color: white;
    font-size: 12px;
}

#signin li.textitem {
    padding: 3px 5px 3px 3px;
}

#signin li a {
    color: #fc0;
    display: inline;

}

#main_navigation {
    margin: 10px 10px 0 0;
    float: right;
    width: 370px;
    display: inline;
}

#admin_linkshdr {

    margin: 0 5px 0 5px;
    width: 350px;
    float: right;
    display: inline;
    padding: 0 0;
}

#admin_links, #secondarylinks {


    margin: 0 0;
    float: right;
    display: block;
    padding: 0 0;
}

#admin_links li:first-child {
    border: none;
}

#secondarylinks {
    background: none;
    margin: 5px 0 0 0;

}

#admin_links li, #secondarylinks li {
    display: block;
    float: left;
    list-style-type: none;
    color: white;
    font-size: 12px;
    border-left: 1px solid #5F5F5F;
}
  #secondarylinks li {
      border: none;
  }
#admin_links li a, #secondarylinks li a, #secondarylinks li span {
    color: #fc0;
    display: block;
    float: left;
    padding: 1px 5px;

}
 
#secondarylinks li span {
    color: #fff;
}

#content {
    float: left;
    width: 1000px;
    margin: 0 auto 0 auto;

}

#bodycontent {
    float: left;
    width: 1000px;
    margin: 0 auto 0 auto;
    background: #fff;
    font-size: small;

}

span.question, span.answer {
    color: #F59921;
    font-weight: bold;

}

ul.qanda li {
    list-style-type: none !important;
}

#bodycontent li {
    list-style-type: square;
    margin-bottom: 5px;

}

#bodycontent ol li {
    list-style-type: decimal !important;
}

div.pad {
    margin: 20px 20px;
    font-size: small;

}

#content.clearAll {
    overflow: auto;
    width: 100%;
}

#sidemenu {
    float: left;
}

#sidemenu ul {
    margin: 0 0;
    list-style-type: none;
    padding: 0 0;
}

#sidemenu ul li {
    list-style-type: none;
    text-transform: uppercase;
    font-size: small;

}

#sidemenu ul li a {
    padding-left: 10px

}

#content h3 {
    float: left;
    margin: 5px 5px;
}

#content h4 {

    margin: 5px 5px;
}

#content form {
    clear: left;
}

#content input {
    margin: 0 0 5px 5px;
}

#cityname {
    background: #070f22 url( /images/mod_header.gif ) no-repeat top center;
    text-transform: capitalize;
    float: left;
    margin: 0 0;
    width: 625px;
    border-bottom: 1px #000025 solid;
    padding-bottom: 3px;
}

#cityname div {
    float: left;
    display: none;
    margin: 5px 5px;
    width: 550px;
    background: #fff url( /images/location_footer.gif ) no-repeat bottom left;
}

#cityname h5 {
    float: left;
    display: block;
    margin: 0 0;
    width: 550px;
    background: transparent url( /images/location_header.gif ) no-repeat top left;
    font-weight: normal;
    height: auto;
    padding: 3px 0 3px 0;
}

#cityname h5  a {
    display: block;
    color: #326ea1;
    text-transform: capitalize;
    padding: 3px 20px 3px 5px;
    margin: 0 0;
    float: left;
    background: transparent url( /images/location_divide.gif ) no-repeat right center;
}

#cityname .module_btn {
    float: left;
    display: inline;
}

#search {
    background: #333;
    float: left;
    width: 625px;
}

#search form {
    padding: 0 0;
    display: none;
    clear: left;
    background: #333;
    margin: 5px 2px 0 2px;
}

#address {
    border: 1px #000 solid;
    background: #ccc url( /images/search_background.jpg ) repeat-x bottom left;
    height: 20px;
}

#citycam_name {
    background: #070f22 url( /images/mod_header.gif ) no-repeat top center; /*text-transform: uppercase;*/
    float: left;
    margin: 0 0;
    width: 625px;
}

#citycam_name h5 {
    float: left;
    display: inline;
    margin: 5px 5px;
    color: #EAE8E4;
}

#menu_instruct {
    float: left;
    display: inline;
    margin: 5px 5px;
    color: #EAE8E4;
    font-size: 14px;
    width: 500px;
}

#playbutton {
    margin: 100px auto 0 auto;
    cursor: pointer;
}

#alerts {
    display: none;
    width: 625px;
    background: transparent url( /images/alert_footer.gif ) bottom center no-repeat;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 0;
}

#alerts p {
    margin: 10px 10px 10px 50px;

}

#alertcontent {
    background: transparent url( /images/alert_header.gif ) top center no-repeat;
    width: 625px;
    float: left;
}

#alertcontent a.closealert {

    display: inline;
}

#promo {
    width: 625px;
    background: transparent url( /images/promo_footer.gif ) bottom center no-repeat;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 0;
}
#promo02 {
    width: 625px;
    background: #fff url(/images/mod_background_footer.gif) bottom center no-repeat;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 0;
}
img.promoclose {
    float: right;
    cursor: pointer;
    margin: 5px 5px;
}
#infobox{
    float:left;
    width: 590px;
    margin: 10px 0 0  20px;
    display:inline;
}
#selfpromo_button{
    width:120px;
    height:90px;
    float:right;
    margin:10px 10px 0 10px;
}
#weather_125{
    float:right;
    margin:10px 10px 0 10px;
    display: inline;
}
#promo p, #promo h5 {
    margin: 10px 10px 3px 50px;
}

#promocontent {
    background: transparent url(/images/mod_background_header.gif) top center no-repeat;
    width: 625px;
    float: left;
    margin: 0 0 10px 0;
}

#promocontent a.closealert {
    display: inline;
}

#map {
    float: right;
    display: none;
    margin: 0 0;
    width: 623px;
    height: 319px;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    position: relative;
}

#map_holder {
    float: right;
    display: inline;
    margin: 0 0 10px 0;
    width: 625px;
    background: #000 url( /images/mod_footer.gif ) no-repeat bottom center;
    padding-bottom: 15px;
}

#begin_button {
    position: absolute;
    z-index: 30;
    display: none;
}
#map_multilist{
    list-style-type: none;
    margin: 0 0;
    padding:0 0;
}
h3.map_multilist_header{
    font-size:10px;
    text-transform: uppercase;
    margin: 0 0 10px 0 !important;
    width: 100%;
    
}
#map_multilist li{
    list-style-type: none;
    margin: 0 0;
    padding:0 0;
}
#map_multilist li a {
    cursor:pointer;
    font-size: 12px;
    color: #326ea1;
}
#map_start {
    width: 625px;
    margin: 0 0;
    text-align: center;
    float: left;
    display: inline;
    background: #fff;
}

#map_start div {
    list-style-type: none;
    padding: 0 0;
    margin: 0 auto 5px auto;
    width: 610px;
    background: #fff;
    overflow: auto;
    font-size: 10px;
    color: #326ea1;


}

#map_start div div {
    background: transparent;
    margin: 0 0;
    width: 23.3%;
    height: auto;
    float: left;
    padding: 5px 5px;
    cursor: pointer;
    border-bottom: #999 1px solid;

}
.map_menu_list, #map_start ul{
    background: #fff;
    text-align:left;
    margin: 0 0;
    float:left;
    padding: 0 0;
    font-size: 11px;
    list-style-type:none;
    
}
.map_menu_list li, #map_start ul li{
    text-align:left;
    margin: 3px  0 3px 5px;
   padding: 2px 0 2px 20px;
    color: #326ea1;
    cursor: pointer;
    list-style-type:none;
    background-image : url(/images/play_background.gif) ;
    background-position: 100% -700%;
    background-repeat:     no-repeat;
 

}
 
fieldset {

}

legend {

}

#errorMessage {
    color: red;
}

#footer {
    border: 1px solid #DFDFDF;
    clear: both;
    padding: 5px;
    width: 990px;
    font-size: 12px;
    margin: 10px auto 10px auto;
    color: #444;
    display: inline-block;
}

#footer a:link, #footer a:visited, li a:active {

    color: #666666;
    font-family: Verdana, Arial, sans-serif; /*font-size: 10px;*/
    padding: 0 0;
    margin: 0 0;
    text-decoration: underline;
}

#footer a:hover {
    color: black;
}

#video {
    float: left;
    display: inline;
    margin: 5px auto;
    width: 360px;
    font-size: 12px;
    color: #fff;

}
#video_internal_ad{
    text-align: center;
}
#video_internal_ad img{
   margin: 0 auto 5px auto;
}

#catalogconfig {
    background: #fff url( /images/config_ftr.gif ) bottom left no-repeat;
    color: #333;
    width: 340px;
    margin: 10px 10px;
    display: none;
    padding: 0 0 10px 0;
    float:left;

}

#config_instruct {
    float: none !important;
    font-weight: normal !important;
    cursor: pointer;
}

#catalogconfig div.top {
    background: transparent url( /images/config_hdr.gif ) top left no-repeat;
    float: left;
    padding: 5px 0 0 0;
}

#catalogconfig div.top span {
    float: left;
    font-weight: bold;
    padding: 0 0 0 5px;
}

#catalogconfig div.top a {
    float: right;
    padding: 0 5px 0 0;

}

#catalogconfig form {
    margin: 0 0;
}

#catalogconfig h4 {
    margin: 5px 5px;
    display: inline;
    float: left;
}

#sendcamera {
    display: block;
}

#addto {
    margin: 5px 5px;
}

#initial_camera {
    width: 352px;
    height: 240px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

#initial_camera_message {
    width: 312px;
    background: #fff;
    color: #333;
    margin: 120px 10px 10px 10px;
    padding: 10px;
    float: left;
}

#initial_camera_message h3 {
    float: left;
    width: 312px;
    margin: 10px 10px;
    background: #fff;
    color: #333;
}

#videoarea {
    float: left;
    width: 360px;
    overflow: hidden;
    margin-bottom: 5px;
    background: #2e2e2e;
    text-align: center;
    border-bottom: #333 1px solid;

}

#vtools{
    background: transparent;
    float:right;
    text-align: right;
}

#vtools a{
    padding: 0 ;
    margin: 0 ;
    line-height: 16px;
}

#videoinfo {
    width: 352px;
    float: left;
    margin: 2px 4px 2px 4px;

}

#orientation {
    font-size: 10px;
    float: left;
    margin: 2px 0 0 0;
}

#provider {
    font-size: 10px;
    float: left;
    margin: 2px 0 2px 0 ;
    width: 358px;

}

#addtofav {
    cursor: pointer;
    margin: 1px 4px 1px 7px ;

}

#bkmarkcam {
    cursor: pointer;
    margin: 1px 4px 1px 0 ;

}

#sharelink {
    cursor: pointer;
    margin: 1px 4px 1px 0 ;
}

#widget {
    cursor: pointer;
    margin: 1px 4px 1px 0 ;
}

#feedbackcam {
    cursor: pointer;
    margin: 1px 7px 1px 0 ;
}

#add_widget {
 }

#metadata {
    float: left;
    margin-bottom:10px;
    width: 240px;
    text-align: left;
    padding: 1px 5px;
    display: inline;
}

#videoImage {
    margin: 0 auto;

}

#video_holder {
    width: 360px;
    height: 240px;
    background: #000 url( '/images/loading.gif' ) 50% 50% no-repeat;
    display: none;
    font-size: 10px;
    text-align: center;

}

#videocontent {
    float: left;
    width: 1000px;
}

#preroll {
    overflow: hidden;
    float: left;
    display: inline;
    width: 100%;
    text-align: center;
}

#square_ad ,#square_ad1 {
    width: 358px;
    border: 1px #ccc solid;
    float: left;
    text-align: center;
    background: #fff;
    margin-bottom: 5px;
}

#square_ad  iframe, #square_ad1  iframe  {
    margin: 10px auto;
    background: transparent;
}
##square_ad1 {
    display: block;
}
#topcameras {
    border: 1px #333 solid;
    width: 100%;
    overflow: hidden;
    clear: both;
}

#topcameras div {
    float: left;
    margin: 5px 0 0 5px;
    width: 175px;
    height: 145px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    overflow: hidden;
}

#topcameras div img {
    float: left;
    margin: 0 0;
    width: 175px;
    height: 119px;
    display: inline;
}

/* City Listings */

ul.citylisting {
    float: left;
    list-style-type: none;
    margin: 10px 0 10px 5px;
    text-align: left;
    padding-left: 0;
}

ul.citylisting li {
    text-align: left;
    width: 110px;

}

#list {
    display: none;
    font-size: 12px;
    width: 500px;
    float: left;
}

.title, .title2 {
    background: #000;
    padding: 3px;
    color: #fff;
    text-transform: uppercase;
    margin: 3px 0 3px 0;
    font-size: 9px;
}

div#loading {
    position: relative;
    width: 500px;
    height: 10px;
    border: 5px solid #fff;
    background-color: #112233;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    z-index: 2;
    top: 20%;
}

#tl_menu, #tl_nav_menu {
    float: left;
    padding: 0 0;
    margin: 0 0 0 5px;
    background: transparent;
    display: inline;
    width: 595px;
}

#tl_menu li, #tl_nav_menu li {

    float: left;
    padding: 5px 5px;
    list-style-type: none;
    cursor: pointer;
    font-size: 11px;
    margin: 0 3px 0 0;
}
#tl_menu li {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    margin: 0 5px 0 0;
    padding: 7px 7px;
 }
.active {
    background: #fff;
    color: #000;
    border-top: #fff 1px solid;
    border-left: #fff 1px solid;
    border-right: #000 1px solid;
}

.nonactive {
    background: #999;
    color: #000;
    border-top: #999 1px solid;
    border-left: #999 1px solid;
    border-right: #999 1px solid;
}

.moduleBtn {
    float: right;
    display: inline;
    cursor: pointer;
    margin: 5px 5px;

}

.modlinks {
    font-size: 9px;
    display: inline;
    float: right;
    text-transform: uppercase;
    margin: 5px 5px;
}

#tl_mods {
    float: right;
    width: 625px;
    margin: 5px 0 0 0;
    display: inline;
}

#cam_dock {
    float: left;
    width: 625px;
    border: 1px solid #fff;
    margin: 0 0 5px 0;
    padding: 0 0;
    display: inline;
    padding-bottom: 15px;
    background: #000 url( /images/mod_footer.gif ) no-repeat bottom center;
}

#cams {
    float: left;
    padding: 5px 0 0 0;
    margin: 0 0;
    width: 623px;
    background: #fff;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
}

#cams h1 {
    font-size: 15px;
    margin-left: 10px !important;
}

#cams p {
    font-size: 12px;
    margin: 10px 10px !important;
}

#cams  a.deletecam {
    background: transparent url( /images/camera_delete.gif ) top left no-repeat !important;
    padding: 0 0 0 13px !important;
    clear: both !important;
}

#catalog_menu {
    width: 618px !important;
    height: auto !important;
    float: left;
    margin: 5px 0 5px 0;
}

#catalog_menu h3 {
    float: left;
}

#catalog_menu a.deletelink {
    display: inline !important;
    font-size: 10px !important;
    font-weight: normal !important;
    float: none !important;
    margin-left: 10px !important;
}
#catalog_menu a.emailcameras {
    display: inline !important;
    font-size: 10px !important;
    font-weight: normal !important;
    float: none !important;
    margin-left: 10px !important;
    color: #326ea1 !important;
}
#catalog_menu a {
    float: right;
}

#catalog_list {
    width: 618px !important;
    height: auto !important;
    float: left;
    margin: 5px 0 5px 0;
    border: none !important;
    display: block;

}

#catalog_list div {
    width: 150px !important;
    height: auto !important;
    float: left;
    margin: 5px 0 5px 0;
}

#cams div {
    width: 119px;
    height: 115px;
    font-size: 9px;
    float: left;
    margin: 1px 1px;
    text-align: center;
    border: 1px #ccc solid;
    cursor: pointer;
    overflow: hidden;
}

#cams div img {
    margin: 3px 2px 0 2px;
    clear: both;
    display: block;
}

#cams li {
    color: #fff;
    float: left;
    list-style-type: none;
    margin: 0 2px;
}

#pageloader {
    color: #fff;
    background: #000;
    width: 200px;
    height: 40px;
    position: absolute;
    z-index: 300;
    display: none;
}

#maploader {
    color: #fff;
    background: #000;

}

#maploader span {
    float: left;
    margin: 20px 10px 10px 10px;
}

#loadingImage {
    float: left;
    margin: 10px 10px 10px 10px;
}

.weatherfact {

}

#weatherfact1 {
    border: 1px #ccc solid;
    margin: 5px 0 5px 0;
    width: 300px;
    background: #fff url( /images/WxBug_back.gif ) bottom right no-repeat;
    display: inline;
    float: right;
}

#wbcontent {
    display: inline;
    float: right;
    width: 350px;
    text-align: center;
    margin: 0 20px 10px 0;
}

#weatherfact1 h5 img {
    float: left;
    display: inline;
}

#factheader {
    display: inline !important;
    font-size: 12px;
}

fieldset.rightflush {
    width: 355px;
    border: none;
}

fieldset.rightflush div {
    float: right;
    margin: 0 0 3px 40px;
    padding: 0 0 0 0;

}

img.inlineimg {
    display: inline;
}

span.weatherdate {
    padding-top: 20px;
}

#weatherfact1 ul li {
    float: left;
    list-style-type: none;
    margin-left: 10px;
}

#weatherfact1 ul {
    clear: both;
    list-style-type: none;
    padding: 0 0;
    margin: 10px 0 10px 10px;
}

.weatherfact p {
    font-size: 12px;
    margin: 0 10px 10px 10px;
    float: left;
}

#weather {
    margin-top: 5px;
    width: 625px;
    float: left;
    color: #333;
    background: #fff url( /images/mod_background_footer.gif ) no-repeat bottom center;


}
#weatherholder{
       width: 625px;
      background: transparent url( /images/mod_background_header.gif ) no-repeat top center;
       margin-bottom: 10px;
    float: left;
}
#weatherhdr {
    float: left;
    width:400px;
    margin: 10px 0 5px 20px;
}

#weatherinfo {
    width: 400px;
    float: left;
    font-size: 12px;
    margin: 5px 5px;
}

#weatherinfo ul {
    float: left;
    display: inline;
    padding: 0 0;
    margin: 0 0;
}

#weatherinfo ul li {
    float: left;
    margin: 0 0;
    padding: 0 5px;
    list-style-type: none;
    display: inline;
}

#weatherhdr h3 {

    float: left;
    margin: 5px 5px;
    font-size: 10px;
    width: 215px;

}

#poweredbywb {
    float: right;
    display: inline;
    margin: -15px 0 0 0;
}

#poweredbywb img {
    display: inline;
}

.weatherdesc {
    margin: 0 10px 10px 10px;
    width: 150px;
    clear: both;
}

#forecast0 {
    float: left;
    height: 55px;
}

#forecast1 {
    float: left;
    height: 55px;
}

.forecastareas {
    width: 170px;

    color: #333;
    margin: 5px 0;
    display: inline;

}

.weatherdesc {
    float: left;
    width: 90px;
    display: inline;
    font-size: 9px;

}

.temp {
    float: left;
    font-size: 10px;
    width: 98px;
}

.high {
    color: #c00;
}

.low {
    color: #00AAFF;
}

.forecastareas div {
}

.forecastareas h5 {
    padding: 0 0;
    margin: 5px 0 0 0;
    float: left;

}

.forecastareas img {
    float: left;
    display: inline;
    margin: 5px 5px;

}

.imgHide {
    display: none;

}

#weatherlinks {
    clear: both;
}

#weatherlinks a {
    border-top: 1px solid #ccc;
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    padding: 5px 0 5px 0;
    color: #fc0;
    font-size: 10px;
}

#weatherlinks a:hover {
}

.reg_instructions {
    color: #333;
    font-size: 10px;
}

#trafficlandlocationlist, #trafficlandlocationlist  li, #trafficlandlocationlist  ul li {
    display: none;
}

#sna_link {
    display: inline;
    float: left;
}

#share_content {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

#share_img_data, #share_img {
    display: inline;
    float: left;
}

#share_img_data {
    margin: 10px 10px;
}

#feedback_content {
    float: left;
    margin: 0 0 10px 0;
    width: 100%;
}

#feedback_img_data, #feedback_img {
    display: inline;
    float: left;
}

#feedback_img_data {
    margin: 10px 10px;
}

#replaybutton {
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 10px;
}

#promo_news {
    width: 530px;
    background: #fff url( /images/highlight.gif ) top left repeat-x;
    border: 1px solid #DFB259;
    float: left;
    margin: 10px 0 0 50px;
    display: inline;

}

#promo_news h4 {
    font-size: 12px;
}

#promo_news ul {
    display: inline;
    float: left;
    margin: 10px 10px;
}

#save_title {
    margin: 7px 7px 7px 7px !important;
    float: left;
}

#catalog_name, #recent_view_catalog_submit {
    margin: 7px 7px 7px 7px !important;

}

#recent_create {
    width: 623px !important;
    border: none !important;
    margin: 0 0 !important;
    background: #2e2e2e !important;
    color: #fff !important;
    height: auto !important;
    text-align: left !important;
    font-size: 12px !important;
}

#recent_create input, #clearbutton {
    float: left;
}

#widget_ex {
    width: 400px;
    float: right;
}

#widget_info {
    width: 500px;
    float: left;
    margin: 0 0 20px 0;
}

#widget_info fieldset {
    border: none;
    margin: 10px 0;

}

#widget_terms, #widget_code {
    height: 100px;
    overflow: auto;
    border: 1px #ccc solid;
    text-align: left;
}

#widget_code {
    height: 100px;
    line-height: 22px;
    letter-spacing: 1px;
    padding: 0 0;
    white-space: nowrap;
}

#widget_terms p, #widget_code p {
    margin: 10px;
}

span.required_widget {
    color: #900;

}

#cities_list_openclose {
 width:1000px;
 margin: 0 auto;
 background: transparent url(/images/find_cameras.gif)  0 50% no-repeat;

}

#cities_list_openclose img{

     
}
#cities_list_sh_button{
    margin: 0 0 0 200px;
}
#cities_list_container{
    background: #ECECEC;
    width:100%;
    float:left;
    text-align:center;
    border-bottom: 1px #ccc solid;
}

#cities_lists {
    padding-top:0;
     width:1000px;
     margin: 6px auto 10px auto;
    text-align:left;
    clear:both;
    background: transparent url(/images/world_map.gif) 50% 50% no-repeat;
    display:none;
}

#cities_lists h3 {
    font-size: 18px;
    margin: 0;
    padding: 10px 0 10px 0;
    clear: both;
}

#cities_lists h4 {
    font-size: 13px;
    padding: 2px 2px;
    margin: 0 0 0 2px;
    color: #000;
    width: 95%;
    border-bottom: #ccc  1px solid;

}

#cities_lists ul {
    float: left;
    padding: 0;
    margin: 5px 5px ;
}

#us_cities{
    float:left;
     width:80%;
}

#us_cities ul{
   width: 18%;

}
#int_cities{
    float:left;
    width: 20%;
}
#cities_lists li {
    font-size: 11px;
    list-style-type: none;
    margin: 2px 2px;
    padding: 2px 2px;
    line-height: 9px;
}

img.show {
    cursor:pointer;
    float: left;
}

img.hide {
    cursor:pointer;
    float: left;
}


/***************************/
/***************************/
/* BEGIN NEW HOME PAGE CSS */
/***************************/
/***************************/
#content_container {

    clear: both;
}

#skyscraper_advertisement {

    float: right;
    width: 160px;
    height: 600px;
    margin: 20px 0;
    background:#fff;
    padding: 0;

}
.ad_padding{

}
/***************************/
/* HOME PAGE CONTENTS      */
/***************************/
#main_content_container {

    float: left;
    font-size:12px;
    width:840px;
}

/*****************************/
/* UPPER SEG. TABBED CONTENT */
/*****************************/
#tab_content_container {
    height: 300px;
    width: 100%;
    overflow:hidden;
    margin: 0 0 ;
    padding: 0 0 ;
    background: #fff url(/images/promo_box_top.gif) 0  -10px no-repeat;
}

#tab_content_list {
    margin: 0 0 ;
    padding: 0 0 ;
    list-style-type: none;    
}

#tab_content_list li.tab_active {
    margin: 0 0 ;
    padding: 0 0 ;
    list-style-type: none;
    overflow:hidden;
}

#tab_content_list li.tab_nonactive {
    margin: 0 0 ;
    list-style-type: none;
    padding: 0 0 ;
    overflow:hidden;
}

#mktg_content_container {
    width: 820px;
    color: #222;
    margin: 20px 10px 0 0;
    overflow:hidden;
    float:left;
}

#tab_selector {
    border-bottom:3px #fff solid;
    display: block;
    list-style-type: none;
    float: left;
    width: 820px;
    margin: 0 0;
    padding: 0 0;
}
#tab_1_selector select_active {
 
}
#tab_selector li {
    background: transparent url(/images/promo_box_bottom_rpt.gif) 0 0 repeat-x;   
    float:left;
    display:inline;
    border-right: 1px #A3ABB3 solid;
}
#tab_5_selector{
    border-right: none !important;
 }
#tab_selector li a{
    display:block;
    padding: 5px 30px;
   cursor:pointer;
    color: #fff;
}
#tab_selector li a:hover,#tab_selector li a:visited{

   color: #fff;

}
#tab_2_selector.selected a ,#tab_3_selector.selected a,#tab_4_selector.selected a,#tab_5_selector.selected a{
background-color: #fff;
    color: #326ea1;

}
#tab_1_selector.selected a:hover, #tab_2_selector.selected a:hover, #tab_3_selector.selected a:hover, #tab_4_selector.selected a:hover, #tab_5_selector.selected a:hover{
    color: #326ea1;
}
#tab_1_selector.selected a {
background: #fff ;
     color: #326ea1;
}
/****************************/
/* LOWER SEGMENT CAM VIEWER */
/****************************/
/* FRAMEWORK */
#cam_viewer_container{
    float:left;
     margin: 10px 0 10px 0;
    width:820px;
    background: #FFFFFF url(/images/cam_vw_bottom.gif) no-repeat scroll left bottom
}
#learning_center_container{
    margin: 10px 0 10px 0;
    width:1000px;
    background: #fff;
    overflow: hidden;
}
#learning_inner{
    margin: 20px  ;
    width:820px;

}
.top_cam_viewer_play{

}

#topcam_play_button , #feat_play_button{
      cursor:pointer;
}
#feat_cam_viewer_vid_img a, #top_cam_viewer_vid_img a, #feat_cam_viewer_vid_img a, #top_cam_viewer_vid_img a:hover{
   display:block;
    cursor:pointer;
}

#feat_cam_viewer_vid_container {
    float: left;
    width: 360px;
   margin: 10px 0  0 10px;
    padding-bottom: 10px;
        background-position: 50% 50%;
    background-color:transparent;
}

#top_cam_viewer_vid_container {
    float: left;
    width: 360px;
   margin: 10px 0  0 10px;
    padding-bottom: 10px;
}


#top_cam_viewer_selector_container {

    float:right;
    overflow: auto;
    width:400px;
    height:270px;
    margin: 0 10px 0 0;
}
#feat_cam_viewer_selector_container {

    float:right;
    overflow: auto;
    width:400px;
    height:270px;
    margin: 0 10px 0 0;
}

#cam_viewer_top_bar {
    display: block;
    padding: 0 0  ;
    margin: 0 0 7px 0;
    float: left;
     width: 820px ;
     background: #fff url(/images/cam_viewer_top.gif) top left no-repeat;
}

#cam_viewer_top_bar li{
    font-size: 15px;
    padding: 5px 10px;
    margin: 0 0 0 1px;
    float: left;
    width: 25%;
    list-style-type: none;
    cursor:pointer;
    text-decoration:underline;
    color: #326EA1;
    border: none;
    background : transparent url(images/shadow.gif)   3px 10px repeat-x;
    border-right : 1px solid #dadada;
    border-bottom : 1px solid #dadada;

}

#cam_viewer_top_bar li.selected{
    font-weight: bold;
    text-decoration:none;
    cursor:default;
    color: #000 ;
    background-position: -500px -500px ;
    border-bottom :  none;

}

/* VIDEO WINDOW DATA FORMATTING */
#cam_viewer_metadata ul{

    display: block;
    list-style-type: none;
    margin: 2px  2px;
    padding: 0 0  ;


}

#cam_viewer_metadata li{

    margin: 0  0;
    padding: 0 0;

}


/* SELECTOR WINDOW DATA FORMATTING */
#cam_viewer_selector_list {
    border: 1px solid black;

    margin: 0  0;
    padding: 0 0;
    width:400px;
}

.cam_viewer_selector_item {
    border-bottom: 1px solid #ccc;
    padding: 0 0 3px 0;
    width:370px;
    float: left;
     margin: 2px 0;
    display:block;
}

.cam_viewer_selector_img_div {
    border: 1px solid #ccc;
    width: 60px;
    height:45px;
    float:left;
}

.cam_viewer_selector_data_div {
    float:right;
	padding: 0 0;
    width: 305px;
}

ul.cam_viewer_selector_item_data {
    float:left;
    list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
}

.cam_viewer_selector_item_data li {
    margin: 0 0 ;
    padding: 0 0;
    list-style-type: none;
}

ul.tab_slideshow {
    list-style-type: none;
	padding: 0 ;
	margin: 0 ;
}

ul.tab_slideshow li.tab_nonactive {
    display:none;
    list-style-type: none;
}

ul.tab_slideshow li.tab_active {
    display:block;
    list-style-type: none;
}

/*=promo styles   */
 
.tab_active{
    list-style-type: none;

    display:block;
}
.tab_nonactive{
    list-style-type: none;
    display:none;

}

.tab_slide_active{
    display:block;
    list-style-type: none;
}
.tab_slide_nonactive{
    display:none;
    list-style-type: none;
}
.tab_slide{
    display:none;
    list-style-type: none;
}


/*   promo content from DB styles   */
/***********/
/*TEST CODE*/
/***********/
img.clear {
    border: 1px solid black;
}
/***************/
/*END TEST CODE*/
/***************/


div.left_promo {
    width: 43%;
    float:left;
    padding:0;
    margin:  7px 7px 7px 7px;
    font-size:14px;
}

div.left_promo h5 {
    margin: 15px 15px 0 30px;
    padding: 0;
    font-size: 16px;
}

div.left_promo p {
    margin: 10px 15px 20px 30px;
    padding: 0;
}

a.action_link {
 
    margin: 15px 20px 0 0;
    padding: 0;
}

a.in_line {
    text-decoration: underline;
    color: #DDB;
    display: inline;
    margin: 0;
    padding: 0;
}

div.left_promo ul {
    padding:0;
    list-style-type: circle;
    margin:5px 20px 0 30px;
}

ul.left_promo  {
    padding:0;
    list-style-type: circle;
    margin:5px 20px 0 30px;
}

div.left_promo li {
    padding:0;
    list-style-type: circle;
    margin:10px 20px 0 30px;
}

li.left_promo {
    padding:0 0;
    list-style-type: circle;
    margin:10px 20px 0 30px;
    
}

div.left_promo img {
    margin: 0 0;
    padding: 0 0;
    display: inline;
}

div.right_promo {
    width: 43%;
    float:right;
    padding:0;
    margin:  7px 7px 7px 7px;
    font-size:14px;
}

div.right_promo h5 {
    margin: 10px 0  20px 0;
    padding: 0;
    font-size: 18px;
}

div.right_promo p {
    margin: 10px 20px 20px 0;
    padding: 0;
}

div.right_promo ul {
    padding:0;
    margin:10px 20px 20px 0;
    list-style-type: circle;
}

div.right_promo li {
    padding:0;
    margin: 5px 0 5px 30px;
    list-style-type: circle;
}

div.right_promo img {
    margin: 0;
    padding: 0;
}

img.promo_captioned {
    width: 100%;
    clear:both;
}

a.promo_captioned {

    margin: 17px  0 ;
    float:right;
}

p.promo_captioned {
    margin: 20px 0 0 0 ; 
    font-size: 10px;
    padding: 0;
}

.clickable {
    cursor:pointer;
}

/*   endpromo content from DB styles   */
div#content_area{
    background: #fff;
    margin: 0 auto;
    width: 1000px;
}

div#regionListing
{
    background: #ECECEC;
    font-size:11px ;
    width: 280px;
    float: right;
    margin: 10px 10px 10px 0;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

div#regionListing h4
{
    margin: 5px 0 5px 5px;
    font-size:12px ;
    font-weight:bold;
    border-bottom: 1px #ccc solid;
}

ul.regionList
{
    list-style-type: none;
    margin: 0 0 5px 0 ;
    padding: 0 0 0 10px;
}

li.regionName
{
    cursor:pointer;
    color: #326ea1;
    text-decoration: none;
    list-style-type: none;
    margin: 0 ;
}

div#mapArea{
    width: 695px;
    float: left ;
    text-align:center;
      position: relative;
}
 div#mapArea img{
 margin: 20px auto;
     border: none;
}
div#mapArea h2{
  font-size: 20px;
    margin: 10px auto 5px auto;
}
div#mapArea p{
    margin: 0 auto 0 auto;
    font-size: 15px;
}
#city_list_show_area{
    border:5px solid #2e2e2e;
    border: 5px solid rgba(0,0,0,0.25);
    position:absolute;
    width:600px;
    height:175px;
    z-index:1;
    top:100px;
    left: 34px;
    background: #fff  ;
    display:none;
}
#city_list_show_area p{
  margin: 10px 0 0 10px;
    font-style:italic;

    font-size: 12px;

}
div.cityListPanel
{
    width: 500px;
    font-size:11px ;
    display:none;
}
 div.cityListPanel_show h5{
   font-size: 15px;
   margin: 3px 3px;
}
div.cityListPanel_show
{
    display: block;
    width: 500px;
    font-size:11px ;
}
div.cityListPanel p
{
    margin: 10px 10px;
    float: left ;
}
span.emphasize
{
    font-weight: bolder;
}
ul.cityListPanel_list
{
    margin: 5px;
    clear: both;
    font-size: 12px;
    list-style-type: none;
    float: left ;
}
li.cityListPanel_items
{
    float: left ;
    margin-bottom: 3px;
    width: 150px ;

}

div.leftColumn
{
    float: left ;
}
div.rightColumn
{
    margin-left: 20px;
    float: left ;    
}

div.closeButton{
    cursor:pointer;
    clear: left ;
    float: right ;
    height: 15px ;
    width: 60px ;
    font-size: 11px;
     text-transform: uppercase;
     color: #326EA1;
    text-decoration: underline;
}

 /*=drop dwon styles */
#dropmenudiv{
position:absolute;
border:1px solid #ccc;
border-bottom-width: 0;
z-index:100;
 background: #fff url(/images/shadow.gif) bottom left repeat-x;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
 
padding: 1px 0;
text-decoration: none;
font-size: 11px ;
    color: #326EA1;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #fff;
background:   #326EA1;
}

#lightbox_overlay{
 background: #000;
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height: 100%;
    z-index: 100;
    display:none;
 

}
#signuppage_header {
   font-size: 17px;
   margin: 15px 15px 15px 15px;

}
#signuppage_form{

    float:left;
    width:530px;
    border-right: 1px #ccc solid;
   padding: 10px 10px;

}
#signuppage_form input{

     margin: 0 0;

}
#signuppage_promo{

    float:right;
    width:420px;
    margin: 0 10px 0 0;

}
#signuppage_promo h3{
 font-size: 15px;

}
#signuppage_promo ol li{
 margin: 0 auto 15px auto;
}

/*CSS for Notification Pges only*/
/*Notification Edit*/
.email_update_head
{
    margin: 10px 8px;
    font-size: 13px ;
}

.email_update_text
{
    margin:  10px 10px;
    font-size: 12px ;
}

.email_update_text_small
{
    clear:both;
    margin: 40px 15px 15px 15px;
    font-size: 9px ;
}

.left_option
{
    font-size: 12px ;
    float: left ;
}

.right_option
{
    font-size: 12px ;
    float: left ;
    margin-left: 50px;
}

.email_update_lists
{
    font-size: 11px ;
    list-style-type: none;
    display: inline;
    margin: 5px;
    margin-bottom: 15px;
    padding: 0;
}

.email_update_lists li{
    font-size: 11px ;
    list-style-type: none;                                        
    display: inline;
    float:left;
    margin: 0 3px;
}

.email_update_lists li a{
    font-size: 11px ;
    list-style-type: none;
    display: block;
    padding: 3px 3px; 
    border: #ccc  1px solid; 
}


div.isolate
{
    font-size: 13px ;
    clear: both;
    margin: 5px 12px;
}

.left_option input
{
    vertical-align: middle ;
    margin-top: 1px;
}

.activator
{
    margin: 10px;
    font-size: 13px;
}

.activator input
{
    vertical-align: middle ;
    margin-top: 1px;
    margin-left: 1px ;
}

.activator .email_notify_inactive
{
    color: #777;
}

.activator .email_notify_active
{
    color: #000;
}

/*Notification List*/
.nt_row_inactive
{
    background-color: #eee;
    color: #aaa;

}
.nt_alt_row_inactive
{
    background-color: #eee;
    color: #aaa;
}
.nt_row
{
    background-color: #fafafa;

}
.nt_alt_row
{
    background-color: #fff;
}
.nt_top_row
{
    background: url(/images/notification_table_bg.gif) center center repeat-x ;
}
.nt_top_row td
{
    text-align: left;
}
.nt_last_row
{
    background-color: #f0f0f0;
    visibility: visible;
}
.nt_last_row_hidden
{
    background-color: #f0f0f0;
    visibility: hidden;
}
#nt_last_row_id a
{
    margin: 10px 0 ;
}
.nt_row .nt_chosen, .nt_alt_row .nt_chosen
{
    color: #111;
    margin: 0 3px;
}
.nt_row_inactive .nt_chosen, .nt_alt_row_inactive .nt_chosen
{
    color: #777;
    margin: 0 3px;
}
.nt_row .nt_not_chosen, .nt_alt_row .nt_not_chosen
{
    color: #999;
    margin: 0 3px;
}
.nt_row_inactive .nt_not_chosen, .nt_alt_row_inactive .nt_not_chosen
{
    color: #aaa;
    margin: 0 3px;
}
#notification_table
{
    font-size: 11.5px;
    margin-bottom: 10px;

}
#camgroup{
    font-size: 10px;
}
#notification_table a
{
    margin: 0 15px;

}
#notification_table td
{
    padding: 2px 15px;

}
.nt_main{
    font-size: 9px;
    margin: 10px;
    width:980px;
}

.center_text
{
    text-align: center;
}

.left_text
{
    text-align: left;
    padding: 2px 15px ;
}

.warning_box_inactive
{
    color: #fff;
    background-color: #fff;
    border: none;
    clear: none;
}

.warning_box_active
{
    color: #900;
    background-color: #fcc;
    border: 1px solid #daa;
    clear: none;
}

.success_box_active
{
    color: #090;
    background-color: #cfc;
    border: 1px solid #ada;
    clear: none;
}

.success_box_text
{
    margin: 10px ;
    font-size: 12px;
}

.warning_box_inactive .warning_box_text
{
    padding: 5px;
    margin: 0 15px;
    font-size: 12px;
    visibility: hidden;
}

.warning_box_active .warning_box_text
{
    margin: 5px 15px;
    color: #900;
    font-size: 12px;
    visibility: visible;
}

.mobile_warning
{
     color: #900;
    margin:  10px 10px 20px 0;
    font-size: 12px ;

}

.text_by_itself{
    font-size: 12px;
    margin: 20px 20px ;
}

.space_both{
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.space_below{
    margin-bottom: 10px;

}

.space_above{
    margin-top: 10px;

}


div.email_update_side_note{
    float: left;
    font-size: 9px;
    margin: 8px 0 5px 5px;
}

input.email_update_button{
    float: left;
    margin: 5px 15px 5px  0 ;
    
}
#tlc_header{
    margin: 20px;
    float:left;
}
.body{
    margin: 20px;

}
#thirty_day_notice{
    margin: 10px 0 10px 0;
    width: 100%;
    height:50px;
    color: #FFFFFF;
    background: #333333 url(images/notice.gif) 0 0 no-repeat;
    overflow: hidden;
    display: none;
}
#thirty_day_notice p{
    margin: 15px 20px 15px 125px;
}
#thirty_day_notice a{
    color: #ffcc00;
}