#xpage {width:100%; border:1px solid green;}
.h1,.h2 {border:1px solid red;}

#loginstatus {font-size: smaller; color:grey; text-align: right; margin-bottom:0.5ex;}
#xloginstatus { border:1px grey solid;}

#header {outline: 1px solid blue;}
#header {
	text-align: center; 
	margin:	0;
	background:silver;
	border: solid black; border-width: 2px 0;
	padding: 0;
}
#header h1 {
	margin: 1ex 150px ; padding:0; font: 30pt helvetica,arial,sans-serif;
}
#header img.logo_l {float:left; max-height:100px;}
#header img.logo_r {float:right; margin: 4px; /*29px;*/ }
#head2 {clear:both;}
#xheader h1 {background: aqua;}

#footer {
	text-align: center;
	font-size: smaller;
	margin-top:2ex;
	border-top: 1px solid silver;
	clear:both;
}

body {width:100%; margin:0; padding:0;}
#page {width:100%; margin:0; padding:0;}
#body { position:relative; margin:0; margin-bottom:10ex; width:100%;} /* Make body a container block */
#lmenu { position:absolute; left:0; width:140px; top:0;}
#rmenu { position:absolute; right:0; width:140px; top:0;}
#listing {margin:0 140px;}

@media (max-width:40em){
	#lmenu { position:static; float:left;}
	#rmenu { position:static; float:right;}
	#listing {margin:0 0;}
}
@media print {
	#loginstatus {display:none;}
	#lmenu {display:none;}
	#rmenu {display:none;}
	#listing {margin:0 0;}
}

