/*

	## HTML ELEMENTS
	## MAIN LAYOUT BLOCKS
	## EXTENTIONS TO HTML ELEMENTS USED IN MAIN LAYOUT BLOCKS
	## NAVIGATION STYLES
	## FORM STYLES
	## BUTTON STYLES
	## FOOTER STYLES
	## LEFT COLUMN MISC STYLES
	## CENTRAL COLUMN MISC STYLES
	## RIGHT COLUMN MISC STYLES
	## UNIVERSAL MISC STYLES
	## GOOGLE MAP STYLES
	## overlay.js STYLES
	## qscroller.js STYLES
	## squeezebox.js STYLES

*/

/*-------------------------------------------------------------------
## HTML ELEMENTS */

body {
	border-top:80px solid #343434;
	padding:0;
	line-height:0.7em;
	color:#333333;
	background-color:#efefef;
}

hr {
	clear:both;
	visibility:hidden;
	height:0px;
	width:100%;
	margin:0px;
	padding:0px;
}

dl {
	margin:0px 22px;
}

dl dd {
	margin:0 0 0 0;
	padding:5px 0 0 0;
	color:#1e1e1e;
	font-size:1.4em;
}

	dl dd.latestMsg {
		font-size:1.6em;
	}
	
	dl dd.myMsg {
		padding-top:10px;
		font-size:1.4em;
	}

dl dt {
	padding:0 0 10px 0;
	font-size:1.4em;
	color:#003946;
	border-bottom:1px solid #cccccc;
}

	dl dt.latestMsg {
		font-size:1.6em;
	}
	
	dl dt.myMsg {
		padding-top:3px;
		font-size:1.4em;
	}

h1 {
	display:block;
	float:left;
	width:100%;
	margin:5px 0;
	font:normal normal normal 2.4em/1.0em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-indent:10px;
	letter-spacing:0.25em;
}
    
    #header h1 {
        height: 35px;
        margin: 0;
        text-indent: -10000px;
    }

h2 {
	display:block;
	width:100%;
	margin:0 0 10px 0;
	font:normal bold normal 1.8em/1.0em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

    #header h2 {
        height: 25px;
        margin: 0;
        font:normal normal bold 13px/1.0em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    }

h3 {
	display:block;
	width:100%;
	margin:0 0 3px 0;
	color:#1e1e1e;
	font:normal normal bold 1.4em/1.4em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

	.placedetail h3 {
		margin-top:5px;
		color:#003946;
		font:normal normal bold 1.2em/1.2em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}
	
	#editPanel h3 {
	    margin-top: 10px;
	}

h4 {
	display:block;
	margin:0 0 5px 0;
	font:bold normal normal 1.4em/1.4em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

a {
	text-decoration:underline;
	color:#00a0c6;
}
	a:hover {
		color:#03383e;
	}

img {
	border:none 0px;
}

p {
	margin:0 0 0 0;
	font-size:1.2em;
}

    #editPanel p {
        margin-bottom: 10px;
    }

pre {
	font-size:1.1em;
}

table,td,th {
	border:none 0;
}

td {
	text-align:left;
	vertical-align:top;
}

th {
	text-align:left;
	vertical-align:middle;
}

ul, dl, ol {
	display:block;
	margin:0;
	padding:0;
}

li, dt, dd {
	list-style:none;
	font:normal normal normal 1.2em/1.4em Geneva, Arial, Verdana, sans-serif;
	margin:0 0 4px 0;
}

/*-------------------------------------------------------------------
## MAIN LAYOUT BLOCKS */

