/***** STANDARDS *****/
html {
}

body {
	margin: 0; padding: 0;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 12px;
	background: #ebebeb url('/theme/2010/bodybg.gif') repeat-y center top;
}

img {
	border: none;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

p { margin: 8px 0; }




/***** COLOR SCHEMA *****/
/*
*/




/***** LAYOUT *****/
div#container {
	width: 870px; /* padding subtracted */
	margin: 0 auto;
	padding: 0 50px;
	background: #ebebeb url('/theme/2010/bodybg.gif') repeat-y;
	text-align: left;	
}

div#header {
	height: 150px;
}

div#content {
}

div#footer {
	margin-top: 50px;
	text-align: center;
}



/***** MAIN MENU *****/
div#menu_section {
/*	overflow: hidden;
	background: url('/theme/2010/menubg.gif') repeat-x;*/
}

ul#menu {
	padding: 0; margin: 0;
	height: 46px;
	background: url('/theme/2010/menubg.gif') repeat-x;
}

ul#menu li {
	list-style: none;
	padding: 10px 0;
	height: 26px;
	float: left;
}

ul#menu li:hover, ul#menu li.selected {
	height: 36px;
	background: url('/theme/2010/menu_select.gif') no-repeat center 46px;
}

ul#menu li.left, ul#menu li.left:hover {
	width: 5px;
	height: 26px;
	background: url('/theme/2010/menu_left.gif');
}

ul#menu li.right, ul#menu li.right:hover {
	width: 5px;
	height: 26px;
	background: url('/theme/2010/menu_right.gif');
	float:right;
}

ul#menu li a {
	color: #fff;
	height: 46px;
	font-size: 20px; font-weight: bold;
	text-decoration: none;
	padding: 10px 20px;
}



/***** MAIN SEARCH *****/
#search {
	position: absolute;
	margin: 6px;
	margin-left: 616px;
	width: 250px;
}

#search input#searchtext{
	padding: 0; margin: 0;
	border: 2px #dedddd solid;
	padding: 4px;
	width: 200px; height: 21px;
	font-size: 18px;
	float: left;
}

#search input#searchbtn {
	border: none;
	padding: 0; margin: 0;
	width: 35px; height: 33px;
	background: url('/theme/2010/search_btn.gif') no-repeat;
	cursor: pointer;
}

#search input#searchtext.blur {
	color: #b0afb0;
}




/***** HEADER CONTENT *****/
div#header #logo {
	position: absolute;
	margin-top: 30px;
}

div#header #cards {
	float: right;
}




/***** MAIN CONTENT *****/
div#main_content {
	margin-top: 50px;
	width: 872px;
}

.left { float: left; }
.right { float: right; }




/***** SECTIONS *****/
div.section {
	position:relative;
}

div.section h3 { margin: 7px 0;}

div.section h4 { 	
	font-size: 14px; font-weight: bold; color: #fff;
	height: 19px; width: auto; /* Padding subtracted */
	margin: 0; padding: 6px 8px;
	background: url('/theme/2010/headerbg.gif') repeat-x; 
}

div.large {
	width: 428px; height: 195px;
}

div.small {
	width: 206px; height: 158px;
}

div.small:hover h4 {
/*	background-position: 0px -31px;*/
}

div.small h4 {
/*	position: absolute;
	width: 190px;*/
}

div.small div.button_section {
	position: absolute;
	left: 0; top: 125px;
	padding: 5px; height: 23px; width: 196px;
	background: url('/theme/2010/trans_50.png') repeat;
	display: none;
}

div.small:hover div.button_section {
	display: block;
}

div.small div.button_section a.button_normal_small {
	float: left;
}

div.small div.button_section a.button_small {
	float: right;
}

div.small img {
	width: 206px; height: 127px;
}

div.small.spaceright { margin-right: 16px; }
div.small.spaceleft { margin-left: 16px; }
div.small.spacetop { margin-top: 16px; }

div.list {
	width: 428px;
	background: #f4f4f2;
}

div.list h4 {
	
}

div.list h4 span#numbers {
	float: right;
}

div.fill {
	width: 872px;
}

div.fill h4 {
	width: auto;
}

div.corner {
	position:absolute;
	width: 4px; height: 4px;
	background: url('/theme/2010/corner.gif');
	font-size: 0;
}

