/* ----------------------------------------------- 
	Flapjack Finder Screen Stylesheet
	Author: Joel Pittet
	Created on: Jun 13 2008
	
	- GLOBAL RESET 	
	- BASIC ELEMENTS
	- PAGE LAYOUT
		a) Menu
	- EVENT RESULTS
		a) Ratings
	- ADD EVENT FORM
	- SEARCH
	- Cake Classes
	- VALIDATION
	
-------------------------------------------------- */


/* GLOBAL RESET 
------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
	
}
 
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow!
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
} */

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}


/* BASIC ELEMENTS
------------------------------------------------- */
body {
	background: transparent url(/img/home/background.jpg) no-repeat center;
	color: #512b1b;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
}

a { color: #512b1b; }

p { margin-bottom: 1em; }

blockquote { padding-left: 18px; }

ul {
	margin-left: 20px;
	padding-left: 0;
}

ol{
	margin-left: 20px;
	padding-left: 1em;
}

li { 
	margin-bottom: 5px; 
}

hr { 
	color: #ccc; 
	background: #ccc;
	height: 1px;
	border: 0;
	margin: 7px 20px 7px 0; 
	padding: 0; 
	text-align: left;

}

/* Headers */
h1 { 
	font-size: 19px;
	color: #90171b;
	margin-bottom: 1em;
	display: none;
}

h2 {
	font-weight: 700;
	font-size: 12px;
	line-height: 1em;
	margin-bottom: 10px;
}
/*
h3 { 
	font-family: helvetica, arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #4f4f4f;
	margin-top: .5em;
	margin-bottom: .25em;
}

h4 { 
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #4f4f4f;
	margin-bottom: 5px;
}

h5 {
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 10px;
	color: #242327;
	margin-bottom: 5px;
}

h6 {
	font-family: arial, sans-serif;
	font-weight: 700;
	font-size: 10px;
	color: #858487;
	margin-bottom: 5px;
}
*/

/* FORMS 
----------------------------------------------- */

/* Cleans up the form so it has no unnessasary space around in all different browsers */
form {
	padding: 0;
	margin: 0;
	display: inline;
}


/* PAGE LAYOUT
------------------------------------------------- */

#container {	
	width: 990px; /* Default for 1024x768 Res */
	margin: 0 auto;
	text-align: left;
}

	#header {
		position: relative;
