@charset "utf-8";
/* CSS Document */


/* event brief */
.eventlisthead { position: relative; /*border: 1px solid #F2F2F2; */margin: 1em 0 2em; border-radius: 5px; -webkit-border-radius: 5px; }
.eventlisthead .btnright { position: absolute; right: 10px; top: 10px; width: 110px;}
	.eventlisthead .btnright a { border: 1px solid #dde1e2; padding: .8em; border-radius: 5px; -webkit-border-radius: 5px; text-align: center; background: #e7eded; font-weight: bold; display: block; }
	.eventlisthead .btnright img {margin-bottom:-3px;}
.eventlisthead .jumpmenu { /*position: absolute;*/ background: url(../../images/eventpickbg.png) no-repeat; width: 713px; height: 75px; position: relative; clear:both; }
	.eventlisthead .jumpmenu .title { float: left; margin: 13px 20px 0 17px; font-size: 1.3em; }
	.eventlisthead .jumpmenu .thumb { float: left; margin: 5px 10px 10px 10px; }
	.eventlisthead .jumpmenu .dateThingy { visibility: hidden; width: 1px;  background: transparent; border: medium none transparent;}
	.eventlisthead .jumpmenu .forms { float: left; }
		.eventtopbuttons {display: block; height: 24px; float: left; margin: 9px 10px 0 0; padding: 0; border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ecc777; background: #fcf6ea; position: relative;}
			.eventtopbuttons:hover {background: #fff;}
			.content .eventtopbuttons input {margin: 0; padding: 4px 8px; border: 0px none; background: transparent; color: #1985c1; font-size: 1.1em; line-height: 16px; cursor: pointer;}
			.eventtopbuttons label {width: auto; color: #1985c1; font-size: 1.1em; line-height: 16px; display:block; width: 80px; height: 20px; padding: 4px 4px 4px 8px;}
			.eventtopbuttons img { position: absolute; right: 8px; top: 4px; cursor: pointer;}
		.eventbottombuttons { position: absolute; top: 44px; left: 65px;}
			.eventbottombuttons select, .content .eventbottombuttons input { background: #fcf5e7; border: 0px none; padding: 5px 5px 4px 5px;}
			.eventbottombuttons .date { width: 139px; }
			.eventbottombuttons .catid { width: 230px; }
			.eventbottombuttons .str { width: 230px; }


.eventlist { padding: 20px 20px 10px 20px; clear:both; background: #fff; margin: 0 0 2em 0; border-radius: 5px; -webkit-border-radius: 5px; position: relative; border: 1px solid #e2e2e2; }
	.eventlist.even { background: #f2f2f2; }
	
	.eventlist h4 { margin: 5px 0px; }
	.eventlist .date { color: #cf2a2a; }
	.eventlist .dateright { color: #666; font-size: .8em; position: absolute; top: 3px; right: 20px; }
	.eventlist .thumb { float: right; margin: 0 0 0 10px; }
		.eventlist .thumb div { width: 214px; height: 144px; text-align: center; /*background: #f8f8f8;*/ }
		.eventlist.even .thumb div { /*background: #f8f8f8; */}

			.eventlist .thumb div img { margin: 2px 0; }
	
	.eventlist .desc { height: 83px; overflow: hidden; }
		.eventlist .desc h5 { margin: 5px 0px; }
		.eventlist .more { text-align: left; position: relative; width: 450px; display: block; padding: 4px 0 0 0; border-top: 1px solid #fff; margin: 4px 0 0 0; color: #aaa; }
		.eventlist.even .more { border-top: 1px solid #f8f8f8; }

.eventdetail td, .eventdetail th { padding: 10px; }
.eventdetail th { color: #999999; text-align: right; font-weight: bold; }

.eventlistfoot { position: relative; border: 1px solid #F2F2F2; padding: 1em; margin: 1em 0; border-radius: 5px; -webkit-border-radius: 5px; height: 20px; }
.eventlistfoot .jumpmenu { position: absolute; right: 10px; top: 10px; }


/* event main */
.event {
	margin-top: 20px;
}
.event .left {
	float: left;
	width: 482px;
}
.event .left h2 { /*font-size: 2em; */margin-top: 0px; }
.event .right {
	float: left;
	width: 180px;
	margin: 0px 0 10px 30px;
	padding: 0px 10px;
	background: #f8f8f8; border-radius: 5px; -webkit-border-radius: 5px;
	border: 1px solid #e2e2e2;
	font-size: 0.9em;
	box-sizing: content-box;
}
	.event .right .thumb { text-align: center; }
	.event .right div { margin: 10px 0; }
	.event .right .map { width: 220px; height: 220px; background: #CCC; margin: 0; display: none; }
	.event .right .location { font-weight: bold; margin: 10px; padding-top: 10px; border-top: 1px dotted #e2e2e2; }
	.event .right .contact { margin: 10px; }
	.event .right .email { margin: 10px; }
	.event .right .link { margin: 10px; }
.event .left .date { font-weight: bold; float: left; margin-top:20px; /*background: #f8f8f8; border: 1px solid #e2e2e2; border-radius: 5px; -webkit-border-radius: 5px; width: 465px;*/ }
	.event .left .date div { float: none; /*margin: 15px; */}
	.event .left .date .facilities { float: none; clear: both; }
	.event .left .date .weather { float: none; clear: both; }
	.event .left .date span, .event .left .desc > span { display: block; margin: 0; font-weight: bold; font-size: 1em; /*float:left; width: 85px;*/}
	.event .left .date div, .event .left .desc div { /*float:left; width: 495px;*/}
	.event .left .start span, .event .left .end span { font-weight: normal; font-size: 0.8em; display:inline-block; margin-right: 10px;}
.event .left .price {/* font-weight: bold; margin: 10px 0 0 10px; */}
.event .left .desc { font-size: 1.2em; line-height: 1.5em; margin: 1em 0; clear: both;}
.event .images {height: 80px; padding:10px 0; white-space:nowrap; overflow:hidden; /*background-color:#f9f9f9*/}
.event .images a { margin: 2px;}
.event .imagetxt {font-size: 0.8em; line-height: 1em; }

.event .desc a {   background: #738a8d;
    border: 1px solid #93a6a9;
    border-radius: 5px;
    color: #fff !important;
    float: left;
    width: 120px;
	margin-right: 10px; margin-bottom: 10px;
	padding: 0 10px;
 }
.event .desc.info a {   
    width: auto;
	border: none;
	background:none;
 }


/* ADD EVENT */
.addeventlist td { padding:5px;}


.event h4 { margin: 20px 0 10px; }
.event h5 { /*margin: 20px 0 10px; border-top: 1px solid #e2e2e2; padding: 20px 0 0 0;*/ }
.event .social { margin: 20px 0; }
.event .facebook {	overflow: hidden; float: left; margin: 0; width:272px;}
.event .facebook + a { float: left; }
.event .facebook + a img { height: 20px; margin: 1px 0 0 0; }
.event .twitter {	float: left; margin: 0; }
.event .plus { float: left; margin: 0 /*25px*/; }
.event .right p {border-bottom: 1px solid #e2e2e2; padding: 0 0 20px 0; text-overflow:ellipsis; overflow:hidden;}
#addevent .formsection {
	background: #CCC;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.fadlink {
    position: absolute;
    right: 0;
    top: 0;
    width: 180px;
}
.event {
    position: relative;
    /*width: 100%;*/
}
.event .desc a {   
    min-width: 120px;
    width: auto;
 }

.addeventbtn {
    display: block;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
	border: 1px solid #e2e2e2;
	background: #f8f8f8;
	text-align:center;
}
#addeventDB input[type=text]:not(.dateThingy){ box-sizing: border-box; width: 90%;} 
#addeventDB textarea{ box-sizing: border-box; width: 90%;} 
#addeventDB select{ box-sizing: border-box; max-width: 90%;} 
#addeventDB table td {
	padding: 3px 0 0 0;
	margin: 1px 0 0 0;
	vertical-align: top;
}