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

	Table of Content

	=: General
	=: Example
	=: Page 1
	=: Page 2
	=: Page 3
	=: Page 4
		
	----------------
	
	Contains the CSS code for the "Create a new ZC" section.
	
	/*
	
	
	
/* ******************** */
	/* ****************************************  =: General ******************************************** */
#zooncard_single_view.newzooncard {
	display: block;
	left: 2em;
}
#zooncard_new_container {
	background: url(../pics/zooncard-new/zooncard-new.png) no-repeat;
	padding-left: 30px;
	left: 400px;
	padding-bottom: 70px;
	position: absolute;
	top: 1em;
	width: 600px;
}

#zooncard_container .edit {left:360px; width:560px;}

#zooncard_new_container div.header {
	border-bottom: 1px dashed #dedede;
	font-size: 0.85em;
	padding-bottom: 0.3em;
}

#zooncard_new_container div.header h2 {
	font-weight: bold;
	margin-bottom: 0.4em;
	text-transform: uppercase;
}

#zooncard_new_container div.header h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #5693C9;
	font-size:12px;
	padding-top:10px;
}

#zooncard_new_container fieldset {
	margin-top: 1em;
}

#zooncard_new_container legend {
	color: #5691c8;
	font-weight: bold;
	text-transform: uppercase;
}

#zooncard_new_container legend.underline {
	border-bottom:1px dashed #DEDEDE;
}

#zooncard_new_container h2 {
	color: #5691c8;
	font-weight: bold;
}

#zooncard_new_container ul.separator {border-bottom:1px solid #1E1E1E;}

#zooncard_new_container li {
	clear: both;
	font-size: 11px;
	margin: 1em 0;
	min-height: 1.5em;
}
#zooncard_new_container li.separator {float:left; width:500px; border-bottom:1px solid #1E1E1E;}
#zooncard_new_container li.indent {margin: 5px 0 0 158px;}

#zooncard_new_container li span.help_cloud {
	background:#FF3300;
	width:150px;
	height: 30px;
	display: block;
	clear: both;
	position: absolute;
	left: -100px;
}

#zooncard_new_container input {
	border: 1px solid #878787;
}

#zooncard_new_container select {
	border: 1px solid #878787;
	float: left;
	width: 257px;
}

#zooncard_new_container li.radiobutton p {
	float: left;
}

#zooncard_new_container li.radiobutton fieldset {
	margin-top: 0;
}

#zooncard_new_container li.radiobutton fieldset p {
	margin: 0;
}

#zooncard_new_container li.radiobutton input[type="radio"] {
	border: 0 none transparent;
	float: left;
	margin-right: 4px;
}

#zooncard_new_container li.radiobutton label {
	color: #5691c8;
	float: left;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
}

#zooncard_new_container li.radiobutton label .help {
	float: left;
	margin-left: 0.3em;
	position: relative;
	top: -0.2em;
}

#zooncard_new_container textarea {
	float: left;
	width: 257px;
	height: 90px;
	overflow: auto;
	margin-bottom: 10px;
	border: 1px solid #878787;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#zooncard_new_container textarea.H50 {
	height: 50px;
}

#zooncard_new_container input[type="text"] {
	float:left;
	width:257px;
}

#zooncard_new_container input[type="checkbox"] {
	border:none;
}

#zooncard_new_container input[type="file"] {
	width:250px;
}
#zooncard_new_container input.fakeinput {
	width:160px;
}

#zooncard_new_container input.error {
	border:1px solid #ff8e66;
}

#zooncard_new_container input.date {
	width:80px;
}

#zooncard_new_container select.date {
	width:80px;
}

#zooncard_new_container ul li div.link_delete {float:left; margin-left:40px; color:#5693C9; font-size:11px; display:none;}

#zooncard_new_container span.error {
	color: #f00;
	float: left;
	font-size: 0.8em;
	margin-left: 0.5em;
	width: 15em;
}

