@font-face {
	font-family:'open_sansregular';
	src:url('../fonts/OpenSans-Regular-webfont.eot');
	src:url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'open_sanslight';
	src:url('../fonts/OpenSans-Light-webfont.eot');
	src:url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'open_sansbold';
	src:url('../fonts/OpenSans-Bold-webfont.eot');
	src:url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'open_sansitalic';
	src:url('../fonts/OpenSans-Italic-webfont.eot');
	src:url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	font-weight:normal;
	font-style: normal;
}
/* PACIFICO FONT */
@font-face {
	font-family:'PacificoRegular';
	src:url('../fonts/Pacifico-webfont.eot');
	src:url('../fonts/Pacifico-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Pacifico-webfont.woff') format('woff'),url('../fonts/Pacifico-webfont.ttf') format('truetype'),url('../fonts/Pacifico-webfont.svg#PacificoRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Slicker';
	src:url('../fonts/slicker.eot') format('embedded-opentype'),url('../fonts/slicker.woff') format('woff'),url('../fonts/slicker.ttf') format('truetype'),url('../fonts/slicker.svg#Slicker') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* Root styling */
:root {
	--epic-orange: #F47B20;
}


html {
	background-color: #c3c3c3;
	background-image: url('/images/html-bg.jpg');
	background-repeat: repeat-x;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	line-height: 170%;
	color: #666666;
	font-size: 10px;

}

#site-container {
	min-width: 650px;
	margin: 0 auto 5px auto;
}


#title {
	height: 48px;
	background-image: url('/images/logo-bg.gif');
	padding: 0 1px;
}

#masthead {
	height: 80px;
	background-image: url('/images/header.png');
}

#navigation {
	height: 29px;
	border-top: 1px solid #e5e5e5;
	background-image: url('/images/nav-bg.gif');
}

#quote {
	height: 32px;
	background-image: url('/images/quote-bg.gif');
}

#quote p {
	margin: 0;
	padding: 7px 8px;
	font-style: italic;
	font-size: 1.1em;
	text-align: right;
}

#content {
	background-color: #ffffff;
	padding: 10px 20px;
	min-height: 643px;
	font-size: 1.2em;
}

#footer {
	height: 66px;
	background-image: url('/images/footer-bg.jpg');
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 11px;
}

#footer-shadow {
	height: 19px;
	background-image: url('/images/footer-shadow.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

a {
	text-decoration: none;
	color: var(--epic-orange);
}

a:hover {
	text-decoration: underline;
}

#btn-discord {
	background-color: #5865F2;
	border-color: #5865F2;
}

/* Footer */

#footer ul.links {
	padding: 10px 20px;
}

#footer ul.links li {
	float: left;
	margin-right: 20px;
}

#footer p {
	clear: left;
	margin: 5px 20px;
}

#footer a:hover {
	color: #ffffff;
}

/* Generic Content Styles */

#content .center {
	text-align: center;
}

#content h1 {
	font-size: 1.8em;
	line-height: 1.5em;
	color: var(--epic-orange);
	margin-top: 0;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, p,
#content blockquote, #content form, #content label, #content ul, #content ol,
#content dl, #content fieldset, #content address {
	margin: 0.5em 0;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: bold;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover {
	text-decoration: none;
}

#content h2 {
	font-size: 1.7em;
	line-height: 1.4em;
}

#content h3 {
	font-size: 1.5em;
	line-height: 1.6em;
}

#content h4 {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 10px;
}

#content h5 {
	font-size: 1.2em;
	line-height: 1.6em;
}

#content .orange {
	color: var(--epic-orange);
}

#content p {
	line-height: 1.5em;
	margin: 10px 0;
}

#content strong, #content .strong {
	font-weight: bold;
}

#content em {
	font-style: italic;
}

#content .grey {
	color: #c0c0c0;
}

#content span.highlight {
	background-color: var(--epic-orange);
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 3px;
}

#content blockquote {
	background-color: #fefbf3;
	border: 1px solid #cccccc;
	padding: 10px;
}

