#tabs {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 570px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
	clear: both;
	height: 25px;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	position: relative;
	cursor: pointer;

}

#tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;

}

#tabs a:hover span {
	color: #bcbcbc;
}

#tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

#tabs a {
	background-image: url("/scenic-web-cams/assets/images/bg_tabs1.gif");
}

#tabs a span {
	background-image: url("/scenic-web-cams/assets/images/bg_tabs2.gif");
	color: #536482;
}

#tabs a:hover span {
	color: #910600; /*BC2A4D;*/
}

#tabs .activetab a {
	border-bottom-color: #CADCEB;
}

#tabs .activetab a span {
	color: #333333;
}

#tabs .activetab a:hover span {
	color: #000000;
}

#tabs #pagedesc {
	float:left;
	padding: 6px 0 0 10px;
}
	#tabs #pagedesc a {
		padding:0;
		background: none;
	}

#tabs #resumeslides {
	float: right;
	margin-right: 15px;
	vertical-align: middle;
	display: none;
}

	#tabs #resumeslides a ,
	#tabs #resumeslides a span {
		vertical-align: middle;
	}
	#tabs #resumeslides a span img {
		float: left;
	}
/* ====================================== */

#alerttabs {
        line-height: normal;
        margin: 0 0 -1px 7px;
        min-width: 245px;
        font-size: 10px;
        font-family: arial, helvetica, sans-serif;
	text-align:left;
}

#alerttabs ul {
        margin:0;
        padding: 0;
        list-style: none;
        clear: both;
        height: 25px;
}

#alerttabs li {
        display: inline;
        margin: 0;
        padding: 0;
        font-size: 1em;
        font-weight: bold;
}

#alerttabs a {
        float: left;
        background: none no-repeat 0% -35px;
        margin: 0 1px 0 0;
        padding: 0 0 0 5px;
        text-decoration: none;
        position: relative;
        cursor: pointer;

}

#alerttabs a span {
        float: left;
        display: block;
        background: none no-repeat 100% -35px;
        padding: 6px 10px 6px 5px;
        color: #828282;
        white-space: nowrap;

}

#alerttabs a:hover span {
        color: #bcbcbc;
}

#alerttabs .activetab a {
        background-position: 0 0;
}

#alerttabs .activetab a span {
        background-position: 100% 0;
        padding-bottom: 7px;
        color: #333333;
}

#alerttabs a:hover {
        background-position: 0 -70px;
}

#alerttabs a:hover span {
        background-position:100% -70px;
}

#alerttabs .activetab a:hover {
        background-position: 0 0;
}

#alerttabs .activetab a:hover span {
        color: #000000;
        background-position: 100% 0;
}

#alerttabs a {
        background-image: url("/scenic-web-cams/assets/images/bg_tabs1.gif");
}

#alerttabs a span {
        background-image: url("/scenic-web-cams/assets/images/bg_tabs2.gif");
        color: #536482;
}

#alerttabs a:hover span {
        color: #910600; /*BC2A4D;*/
}

#alerttabs .activetab a {
        border-bottom-color: #CADCEB;
}

#alerttabs .activetab a span {
        color: #333333;
}

#alerttabs .activetab a:hover span {
        color: #000000;
}

#alerttabs #pagedesc {
        float:left;
        padding: 6px 0 0 10px;
}
        #alerttabs #pagedesc a {
                padding:0;
                background: none;
        }

#alerttabs #resumeslides {
        float: right;
        margin-right: 15px;
        vertical-align: middle;
        display: none;
}

        #alerttabs #resumeslides a ,
        #alerttabs #resumeslides a span {
                vertical-align: middle;
        }
        #alerttabs #resumeslides a span img {
                float: left;
        }


/* ====================================== */

