body {
	padding: 0 0 30px 0;
	margin: 0;
	background-color:#d6d6d6;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}
a {
	color:#00358C;
	text-decoration:none;
}
a:hover {
	color:#cc11be;
}
a img {
	border:none;
}
abbr {
	text-decoration:none;
	border:none;
}
ul, ol { list-style-type: none; margin: 0; padding: 0; }
.content_info ol,
.content_info ul {
	list-style-position:outside;
	margin:10px 20px;
	oadding:10px;
}
.content_info ol {
	list-style-type: decimal;
}
.content_info ul {
	list-style-type:disc;
}
.content_info ol.references {
	font-size:10px;
	margin:0;
	padding:0;
}

/*
.content_index #randomUsers h4, .content_index #randomUsers p
*/
.hfg,
.internallabel,
.content_events table.events tr.featured p.abstract,
.content_index #friendfinder label[for="sex"] {
	position:absolute;
	height:1px;
	left:-4000px;
	top: 0;
}


.clear {
	clear:both;
}

.activity {
	display:none;
}

#head {
	background:#06053f url('/styles/partyme/img/partyme_header.jpg') no-repeat;
	width:994px;
	height:72px;
	margin:0 auto 20px auto;
	padding:17px 0 0 20px;
}
#head h1 {
	width:182px;
	height:54px;
	padding:0;
	margin:0
}
#head h1 a {
	background:url('/styles/partyme/img/partyme_logo_beta.jpg') no-repeat;
	display:block;
	height:100%;
	width:100%;
}
#content_top {
	background:url('/styles/partyme/img/pm_hintergrund_oben.gif') no-repeat;
	height:8px;
	margin:-19px -25px;
	padding:19px 25px;
}

#topbox h2 {
margin:0 0 12px 0;
padding:0;
	color:black;
	font-size: 18px;
}

h3 {
	font-size: 16px;
/*
	border-bottom:1px solid #cacaca;
*/
	padding:0;
	margin:10px 0 5px 0;
	clear:left;
}

.content_user h3 {
	font-size:12px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom: 1px solid #cacaca;
}

.content_user #profile .left ul {
	margin-left: 10px;
}

	.content_user #profile .left h3 {
		margin-top: 20px;
	}

	.content_user #profile .left .profile, .content_user #profile .left .tags {
		margin-left: 0;
	}

	.content_user #profile .left .tags {
		list-style-type: disc;
		padding-bottom: 3px;
	}

	.content_user #profile .left .tags li {
		padding: 3px 2px;
		margin-left: 20px;
	}


	.content_user #profile .left .comment {
		padding-left: 10px;
	}

	.content_user #profile .contacts, .content_user #profile .tags, .content_user #profile .comment {
		border-bottom: 1px solid #cacaca;
	}


.content_groups .content h3 {
	padding-top: 20px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom: 1px solid #cacaca;
}

.content_groups .content h3 {
	padding-left: 0;
}

.content_groups .content li.group h3 {
	padding-top: 3px;
	border-bottom: 0;
}

.content_groups .content h3.tags-headline {
	margin-bottom: 2px;
}

/*
.content_groups .content .group h3 {
	margin: 0;
	padding: 2px 0;
	border: 0;
}*/

.content_groups .content .groupcontent {
	width: 150px;
	margin: auto;
}
	.content_groups .content .groupcontent h3 {
		margin: 0;
		margin-bottom: 5px;
		padding: 2px 0;
		border: 0;
	}

	.content_groups .content .group p {
		margin: 0;
		padding: 2px 0;
	}

	.content_groups .content .groupmembers {
		font-weight: bold;
	}

	.content_groups .content .groupdescription {
		color: #444;
	}

.content_groups .tags li, .content_group .groups li {
	padding: 1px 0;
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom:1px solid #cacaca;
}

.content_groups .tags h4 {
	font-size:14px;
}

.content_groups .tags li span.weight {
	color: #000;
	font-size: 90%;
}

.content_group .groups li {
	padding: 5px 3px;
	font-weight: bold;
}

/*
#topbox h3 {
	color: #00358c;
	border:none;
}
*/

h4 {
	margin:5px 0;
	font-size: 12px;
	color: #00358c;
}

#topbox form {
	padding:10px;
	padding-bottom:3px;
	background-color: #eaeaea;
	margin-bottom: 10px;
}

#topbox form.input-area {
	padding: 0;
	background-color: transparent;
}

form.input-area {
	margin: 10px 0;
	width: 468px;
}

form.input-area textarea {
	width: 99.95%;
}

.content_user .left, .content_group .left {
float:left;
width:460px;
}
.content_user .right, .content_group .right {
float:right;
width:150px;
}

/*
.content_user .comment {
	position:absolute;
	left:50%;
	z-index:1;
	padding-right:70px;
}
*/

.content_group p.description {
	color:#6a6a6a;
	/*border-top:1px solid #cacaca;*/
	border-bottom:1px solid #cacaca;
	padding:5px 0;
	margin:0;
}
.content_group ul.group {
	/*border-top:1px solid #cacaca;*/
	border-bottom:1px solid #cacaca;
}
.content_group ul.group li {
	font-weight:bold;
}
.content_group ul.group li .label {
	font-weight:normal;
}
.content_group ul.group li .date {
	font-weight:normal;
	color:#6a6a6a;
}

.content_group h3 {
	font-size:12px;
	border-bottom: 1px solid #cacaca;
	padding-bottom: 2px;
}

.content_group .right h3 {
	color:#6a6a6a;
	font-weight:normal;
	border-top:1px solid #cacaca;
	border-bottom: 0;
	padding:5px 0 0 0;
	margin:10px 0 0 0;
}
.content_group .right select {
	width:100%;
	margin-top:3px;
}
.content_group .right .submit {
	background:none;
	color:#00358C;
	height:15px;
	margin:3px 0;
	padding:0;
}
.content_group ul.menu li.subscribe,
.content_group ul.menu li.unsubscribe {
	display:none;
}

.content_group .latestThreads .menu {
	margin-top:-20px;
	padding-bottom:5px;
}
.content_group .latestThreads .menu a {
	font-size:12px;
	color:#00358C;
}
.content_group .latestThreads ul.threads {
	border-bottom:1px solid #cacaca;
	border-top:1px solid #cacaca;
}
.content_group .latestThreads ul.threads li h4 {
	border-bottom:1px solid #cacaca;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
}
.content_group .latestThreads ul.threads li img {
	float:left;
	margin-right:5px;
}
.content_group .latestThreads ul.threads li .metadata {
	float:left;
	width:125px;
	border-right:1px solid #cacaca;
	margin-right:5px;
}
.content_group .latestThreads ul.threads li {
	background-color:#eaeaea;
	clear:left;
	padding:5px;
	margin:0 0 10px 0;
}
.content_group .latestThreads ul.threads li.last {
	margin:0;
}
.content_group .latestThreads ul.threads li p {
	padding:0;
	margin:0;
}
.content_group .latestThreads ul.threads li p.date {
	color:#6a6a6a;
	float:right;
}

