/*
//----------------------------------------------
//   G l o b a l
//----------------------------------------------
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

htm, body {
	min-height: 100%;
}
body {
/*	min-width: 970px; */
	background: #fff;
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:140%;
}
a { color: #000; text-decoration: none; }
a:focus, a:active { outline: none; }
a:hover { color: #666; }
.wrapper {
	text-align: left;
	margin: 0 auto;
}


/*
//----------------------------------------------
//   A c c o u n t
//----------------------------------------------
*/
	
#signup.wrapper,
#login.wrapper {
	width: 820px;
	}
	
#signup h1,
#login h1 {
	height: 146px;
	margin-top: 75px;
	text-indent: -3000px;
	}
#signup h1 { background: url(/images/signupHeader.jpg) no-repeat; }

		
#signup h2 a {
	display: block;
	background: white;
	text-decoration: none;
	color: #000;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	}
	
#login form {
	margin: 50px 0;
	}
	
#login h1 { background: url(/images/loginHeader.jpg) no-repeat; }
	
#login h4 {
	color:#000;
	font-size:22px;
	padding-bottom:8px;
	margin-left: 74px;
	font-weight: bold;
	}
	
#login p.forgotPassword {
	text-align: right;
	width: 510px;
	}
	
#login p.submit input, #signup p.submit input {
	background: transparent url(/images/loginSubmit.jpg) no-repeat center;
	border: 0px solid #fff;
	height: 68px;
	width: 288px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	text-indent: -9999px;	
	}

#signup p.submit input {
	float:right;
	margin-right:64px;
}

	.account {
		width: 800px;
		margin-bottom: 100px;
		text-align: center;
		}

	.account dd,
	.formStyle dd {
		clear: both;
		width: 355px;
		font-weight: bold;
		margin-top: 15px;
		text-align: right;
		}

		.parallel {
			float: left;
			width: 355px;
			margin: 0 22px;
			text-align: right;
			font-weight: bold;
			color: #ccc;
			}

		.loginBottom {
			display: block;
			position: relative;
			clear: both;
			width: 793px;
			height: 68px;
			top: 20px;
			margin: 30px auto;
			background: transparent url(/images/dots.gif) no-repeat scroll center;
			}

	.account label,
	.formStyle label {
		color:#000;
		float:left;
		font-size:14px;
		}

	#login label {
		color: #333;
		float: left;
			}

	.account dt {
		clear:both;
		}

	.check label {
		position: relative;
		float: none !important;
		width: 236px;
		height: 45px;
		padding: 15px 45px;	
		background: white url(/images/formCheckboxLabel.jpg) no-repeat center top;
		color:#333333;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		}

	.check input {
		position: relative;
		top: -5px;
		/*background: url(/images/formCheckbox.png) no-repeat left top;*/
		}
		
	.check {
		float: left;
		clear: both;
		width: 340px;
		padding: 25px 0 0 50px;
		}

	.account dt.check {
		clear: none;
		height: 25px;
		}

	.account dt.check a {
		float: left;
		margin: 5px;
		}

	.checkTerms { position: relative; float: right; margin-right: 45px !important; }
	.checkTerms dt {
		text-align: center;
		height: 20px !important;
		background: none;
		}
	.checkTerms input { 
		left: 0 !important; 
		top: 10px !important;
		width: auto !important;
		height: auto !important;
		}	
	.checkTerms a { 
		position: absolute;
		right: 0;
		top: 42px;
		width: 150px;
		}
			
	.textField img {
		position: absolute;
		left: 0;
		margin-left: 5px;
		margin-top: 4px;
		}

	.textField {
		width: 355px;
		height: 50px;
		background: url(/images/formField.gif) no-repeat;
		position: relative;
		}

	.account input[type="submit"] {
		background:transparent url(/images/settingsSave.png) no-repeat scroll 0%;
		border:medium none;
		clear: both;
		color:#000000;
		cursor:pointer;
		display:block;
		font-size: 0px;
		height:40px;
		line-height:normal;
		margin:0 20px;
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
		position: relative;
		text-indent: -9999px;
		margin: 20px 0;
		width:95px;
		}

	.textField input {
		border:0pt none;
		color:black;
		font-family:Georgia,Arial;
		font-size:26px;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		height:30px;
		line-height:normal;
		padding: 4px 0;
		width:343px;
		position: absolute;
		top: 6px;
		left: 6px;
		}

		.textField.time input {
			padding-left: 45px;
			background: url(/images/addEventCalendar.gif) no-repeat 5px 4px;	
			}

	.textArea {
		background: url(/images/textArea.png) no-repeat;
		height: 105px;
		position: relative;
		width: 457px;
		}

		.textArea textarea {
			border: 0 none;
			color: black;
			font-family: Georgia,Arial;
			font-size: 26px;
			font-size-adjust: none;
			font-stretch: normal;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			height: 84px;
			left: 6px;
			line-height: normal;
			padding: 4px 0;
			position: absolute;
			top: 6px;
			width: 445px;
			}

	.checkboxField {
	    display: -moz-inline-block;
	    display: -moz-inline-box;
	    display: -moz-inline-stack;
	    display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		}

	#login .checkboxField {
		width: 22px;
		height: 20px;
		background: transparent url(/images/formCheckBox.png) no-repeat scroll center top;
		}

	#login .checkboxChecked {
		background-position: bottom;
		}

	#login dl {
		display: block;
		}

	.fileField {
		width: 370px;
		position: relative;
		}

	.fileField input[type=file] {
		position: absolute;
		top: 10px;
		right: 25px;
		height: 28px;
		}

#settingsNav {
	font-weight: bold;
	margin: 10px 0 30px 41px;
	height: 50px;
	}
	#settingsNav li {
		float: left;
		height: 35px;
		line-height: 31px;
		width: 150px;
		overflow: hidden;
		background: url(../images/settingsNavOff.png) no-repeat top;
		color: #fff;
		text-align: center;
		cursor: hand;
		cursor: pointer;
		}
		#settingsNav li a {
			display: block;
			width: 100%;			
			height: 100%;
			color: #FFF;
			}
	#settingsNav li.on {
		background: url(../images/settingsNavOn.png) no-repeat top;
		}
		
	#mySettings #header h1 a {
		width: 525px;
		height: 65px;
		background: url(../images/settingsHeader.jpg);
		}	
#account {
	margin-bottom: 60px;
	overflow: auto;
	}		
#account .account {
	margin: 0 0 0 41px;
	text-align: left;
	float: left;
	display: inline;
	}
	#account .parallel { margin: 0 40px 0 0; }
	
#particulars {
	display: block;
	}
#avatar, #mobile {
	display: block;
	}
	
/*
 * Settings – Networks
 */	
 
#twitterLink {
  background: url('../images/settings_networks_twitter_icon.png') top left no-repeat;
}
#twitterLink h2 {
  display: inline;
  
  color: #333;
  
  font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#twitterLink h3 {
  display: inline;
  
  font-size: 18px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: normal;
  color: #999;
}
#twitterLink.linked p.signupExplanation,
p.signupPrompt,
#twitterLink h2 {
  margin-left: 50px;
}
#twitterLink.linked p.signupExplanation,
p.signupPrompt {
  color: #999;
  font-size: 11px;
}
#twitterLink.linked p.signupExplanation a,
p.signupPrompt a,
#twitterLink h2 a {
  color: #09F;
}
#twitterLink.linked p.signupExplanation a:hover,
p.signupPrompt a:hover,
#twitterLink h2 a:hover {
  background: #000;
  color: #FFF;
}
#twitterLink.signup p.signupExplanation {
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #333;
  float: left;
  width: 275px;
  margin: 20px 0 20px 30px;
  padding-top: 5px;
}
#twitterLink .setup_link {
  display: block;
  width: 275px; height: 39px;
  margin: 20px 0;
  text-indent: 0;
  float: left;
  color: #FFF;
  background: url('../images/settings_networks_setup_button.png') no-repeat;
  
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  
  text-align: center;
  padding-top: 26px;
}


/*
//----------------------------------------------
//   FAQ
//----------------------------------------------
*/


#termsOfService .textualPageHeader {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100px;
	background: url('../images/settingsHeader.jpg') no-repeat;
	}
	
termsTextualPageIntro {
	margin-top: 0px;
	}
	.termsTextualPageIntro p {
		text-align: center;
		font-size: 19px;
		font-weight: bold;
		padding-top: 65px;
		}
	
	.textualPageContent {
		margin: 0px;
		padding: 20px 0px 20px 0px;
		width: 700px;
	}
	.textualPageContent p {
		padding: 0px 50px;	
		margin: 10px 0;
		}
	.textualPageContent h1,
	.textualPageContent h2,
	.textualPageContent h3,
	.textualPageContent h4 {
		font-weight: bold;
		color: #000;
		padding: 0px 50px 0px 40px;
		line-height: 35px; 	
		}
	
	.textualPageContent h1 { font-size: 21px; }
	.textualPageContent h2 { font-size: 18px; }
	.textualPageContent h3 { font-size: 16px; }
	.textualPageContent h4 { font-size: 16px; }

.textualPageContainer {
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
}

ul.movieList {
	width: 800px;
	list-style-type: none;
	position: relative;
	left: -25px;	
	}
	
li.moviePlaceContainer {
	float: left;
	width: 230px;
	padding: 10px 3px 20px 10px;
	list-style: none;
}

img.moviePlaceHolder {
	position: relative;
	}

p.textClass {
	font-weight: bold;
	padding-left: 20px;
	color: black;
	}

p.subTextClass {
	font-size: 13px;
	padding-left: 20px;
	line-height: 17px;
	}

ul.questions {
	clear: left;
	}
	
li.questionsList {
	display: block;
	width: 700px;
	padding-top: 30px;
	padding-bottom: 20px;
	}
	
p.questionTitle {
	float: left;
	display: block;
	width: 150px;
	font-size: 20px;
	font-weight: bold;
	color: black;
	}
	
img.littleNumber {
	margin-top: -8px;
	padding-bottom: 45px;
	padding-right: 20px;
	float: left;
	}
	
.innerList {
	display: block;
	}
	
li.innerListElement {
	padding-left: 20px;
	font-size: 13px;
	color: #0099CC;
	text-decoration: underline;
	}
	
p.helpForumClass {
	color: black;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 30px;	
	}

a.helpForumLink {
	color: #0099CC;
	text-decoration: underline;
	}
	
a.helpForumLink: hover {
	color: #00CCFF;
	}
a.innerListLink: link {
	color: #0099CC;
	text-decoration: underline;
	}
a.innerListLink: hover {
	color: #00CCFF;
	}

div.DividerClass {
	padding-bottom: 50px;
	padding-top: 25px;
	clear: both;
	}
img.bigNumbers {
 	position: absolute;
	left: -120px;
	clear: both;
	}

#AboutRilli {
	background: url('/images/faq/bigNumber1.png') left no-repeat;
	}

#Events {
	background: url('/images/faq/bigNumber2.png') no-repeat left;
	}
	
#Timeline {
	background: url('/images/faq/bigNumber3.png') no-repeat left;
	}
	
#Friends {
	background: url('/images/faq/bigNumber4.png') no-repeat left;
	}
	
#Sidebar {
	background: url('/images/faq/bigNumber5.png') no-repeat left;
	}
	
#YourProfile {
	background: url('/images/faq/bigNumber6.png') no-repeat left;
	}
	
#Twitter {
	background: url('/images/faq/bigNumber7.png') no-repeat left;
	}
	
h2.overlordTitle {
	clear: both;
	position: relative;
	left: -100px;
	font-weight: bold;
	color: #000;
	font-size: 45px;
	padding: 125px 100px 20px;
	}