#scenicCameras {
	border: 1px solid #CEE0EF;
	width: 960px;
	padding: 3px;
	background: #E6E7E8;
	font-family: arial;
	position: relative;
}

	#innerBorder {
		width: 954px;
		padding: 3px ;
		background: white;
		border: 1px solid #BACCD9;
	}

	.imgWrap {
		position: relative;
		width: 953px;
		height: 368px;
	}

	#camImage {
		padding: 0;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;

	}

	.avert {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 200px;
		height: 90px;
		color: white;
		/*
		filter:alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.60;
		*/
	}
		ul#cameraMenu {
			background: url("/scenic-web-cams/assets/images/menu_bg.jpg") no-repeat;
			margin: 0px;
			padding: 0px;
			width: 953px;
			height: 39px;
			list-style: none;
		}
			ul#cameraMenu li a img{
				padding-right: 3px;
				vertical-align: middle;
			}

			ul#cameraMenu li {
				float: left;
				padding: 6px 23px 6px 23px;
			}

				ul#cameraMenu li a,
				ul#cameraMenu li a:link,
				ul#cameraMenu li a:visited
				{
					font-family: arial;
					vertical-align: middle;
					font-size: 14px;
					color: white;
					text-decoration: none;
				}

				ul#cameraMenu li a:hover{
					color: #bbbbbb;
				}

#scenicWrapper {
	position: relative;
	width: 970px;
	padding: 5px;
	margin: 0;
}

#map {
	width: 100%;
	height: 500px;
	/*
959x500
*/
}

#popinMap {
	position: fixed;
	display: none;
	top: 200px;
	left: 200px;
	width: 300px;
	height: 300px;
	border: 3px solid #E6E7E8;
	background: #BACCD9;
	padding: 1px;
}

* html #popinMap {
	position: absolute;
	top: 200px;
	left: 200px;
}

	#popinMap .heading {
		height: 20px;
		font-weight: bold;
	}

	#closeMap {
		float: right;
		padding: 1px 5px 1px 5px;
		border: 1px solid #BACCD9;
		background: #E6E7E8;
	}

	#closeMap:hover {
		border: 1px solid #9298A4;
		cursor: pointer;
	}

	#map2 {
		width: 300px;
		height: 280px;
	}

.cameraList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cameraList li {
	float: left;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	width: 307px;
	padding: 3px;
	border: 1px solid #E6E7E8;
}

.cameraList li img {
	clear: both;
	width: 307px;
	height: 233px;
	margin: 0;
	padding: 0;
}

.cameraList li span{ 
	display: block;	
	background: #EEEDFB;
	text-align: left;
	display: block;
	padding: 3px 9px 3px 9px;
}

.cameraList li span span.maplink
{ 
	display: block;
	float: right;
	text-decoration: none;
	color: blue;
	background: transparent;
	padding: 0;
}
.cameraList li span span.maplink:hover {
	color: #979cf9;
}

#emailphotowrap {
	width: 500px;
	border: 1px solid #CEE0EF;
	background: #E6E7E8;
	padding: 3px;
	position: absolute;
	bottom: 50px;
	right: 10px;
	display:none;
}

	#closeEmail {
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 3px;
		border: 1px solid #BACCD9;
		background: #E6E7E8;
	}

	#closeEmail:hover {
		background: #B5CADF;
		cursor: pointer;
	}

	#emailphotowrap table {
		width: 500px;
		border: 1px solid #BACCD9;
		background: white;
		padding: 5px;
	}

		#emailphotowrap table tr td{
			text-align: left;
		}

		#emailphotowrap table tr td.label{
			text-align: right;
			padding-right: 5px;
			width: 25%;
		}

		#emailphotowrap table tr td.button {
			text-align: center;
		}

#dateWrapper {
	width: 390px;
	border: 1px solid #CEE0EF;
	background: #E6E7E8;
	padding: 3px;
	position: absolute;
	bottom: 50px;
	left: 200px;
	display:none;
}

	#closeDate {
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 3px;
		border: 1px solid #BACCD9;
		background: #E6E7E8;
	}

	#closeDate:hover {
		background: #B5CADF;
		cursor: pointer;
	}

	#dateWrapper table {
		width: 390px;
		border: 1px solid #BACCD9;
		background: white;
		padding: 5px;
	}

	* + html #dateWrapper table {
		height: 35px;
	}

#flashplayer {
	padding: 7px;
	position: absolute;
	top:0;
	left: 0;
}

.borderBox {
	text-align: center;
	border: 1px solid #BACCD9;
	background: white;
	padding: 5px;
}

	.borderBox input,
	.borderBox select {
		width: 125px;
		margin-right: 15px;
	}

.error {
	text-align: center;
	border: 1px solid #BACCD9;
	background: #E6E7E8;
	padding: 5px;
	font-weight: bold;
	margin-top: 3px;
}