body {
    margin: 0;
    padding: 0;
	width: 100%;
	position: relative;
	background: #fcfcfc;
	color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.2;
	border: 0 none;
	vertical-align: baseline;
}

a {
    color: #333333;
    line-height: inherit;
    outline: 0 none;
    text-decoration: none;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
}

ul
{
	 list-style-type: square;
}

/* Basis Klassen */

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	clear: both;
}

.link
{
	cursor:pointer;
}

.bold
{
	font-weight: bold;
}

.hidden
{
	display: none;
}

.exampleText {
	color: #aaa;
}

/* Header Elements */


#header
{
	height: 40px;
	width:100%;
	background: #434343;
	color: #d6d6d6;
	font-size: 15px;
    font-weight: normal;
}

#header a
{
	line-height: 40px;
	color: #d6d6d6;
    padding: 0px 30px;
	font-size: 15px;
    font-weight: bold;
    float:left;
	background: url("../images/menu_line.png") no-repeat scroll left top transparent;
}

#header a#logo
{
	width: 120px;
	height:40px;
	padding: 0;
	background: url("../images/logo.png") no-repeat center center transparent;
}

#header a#account
{
	float:right;
	background: 0;
	padding: 0 10px;
}

#header a.lang
{
	float:right;
	background: 0;
	padding: 0px 2px;
	vertical-align: middle;
}

#header a.lang.last
{
	margin-right: 20px
}

#header a.lang img
{
	vertical-align: middle;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}

#header a.lang img:hover, #header a.lang img.active
{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#current-event
{
	width: 100%;
	background: #f7df5e;
	font-size: 18px;
	padding: 30px 0px;
}

#current-event .overview
{
	padding: 0 12px;
	font-size: 12px;
}

#current-event .title
{
	padding-left: 10px;
    line-height: 24px;
}

#current-event .edit
{
	display:inline-block;
	background: url("../images/stripe.png") no-repeat scroll -326px -9px transparent;
	width: 20px;
	height: 22px;
	vertical-align:middle;
}

#all-events
{
	position: relative;
	width: 100%;
}


#all-events-options #create
{
	float:right;
}

#all-events-options #filter,
#all-events-options #changeview
{
	float:left;
}

#all-events-options #changeview
{
  margin-left:10px;
}
#all-events-options #changeview a.button
{
  display:inline-block;
  margin-left:4px;
  padding: 0 10px !important;
}

#all-events-options #changeview .button .buttonico
{
  background: url("../images/buttonicon.svg?") no-repeat scroll 0 0 / cover ;
  border: medium none;
  display: block;
  height: 14px;
  margin: 8px 0;
  width: 14px;
}

#all-events-options #changeview .buttonico.compact {
  background-position: -38px 0;
}

a.disabled {
  cursor: default;
}

#all-events-options #changeview a.button.disabled{
  cursor: default;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eee 0%, #ddd 100%) repeat scroll 0 0 !important;
}

#all-events-options #changeview a.button.disabled .buttonico
{
  opacity: 0.3;
}


#all-events ul
{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#all-events ul li
{
	line-height: 20px;
	padding: 5px;
	display: inline-block;
	width: 200px;
	vertical-align: top;
	background-color: #f7df5e;
	margin-right:8px;
	margin-top: 8px;
	border: 1px dotted #434343;
	height: 80px;
	overflow:hidden;
}

#all-events ul li.compactselect
{
	width: 280px;
  overflow:auto;
  height: 145px;
  margin: 10px 10px 0 0;
}

/* https://stackoverflow.com/questions/7855590/preventing-scroll-bars-from-being-hidden-for-macos-trackpad-users-in-webkit-blin */
#all-events ul li.compactselect::-webkit-scrollbar {
    -webkit-appearance: none;
}

#all-events ul li.compactselect::-webkit-scrollbar:vertical {
    width: 11px;
}

#all-events ul li.compactselect::-webkit-scrollbar:horizontal {
    height: 11px;
}

#all-events ul li.compactselect::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

#all-events ul li.compactselect::-webkit-scrollbar-track { 
    background-color: #fff;
    border-radius: 8px;
}




#all-events ul li.compactselect:hover
{
	cursor: inherit;
}

#all-events ul li.compactselect.multiple
{
  -webkit-box-shadow: 2px 2px 0px 0px rgba(67,67,67,0.25);
  -moz-box-shadow: 2px 2px 0px 0px rgba(67,67,67,0.25);
  box-shadow: 2px 2px 0px 0px rgba(67,67,67,0.25);
}

#all-events ul li.compactselect h3 {
  padding:0 ;
  margin:2px 0 7px 5px;
}

