/* ********************

	Table of Content
	
	=: ZoonCard Back View
		=: Navigation
		=: Content
		=: Tabs
		=: Tab Maps
		=: Tab Dates
		=: Tab Infos
	    =: Tab Contact
	    =: Tab Comments
	    =: Tab Media
	    =: Bonus
		=: Footer
		
	----------------
	
	Contains the CSS code for the back view (= edit view) of the ZoonCards.
	
	@internal info:
	
		- For the comment rating: assign the button element an class from "rating-0_0" up to "rating-5_0"
		  (steps 0.5, e.g. "rating-3_5") to change the values.
		  Dynamic behaviour has to be added using javascript.
		  
		- An img element with a reference image of the ZC (#tmp-zc-back) has been inserted as the first
		  element of the body. You can delete the img element and the CSS code when you're done.
		  
/* ******************** */
#zooncard_container {
	min-height: 540px;
	position: relative;
}
	

/* ***********************************  =: ZoonCard Back View ************************************** */
#zooncard_single_view .dragme {cursor:move;}

#zooncard_single_view div.header {
	background: transparent url(../pics/zooncard-single-view/logo.png) left 20px no-repeat;
	border-bottom: 1px solid #233b50;
	height: 53px;
	margin-left: -0.8em;
	width: 294px;
}

#zooncard_single_view.back div.header {
	background-image:				none;
	height:							32px;
	margin-bottom:					0.3em;
	margin-left:					0;
	width:							21.4em;
}

#zooncard_single_view.back #zooncard_language_selection {
	right:							3em;
	top:							1.4em;
}

#zooncard_language {
	background:						url(../pics/dropdown-white.png) left center no-repeat;
}

#zooncard_language_selection a,
#zooncard_language {
	color:							#fff;
	display:						block;
	padding:						1px 0 1px 6px;
}

#zooncard_language_selection a:hover {
	text-decoration:				underline;
}


#zooncard_single_view.back p.subsummary {
	color:							#5793C9;
}

#zooncard_single_view.back p.location+p {
	padding-bottom:					0.4em;
}

#zooncard_single_view.back abbr.dtstart {
	color:							#fff;
	font-weight:					normal;
}


	/* ****** =: Navigation ****** */
	
#zooncard_back_navigation_tabs {
	float:							left;
	border-bottom:					1px solid #233B50; 
	border-top:						1px solid #233B50; 
	padding-bottom:					0.1em;
	padding-top:					0.5em;
	width:							21.4em;
}

#zooncard_back_navigation_tabs li {
	float:							left;
}

#zooncard_back_navigation_tabs li a, #zooncard_back_navigation_tabs li span {
	display:						block;
	height:							47px;
	text-indent:					-5000px;
}

#zooncard_back_navigation_tabs li#zooncard_back_map a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) 0 0 no-repeat; 
	width:							33px;
}
#zooncard_back_navigation_tabs.selected_map li#zooncard_back_map a, #zooncard_back_navigation_tabs li#zooncard_back_map a:hover, #zooncard_back_navigation_tabs li#zooncard_back_map span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) 0 -47px no-repeat; 
	width:							33px;
}
#zooncard_back_navigation_tabs li#zooncard_back_map span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) 0 -96px no-repeat; 
	width:							33px;
}

#zooncard_back_navigation_tabs li#zooncard_back_dates a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -33px 0 no-repeat;
	width:							39px;
}
#zooncard_back_navigation_tabs.selected_dates li#zooncard_back_dates a, #zooncard_back_navigation_tabs li#zooncard_back_dates a:hover, #zooncard_back_navigation_tabs li#zooncard_back_dates span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -33px -47px no-repeat;
	width:							39px;
}
#zooncard_back_navigation_tabs li#zooncard_back_dates span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -33px -96px no-repeat;
	width:							39px;
}

#zooncard_back_navigation_tabs li#zooncard_back_info a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -72px 0 no-repeat;
	width:							36px;
}
#zooncard_back_navigation_tabs.selected_info li#zooncard_back_info a, #zooncard_back_navigation_tabs li#zooncard_back_info a:hover, #zooncard_back_navigation_tabs li#zooncard_back_info span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -72px -47px no-repeat;
	width:							36px;
}
#zooncard_back_navigation_tabs li#zooncard_back_info span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -72px -96px no-repeat;
	width:							36px;
}

#zooncard_back_navigation_tabs li#zooncard_back_contact a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -108px 0 no-repeat;
	width:							37px;
}
#zooncard_back_navigation_tabs.selected_contact li#zooncard_back_contact a, #zooncard_back_navigation_tabs li#zooncard_back_contact a:hover, #zooncard_back_navigation_tabs li#zooncard_back_contact span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -108px -47px no-repeat;
	width:							37px;
}
#zooncard_back_navigation_tabs li#zooncard_back_contact span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -108px -96px no-repeat;
	width:							37px;
}

#zooncard_back_navigation_tabs li#zooncard_back_comments a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -145px 0 no-repeat;
	width:							42px;
}
#zooncard_back_navigation_tabs.selected_comments li#zooncard_back_comments a, #zooncard_back_navigation_tabs li#zooncard_back_comments a:hover, #zooncard_back_navigation_tabs li#zooncard_back_comments span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -145px -47px no-repeat;
	width:							42px;
}
#zooncard_back_navigation_tabs li#zooncard_back_comments span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -145px -96px no-repeat;
	width:							42px;
}

