﻿body 
{
	background-image:url('/Resources/Images/Design/background.jpg');
	background-repeat:repeat-x;
	background-color:White;
	text-align:center;
	margin:0px;
	padding:0px;
	width:100%;
}

a:Link, a:Hover, a:Active, a:Visited
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:underline;
	color:#5C5C5C;
	font-weight:normal;
}

/* Top Menu */

.topMenuContainer 
{
	padding-top:10px;
}

a.topMenu:Link, a.topMenu:Active, a.topMenu:Hover, a.topMenu:Visited 
{
	font-family:Verdana;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	color:#5C5C5C;
	font-weight:bold;
}

/* Footer */

.footerContainer
{
	
}

a.footer:Link, a.footer:Active, a.footer:Hover, a.footer:Visited, .footerText
{
	font-family:Verdana;
	font-size:10px;
	line-height:20px;
	text-decoration:none;
	color:#5C5C5C;
	font-weight:normal;
}


/* Master Common */
.masterBodyTop, .masterBodyContent, .masterBodyBottom 
{
	margin-bottom:0px;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	background-position:right;
	text-align:left;
}

.masterBodyTop
{
	margin-top:40px;
	background-image:url('/Resources/Images/Design/bodyBackgroundTop.gif');
	background-repeat:no-repeat;
	height:10px;
}

.masterBodyContent
{
	margin-top:0px;
	background-image:url('/Resources/Images/Design/bodyBackground.gif');
	/*background-repeat:repeat-y;*/
	/*border-left:1px solid #faf9f9;*/
}
.masterBodyBottom
{
	margin-top:0px;
	background-image:url('/Resources/Images/Design/bodyBackgroundBottom.gif');
	background-repeat:no-repeat;
	height:10px;
	clear:both;
}

.masterBodyLeftColumn 
{
	padding-top:40px;
	padding-left:40px;
	padding-right:10px;
	float:left;
	width:497px;
	text-align:right;
}

.masterBodyRightColumn  
{
	padding-top:40px;
	padding-right:40px;
	float:left;
	width: 257px;
}

.masterBodyContainer 
{
	clear: both;
	padding-left:40px;
	padding-right:40px;
	padding-top:70px;
	padding-bottom:30px;
	width:755px;
}

/* Front Page */

.frontPageBodyTop, .frontPageBodyContent, .frontPageBodyBottom 
{
	margin-bottom:0px;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background-position:right;
	text-align:left;
}

.frontPageBodyTop
{
	margin-top:120px;
	background-image:url('/Resources/Images/Design/bodyBackgroundTop.gif');
	background-repeat:no-repeat;
	height:10px;
}

.frontPageBodyContent
{
	margin-top:0px;
	background-image:url('/Resources/Images/Design/bodyBackground.gif');
	background-repeat:repeat-y;
	/*border-left:1px solid #faf9f9;*/
}
.frontPageBodyBottom
{
	margin-top:0px;
	background-image:url('/Resources/Images/Design/bodyBackgroundBottom.gif');
	background-repeat:no-repeat;
	height:10px;
	clear:both;
}

.frontPageBodyLeftColumn 
{
	padding-top:40px;
	padding-left:40px;
	float:left;
	width:410px;
}

.frontPageBodyRightColumn  
{
	padding-top:40px;
	padding-right:10px;
	float:left;
	width: 220px;
}

.frontPageBodyFooter 
{
	clear: both;
	padding-left:40px;
	padding-right:40px;
	width:580px;
}

.frontPageSummary 
{
	width:320px;
	padding-top:25px;
	padding-left:10px;
	font-family:Arial, Verdana;
	font-size:14px;
	line-height:20px;
} 

.frontPageFocusList 
{
	width:580px;
	text-align:center;
	padding-top:45px;
	padding-bottom:25px;
}

.frontPageFocusWebcamContainer 
{
	float:left;
	width:145px;
	text-align:center;
}

.frontPageFocusWebcam 
{
	border:1px solid #5C5C5C;
	width:120px;
	height:80px;
	overflow:hidden;
}

/* Webcam List */

.webcamListRegionList 
{
	float:left;
	width:350px;
}

.webcamListDescription
{
	float:left;
	width:300px;
}

a.webcamListRegion:Link, a.webcamListRegion:Hover, a.webcamListRegion:Active, a.webcamListRegion:Visited, a.webcamListCity:Link, a.webcamListCity:Hover, a.webcamListCity:Active, a.webcamListCity:Visited, a.webcamDetails:Link, a.webcamDetails:Hover, a.webcamDetails:Active, a.webcamDetails:Visited  
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#5C5C5C;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/greyArrowSmallRight.gif');
	background-repeat:no-repeat;
	padding-left:13px;
	background-position: 0px 3px;
}

.webcamListCityList 
{
	padding-left:25px;
	padding-bottom:10px;
}

.webcamListText 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

H1.webcamListTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeLeft.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	background-position: 0px 0px;
}

/* City */

.cityWebcamList 
{
	float:left;
	width:450px;
}

.cityDescription
{
	float:left;
	width:300px;
}

H1.cityTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeLeft.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	background-position: 0px 0px;
}

.cityWebcamCell 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	width:130px;
	height:130px;
	padding-top:20px;
	border-bottom:1px solid #5C5C5C
}

.cityWebcam 
{
	border:1px solid #5C5C5C;
	width:120px;
	height:80px;
	overflow:hidden;
}

.cityDescriptionText 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

/* Webcam Details */

.webcamLeft 
{
	float:left;
	width:450px;
}

.webcamRight
{
	float:left;
	width:300px;
}

H1.webcamTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeLeft.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	background-position: 0px 0px;
}