h3.lordTitle {
	clear: both;
	font-weight: bold;
	color: #000;
	padding: 20px 0px 10px 0px;
	line-height: 35px;
	font-size: 18px;
	float: left;
	width: 560px;
	margin-bottom: 10px;
	}
a.goToTopButton {
	clear: both;
	position: absolute;
	right: -12px;
	padding: 38px 50px 30px 0px;
	font-size: 13px;
	font-weight: normal;
	color: #0099CC;
	background: url('/images/faq/goBackToTop.png') no-repeat right top;
	text-decoration: underline;
	}
a.goToTopButton: hover {
	color: #00CCFF;
	}

.vimeoLoaderSuper {
	left: 20px;
	position: relative;
	height: 368px;
	clear: both;
	width: 640px;
	border: 2px solid #666;
	margin-bottom: 20px;
	}
	
#vimeoLoaderAboutRilli {
	left: 20px;
	position: relative;
	height: 361px;
	clear: both;
	width: 640px;
	border: 2px solid #666;
	margin-bottom: 20px;
	}

img.largePictures {
	clear: both;
	float: left ;
	width: 640px;
	height: 368px;
	position: relative;
	left: 20px;
	border: 2px solid #666;
	margin-bottom: 20px;
	}

p.lordContent {   
	clear: both;
	position: relative;
	font-size: 14px;
	margin-bottom: 20px;
	}
	
.textualPageContent p {
	clear: both;
	position: relative;
	color: #333;
	padding: 0px 50px 0px 30px;	
	width: 540px;
	}

.textualPageIntro {
	width: 700px;
	height: 40px;
	}
	
.textualPageIntro a: link {
	color: #0099cc;
	}
.textualPageIntro a: hover {
	color: #00ccff;
	}
.textualPageIntro {
	text-align: center;
	margin: -25px 0px 0px 0px;
	font-size: 24px;
	line-height: 30px;
	color: #000;
	}
	
/*faq-helpforum-line*/
.textualPageIntro h1 {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	}

.textualPageDivider {
	width: 700px;
	height: 18px;
	background: url(/images/faq/faqdivider.gif) no-repeat;
	}

/*
//----------------------------------------------
//   M a i n   A p p l i c a t i o n
//----------------------------------------------
*/


#header {
	height: 70px;
	min-width: 940px;
	position: relative;
	background: transparent url(../images/header.jpg) no-repeat left top;
	z-index: 20;
}
#header h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../images/blank.gif);
	height: 80px;
	text-indent: -3000px;
	width: 140px;
	float:left;
}
a.profilePic {
	display: block;
	position: absolute;
	width: 69px;
	height: 66px;
	background: url(../images/avatarUp.png) no-repeat;
	top: 15px;
	right: 0;
}
a.profilePic img {
	position: absolute;
	top: 5px;
	left: 5px;
}

.loggedin #header h2 {
 	position: absolute;
	color:#404040;
	font-size:16px;
	font-weight:bold;
	top: 18px;
	right: 76px;
}
.loggedin #header h2 span {
	color:#737373;
	font-size:11px;
	font-weight:normal;
	}
	
.loggedin #header h2 span a {
	color: #0099CC;
	padding:0pt 5px;
	}

.loggedin #header h2 span a:hover {
	background: #000;
	color: #fff;
	}
	
.loggedin #utils {
	position: absolute;
	top: 42px;
	right: 76px;
	}

.loggedin #utils li {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	}

.loggedin #utils li a {
	padding: 0 5px;
	}	

#utils li a, p.feedback a {
	color:#0099CC;	
	}
#utils li a:hover, p.feedback a:hover {
	background: #000 none repeat scroll 0%;
	color: #fff;
	}
	
.loggedOut#header {
	z-index: 1001; 
	height: 245px;
	top: 0;
	background: #fff url(../images/headerRepeat.jpg) repeat-x left -34px;
	}
	.loggedOut#header h1 a { 
		width: 571px; height: 112px;
		background: url(../images/headerLoggedOut.jpg) no-repeat left top;
		}
		.utilsWrapper {
			position: absolute;
			top: 15px;
			right: 15px;
			border-top: 1px solid #005c8f;
			border-right: 1px solid #002247;
			border-bottom: 1px solid #002247;
			border-left: 1px solid #005c8f;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			}
	.loggedOut#header #utils { right: 25px; font-size: 14px; }
	
	.loggedOut #utils {
		padding: 7px 5px;
		border-top: 1px solid #0099cc;
		border-left: 1px solid #0099cc;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background: #00578a url(/images/utilsBack.png) repeat-x 0 bottom;
	}
	.loggedOut #utils a {
		margin: 0 8px;
		font-weight: bold;
		font-size: 13px;
	}
	.loggedOut #utils a:hover, p.feedback a:hover {
		color: #ccc;
	}
	.loggedOut #utils a, p.feedback a {
		color: #fff;
	}
	.loggedOut #utils li a {
		padding:0pt 5px;
	}
	
	.loggedOut#header .createEvent { top: 120px; z-index: 10; } 


	#welcome {
		position: relative;
		width: 100%; height: 160px;
		top: 70px;
		}
		
	#welcomeWalkthrough {
		position: absolute;
		right: 0; top: 0;
		width: 100%; height: 160px;
		background: url(/images/welcomeWalkthroughBack.png) repeat-x 0 bottom; 
		}
		
		.welcomeWalkthroughLeft,
		.welcomeWalkthroughRight {
			position: absolute;
			top: 27px;
			width: 11px; height: 133px;
			}
			.welcomeWalkthroughLeft { left: 0px; padding-left: 10px; background: #fff url(/images/welcomeWalkthroughBackLeft.png) no-repeat right 0; }
			.welcomeWalkthroughRight { right: 312px; padding-right: 10px; background: #fff url(/images/welcomeWalkthroughBackRight.png) no-repeat left 0; }
			
		.welcomeStep1 #welcomeWalkthroughBack {
			position: absolute;
			width: 450px; height: 89px;
			right: 332px; top: 63px;
			background: url(/images/welcomeWalkthroughIllustrations.jpg) no-repeat 0 10px;
			}	

		.welcomeStep2 #welcomeWalkthroughBack {
			position: absolute;
			width: 173px; height: 117px;
			right: 332px; top: 38px;	
			background: url(/images/welcomeWalkthroughIllustrations.jpg) no-repeat 0 -94px;
			}	

		.welcomeStep3 #welcomeWalkthroughBack {
			position: absolute;
			width: 214px; height: 132px;
			right: 332px; top: 23px;
			background: url(/images/welcomeWalkthroughIllustrations.jpg) no-repeat -236px -79px;
			}
			
		.welcomeStep4 #welcomeWalkthroughBack {
			position: absolute;
			width: 328px; height: 90px;
			right: 295px; top: 42px;
			background: url(/images/welcomeWalkthroughIllustrations.jpg) no-repeat -160px -211px;
			}	
		
		#welcomeWalkthroughContent1,
		#welcomeWalkthroughContent2,
		#welcomeWalkthroughContent3,
		#welcomeWalkthroughContent4 {
			display: none;
			position: relative;
			z-index: 10;
			left: 35px; top: 25px;
			width: 345px;
			}
			
			.welcomeStep1 #welcomeWalkthroughContent1,
			.welcomeStep2 #welcomeWalkthroughContent2,
			.welcomeStep3 #welcomeWalkthroughContent3,
			.welcomeStep4 #welcomeWalkthroughContent4,
			.welcomeStep1 .welcomeCreateButton1,
			.welcomeStep2 .welcomeCreateButton2,
			.welcomeStep3 .welcomeCreateButton3,
			.welcomeStep4 .welcomeCreateButton4 { display: block; }

			#welcomeWalkthrough h2 {
				margin-bottom: 10px;
				font-size: 20px;
				font-weight: bold;
				line-height: 20px;
				color: #000;
				}
				
	.welcomeWalkthroughNavigation {
		position: absolute;
		z-index: 10;
		left: 2px; top: 115px;
		padding: 0 15px 5px 25px;
		background: url(/images/welcomeWalkthroughNavigation.png) no-repeat 0 -1px;
		}				
		.welcomeWalkthroughNavigation li { float: left; }
		.welcomeWalkthroughNavigation a { 
			display: block;
			padding: 16px 10px;
			font-weight: bold;
			color: #fff;
			}
			.welcomeWalkthroughNavigation a:hover { color: #000; }
			 	
			.welcomeStep1 #walkthroughLink1 { background: url(/images/welcomeWalkthroughNavigation.png) no-repeat -230px -73px; }
			.welcomeStep2 #walkthroughLink2 { background: url(/images/welcomeWalkthroughNavigation.png) no-repeat -238px -73px; }
			.welcomeStep3 #walkthroughLink3 { background: url(/images/welcomeWalkthroughNavigation.png) no-repeat -241px -73px; }
			.welcomeStep4 #walkthroughLink4 { background: url(/images/welcomeWalkthroughNavigation.png) no-repeat -234px -73px; }
			
			
	.welcomeCreate {
		position: absolute;
		text-align: center;
		width: 318px; height: 161px;
		right: 0; top: 5px;
		background: url(/images/welcomeCreate.png) no-repeat;
		}
			
		.welcomeCreateButton1,
		.welcomeCreateButton2,
		.welcomeCreateButton3,
		.welcomeCreateButton4 {
			display: none;
			position: absolute;
			width: 310px; height: 56px;
			left: 3px; top: 0;
			padding: 32px 0;
			font-size: 18px;
			font-weight: bold;
			color: #fff;
			}
			
		.welcomeCreate p {
			width: 260px;
			margin: 88px auto 0;
			padding-right: 10px;
			font-size: 14px;
			color: #333;
			} 			
			.welcomeCreate p a { font-weight: bold; color: #0099cc; }
			.welcomeCreate p a:hover { color: #333; }
			
#navigation {
	height: 50px;
	min-width: 940px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	}
#navigation ul {
	text-align: center;
	height: 60px;
	overflow: hidden;
	background: url(../images/nav.png) no-repeat left top;
	padding-left: 10px;
}

#navigation ul li {
	float: left;
	height: 60px;
	overflow: hidden;
	z-index: 1;
}
#navigation ul li a {
	display: block;
	float: left;
	height: 60px;
}
#navigation ul li a span {
	display: block;
	height: 40px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	float: left;
	background: url(../images/nav.png) no-repeat 10px 300px;
}
#navigation ul li a div {
	height: 12px;
	overflow: hidden;
	background: url(../images/underlines.png) no-repeat left top;
	position: absolute;
	bottom: 5px;
	left: 13px;
	width: 100%;
	display: none;
}
#navigation ul li.on {
	z-index: 2000;
}
#navigation ul li.on a div {
	display: block;
}
#navigation #you a span {
	width: 60px;
}
#navigation #you a:hover span,
#navigation #you.on  a span{
	background-position: -9px -48px;
}
#navigation #you a:hover div,
#navigation #you.on a div {
	background-position: 0 -40px;
}
#navigation #subscriptions a span{
	width: 99px;
}
#navigation #subscriptions a:hover span,
#navigation #subscriptions.on a span {
	background-position: -69px -48px;
}
#navigation #subscriptions.on a div {
	background-position: 0 -20px;
}
#navigation #everyones a span {
	width: 89px;
}
.loggedout #everyones {
	margin-left:158px;
}
#navigation #everyones a:hover span,
#navigation #everyones.on a span {
	background-position: -168px -48px;
}

#navigation.loggedOut ul li a span,
#navigation.loggedOut ul {
	background: url(../images/navOut.png) no-repeat 10px top;
}