/*		margin-left:46px;*/
		margin-top:90px;
	}
		#header  ul {
			overflow: hidden;
		}
		#header ul li {
			float: left;
			display: block;
			margin: 0;
			padding: 0;
		}

		#header ul li a.nav {
			float:left;
			display:block;
			height:67px;
			width:176px;
			background: transparent url(/img/menu/header-nav.png) no-repeat 0 -134px;
			text-indent: -3000px;
		}
		
		#header ul li a.nav.today { background-position: -176px -134px; width: 166px; }
		#header ul li a.nav.add { background-position: -342px -134px; width: 136px; }
		#header ul li a.nav.history { background-position: -490px -134px; width: 136px; }
		#header ul li a.nav.recipes { background-position: -630px -134px; width: 136px; }
		#header ul li a.nav.home { background-position: -630px -634px; width: 96px; }

		#header ul li a.nav.search:hover { background-position: -0px -67px; }
		#header ul li a.nav.today:hover { background-position: -176px -67px; }
		#header ul li a.nav.add:hover { background-position: -342px -67px; }
		#header ul li a.nav.history:hover { background-position: -490px -67px; }
		#header ul li a.nav.recipes:hover { background-position: -630px -67px; }
		
		#header ul li a.nav.search.current { background-position: 0px 0px; }
		#header ul li a.nav.today.current { background-position: -176px 0px; width: 166px; }
		#header ul li a.nav.add.current { background-position: -342px 0px; width: 134px; }
		#header ul li a.nav.history.current { background-position: -478px 0px; width: 147px; }
		#header ul li a.nav.recipes.current { background-position: -630px 0px; width: 136px; }
		
		
		#logo {
			position: absolute;
			right: 68px;
			top: 0;
			height: 113px;
			width: 112px;
			background: transparent url(/img/pan/logo.png) no-repeat;
			overflow: hidden;
			text-indent: -3000px;
			display: block;
			cursor: pointer;
			z-index: 100;
		}
		
		/* Menu -------------------------------------------------------------- */
		#menu {
			background: transparent url(/img/menu/menu-left.gif) no-repeat 1px 100%;
			position: absolute;
			top: 41px;
			padding-left: 4px;
		}
		
			#menu ul,
			#menu ul li {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#menu ul li {
				float: left;
				display: block;
			}
			
			#menu ul li a {
				display: block;
				float: left;
				text-align: center;
				text-decoration: none;
				color: #512b1b;
				font-weight: 700;
				font-size: 12px;
				line-height: 2.6em;
				width: 140px;
				height: 28px;
				background:  transparent url(/img/menu/button.gif) no-repeat 100% 0;
			}
			
			#menu ul li.current a,
			#menu ul li a:hover { background-position: 0 0; }
		
		
	#content {
		padding: 0 6px;
		min-height: 420px;
	}
		#flash {
			/*margin-top:-30px;*/
		}
	
		#main {
			/*padding: 27px 36px 40px 18px;*/
			float: left;
			margin-top: 50px;
			width: 303px;
			position: relative;
			height:405px;
		}
		
		#mapbg {
			padding:12px 10px 10px 11px;
			margin: 50px 40px 0 0;
			float: right;
			position: relative;
			background: transparent url(/img/map/map-bg.png) no-repeat;
			width:540px;
		}

		#map {
			width: 544px;
			height: 390px;
		}
		
			#map-loader {
				position: absolute;
				left: 20px;
				top: 20px;
			}
			
			#map-loader img {
				margin: 10px;
				vertical-align: middle;
			}
			
			
		.custom_made_popup {
			width: 258px;
		}
		
		.custom_made_popup .tail {
			position: absolute;
			left: 5px;
			top: 150px;
			z-index: 9999;
		}
		
		.custom_made_popup .close {
			position: absolute;
			top: 40px;
			right: 10px;
		}
		
		.custom_made_popup h3 {
		
			font-size: 14px;
			font-weight: 700;
		}
		
		.custom_made_popup .body {
			margin: 0 18px;
			height: auto;
			min-height: 200px;
			background: #fff;
			border: 1px solid #ccc;
			padding: 7px;
		}
		
		.custom_made_popup .friend-container,
		.custom_made_popup .directions-container {padding: 4px; }
		
		.custom_made_popup .open { background: #faf4dc; }
		
		.custom_made_popup .body label {
			color: #512b1b;
			margin-right: 15px;
			margin-top: 2px;
			width: 85px; 
			text-align: right;
			float: left;
		}
		
		.custom_made_popup .body .text input { width: 96px; }
		
		.custom_made_popup .body .directions label {
			display: block;
			float: none;
			font-size: 10px;
			text-align: left;
		}
		
		.custom_made_popup .body .directions .directions-text {
			width: 120px;
			border: 1px solid #ccc;
			font-size: 12px;
		}
		
		.custom_made_popup .body .directions .directions-go {
			top: 4px;
			position: relative;
		}
		
		.custom_made_popup .body .btn-send-to-friend {
			background:  url(/img/events/send-to-friend.gif) no-repeat left center ;
		}
		
		.custom_made_popup .body .btn-direction {
			/*background:  url(/img/events/directions.gif) no-repeat left center ;*/
		}
		
		.custom_made_popup .body .open .btn-send-to-friend {
			/*background:  url(/img/events/send-to-friend-on.gif) no-repeat left center ;*/
		}
		
		.custom_made_popup .body .open .btn-direction {
			background:  url(/img/events/directions-on.gif) no-repeat left center ;
		}

		.custom_made_popup .friend-fields .submit {
			margin-left: 88px;
		}
			
		.custom_made_popup .friend-thank-you p {
			padding: 5px 20px;
			color: #512b1b;
		}
		
		#footer {
			color:#333;	
			margin-top: 26px;
			margin-left: 50px;
			font-size:10px;
			overflow: hidden;
			clear: both;
			background: url(/img/promise_bg.gif) no-repeat left center ;
		}

		#footer ul { 
			padding:0; 
			margin:0;
		}

		#footer ul li {
			display:block;
			float:left;
			margin: 10px 0 0 0;
			padding: 0;
		}

		#footer ul li a {
			display:block;
			float:left;
			width: 90px;
			background: transparent url(/img/menu/footer-nav-2010.png) no-repeat top left;
			text-indent: -3000px;
			height:23px;
		}

		#footer ul li a.footer.fb { background-position: -92px 0px; }
		#footer ul li a.footer.tweet { background-position: -184px 0px; }
		#footer ul li a.footer.share { background-position: -276px 0px; }
		#footer ul li a.footer.firefox { background-position: -365px 0px; }
	