#zooncard_back_navigation_tabs li#zooncard_back_media a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -187px 0 no-repeat;
	width:							44px;
}
#zooncard_back_navigation_tabs.selected_media li#zooncard_back_media a, #zooncard_back_navigation_tabs li#zooncard_back_media a:hover, #zooncard_back_navigation_tabs li#zooncard_back_media span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -187px -47px no-repeat;
	width:							44px;
}
#zooncard_back_navigation_tabs li#zooncard_back_media span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -187px -96px no-repeat;
	width:							44px;
}

#zooncard_back_navigation_tabs li#zooncard_back_bonus a {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -231px 0 no-repeat;
	width:							39px;
}
#zooncard_back_navigation_tabs.selected_bonus li#zooncard_back_bonus a, #zooncard_back_navigation_tabs li#zooncard_back_bonus a:hover, #zooncard_back_navigation_tabs li#zooncard_back_bonus span.active {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -231px -47px no-repeat;
	width:							39px;
}
#zooncard_back_navigation_tabs li#zooncard_back_bonus span.inactive {
	background: 					url(../pics/zooncard-back/navigation-icons.png) -231px -96px no-repeat;
	width:							39px;
}

	/* ****** =: Content ****** */
	

#zooncard_single_view .content {
	clear:							both;
	height:							20.4em;
	padding-top:					0.3em;
	position:						relative;
	width:							21.3em;
}

#zooncard_single_view .content_cover {
	clear:							both;
	height:							380px;
	width:							290px;
	position:						relative;
	left:							-8px;
	cursor:							pointer;
}

#zooncard_single_view #content_cover_photo {
	min-height:	                	300px;
}

#zooncard_single_view .content_cover_preview {
	clear:							both;
	height:							380px;
	width:							290px;
	position:						relative;
	left:							-8px;
}

#zooncard_single_view .banner {
	float:		left;
	height:		380px;
	margin:		0;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		290px;
}

#zooncard_single_view .banner table {
	float:		left;
	height:		370px;
	margin-top:	7px;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		290px;
}

#zooncard_single_view .photo {
	float:		left;
	height:		270px;
	margin:		15px 10px;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		270px;
}

#zooncard_single_view .photo table {
	float:		left;
	height:		270px;
	margin:		0;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		270px;
}

#zooncard_single_view table td {
	vertical-align: middle;
}

#zooncard_single_view .calendar {
	background: url(../pics/calendar_single.png) top left no-repeat;
	float: left;
	margin:	5px 7px 0 5px;
	height: 60px;
	text-align: center;
	width: 60px;
}
#zooncard_single_view .calendar abbr {display:block;}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_year {color:#FFF; margin:3px 0 0 0; padding:0; font-size:9px; text-align:center;}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_date {color:#FFF; margin:5px 0 0 0; padding:0; font-size:12px; text-align:center;}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_time {color:#6699cc; margin:0; padding:0; font-size:10px; text-align:center;}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_date1 {color:#FFF; margin:3px 0 1px 0; padding:0; font-size:12px; text-align:center}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_spacer {background-color:#FFF; height:1px; width:7px; font-size:0px; margin:0 25px; padding:0;}
#zooncard_single_view .calendar abbr.zooncard_cover_calendar_date2 {color:#FFF; margin:1px 0 0 0; padding:0; font-size:12px; text-align:center;}

#zooncard_single_view .loicon {
	float:		left;
	position: 	relative;
	width:		60px;
	height:		60px;
	margin:		10px 0 0 0;
	text-align:	center;
	overflow:	hidden;
}

#zooncard_single_view .loiconsheet {
	float:		left;
	position: 	relative;
	width:		60px;
	height:		50px;
	margin:		5px 0 0 0;
	overflow:	hidden;
}

#zooncard_single_view .deletecalendar {float:left; width:60px; height:60px; position:relative; top:-2px; text-align:center; overflow:hidden}
#zooncard_single_view .deletecalendar .options {float:left; width:50px; height:13px; color:#5693C9; margin:0; font-size:11px}
#zooncard_single_view .calendarsheet {
	background: url(../pics/zooncard-single-view/calendarsheet.png) top left no-repeat;
	float: left;
	margin:	10px 7px 0 0;
	height: 48px;
	position: relative;
	text-align: center;
	width: 49px;
}
#zooncard_single_view #zooncard_display_content .calendarsheet {
	margin-top:			0px;
}
#zooncard_single_view .calendarsheet abbr {display: block;}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_year {color:#FFF; margin:2px 0 0 0; padding:0; font-size:9px; text-align:center; visibility:hidden}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_date {color:#FFF; margin:1px 0 0 0; padding:0; font-size:12px; text-align:center}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_time {color:#6699cc; margin:0; padding:0; font-size:10px; text-align:center;}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_date1 {color:#FFF; margin:0; padding:0; font-size:12px; text-align:center}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_spacer {background-color:#FFF; height:1px; width:7px; font-size:0px; margin:0 19px; padding:0;}
#zooncard_single_view .calendarsheet abbr.zooncard_cover_calendar_date2 {color:#FFF; margin:0; padding:0; font-size:12px; text-align:center;}