.webcamImage 
{
	border:1px solid #5C5C5C;
	overflow:hidden;
}

.webcamDescriptionText 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.webcamCommentList 
{
}

.webcamCommentContainer 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
	width:450px;	
}

.webcamCommentHeader 
{
	padding-top:20px;
}

.webcamCommentSpeechBubbleTop 
{
	background-image:url('/Resources/Images/Design/speechBubbleTop.gif');
	background-repeat:no-repeat;
	width:420px;
	height:38px;
	background-position:10px 0px;
}

.webcamCommentSpeechBubbleMid 
{
	background-image:url('/Resources/Images/Design/speechBubbleMid.gif');
	background-repeat:repeat-y;
	background-position:10px 0px;
	width:370px;
	padding-right:20px;
	padding-left:30px;
}

.webcamCommentSpeechBubbleBottom 
{
	background-image:url('/Resources/Images/Design/speechBubbleBottom.gif');
	background-repeat:no-repeat;
	width:420px;
	height:27px;
	background-position:10px 0px;
}


H2.webcamComment
{
	font-family:Verdana;
	font-size:20px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

.webcamCommentForm 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.webcamCommentLabel, .webcamCommentDescription 
{
	clear:both;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.webcamCommentLabel 
{
	width:110px;
	height:30px;
	vertical-align:top;
}

.webcamCommentInput 
{
	vertical-align:top;
}

.webcamCommentInputName, .webcamCommentInputComment 
{
	width:320px;
	border:1px solid #5C5C5C;
	padding:2px;
	font-family:Verdana;
	font-size:12px;
}

.webcamCommentInputComment  
{
	height:70px;
}

.webcamCommentReplyBox
{
	border:1px solid #79a94a;
	padding:10px;
	font-family:Verdana;
	font-size:12px;
	width:500px;
	text-align:left;
	
 }
 
 /* Map */
 
h2.mapWebcamPreview
{
	font-family:Verdana;
	font-size:20px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

.webcamMapLeft 
{
	float:left;
	width:530px;
}

.webcamMapRight
{
	float:left;
	width:220px;
}

H1.webcamMapTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeLeft.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	background-position: 0px 0px;
}

.webcamMapDescriptionText 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.mapDescriptionIconCell
{
	padding-top:10px;
	width:40px;
	vertical-align:top;
	text-align:center;
}

.mapDescriptionTextCell 
{
	padding-top:12px;
	vertical-align:top;
	font-family: Verdana;
	font-size:11px;
	color:Black;
	line-height:17px;
}

/* tutorial */

.tutorialLeft 
{
	float:left;
	width:530px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.tutorialRight
{
	float:left;
	width:220px;
}

H1.tutorialTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeRight.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	padding-top:13px;
	padding-bottom:13px;
	background-position: 0px 0px;
}

h2.tutorial
{
	font-family:Verdana;
	font-size:20px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

.tutorialImgContainer 
{
	float:right;
	font-family:Verdana;
	font-size:10px;
	line-height:20px;
	text-decoration:none;
	color:#575757;
	font-style:italic;
	border:1px solid #c8c8c8;
	margin:10px;
	padding:10px;
	text-align:center;
}

/* Top 10 */

.top10Left 
{
	float:left;
	width:500px;
}

.top10Right
{
	float:left;
	width:250px;
}

H1.top10Title 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeLeft.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	background-position: 0px 0px;
}

.top10Image 
{
	border:1px solid #5C5C5C;
	overflow:hidden;
}

.top10DescriptionText 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.top10WebcamContainer 
{
}

.top10WebcamImgContainer 
{
	width:150px;
	border-bottom:1px solid #c8c8c8;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
}

.top10WebcamTxtContainer 
{
	width:300px;
	border-bottom:1px solid #c8c8c8;
	vertical-align:top;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
}

h2.top10
{
	font-family:Verdana;
	font-size:18px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

/* mumboo */

.mumbooLeft 
{
	float:left;
	width:530px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.mumbooRight
{
	float:left;
	width:220px;
}

H1.mumbooTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeRight.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	padding-top:13px;
	padding-bottom:13px;
	background-position: 0px 0px;
}

h2.mumboo
{
	font-family:Verdana;
	font-size:20px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

/* mumboo */

.newWebcamLeft 
{
	float:left;
	width:530px;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.newWebcamRight
{
	float:left;
	width:220px;
}

H1.newWebcamTitle 
{
	font-family:Verdana;
	font-size:24px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	background-image:url('/Resources/Images/Design/blueArrowLargeRight.gif');
	background-repeat:no-repeat;
	padding-left:55px;
	padding-top:13px;
	padding-bottom:13px;
	background-position: 0px 0px;
}

h2.newWebcam
{
	font-family:Verdana;
	font-size:20px;
	line-height:26px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}

.newWebcamForm 
{
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
}

.newWebcamLabel, .newWebcamDescription 
{
	clear:both;
	font-family:Verdana;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	color:#000000;
	padding-bottom:20px;
}

.newWebcamLabel 
{
	width:200px;
	height:30px;
	vertical-align:top;
	vertical-align:top;
}

.newWebcamInput 
{
	vertical-align:top;
}

.newWebcamInputTxt, .newWebcamInputTxtArea 
{
	width:300px;
	border:1px solid #5C5C5C;
	padding:2px;
	font-family:Verdana;
	font-size:12px;
	margin-bottom:10px;
}

.newWebcamInputTxtArea  
{
	height:70px;
}

.newWebcamReplyBox
{
	border:1px solid #79a94a;
	padding:10px;
	font-family:Verdana;
	font-size:12px;
	width:500px;
	text-align:left;
	
 }
 
 
 /************/
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}