#zooncard_new_container span.help {
	background: url(../pics/zooncard-new/zooncard-help.png) no-repeat;
	display: inline-block;
	height: 15px;
	text-indent: -5000px;
	width: 15px;
	position: relative;
	left: 5px;
	float: left;
	cursor: pointer;
}

#zooncard_new_container span.guideline {
	display:block; 
	width:1px; 
	height:1px; 
	float:left;
	display:none;
}

#zooncard_new_container .cloudContainerSmall {
	background: url(../pics/zooncard-new/cloud-background-left.png) top left no-repeat;
	width: 200px;
	height: 105px;
	position: relative;
	top: -15px;
	left: 5px;
	z-index: 1;
}
#zooncard_new_container .cloudContainerSmall .cloudContent {
	background: url(../pics/zooncard-new/cloud-background-vertical.png) top left repeat-x;
	width: 100%;
	height: 105px;
	float: left;
	margin: 0 0 0 20px;
	padding: 5px 1px 5px 2px;
	color: #5693c9;
	text-align: left;
}
#zooncard_new_container .cloudContainerSmall .cloudRight {
	background: url(../pics/zooncard-new/cloud-background-borders.png) -25px 0px no-repeat;
	width: 10px;
	height: 105px;
	float: left;
	margin:0;
}
#zooncard_new_container .tagsInfo {
	color: #848484;
	margin: 0 0 0 160px;
	padding: 0;
	position: relative;
	top: -5px;
	width: 350px;
}

#zooncard_new_container .options_dates {float:left;}
#zooncard_new_container .options_dates .clear {clear:both; height:4px;}

#zooncard_new_container label.right_aligned {
	display: block;
	float: left;
	margin-right: 1em;
	padding-top: 0.4em;
	text-align: right;
	font-size: 11px;
	width: 147px;
}

#zooncard_new_container label.right_attached {display:block; float:left; width:80px; margin-right:2px; padding-top:2px;}
#zooncard_new_container label.smaller {display:block; float:left; width:50px; margin-right:2px; padding-top:2px;}

#zooncard_new_container fieldset>p {
	clear: both;
	color: #5691c8;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 2em;
}

#zooncard_new_container ul.horizontal_list li {
	clear: none;
	float: left;
	margin: 5px 0;
	padding-right: 0.4em;
}

#zooncard_new_container ul.horizontal_list li+li {
	border-left: 1px solid #5691c8;
	padding-left: 0.4em;
}

#zooncard_new_container ul.horizontal_list li a {
	color: #000;
	text-decoration: none;
}

#zooncard_new_container ul.horizontal_list li a:hover {
	text-decoration: underline;
}

#zooncard_new_container ul.horizontal_list li.selected {
	background-color: #5691c8;
}

#zooncard_new_container ul.horizontal_list li.selected a {
	color: #fff;
}

#zooncard_new_container .group_options {
	text-align:	center;
	margin-top: 10px;
	font-size: 11px;
	clear: both;
}

#zooncard_new_container .group_options label {
	margin-right:10px
}

#zooncard_new_container .group_options input.radio {
	float: none;
	border: none;
}
#zooncard_new_container .small_navigation {
	width:		300px;
}

#zooncard_new_container .small_navigation a {
	display: block;
	text-indent: -5000px;
}
#zooncard_new_container .small_navigation .cancel a {
	display: inline;
	padding: 0 2px;
}
#zooncard_new_container .small_navigation .cancel {
	float: left;
	color: #5693C9;
	padding-top: 5px;
}

#zooncard_new_container .small_navigation .save {
	background: url(../pics/zooncard-new/button-save.png) no-repeat;
	float: right;
	height: 29px;
	width: 119px;
}

#zooncard_new_container .navigation {
	position: 	absolute;
	top: 		390px;
	left: 		10px;
	height: 	29px;
	margin-top: 3em;
	width:		100%;
	text-align:	center
}

