/* Global
-------------------------------------------------------- */

.reset {
	position: absolute !important;
	height: 0 !important;
	padding: 0 !important;
	border: 0 solid transparent !important;
	}
	
body {
	/*overflow: hidden;*/
	margin: 0;
	font-family: arial;
	font-size: 12px;
	background: #f7fdff;
	}
	
img { border: 0; }
	
a {
	font-weight: bold;
	color: #0099cc; 
	}
	a:focus, a:active { outline: none; }
	a:hover { color: #000; }
	
	.content a {
		border-bottom: 1px solid #0099cc;
		text-decoration: none;
		}
	.content a:hover { border-bottom: 1px solid #000; }
	
	.content img {
	  max-width: 100%;
	}
		
p { margin: 10px 0; }
		
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

h1, h2 { font-size: 16px; }		
	
	
/* Layout
-------------------------------------------------------- */	

.corset {
	position: relative;
	overflow: hidden;
	max-width: 618px;
	padding: 0 8px;
	margin: 0 auto;
	}
	
#top {
	position: relative;
	z-index: 10;
	top: 0;	
	width: 100%;
	max-width: 618px;
	background: #f7fdff;
	}

	.session {
		position: relative;
		height: 20px;
		padding: 10px;
		background: #d5f6ff;
		color: #55737b;
		white-space: nowrap;
		}
		* html .session { overflow: hidden; height: 25px !important; }
		
		.hello { 
			float: left; 
			font-weight: bold; 
			}
		.logout { 
			float: right;
			font-size: 11px;
			}
			.logout a { 
				border-bottom: 1px solid #333;
				color: #333;
				text-decoration: none;
				}
			.logout a:hover { color: #000; border-bottom:1px solid #000; }
	
		.loggedOut .session { 
			text-align: center;
			padding-top: 2px;
			}
		.loggedIn .session { 
			text-align: center;
			padding-bottom: 2px;
			}
			.session form { 
				position: relative;
				padding-right: 60px; 
				}
		.session label,
		.session input {
			font-weight: bold;		
			}
		.session .submitWrapper { position: absolute; margin: 0; }
			* html .session .submitWrapper { right: 10px; }
		.session .submit { width: 55px; height: 24px; padding: 0; }
		.session label { position: relative; top: -5px; margin: 0 8px; vertical-align: bottom; }

		.session .email,
		.session .password {
			width: 30%;
			padding: 6px;
			border: 0;
			color: #999;
			margin-left: 4px;
			}
					
		.sessionLeft,
		.sessionRight {
			position: absolute;
			bottom: 0;
			width: 2px; height: 2px;
			}
			
			.sessionLeft { 
				left: 0; 
				background: url(../../images/sessionLeft.gif);
				}
			.sessionRight { 
				right: 0;
				background: url(../../images/sessionRight.gif);
				}
				* html .sessionLeft,
				* html .sessionRight { display: none; }
	
	.mainSite {
		z-index: 100;
		width: 110%; height: 78px;
		background: url(../../images/simpleViewLinkToAdvanced.jpg) no-repeat 0 10px;
		}
		
		
		.richViewLink,
		.simpleViewHomeLink {
			font-size: 14px;
			font-weight: bold;
			color: #990000;
			text-decoration: none;
			}
			
			.richViewLink { 
				position: absolute;
				z-index: 10;
				margin: 30px 0 0 60px;
				}
				.richViewLink:hover { color: #000; } 
				
			.simpleViewHomeLink	{
				position: absolute;
				z-index: 1;
				width: 105px; height: 75px;
				text-indent: -9999px;
				}
						
		.hdClose {
			position: absolute;
			margin: 29px 0 0 280px;
			width: 20px; height: 20px;
			background: url(../../images/hdClose.png) no-repeat;
			}
			
	.title { margin: 20px 0 15px; }
	
		.title .userPic { left: 0; }
		.title h1 {
			line-height: 15px;
			margin-bottom: 1px;
			}
			
		.title p { 
			margin-top: 0;
			font-size: 11px;
			color: #666;
			}	
	body.events_index .navWrapper,
	body.subscriptions_index .navWrapper {
	  margin-top: 10px;
	}
	.navWrapper {
		position: relative;
		border: 1px solid #000;
		margin: 10px 0;
		}
	
		#nav {
			position: relative;
			overflow: hidden;
			height: 39px;
			padding-left: 55px;
			background: #333333 url(../../images/navBackSimpleView.png);
			border-top: 1px solid #999;
			border-left: 1px solid #999;
			}	

			#nav li {
				float: left;
				margin: 0 12px;
				}
			
				#nav a {
					position: relative;
					display: block;
					padding: 11px 0;
					z-index: 5;
					color: #fff;
					font-size: 16px;
					font-weight: bold;
					text-decoration: none;
					}
					
					#nav a:hover { color: #ccc; }
						
				#nav .off { color: #999; }	
					.navComments a .navValue,
					.navAttendance a .navValue {
						float: left;
						margin-right: 5px;
						} 
					
					.navComments a .navIcon,
					.navAttendance a .navIcon { 
						overflow: hidden;
						float: left;
						}
					.navComments a .navIcon { 
						width: 18px; height: 16px;
						background: url(../../images/simpleViewSprites.png) no-repeat 0 0;
						}
						.navComments a:hover .navIcon { background: url(../../images/simpleViewSprites.png) no-repeat -27px 0; }
						 
					.navAttendance a .navIcon { 
						width: 20px; height: 17px;
						background: url(../../images/simpleViewSprites.png) no-repeat 0 -16px;
						}

						.navAttendance a:hover .navIcon { background: url(../../images/simpleViewSprites.png) no-repeat -27px -16px; }
						
		.navLeft a,
		.navTopRight,
		.navBottomRight {
			position: absolute;
			overflow: hidden;
			}

			.navLeft { position: absolute; display: block; top: 0; margin: 0; padding: 0; overflow: 0; }
			
			.navLeft a { 
				width: 55px; height: 50px;			
				left: -1px; top: -9px;
				background: url(../../images/simpleViewSprites.png) no-repeat 0 -33px;
				text-indent: -9999px;	
				}
				* html .navLeft a { top: -8px !important; }
				
			.navTopRight {
				width: 18px; height: 2px;			
				right: -1px; top: -1px;
				background: url(../../images/simpleViewSprites.png) no-repeat 0 -83px;			
				}
				* html .navTopRight { top: 0px !important; }
				
			.navBottomRight {
				width: 2px; height: 2px;			
				right: -1px; bottom: -1px;
				background: url(../../images/simpleViewSprites.png) no-repeat -18px -83px;			
				}
				* html .navBottomRight { top: 40px !important; }
				
		#infoMarker,
		#shareMarker,
		#commentsMarker,
		#attendanceMarker {
			position: absolute;
			}		
	
	.message {
		position: relative;
		margin-top: 8px;
		font-weight: bold;
		}
		
		.block .message { 
			clear: both;
			margin: 0 8px 8px 8px !important; 
			}	
			
			.block .info { margin-top: 8px !important; }
			
		.message p { margin: 8px 8px 8px 30px !important; }
	
			div.error {
				border: 1px solid #cc9999;
				color: #cc0000;
				background-color: #ffcccc;
				}		

				.messageIcon {
					position: absolute;
					left: 10px;
					width: 20px; height: 8px;
					background-image: url(../../images/simpleViewSprites.png);
					background-repeat: no-repeat;
					}
					.error .messageIcon { 
						top: 10px; 
						background-position: -55px -33px; 
						}
					.success .messageIcon,
					.notice .messageIcon { 
						top: 12px; 
						background-position: -55px -41px;	
						}
				
				
			.messageTopLeft,
			.messageTopRight,
			.messageBottomLeft,
			.messageBottomRight {
				position: absolute;
				width: 2px; height: 2px;
				}
			
				.error .messageTopLeft {
					top: -1px; left: -1px;
					background: url(../../images/simpleViewSprites.png) no-repeat -35px -83px;
					}
				.error .messageTopRight {
					top: -1px; right: -1px;
					background: url(../../images/simpleViewSprites.png) no-repeat -37px -83px;
					}
				.error .messageBottomRight {
					bottom: -1px; right: -1px;
					background: url(../../images/simpleViewSprites.png) no-repeat -39px -83px;
					}
				.error .messageBottomLeft {
					bottom: -1px; left: -1px;
					background: url(../../images/simpleViewSprites.png) no-repeat -41px -83px;
					}

			.success, .notice {
				border: 1px solid #99cc99;
				background: #ccffcc;
				color: #336633;
				}		
					.success .messageTopLeft, .notice .messageTopLeft {
						top: -1px; left: -1px;
						background: url(../../images/simpleViewSprites.png) no-repeat -27px -83px;
						}
					.success .messageTopRight, .notice .messageTopRight {
						top: -1px; right: -1px;
						background: url(../../images/simpleViewSprites.png) no-repeat -29px -83px;
						}
					.messageBottomLeft {
						bottom: -1px; left: -1px;
						background: url(../../images/simpleViewSprites.png) no-repeat -30px -83px;
						}
					.messageBottomRight {
						bottom: -1px; right: -1px;
						background: url(../../images/simpleViewSprites.png) no-repeat -34px -83px;
						}

						* html .messageTopLeft,
						* html .messageTopRight,
						* html .messageBottomRight,
						* html .messageBottomLeft { display: none; }

	.errorMessage {
		text-align: left;
		margin: 8px !important;
		font-weight: bold;
		color: #990000;
		}
	
	.error { color: #990000; }
	input.error, textarea.error { border-color: #990000 !important; }


/* Sections */

#info {
	width: 302px; height: 340px;
	margin-right: 10px !important;
	}

	#info .content { position: relative; display: block; }
	#info .first h2 { margin-bottom: 0; }
	#info .first p { margin-top: 0; color: #666; }
	#info h2 { margin: 10px 15px; }
#location {
 	width: 302px; height: 340px; display: block;
	}
	
	.map {
		width: 284px; height: 211px;
		margin: 8px;
		border: 1px solid #ccc;
		}
		.map .marker {
		  background: url(../../images/simpleViewSprites.png) no-repeat 3px -101px;
		  padding: 5px;
		  top: 96px; left: 127px;
		  position: absolute;
		  margin: 0;
		  width: 35px; height: 40px;
		}
		.map .marker img {
		  width: 34px;
		  height: 34px;
		  display: block;
		}
		
	#location h2 { margin-bottom: 0px; }
	#location p { margin-top: 0px; }
		
