/* WEATHERCAM */

a { text-decoration: none; color:#396DA5; }
a:hover { text-decoration: underline; color: red; }

.nSelected { font-weight: bold; }
.data { color: black; }
.hdata { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.hdata2 { font-weight: bold; color: #000; }

.greytext { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }


.greybox { position: relative; left: 17px; margin-top: 17px; width: 502px; background-color: #eee; border: 1px solid #bbbbbb; padding: 20px; }
.ad { width: 150px; height: 110px; border: 1px solid #ccc; margin-top: 5px;}
.databox { margin: 5px; padding: 0px; font-family: arial, helvetica, sans-serif; color: #666; font-size: 10px; }

ul.list_arrow { margin: 0; padding: 0; list-style: none; }
li.arrow { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(../imgs/arrow.gif); background-repeat: no-repeat; background-position: 0 4px; padding-left: 7px; line-height: 13px;}

.deg_symbol { font-weight: normal; }

/* LAYOUT COLUMNS */

.cam_column { float: left; width: 510px; height: 461px; border: 1px solid #ccc; background-color: #eee; }

.cam_image { width: 510px; height: 383px; } 
div#wind_graph { position: relative; top: 0; bottom: 50%; border: 1px red dotted; height: 200px; border: 1px solid #ccc; }
div#data_left_column { position: absolute; width: 146px; left: 0; height: 100%; border: 1px solid #ccc; }
div#data_right_column { position: absolute; width: 145px; left: 153px; height: 100%; border: 1px solid #ccc; }
div#data_column { float: left; width: 300px; height: 457px; margin-left: 5px; margin-right: 5px; }
div#data_block { position: relative; height: 254px; margin-top: 5px; }
div#ads_column { float: left; width: 152px; height: 465px; }

#container { position: relative; margin-left: 16px; margin-top: 12px; height: 457px; width: auto; width: 980px; }

/* cam header area */

.cam_header { height: 48px; background-color: #eee; overflow:hidden; }

.label { display:block; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:14px; border:1px solid #eeeeee; margin-top:7px;}

.cam_header ul { padding:0; margin:0; list-style:none; }
.cam_header li { padding:0; margin:0; float: left; border: none; line-height: 14px; xpadding-top:7px; }
.cam_header li.wind_avg { margin-left: 5px; width: 115px; }
.cam_header li.force { width: 47px; }
.cam_header li.gust { width: 47px; }
.cam_header li.temp { width: 58px; }
.cam_header li.images { width: 149px;  }
.cam_header li.created_by { margin-top: 11px; }

/* cam footer */

.cam_footer { position: relative; height: 28px; background-color: #eee; color: #444; }
.cam_footer1 { position: absolute; left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 30px;}
.cam_footer2 { width: auto; position: absolute; top: 0; left: auto; top: 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 30px; text-align: right; right: 7px; }

/* summary */

#summary_box { position: relative; left: 17px; top: 17px; width: 502px; background-color: #eee; /*border: 1px solid #bbbbbb;*/ margin-bottom: 138px; }

/* ais */

#ais_map { margin-left: 16px; margin-top: 10px; border: 1px solid #bbbbbb; width: 816px; }

/* google ads */

#google_ad_block1 { position: absolute; left: 16px; margin-top: 11px; }
#google_ad_block2 { position: absolute; left: 749px; margin-top: 11px; }
#ils_promo { position: absolute; left: 838px; margin-top: 11px; width:150px; height:90px; border: 1px solid #E6E6E6; }
#triview_filler_block { position: absolute; left: 1482px; width:76px; margin-top: 11px; height: 90px; border: 1px solid #E6E6E6; }

#fb_box { position: absolute; left: 749px; top: 11px; border: 1px solid #e6e6e6; width: 82px; height: 90px; }