body {
	background-color: white;
	color: black;
	font-family: sans-serif;
	padding: 0;
	margin: 0;
}

p, dd, dt, dl {
	max-width: 40em;
}

dt {
	margin: 1em;
}

/* structure */

#header {
	background: #932822 url(/header_top) repeat-x scroll center top;
	padding-bottom: 0;
	height: 34px;
}
#header img {
	margin-right: 1em;
	border: none;
}
#header a {
	opacity: 0.2;
}
#header a:hover {
	opacity: 0.7;
}
#orgmenuexpander {
	display: none;
}

#wrap {
	position: relative;
}

#main {
	float: left;
	width: 80%;
	padding-left: 1em;
	border-left: 1px solid black;
}

#sidebar {
	float: left;
	width: 10%;
	padding-right: 1.0em;
	text-align: right;
}
#sidebar form {
	white-space: nowrap;
}
#sidebar input[type="text"] {
	width: 70%;
}
#sidebar ul, #sidebar li {
	margin: 0;
	padding-left: 0em;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar a:visited, #sidebar a:link {
	color: navy;
}
.submenu {
	width: 100%;
}

#ssso {
	margin-top: 1em;
}

h1 {
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
}

h2, h3 {
	display: block;
	border-bottom: 2px solid #993333;
	font-family: arial, helvetica, sans-serif;
	padding: 4px;
	clear: both;
}

hr {
	background: #ececec;
	border: 0;
	height: 1px;
	margin: 0em 0;
}

form {
	padding: 0;
	margin: 0;
}
table td.price, table td.num {
	text-align: right;
}
td.oversize {
	color: red;
}

table.clean, table.clean>tbody>tr, table.clean>tbody>tr>td {
	border: none;
	margin: 0;
	padding: 0;
}

/*
 * Smaller font, so we can fit more into the page and don't need vertical scroll
 */
table.layout_editor {
	font-size: 80%;
}

tr.timedout {
	color: rgb(160,160,160);
}
/* CSS3 selectors would have been best, but no support for that yet :-) */
tr.ticket_group1 {
	background-color: #ffc;
}
tr.row1, tr.row1 input.row1 {
	background-color: #ffa;
}
.refunded {
	text-decoration: line-through;
}
tr.total, td.total {
	font-weight: bold;
}
th.match, td.match {
	border-left-width: 0.5em;
	padding-left: 0.6em;
}
.legend .perfect, .legend .high, .legend .medium, .legend .low {
	border-left: 1em solid white;
	padding-left: 0.2em;
	margin-left: 0.2em;
}
.perfect td.match, .legend .perfect {
	border-left-color: #1A9641;
}
.high td.match, .legend .high {
	border-left-color: #FEB24C;
}
.medium td.match, .legend .medium {
	border-left-color: #FC4E2A;
}
.low td.match, .legend .low {
	border-left-color: #B10026;
}

p, ul, ol, table {
	margin-left: 2em;
}

input, select {
	font-family: sans-serif;
}
.error {
	color: red;
	font-weight: bold;
}

.footer {
	clear: both;
	font-size: 80%;
	margin-top: 2.0em;
	float: left;
}

ul.radio {
	list-style-type: none;
	margin-left: 0;
}
ul.radio li {
	margin-left: 0;
}

.ticketpreview {
	border: 1px solid black;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.antall {
	white-space: nowrap;
}
.antall img {
	vertical-align: middle;
}

/* Theater */

.theater {
	border: 0;
}
.theater input {
	display: none;
}
.theater tr, .theater td {
	border: 0;
}
.theater td, #cart .seat {
	padding: 0 !important;
	width: 1.0em;
	height: 1.0em;
	margin: 0;
}
.theater td div {
	text-align: center;
	width: 1.0em;
	height: 1.0em;
}
.theater .seat, #cart .seat {
	border: 1px solid #333;
}
.theater .seat:hover,
.theater .seat.hover {
	background: #729FCF;
}
.theater .taken {
	background-color: #ccc;
	border: 1px solid #333;
}
.theater .not_available {
	background-color: #D3D7CF;
	border: 1px solid #bbb;
}
.theater .Sitte1, #cart .Sitte1 {
	background: #FCE84E;
}
.theater .Sitte2, #cart .Sitte2 {
	background: #FCB13F;
}
.theater .Sitte3, #cart .Sitte3 {
	background: #8CE334;
}
.theater .Bord, #cart .Bord {
	background: #8CE334;
}
.theater.Sitte1Done .Sitte1 {
	background: #FFF8BF;
}
.theater.Sitte2Done .Sitte2 {
	background: #FFE6BF;
}
.theater.Sitte3Done .Sitte3 {
	background: #DFFFBF;
}
.theater.BordDone .Bord {
	background: #DFFFBF;
}
.theater .selected {
	background: #204A87 !important;
}
.theater .old-seat {
	background: #db4941;
}
.theater .scene {
	background: #ccc;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
.theater table {
	margin-left: 0;
}

.seat-label {
	width: 1em;
	height: 1em;
}
.seat-label.old-seat {
	background: #db4941;
}
/* End theater */

.info_box {
	border: 1px dashed #999;
	padding: 10px;
	background: #f6e1e1;
	margin: 1em;
}
.info_box_header {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

#sales_history img {
	float: left;
	margin-bottom: 1.5em;
}

#sales_history table {
	float: left;
}

