body, html { margin:0px; padding:0px;font-size:14pt;font-family: 'Philosopher', sans-serif; background-color:#101010; }
html {height:100%;}
body { min-height:100%; }
html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
.clearfix:after {    content: "."; visibility: hidden; display: block; height: 0; clear: both;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

h1 { font-size: 1.6em; color:rgba(183, 166, 115,1);}
h2 {font-size:1.2em; color:rgba(183, 166, 115,1);}
h3 {padding:5px; margin:0px;font-size:1.2em;color:rgba(230, 30, 70,1); text-shadow: 1px 0px 1px rgb(1, 1, 0.6);}
h4 {padding:5px; margin:0px;font-size:1em;color:rgba(230, 30, 70,1); text-shadow: 1px 0px 1px rgb(1, 1, 0.6); text-align:right;}
h5 {}
h6 {margin:0px;text-align:left;padding:3px 0px 3px 10px;color:e00;border-radius:0px 10px;border-width:0px 0px 1px 0px;border-style:solid;border-color:#39d;}

hr { border-color:#292929; }
a {text-decoration:none; color:rgba(153, 136, 85,1); font-weight:bold; }
	a:hover {text-decoration:underline; color:#900;}
	a[href^=tel] { text-decoration: none; text-shadow:none; }

ul.numList { list-style-type: decimal-leading-zero;}
	ul.numList li { margin-bottom:15px; }

input, textarea, select { margin:10px auto; padding:0.8em;font-size:0.9em; border:none; background-color:#333; color:#fff;} 
 select {padding:0.3em;}
select option {margin:0px;padding:0.4em;} 

input[type=checkbox] {display:inline-block;width:40px;border:2px solid red;}
input[type=file] {background-color:#fff;padding:0.5em;}

.inputicon { position:relative; color:#ccc;}
	.inputicon i { position:absolute; top:50%; left:14px; margin-top: -8px; opacity:1;}
	.inputicon input { padding-left:40px;  }

.DOB select {display:inline-block;width:auto;}
textarea {font-size:1em;height:200px;}
#SecAns {display:inline-block;width:70px;text-align:center;}
#emailResult span {border-top:1px solid #ccc;display:block;}

.ServerWarning {text-align:center;font-size:1em;border:3px solid #d00;border-radius:10px; margin:40px auto;width:95%;padding:20px; display:block;}
.ServerMsg {text-align:center;font-size:1.2em; background-color:#191919; border:3px solid #333;border-radius:10px; margin:40px auto;width:95%;padding:20px; display:block;}

.button2 {position:relative; background-color:transparent; padding:8px; margin:5px auto;color:rgba(153, 136, 85,1);font-weight:bold;cursor:pointer; text-decoration:none;
	 	border:1px solid rgba(153, 136, 85,1); border-radius:5px;
	 	-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
	.button2:hover {color:#900; border:1px solid #900; box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; text-decoration:none;}

.button-img {margin:0px; padding:0px; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow: none; opacity: 0.7; }
.button-img:hover {opacity: 1; }

.button { background-color:#000; border-radius:4px; color:rgba(183, 166, 115,1); cursor:pointer; border:2px solid rgba(153, 136, 85,1);
	 position:relative; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration:none;
	box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
 		 background-image: -webkit-linear-gradient(top, #222, #000);
 		 background-image: -moz-linear-gradient(top, #222, #000);
 		 background-image: -o-linear-gradient(left, #222, #000);
 		 background-image: linear-gradient(to bottom, #222, #000); }

	.button:hover { border:2px solid #c00; color:#f00; box-shadow:0px 0px 12px #900; -moz-box-shadow:0px 0px 12px #900; -webkit-box-shadow:0px 0px 12px #900;  text-decoration:none;}

	.button3 a { position:relative; display:block; z-index:2; font-weight:bold; text-decoration:none; color:#fff; 
	 text-shadow: 1px 1px 0px rgb(10, 10, 10), 1px -1px 0px rgb(10, 10, 10), -1px 1px 0px rgb(10, 10, 10), -1px -1px 0px rgb(10, 10, 10),
		 -1px 1px 0px rgb(10, 10, 10), -1px 0px 0px rgb(10, 10, 10), 1px 0px 0px rgb(10, 10, 10), 0px -1px 0px rgb(10, 10, 10), 0px 1px 0px rgb(10, 10, 10);}

.buttonR { background-color:#d00; border-radius:4px; color:rgba(223, 206, 155,1); cursor:pointer; padding:5px 15px; border:2px solid rgba(153, 136, 85,1);
	 position:relative; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
	box-shadow:0px 0px 8px #000; -moz-box-shadow:0px 0px 8px #000; -webkit-box-shadow:0px 0px 8px #000; }
	.buttonR:hover { border:2px solid #fff; color:#fff; box-shadow:0px 0px 12px #900; -moz-box-shadow:0px 0px 12px #900; -webkit-box-shadow:0px 0px 12px #900; }

.answers label {background-color:#333; padding:5px;  border: 1px solid #999; border-radius:5px; cursor:pointer; position:relative; color:#999;}
	.answers label.yes.active {background-color:#8f8; border: 1px solid #393; color:#000;}	
	.answers label.no.active {background-color:#f79; border: 1px solid #933; color:#000;}
	.answers input {padding:0px; margin:0px; opacity:0; position:absolute; cursor:pointer;}
.answers input {
  padding: 0px;
  margin: 0px;
  opacity: 0;
  position: absolute;
  cursor: pointer;
}

.container {max-width:1600px;display:block;margin:0px auto;padding:0px;}

#header {background-color:#101010;margin:0px; padding:0px;z-index:5;position:fixed; top:0px; left:0px; width:100%; border-bottom:5px solid #333;}

#mainmenu {margin:0px; padding:0px; border:none; color:rgba(153, 136, 85,1);}
	#mainmenu ul {margin:0px; padding:0px; position:relative; }

   #mainmenu ul li { position:relative; margin:0px; padding:20px 0px 0px 0px; list-style-type:none; vertical-align:middle; }
   #mainmenu ul li:not(.sMenu) { cursor:pointer; height:60px; }
   #mainmenu ul li.DDMenu { padding:10px 0px 0px 0px; }
   #mainmenu ul li.logo { background-image:url('../images/Title2.png'); background-repeat:no-repeat;background-size:contain;background-position:center center; }
   #mainmenu ul li:hover:not(.sMenu), #mainmenu ul li.subactive:not(.sMenu) { color:#b34; }
   #mainmenu ul li:not(.logo) a {text-decoration:none;font-weight:bold;padding:10px;display:block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
   #mainmenu ul li:not(.active) a:hover, #mainmenu ul li.active > a, #mainmenu ul li.subactive > a  {color:#b34;}

	#mainmenu .sMenu { position:absolute; top:60px; right:0px; background-color:#333; z-index:5; box-shadow: 0px 5px 5px #333; -moz-box-shadow: 0px 5px 5px #333; -webkit-box-shadow: 0px 5px 5px #222;}
	#mainmenu li.sMenu { padding: 5px 0px 0px 0px;}
	#mainmenu .sMenu a:not(.goBasket) { border-width:0px 2px; border-style:solid; border-color:#333; font-size:0.8em; text-align:center; background-color:#000; color:#fff;
 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
 	 background-image: -webkit-linear-gradient(top, #333, #000);
 	 background-image: -moz-linear-gradient(top, #333, #000);
 	 background-image: -o-linear-gradient(left, #333, #000);
 	 background-image: linear-gradient(to bottom, #333, #000);}
	#mainmenu .sMenu a.last-child { border-width:0px 2px 2px 2px; border-color:#333;}
	#mainmenu .sMenu a:hover {}
		#mainmenu .sMenu a.ss-Comps { text-align:left; font-size:0.7em; padding-left:40px;
 	 		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
 	 		background-image: -webkit-linear-gradient(top, #444, #222);
 	 		background-image: -moz-linear-gradient(top, #444, #222);
 	 		background-image: -o-linear-gradient(left, #444, #222);
 	 		background-image: linear-gradient(to bottom, #444, #222);}
		#mainmenu .sMenu a.ss-Comps i {margin-left:-30px; margin-right:10px;}
		#mainmenu .sMenu a.ss-Comps:hover i {margin-left:-25px; margin-right:5px;}
		#mainmenu .sMenu a.ss-Comps.VIP { color:red;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
 	 		background-image: -webkit-linear-gradient(top, #444, #222);
 	 		background-image: -moz-linear-gradient(top, #444, #222);
 	 		background-image: -o-linear-gradient(left, #444, #222);
 	 		background-image: linear-gradient(to bottom, #7a602e, #ead09e, #7a602e);}
		
 

.DDMenu div:hover { cursor:pointer; color:#900;}
	.DDMenu .animX { width:44px; height:40px; position:relative; }
	.DDMenu .animX div {width:34px; height:4px; background-color: rgba(153, 136, 85,1); border-radius:3px; position:absolute; left:5px;
	 	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
	.DDMenu:hover .animX div, .DDMenu.subactive .animX div { background-color: #b34; }
	.DDMenu .animX .bar1 { top:6px; }
	.DDMenu .animX .bar2 { top:16px; }
	.DDMenu .animX .bar3 { top:26px; }
	.DDMenu:hover .animX .bar2 { width:24px; left:10px; }

	.DDMenu.active .animX .bar1, .DDMenu.subactive .animX .bar1 { top:16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.DDMenu.active .animX .bar2, .DDMenu.subactive .animX .bar2 { left:20px;width:0px;}
	.DDMenu.active .animX .bar3, .DDMenu.subactive .animX .bar3 { top:16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.MyBasket{ border-radius:5px; position:relative; z-index:9;}
	.MyBasket .Header, .MyBasket .Footer { border-width:0px 2px; border-style:solid; border-color:#333;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
 		 background-image: -webkit-linear-gradient(top, #333, #000);
 		 background-image: -moz-linear-gradient(top, #333, #000);
 		 background-image: -o-linear-gradient(left, #333, #000);
 		 background-image: linear-gradient(to bottom, #333, #000);}


#page {z-index:2;position:relative; margin:0px; min-height:100%; padding:90px 0px 40px 0px; color:#fff; background-color:#0a0a0a;}

.Editpop { position:absolute; top:10px; right:30px; background-color:#fff; color:#333; cursor:pointer; width:30px; height:30px; padding:7px 1px 0px 1px;
		  border-radius:50%; border:1px solid #000; text-align:center;z-index:99999; opacity:0.5;}
	.Editpop:hover { box-shadow: 0px 0px 3px 2px rgba(150, 150, 150, 1); opacity:1;}
.text-gold { background: radial-gradient(ellipse farthest-corner at right bottom,#fedb37 0,rgb(253 185 49) 8%,#e1b350 30%,#e4be68 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#fff 0,#ffffac 8%,#d1b464 25%,#8d6814 62.5%,#292620 100%);
    background-clip: border-box, border-box; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.WebStats .row {background-color:#333; border-radius:100px; background: linear-gradient(to right, #1a1a1a 0%, #666 20%, #444 50%, #666 80%, #1a1a1a 100%); box-shadow: 0px 2px 3px rgba(70, 70, 70, 1);}
.InfoBox {position: relative;}
	.InfoBox .pic {border-radius: 30px 30px 0px 0px;box-shadow: 0px 0px 8px rgba(255, 255, 255, 1); width:95%;}
	.InfoBox .header {background-color: #ccc; background-image: linear-gradient(to right, #222, #aaa, #eee, #eee, #aaa, #222); margin:0px; position: relative; border-radius:10px; color:#d00;}
	.InfoBox .body { background-color: #333; border-style:solid; border-color:#555; border-width:0px 4px 4px 4px; border-radius:0px 0px 20px 20px;}
.TogMore {max-height:251px; min-height:250px; overflow:hidden; position:relative;}
	.TogMore.active {max-height:unset; padding-bottom:50px;}
	.TogMore.noTog {padding-bottom:20px;}
	.TogMore.noTog .ShowTog {display:none;}
	.TogMore .ShowTog { position: absolute; bottom: 0px; left: 50%; width:200px; margin-left:-100px; border-radius:20px 20px 0px 0px; background-color: #555; text-align: center; cursor: pointer; color: #fff; font-weight: bold;
  		box-shadow: 0px 15px 5px #000, inset 0px 0px 14px 0px rgba(0,0,0,1); -moz-box-shadow: 0px -5px 5px #000, inset 0px 0px 14px 0px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 10px #999, inset 0px 10px 10px 0px rgba(0,0,0,0.5); }

.PaymentDetails { border-radius:10px; position:relative; border-width:1px 2px; border-style:solid; border-color:#333; background-color:#222; overflow:hidden;}
	.PaymentDetails .Header, .PaymentDetails .Footer { color:rgba(153, 136, 85,1); border-top:1px solid #444;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#000));
 		 background-image: -webkit-linear-gradient(top, #222, #000);
 		 background-image: -moz-linear-gradient(top, #222, #000);
 		 background-image: -o-linear-gradient(left, #222, #000);
 		 background-image: linear-gradient(to bottom, #222, #000);
	}
	.PaymentDetails .number { font-size:0.9em; background-color:#111; color:#fff;
	 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	 	 background-image: -webkit-linear-gradient(top, #222, #111);
	 	 background-image: -moz-linear-gradient(top, #222, #111);
	 	 background-image: -o-linear-gradient(left, #222, #111);
	 	 background-image: linear-gradient(to bottom, #222, #111);
	}
	.PaymentDetails .number:hover { 
	 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	 	 background-image: -webkit-linear-gradient(top, #444, #333);
	 	 background-image: -moz-linear-gradient(top, #444, #333);
	 	 background-image: -o-linear-gradient(left, #444, #333);
	 	 background-image: linear-gradient(to bottom, #444, #333);
	}


.Competitions { background-color: #313131; background-position: 50%; position: relative; z-index: 1; transition: .3s; display: flex; flex-direction: column; border-radius: 5px 5px 0 0; overflow: hidden;
	 text-decoration:none !IMPORTANT; }
.Competitions .CompDetails { padding: .4rem 1rem 1.5rem 1rem; flex: 1; flex-flow:column; background-image: linear-gradient(to right, #000, #333, #333, #000); display: flex; justify-content: center; align-items: center; color:#fff; }
.Competitions .CompDetails div { color:#d00; position:absolute; bottom:5px; }
.Competitions picture { position: relative; display: block; border: 4px #222 solid; border-bottom:none; padding-bottom: 63%;}
.Competitions picture img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.Competitions .Badge { background-color:#666; background-image: linear-gradient(to right, #222, #666, #666, #222); }
.Competitions .cost { position: absolute; top: 0px; background-color: rgba(203, 19, 43, 0.8); padding: 0rem 0.2rem; color: #fff; font-weight: bolder; border-radius: 0px 0px 5px 0px; filter: drop-shadow(#000 0px -1px 4px); }
.Competitions.VIP picture { border: 4px #aa905e solid; border-bottom:none; }
.Competitions.VIP .Badge { background-color:#aa905e; background-image: linear-gradient(to right, #aa905e, #ead09e , #aa905e); }
.Competitions.inactive picture { border-color:#900; }
.Competitions.inactive .Badge, .BackRed { background-color:#900; background-image: linear-gradient(to right, #900, #f00 , #900); }
.Competitions .Badge h3:not(.Competitions.VIP .Badge h3) {color:#ead09e;}
.Competitions.inactive .Badge h3 { color: #ead09e; }


.InstantWin {background-image:url(../images/bg6.jpg);background-size:cover; background-repeat:repeat-x;background-position:center top; border: solid 4px rgba(183, 166, 115,1); border-radius:15px; 
	text-shadow: -2px 2px 3px rgb(0, 0, 0), -2px -2px 3px rgb(0, 0, 0), 2px 2px 3px rgb(0, 0, 0), 2px -2px 3px rgb(0, 0, 0), 0px 0px 4px rgb(0, 0, 0) !IMPORTANT;}
	.InstantWin h2 {text-shadow: -2px 2px 3px rgb(0, 0, 0), -2px -2px 3px rgb(0, 0, 0), 2px 2px 3px rgb(0, 0, 0), 2px -2px 3px rgb(0, 0, 0), 0px 0px 4px rgb(0, 0, 0) !IMPORTANT;}
	.InstantWin h3 { background-color:#fff; border: solid 4px rgba(183, 166, 115,1); border-radius:10px; }

.Notifications { background-color:#000; border:1px solid #999; border-top:none}
	.Notifications:first-child {  border-top:1px solid #999;}
	.Notifications > .Notification { background-color:#222; cursor:pointer; box-shadow:0px 3px 6px #000; -moz-box-shadow:0px 3px 6px #000; -webkit-box-shadow:0px 3px 6px #000; }
	.Notifications:nth-child(even) > .Notification { background-color:#444; }
	.Notifications:hover > .Notification { background-color:#000; }
	.Notifications .Details {}

.PageNumbers div { border: 2px solid #444; border-radius: 5px; margin: 2px;  margin-bottom: 10px; text-align: center; padding: 2px; }
	.PageNumbers div.active {background-color:#666;}

.optblock { border-1px solid #aaa; box-shadow: 0px 5px 5px #222, inset 0px 0px 0px rgba(0, 0, 0, 0); border-radius:10px; }
	 .optblock .opttab { background-color:#111; color: #eee; cursor:pointer; border-bottom:0px solid #eee; border-radius:10px 10px 10px 10px; margin:0px; padding:0px;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#000));
 		 background-image: -webkit-linear-gradient(top, #555, #000);
 		 background-image: -moz-linear-gradient(top, #555, #000);
 		 background-image: -o-linear-gradient(left, #555, #000);
 		 background-image: linear-gradient(to bottom, #555, #000);}

	 .optblock .opttog {width:45px; height:45px; border-width:0px 2px 0px 0px;border-style:solid; margin:0px; border-color:rgba(183, 166, 115,1); background-color:#bbb; border-radius:10px 0px 0px 10px; margin-right:15px;
			  position:relative; display:inline-block; vertical-align:middle;
 			 background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#666));
 			 background-image: -webkit-linear-gradient(top, #ddd, #666);
 			 background-image: -moz-linear-gradient(top, #ddd, #666);
 			 background-image: -o-linear-gradient(left, #ddd, #666);
 			 background-image: linear-gradient(to bottom, #ddd, #666); }
 	 .optblock .opttog img { position:absolute; left:50%; top:50%; margin:-15px 0px 0px -15px; opacity:0.8; width:30px;}

	 .optblock .opttab.active { border-bottom:4px solid rgba(183, 166, 115,1); border-radius:15px 15px 0px 0px; }
 	 .optblock .opttab.active .opttog { border-radius:15px 0px 0px 0px; }
 	 .optblock .opttab.active .opttog img { transform: rotate(90deg);}
	 .optblock .optbody { background-color:#222; }
	 .optblock .optbody hr { opacity:0.3; }

.toggleOption {}
	.toggleOption > .optLabel { height:25px;}
	.toggleOption > .optToggle { width:45px; height:25px; Background-color:#6f7; border: 1px solid #111; border-radius: 20px; cursor:pointer; }
	.toggleOption > .optToggle > div { width:23px; height:23px; Background-color:#111; border: 1px solid #666; border-radius: 50%; }
	.toggleOption.active > .optToggle { background-color:#f67;}
	.toggleOption.active > .optToggle > div { margin-left:20px; }


 .circ { display:inline-block; margin-bottom:-2px; width:15px; height:15px; border: 1px solid #000; border-radius:50%;}
 .circ.sts0 {background-color:#fff;}
 .circ.sts1 {background-color:red;}
 .circ.sts2 {background-color:#f82;}
 .circ.sts3 {background-color:#ec6;}
 .circ.sts4 {background-color:#6f3;}
 .circ.sts5 {background-color:yellow;}
 .circ.sts6 {}
 .circ.sts7 {background-color:#c2f;}
 .circ.sts8 {background-color:#7bf;}
 .circ.sts9 {background-color:#36f;}
 .circ.sts10 { background-color:#d0f;}
#useraccounts .UAheader {background-color:#00d;color:#fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);font-weight:bold;position:relative;padding:5px 0px;margin:0px;
		background: linear-gradient(to right, #009 0%, #00c 20%, #00f 50%, #00c 80%, #009 100%);}
	#useraccounts .UAaccount {padding:0px;background-color:#444;}
	#useraccounts .UAaccount:nth-child(even) {background-color:#222;}
	#useraccounts .UAaccount .UArow  {box-shadow: 0px 2px 6px rgba(0, 0, 0, 5);margin:0px 1px;cursor:pointer;}
	#useraccounts .UAaccount .UArow > div {padding:2px 3px;}
	#useraccounts .UAaccount .UArow:hover {background-color:#000;}
	#useraccounts .UAbody {padding:20px;display:none;}
	#useraccounts .UAbody div {vertical-align:top;}
 .account h6 form {float:right;}
 .account button, .activate button {background-color:transparent;border:none;cursor:pointer;float:right;}
 .account button img, .activate button img {border:none;position:relative;left:0px;top:0px;}
 .account:after, .activate:after  { content: \"\"; clear: both; display: block; }


	.TabGroup { border: 2px solid rgba(153, 136, 85,1); }
	.tab { cursor:pointer; background-color:#111; padding:20px 5px; border-bottom: 1px solid #222; }
	.tab.active, .tab:hover { cursor:pointer; background-color:#222;}
	.tab:not(.active) { border-bottom: 1px solid rgba(153, 136, 85,1); }
	.tab.active:not(.last), .tab:hover:not(.last) {  border-right: 1px solid rgba(153, 136, 85,1); }
	.tab.active:not(:first-child), .tab:hover:not(:first-child) { border-left: 1px solid rgba(153, 136, 85,1); }
	.tabbody { display:none; background-color: #222}
	.tabbody.active {display:block; }

.tablelist .TLheader {background-color:#00d;color:#fff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);font-weight:bold;position:relative;padding:5px 0px;margin:0px;
		background: linear-gradient(to right, #009 0%, #00c 20%, #00f 50%, #00c 80%, #009 100%);}
	.tablelist .TLrow {padding:0px;background-color:#eee;}
	.tablelist .TLrow:nth-child(even) {background-color:#ddd;}
	.tablelist .TLrow .TLbox  {box-shadow: 0px 2px 6px rgba(0, 0, 0, 5);margin:0px 1px;cursor:pointer;}
	.tablelist .TLrow .TLbox > div {padding:10px 3px;}
	.tablelist .TLrow .TLbox:hover {background-color:#aef;}
	.tablelist .TLbody {padding:20px;display:none;}
	.tablelist .TLbody div {vertical-align:top;}

.tableList .header { background-color: #999; color: #fff; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8); font-weight: bold; position: relative; padding: 5px 0px; margin: 0px;
  background: linear-gradient(to right, #333 0%, #555 20%, #777 30%, #aaa 50%, #777 70%, #555 80%, #333 100%); }
.tableList .TRow .TRHead { box-shadow: 0px 2px 6px rgba(0, 0, 0, 5); margin: 0px 1px; cursor: pointer; }
.tableList .TRow { background-color: #444; }
.tableList .TRow:nth-child(2n) { background-color: #222; }
.tableList .TRow:hover .TRHead {background-color:#000;}

.NumGrid { position:relative; z-index:2; display:block; }
	.NG25 .NGCell {width:16%;  margin:5px 2%; display:inline-block; padding:20px;}
	.NG50 .NGCell, .NG100 .NGCell, .NG300 .NGCell {width:18%;  margin:5px 1%; display:inline-block; padding:5px 0px;}
	.NG50 a > .NGCell, .NG100 a > .NGCell, .NG300 a > .NGCell {width:94%;  margin:5px 3%; display:inline-block; padding:5px 0px;}
	.NGCell, .key div { position:relative; background-color:#222; border-radius:3px;  border:4px solid transparent;}
	.key div {padding:5px;}
	.NGCell i {position:absolute; top:50%; left:50%; margin: -0.5em 0px 0px -0.5em; font-size:2em; opacity:0; color:#090; }
	.NGCell i.fa-star {opacity:1; color:yellow; }
	.NGCell i.fa-times-circle {color:#d00; }
	.NGCell input {display:none;}
	.NGCell:hover { background-color:#444; cursor:pointer; }
	.NGCell:hover i { opacity:1 }
	.NGCell.selected, .key .selected { background-color:#ffef96; color:#000; }
	.NGCell.mine, .key .mine { background-color:#f71; border:2px solid #090; color:#fff;  }
	.NGCell.confirmed, .key .confirmed { background-color:#2b0; border:2px solid #2b0; color:#fff; }
	.NGCell.reserved, .key .reserved { background-color:#f71; color:#fff; }
	.NGCell.taken, .key .taken, .NGCell.FreeEntryNum { background-color:#d13; border:2px solid #d13; color:#fff; }
	.NumGrid .stats .w-100 { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px;}

.UserBar { background-color:#111; color:#fff;}
	.UserBar ul { padding:0px; margin:0px; background: linear-gradient(to bottom, #000 0%, #111 20%, #333 50%, #111 80%, #000 100%);}
	.UserBar li { padding: 10px 10px; border-right:1px solid #fff;
		text-shadow: 2px 1px 2px rgb(000, 000, 000), -2px 1px 2px rgb(000, 000, 000);}
	.UserBar li.togglemenu:hover, .UserBar li.active { background: linear-gradient(to bottom, #000 0%, #111 20%, #236fa4 50%, #111 80%, #000 100%); cursor:pointer; }

	.UserBar li:last-child { border-right:none; }
	.UserBar li i {transform: rotate(90deg); margin-left:10px; margin-bottom:-4px;}
	.UserBar li.active i {transform: rotate(0deg); margin-left:10px; margin-bottom:0px;}


.adminBar {float:left;background-color:#2b2b2b;border-radius:5px; padding:2px 10px 0px 10px;text-align:center;opacity:0.5;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	.adminBar:hover {opacity:1;}
	.adminBar button {background-color:transparent;border:none;cursor:pointer;opacity:0.5;}
	.adminBar button:hover {opacity:1;}

 .PageNum, .CompPageNum { border-bottom:1px solid #333; position:relative; }
 	.PageNum div, .CompPageNum div { position:relative; display:inline-block; border:1px solid #333; border-bottom:0px; border-radius:10px 10px 0px 0px; background-color: #444; padding-top:10px; margin-top:20px; vertical-align:bottom; cursor:pointer; }
 	.PageNum div.active, .PageNum div:hover, .CompPageNum div.active, .CompPageNum div:hover { display:inline-block; background-color:#222; padding-top:10px; padding-bottom:10px; margin-top:10px; }
 .NGCell.Pg1 { display:inline-block;}

#gametype, #activegame, #VIPgame, .hideCheck { border-radius:10px;margin-bottom:-40px;position:relative;z-index:2;}
	#gametype, #activegame, #VIPgame, .CheckMe {background-image:none; background-color:#f79;color:#723;}
	#gametype.active, #activegame.active, #VIPgame.active, .CheckMe.active {background-color:#0f0;color:#060;}

.luckydip { position-relative;}
	.luckydip .ld {}
	.luckydip .num {background-color: #000; color:rgba(183, 166, 115,1); border:4px solid #333; border-radius:10px; cursor:pointer; margin-top:10px;
		box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
 		 background-image: -webkit-linear-gradient(top, #333, #000);
 		 background-image: -moz-linear-gradient(top, #333, #000);
 		 background-image: -o-linear-gradient(left, #333, #000);
 		 background-image: linear-gradient(to bottom, #333, #000);} 
	.luckydip .num i { -webkit-transform: rotate(110deg); -moz-transform: rotate(110deg); -ms-transform: rotate(110deg); -o-transform: rotate(110deg); transform: rotate(110deg); }
	.luckydip .num:hover {color:#d00; border:4px solid #b00; cursor:pointer;}

 .InstWin > i {color:#0c0; font-size:1.4em; text-shadow: 0px 1px 1px rgba(0, 1, 0,1),0px 1px 1px rgba(0, -1, 0,1),0px 1px 1px rgba(1, 0, 0,1),0px 1px 1px rgba(-1, 0, 0,1);}
 .InstWinners { background-color:#222; display:none; border-radius:10px;}
 .InstWinners > div:Not(.ViewTog) {border-bottom:1px solid #666; vertical-align:bottom; padding:1px 1px 3px 1px;}
 .ViewTog { cursor:pointer; }


	.SelectGame.ended .picBlock { opacity: 0.5; }
	.SelectGame:hover .picBlock { opacity: 1;
		box-shadow: 0px 8px 17px 0px rgba(150,0,0,0.6), 0px -6px 20px 0px rgba(150,0,0,0.2); 
		-moz-box-shadow: 0px 8px 17px 0px rgba(150,0,0,0.6), 0px -6px 20px 0px rgba(150,0,0,0.2);
		-webkit-box-shadow: 0px 8px 17px 0px rgba(150,0,0,0.6), 0px -6px 20px 0px rgba(150,0,0,0.2); }

	.FreeEntry {margin-top:-5px; }
	.FreeEntry img { position:absolute; display:block; top:0px; left:50%; width:40px; height:40px; margin-left: -20px; opacity:0; 
		 background-image:url(images/Various/loading3.gif);background-repeat:no-repeat;background-position:center center;background-size:90px 60px;}
	.loading { color:#111 !IMPORTANT;}
	.loading img { opacity:1;}
	.entered { cursor:default; color:#fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#2d1), to(#140)); background-image: -webkit-linear-gradient(top, #2d1, #140);
 		 background-image: -moz-linear-gradient(top, #2d1, #140); background-image: -o-linear-gradient(left, #2d1, #140); background-image: linear-gradient(to bottom, #2d1, #140);}

	.CompPic { height:250px; max-width:400px; background-repeat:no-repeat; background-position:center; border-radius:10px; box-shadow: 0px 4px 5px -1px rgba(150,0,0,1), 0px -4px 5px -2px rgba(150,0,200,1), inset 0px 0px 14px 0px rgba(0,0,0,1);}
	.DrawTime { color:rgba(153, 136, 85,1); font-weight:bold; }
	.CompDesctipion { position:relative;background-color:#222; border-radius:10px; box-shadow: 0px 4px 5px -1px rgba(150,0,0,1), 0px -4px 5px -2px rgba(150,0,200,1), inset 0px 0px 14px 0px rgba(0,0,0,1);
		 overflow:hidden; height:200px; padding-bottom:60px; }
	.CompDesctipion.active { height:auto; }
	.CompDesctipion .ShowTog {position:absolute; bottom:0px; left:0px; background-color:#111; text-align:center; cursor:pointer; color:rgba(183, 166, 115,1); font-weight:bold; opacity:0.95;
		 box-shadow:0px -5px 5px #000, inset 0px 0px 14px 0px rgba(0,0,0,1);
		 -moz-box-shadow:0px -5px 5px #000, inset 0px 0px 14px 0px rgba(0,0,0,1);
		 -webkit-box-shadow:0px -10px 10px #000, inset 0px 0px 14px 0px rgba(0,0,0,1);}
	.CompDesctipion.active .ShowTog { content: 'whatever it is you want to add'; }

.picBlock {border-radius:0px; border: 5px solid rgba(200, 30, 70,1); box-shadow: 0px 8px 17px 0px rgba(0,0,0,0.6), 0px 6px 20px 0px rgba(0,0,0,0.2); background-color:#fff;}
	.picBlock .picinfo { color:#222; position:relative; z-index:2;}
	.picBlock .picinfo p {margin:0px 5px 0px 5px;}
	.picBlock .pic {padding:0px;position:relative; z-index:1; background-color:#fff;}
	.picBlock .pic > img {border:none;background-repeat:no-repeat;background-size:contain;background-position:center center;height:350px; z-index:1;}
	.picBlock .pic .pics { border-top:4px solid #bbb; border-bottom:4px solid #bbb; line-height:0;}
	.picBlock .pic .pics .GalP {height:60px; border:3px solid #222; vartical-align:middle; }
	.picBlock .pic .pics .GalP:hover, .picBlock .pic .pics img.active { border:3px solid #1c7960; cursor:pointer; }
.picBlock.gallery .pic > img {height:300px;}
.picBlock.gallery .pic {  border:5px solid #333; }

.infoBlock {border-radius:0px; margin:20px 20px 50px 20px;}
	.infoBlock .body {background-color: #fff; border-radius:5px;color:#333;padding:5px; position:relative; margin: -80px 20px 10px 20px; z-index:2;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2), 0px 3px 5px 0px rgba(0,0,0,0.2);}
	.infoBlock .body p {margin:0px 5px 0px 5px;}
	.infoBlock .more {position:relative;display:block;text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius:5px;}
	.infoBlock .more:hover {box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; color:#fff; }
	.infoBlock .more a {z-index:2; display:block; border-radius:5px; padding:5px; text-decoration:none; color:#ddd}
	.infoBlock .more .hlt {position:absolute; top:50%; left:0px; width:100%; height:0%; background-color:#0bbc69; z-index:1; border-radius:3px;
				    -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
	.infoBlock .more:hover .hlt { height:100%; top:0%;}
	.infoBlock .pic {background-color:#aaa;padding:0px;position:relative; z-index:1;  border-radius:5px; border: 5px solid rgba(200, 30, 70,1); box-shadow:0px 0px 10px #333;}
	.infoBlock .pic img {border:none;background-repeat:no-repeat; background-size:cover; background-position:center center; height:280px; z-index:1; border-radius:5px;}

	#OtherCat {display:none;}
	.adminBox {display:none; border:2px solid #ccc;padding:2%;background-color:#eee;border-radius:10px;}
	.adminBox input, .adminBox textarea, .adminBox select {margin-top:0px;}
	.adminBox input[type=submit] {margin-top:20px;}
	#publish {background-image:none;background-color:#f79;color:#934;border-radius:10px;margin-bottom:-30px;position:relative;z-index:2;}
	#publish.published {background-color:#0f0;color:#060;}
	#addPublished {position:relative;height:25px;}
	 #uploadProgBar, #uploadResult {display:none;}
	 #uploadResult {margin:5px 5px 5px auto;font-size:0.8em;}
	 #formuploadfile {margin-top:6px;display:block;}


.ViewItem {}
	.ViewItem .pics {background-color:#fa1;border-radius:10px;
	box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -moz-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7; -webkit-box-shadow:0px 5px 5px #666, inset 0px 15px 25px #fd7;}

	.ViewItem .picBody {background-color:#2b2b2b;border-radius:10px;}

	.ViewItem .picSelect {overflow:auto;}
	.ViewItem .picSelect img {display:block;width:90%;margin:5% 0px 5% auto;border-radius:5px;border:0.2em solid #222;}
	.ViewItem .picSelect img.active,.ViewItem .picSelect img:hover {border:0.2em solid #fa1;cursor:pointer;}

	.ViewItem .pic {padding:0px;margin}
	.ViewItem .pic img {display:none;width:95%;border:0.5em solid #222;margin:3% auto;border-radius:15px;}
	.ViewItem .pic img.active {display:block;}

	.ViewItem .body {padding:5%;}

#footer {display:block; margin:40px 0px 0px 0px; position:relative; text-align:center; border-top:4px solid #333;z-index:3; color:#eee; background-color:#101010;}
#footer .fmenu { border-radius:5px;  }
#footer .fmenu:hover {color:#f34; text-decoration:none; background-color:#191919;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
#popup .overlay {background-image:url(../images/Various/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #dde1ba;border-radius:50%;background-color:#fff;padding:10px;opacity:0.6;}
#popup .container {border:3px solid #442;border-radius:15px;background-color:#0a0a0a;position:relative;padding:15px;max-height:95%;overflow:auto; color:#fff;
	box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
#popup .close {position:absolute;top:5px;right:8px;background-image:url(../images/Various/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
	cursor:pointer;}
#popup .content p {padding:0px 35px;position:relative;}
#popup .content ul {padding:0px 55px;}
#popup .content strong {position:absolute;top:0px; left:0px;}


	.w-auto {width:auto;}
	.w-05 {width:5%;} .w-10 {width:10%;} .w-15 {width:15%;} .w-20 {width:20%;} .w-25 {width:25%;} .w-30 {width:30%;} .w-33 {width:33.33%;} .w-35 {width:35%;} .w-40 {width:40%;} .w-45 {width:45%;} .w-49 {width:49%;}
	.w-50 {width:50%;} .w-55 {width:55%;} .w-60 {width:60%;} .w-65 {width:65%;} .w-70 {width:70%;} .w-75 {width:75%;} .w-80 {width:80%;} .w-85 {width:85%;} .w-90 {width:90%;} .w-95 {width:95%;} .w-100 {width:100%;}

	.w-pad15p {padding:15% 5%;} .w-pad10p {padding:10% 5%;} .w-pad5p {padding:5% 5%;} .w-pad2p {padding:2% 2%;}
	.w-pad20 {padding:20px;} .w-pad15 {padding:15px;} .w-pad10 {padding:10px;} .w-pad5 {padding:5px;} .w-pad2 {padding:2px;} .w-pad0 {padding:0px;}
	.w-padl20 {padding-left:20px;} .w-padl15 {padding-left:15px;} .w-padl10 {padding-left:10px;} .w-padl5 {padding-left:5px;} .w-padl2 {padding-left:2px;} .w-padl0 {padding-left:0px;}
	.w-padr20 {padding-right:20px;} .w-padr15 {padding-right:15px;} .w-padr10 {padding-right:10px;} .w-padr5 {padding-right:5px;} .w-padr2 {padding-right:2px;} .w-padr0 {padding-right:0px;}
	.w-padt20 {padding-top:20px;} .w-padt15 {padding-top:15px;} .w-padt10 {padding-top:10px;} .w-padt5 {padding-top:5px;} .w-padt2 {padding-top:2px;} .w-padt0 {padding-top:0px;}
	.w-padb20 {padding-bottom:20px;} .w-padb15 {padding-bottom:15px;} .w-padb10 {padding-bottom:10px;} .w-padb5 {padding-bottom:5px;} .w-padb2 {padding-bottom:2px;} .w-padb0 {padding-bottom:0px;}
	.w-minhnone {min-height:initial;} .w-minh300 {min-height:300px;} 

	.w-ib {display:inline-block;} .w-b {display:block;} .w-hide {display:none;} .w-tac {text-align:center;} .w-tal {text-align:left;} .w-tar {text-align:right;} .w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;} .w-vab {vertical-align:bottom;} .w-fr {float:right;} .w-fl {float:left;} .w-fn {float:none;} .w-cen {margin-left:auto; margin-right:auto;} .w-rel {position:relative;}
	.w-tc {display: table-cell;} .w-t {display: table;} .w-flex {display:flex}

	.w-m0 {margin:0px;} .w-m5 {margin:5px;} .w-m10 {margin:10px;} .w-m15 {margin:15px;} .w-m20 {margin:20px;} 
	.w-mr0 {margin-right:0%;} .w-mr2 {margin-right:2%;} .w-mr5 {margin-right:5%;} .w-mr10 {margin-right:10%;} .w-mr15 {margin-right:15%;} 
	.w-mr20 {margin-right:20%;} .w-mr40 {margin-right:40%;} .w-mr60 {margin-right:60%;} .w-mr80 {margin-right:80%;}
	.w-ml0 {margin-left:0%;} .w-ml2 {margin-left:2%;} .w-ml5 {margin-left:5%;} .w-ml10 {margin-left:10%;} .w-ml15 {margin-left:15%;}
	.w-mt0 {margin-top:0%;} .w-mt2 {margin-top:2%;} .w-mt5 {margin-top:5%;} .w-mt10 {margin-top:10%;} .w-mt15 {margin-top:15%;}
	.w-mb0 {margin-bottom:0%;} .w-mb2 {margin-bottom:2%;} .w-mb5 {margin-bottom:5%;} .w-mb10 {margin-bottom:10%;} .w-mb15 {margin-bottom:15%;}

	.w-text06 {font-size:0.6em} .w-text07 {font-size:0.7em} .w-text08 {font-size:0.8em} .w-text09 {font-size:0.9em} .w-text10 {font-size:1em}
	.w-text11 {font-size:1.1em} .w-text12 {font-size:1.2em} .w-text14 {font-size:1.4em} .w-text16 {font-size:1.6em} .w-text18 {font-size:1.8em} .w-text20 {font-size:2em}
	.w-text24 {font-size:2.4em} .w-text28 {font-size:2.8em}
	.w-textb {font-weight:bold;}	.w-texti {font-style:italic;}

	.w-bdrb {border-bottom:1px solid #acf; }
	.w-shadow {box-shadow:0px 0px 5px #000; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;}
	.w-opp0 { opacity:0; } .w-opp02 { opacity:0.2; } .w-opp04 { opacity:0.4; } .w-opp06 { opacity:0.6; } .w-opp08 { opacity:0.8; } .w-opp1 { opacity:1; }
	
	.w-grid { display: grid; }

	.w-grid-g100 { gap: 1rem 1rem; }
	.w-grid-g175 { gap: 1rem 1.75rem; }

	.w-grid-c1 { grid-template-columns: 1fr; }
	.w-grid-c2 { grid-template-columns: 1fr 1fr; }
	.w-grid-c3 { grid-template-columns: 1fr 1fr 1fr; }
	.w-grid-c4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.w-grid-c5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }