@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: 164px;}
	.eventlisthead .btnright a, a.addeventbtn { 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 { width: 850px; height: 75px; position: relative; clear:both;
border: #ccc 1px solid;
background-color: #eee;
background: rgba(184,184,184,1);
background: -moz-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(163,161,163,1) 51%, rgba(219,219,219,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184,184,184,1)), color-stop(51%, rgba(163,161,163,1)), color-stop(51%, rgba(219,219,219,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(163,161,163,1) 51%, rgba(219,219,219,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(163,161,163,1) 51%, rgba(219,219,219,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(184,184,184,1) 0%, rgba(163,161,163,1) 51%, rgba(219,219,219,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(184,184,184,1) 0%, rgba(163,161,163,1) 51%, rgba(219,219,219,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8b8b8', endColorstr='#fefefe', GradientType=0 );
 }
	.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 #ddd; background: #efefef; position: relative;}
		.eventtopbuttons input {background: transparent;}
			.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; font-size: 1.1em; line-height: 16px; display:block; width: 110px; 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: transparent; border: 0px none; padding: 5px 5px 4px 5px;}
			.eventbottombuttons .date { width: 160px; }
			.eventbottombuttons .catid { width: 300px; }
			.eventbottombuttons .str { width: 250px; }


.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;font-size:0.9em; line-height:1.3em; }
	.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: 90px; overflow: hidden;line-height:1.4em; }
		.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; }
.eventlistfoot .jumpmenu { position: absolute; right: 10px; top: 10px; }
.main_content .eventlist a, .main_content .eventlist a:link, .main_content .eventlist a:visited {text-decoration: none; border-bottom:none !important;}

#addeventDB .imgcontainer {width:300px; float:left;}
#addeventDB .filecontainer {width:400px; float:left;}
#addeventDB .imgcontainerfntns, #addeventDB .filecontainerfntns {width:192px; float:right;}
#addeventDB.images td {padding: 20px 0;}

/* event main */
article .event {max-width:960px; margin:0 auto;}
.event {
	margin-top: 20px;
}
.event .left {
	float: left;
	width: 650px;
}
.event .left h2 { /*font-size: 2em; */margin-top: 0px; }
.event .right {
	float: left;
	width: 180px;
	margin: 0px 0 10px 28px;
	padding: 0px 10px;
	background: #f8f8f8; border-radius: 5px; -webkit-border-radius: 5px;
	border: 1px solid #e2e2e2;
	font-size: 0.9em;
	box-sizing: content-box;
	line-height:1.4em;
}
	.event .right .thumb { text-align: center; }
	.event .right div { margin: 10px 0; }
	.event .right div p { text-overflow:ellipsis;}
	.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 { line-height: 1.5em; margin: 1em 0; clear: both;}
.event .images {height: 90px; 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{   
    float: left;
    width: 120px;
	margin-right: 10px; margin-bottom: 10px; margin-left:0;
	padding:0.4rem;
 }
 
 .event .file, .regionnews .file, #addeventDB .file { display: block; float: left; background: transparent url(/images/icons/file.png) left 0 no-repeat; background-size:contain; width:30px; height: 27px; float:left; margin-top: -3px;}
.file.pdf { background-image: url(/images/icons/pdf.png)!important}
.file.doc { background-image: url(/images/icons/doc.png)!important}
.file.ppt { background-image: url(/images/icons/ppt.png)!important}
.file.xls { background-image: url(/images/icons/xls.png)!important}
.file.txt { background-image: url(/images/icons/txt.png)!important}
.file.url { background-image: url(/images/icons/url.png)!important}
.file.gif { background-image: url(/images/icons/gif.png)!important}
.file.jpg { background-image: url(/images/icons/jpg.png)!important}
.file.facebook { background-image: url(/_images/profile/facebook-sm.png)!important}

.button.delete {
	background: #ededed;
	color: #ba3928;
}

#addeventDB .desc a {   background: #738a8d;
    border: 1px solid #93a6a9;
    border-radius: 5px;
    color: #fff !important;
	padding:0.4rem; 
	 display: block; float: left; max-width: 100%; margin:0;border-bottom:0 !important;
	margin-right: 10px; margin-bottom: 10px;
 }
 /*
.event .file a {  background: #738a8d url(/images/icons/file.png) left 0 no-repeat; background-size:contain; 
	padding:0 0 0 30px;
    color: #fff !important;white-space: nowrap;text-overflow: ellipsis; 
 }
 .event .desc a img { max-height:1.65rem;}
*/
.event .desc.info a {   
    width: auto;
	border: none;
	background:none;
 }



.event h4 { margin: 20px 0 10px; }
.event h5 {  margin: 10px 0 5px;  padding: 0; }
.event .social { margin: 10px 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 16px 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;
 }

/* ADD EVENT */
.addeventlist td { padding:5px;}
.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;
}
label.listdbl {width: 50%; float: left;}
table.addeventlist:not(.block) { width:50% !important; float:left;}
table.addeventlist td:last-of-type {width:20%;}
.addform-right { width:40% !important; float:left; margin-left:5%;}
#evntform .thumb {margin:1em 0;}