.advanced_purchase_info {
	display: none;
}

#hover {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 120px;
	height: 70px;
	font: 12px sans-serif;
	background: #ddd;
	border: 1px solid black;
	text-align: center;
	z-index: 10;
	display: none;
	line-height: 100%;
	pointer-events: none;
}
#hover span {
	display: table-cell;
	width: 120px;
	height: 70px;
	vertical-align: middle;
	pointer-events: none;
}

.sale {
	background-color: #73D216;;
	font-weight: bold;
	text-align: right;
}
.refund {
	background-color: #EF2929;;
	font-weight: bold;
	text-align: right;
}

tbody > tr.highlight_row {
	background-color: #93D293;
}

.tgheading {
	display: none;
}

/* mobile CSS */
@media (max-width: 800px) {
	/*
	 * Reset or adjust some things from the main CSS that don't work too well
	 * on narrow screens.
	 */
	#main {
		float: initial;
		width: initial;
		padding-left: initial;
		border-left: initial;
	}
	#content {
		padding-left: initial;
	}
	h1,h2,h3 {
		margin-left: 5px;
	}
	p, ul, ol, table {
		margin-left: 15px;
	}
	ul {
		padding-left: 1.0em;
	}

	/* rewrite the sidebar to being a dropdown */
	#sidebar {
		float: initial;
		padding-right: initial;
		width: auto;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		/*background-color: #fee; */
		color: #777;
	}
	#sidebar h2, #sidebar h3 {
		display: inline;
		font-size: 1.0em;
		font-weight: normal;
		border: initial;
		padding-left: 10px;
	}
	#sidebar ul, #sidebar form {  /* closed menu */
		display: none;
	}
	#sidebar h2, #sidebar h3 {  /* don't select text when user just wants to click a menu */
		user-select: none;
	}

	/*
	 * Absolutely positioned elements (ul below) are positioned relative to their containing
	 * block, which is the nearest absolutely or relatively positioned parent; so mark submenus
	 * as relative, so we can use left/top to be relative to that.
	 */
	.submenu {
		position: relative;
		width: auto;
		display: inline;
	}
	#sidebar h2:hover + ul, #sidebar h3:hover + ul, #sidebar h3:hover + form, #sidebar ul:hover, #sidebar form:hover { /* opened menu */
		display: block;
		position: absolute;
		left: 7px;
		top: calc(1.0em + 3px);
		background: #cfcfff;
		border: 1px solid #ccc;
		z-index: 10;
		padding: 2px 7px 2px 7px;
		line-height: 1.5em;
		width: auto;
	}
	#searchform {
		width: 12em;
	}
	#sidebar a:link, #sidebar a:visited {
		color: black;
		text-decoration: none;
	}
	#sidebar a:hover {
		color: #555;
		text-decoration: none;
	}

	/* show the organization menu as a hover, too */
	#header #orgmenuexpander {
		display: initial;
		height: 24px;
		margin-right: 8px;
		padding-bottom: 2px;
		opacity: 0.9;
	}
	#header a {
		display: none;
	}
	#header:hover {
		height: auto;
	}
	#header:hover .org {
		display: initial;
	}
	#header .org::after {  /* break line after each organization (so-called “clearfix”) */
		content: '';
		display: block;
		clear: both;
	}
	/* indent all orgs except the first, so that they align nicely */
	#header:hover .org {
		margin-left: 36px;
	}
	#header:hover #orgmenuexpander + .org {
		margin-left: 0px;
	}

	/* looks funny when only one word is kept (indent is still off, though) */
	#noemailnotice {
		display: inline-block;
	}

	/* show ticket groups on top instead of as columns */
	.tgheading {
		display: table-row;
		font-weight: bold;
		text-decoration: underline;
		border: 0px;
	}
	.tgheading th {
		border: 0px;
		padding-top: 0.5em;
		background: transparent;
	}
	.ticketgroup {
		display: none;
	}
	.numleft {
		display: none;
	}
}  /* end mobile CSS */