#navigation.loggedOut ul li a span {
	background-position: 0px top;
}

#navigation.loggedOut #everyones a:hover span,
#navigation.loggedOut	 #everyones.on a span {
	background-position: 0px -48px;
}

#navigation #everyones.on a div {
	background-position: 0 0;
}

#navigation #individual {
	margin-left:8px;
	display:none;
}
#navigation.loggedOut #individual {
	margin-left:158px;
}
#navigation #individual a span {
	width: 154px;
	height: 51px;
	background: url(../images/modeIndividual.png) no-repeat 0 155px;
}

#navigation #individual.on a span {
	background-position: 0 5px;
}

#navigation #places a {
	width: 66px;
}
#navigation #places a:hover,
#navigation #places.on a {
	background-position: -211px -48px;
}
#navigation #places.on a div {
	display: block;
	background-position: 0 -30px;
}
#navigation #groups a {
	width: 68px;
}
#navigation #groups a:hover,
#navigation #groups.on a {
	background-position: -277px -48px;
}
#navigation #groups.on a div {
	display: block;
	background-position: 0 -40px;
}
#navigation #extra a {
	width: 91px;
}
#navigation #extra a:hover,
#navigation #extra.on a {
	background-position: -345px -34px;
}
#navigation #extra.on a div {
	display: block;
	background-position: 0 -50px;
}
#faq #footer {
	display: none;
}
#eventModal .viewSwitch { 
	margin: 10px 0;
}
#applicationContent .viewSwitch {
	position: absolute;
	bottom: -20px; right: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.viewSwitch a { color: #3399CC !important; }
.viewSwitch a:hover { color: #666; }
#footer {
	width: 100%;
	margin-top: 30px;
	background: transparent url(../images/footerBack.png) repeat-x;
}
#footer ul {
	position: relative;	
	text-align: right;
	height: 50px;
	padding-top: 15px;
	background: transparent url(../images/footerLeft.png) no-repeat left top;
}
#footer li {
	right: 0;
}
#footer li a {
	display: inline;
	height: 100%;
	padding:5px 20px;
}

#applicationContent {
	position: relative;
	text-align: left;
	z-index: 1000;
	min-width: 940px;
}
#applicationSidebar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 307px;
	background: transparent url(../images/sidebarBottom.gif) no-repeat left bottom;
}
div#applicationSidebar.sideBarCollapsed {
	width: 19px;
	background-position: -3000px;
}
#sideBar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 10px;
	width: 307px;
	background: transparent url(../images/showBy.png) no-repeat left 43px;
}
.sideBarCollapsed #sideBar {
	display: none;
	
}
#subNav {
	position: absolute;
	left: 13px;
	top: 0;
	width: 294px;
	height: 87px;
	background: transparent url(../images/sideNav.gif) no-repeat left top;
}
#subNav.individual,
#subNav.individual_activityTab{
	background-position: 0px -522px;
}
#subNav.individual_plansTab {
	background-position: left bottom;
}

#subNav.everyones,
#subNav.everyones_activityTab{
	background-position: left -348px;
}
#subNav.everyones_plansTab {
	background-position: left -435px;
}

#subNav.subscriptions,
#subNav.subscriptions_activityTab {
	background-position: left -174px;
}
#subNav.subscriptions_plansTab {
	background-position: left -261px;
}

#subNav.you_plansTab {
	background-position: left -87px;
}
#subNav a {
	position: absolute;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	height: 29px;
	line-height: 35px;
	overflow: hidden;
	top: 10px;
	text-align: center;
	font-size: 14px;
}
#activityTab a {
	left: 0;
	width: 82px;
}
#plansTab a {
	width: 66px;
	left: 82px;
}
#detailsTab a {
	right: 0;
	width: 79px;
	background-color: #fff;
}
#applicationSidebarToggle {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 241px;
	overflow: hidden;
	background: transparent url(../images/sidebarToggle.png) no-repeat left top;
	right: -20px;
	margin-top: -120px;
	outline: none;
}
div.sideBarCollapsed #applicationSidebarToggle {
	right: 0;
	background-position: right top;
}
div.sidebarCol {
	min-height:318px;
	width: 307px;
	top: 43px;
	left: 0;
	position: absolute;
	display: none;
	background: transparent url(../images/sidebarTop.gif) no-repeat left 43px;
	overflow:hidden;
}
div#sideBar div.on {
	display: block;
}

div.contentWrapper {
	text-align: left;
	width: 305px;
	top: 44px;
	left: 15px;
	position: absolute;
	overflow: auto;
	height:100%;
}
ul.eventsList {
	width: 294px;
	padding-bottom: 35px;
}
ul.eventsList li.eventListItem {
	background-position: 236px center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-left:1px solid #CCCCCC;
	padding: 10px 0 5px;
	clear: left;
}

ul.eventsList ul.eventListing {
	position:relative;
}

ul.eventsList li.listItemEvent {
	background-image: url(../images/item_create.gif);
}
ul.eventsList li.listItemAttandance {
	background-image: url(../images/item_attending.gif);
}
ul.eventsList li.listItemCommen {
	background-image: url(../images/item_comment.gif);
}
ul.eventsList li.listItemAccount {
	background-image: url(../images/item_account.gif);
}
ul.eventsList li.listItemCancel {
	background-image: url(../images/item_not_attending.gif);
}
ul.eventsList li.eventDateGroup>span {
	background: url(../images/item_date.gif) repeat-x;
	line-height: 22px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding-left: 17px;
	width: 291px;
	display:block;
}
ul.eventsList li.eventDateGroup>span>span {
	line-height: 22px;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	float:right;
	margin-right:47px;
}
ul.eventsList li.altOne,
ul.eventsList li.altTwo,
ul.eventsList li.altThree,
ul.eventsList li.altFour {
	height: 6px;
	font-size: 1px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left center;
}
ul.eventsList li.altOne {
	background-image: url(../images/items_separator_1.gif);
}
ul.eventsList li.altTwo {
	background-image: url(../images/items_separator_2.gif);
}
ul.eventsList li.altThree {
	background-image: url(../images/items_separator_3.gif);
}
ul.eventsList li.altFour {
	background-image: url(../images/items_separator_4.gif);
}

ul.eventsList li.eventListItem a.userPic{
	display: block;
	width: 36px;
	height: 34px;
	background: url(../images/avatarSmallUp.png);
	overflow: hidden;
	float: left;
	position: relative;
	left: 5px;
}
ul.eventsList li.eventListItem a.userPic img {
	position: absolute;
	top: 3px;
	left: 3px;
}
ul.eventsList li.eventListItem a.userPic:hover,
ul.eventsList li.eventListItem a.userPic.on {
	background: url(../images/avatarSmallDown.png);
}
ul.eventsList li.eventListItem div.eventDetails {
	width: 180px;
	float: left;
	margin-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
ul.eventsList li.eventListItem div.eventDetails a {
	font-weight: bold;
	color: #000;
	font-size: 14px;
}
ul.eventsList li.eventListItem div.eventDetails span {
	display: block;
}
ul.eventsList .seeMore {
	display: block;
	margin: 15px 20px 0 0;
	text-align: center;
	font-family: Georgia, serif;
	font-size:16px;
	font-weight: bold;
	font-style: italic;
}
div.sidebarSortBy {
	height: 43px;
	line-height: 43px;
	font-size:16px;
	text-align:center;
	color: #fff;
}
div.sidebarSortBy span.whose {
	text-transform: capitalize;
}
#applicationMap {
	position: absolute;
	top: 0;
	left: 307px;
	bottom: 0;
	right: 13px;
	overflow: visible;
}
div#applicationMap.sideBarCollapsed {
	left: 28px;
}
#applicationMap .bottom {
	height: 16px;
	overflow: hidden;
	background: grey;
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	background: transparent url('../images/mapBottomCenter.png') repeat-x;
}
#applicationMap .bottom .left {
	float: left;			
	width: 330px;
	height: 19px;
	background: transparent url('../images/mapBottomLeft.png') no-repeat;
}	
#applicationMap .bottom .right {
	float: right;
	width: 86px;
	height: 19px;
	background: transparent url('../images/mapBottomRight.png') no-repeat;
}
#applicationMap .sidemap {
	position: absolute;
	right: -4px;
	top: 89px;
	bottom: 16px;
	width: 6px;
	overflow: hidden;
	background: transparent url('../images/sidemapEnd.gif') no-repeat left bottom;
}
#applicationMap .sidemapTop {
	width:6px;
	height: 139px;
	background: transparent url('../images/sidemapStart.gif') no-repeat left top;
}
#homeMapName {
	display: none;
	margin-left: 75px;
	font-size:11px;
}
#mapContainer {
	background: #b2c3d6;
	position: absolute;
	top: 70px;
	bottom: 16px;
	width: 100%;
	height: 80%;
}
#map {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#homeMap {
	background:transparent url(../images/mapHome.png) no-repeat scroll 0%;
	bottom:10px;
	height:42px;
	left:70px;
	position:absolute;
	width:44px;
}
#setDefaultMap {
	background:transparent url(../images/mapHome.png) no-repeat scroll -44px top;
	bottom:10px;
	color:white;
	float:left;
	height:42px;
	left:114px;
	position:absolute;
	width:52px;
}
.scroller {
	position: absolute;
	width: 20px;
	top: 0;
	right: 0;
	bottom: 0;
}
.jScrollPaneTrack {
	cursor: pointer;
	background: white url("../images/scrollTrack.png") repeat-y;
}
.jScrollPaneDrag {
	background: #000 url(../images/scrollBar.png) no-repeat scroll 0 -288px;
	border: 1px solid #999;
	cursor: pointer;
}

a.jScrollArrowUp {
	background: url("../images/scrollUp.png") no-repeat;
	height: 20px;
}

a.jScrollArrowDown {
	background: url("../images/scrollDown.png") no-repeat;
	height: 20px;
}
div.contentWrapper div.scroller {
	top: 20px;
}
.button {
	display: block;
	float: left;
	text-align: center;
	width: 142px; height: 34px;
	line-height: 35px;
	text-decoration: none;
	vertical-align: middle;
}

.buttonSingle {
	display: block;
	float: none;
	margin: 0 auto !important;
}
.buttons .yes { margin-right: 16px; }
.yes {
	color: white; background: transparent url("../images/buttonBlackGrey.png") no-repeat center top;
}
.no {
	color: white; background: transparent url("../images/buttonBlackGrey.png") no-repeat center bottom;
}
.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 0.1;
	margin-top: -1px;
}
#userMenu {
	z-index: 6000;
	position: absolute;
	background: #111;
	width: 150px;
	display: none;
	margin-top: -8px;
}
#userMenu ul {
	border: 5px solid #999999;
	padding: 30px 14px 0px 12px;
}
#userMenu li {
	border-bottom: 1px dotted grey;
	font-size: 12px;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: left;
	color: white;
	line-height: 100%;
}
#userMenu li .minor {
 	font-size: 10px;
 	font-weight: lighter;
}
#userMenu li .minor a {
 	padding-top: 0px;
 	padding-bottom: 8px;
}
#userMenu a {
	color: white;
	padding: 12px 0;
	display: block;
}
#userMenu li a:hover {
	background: #32CCFE;
}
#userMenu #userMenuIndicator {
	position: absolute;
	top: 0;
	left: 17px;
	width: 41px; height: 18px;
	background: url(/images/userMenuButtonSmall.gif) no-repeat;
}
#userMenu.bigAvatar #userMenuIndicator {
	position: absolute;
	left: 33px;	top: 0;
	width: 41px; height: 18px; 
	background: url(/images/userMenuButtonLarge.png) no-repeat;
}
#userMenu.bigAvatar {
	margin-top: -14px;
}
#userMenu.bigAvatar img#userMenuIndicBig {
	display: block;
}
#userMenu.bigAvatar img#userMenuIndicSmall {
	display: none;
}
#userMenu.bigAvatar ul {
	padding-top: 30px;
}
#userMenu.bigAvatar .userMenuIndicBig {
		
	}
