HTML {height:100%;}
BODY { margin:0; padding:0; height:100%; SCROLLBAR-ARROW-COLOR: #ff5400; SCROLLBAR-FACE-COLOR: #3c3932; SCROLLBAR-DARKSHADOW-COLOR: #1f1e1c; SCROLLBAR-HIGHLIGHT-COLOR: #1f1e1c; SCROLLBAR-SHADOW-COLOR: #1f1e1c; SCROLLBAR-TRACK-COLOR: #111110; SCROLLBAR-3DLIGHT-COLOR: #1a1917;background-color: #000000;}
 
body, table, th, td, div, p { font-size:12px; font-family:"Tahoma",Gulim; color:#FFFFFF; }
ul, li, dl, dt, dd { margin:0; padding:0; }
a, a:link, a:visited { color:#bea479; text-decoration:none; }
a:hover { color:#bea479; text-decoration:underline; }
fieldset { margin:0; padding:0; border:none; }
li { list-style:none; }
img { border:none; }
form { margin:0; padding:0; }
.text_suport {color: #999999}

#contenedor {
	position: relative;
	text-align:center;
	z-index: 1;
	overflow: visible;
	visibility: inherit;
	height: 100%;
	width: auto;
	background-color: #000000;
	background-image: url(/images/BG_MagicGladiator.jpg); 
	background-repeat: no-repeat; 	
	background-position: center top;
	background-attachment: fixed; 
}

#page_container {
	height: 100%;
	width: 976;
	position: relative;
	z-index: 10;
}

#page_unaviable {
	position: relative;
	visibility: visible;
	z-index: 10;
	height: 300px;
	padding-top: 150px;
}

#smallMenu {
	position:absolute;
	z-index:200;
	height:25px;
	margin-top: 14;
	margin-left: 0;
	left: 0px;
	visibility: visible;
	/* border: thin solid #00FF66; */
	width: 974px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: bottom;
	background: url(/images/main/bg_support.png);
	
}

#menutop {
	position:absolute;
	background:url(/images/image182.png) no-repeat;
	height:200px;
	left: 0px;
	visibility: visible;
	z-index:150;
	/* border: thin solid #00FF66;  */
	width: 976px;
	top: 32px;
	overflow: hidden;
}

#logowrap {
	position:absolute;
	left: 430px;
	z-index:1000;
	top: 5px;
}

#page_container #footer {
	/*border: thin double #FFFF00;*/
	position: relative;
	visibility: visible;
	z-index: 10;
	width: 100%;
}
#header { position:relative; height:235px; overflow:hidden; z-index:10; }
#header #visual { position:absolute; left:0; top:0; z-index:10; }

#cpanelwrap {
	position:relative;
	height:465px;
	width:690px;
	left: 130px;
	background-image: url(/images/Sub_BG_04.jpg);
	background-repeat:  repeat-y;
	z-index: 75;
}

#cpcontents{
	position:relative;
	left:0px;
	top: 0px;
	width:690px;
	height:474px;
	z-index: 80;
	padding: 6px;
}
.title_img { margin-top: 8px; margin-right: 4px; margin-bottom: 4px; margin-left: 4px; }

#title { position:relative; left:0px; width:690px; height:30px; background-image: url(/images/Sub_BG_04_sup.png); background-repeat: no-repeat; background-position: top; }
#cp_contents_down{ position:relative; left:0px; width:690px; height:30px; background-image: url(/images/Sub_BG_04_inf.png); background-repeat: no-repeat; background-position: bottom; }

.text_box {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	background-color: #000000;
	padding: 2px;
	border: 1px solid #555555;
	text-align: right;
	vertical-align: middle;
}
.text_boxx {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	background: none;
	padding: 2px;
	border: 0px solid #555555;
	text-align: right;
	vertical-align: middle;
}
.text_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.text_desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #DCA343;
}
.text_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	font-weight: bold;
}
#content_alert {
	height:100%;
	width: 100%;
	background-image: url(/images/bg2.png);
	background-repeat: repeat;
	margin: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	background-position: left top;
	left: 0px;
	top: 0px;
	}
#content_alert #content_alert_box {
	position: relative;
	top: 20%;
	height: 100px;
}
#content_alert #content_alert_box #box_up{
	position: relative;
	width: 500px;
	height: 61px;
	background-image: url(/images/bg_alert_up.png);
}
#content_alert #content_alert_box #box_mid{
	position: relative;
	width: 500px;
	background-image: url(/images/bg_alert_middle.png);
	background-repeat:  repeat-y;
}
#content_alert #content_alert_box #box_down{
	position: relative;
	width: 500px;
	height: 50px;
	background-image: url(/images/bg_alert_down.png);

}

#content_alert #content_alert_box #btn01 {visibility: hidden;}
#content_alert #content_alert_box #btn02 { visibility: hidden;}

hr {
border-top: 1px solid #121316;
border-bottom: 1px solid #47475D;
height: 2px;
width: 100%;
}


/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #1E1E2A; border: 0px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline	{ 
			/* background-color: #1E1E2A; */ 
			border: 0px #E4E4E4 solid;
			background-image: url(/templates/H2Design/images/bg1.png);
			}
.table_bg {
			background-image: url(/templates/H2Design/images/bg2.png);
			}


