@charset "utf-8";
/* 350.org 2013 Event pages CSS */

/* Create Event */ 
.EventCreate{
}
.EventCreate form.ak-form,
.EventCreate #content{
	float:none;
	width:auto;
}
.EventCreate input,
.EventCreate textarea{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:.5em .5em .4em;}
.EventCreate input.button{
	display:inline-block;
	width:auto;}
.EventCreate #form div.input label{
	display:block;
	color:#fff;}
.EventCreate #form div.checkbox label{
	font-weight:normal;
	display:inline;}
.EventCreate textarea{
	margin-bottom:1em;
	height:120px;}
.EventCreate .checkbox label{
	color:#fff;}
#id_event_title,
.id_event_title label{
	font-size:1.5em;}
.EventCreate #known_user,
.EventSignup #known_user{
	border-bottom:0 none;
	font-size:1em;}
#content .event-signup li.event{
	margin=bottom:30px;}
#content .event-signup .event-description{
	display:block;}

#content .event-signup .event a:hover{
	border-bottom-color:#087DAE}
.EventCreate #known_user a{
	color:#313a42;}
.EventSignup #user-info{
	background-color:transparent;}
.EventCreate fieldset{
	border-top:1px dashed #aaa;
	border-top:1px dashed rgba(0,0,0,0.17);}
.EventCreate fieldset{
	border-color:#888;
	border-color:rgba(255,255,255,0.3);
	padding:15px 0 35px;}
.EventCreate div.checkbox{
	background:#5A6168;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border-radius: 3px 3px 3px 3px;
    display: block;
    margin: 5px 0;
    padding: 6px 8px 4px 30px;}
.EventCreate div.checkbox input{
	position:absolute;
	left:8px;
	top:8px;}
legend{
	font-size:1.1em;
	font-weight:500;
	line-height:.5;
	color:#666;
	color:rgba(0,0,0,0.4);
	letter-spacing:.07em;
	padding-right:1em;
	text-transform:uppercase;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;}	
.EventCreate legend{
	color:rgba(255,255,255,0.75);}
#form .EventCreate select.ampm{
	width:49%;}
#host-rules,
#host-requirements{
	margin:1em 0;	
}

.EventCreate #form input.submit{
	width:100%;
	padding:15px;
	font-size:23px;
	font-weight:bold;
	letter-spacing:0;}

	

/* Tabs */
#tabs { 
	background:#f4f5f6;
	border-color:#e8e9ea;
	border-width:1px;
	border-style:solid;
	border-radius:0 4px 4px 4px;
	color:#313a42;
	padding:15px;
	position:relative;
	margin:50px 0 15px;}
#tab-nav{
	left:-1px;
	position:absolute;
	top:-29px;}
#tab-nav a{
	background:#e5e6e8;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#c5c6c8), color-stop(14%,#e5e6e8));
	background: -moz-linear-gradient(bottom, #b5b6b8 -20%, #e5e6e8 15%);
	border-color:#e8e9ea #e8e9ea rgba(0,0,0,0.2);
	border-width:1px;
	border-style:solid;
	border-radius:3px 3px 0 0;
	font-family: ff-din-round-web-pro,sans-serif;
	font-size: 16px;
	padding:8px 15px;
	position:relative;
	text-decoration:none;
	color:#313a42;
	cursor:pointer;}
#tab-nav a:hover{
	border-color:#c5c6c8;}
#tab-nav a.active{
	background:#f4f5f6;
	border-bottom:1px solid #f4f5f6;}
#tab-nav a.active:hover{
	border-color:#e8e9ea;
	border-bottom:1px solid #f4f5f6;
	cursor:default;}
#tabs .tab-content{
	display:none;
	z-index:0;}
#tabs .tab-content.active{
	display:block;
	z-index:999;}

.EventCreate #form{
	padding:0;}

.EventCreate .ak-form,
#attendee-tools{
	background:#2E8EBB;
	color:#fff;
	padding:20px 15px 30px;}
.EventSignup label{
	color:#313a42;}
#static-start-date{
	display:none;}
#event-host-tools,
#host-event-details{
	margin:25px 0;}
#event-host-tools h6,
#host-event-details h6{
	border-bottom: 2px dashed #CCCCCC;
	color: #878C8F;
	padding-bottom: 8px;}
.event-time,
.event-signup .event-time{
	font-weight:800;}
.event-search .event-time{
	font-weight:normal;}
#host-event-details .event-time{
	margin-top:15px;}
#host-event-details .event-location{
	margin-bottom:15px;}
.event-description,
.event-directions,
.event-note-to-attendees{
	margin:15px 0;}
#manage-attendee fieldset,
fieldset#taf{
	background:#A8ACAE;
	background:rgba(0,0,0,0.1);
	border-radius:3px;
	margin:15px 0;
	padding:10px 15px;}
table.signup-tbl{
	margin-bottom:10px;}
ul.events{
	border-color:#A8ACAE;
	border-style:dashed;
	border-width:0 0 2px;
	margin-bottom:30px;
	padding:10px 0;}
ul.events li{
	list-style-type:none;
	margin-left:0;}