div.tl {	top:0; left:0; background-position:4px 4px; }
div.tr {	top:0; right:0; background-position:0px 4px; }
div.bl {	bottom:0; left:0; background-position:4px 0px; }
div.br {	bottom:0; right:0; background-position:0px 0px;  }

.interactive {
	background: #f4f4f2;
	color: #000;
	width: 202px; height: 195px;
	padding: 0 10px;
}

.interactive label {
	display: block;
}

.interactive select {
	margin: 1px 0 10px 0;
	font-size: 12px;
	width: 173px;
}

.interactive input.button_normal {
	margin-top: 10px;
}

.info {
	background: #909090 url('/theme/2010/logo_watermark.png') no-repeat;
	background-position:25px 25px;
	color: #fff;
	width: 186px; height: 195px;
	padding: 0 10px;
}

h3#noresult {
	padding: 10px; 
	color: #3f3f3f;
}




/***** LISTS *****/
ul.datelist {
	margin: 0; padding: 0;
	list-style: none;
}

ul.eventlist {
	margin: 0; padding: 0;
	list-style: none;
}

li.event {
	display: block;
	position: relative;
	background: #dedede;
	height: 68px;
	margin: 5px;
}

li.event:hover div.sticker {
    display: none;
}

li.event div.sticker {
	position: absolute;
	right: 0px;
	width: 68px; height: 68px;
}

div.soldout {
	background: url('/theme/2010/sticker_soldout.gif') no-repeat;
}

div.offer {
	background: url('/theme/2010/sticker_offer.gif') no-repeat;
}

/*
li.event:hover {
	background: #cecece;
}*/

li.event h3 {
/*	padding-top: 3px;
	margin-bottom: 5px; */
}

li.event a.link {
	text-decoration: none;
	color: #000;
}

li.event a.link:hover {
	text-decoration: underline;
}

li.event a.button_small {
	position: absolute;
	left: 330px; top: 36px;
	display: none;
}

li.event:hover a.button_small {
	display: inline;
}

ul.datelist li.event div.datebox {
	float: left;
	background: #909090;
	padding-top: 10px;
	height: 58px; width: 68px;
	text-align: center;
	margin-right: 10px;
}

ul.datelist li.event:hover div.datebox {
	background: #f89420;
}

ul.datelist li.event div.datebox span.month {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

ul.datelist li.event div.datebox span.date {
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

ul.datelist li.event span.location, ul.datelist li.event span.category,
ul.eventlist li.event span.location, ul.eventlist li.event span.category {
	display: block;
	line-height: 120%;
}

ul.datelist li.event span.location a, ul.datelist li.event span.category a,
ul.eventlist li.event span.location a, ul.eventlist li.event span.category a {
	color: #5f5f5f;
}

ul.eventlist li.event {
	width: 426px;
	margin: 5px;
	float: left;
}

ul.eventlist li.event img {
	float: left;
	height: 68px; width: 78px;
	margin: 0px 10px 0px 0px;
}

ul.eventlist li.event h3 {
	margin: 0 0 7px 0;
}




/***** EVENT PRESENTATION *****/

div#event_info div#image img {
/*	border: 1px solid #f3f3f3;*/
}

div#event_info div#image {
	width: 266px; height: 206px;
	background: url('/theme/2010/eventimage_bg.gif') no-repeat right bottom;
}

div#event_info div#image_and_tickets {
	float: left;
	width: 266px;
}

div#event_info div#image_and_tickets table#tickets {
	width: 266px;
	margin-top: 50px;
	font-size: 12px;
}

div#event_info div#image_and_tickets table#tickets tr td {
	padding: 5px;
}

div#event_info div#image_and_tickets table#tickets tr.venue td {
	padding: 0;
}

div#event_info div#image_and_tickets table#tickets ul.venue {
	padding: 0; margin: 0;
	height: 46px;
	background: url('/theme/2010/menubg.gif') repeat-x;
	font-weight: bold;
}

div#event_info div#image_and_tickets table#tickets ul.venue a {
	color: #fff;
	text-decoration: none;
}

div#event_info div#image_and_tickets table#tickets ul.venue a:hover {
	text-decoration: underline;
}

