/* hide everything except no-JS message until JS has touched it */
#skiCam div{
	display:none;
	}
#skiCam div.noJS,
#skiCam.yesJS div{
	display:block;
	}

/* tabs */
.tabs {
	width:950px;
	margin:20px 0 0 0;
	float:left;
	background:url(../img/div-tab-body.png) 0 0 repeat-x;
	}
	#tab-whakapapa {
		margin:0 0 0 6px;
		}
	#tab-whakapapa a:link,
	#tab-whakapapa a:visited {
		width:145px;
		height:0;
		margin:0 6px 0 0;
		padding:36px 0 0 0;
		overflow:hidden;
		display:block;
		float:left;
		background-image:url(../img/div-tab-whakapapa.png);
		background-repeat:no-repeat;
		background-position:-145px 0;
		}
	#tab-turoa a:link,
	#tab-turoa a:visited {
		width:81px;
		height:0;
		margin:0 6px;
		padding:36px 0 0 0;
		overflow:hidden;
		display:block;
		float:left;
		margin:0;
		background-image:url(../img/div-tab-turoa.png);
		background-repeat:no-repeat;
		background-position:0 0;
		}
	#tab-turoa.active a:link,
	#tab-turoa.active a:visited {
		background-position:-81px 0;
		}
	#tab-whakapapa.active a:link,
	#tab-whakapapa.active a:visited {
		background-position:0 0;
		}

/* tabs */
.title {
	width:950px;
	margin:0;
	float:left;
	}
	.title .title-padding {
		padding:0 0 0 18px;
		}
	.title h2 {
		color:#949494;
		font-weight:normal;
		font-size:20px;
		padding:0;
		line-height:46px;
		}

/* webcams feature */
.feature-webcam-frame {
	width:950px;
	float:left;
	background:#dedede;
	margin:0;
	}
	.feature-webcam-frame .feature.large,
	.feature-webcam-frame .feature.large img {
		width:800px;
		height:450px;
		overflow:visible;
		}
	.feature-webcam-frame .feature.small,
	.feature-webcam-frame .feature.small img {
		width:480px;
		height:360px;
		}
	.feature-webcam-frame .feature {
		margin:0 auto;
		position:relative;
		}

#content .feature-webcam-frame .feature p {
	margin:0;
	padding:0;
	position: relative;
	}

#content .feature-webcam-frame .feature img {
	display:block;
	margin: 0 auto;
	}

#content .feature-webcam-frame .imageHolder span img {
	position:absolute;
	}
	#content .feature-webcam-frame .feature span.loading {
		position:absolute;
		top:0;
		left:0;
		text-align:center;
		}
		#content .feature-webcam-frame .feature.small span.loading {
			width:498px;
			padding:164px 0 0 0;
			}
		#content .feature-webcam-frame .feature.large span.loading {
			width:854px;
			padding:209px 0 0 0;
			}
			#content .feature-webcam-frame .feature span.loading span {
				color:#fff;
				font-size:14px;
				padding:12px 16px;
				line-height:32px;
				-moz-border-radius: 16px;
				-webkit-border-radius: 16px;
				border-radius: 16px;
				background:url(../img/div-controls-body.png) 0 0 repeat-x #393939;
				}

