/* ========== I N D E X ========== */

/*
    1. BODY [1BODY]
    2. HEADER [2HEAD]
    3. CONTAINER [3CONT]
    4. SKYSCRAPERS [4SKY]
    5. CONTENT WRAPPER & BASIC CONTENT DIVS [5WRAP]
    6. CONTENT LEFT [6COLEFT]
            REGISTRATION [6COLEFTREG]
            LOGIN [6COLEFTLOG]
            PROFILE [6COLEFTPRO]
            SEATMAP [6COLEFTSEAT]
            SHOPPING CART [6COLEFTCART]
            NEWSPOSTS [6COLEFTNEWS]
            SHOP: PRODUCTS [6COLEFTPRODUCTS]
            COMPO SYSTEM [6COLEFTCOMPO]
            USERS TICKET VIEW [6COLEFTTICKET]
    7. CONTENT RIGHT (sidebar) [7CORIGHT]
    8. FOOTER [8FOOT]
    */

    /* ===== C O L O U R   L I B R A R Y ===== */
/*
        DARRK BLUE    1f587f
        LIGHT BLUE    1f587f
        DARK GREY    262626
        GREY SIDEB    e8e6e6

        TEXT        485c6a
        */

        /* - - - - - - - - - - - - - - - - - - - - - - - - */

        /* ===== 1.  B O D Y   [1BODY] ===== */

        body {
        	background: #1b1b1b url(img/default/bg_default.jpg) no-repeat fixed center top;
        	font-family: Arial, Helvetica, sans-serif;
        	background-size: cover;
        	font-size: 12px;
        	color: #485c6a;
        }

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

        @font-face {
        	font-family: 'capture_itregular';
        	src: url('fonts/Capture_it-webfont.eot');
        	src: url('fonts/Capture_it-webfont.eot?#iefix') format('embedded-opentype'),
        	url('fonts/Capture_it-webfont.woff') format('woff'),
        	url('fonts/Capture_it-webfont.ttf') format('truetype'),
        	url('fonts/Capture_it-webfont.svg#capture_it_2regular') format('svg');
        	font-weight: normal;
        	font-style: normal;
        }

        /* ===== 2.  H E A D E R   [2HEAD] ===== */

        .header {
        	width: 100%;
        	height: 50px;
        	background-image: url(img/default/navbarbg.png);
        	background-repeat: repeat-x;
        	position: fixed;
        	z-index: 99999;
        }

        .headerWrapper {
        	width: 960px;
        	height: 37px;
        	margin: 0 auto;
        	padding-top: 3px;
        }

        .headerLogo {
        	width: 180px;
        	height: 37px;
        	float: left;
        }

        .headerNav {
        	height: 37px;
        	margin-top: 3px;
        	float: left;
        }

        .navHome {
        	width: 13px;
        	height: 12px;
        	margin-top: 3px;
        	background-image: url('../img/site/iconHome_151.png');
        	background-position: left;
        }

        .navHome:hover {
        	background-position: right;
        }

        .headerUser {
        	height: 37px;
        	float: right;
        	color: #EEE;
        }

        .headerUser a {
        	color: #4381ac;
        	text-decoration: none;
        }

        .headerUser a:hover {
        	color: #56a5dc;
        }

        .headerUser .headerUserImage {
        	float: right;
        	margin-top: 3px;
        	margin-right: 6px;
        	border: 1px solid #444;
        }

        .headerUser .headerUserText {
        	float: right;
        	margin-top: 8px;
        }

        .headerUser .username {
        	color: #4381ac;
        }

        .headerUser .navUserImage {
        	margin-top: 4px;
        }

        .headerUserMenu {
        	background-color: #262626;
        	padding: 10px;
        	text-align: right;
        	line-height: 18px;
        	clear: both;
        }

        /* ===== N A V I G A T I O N ===== */

        .menu {
        	/* menu div */
        	margin-left: 15px;
        	margin-top: 4px;
        	font-weight: bold;
        }

        .menu ul {
        	list-style-type: none;
        	/*padding: 3px 0 0 0;*/
        	margin: 0;
        	display: inline;
        	width: 100%;
        	height: 30px;
        	font: 18px 'BebasNeueRegular', Arial, sans-serif;
        }

        .menu ul ul {
        	font-family: Arial, Helvetica, sans-serif;
        }

        .menu ul li {
        	float: left;
        	padding-right: 20px;
        	text-transform: uppercase;
        }

        .menu ul li a {
        	display: block;
        	text-decoration: none;
        	color: #cac7c7; /* @NAVMAIN */
        }

        .menu ul li a:hover {
        	color: #4381ac; /* @NAVMAIN */
        }

        .sub-menu ul li a {
        	display: block;
        	text-decoration: none;
        	color: #4381ac; /* @NAVMAIN */
        }

        .sub-menu ul li a:hover {
        	color: #56a5dc; /* @NAVMAIN */
        }

        .sub-menu:hover div.nest,
        .sub-menu.ie_does_hover div.nest {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestEvent,
        .sub-menu.ie_does_hover div.nestEvent {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestTournaments,
        .sub-menu.ie_does_hover div.nestTournaments {
        	background-position: 0 0;
        	visibility: visible;
        }

        .sub-menu:hover div.nestAdmin,
        .sub-menu.ie_does_hover div.nestAdmin {
        	background-position: 0 0;
        	visibility: visible;
        }

        .nest {
        	visibility: hidden;
        	position: absolute;
        	width: 150px;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        	padding: 5px;
        }

        .nest ul li, .nestEvent ul li, .nestTournaments ul li, .nestAdmin ul li {
        	margin: 0px 0px 3px 3px;
        	width: 100%;
        }

        .nestEvent, .nestTournaments, .nestAdmin {
        	padding: 5px;
        }

        /* NAV MENU -- EVENT INFO */

        .nestEvent {
        	visibility: hidden;
        	position: absolute;
        	width: 440px;
        	float: left;
        	background: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestEvent .navColumn_wide {
        	width: 200px;
        	float: left;
        }

        .nestEvent .navColumn {
        	width: 150px;
        	float: left;
        }

        .nestEvent .navColumn_small {
        	width: 80px;
        	float: left;
        }

        /* NAV MENU -- Tournaments */

        .nestTournaments {
        	visibility: hidden;
        	position: absolute;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestTournaments .navColumn {
        	width: 250px;
        	float: left;
        	color: #1f587f;
        }

        .nestTournaments .navColumn_small {
        	width: 100px;
        	float: left;
        }

        /* NAV MENU -- Admin */

        .nestAdmin {
        	visibility: hidden;
        	position: absolute;
        	float: left;
        	background-color: #262626;
        	z-index: 99999;
        	border-top: none;
        }

        .nestAdmin .navColumn_small {
        	width: 100px;
        	float: left;
        }

        /* OPMAAK VOOR SUBMENU LINKS */

        .nest ul li a, .nestEvent ul li a, .nestTournaments ul li a, .nestAdmin ul li a {
        	float: none;
        	display: block;
        	color: #EEE; /* @NAVSUB */
        }

        .nest ul li, .nestEvent ul li, .nestTournaments ul li, .nestAdmin ul li {
        	font-size: 10px;
        	color: #999; /* @NAVSUB_CURRENT */
        	display: inline;
        }

        .nest a:hover, .nestEvent a:hover, .nestTournaments a:hover, .nestAdmin a:hover {
        	color: #4381ac;
        }

        .nest h3, .nestEvent h3, .nestTournaments h3, .nestAdmin h3 {
        	color: #1f587f;
        	font-size: 18px;
        	font-weight: bold;
        	margin: 4px 0px 4px 3px;
        }

        .infoBox, .succesBox, .warningBox, .errorBox {
        	border: 1px solid;
        	margin: 10px 0px;
        	padding: 15px 10px 15px 50px;
        	background-repeat: no-repeat;
        	background-position: 10px center;
        }

        .infoBox {
        	color: #00529B;
        	background-color: #BDE5F8;
        	background-image: url('img/default/info.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .succesBox {
        	color: #4F8A10;
        	background-color: #DFF2BF;
        	background-image: url('img/default/success.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .warningBox {
        	color: #9F6000;
        	background-color: #FEEFB3;
        	background-image: url('img/default/warning.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        .errorBox {
        	color: #D8000C;
        	background-color: #FFBABA;
        	background-image: url('img/default/error.png');
        	-moz-border-radius: 10px;
        	border-radius: 10px;
        }

        /* ------------------------------- */

        /* ===== 3.  C O N T A I N E R   [3CONT] ===== */

        .container {
        	width: 980px;
        	margin: 0 auto;
        	position: relative;
        }

        /* ===== 4.  S K Y S C R A P E R S   [4SKY] ===== */

        .skyscraperLeft, .skyscraperRight {
        	width: 160px;
        	height: 400px;
        	position: absolute;
        	top: 150px;
        }

        .skyscraperLeft {
        	left: -161px;
        }

        .skyscraperRight {
        	right: -161px;
        }

        @media only screen and (max-device-width: 980px){
        	.skyscraperLeft, .skyscraperRight {
        		display:none;
        	}
        }

        /* ===== 5.  C O N T E N T   W R A P P E R   &   B A S I C   C O N T E N T   D I V S   [5WRAP] ===== */

        .contentWrapper {
        	width: 960px;
        	margin: 10px;
        	float: left;
        	margin-top: 56px;
        }

        .contentBanner {
        	width: 960px;
        	height: 150px;
        	margin-bottom: 20px;
        	margin-top: -20px;
        	position: relative;
        	z-index: 99;
        	/*padding-top: 25px;*/
        	font-family: 'BebasNeueRegular', sans-serif;
        	color: #fff;
        }

        .contentBanner img {
        	float: left;
        	height: 135px;
        	margin-top: 13px;
        	margin-right: 42px;
        	margin-left: -10px;
        }

        .event-name {
        	float: left;
        	margin-left: 30px;
        	margin-top: 30px;
        }

        .event-name h1, .event-name h2 {
        	color: #fff;
        	margin: 0;
        	padding: 0;
        	font-weight: normal;
        }

        .event-name h1 {
        	font-size: 72px;
        }

        .event-name h2 {
        	margin-top: -15px;
        	text-align: right;
        	/*font-family: 'capture_itregular', sans-serif;*/
        	font-size: 35px;
        }

        .event-info {
        	float: left;
        	padding-top: 15px;
        	margin-left: 30px;
        	margin-top: 30px;
        }

        .event-info h3, .event-info h4 {
        	font-weight: normal;
        }

        .event-info h3 {
        	font-size: 18px;
        }

        .event-info h4 {
        	font-size: 26px;
        	margin-top: -4px;
        }

        .bannerEvent {
        	position: absolute;
        	top: 32px;
        	right: 60px;
        	display: inline-block;
        }

        .bannerEvent p {
        	color: #FFF;
        	line-height: 18px;
        	font-size: 12px;
        	margin: 0;
        	padding: 0;
        }

        .contentLeft {
        	width: 720px;
        	float: left;
        	padding: 10px;
        	background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
        	border: 1px solid #d4d4d4;
        	-moz-border-radius: 5px;
        	border-radius: 5px;
        	line-height: 150%;
        	position: relative;
        }

        .contentLeft a, .contentRight a {
        	color: #1f587f;
        	text-decoration: none;
        }

        .contentLeft a:hover, .contentRight a:hover {
        	color: #4381ac;
        }

        .contentLeft ul {
        	list-style-type: square;
        	padding-left: 15px;
        }

        .contentRight {
        	width: 275px;
        	float: right;
        }

        /* ===== 6.  C O N T E N T   L E F T   [6COLEFT] ===== */

        .highlight {
        	background-color: #d8d8d8;
        	padding: 8px;
        	margin: 10px 0;
        	height: 100%;
        }

        /* ===== REGISTRATION [6COLEFTREG] ==== */

        .registrationSubtitle {
        	font: 24px 'BebasNeueRegular', Arial, sans-serif;
        	color: #516c7f;
        	text-transform: uppercase;
        	font-size: 20px;
        }

        .registration_left, .registration_right, .registration_full {
        	background-color: #f2f2f2;
        	border: 1px solid #d4d4d4;
        	-moz-border-radius: 5px;
        	border-radius: 5px;
        	padding: 10px;
        }

        .registration_left {
        	float: left;
        	width: 460px;
        }

        .registration_right {
        	float: right;
        	width: 210px;
        }

        .registerFirst, .registerSecond {
        	margin-top: 25px;
        }

        /* ===== REGISTRATION & EDIT PROFILE FORMS ===== */

        .inputContainer {
        	font: 22px 'BebasNeueRegular', Arial, sans-serif;
        	text-transform: uppercase;
        	margin-bottom: 15px;
        }

        .inputContainer input {
        	background-color: #fcfcfc;
        	border-style: solid;
        	border: 1px solid #dedede;
        	-moz-border-radius: 3px;
        	border-radius: 3px;
        	font-size: 18px;
        	color: #555;
        }

        .inputContainer #UserLanguage {
        	font-size: 14px;
        	margin-left: 5px;
        }

        .inputContainer #UserCountry {
        	font-size: 14px;
        }

        #UserFirstname {
        	width: 150px;
        }

        #UserLastname {
        	width: 264px;
        }

        #UserStreet {
        	width: 395px;
        }

        #UserNr, #UserBus {
        	width: 50px;
        }

        #UserZip {
        	width: 100px;
        }

        #UserCity {
        	width: 310px;
        }

        .inputContainer #WarehouseStreet {
        	width: 395px;
        }

        .inputContainer #WarehouseNr, #WarehouseBus {
        	width: 50px;
        }

        .inputContainer #WarehouseZip {
        	width: 100px;
        }

        .inputContainer #WarehouseCity {
        	width: 285px;
        }

        .inputContainer #WarehouseCountry {
        	width: 200px;
        }

        .inputContainer #WarehouseName {
        	width: 310px;
        }

        .inputContainer #EventCountry {
        	width: 310px;
        }

        #EventName {
        	width: 310px;
        }

        #EventStreet {
        	width: 395px;
        }

        #EventNr, #EventBus {
        	width: 50px;
        }

        #EventZip {
        	width: 100px;
        }

        #EventCity {
        	width: 310px;
        }


        #DonationPaypalCountry {
        	width: 310px;
        }

        #DonationName {
        	width: 310px;
        }

        #DonationPaypalZip {
        	width: 100px;
        }

        #DonationPaypalCity {
        	width: 310px;
        }

        .registrationGender label {
        	float: left;
        }

        .registrationGender {
        	margin-bottom: 15px;
        }

        .tocAgree, .registrationGender {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 11px;
        	color: #485c6a;
        }

        #registerSubmit {
        	font-size: 18px;
        	background-color: #1f587f;
        	text-shadow: 1px 1px 1px #436c30;
        }

        #registerSubmit:hover {
        	background-color: #28648f;
        }

        /* ==== BUTTONS REGISTRATION PAGE ==== */

        #nextPage, #prevPage {
        	width: 120px;
        }

        /* ===== EDIT PROFILE [6COLEFTEDP] ==== */

        .profilePictureUpload p {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	color: #485c6a;
        }

        .claninfo p {
        	font-family: Arial, Helvetica, sans-serif;
        	font-size: 12px;
        	color: #ff0000;
        }

        /* ===== LOGIN [6COLEFTLOG] ===== */

        #login_split_left, #login_split_right {
        	width: 45%;
        }

        #login_split_left {
        	float: left;
        }

        #login_split_right {
        	float: right;
        }

        /* ===== PROFILE PAGE [6COLEFTPRO] ===== */

        .profileImage_crew, .profileImage_notAttending, .profileImage_attending {
        	width: 102px;
        	padding: 10px;
        	padding-bottom: 5px;
        	text-align: center;
        	float: left;
        	font-size: 16px;
        	font-weight: bold;
        	margin-top: 10px;
        }

        .profileImage_crew {
        	background-color: #c1a03c;
        }

        .profileImage_notAttending {
        	background-color: #7e7e7e;
        }

        .profileImage_attending {
        	background-color: #6d8290;
        }

        .profileInfo {
        	float: left;
        	width: 556px;
        	margin-left: 14px;
        }

        .profileInfo .subtitle {
        	text-transform: uppercase;
        	font-size: 16px;
        	font-weight: bold;
        }

        .profileInfo .highlight img {
        	vertical-align: middle;
        }

        /* ===== SEATMAP [6COLEFTSEAT] ===== */

        #dhtmlgoodies_tooltip {
        	background-color: #AAA;
        	border: 1px solid #000;
        	position: absolute;
        	display: none;
        	z-index: 20000;
        	padding: 2px;
        	font-size: 0.9em;
        	-moz-border-radius: 6px; /* Rounded edges in Firefox */
        	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;

        }

        #dhtmlgoodies_tooltipShadow {
        	position: absolute;
        	background-color: #555;
        	display: none;
        	z-index: 10000;
        	opacity: 0.7;
        	filter: alpha(opacity=70);
        	-khtml-opacity: 0.7;
        	-moz-opacity: 0.7;
        	-moz-border-radius: 6px; /* Rounded edges in Firefox */
        }

        /* this should be only for seatmap class */
        table tr:nth-child(2n) td {
        	background: none;
        	border-bottom: none;
        }

        .seatmap {
        	width: 750px;
        	background-image: url(../img/site/seatmap/seatplan181.png);
        	background-repeat: no-repeat;
        	color: black;
        	border-color: black;
        }

        .seatmap_spacer {
        	width: 12px;
        }

        .left-filler_seatmap {
        	width: 70px;
        }

        .seatmap_row {
        	width: 14px;
        	border: 0px;
        	margin: 0px;
        	border-spacing: 0px;
        	border-bottom: 0px;
        	margin-bottom: 0px;
        	border-bottom: 0px;
        	text-align: center;
        }

        .seatmap_vip {
        	border: 0px;
        	margin: 0px;
        	border-spacing: 0px;
        	border-bottom: 0px;
        	margin-bottom: 0px;
        	border-bottom: 0px;
        	text-align: center;
        	background: none !important;
        }

        .seatmap_seatAvailable {
        	background-color: white;
        	border-bottom: 0px;
        	border: 1px coral solid;
        	border-color: black;
        }

        .seatmap_seatOccupied {
        	background-color: gray;
        	border-bottom: 0px;
        	border: 1px coral solid;
        	border-color: black;
        }

        .seatmap_seatDisabled {
        	background-color: black;
        	border-bottom: 0px;
        	border: 1px coral solid;
        	border-color: black;
        }

        .seatmap_seatVip {
        	margin: 0px;
        	border-spacing: 0px;
        	border-bottom: 0px;
        	margin-bottom: 0px;
        	border-bottom: 0px;
        	padding: 0px;
        }

        .seatmap_switch {
        	border: 1px coral solid;
        	border-color: grey;
        	background-color: #fafafa;
        	width: 100%;
        	height: 10px;
        }

        td.left {
        	width: 75%;
        }

        .seatmap_switch_vertical {
        	border: 1px coral solid;
        	border-color: grey;
        	background-color: #fafafa;
        	width: 100%;
        	height: 35px;
        }

        /* ===== SHOPPING CART [6COLEFTCART] ===== */
        table.tableCart {
        	color: #485c6a;
        }

        /* ===== NEWSPOSTS WRAPPER [6COLEFTNEWS] ===== */

        .newsContent {
        	width: 720px;
        	margin-top: 20px;
        }

        .leftNewsContent {
        	float: left;
        	width: 720px;
        	margin-bottom: 15px;
        }

        .rightNewsContent {
        	width: 0px;
        	margin-top: 41px; /* aligns with first newsitem top border */
        	height: 500px;
        }

        /* RESET BORDERS & PADDING */
        .leftNewsContent table, .leftNewsContent tr, .leftNewsContent td {
        	border: none;
        	margin: 0;
        	padding: 0;
        }

        .leftNewsContent tr td{
        	width:40%;
        }

        .leftNewsContent td {
        	padding: 7px 0px;
        }