#content blockquote.quote {
	background-color: #ffffff;
	background-image: url('/images/quote.gif');
	background-repeat: no-repeat;
	border: none;
	color: #999999;
	padding: 6px 10px 10px 65px;
}

#content div.hr {
	background-image: url('/images/dotted-line.png');
	height: 1px;
	margin: 10px 0;
}

#content pre {
	background: #eeeeee;
	border-left: 5px solid #cccccc;
	color: #777777;
	margin: 0.5em 0;
	padding: 10px;
}

#content .morelink {
	text-align: right;
}

#content .epicText {
	font-weight: bold;
	color: var(--epic-orange);
}

#content .clear {
	clear: both;
}

#content .clear_left {
	clear: left;
}

/* Lists */

#content ul li {
	background-position: 5px 5px;
	background-color: transparent;
	background-repeat: no-repeat;
	padding: 2px 0 2px 23px;
	background-image: url('/images/li-star.gif');
	margin-left: 1em;
}

#content ul.li-arrow li {
	background-image: url('/images/li-1.png');
}

#content ul.li-arrow2 li {
	background-image: url('/images/li-2.png');
}

#content ul.li-arrow3 li {
	background-image: url('/images/li.png');
}

#content ul.li-plus li {
	background-image: url('/images/li-plus.gif');
	background-position: 7px 7px;
}

#content ul.li-exclamation li {
	background-image: url('/images/exclamation.png');
	padding: 4px 0 0 25px;
	margin-left: 0;
}

#content ol {
	padding: 0;
}

#content ol li {
	padding: 2px 0 2px 5px;
	list-style-type: decimal;
	list-style-position: inside;
	margin-left: 1em;
	color: var(--epic-orange);
}

#content ol li span {
	color: #666666;
}

#content ul.horizontal li {
	float: left;
	background-image: none;
	padding: 2px;
	margin: 0 10px 0 0;
}

#content dl {
	display: block;
	clear: left;
}

#content dt {
	width: 100px;
	font-weight: bold;
	float: left;
	padding: 2px 0;
	clear: left;
	margin-left: 1em;
}

#content dd {
	width: auto;
	padding: 2px 0;
}

#content dl.star dt {
	padding-left: 23px;
	background-image: url('/images/li-star.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 5px 5px;
}

#content dl.linear dt {
	width: auto;
	padding-right: 5px;
	margin-left: 0;
}

#content dl.right dt {
	text-align: right;
	padding-right: 10px;
}

#content dl.right dd {
	text-align: left;
}

/* Flash Notices */

#content div.error {
	background-color: #ffcfab;
	border-left: 5px solid #b40300;
	color:#b40300;
	padding: 5px 7px;
}

#content div.notice {
	background-color: #daf7d4;
	border-left: 5px solid #c1ee71;
	color: #7e8e50;
	padding: 5px 7px;
}

#content div.error li {
	background-image: url('/images/li-error.gif');
	background-position: 7px 7px;
}

/* Paragraphs */

#content p.error {
	background-color: #ffcfab;
	border-left: 5px solid #b40300;
	color:#b40300;
	padding: 5px 7px;
}

#content p.notice, #content div.notice {
	background-color: #daf7d4;
	border-left: 5px solid #c1ee71;
	color: #7e8e50;
	padding: 5px 7px;
}

#content p.tip {
	background-color: #ffffcc;
	border-left: 5px solid #ffe78b;
	color: #ff9900;
	padding: 5px 7px;
}

#content p.help {
	background-color: #dee8ff;
	border-left: 5px solid #b8d9ff;
	color: #6699ff;
	padding: 5px 7px;
}

#content p.lightgreen {
	background-color: #daf7d4;
	border: 1px solid #c1ee71;
	color: #7e8e50;
	padding: 5px 7px;
}

#content p.lightorange {
	background-color: #ffffcc;
	border: 1px solid #ffe78b;
	color: #ff9900;
	padding: 5px 7px;
}

#content p.lightblue {
	background-color: #dee8ff;
	border: 1px solid #b8d9ff;
	color: #6699ff;
	padding: 5px 7px;
}