#wrap {
	position:relative;
	top:-80px;
	margin:0 auto;
	width:960px;
}

	#maincontainer {
		display:block;
		position:absolute;
		width:960px;
		padding:0;
		background-color:#ffffff;
	}

		#topsection {
			background-color:#1e1e1e;
			height:210px;
		}

			#header {
				display: block;
				float: left;
				width: 340px;
				height: 60px;
				padding: 20px 0 0 20px;
				background: #1e1e1e url('/img/static/thumbprintcity_logo_360x80.gif') no-repeat;
				color: #ffffff;
			}
			#cityscape {
				width:100%;
				/* tweak to remove visible sign of <hr /> */
				position:relative;
				top:-2px;
				height:130px;
			}
			
				#cityscape p {
					display:none;
					text-align:right;
					padding:40px 21px 0 420px;
				}
			
			.cityscape0 { /* Generic */
				background:#ffffff url('/img/static/cityBg_generic_918x100.jpg') no-repeat 21px 30px;
			}
				
			.cityscape6, .cityscape11 { /* Manchester */
				background:#ffffff url('/img/static/cityBg_manchester_918x100.jpg') no-repeat 21px 30px;
			}
			
			.cityscape7 { /* London */
				background:#ffffff url('/img/static/cityBg_london_918x100.jpg') no-repeat 21px 30px;
			}
			
			.cityscape9 { /* Huddersfield */
				background:#ffffff url('/img/static/cityBg_huddersfield_918x100.jpg') no-repeat 21px 30px;
				/* Image currently borrowed from http://www.flickr.com/photos/arickmann/3067655577/in/set-72157617354318618/ but needs replacing */
			}
			
			.cityscape10 { /* Birmingham */
				background:#ffffff url('/img/static/cityBg_birmingham_918x100.jpg') no-repeat 21px 30px;
				/* Image currently borrowed from http://www.flickr.com/photos/pkimber/2159179762/ but needs replacing!!! */
			}

		#homefullcolumn { /* I know, I know... usage of this breaks our graceful screen width degradation */
			width:918px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
			padding:30px 12px 0px 21px;
			padding:30px 21px 0px 21px;
		}
		
			#homefullcolumn h2 {
				padding-bottom:10px;
			}
		
		#homecontactcolumn { /* I know, I know... usage of this also breaks our graceful screen width degradation */
			width:918px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
			margin-top:30px;
			padding:0 12px 20px 21px;
			padding:20px 21px 20px 21px;
			background-color:#cccccc;
		}
		
		#contentwrapper{
			float:left;
			margin:20px 0;
			padding:0 21px 0 0;
		}

			#homecontentcolumn {
				/* margin:0 475px 0 0; / *Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
				display:block;
				float:left;
				width:434px;
				padding:0 20px 0 21px;
			}

			#homerightcolumn {
				display:block;
				float:left;
				padding:0 21px 0 10px;
				width:454px; /* RightColumnWidth = width + padding(l+r) */
			}

			#leftcolumn, #indexleftcolumn {
				float:left;
				padding:0 12px 0 21px;
				width:236px; /* LeftColumnWidth = width + padding(l+r) */
				margin-top:20px;
				background-color:#ffffff;
			}
			#indexleftcolumn {
				width:298px;
				padding:0 11px 0 21px;
			}

			#contentcolumn, #indexcontentcolumn {
				float:left;
				width:422px;
				padding:0 12px 0 0;
				background: transparent;
			}
			#indexcontentcolumn {
				width:312px;
			}

			#rightcolumn, #indexrightcolumn {
				float:left;
				padding:0;
				width:236px;
				/* margin-top:20px; */
				background: transparent;
			}
			#indexrightcolumn {
				width:285px;
			}

			#extrawidecontentcolumn {
				width:618px;
				padding:20px 12px 0 20px;
				display:block;
				float:left;
			}




/*-------------------------------------------------------------------
## EXTENTIONS TO HTML ELEMENTS USED IN MAIN LAYOUT BLOCKS */


#homecontentcolumn p, #homerightcolumn p {
	font-size:160%;
	margin:0 0 6px 0;
}

	#homecontentcolumn p {
		line-height:160%;
	}

#homerightcolumn p.cityInfo {
	float: left;
	width: 217px;
	margin: 0 10px 10px 0;
}

	#homerightcolumn p.cityInfo a {
		display:block;
		padding:10px 10px 10px 10px;
		background-color:#00A0C6;
		color:#ffffff;
		text-decoration:none;
		text-transform:uppercase;
		line-height:20px;
	}

	#homerightcolumn p.cityInfo a:hover {
		background-color:#003945;
		color:#ffffff;
	}
	
		#homerightcolumn p.cityInfo a span {
			display:block;
			margin-top:3px;
			padding:3px;
			background-color:#29bcdf;
			color:#000000;
			text-transform:none;
		}
		
		#homerightcolumn p.cityInfo a:hover span {
			color:#ffffff;
			background-color:#45686f;
		}