/* EVENT RESULTS
------------------------------------------------- */
#events-container {
	width:360px;
	height: 376px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative; /*FIXES IE's dumbness*/
}

#events {
	/*border-top: 1px solid #ddd;*/
	margin: 0 10px 0 0;
	padding: 0;
}

#events li.event {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 6px 75px 6px 35px;
	overflow: auto; /* keeps floats inside ;) */
	position: relative;
}

	#events li.selected,
	#events li.selected h3 a {
		color: #90171B;
	}
	#events li.event a img {
		position: absolute;
		margin-left: -35px; /* margin-left worked better than left for ie*/
		top: 7px;
	}
	
	/* Ratings -------------------------------------------------------------- */
	
	.rating {
		right: 0;
		top: 8px;
		width: 70px;
		position: absolute;
	}
	
	/* Starbox.css 
	   Part of http://www.nickstakenburg.com/projects/starbox/
	*/
	
	.starbox .stars { background: #ccc; }
	.starbox .rated .stars { background: #dcdcdc; }
	.starbox .rated .hover .stars { background: #ccc; }
	.starbox .colorbar { background: #f8ba4e; }
	.starbox .hover .colorbar { background: #ffcc1c; }
	.starbox .rated .colorbar { background: #724210; }
	.starbox .rated .hover .colorbar { background: #1e90ff; }
	.starbox .ghost { background: #a1a1a1; }
	.starbox .indicator { 
		clear: both; 
		font-size: 10px;
		line-height: 1.2em;
		margin-top: 2px;
		margin-left: 3px;
	}
	.starbox .indicator .description {
		margin-top: 15px
	}
	.starbox .indicator .votes {
		margin-top: 8px
	}
	
	
	/* Remind Me -------------------------------------------------------------- */
	.remind-no,
	.remind-yes {
		padding-left: 20px;
		display: block;
		text-decoration: none;
		background: url(/img/reminder/remind.gif) no-repeat;
	}
		
	.remind-no { background-position: 0 1px; }
		
	.remind-yes { 
		background-position: 0 -22px;
		color: #c88f42;
	}
	
	#signup { 
		width: 500px;
		height: 400px;
	 }
	
/* RESULTS
------------------------------------------------- */
.results-title {
	background: transparent url(/img/events/days.png) no-repeat 0px 0px;
	text-indent: -3000px;
	height:30px;
	width:330px;
}

.results-title.saturday { background-position: 0px -30px; }
.results-title.sunday { background-position: 0px -60px; }
.results-title.monday { background-position: 0px -90px; }
.results-title.tuesday { background-position: 0px -120px; }
.results-title.wednesday { background-position: 0px -150px; }
.results-title.thursday { background-position: 0px -180px; }
.results-title.todays { background-position: 0px -210px; }
.results-title.stumbling_distance__up_to_1km_  { background-position: 0px -240px; }
.results-title.an_easy_walk__up_to_2_kms_  { background-position: 0px -270px; }
.results-title.a_short_run__up_to_5_kms_  { background-position: 0px -310px; }
.results-title.a_quest__greater_than_10_kms_  { background-position: 0px -340px; }

/* ADD EVENT FORM
------------------------------------------------- */

#search-event-form legend,
#save-event-form legend,
#add-event-form legend {
	color: #512b1b;
	font-weight: 700;
	text-transform: uppercase;
	padding-left:35px;
}


#save-event-form label,
#add-event-form label { 
	color: #512b1b;
	margin-right: 10px;
	margin-top: 2px;
	width: 80px; 
	float: left;
	text-align:right;
}


div.text input,
div.input select,
div.textarea textarea {
	border: 1px solid #bfbfbf;
	
}



div.text input,
div.textarea textarea {
	padding: 2px;
}


#save-event-form div.textarea textarea,
#add-event-form div.textarea textarea,
#save-event-form div.text input,
#add-event-form div.text input {
	width: 190px;
}

div.input { 
	clear: both; 
	padding: 5px 0;
}

#search-event-form div.submit,
#save-event-form div.submit,
#add-event-form div.submit {
	text-align: left;
	padding-top:7px;
	
}

.error-message { font-size: 10px; }

#EventSearchByDate, #EventDistance { width:200px; }

/* Validation
------------------------------------------------- */	

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}


div.text input.required, 
div.textarea textarea.required {
	border: 1px solid #00A8E6;
}

div.text input.validation-failed, 
div.textarea textarea.validation-failed {
	border: 1px solid #f30;
	color: #f30;
}

div.text input.validation-passed, 
div.textarea textarea.validation-passed {
	border: 1px solid #0c0;
	color: #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	color: #900;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color: #FFF;
}


/* move validation advice for add form (prevent from scrolling) */
#EventAddForm .validation-advice {
	position: absolute;
	margin-top: -2em;
	margin-left: 370px;
	background: #fff;
	z-index: 10000;
	border: 1px solid #eee;
}

/* Search
------------------------------------------------- */
#EventDistance {

}

