﻿/* Camera | BEGIN */

.wXcamera-console { clear:both; background:#FFF; }
.wXcamera-container { float:left; color:#000; background:#FFF; width:619px; text-align:center; font-size:12px; border-bottom:1px solid #C1C2C7; border-bottom:none; }
.wXcamera-view { width:619px; margin:7px auto; text-align:left; }

.wXcamera-head { text-align:left; padding-left:8px; }
.wXcamera-title { text-align:left; padding-left:8px; font-weight:bold; }
.wXcamera { position:relative; height:338px; width:448px; overflow:hidden; text-align:center; padding:10px 4px 8px 8px; }
.wXcamera img { width:448px; border:1px solid #000; margin-bottom:0px; }
.wXcamera-anim-time { position:absolute; left:10px; top:330px; height:0px; height:auto; width:auto; background-color:White; overflow:visible; }
.wXcamera-selected { background:#D8D8DA; }

.wXcamera-outer { float:left; padding:0px auto 0px auto; }
.wXcamera-control-console { float:right; width:150px; height:380px; text-align:center; margin:0px 3px auto; }

.wXcamera-ctrl-nav a { float:left; display:block; }

.wXcamera-nav-prev { width:66px; xbackground:url(../images/maps/btn-map-prev-sm.gif) no-repeat left; padding-left:5px; text-align:left; }
.wXcamera-nav-prev[class] { width:68px; }
.wXcamera-nav-sep { width:4px; text-align:center; }
.wXcamera-nav-next { width:66px; xbackground:url(../images/maps/btn-map-next-sm.gif) no-repeat right; text-align:right; padding-right:5px; }
.wXcamera-nav-next[class] { width:68px; }

.wXcamera-ctrl-anim { width:150px; float:right; padding:0 0 45px 0; }
.wXcamera-ctrl-anim-title { font-weight:bold; clear:right; float:right; width:146px; height:15px; padding-bottom:5px; padding-top:5px; }
.wXcamera-ctrl-anim-controls { padding-left:2px; text-align:center;  }
.wXcamera-ctrl-anim-controls div { float:left; }
.wXcamera-ctrl-rev { background:url(../Images/Camera/btn-cam-animate-rev.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-stop { background:url(../Images/Camera/btn-cam-animate-stop.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-play { background:url(../Images/Camera/btn-cam-animate-play.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-fwd { background:url(../Images/Camera/btn-cam-animate-fwd.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-rev img { width:36px; height:20px; border:0px; }
.wXcamera-ctrl-stop img { width:37px; height:20px; border:0px; }
.wXcamera-ctrl-play img { width:37px; height:20px; border:0px; }
.wXcamera-ctrl-fwd img { width:35px; height:20px; border:0px; }
.wXcamera-ctrl-anim-nav { clear:both; text-align:center; width:150px; padding:2px auto 0px auto; }
.wXcamera-ctrl-rev-disabled { background:url(../Images/Camera/btn-cam-animate-rev-disabled.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-stop-disabled { background:url(../Images/Camera/btn-cam-animate-stop-disabled.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-pause { background:url(../Images/Camera/btn-cam-animate-pause.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-fwd-disabled { background:url(../Images/Camera/btn-cam-animate-fwd-disabled.gif) no-repeat top left #999999; border:0px; }
.wXcamera-ctrl-rev-disabled img { width:36px; height:20px; border:0px; }
.wXcamera-ctrl-stop-disabled img { width:37px; height:20px; border:0px; }
.wXcamera-ctrl-pause img { width:37px; height:20px; border:0px; }
.wXcamera-ctrl-fwd-disabled img { width:35px; height:20px; border:0px; }

.wXcamera-closest-console { clear:both; height:145px; min-height:145px; padding-bottom:25px; }
.wXcamera-closest-console[class] { height:auto; }
.wXcamera-closest-title { width:100%; font-weight:bold; background:transparent; color:#000; padding:5px 0px 20px 0px; }
.wXcamera-closest-cam { width:100%; height:125px; margin:auto; padding:auto; text-align:center; font-size:10px; line-height:1.1em; }
.wXcamera-closest-console-local .wXcamera-closest-cam { height:100px; }
.wXcamera-closest-cam img { width:71px; border:1px solid #000; }
.wXcamera-closest-desc { padding:2px 0px 0px;  }
.wXcamera-closest-location { }

.wXcamera-traffic-console { clear:both; height:80px; }
.wXcamera-traffic-title { width:100%; font-weight:bold; background:transparent; color:#000; padding:5px 0px 3px 0px; }
.wXcamera-traffic-cam { width:100%; height:90px; margin:auto; padding:auto; text-align:center; font-size:10px; line-height:1.1em; }
.wXcamera-traffic-cam img { width:71px; border:1px solid #000; }
.wXcamera-traffic-desc { padding:2px 0px 0px;  }

.wXcamera-description { clear:both; float:none; text-align:left; padding:8px; }

.wXcamera-animation, .wXcamera-animation-wait { position:absolute; top:auto; left:auto; visibility:hidden; height:338px; width:448px; overflow:hidden; text-align:center; padding:10px 4px 8px 8px; }
.wXcamera-animation img { width:448px; border:1px solid #000; margin-bottom:0px; }
.wXcamera-animation-wait { visibility:visible; }


@media all and (min-width: 0px)	/* opera 8 has problems with absolute positioning. this rule should apply only to opera */
{
	.wXcamera-animation { top:259px; }
	.wXcamera-animation-wait { top:259px; }
}

/* Camera | END */