#zooncard_single_view input.transparentInput {width:200px; margin:0; padding:0; font-size:11px; color:#E8E8E8; background:none; border:none}
#zooncard_single_view input.transparentInput-year {width:40px; margin:0; padding:0; font-size:9px; color:#FFF; text-align:center; background:none; border:none}
#zooncard_single_view input.transparentInput-time {width:40px; margin:0; padding:0; font-size:10px; color:#6699cc; text-align:center; background:none; border:none}
#zooncard_single_view .deletesheet {float:right; margin:2px 3px 0 0; padding:0 2px; color:#5693c9; font-size:11px; text-align:right; overflow:hidden;}
#zooncard_single_view .details {float:left; width:200px; height:40px; overflow:hidden}


#zooncard_single_view .detailsheet {
	float:		left;
	height:		80px;
	margin:		5px 0 0;
	overflow:	hidden;
	padding:	0;
	width:		215px;
}
#zooncard_single_view .detailsheet h1 {color:#6699cc; margin:0; padding:0; font-size:12px; font-weight:bold;}
#zooncard_single_view .detailsheet h2 {color:#6699cc; margin:0 0 5px 0; padding:0; font-size:11px; font-weight:normal;}
#zooncard_single_view .detailsheet p {color:#E8E8E8; margin:0; padding:0; font-size:11px; }
#zooncard_single_view .detailsheet p.venue {display:block; height:13px; overflow:hidden}
#zooncard_single_view .detailsheet p span {color:#E8E8E8; margin:0; padding:0; font-size:11px; }
#zooncard_single_view #zooncard_display_content .detailsheet {margin-top:0px; height:60px; width:225px;}
#zooncard_single_view #zooncard_display_content .detailsheet h2 {color:#6699cc; margin:0 0 1px 0; padding:0; font-size:11px; font-weight:normal;}
#zooncard_single_view #zooncard_display_content .detailsheet p {color:#E8E8E8; margin:0; padding:0; font-size:11px; line-height:14px;}
#zooncard_single_view #zooncard_display_content .detailsheet p.venue {display:block; height:13px; overflow:hidden}
#zooncard_single_view #zooncard_display_content .detailsheet p.address {display:block; height:13px; overflow:hidden}
#zooncard_single_view #zooncard-back-content-dates .detailsheet {margin-top:0px; height:57px; width:190px}

#zooncard_single_view div.content > div {
	color:							#fff;
	/*height:							17.07em;*/
}


	/* ******* =: Tabs ****** */

.ui-tabs .ui-tabs-hide {
	display: none !important;
}
/*
suggestion for google maps
.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}
*/
#zooncard_back_content .content .scrollable  {
	height:							255px;
	overflow:						auto;
	padding:						0.8em 0;
	position:						relative;
}
#zooncard_back_content .content .promo  {
	border:							2px dashed #5693C9;
	height:							275px;
	padding-left:					5px;
}

	/* ****** =: Tab Maps ****** */
	
#zooncard-back-content-map {
	padding:						0.15em 0.2em;
}
#zooncard-back-content-map div#map_canvas {
	width:270px; 
	height:270px; 
}
	/* ****** =: Tab Dates  ****** */
	

	
#zooncard-back-content-dates ul li {
	clear:							both;
	float:							left;
}

#zooncard-back-content-dates ul li+li {
	margin-top:						1.9em;
}


#zooncard-back-content-dates ul li p.subsummary {
	padding-top:					0.45em;
}
	
	/* ****** =: Tab Infos  ****** */
	
#zooncard-back-content-info {
	font-size:						1.15em;
	overflow:						auto;
	padding:						0.8em 0;
}

#zooncard-back-content-info p {
	line-height:					1.38em;
}

#zooncard-back-content-info h5 {
	clear:							both;
	font-size:						0.8em;
	font-weight:					bold;
	margin-bottom:					0.2em;
	margin-top:						1.5em;
}

#zooncard-back-content-info ul li {
	display:						inline;
}

#zooncard-back-content-info ul li.zooners_link {
	font-size:						0.9em;
	margin:							0;
	padding:						0 0.1em;
}

#zooncard-back-content-info ul li.zooners_link a {
	color:							#fff;
	padding-left:					0.28em;
	padding-right:					0.23em;
}

#zooncard-back-content-info ul li.zooners_link a:hover {
	color:							#5793C9;
}

#zooncard-back-content-info div#zc_back_description {
	height:							147px;
	margin-bottom:					10px;
	font-size:						13px;
	overflow:						auto;
}

#zooncard-back-content-info div#zc_back_ticketinfo {
	height:							50px;
	font-size:						13px;
	overflow:						auto;
}

#zooncard-back-content-info div#zc_back_tags {
	height:							42px;
	margin-top:						5px;
	font-size:						13px;
	overflow:						hidden;
}
#zooncard-back-content-info div#zc_back_tags label {
	font-size:						11px;
	float:							left;
	color:							#5793C9;
	font-weight:					bold;
	margin-right:					5px;
}
#zooncard-back-content-info div#zc_back_tags span {
	color:							#5793C9;
	font-size:						11px;
	float:							left;
	margin-right:					4px;
}
#zooncard-back-content-info div#zc_back_tags a {
	color:							#fff;
	padding-left:					0.28em;
	padding-right:					0.23em;
}