/* Main table cell colours and backgrounds */
td.row1	{
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */
background-image: url(/templates/H2Design/images/bg1.png);
}
td.row2	{
	BORDER-RIGHT: #47475D 1px solid;
	BORDER-TOP: #121316 2px solid;
	BORDER-BOTTOM: #47475D 1px solid;
	BORDER-LEFT: #121316 2px solid;
/* background:#2C2C3C; */
	background-image: url(/templates/H2Design/images/bg2.png);
}
td.row3	{
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A;
}
td.row4	{
	BORDER-RIGHT: #47475D 1px solid;
	BORDER-TOP: #121316 2px solid;
	BORDER-BOTTOM: #47475D 1px solid;
	BORDER-LEFT: #121316 2px solid;
/* background:#2C2C3C; */
/*	background-image: url(/templates/H2Design/images/bg2.png); */
}
td.row5	{
	/*BORDER-RIGHT: #47475D 1px solid;
	BORDER-TOP: #121316 2px solid;
	BORDER-BOTTOM: #47475D 1px solid;
	BORDER-LEFT: #121316 2px solid;*/
	background:#AD691E; 
	background-image: url(images/bg_button.jpg); 
}


td.rowpic {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#2A2B3A; */
background-image: url(/templates/H2Design/images/bg2.png);
}


th	{
color: #B7BAC5; 
font-size: 11px; 
font-weight : bold;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#2C2C3C; */
height: 25px;
background-image: url(images/cellpic3.gif);
}
th.1	{
color: #B7BAC5; 
font-size: 11px; 
font-weight : bold;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#AD691E; 
height: 25px;
background-image: url(images/bg_button.jpg);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#2A2B3A; */
height: 28px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/

th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */
background-image: url(/templates/H2Design/images/bg2.png);
height: 28px; 
}
td.row3Right,td.spaceRow {
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */

 }

td.catHead { 
font-size: 12px; 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A;  */
}
td.catSides	 { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#1E1E2A; 
}
td.catRight	 { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */
background-image: url(/templates/H2Design/images/bg2.png); 
}
td.catLeft	  { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */
background-image: url(/templates/H2Design/images/bg2.png);
}
td.catBottom  { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
/* background:#1E1E2A; */
background-image: url(/templates/H2Design/images/bg1.png);
}



/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
font-weight: bold; 
font-size: 22px; 
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #ffffff;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #E4E4E4; }
a.gen,a.genmed,a.gensmall { color: #E4E4E4; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #F3D823; text-decoration: none; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #E4E4E4; }
a.mainmenu		{ text-decoration: none; color : #E4E4E4;  }
a.mainmenu:hover{ text-decoration: none; color : #F3D823; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 0px; color : #E4E4E4}
a.cattitle		{ text-decoration: none; color : #E4E4E4; }
a.cattitle:hover{ text-decoration: none; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #E4E4E4; }
a.forumlink 	{ text-decoration: none; color : #E4E4E4; }
a.forumlink:hover{ text-decoration: none; color : #F3D823; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #E4E4E4;}
a.nav			{ text-decoration: none; color : #E4E4E4; }
a.nav:hover		{ text-decoration: none; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #E4E4E4; }
a.topictitle:link   { text-decoration: none; color : #E4E4E4; }
a.topictitle:visited { text-decoration: none; color : #E4E4E4; }
a.topictitle:hover	{ text-decoration: none; color : #F3D823; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #E4E4E4;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #E4E4E4; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #E4E4E4; }
a.postlink:visited { text-decoration: none; color : #E4E4E4; }
a.postlink:hover { text-decoration: none; color : #F3D823;}


/* Quote & Code blocks */
.code {
font-family: Arial, 'Courier New', sans-serif; 
font-size: 11px; color: #F3D823;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}

.quote {
font-family: Arial, 'Courier New', sans-serif; 
font-size: 11px; color: #F3D823;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #996633; text-decoration: none;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:link   { text-decoration: none; color : #996633; }
a.copyright:visited { text-decoration: none; color : #444444; }
a.copyright:hover { color: #F3D823; text-decoration: none;}

/* Form elements */
textarea, select {
color : #e4e4e4;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
	background-color: #000000;
	padding: 2px;
	border: 1px solid #555555;
}



/* The buttons used for bbCode styling in message post */

input.button {
	color : #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/bg_button.jpg);
	background-repeat: repeat;
	height: 24px;
	/*width: 135px;*/
	border-top-color: #64380A;
	border-right-color: #70400C;
	border-bottom-color: #70400C;
	border-left-color: #64380A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-attachment: scroll;
	margin: 2px;
	padding: 2px;
	background-color: #64380A;
}
/* The main submit button option */
input.mainoption {
BORDER-RIGHT: #121316 2px solid; 
BORDER-TOP: #47475D 2px solid; 
BORDER-BOTTOM: #121316 1px solid;
BORDER-LEFT: #47475D 2px solid;
background:#2C2C3C;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
BORDER-RIGHT: #121316 2px solid; 
BORDER-TOP: #47475D 2px solid; 
BORDER-BOTTOM: #121316 1px solid;
BORDER-LEFT: #47475D 2px solid;
background:#2C2C3C;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { 
BORDER-RIGHT: #47475D 1px solid; 
BORDER-TOP: #121316 2px solid; 
BORDER-BOTTOM: #47475D 1px solid;
BORDER-LEFT: #121316 2px solid;
background:#0D0E13; 
}


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");