#thebox {
  width:100%;
}

#leftcol {
 height:100%;
 padding-right:15px;
}
#today {
 vertical-align: top;
 background-color:#ffc679;
}
#today td {
 vertical-align: top;
 width:180;
 padding-top:8px;
}
#today .hour {
 clear:both;
 border-style:solid;
 border-color:red;
 border-width:0;
}
#today .hour div {
 float:left;
 width:16;
 font-size:60%;
 text-align:center;
 border-style:solid;
 border-color:green;
 border-width:0;
 margin:0;
 padding:0;
 color:black;
}
#today .hour div.cur {
 background-color:#fff3dc;
}
#today .hour div a {
 color:black;
}
#today .hour div.h {
 float:left;
 width:33;
 height:100%;
 font-size:180%;
 text-align:right;
 padding-right:3;
 overflow:hidden;
 border-style:solid;
 border-color:blue;
 border-width:0;
}

#today .m {
}


#calendar table{
 width:100%;
 vertical-align: top;
 background-color:#fff3dc;

 border-style:solid;
 border-width:1;
 border-color:#ffc679;

}
#calendar th {
 text-align:center;
 font-size:100%;
 color:black;
 padding:4;
 background-color:#ffc679;
}
#calendar td {
 text-align:center;
 padding:4;
 font-size:80%;
 color:silver;
}
#calendar td.cur {
 background-color:#ffc679;
}

#calendar td a,
#calendar th a{
 font-weight:bold;
 color:black;
}
#sync {
 text-align:center;
 font-size:60%;
}
#sync a{
 color:gray;
 cursor:pointer;
}
#ph_v_switch div {
 float:right;
 height:18;
 font-size:80%;
 font-weight:bold;
 text-align:center;
}
#ph_v_switch div.f1 {
 width:81;
 background-color: white;
 background-image: url('/imn/special/webcam/folders.gif');
 padding-left:18px;
}
#ph_v_switch div.f1 a {
 color:black;
 cursor:pointer;
}
#ph_v_switch div.f2 { 
 width:109;
 background-color:black;
 color:white;
 background-image: url('/imn/special/webcam/folders.gif');
 background-position: -181 0;
 background-repeat: no-repeat;
}
#modes {
 padding:20px 15px 0px 0px;
 font-size:80%;
 vertical-align:bottom;
 height:50%;
}
#prevbutton {
  position:absolute;
  z-index:20;
  margin:390px 0px 0px -295px;
}

#nextbutton {
  position:absolute;
  z-index:20;
  margin:390px 0px 0px  245px;
}

#picbox {
  float:left;
  width:550px;
  height:500px;
  background-color:black;
  text-align:center;
  padding-top:5px;
}
#picimg {
  width:540px;
  height:409px;
  background-color:navy;
}
#vpholder {
 width:540;
 height:370;
 font-size:10; 
 text-align:center; 
 padding-bottom:40;
}
#timeline {
  position:relative;
  width:540px;
  height:80px;
  overflow:hidden;
}
#timeline table {
 position:relative;
}
#timeline table td {
 width:78px;
 height:68px;
 vertical-align: top;
 color:white;
 font-size:60%;
 text-align:center;
}
#timeline table td.cur {
 background-color:gray;
}
#options {
  font-size:80%;
  color:gray;
  padding:5px 0px 2px 0px;
}
#options a {
  color:gray;
  text-decoration:none;
  padding:2px;
  cursor:pointer;
}
#options a.cur{
  background-color:gray;
  color:black;
}

span.modsl {
 font-weight:bold;
}
span.modun {
 color:navy;
 text-decoration:underline;
 cursor:pointer;
}
img.thmb {
  width:84;
  height:60;
}

/*------ images ---------*/
#prevbutton {
 width:52px;
 height:52px;
 background-image: url('/imn/special/webcam/prev2.png');
}
#nextbutton {
 width:52px;
 height:52px;
 background-image: url('/imn/special/webcam/next2.png');
}