div#event_info div#image_and_tickets table#tickets ul.venue li {
	list-style: none;
	padding: 4px 0 0 6px;
	height: 42px;
	color: #fff;
	float: left;
}

div#event_info div#image_and_tickets table#tickets ul.venue li.left {
	width: 5px;
	height: 26px;
	padding: 0;
	background: url('/theme/2010/menu_left.gif') no-repeat;
}

div#event_info div#image_and_tickets table#tickets ul.venue li.right {
	width: 5px;
	height: 26px;
	padding: 0;
	background: url('/theme/2010/menu_right.gif') no-repeat;
	float:right;
}

div#event_info div#image_and_tickets table#tickets tr.header {
	font-weight: bold;
	background: #f3f3f3;
}

div#event_info div#image_and_tickets table#tickets tr.even {
	background: #f8f8f8;
}

div#event_info div#image_and_tickets table#tickets tr.odd {
	background: #ece9dc;
}

div#event_info div#image_and_tickets div#fee {
	text-align: center;
	font-size: 10px;
}

div#event_info div#text {
	margin-left: 296px;
	width: 400px;
	color: #3e3b26;
}

div#event_info ul#gallery {
	padding: 0; margin: 0;
	margin-top: 45px;
	list-style: none;
	width: 100px;
	float: right;
}

div#event_info ul#gallery li {
	padding: 0 0 10px 0;
}

div#event_info div#text div#remarks {
	position: relative;
	margin-top: 30px;
	padding: 10px;
	font-weight: bold;
	background: #f3f3f3;
}



/***** TAG CLOUD *****/
ul.cloud {
	margin: 0; padding: 10px 0;
	list-style: none;
	text-align: center;
	padding-top: 35px;
}

ul.cloud li {
	display: inline-block;
}

ul.cloud li a {
	color: #000;
	text-decoration: none;
	margin: 5px; font-weight: bold;
}

ul.cloud li a:hover {
	text-decoration: underline;
}

ul.cloud li a.tag0x {
	font-size: 12px;
	color: #4f4f4f;
}

ul.cloud li a.tag1x {
	font-size: 14px;
	color: #4f4f4f;
}

ul.cloud li a.tag2x {
	font-size: 16px;
	color: #4f4f4f;
}

ul.cloud li a.tag3x {
	font-size: 18px;
	color: #4f4f4f;
}

ul.cloud li a.tag4x {
	font-size: 21px;
	color: #4f4f4f;
}

ul.cloud li a.tag5x {
	font-size: 24px;
	color: #4f4f4f;
}



/***** ORDERFORM *****/
ul.ordersteps {
	margin: 0; padding: 0;
	list-style: none;
}

ul.ordersteps li.arrow {
	float: left;
	color: #797979; font-size: 18px;
	padding: 12px 0 0 12px;
	width: 210px; height: 37px;
	background: url('/theme/2010/arrow.png');
}

ul.ordersteps li.arrow.selected {
	color: #fff;
	background-position: 0px -49px;
}

ul.ordersteps li.box {
	float: left;
	color: #797979; font-size: 18px;
	padding: 12px 0 0 12px;
	width: 194px; height: 37px;
	background: url('/theme/2010/box.png');
}

ul.ordersteps li.box.selected {
	color: #fff;
	background-position: 0px -49px;
}

div.orderinput {
	margin-top: 30px;
	background: #f4f4f2;
}

div.orderinput table {
	margin-top: 30px;
}

div.orderinput tr.space {
	height: 20px;
}

div.orderinput td.label {
	width: 190px;
	text-align: right;
	padding: 15px;
	color: #4c4b4b; font-size: 18px;
}

div.orderinput input[type="text"] {
	border: 2px #dedddd solid;
	padding: 4px;
	width: 250px; height: 21px;
	font-size: 18px;
}

div.orderinput textarea.input {
	border: 2px #dedddd solid;
	padding: 4px; margin: 0px;
	width: 250px;
}

div.orderinput input[type="text"].active, div.orderinput textarea.input.active {
	border: 2px #000 solid;
}

div.orderinput select {
	font-size: 18px;
}

div.orderinput p.stepdescr {
	margin: 30px;
}