#detailsBackground {
	background: url(../images/details.png) no-repeat top;
	width: 297px;
	height: 143px;
	position: absolute;
	top: 28px;
	left: 15px;
	display: none;
}
#detailsHeader h3 {
	color:black;
	font-size:24px;
	line-height:24px;
	position: absolute;
	top: 12px;
	left: 19px;
	font-weight: bold;
}
#details p {
}
#detailsHeader p {
	position: absolute;
	top: 38px;
	left: 19px;
}
#details p {
}
#detailsHeader p a {
	display: block;
	text-decoration: none;
	color:white;
	padding-left: 25px;
	font-weight: bold;
	background: transparent url(../images/actionAddFriend.png) no-repeat left center;
}
#detailsHeader {
	height: 132px;
}


/*
//----------------------------------------------
//   C r e a t e   E v e n t
//----------------------------------------------
*/

.createEvent {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 142px;
	height: 32px;
	text-indent: -3000px;
	background: url(../images/createEvent.gif);
	overflow: hidden;
	z-index: 30;
}
.addEventStep {
	display: none;
	width: 448px;
	padding-left: 50px;
	position: relative;
}
.addPlaceStep {
	display: none;
}
#addEventModal {
	position: absolute;
	text-align: left;
	width: 558px;	
	left: 50%; top: 0;
	overflow: visible;
	display: none;
	z-index: 2000;
	/*	Temporary for in Event View Modal edit event 
		margin-left: -279px;
		top: 44px;
	*/	
	margin-left: -125px;
	margin-top: 164px;
}

#addEventModal.editEventModal {
	/*	Temporary for in Event View Modal edit event */
	display: block !important;
	top: 50%;
	margin-left: -250px;
	margin-top: -254px;
	z-index: 6000;
	}
	
	#editEventNavigation {
	width:300px;
	padding-top:15px;
	margin: 0 auto;
	display:none;
	}

#addEventModal_title {
	height: 43px;
	line-height: 43px;
	background: url(../images/addEventTop.png);
	position: relative;
}
#addEventModal_close {
	display: block;
	position: absolute;
	width: 27px;
	height: 27px;
	overflow: hidden;
	background: url(../images/modalClose.png);
	left: 38px;
	top: -12px;
	text-indent: -300px;
}
#addEventModal_title h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 4px;
	left: 80px;
}
#addEventModal_title ul {
	position: absolute;
	top: 4px;
	right: 78px;
}
#addEventModal_title ul li {
	width: 43px;
	float: left;
	padding: 0 6px;
}
#addEventModal_title ul li a {
	display: block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#addEventModal_title ul li a:hover {
	color: #7dd5fc;
}
#addEventModal_title ul li a.on {
	color: #7dd5fc;
	background: url(../images/addEventTop_active.gif);
}
#addEventModal_title strong {
	display: block;
	background: url(../images/addEventTop_active.gif) no-repeat center bottom;
	color: #7dd5fc;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	display: block;
	top: 4px;
	right: 160px;
	position: absolute;
	display: none;
}
#addEventModal_content {
	position: relative;
	background: url(../images/addEventBottom.png) no-repeat center bottom;
}
#addEventModal_wrapper {
	position: relative;
	background: url(../images/addEventDeco_top.gif) no-repeat 50px top;
	padding: 10px 0 40px;
}
#addEventModal_0 {
}
#addEventModal_byPlace {
	width: 448px;
	position: relative;
}
#addEventModal_wrapper p,
#addVenueModal_wrapper p,
.privacySelect p {
	padding: 20px 35px 0;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	position: relative;
	width: 380px;
}
#addEventModal_wrapper p label,
#addVenueModal_wrapper p label{
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
}
.addEventStep .status,
#addEventModal_wrapper p label span,
#addVenueModal_wrapper p label span{
	font-size: 12px;
	color: #adac82;
	position: absolute;
	right: 0;
}
.privacySelect p em{
	display: block;
	font-size: 12px;
	color: #adadad;
}
#addEventModal_wrapper p label em,
#addVenueModal_wrapper p label em{
	display: inline;
	font-size: 16px;
}
#addEventModal_wrapper p input.addEventTextField,
#addVenueModal_wrapper p input.addEventTextField{
	border: 1px solid #d8d8d8;
	padding: 7px 12px;
	width: 350px;
}
#addEventModal_wrapper p input.addEventTagsField,
#addVenueModal_wrapper p input.addEventTagsField{
	border: 1px solid #d8d8d8;
	padding: 2px 12px;
	font-size: 12px;
	width: 350px;
}
#addEventModal_wrapper p input.addEventCalendarField {
	border: 1px solid #d8d8d8;
	padding: 7px 12px;
	width: 314px;
}
a.addEventCalendar {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	width: 40px;
	float: left;
	text-indent: -300px;
	background: url(../images/addEventCalendar.gif) no-repeat left center;
	overflow: hidden;
}
.timePreview {
	float: right;	
	overflow: hidden;
	white-space: nowrap;
	max-width: 338px;	
	font-size: 12px;
	color: #333;
}
#addVenueModal {
	position: absolute;
	top: 0;
	left: 49px;
	width: 450px;
	padding-top: 50px;
	background: url(../images/addVenu_shadow.png) no-repeat center top;
	display: none;
}
#addVenueModal_title {
	background:transparent url(../images/addVenueTop.png) no-repeat scroll center center;
	height:43px;
	line-height:43px;
	position:relative;
}
#addVenueModal_title h3 {
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: -4px;
	height: 30px;
	left: 30px;
}
#addVenueModal_title ul {
	position: absolute;
	top: 0;
	right: 30px;
}
#addVenueModal_title ul li {
	float: left;
	padding: 0 6px;
}
#addVenueModal_title ul li a {
	display: block;
	height: 43px;
	line-height: 43px;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: default;
}
#addVenueModal_title ul li a.on {
	color: #7dd5fc;
	background: url(../images/addEventTop_active.gif) no-repeat center bottom;
}
#addVenueModal_close {
	color: #d8d8d8;
	font-size: 11px;
	position: absolute;
	top: 10px;
	left: 30px;
	height: 14px;
	text-decoration: underline;
}
#addVenueModal_content {
	position: relative;
	background: url(../images/addEventBottom.png) no-repeat -49px bottom;
}
#addVenueModal_wrapper {
	position: relative;
	background: url(../images/addEventDeco_top.gif) no-repeat center top;
	padding: 10px 0 40px;
}
#addEventModal_byPlace blockquote {
	padding: 30px 35px 0;
	background: url(../images/addEventSeparator.gif) no-repeat center bottom;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
#addEventModal_placeSearch {
}
#addEventModat_chooseLocation {
	width: 338px;
	height: 59px;
	line-height: 59px;
	display: block;
	background: url(../images/addEventChooseLocation.gif);
	text-align: center;
	text-indent: 20px;
	margin-left: 20px;
}
#addEventModal_description,
#addEventModal_addPlace_description {
	display: block;
	border: 1px solid #d8d8d8;
	padding: 7px 12px;
	width: 350px;
	height: 60px;
	font-size: 12px;
}
.addEventStep .status {
	right: 40px !important;
}
#addEventModal_wrapper #addEventNavigation p{
	width: 408px;
	margin-left: 30px;
	position: relative;
	height: 50px;
}
#addVenueModal_wrapper #addVenueNavigation p {
	width: 380px;
	position: relative;
	height: 50px;
}
.privacySelect p{
	padding-left: 100px !important;
	position: relative;
	width: 330px !important;
}
.privacySelect p a {
	position: absolute;
	top: 18px;
	left: 30px;
	width: 46px;
	height: 39px;
	background-image: url(../images/addEventWho.png);
	background-repeat: no-repeat;
	text-indent: -300px;
	overflow: hidden;
}
.privacySelectPublic span, .public {
	color: #6aa626;
}
.privacySelectExclusive span, .exclusive {
	color: #f0b031;
}
.privacySelectPrivate span, .private {
	color: #c03616;
}
a.privacySelectPublic, .public span {
	background-position: -92px top;
}
a.privacySelectPublic.on, .public.on span {
	background-position: -92px bottom;
}
a.privacySelectExclusive, .exclusive span {
	background-position: -46px top;
}
a.privacySelectExclusive.on, .exclusive.on span {
	background-position: -46px bottom;
}
a.privacySelectPrivate, .private span {
	background-position: 0 top;
}
a.privacySelectPrivate.on, .private.on span {
	background-position: 0 bottom;
}
#addEventModal_wrapper p input.addEventNameField {
	border: 1px solid #d8d8d8;
	padding: 7px 12px;
	width: 300px;
}
#addEventNavigationPrev,
#addVenueNavigationPrev{
	float: left;
	display: block;
	height: 47px;
	padding-left: 45px;
	line-height: 47px;
	background: url(../images/addEventGoPrev.gif) no-repeat left center;
	text-align: right;
}
#addEventNavigationNext,
#addVenueNavigationNext {
	float: right;
	display: block;
	height: 47px;
	padding-right: 45px;
	line-height: 47px;
	background: url(../images/addEventGoNext.gif) no-repeat right center;
	text-align: left;
}
input.fieldError,
textarea.fieldError,
#addEventModal_wrapper p input.fieldError ,
#addEventModal_wrapper p textarea.fieldError,
#addVenueModal_wrapper p input.fieldError ,
#addVenueModal_wrapper p textarea.fieldError,
.modalCommentForm textarea.fieldError{
	border-color: #D63E3E;
}
.addEventTimeError {
	clear: both;
	width: 324px;
	margin-left: 40px;
	font-size: 12px;
	font-weight: bold;
}
#addEventModal_wrapper p strong, 
#addVenueModal_wrapper p strong {
	color: #D63E3E;
	background: #FFD7CF;
	padding: 4px 8px;
	text-align: center;
	display: block;
	clear: both;
}
#addEventModal_wrapper p #addEventModal_addPlace_address,
#addVenueModal_wrapper p #addEventModal_addPlace_address {
	width: 250px;
}
#addEventModal_addPlace_search {
	display: block;
	float: right;
	width: 100px;
	height: 47px;
	background-image: url(../images/addEventSearchPlace.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	line-height: 40px;
	text-indent: 14px;
	margin-top: -10px;
	display: none;
}
#addEventModal_addPlace_next {
	display: block;
	float: right;
	width: 100px;
	height: 47px;
	background-image: url(../images/addEventGoNext.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	line-height: 48px;
	text-indent: 14px;
	margin-top: -6px;
	display: none;
}
#addVenueModal_wrapper #addEventModal_addPlace_0 p label {
	height: auto;
	line-height: 18px;
	padding-bottom: 7px;
}
#addVenueModal_wrapper #addEventModal_addPlace_0 p label span {
	display: block;
	position: static;
	right: auto;
}
#addVenueModal_wrapper #addEventModal_addPlace_0 p em {
	font-size: 12px;
	font-weight: bold;
	color: #ADAC82;
}
#addEventSuccess {
	position: relative;
	display: none;	
	width: 448px;
	margin-left: 50px;
}
#addEventModal_wrapper #addEventSuccess p {
	width: 410px !important;
	padding: 25px 20px 15px;
	font-size: 18px;
	color: #adadad;
	font-weight: bold;
	text-align: center;
	line-height: 23px;
}
#addEventModal_wrapper #addEventSuccess p strong {
	color: #000;
	padding: 20px 0 60px;
	background: url(../images/addEventSuccessDeco.png) no-repeat center bottom;
	font-weight: bold;
}
#addEventModal_wrapper #addEventSuccess p strong span {
	color: #57abd5;
}
#addEventModal_wrapper #addEventSuccess p em {
	padding: 10px 0 0;
	position: absolute;
	height: 70px;
	width: 70px;
	left: 50%;
	margin-left: -28px;
}
#addEventModal_wrapper #addEventSuccess div.userPicWrapper {
	display: block;
	background: url(../images/avatarUp.png) no-repeat center;
	height: 55px;
	text-align: center;
	margin-bottom: -5px;
}
#addEventModal_wrapper #addEventSuccess div.userPicWrapper img {
	position: relative;
	left: -1px; top: 5px;
}
#addEventModal_wrapper #addEventSuccess a {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 20px;
	font-size: 19px;
	font-weight: bold;
	color: #000;
	height: 36px;
	padding: 4px 43px 0 0;
	background: url(../images/addEventSuccessClose.gif) no-repeat right top;
	line-height: 14px;
}
#addEventModal_wrapper #addEventSuccess a span {
	font-size: 10px;
	color: #7f7d4c;
	display: block;
}