#content p.lightgrey {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	color: #999999;
	padding: 5px 7px;
}

#content p.whitedotted {
	border: 1px dashed var(--epic-orange);
	color: var(--epic-orange);
	padding: 5px 7px;
}

#content p.lushorange {
	padding: 6px 7px;
	color: #ffffff;
	background-image: url('/images/nav-bg.gif');
	background-repeat: repeat-x;
	background-color: var(--epic-orange);
}

#content p.lushgrey {
	padding: 5px 7px;
	color: #ffffff;
	border: 1px solid #999999;
	background-image: url('/images/lushgrey.png');
	background-repeat: repeat-x;
	background-color: #9b9b9b;
}

/* Tables */

#content table.styled {
	width: 100%;
	border: none;
}

#content table.styled th {
	color: #ffffff;
	font-weight: bold;
	background-color: var(--epic-orange);
	background-image: url('/images/nav-bg.gif');
}

#content table.styled th a {
	color: #ffffff;
	text-decoration: none;
}

#content table.styled td, #content table.styled th {
	border: none;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 0;
	height: 20px;
}

#content table.styled th {
	text-indent: 5px;
}

#content table.styled td {
	padding-left: 5px;
}

.container tr.odd {
	background-color: #f1f1f1;
}

.container tr.even {
	background-color: #f6f6f6;
}

#content th a.arrow {
	background-image: url('/images/haschild.gif');
	background-repeat: no-repeat;
	background-position: right 7px;
	padding-right: 15px;
}

#content th.center a.arrow {
	padding-left: 15px;
}

#content table.items td {
	vertical-align: top;
}

#content table.items .price {
	font-weight: bold;
	font-size: 13pt;
	line-height: 1em;
}

#content table.styled td.discount {
	padding-left: 10px;
	font-style: italic;
}
/* Forms */

#content input[type='text'], #content input[type='password'], #content select {
	padding: 2px 3px;
	background-repeat: repeat-x;
	background-image: url('/images/input-bg.jpg');
	border: 1px solid #c0c0c0;
}

#content input[type='text'], #content input[type='password'] {
	width: 300px;
}

.container button, .container input[type='submit'] {
	background-image: url('/images/button-bg.gif');
	height: 31px;
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
	text-transform: lowercase;
	font-weight: bold;
	padding: 0 20px;
	font-family: Verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content label {
	font-weight: bold;
}

#content label.plain {
	font-weight: normal;
}

#content .items label.plain {
	margin-top: 0;
}

#content .checkbox label {
	font-weight: normal;
}

#content div.terms {
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	padding: 5px;
}

#content textarea {
	background-color: #f3f3f1;
	background-image: url('/images/input-bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
	padding: 3px;
}

#content input[type='text'].smalltextbox, #content input[type='password'].smalltextbox {
	width: 100px;
}

.container td.emptytable {
	height: 40px;
	vertical-align: middle;
	text-align: center;
	background-color: #f1f1f1;
}

/* Front Page */

.fpmodule {
	width: 370px;
	height: 240px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	background-color: #e9e9e9;
	background-image: url('/images/nextevent.jpg');
	position: relative;
	background-position: top right;
	background-repeat: no-repeat;
}
.fpleft, .fpright {
	background-repeat: no-repeat;
	height: 240px;
	top: 0;
	position: absolute;
	width: 5px !important;
	z-index: 10000;
}

.fpright {
	background-image: url('/images/rightside240.png');
	right: 0;
}

.fpleft {
	background-image: url('/images/leftside240.png');
	left: 0;
}

.nextevent {
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.nextevent p  {
	padding: 0 10px;
	font-size: 13pt;
	font-weight: bold;
	margin: 0 5px !important;
}
.nextevent dl {
	padding: 0 10px;
	font-size: 13pt;
	font-weight: bold;
}
.nextevent dt {
	width: auto !important;
	color: #efefef;
	margin: 0 10px 0 0 !important;
	padding: 7px 0 !important;
}

.nextevent dd {
	color: var(--epic-orange);
	padding: 7px 0 !important;
}

.promo {
	width: 260px;
	height: 240px;
	position: relative;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
	background-image: url('/images/promo.png');
}

.promo2 {
	width: 260px;
	height: 240px;
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

#countdown {
	position: absolute;
	top: 140px;
	width: 260px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 15pt;
}

/* News Slideshow */

#news_slideshow {
	width: 300px;
	height: 240px;
	position: relative;
	float: left;
}