.content_group .right form {
	margin:0;
}

.content_user .button a,
.content_group .button a {
	display:block;
}
.content_group .right .button {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.content_group .right .menu {
	margin-bottom:5px;
}
.content_user .button a strong {
	font-weight:normal;
}
.content_user #lastGuestbookEntries li {
	width:150px;
	padding:5px 0;
	border-bottom: 1px solid #cacaca;
}
.content_user #lastGuestbookEntries li.last {
	border:none;
}
.content_user #lastGuestbookEntries img {
	float:left;
	padding-right:5px;
}
.content_user #lastGuestbookEntries span.date {
	display:block;
	width:200px;
	float: normal;
}

ul.profile li {
	padding:5px;
}
.odd, .even {
	padding:5px;
}
.odd {
	background-color:#eaeaea;
}
li span.label {
	display:block;
	float:left;
	width:20%;
}
#search label {
	display:block;
	width:90px;
	float:left;
}
#search label.short {
	display:inline;
	float:none;
}

.userlisting li {
	clear:left;
	display:block;
	height:80px;
	padding:5px;
}
.userlisting li.odd {
	background-color:#eaeaea;
}
.content_user .userlisting li.odd, .content_group .userlisting li.odd {
	background-color:#fff;
}
.content_user .userlisting li, .content_group .userlisting li {
	padding:0;
	margin:3px 10px 3px 0;
	width:70px;
	float:left;
}
.content_group .userlisting {
	/*border-top:1px solid #cacaca;*/
	padding:0 5px;
}


.content_group .left .paging {
	padding:3px 0;
	margin:0;
	font-size:11px;
	border-top:1px solid #cacaca;
clear:both;
}
.content_group .userlisting li {
	margin:5px 10px;
}
.content_user .userlisting li.last {
	margin-right:0;
}

.content_index .userlisting li {
	background-color:#eaeaea;
	clear:none;
	width: 300px;
	margin: 0 10px 10px 0;
	padding: 9px;
}
.content_index #randomUsers.userlisting li {
	float:left;
}
.content_index h3 {
	clear:left;
	margin-top: 20px;
}

.userlisting li .avatar {
	float:left;
	padding-right: 15px;
	padding-top: 2px;
}

.userlisting li .avatar, .content_user .userlisting li .info {
	margin-left: 5px;
}

/*
.userlisting li:first-child .avatar, .content_user .userlisting li:first-child .info {
	margin-left: 0;
}*/

.content_user_contacts .userlisting li {
	height: 75px;
	/*height: 75px; <= dont forget about IE6 fix! */
}

.content_user_contacts .userlisting .userlisting-options {
	margin-top: 5px;
}

.content_user_contacts .userlisting .userlisting-options li {
	padding: 3px 5px;

}


.content_user .userlisting ul {
	padding:3px 0;
}
.content_user .userlisting li, .content_group .userlisting li {
	clear:none;
	display:inline;
	padding:0;
	height:auto;
}




.content_user .right .preview {

}
.content_user .right h3 {
	padding:0;
	padding-bottom: 2px;
	margin:0;
	margin-bottom: 4px;
	margin-top: 10px;
}


ul.userlisting li h4 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
}

ul.userlisting li h4 .user {
	font-weight: bold;
}

ul.userlisting li h4 a {
	text-decoration:none;
}

ul.userlisting li p {
	margin:4px 0;
}

.online {
	color:#9b0504;
	font-weight:bold;
}

.content_user ul.userlisting li p, .content_group ul.userlisting li p {
	display:none;
}



/* FIXME: remove from templates */
#head ul, #breadcrumbs, #status {
	display:none;
}
#container {
	width:1014px;
	margin:0 auto;
}
#sidebar {
	width:140px;
	float:left;
}
#sidebar ul {
	margin: 0 0 10px 0;
	padding:0;
	list-style-type: none;
}
#sidebar ul li {
	padding: 2px 0;
list-style-position:inside;
}
#sidebar ul li a {
display:block;
	text-decoration: none;
}
#sidebar ul ul {
	margin: 0;
	padding: 0 0 0 10px;
}
#sidebar ul ul li {
	border-bottom: 1px dashed #b1b1b1;
	width:120px;
}
#sidebar ul ul li.last {
	border-bottom: none;
}
#sidebar #username, #sidebar #password {
	width:120px;
}
#sidebar #login {
	margin:40px 0 0 0;
}
#sidebar #login ul {
	font-size:11px;
}

.paging {
	margin:10px 0;
}
.paging li { display: inline; }

#content {
	background:white url('/styles/partyme/img/pm_hintergrund.gif') repeat-y 0 0;
	width:646px;
	min-height:635px;
/*
	margin:0 0 10px 20px;
*/
	margin:0 6px 0 9px;
	padding:0;
	padding:15px 25px;
	float:left;
}



#ads {
	position:absolute;
	top:108px;
	left:50%;
	margin:0;
	padding:0;
	margin-left:346px;
	width:160px;
}
#ads p {
	margin:0;
	padding:0;
}
#ads small {
	height:10px;
	font-size:10px;
	color:#6a6a6a;
	margin:0;
	padding:2px;
}
.adFramework {
	padding:0;
	margin:0;
}

.content_user_guestbook .ads {
	margin-top: 10px;
}

/*
.ads {
	display:none;
}
*/

input, textarea, button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	border:1px solid #b1b1b1;
}
textarea {
	resize: none;
}





/* Footer */
#footer { clear: both; margin-left:170px; font-size: 11px; }
#footer li { display: inline; padding:0 3px; border-left: 1px solid black; }
#footer .first { border: none; }
#footer ul { padding:0; padding-top: 10px; }

#generatedInfo {
	margin:10px 5px;
	font-size:9px;
	display:none;
}

/* Eventgallery */
.content .eventgallery { width: auto; }
.eventgallery td { vertical-align: top; padding:5px }
.eventgallery img { vertical-align: top; }
.eventgallery td.ads { width: 300px; }
.eventgallery td.ads iframe, .eventgallery td.ads a { float: left; }
.eventgallery td.ads a { margin-bottom:10px; }

/* Eventgalleries */
.eventgalleries { padding:0; margin:0; }
.eventgalleries li { width: 145px; float: left; padding:0; margin:7px; list-style-type:none; }
.eventgalleries li li { background: none; margin: 0; padding: 0; float: none; }
.eventgalleries p { padding:0; margin:0; }
#content .eventgalleries a { color: #002a85; text-decoration: none; }