/*
//----------------------------------------------
//   A v a t a r   C r o p p e r
//----------------------------------------------
*/

.ac_results {
	padding: 0px;
	overflow: hidden;
	z-index: 99999;
	position: absolute;
}

.ac_results ul {
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #D8D8D8;
	border-top: none;
	background-color: #FFFEF1;
	text-align: left;
	color: #57abd5;
}

.ac_results li {
	margin: 0px;
	padding: 10px;
	cursor: default;
	display: block;
	border-top: 1px solid #D8D8D8;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 14px;
	font-weight: bold;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 18px;
	overflow: hidden;
}

.ac_results li a {
	display: block;
	color: #57abd5;
}
.ac_results li a:hover {
	color: #000;
}

	/*because IE7 fails li:first-line*/
	.ac_results li span {
		display: inline-block;
		clear: both;
		width: 100%;
		
		color: #222;
		font-size: 11px;
		font-weight: normal;
	}


.ac_loading {
	background: white url(/images/ajaxload_med.gif) right center no-repeat;
}

.ac_odd {
	background-color: #fff;
}

.ac_over {
	background-color: #57abd5;
	color: #fff;
}
#avatarCropper {
	position: relative;
	top: 50%;
	width: 297px;
	height: 0;
	margin: -227px auto;
	overflow: hidden;
}
#avatarCropperWrapper {
	position: absolute;
	bottom: 0;
	width: 297px;
	height: 456px;
	overflow: hidden;
	background: url(/images/avatarCrop_back.gif);
}
#avatarCropperFind {
	display: block;
	position: absolute;
	width: 100px;
	height: 60px;
	background-image: url(../images/avatarCrop_controls.gif);
	background-repeat: no-repeat;
	background-position: left top;
	top: 378px;
	left: 16px;
	text-indent: -300px;
	overflow: hidden;
}
#avatarCropperFind:hover {
	background-position: left bottom;
}
#avatarCropperSave {
	display: block;
	position: absolute;
	width: 100px;
	height: 60px;
	background-image: url(../images/avatarCrop_controls.gif);
	background-repeat: no-repeat;
	background-position: 400px top;
	top: 378px;
	left: 116px;
	text-indent: -300px;
	overflow: hidden;
}
#avatarCropperSave.on {
	background-position: -100px 0;
} 
#avatarCropperSave.on:hover {
	background-position: -100px bottom;
} 
#avatarCropperClose {
	display: block;
	position: absolute;
	width: 66px;
	height: 60px;
	background-image: url(../images/avatarCrop_controls.gif);
	background-repeat: no-repeat;
	background-position: right top;
	top: 378px;
	left: 216px;
	text-indent: -300px;
	overflow: hidden;
}
#avatarCropperClose:hover {
	background-position: right bottom;
}
#avatarCropperTrigger {
	background: transparent url(../images/formSubmitSmall.png) no-repeat left top;
	width: 76px;
	height: 28px;
	text-indent: -300px;
	display: block;
	overflow: hidden;
}
#avatarCropperKnob {
	position: absolute;
	width: 19px;
	height: 18px;
	overflow: hidden;
	background: url(../images/avatarCrop_knob.png);
	top: 347px;
	left: 210px;
	/*left: 70px;*/
	display: none;
}
#avatarCropperUploading {
	width: 266px;
	height: 60px;
	top: 378px;
	left: 16px;
	position: absolute;
	background: url(../images/avatarCrop_uploading.gif);
	overflow: hidden;
	display: none;
}
#avatarCropperError {
	width: 266px;
	height: 60px;
	top: 378px;
	left: 16px;
	position: absolute;
	background: url(../images/avatarCrop_error.gif);
	overflow: hidden;
	display: none;
}
#avatarCropperError a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url(../images/avatarCrop_error.gif) no-repeat top right;
	width: 66px;
	height: 60px;
	overflow: hidden;
	text-indent: -300px;
}
#avatarCropperLoading {
	position: absolute;
	background: #fff url(../images/ajaxload_med.gif) no-repeat center;
	width: 266px;
	height: 266px;
	top: 67px;
	left: 16px;
	display: none;
}
#avatarCropperSaving {
	width: 266px;
	height: 60px;
	top: 378px;
	left: 16px;
	position: absolute;
	background: url(../images/avatarCrop_saving.gif);
	overflow: hidden;
	display: none;
}
#avatarCropperSuccess {
	width: 266px;
	height: 60px;
	top: 378px;
	left: 16px;
	position: absolute;
	background: url(../images/avatarCrop_success.gif);
	overflow: hidden;
	display: none;
}
#avatarCropperClear {
	position: absolute;
	width: 266px;
	height: 266px;
	top: 67px;
	left: 16px;
	display: none;
	overflow: hidden;
	cursor: move;
}
#avatarCropperClear div {
	position: absolute;
	border: 1px solid #000;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 264px;
	height: 264px;
}
#avatarCropperClear div img {
	position: absolute;
}
#avatarCropperClear div div {
	border: 0px;
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#avatarCropperDim {
	position: absolute;
	width: 266px;
	height: 266px;
	top: 67px;
	left: 16px;
	display: none;
	overflow: hidden;
	cursor: move;
}
#avatarCropperDim img {
	position: absolute;
}
#avatarCropperDim div {
	position: absolute;
	width: 266px;
	height: 266px;
	top: 0;
	left: 0;
	background: #fff;
}
div.toolTip {
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	padding: 6px 10px;
	background: #000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	color: #fff;
}
#loader, 
#loaderSidebar {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 41px;
	height: 41px;
	margin: 75px 0 0 125px;
	z-index: 4000;
	background: url(../images/loader_back.png);
}

#loader {z-index:5000;}

#notifications #loader {
	margin:0px;
	top:0%;
	left:100%;
	position:relative;
	display:none;
}

#loader img,
#loaderSidebar img {
	position: absolute;
	top: 8px;
	left: 8px;
}
#loaderSidebar {
	left: 0;
	margin-left: 130px;
	}


/*
//----------------------------------------------
//   E r r o r s   a n d   M e s s a g e s
//----------------------------------------------
*/

.noticeDescription,
.errorDescription {
	position: relative;
	text-align: left;
	clear: both;
	width: 689px; min-height: 18px;
	padding: 14px 10px 10px 48px;
	margin: 0 0 0 42px;
	font-size: 16px;
	-moz-border-radius: 4px;
	background: #000;
	color: #fff;
	}
	
	.noticeDescription span,
	.errorDescription span {
		height: 32px;
		left: 6px; top: 4px;
		min-height: 28px;
		position: absolute;
		width: 31px;	
		}
		.noticeDescription span { background: url(../images/flashers.png) no-repeat; }
		.errorDescription span { background: url(../images/flashers.png) no-repeat -34px 0; }
		
#signup .noticeDescription,
#signup .errorDescription,
#login .noticeDescription,
#login .errorDescription { 
	width: 669px;
	margin-left: 25px;
	}
		
.errorMessage {
	display: none;
	width: 320px;
	padding: 25px 15px 10px 15px;
	background: #CC0000 url(/images/errorArrow.png) no-repeat -420px top !important;
	color: white;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	background: #cc0000;
	}

	.error .errorMessage {
		display: block;
		}
		
	.errorMessage.errorWide,
	#passwordMessage {
		position: relative;
		clear: both;
		width: 720px !important;
		top: 15px;
		margin: 0 25px;
		}
		
			.errorMessage.errorRight { float: right; }
			.errorMessage.errorLeft { float: left; }
				
	#passwordMessage div {
		text-align: left;
		width: 390px;
		top: 0;
		margin: 0 0 8px 10px;
		padding: 0;
		background: none;
		float: left;
		font-size: 12px;
		line-height: 18px;
		}

	#passwordMessage p {
		font-size:12px;
	}
	/*
	.message { 
		position: relative;
		clear: both;
		width: 730px;
		top: 10px;
		margin: 22px;
		padding: 15px 0px 15px 15px;
		color: white;
		text-align: left;
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		background: #ccc;
		}*/
	
	.errorRow {
		clear: both;
		height: 80px;
		width: 800px;
		}
		
	#forgottenEmail {
		width: 220px;
		height: 10px;
		padding: 10px;
		border: 4px solid #990000;
		color: #999999;
		font-weight: bold;
		}
		
	#sendPassword {
		padding: 8px;
		margin-left: 5px;
		border: 0px;
		background: #330000;
		color: white;
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
		}	
	
#login .errorExplanation a {
	display: block;
	text-align: center;
	}
	
	#loginPasswordRetrieve { 
		position: absolute;
		top: 0;
		margin: 380px 0 0 450px !important;
		}
	
#signup .errorExplanation h2 {
	font-size: 18px;
	font-weight: bold;
	}
	
.error500Content { 
	width: 800px;
	height: 138px;
	margin: 85px auto;
	padding: 160px 0 20px 0;
	background: url('/images/error500.jpg') no-repeat;
	text-align: left;
	}
	
	.error500Content .errorHome {
		position: absolute;
		display: block;
		top: 85px;
		width: 790px; height: 140px;
		border: none;
		}
		
	.error500Content .colin {
		float: left;
		margin-left: 10px;
		}

	.error500Message {
		float: left;
		width: 612px;
		height: 84px;
		padding: 20px 0 0 30px;
		margin-left: 20px;
		background: url('/images/error500MessageBack.png') no-repeat;
		}
		
		.error500Content h1 {
			font-size: 18px;
			font-weight: bold;
			line-height: 1.25em;
			display: inline;
			color: #cc0000;
			}
			
		.error500Content h2, .error404Content h2 {
			display: inline;
			font-size: 18px;
			font-weight: bold;
			line-height: 1.25em;
			color: #000;
			}
		
		.error500Content p, .error404Content p { font-weight: bold; }	
			.error404Content p { margin-top: 10px; }

				
		.error500Content a, .error404Content a, #passwordMessage a {
			border-bottom: 1px solid #000;
			}

			.error500Content a:hover, .error404Content a:hover {
				color: #737373;
				}
				
		.error500Bottom	{
			display: block;
			width: 793px;
			height: 18px;
			margin: 20px auto;
			background: url('/images/error500Bottom.png') no-repeat;
			}
			
	.error404Content {
		width: 882px;
		height: 233px;
		margin: 85px auto;
		background: url('/images/error404.png') no-repeat;
		text-align: left;
		}
		
		.error404Content .errorHome {
			position: absolute;
			display: block;
			top: 85px;
			width: 410px; height: 235px;
			border: none;
			}
			
		.error404Message {
			float: left;
			width: 425px;
			height: 80px;
			margin: 75px 440px;
			}
			