#content ul.events li{
	background-color:#DEE0E3;
	border-radius:3px;
	color:#313a42; 
	display:block;
	font-weight:normal;
	padding:10px 70px 10px 10px;
	position:relative;
	margin-bottom:10px;
	text-decoration:none;
	border:1px solid rgba(0,0,0,0.1);}	
#content ul.events a.event{
	color:#313a42;
	font-weight: normal;}
#content .event-signup ul.events li{
	background-color:transparent;
	border-radius:0;
	padding:0;
	border:0 none;}	
#content .event-signup ul.events li:hover{
	background-color:transparent;}
ul.events a span{
	display:block;}
ul.events .event-location span{
	display:inline;}
#event-search-results .event-title{
	font-size:1.5em;
	font-weight:bold;
	line-height:1.3;}
#event-search-results .event-title a{
	border-bottom:0 none;}
#event-search-results .event-distance{
	color:#A8ACAE;
	font-size:13px;
	position:absolute;
	right:12px;
	bottom:10px;}
.event-signup #event-search-results .event-title{
	display:none;}
.event-signup #event-search-results .event-time,
.event-signup #event-search-results .event-location,
.event-signup #event-search-results .event-venue{
	font-size:1.5em;
	line-height:1.4;}
#event-attendee-details .event-time,
#event-attendee-details .event-location,
#event-attendee-details .event-venue{
	font-size:1.5em;
	line-height:1.4;}
.event-signup #event-search-results .event-time{
	display:block;
	font-weight:bold;}
.event-signup ul.events a{
	padding:0;
	background-color:transparent;}
.event-signup ul.events{
	border-width:0;
	padding:0;
	margin-bottom:0;}
.event-signup #map{
	margin:0 0 15px;}
.event-signup #map img{
	border:1px solid rgba(0,0,0,0.15);
	border-radius:3px;}
.event-signup a.event{
	cursor:default;}
.event-signup h6,
.event-signup span.event-distance{
	display:none;}
input.search-zip,
div.input label.search-zip{
	font-size:1.3em;
	font-weight:500;
	padding-top:10px;}
div.input label.search-zip{
	padding:5px 0 0 6px;}
.event-search span.event-description,
.event-search span.event-directions{
	display:none;}
#attendee-tools a{
	color:#B3EFEA;
	border-bottom:1px solid #B3EFEA;
	text-decoration:none;}
#attendee-tools a:hover{
	color:#fff;}
#attendee-tools a:active{
	color:#ddd;}
#no-events-found{
	border-bottom:2px dashed #ccc;
	padding-bottom:30px;
	margin-bottom:30px;}
#no-events-found h4{
	background-color:#F8B990;
	border:1px solid #f47521;
	border-radius:3px;
	padding:10px;}	
.event-sm{
	margin-bottom:5px;}
.event-sm .twitter-share-button{
	margin-right:8px;
	position:relative;
	top:-3px;}
#content .event-signup a.event a{
	display:inline;
	border-bottom:1px solid rgba(36, 142, 187, 0.3);
	color:#087DAE;
	font-weight:bold;}
.EventCreate .ui-datepicker{
	display:none;}

#header-inner{
	padding:0 25px;}
@media screen and (min-width:750px) {
.EventCreate #container{
	margin:0 auto;
	width:775px;
	padding:0 0 120px;}
.EventCreate #main{
	width:775px;
	padding:0;
	border:0 none;}
.EventCreate #page-header{
	width:705px;
	padding:30px 35px 0;}
.EventCreate .page-title{
	margin-bottom:0;}
.EventCreate #content,
.EventCreate .ak-form{
	padding:35px;
	margin-bottom:0;}
.EventCreate #content{
	padding-top:10px;}
.EventCreate #footer{
	width:735px;
	border:0 none;}
}

.event-search span.event-description,
.event-search span.event-directions{
	display:none;}
#attendee-tools a{
	color:#B3EFEA;
	border-bottom:1px solid #B3EFEA;
	text-decoration:none;}
#attendee-tools a:hover{
	color:#fff;}
#attendee-tools a:active{
	color:#ddd;}
#no-events-found{
	border-bottom:2px dashed #ccc;
	padding-bottom:30px;
	margin-bottom:30px;}
#no-events-found h4{
	background-color:#F8B990;
	border:1px solid #f47521;
	border-radius:3px;
	padding:10px;}
.event-sm{
	margin-bottom:5px;}
.event-sm .twitter-share-button{
	margin-right:8px;
	position:relative;
	top:-3px;}
.js #wysihtml5-toolbar{
	background:#313a42;
	padding:3px 7px;	}
.js #wysihtml5-toolbar a{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	padding:0 10px 0 5px; }
.js #wysihtml5-toolbar a:hover{
	opacity:0.6;}
.js #wysihtml5-toolbar .wysihtml5-bold{
	font-weight:bold;}
.js #wysihtml5-toolbar .wysihtml5-italic{
	font-style:italic;}
.js #wysihtml5-toolbar .wysihtml5-insertlinkbox{
	padding-top:5px;
	margin-top:3px;
	border-top:1px solid #666;}
.js #wysihtml5-toolbar .wysihtml5-showhtml{
	font-family:"Courier New", Courier, monospace;}
.id_event_public_description textarea{
	background-color:#d5e8f1 !important;}