@charset "utf-8";

/* ==================== reset ===================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

ul, li {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ==================== service ==================== */

.clear { clear: both;}
.clear0 { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.hr { font-size: 0px; line-height: 0px; height: 0px; border-top: 1px dotted #fff;}
.t-left { text-align: left!important;}
.hidden { display: none;}
.template {display: none;}
.display {display: block;}
.lower-zindex { z-index: 0; }
.higher-zindex {z-index: 10000;}
.f-none {float: none !important;}

/* ==================== main layout ==================== */

html, body {
  	width:100%;
  	height:100%;
}
body {
	background-color: #1f3f93;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-size: 14px;
}

.wrapper {
  	position:relative;
  	min-height: 100%;
  	height: auto !important;
  	height: 100%;
  	width: 996px;
  	margin: 0px auto;

}

.holder {
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.column {
	padding-top: 130px;
}

	.holder .col-left {
		z-index: 102;
	}
	.holder .col-center {

	}
	.holder .col-right {

	}

.separate {
	height: 10px;
	clear: both;
}

.wide-col-center {

}

.wide-col-right-center {
	float: left;
	position: relative;
	width:748px;
	padding-left: 12px;
	margin-right: 0px;

}






/* ========================== header ============================= */

.logo {
	height: 70px;
    width: 200px;
    background: url(../images/logo.png) no-repeat 0 0;
    background-size: cover;
    margin: 10px 0 10px 20px;
		display: block;
}
.header {
    background: url(../images/logo.png) no-repeat 0 0;
    background-size: cover;
		display: block;
}
.slide {

}
.slide1 {
	background: url(../images/header-main-bg-1.jpg) no-repeat bottom center;
	background-size: 100% 100%;
}
.slide2 {
	background: url(../images/header-main-bg-2.jpg) no-repeat bottom center;
	background-size: 100% 100%;
}
.slide3 {
	background: url(../images/header-main-bg-3.jpg) no-repeat bottom center;
	background-size: 100% 100%;
}

a.intro-block {
	padding-left: 40px;
	padding-right: 40px;
}
.home {
	height:90px;
	left:365px;
	position:absolute;
	top:4px;
	width:286px;
	z-index: 100000;
}
.navbar-right {
	margin-top: 20px;
	margin-right: 100px;

}
.nav > li {
	margin: 2px;
}
.nav > li > a {
	color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 2px;
  font-weight: bold;
}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active {
	background: #ffe400;
	color: #5243ad;
	border-radius: 25px;
}
.nav > li > a:hover span,
.nav > li > a:focus span,
.nav > li.active span {
	color: #1f3f93;
}

.navbar-toggle {
	margin: 27px 27px 0 0;
}
.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar-toggle {
  border: none;
  background: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
}

.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
  }
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
  }
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
  }
.container-fluid > .navbar-collapse {
	margin: 0;
}
.navbar-header {
	background: #1f3f93;
}
.navbar-collapse {
	background: #1f3f93;
	border-bottom: 2px solid #fff;
	padding: 0;
	margin: 0 -15px;
}
.navbar-collapse  .navbar-right {
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 120px;
}

#slideshow {
    position: relative;
    width: 100%;
    height: 362px;
		overflow: hidden;
		display: none;
}

#slideshow > .slide {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px
	}


/* ========================== footer ============================= */

.footer {
	padding-top: 50px;
}

.bottom-menu {
  	position: relative;
		background: #1f3f93;
		padding: 20px 0;
}
.bottom-menu ul {

  	margin: 0px auto;
}
.bottom-menu ul li {
	float: left;
	width: 20%;
	text-align: center;
}
.bottom-menu ul li a {
	font-size: 14px;
}
.bottom-menu ul li a:hover {
	color: #fff;
}

.copyright {
	font-size: 12px;
	text-align: center;
	background: #1f3f93;
	padding-top: 2px;
}
.copyright p {
	color: #bcbcbc;
	padding-top:10px;}
