@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Palanquin&display=swap');
/* li, ol, h1, .xp, .xpnum, input, select, option, textarea, button {font-family: 'Quicksand', sans-serif !important;}*/


body { background:url(../images/background.jpg) repeat-x #FFFFFF; margin:0px; font-family: 'Quicksand', Helvetica, sans-serif; font-size:12px; color: #000000; }
h1 {  color: #000000; font-size: 18px}
h2 {  font-size: 14px; color: #003333}
div { position:relative; }
img { border:0px none; vertical-align:middle; }
form { margin: 0px; }
a {  color: #0000CC !important; text-decoration: none}
a:hover {  color: #990000; text-decoration:underline; }
.nav {  font-size: 11px; color: #FFFFFF !important}
a.nav {  color: #FFFFFF !important}
a.nav:hover {  color: #CCCC33 !important}

.table-top-nav { font-size: 13px; color: #FFFFFF; background-color: #444; padding:0px; height:30px;-webkit-box-shadow: 2px 2px 2px #bbb; box-shadow:2px 2px 2px #bbb; }
.table-top-nav a { color:#FFF !important; font-size:14px; height:30px; line-height:30px; padding:0px 5px 0px 5px; border-right:1px solid #999999; }

#headnav ul { padding:0px; padding-right:0px;float: left; margin: 0px; margin-left:0px; list-style-type:none; position: relative; }
#headnav li { padding:0px 0px 0px 0px; float: left; margin: 0px; position: relative; height:24px; line-height:24px; font-size:12px; }
#headnav li.divide { padding:0px; float: left; margin: 0px 10px 0px 10px; position: relative; color:#C1C5D7; }
#headnav li.last { background-image:url(../images/layout/tabr.gif); width:8px; background-color:transparent;}
#headnav li.first { background-image:url(../images/layout/tabl.gif); padding:0px; width:8px; background-color:transparent;}
#headnav li a { color: #FFF !important; display:block;}
#headnav li a:hover { background-color: #393 !important; text-decoration:none; }
#headnav li a.red { color:#C00 !important; }
/* Dropdown menus */
.dropmenudiv { position:absolute; top: 0px; line-height:22px; z-index:100; background-color:#444 !important; visibility: hidden; border:0px none !important; -webkit-box-shadow: 2px 2px 2px #bbb; box-shadow:4px 4px 6px #999; }
.dropmenudiv a { width: auto; display: block; border-bottom: 1px solid #999; text-decoration: none; color:#FFF !important; font-size:13px; line-height:30px; padding-left:5px; padding-right:5px; }
* html .dropmenudiv a{ /*IE only hack*/ width: 100%; }
.dropmenudiv a:hover{ background-color: #393 !important; color:#FFFFFF !important; text-decoration:none;}

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12, .size3 {  font-size: 12px}
.size14, .size4 {  font-size: 14px}
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }

.homebox { height:80px !important; background-color:#FFFFFF; }
.spiele {  color: #666666; font-size: 9px}
.roundIcon { width:17px; background-color:#000; border-radius:100%; padding:2px; }

.boxlabel { border:1px solid #666666; border-left:10px solid #666666; padding:7px 3px 7px 3px; margin-right:10px; }
.boxlabel input, .boxlabel img { vertical-align:middle; }

.lookupbox { width:600px; height:200px; overflow-y:auto; background-color:#333333; border:1px solid #AAAAAA; }
.lookupbox div { border-bottom:1px solid #666666; color:#FFFFFF; padding:2px; width:576px; }
.lookupbox div.listhigh { background-color:#111111; font-weight:bold; }
.lookupbox div a { color:#FFFFFF; }
.lookupbox div a:hover { text-decoration:underline; }
.lookupbox div.listhigh a { color:#9FDCE1; }

#resultcorner { position:absolute; background-image:url(../images/icons/hot-corner.png); background-repeat:no-repeat; width:145px; height:145px; color:#FFF; font-size:16px; padding:12px; line-height:30px; z-index:999; }

div.tb_light { padding:3px; }
div.cell { padding:3px; border-bottom:1px solid #CCCCCC; }

.lineupdivider { border-bottom:1px dotted #999999; margin-bottom:3px; }
td.subnav, .table-ruled td.subnav { padding-left:25px; }
.cke_1_dialog { z-index:10999; }


.shophead {  font-size: 16px; font-weight: bold}
.shophead a { color: #FF3; }
.pdhead { font-size: 14px; font-weight: bold ; color: #000066}
a.blk {  color: #000000; text-decoration: none}
a.blk:hover {  color: #000000; text-decoration: underline}
input {  font-size: 12px}
.sml {  font-size: 11px}
select {  font-size: 12px}
option {  font-size: 12px}
a.sml {  color: #FFFFFF}
a.sml:hover {  color: #FFFF00}
.top_rule2 { background-color: #FFFF99 }
.main_bgcol {  background-color: #FFFFFF; color: #000000}
.main_bgcol2 {  background-color: #E3E3E3; color: #000000}
.subhead {  font-size: 14px; font-weight: bold; color: #990000;}
.highlight {  color: #990000}
.cart_top { background-color: #000000; color: #FFFFFF}
.cart_txt { color: #000000}
.cartfloatr { position:relative;clear:both;float:right;margin-left:10px;font-size:11px;line-height:20px; }

.prod_col1 { background-color: #CCCCFF }
.prod_col2 { background-color: #9999FF}
.highlightbox {  background-color: #990000}
.prod_back {  background-color: #CCCCCC}
.lowlight {  color: #FFFF00}
.footer {  font-size: 12px; color: #FFFFFF; background-color: #000000}
.light {  color: #FFFFFF}
a.light {  color: #FFFF66}
a.light:hover {  color: #CC99FF}
.tb_light { background-color: #CCCCCC; margin: 0px; color: #000000}
.tb_dark { background-color: #464646; margin:0px; color: #FFFFFF}
.tb_dark a { color:#FFF; }
.tdcheck, tr.tdcheck td { background-color:#C03; padding:5px; color:#FFF; font-size:14px; }
.tdcheck a, tr.tdcheck td a { color:#000; }
.xp {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #EEEEEE; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

.orderhighlight { background-color:#FFF; color:#000; }
tr.ordered .orderhighlight { background-color:#990000; color: #FFFFFF !important; }
tr.ordered .orderhighlight a, tr.ordered .orderhighlight a.blk, tr.ordered .orderhighlight a.blk:hover { color:#FFF !important; }
tr.inprogress .orderhighlight { background-color:#333399; color: #FFFFFF !important; }
tr.inprogress .orderhighlight a, tr.inprogress .orderhighlight a.blk, tr.inprogress .orderhighlight a.blk:hover { color:#FFF !important; }
tr.deleted .orderhighlight { background-color:#BBB; color: #FFFFFF !important; }
tr.deleted .orderhighlight a, tr.deleted .orderhighlight a.blk, tr.deleted .orderhighlight a.blk:hover { color:#FFF !important; }
tr.pending .orderhighlight { background-color:#E5E5E5; }
tr.pending .orderhighlight a, tr.pending .orderhighlight a.blk, tr.pending .orderhighlight a.blk:hover { color:#000000 !important; }
tr.completed .orderhighlight { background-color: #a3d6a9; }

.xxtb_order1 { background-color: #990000; color: #FFFFFF !important } .tb_order1 a, .tb_order1 a.blk, .tb_order1 a.blk:hover { color:#FFF !important; }
.xxtb_order2 { background-color: #333399; color: #FFFFFF !important } .tb_order2 a, .tb_order2 a.blk, .tb_order2 a.blk:hover { color:#FFF !important; }
.arialtxt {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
td {  font-size: 12px;}
.xpnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #EEEEEE;
	border: #666666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-align: right;
}
.xpbeef { font-size:16px; vertical-align:middle; }
.submitlg { font-size:16px; vertical-align:middle; }
.submitlg, .submitlg2, .submitlg3, .submitlg4 { color:#FFF !important; }
.xp.size16 option { font-size:16px; }
.xp.searchimages { background-image:url(../images/icons/search-back-text.png); background-position:center right; background-repeat:no-repeat; }
.tb_back {
	background-color: #000000;
}
.fatbox { padding:5px; border-radius:5px; font-size:16px; }
.table-nav {
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}
.table-title {
	background-color: #999999;
	background-image: url(../images/backgrounds/darktint.gif);
	background-repeat: repeat-x;
	padding: 0px;
	color: #FFFFFF;
}
.xpsmall {
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background-color: #EEEEEE; border: #666666; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
}
.xpnumsmall {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #E2E2E2;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-align: right;
}
.tb_band1 {
background-color: #2D336A; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; font-size: 10px; color: #FFFFFF
}
.tb_band2 {

background-color: #BEC4E4; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; font-size: 10px; color: #000000
}
.tb_band3 {


background-color: #990000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px ; font-size: 10px; color: #FFFFFF
}
.xpnumsmall-highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #666666;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	text-align: right;
}
.clean {
	background-image: none;
}

.headtextbox { font-size: 14px; font-weight: bold ; color: #000000}
.grey {
	color: #CCCCCC;
}

.ruled-table, .table-ruled { background-color:#FFFFFF; text-align:left; }
.ruled-table td, .table-ruled td { border-bottom:1px solid #CCCCCC; padding:3px !important; }
.ruled-table td .toolbar1 td { padding:0px !important; }
th { font-size:14px; padding:3px; }

/* calendar override */
.yui-skin-sam .yui-calendar td.calcell.selected a { background-color:#CC0000; color:#FFFFFF; }

/* categories list */
.catdiv { position:relative; border:1px solid #666666; background-color:#FFFFFF; height:30px; margin-bottom:1px; line-height:30px; font-size:12px; padding-left:5px; font-weight:bold; }
.catdiv a { color:#000000 !important; }
.cl0 { width:700px; left:0px; }
.cl1 { width:600px; left:100px; }
.cl2 { width:500px; left:200px; }
.cl3 { width:400px; left:300px; }
.catdel { float:right; position:relative; top:7px; width:25px; text-align:center; }
.catdiv1 { float:left; }
.catdiv2 { float:right; width:25px; text-align:center; font-weight:100; margin-top:7px; }
.catdiv3 { float:right; width:45px; font-weight:100; font-size:10px; }
.catdiv3 a { color:#0000CC; }
.changeorder { position:absolute; left:-60px; top:3px; font-weight:100; font-size:10px; line-height:10px; }
.changeorder img { float:left; margin-right:3px; margin-top:2px; }
td.catlev1 { font-weight:bold; }
td.catlev2 { padding-left:30px; }
td.catlev3 { padding-left:60px; }

.prodnav { padding:4px 0px 4px 0px; height:20px; }
.prodnav1, .prodnav2 { display:inline-block; margin-right:20px; }

/* editor popup modal fix */
.cke_dialog_background_cover { z-index:9000 !important; }

.lineupstage { padding:10px; border-radius:10px 10px 0px 0px; font-size:16px; color:#FFF; margin-top:15px; text-shadow:0 0px 0 #FFF !important;background-color: #27729E; }
.lineupstage a { color:#FFF !important; }
.lineupdate { padding:10px; background-color:#444; color:#FFF; font-size:14px; text-shadow:none; }
.lineupdate strong { font-size:16px; }
.lineupdate a { color:#FFF !important; }
.lineupartist { padding:5px 10px 5px 10px; font-size:14px; background-color:#FFF; border-bottom:1px solid #E5E5E5; border-right:1px solid #E5E5E5; border-left:1px solid #E5E5E5; color:#333; }
.lineupartist a { color:#000 !important; }
.mobilecss .lineupartist { padding:5px 2px 5px 2px; }
.lineupartist a { color:#000; }
.showinglineup .lineupartist a { display:block; }
.showinglineup .lineupartist:hover { background-color:#E5E5E5; }
.lineupartist div { float:right; }
.linupsearchhead { float:left; width:100px; line-height:37px; font-size:16px; font-weight:bold; }
.roundbutt { background-color:#666; padding:5px; border-radius:100%; }
.lineupsearchbox { width:300px; padding:6px !important; margin-bottom:5px; font-size:18px; border-radius:5px; }

.flagicon { height:13px; }
.orderhighlight .flagicon { height:20px; }
.bigHeader { background-color:#e5e5e5; font-size:36px; text-align:center; padding:30px; }
.sublinks { background-color:#a5a5a5 !important; text-align:center; min-height:28px; line-height:28px; }
.sublinks a { display:inline-block; font-size:14px; color:#FFF !important; background-color:#959595; padding:0px 10px 0px 10px; margin-right:1px; }
.sublinks a:hover { background-color:#757575; text-decoration:none; }
.sublinks .roundIcon { width:18px; background-color:transparent; border-radius:0px; }
.mainPage { padding:5px; }
.formrowlg { background-color:#FFF; }
.ImageCheckbox { cursor:pointer; display:inline-block; height:27px; width:40px; background-repeat:no-repeat; background-size:contain; text-align:left; margin-right:6px; }
.ImageCheckbox.upgraded { width:50px; height:33px; }
.ImageCheckbox input { margin:1px; }
@media print { 
body { background-image:none; background-color:#FFF; padding:10mm; padding-top:5mm; }
.dontprint { display:none; }
}
.ui-datepicker td span, .ui-datepicker td a { color: #222222 !important; }