#zooncard_new_container .navigation a {
	display: block;
	text-indent: -5000px;
}
#zooncard_new_container .navigation .cancel a {
	display: inline;
	padding: 0 2px;
}
#zooncard_new_container .navigation .cancel {
	float: left;
	color: #5693C9;
	padding-top: 5px;
}

#zooncard_new_container .navigation .previous{
	background: url(../pics/zooncard-new/button-previous.png) no-repeat;
	float: left;
	height: 29px;
	width: 116px;
}

#zooncard_new_container .navigation .next {
	background: url(../pics/zooncard-new/button-next.png) no-repeat;
	float: right;
	height: 29px;
	width: 119px;
}

#zooncard_new_container .navigation .save {
	background: url(../pics/zooncard-new/button-save.png) no-repeat;
	float: left;
	height: 29px;
	width: 119px;
	margin-left: 120px;
}

#zooncard_new_container .navigation .finish {
	background: url(../pics/zooncard-new/button-save.png) no-repeat;
	float: right;
	height: 29px;
	width: 119px;
}

#zooncard_new_container .navigation span#saving_process {
	float:right;
	margin:4px;
	display:none;
}

#zooncard_new_container .navigation input.next {
	float: right;
	border: none;
}

/* ********** WHERE ********** */
#zooncard_new_container div.suggest_box {
	width: 257px;
	max-height:	120px;
	overflow: auto;
	position: absolute; 
	top: 21px; 
	left: 158px; 
	background-color: #FFF;
	border: 1px solid #878787;
	z-index:3;
	display: none;
}

#zooncard_new_container .suggest_box .suggest_box_close {
	width:		10px;
	height:		10px;
	float:		right;
	margin:		3px 0;
	background:	#FFF url(../pics/create_list_close.png) no-repeat;
}
	
#zooncard_new_container div.suggest_box ul {
	list-style:	none;
	float:		left;
	width:		230px;
}
#zooncard_new_container div.suggest_box ul li {
	padding: 2px; 
	cursor: pointer; 
	margin: 0;
}
#zooncard_new_container div.suggest_box ul li.active {
	background-color: #BBD4EA;
}

#zooncard_new_container div.suggest_box ul li+li {
	border-top: 1px solid #BBD4EA;
}


#zooncard_new_container #zc_mapView {
	width: 		250px;
	margin:		20px 0 0 160px;
	padding: 	0;
	font-size:	11px;
}

#zooncard_new_container #zc_mapView span.text {
	color: 			#5693c9;
	float:			left;
	margin-left: 	60px;
}

#zooncard_new_container #zc_mapInfo {
	width: 			350px;
	margin: 		0 0 0 160px;
	padding:		10px 0;
	clear:			both;
	display:		none;
}
#zooncard_new_container li#zc_mapArea {display:none;}
#zooncard_new_container li#zc_mapArea div#map_canvas {width:257px; height:200px; margin-left:160px;}

#zooncard_new_container .locationsList {display:none; width:600px; margin:0;}
#zooncard_new_container .locationsList .editHeader {height:20px; width:100%; float:left; color:#6699CC; font-weight:bold; margin:0;} 
#zooncard_new_container .locationsList .editContent {height:300px; width:100%; margin:0px; float:left; overflow:scroll; overflow-y:auto; overflow-x:hidden;}
#zooncard_new_container .locationsList ul.editContent {list-style:none;}
#zooncard_new_container .locationsList ul.editContent li {padding:2px; cursor:pointer; margin:0;}
#zooncard_new_container .locationsList ul.editContent li.active {background-color:#BBD4EA;}

#zooncard_new_container div.suggest_box ul li+li {
	border-top: 1px solid #BBD4EA;
}

/* ********** WHEN ********** */
#zooncard_new_container input.radio {
	width:12px; height:12px; 
	margin:0; padding:0; 
	border:none; background:none;
	float: left;
}

