#SaveFrame {
	width:400px;
	height:600px;
	position:absolute;
	top:10px;
	left:10px;
	background-color:#fff;
	
	z-index:-100;
	visibility:hidden;
}

#PlaceFinder input,
#PlaceFinder button {
	font-family:verdana, sans-serif;
}

#QuestionTemplate, #CityRatingTemplate, #ResultsItemTemplate, #Results, #FinalResults {
	display:none;
}

#WidgetInstructions {
	padding:2em 0 1em;
}
#WidgetInstructions .code {
	width:550px;
	height:8em;
	display:block;
	padding:.5em 1ex;
	background-color:#ededed;
	color:#999;
	border:1px solid #999;
	margin:2em auto;
	
}


#WidgetAnnounce {
	position:absolute;
	top:75px;
	/*top:159px;*/
	/*top:220px;*/
	right:10px;
	width:300px;
	padding:1em;
	border:1px solid #85852E;
	background-color:#C3C363;
	
	color:#FFFFD5;
	text-align:center;
}
#WidgetAnnounce em {
	white-space:nowrap;
	font-weight:bold;
}
#WidgetAnnounce a {
	text-decoration:underline;
	color:#fff;
}

#CityLabeler {
	}
	#CityLabeler h3 {
		font-weight:bold;
		text-align:center;
		margin-bottom:.5em;
	}
	#CityLabeler #TenStepsLink {
		text-align:center;
		color:#999;
		margin-bottom:1.5em;
	}
	#CityLabeler #TenStepsLink a {
	}
	#CityLabeler .entry {
		margin:.5em 0;
		position:relative;
		padding:.5em 0;
		width:100%;
	}
	#CityLabeler .entry table {
		width:100%;
	}
	#CityLabeler .entry td {
		width:50%;
	}
	#CityLabeler .entry td.label {
		text-align:right;
	}
	#CityLabeler .entry label {
		margin-top:.5em;
		margin-left:2ex;
		margin-right:2ex;
		text-align:right;
		width:50ex;
		/*position:absolute;*/
		/*top:.2em;*/
	}
	#CityLabeler .entry input {
		position:relative;
		/*margin-left:51ex;*/
		width:35ex;
		border:1px solid #999;
		background-color:#ededed;
		padding:.3em .5ex;
	}
	#CityLabeler .entry .optional {
		color:#ccc;
	}
/**/

#PlaceFinder .question {
	position:relative;
	height:2.5em;
	}
	#PlaceFinder .question .rateEachMsg {
		display:none;
		color:#ccc;
	}
	#PlaceFinder .question h3.topic {
		font-weight:normal;
		font-size:130%;
		color:#00ADEF;
	}
	#PlaceFinder .question .q {
		width:80ex;
		position:absolute;
		top:2.5em;
		padding:0 5ex;
		text-align:center;
		font-weight:bold;
	}
/**/

#QuestionNoCnt {
	float:right;
}

/* City row colors */
	#FinalResults .finalCityResult.Base .label,
	#CityLabeler .entry.Base,
	.cityRating .cityEntry.Base {
		background-color:#C7E2E3;
		color:#027D83;
	}
	#FinalResults .finalCityResult.A .label,
	#CityLabeler .entry.A,
	.cityRating .cityEntry.A {
		background-color:#ededed;
		color:#777;
	}
	#FinalResults .finalCityResult.B .label,
	#CityLabeler .entry.B,
	.cityRating .cityEntry.B {
		background-color:#C7E2E3;
		color:#027D83;
	}
	#FinalResults .finalCityResult.C .label,
	#CityLabeler .entry.C,
	.cityRating .cityEntry.C {
		background-color:#ededed;
		color:#777;
	}
	#FinalResults .finalCityResult.D .label,
	#CityLabeler .entry.D,
	.cityRating .cityEntry.D {
		background-color:#C7E2E3;
		color:#027D83;
	}


	#FinalResults .finalCityResult.Base .bar,
	.cityRating .cityEntry.Base .resultBar {
		background-color:#6FA6A7;
		color:#fff;
	}
	#FinalResults .finalCityResult.A .bar,
	.cityRating .cityEntry.A .resultBar {
		background-color:#aaa;
		color:#fff;
	}
	#FinalResults .finalCityResult.B .bar,
	.cityRating .cityEntry.B .resultBar {
		background-color:#6FA6A7;
		color:#fff;
	}
	#FinalResults .finalCityResult.C .bar,
	.cityRating .cityEntry.C .resultBar {
		background-color:#aaa;
		color:#fff;
	}
	#FinalResults .finalCityResult.D .bar,
	.cityRating .cityEntry.D .resultBar {
		background-color:#6FA6A7;
		color:#fff;
	}