#news_slideshow ul {
	position: absolute;
	top: 0;
	right: 0;
	margin: 5px;
	z-index: 10;
}

#news_slideshow ul li.slideshow {
	float: left;
	width: 30px;
	height: 20px;
	overflow: hidden;
	margin: 2px 2px 0 0;
	background-image: none;
	padding: 0;
}

#news_slideshow ul li.slideshow a {
	display: block;
	width: 30px;
	height: 20px;
	background-image: url('/images/slideshow-buttons.png');
}

#news_slideshow ul li.slideshow a:hover, #news_slideshow ul li.current a {
	background-position: 0 20px;
}

#news_slideshow > div {
	width: 300px;
	height: 240px;
	position: absolute;
	overflow: hidden;
}

#news_slideshow h1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 2px 5px;
	background-image: url('/images/opaque.png');
}

.news_slideshow_body {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	width: 300px;
	background-image: url('/images/opaque.png');
}

.news_slideshow_body p {
	padding: 3px 6px;
	margin: 0 !important;
}

/* News */

.news-content img[width='300'], .news-content img[width='188'] {
	margin-left: 20px;
	margin-bottom: 20px;
}

.article-header {
	background-image: url('/images/dotted-line.png');
	background-repeat: repeat-x;
	background-position: bottom left;
	clear: both;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
}

.article-header p {
	margin: 5px 0 0 0 !important;
	font-size: 10px;
}

.article-header h2, .article-header h1 {
	margin: 0 !important;
	line-height: 1.35em !important;
}

.news-footer {
	background-image: url('/images/dotted-line.png');
	background-repeat: repeat-x;
	background-position: top left;
	height: 20px;
	padding-top: 1px;
	margin-bottom: 30px;
	clear: both;
	padding-bottom: 20px;
}

.news-footer ul {
	float: left;
	margin: 0 !important;
}

.news-footer p {
	float: right;
	text-align: right;
	margin: 0 !important;
}

.news-footer ul.social li a {
	display: block !important;
	height: 16px !important;
	width: 16px !important;
	background-position: -16px 0 !important;
}

.news-footer ul.social a:hover {
	background-position: 0 0 !important;
}

.news-footer ul.social li, .news-footer ul.tags li {
	background-image: none !important;
	padding: 0 !important;
	margin: 2px !important;
	float: left !important;
}

.tags {
	clear: both;
}

.tags li {
	width: auto;
	padding: 1px;
}

.tags li a {
	width: auto;
	display: block;
	margin-left: 10px;
}


#content img[width='100'][height='100'] {
	margin: 3px 5px;
	border: 2px solid #c0c0c0;
}

/* Seating Plan */