div.orderinput div.stepdescr {
	margin: 30px 0 0 20px;	
	font-size: 14px;	
}

td#tickettype { font-size: 18px; padding-left: 20px; }

div.orderinput input[type="text"].small { width: 80px; }
div.orderinput input[type="text"].medium { width: 140px; float: right; } 

div.orderinput td.expl label {
	display: block;
	width: 300px; height: 19px;
	padding: 5px;
	border: #3f3f3f 1px solid;
	background: #a3a3a3;
}

div.orderinput td.expl label.error {
	background: #ff9d9d;
	color: #580000;
}

div.orderinput td.expl label.checked {
/*	background: #abff9d;
	color: #117700; */
	border: none;
	background: url('/theme/2010/check.gif') no-repeat 5px 3px;
}

div.orderinput input.button, div.orderinput a.button {
	margin: 30px 0 0 20px; padding: 0; border: none;
	width: 160px; height: 42px;
	background: url('/theme/2010/button_back_orderstep.gif');
	font-size: 18px; cursor: pointer;
}

div.orderinput a.button {
	text-align: center;
	padding-top: 8px;
	height: 34px;
	text-decoration: none;
	color: #000;
}

div.orderinput input.button.highlighted, div.orderinput a.button.highlighted {
	margin: 30px 20px 0 0;
	background: url('/theme/2010/button_next_orderstep.gif');
	color: #fff;
}

div.orderinput input.button:hover, div.orderinput a.button:hover 
div.orderinput input.button.highlighted:hover, div.orderinput a.button.highlighted:hover
{ background-position: 0 -42px; }

div.line {
	border-bottom: dashed 2px gray;
	margin: 0 80px;
}

div.alert {
	padding: 50px;
	border: dashed 2px red;
	font-size: 18px;
}

div.alert.descrete {
	padding: 10px;
}

/* NOT IN USE
div.important {
	font-size: 18px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; background: salmon;
} */

div#price {
	float: right;
	padding-top: 8px; margin: 0 20px;
	text-align: center; font-weight: bold;
	font-size: 26px; color: #fff;
	width: 160px; height: 42px;
	background: url('/theme/2010/price_box.gif');
}

div.orderinput div.amountbox {
	width: 400px;
	margin: 20px 0 0 20px;
}

div.orderinput div.amountbox {
	font-size: 14px;
}

div.orderinput div.amountbox table {
	width: 800px;
}

div.orderinput div.amountbox tr.total td.label_cell, div.orderinput div.amountbox tr.total td.amount_cell {
	font-size: 18px;
	font-weight: bold;
}

div.orderinput div.amountbox td.label_cell {
	width: 150px;
}

div.orderinput div.amountbox td.amount_cell {
	width: 270px;
}

div.orderinput div.amountbox td.info_cell {
	width: 400px;
}

div.orderinput div.stepinfo {
	margin: 20px 20px 0 20px;
}

div.orderinput textarea {
	margin: 0 20px;
	width: 824px;
}

div.orderinput div.line.full {
	margin-left: 20px;
	margin-right: 20px;
}



/****** PAYMENTMETHOD CHECKBOX ******/
.checklist {
	padding: 0; 
	list-style: none; 
	margin: 20px 0px 30px 20px; 
	list-style-image: none;
	color: black;
}

.checklist li {
	position: relative; 
	width: 138px; 
	background: url('/theme/2010/checkbox.gif') no-repeat 0px 0px; 
	float: left; 
	height: 163px; 
	margin-right: 10px;
}

.checklist li.selected { 
	background-position: -138px 0px;
}

.checklist li.selected .checkbox-select { 
	display: none; 
}

.checkbox-select {
	position: absolute;
	width: 124px; 
	display: block; 
	background: url('/theme/2010/btn.png') no-repeat 0px 0px; 
	height: 31px;
	padding: 8px 0 0 0;
	text-align: center;
	font-size: 18px; color: #fff;
	top: 118px; 
	left: 7px;
}

a.checkbox-select, a.checkbox-select:hover {
	text-decoration: none;
}

.checklist li input {
	display: none;
}
A.checkbox-deselect {
	position: absolute; 
	display: none; 
	color: white; 
	top: 120px; 
	right: 10px; 
	font-weight: bold; 
	text-decoration: none;
}
.checklist li.selected A.checkbox-deselect {
	display: block;
}