.eventgalleries .teasers { list-style-type: none; float: left; width: 145px; height:145px; overflow: hidden; margin:0 0 10px 0; padding: 0; }
.eventgalleries .teasers li { list-style-type: none; margin: 0; padding: 0; }

.eventgalleries h4 {
margin:0 0 5px 0;
padding:0;
}

/*
 *	ANYBOX BACKDROP
 */
.AnyBoxBackdrop { background-color: #336699; z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.9; }
.AnyBoxBackdropModal { z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.5; }

/*
 *	ANYBOX CONTAINER
 */
.AnyBoxContainer { z-index: 1010; visibility: hidden; position: fixed; padding: 0; margin: 0;
}

/*
 *	ANYBOX CONTENT
 */
.AnyBoxContainer > * { margin:0; }

.AnyBoxContainer.dialog {
	border: 1px solid #333;
	background-color: #fff;
}
/*.AnyBoxContainer.dialog * { background-color: #99CCFF; }*/
.AnyBoxContainer h4.header { margin:0; padding: 3px 3px 3px 10px; background-color:#69c; color: #333; }
.AnyBoxContainer div.footer { margin:0; padding: 2px 2px 2px 10px; background-color:#69c; color: #333; }
.AnyBoxContainer div.close { cursor:pointer; position:absolute; top:2px; right:2px; margin:0; padding:0; background: url('/styles/partyme/img/close.png'); width:20px; height:20px; }

/* inline bbcode-buttons */
/* inline bbcode-buttons */
ul.bbcode { text-align: right; width: 95%; }
ul.bbcode li { display: inline; padding: 0 0.4em 0 0;  }

div.smileySelector { background-color: #eaeaea; width: 150px; height: 200px; overflow: auto; border: 1px solid #b1b1b1; text-align: center; margin: 5px; }

textarea { width:95%; height:150px; }



table.news_listing {
	border-top:1px solid #cacaca;
	border-spacing:0;
	width:100%;
}
table.news_listing tfoot td {
	border-top:1px solid #cacaca;
}
table.news_listing th, table.news_listing td {
	padding:10px 5px;
	text-align:left;
}
table.news_listing thead,
table.news_listing th {
	display:none;
}
table.news_listing td.control,
table.news_listing td.info {
	width:30px;
}
table.news_listing td.user {
	width:80px;
}
table.news_listing td.subject {
	width:415px;
}
table.news_listing td.date {
	width:120px;
}

#messagecenterCollectionButtons li {
	float: left;
}

#messagecenterCollectionButtons li:first-child {
	margin-right: 10px;
}

#messagecenterCollectionButtons li:last-child {
	float: right;

}


fieldset img {
	max-width:100%;
}

ul.menu, .controls {
	font-size:11px;
	text-align:right;
}
ul.menu li {
	display:inline;
}
ul.menu li, .paging li {
	margin:0;
	padding:0 4px;
	color:#6a6a6a;
	border-right:1px solid #6a6a6a;
}
ul.menu li.last, .paging li.last {
	border-right:none;
}
ul.menu a, .controls a, .paging a {
	color:#6a6a6a;
}
.paging li.active {
	font-weight:bold;
	color:#00358C;
}


/* content */

.content-main, .content_event #topbox, .content_event #content_top,
.content_gastronomy #topbox, .content_gastronomy #content_top {
	float: left;
	width: 468px;
}

	.content-main h4 {
		color: #000;
		/*font-size: 12px;*/
		font-weight: bold;
		margin-top: 20px;
		/*padding-bottom: 3px;
		border-bottom: 1px solid #cacaca;*/
	}

	.content_event .content-main h4 {
		border-bottom: 0;
		padding-bottom: 0;
		margin-top: 20px;
	}

	.content-main table {
		width: 99.95%;
	}

	.content-main table thead {
		display: none;
		position: absolute;
		top: 0;
		left: -4000px;
	}

	.content-main td.info {
		font-weight: bold;
	}

.content-sidebar {
	float: right;
}

	.content-sidebar .event-image {
		margin-top: -35px;
	}

.content-box {
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

 {
	border-bottom: 0;
}

.content_event_gallery .paging .page, .content_event_gallery .paging .active {
	display:none;
}
.content_event_gallery .bottom {
	clear:none;
	float:right;
	font-weight:bold;
	padding:0;
	margin:0;
}
.content_event_gallery .paging {
	margin:0;
}
.content_event_gallery .paging a {
	color:#00358C;
}
.content_event_gallery p.metadata {
	float:left;
	font-weight:bold;
	margin:0;
}
.content_event_gallery h4 {
	color:#6a6a6a;
/* 	float:right; */
/* 	margin:0 0 0 15px; */
	margin: 0;
	padding:0;
	display:inline;
}
.content_event_gallery .image {
	padding-top:10px;
	clear:both;
}

table.events {
	border-bottom:1px solid #cacaca;
	border-spacing:0;
	width:635px;
}
tr.featured {
	background-color:#eaeaea;
	padding: 0;
	margin: 0;
}
/*tr.featured td {
}*/

.content_events table.events tr td,
.content_gastronomy table.events tr td {
	border-top:1px solid #cacaca;
	height:44px;
	width:135px;
	padding:0 5px;
	margin:0;
}
.content_event table.event tr td {
	padding: 5px;
}

.content_events table.events tr td.eventcontent,
.content_event table.event tr td.eventcontent,
.content_gastronomy table.events tr td.eventcontent {
	width:99.95%;
}

.content_events table.events tr.featured td img,
.content_gastronomy table.events tr.featured td img {
 	margin:0 20px;
 	border: 0;
 	padding: 0;
}
.content_events table.events tr td h4,
.content_gastronomy table.events tr td h4 {
	/*margin:0 0 5px 0;*/
	margin: 5px 0;
}

.content_events table.events tr td:last-child { /* bug of about 3px => not found (yet)! */
	clip: none;
	white-space: nowrap;
}

.content_gastronomy table.events tbody td:first-child {
	white-space: nowrap;
}

.content_gastronomy table.events .dayNumber {
	font-size: 2.5em;
}


.content_gastronomy table.events .dayNameShort {
	font-size: 1.5em;

}

.content_gastronomy table.events span.dayNumber, .content_gastronomy table.events span.dayNameShort {
	display: inline;
	font-weight: bold;
}

.content_gastronomy table.events tr.featured td:last-child, table.events tr.featured td:last-child, .partyme-tipp {
	background: url(../img/partyme_tipp.png) no-repeat center 50%;
}

.content_event table.event thead {
	display: none;
}

/*
.content_event .content-event h4 {
	color: #000;
	font-size: 14px;
}*/

.content_event table.event th.name {
	/*width: 120px;*/
}

.content_event table.event,
.content_gastronomy .gastronomy-main table
{
	width: 99.95%;
}

.content_events table.event td.info, .content_event table.event .tags,
.content_gastronomy .gastronomy-main table td.info, .content_gastronomy .gastronomy-main table .tags
{
	font-weight: bold;
}

.content_event table.event td.info,
.content_gastronomy .gastronomy-main table td.info,
{
	width: 70%;
}

.content_event table.event .tags li,
.content_gastronomy .gastronomy-main table .tags li {
	display: inline;
	margin-right: 5px;
}

.content_events .event-data, .content_events .eventcontent {
	float: left;
	width: 468px;
}

.content_events .event-image {
	float: right;
}

.content_events .controls {
	clear: both;

}

.content_events .content-event .eventcontent {
	float: none;
}

.content_event .eventcontent {
	color: #333;
}

.content_gastronomy .heading {
	width: 468px;
}

.content_gastronomy .heading p.info {
	clear: both;
}

.gastronomy-main, .content-main {
	float: left;
	width: 468px;
}

	.gastronomy-main table, .content-main table {
		width: 99.95%;
	}

	.gastronomy-main table thead, .content-main table thead {
		display: none;
		position: absolute;
		top: 0;
		left: -4000px;
	}

.gastronomy-sidebar {
	float: right;
}

.gastronomyinfo .gastronomyavatar {
	overflow: hidden;
	width: 150px;
}

table.threadlist {
	border-top:1px solid #cacaca;
	border-spacing:0;
	width:100%;
}
table.threadlist tfoot td {
	border-top:1px solid #cacaca;
}
table.threadlist th, table.threadlist td {
	padding:10px 5px;
	text-align:left;
}
table.threadlist thead,
table.threadlist th {
	display:none;
}
table.threadlist td.control,
table.threadlist td.info,
table.threadlist td.replies {
	width:30px;
}

table.threadlist td.replies {
	text-align: center;
}

table.threadlist td.user {
	width:80px;
}
table.threadlist td.subject {
	width:415px;
}
table.threadlist td.date, table.threadlist td.latest-reply {
	width:120px;
}

ul#otherforums {
	margin: 10px 0;
}

