/*::::_________________________          Mystrix Core: CSS V 3.1           _________________________::::*/
/*::::_________________________ Written by Gabriel Homeier A.K.A MetaPhaze _________________________::::*/
/*::::_________________________ Mystrix Core _________________________::::*/

/*:::: Page Drop Ins *:::: Arranged in z-index order */

/* z-index 0 (root) */

html {
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:0px;
z-index:0;
width:100%;
height:auto;
clear:both;
}

/* z-index 1 */
body {
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:0px;
z-index:1;
font-family: AlMohanad, Comic Sans MS, cursive, Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color: #FFFFFF;
width:100%;
height:auto;
clear:both;
}

blockquote {
width:90%;
height:auto;
z-index:1;
background-color:#222222;
text-align:left;
border: 0.2em ridge;
padding: 0.4em;
}

table {
padding-left:2em;
padding-bottom:2em;
text-align:center;
table-layout:fixed;
z-index:1;
width:100%;
height:auto;
border:0px groove;
}

table.loads {
margin-top:2em;
margin-bottom:2em;
margin-left:25%;
border:1px solid;
padding:1em;
border-collapse:collapse;
width:50%;
}

td.loads {
border:1px solid;
padding:1em;
border-collapse:collapse;
width:50%;
}

th.loads {
border:1px solid;
padding:1em;
border-collapse:collapse;
width:50%;
}

/* z-index 2 */
div#Header {
position:relative;
margin-left:auto;
margin-right:auto;
padding:0px;
top:0px;
left:25%;
z-index:2;
clear:both;
background:none;
width:100%;
height:auto;
}

div#Logo {
position:relative;
margin-left:auto;
margin-right:auto;
padding:0px;
width:230px;
height:36px;
top:0px;
left:0px;
z-index:2;
clear:both;
}

div#Wrap {
position:relative;
margin-left:auto;
margin-right:auto;
padding:0px;
top:0px;
left:0px;
z-index:2;
display:block;
clear:both;
width:75%;
height:auto;
}

div#WelcomeMessage {
position:relative;
margin-left:auto;
margin-right:auto;
padding-left:0em;
padding-right:1.0em;
padding-top:0.5em;
padding-bottom:0.5em;
top:0px;
left:0px;
z-index:2;
border:0.0em;
clear:both;
width:75%;
height:3.2em;
}

div#Content {
position:relative;
margin-top:15px;
margin-left:auto;
margin-right:auto;
padding:10px;
top:0px;
left:0px;
width:75%;
height:auto;
z-index:2;
clear:both;
text-align:left;
display:block;
overflow-x:auto;
background:#000000;
opacity:0.9;
}

div#Content li {
list-style-type:circle;
z-index:2;
opacity:1.0;
margin-left:1.0em;
}

div#Content p {
z-index:2;
opacity:1.0;
margin-left:1.5em;
}

iframe {
height:800px;
width:75%;
opacity:1.0;
border:0px;
z-index:5;
}

div#Footer {
position:relative;
margin-left:auto;
margin-right:auto;
padding:10px;
top:10px;
left:0px;
width:75%;
height:auto;
z-index:2;
clear:both;
background:black;
opacity:0.9;
}

div#Copy {
position:relative;
text-align:left;
top:0px;
left:0px;
z-index:2;
width:35%;
height:10%;
}

div#Donate {
position:relative;
clear:right;
float:right;
text-align:center;
width:25%;
height:10%;
}

/* still exists? */
div#LoginOrRegister {
float:left;
clear:both;
width:15.0em;
}

div#StartHere {
position:relative;
clear:both;
width:100%;
z-index:2;
opacity:1.0;
margin-left:0.5em;
}

div#DivStartHere {
z-index:2;
opacity:1.0;
float:left;
clear:right;
}

div.RecentPlayers {
float:right;
border:5px groove;
z-index:2;
clear:right;
position:relative;
width:30%;
height:25%;
margin:5em;
text-align:center;
padding:10px;
}

div#Maps {
clear:both;
border:4px groove;
margin-left:0.5em;
margin-top:0.5em;
text-align:left;
display:block;
margin-bottom:0.5em;
padding:1.5em;
}

div.Spacer {
clear:both;
width:100%;
}

p {
z-index:2;
opacity:1.0;
width:80%;
margin:3px;
}

p#usr {
width:auto;
position:relative;
float:right;
border: 5px groove;
padding:0.5em;
margin:0em;
}

h1 {
font-size:1.6em;
color: #FFCC33;
text-decoration: none;
}

h2 {
font-size:1.4em;
color: #FFCC33;
text-decoration: none;
}

h3 {
font-size:1.2em;
color: #FFCC33;
text-decoration: none;
}

h4 {
font-size:1.0em;
color: #FFCC33;
text-decoration: none;
}

u {
color: #FF5555;
}

ul {
margin-left:0.0em;
}

li {
list-style-type:none;
}

dl {
border:3px groove;
list-style-type:none;
margin:3px;
padding-left:10px;
width:80%;
}

dt {
list-style-type:none;
color: #FFCC33;
margin:3px;
margin-top:10px;
padding-left:10px;
width:80%;
}

dd {
list-style-type:circle;
margin:3px;
padding-left:25px;
}

dt.sub {
list-style-type:none;
margin:5px;
padding-left:25px;
width:80%;
color:#FF5555;
}

dd.sub {
  list-style-type:none;
  margin:5px;
  padding-left:40px;
  width:80%;
}

strong {
color: #55FF55;
}

.important {
color: #11FFFF;
}

.important2 {
color: #FF1111;
}

a:link,a:hover,a:visited,a:active {
display:inline;
border: none 0em;
margin:0em;
padding:0em;
}

a:link {
border:none;
padding:0.0em;
margin:0.0em;
color: #FFCC33;
}

a:hover {
color:#FFFFFF;
}

a:visited {
color:#FF0000;
}

a:active {}

object {
margin:0.2em;
clear:left;
float:left;
}

embed {
margin:0.2em;
clear:left;
float:left;
}

img {
border:none 0.0em;
margin:0.0em;
padding:0.0em;
}

/*=============== End Mystrix Core =================*/
/* ========== mb.gallery / Mystrix Core =============== */
/*
#iFrameScreenShots {
	padding-left:0.5em;
	padding-right:0.5em;
	background:transparent;
	border:0;
	width:35.0em;
	/*500px    height:25.0em;
	/*400px
}

#DivScreenShots {
	padding-left:0.5em;
	padding-right:0.5em;
	background:transparent;
	float:left;
	clear:left;
	border:0.0em;
	width:35.0em;
	height:25.0em;
	margin-top:0.5em;
	margin-right:0.5em;
}

*/
/* ================= End mb.gallery / Mystrix Core ===================*/