#zooncard_new_container div#add_date, #zooncard_new_container div#add_date_location {
	width:		97px; 
	height:		19px;
	float:		left;
	margin:		30px 0 0 158px; 
	cursor:		pointer;
	background:	url(../pics/zooncard-new/button-add.jpg) top left no-repeat;
}

#zooncard_new_container label.days {margin-right:5px;}

#zooncard_new_container .editVenueMore {width:650px; margin:0;}
#zooncard_new_container .editVenueMore .editHeader {width:350px; height:20px; float:left; color:#6699CC; font-weight:bold; margin:0; padding:0 0 0 150px;} 
#zooncard_new_container .editVenueMore .editContent {width:440px; margin:0px; float:left;}
#zooncard_new_container .editVenueMore .editContent .changeVenueErrorMsg {display:inline-block; width:auto; margin:0 0 0 10px; padding:1px 3px; font-size:10px; font-weight:normal; color:#FFF; background:#E27E74; border:1px solid #E27E74}
#zooncard_new_container .editVenueMore .editContent span.text {color:#5693c9; float:left; margin-left:60px;}
#zooncard_new_container .editVenueMore div#map_more {width:210px; height:150px; margin:10px 0 0 0; float:left; overflow:hidden}
#zooncard_new_container .editVenueMore .editContent .back_more {color:#5693c9; float:left; margin:30px 0 0 158px; font-size:0.85em}

#zooncard_new_container #zc_more_dates {display:none; font-size:11px; color:#5693C9}
/* ********** CONTACT & LINKS ********** */
#zooncard_new_container ul li .logo {width:150px; height:80px; text-align:center; float:left; background:#FF99CC}
#zooncard_new_container .facebook_inactive {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) 0 0 no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
	cursor:			pointer;
}
#zooncard_new_container .facebook_active {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) 0 -29px no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
	cursor:			pointer;
}
#zooncard_new_container .twitter_inactive {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) -30px 0 no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
	cursor:			pointer;
}
#zooncard_new_container .twitter_active {
	background:		url(../pics/zooncard-back/social-networks-sprite.png) -30px -29px no-repeat;
	width:			20px;
	height:			20px;
	float:			left;
	margin-right:	2px;
	cursor:			pointer;
}

#zooncard_new_container .button_add {
	width:			97px; 
	height:			19px; 
	float:			left;
	background:		url(../pics/zooncard-new/button-add.jpg) top left no-repeat;
	margin-left:	5px;
	cursor:			pointer;
}

#zooncard_new_container #zc_more_links {display:none; font-size:11px; color:#5693C9}
/* ********** COMMENTS ********** */

#zooncard_new_container #reply_comment {display:none;}

#zooncard_new_container div.rating_star_inactive {
	background:						url(../pics/zooncard-back/rating-star.png) -33px 0 no-repeat;
	height:							23px;
	width:							23px;
	float:							left;
	margin-right:					3px;
}

#zooncard_new_container div.rating_star_active {
	background:						url(../pics/zooncard-back/rating-star.png) -2px 0 no-repeat;
	height:							23px;
	width:							23px;
	float:							left;
	margin-right:					3px;	
}

/* ********** MULTIMEDIA ********** */

#zooncard_new_container .floatLeft {
	float: left;
}

#zooncard_new_container .mediaInfo {
	width: 400px; 
	margin: 20px 0 10px 158px; 
}

#zooncard_new_container .indent {
	margin-left:158px;
	padding-top:7px;
	clear:both
}

#zooncard_new_container .button_upload {
	width: 97px; 
	height: 19px; 
	margin: 0; 
	cursor: pointer;
	background: url(../pics/zooncard-new/button-upload.jpg) top left no-repeat;
}

#zooncard_new_container #zc_uploadFoto {
	margin: 40px 0 0 160px; 
	clear: both;
	cursor: pointer;
}

#zooncard_new_container #zc_uploadVideo {
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

#zooncard_new_container .upload_placeholder {
	display:none;
	float:left;
	margin-right:10px;
}