#extrawidecontentcolumn form {
	margin:10px 0 20px 0;
	width:445px;
}

#extrawidecontentcolumn fieldset {
	width:437px;
	padding:4px 0;
}
	p.confirm {
		padding:4px 0 0 0;
	}
	p.registerdetails {
		padding:4px 0 0 0;
		color:#999999;
		float:left;
		width:203px;
		font-size:0.9em;
	}
	#js_captcha {
		float:left;
		margin:0 4px 4px 0;
	}

#indexrightcolumn fieldset {
	width:260px;
	padding:4px 0;
}

#extrawidecontentcolumn label, #indexrightcolumn label {
	padding:4px 0 0 0;
	display:block;
	float:left;
	width:80px;
	font-weight:bold;
}

#indexrightcolumn h3 {
	float:left;
	/* needed for accordion.js => background:#bff5ff url('/img/static/ico/ico_arrowDown_16x16.gif') no-repeat 280px 0px; */
	background-color:#bff5ff;
	padding:3px 0 3px 0;
	_padding:6px 0;
	width:100%;
}

#indexleftcolumn h3 {
	float: left;
	padding: 3px 0 3px 0;
	_padding: 6px 0 6px 0;
	width: 100%;
}

    #indexleftcolumn div.cityIntro {
        padding-bottom: 10px;
    }
    
    #indexleftcolumn div.cityIntro h3 {
    	font:normal normal bold 1.8em/1.2em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    	color: #00a0c6;
    }
    
    #indexleftcolumn div.cityIntro h4 {
        padding-top: 5px;
    	font:normal normal bold 1.6em/1.2em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    	color: #000000;
    }
    
    #indexleftcolumn div.cityIntro p {
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.4em;
    }
    
    .placeNameExample {
    	padding: 2px 4px 1px 4px;
    	line-height: 14px;
    	background-color: #00a0c6;
    	color: #ffffff;
    	text-decoration: none;
    	text-transform: uppercase;
    }

.placeInstructions {
    margin-bottom: 5px;
    border: 1px solid #cccccc;
    padding: 5px;
    background: #eeeeee;
    color: #666666;
}
    
    .placeInstructions p {
        line-height: 1.6em;
    }

.homeInstructions {
    margin-bottom: 5px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    padding: 5px;
    background: #eeeeee;
    color: #666666;
}

    .placeInstructions .placeNameExample, .homeInstructions .placeNameExample {
        background: #cccccc;
        color: #333333;
    }

/*-------------------------------------------------------------------
## NAVIGATION STYLES START HERE */

#controls {
	display:block;
	float:right;
	width:380px;
	height:80px;
	background:#1e1e1e;
	padding:0 21px 0 0;
}

#helplaunch {
	display:block;
	float:right;
	text-align:right;
	width:380px;
	height:47px;
	padding-top:5px;
}

	#helplaunch img.help {
		vertical-align:-40%;
	}

a.launchhelp {
	text-decoration:underline;
	color:#00a0c6;
}
	a.launchhelp:hover {
		color:#ffffff;
	}