.seating_plan_v1 {
	border: 1px solid #c0c0c0;
	position: relative;
	background-image: url('/images/seating.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.seating_plan_v2 {
	border: 1px solid #c0c0c0;
	position: relative;
	overflow: visible;
}

.seating_plan_1 {
	background-image: url('/images/seating.png');
}

.seating_plan_2 {
	background-image: url('/images/seating2.png');
}

.seating_plan_3 {
	background-image: url('/images/seating3.png');
}

.seating_plan_4 {
	background-image: url('/images/seating4.png');
}

.seating_plan_5 {
	background-image: url('/images/seating5.png');
}

.seating_plan_6 {
	background-image: url('/images/seating6.png');
}

.seating_plan_7 {
	background-image: url('/images/seating7.png');
}

.seating_plan_8 {
	background-image: url('/images/seating8.png');
}

.seating_plan_9 {
	/* background-image: url('/images/seating9.png'); */
}

.seating_plan_10 {
	background-image: url('/images/seating10.png');
}

.seating_plan_11 {
	/* background-image: url('/images/seating11.png'); */
}

.seating_plan_12 {
	background-image: url('/images/seating12.png');
}

.seating_plan_13 {
	background-image: url('/images/seating13.png');
}

.seating_plan_14 {
	background-image: none;
}

.seating_plan_15 {
	background-image: url('/images/seating15.png');
}

.seating_plan_17 {
	background-image: url('/images/seating17.png');
}

.seating_plan_18 {
	background-image: url('/images/seating18.png');
}

.seat {
	border: 1px solid #c0c0c0;
	text-align: center;
	position: absolute;
	padding: 1px 2px;
	width: 30px;
	height: 18px;
	cursor: pointer;
	background-color: #ffffff;
}

.seating_plan_v2 .seat {
	width: 13px;
	height: 13px;
}

.seat:hover {
	border: 1px solid var(--epic-orange);
}

.seat_label {
	position: absolute;
	padding: 0 8px 9px 0;
	height: 18px;
	z-index: 500;
	background-image: url('/images/shadow.png');
	background-position: bottom right;
	background-repeat: repeat-y;
	white-space: nowrap;
}

.seat_label div {
	padding: 1px 3px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	background-image: url('/images/input-bg.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
}

.seat_taken {
	background-color: #ffcfab;
}

.seat_available {
	background-color: #daf7d4;
}

.seat_disabled {
	background-color: #cccccc;
}

.seat_info {
	z-index: 3000000;
	position: fixed;

	background-color: #ffffff;
	background-image: url('/images/input-bg.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;

	padding: 0 5px 5px 5px;

	top: 50%;
	left: 50%;
	margin-left: -135px;
	margin-top: -58px;
	width: 270px;
	height: 116px;
}

.seat_info_close {
	width: 16px;
	height: 16px;
	top: 1px;
	right: 1px;
	position: absolute;
	background-image: url('/images/close.png');
	background-position: 0 -16px;
	background-repeat: no-repeat;
	cursor: pointer;
}


.seat_info_close:hover {
	background-position: 0 0;
}

#blackout {
	background-image: url('/images/opaque.png');
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000000;
}

.devnotice {
	width: 99%;
	background-color: var(--epic-orange);
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 2px;
	font-size: 12px;
	border-bottom: 1px solid #000000;
}

/* Event Navigation */


#event_navigation {
	width: 180px;
	float: right;
	padding: 30px 0 0 10px;
	height: 100%;
}


#event_navigation li {
	background-image: none !important;
	padding: 5px 0 !important;
	margin-left: 0 !important;
}

#event_navigation ul {
	margin: 0 !important;
}

#event_navigation img {
	border: 1px solid #000000;
}

.eventpage {
 width: 100% !important;
}

dl.eventpage {
	clear: left !important;
}

/* Progress Bar */

.event_progress li {
	width: 105px;
	float: left;
	background-image: none !important;
	padding: 4px 10px 4px 15px !important;
	margin-left: 0 !important;
	color: #c0c0c0;
	font-weight: bold;
	text-align: center;
	cursor: default;
	cursor: default;
}

.event_progress li.progress_current {
	background-color: var(--epic-orange) !important;
	background-position: top left !important;
	color: #ffffff;
	border-radius: 0px 8px 8px 0px;
}