#zooncard-back-content-info div#zc_back_tags a:hover {
	color:							#5793C9;
}

	/* ****** =: Tab Contact  ****** */

#zooncard-back-content-contact {
	padding-top:					0.8em;
}
	
#zooncard-back-content-contact p {
	font-size:						0.9em;
	line-height:					2em;
	padding-left:					2.2em;
}

#zooncard-back-content-contact p a {
	color:							#fff;
	line-height:					2em;
}

#zooncard-back-content-contact p.phone {
	background:						url(../pics/zooncard-back/contact-icons.png) 0 0 no-repeat;
}

#zooncard-back-content-contact p.fax {
	background:						url(../pics/zooncard-back/contact-icons.png) 0 -22px no-repeat;
}

#zooncard-back-content-contact p.email {
	background:						url(../pics/zooncard-back/contact-icons.png) 0 -44px no-repeat;
}

#zooncard-back-content-contact p.website {
	background:						url(../pics/zooncard-back/contact-icons.png) 0 -66px no-repeat;
}

#zooncard-back-content-contact #zooncard-back-content-contact-social-networks {
	float:			left;
	width:			280px;
	height:			20px;
	margin:			2px 0;
}
#zooncard-back-content-contact #social_networks_facebook, #zooncard-back-content-contact .social_networks_facebook {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) 0 -29px no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
}

#zooncard-back-content-contact #social_networks_twitter, #zooncard-back-content-contact .social_networks_twitter {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) -30px -29px no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
}

#zooncard-back-content-contact div#zc_back_links {width:95px; height:14px; float:left; margin:10px 15px 0 15px; padding-top:1px; color:#FFFFFF; font-size:10px; text-align:center; background:url(../pics/zooncard-back/links_online.png) top left no-repeat; border:none;}

#zooncard-back-content-contact .links-list {width:280px; margin:2px 0 0 0;}
#zooncard-back-content-contact .links-item {float:left; width:133px; height:60px; margin:5px 5px 0 0; text-align:center; overflow:hidden; border:1px solid #666666}
#zooncard-back-content-contact .links-item p {margin:20px 0; text-align:center; padding:0; /*border:1px solid red*/}
#zooncard-back-content-contact .links-item-delete {position:relative; left:70px; width:65px; margin:0; text-align:center; background:#000; color:#5693C9}
	
	/* ****** =: Tab Comments ****** */

#zooncard-back-comments-rating {
	height:							23px;
	margin-bottom:					5px;
}	

#zooncard-back-comments-rating span {
	line-height:					23px;
}

#zooncard-back-comments-rating span.rating-info {
	float:							left;
	color:							#FFF;
}

#zooncard-back-comments-rating .rating-sprite {
	background:						url(../pics/zooncard-back/rating-sprite.png) 0 0 no-repeat;
	border:							0 transparent none;
	float:							right;
	padding:						0;
}

#zooncard-back-comments-rating .rating {
	height:							23px;
	width:							145px;
}

#zooncard-back-comments-rating .rating_100 {
	background-position:			0 0;
}

#zooncard-back-comments-rating .rating_80 {
	background-position:			-30px 0;
}

#zooncard-back-comments-rating .rating_60 {
	background-position:			-60px 0;
}

#zooncard-back-comments-rating .rating_40 {
	background-position:			-90px 0;
}

#zooncard-back-comments-rating .rating_20 {
	background-position:			-120px 0;
}

#zooncard-back-comments-rating .rating_0 {
	background-position:			-150px 0;
}

#zooncard-back-comments-add {
	color:							#5793C9;
	font-size:						0.85em;
	text-decoration:				underline;
}

#zooncard-back-content-comments .comments {
	font-size:						1.1em;
	margin-bottom:					5px;
}

#zooncard-back-content-comments .reply {
	margin-left:					15px;
}

#zooncard-back-content-comments .reply .comment {
	line-height:					1.5em;
	color:							#5793C9;
}

#zooncard-back-content-comments .comment {
	line-height:					1.5em;
	clear:							both;
}

#zooncard-back-content-comments .comment_option {
	line-height:					1.5em;
	color:							#5793C9;
	margin-top:						6px;
}

#zooncard-back-content-comments .comment_author {
	margin-top:						0.4em;
}

#zooncard-back-content-comments .comment_author a {
	color:							#fff;
	line-height:					1.5em;
}

#zooncard-back-content-comments .comment_author .comment_date {
	font-size:						0.85em;
	color:							#5793C9;
	margin-left: 					5px;
}

#zooncard-back-content-comments .comment_author .comment_ranking_20 {
	background: url(../pics/zooncard-back/rating-sprite-small.png) -78px 0 no-repeat;
	display: inline-block;
	float: right;
	width: 96px;
	height: 15px;
}

#zooncard-back-content-comments .comment_author .comment_ranking_40 {
	background: url(../pics/zooncard-back/rating-sprite-small.png) -58px 0 no-repeat;
	display: inline-block;
	float: right;
	width: 96px;
	height: 15px;
}