.checklist li h3 {
	padding-left: 7px;
	margin-bottom: 0px;
	font-size: 18px;	
}

.checklist li img {
	padding-left: 7px;
	height: 18px;
}

.checklist li p {
	padding: 0 7px;
	margin-top: 2px;
	font-size: 10px;
}

.checklist li label {
	position: absolute;
	display: block; bottom: 15px;
	text-align: center; width: 138px;
}

.checklist label.state {
	position: absolute;
	top: 120px; 
	left: 40px;
}



/***** GENERAL CONTENT *****/
a.button_large {
	width: 120px; height: 24px;
	background: transparent url('/theme/2010/button_large.gif')
	    0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
}

a.button_large:hover {
	background: transparent url('/theme/2010/button_large.gif')
	    0px -30px no-repeat;
}

a.button_small {
	width: 81px; height: 20px;
	background: transparent url('/theme/2010/button_small.gif')
	    0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
}

a.button_small:hover {
	background: transparent url('/theme/2010/button_small.gif')
	    0px -24px no-repeat;
}

input.button_normal {
	width: 175px; height: 30px;
	background: transparent url('/theme/2010/button_normal.gif')
	    0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border:none;
	cursor: hand;
}

input.button_normal:hover {
	background: transparent url('/theme/2010/button_normal.gif')
	    0px -30px no-repeat;
}

a.button_normal_small {
	width: 81px; height: 20px;
	background: transparent url('/theme/2010/button_normal_small.gif')
	    0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 4px;
}

a.button_normal_small:hover {
	background: transparent url('/theme/2010/button_normal_small.gif')
	    0px -24px no-repeat;
}

a.button_extrasmall {
width: 75px; height: 18px;
	background: transparent url('/theme/2010/button_extrasmall.png')
	    0px 0px no-repeat;
	display: block;
	text-decoration: none;
	color: white;
	text-align: center;
	padding-top: 2px;
	font-size: 12px;
}

a.button_extrasmall:hover {
	background-position: 0px -20px;
}

.nooverflow { overflow: hidden; }



/* SEAT RESERVATION */

#venue {
	background: #fff;
	margin: 20px; padding: 70px 20px 20px 20px;
}

#venue .button {
	position: absolute;
	top: 10px; right: 10px;
}

div.label {
	color: #4c4b4b;
	font-size: 18px;
	padding: 20px 20px 0 20px;
}

ul#seattypes {
	position: relative;
	background: #fff;
	margin: 20px 20px 0 20px; padding: 10px;
	list-style: none;
	height: 18px;
}

ul#seattypes li {
	float: left;
	margin-right: 10px;
}

ul#seattypes li a {
	margin: 2px 2px 0 0;
}

.seat {
    position: absolute;
    display: block; float: left;
    height: 13px; width: 13px;
    background: #3f3f3f url('/theme/seats/seatOverlay.png');
}

.seat.normal {
    background-color: #36FF41;
}

.seat.wheelchair {
    background-color: #3690FF;
}

#venue .seat.normal:hover, #venue .seat.wheelchair:hover {
    cursor: pointer;
    background-color: #FF8617;
}

.seat.reserved {
    background-color: #FFA637;
}

.seat.disabled {
    background-color: #B2B2B2;
}

.seat.taken {
    background-color: #B2B2B2;
}

.seat.preview {
    display: inline;
    position: static;
}

.seat img {
	margin: -1px -1px 0 0;
}

#loaderOverlay {
	position: absolute;
	border: 1px solid black;
	padding-top: 30px;
	margin: 200px 0 0 200px;
	width: 400px;
	height: 100px;
	text-align: center;
	background: #fff;
	z-index: 10000;
}

.overview_section {
	position: absolute;
	background: #F2C545;    
}

.overview_section:hover {
	cursor: pointer;
	background: #FEB729;
}

.marking {
    position: absolute;
    padding: 5px; 
    font-size: 10px;
    background: #fff;
}

#feedback {
	position: absolute;
	z-index: 9999;
	color: #4c4b4b;
	font-size: 18px;
	font-weight: 100;
	padding: 35px 40px 0 40px;
}

#reservationTime {
	float: right;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