.progress_current li.progress_first{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.event_progress li.progress_complete {
	background-color: black; !important;
	background-position: top left !important;
	color: var(--epic-orange);#e44c0f;
}

.event_progress li.progress_first{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


.event_progress {
	width: 650px;
	margin-left: 55px;
	height: 30px;
	background-image: url('/images/progress_bg.png');
}

.event_progress li.progress_current a {
	color: #ffffff;
}

.event_progress li.progress_current a:hover {
	text-decoration: none;
	color: #e0e0e0;
}


.event_progress li.link a {
	color: #c0c0c0 !important;
}

.event_progress li.link a:hover {
	color: var(--epic-orange) !important;
	text-decoration: none;
}

.event_terms {
	width: 100%;
	border: 1px solid #c0c0c0;
	height: 250px;
	overflow-y: scroll;
	padding: 5px;
}

.event_terms h2 {
	font-size: 12px !important;
	line-height: 1.3em !important;
	margin-top: 0;
}

.event_terms h1 {
	display: none;
}

#content .right {
	text-align: right;
}

div.eventpage {

}

td.right, th.right {
	padding-right: 4px !important;
}

tr.total {
	background-color: #c0c0c0;
	font-weight: bold;
}

div.quarter_column {
	width: 25%;
	float: left;
}

div.third_column {
	width: 33%;
	float: left;
}

dl.seating dt {
	width: 65px !important;
	overflow: hidden;
}

a:hover.grey {
	color: var(--epic-orange) !important;
}

img.voucher {
	vertical-align: text-bottom;
}

/* Gallery */

.album {
	width: 460px;
	float: left;
	height: 100px;
	background-color: #efefef;
	padding: 0;
	margin: 0 15px 10px 0;
	position: relative;
}

.album img {
	float: left;
	margin-right: 5px;
}

.album h3 {
	font-size: 1.4em !important;
	margin-bottom: 0 !important;
	margin-top: 2px !important;
}

.album p {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.album .date {
	margin-bottom: 9px !important;
	display: block;
}

.album .leftside, .album .rightside {
	background-repeat: no-repeat;
	height: 100px;
	top: 0;
	position: absolute;
	width: 5px;
}

.album .rightside {
	background-image: url('/images/rightside100.png');
	right: 0;
}

.album .leftside {
	background-image: url('/images/leftside100.png');
	left: 0;
}

div.pagelist {
	float: right;
}

.pagelist li {
	float: left;
	background-image: none !important;
	padding: 0 8px 0 0 !important;
	margin: 0 !important;
	line-height: 1.3em;
}

.pagelist .disabled_nav {
	display: none;
}

p.pagelist {
	float: left;
	margin-top: 5px !important;
}


.gallery {
	padding-top: 20px;
	clear: left;
}

.gallery .image {
	float: left;
	margin: 0 14px 14px 0;
	border: 2px solid #efefef;
	font-size: 0;
	height: 100px;
	width: 100px;
}

.rating {
	float: left;
	width: 300px;
}

.slideshow {
	width: 300px;
	float: left;
	text-align: center;
}

.galleryfullimage {
	width: 640px;
	margin-top: 20px;
	float: left;
	font-size: 0px;
}

.galleryfullimage img {
	border: 2px solid #efefef !important;
}

.gallerymeta {
	float: left;
	clear: right;
	width: 290px;
	margin: 20px 0 0 10px;
}

/* 'Media' */

#media {
	width: 480px;
	height: 64px;
	padding: 2px 0;
	float: right;
	margin: 8px 0 0 0;
	overflow: hidden;
}

/* Achievements */

div.achievement {
	background-repeat: no-repeat;
	background-position: top left;
	height: 64px;
	background-color: #efefef;
	padding-left: 70px;
	margin-bottom: 5px;
	margin-right: 10px;
	width: 390px;
	float: left;
	position: relative;

}

div.image_only_achievement {
	width: 64px;
	height: 64px;
	margin: 5px;
	padding: 0;
}

div.achievement h3 {
	margin-top: 2px !important;
	font-size: 1.4em !important;
	margin-bottom: 5px !important;

}

div.bigachievement {
	float: none;
	clear: both;
	width: 550px;
	background-repeat: no-repeat;
	margin: 0 auto 10px auto;
}

div.bigachievement h3 {
	margin-bottom: 2px !important;
}

div.bigachievement p.timestamp {
	position: absolute;
	bottom: 2px;
	right: 10px;
	font-size: 10px;
	text-align: right;
}

div.achievement p {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
div.achievement .leftside {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 64px;
	background-image: url('/images/leftside.png');
	background-repeat: no-repeat;
}

div .achievement .rightside {
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 64px;
	background-image: url('/images/rightside.png');
	background-repeat: no-repeat;
}

/* Front Page */

.sidebar {
	width: 300px;
	margin-left: 10px;
	float: left;
	padding-left: 5px;
	background-image: url('/images/dotted-line.png');
	background-position: top left;
	background-repeat: repeat-y;
}

.sidebar-gmedia {
	width: 250px;
	height: 250px;
	overflow: hidden;
	margin: 0 0 0 15px;
	padding: 10px 10px 20px 10px;
}

.news {
	width: 635px;
	float: left;
}

#feed p {
	margin-top: 0;
	background-position: 3px 0;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#feed p.twitter {
	background-image: url('/images/twitter.png');
}

#feed p.achievement {
	background-image: url('/images/achievement.png');
}