#otherforums li {
	padding: 4px 0;
	padding-bottom: 4px;
	padding-left: 5px;
	border-bottom:1px solid #cacaca;
}

#otherforums li.head {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
	padding-left: 0;
}

ul#menu {
	background-color:black;
	border:1px solid #bfbfbf;
	border-bottom:none;
	width:100%;
}
ul#menu li {
	background:#d5d5d5 url('/styles/partyme/img/naviundsuchfeld_hintergrund.gif') repeat-x;
	border-bottom:1px solid #bfbfbf;
}
ul#menu li:hover {
	opacity:0.9;
}
ul#menu li a {
	padding:4px 10px;
	font-weight:bold;
	color:#4a1d79;
	height:100%;
	display:block;
}
ul#menu li a img {
	margin-bottom:-2px;
}
ul#submenu {
	background:#d5d5d5 url('/styles/partyme/img/naviundsuchfeld_hintergrund.gif') repeat-x;
	border:1px solid #bfbfbf;
	padding:10px 15px;
	width:110px;
}
ul#submenu li {
	padding:5px 0;
}
.submit, .button a, ul.menu li.button a, div.ImageMarkerLegend li.edit button, .go input {
	cursor:pointer;
	border:none;
	margin:5px 0;
	padding:4px 10px;
	line-height:14px;
	font-size:12px;
	text-align:center;
	background:#345195 url('/styles/partyme/img/bg_button.gif') repeat-x;
	color:white;
	text-decoration:none;
}
ul.menu li.button {
	border:none;
}

p.warning {
	background-color:#eaeaea;
	border:1px solid #cacaca;
	color:red;
	padding:5px;
	margin:10px 0;
}

.usercontent .avatar, .usercontentcontainer .avatar {
	display:block;
	width:80px;
	float:left;
	margin-right:10px;
}
li.message {
	clear:both;
}

ul.bigmenu li {
	padding:5px;
}
div.sidebigmenu p {
	margin:20px 0;
	padding:0 5px;
}

.content_user .preview .more {
	clear:left;
	display:block;
	text-align:right;

	padding-top:2px;
	border-top:1px solid #cacaca;
}

.content_user .preview ul#UserGallery {
	border-top:1px solid #cacaca;
	height:30px;
	padding:3px 0;
}
.content_user .contacts {
	margin:4px 0;
}

.content_user .preview li {
	margin:0;
	padding:0;
	float:left;
	margin-right:10px;
}

.content_user .preview li img {
	margin:0;
}
.content_user .preview li.last {
	margin-right:0;
}

.content_user .preview .contacts li {
	margin-bottom: 3px;
}

.bottom {
	clear:both;
}

li.group {
	width:190px;
	height:240px;
	background-color:#eaeaea;
	margin: 5px;
	padding: 5px;
	float: left;
	text-align:center;
}
li.group h3 {
	margin:0;
	padding:0;
	font-size: 13px;
	border:none;
	text-align:center;
}
.content_group h3 span.weight {
	font-size:13px;
}
.content_group .popular p {
	margin:0;
	padding:5px 0 0 0;
}
h2 {
	clear:left;
}

/* .content_event */

.content_user_contacts #topbox .heading h2, .content_gastronomy #topbox .heading h2 {
	clear: normal;
	float: left;
}

.content_user_contacts ul.userlisting li .info {
	float: left;
	margin-top: 3px;
}

.content_user_contacts ul.userlisting li .userlisting-options {
	float: right;
	padding-right: 10px;
}

.content_user_contacts ul.userlisting li .userlisting-options li {
	clear: normal;
	height: auto;
	/*padding: 0;*/
	margin: 0;
	float: normal;
	border-bottom: 1px solid #cacaca;
}

.content_user_contacts ul.userlisting li .userlisting-options li:first-child {
	border-top: 1px solid #cacaca;
}

.content_user_contacts ul.userlisting li .userlisting-options a {
/* 	font-weight: bold; */
	font-weight: normal;
}

.content_gastronomy .content-sidebar {
	width: 150px;
}

	.content_gastronomy .content-sidebar .gastronomygallery li {
		margin-left: 0;
	}

.content_event #topbox h2 {
	float: left;
	clear: none;
}

.content_event #topbox ul.menu li:first-child {
	display: block;
}

/*
 *	ANYBOX BACKDROP
 */