#zooncard-back-content-comments .comment_author .comment_ranking_60 {
	background: url(../pics/zooncard-back/rating-sprite-small.png) -39px 0 no-repeat;
	display: inline-block;
	float: right;
	width: 96px;
	height: 15px;
}

#zooncard-back-content-comments .comment_author .comment_ranking_80 {
	background: url(../pics/zooncard-back/rating-sprite-small.png) -20px 0 no-repeat;
	display: inline-block;
	float: right;
	width: 96px;
	height: 15px;
}

#zooncard-back-content-comments .comment_author .comment_ranking_100 {
	background: url(../pics/zooncard-back/rating-sprite-small.png) 0 0 no-repeat;
	display: inline-block;
	float: right;
	width: 96px;
	height: 15px;
}

	
	/* ****** =: Tab Media  ****** */

#zooncard_back_content .content #zooncard-back-content-media {
	height:							19.6em;
	padding:						0 0.8em;
}	

#zooncard-back-content-media .media_iframe {
	position:						relative;
	top:							-5px;
	left:							-30px;
}
	
#zooncard-back-content-media ul.media {
	margin:							3px 0 5px 0;
	text-align:						center;
	width:							100%;
}	
	
#zooncard-back-content-media ul.media li {
	display:						inline;
}

#zooncard-back-content-media ul.media li a {
	color:							#fff;
	font-size:						13px;
	text-decoration:				none;
}

#zooncard-back-content-media ul.media li a:hover, #zooncard-back-content-media ul.media li a.selected {
	color:							#5793C9;
}

#zooncard-back-content-media ul.media li.videos a {
	border-left:					1px solid #fff;
	padding-left:					0.4em;
}

	/* ****** =: Bonus ****** */
#zooncard-back-content-bonus h5 {
	font-size:						14px;
	color:							#5693C9;
	font-weight:					bold;
	margin:							2px 0 5px 0;
	text-align:						center;
}	

#zooncard-back-content-bonus  p {
	font-size:						13px;
	line-height:					1.4em;
}

#zooncard-back-content-bonus p.validity, #zooncard-back-content-bonus p.constraints {
	margin-top:						1.1em;
}

#zc_back_botext {
	width: 260px;
	height:	130px;
	overflow: auto;
	margin-top: 5px;
}

#zc_back_bovalidity {
	width: 260px;
	height:	35px;
	margin-top: 8px;
	overflow: hidden;
}

#zc_back_bolimit {
	width: 260px;
	height:	50px;
	overflow: auto;
	margin-top: 8px;	
}
	/* ****** =: Footer ****** */
#zooncard_single_view ul.footer {
	border-top: 					1px solid #233b50;
	/*
	bottom:							1.3em;
	left:							2.5em;
	*/
	top:							427px;
	left:							30px;
	padding-top:					0;
	position:						absolute;
	width:							21.4em;
	margin:0.8em 2.9em 0 -0.8em;
}

#zooncard_single_view ul.footer li {
	background-image: none;
	float: left;
	height: 20px;
	margin: 0.5em 8px;
}


#zooncard_single_view ul.footer li.edit {
	margin-left:					0;
	width:							125px;
}

#zooncard_single_view ul.footer li a {
	color: #5790c6;
	display: block;
	font-size: 0.8em;
	height: 34px;
	text-decoration: none;
}

#zooncard_single_view ul.footer li.edit a {
	background: url(../pics/zooncard-single-view/edit.png) top right no-repeat;
	padding-top: 5px;
	padding-right: 40px;
	text-align: right;
}

#zooncard_single_view ul.footer li.add_to_collection {
	border-left: 1px solid #233B50;
	margin-left: 0.2em;
	padding-left: 0.7em;
	width: 120px;
}

#zooncard_single_view ul.footer li.add_to_collection a {
	background: url(../pics/zooncard-single-view/add-to-collection.png)
		no-repeat;
	line-height: 1.1em;
	padding-left: 30px;
}

#zooncard_single_view .turn_bottom {
	background: url(../pics/zooncard-single-view/turn-bottom.png) right top
		no-repeat;
	bottom: 1.5em;
	clear: both;
	height: 12px;
	right: 0.8em;
	display: block;
	position: absolute;
	text-indent: -5000px;
	width: 13px;
}

#zooncard_single_view div.footer_menu_11 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							236px;
	width:							190px;
	height:							195px;
}

#zooncard_single_view div.footer_menu_10 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							253px;
	width:							190px;
	height:							180px;
}

#zooncard_single_view div.footer_menu_9 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							270px;
	width:							190px;
	height:							165px;
}

#zooncard_single_view div.footer_menu_8 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							287px;
	width:							190px;
	height:							150px;
}

#zooncard_single_view div.footer_menu_7 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							305px;
	width:							190px;
	height:							135px;
}

#zooncard_single_view div.footer_menu_6 {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0 0 no-repeat;
	position:						absolute;
	top:							322px;
	width:							190px;
	height:							120px;
}

#zooncard_single_view div.bottom_pin_right {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0px -12px no-repeat;
	width:							100%;
	height:							15px;
}