#sitenav {
	display:block;
	float:right;
}

	#sitenav li {
		display:block;
		float:left;
		margin:0 0 0 12px;
		padding:0;
		border:0;
	}
	.navon {
		background:#ffffff url('/img/static/tabBg_sel_30x10.jpg') repeat-x;
	}
	.navoff {
		background:#ffffff url('/img/static/tabBg_unsel_30x10.jpg') repeat-x;
	}
		.navoff:hover {
			background:#ffffff url('/img/static/tabBg_hov_30x10.jpg') repeat-x;
		}

	#sitenav a {
		display:block;
		float:left;
		text-decoration:none;
		border-top:1px solid #1e1e1e;
		border-left:1px solid #1e1e1e;
		border-right:1px solid #1e1e1e; /* #bff5ff; */
		color:#1e1e1e;
		height:19px;
		padding:8px 4px 0px 6px;
		font:normal normal normal 14px/14px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}
	    
	    #sitenav li.navoff a {
	        color: #ffffff;
	    }

		#sitenav a:hover {
			border-top:1px solid #00a0c6;
			border-left:1px solid #00a0c6;
			border-right:1px solid #00a0c6; /* #bff5ff; */
			text-decoration:underline;
		}
	#navplaces {
		background:url('/img/static/ico/ico_arrowDown_16x16.gif') no-repeat 102px 4px;
		width:118px;
	}
	#navregister {
		width:132px;
		text-align:center;
	}
	#navsignin {
		background:url('/img/static/ico/ico_arrowDown_16x16.gif') no-repeat 116px 4px;
		width:132px;
	}
	#navhelp {
		width:48px;
		text-align:center;
	}

#tabsignin {
	display:none;
	position:relative;
	margin-top:80px;
	left:168px;
	z-index:1000;
	padding:4px;
	width:132px;
	border-bottom:1px solid #00a0c6;
	border-left:1px solid #00a0c6;
	border-right:1px solid #00a0c6;
	font:normal normal normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	background-color:#ffffff;
}
	#tabsignin fieldset {
		margin-top:5px;
		background-color:#ffffff;
	}
	#tabsignin label {
		font-weight:bold;
		
	}
	#tabsignin input {
		width:124px;
		background-color:#bff5ff;
		padding:2px;
		border:1px solid #000000;
		height:20px;
		font-size:16px;
		margin:4px 0 0 0;
	}
	#tabsignin a {
		color:#343434;
	}
		#tabsignin a:hover {
			color:#999999;
		}
	
	#tabsignin p {
		font-size:11px;
		margin:10px 0 0 0;
	}

#tabplaces {
	display:none;
	position:relative;
	top:80px;
	left:182px;
	z-index:100;
	width:126px;
	border-left:1px solid #00a0c6;
	border-right:1px solid #00a0c6;
	border-bottom:1px solid #00a0c6;
	font:normal normal normal 12px/12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	background-color:#ffffff;
}
	#tabplaces li {
		display:block;
		width:118px;
		height:18px;
		padding:8px 4px 0px 4px;
		background:#efefef url('/img/static/tabBg_sel_30x10.jpg') repeat-x;
	}

	a.navoption {
		display:block;
		float:left;
		width:118px;
		background: url('/img/static/ico/ico_arrowRight_16x16.gif') no-repeat 98px 0px;
		color:#1e1e1e;
		text-decoration:none;
	}
		a.navoption:hover {
			text-decoration:underline;
		}

a.placeImageLink {
	display:block;
	float:left;
	width:153px;
	height:75px;
	margin:0 3px 3px 0;
	background:#eeeeee none no-repeat top left; /* Background image provided per image in HTML output */
}
		
	a.placeImageLink span {
		padding:2px 2px 2px 2px;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#00a0c6;
		color:#ffffff;
		font:normal normal normal 12px/22px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	}
	a:hover.placeImageLink span {
		background-color:#003945;
		color:#ffffff;
	}

/*-------------------------------------------------------------------
## FORM STYLES */

textarea {
	height:5em;
	font:normal normal normal 1.4em/1.4em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	border:1px solid #343434;
	background-color:#bff5ff;
	color:#003946;
	padding:4px;
}

.placemessage {
	width:96%;
	_width:396px;
}

.messageinput {
	width:288px;
}

.slim {
	width:96%;
	height:5em;
	_width:288px;
	margin:0 1px 0 0;
	font:normal normal normal 1.4em/1.4em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.textinput {
	border:1px solid #343434;
	background-color:#bff5ff;
	color:#003946;
	padding:4px;
}

.inputfield {
	width:108px;
}

#idcheckcode {
	text-transform:uppercase;
}

/*-------------------------------------------------------------------
## BUTTON STYLES */

