*{
  color: white;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

body {
  background-image:url('../img/bkg.jpg');
  text-align: center;
  padding-top: 5px;
  margin-top: auto;
  margin-left: auto;
}
#infoButton{position:absolute;top:250px;left:200px;}
#info{background-color:#200000;color:#FFFFFF;position:absolute;top:150px;left:305px;
          visibility:hidden;border:solid 2px white;margin-top:0px;width:690px;z-index:100;}
#bckleft{position:absolute;top:1px;left:0px;}
#logoOcto{position:absolute;top:15px;left:40px;}
#logoTraffico{position:absolute;top:120px;left:24px;}
#date{position:absolute;top:250px;left:24px;font-size:24px;font-weight:800;}
#selector{position:absolute;top:290px;left:20px;}
#pvvei{position:absolute;top:315px;left:40px;text-align:left;font-size:14px;}
#pvpos{position:absolute;top:315px;left:140px;text-align:left;font-size:14px;}
#pos,#vei {display:inline;font-weight:800;font-size:14px;padding-left:5px;}
#legend{position:absolute;top:342px;left:20px;}
#Banner{position:absolute;top:419px;left:10px;visibility:hidden;}
#linear{margin:13px;border:1px solid #FFFFFF;visibility:visible;}
#assicurazione{margin:13px;border:1px solid #FFFFFF;visibility:visible;}
#UPS{position:absolute;top:715px;left:300px;visibility:visible;}
#Logo{position:absolute;top:420px;left:20px;visibility:hidden;}
#resIt{position:absolute;top:0px;left:300px;background-image:url('../img/italia.jpg');background-repeat:no-repeat;border:1px solid white;}
#resTan{position:absolute;top:0px;left:300px;background-image:url('../img/tan.jpg');background-repeat:no-repeat;visibility:hidden;border:1px solid white;}
#resTanName{position:absolute;top:0px;left:300px;visibility:hidden;}
#resFree{position:absolute;top:0px;left:300px;visibility:hidden}

option{background-color:#000000;color:#FFFFFF;font-size:14px;
      margin:0px;margin-top:2px;margin-bottom:2px;vertical-align:middle;text-align:left;}
select{background-color:#000000;color:#FFFFFF;font-size:14px;width:255px;
      padding:1px;border:1px solid white;text-align:center;font-weight:800;
      margin:0px;vertical-align:middle;}
optgroup{background-color:#808080;color:#FFFFFF;font-size:14px;font-weight:800;
  margin-top:2px;margin-bottom:2px;vertical-align:middle;text-align:center;}

p{
  margin:0px;
  margin-bottom: 3px;
}
.lCol0,.lCol1,.lCol2,.lCol3,.lCol4,.lCol5,.lCol6{background-image:url('../img/spacer.gif');width:8px;height:8px;display:inline;float:left;border:1px solid white;margin-right:2px;margin-left:4px;}

span,.tipU,.tipD {background-color:#009933;color:#FFFFFF;
                   font-size:10px;height:14px;border:solid 1px white;padding-left:5px;padding-right:5px;
                   margin:0px;margin-top:4px;vertical-align:middle;}
.tipU,.tipD {position:absolute;top:20px;left:0px;z-index:100;visibility:hidden;white-space:nowrap;}
.tipU {margin-top:-50px;margin-left:-300px;}
.tipD {margin-top:0px;margin-left:-300px;}

#roadsizer{overflow:visible;width:600px;height:14px;text-align:right;
  background:#800000 url(../img/winmin.gif) right;border: 1px solid gray;border-bottom:none;
  margin:0px;margin-left:auto;margin-right:auto;padding:0px;padding-top:2px;padding-bottom:2px;
  background-repeat:no-repeat;color:#800000;cursor:pointer;}
#roadbox{overflow:auto;width:600px;text-align:center;
  margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;
  border: 1px solid gray;}

td.ls0,td.ls1,td.ls2,td.ls3,td.ls4,td.ls5,td.ls6 {background:url(../img/hws_top.gif) left repeat-x;
  width: 10px;height: 21px;white-space:nowrap;empty-cells:show;cursor:pointer;padding:0px;}
td.rs0,td.rs1,td.rs2,td.rs3,td.rs4,td.rs5,td.rs6 {background:url(../img/hws_bottom.gif) left repeat-x;
  width: 10px;height: 21px;white-space:nowrap;empty-cells:show;cursor:pointer;padding:0px;}
td.lx0,td.lx1,td.lx2,td.lx3,td.lx4,td.lx5,td.lx6 {background:url(../img/vleft.gif) top repeat-y;height:40px;width:100px;padding:0px;}
td.rx0,td.rx1,td.rx2,td.rx3,td.rx4,td.rx5,td.rx6 {background:url(../img/vright.gif) top repeat-y;height:40px;width:100px;padding:0px;}
.lCol6,td.ls6,td.rs6,td.lx6,td.rx6 { background-color:#00FF00; }
.lCol5,td.ls5,td.rs5,td.lx5,td.rx5 { background-color:#47FFFF; }
.lCol4,td.ls4,td.rs4,td.lx4,td.rx4 { background-color:#FFFF00; }
.lCol3,td.ls3,td.rs3,td.lx3,td.rx3 { background-color:#FF8000; }
.lCol2,td.ls2,td.rs2,td.lx2,td.rx2 { background-color:#FF0000; }
.lCol1,td.ls1,td.rs1,td.lx1,td.rx1 { background-color:#000000; }
.lCol0,td.ls0,td.rs0,td.lx0,td.rx0 { background-color:#A1A19E; }
table.hw td.exit {background:gray url(../img/casello.gif) left repeat-y;height:20px;width:200px;}
table.hw td.tx {background:url(../img/htop.gif) left repeat-x;height:100px;width:160px;}
table.hw td.bx {background:url(../img/hbottom.gif) left repeat-x;height:100px;width:160px;}
table.hw td.kmh {color:#FFFFFF;font-size:10px;text-align:center;white-space:nowrap;padding:2px;}
table.hw td.bstart {background:gray url(../img/barriera_start.gif) left repeat-y;height:20px;width:200px;}
table.hw td.bend {background:gray url(../img/barriera_end.gif) left repeat-y;height:20px;width:200px;}
table.hw td.km {color:#808080;font-size:12px;text-align:right;padding-right:5px;}