#feed h4 {
	font-weight: bold;
	font-size: 9px;
	background-image: url('/images/dotted-line.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	text-align: right;
}

/* Lightboxes */
.lightbox {
	z-index: 3000000;
	position: fixed;
	background-color: #ffffff;
	background-image: url('/images/input-bg.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	border: 1px solid #c0c0c0;
	padding: 0 5px 5px 5px;
}

.lightbox h4 {
	margin-top: 0 !important;
}

#lightbox_image  {
	cursor: pointer;
	cursor: hand;
}

.lightbox_close {
	width: 16px;
	height: 16px;
	top: 1px;
	right: 1px;
	position: absolute;
	background-image: url('/images/close.png');
	background-position: 0 -16px;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

.lightbox_close:hover {
	background-position: 0 0;
	cursor: pointer;
	cursor: hand;
}

/* Tabs */
#tablist {
	width: 100%;
	border-bottom: 1px solid #c0c0c0;
	height: 25px;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
}

#tablist li.tab, #tablist li.tab-last {
	float: left;
	padding: 1px;
	width: 100px;
	height: 22px;
	border: 1px solid #c0c0c0;
	border-right: 0;
	background-color: #eeeeee;
	margin: 0 !important;
	background-image: none;
}

#tablist li.tab-last {
	border-right: 1px solid #c0c0c0;
}

#tablist a {
	display: block;
	height: 20px;
	padding: 1px 4px 0 4px;
}

#tablist a:hover, #tablist li.selected a {
	padding: 0px 3px 0 3px;
	border: 1px solid var(--epic-orange);
	background-color: #ffa163;
	text-decoration: none;
}

div.tab {
	clear: left;
}

/* Profiles */
#profile_summary_basic {
	float:left;
	width: 600px;
}

#profile_summary_basic img {
	border: 1px solid #000;
}

#profile_summary_image {
	float: left;
}

#profile_summary_basic_info {
	float: left;
	width: 400px;
}

#profile_summary_contact {
	width: 80%;
	float: left;
}

#profile_summary_contact_info {
	padding-left: 5px;
}

#profile_summary_statistics_info {
	float:left;
	width:100%;
}

#profile_summary_recent_events {
	float: left;
}
.event_info {
	float: left;
	width: 100%;
}

#profile_summary_contact .two_columns dt {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 50px;
}

#profile_summary_contact .two_columns dd {
	vertical-align: top;
}

#profile_events_paid {
	float: left;
	width: 80%;
	height: auto;
}

#profile_events_unpaid {
	float: left;
	width: 80%;
	height: auto;
	padding-bottom: 10px;
}
#profile_advanced_personal {
	float: left;
	width: 80%;
	height: auto;
	padding-bottom: 10px;
}

#profile_advanced_gaming_rig {
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 10px;
}

#advanced dt {
	text-align:right;
	width: 150px;
	padding: 0;
	padding-right: 7px;
}

#advanced dd {
	padding: 0;
}

#profile_achievements .achievement_category {
	height: auto;
	float: left;
}

.achievement_category {
	width: 100%;
}

/* Columns */

.two_columns {
	width: 40%;
	float: left;
}

#profile_advanced_gaming_rig_hardware.two_columns dt,  #profile_advanced_gaming_rig_peripherals.two_columns dt{
	width: 120px;
}

#profile_advanced_gaming_rig_hardware.two_columns,  #profile_advanced_gaming_rig_peripherals.two_columns {
	width: 50%;
}