/**
 * Set width for date column
 */
 .leftNewsContent td:first-child {

 }

/**
 * Align comments column text to right
 */

 .leftNewsContent .newsSpotlight {
 	background: #DDE;
 }


 /* ===== NEWSPOSTS TOP [6COLEFTNEWS] ===== */

 .topitemsspotlight {
 	width:718px;
 	height:300px;
 	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
 	box-sizing:border-box;
 	background: black;
 }

 .slider_wrapper{
 	overflow: hidden;
 	position:relative;
 	top:auto;
 	height:300px;
 }

 #image_slider{
 	position: relative;
 	height: auto;
 	list-style: none;
 	overflow: hidden;
 	float: left !important;
 	/*Chrom default padding for ul is 40px */
 	padding:0px;
 	margin:0px;
 }

 #image_slider ul{
 	list-style-type:none !important;
 }
 #image_slider li{
 	position: relative;
 	float: left !important;
 	list-style-type:none !important;
 }
 .nvgt{
 	position:absolute;
 	top: 150px;
 	opacity: 0.6;
 	font-size:30px;
 	font-weight: normal;
 	color:#d7d7d7;
 	padding:15px;
 	background-color:rgba(0,0,0,0.6);
 }
 .nvgt:hover{
 	opacity: 0.9;
 	cursor:pointer;
 }
 #prev{
 	left: 0px;
 	cursor:pointer;
 }
 #next{
 	right: 0px;
 	text-align: right;
 	cursor:pointer;
 }

 .spotlightItem{
 	height:300px;
 }

 .spotlightItem, .spotlightItem img{
 	border: 0;
 	width:718px;
 }

 .spotlightItem img{
 	position:absolute;
 	top:50%;
 	-webkit-transform: translate(0,-50%);
 	-moz-transform:    translate(0,-50%);
 	-ms-transform:     translate(0,-50%);
 	-o-transform:      translate(0,-50%);
 	transform:         translate(0,-50%);
 }

 .spotlightItem h4{
 	position:absolute;
 	bottom:0;
 	width:678px;
 	padding: 5px;
 	z-index:100;
 	background: #000;
 	opacity: 0.8;
 	color: #FFF;
 	font-size: 22px;
 	padding:20px;
 	font-weight: bold;
 }

 /* ===== NEWSPOSTS PAGE [6COLEFTNEWS] ===== */

 .spotlight{
 	width:338px;
 	display:block;
 	height:300px;
 	overflow:hidden;
 	position:relative;
 }

 .spotlight:nth-child(odd){
 	float:right;
 }

 .spotlight:nth-child(even){
 	float:left;
 }

 .spotlightimagewrapper img{
 	border: 0;
 	height:214px !important;
 	position:absolute;
 	left:50%;
 	-webkit-transform: translate(-50%);
 	-moz-transform:    translate(-50%);
 	-ms-transform:     translate(-50%);
 	-o-transform:      translate(-50%);
 	transform:         translate(-50%);
 }

 .spotlightimagewrapper{
 	display:block;
 	position:relative;
 	height:214px;
 	overflow: hidden !important;
 }

 .spotlight_more {
 	margin-top: 5px;
 }

 .spotlight_title, .spotlight_content {
 	text-align: left;
 }

 .spotlight_title {
 	font-size: 13px;
 	z-index:100;
 	width:338px;
 	color:#ffffff;
 	position:absolute;
 	left:0;
 	bottom:0;
 	background-color:#000000;
 	opacity:0.8;
 }

 .spotlight_title h3{
 	padding:5px;
 }

 .spotlight .spotlight_title a, .spotlight .spotlight_title{
 	color:#ffffff;
 }

 .spotlight_title a, .spotlight_title a, .spotlight_title{
 	color:#1f587f;
 }

 .spotlight .spotlight_content {
 	font-size: 12px;
 	line-height: 18px;
 	padding:5px;
 }

 /* ===== NEWSPOSTS TOP [6COLEFTNEWS] ===== */



 /* OLD STUFF */

 .contentNewsposts {
 	width: 720px;
 }

 .contentLeftCol, .contentRightCol {
 	width: 338px;
 }

 .contentLeftCol {
 	float: left;
 }

 .contentRightCol {
 	float: right;
 }

 /* ===== NEWSPOST MARKUP ===== */

 .newspost {
 	font-size: 10px;
 	height: 220px;
 }

 .imgcontainer {
 	position: relative;
 }

 .imgcontainer img {
 	border: 1px solid #b5b5b5;
 }

 .newspost h3 {
 	background-color: #343434;
 	padding: 3px 10px 3px 6px;
 	font-weight: normal;
 	font-size: 12px;
 	text-transform: uppercase;
 	position: absolute;
 	top: 100px;
 	left: 1px;
 }

 /* ===== TITLE ===== */

 .newspost h3 a {
 	color: #ddd;
 	text-decoration: none;
 }

 .newspost h3 a:hover {
 	color: #1f587f;
 	text-decoration: none;
 }

 /* ===== DATE & COMMENTS ===== */

 .postdate, .comments {
 	background-color: #343434;
 	padding: 3px 6px 3px 10px;
 	font-weight: normal;
 	font-size: 10px;
 	text-transform: uppercase;
 	position: absolute;
 	right: -1px;
 	color: #ddd;
 }

 .postdate {
 	top: 72px;
 }

 .comments {
 	top: 100px;
 	background-color: #1f587f;
 }

 .comments img {
 	border: 0;
 	margin-top: 2px;
 }

 .comments a {
 	color: #DDD;
 	text-decoration: none;
 	width: 105px;
 }

 .comments a:hover {
 	color: #1f587f;
 }

 /* ===== TAGS ===== */

 .tag {
 	display: none;
 }

 /* ===== NEWSPOST FULL VIEW ===== */

 /* ===== ACTUAL NEWSPOST ===== */

 #postinfo_image {
 	float: left;
 	margin-bottom: 8px; /* margin tussen postimage&info / post content */
 }

 #postinfo {
 	padding-left: 10px;
 	margin-left: 10px;
 	color: #485c6a;
 	text-transform: uppercase;
 	letter-spacing: -1px;
 	font-weight: bold;
 	float: left;
 	min-height: 125px;
 	border-left: 1px dotted #485c6a;
 	margin-bottom: 5px;
 }

 .postinfo_right_text {
 	color: #1f587f;
 	margin-left: 1px;
 }

 #postinfo a {
 	text-decoration: underline;
 }

 #postinfo h2 {
 	letter-spacing: 0px;
 	font-size: 23px;
 }

 #postinfo p {
 	font-size: 15px;
 }

 .newspostTitleSmaller {
 	font-size: 20px !important;
 }

 .newspostTitleSmaller a {
 	text-decoration: none !important;
 }

 .fb_edge_widget_with_comment {
 	width: 0px;
 }

 #post_content {
 	clear: both;
 	padding-top: 5px;
 	padding-bottom: 10px;
 	border-top: 1px dotted #485c6a;
 	border-bottom: 1px dotted #485c6a;
 	text-align: justify;
 }

 /* ===== COMMENTS ===== */

 #social {
 	width: 100%;
 	margin-top: 5px;
 	margin-bottom: 6px;
 	padding-bottom: 2px;
 	border-bottom: 1px dotted #485c6a;
 }

 #social .fb_iframe_widget {
 	vertical-align: top; /* facebook centreren zoals Twitter */
 }

 #social .fb_ltr {
 	margin-left: 115px;
 }

 .commentsTitle {
 	font: 34px 'BebasNeueRegular', Arial, sans-serif;
 	color: #1f587f;
 	text-transform: uppercase;
 	font-size: 20px;
 }

 .comment {
 	background-color: #f2f2f2;
 	border: 1px solid #d4d4d4;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	width: 98.5%;
 	min-height: 98px;
 	padding: 5px;
 	margin-top: 8px;
 	font-size: 10px;
 	position: relative;
 	float: left;
 	/*	color: #6c3b3b;*/
 }

 .comment .commentAvatar {
 	float: left;
 	margin-right: 4px;
 }

 .comment .commentAvatar img {
 	border: 1px solid #EEE;
 	width: 96px;
 	height: 96px;
 }

 .commentInfo {
 	float: left;
 	margin-left: 4px;
 	width: 90px;
 }

 .commentAuthorName a {
 	font-style: normal;
 	font-size: 13px;
 	font-weight: bold;
 	color: #1f587f;
 }

 .commentAuthorName a:hover {
 	color: #1f587f;
 }

 .commentInfo p {
 	margin-bottom: 2px;
 }

 .commentContent {
 	float: left;
 	min-height: 98px;
 	border-left: 1px dotted #485c6a;
 	margin-left: 9px;
 	padding-left: 9px;
 	font-size: 11px;
 	width: 460px;
 }

 .commentContent br {
 	display: inline;
 }

 .commentDate {
 	color: #888;
 	font-size: 10px;
 }

 .commentReply .submit {
 	/* button uitlijnen */
 	bottom: 2px;
 	left: 93px;
 	position: absolute;
 }

 .commentReplyContent {
 	min-height: 40px;
 	width: 100%;
 }

 .commentReplyContent #NewsreactionReaction {
 	/*text area*/
 	width: 100%;
 	height: 88px;
 	background-color: #888;
 	font-family: Trebuchet MS, sans-serif;
 	font-size: 12px;
 	color: #fff;
 	padding: 3px;
 }

 /* ===== MESSAGES ===== */

 .messageTitle {
 	font: 34px 'BebasNeueRegular', Arial, sans-serif;
 	color: #1f587f;
 	text-transform: uppercase;
 	font-size: 20px;
 }

 .messageContainer {
 	background-color: #f2f2f2;
 	border: 1px solid #d4d4d4;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	width: 98.5%;
 	min-height: 98px;
 	padding: 5px;
 	margin-top: 8px;
 	font-size: 12px;
 	position: relative;
 	float: left;
 }

 .messageContainer .commentAvatar {
 	float: left;
 	margin-right: 4px;
 }

 .messageContainer .commentAvatar img {
 	border: 1px solid #EEE;
 	width: 96px;
 	height: 96px;
 }

 .messageContent {
 	float: left;
 	min-height: 98px;
 	border-left: 1px dotted #485c6a;
 	margin-left: 9px;
 	padding-left: 9px;
 	font-size: 13px;
 	width: 90%;
 }

 .messageContent br {
 	display: inline;
 }

 /* ===== SHOP: PRODUCTS [6COLEFTPRODUCTS]===== */

 .ticketContainer {
 	width: 330px;
 	padding: 5px;
 	background-color: #4d6474;
 	float: left;
 	margin-bottom: 20px;
 	margin-right: 5px;
 	margin-left: 5px;
 }

 .ticketContainer:hover {
 	background-color: #28648f;
 }


 .ticketContainer img {
 	border: 1px solid #444;
 }

 .ticketHighlight {
 	font-weight: bold;
 }

 .ticketInfo {
 	background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
 	border: 1px solid #444;
 	padding: 8px;
 }

 .ticketName {
 	font: 34px 'BebasNeueRegular', Arial, sans-serif;
 	text-transform: uppercase;
 }

 .ticketDescription, .ticketCategory, .ticketStock, .ticketDate, .ticketPrice {
 	line-height: 150%;
 }

 .ticketAdd a {
 	background-color: #1f587f;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
 	border: none;
 	font: 16px Arial, sans-serif;
 	text-align: center;
 	font-weight: bold;
 	text-shadow: 1px 1px 1px #1a4c6e;
 	text-transform: uppercase;
 	color: #EEE;
 	padding: 5px 15px;
 	text-decoration: none;
 	display: block;
 	margin-top: 10px;
 }

 .ticketAdd a:hover {
 	background-color: #28648f;
 	color: #FFF;
 }

 .tiny {
 	font-size: 0.8em;
 }

 /* ===== COMPO SYSTEM [6COLEFTCOMPO]===== */

 .tableComposHeadlines {
 	float: right;
 	clear: none;
 	width: 50%;
 }

 ul.compoItemsList {
 	list-style-type: none;
 }

 /* === COMPO NEWS TAB LAYOUT FIX === */

 #newsContentCompo, .spotlightCompo{
 	width:930px;
 	margin:15px 0;
 }

 .spotlightCompo{
 	margin:15px 0;
 	border-top: 1px solid #ccc;
 	padding: 15px 0;
 }

  .spotlightCompo img.spotlightImage{
 	border: 0;
 	width: 158px;
 	height: 100px;
 	float:left;
 }


 .spotlightCompo .spotlight_content{
 	width: 762px !important;
 	height: 72px;
 	float:right;
 }

 .spotlightCompo .spotlight_title,  .spotlightCompo .spotlight_title a,  .spotlightCompo .spotlight_title h3{
 	z-index: 100;
 	width: 100%;
 	padding:5px 0;
 	color: #1f587f !important;
 	position: inherit;
 	background-color: transparent;
 	opacity: 1;
 }