button, a.button {
	background:#343434 url('/img/static/buttonBg_lined_22x22.gif') repeat-x;
	color:#efefef;
	text-decoration:none;
	font:normal normal normal 12px/10px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	cursor:pointer;
	border:2px solid #666666;
	border-top:2px solid #cccccc;
	border-left:2px solid #999999;
	padding: 0px 4px 5px 3px;
	_padding: 2px 0px 3px 0px;
	margin:0;
	/* CSS3 */
	-moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3+, Chrome */
    border-radius: 5px; /* Opera 10.5, IE 9 */
}
    a.button {
        padding: 4px 4px 8px 3px;
    }
    #js_mapupdate.button {
        width: 95px;
        margin: 3px 0 5px 0;
    }
	button img, a.button img {
		position:relative;
		top:4px;
		padding-right: 3px;
	}

.positiveButton, a.positiveButton {
    background: green url('/img/static/buttonBgPos_lined_22x22.gif') repeat-x;
}

.cancelButton, a.cancelButton {
    background: #999999 url('/img/static/buttonBgCancel_lined_22x22.gif') repeat-x;
}

.bigButton, a.bigButton {
    padding-top: 4px;
    font: normal normal normal 18px/18px "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
    a.bigButton {
        padding-bottom: 6px;
    }
    .bigButton img, a.bigButton img {
        top: 3px;
        padding-right: 8px;
    }

button:hover, button.disabled, a.button:hover {
	border:2px solid #00a0c6;
	color:#ffffff;
}
    
    a.cancelButton:hover {
        border-color: red;
    }

.rightbutton {
	display:block;
	float:right;
	padding:0;
	border:0;
	margin:0;
}

.cancelbutton {
	color:#999999;
}


/*-------------------------------------------------------------------
## FOOTER STYLES  */

#footer{
	clear: left;
	background: #707070;
	color: #cccccc;
	text-align: center;
	padding: 4px 21px;
	height: 16px;
	margin: 0 0 0 0;
}

#footer a {
	color:#ffffff;
}

	#footer a:hover {
		color:#efefef;
	}

/*-------------------------------------------------------------------
## LEFT COLUMN MISC STYLES */

.mixedmessages {
	display:block;
	float:left;
	border-top:1px solid #999999;
	padding-bottom:16px;
}

.message {
	border-bottom:1px solid #999999;
	padding:8px 0 10px 0;
}

.mixedmessages h3 .messageDate {
	padding:0 0 0 5px;
	color:#003946;
	font:normal normal normal 12px/12px Geneva, Arial, Verdana, sans-serif;
}

/*-------------------------------------------------------------------
## CENTRAL COLUMN MISC STYLES */

#teaserholder {
	padding:12px 0;
}

img.boxr  {
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
}

