/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* timer general */

i{background-position:repeat-none;background-image:url(http://cdn98.atkingdom-network.com/unsecure/webcam/images/camshow_sprite.png);font-style:normal;}
#timer { position:relative;margin:18px 0 0 146px; }
hr { position:absolute; top:43px; left:0;  width:none;border:0px solid #fff}
*:first-child+html hr { top:370px; }
/* timer numbers */
.timer{width:100%}
.timer_numbers { font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; color:#ffffff; }
#timer_days { background-position:0 0; float:left; width:63px; height:43px; padding:5px 0 0 7px; letter-spacing:13px; }
#timer_hours { background-position:0 0; float:left; width:63px; height:43px; padding:5px 0 0 7px; letter-spacing:13px; }
#timer_mins { background-position:0 0;  float:left; width:63px; height:43px; padding:5px 0 0 7px; letter-spacing:13px; }
#timer_seconds { background-position:0 -53px;  width:63px; height:43px; padding:5px 0 0 7px;; letter-spacing:13px;float:left;margin:-33px 0 0px 59px; }
/* timer labels */
.timer_labels { background-image:none; position:relative;letter-spacing:0;font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#666;margin:1px 0 0 1px; }
#timer_labels {background-image:none; position:relative;letter-spacing:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#timer_labels{
	bottom:-32px;
	}
} 
#timer_days_label { left:-188px;position: absolute;bottom:12px;}
#timer_hours_label {position:absolute; bottom:12px; left:-121px; }
#timer_mins_label { position:absolute; bottom:0; left:71px; }
#timer_seconds_label { position:absolute; bottom:0; left:138px; }
/* below style not apart of the tutorial */
p#demoPage { display:inline; padding:5px; background-color:#000000; color:#FFFFFF; margin:20px 0; font-size:18px; }
p#demoPage a { color:#FFFFFF; }
.container{width:960px;height:800px;margin:1px 0 0 6px;z-index:9999;}
.back_button{margin:12px 0 0 29px;float:left;}
.btn{cursor:pointer}
.enter_btn{margin-left:275px;margin-top:42px;float:left;}

.webcamSoonFooter{font-size:10px;margin:8px 0 0 138px;color:#999;width:100%}
.bannerComingSoon{position:relative; background-position:-3px -345px; /*line-height: 63px;*/ border:solid 1px #ccc;height:190px;width:682px;padding:0px;}
.webcamSoon{ color: #656B6C;font-size:44px;font-weight: bold;margin:56px 0 0 69px;width:100%}
.wrapper{width:800px;margin:auto 0;}
.left{float:left}
.right{float:right}
.clear{clear:both;} 
a {text-decoration:none;}
.banner{display:block;position:relative; background-position:-1px -141px; /*line-height: 63px;*/ border:solid 1px #ccc;height:190px;width:800px;padding:0px;}
.bx-wrapper{margin:30px auto 0;}
.webcambanners{margin:0 auto;width:800px;}
.webcam_name{font-weight:bold;font-family:arial;font-size:46px;color:#000; margin:0 0 0 7px;width:100%}
.webcam_model{padding:6px;border:solid 1px #ccc;height:159px; margin:8px 0 0 10px;padding: 6px;}
.webcam_title{  color: #656B6C;font-size: 20px;font-weight: bold;margin: 1px 0 0 7px;width:100%}
.webcam_date{ color: #656B6C;font-size:23px;font-weight: bold;margin:8px 0 0 7px;font-size:21px;width:100%}
.webcam_footer{font-size:10px;margin:19px 0 0 7px;color:#999;width:100%}
.webcam_info{width:400px;}
.slider_prev{float:left;background-position:-1px -536px;cursor:pointer;text-indent:-3000px;display:block;width:7px;height:11px;margin:4px 0 0 9px;}
.slider_next{float:left;background-position: -2px -554px;cursor:pointer;;text-indent:-3000px;display:block;width:7px;height:11px;margin:4px 0 0 35px;}
.stop {margin:0 auto;width:800px;}
.stop {margin:4px 0 0 -27px ;text-indent:-3000px;float:left;background-position:-2px -574px;cursor:pointer;width:8px;height:12px;}
.bx-start{margin:4px 0 0 -27px ;text-indent:-3000px;float:left;background-position:-2px -573px;cursor:pointer;width:8px;height:12px;}
.webcam_info{width:661px;}
.countdown_pos {margin:4px 0 0 5px;}
.black_box{height:21px;background:#000;z-index:9999;width:800px;}
.live{font-size:25px;margin:0 0 0 7px}
.cam_show_list{float:left;font-size:12px;font-weight:bold;margin:5px 0 0 19px}
.cam_show_list a {color:#fff;}
.canceled_banner{    background: url("http://cdn98.atkingdom-network.com/unsecure/webcam/images/canceled_web_banner.png") no-repeat scroll 0 0 transparent;
    height: 190px;
    position: absolute;
    width: 800px;
    z-index: 9999;
}
.webcamSoonFooter{font-size:10px;margin:8px 0 0 138px;color:#999;width:100%}
.bannerComingSoon{float:left;position:relative; background:url(http://cdn98.atkingdom-network.com/unsecure/webcam/images/webcam_1b.jpg) no-repeat; border:solid 1px #ccc;height:190px;width:682px;padding:0px;}
.webcamSoon{ color: #656B6C;font-size:44px;font-weight: bold;margin:56px 0 0 69px;width:100%}