/*
//----------------------------------------------
//   M o d a l s
//----------------------------------------------
*/	
	

/* Tools */

.hidden {
	display: none;
	}

.blue, a.blue, .blue * { font-weight: bold; color: #3399cc !important; }
.red, a.red, .red * { font-weight: bold; color: #c00 !important; }
.blueField { background: #3399cc none !important; }
	.errorMessage.blueField { padding-top: 15px; }

#account .blueField { background: #39c url(../images/noticeArrow.png) no-repeat -420px 0px !important; padding-top: 25px;}

#account .errorMessage a {border-bottom: 1px solid #000; }

.row { display: block; clear:both;}
/*.row * { display: inline; text-align: center; }
*/
.menu li { float: left; }	
.menu li a { display: block; width: 100%; height: 100%; color: white; }


/* Containers */
	
#modalContainer {
	z-index: 5000;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	}
		
.modalOverlay {
	position: absolute;
	z-index: 39;
	top: 0; left: 0;
	height: 100%; width: 100%;
	}

	
	.modalWindow {
		position: absolute;
		z-index: 50;
		text-align: left;
		top:50%; left: 50%;
		}
		
		/* target IE7 only to correct a heinous content shifting bug */
		*:first-child+html .modalWindow,
		*:first-child+html #modalEventControls {
			top: expression(((document.body.clientHeight / 2) - 27) + 'px');
		}
		
		#outsideModalClose {
			position: fixed;
			top: 0;
			left: 0;			
			width: 100%;
			height: 100%;			
			z-index: 49;
			filter:alpha(opacity=25);
			-moz-opacity:.25;
			opacity:.25;
			background: white;
			}
		
		.modalMapWindow {
		  	position:relative;
  		    background: #ffffff;
  			text-align: left;
  			padding-top:1px;
  			z-index: 52;	  
		  	}

		.big .modalWindow, .big .modalMapWindow { 
			width: 994px; height: 572px; 
			margin-top: -290px; margin-left: -497px;
			background: url("../images/modalEventBack.png") no-repeat;
			}
			
		.med .modalWindow, .med .modalMapWindow { 
			width: 656px; height: 429px; 
			margin-top: -200px; margin-left: -320px;
			background: url("../images/modalMedBack.png") no-repeat;
			}

		.embed .modalWindow, .embed .modalMapWindow { 
			width: 509px; height: 575px; 
			margin-top: -290px; margin-left: -254px;
			background: url("../images/embed-modal.png") no-repeat;
			}

.big #confirmModal .modalHeader, .big .modalContent {
	position: relative;
	width: 994px;
	padding-left: 23px;
	margin-right: 23px;	
	float: left;
	display: block;
	}
	
	.small #confirmModal .modalHeader, .small .modalContent {
		position: relative;
		margin-left: 26px;
		width: 386px;
		display: block;
		}

		.embed #confirmModal .modalHeader, .embed .modalContent {
			position: relative;
			width: 509px;
			padding-left: 23px;
			margin-right: 23px;	
			float: left;
			display: block;
			}

		.modalTop { margin-top: 20px; display: block; color: white;}
			
			.modalTop * { padding-left: 45px; }
		
			.modalTop h2{ padding: 20px 0 2px 20px; font-size: 20px;}
		
		.modalUser {
			position: absolute;
			text-align: right;
			top: 33px;
			right: 130px;
			}
		
	.modalContent { z-index: 53; }
	
		.big .modalContent { 
			height: 555px; 
			}
		
		.small .modalContent { 
			margin-top: 15px;
			}

			.embed .modalContent { 
				height: 555px; 
				}	
	
		.modalCol {
			float: left;
			position: relative;
			margin-top: 15px;
			}
			
			/* whats this shit need yo */
			#modalList { overflow: hidden; height: 275px; position: relative; }			
					
			.modalEventLeftCol { width: 355px; margin-left: 10px; padding: 25px 40px; }
			
			.modalEventRightCol { float: left; width: 465px; margin: 15px 0 0 5px; }
			
			.embed .modalEventRightCol { display: none;}
			
/* modal content elements */


	#modalEventCreator {
		text-align:center;
		height: 50px;
		margin: 10px 0 50px 5px;
		padding-top: 10px;
		}
		
		#modalEventCreator .userPicMedium { margin-top: -5px; }
		#modalEventCreator .userPicMedium img { float: left; }
			
		#modalEventCreator li { padding: 0; font-size: 14px; }
		
		#modalEventCreator h2 {
			overflow: hidden;
			text-align: left; 
			max-width: 260px;
			max-height: 42px;
			margin: 0 0 5px 0;
			line-height: 1.05em;
			}
			#modalEventThisIsYou { display: none; }
		#modalEventCreator span {
			float: left;
			font-size: 14px;
			font-weight: bold;
			}	
		.modalContent h2 {
			font-size: 20px;
			font-weight: bold;
			}	
		
		#eventModalName { 
			overflow: hidden;
			max-height: 55px;
			max-width: 340px;
			}	

	.eventModalLocation {
		overflow: hidden;
		max-height: 55px;
		width: 340px;
		text-align:center;
		clear: none;
		float:left;
	}
		.modalContent .eventName { margin-bottom: 0px; font-size: 18px !important;  }
	
		#eventModalDescription { 
			overflow: hidden;
			max-height: 100px;
			margin: 10px 0;
			line-height: 14px;
			}
	#attendanceMessage {
		white-space: nowrap;
		margin-top:0;
	}
	#modalEventHeadings * { 
		text-align: center; 
		color: #000; 
		font-weight: bold; 
		line-height: 1.25em;
		}

#modalEventHeadings .eventModalAddress {
	font-size: 12px;
	font-weight: normal;
	color: #999;
	padding-bottom:8px;
	clear:both;
}
#modalEventHeadings .dateRange {
	font-size: 14px;
}
#modalEventHeadings .eventModalLocation {
	font-size: 16px;
}
	#commentList {
		position: absolute;
		width: 465px;
		height: 275px;
		overflow: hidden;
		}
	#commentList .userMenu {
		margin-left: 1px;
		margin-top: -18px;
		}
		
		#commentList .userMenu li {
			min-height: 17px;
			}	
	#attendanceList {
		font-size: 14px;
		font-weight: bold;
		color: #3399CC;
		height: 290px;
		position:absolute;
		width: 465px;
		overflow: hidden;
		}		
		#attendanceList li {
			width: 100%; height: 22px;
			padding: 5px 50px 10px 0;
			}
		
		
		#attendanceList .userLink { float: left; }
		#attendanceList .actionAddFriend { color: inherit; }
		#attendanceList .thisIsYou { color: #333; }
		#attendanceList .attendanceInfo {
			float:right;
			padding-top:5px;
			text-align:right;
			width:382px;
			}
	
	#modalEventMenu { 
		display: block;
		height: 100px;
		margin-left: 460px;
		}
	.embed #modalEventMenu { display:none;}
		#modalEventMenu li {
			margin-top: 10px;
			}
		
			#modalEventMenu li {
				float: left;
				width: 115px;
				background: url(../images/modalEventMenu.png) no-repeat right 25px;
				}
		
				#modalEventMenu li:hover, #modalEventMenu .on {
					background-position: left 25px;
					}		
			
				#modalEventMenu .on { /* temporary while we have only one tab */
					display: block; 
					}	

				#modalEventMenu a {
					padding: 40px 0;
					color: white;
					font-size: 16px;
					text-align: center;
					}			
	
	#modalAttendance .userMenu {
		margin-top: 25px !important;
		}
		
	#userAttendance {
		margin-top: 10px;
		white-space: nowrap;
		overflow: auto;
	}

	#userAttendance li {
		float: left;
		width: auto;
		margin: 0; padding: 0;
		}
		
	#modalEventControls {
		position: absolute;
		width: 375px; height: 31px;
		left: 50%; top: 50%;
		margin: 209px 0 0 -428px;
		z-index: 60;
		background: url(../images/modalEventControlsBack.png) no-repeat;
		}

		.embed #modalEventControls {
			margin-left: -184px;
			margin-top: 212px;
		}
		
		#modalEventControls li { margin-top:3px; }
		#modalEventControls, #modalEventControls a { color: #ccc; }		
		#eventModal .modalWindow.showMap { filter:alpha(opacity=25); -moz-opacity: .25; opacity: .25; }
		#eventModal .modalWindow.showMap .modalEventControls { width: 261px; padding-left: 271px; }
		#eventModal .modalWindow.showMap #modalEventControls,
		#eventModal .modalWindow.showMap #modalEventControls * { -moz-opacity: 1 !important; }
	
		#modalEventControls a:hover {
			background-color: #71c9f1;
		}

		#modalEventButtonControlToRilli {
			display:none;
		}

		.embed #modalEventButtonControlToRilli {
			display:list-item;
		}

		#modalEventButtonControlSimpleView a:hover {
			color: #fff !important;
			background: url(../images/modalEventControlsBack.png) 0 28px;
			}
			
		#modalEventButtonControlEdit a:hover,
		#modalEventEditCancel a:hover,
		#modalEventButtonControlHide a:hover,
		#modalEventButtonControlShow a:hover,
		#modalEventEditSave a:hover {
			color: #fff !important;
			background: url(../images/modalEventControlsBack.png) 105px 28px;
			}		
			
		#modalEventButtonControlCancel a:hover {
			color: #fff !important;
			background: url(../images/modalEventControlsBack.png) -286px 28px;
			}
					
		
		#modalEventEdit {
			display: none;
			margin-top: -50px;
			}

			.modalEventEditOn #modalEventEdit { display: block; }
			.modalEventEditOn #modalEventHeadings,
			.modalEventEditOn #eventModalDescription,
			.modalEventEditOn #modalAttendance,
			.modalEventEditOn .modalEventRightCol {
				display: none;
				}

		#modalEventEdit .account {
			position: relative;
			clear: both;
			top: -65px;
			width: 931px !important;
			}	
		#modalEventEdit .left {
			margin-left: 50px;
			}
		#modalEventEdit .right {
			margin: 0 0 0 27px;
			width: 458px;
			}

		#modalEventEdit .privacySelect {
			width: 225px;
			text-align: left;
			}

			#modalEventEdit .privacySelect h3 {
				text-align: left;
				width: 455px;
				padding: 15px 0 5px;
				background: url(/images/horizontalRule.png) repeat-x bottom;
				font-weight: bold;
				font-size: 14px;
				color: #000;
				}

			#modalEventEdit .privacySelect p { 
				width: 305px;
				padding-bottom: 0;
				}

		#modalEventControls a { 
			display: block; 
			width: auto; height: 100%; 
			padding: 8px 18px 4px 18px;
			}

		.modalEventEditOn #modalEventControls li,
		.modalEventEditOn #modalEventControls a { display: none; }	
		.modalEventEditOn #modalEventEditSave,
		.modalEventEditOn #modalEventEditCancel,	
		.modalEventEditOn #modalEventEditSave a,
		.modalEventEditOn #modalEventEditCancel a { display: block !important; }

		#modalEventButtonControlCancel a { width: 46px; }			

		#modalEventEditSave a {
			display: none;
			padding: 8px 18px 4px;
			color: #fff;
			background: url(../images/modalEventControlsBack.png) -1px 28px;
			}

		#modalEventEditCancel a {
			display: none;
			color: #fff;
			background: url(../images/modalEventControlsBack.png) -10px 60px;
			}

	#modalEventButtonControlSimpleView, #modalEventButtonControlHide, #modalEventButtonControlShow, #modalEventButtonControlEdit {
		border-right: 1px solid #666;
		}

	/* This causes two control divs to be highlighted. Commenting out until this can be tested locally*/ 
	/*width: 166px; height: 14px;
		margin: 521px 0 0 157px;
		padding: 7px 101px;
		z-index: 54;
		}
		
	#modalEventControls {
		background: url(../images/modalEventBack.png) -68px -502px;
		}	
	.hidden #modalEventControls, .hidden #modalEventControls * { display: block !important; }	
		*/