.AnyBoxBackdrop { background-color: #336699; z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.5; }
.AnyBoxBackdropModal { z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.5; }

/*
 *	ANYBOX CONTAINER
 */
.AnyBoxContainer { z-index: 1010; visibility: hidden; position: fixed; padding: 0; margin: 0; }

/*
 *	ANYBOX CONTENT
 */
.AnyBoxContainer > *, .AnyBoxContainer h4.header, .AnyBoxContainer div.close, .AnyBoxContainer div.footer {
	margin:0;
}

.AnyBoxContainer.dialog { border: 1px solid #333; }
.AnyBoxContainer.dialog * { background-color: #fff; }

.AnyBoxContainer h4.header {
	padding: 10px;
	color: #333;
	border-bottom: 1px solid #333;
	background-color: #fff;
}

.AnyBoxContainer div.footer { color: #333; }
.AnyBoxContainer div.close {
	cursor:pointer;
	position:absolute;

	top:5px;
	right:5px;

	width:20px;
	height:20px;
	margin:0; padding:0;
	background: url('/styles/partyme/img/close.png');
}

 /* single div w/o class */
/*
.AnyBoxContainer.dialog div {
	height: 100%;
}*/

/*.AnyBoxContainer.dialog div div {
	height: auto;
}

.AnyBoxContainer.dialog div div.close {
	height: 20px;
}*/

.AnyBoxContainer.dialog p,
.AnyBoxContainer.dialog h4.header,
.AnyBoxContainer div.footer {
	padding: 10px;
}

/*
 *	OptionsBox
 */

.AnyBoxContainer.options ul { list-style-type:none; margin:0; padding:0; font-size: 11px; font-family: Verdana, Arial, Helvetica; max-height:455px; overflow:auto; } /* max-height:200px; overflow:auto; } */
.AnyBoxContainer.options ul li { border: 1px solid #333333; border-top:none; background-color:#ffffff; color:#333333; width:200px; padding:3px; margin-right:20px; }

.AnyBoxContainer.options ul li.selected { cursor:pointer; background-color:#cacaca; color:black; /* width:200px; */ padding:3px; }
.AnyBoxContainer.options ul li.message { cursor:auto; background-color:#cacaca; color:black; /* width:200px; */ padding:3px; }

.AnyBoxContainer.options ul li.combined h4 { margin:0; padding:2px; }
.AnyBoxContainer.options ul li.combined p { margin:0; padding:2px; color:#999999; }
.AnyBoxContainer.options ul li.combined.selected p { margin:0; padding:2px; color:#666699; }

/*
input.OptionsBoxQuery { color:#333333; border: 1px solid #333333; padding:3px; width:200px; font-size: 11px; font-family: Verdana, Arial, Helvetica; }
*/
input.OptionsBoxQuery { width:204px; }
.AnyBoxContainer.options em.hilite { background-color:#6a6a6a; color:white; }

.AnyBoxContainer.options.contactSearchOptionBox ul li {
	width:140px;
	border-color:#7c7c7c;
}

/* errors */

p.error {
	color: #f00;
	width: 620px;
	padding: 10px;
	border: 1px solid #e00;
}

/* rest */

.eventGalleriesPromo {
	background:url('/styles/partyme/img/startseite/partypic_box.gif') repeat-x;
	margin:0 -21px;
	padding-left:3px;
	text-align:center;
	height:213px;
}
.eventGalleriesPromo li {
	margin:12px;
}

.content_index #randomUsers {
	width:280px;
}
.content_index #randomUsers li .info,
.content_index #beta .userlisting .zip,
.content_index .userlisting li .info .zip,
.content_index #randomUsers li .info .status {
	display:none;
}
.content_index #randomUsers li {
	width:30px;
	height:30px;
	padding:0 0 10px 0;
	background:white;
	margin-bottom:0;
}
.content_index #randomUsers li:hover .info {
	background:transparent url('/styles/partyme/img/tooltip_oben.gif') no-repeat 0 0;
	z-index:1;
	position:absolute;
	top:31px;
	left:-5px;
	width:140px;
	display:block;
	padding:10px 5px 5px 5px;
}
.content_index #randomUsers li:hover .info p {
	background:white url('/styles/partyme/img/tooltip_unten.gif') no-repeat 0 100%;
margin:-5px;
padding:5px;
}

.content_index .left ul {
	margin:5px;
}
.content_index .left {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.content_index .left, .content_index .right {
	float:left;
	width:290px;
	margin:30px 0 10px 0;
}
.content_index .left {
	margin-right:25px;
}
.content_index .right {
	margin-left:25px;
}
.content_index h3 {
	border:none;
	padding:0;
	font-size:20px;
}
.content_index .left h3, .content_index .right h3 {
	margin:10px 0 5px 0;
}
.content_index .left h3 {
	margin-left:10px;
}
.content_index .right form {
	background-color:#fff;
	padding:0px;
}
.content_index .right h3 {
	width:284px;
	height:77px;
	background:url('/styles/partyme/img/startseite/undjetzt.png') no-repeat;
}

.content_index label.small {
	width:95px;
	display:block;
	float:left;
	line-height:20px;
	vertical-align:middle;
}
.content_index input.text {
	width:185px;
}

.content_index h4#usersearchtitle {
	width:360px;
	height:99px;
	background:url('/styles/partyme/img/startseite/hd_sinddeinefreundebeipm.png') no-repeat;
}
.content_index h4#mailformtitle {
	width:352px;
	height:15px;
	background:url('/styles/partyme/img/startseite/hd_permaileinladen.png') no-repeat;
}

.content_index #mailform fieldset legend {
	background:#eaeaea url('/styles/partyme/img/startseite/pfeilspitze_inaktiv.gif') 100% 0 no-repeat;
	width:135px;
}
.content_index #mailform fieldset legend .text {
	color:#ababab;
	display:block;
	width:129px;
	background:#d6d6d6 url('/styles/partyme/img/startseite/pfeilverlauf_inaktiv.gif') repeat-x;
}
.content_index #mailform fieldset.active legend {
	background:#eaeaea url('/styles/partyme/img/startseite/pfeilspitze_aktiv.gif') 100% 0 no-repeat;
	width:135px;
}
.content_index #mailform fieldset.active legend .text {
	color:#6a6a6a;
	display:block;
	width:129px;
	background:#d6d6d6 url('/styles/partyme/img/startseite/pfeilverlauf_aktiv.gif') repeat-x;
}
.content_index #mailform fieldset.last legend {
	background-color:transparent;
}