#share,
#comments,
#attendance,
.rilliLink,
.events {
	width: 100%;
	}

	* html #share,
	* html #comments,
	* html #attendance,
	* html .rilliLink,
	* html .events {
		width: 99%;
		}
		
	#characterCount { 
		position: absolute;
		right: 0;
		margin: -5px 15px 0 15px;
		font-size: 16px;
		font-weight: bold;
		}
		
	#share .h2 {
		font-size: 16px;
		font-weight: bold;
		color: #000;
		}
			
	#share .last p {
		display: block;
		margin: 0;
		padding: 8px 16px;
		}	
		
	.twitterLoginSignup,
	.twitterSetup {
		position: relative;
		text-align: center;
		height: 35px;
		margin-top: 10px;
		font-weight: bold;
		font-size: 16px;
		}
		
		.twitterLoginSignup .submitWrapper,
		.twitterSetup .submitWrapper {
			display: inline;
			right: auto !important;
			left: 50%;
			margin: -7px 0 0 -88px !important;
			}
				
		#share .twitterLoginSignup .add {
			display: inline;
			margin: -7px 0 0 22px !important;
			}
	  .twitterSetup .add {
			margin: 0 205px 0 -90px !important;
			}
			.twitterSetup .add a { white-space: nowrap; }

	#comments .userPic { margin-top: 16px; }
	#leaveComment,
	#sendTweet { overflow: visible; }
			
	.withoutAccount {
	  overflow: auto;
		}
	.withoutAccount p { clear: both; }	
	.withoutAccount .commentHeadings { 
		float: none;
		width: auto;
		margin-top: 0 !important; 
		}
	
	#commentCount {
		display: block;
		text-align: right;
		margin: -5px 8px 5px 0;
		font-size: 16px;
		font-weight: bold;
		}

	.loggedIn #share.twitterized .last,
	#comments .last {
		padding-bottom: 52px !important;
		}

  .loggedIn #share .last {
  		padding-bottom: 12px !important;
  }
		.loggedOut #leaveComment { height: 50px; }
		
	.leaveCommentWithoutAccount {
		overflow: visible !important;
		}
		
	.withoutAccount .text,	
	.withoutAccount label {
		display: block;
		float: left;
		clear: none;
		width: 38%;
		margin: 0 8px 8px;
		}
		
	.text {
		border: 1px solid #ccc;
		padding: 4px 8px;
		font-weight: bold;
		color: #666;
		}		
		
		.withoutAccount label { 
			padding: 0 16px 2px 0 !important; 
			font-weight: bold;
			}
		.withoutAccount .name { clear: left; }
		.withoutAccount .email { clear: none !important; float: right !important; }
		.withoutAccount .password { 
			position: relative;
			display: block !important;
			margin: 0 8px 8px; 
			}	
		.withoutAccount label.password { float: left; margin: 8px 8px 0 !important; }
		.withoutAccount .password.text {  clear: left; margin-top: 8px;}	
		* html #comment_comment { width: 99%; }

		.captcha { color: #666; font-weight: bold; }
		
			.captcha img {
				display: block;
				width: 300px;
				margin: 0 auto;
				}	

			.captcha a {
				color: #990000;
				text-decoration: none;
				}	
			
			.captcha span {
				position: absolute;
				right: 8px;
				text-align: right;
				color: #990000;
				}
			
		#comments .last label {
			display: block;
			margin: 8px 8px 0px;
			font-weight: bold;
			}
			
		#comments .last .text {
			margin-left: 8px;
			width: 38%;
			}
		
		.nowComment { font-size: 16px; }		
					
	#attendance .withoutAccount .submitWrapper.add {
		position: static !important;
		float: right;
		padding: 0;
		}
		* html #attendance .submitWrapper.add { clear: both; }
			
	.commentHeadings {
		display: block;
		float: left;
		width: 320px;
		margin: 7px 0 0 !important;
		padding: 8px 16px;
		font-size: 16px;
		font-weight: bold;
		}
		
		.userPic { 
			position: relative;
			overflow: hidden;
			display: block;
			float: left;
			width: 28px; height: 26px;
			left: 15px;
			margin-bottom: 8px;
			margin-right: 8px;
			background: transparent url(../../images/simpleViewSprites.png) no-repeat -44px -100px; 
			}
			.userPic a {
			display: block;
  		width: 36px; height: 34px;
			}
		/*.userPic a:hover, .userPic a.on { background: transparent url(../../images/avatarSmallDown.png); }*/
		.userPic img {
			left:3px;
			position:absolute;
			top:3px;
			}
			
		.attribution,
		.eventName {
			margin: 0 0 0 45px !important;
			font-weight: bold;
			color: #666;
			}		
			
			.attribution a {
				font-size: 14px;
				color: #000;
				text-decoration: none;
				}
				.attribution a:hover { color: #006699; }
				
			.eventName a {
				font-size: 16px;			
				color: #006699;
				text-decoration: none;
				}
				
		#comments .attribution { margin: 14px 0 0 50px !important; }
		#attendance .attribution { margin: 5px 0 0 50px !important; }
					
		.details {
			font-size: 11px;
			color: #999;
			}

			#comments .details { margin: 0 0 0 50px !important; }
			#attendance .details { margin: 0 0 4px 50px !important; }
			.details .activity { display: block; }
	
	#attendance li {
		zoom: 1;
		padding: 5px 1px;
		}		
		#attendance .first { 
			overflow: visible;
			padding-top: 1px !important; 
			}

		#attendanceCount {
			margin: 10px 15px 0;
			font-size: 16px;
			font-weight: bold;
			display:block;
			}
		#attendanceYou {
			margin: 0 15px 10px;
			font-size: 14px;
			font-weight: bold;
			clear: both;

			}
			.are { color: #669900; }
			.not { color: #cc0000; }

  	#attendance .first .submitWrapper {
			margin-top: -42px;	
			}	
	
	#attendance .message { margin: 16px 4px 2px !important; }	
			
	#attendance .userPic {
		left: 8px;
		margin-top: 6px;
		}
						
		.controls {
			position: absolute;
			right: 8px;
			width: 125px;
			text-align: right;
			}
			