#all-events ul li.compactselect h3 a {
  text-decoration: none;
  border-bottom: 1px solid black;
}


#all-events ul li.compactevent
{
	display:block;
  padding: 4px 4px;
  margin: 2px 1px;
  line-height: 10px;
  width: auto;
  font-size: 11px;
  vertical-align: top;
  border: 0px dotted red;
  height: auto;
}


#all-events ul li.compactevent dt {
  float: left;
  font-weight: bold;
  min-width:95px;

}
#all-events ul li.compactevent dd {
  margin-left:100px;
}


#all-events ul li.compactevent dt::after {
  content: " :";
}


#all-events ul li.compactevent dd::after {
  clear: left;
  content: " ";
  display: block;
}

#all-events ul li.compactevent a
{
  display:block
}

#all-events ul li.compactevent:hover
{
  background-color:#e2001a;
}
#all-events ul li.compactevent:hover a
{
  color:#fff;
}

/*dialog - event_details_diag */
#event_details_diag ul{
  background-color: #f7df5e;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 8px 5px 10px;
}

#event_details_diag ul li.compactevent {
    display: block;
    height: auto;

    margin: 2px 1px;
    padding: 4px;
    vertical-align: top;
    width: auto;
}

#event_details_diag ul li.compactevent dt {
  float: left;
  font-weight: bold;
  min-width:130px;
}

#event_details_diag ul li.compactevent dd {
  margin-left:140px;
}


#event_details_diag ul li.compactevent dt::after {
  content: " :";
}

#event_details_diag ul li.compactevent dd::after {
  clear: left;
  content: " ";
  display: block;
}

#event_details_diag ul li.compactevent a{
  display:block
}
#event_details_diag ul li.compactevent:hover {
  background-color:#e2001a;
}

#event_details_diag ul li.compactevent:hover a {
  color:#fff;
}

#event_details_diag .bar {
  height: 20px;
  margin-top:5px;
  margin-left:5px;
}
/*end*/


#all-events ul li:hover
{
	background-color: #F7DF5E;
	cursor: pointer;
}

#all-events ul li .calendar
{
	float:left;
	margin-right:10px;
	line-height:16px;
}

#all-events ul li .calendar .day
{
	font-size:22px;
}

#all-events ul li .calendar .wday
{
	font-size:18px;
	text-transform: uppercase;
}

#all-events ul li .calendar .month
{
	font-size:12px;
	text-transform: uppercase;
}

#all-events ul li .calendar .year
{
	letter-spacing:-1px;
	font-size:12px;
}

#all-events ul li .name
{
	float:left;
	width: 140px;
}

#all-events a
{
	color:	#333333;
}

/* Buttons */