.content_index #friendfinder h3 {
	cursor:pointer;
}
.content_index #friendfinder fieldset {
	border:none;
}
.content_index #friendfinder #usersearch label {
	display:block;
	float:left;
	width:85px;
	line-height:20px;
}
.content_index #friendfinder #usersearch input#agefrom,
.content_index #friendfinder #usersearch input#ageto {
	width:35px;
}
.content_index #friendfinder #usersearch select#sex {
	margin-left:10px;
}
.content_index #friendfinder #usersearch input,
.content_index .geolocationsearch_usersearch_queryOptionBox ul li {
	width:190px;
}
.content_index #friendfinder #usersearch input#geolocationsearch_usersearch_query_do,
.content_index #friendfinder #usersearch .go input {
	width:auto;
}
.content_index #friendfinder #usersearch label.short {
	width:auto;
	display:inline;
	float:none;
}
.content_index #friendfinder p {
	margin:0;
	float:left;
}
.content_index #friendfinder #usersearch p.go input {
	margin:0 0 0 15px;
}
.content_index #friendfinder h4 {
	margin-top:10px;
}

.content_index .right p.last {
	text-align:right;
	padding-right:5px;
}
.content_index .eventFlyer li {
	margin-right:0;
	padding:0;
	float:left;
	text-align:center;
}
.content_index .eventFlyer li.last {
	margin-right:0;
}
.content_index .eventFlyer li span.flyer {
	display:block;
	background:url('/styles/partyme/img/startseite/bg_flyer.gif');
	width:160px;
	height:220px;
}
.content_index .eventFlyer li a {
	opacity:0.7;
}
.content_index .eventFlyer li a:hover {
	opacity:1;
}
.content_index .eventFlyer li a img {
	width:150px;
	height:210px;
	margin:5px;
}
.content_index .eventFlyer h4 {
	margin:5px;
	color:black;
}
.content_index .eventFlyer p {
	margin:0;
	color:#6a6a6a;
}

.content_index #alpha {
	width:385px;
	float:left;
	margin-top: 20px;
}

/* tab area start page */
/*div.tabPanel { border: 1px solid red; }
div.tabPanels { border: 1px solid blue; }*/

div.tabPanels ul.tabs {
	margin:0;
	padding:0;
	margin-left: 5px;
	list-style-type:none;
	padding-bottom: 4px;
}

div.tabPanels ul.tabs li {
	padding:4px 8px;
	display:inline;
	padding-top: 3px;
	background-color:#fff;
	font-weight: bold;
	color: #999;
}

div.tabPanels ul.tabs li.active:hover,
div.tabPanels ul.tabs li.active {
	/*background-color:#fdd;*/
	border: 1px solid #999;
	padding: 5px 8px;
	border-bottom: 0;
	color: #000;
}

div.tabPanels ul.tabs li:hover,
.hoverState {
	/*background-color:#fff;*/
	cursor:pointer;
}

/* single panel */
div.tabPanel {
	padding-top: 5px;
	border-top: 1px solid #ccc;
}

/*#alpha { background-color:#ffcccc; }*/
#bravo { background-color:#ccffcc; }

.content_index #beta {
	float:left;
	width:234px;
	padding:0;
	margin-left:20px;
}
.content_index #alpha h3, .content_index #beta h3 {
	font-size:13px;
	margin-top:18px;
}

.content_index #beta h3#interestingUsersHeadline  {
	margin-top: 48px;
}

.content_index #beta .userlisting {
	padding-top:10px;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.content_index #beta .userlisting li {
	width:214px;
	height:69px;
	background:#dcdcdc url('/styles/partyme/img/startseite/bg_userlist.gif') repeat-x;
}
.content_index #beta ul.info {
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	padding:5px 0 4px 0;
}
.content_index #beta ul.info li {
	margin:4px 0;
}
.content_index #beta ul.info li img {
	margin-right:4px;
}
.content_index #beta ul.info li ul li {
	margin-top:2px;
	margin-left:30px;
}

.content_index .useractions {
	margin-top: 10px;
	border-top:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}
.content_index .useractions li {
	padding:10px;
	height:30px;
}
.content_index .useractions .icons {
	display:block;
	float:left;
	height:30px;
	width:80px;
	margin-right:8px;
}
.content_index .useractions a {
	font-weight:bold;
}
.content_index .useractions .date {
	font-weight:bold;
	float:right;
	padding-left:8px;
}



/* FIXME: DELETE */
.content_index .useractions img {
	max-width:30px;
	max-height:30px;
}
.userlisting img {
	max-width:70px;
	max-height:70px;
}




/*
 * ImageMarker
 */

div.ImageMarker { padding:0; margin:0; position:relative; clear:left; float:left; /*overflow:hidden; */ }
div.ImageMarkerEditing { cursor:crosshair; }

/* 660 - 430 = 230 / 2 = 115 */

div.ImageMarkerPortrait { padding-left: 115px; }
div.ImageMarkerPortrait div.ImageMarkerLegend { margin-left: -115px; }
div.ImageMarkerPortrait p.controls { padding-right:115px; }

div.ImageMarkerInput { cursor:auto; width:202px; height:100px; margin-top:105px; }

div.ImageMarkerInput p { margin-top:5px; }