#search-event-form label {
	color: #512b1b;
	margin-right: 15px;
	margin-top: 2px;
	width: 100px; 
	float: left;
}

#search-or {
	font-weight: 700;
	padding-top: 20px;
	margin-bottom: 0;
	margin-left: 50px;;
}


#search-event-form div.submit { width: 200px }

/* AD BANER
------------------------------------------------- */
#ad-banner {
	width: 343px;
	position: absolute;
	z-index: 10010;
}


/* SIGNUP
------------------------------------------------- */
#sign-up {
	width: 343px;
	position: absolute;
	z-index: 10010;
}

	#sign-up .top { 
		height: 7px;
		line-height: 0;
		overflow: hidden;
	}
	
	#sign-up .close {
		position: absolute;
		right: 10px;
	}
	
	#sign-up .body {
		position: relative;
		padding: 0 30px 30px;
		
		background: url(/img/events/signup/window-body.gif) no-repeat bottom center;
	}
		
		#sign-up .body h3 {
			font-size: 14px;
			font-weight: 700;
			padding: 10px 0;
		}
		
	
		#sign-up .body label { 
			color: #512b1b;
			margin-right: 15px;
			margin-left: 10px;
			margin-top: 2px;
			width: 60px; 
			float: left; 
		}
		
	#sign-up div.text input {
	
	}
	
	
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;   
	z-index: 10000;
	background-color: #fff;
}


/* Cake Classes
------------------------------------------------- */	
.cake-sql-log {  margin: 0 auto; width: 990px; }

.message { 
	padding-top:6px;
	/*
	background: #fadda0;
	border: 1px solid #f2b54c;
	padding: 6px 10px;
	margin-bottom: 10px;
	color: #512b1b;
	font-weight: 700;
	*/
	
}


.disclaimer {
	font-size: 10px;
	line-height: 1.3em;
	color: #888;
}
		
		
.actions { white-space: nowrap; }

.altrow { background: #fadda0; }

.evenrow { background: #ffffff; }

 /*{ 
	overflow: auto;
	background: #fff;
	height: 630px;
	margin: 20px;
}
*/
.events td { padding: 2px 4px; }







/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

.popup-text {
	border:solid 1px #ccc;
	font-size: 12px;
	width:150px;
}

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {}

div.paging span.current {
	color: #000;
}
div.paging span a {}