.snippet {
	float:left;
	width:150px;
	height:73px;
	padding:1px;
	background-color:green;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

.placedescription {
	padding:0 0 5px 0;
	font:normal normal normal 1.6em/1.0em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#003946;
}
	.placedescription img {
		display:block;
		float:left;
		border-right:6px solid #ffffff;
		border-bottom:6px solid #ffffff;
	}

/*-------------------------------------------------------------------
## RIGHT COLUMN MISC STYLES */

.rightinfopanel {
	display:block;
	float:left;
	width:232px;
	padding:0 2px;
	margin-bottom:400px; /* FF2 hack */
	_margin-bottom:10px;
}

/*-------------------------------------------------------------------
## UNIVERSAL MISC STYLES  */

.innerpadding {
	padding:0 12px 0 0;
}

h2.helptitle {
	background-color:#ffffff;
	color:#1e1e1e;
	font-weight:normal;
	width:100%;
}

h2.placetitle {
	background-color:#bff5ff;
	height:22px;
	padding:0 0 6px 0;
}

h2.placetitle button {
	font-size:60%;
}

h2.placetitle .blocked {
	position:relative;
	top:5px;
}

.blueblock {
	display:block;
	float:left;
	width:230px;
	height:28px;
	padding:0px 0px 0px 3px;
	background-color:#bff5ff;
	margin:0 0 6px 0;
}

.blocked {
	padding:3px 4px 3px 4px;
	line-height:18px;
	background-color:#00a0c6;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}

	a.blocked:hover {
		color:#ffffff;
		background-color:#003945;
	}

.smallBlocked {
	padding:1px 2px 1px 2px;
	background-color:#00a0c6;
	background-color:#00a0c6;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8em;
}

.accordion_section {
	padding:0 0 40px 0;
}

#charcount {
	float:left;
	width:132px;
	background-color:#efefef;
	text-align:right;
	padding:2px;
}

.placepanel {
	padding:2px;
	_padding:2px 0px 2px 0px;
	background:#ddf9ff url('/img/static/leftColBg_236x365.gif') no-repeat 0px 0px;
	margin:0 0 10px 0;
}

.infopanel {
	display:block;
	padding:2px;
	background-color:#bff5ff;
	margin:10px 0;
}

.signinpanel {
	display:block;
	padding:2px;
	background-color:#ffffff;
	margin:10px 0;
	border:1px solid #bff5ff;
}

/* Featured promos */
.monstercloud {
	display:block;
	padding:35px 5px 5px 5px;
	border:1px solid #1e1e1e; 
	border-top:5px solid #1e1e1e;
	border-bottom:5px solid #1e1e1e;
	margin:0 0 10px 0;
	text-align:center;
}

	.monstercloudLondon {
		background:#666666 url('/img/promo/promoBg_freeLondonsMonsters_283x109.jpg') no-repeat 0px 0px;
	}
	
	.monstercloudManchester {
		background:#666666 url('/img/promo/promoBg_freeManchestersMonsters_283x109.jpg') no-repeat 0px 0px;
	}
	
	.monstercloud a {
		padding:2px 2px 2px 2px;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#1e1e1e;
		color:#ffffff;
	}
	.monstercloud a:hover {
		background-color:#ffffff;
		color:#1e1e1e;
	}

.shakespearecloud {
	display:block;
	padding:35px 5px 5px 5px;
	border:1px solid #660000; 
	border-top:5px solid #660000;
	border-bottom:5px solid #660000;
	margin:0 0 10px 0;
	text-align:center;
}

	.shakespearecloudLondon {
		background:#ffcdce url('/img/promo/promoBg_walkingWithShakespeare_283x109.jpg') no-repeat 0px 0px;
	}

	.shakespearecloud a {
		padding:2px 2px 2px 2px;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#660000;
		color:#ffffff;
	}
	.shakespearecloud a:hover {
		background-color:#ffffff;
		color:#660000;
	}

.invisibleblock {
	display:block;
	float:left;
	width:100px;
	height:40px;
}

.placecloud {
	display:block;
	padding:2px;
	_padding:2px 0px 2px 0px;
	margin:0 0 10px 0;
	background:#ddf9ff url('/img/static/leftColBg_236x365.gif') no-repeat 0px 0px;
	text-align:center;
}
	.placecloud a {
		padding:2px 2px 2px 2px;
		text-transform:uppercase;
		text-decoration:none;
		background-color:#00a0c6;
		color:#ffffff;
	}
	.placecloud a:hover {
		background-color:#003945;
		color:#ffffff;
	}

.f1 {
	font:normal normal normal 1.6em/1.8em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.f2 {
	font:normal normal normal 1.4em/1.8em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.f3 {
	font:normal normal normal 12px/22px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.f4 {
	font:normal normal normal 1.0em/2.2em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.right {
	float:right;
}
.left {
	float:left;
}

ul.azed {

}
	ul.azed li {
		display:block;
		float:left;
		font-size:100%;
		text-transform:uppercase;
		padding:0 2px 0 0;
	}
		ul.azed li.numerical {
			width:20px;
		}
		ul.azed li a {
			padding:5px 0 0 0;
			color:#00a0c6;
		}
		ul.azed li a:hover {
			color:#003946;
		}

ul.remember li {
	padding:0 0 0 42px;
	font-size:1.2em;
}

a.new {
	background:#00a0c6 url('/img/static/ico/ico_new_16x16.gif') no-repeat 3px 0px;
	padding:2px 4px 2px 24px;
}

/* css needs to be moved to a different classname leaving js_ just for the JS hooks */
.toggler {
	padding:0 0 4px 20px;
	background:#ffffff url('/img/static/ico/ico_add_16x16.gif') no-repeat 0px 0px;
	_padding:0;
	_background:none;
	color:#00a0c6;
	font-weight:normal;
	text-decoration:underline;
	cursor:pointer;
}
	.toggler:hover {
		color:#003946;
	}

.open {
	background:#ffffff url('/img/static/ico/ico_arrowDown_16x16.gif') no-repeat 0px 0px;
	_background:none;
}
.js_content p {
	padding:6px 10px 6px 20px;
}
.placeform {
	display:block;
	float:left;
	width:298px;
	margin:0 0 12px 0;
}

.paginator {
	padding:8px 0 0 0;
}

.txtmsg {
	font-family:"Courier";
	padding:2px 4px;
}

.codicil {
	color:#999999;
}
.alert {
	padding:4px;
	margin:0 0 12px 0;
	color:#ffffff;
	background-color:#ff6600;
}

.placedetail {
	padding:0 0 12px 0;
}

#editPanel {
    width: 648px;
    border: 1px solid #cccccc;
    padding: 10px;
    background: #eeeeee;
}
    
    #editPanel .innerpadding {
        padding: 0;
    }

    #editPanel #contentcolumn {
        float: left;
        width: 390px;
        padding: 0 0 0 0;
        background: transparent;
    }
    
    #editPanel #contentcolumn textarea {
        width: 380px;
    }
    
    #editPanel #rightcolumn {
        float: right;
        padding-top: 6px;
    }

