body {
background: white;
font-family: verdana, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}
textarea {
font-family: verdana, sans-serif;
font-size: 1em;
padding: 2px;
}
#layout {
width: 1024px;
margin: auto;
}

#header {
height: 234px;
background: #63a3cb url(imgs/header_bg.jpg) no-repeat;
position: relative;
}

	#title {
	position: relative;
	}
		#title h1 {
		width: 258px;
		height: 38px;
		background: white url(imgs/title_bg.jpg) no-repeat;
		margin: 0px;
		position: absolute;
		top: 101px;
		left: 73px;
		}
		#title h1 span {
		display: none;
		}
	#loginerror {
	text-align: right;
	font-weight: bold;
	margin-right: 34px;
	padding-top: 5px;
	color: white;
	font-size: 10px;
	}
	#loginform {
	
	}
		#loginform form{
		margin: 0px;
		}
		#loginform table {
		position: absolute;
		right: 0px;
		color: white;
		font-size: 10px;
		}
		#loginform td {
		text-align: right;
		}
		#loginform td.submit {
		text-align: center;
		}
		#loginform input {
		background: transparent url(imgs/account_input_bg.png) no-repeat;
		width: 93px; /* Total: 98px */
		height: 18px; /* Total: 18px */
		border: 0px;
		padding-left: 5px;
		font-size: 10px;
		}
		#loginform input#password {
		background: transparent url(imgs/password_input_bg.png) no-repeat;
		}
		#loginform button {
		border: 0px;
		background: transparent;
		}
		#loginform a {
		color: white;
		text-decoration: none;
		}
		#loginform img {
		border: 0px;
		}
	#logindata {
	text-align: right;
	font-size: 10px;
	padding: 10px 20px;
	color: white;
	font-weight: bold;
	line-height: 200%;
	}
		#logindata img {
		vertical-align: middle;
		}
	#navigation {
	position: absolute;
	bottom: 40px;
	right: 290px;
	}
		#navigation li {
		display: block;
		width: 139px; /* Total: 134px; */
		height: 20px; /* Total: 58px; */
		padding-top: 20px;
		background: transparent url(imgs/navibutton.png);
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		margin-left: -15px;
		float: left;
		}
		#navigation li:hover {
		background: transparent url(imgs/navibutton_hover.png);
		}
		#navigation li a {
		color: white;
		text-decoration: none;
		}