#zooncard_single_view div.bottom_pin_left {
	background: 					url(../pics/zooncard-single-view/menu_options.png) 0px -40px no-repeat;
	width:							100%;
	height:							15px;
}

#zooncard_single_view #zooncard_display_save_menu {display:none; position:absolute; left:123px; top:338px; width:190px; height:110px; background:url(../pics/zooncard-single-view/menu-options-full.png) left top no-repeat;}

#zooncard_single_view ul.zooncard_display_menu_options {
	margin-top:						5px;
	background-color:				#FFF;
}

#zooncard_single_view ul.zooncard_display_menu_options li {
	margin:	  						0 5px;
	height:							16px;
}

#zooncard_single_view ul.zooncard_display_menu_options li.active {
	background:						#BBD4EA;
}

#zooncard_single_view ul.zooncard_display_menu_options li+li {
	border-top:						1px solid #BBD4EA;
}

#zooncard_single_view ul.zooncard_display_menu_options a {
	color:							#000000;
	text-decoration: 				none;
	font-size:						11px;
	padding:						2px 5px;
}

#zooncard_single_view #zc_save_menu_title {
	margin-top:						5px;
	background-color:				#FFF;
	height:							20px;
	padding-left:					10px;
}

#zooncard_single_view .zc_save_menu_navigation {
	background-color:				#FFF;
	padding-left:              		10px;
	text-align:						center;
	display:  						none;
}

#zooncard_single_view .zc_save_menu_navigation .active {
	color:							#0066FF;
	padding:						0 3px;
	font-size:						16px;
	font-weight:					bold;
	cursor:							pointer;
}
#zooncard_single_view .zc_save_menu_navigation .inactive {
	color:							#999999;
	padding:						0 3px;
	font-size:						16px;
	font-weight:					bold;
	cursor:							default;	
}

#zooncard_single_view ul.zc_save_menu_options {
	margin:							0px;
	height:							50px;
	background-color:				#FFF;
	display:  						none;
}

#zooncard_single_view ul.zc_save_menu_options li {
	margin:	  						0 5px;
	height:							16px;
}

#zooncard_single_view ul.zc_save_menu_options li.active {
	background:						#BBD4EA;
}

#zooncard_single_view ul.zc_save_menu_options li+li {
	border-top:						1px solid #BBD4EA;
}

#zooncard_single_view ul.zooncard_display_menu_options a, #zooncard_single_view ul.zc_save_menu_options a {
	color:							#000000;
	text-decoration: 				none;
	font-size:						11px;
	padding:						2px 5px;
	display:						block;
}