/*-------------------------------------------------------------------
## GOOGLE MAP STYLES */

#js_map {
	width:312px;
	height:210px;
	overflow:hidden;
}

#js_mapplace {
	width:236px;
	height:180px;
	background-color:#eeeeee;
	overflow:hidden;
}

#js_editmap {
	width:432px;
	height:316px;
	background-color:#eeeeee;
	overflow:hidden;
}

.editMapBox {
    margin: 5px 0 5px 0;
}

/*-------------------------------------------------------------------
## overlay.js STYLES */

body.overlay {
	border:0;
	color:#333333;
	background:#ffffff ;
}

#boxwrap {
	display:block;
	float:left;
	padding:0px;
}

	#leaderstack {
		display:block;
		float:left;
		width:210px;
		height:500px;
	}
		.thumbholder, #thumbimage1, #thumbimage2, #thumbimage3, #thumbimage4 {
			display:block;
			float:left;
			width:210px;
			height:100px;
			cursor:pointer;
		}
			#thumbimage1 {
				background:url('/img/static/overlay-nav-1.gif') no-repeat;
			}

			#thumbimage2 {
				background:url('/img/static/overlay-nav-2.gif') no-repeat;
			}

			#thumbimage3 {
				background:url('/img/static/overlay-nav-3.gif') no-repeat;
			}

			#thumbimage4 {
				background:url('/img/static/overlay-nav-4.gif') no-repeat;
			}
		

		hr.h20 {
			display:block;
			height:8px;
		}
	#helptext {
		display:block;
		float:left;
		width:500px;
		background:#ffffff;
	}

		.helpblurb {
			display:block;
			float:left;
			width:500px;
		}
		
		
		
		.helpblurb .text {
			float:left;
			width:240px;
		}
		
		.helpblurb.one .text { margin-top:0;}
		.helpblurb.two .text { margin-top:40px;}
		.helpblurb.three .text { margin-top:170px;}
		.helpblurb.four .text { margin-top:80px;}
		
		
			.helpblurb .text p {
				padding-bottom:15px;
				padding-left:10px;
				border-left:10px solid #00a0c6;
				font:normal normal normal 1.6em/1.6em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			}
		
		.helpblurb .flash {
			padding-top:50px;
			float:left;
		}