#basearea {
background: white url(imgs/basearea_bg.jpg) repeat-y;
}
	#content {
	width: 586px; /* Total 740px */
	padding: 0px 50px 20px 50px;
	margin-left: 54px;
	float: left;
	}
		#content p {
		margin: 0px 0px 1.5em 0px;
		text-align: justify;
		}
		#content h2 {
		color: #057289;
		font-weight: bold;
		font-size: 17px;
		margin: 0px -20px 3px -20px;
		padding-bottom: 3px;
		border-bottom: 2px dotted #dddddd;
		text-transform: uppercase;
		}
		#content h3 {
		color: #6f6f6f;
		margin: 0.5em auto;
		}
		#content #eventImage {
		width: 206px;
		height: 190px; /* Total 208px */
		padding-top: 17px;
		background: transparent url(imgs/event_img_bg.png) no-repeat;
		float: right;
		text-align: center;
		}
		#content #eventImage img {
		border: 2px solid #fafafa;
		}
		#content #top_tabs {
		width: 370px;
		margin-top: 70px;
		}
		#content #top_tabs a {
		display: block;
		width: 100px;
		height: 17px; /* Total 20px */
		padding-top: 3px;
		background: transparent url(imgs/top_tab_bg.png) no-repeat;
		font-size: 10px;
		text-align: center;
		color: white;
		text-decoration: none;
		float: right;
		margin-left: 3px;
		}
		/** Help **/
		#content #help {
		color: #6c6c6c;
		line-height: 150%;
		padding-top: 1em;
		}
		#content #help h3 {
		margin-top: 1.2em;
		margin-bottom: 1em;
		}
		#content #help a {
		color: #9f9f9f;
		text-decoration: none;
		}
		#content #help li {
		margin-bottom: 0.5em;
		}
		#content #help p {
		text-align: left;
		}
		
		/** Eventlist **/
		#content .noevents {
		color: #6c6c6c;
		}
		#content table.eventlist, #content table.eventview, #content table.reportlist  {
		width: 100%;
		border-spacing: 0px;
		color: #6c6c6c;
		margin: 20px auto 2em 0px;
		}
		#content table.eventview {
		width: 370px;
		}
		#content table.eventlist a, #content table.eventview a, #content table.reportlist a {
		color: #6c6c6c;
		}
		#content table.eventlist tr, #content table.eventview tr, #content table.reportlist tr {
		height: 37px;
		}
		#content table.eventlist th, #content table.eventview th, #content table.reportlist th {
		text-align: left;
		vertical-align: top;
		padding-left: 10px;
		padding-top: 10px;
		width: 120px;
		}
		#content table.eventlist td, #content table.eventview td, #content table.reportlist td {
		vertical-align: top;
		padding-top: 10px;
		}
		#content table.eventlist td.category {
		width: 37px;
		padding-top: 5px;
		text-align: center;
		}
		#content table.eventlist td.date, #content table.reportlist td.date {
		width: 90px;
		}
		#content table.eventlist td.time {
		width: 60px;
		}
		#content table.eventlist td.city, #content table.reportlist td.city {
		width: 100px;
		}
		#content table.reportlist td.sender {
		width: 100px;
		}
		#content #additional_data {
		border-top: 2px dotted #dedede;
		color: #9f9f9f;
		margin: 30px 5px 5px 5px;
		}
			#content #additional_data a {
			color: #9f9f9f;
			}
		#content #additional_data #bottom_tabs a, #search_type a {
		background: transparent url(imgs/bottom_tab_bg.png) no-repeat;
		display: block;
		width: 112px;
		height: 19px; /* Total 22px */
		padding-top: 3px;
		color: white;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		float: left;
		}
		#page_navigation {
		margin-top: 1em;
		}
		#previous {
		display: block;
		float: left;
		color: #888;
		text-decoration: none;
		}
		#next {
		display: block;
		float: right;
		color: #888;
		text-decoration: none;
		}
		
		/**
		 * Event
		 */
		#tagformdiv {
		color: #6c6c6c;
		}
		#tagformdiv textarea {
		width: 400px;
		color: #555;
		}
		#tagtoggle {
		color: #888;
		}
		/**
		 * Report Error
		 */
		#errorreport {
		color: #6c6c6c;
		}
		#errorreport a {
		color: #6c6c6c;
		}
		#errorreport #links {
		font-size: 10px;
		margin-bottom: 3em;
		}
		#errorreport form {
		margin-top: 3em;
		margin-bottom: 1em;
		border-bottom: 2px dotted #dddddd;
		}
		textarea#report, textarea#correction {
		width: 380px;
		height: 150px;
		}
		
		#search_type a {
		background: transparent url(imgs/bottom_tab_bg.png) no-repeat;
		display: block;
		width: 112px;
		height: 19px; /* Total 22px */
		padding-top: 3px;
		color: white;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		float: right;
		margin-bottom: 20px;
		}
		#content #additional_data #attend {
		float: right;
		text-align: right;
		margin-top: 5px;
		}
			#content #additional_data #attend p {
			margin-bottom: 0px;
			}
			#content #additional_data #attend img {
			border: 0px;
			}
		#content #additional_data #attendList {
		margin-top: 10px;
		}
		#content #additional_data #attendList .avatar {
		background: transparent url(imgs/avatar_bg.png) no-repeat;
		width: 50px; /* Total 59px */
		height: 50px; /* Total 59px */
		padding-top: 8px;
		padding-left: 4px;
		padding-right: 4px;
		float: left;
		margin: 0px 10px 10px 0px;
		text-align: center;
		}
			#content #additional_data #attendList .avatar img {
			border: 0px;
			}
		#content #additional_data #author {
		margin-top: 40px;
		}
		/** Eventlist Selectors **/
		#content form#cityselect fieldset {
		border: 0px;
		text-align: right;
		margin-right: -30px;
		}
		#content form#cityselect select {
		border: 1px solid #6c6c6c;
		background: #f2f2f2;
		color: #676767;
		}

		/* USER PROFILE */
		#content #userImage {
		width: 206px;
		height: 190px; /* Total 208px */
		padding-top: 17px;
		background: transparent url(imgs/user_img_bg.png) no-repeat;
		float: right;
		text-align: center;
		}
		#content #userImage img {
		border: 2px solid #fafafa;
		}	
		#content table.userlist {
		width: 370px;
		border-spacing: 0px;
		color: #6c6c6c;
		margin: 20px auto 2em 0px;
		}
		#content table.userlist a {
		color: #6c6c6c;
		}
		#content table.userlist tr {
		height: 37px;
		}
		#content table.userlist th {
		text-align: left;
		padding-left: 10px;
		width: 120px;
		}
		#content #additional_data #attendEvents, #content #additional_data #userEvents {
		margin-top: 40px;
		}
			#content #additional_data #attendEvents p, #content #additional_data #userEvents p {
			margin: 5px 0px;
			}
			#content #additional_data #attendEvents table, #content #additional_data #userEvents table {
			margin-left: 10px;
			}
		#content #user_list td {
		vertical-align: top;
		}
		#content #user_list td p {
		margin-top: 10px;
		color: #6c6c6c;
		}
		#content #user_list .avatar {
		background: transparent url(imgs/avatar_bg.png) no-repeat;
		width: 50px; /* Total 59px */
		height: 50px; /* Total 59px */
		padding-top: 8px;
		padding-left: 8px;
		float: left;
		margin: 0px 10px 10px 0px;
		}
			#content #user_list .avatar img {
			border: 0px;
			}
	/** FORMS **/
	.formstyle fieldset {
	border: 1px solid #ccc;
	padding: 20px 10px 10px 10px;
	color: #6c6c6c;
	}
	.formstyle legend {
	color: #6c6c6c;
	}
	.formstyle label {
	display: block;
	float: left;
	width: 150px;
	}
	.formstyle input, .formstyle select, .formstyle textarea {
	padding: 2px;
	margin-bottom: 10px;
	color: #6c6c6c;
	border: 1px solid #ccc;
	background: #fafafa;
	}
	.formstyle input:focus, .formstyle select:focus, .formstyle textarea:focus {
	background: #f3f3f3;
	}
	.advanced_search #categories label {
	display: inline;
	float: none;
	width: auto;
	}
	#sidebar {
	margin-left: 740px;
	}
		#sidebar p {
		margin: 0px;
		}
		#buttons {
		text-align: center;
		}
			#buttons img {
			border: 0px;
			margin: 0px 0px;
			}
		#search {		
		background: transparent url(imgs/search_bg.png) no-repeat;
		height: 36px; /* Total 41px */
		width: 204px; /* Total 209px */
		margin: 1em auto;
		padding: 5px 0px 0px 5px;
		}
			#search input {
			font-size: 14px;
			padding: 2px;
			border: 2px dotted #e8e8e8;
			}
			#search button {
			background: transparent;
			border: 0px;
			vertical-align: middle;
			}
		#calendar table {
		width: 100%;
		border-spacing: 0px;
		}
		#calendar th {
		border-bottom: 1px solid #c3c3c3;
		text-align: center;
		font-weight: bold;
		}
		#calendar td {
		text-align: center;
		padding: 2px;
		}
		#calendar td.today {
		border: 1px solid #299dc4;
		background-color: #eee;
		}
		#calendar td a {
		color: #666;
		text-decoration: none;
		}
		#tagcloud {
		line-height: 200%;
		}
			#tagcloud a {
			text-decoration: none;
			}
			#tagcloud .tag1{
			font-size: 17px;
			color: #000;
			font-weight: bold;
			}
			#tagcloud .tag2{
			font-size: 17px;
			color: #333;
			font-weight: normal;
			}
			#tagcloud .tag3{
			font-size: 14px;
			color: #666;
			font-weight: normal;
			}
			#tagcloud .tag4{
			font-size: 12px;
			color: #999;
			font-weight: normal;
			}
			#tagcloud .tag5{
			font-size: 10px;
			color: #ccc;
			font-weight: normal;
			}
		.element {
		width: 195px; /* Total: 230px */
		background: transparent url(imgs/sidebar_div_middle.png) repeat-y;
		padding: 0px 20px 0px 15px;
		margin: auto;
		text-align: justify;
		}
		.element_top {
		width: 230px;
		height: 19px;
		background: transparent url(imgs/sidebar_div_top.png) no-repeat;
		margin: 20px auto 0 auto;
		}
		.element_bluetop {
		width: 230px;
		height: 20px; /* Total 27px */
		background: transparent url(imgs/sidebar_div_bluetop.png) no-repeat;
		margin: 20px auto 0 auto;
		text-align: center;
		color: white;
		font-weight: bold;
		letter-spacing: 0.1em;
		padding-top: 7px;
		}
		.element_bottom {
		width: 230px;
		height: 20px;
		background: transparent url(imgs/sidebar_div_bottom.png) no-repeat;
		margin: auto;
		}
		#rss {
		text-align: right;
		}
		#rss img, #add_default img {
		border: 0px;
		}
		#add_default{
		text-align: center;
		}
#footer {
height: 112px;
background: white url(imgs/footer_bg.jpg) no-repeat;
}

.categoryIcon {
margin: 0px;
}
.clear {
clear: both;
}
.even {
background: transparent url(imgs/row_bg.jpg) repeat-y;
}
.even td, .even th {
border-width: 2px;
border-style: dotted none dotted none;
border-color: #f0f0f0;
}