.rilliLink {
	margin-bottom: 0 !important;
	padding-bottom: 8px !important;
	border-bottom: 0 !important;
	font-size: 11px;
	color: #666;
	}			
	.rilliLink p { margin: 8px 24% 0px 8px !important; float: left; }
	.rilliLink a {
		font-weight: bold;
		color: #333;
		text-decoration: none;
		}
		
		.rilliLink a:hover { color: #000; }

		.rilliLink p.secondary {
			margin-right: 0 !important;
		  padding-left: 0;
		  padding-right: 0;
			}
			
		 .short {
			position: absolute;
			right: 15px;
			color: red;
			}	

.block {
	position: relative;
	display: block;
	float: left;
	margin: 5px 0;
	background: #f4f4f4;
	border: 1px solid #dddddd;
	}
	
	.block li {
		position: relative;
		padding: 0 1px 1px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		overflow: auto;
		}
		
	.block li.first { border-top: none; padding-top: 1px; }
	.block li.last { border-bottom: none; }

	.block h2,
	.block p {
		margin-left: 15px;
		padding-right: 15px;
		}
	
	.block .cornerTopLeft,
	.block .cornerTopRight,
	.block .cornerBottomLeft,
	.block .cornerBottomRight {
		position: absolute;
		overflow: hidden;
		width: 2px; height: 2px;
		padding: 0 !important;
		border: none;
		}

		.block .cornerTopLeft { 
			left: -1px; top: -1px;
			background: url(../../images/simpleViewSprites.png) no-repeat -19px -83px;
			}
		.block .cornerTopRight {
			right: -1px; top: -1px;
			background: url(../../images/simpleViewSprites.png) no-repeat -21px -83px;	
			}
		.block .cornerBottomLeft {
			left: -1px; bottom: -1px;
			background: url(../../images/simpleViewSprites.png) no-repeat -25px -83px;
			}
		.block .cornerBottomRight {
			right: -1px; bottom: -1px;
			background: url(../../images/simpleViewSprites.png) no-repeat -26px -83px;
			}
		
			* html .cornerTopRight,
			* html .cornerBottomRight { right: -2px !important; }
			* html .cornerBottomLeft,
			* html .cornerBottomRight { bottom: -2px !important; }
		
	.label {
	  display:inline;
		padding: 0 30px 0px 16px;
		font-size: 12px;
		color: #fff;
		background: #00ccff url(../../images/simpleViewSprites.png) no-repeat right -85px;
		}		

	.heading {
		padding: 6px 30px 3px 16px !important;
		border-top: none !important;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		border-bottom: none !important;
		background: url(../../images/simpleViewSprites.png) repeat-x 0 -151px;
		}		

		.heading a { 
			position: absolute;
			text-align: right;
			right: 16px;
			line-height: 16px;
			font-size: 12px;
			color: #99cccc;
		 	}
			
			.heading a:hover { color: #fff; } 
				
	.seeMap { 
		font-size: 16px;
		text-decoration: none;
		}
	
	.textareaWrapper {
		display: block;
		padding-right: 8px;
		margin: 0 8px;
		background: none !important;
		border-width: 0 !important;
		}
		* html .textareaWrapper { padding-left: 8px; }
		* html .textareaWrapper textarea { width: 99%; }

	textarea {
		width: 100%;
		padding: 8px 0px 8px 8px;
		border: 1px solid #ccc;
		font-family: arial, sans-serif;
		font-size: 12px;
		}

  .submitWrapper {  
		position: absolute;
		display: relative;
		border-top: 1px solid #0099cc;
		border-right: 1px solid #006699;
		border-bottom: 1px solid #006699;
		border-left: 1px solid #0099cc;
		-webkit-border-radius: 0px;
		background: #0099CC;
		z-index: 10;
		right: 0;
		padding: 0;		
		margin: 8px;
		}
		
		.submitWrapper.remove,
		.button-to .remove {
			border-top: 1px solid #cc0000;
			border-right: 1px solid #660000;
			border-bottom: 1px solid #660000;
			border-left: 1px solid #cc0000;
		 	}
		
		.submitWrapper.add,
		.button-to .add {
			border-top: 1px solid #99cc33;
			border-right: 1px solid #669900;
			border-bottom: 1px solid #669900;
			border-left: 1px solid #99cc33;
		 	}		
		
		.submit {
			margin: 0;
			border-top: 1px solid #00ccff;
			border-right: 1px solid #0099cc;
			border-bottom: 1px solid #0099cc;
			border-left: 1px solid #00ccff;	
			-webkit-border-radius: 0px;
			font-size: 16px;
			font-weight: bold;
			background: #0099cc;
			color: #fff;
			text-decoration: none;
			}
			
			.submit:hover {
				border-top: 1px solid #006699;
				border-right: 1px solid #00ccff;
				border-bottom: 1px solid #00ccff;
				border-left: 1px solid #006699;
				}
			
				input.submit { 
					padding: 5px;  
					background: url(../../images/simpleViewSprites.png) repeat-x 0 -180px;
					}
					
			a.submit { display: block; padding: 5px 8px; }
			
			.submitWrapper.remove .submit,
			.button-to .remove {
				border-top: 1px solid #ff3333 !important;
				border-right: 1px solid #cc0000 !important;
				border-bottom: 1px solid #cc0000 !important;
				border-left: 1px solid #ff3333 !important;
				background: #cc0000 url(../../images/simpleViewSprites.png) repeat-x scroll 0 -250px;
				}
			
				.submitWrapper.remove .submit:hover,
				.button-to .remove:hover {
					border-top: 1px solid #660000 !important;
					border-right: 1px solid #ff3333 !important;
					border-bottom: 1px solid #ff3333 !important;
					border-left: 1px solid #660000 !important;
					}
					
			.submitWrapper.add .submit,
			.button-to .add {
				border-top: 1px solid #ccff33 !important;
				border-right: 1px solid #99cc33 !important;
				border-bottom: 1px solid #99cc33 !important;
				border-left: 1px solid #ccff33 !important;
				background: #99cc33;
				}
				
				.submitWrapper.add .submit:hover,
				.button-to .add:hover {
					color: #fff;
					border-top: 1px solid #669900 !important;
					border-right: 1px solid #ccff33 !important;
					border-bottom: 1px solid #ccff33 !important;
					border-left: 1px solid #669900 !important;
					}

				.add input { 
					background: #99cc33 url(../../images/simpleViewSprites.png) repeat-x 0 -215px !important;
					background-repeat: repeat; 
					}
					 
				.submitWrapper form { 
					display: inline; 
					}
					
	.formHiddenField,
	.formHiddenField input { display: none; }				
									
/* E v e n t s */

.events {
	margin-top: 10px;
	}
	
	.events .heading { font-size: 12px; }
	
	.events .dateDivider { 
		padding: 5px 16px; 
		background: #e0e0e0; 
		}
		.events .weekDay { 
			padding-right: 13px;
			background: url(../../images/dateDividerArrow.gif) no-repeat right;
			font-weight: bold;
			color: #666;
			}
		
		.dateDivider .date { 
			position: absolute;
			text-align: right;
			right: 16px;
			font-size: 11px;
			line-height: 16px;
			color: #006699 !important;
			}
				
	.events .userPic { margin-top: 15px; }	
	.events .eventName {
		left: 15px;
		margin: 16px 0 0 50px !important;
		line-height: 15px;
		}
		 	
	.events .venue {
		clear: both;
		margin-bottom: 0;
		font-weight: bold;
		font-size: 14px;
		color: #333;
		}
				
	.events .date {
		margin-top: 0;
		margin-bottom: 0;
		color: #666;
		}

	.events .details {
		margin-top: 5px;
		font-size: 11px;
		color: #999;
		}
		
		.events .details a { color: #666; text-decoration: none; }
		.events .details a:hover { color: #000; }
		
	#paginationLinks {
		text-align: center;
		position: relative;
		overflow: visible;
		height: 15px;
		padding: 15px;
		line-height: 15px;
		}
		
		.paginationOlder,
		.paginationNewer {
			position: absolute;
			font-size: 16px;
			color: #000;
			text-decoration: none;
			}
			.paginationOlder { left: 15px; }
			.paginationNewer { right: 15px; top: 15px; }
			
		#paginationLinks span {
			top: 15px;
			margin-left: -10px;
			font-weight: bold;
			color: #999;
			}