.modalClose a {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	height: 27px; width: 27px;
	left: 27px; top: 27px;	
	text-indent: -9999px;
	background: url("../images/modalClose.png") no-repeat;
	z-index: 54;
	overflow: hidden;
	}
	
	.med .modalClose a {
		margin-top: -20px;
		margin-left: 12px;
		}
	
	#welcome #addPhoto {
		float: right;
		width: 150px;
		margin-top: 65px;
		}
		
	#welcome #msgHolder	{
		position: relative;
		top: 35px;
		}
		
	#welcome .fileInput {
		width: 400px;
		float: left;	
		}	
		
#attendanceControlAdd,
#attendanceControlRemove {		
		display: block;
		float: left;
		height: 30px; 
		margin: -2px 0 0 0;
		font-weight: bold;
		text-decoration: none;
		}

.embed #attendanceControlAdd,
.embed #attendanceControlRemove { display: none !important;}

		#attendanceControlAdd {
			background: url("../images/iconAdd.png") no-repeat;
			color: #336600;
			}
		#attendanceControlRemove {
			background: url("../images/iconRemove.png") no-repeat;
			color: #cc0000;
			}

			#modalAttendance #attendanceControlAdd.loading,
			#modalAttendance #attendanceControlRemove.loading {
				background: url("../images/ajaxload_med.gif") left 5px no-repeat;
				}

			#attendanceListControl #attendanceControlAdd.loading span,
			#attendanceListControl #attendanceControlRemove.loading span {
				background: url(/images/ajaxload_med.gif) left center no-repeat;
				left:-33px;
				padding:3px 0;
				position:relative;
				white-space:nowrap;
				display: inline-block;
				}
			
			#attendanceListControl #attendanceControlRemove.loading span {
				padding-left: 54px;
				top: -3px;
			}
			#attendanceListControl #attendanceControlAdd.loading span {
				padding-left: 65px;
				top: -3px;
			}

#attendanceListControl { display: none; }	
#attendanceListControl .message {
	position: absolute;
	bottom: 15px;
	margin-left: 85px;
	}	

.modalEventRightCol .message {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}

.modalEventRightCol .message a {
	color: #3399cc !important;
	border-bottom: 1px solid #3399cc;
}

.modalEventRightCol .commentLurkerConverter,
#attendanceListControl .attendanceLurkerConverter {
	position: relative;
	top: 32px;
	left: 25px;
	margin-left:0px;
}

#attendanceListControl #attendanceControlAdd,
#attendanceListControl #attendanceControlRemove {
	float: right;
	display: block;
	width: 120px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	padding: 15px 0 0 0;
	color: white;
	margin-top: 15px;
	}

#attendanceListControl #attendanceControlAdd {
	background: url(/images/buttonSubmit.png) no-repeat 0 -46px;
	}

#attendanceListControl #attendanceControlRemove {
	background: url(/images/buttonSubmit.png) no-repeat 0 -92px;
	}
	
	.modalAdd a span {
		display: block;
		float: left;
		margin: 9px 0 0 32px;
		}
			
		.modalAdd .userMenu {
			margin-left: 1px;
			margin-top: 24px;
			}
		
	.userMenu a {
		float: none;
		background: none;
		}
		
	.modalContent .profilePicSmall {
		float: left;
		display: block;
		margin: 0 -15px 0 -5px !important;
		}

#confirmModal .modalHeader h2 { font: bold 18px/18px arial, sans-serif; }
	.modalUser h2 { color: #ccc; }
	.small #confirmModal .modalHeader h2 { text-align: center; font-size: 22px; color: #333; }
	
	
.modalMasthead h2 { font: bold 24px/24px arial, sans-serif; 
	color: #000;
	margin: 15px 0 5px 0;
	}


	.small .modalContent h2 {
		text-align: center;
		color: #111;		
		padding: 5px;
		line-height: 1.25em;
		}

.modalContent h4 {
	margin: 8px 0 0 0;
	font: bold 15px/18px arial, sans-serif;
	color: #000;
	}
	
.modalCol li {
	position: relative;
	display: block;
	width: 100%;
	margin: 5px 0;
	padding: 5px 0;
	}
	.modalCol li.alt { background: #e7f5ff; }
	
.modalContent p.message {
	text-align: center;
	width: 340px;
	margin: 0 auto 15px auto;
	}
.modalContent p.message a { color: #0099CC; }

.account .notifications {
	width: 285px; height: 41px;
}
.modalContent .permissions { 
	width: 285px; height: 35px;
	margin: 0 auto 15px auto; 
	}

#commentList li {
	min-height: 58px;
	color: #333;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	}
#commentList li:first-child {
	padding-top:0px;
}
	#commentList .commentInfo { display: block; font-weight: bold; }
	#commentList .userPic { float: left; }

#commentList li p {
	padding: 2px 10px 0px 75px;
}

#commentList li.deleting {
	background-color: #c00;
}

#commentList .commentTools {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

#commentList h5 {
	padding-top:4px;
	line-height: 80%;
	font-size: 14px;
}

#commentList a.userPicMedium {
	padding-right:0px;
}

#commentList .commentTools a {
	color: #39c;
}

#commentList li.adding .commentTools span {
	visibility: hidden;
}

#commentList textarea {
	width:350px;
	height:75px;
}

#commentList li.editing p {
	display: inline-block;
}

#commentList li .spinner {
	width:24px;
	height:24px;
	display: inline-block;
	text-indent: 48px;
	overflow:hidden;
	position:absolute;
	left: 230px;
	top: 65px;
}

#commentList li .ac_loading {
	background: white url(/images/ajaxload_med.gif) no-repeat !important;
}

#commentList img {
	max-width: 355px;
	max-height: 245px;
}

.modalCommentForm textarea {
	float: left;
	width: 340px;
	height: 40px;
	margin-top: 20px;
	padding: 10px;
	border: 2px solid #ccc;
	background: url(/images/commentFormBack.png) repeat-x;
	}


.modalCommentForm button, 
.modalWindow form button {
	margin-top: 35px;
	padding-bottom:3px;
	color: #fff;
	background: url(/images/buttonSubmit.png) no-repeat;
	height: 38px; width: 81px;
	cursor: pointer;
	float: right;
	outline: none;
	border: none;
	text-align: center;
	font-size: 16px;
	}
		
	
/* styles for js inline editing */
#description textarea {
	width: 400px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background: #fff;
	}

.dateRange {
	margin-top: 0px !important;
}

/*
//----------------------------------------------
//   S h a r i n g
//----------------------------------------------
*/

#sharePreview {
  background: url("../images/modalShareBackground.png") 115px 65px no-repeat;
  height: 290px;
  text-align: center;
  padding: 241px 75px 0 75px;
  display: none;
}
#sharePreview {
  font-size: 14px;
  font-weight: bold;
  color: #999;
}

#modalShare {
  width: 366px;
  display: none;
  background: url("../images/shareModuleHeader.png") no-repeat;
  position: relative;
  left: -4px; top: 11px;
}

#modalShare h4 {
  display: block;
  position: absolute;
  left: 11px; top: 13px;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
}

#modalShare .shareOptions {
  background: url("../images/shareModuleChooseOne.png") 11px 42px no-repeat;
  padding-left: 103px;
  overflow: auto;
}
#modalShare .shareOptions li {
  float: left;
  width: auto;
  margin: 0 6px; padding: 0;
}
#modalShare .shareOptions a {
  display: block;
  
  font-size: 11px;
  font-weight: bold;
  color: #069;

  height: 20px;
  padding-top: 39px;
}
#modalShare .shareOptions .shareByLink {
  background: url("../images/shareModuleOptionLink.png") center 21px no-repeat;
}
#modalShare .shareOptions .shareByTwitter {
  background: url("../images/shareModuleOptionTwitter.png") center 22px no-repeat;
}
#modalShare.linkMode .shareByLink a,
#modalShare.twitterMode .shareByTwitter a {
  background: url("../images/shareModuleOptionSelected.png") bottom center no-repeat;
}

#modalShare .shareArea {
  background: url("../images/shareModulePanel.png") no-repeat;
  height: 107px;
  position: relative;
}

#modalShare .shareArea h5 {
  font-size: 11px;
  font-weight: bold;
  color: #CFF;
  height: 22px;
  padding: 7px 8px 0;
}
#modalShare .shareArea p {
  color: #000;
}
#modalShare .shareArea p.message,
#modalShare .shareArea textarea {
  margin: 0 5px;
  background: #FFF;
}
#modalShare .shareArea textarea {
  height: 53px;
  border: 0;
  padding: 10px 10px;
  width: 336px;
  color: #333;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
#modalShare .shareArea p.message {
  padding: 23px 10px 10px 10px;
  height: 40px;
  width: 336px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-align: center;
}
#modalShare .shareArea p.message strong { font-weight: bold; }
#modalShare .shareArea p.failure strong { color: #900; }
#modalShare .shareArea p.success strong { color: #690; }
#modalShare .shareArea p.link {
  padding: 28px 0 0 0;
  height: 45px;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  font-style: italic;
  width: auto;
}
#modalShare .shareArea p.characterCount {
  font-family: Georgia, "Times New Roman", Times, serif;
  position: absolute;
  right: 9px;
  top: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
}
#modalShare .shareArea p.characterCount .over { color: #B00; }
#modalShare .shareArea input {
  position: absolute;
  right: 11px; top: 105px;
  width: 73px; height: 27px;
  border: 0;
  color: #FFF;
  background: url("../images/buttonBottomTab.png") 0 2px no-repeat;
  cursor: pointer;
  font-weight: bold;
}
#modalShare .spinner {
	width:24px;
	height:24px;
	position:absolute;
	left: 171px;
	top: 100px;
	background: white url(/images/ajaxload_med_blue.gif) no-repeat !important;
	display: none;
}

/* Confirm Modal */