#editwrap {
	display:block;
	width:720px;
	background:#ffffff;
}
	#edittop {
		display:block;
		float:left;
		width:380px;
		padding:16px 10px 0 10px;
		height:34px;
	}
	#edittabs {
		display:block;
		float:left;
		width:300px;
		padding:22px 10px 0 10px;
		height:28px;
	}
		#edittabs li {
			display:block;
			float:left;
			margin:0 12px 0 0;
		}
		#edittabs a {
			display:block;
			float:left;
			position:relative;
			bottom:-1px;
			height:18px;
			padding:8px 4px 0px 4px;
			color:#1e1e1e;
			text-decoration:none;
		}
			#edittabs a:hover {
				text-decoration:underline;
			}
			a.tabon {
				border-top:1px solid #00a0c6;
				border-left:1px solid #00a0c6;
				border-right:1px solid #00a0c6; 
				border-bottom:1px solid #ffffff;
			}
			a.taboff {
				border-top:1px solid #1e1e1e;
				border-left:1px solid #1e1e1e;
				border-right:1px solid #1e1e1e; 
				border-bottom:1px solid #00a0c6;
			}
				a.taboff:hover {
					border-top:1px solid #00a0c6;
					border-left:1px solid #00a0c6;
					border-right:1px solid #00a0c6; 
					border-bottom:1px solid #ffffff;
				}

	.editpanel {
		display:block;
		float:left;
		width:678px;
		height:334px;
		margin:0 10px;
		padding:10px;
		border:1px solid #00a0c6;
		background-color:#ffffff;
	}
		.editpanel p {
			margin:12px 0 0 0;
		}
		.editpanel label {
			display:block;
			margin:12px 0 4px 0;
			font-weight:bold;
			font-size:1.2em;
		}

		#editaddress {
			display:block;
		}
		#editinfo {
			display:block;
		}
		#editbuttons, #createbuttons {
			margin:10px;
			height:24px;
		}

.thinform {
	display:block;
	float:left;
	width:234px;
	padding:0 12px 0 0;
	background-color:#ffffff;
}

.fatform {
	display:block;
	float:left;
	width:432px;
	background-color:#ffffff;
}

.editthin {
	width:224px;
	background-color:#dffaff;
}

.editfat {
	width:422px;
	background-color:#dffaff;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

/*-------------------------------------------------------------------
## qscroller.js STYLES */

#js_teasers {

}

#qscroller {
	width:298px;
	height:72px;
}
	#qscroller p {
		font-weight:bold;
	}

#scroller_controls {
	display:block;
	float:left;
	position:relative;
	width:40px;
	height:1.4em;
	padding:0.3em;
	top:-72px;
	left:252px;
	background-color:#bff5ff;
}

#formelements {
	display:block;
	float:left;
	width:298px;
	position:relative;
	top:-20px;
	_top:-26px;
}

.hide {
	visibility:hidden;
	position:absolute;
	top:-400px;
}

.qslide h3 {
	background-color:#bff5ff;
}

.qslide h3 a.blocked {
	padding:4px 4px 3px 4px;
}

.qslide p {
	font-size:14px;
	line-height:14px;
}

/*-------------------------------------------------------------------
## squeezebox.js STYLES */

#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility:visible;
}

#sbox-overlay {
	position:absolute;
	background-color:#1e1e1e;
}

#sbox-window {
	position:absolute;
	background-color:#ffffff;
	text-align:left;
	overflow:visible;
	padding:10px 10px 0 10px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

#sbox-btn-close {
	position:absolute;
	width:82px;
	height:18px;
	right:-15px;
	top:-15px;
	padding:4px;
	border:#333333 1px solid;
	background:#efefef url('/img/static/tabBg_sel_30x10.jpg') repeat-x;
	font:normal normal normal 1.4em/1.2em "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	text-decoration:none;
	text-align:center;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image:url('/img/static/ico/ico_close_16x16.gif') no-repeat;
}

.sbox-loading #sbox-content {
	background-image:url('/img/static/ico/spinner.gif');
	background-repeat:no-repeat;
	background-position:center;
}

#sbox-content {
	clear:both;
	overflow:auto;
	background-color:#ffffff;
	height:100%;
	width:100%;
}

.sbox-content-image#sbox-content {
	overflow:visible;
}

#sbox-image {
	display:block;
}

.sbox-content-image img {
	display:block;
}

.sbox-content-iframe#sbox-content {
	overflow:visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility:hidden;
}