#profile_advanced_gaming_rig_hardware h3, #profile_advanced_gaming_rig_peripherals h3 {
	padding-left: 10%;
}

/* Surveys */

.survey input[type='text'], .survey textarea {
	width: 700px !important;
}

.survey textarea {
	height: 80px;
}

.survey input[type='submit'] {
	margin-top: 30px;
}

.survey label.radio {
	font-weight: normal !important;
	padding-right: 20px;
}

.survey label.checkbox {
	font-weight: normal !important;
	display: block;
}

span.required {
	color: #ff0000;
	font-size: 10px;
	font-weight: normal;
}

h4.error {
	color: #ff0000;
}

/* List Table */
#content table.list {
	width: 800px;
	border-collapse: separate;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-spacing: 0;
	margin: 0 0 18px 0;
}

#content table.list > tbody > tr > td, table.list > tbody > tr > th {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 2px 4px;
}

#content table.list > tbody > tr > th {
	background-image: url('/images/admin/navbar.png');
	background-repeat: repeat-x;
	height: 20px;
	vertical-align: middle;
	font-weight: bold;
}

#content table.list .even {
	background-color: #eeeeee;
}

#content table.list tr:hover {
	background-color: #fbe4db;
}

#content .emptytable {
	height: 40px;
	text-align: center;
	vertical-align: middle !important;
}

#content table.list td.spanned {
	border-right: none;
}

#content table.list td img {
	margin-top: 1px;
}

#content table.list th a {
	text-decoration: none;
	color: #000000 !important;
	border: 0 !important;
}

/* Pagination */

#content div.pagination {
	width: 100%;
	height: 20px;
}

#content div.pagination ul {
	float: left;
}

#content div.pagination p {
	float: right;
	margin: 0 !important;
}

#content div.pagination ul.pagination {
	padding: 2px 0 !important;
	margin: 0 !important;
}

#content div.pagination ul.pagination li {
	float: left;
	list-style-type: none !important;
	padding: 0 !important;
	background: none !important;
}

#content div.pagination ul.pagination li.first {
	margin-left: 0 !important;
}

table.loyalty td.negative {
	color: #990000;
}

table.loyalty td.redeemed {
	font-style: italic;
	color: #999999;
}

pre.wrap {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

dl.steam dt {
	width: 170px !important;
	text-align: right;
	padding-right: 5px !important;
}

span.ok {
	color: #339933;
}

span.error {
	color: #ff3333;
}

dl.steam span {
	font-weight: bold;
}

tr.expireddiscount {
	color: #c0c0c0;
	text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'open_sansbold';
}

strong {
	font-weight: normal;
	font-family: 'open_sansbold';
}

.footer-links {
	font-family: 'open_sansbold';
	line-height: 2em;
}

.eventcontent li{
	list-style: initial;
		margin-left: 20px;
}

.eventcontent{
	margin-bottom: 0 !important;

    min-height: calc(100vh - 587px);

}

.eventcontent #event_navigation li{
	list-style: none;
}

.eventcontent #tablist li{
	list-style: none;
}

.eventcontent .news-footer li{
	list-style: none;
}

.eventcontent .container
{
	background-color: white;
	padding: 20px;
}

.event_progress{
	border-radius: 10px;
	border: 1px solid #2d2d2d;
	margin: 26px;
	background-image: none;
	max-width: 802px;
	width: 802px;

}

	.event_progress li{
		list-style: none;
		width: 160px;

	}

.container h1 {
    font-size: 1.8em;
    line-height: 1.5em;
    color: var(--epic-orange);
    margin-top: 0;
}

.container table.styled{
	width: 100%;
}

.container table.styled th {
    color: #ffffff !important;
    font-weight: bold;
    background-color: var(--epic-orange);
    background-image: url(/images/nav-bg.gif);
}

.container table.styled th a {
    color: #ffffff !important;

}

.container table.styled td, .container table.styled th {
    border: none;
    border-bottom: 1px solid #FFFFFF;
    padding: 4px 5px;
    height: 20px;
}

.center {
    text-align: center;
}



.eventpage td label{
	font-weight: normal !important;
}