div.ImageMarkerLegend * {float:none; margin:0; padding:0; }
div.ImageMarkerLegend ul { list-style-type:none; margin:5px 0 0 0; }
div.ImageMarkerLegend ul li { padding:0 5px; display:inline; font-weight:bold; border-right:1px solid #cacaca; }
div.ImageMarkerLegend ul li.last { border-right:none; }
div.ImageMarkerLegend ul li.edit { display:block; border-right:none; padding:0; margin:5px 0 0 0; }

div.ImageMarkerPoint {
	display:none; background:url(../img/imagemarker/marker.png) no-repeat left top; border:0;
	width:100px; height:100px; z-index:30; position:absolute;
	margin: -50px 0 0 -50px; padding:0;
	cursor:pointer;
	text-decoration:none; text-align:center; color:black;
}

div.ImageMarkerPoint div.vcard {
	display:none;
	cursor:auto;
	position:relative;
	left:100px;
	top:2px;
	margin:0; padding:0;
}

div.ImageMarkerInput,
div.ImageMarkerPoint div.vcard div.content {
	background-color:white;
	padding:5px;
	opacity:0.9;
}
div.ImageMarkerPoint div.vcard div.content p {
	margin: 0;
	padding: 0;
}

/*div.ImageMarkerPoint div.vcard * { margin:0; float:left; } */

div.ImageMarkerPoint div.vcard .content h4 {
	float: none;
}

div.ImageMarkerSelector,
div.ImageMarkerSelected {
	background-image:url(../img/imagemarker/selector.png); border:0;
	width:100px; height:100px; z-index:30; position:absolute;
	margin: -50px 0 0 -50px; padding:0;
	cursor:crosshair;
	text-decoration:none; text-align:center; color:black;
}

div.ImageMarkerPointHover div.vcard,
div.ImageMarkerPoint:hover div.vcard {
	display:block;
}


div.ImageMarkerPointRight div.vcard { margin-left: -220px; }

div.ImageMarkerPoint div.controls {
	position:absolute;
	bottom: 10px;
	right:-210px;
	margin:0; padding:0;
	display:none;
	z-index:100;
}


div.ImageMarkerHover div.ImageMarkerPoint,
div.ImageMarker:hover div.ImageMarkerPoint { display:block; }

div.ImageMarkerPointHover div.controls,
div.ImageMarkerPoint:hover div.controls { display:block; }

div.ImageMarkerPointHover,
div.ImageMarkerPoint:hover { background-image:url(../img/imagemarker/hover.png); display:block; }

div.ImageMarkerPoint div.vcard,
div.ImageMarkerInput { width: 202px; margin: 0 0 0 ; padding: 9px; float: left; }
div.ImageMarkerPoint div.vcard .avatar { float: left; margin-right: 5px; }
div.ImageMarkerPoint div.vcard .content { height:70px;; }

div.vcard {
	text-align: left;
}

/* formatting Quotes like mail.app (as discussed earlier) */
blockquote { margin: 10px 0 10px 5px; padding: 3px 3px 3px 5px; border-bottom: 2px solid #cacaca; border-left: 3px solid #cacaca; }
blockquote blockquote { margin-left: 0px; border-bottom-color: #cacaca; border-left-color: #cacaca; }
blockquote blockquote blockquote { margin-left: 0px; border-bottom-color: #cacaca; border-left-color: #cacaca; }
blockquote blockquote blockquote blockquote { margin-left: 0px; border-bottom-color: #cacaca; border-left-color: #cacaca; }
blockquote h4 { margin-bottom: 5px; }
blockquote cite { font-style:italic; }

.content_forum_thread .controls .control.reply {
	display:none;
}



label {
	display:block;
}
input[type=checkbox] + label, input[type=radio] + label {
	display:inline;
}


#topbox .heading ul.menu {
	float:right;
}

#topbox .heading ul.menu li {
	font-size:12px;
	font-weight:bold;
	padding:0;
	border-right:none;
}

#topbox .heading ul.menu li a {
	padding:1px 5px;
	color:#00358c;
}

#topbox .heading ul.menu li.active {
	padding:0 3px;
	border-bottom:1px solid #ad64bd;
}
#topbox .heading ul.menu li.active a {
	color:white;
	background-color:#ad64bd;
}

.content_event_admin #topbox .heading ul.menu {
	float: none;
}


.content_user .heading h2,
.content_user_gallery .heading h2,
.content_user_markers .heading h2,
.content_user_guestbook .heading h2,
.content_message .heading h2,
.content_search_user .heading h2,
.content_search_user_online .heading h2 {
	float:left;
}





#searchbox {
	background:url('/styles/partyme/img/naviundsuchfeld_hintergrund.gif') repeat-x;
	width:158px;
	height:37px;
	border:1px solid #bfbfbf;
	margin-bottom:10px;
}
#searchbox input {
	margin:0;
	padding:0;
}
#searchbox input.OptionsBoxQuery {
	background:white url('/styles/partyme/img/suchfeld_lupe.gif') 5px 50% no-repeat;
	padding:6px 0 0 23px;
	border:1px solid #bfbfbf;
	margin:5px;
	width:123px;
	height:19px;
}
#searchbox input.OptionsBoxQuery.activelabel {
	color:#6a6a6a;
}

.AnyBoxContainer.options ul li.icon { clear:left; }
.AnyBoxContainer.options ul li.icon img { float:left; margin-right:5px; }
.AnyBoxContainer.options ul li.icon h4 { margin-left:25px; }
.AnyBoxContainer.options ul li.icon p { margin-left:25px; }
.AnyBoxContainer.options ul li.icon.selected p { margin-left:25px; }


ol.dialogue {
	width:468px;
}
ol.dialogue li {
	clear:both;
	background:#eaeaea url('/styles/partyme/img/kommentar_hintergrundverlauf.gif') repeat-x;
	margin:15px 0;
	padding:10px;
}
ol.dialogue li h3 {
	margin:0 0 10px 0;
	padding:0;
}
ol.dialogue li h3 span.date {
	color:#6a6a6a;
/* 	float:right; */

	font-size:12px;
	font-weight:normal;
	padding:3px 0 0 0;
}
ol.dialogue li .usercontentcontainer .avatar {
	float:left;
	height:100%;
	padding:0;
	margin:0 10px 0 0;
	width:70px;
}
ol.dialogue li .usercontentcontainer .avatar img {
	padding:0;
	margin:0;
}

ol.dialogue li .usercontentcontainer .usercontentmeta {
	float: left;
	margin-bottom: 5px;
	width: 99.95%; /* ie got buggy wi(d)th 100% */
}

ol.dialogue li .usercontentcontainer .usercontentmeta h3 {
	clear: none;
	margin-bottom: 0;
}

ol.dialogue li .usercontentcontainer .usercontentmeta h3 .user {
	float: left;
}

ol.dialogue li .usercontentcontainer .usercontentmeta span.date {
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
}


ol.dialogue li .usercontentcontainer .usercontent {
	border-left:1px solid #cacaca;
	margin:0;
	padding:0;
	padding-left: 10px;
	float:left;
	width:355px;
	height:100%;
	min-height:70px;
}

/*ol.dialogue li .usercontentcontainer .usercontent h3 {
	float: left;
}

ol.dialogue li .usercontentcontainer .usercontent span.date {
	float: right;
	text-align: right;
}*/

ol.dialogue li .usercontentcontainer .usercontent p {
	padding:0;
	margin:0 0 10px 0;
	clear: right;
}
ol.dialogue li .controls {
	padding:0;
	margin:0;
}
ol.dialogue li.ads {
	padding:0;
	margin:0;
	width:468px;
	height:60px;
}

#sidebar #searchLink {
	border:none;
	width:17px;
	height:17px;
	position:absolute;
	top:117px;
	left:50%;
	margin:0 0 0 355px;
	padding:0;
	background:transparent;
	z-index:1;
}
#sidebar #searchLink a {
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

/* IE 6x fix for clearing bug (easyclear) */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


pre {
	float: none;
	clear: both;
	overflow: auto;
}

img.partyme-tipp-image {
	padding: 0;
	margin: 0;
	border: 0;
}

ul.nav-options li {
	display: inline;
	margin: 0 10px;
}

div.ticketTeaser {
	color: #f00;
	width: 620px;
	padding: 10px;
	border: 1px solid #e00;
	height:35px;
	margin-top:15px;
}

div.ticketTeaser p { margin: 10px auto; text-align:center; font-weight:bold; }


/***************************************************************************
 *	W A I T I N G
 ***************************************************************************/
div.waitingBackdrop,
div.waitingIcon { width:none; margin:0; padding:0; border:0; height:none; bottom:none; right:none; }

