#wrap
{
	width:auto;
	margin:0 auto;
	min-height:100px;
	padding:20px 20px 20px 20px;
	position:relative;
	overflow:auto;
}

a:link
{
	color: #0066FF;
}
a:visited
{
	color: #0066FF;
}
a:hover
{
	color: #FF0000;
}
a:active
{
	color: #FF6600;
}

.altnameslist
{
	height: 165px;
	width: 200px;
	overflow:auto;
	margin-top:5px;
}
.altiplist
{
	height: 165px;
	width: 150px;
	overflow:auto;
	margin-top:5px;
}
.altidlist
{
	height: 165px;
	width: 200px;
	overflow:auto;
	margin-top:5px;
}

.apikeymissing
{
	display: block;
	width: 100%;
	background-color: red;
	text-align: center;
}

.bkgrndblack
{
	background-color: black;
}
.bkgrndltgrey
{
	background-color: #E8E8E8;
}
.bkgrndgrey
{
	background-color: grey;
}
.bkgrnddarkgrey
{
	background-color: #4a4a4a;
}
.bkgrndwhite
{
	background-color: white;
}

.fullscrnbkgrnd
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.blink_text
{
	animation:2s blinker linear infinite;
	-webkit-animation:2s blinker linear infinite;
	-moz-animation:2s blinker linear infinite;
	color: red;
}
@-moz-keyframes blinker
{
	0% { opacity: 1.0; }
	25% { opacity: 0.0; }
	50% { opacity: 1.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes blinker
{
	0% { opacity: 1.0; }
	25% { opacity: 0.0; }
	50% { opacity: 1.0; }
	100% { opacity: 1.0; }
}
@keyframes blinker
{
	0% { opacity: 1.0; }
	25% { opacity: 0.0; }
	50% { opacity: 1.0; }
	100% { opacity: 1.0; }
}

.borderwhite1
{
	border: 1px solid #FFFFFF;
}

.bottom10
{
	bottom:10px;
}
.bottom20
{
	bottom:20px;
}

.cf:before, .cf:after
{
    content:"";
    display:table;
}
.cf:after
{
    clear:both;
}
.cf
{
    zoom:1;
}

.clearboth
{
	clear:both;
}
.clearleft
{
	clear:left;
}
.clearright
{
	clear:right;
}

.ctr1pxbrdr
{
	border:1px solid black;
	text-align:center;
}

.displayblock
{
	display:block;
}

.displayinline
{
	display:inline-block;
}

.displaynone
{
	display:none;
}

.endreasonelse
{
	color:#FF8C00;
}

.fadeout
{
	animation:3s fade_out linear;
	-webkit-animation:3s fade_out linear;
	-moz-animation:3s fade_out linear;

	animation-name: fade_out;
	animation-duration: 3s;
	animation-fill-mode: forwards;
}
@-moz-keyframes fade_out
{
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@-webkit-keyframes fade_out
{
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}
@keyframes fade_out
{
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}

.flameheader
{
	background: url(img/flames.gif) repeat-x bottom center;
	background-size: 75px 60%;
	font-size:28px;
	font-weight:bold;
	color:#000000;
	text-shadow: -1px 0 #FFFFFF, 0 1px #FFFFFF, 1px 0 #FF0000, 0 -1px #FFFFFF;
}

.flamebkgrnd
{
	background: url(img/flames.gif) repeat-x bottom center;
	background-size: 75px 55%;
	text-shadow: -1px 0 #000000, 0 1px #FFFFFF, 1px 0 #FF0000, 0 -1px #000000;
}

.floatleft
{
	float: left;
}

.font0
{
	font-size:0px;
}
.font1
{
	font-size:1px;
}
.font8
{
	font-size:8px;
}
.font10
{
	font-size:10px;
}
.font11
{
	font-size:11px;
}
.font12
{
	font-size:12px;
}
.font13
{
	font-size:13px;
}
.font14
{
	font-size:14px;
}
.font15
{
	font-size:15px;
}
.font16
{
	font-size:16px;
}
.font18
{
	font-size:18px;
}
.font20
{
	font-size:20px;
}
.font22
{
	font-size:22px;
}
.font30
{
	font-size:30px;
}

.fontxl	/*size:5*/
{
	font-size:x-large;
}

.fontbold
{
	font-weight: bold;
}
.fontcenter
{
	text-align:center;
}
.fontleft
{
	text-align:left;
}
.fontright
{
	text-align:right;
}
.fontunderline
{
	text-decoration:underline;
}

.fontlinkblue
{
	/*color:#3366BB;*/
	color:#0066FF;
}
.fontred
{
	color:red;
}
.fontblack
{
	color:black;
}
.fontwhite
{
	color:white;
}
.fontyellow
{
	color:yellow;
}
.fontgrey
{
	color:#ddd;
}
.fontdarkgrey
{
	color:darkgrey;
}
.fontorange
{
	color:orange;
}
.fontFF8C00		/*orange*/
{
	color:#FF8C00;
}
.fontterrred
{
	color:#A52A2A;
}
.fontctblue
{
	color:#5d79ae;
}
.font008000		/*green*/
{
	color:#008000;
}

.footer
{
	font-size:12px;
	color:#ddd;
}

.form-wrapper	/* Form wrapper styling */
{
    /*width: 295px;*/
	width: auto;
	height: auto;
    margin: 2px auto 2px auto;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
.form-wrapper	/* Form wrapper styling */
{
    /*width: 295px;*/
	width: auto;
	height: auto;
    margin: 2px auto 2px auto;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
.form-wrapper input	/* Form text input */
{
    width: 200px;
    height: 16px;
    padding: 5px 1px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 0;
}
.form-wrapper input:focus
{
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder
{
   color: #999;
   font-weight: normal;
   font-style: italic;
}
.form-wrapper input:-moz-placeholder
{
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-ms-input-placeholder
{
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper button	/* Form submit button */
{
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 26px;
    width: 75px;
    font: bold 12px/20px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}
.form-wrapper button:hover
{
    background: #e54040;
}
.form-wrapper button:active,
.form-wrapper button:focus
{
    background: #c42f2f;
    outline: 0;
}
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 5px;
    left: -6px;
}
.form-wrapper button:hover:before
{
    border-right-color: #e54040;
}
.form-wrapper button:focus:before,
.form-wrapper button:active:before
{
       border-right-color: #c42f2f;
}
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}

.grey14
{
	font-size:14px;
	color:#ddd;
}

.greybold30
{
	font-size:30px;
	font-weight:bold;
	color:#ddd;
}

.height1
{
	height:1px;
}
.height300
{
	height:300px;
}

.indexminus1
{
	z-index: -1;
}
.index1
{
	z-index: 1;
}
.index2
{
	z-index: 2;
}
.index3
{
	z-index: 3;
}
.index9999
{
	z-index: 9999;
}

.left50percent	/*center*/
{
	left:50%;
	transform: translateX(-50%);
}

.left1
{
	left:1px;
}
.left150
{
	left:150px;
}
.left1000
{
	left:1000px;
}

.lineheight10
{
	line-height: 10%;
}
.lineheight50
{
	line-height: 50%;
}
.lineheight150
{
	line-height: 150%;
}
.lineheight175
{
	line-height: 175%;
}
.lineheight200
{
	line-height: 200%;
}

.logoutbtn
{
	height:20px;
	width:20px;
	border:1px
}

.marginbottom1em
{
	margin-bottom:1em;
}

.marginleft10
{
	margin-left:10px;
}
.marginleft30
{
	margin-left:30px;
}
.marginleft50
{
	margin-left:50px;
}
.marginleft75
{
	margin-left:75px;
}
.marginleft90
{
	margin-left:90px;
}
.marginleft100
{
	margin-left:100px;
}
.marginleft150
{
	margin-left:150px;
}
.marginleft175
{
	margin-left:175px;
}
.marginleft250
{
	margin-left:250px;
}
.marginleft300
{
	margin-left:300px;
}
.marginleft350
{
	margin-left:350px;
}
.marginleft380
{
	margin-left:380px;
}
.marginleft500
{
	margin-left:500px;
}
.marginleft700
{
	margin-left:700px;
}
.marginleft1000
{
	margin-left:1000px;
}

.margintop5
{
	margin-top:5px;
}
.margintop10
{
	margin-top:10px;
}
.margintop35
{
	margin-top:35px;
}
.margintop50
{
	margin-top:50px;
}
.margintop75
{
	margin-top:75px;
}
.margintop100
{
	margin-top:100px;
}
.margintop125
{
	margin-top:125px;
}
.margintop150
{
	margin-top:150px;
}
.margintop200
{
	margin-top:200px;
}
.margintop250
{
	margin-top:250px;
}
.margintop270
{
	margin-top:270px;
}
.margintop300
{
	margin-top:300px;
}
.margintop350
{
	margin-top:350px;
}
.margintop380
{
	margin-top:380px;
}
.margintop475
{
	margin-top:475px;
}
.margintop500
{
	margin-top:500px;
}

.minheight5
{
	min-height:5px;
}
.minheight20
{
	min-height:20px;
}
.minheight60
{
	min-height:60px;
}

.minmaxwidth30
{
	min-width:30px;
	max-width:30px;
}
.minmaxwidth50
{
	min-width:50px;
	max-width:50px;
}
.minmaxwidth75
{
	min-width:75px;
	max-width:75px;
}
.minmaxwidth100
{
	min-width:100px;
	max-width:100px;
}
.minmaxwidth110
{
	min-width:110px;
	max-width:110px;
}
.minmaxwidth120
{
	min-width:120px;
	max-width:120px;
}
.minmaxwidth125
{
	min-width:125px;
	max-width:125px;
}
.minmaxwidth130
{
	min-width:130px;
	max-width:130px;
}
.minmaxwidth140
{
	min-width:140px;
	max-width:140px;
}
.minmaxwidth150
{
	min-width:150px;
	max-width:150px;
}
.minmaxwidth175
{
	min-width:175px;
	max-width:175px;
}
.minmaxwidth200
{
	min-width:200px;
	max-width:200px;
}
.minmaxwidth225
{
	min-width:225px;
	max-width:225px;
}
.minmaxwidth250
{
	min-width:250px;
	max-width:250px;
}
.minmaxwidth300
{
	min-width:300px;
	max-width:300px;
}
.minmaxwidth400
{
	min-width:400px;
	max-width:400px;
}
.minmaxwidth500
{
	min-width:500px;
	max-width:500px;
}

.mixblendmult	/*Makes image backgrounds transparent*/
{
	mix-blend-mode: multiply;
}

.noborderoutline
{
	border:none;
	outline:none;
}

.nowrap
{
	white-space: nowrap
}

.opacity30
{
	opacity: 0.30;
}
.opacity50
{
	opacity: 0.50;
}
.opacity75
{
	opacity: 0.75;
}

.padding3
{
	padding: 3px;
}
.padding5
{
	padding: 5px;
}

.padleft400
{
	padding-left:400px;
}

.posfixed
{
	position:fixed;
}
.posrelative
{
	position:relative;
}

.red14
{
	font-size:14px;
	color:red;
}
.red20
{
	font-size:20px;
	color:red;
}
.red22
{
	font-size:22px;
	color:red;
}

.redtoyellowgrad
{
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
}

.resizenone
{
	resize: none;
}

.reverseanimation
{
	animation-direction: reverse;
}

.right0
{
	right:0px;
}
.right5
{
	right:5px;
}
.right10
{
	right:10px;
}
.right30
{
	right:30px;
}
.right50
{
	right:50px;
}
.right100
{
	right:100px;
}
.right150
{
	right:150px;
}

.scale75
{
	-webkit-transform:scale(0.75);
	-moz-transform-scale(0.75);
}

.searchbox
{
	position:fixed;
	right:0px;
	z-index:1;
}

.serverselect
{
	font-size:18px;
	font-weight:bold;
	color:#ddd;
}

.spacer1
{
	height:1px;
	width:1px;
}
.spacer10
{
	height:10px;
	width:1px;
}
.spacer15
{
	height:15px;
	width:1px;
}
.spacer20
{
	height:20px;
	width:1px;
}
.spacer30
{
	height:30px;
	width:1px;
}
.spacer50
{
	height:50px;
	width:1px;
}
.spacer75
{
	height:75px;
	width:1px;
}
.spacer100
{
	height:100px;
	width:1px;
}
.spacer150
{
	height:150px;
	width:1px;
}
.spacer200
{
	height:200px;
	width:1px;
}
.spacer250
{
	height:250px;
	width:1px;
}
.spacer300
{
	height:300px;
	width:1px;
}
.spacer500
{
	height:500px;
	width:1px;
}

.spoilerbutton {display:block;margin:5px 0;overflow:hidden;}
.spoiler {overflow:hidden;width:auto;}
.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}
.spoilerbutton[value="Show"] + .spoiler > div {margin-top:-100%;}
.spoilerbutton[value="Hide"] + .spoiler {padding:5px;}

.steamlogin
{
	position:fixed;
	top:5px;
	right:5px;
	z-index:1;
}

.tabcontent
{
	padding: 6px 12px;
	-webkit-animation: fadeEffect 0.2s;
	animation: fadeEffect 0.2s;
}
@-webkit-keyframes fadeEffect
{
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadeEffect
{
	from {opacity: 0;}
	to {opacity: 1;}
}

table.statstbl
{
	border: 1px solid #000000;
	border-collapse: collapse;
	text-align: center;
	color: #FFFFFF;
}
table.statstbl th
{
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 3px 5px;
	border: 1px solid #4A4A4A;
	font-weight:bold;
	text-decoration:underline;
}
table.statstbl td
{
	font-size: 10px;
	border: 1px solid #4A4A4A;
	text-align: left;
	padding: 3px 5px;
}
table.statstbl tr
{
	background: #1C1C1C;
	background: -moz-linear-gradient(top, #1C1C1C 0%, #3D3D3D 80%, #434343 100%);
	background: -webkit-linear-gradient(top, #1C1C1C 0%, #3D3D3D 80%, #434343 100%);
	background: linear-gradient(to bottom, #1C1C1C 0%, #3D3D3D 80%, #434343 100%);
}

table.darkTable
{
	/*font-family: "Arial Black", Gadget, sans-serif;*/
	border: 1px solid #000000;
	border-collapse: collapse;
	background-color: #4A4A4A;
	/*width: 100%;*/
	text-align: center;
	padding:20px 20px 20px 20px;
}
table.darkTable thead
{
	background: #000000;
	/*border-bottom: 3px solid #000000;*/
	z-index: 99999;
	min-height:44px;
	padding: 5px 1px;
	border: 1px solid #4A4A4A;
}
table.darkTable thead th
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	z-index: 99999;
	background: #000000;
	min-height:44px;
	padding: 5px 1px;
	border: 1px solid #4A4A4A;
	/*width: 100%;*/
}
table.darkTable thead th:first-child
{
	border-left: none;
	min-height:44px;
	padding: 5px 1px;
	/*border: 1px solid #4A4A4A;*/
}
table.darkTable td, table.darkTable th
{
	padding: 5px 1px;
	border: 1px solid #4A4A4A;
	/*padding: 3px 2px;*/
}
table.darkTable tbody td
{
	/*height: 60px;
	font-size: 11px;
	font-weight: bold;*/
	color: #FFFFFF;
	/*background: #000000;
	background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
	background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
	background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);*/
	border: 1px solid #4A4A4A;
	padding: 5px 1px;
	z-index: 100;
}
table.darkTable tr:nth-child(even)
{
	background: #1C1C1C;
	background: -moz-linear-gradient(top, #1C1C1C 0%, #3D3D3D 66%, #575757 100%);
	background: -webkit-linear-gradient(top, #1C1C1C 0%, #3D3D3D 66%, #575757 100%);
	background: linear-gradient(to bottom, #1C1C1C 0%, #3D3D3D 66%, #575757 100%);
}
table.darkTable tr:nth-child(odd)
{
	background: #000000;
	background: -moz-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
	background: -webkit-linear-gradient(top, #404040 0%, #191919 66%, #000000 100%);
	background: linear-gradient(to bottom, #404040 0%, #191919 66%, #000000 100%);
}

.titlehdr
{
	font-size:18px;
	font-weight:bold;
	color:#ddd;
}

.togbtn
{
	box-sizing: border-box;
	background-color: transparent;
	border: 2px solid #e74c3c;
	border-radius: 0.6em;
	cursor: pointer;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	padding: 0.8em em 2em;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;

	border-color: #3498db;
	color: #fff;
	background: #2c3e50;
	box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
	transition: all 150ms ease-in-out;

	&:hover
	{
		box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
	}
}

.top5
{
	top:5px;
}
.top30
{
	top:30px;
}
.top80
{
	top:80px;
}
.top130
{
	top:130px;
}
.top150
{
	top:150px;
}
.top180
{
	top:180px;
}
.top230
{
	top:230px;
}
.top250
{
	top:250px;
}
.top280
{
	top:280px;
}
.top330
{
	top:330px;
}
.top350
{
	top:350px;
}

.transpbg
{
	background-color: transparent;
}

.verticalcenter		/*center in page*/
{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.viewerwindow
{
	display:inline-block;
	margin-left:-150px;
	margin-top:-30px;
}

.width1
{
	width:1px;
}
.width200
{
	width:200px;
}
.widthauto
{
	width:auto;
}

.widthpercent50
{
	width:50%;
}
.widthpercent75
{
	width:75%;
}
.widthpercent100
{
	width:100%;
}

.fadeinout
{
    width:200px;
    height: 200px;
    -webkit-animation: fadeinout 2s linear forwards;
    animation: fadeinout 2s linear forwards;
    opacity: 0;
}
@-webkit-keyframes fadeinout
{
  50% { opacity: .75; }
}
@keyframes fadeinout
{
  50% { opacity: .75; }
}