.preview {background: #eee; border: double gray;}
.submitted { border-left: 3px solid red; }
.obsolete {color: gray; }
.editpreview .preview {background: white; border:none;}
.editpreview .submitted {border:none;}

.wiki img {max-width:100%; max-height:90vh;}
.wiki img {float:right;}
.wiki em img {float:none;}
.wiki strong img {float:left;}

.obsolete > * {text-decoration:line-through; }
.obsolete .datebox {text-decoration:none; }
.obsolete .modbox    {text-decoration:none; }
.obsolete .submitted {color:black; }
.obsolete .published {color:black; }

.modbox {
	clear:both;
	text-align:right; color:gray;
	font: 8pt helvetica,arial,sans-serif;
/*	border-bottom: solid gray 1px; */
}

.debug { text-align:left;}
.anchor {position:relative;}
.popup {display:none;}
#loginstatus:hover .popup {display:block;}
.xpopup:hover, .xpopup:active { display:block;}
.popup {
	color: black;
	position:absolute; 
	text-align: center;
	right:0; top:0; 
	border: 2px solid blue; 
	background:white;
	min-width: 10em;
	min-height: 5em;
	padding: 1em;
	z-index:10;
}

.notice {
	font: 14pt helvetica,arial,sans-serif black;
	padding: 1em;
/*	width:100%;*/
	border:3px solid red;
	text-align:center;
}

.alert {
	font: 14pt helvetica,arial,sans-serif black;
	padding: 1em;
/*	width:100%;*/
	border:3px solid red;
	text-align:center;
}
.xalert {
	min-width: 33%;
	min-height:33%;
	left:33%; top:33%;
	border: 2px solid red;
	background: white;
	padding: 1em;
	text-align:center;
	z-index:9;
	position:fixed;
}

#xbody {border: solid green 1px;}
.xmenu {border:1px solid green;}
#xlisting {border:1px dashed blue;}
#xlisting {position:relative;}


.event {width:100%;position:relative; margin-top:1em;}
.xevent {background: #e0ffff;}
.xevent { border: 2px dashed red;}
.xevent {font: 12pt helvetica,arial,sans-serif;}
.event { font-size:13pt;}
.event h2 {margin:0;padding:0; }
.event * {margin:0; padding:0;}
.event .author {font-size:larger; font-weight:bold; margin-bottom:1ex;}
.event .author, .event .dates, .event .name, .event .date {font-family:helvetica,arial,sans-serif;}
.event .headline { margin-top:1ex;}
.event > hr {display:none;}
.event.summary {border-bottom:2px solid black; padding-bottom:1em;}
.xdetails:after {clear:both; content:".";}

.detail .ppre {display:none;}
.summary .ppre {width:5em; float:left;}
.ppre img {width:100%;}
.summary .details {margin-left:5em; position:relative; }
.ppre {font-style:italic; font-weight:bold; color:maroon;}
.xppre {background:#e0ffff;}

.xname a {color:black; text-decoration:none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit; text-decoration:none;}

.auditionnotice {
	border-bottom: solid black 2px;
}
.details + div {clear:both;}

.xcoverpic {float:left; margin-right:8px;}
.coverpic {margin-left:8px;}
.xnewsletter li {border:1px solid blue; list-style-position: inside; margin-left:0; }

div.editpreview:before {content:"Preview:";}
.editpreview > div {color:gray; border: 2px dashed red; padding: 1ex; /*width: 100%; margin-right:50px;*/}
.editpreview .modbox {display:none;}
.xpreview.event {width:80%;}
.xpreview .name a {color:gray;}

table.datebox { border-spacing:0; }
table.datebox td {padding: 1px 1ex; }
.xtr.preview:before{ content:none; }
.xtr.preview { border:none; }
tr.submitted td:first-child { border-left:3px solid red; }

.editlink {float:right;}
.ppost .editlink {float:none;}
.modbox .editlink {float:none;}

@media (max-width:50em){
	.summary .ppre {float:none; width: auto;}
	.ppre img {display:none;}
	.summary .details {margin-left:1em;}
	.ppre > span:before {content: attr(alt) ":"; }
}

.ppre {border: 0px solid aqua;}
.details{ border:0px dashed green;}
@media handheld {
	.xppre img:before { content: "IMG: " attr(alt); border:1px solid red; display:inline; }
	.xppre > span:before { content: attr(aalt) ":"; border:1px solid red; display:inline; color:blue; }
}


span.ppost {float:right; margin: 0 0 0 1em; text-align:right;}
.ppost img {border:none;}

img.ppost { vertical-align:bottom;}
img.xppost { vertical-align:top;}

.xppost {min-width:100pt; margin:0;}
.xxevent{ clear:both; border:1px solid orange;}
.menu li { margin: 0; list-style: none; padding: 1em 0; text-align:center;}
.menu ul { margin:0; padding:0; }
li.menut { background:url(MenuTopL.png) no-repeat top center; padding-left:14px;padding-right: 42px;}
li.menuo { background:url(MenuMidL.png) no-repeat top center; padding-left:14px;padding-right: 42px;}
li.menue { background:url(MenuMidR.png) no-repeat top center; padding-left:42px;padding-right: 14px;}
li.menue + li.menub { background:url(MenuBotR.png) no-repeat top center; padding-left: 42px; padding-right:14px; height:48px;}
li.menuo + li.menub { background:url(MenuBotL.png) no-repeat top center; padding-left: 14px; padding-right:42px; height:48px;}


.xmenu li div {background-color:#ffd0d0; width:100%;}
.xmenu ul { border:1px dashed red; }
.xmenu li { border:1px solid blue;}
.xmenu li:nth-of-type(even) {border: 1px solid red; }
.xhr {clear:both;}

table.row_headers th {text-align:left;}
.userinfo th {font-family:helvetica,arial,sans-serif;}
.userinfo h2 {font-family:helvetica,arial,sans-serif;}
.userinfo th {vertical-align:top; text-align:left;}
.userinfo td {vertical-align:top; text-align:left;}

.edittable th {font-family:helvetica,arial,sans-serif;}
.edittable th {vertical-align:top; text-align:left;}
.edittable td {vertical-align:top; text-align:left;}

.datecol { min-width: 5em; }

.clickable {cursor:pointer;}
.seatingrow td.clickable:hover {border:solid black 2px; padding:2px;}
table.xseatingplan {border-collapse: collapse; border-spacing:0; padding:0px; margin:0;}
table.xseatingplan > tr {padding:0px; border:solid 1px red; margin:0px;}
.seatingplan {border-collapse: collapse; border-spacing:0; padding:0;}
.xseatingplan {border:solid red 1px;}
.xseatingplan tr {border:solid orange 1px;}
.xseatingplan td {border:solid green 1px;}
.seatingplan td {padding:0;}
.seatingplan {width:100%; max-width:40em;}
.seatingrow {width:100%;}
.xseatingrow {border-collapse: collapse;}
.xseatingrow {margin:0 0 -1px;}
.seatingrow {margin:0 0 ;}
.seatingrow tbody {margin:0;padding:0;}
.xseatingrow {border-collapse: collapse; border-spacing:0;}
.xseatingrow {border:solid blue 1px;}
.xseatingrow tr {border:solid aqua 1px;}
.seatingrow td {margin: 2px;}
.seatingrow td { width: 5%; min-height:5mm; border:solid black 1px; padding: 3px;}
.seatingrow td.hgap { width: 2.5%; background: white; border:none;}
.seatingrow td.pgap { width: 1%; background: white; border:none;}
.seatingrow td.wheelchair {width:10%;}
.seatingrow td.hidden {display:none;}
.seatingrow td.free {background: #97FFB1;}
.seatingrow td.selected {background: #8080FF; border:solid green 4px; padding:0px; }
.seatingrow td.selinfo {border-width:2px;}
.seatingrow td.gap {background: white; border:none;}
.seatingrow td.reserved {background: #FFC1C1;}
.seatingrow td.booked {background: #FFC1C1;}
.seatingrow td.paid {background: #FFC1C1;}
.seatingrow td.duplicate {background: #FF0000;}
.seatingrow td.overbooked {background: #FF0000;}
.seatingrow td.section {text-align:center; border:none;}
#SeatDetails {border: solid blue 3px; margin-top:1ex;}

#OrderDetails table {
	border-spacing:0;
	border-collapse: collapse;
	border: solid blue 1px;
}
#OrderDetails td {
	padding: 0.5ex 1ex;
}
#AvailableDates table {
	border-spacing:0;
	border-collapse: collapse;
	border: solid blue 1px;
}
#AvailableDates p {
	margin: 3px 3px;
}
#AvailableDates td {
	border: solid blue 2px;
	xpadding:0.5ex;
	margin: 2px;
}
#AvailableDates td.chosen {
	border-color: red;
}
#AvailableDates td.current {
	xborder-color: red;
	background-color: #fdd;
}
#AvailableDates td.days:hover {
	background-color: #afa;
}
#AvailableDates td.days a {
	display:block;
	width:100%;
	height:100%;
}

#AvailableDates tr {
	xborder-collapse: none;
	xborder-spacing:3px;
	xborder: solid green 1px;
	xpadding:0.5ex;
}

#InfoBox {
	position: fixed;
	bottom: 0;
	left:0;
	width: 100vw;
	border: 1px solid black;
	z-index: 8;
}
#InfoBox.error { background-color: red; }
#InfoBox.warning { background-color: yellow; }
#InfoBox.okay { background-color: white; }
#FindUser.hide { display:none; }
div.padding_bottom { height: 100vh; }

.tabcontrol.ajok h2.tabs {
	display:inline;
	padding: 0 1ex;
	border-bottom: 2px solid green;
	margin:0;
}
.tabcontrol.ajok h2.tabs.seltab {
	xbackground-color: aqua;
	border:2px solid green;
	border-bottom: 2px solid white;
	border-top-left-radius: 1ex;
	border-top-right-radius: 1ex;
}
.tabcontrol.ajok div.tabs {
	display:none;
}
.tabcontrol.ajok div.tabs.seltab {
	display:block;
}
.tabarea {
	xborder: solid blue 2px;
	xmargin-bottom: 2px;
	margin-top: 1ex;
}
.tabpage {
	border: solid green 2px;
	xborder-top: 0;
}
.wiki table.borders {
	border-collapse:collapse;
}
.wiki table.borders td,
.wiki table.borders th {
	border: 1px solid black;
	padding: 1px 3px;
}

div.testmode {
	position:fixed;
	left:0;top:0;
	color:red;
	font: bold 12pt helvetica,arial,sans-serif;
	z-index:100;
}