.modalDialogue {
	color: black;
	font-size: 14px;
	}
	
	.modalDialogue .modalWindow {
		width: 502px;
		height: 430px;
		margin-left:-230px; 
		margin-top:-162px;
		background: url("../images/modalDialogueBack.png") no-repeat;		
		}
		
		.modalDialogue .modalWindow p a:hover, .modalDialogue .modalWindow #modalPerson a:hover { background: #000; color: #fff !important; }
	
	.modalDialogue #confirmModal .modalHeader, .modalDialogue .modalContent {
		margin-left: 59px;
		}
			
	.modalDialogue .modalContent { margin-top: 85px; }
	.modalDialogue .modalHeader { text-align: center; margin-bottom: 30px; color: #666; }
		.modalDialogue .buttons { text-align: center; width: 300px; margin: 0 auto; height:34px;}
		.account .notifications a,
		.modalDialogue .permissions a {
			float: left;
			width: auto;
			font-size: 16px;
			font-weight: bold;
			line-height: 38px;
			}
		
		.account .notifications span,
		.modalDialogue .permissions span {
			display: block;
			float: left;
			width: 46px; height: 39px;
			margin-right: 10px;
			background-image: url(../images/addEventWho.png);
			}
			.modalDialogue .exclusive,
			.account .exclusive { float: right; margin-left: 50px; }
			.modalDialogue .subject { width: 366px; }	
				.subject .dialogueSubjectName { 
					}
		
	.modalDialogue .subject { 
		height: 20px;
		margin: 25px 0;
		padding: 10px;
		background: #eff8fd;
		}
		
		.subject .center { display: block; margin: 0 auto; }

		.modalDialogue .subject a h3 { 
			display: inline;	
			white-space: nowrap;
			font-size: 18px;
			font-weight: bold;
			color: #0099CC;
			}
			
		.modalDialogue .subject .userPic {
			display: block;
			float: left;
			position: relative;
			top: -15px;
			width: 55px; height: 52px;
			background: url(../images/avatarUp.png) no-repeat;
			}			
			
			.modalDialogue .subject img {
				position: absolute;
				left: 5px;
				top: 5px;
				}

	.modalDialogue #modalPerson { 
		position: absolute;
		width: 200px; height: 26px;
		bottom: 45px;
		margin: 0 0 0 145px; 
		padding: 10px 0 0 40px;
		font-weight: bold;
		color: #666;
		}			
	.modalDialogue #modalPerson.colin { background: url(../images/colinSmall.png) no-repeat left center; }	
	.modalDialogue #modalPerson a { color: #0099CC; border-bottom: 1px solid #0099CC; }	
	
	.modalDialogue.cancelEvent .subject,
	.modalDialogue.cancelEvent .permissions,
	.modalDialogue.cancelledEvent .subject,
	.modalDialogue.subscribeConfirm .permissions,
	.modalDialogue.unsubscribeConfirm .permissions,
	.modalDialogue.cancelledEvent .permissions,
	.modalDialogue.notFollowingPermissionsDialogue .permissions,
	.modalDialogue.notFollowingPermissionsDialogue .subject,
	.modalDialogue.permissionsDialogue .modalClose a,
	.modalDialogue.pickAvatar .subject,
	.modalDialogue.pickAvatar .permissions {
		display: none;
		}
	
	.modalDialogue.pickAvatar .formStyle { margin-left: -8px; }
	.modalDialogue.pickAvatar #styled { display: none; }
		

/* Welcome */
	#welcomeLurkerModal, .introUserModal { display: none; }
		.welcomeModal em, #welcomeLurkerModal em { font-weight: bold; color: #000; }
		
		#welcomeLurkerModal .no { margin-right: 16px; }
		#welcomeLurkerModal .yes { margin-right: 0; }
		
		#welcomeLurkerModal.welcome1 .modalWindow {
			left: 0;
			margin-left: 364px;
			}

			#welcomeLurkerModal.welcome1 .modalWindow {
				left: 0;
				margin-left: 364px;
				}

		#welcomeLurkerModal.welcome2 .modalWindow {
			right: 50%; left: auto; top: 0;
			margin-top: 0;
			margin-right: -415px;
			}

		#welcomeLurkerModal.welcome3 .modalWindow {
			top: 0;
			margin-left: -500px;
			margin-top: 155px;
			}	

		#welcomeLurkerModal.welcome4 .modalWindow {		
			left: auto !important;
			top: 0; right: 0;
			margin-right: -20px;
			margin-top: 179px;
			}

		#welcomeLurkerModal.welcome5 .modalWindow {		
			left: 0;
			top: 0;
			margin-left: -22px;
			margin-top: 275px;
			}

		.modalWelcomeArrow { position: absolute; display: block; }
		.welcome1 .modalWelcomeArrow { 
			width: 73px;
			height: 159px;
			left: 0; top: 50%;
			}

			.welcome1 .modalWelcomeArrow { 
				margin-left: 330px;
				background: url(/images/welcomeArrowLeft.png) no-repeat;
				}
				
			.welcome3 .modalWelcomeArrow {
				width: 73px;
				height: 159px;
				left: 50%; top: 0;
				margin-left: 330px;
				background: url(/images/welcomeArrowRight.png) no-repeat;
				}
				
			.welcome2 .modalWelcomeArrow { 
				width: 159px;
				height: 73px;
				right: 50%; top: 0;
				margin-right: -240px;
				margin-top: 395px;
				background: url(/images/welcomeArrowBottom.png) no-repeat;
				}
				
		.welcome4 .modalWelcomeArrow,
		.welcome5 .modalWelcomeArrow { 
			width: 159px;
			height: 73px;
			top: 0;
			background: url(/images/welcomeArrowTop.png) no-repeat;
			}	

			.welcome3 .modalWelcomeArrow { 
				margin-left: -45px;
				margin-top: 290px;
				}
			.welcome4 .modalWelcomeArrow { 
				right: 0;
				margin-right: 5px;
				margin-top: 145px;
				}		
			.welcome5 .modalWelcomeArrow { 
				left: 0;
				margin-left: 12px;
				margin-top: 256px;
				}
				
			#welcomeLurkerModal_1,
			#welcomeLurkerModal_2,
			#welcomeLurkerModal_3,
			#welcomeLurkerModal_4,
			#welcomeLurkerModal_5 {
				display: none;
				}

			.welcome1 #welcomeLurkerModal_1 { display: block; }	
			.welcome1 #welcomeLurkerModal_0,
			.welcome1 #welcomeLurkerModal_2,
			.welcome1 #welcomeLurkerModal_3,
			.welcome1 #welcomeLurkerModal_4,
			.welcome1 #welcomeLurkerModal_5 {
				display: none;
				}			
			.welcome2 #welcomeLurkerModal_2 { display: block; }	
			.welcome2 #welcomeLurkerModal_0,
			.welcome2 #welcomeLurkerModal_1,
			.welcome2 #welcomeLurkerModal_3,
			.welcome2 #welcomeLurkerModal_4,
			.welcome2 #welcomeLurkerModal_5 {
				display: none;
				}	
			.welcome3 #welcomeLurkerModal_3 { display: block; }	
			.welcome3 #welcomeLurkerModal_0,
			.welcome3 #welcomeLurkerModal_1,
			.welcome3 #welcomeLurkerModal_2,
			.welcome3 #welcomeLurkerModal_4,
			.welcome3 #welcomeLurkerModal_5 {
				display: none;
				}					
			.welcome4 #welcomeLurkerModal_4 { display: block; }	
			.welcome4 #welcomeLurkerModal_0,
			.welcome4 #welcomeLurkerModal_1,
			.welcome4 #welcomeLurkerModal_2,
			.welcome4 #welcomeLurkerModal_3,
			.welcome4 #welcomeLurkerModal_5 {
				display: none;
				}			
			.welcome5 #welcomeLurkerModal_5 { display: block; }						
			.welcome5 #welcomeLurkerModal_0,
			.welcome5 #welcomeLurkerModal_1,
			.welcome5 #welcomeLurkerModal_2,
			.welcome5 #welcomeLurkerModal_3,
			.welcome5 #welcomeLurkerModal_4 {
				display: none;
				}				
				

.sidebarDateMarker { 
	background: url(../images/sidebarDateMarker.png);
	color: white;
	} 
	
	a.userPicMedium {
	display: block;
	/*position: absolute;*/
	float: left;
	width: 65px;
	height: 56px;
	background: url(../images/avatarUp.png) no-repeat;
	top: 15px;
	padding: 5px;
	margin: 0 0 -10px 5px;
	}
	a.userPicMedium:hover, 
	a.userPicMedium.on {
		background: url(../images/avatarDown.png) no-repeat !important;
		}
a.profilePic img {
	position: absolute;
	top: 5px;
	left: 5px;
	}
/*	#modalEventCreator a.userPicMedium:hover {
	background: url(../images/avatarUp.png) no-repeat !important;
	}
*/	
	a.userPicSmall {
	display: block;
	width: 36px;
	height: 34px;
	background: url(../images/avatarSmallUp.png) no-repeat;
	overflow: hidden;
	float: left;
	position: relative;
	margin-left: 5px;
	}
a.userPicSmall img {
	position: absolute;
	top: 3px;
	left: 3px;
	}
a.userPicSmall:hover,
a.userPicSmall.on {
	background: url(../images/avatarSmallDown.png) no-repeat;
	}
	
	.modalDialogue, #eventModal {display: none;}
	
	#recaptcha_widget_div {clear:both; margin-left:20px; padding-top:20px;}
	.try_another {float: left;}
	
	.captchaface a {color:#ccc;}

/* Get Satisfaction tab */
a#fdbk_tab {
	top: auto !important;
	bottom: 50% !important;
	margin-bottom: -130px;
	}

/* Flash status */
#flash {
	position:absolute;
	top:50%;
	left:50%;
	z-index: 99999;
	display:none;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background-color: #000;
	min-width: 75px;
	min-height: 28px;
	text-align: center;

	font-size: 18px;
	color: #fff;
	padding-top: 14px;
	padding-right: 25px;

	-webkit-background-clip: border;
	-webkit-background-origin: padding;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

#flash span {
	width: 34px;
	height: 34px;
	display:block;
	clear: none;
	float: left;
	margin-right: 13px;
	margin-top: -10px;
	margin-left:4px;
	background-image: url(../images/flashers.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#flash.fail span {
	background-position: -34px 0px;
}
#flash a { color: #3399cc !important; border-bottom: 1px solid #3399cc;}

#fixed {
	width: 100px;
	font-size: 24px;
	overflow:visible;
	border:1px solid red;
	
	white-space: nowrap;
	
	vertical-align: middle;
	overflow:hidden;
	background: url(images/speach.png) no-repeat;
}

#fixed span {
	padding:15px;
	border:1px solid blue;
	display: inline-block;
}

#fixed .cap {
	width:200px;
	margin-left: 15px;
	text-indent:230px;
	overflow:visible;
}

#systemMessage {
	max-width:614px;
	min-width:175px;
	height:38px;

	font-size: 11px;
	font-style: italic;
	font-family: Georgia, Arial, serif;
	color: #666;
	
	background: url(../images/speach.png) no-repeat;
	
	overflow: hidden;
	
	vertical-align:middle;
	white-space: nowrap;

	float:left;
	
	margin-left: 260px;
}

#signup #systemMessage {
	font-size:14px;
	font-weight: bold;
	font-style: normal;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	background: url(../images/signspeach.png) no-repeat;
	margin-left:24px;
	margin-top: 28px;
	margin-bottom:14px;
}

#systemMessage>span {
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 20px;
	display:inline-block;
	height: 26px;
}

#signup #systemMessage>span {
	padding-top: 10px;
	padding-left: 64px;
}

#systemMessage .cap,
#systemMessage .spinner {
	text-indent:567px;
	overflow:visible;
}

#systemMessage .cap {
	padding-left:0px;
	width:8px;
	background: #fff url(../images/speachcap.png) no-repeat;
}

#signup #systemMessage .cap {
	margin-left:11px;
	background: #fff url(../images/signspeachcap.png) no-repeat;
	padding-left:0px;
}


#systemMessage span:first-child{
	min-width:175px;
	text-align:left;
}

#systemMessage .resendActivation {
	margin-left: 1em;
	border-bottom: 1px solid #c00;
}

#systemMessage .spinner {
	padding-left:5px;
	width:24px;
	background-color:#fff;
}

#signup #systemMessage .spinner {
	display:none;
}

#signup #loginHere {
	display: inline-block;
	clear: none;
	float: left;
	overflow: hidden;
	width: 0px;	height: 36px;
	padding-left: 296px;
	margin: 28px 0 16px 18px;
	background: url(../images/signlogin.png) no-repeat;	
}

#signup .parallel {
	margin: 0 0 0 22px;
}