#newsContentCompo .disabled:last-child{
	float:right;
}


 /* === TEAM VIEW === */

 .composTeamLeader, .composTeamMember {
 	width: 100px;
 	float: left;
 	margin-right: 10px;
 	background-color: #d8d8d8;
 	padding: 5px;
 }

 .composTeamLeader {
 	background-color: #a4c4d7;
 }

 .composTeamLeader .commentInfo, .composTeamMember .commentInfo {
 	text-align: center;
 }

 /* === COMPO WINNERS/LOSERS === */

 .compoLoser {
 	color: #8f5350;
 }

 .compoWinner {
 	color: #5a994c;
 }

 .compoPoule {
 	width: 900px;
 	float: left;
 	margin: 0 auto;
 	margin-top: 15px;
 	padding: 10px;
 	background-color: #d8d8d8;
 }

 .compoPoule h3 {
 	font-size: 18px;
 	margin-top: 3px;
 	margin-bottom: 5px;
 	color: #1f587f;
 }

 .compoPoule .qualified {
 	background-color: #3476a3;
 	color: white;
 }

 .compoPoule .qualified a {
 	color: white;
 }

 .compoPoule .qualified:hover {
 	background-color: #3680b3;
 	color: white;
 }

 .compoPoule .loserqualified {
 	background-color: #488dbd;
 	color: white;
 }

 .compoPoule .loserqualified a {
 	color: white;
 }

 .compoPoule .loserqualified:hover {
 	background-color: #3680b3;
 	color: white;
 }

 .compoPoule .unqualified:hover {
 	background-color: #3680b3;
 	color: white;
 }

 .compoPoule .unqualified:hover a {
 	color: white;
 }

 .compoPoule .pouleInfo {
 	float: right;
 	width: 45%;
 	background-color: #c6d0d7;
 	border: 1px solid #000000;
 }

 .compoPoule table tr td {
 	border-bottom: 0px none;
 }

 .compoPoule .pouleInfo table {
 	margin-bottom: 0px;
 	background-color: #e6e6e6;
 }

 .compoPoule .pouleCompo_matches {
 	width: 470px;
 	text-align: center;
 	float: left;
 }

 .compoPoule .pouleCompo_matches {
 	border: 1px solid #000000;
 	color: #000000;
 	background: none repeat scroll 0% 0% #e6e6e6;
 }

 .compoPoule .pouleCompo_matches .poule_match {
 	background: none;
 }

 .compoPoule .pouleCompo_matches .poule_match .entry {
 	border: none;
 	font-size: 12px;
 }

 .compoPoule .pouleCompo_matches .poule_match .teamA {
 	text-align: left;
 }

 .compoPoule .pouleCompo_matches .poule_match .teamB {
 	text-align: right;
 }

 .compoPoule .pouleCompo_matches .poule_match .vs {
 	text-align: center;
 	font-size: 20px;
 	width: 25px;
 	border-bottom: none;
 }

 .compoPoule .pouleCompo_matches .poule_match .score {
 	text-align: center;
 	width: 45px;
 }

 .compoPoule .pouleCompo_matches .poule_match .server {
 	text-align: center;
 	width: 80px;
 }

 .compoPoule .pouleCompo_matches .poule_match .deadline {
 	text-align: center;
 	width: 80px;
 }

 .compoBracket .bracketCompo_matches {
 	width: 80%;
 	text-align: center;
 	float: left;
 }

 .compoBracket .bracketCompo_matches {
 	border: 1px solid #000000;
 	color: #000000;
 	background: none repeat scroll 0% 0% #e6e6e6;
 }

 .compoBracket .bracketCompo_matches .poule_match {
 	background: none;
 }

 .compoBracket .bracketCompo_matches .poule_match .entry {
 	border: none;
 	font-size: 12px;
 }

 .compoBracket .bracketCompo_matches .poule_match .teamA .compoWinner{
 	color: #5a994c;
 }

 .compoBracket .bracketCompo_matches .poule_match .teamA .compoLoser {
 	color: #8f5350;
 }

 .compoBracket .bracketCompo_matches .poule_match .teamB .compoWinner{
 	color: #5a994c;
 }

 .compoBracket .bracketCompo_matches .poule_match .teamB .compoLoser {
 	color: #8f5350;
 }

 .compoBracket .bracketCompo_matches .poule_match .teamA {
 	text-align: left;
 }
 .compoBracket .bracketCompo_matches .poule_match .teamB {
 	text-align: right;
 }

 .compoBracket .bracketCompo_matches .poule_match .vs {
 	text-align: center;
 	font-size: 20px;
 	width: 25px;
 	border-bottom: none;
 }

 .compoBracket .bracketCompo_matches .poule_match .score {
 	text-align: center;
 	width: 45px;
 }

 .compoBracket .bracketCompo_matches .poule_match .server {
 	text-align: center;
 	width: 80px;
 }

 .compoBracket .bracketCompo_matches .poule_match .deadline {
 	text-align: center;
 	width: 80px;
 }
 .paging {
 	clear: both;
 	padding:5px;
 	height:20px;
 }

 .disabled, .prev, .next{
 	font-size:14px;
 	font-weight: bold;
 }
 .paging .prev{
 	float:left;
 }
 .paging .next{
 	float:right;
 }

 .actions {
 	text-align: center;
 }

 /* ===== USERS TICKETS VIEW [6COLEFTTICKET]===== */

 .ticket {
 	background-color: white;
 	box-shadow: 0px 0px 5px #888;
 	padding: 8px;
 	margin: 20px 0;
 }

 .ticket_image {
 	width: 338px;
 	height: 125px;
 	margin-bottom: 10px;
 	float: left;
 }

 .ticket_info {
 	width: 350px;
 	float: right;
 }

 .ticket_extra {
 	margin-top: 10px;
 	padding: 10px;
 	background-color: #BDD095;
 	clear: both;
 }

 .ticket_extra h3 {
 	width: 100%;
 	border-bottom: 1px dotted #FFF;
 	padding-bottom: 3px;
 	margin-bottom: 15px;
 }

 .ticket_status {
 	margin-top: 10px;
 	width: 684px;
 	height: 37px;
 	background-image: url('img/default/ticketstatus_bg.png');
 	background-repeat: no-repeat;
 	clear: both;
 }

 .ticket_status div {
 	float: left;
 	width: 33%;
 	margin-left: 10px;
 	margin-right: 10px
 }

 .ticket_obtained {
 	width: 146px;
 	height: 37px;
 	margin-left: 10px;
 	background-image: url('img/default/ticketstatus_obtained.png');
 	background-repeat: no-repeat;
 	display: block;
 	float: left;
 }

 .ticket_assigned {
 	width: 146px;
 	height: 37px;
 	margin-left: 125px;
 	background-image: url('img/default/ticketstatus_assigned_yes.png');
 	background-repeat: no-repeat;
 	background-position: top;
 	display: block;
 	float: left;
 }

 .ticket_notassigned {
 	width: 146px;
 	height: 37px;
 	margin-left: 125px;
 	background-image: url('img/default/ticketstatus_assigned_no.png');
 	background-repeat: no-repeat;
 	background-position: top;
 	display: block;
 	float: left;
 }

 .ticket_selected {
 	width: 142px;
 	height: 37px;
 	background-image: url('img/default/ticketstatus_seatselected_yes.png');
 	background-repeat: no-repeat;
 	background-position: top;
 	display: block;
 	float: right;
 }

 .ticket_notselected {
 	width: 142px;
 	height: 37px;
 	background-image: url('img/default/ticketstatus_seatselected_no.png');
 	background-repeat: no-repeat;
 	background-position: top;
 	display: block;
 	float: right;
 }

 .ticket_assigned:hover, .ticket_notassigned:hover, .ticket_selected:hover, .ticket_notselected:hover {
 	background-position: bottom;
 }

 /* ===== 7.  C O N T E N T   R I G H T   [7CORIGHT] ===== */

 /* e8e6e6 */

 /* SIDEBAR GENERAL STYLING */

 .contentSidebar_Event, .contentSidebar_Social, .contentSidebar_QuickLinks, .contentSidebar_Sponsors, .contentSidebar_cart, .contentSidebar_games, .contentSidebar_Poll, .contentSidebar_compos {
 	background: rgb(230, 230, 230); /* Fall-back for browsers that don't support rgba */
 	border: 1px solid #d4d4d4;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	width: 194px;
 	clear: both;
 	padding: 8px;
 	margin-bottom: 10px;
 }

 .contentSidebar_Poll {
 	background-color: #fbf6e5;
 }

 .contentSidebar_QuickLinks {
 	float: left; /* fixes height to adjust automatically */
 }

 .contentSidebar_QuickLinks .quicklink {
 	width: 62px;
 	height: 62px;
 	background-position: left;
 	margin-right: 4px;
 	display: block;
 	float: left;
 }

 .contentSidebar_QuickLinks .quicklink:last-child {
 	margin: 0;
 }

 .contentSidebar_QuickLinks .quicklink:hover {
 	background-position: right;
 }

 .contentSidebar_QuickLinks .ql_tickets {
 	background-image: url(../img/icons/ql_tickets.png);
 }

 .contentSidebar_QuickLinks .ql_seats {
 	background-image: url(../img/icons/ql_seats.png);
 }

 .contentSidebar_QuickLinks .ql_forum {
 	background-image: url(../img/icons/ql_forum.png);
 }

 .contentSidebar_QuickLinks .ql_fomtv {
 	background-image: url(../img/icons/ql_fomtv.png);
 }

 .contentSidebar_games h2 {
 	font-size: 24px;
 }

 .contentSidebar_Fomcon {
 	margin-bottom: 10px;
 }

 .contentSidebar_cart .button {
 	width: 175px;
 	text-align: center;
 }

 .contentSidebar_Sponsors h2 {
 	/*margin-top: 25px;   */
 }

 .contentSidebar_Sponsors img {
 	border: 1px solid #cfcece;
 }

 .contentSidebar_Sponsors imgRow img {
 	margin-right: 4px;
 }

 .contentSidebar_Sponsors imgRow img:last-child {
 	margin-right: 0;
 }

 /* EVENT INFO SEATS LEFT COUNTER */

 .seatsCounter {
 	height: 12px;
 }

 .seatsCounter_occupied {
 	height: 12px;
 	width: 80px;
 	float: left;
 	background-image: url(img/default/seatscounter_occupied.png);
 	background-repeat: repeat-x;
 	background-position: left;
 }

 .seatsCounter_max {
 	height: 12px;
 	width: 80px;
 	float: left;
 	background-image: url(img/default/seatscounter_max.png);
 	background-repeat: repeat-x;
 	background-position: left;
 }

 /* ===== 8.  F O O T E R   [8FOOT] ===== */

 .footer {
 	background-color: #262626;
 	font-size: 10px;
 	text-transform: uppercase;
 	clear: both;
 }

 .footerSidebar {
 	margin-top: 30px;
 }

 .footer a {
 	color: #AAA;
 	text-decoration: none;
 }

 .footer a:hover {
 	color: #4381ac;
 }

 .legal {
 	clear: both;
 	width: 960px;
 	margin: 0 auto;
 	padding: 20px 0;
 	color: #56a5dc;
 }

 .footerContent {
 	padding-top: 20px;
 	width: 960px;
 	margin: 0 auto;
 }

 .footerContent .footerTitle {
 	font: 24px 'BebasNeueRegular', Arial, sans-serif;
 	color: #1f587f;
 }

 .footerContent .footerTitle .h3 {
 	font: 19px 'BebasNeueRegular', Arial, sans-serif;
 	color: #1f587f;
 }

 .footerFOM, .footerTournaments, .footerGeneral, .footerFollow {
 	float: left;
 	padding-right: 40px;
 }

 /* ===== x.  T I T L E S   [xTITLES] ===== */

 h2 {
 	font: 28px 'BebasNeueRegular', Arial, sans-serif;
 	color: #1f587f;
 }

 /* ===== x.  T A B L E S   [xTABLES] ===== */

 .tableTickets {
 	font-size: 10px;
 }

 /* ===== S P O T L I G H T ===== */

 #contentSlider {
 	width: 740px;
 	height: 200px;
 	margin-bottom: 15px;
 	position: relative;
 }

 #contentSlider #slides {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 	z-index: 100;
 }

 #contentSlider .slides_container {
 	width: 730px;
 	height: 183px;
 	overflow: hidden;
 	position: relative;
 	display: none;
 }

 #contentSlider .slides_container div.slide {
 	width: 730px;
 	display: block;
 }

 #contentSlider #slides .next, #contentSlider #slides .prev {
 	position: absolute;
 	top: 107px;
 	left: 0px;
 	width: 24px;
 	height: 43px;
 	display: block;
 	z-index: 101;
 }

 #contentSlider #slides .next {
 	left: 740px;
 }

 .spotlightPagination {
 	margin: 5px auto 0 auto;
 	width: 200px;
 }

 .spotlightPagination li {
 	float: left;
 	margin: 0 1px;
 	list-style: none;
 }

 .spotlightPagination li a {
 	display: block;
 	width: 12px;
 	height: 0;
 	padding-top: 12px;
 	background-image: url(../img/upload/spotlight/pagination.png);
 	background-position: 0 0;
 	float: left;
 	overflow: hidden;
 }

 .spotlightPagination li.current a {
 	background-position: 0 -12px;
 }

 /* ===== x.  M I S C   [x] ===== */

 .floatleft {
 	float: left;
 }

 .floatright {
 	float: right;
 }

 .clearleft {
 	clear: left;
 }

 .clearright {
 	clear: right;
 }

 .clearboth {
 	clear: both;
 }

 .testje {
 	width: 266px;
 }

 .testje a {
 	margin-right: 4px;
 }

 .button {
 	background-color: #1f587f;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
 	border: none;
 	font: 12px Arial, sans-serif;
 	font-weight: bold;
 	text-shadow: 1px 1px 1px #1a4c6e;
 	text-transform: uppercase;
 	color: #EEE !important;
 	padding: 5px 10px;
 	text-decoration: none;
 	display: inline-block;
 }

 .button:disabled {
 	background: #dddddd;
 }

 .big {
 	font-size: 16px;
 }

 .button:hover {
 	background-color: #28648f;
 }

 .green {
 	background-color: #1f587f !important;
 	text-shadow: 1px 1px 1px #223818;
 }

 .green:hover {
 	background-color: #28648f !important;
 }

 ol {
 	margin-left: 22px;
 }

 .altrow {
 	background-color: #e0e0e0;
 }

 .footer ol, .footer ul {
 	list-style-type: none;
 }

 .header ol, .header ul {
 	list-style-type: none;
 }

 textarea#TeamNotes {
 	height: 70px
 }

 #saveTeam {
 	width: 200px;
 	float: right;
 }

 ul.compoItemsList {
 	list-style-type: none;
 }

 .composignup {
 	position: absolute;
 	right: 20px;
 	top: 20px;
 }

 .composignup .button {
 	background-color: #1f587f;
 	-moz-border-radius: 2px;
 	border-radius: 2px;
 	border: none;
 	font: 12px Arial, sans-serif;
 	font-weight: bold;
 	text-shadow: 1px 1px 1px #1a4c6e;
 	text-transform: uppercase;
 	color: #EEE !important;
 	padding: 5px 10px;
 	text-decoration: none;
 	display: inline-block;
 }

 .composignup .button:hover {
 	background-color: #28648f;
 }

 .twtr-hd h4, .twtr-hd h4 a {
 	font-weight: normal;
 	font-family: BebasNeueRegular, Arial, sans-serif;
 	font-size: 22px;
 }

 .compo_content a {
 	text-decoration: underline;
 	color: #3578A5 !important;
 }

 .seatmap tr td {
 	padding: 0;
 }

 .compo_content h3, .compo_content h4 {
 	padding-top: 15px;
 	color: #1f587f;
 	font-weight: bold;
 }

 .compo_content h4 {

 }

 .compo_content p {
 	padding-bottom: 12px;
 }

 .compo_content ol, ul {
 	margin-left: 15px;
 	margin-bottom: 10px;
 }

 /* ========== JQUERY MODAL DIALOGS ============ */

 .ui-dialog-titlebar {
 	background: #333 !important;
 }

 .ui-dialog-content {
 	background: #EEE !important;
 }

 .ui-dialog-content a:hover {
 	color: #695 !important;
 }

 /* =============== SPONSOR SLIDER =========== */
 #sponsor-slider {
 	padding-bottom: 40px;
 }

 ul.bjqs {
 	position: relative;
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	overflow: hidden;
 	display: none;
 }

 li.bjqs-slide {
 	position: absolute;
 	display: none;
 }

 ul.bjqs-controls {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	z-index: 9999;
 }

 ul.bjqs-controls.v-centered li a {
 	position: absolute;
 }

 ul.bjqs-controls.v-centered li.bjqs-next a {
 	right: 0;
 }

 ul.bjqs-controls.v-centered li.bjqs-prev a {
 	left: 0;
 }

 ol.bjqs-markers {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 	width: 100%;
 }

 ol.bjqs-markers.h-centered {
 	text-align: center;
 }

 ol.bjqs-markers li {
 	display: inline;
 }

 ol.bjqs-markers li a {
 	display: inline-block;
 }

 p.bjqs-caption {
 	display: block;
 	width: 96%;
 	margin: 0;
 	padding: 2%;
 	position: absolute;
 	bottom: 0;
 }

 .cta-buy {
 	display: block;
 	padding: 10px;
 	float: right;
 	background: #13849c;
 	text-decoration: none;
 	color: #fff;
 	margin-top: 53px;
 	margin-right: 11px;
 	font-size: 20px;
 }

 .cta-buy:hover {
 	background: #158fa9;
 }