.copyright p span { color: #fff; }



/* ============================================================
							common styles
=============================================================== */

h1 {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 12px;
}
h2 {
	font-weight: bold;
	font-size: 18px;
}
h3 {
	font-weight: normal;
	font-size: 18px;
	padding-bottom: 4px;

	font-size:18px;
	font-style:italic;
	font-weight:bold;
	padding-bottom:4px;

}
h4 {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 4px;
}
h5 {
	font-size: 12px;
	padding-bottom: 10px;
	color: #ffe400;
}


p {
	margin: 20px 0;
}

.col-center p {	font-style: italic; }

a {
	color:#ffe400;
}
a:hover {
	color: #655a44;
}

.col-left a,
.col-right a {
	color: #ffe400;
}
.col-center a {
	font-weight: bold;
}
.col-center a:hover {

}
.col-center .frame a {
	color: #ffe400;
}
.col-center .frame a:hover {
	color: #FFFFFF;
}


.banner-left, .banner-right {
	padding: 0px 12px;
	margin: 12px 0px;
	border-bottom: none;
	text-align: center;
	min-height: 150px;
}

.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.pdf {background-image: url(../images/icon-pdf.png);}
.word {background-image: url(../images/icon-word.png);}
.blank {background-image: url(../images/icon-blank.png);}
.video {background-image: url(../images/icon-video.png);}
.audio {background-image: url(../images/icon-audio.png);}
.photo {background-image: url(../images/icon-photo.png);}

.actionlink {
	display: block;
	float: left;
	height: 30px;
	padding-top: 4px;
	padding-left: 40px;
	font-style: italic;
	margin-left: 12px;
	color: #1f3f93;
}
.actionlink:hover { background-position: 0px 0px; color: #655a44; }

.start { background: url(../images/start.png) no-repeat 0px -30px;}
.stop {	background: url(../images/stop.png) no-repeat 0px -30px;}

.plus {	background: url(../images/plus.png) no-repeat 0px -30px;}
.minus { background: url(../images/minus.png) no-repeat 0px -30px;}

.edit {	background: url(../images/edit.png) no-repeat 0px -30px;}
.remove { background: url(../images/remove.png) no-repeat 0px -30px;}

.thumbup {	background: url(../images/thumbup.gif) no-repeat 0px -30px;}
.thumbdown {	background: url(../images/thumbdown.gif) no-repeat 0px -30px;}
.envelope {	background: url(../images/envelope.gif) no-repeat 0px -30px;}
.block {	background: url(../images/block.png) no-repeat 0px -30px;}
.approve {	background: url(../images/approve.png) no-repeat 0px -30px;}

span.date {
	color: #fff;
font-size: 12px;
}

span.author {
	font-style: italic;
	font-weight: bold;
}


/* ------------------------ common form elements ------------------------ */

input, textarea {
	font-weight: normal;
	background: #fff;
	color: #000;
	border-radius: 3px;
	padding: 5px;
	margin-bottom: 12px;
	border: none;
}
input {

}

label, .user-mail-info {
	display: block;
	text-align: left;
	color: #fff;
	font-weight: 500;
	padding-bottom: 5px;
}

.bttn {
	text-transform: uppercase;
    font-weight: bold;
    background: #ffe400;
    text-decoration: none;
    border: none;
		color: #1f3f93;
    border-radius: 20px;
    letter-spacing: 3px;
		padding: 5px 11px;
		font-size: 12px;
}
.bttn:hover {
	/*background: #655a44;*/
	background: #c5b105;
	color: #5243ad;
	cursor: pointer;
}

.submit-buttons {
	position: relative;
}

.submit-buttons .bttn {
	width: auto;
}

.error-message {
	color: #ea5223;
	font-style: italic;
	font-weight: bold;
	/*margin-top: -12px;
	margin-top:-9px;
	padding-bottom:9px;*/
}

table.capture { width: auto !important;}
table.capture td {
	vertical-align: bottom !important;
}
table.capture td.capture-img {
	border: 1px solid #ccc;
	background: white;
	text-align: center;
}
table.capture img {/* border: 1px solid #ddd;*/}
table.capture a.reload {
	display: block;
	padding-left: 24px;
	padding-top: 4px;
	width: 100px;
	height: 20px;
	font-style: italic;
	background: url(../images/reload.gif) no-repeat 0px 50%;
	margin-left: 12px;
}
table.capture input {
	width: 220px;
	margin-top: 12px;
	text-align: center;
}

input.error {
	background-color: #FFC7BD;
}

input.check {
	width: auto !important;
	height: auto;
	background: none;
	border: 0px;
}

input[type=file] {
	height: auto !important;
}

/* ------------------------ top main-menu ------------------------ */

.main-menu {
	height: 38px;
	padding:9px 0px 0px 27px;
	margin: 26px 0px 0px 0px;
	background: url(../images/top-menu-bg.png) repeat-x 0px 0px;
}
.main-menu ul {
	position: relative;
	height: 38px;
	margin: auto;
}
.main-menu ul li {
	position: relative;
	float: left;
	text-align: center;
	margin-left: -1px;
	height: 38px;
}

.main-menu ul li a {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #655a44;
	line-height: 22px;
}

.main-menu ul li a span {
	display: block;
	height: 22px;
	padding:8px 33px;
	white-space: nowrap;
}

.de .main-menu ul li a span{
	padding:8px 21px;
}

.main-menu ul li a:hover span {
	height: 20px;
	padding:7px 32px 9px;
	background: #655a44;
	border:1px solid #655a44;
	color: white;
}

.de .main-menu ul li a:hover span {
	padding:7px 20px 9px;
}

.main-menu ul li.active a span,
.main-menu ul li.active:hover a span {
	background: white;
	border-bottom: 1px solid white;
	border-top:1px solid #655a44;
	border-right:1px solid #655a44;
	border-left:1px solid #655a44;
	height: 20px;
	padding:8px 32px;
	cursor: default;
	color: #655a44;
}

.de .main-menu ul li.active a span,
.de .main-menu ul li.active:hover a span {
	padding:8px 25px;
}




/* ========================= side columns content ======================== */

.side-menu ul li a {
	position:relative;
	display:block;
	padding:5px;

}


/* ------------------- left column ------------------ */

.col-left .frame { background: none; }
.col-left .frame h2 {
	padding: 0px;
	margin-bottom: 12px;
	color: #fff;
}

.de .col-left .frame h2 {
	margin-left: -5px;
}

.calendar-period {}
.calendar-period table {
	width: 100%;
}

.date-in {
	position: relative;
	float: left;
}

.date-in input {


}

.date-in img {
	position: absolute;
	height: 16px;
	width: 14px;
	right: 10px;
	top: 6px;
	cursor: pointer;
}

.calendar-period .inner-del {
	float: left;
	margin: 0px 0px 0px 8px;


}
.comments-box .box:hover .inner-del {
	background-position: 0 0;
}


.calendar-period .inner-del:hover {

}

.calendar-period .bttn {

}

.calendar-period .bttn:hover {

}


/* ----------------------------- side menu  */

.col-left .side-menu {
	margin: 60px 0;
}

.col-left .side-menu h2 {
	margin-bottom: 12px;
	color: #fff;
}
.col-left .side-menu h3 {
	font-size:16px;
	margin-top:12px;
	padding-left:12px;
}

.col-left .side-menu ul {}
.col-left .side-menu ul li a {
}
.col-left .side-menu ul li a .flag {
	left: -20px;
	z-index: 100000;
}
.col-right .side-menu ul li a:hover, .col-right .side-menu ul li.active a,
.col-left .side-menu ul li a:hover, .col-left .side-menu ul li.active a {
	background: #ffe400;
}
.col-right .side-menu ul li a:hover,
.col-right .side-menu ul li.active a,
.col-left .side-menu ul li a:hover,
.col-left .side-menu ul li.active a,
.col-left .side-menu ul li a:hover span,
.col-left .side-menu ul li.active a span {
	color: #1f3f93;
}
.col-left .side-menu ul li a:hover .flag, .col-left .side-menu ul li.active a .flag {
	display: block;
	background: url(../images/flag.gif) repeat-y 0px 0px;
}


.season-menu ul li a {
	font-size: 12px;
	color: white;
}
.season-menu ul li a span {
	font-size:14px;
	font-weight: bold;
	color:#ffe400;
}
.season-menu ul li a:hover span, .season-menu ul li.active a span {
	color: #ffe400;
}

/* ------------------- right column side menu ------------------ */

.col-right .side-menu {padding: 12px 0px; }

.col-right .side-menu h2 {
	margin-bottom: 12px;
	color: #fff;
}
.col-right .side-menu h3 {
	font-size:16px;
	margin-top:12px;
	padding-left:12px;
}

.side-menu ul li a {
	padding:10px;
}


.col-right .side-menu ul {}

.side-menu ul li:nth-child(2n) a {
	background: rgba(255, 255, 255, 0.2);
}

.col-right .side-menu ul li a:hover, .col-right .side-menu ul li.active a {

}



/* ------------------- right column login-form ------------------ */

/* .col-right  */

.login-form {
	margin-top: 12px;
	padding: 0px 12px 24px 12px;
	text-align: right;
}

.login-form table { width: 100%;}
.login-form table td { padding: 3px; }

.login-form label {
	display: inline;
	font-style: normal;
	color: #fff;
}

.login-form input {

}
.login-form input.check {
	width: auto;
	height: auto;
	background: none;
}

.login-form a {
	font-size: 15px;
	color:#ffe400;
}

.login-form input.bttn {

}
.login-form input.bttn:hover {


}

.login-form .error-message {
	padding: 6px 0px;
	text-align: center;
}


/* ------------------- right column my-profile ------------------ */

.my-profile {}
.my-profile h2 {}
.my-profile .user { padding-left: 12px; margin-bottom: 12px;  }
.my-profile .userpic {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 4px;

}
.my-profile .userpic img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.my-profile h3.username {
	color: #fff;
	padding-left: 82px;
	padding-top: 30px;
}



/* =================== center-column elements ==================== */

/* ------------------------ event-sorter & search ------------------------ */

.event-sorter {
	position: relative;
	padding: 20px;
	border-radius: 10px;
	background: #ffe400;
	margin-bottom: 30px;
}

.event-sorter label {
	color: #655a44;
}

.event-sorter table {}
.event-sorter table td {
	padding: 0px 6px 6px 0px;
}



.event-sorter .filter-result {
	line-height: 22px;
}

.event-sorter .filter-result a {
	display: inline-block;
	padding: 0px 4px 0px 4px;
	height: 22px;
	background: #655a44;
	color: #d3e54d;
	margin-bottom: 2px;
}




/* -------------------- sort by --------------------- */

.sortby {
	color: #fff;
	margin-bottom: 20px;
}



/* -------------------- filter by --------------------- */

.filterby {
	float:right;
	height:27px;
	padding-top:10px;
	text-align:right;
	/*width:172px;*/
	width:250px;
	font-size:11px;
	font-style:italic;
	margin-right: 10px;
	color: #655a44;
}


.uap .filterby .selhider {
	float:right;
	height:16px;
	margin-left:1px;
	width:158px;
}

.uap .filterby .selhider select {
	font-family: Georgia;
	color: #655a44;
	font-size: 12px;
	width: 160px;
	height: 17px;
}


/* --------------------- advanced search --------------------- */


.search-container {

}

.search-container input {

}

.search-container input.searchtext {
	font-weight: normal;
background: #fff;
color: #000;
border-radius: 3px;
padding: 5px;
}
.search-container input.bttn {
	float: right;

}
.search-container input.bttn:hover {
	cursor: pointer;
}



.advsearch-title {
	position: relative;
}
	a.adv-close {
		float: right;
		height: 30px;
		width: 30px;
		background: url(../images/inner-del.png) no-repeat 0px -30px;
		margin: 6px;
	}
	a.adv-close:hover {	background-position: 0px 0px;}

	a.adv-exp {
		display: block;
		background:url("../images/adv-exp.gif") no-repeat 0px -13px transparent;
		font-size: 12px;
		font-weight: bold;
		height: 13px;
		margin: 6px 3px 0px 10px;
		padding-left: 20px;
		position: relative;
		z-index: 101;
	}
	a.adv-exp:hover {

	}
	a.adv-exp.expanded,
	a.adv-exp.expanded:hover {
		background-position: 0px 1px;
	}

.advsearch-title .filtered {
	border-radius: 10px;
	border: 2px solid #fff;
	padding: 20px;
	margin-top: 10px;
	min-height: 220px;
}
.advsearch-title .filtered label {
	display:block;
	color: #ffe400;
	font-size: 12px;
	font-weight:bold;
}
.advsearch-title .filtered span {
	color: white;
	font-weight: normal;
	margin-bottom: 10px;
	display: block;
}

.search {

}

.search .submit-buttons {
	padding: 0px 20px 3px 0px;
}

	.search input.bttn {

	}
	.search input.bttn:hover {

	}


.exp-filter {
	padding: 20px;
	display: none;
}
.expanded .exp-filter {
	display: block;
    border: 2px solid #fff;
    margin: 20px 0 0 0;
    border-radius: 10px;
}

.exp-filter table td input {
	margin: 3px;
	background: none;
}

.exp-filter table td label {
	color: white;
}

.filter-block {
	color: #fff;
	font-style: italic;
}

.filter-block-first {

}
.filter-block-first table {
	margin-bottom: 20px;
}
.filter-block table td {
	padding-bottom: 3px;
}
.type-choice {
	overflow-y: scroll;
	margin-bottom: 20px;
}

.type-choice table td label {color: #655a44;}


.search-narrow {
 	width: 512px !important;
}

.search-narrow .submit-buttons {
	padding: 0px 15px 3px 0px;
}

.search-narrow .type-choice {
	width: 334px;
}




/* ------------------------ dropdown-list ------------------------- */

.dropdown-holder {
	position: relative;
}

.dropdown-list {
	position: absolute;
	width: 612px;
	left: 34px;
	top:0px;
	background: #4b64ad;
	border-radius: 10px;
}

.dropdown-list-title {
	height: 40px;

}

.dropdown-list-title a.adv-close { margin: 5px;}

.dropdown-list-title label{
	color: #fff!important;
	font-size: 18px;
	padding: 20px !important;
}

.dropdown-list-body {
	padding: 20px;
	position: relative;
	color: #fff;
}

.list-wrapper {
	height:200px;
	overflow-y:scroll;
	margin-bottom: 30px;
}

.list-wrapper table {
	width: 100%;
}

.list-wrapper table td {
	padding:5px;
}

.list-wrapper table td input {
	margin-bottom: 0px;
}

.list-wrapper table td input.check {
	float: right;
}
.dropdown-list-body a:hover {
	color: #fff;
}
.dropdown-list .actionlink {
	color: #ffe400;
	margin-left: 0px;
}
.dropdown-list .checkall {
	float: right;
	color: #ffe400;
	font-style: italic;
	height: 22px;
	padding-right: 0px;
}

.dropdown-list table {
	margin-bottom: 12px;
}

.dropdown-list label {
	padding-top: 3px;
	padding-bottom: 6px;
}

.dropdown-list label a {
	color: #d3e54d;
}

.enhanced td .dropdown-list label {
	color: #fff;
}

.enhanced td .dropdown-list-body { padding: 12px 9px 0px;}
.enhanced td .dropdown-list-body table { width: 592px;}
.enhanced td .dropdown-list-body table td {  padding-top: 6px;}
.enhanced td .dropdown-list-body table td label {
	font-style: normal;
	padding:6px 6px 6px 0px;
}
.enhanced td .dropdown-list-body table td input {width:512px;}
.enhanced td .dropdown-list-body table td input {}


.participation {
	padding: 12px 0px;
	background: #fff;
}

.participation table{width: 500px;}

.participation table td{white-space: nowrap;}

.participants{
	width: 135px;
}

.manage_participation{
	width: 175px;
}

.send_invitation {
	width: 190px;
}

.participation .dropdown-list {
	left: 0px;
	width: 477px;
	/**added to fix send invitation link popup issue (#251) */
}

.participation .dropdown-list.invitation {
	left: auto;
	right: 12px;
}

.participation .list-wrapper {
	width: 459px;
	height: 150px;
}

.participation .list-wrapper table {
	width: 442px;
	margin-bottom: 0px;
}

.participation .list-wrapper input {
	float: right;
}

.participation .dropdown-list .checkall {
	padding-right: 20px;
}

.participation textarea {
	width: 450px;
	height: 150px;
	line-height: 150%;
}

.participation .submit-buttons {
	padding-bottom: 12px;
}

.participation input.bttn:hover {
	background: url(../images/green-bg.gif) repeat-x 0px 0px;
	border:1px solid #dbe1a8;
	color: #655a44;
	cursor: pointer;
}

/* ------------------------ event common ---------------------------- */



.frame .info ul {}
.frame .info ul li {
	font-size: 12px;
	padding-bottom: 4px;
	line-height: 14px;
	color: #666;
}
.frame .info ul li a {
	font-style: italic;
	color: #1f3f93;
}

.frame .info ul li a:hover {
	color: #000;
}

.frame .info ul li span {
	font-style: italic;
}

.center-full textarea {
	width: 468px;
	height: 80px;
}

.center-full input {
	width: 468px;
}

.frame-form {
	background:none repeat scroll 0 0 #EFEEEC;
	padding:12px;
}

/* ------------------------ events list event ------------------------ */


.event .frame {
	color: white;
}

.event .frame a {
	color: #1f3f93;
}
.event .frame a:hover {
	color: #000;
}
.event h1 a {

	font-weight: bold;
}

.event h1 a:hover {

}

.not-pub {
	background: #ea5223;
color:#ffffff;
float:right;
font-size:16px;
font-style:italic;
font-weight:bold;
margin:-12px -12px 0 0;
padding:6px;
}


.event a.picture {
	display: block;
  width: 190px;
  overflow: hidden;
  float: left;
}
.event a.picture img {
	width: 245px;
  height: 123px;
  margin: 0 -30px;
  overflow: hidden;
}

.event .info {
	padding: 0 40px 40px;
}

a.readmore {
	display: block;
	float: right;
	text-transform: uppercase;
  font-weight: bold;
  background: #fff;
  text-decoration: none;
  border: 2px solid #1f3f93;
	color: #1f3f93;
  border-radius: 20px;
  letter-spacing: 3px;
	padding: 5px 20px;
	font-size: 12px;
}
a.readmore:hover {
	color: #1f3f93;
	border: 2px solid #ffe400;
	cursor: pointer;
	background: #ffe400;
}

.award {
	position: absolute;
	width: 32px;
	height: 57px;
	background: url(../images/award.gif) no-repeat 0px 0px;
}
.event .award,
.event-detail .award {
	right: 6px;
	top: 6px;
}

/* ------------------------ recommended event ------------------------ */

.recommended {
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	overflow: hidden;
	padding: 0px!important;
}

.recommended .frame {
	color: white;
}

.recommended .info {

}

.recommended a.picture {
	width: 100%;
	position: relative;
}
.recommended a.picture img {
	width: 140%;
	height: auto;
	margin: 0 -135px 30px;
}

.recommended .picture h1 {
	position: absolute;
	z-index: 100;
	bottom: 18px;
	font-size: 28px;
	font-weight: 700;
	width: 100%;
	padding: 150px 40px 0;
	color: #1f3f93;
	text-transform: uppercase;

	background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 64%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(63%, rgba(255,255,255,1)), color-stop(64%, rgba(255,255,255,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 64%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 64%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 64%); /* ie10+ */
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,1) 64%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */

}
.recommended .info .brief {
	margin-bottom: 20px;
	color: #000;
	display: block;
}

.recommended .info ul {

}

/* ------------------------ pager ------------------------------- */


.pager {
	position: relative;
	height: 33px;
	margin: 24px 0px 0px 0px;
}
.pager .bttn {
	/*color:#FFFFFF;*/
	color: #fff;
	float:left;
	font-size:18px;
	height:27px !important;
	margin-right:6px;
	width:50px;
	background: transparent;
	border: 2px solid #1f3f93;
	padding: 0;
}

.pager .bttn:hover {
	color: #fff !important;
	border: 2px solid #fff;
	text-decoration: none;
}

.pager ul {
	position: relative;
	float: left;
	height: 33px;
	margin-right: 3px;
}
.pager ul li {
	float: left;
	height: 33px;
}
.pager ul li a {
	border: 2px solid #1f3f93;
    color: #fff;
    display: block;
    font-size: 12px;
    height: 30px;
    margin-right: 3px;
    padding: 6px 6px 0;
    text-align: center;
    width: 30px;
		background: transparent;
}
.pager ul li a:hover {
	border-color: #fff;
	background: #1f3f93;
}
.pager ul li a.current, .pager ul li a.current:hover {
	background: #ffe400;
	text-decoration: none;
	border: 2px solid #ffe400;
	color: #1f3f93;
}

/* ------------------------ event-detail ------------------------ */

.col-center .event-detail {
	margin-top: 0px;
}

.event-detail .frame {

}

.event-detail h1 {
	font-weight: bold;

}
	.event-detail a.picture {
		display: block;
		width: 476px;
		height: 240px;
	}
	.event-detail a.picture img {
		width: 476px;
		height: 240px;
	}

.event-detail .info {
	padding: 15px 0;
}
	.event-detail .info ul {
		float: left;
		border-left: 2px solid #ffe400;
		padding: 0px 15px 0px 12px;
	}

.event-detail .property-block {
	padding: 20px 0;
}
	.event-detail .property-block ul {
		margin-top: 12px;
	}
	.event-detail .property-block ul li {
		font-style:italic;
		min-height: 20px;
		padding-bottom: 10px;
		padding-left: 12px;
	}
	.event-detail .property-block ul li .icon {
		float: left; margin-right: 5px;
	}

.event-detail .tips-block {
	background: #e1dfdb;
}
.event-detail .tips-block p {
	font-size:11px;
}

.event-detail .media-block {
	padding-left: 0px;
	padding-right: 0px;
}
.event-detail .media-block h3 {
	padding-left: 12px;
	padding-right: 12px;
}

/*
.participation {
	background: #4b412e;
	margin-bottom: 12px;
	padding: 12px;
}
.participation .actionlink {
	margin: 0px 12px 0px 0px;
	color:#D3E54D;
}
.participation table {
	width: 100%;
}

*/
.comments-box,
.box.event-detail,
.box.event {
	background: #fff;
	border-radius: 12px;
	padding: 40px;
	margin: 0 0 40px 0;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}

.box.event-detail label {
	color: #000;
}
.box.event-detail input[type=text],
.box.event-detail textarea {
	border: 1px solid #1f3f93;
}
/* ------------------------ comments-box ------------------------ */

.comments-box {
	margin-top: 12px;
	padding-top: 12px;
}
.comments-box h3 {
	padding: 20px 0;
}

.comments-box .frame {
}

.comments-box .frame h4 a {
	color: #655a44;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.comments-box .frame h4 a:hover {
	text-decoration: underline;
	color: #9dc300;
}

.comments-box a.avatar {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	margin: 12px 12px 0px 12px;
	/*background: white url(../images/avatar-default.gif) no-repeat 0px 0px;*/
}
.comments-box a.avatar img {
	width: 70px;
	height: 70px;
}
.comments-box .info {
	padding-left: 82px;
	padding-left: 0px;
	width: 300px;
	color: #655a44;
}

.comments-box .info .theme {
	padding-top: 8px;
	padding-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}

.comments-box .frame .info ul li {
	color: #000;
}

.comments-box .container .number {
	float: right;
	font-size: 78px;
	color: #aaa;
	margin-top: -12px;
}
.comments-box .container p {
	padding-left: 82px;
	padding-left: 0px;
	margin-bottom: 0px;
}


/* ------------------------ add-comment form ------------------------ */

.add-comment {
	margin-top:12px;
	padding:20px;
	background: #fff;
	color: #000;
	border-radius: 20px;
}
.add-comment label {
	color: #000;
	white-space: nowrap;
}
.add-comment input[type=text],
.add-comment textarea {
	border: 1px solid #1f3f93;
}

.add-comment .frame {
}
.add-comment .frame h3 {
	margin-bottom: 12px;
}

.add-comment .frame h4 {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.add-comment .frame a {
	color: #9dc300;
}
.add-comment .frame a:hover {
	color: #655a44;
}

.add-comment table { width: 100%; }
.add-comment table td { vertical-align: top; }

.registered table {
	margin: 24px 0px 12px 0px;
}

.add-comment input {
	width: 220px;
}

.add-comment textarea {
	width: 458px;
	height: 80px;
}

.add-comment table .error-message {
	text-align: center;
	/*margin-top: -6px;*/
}

.add-comment .submit-buttons .bttn {
/*	width: 100px;*/
}


/* ------------------------ ------------------------
					wide-col-center
------------------------ --------------------------*/

.wide-col-center {}

.add-partner {}

.wide-col-center h2 { margin-bottom: 12px; margin-top: 18px;}
.wide-col-center table {	margin-bottom: 12px;}
.wide-col-center table td { vertical-align: top;}

.wide-col-center input { width: 468px;}
.wide-col-center textarea { width: 470px; height: 80px;}


.wide-col-center .selhider {
	margin-bottom: 20px;
}
.wide-col-center .selhider select {
	height: 19px;
	width: 221px;
}

.input-tip {
	position: relative;
	color: #968b76;
	font-size: 11px;
	font-style: italic;
	padding: 0px 1px;
}
.input-tip table td {
	background: #faf9e5;
	border: 1px dotted #ccc;
	padding: 2px 4px;
}
.input-tip .angle {
	position: absolute;
	width: 7px;
	height: 7px;
	left: 20px;
	top:-7px;
	background: url(../images/angle.gif);
}

/* -----------------------------------------------------
						ADD EVENT
------------------------------------------------------- */

.add-event {}

.add-event .frame {	padding-bottom: 130px;}
.add-event .submit-buttons {padding-bottom: 12px;}


.add-event h4 {
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	margin-top:12px;
	padding-left:12px;
}

table.lang-check {}
table.lang-check td {
	vertical-align: middle;
	padding: 12px 0px;
}
table.lang-check .check { margin: 0px 6px 0px 0px;}

table.lang-check td label { padding-bottom: 0px;}

.calendar-box { }
.calendar-box input { width: 120px; margin-bottom: 0px;}
.calendar-box a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/calendar.gif);
	margin: 4px 18px 0px 6px;
}
div.stub {
	width: 24px;
}

.currency-box { }
.currency-box input { width: 83px; margin-bottom: 0px;}
.currency-euro {
	width: 16px;
	height: 16px;
	background: url(../images/euro.gif);
	margin-left: 6px;
	margin-top: 4px;
}

.download-link {
	color: black;
}
.download-link:hover {
	text-decoration: underline;
}

.event-picture {
	width: 476px;
	height: 240px;
	background: white url(../images/event-default-big.jpg) no-repeat 0px 0px;
	margin-bottom: 12px;
}

.added-useful-tip, .added {
	background: #fff;
	color: #000;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.added .avatar {
	float: left;
	margin-right: 20px;
}
.added .avatar img {
	border-radius: 50%;
}
.added .info {
	float: left;
}
.added .info label {
	color: #333;
	font-size: 11px;
	margin: 10px 0 0 0;
}
.added-list {}

.added-list li table {
	width: 100%;
	margin-bottom: 0px;
}
.added-list li table td {}

.rate-col {	width:120px;}
.del-col {width: 20px;}


.added-list li p {
	margin-bottom: 0px;
	width: 228px;
}

.added-list li .starrate {
	/*padding-right: 12px;*/
}

.add-event .actionlink {
	margin-bottom: 12px;
}

.input-file input.browsefile {
	height:25px;
	margin-top: -2px;
}

.upload {
	border: 1px dotted #ccc;
	padding: 6px 6px 0px 6px;
	margin-bottom: 12px;
}

.add-event .upload {
	width: 464px;
}
.add-event .upload input {
	width: 456px;
}

.add-event .starrate, .add-event span.date {
	float: right;
}



/* ------- enhanced rows for media content -------- */

.enhanced td {
	/*background: #8e8676;*/
}
.enhanced { }
.enhanced label { padding: 6px 0px 6px 12px; /*color: white;*/ }
.enhanced .added { margin-left: 12px; width: 452px; background: #efeeec; }
.enhanced .actionlink { margin-right: 12px;/* color: #d3e54d;*/ }

.enhanced .added-list li p {
	width: 278px;
}
.enhanced .added-list li span.date {
	width: 132px;
}



/* ---- star rate ---- */

.starrate {	width: 112px;}
.starrate input {}

input.star-button,
input.star-button-hover {
	background: url(../images/star-button-bg.gif) no-repeat 0px -18px;
	border: 0;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin-right: 2px;
	text-decoration: none;
	width: 18px;
	z-index: 20;
}
input.star-button-hover {
	background-position: 0px 0px;
	cursor: pointer;
}

span.stars-small {
	display: block;
	width: 74px;
	height: 10px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 1px 0px 6px 0px;
}

.rate-0 {background-image: url(../images/star-0.png);}
.rate-1 {background-image: url(../images/star-1.png);}
.rate-2 {background-image: url(../images/star-2.png);}
.rate-3 {background-image: url(../images/star-3.png);}
.rate-4 {background-image: url(../images/star-4.png);}
.rate-5 {background-image: url(../images/star-5.png);}


/* ------------------------ ------------------------
 	wide-col-center  	 	PUBLIC PROFILE

------------------------ --------------------------*/
.public-profile {

}
.inner-left {
	float: left;
	width: 350px;
}
.inner-right {
	float: right;
	width: 350px;
}

.public-profile input, .public-profile textarea {width: 344px;}

.public-profile .input-tip table {width: 100%;}

.public-profile a {/*color:#9DC300;*/}
.public-profile a:hover {/*color: #655a44;*/ text-decoration: underline;}

.public-profile .actionlink{
	margin-left: 0px;
	margin-bottom: 12px;
}
.event-picture-upload {
	/*width: 350px;
	height: 150px;
	border:1px solid #DDDDDD;
	background: #fff url(../images/event-default.jpg) no-repeat 50% 50%;
	margin-bottom: 12px;*/
}
.account-info-box {
	margin-top: 50px;

}
.account-info-box h2 {
	color: #fff;
	margin-bottom: 20px;
}
.public-profile .added {
	width: 298px;
	width: 338px;
}
.added ul li {
	min-height:22px;
	padding:0px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 6px;
	padding-bottom: 12px;
}
.added h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	color: #655a44;
	margin-bottom: 12px;
	width: 178px;
}
.added span.date {
	font-style: italic;
	font-weight: bold;
	color:#BCBCBC;
	padding-left: 30px;
	float: right;
	padding-left: 6px;
	padding-right: 12px;
}
.added p {
	margin:0px 0 6px 20px;
	padding-right: 40px;
}
.added ul li .icon {
	float:left;
	margin-right:5px;
}
.inner-del, .inner-edit {
	display: block;
	height: 30px;
	width: 30px;
	margin-left: 6px;
	background-position: 0px -30px;
	background-repeat: no-repeat;
}
.inner-del { background: url(../images/inner-del.png) no-repeat 0px -30px; }
.inner-edit { background: url(../images/inner-edit.gif) no-repeat 0px -14px; }

.inner-del:hover, .inner-edit:hover {
	background-position: 0px 0px;
}
.added .inner-del, .added .inner-edit {
	float: right;
}
.big-green {
	/*color: #9dc300;*/
	font-size: 16px;
	font-style: italic;
}
.big-green:hover {
	color: #655a44;
}
.public-profile .upload {
	border: 1px dotted #ccc;
	padding: 6px 6px 0px 6px;
	margin-bottom: 12px;
	width: 338px;
}
.public-profile .upload input {
	width: 330px;
}

.swap-form-1 {
	display: none;
	/*display: block;*/
}
.swap-form-2 {
	display: block;
	/*display: none;*/
}

.event-list-wrapper {
	height: 800px;
	padding:6px 0px 0px 0px;
	width:344px;
	border: 1px solid #ddd;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fcfcfb;
	margin-bottom: 12px;
}

.event-list-wrapper table { width: 327px;}

table tr.rowodd td { background: #1f3f93;}

.event-list-wrapper table td { padding: 6px 3px 0px 12px;}

.event-list-wrapper span {
	font-style: normal;
	color: #655a44;
}
.event-list-wrapper span.date {
	font-style: italic;
	font-weight: bold;
	color:#BCBCBC;
}

.public-profile input.ph-index {
	margin-right:4px;
	width:35px;
}
.public-profile input.ph-number {
	width: 136px;
}

/* ------------------------ ------------------------
 		wide-col-center 		USERS ANS PARTNERS

------------------------ --------------------------*/

.frame.uap, .uap {
}

.uap-title-tabs {

}

	.uap-title-tabs li {
		float: left;
		height: 31px;
		text-align: center;
		margin: 0 10px 0 0;
	}
	.uap-title-tabs li a {

	}
	.uap-title-tabs li a span {
		padding: 10px 20px;
	}

	.uap-title-tabs li a:hover {}

	.uap-title-tabs li a:hover span {
		background: #ffe400;
		padding: 10px 20px;
		border-radius: 20px;
	}

	.uap-title-tabs li.active {}

	.uap-title-tabs li.active a {}

	.uap-title-tabs li.active a span {
		background: #ffe400;
		padding: 10px 20px;
		border-radius: 20px;
		color: #1f3f93;
	}

	.uap-title-tabs li.active a:hover {}

	.uap-title-tabs li.active a:hover span {
		color: #655a44;
		cursor: default;
		text-decoration: none;
	}

.uap-content {

}
.uap-content .actionlink { float: right;}
.uap-content label { padding-top:12px;}
.uap-content .added { width: auto; padding: 12px; position: relative;}

.uap-content .award { right: 12px; top:40px;}
.uap-content .starrate { float: right;}

.uap-content a.avatar {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	margin-top: 4px;
	/*background: white url(../images/avatar-default.gif) no-repeat 0px 0px;*/
}
.uap-content a.avatar img {
	width: 70px;
	height: 70px;
}
.uap-content .info {
	padding-left: 82px;
}

.uap-content h3 {
	float: left;
}

/* ----------------- added events PREVIEW --------------- */

.uap-subnav {
	height: 29px;
	position: relative;
	margin-top: 8px;
	margin-bottom: 12px;
}
.uap-subnav ul {
	height: 29px;
	float: right;
}
.uap-subnav ul li {
	float: left;
	height: 29px;
	margin-left: 12px;
}
.uap-subnav ul li a {
	text-decoration: none;
}
.uap-subnav ul li a span {
	display: block;
	padding: 6px 22px;
	color: #9dc300;
	background-color: #fff;
	text-decoration: underline;
	border: 1px solid #ccc;
}

.uap-subnav ul li a:hover span {
	color: #655a44;
	border: 1px solid #909448;
	text-decoration: none;
}

.uap-subnav ul li.active a span {
	background-color: #c6e257;
	color: #655a44;
	text-decoration: none;
	border: 1px solid #909448;
}

.added-content {  }

.to-add {
	display: none;
}

/* -------- event types ------- */

.uap-types h3 { font-weight: bold;}

.uap-types .list {
	float: right;
	width: 400px;
	border: 1px dotted #ccc;
	background: #F4F6EE;
	padding:6px;
}

.uap-types .list .actionlink {
	float: none;
	margin-left: 0px;
}

.uap-types .list .type-add-edit {
	display: none;
}

.uap-types .list input[type=text] {
	width: 392px;
}

.type-add-edit .submit-buttons .bttn {
	float: right;
	margin: 0px 0px 0px 12px;
}

/* ------------ locations and banners --------------- */

.uap-locations {}

.uap-locations .added .actionlink.plus {
	float: none;
	margin-left: 0px;
}

.add-edit {
	display: none;
}

.add-edit table {
	margin: 18px 0px 0px 0px;
}

.add-edit table td {
	padding-bottom: 12px;
	padding-right: 6px;
}

.add-edit label {
	padding: 6px 12px 0px 0px;
}

.add-edit input[type=text],
.add-edit select {
	margin-bottom: 0px;
}

.uap-locations .add-edit input[type=text] {
	width: 250px;
}
.add-edit input.disbl {
	background-color: #F4F6EE;
}

.add-edit select {
	width: 257px;
}

.add-edit input.check {
	margin: 7px 0px;
}

.add-edit .submit-buttons .bttn {
	float: right;
	margin: 0px 0px 0px 12px;
}

.add-edit .error-message {
	margin: 0;
}



.added-location,
.added-banner {
	float: left;
	width: 512px;
	width: 460px;
}

.added-location table {
	width: 100%;
	margin: 3px 0px 0px 0px;
}

.loc-district, .loc-place {
	width: 270px;
}

.added-banner table {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.added-banner table.inner td {
	padding-bottom: 6px;
}

.vis {
	width: 50px;
	font-weight: bold;
	color: #bcbcbc;
	text-align: center;
}
.counter {
	width: 60px;
	font-weight: bold;
	color: #bcbcbc;
	text-align: right;
}

.uap-banners .submit-buttons label {
	color:#655A44;
	float:left;
}

/* ------------------------ ------------------------
					 wide-col-RIGHT-center

					 registration form
------------------------ --------------------------*/

.reg-form {}

.reg-form a { color: #9dc300;}

.reg-form table td {
	vertical-align: text-top;
}
.reg-form label {
	color: #fff;
	font-style: normal;
	width: 190px;
	padding-bottom: 5px;
}
.reg-form input {
	width: 310px;
}
.reg-form input.zip {
	width: 80px;
}

.reg-form input.ph-index {
	margin-right:4px;
	width:46px;
}
.reg-form input.ph-number {
	width: 160px;
}

.reg-form .selhider {
	border: 1px solid #ddd;
	width: 191px;
	width: 226px;
	height: 18px;
	margin-bottom: 12px;
}
.reg-form .selhider select {
	height: 19px;
	width: 228px;
}

.reg-form table.accept td {
	vertical-align: inherit;
}
.reg-form table.accept td input.check {
	margin: 0px 4px 2px 0px;
}

/* ----------------------------------

				FULL WIDTH
------------------------------------- */

.full-width {
	padding:0;
}

.lost {
	margin-top: 120px;
	text-align: center;
	color: #fff;
}
.lost h1 { font-size: 40px; margin-top: 20px;}
.lost h2 { font-size: 21px; font-style: italic;}
.lost p { font-size: 16px; width: 50%; margin: 50px auto;}
.lost a:hover {	color: #9dc300;}

.log-error {

	padding-top: 120px;
}
.wide-col {
	padding-top: 120px;
    width: 318px;
    margin: 20px auto;
}
.wide-col h1 {
	color: #fff;
}
.log-error .login-form {
	margin: 20px auto;
	width:320px;
}
.log-error .login-form table {
	width: 100%;
}

.log-error .login-form .error-message {
	font-weight: normal;
	padding:43px 6px 3px 20px;
	line-height: 150%;
}

.language-flags {
	position: fixed;
right: 45px;
top: 25px;
padding-right: 2px;
padding-top: 10px;
z-index: 1000;
}



.language-flags a {
	display: block;
	width: 22px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-left: 10px;
}

.language-flags a.en {
	background-image: url(../images/flag-en.png);
}
.language-flags a.de {
	background-image: url(../images/flag-de.png);
}



/* ------------------ input-file-mask ---------------- */

.input-file-holder {
	position:relative;
	padding:0px 0px 12px 0px;
	margin:0;
	width:350px;
}

.input-file-container {
	overflow:hidden;
	position:absolute;
	right:0;
	height:auto;
	width: 120px;
	cursor:pointer;
}

input.true-input {
	height:31px !important;
	position:absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	right:0;
	cursor:pointer;
	margin-bottom: 0px;
	font-family:Georgia;
	font-size:20px;
}

.input-file-container .bttn {
	float: right;
	margin: 0px;
	width: 120px !important;
}
.input-file-container:hover .bttn {
	color: #fff;
}

.input-file-holder .mask {
	width: 220px;
	padding-top:2px;
}

.input-file-holder .mask input {
	width: 212px !important;
	margin-bottom: 0px;
}

/* ----- widths of upload file blocks - profile --- */

.upload .input-file-holder {
	width:338px;
}
.upload .input-file-holder .mask {
	width: 208px;
}
.upload .input-file-holder .mask input {
	width: 200px !important;
}

/* ----- widths of upload file blocks - add event --- */

.add-event .input-file-holder {
	width:476px;
}
.add-event .input-file-holder .mask {
	width: 346px;
}
.add-event .input-file-holder .mask input {
	width: 338px !important;
}






@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.language-flags {
		right: 80px;
		position: absolute;
	}
	.column {
		padding-top: 20px;
	}
	.col-left {
		padding-top: 150px;
	}
	.recommended .picture h1 {
		font-size: 20px;
	}
	.bottom-menu ul li {
		float: none;
		width: 100%;
	}
	.home {
		height: 100px;
    left: 50%;
    position: absolute;
    top: 100px !important;
    width: 300px;
    margin-left: -150px;
	}

}