button, input[type="submit"],input[type="button"], a.button, span.btn {
	background: #BC0016;
	background: -moz-linear-gradient(top,  #FFFFFF 0%, #EDEDED 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EDEDED));
	background: -webkit-linear-gradient(top,  #FFFFFF 0%,#EDEDED 100%);
	background: -o-linear-gradient(top,  #FFFFFF 0%,#EDEDED 100%);
	background: -ms-linear-gradient(top,  #FFFFFF 0%,#EDEDED 100%);
	background: linear-gradient(to bottom,  #FFFFFF 0%,#EDEDED 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EDEDED',GradientType=0 );

    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 32px;
    margin: 0;
    outline: medium none;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 0 15px;
    color: #999999 !important;
    border: 1px solid #CCCCCC;
}

button.red, input[type="submit"].red,input[type="button"].red, a.button.red, span.btn.red {
	background: #BC0016;
	background: -moz-linear-gradient(top,  #E2001A 0%, #BC0016 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E2001A), color-stop(100%,#BC0016));
	background: -webkit-linear-gradient(top,  #E2001A 0%,#BC0016 100%);
	background: -o-linear-gradient(top,  #E2001A 0%,#BC0016 100%);
	background: -ms-linear-gradient(top,  #E2001A 0%,#BC0016 100%);
	background: linear-gradient(to bottom,  #E2001A 0%,#BC0016 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2001A', endColorstr='#BC0016',GradientType=0 );

	color: #ffffff !important;
}

button.icon
{
	width: auto;
	padding: 0;
}

/* INPUTS */

input[type="text"],input[type="number"],input[type="password"] , textarea {
	border: medium none;
	width: 156px;
	border: 1px solid #CCCCCC;
	line-height:21px;
	background: url("../images/input-bg.png") no-repeat #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	height: 32px;
	padding: 0 5px;
}

input.upload
{
	background: url("../images/upload_input.png") center right no-repeat #ffffff;
}

textarea
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}

input[type="text"].search
{
	background: url('../images/search.gif') no-repeat scroll 5px center transparent;
	padding-left: 30px;
	width:200px !important;
}

#list_filter
{
	margin-top: 15px;
	display:none;
}

select
{
	width: 190px;
}

/* Content Elements */
#content
{
	clear: both;
	padding: 20px 10px;
}

#logon
{
	position: relative;
	width: 366px;
	margin: 90px auto;
}

#logon-diag
{
	background-color: #434343;
	border: 15px solid #F7DF5E;
	padding: 35px 35px;
	color: #D6D6D6;
}

#guest_list
{
	margin-top:25px;
}

#sticky-header.sticky
{
	position:fixed;
	top:0;
	background-color: #ffffff;
	width:100%;
}

#sticky-footer.sticky
{
	position:fixed;
	bottom:0;
	background-color: #ffffff;
	width:100%;
	border-top: 1px dotted #434343;
}
.guest
{
	font-size: 18px;
	width: 100%;
	border-bottom: 	1px dotted #434343;
	padding: 5px 0px;
}

.guest.noborder
{
	border-bottom: 	none;
}

.guest.yellow
{
	background-color: #f7df5e;
}

.guest .cdetails
{
	cursor: pointer;
	display: inline;
}

.guest .th.caption
{
	font-size: 14px;
	font-weight: normal;
	line-height: 38px;
}

.guest .caption
{
	width: 310px;
	float: left;
}

.guest .th.approved_by
{
	font-size: 14px;
	font-weight: normal;
	line-height: 38px;
	color: #333333;
}

.guest .approved_by
{
	text-align:right;
	color:#888888;
	font-size: 12px;
	float:right;
	line-height: 34px;
}

.guest .caption.single
{
	line-height: 34px;
}

.guest .caption .note
{
	font-size: 11px;
	color: #888888;
}

.guest .caption .edit
{
	display:inline-block;
	background: url("../images/stripe.png") no-repeat scroll -394px -12px transparent;
	width: 10px;
	height: 12px;
}

.guest .counter
{
	float:left;
}

.guest .th.col
{
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	vertical-align:center;
}

.guest .th.col.single
{
	line-height: 38px;
}

.guest .th.col.tickets
{
	border-top:2px dotted #434343;
	border-left: 2px dotted transparent;
	border-right: 2px dotted #434343;
	width: 99px !important;
	line-height: 30px;
}

.guest .th.col.passes
{
	border-top:2px dotted #434343;
	border-right:2px dotted #434343;
	width: 305px !important;
	line-height: 30px;
}

.guest .th.col.total
{
	border-left: 2px dotted transparent;
	border-top: none !important;
}

.guest .tf.col.total
{
	border-left: 2px dotted transparent;
}

.guest .col
{
	text-align: center;
	float:left;
	width: 50px;
	line-height: 34px;
	height: 34px;
	border-right:1px dotted #bfbfbf;
}

.guest .col.pass:last-child, .guest .col.ticket:nth-child(3)
{
	border-right: 2px dotted #434343;
}

.guest .col.total
{
	border-left: 2px dotted #434343;
	border-right: 2px dotted #434343;
}

.guest .parameter
{
	float:left;
}

.guest .guest-options
{
	height: 32px;
	width: 34px;
	float:left;
	text-align: right;
	padding: 0 8px;
}

.guest .options
{
	float:left;
	text-align: left;
	padding: 0 8px;
}

.guest .options img
{
	cursor:pointer;
}

.guest .options form
{
	float:right;
}

#credentials_list div, #alert_list div
{
	height: 40px;
}

.credential
{
	line-height: 32px !important;
	font-weight: bold;
	border-bottom: 1px dotted #434343;
}

.credential .validated
{
	text-decoration: line-through;
}

.credential .caption
{
	float:left;
}

.credential .list
{
	float:left;
	width: 440px;
}

.even
{
	background-color: #eeeeee;
}

.credential .status.credential_status_toggle
{
	cursor: pointer;
}

.credential .status
{
	float:left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	background: url('../images/stripe.png') no-repeat -160px center transparent;
}

.credential .amount
{
	float:left;
	font-weight: bold;
}

.credential .status.validated
{
	background: url('../images/stripe.png') no-repeat -192px center transparent;
}

.credential .status.locked
{
	background: url('../images/stripe.png') no-repeat -256px center transparent;
}

.credential .status.inherit
{
	background: url('../images/stripe.png') no-repeat -288px center transparent;
}

.credential .options
{
	float:right;
	text-align: right;
	height: 32px;
}

.credential .options img
{
	cursor:pointer;
}

.credential .options form
{
	float:right;
}

/* TABLES */

table
{
	width: 100%;
}

table.noborder
{
	border: 0px;
	padding: 0px;
	border-collapse:collapse;
}

table.noborder td, table.noborder th, table.noborder tr
{
	border: 0px;
	padding: 0px;
	border-collapse:collapse;
}

/* Error, Notifications etc */
.error
{
	color: #FF0000;
}

.rej
{
	color: #FF0000;
	text-decoration: line-through;
}

#errors, .errors
{
	width: 100%;
	background: #E2001A;
	color: #FFFFFF;
	font-weight: bold;
}

.errors
{
	margin-bottom: 25px;
}

#errors ul, .errors ul
{
	padding: 15px 20px;
	list-style: square;
	margin: 0;
}

/* Icons */
span.icon
{
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

span.btn
{
	height: 32px;
	line-height: 32px;
	display: inline-block;
	padding: 0 5px;
	text-transform: uppercase;
	font-size: 11px;
	width: auto;
}

span.icon.locked
{
	background: url('../images/stripe.png') no-repeat -64px center transparent;
}

span.icon.unlocked
{
	background: url('../images/stripe.png') no-repeat -96px center transparent;
}

span.icon.share
{
	background: url('../images/stripe.png') no-repeat 0 center transparent;
}

span.icon.notifications
{
	background: url('../images/stripe.png') no-repeat -32px center transparent;
}

span.icon.plus
{
	background: url('../images/stripe.png') no-repeat -128px center transparent;
}

span.icon.checkall
{
	background: url('../images/stripe.png') no-repeat -354px center transparent;
}

/* dialogs */
.overlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 15;
}

.diag
{
	position: absolute;
	width: 550px;
	left: 50%;
	margin-left: -275px;
	background-color: #FFFFFF;
	border: 15px solid #F7DF5E;
	z-index: 100;
	display: none;
	padding: 5px;
}

.diag.error
{
	border: 15px solid #E2001A;
}

.diag .bar
{
	height: 32px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	font-size: 16px;
}

.diag .bar .close
{
	position: absolute;
	right: 0px;
	width: 32px;
	height: 32px;
	background: url('../images/stripe.png') no-repeat -224px center transparent;
	cursor: pointer;
}

.diag .bar .title
{
	position: absolute;
	line-height: 32px;
	font-weight: bold;
}

/* Analytics */
.analytics
{
	overflow: hidden;
    position: relative;
    margin-top: 35px;
}
.analytics > .nav
{
    float:left;
    width:30%;
}

.analytics > .nav > .cat
{
    font-weight:bold;
    border-bottom: 1px dotted;
    padding:6px 4px
}

.analytics > .nav > ul
{
    list-style: none none inside;
    margin:0;
    padding:0;
}

.analytics > .nav > ul > li
{
    cursor: pointer;
    padding:6px 4px;
}

.analytics > .nav > ul > li.active
{
    background: none repeat scroll 0 0 #EEEEEE;
}

.analytics > .data
{
    float:left;
    width:70%;
}

.analytics > .data > .content
{
    margin-left: 20px;
}

.analytics > .data > .content >.cat
{
    font-weight:bold;
    border-bottom: 1px dotted;
    padding:6px 4px

}

#analytics-data-content
{
    width: 100%;
}

.analytics-data-page .row
{
    width: 100%;
    border-bottom: 1px dotted #CBCBCB;
    position:relative;
    height: 28px;
}

.analytics-data-page .row.odd
{
	background-color: #F8F8F8;
}

.analytics-data-page .row .col {
    float: left;
    line-height: 28px;
    padding-left: 8px;
}

.analytics-data-page .row .col.right{
	float: right;
	padding-right: 8px;
}

#guest_addnotifications
{
	position:absolute;
	right:0;
	top: 36px;
	background-color: #ffffff;
	border: 1px dotted #434343;
	padding: 5px 15px;
	font-size: 24px;
	display: none;
}

#guest_addnotifications a{
	color: #333333;
}

#toggle_credential_icon_legend
{
	color: #BCBCBC;
	cursor: pointer;
	line-height: 32px;
	margin-bottom: 10px;
	text-align:right;
	padding-right: 30px;
	background: url('/content/images/hilfe.gif') no-repeat right center;
}

#credential_icon_legend
{
	display: none;
}

#credential_icon_legend ul
{
	padding-left:15px;
}

#credential_icon_legend ul
{
	margin: 5px;
}

.slider
{
	width:100px;
	background:url('/content/images/chk_slider.png') no-repeat 0 0;
	height:32px;
	cursor:pointer;
	border: 1px solid #CCCCCC;
	display: inline-block;
}


.chosen.alert
{
	width: 50px;
}

.ui-state-hover {
	background-color:#f7df5e !important;
	border:none
}