/**/

.cityRating {
	margin-top:3.5em;
	}
	.cityRating input {
		cursor:pointer;
	}
	.cityRating .ratingLabel {
		margin-left:170px;
		font-weight:bold;
		color:#ccc;
		font-size:90%;
		}
		.cityRating .ratingLabel .nums {
			font-size:110%;
			padding:0 1ex 0 2ex;
			letter-spacing:1.7ex;
		}
	/**/
	.cityRating .cityEntry {
		position:relative;
		width:600px;
		height:35px;
		margin:.4em 0;
		}
	/**/
	.cityRating .cityEntry .label {
		color:#000;
		width:210px;
		text-align:right;
		position:relative; top:8px;
	}
	.cityRating .cityEntry .rating {
		position:absolute;
		top:.65em;
		margin-left:215px;
		margin-bottom:1.5em;
	}
	.cityRating .cityEntry .resultBar {
		position:absolute;
		top:0px; left:350px;
		height:35px; width:250px;
	}
/**/

#FinalResults .finalCityResult {
	position:relative;
	height:4.3em;
	}
	#FinalResults .finalCityResult .stats {
		cursor:default;
		color:#999;
		text-align:right;
		position:relative;
		top:3em;
		font-size:80%;
	}
	#FinalResults .finalCityResult .bar,
	#FinalResults .finalCityResult .label {
		cursor:default;
		position:absolute;
		top:0; left:0;
		width:590px;
		padding:.5em 1.5ex;
		overflow:hidden;
		border:3px solid #fff;
		border-width:0 0 3px 0;
	}
	#FinalResults .finalCityResult .bar.highest {
		border-color:#000;
		font-weight:bold;
	}
	#FinalResults .finalCityResult .bar span,
	#FinalResults .finalCityResult .label span {
		position:relative;
		white-space:nowrap;
	}
	#FinalResults .finalCityResult .bar {
		width:260px;
	}
/**/
#Results {
	margin-top:3em;
	}
	#Results .cityResults {
		margin-top:.5em;
		position:relative;
		}
		#Results .cityResults .label {
			text-align:right;
			width:40ex;
		}
		#Results .cityResults .value {
			position:absolute;
			top:0;
			margin-left:43ex;
		}
	/**/
/**/
#NavButtons {
	margin:3em auto;
	width:70%;
	text-align:right;
	}
	#NavButtons div {
		height:1.5em;
	}
	#NavButtons a {
		color:#000;
		padding:.2em 1ex;
		background-color:#C0D9E3;
		}
		#NavButtons a:hover {
			color:#fff;
			background-color:#00ADEF;
			text-decoration:none;
		}
	/**/
	#NavButtons #BackButton.disabled a,
	#NavButtons #NextButton.disabled a {
		background-color:#ccc;
		color:#999;
		cursor:default;
		}
		#NavButtons #BackButton.disabled a:hover,
		#NavButtons #NextButton.disabled a:hover {
			background-color:#ccc;
			color:#999;
		}
	/**/

	#NavButtons #BackButton {
		float:left;
	}
	#NavButtons #NextButton {
	}
	#NavButtons .startOver {
		margin-top:3em;
		clear:both;
		text-align:center;
	}
/**/

.disabledCity {
	display:none;
}

.nobr {
	white-space:nowrap;
}