/*
.cta-buy h3, .cta-buy h4 {
    font-weight: normal;
}

.cta-buy h3 {
    font-size: 26px;
}

.cta-buy h4 {
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}
*/

.proceedButton {
	border: 1px solid #BBB;
	height: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 65px;
	padding-bottom: 0 !important;
	background-color: #1f587f;
	background-image: url('img/default/buttonbg.png');
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	text-decoration: none !important;
	float: right;
}

.proceedButton:hover {
	border: 1px solid #BBB;
	height: 25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 65px;
	padding-bottom: 0 !important;
	background-color: #28648f;
	background-image: url('img/default/buttonbg.png');
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	text-decoration: none !important;
	float: right;
}

.proceedButton .submit {
	margin-right: 10px;
	margin-top: -4px;
}

.proceedButton .submit input {
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.proceedButton a {
	margin-right: 10px;
	margin-top: -4px;
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.backButton {
	border: 1px solid #BBB;
	border-right: 0;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 65px;
	padding-bottom: 0 !important;
	background-color: #1f587f;
	background-image: url('img/default/buttonbackbg.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-right: 10px;
}

.backButton:hover {
	border: 1px solid #BBB;
	border-right: 0;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 65px;
	padding-bottom: 0 !important;
	background-color: #28648f;
	background-image: url('img/default/buttonbackbg.png');
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-right: 10px;
}

.backButton a {
	margin-right: 10px;
	margin-top: -4px;
	background-color: transparent !important;
	background-image: url('img/default/transparant.png') !important;
	border: 0 !important;
}

.compo-donate {
	position: relative;
	float: left;
}

.compo-donate img {
	width: 300px;
}

.compo-counter {
	float: left;
	margin-left: 40px;
	padding: 10px;
	position:relative;
	height:170px;
}

.compo-counter>h2{
	font-weight:normal;
	font-size:3em;
	margin-bottom:0.75em;
}

.compo-counter>p{
	font-size: 4em;
	font-weight: bold;
}

.compo-counter>button {
	position:absolute;
	bottom:10px;
}

.compo-wrapper {
	clear: left;
}

.counter-up {
	float: left;
	height: 54px;
}

.rRight_Facebook a img,
.social a img {
	width: 211px;
}

input.error {
	color: red;
	border: 1px solid;
	border-color: red;
	background-color: rgb(255, 228, 228);
}

label.error {
	display: none !important;
}

span.textHighlight {
	clear: both;
	font-weight:bold;
}

div#ui-datepicker-div {
	background-color: #1f587f;
}
/* ---------------------------- MOBILE CSS ---------------------------- */

@media only screen and (min-width: 0) and (max-width: 600px) {

	.headerNav{
		margin:0;
	}


	.menu{
		margin:0;
	}

	.menu li{
		width:100%;
		height:auto;
		padding:5px;
		background-color:#333333;
		display:block;
		float:none;
	}

	.navColumn, .navColumn_wide, .navColumn_small, .sub-menu, .nestEvent, .navColumn_wide, ul, .nestEvent .navColumn_wide, .nestEvent .navColumn, .nestEvent .navColumn_small{
		width:100%;
		float: !important none;
	}

	.headerLogo{
		width:100%;
		height:auto;
		float:none;
	}

}