#content .feature-webcam-frame .feature ul {
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	z-index: 5;
	}
	#content .feature-webcam-frame .feature ul.play-date {
		position:absolute;
		bottom:0;
		left:0;
		}
	#content .feature-webcam-frame .feature ul.size-rhs {
		position:absolute;
		bottom:0;
		right:0;
		}
		#content .feature-webcam-frame .feature ul li {
			margin:0;
			float:left;
			background:url(../img/div-controls-body.png) 0 0 repeat-x #393939;
			}
		#content .feature-webcam-frame .feature ul li.date-label,
		#content .feature-webcam-frame .feature ul li a:link,
		#content .feature-webcam-frame .feature ul li a:visited {
			margin:0;
			padding:0 8px;
			color:#fff;
			font-size:10px;
			line-height:23px;
			display:block;
			text-decoration:none;
			text-transform:uppercase;
			}
		#content .feature-webcam-frame .feature ul li a:hover {
			background:#393939;
			}
			#content .feature-webcam-frame .feature ul li.previous {
				position:absolute;
				top:0;
				left:0;
				background:none;
				}
			#content .feature-webcam-frame .feature ul li.next {
				position:absolute;
				top:0;
				right:0;
				background:none;
				text-align:right;
				}
				
			#content .feature-webcam-frame .feature.small ul li.previous a:link,
			#content .feature-webcam-frame .feature.small ul li.previous a:visited,
			#content .feature-webcam-frame .feature.small ul li.next a:link,
			#content .feature-webcam-frame .feature.small ul li.next a:visited {
				margin:0;
				padding:0;
				width:240px;
				height:360px;
				}
			#content .feature-webcam-frame .feature.large ul li.previous a:link,
			#content .feature-webcam-frame .feature.large ul li.previous a:visited,
			#content .feature-webcam-frame .feature.large ul li.next a:link,
			#content .feature-webcam-frame .feature.large ul li.next a:visited {
				margin:0;
				padding:0;
				width:400px;
				height:450px;
				}
			#content .feature-webcam-frame .feature.small ul li.previous a:link,
			#content .feature-webcam-frame .feature.small ul li.previous a:visited,
			#content .feature-webcam-frame .feature.large ul li.previous a:link,
			#content .feature-webcam-frame .feature.large ul li.previous a:visited {
				background:url(../img/div-prev.png) -147px 0 no-repeat;
				}
			#content .feature-webcam-frame .feature.small ul li.previous a:hover,
			#content .feature-webcam-frame .feature.large ul li.previous a:hover {
				background:url(../img/div-prev.png) 0 0 no-repeat;
				}
			#content .feature-webcam-frame .feature.small ul li.next a:link,
			#content .feature-webcam-frame .feature.small ul li.next a:visited,
			#content .feature-webcam-frame .feature.large ul li.next a:link,
			#content .feature-webcam-frame .feature.large ul li.next a:visited {
				background:url(../img/div-next.png) -147px 0 no-repeat;
				}
			#content .feature-webcam-frame .feature.small ul li.next a:hover,
			#content .feature-webcam-frame .feature.large ul li.next a:hover {
				background:url(../img/div-next.png) 100% 0 no-repeat;
				}
				#content .feature-webcam-frame .feature ul li.previous span,
				#content .feature-webcam-frame .feature ul li.next span {
					display:none;
					}
			
			#content .feature-webcam-frame .feature ul li a:link span.dropdown,
			#content .feature-webcam-frame .feature ul li a:visited span.dropdown {
				color:#787878;
				}
			#content .feature-webcam-frame .feature ul li a:link.divider,
			#content .feature-webcam-frame .feature ul li a:visited.divider {
				border-right:1px #868686 solid;
				}
			#content .feature-webcam-frame .feature ul.play-date li.play {
				width:60px;
				}
			#content .feature-webcam-frame .feature ul.play-date li.date {
				width:142px;
				}
			#content .feature-webcam-frame .feature ul.size-rhs li.size {
				width:65px;
				border-right:1px solid #868686;
				}
			#content .feature-webcam-frame .feature ul.size-rhs li.hd a:link,
			#content .feature-webcam-frame .feature ul.size-rhs li.hd a:visited {
				width:11px;
				height:23px;
				background:url(../img/popup.png) 50% 50% no-repeat;
				}
				#content .feature-webcam-frame .feature ul.size-rhs li.hd a:hover {
					background:url(../img/popup.png) 50% 50% no-repeat #393939;
					}
			#content .feature-webcam-frame .feature ul.size-rhs li.hd span {
				display:none;
				}
				#content .feature-webcam-frame .feature ul.play-date li ul {
					position:absolute;
					top:23px;
					left:60px;
					width:163px;
					height:276px;
					overflow:auto;
					background:#797979;
					
					}
				#content .feature-webcam-frame .feature ul.size-rhs li ul {
					position:absolute;
					top:23px;
					left:0;
					}
					#content .feature-webcam-frame .feature ul.play-date li ul li {
						width:142px;
						background:#797979;
						}
					#content .feature-webcam-frame .feature ul.size-rhs li ul li {
						width:65px;
						background:#797979;
						}
						#content .feature-webcam-frame .feature ul li ul li a:hover {
							background:#858585;
							}
				
/* webcams column */
.column-webcam-frame {
	width:950px;
	margin:16px 0 0 0;
	float:left;
	}
	.column-margin {
		margin:0 16px 0 48px;
		}
		.column-webcam-frame .row-1 {
			float:left;
			width:443px;
			}
		.column-webcam-frame .row-2 {
			float:left;
			width:411px;
			}
			.column-webcam-frame .column,
			.column-webcam-frame .column-thumbnail {
				margin:0;
				float:left;
				}
				#content .column-webcam-frame .column ul {
					width:411px;
					margin:0;
					padding:0;
					float:left;
					list-style:none;
					background:url(../img/div-last-fine-day-body.png) 0 0 repeat-x;
					}
					#content .column-webcam-frame .column ul li {
						margin:0;
						padding:0 10px;
						line-height:30px;
						float:left;
						}
					#content .column-webcam-frame .column ul li.last-fine-day {
						padding:0 0 0 61px;
						}
						#content .column-webcam-frame .column ul li span {
							color:#787878;
							}
						
			#content .column-webcam-frame .column-thumbnail ul {
				width:411px;
				margin:0;
				padding:0;
				float:left;
				list-style:none;
				border-bottom:1px #ccc solid;
				}
				#content .column-webcam-frame .column-thumbnail ul li {
					padding:16px 0;
					margin:0;
					float:left;
					}
					#content .column-webcam-frame .column-thumbnail ul li img {
						margin:0 16px 0 0;
						display:block;
						border:6px #ccc solid;
						}
					#content .column-webcam-frame .column-thumbnail ul li img.active {
						border:6px #000 solid;
						}
					#content .column-webcam-frame .column-thumbnail ul li.first {
						padding:16px 0 16px 10px;
						}
					#content .column-webcam-frame .column-thumbnail ul li.description {
						width:161px;
						font-size:10px;
						line-height:14px;
						color:#8f8f8f;
						}
						#content .column-webcam-frame .column-thumbnail ul li.description strong {
							font-size:11px;
							line-height:18px;
							color:#000;
							}