div.waitingBackdrop { opacity:0.8; position:absolute; background-color: #000000; }
div.waitingIcon
{
	position:absolute;
	background: url(../img/waiting/large_black.gif) center center no-repeat;
	overflow:hidden;
}

/* reset icon for integration of a text-message */
div.waitingIcon.waitingMessage { background-image:none; }
div.waitingIcon div
{
	height:30px;
	color:white;
	display:inline-block;
	position:absolute;
	padding: 10px 5px 5px 45px;
	background: url(../img/waiting/large_black.gif) 5px 5px no-repeat;
}

/***************************************************************************
 *	S L I D E S H O W
 ***************************************************************************
 * remember that slides are positioned absolute. that means Internet Explorer
 * needs to be told that top:0; left:0; is default - duh!
 ***************************************************************************/
ul.slideshow { position:relative; }
ul.slideshow li { position:absolute; top:0; left:0; margin:0; padding:0; border:0; }
ul.slideshow li.slideshowPrevious { position:absolute; top:2px; left:2px; width:10px; height:10px; background-color:red; display:none; z-index:101; cursor:pointer; }
ul.slideshow li.slideshowNext { position:absolute; top:2px; right:2px; width:10px; height:10px; background-color:blue; display:none; z-index:101; cursor:pointer; }
ul.slideshow:hover li.slideshowPrevious,
ul.slideshow:hover li.slideshowNext { display:block; }

/***************************************************************************
 *	P H O T O C A S E
 ***************************************************************************/
div.PhotoCase { width:460px; }

/***************************************************************************
 * PhotoCase Image
 ***************************************************************************/
div.PhotoCase div.PhotoCaseImage { position:relative; background-color:#ffccff; padding:0; margin:0; width:460px; height:300px; overflow:hidden; }
div.PhotoCase div.PhotoCaseImage img { margin:0; padding:0; width:460px; }

/***************************************************************************
 * PhotoCase Image Navigation
 ***************************************************************************/
div.PhotoCase div.PhotoCaseImage span.PhotoCaseLeftBackdrop { position:absolute; left:0; top:0; margin:0; border:0; width:60px; height:300px; cursor:pointer; background-color:black; opacity:0.5; display:none; }
div.PhotoCase div.PhotoCaseImage:hover span.PhotoCaseLeftBackdrop { display:block; }
div.PhotoCase div.PhotoCaseImage span.PhotoCaseLeftBackdrop:hover { opacity:0.7; }
div.PhotoCase div.PhotoCaseImage span.PhotoCaseLeft { position:absolute; left:26px; top:143px; width:7px; height:13px; margin:0; padding:0; display:none; background:url(../img/photocase/image-left.png) no-repeat; cursor:pointer; }
div.PhotoCase div.PhotoCaseImage:hover span.PhotoCaseLeft { display:block; }
div.PhotoCase div.PhotoCaseImage span.PhotoCaseRightBackdrop { position:absolute; right:0; top:0; margin:0; border:0; width:60px; height:300px; cursor:pointer; background-color:black; opacity:0.5; display:none; }
div.PhotoCase div.PhotoCaseImage:hover span.PhotoCaseRightBackdrop { display:block; }
div.PhotoCase div.PhotoCaseImage span.PhotoCaseRightBackdrop:hover { opacity:0.7; }
div.PhotoCase div.PhotoCaseImage span.PhotoCaseRight { position:absolute; right:26px; top:143px; width:7px; height:13px; margin:0; padding:0; display:none; background:url(../img/photocase/image-right.png) no-repeat; cursor:pointer; }
div.PhotoCase div.PhotoCaseImage:hover span.PhotoCaseRight { display:block; }

/***************************************************************************
 * PhotoCase Thumbnails Background
 ***************************************************************************/
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseLeftBackdrop,
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseRightBackdrop,
div.PhotoCase div.PhotoCaseIcons div.PhotoCaseBackground { background: url(../img/photocase/icons-background.png) repeat-x 0px 10px /* blue #EAEAEA */; background-color:inherit; margin:0; border:0; }

div.PhotoCase div.PhotoCaseIcons { position:relative; width:460px; margin:0; padding:0; }
div.PhotoCase div.PhotoCaseIcons div.PhotoCaseBackground { overflow:hidden; width:460px; padding: 10px 0 0 0; margin:0; }
div.PhotoCase div.PhotoCaseIcons ul { padding: 0 0 0 32px; margin: 9px 0 6px 0; list-style-type:none; width: 100000000px; }
div.PhotoCase div.PhotoCaseIcons ul li { margin: 0 0 0 1px; padding:0; width:76px; list-style-type:none; display:inline-block; }
div.PhotoCase div.PhotoCaseIcons ul li img { width:70px; margin: -3px 0 -3px 0; padding:0; border:3px solid transparent; }
div.PhotoCase div.PhotoCaseIcons ul li.active { background:url(../img/photocase/icons-up.png) no-repeat center 5px; margin-top: -20px; padding-top:20px; }
div.PhotoCase div.PhotoCaseIcons ul li.active img { border-color: #6a6a6a; }

/***************************************************************************
 * PhotoCase Thumbnail Navigation
 ***************************************************************************/
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseLeftBackdrop { position:absolute; left:0px; top:0px; width:30px; height:98px; }
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseLeft { position:absolute; left:6px; top:19px; margin:0; background: url(../img/photocase/icons-left.png) no-repeat #C4C2C2; width:20px; height:70px; cursor:pointer; }
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseLeft:hover { background: url(../img/photocase/icons-left-hover.png) no-repeat #BCBABA; }
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseRightBackdrop { position:absolute; right:0px; top:0px; width:30px; height:98px; }
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseRight { position:absolute; right:6px; top:19px; margin:0; background: url(../img/photocase/icons-right.png) no-repeat #C4C2C2; width:20px; height:70px; cursor:pointer; }
div.PhotoCase div.PhotoCaseIcons span.PhotoCaseRight:hover { background: url(../img/photocase/icons-right-hover.png) no-repeat #BCBABA; }

/***************************************************************************
 * PhotoCase Paging
 ***************************************************************************/
div.PhotoCase div.PhotoCasePaging { position:relative; width:460px; height:10px; background-color:inherit; padding:0; margin:0; }
div.PhotoCase div.PhotoCasePaging ul { position:absolute; right:5px; top:0; list-style-type:none; padding:0; margin:0; height:10px; }
div.PhotoCase div.PhotoCasePaging ul li { margin: 0 2px 0 0; padding:0; width:6px; height:6px; display:inline-block; background: url(../img/photocase/paging-inactive.png) no-repeat center center; }
div.PhotoCase div.PhotoCasePaging ul li.active { background: url(../img/photocase/paging-active.png) no-repeat center center; }