.delete-text {width:80px; height:20px; float:left; margin:0; padding:0; color:#5693C9}
.delete-text .delete-link {margin:0; padding:0 3px; color:#FFF; cursor:pointer}
.delete-text .delete-link a:hover {text-decoration:underline;}


.inner-box {width:300px; height:300px; position:absolute; top:135px; left:10px; margin:0 padding:0; background:#fff; display:none}
#zooncard_display_box_openinviter {height:360px; position:absolute; top:75px;}
.inner-box .top {width:300px;float:left; margin:0; padding:0;  font-size:12px; color:#5693c9;}
.inner-box .top .title {width:270px; float:left; margin:5px 0 0 5px; padding:2px 0 2px 15px; text-transform:uppercase; font-weight:bold; background:url(../pics/list-lines-bg.png)} 
.inner-box .top .close {width:295px; float:left; margin:5px 0 0 0; text-align:right;}
.inner-box .middle {width:300px; height:240px; float:left; margin:10px 0 0 0; padding:0;}
.inner-box .middle .error {margin:2px 5px; padding:1px 3px; color:#E27E74; text-align:center;}
.inner-box .middle .success {margin:2px auto; padding:1px 3px; text-align:center; color:green; background:#ABF3AE; border:1px solid #339900}
.inner-box .middle p {margin:6px 0; padding:0;}
.inner-box .middle h2 {font-weight:bold; color:#5693c9}
.inner-box .middle label {width:105px; height:14px; font-size:12px; display:inline-block; margin:0 5px 0 0; padding:0; text-align:right; color:#000;}
.inner-box .middle input {width:160px; height:15px; margin:0; padding:0 3px; font-size:11px; color:#000033; background:#FFF; border:1px solid #878787}
.inner-box .middle input.error {width:160px; height:15px; margin:0; padding:0 3px; font-size:11px; color:#000033; text-align:left; background:#FFF; border:1px solid #E27E74}
.inner-box .middle input.radio {width:12px; height:12px; margin:0; padding:0; border:none; background:none}
.inner-box .middle input.check {width:14px; height:14px; display:block; float:left; margin:15px 5px 0 0; padding:0; outline:none;}
.inner-box .middle label.check {display:block; width:120px; float:left; margin:15px 0 0 0; padding:0; font-weight:normal; text-align:left; color:#000;}
.inner-box .middle textarea {width:164px; height:90px; margin:0; padding:0; font-size:11px; color:#000033; overflow: scroll; overflow-y: scroll; overflow-x: hidden; border:1px solid #878787}
.inner-box .middle span.pinboardDetails {width:224px; height:153px; display:block; margin:0; padding:11px; position:relative; top:-205px; left:-95px; background: url(../images/help_background_medium_mirror.png);}
.inner-box .middle input.submit-button {float:left; margin-left:163px; width:119px; height:29px; display:block; text-indent:-5000px; padding-left:150px;/*padding is for IE*/ border:none; background:url(../pics/button-send.png) no-repeat; cursor:pointer;}
.inner-box .middle input.submit-button-fixed {float:left; margin-left:163px; width:119px; height:29px; display:block; text-indent:-5000px; padding-left:150px;/*padding is for IE*/ border:none; background:url(../pics/button-send.png) no-repeat; cursor:pointer;}
.inner-box .middle .required {width:130px; position:absolute; top:283px; left:5px; margin:0; padding:0; font-size:12px}
.inner-box .middle input.date {width:70px; height:12px;}
.inner-box .middle input.submit-ical {width:88px; height:26px; margin:0; padding:0; color:#FFFFFF; font-size:11px; text-align:center; cursor:pointer; background-color:#0066CC; border:none}

#zooncard_display_box_stats_live {width:300px; height:270px;}
#zooncard_display_box_stats_live table td {font-size:12px;}
#zooncard_display_box_stats_live table td b {font-weight:bold;}

/******* zc class **********/
.zc_display {
	background: transparent url(../pics/zooncard-single-view/border-left.png) left top no-repeat;
	clear: both;
	float: left;
	height: 479px;
	margin-bottom:19px;
	margin-left:25px;
	top: 1em;
	padding-bottom: 8px;
	position: relative;
	text-align: left;
	width: 321px;
	color:#FFFFFF;
}

.zc_display .wrapper_right {
	background: transparent url(../pics/zooncard-single-view/border-right.png) right top no-repeat;
	height: 100%;
}

.zc_display .wrapper_content {
	background: transparent url(../pics/zooncard-single-view/border-repeat.png) left top repeat-x;
	height: 100%;
	margin-left: 13px;
	margin-right: 6px;
	padding-left: 0.7em;
	padding-right: 0.5em;
}

.zc_display .content {
	clear:							both;
	height:							20.4em;
	padding-top:					0.3em;
	position:						relative;
	width:							21.3em;
}
.zc_display .content_cover {
	clear:							both;
	height:							380px;
	width:							290px;
	position:						relative;
	left:							-8px;
}

.zc_display img.bonus {
	position:absolute;
	top:0;
	right:0;
}

.zc_display .header {
	background: transparent url(../pics/zooncard-single-view/logo.png) left 20px no-repeat;
	border-bottom: 1px solid #233b50;
	height: 53px;
	margin-left: -0.8em;
	width: 294px;
}

.zc_display .turn_top {
	background: url(../pics/zooncard-single-view/turn-top.png) right top no-repeat;
	display: block;
	height: 12px;
	position: absolute;
	right: 0.8em;
	text-indent: -5000px;
	top: 1em;
	width: 13px;
}

.zc_display .turn_bottom {
	background: url(../pics/zooncard-single-view/turn-bottom.png) right top	no-repeat;
	bottom: 1.5em;
	clear: both;
	height: 12px;
	right: 0.8em;
	display: block;
	position: absolute;
	text-indent: -5000px;
	width: 13px;
}

.zc_display .banner {
	float:		left;
	height:		380px;
	margin:		0;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		290px;
}

.zc_display .banner table {
	float:		left;
	height:		370px;
	margin-top:	7px;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		290px;
}

.zc_display .photo {
	float:		left;
	height:		270px;
	margin:		15px 10px;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		270px;
}

.zc_display .photo table {
	float:		left;
	height:		270px;
	margin:		0;
	overflow:	hidden;
	padding:	0;
	text-align:	center;
	width:		270px;
}

.zc_display table td {
	vertical-align: middle;
}

.zc_display .calendarsheet {
	background: url(../pics/zooncard-single-view/calendarsheet.png) top left no-repeat;
	float: left;
	margin:	10px 7px 0 0;
	height: 48px;
	position: relative;
	text-align: center;
	width: 49px;
}
.zc_display .calendarsheet abbr {display: block;}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_year {color:#FFF; margin:2px 0 0 0; padding:0; font-size:9px; text-align:center; visibility:hidden}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_date {color:#FFF; margin:1px 0 0 0; padding:0; font-size:12px; text-align:center}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_time {color:#6699cc; margin:0; padding:0; font-size:10px; text-align:center;}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_date1 {color:#FFF; margin:0; padding:0; font-size:12px; text-align:center}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_spacer {background-color:#FFF; height:1px; width:7px; font-size:0px; margin:0 19px; padding:0;}
.zc_display .calendarsheet abbr.zooncard_cover_calendar_date2 {color:#FFF; margin:0; padding:0; font-size:12px; text-align:center;}

.zc_display .calendar {
	background: url(../pics/calendar_single.png) top left no-repeat;
	float: left;
	margin:	5px 7px 0 5px;
	height: 60px;
	text-align: center;
	width: 60px;
}
.zc_display .calendar abbr {display:block;}
.zc_display .calendar abbr.zooncard_cover_calendar_year {color:#FFF; margin:3px 0 0 0; padding:0; font-size:9px; text-align:center;}
.zc_display .calendar abbr.zooncard_cover_calendar_date {color:#FFF; margin:5px 0 0 0; padding:0; font-size:12px; text-align:center;}
.zc_display .calendar abbr.zooncard_cover_calendar_time {color:#6699cc; margin:0; padding:0; font-size:10px; text-align:center;}
.zc_display .calendar abbr.zooncard_cover_calendar_date1 {color:#FFF; margin:3px 0 1px 0; padding:0; font-size:12px; text-align:center}
.zc_display .calendar abbr.zooncard_cover_calendar_spacer {background-color:#FFF; height:1px; width:7px; font-size:0px; margin:0 25px; padding:0;}
.zc_display .calendar abbr.zooncard_cover_calendar_date2 {color:#FFF; margin:1px 0 0 0; padding:0; font-size:12px; text-align:center;}

.zc_display .loicon {
	float:		left;
	position: 	relative;
	width:		60px;
	height:		60px;
	margin:		10px 0 0 0;
	text-align:	center;
	overflow:	hidden;
}

.zc_display .loiconsheet {
	float:		left;
	position: 	relative;
	width:		59px;
	height:		50px;
	margin:		5px 0 0 0;
	overflow:	hidden;
}

.zc_display .detailsheet {
	float:		left;
	height:		80px;
	margin:		5px 0 0;
	overflow:	hidden;
	padding:	0;
	width:		215px;
}
.zc_display .detailsheet h1, .zc_display .detailsheet h1 a , .zc_display .detailsheet h1 a span {color:#6699cc; margin:0; padding:0; font-size:12px; font-weight:bold;}
.zc_display .detailsheet h2 {color:#6699cc; margin:0 0 5px 0; padding:0; font-size:11px; font-weight:normal;}
.zc_display .detailsheet p {color:#E8E8E8; margin:0; padding:0; font-size:11px; }
.zc_display .detailsheet p.venue {display:block; height:13px; overflow:hidden}
.zc_display .detailsheet p span {color:#E8E8E8; margin:0; padding:0; font-size:11px; }

.zc_display .back .detailsheet {margin-top:0px; height:60px; width:225px;}
.zc_display .back .detailsheet h2 {color:#6699cc; margin:0 0 1px 0; padding:0; font-size:11px; font-weight:normal;}
.zc_display .back .detailsheet p {color:#E8E8E8; margin:0; padding:0; font-size:11px;}
.zc_display .back .detailsheet p.venue {display:block; height:13px; overflow:hidden}
.zc_display .back .detailsheet p.address {display:block; height:13px; overflow:hidden}

.zc_display .footer {
	border-top:1px solid #233b50;
	top:437px;
	left:30px;
	position:absolute;
	width:280px;
	text-align:center;
	padding-top:7px;
}

.zc_display .footer a.more {
	color:#5693C9;
	text-decoration:underline;
	font-size:12px;
}

.zc_display .back-area  {
	overflow: scroll; 
	overflow-y: scroll; 
	overflow-x: hidden;
	width:290px;
	height:400px;
	position:relative;
	top:15px;
	left:-5px;
}

.zc_display .back-area  ul li {
	margin-top:7px;
}

.zc_display .back-area  ul li img {
	margin-top:5px;
	display:block;
}

.zc_display .label  {
	color:#5693C9;
	padding-right:5px;
}
.zc_display .item  {
	padding-right:5px;
	display:inline-block;
}

.zc_display .languages  {
	font-size:11px;
	color:#5693C9;
}

.zc_display .zc_html_back_button, #zooncard_single_view .zc_html_back_button {
	position:relative;
	top:-30px;
	left:355px;
	font-weight:bold;
	color:#5693c9;
}
.zc_display .zc_html_back_button, #zooncard_single_view .zc_html_back_button a {
	color:#000;
	padding:0 3px;
	text-decoration:none;
}
/* moved from the old media.css which was used for iframes */
#locations_gallery {margin:0; width:500px; height:60px;}
#locations_gallery a {outline:none; border:none; }
#locations_gallery a img {border:none;}
#locations_gallery #wrapperLO {width:411px;	height:60px; float:left; position:relative; padding:0; overflow:hidden;}

#itemsLO {margin:0px; padding:0px; list-style:none; width:50000px; position: relative; letter-spacing:0em;}
#itemsLO li {float:left; list-style:none; margin:0 5px 0 0; clear:none;}
#itemsLO .thumb {width:50px; height:50px; cursor:pointer; margin:0px; padding:1px; border:1px solid #666666}
#itemsLO .large {display:none; position:absolute;}
#itemsLO .thumb-sel {width:50px; height:50px; cursor:pointer; margin:0px; padding:1px; border:1px solid #6699cc}
#itemsLO .item p, #items .item span, #items .item a.xx {display:none; text-indent:-2000em;}
#moveleftLO, #moverightLO {margin:20px 0 0 0; height:14px; width:13px; text-indent:-2000em; text-decoration:none; z-index:1000; display:block; cursor:pointer; float:left; border:1px solid #fff}
#moverightLO {background:url(../pics/zooncard-single-view/navigation-next.png) no-repeat}
#moveleftLO {background:url(../pics/zooncard-single-view/navigation-previous.png) no-repeat}