html, body {
	background-color: #D7DDE4;
	padding: 0;
	margin: 0;
}
body { padding: 0 5px; }

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a, a:visited { color: #325375; }
a:hover		{ text-decoration: underline; color: #FF7F00; }
hr	{ height: 0px; border: solid #325375 0px; border-top-width: 1px;}
form { display: inline; padding: 0; margin: 0; }
img { border: 0; }
br.spacer { height: 5px; font-size: 5px; line-height: 5px; overflow: hidden; }
caption { margin: 0; padding: 0; }
iframe { border: none; background-color: #EAEEF3; }

/* Header and Logo */
#logotable td { background: url('http://img10.xooimage.com/files/l/o/logo_mid-8fee3.gif') top left repeat-x; height: 77px; overflow: hidden; }
#buttonstable { margin-bottom: 5px; }
#buttonstable td { background: url('http://img8.xooimage.com/files/l/o/logo2_mid-8fee4.gif') top left repeat-x; }
#header-buttons {
	font-size: 11px;
	color: #FFA44A;
	padding-bottom: 2px;
}
#header-buttons a, #header-buttons a:visited {
	color: #E7EBF0;
	text-decoration: none;
}
#header-buttons a:hover { color: #FFF; text-decoration: underline; }

/* This is the border line & background colour round the entire content */
.contenttop td { background: url('http://img10.xooimage.com/files/c/_/c_top-8fee5.gif') left bottom repeat-x; height: 10px; overflow: hidden; }
.contentbottom td { background: url('http://img7.xooimage.com/files/c/_/c_bottom-8fee6.gif') left top repeat-x; height: 10px; overflow: hidden; }
.contentleft { background: #EAEEF3 url('http://img4.xooimage.com/files/c/_/c_left-8fee7.gif') left top repeat-y; }
.contentright { background: #EAEEF3 url('http://img5.xooimage.com/files/c/_/c_right-8fee8.gif') right top repeat-y; }
td.content { background-color: #EAEEF3; }

/* This is the outline round the main forum tables */
.forumline	{ border: solid 1px #325375; background-color: #E6EAF0; }

/* Forum header */
.forumheader td { 
	background: url('http://img8.xooimage.com/files/h/d/hdr_mid-8fee9.gif') left bottom repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #2F5072;
}
.forumheader a, .forumheader a:visited {
	color: #2F5072;
	text-decoration: underline;
}
.forumheader a:hover {
	color: #FF7F00;
	text-decoration: underline;
}

/* pm popup */
.pm-old { display: none; }
.pm-new { margin: 30px; }
.pm-new a, .pm-new a:visited { 
	border: solid 1px #FF7F00; 
	padding: 25px 45px;
	color: #325375;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	background-color: #E6EAF0;
}
.pm-new a:hover, .pm-new a:active {
	color: #FF7F00;
}
/* Main table cell colours and backgrounds */
td.row1, td.row2, td.row3, td.row3Right, td.postbottom {
	border-left: solid 1px #F5F7F9;
	border-right: solid 1px #A1B3C6;
	border-top: solid 1px #F5F7F9;
	border-bottom: solid 1px #849AB1;
	background-color: #E6EAF0;
}

/* Header cells - the blue and silver gradient backgrounds */
th, td.spaceRow, td.th {
	color: #E7EBF0; 
	font-size: 11px; 
	font-weight: bold;
	background: #4A6786 url('http://img6.xooimage.com/files/t/h/th-8feea.gif') top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #5B7EA4;
	border-right: solid 1px #355373;
	border-top: solid 1px #57799D;
	border-bottom: solid 1px #48698D;
}
th.left { text-align: left; }

td.catBottom {
	background: #F2F4F6 url('http://img8.xooimage.com/files/c/a/catbottom-8feeb.gif') top left repeat-x;
	height: 24px;
	padding: 1px 3px;
	border-left: solid 1px #E2E4E8;
	border-right: solid 1px #B8BCC0;
	border-top: solid 1px #E2E4E8;
	border-bottom: solid 1px #B8BCC0;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.spaceRow2 {
	background: #E8EAEC url('http://img2.xooimage.com/files/c/a/cathead-8feec.gif') top left repeat-x;
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #E2E4E8;
	border-right: solid 1px #B8BCC0;
	border-top: solid 1px #E2E4E8;
	border-bottom: solid 1px #B8BCC0;
}
td.spaceRow, td.spaceRow2 { height: 2px; overflow: hidden; font-size: 2px; line-height: 2px; padding: 0; }
.cat,.catHead,.catSides,.catLeft,.catRight,.catBottom { font-size: 12px; }


/*
  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 :-)
*/
td.catHead { font-size: 12px; }

/* 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 : #000000;
}


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

.generror { color: #F31111; }
.progress { background-color: #FF7F00; }

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


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


/* 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 : #000000;}
a.nav			{ text-decoration: none; color : #325375; }
a.nav:hover		{ text-decoration: underline; }


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

/* new thread link */
.link-new a, .link-new a:visited, .link-new a.topictitle, .link-new a.topictitle:visited { color: #FF7F00; }
.link-new a:hover, .link-new a:active, .link-new a.topictitle:hover, .link-new a.topictitle:active { color: #6684A3; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size: 11px; }
.postername		{ font-size: 11px; font-weight: bold; color: #325375; line-height: 1.5em; }

/* Location, number of posts, post date etc */
.postdetails		{ font-size: 10px; }
.posterrank		{ font-size: 9px; color: #14283D; }
.posterprofile	{ font-size: 10px; color: #1E3853; }

/* The content of the posts (body of text) */
.postbody { font-size: 12px;}
.postbody a	{ text-decoration: none; color: #325375; }
.postbody a:visited { text-decoration: none; color: #27415B; }
.postbody a:hover { text-decoration: underline; color: #FF7F00; }

/* Other post stuff */
td.postbottom { 
	background: #CED2D7 url('http://img5.xooimage.com/files/p/r/profile-8feed.gif') top left repeat-x; 
	font-size: 10px;
	color: #325375;
	white-space: nowrap;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #325375;
}

/* Quote & Code blocks */
.quote-table, .code-table {
	border: solid 1px #325375;
	margin: 5px 0;
}
.quote-corner, .code-corner {
	background-color: #4F7092;
	border-right: solid 1px #325375;
}
.quote-left {
	background: #4F7092 url('http://img2.xooimage.com/files/q/u/quote_left-8feee.gif') center center no-repeat;
	border-right: solid 1px #325375;
}
.code-left {
	background: #4F7092 url('http://img4.xooimage.com/files/c/o/code_left-8feef.gif') center center no-repeat;
	border-right: solid 1px #325375;
}
.quote-header, .code-header {
	border-bottom: solid 1px #325375;
	padding: 0 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px;
	color: #325375;
	background-color: #EAEEF2;
}
.quote-text {
	color: #000;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	background-color: #EEF1F5;
}

.code-text {
	font-family: Courier, 'Courier New', sans-serif;
	color: #000;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	line-height: 125%;
	padding: 3px 5px;
	background-color: #EEF1F5;
}

/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}

/* Form elements */
input,textarea, select {
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input.post, textarea {
	border: solid 1px #325375;
	background-color: #FFF;
}
* html input.post, * html textarea { border-color: #000; }
input.post:hover, textarea:hover { border-color: #FF7F00; color: #325375; }
input.post:focus, textarea:focus { border-color: #000; color: #000; }


select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }




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

* html input.button { color: #000; }

input.button {
	height: 18px;
	font-size: 11px;
	vertical-align: middle;
	color: #000;
	border: solid 1px #000;
	background: #F0F0F0 url('http://img6.xooimage.com/files/b/u/button-334ce.gif') repeat-x top left;
}

/* The main submit button option */
input.mainoption {
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	font-weight : normal;
}

input.mainoption, input.liteoption {
	height: 18px;
	font-size: 10px;
	vertical-align: middle;
	color: #000;
	border: solid 1px #000;
        padding-bottom: 2px;
	background: #F0F0F0 url('http://img6.xooimage.com/files/b/u/button-334ce.gif') repeat-x top left;
}

input.mainoption:hover, input.liteoption:hover, input.button:hover {
	color: #FFFFFF;
	background: #F0F0F0 url('http://img23.xooimage.com/files/0/0/8/b-hover-42adb3.gif') repeat-x top left;
}




/* 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 { background-color: #E6EAF0; border: solid 1px #E6EAF0; }


/*
	Styled checkboxes and radio buttons.
	Created by Philip Howard, GamingHeadlines.co.uk
	Web: http://www.gamingheadlines.co.uk/wod/formstyle/index.html
*/
.checkbox {
	background: url('http://img7.xooimage.com/files/c/h/checkboxunchecked-8fef0.gif') no-repeat center center;
	display: block; 
	width: 16px; 
	height:16px;
}
a.checkbox, a.checkboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}
a.checkbox {
	background: url('http://img7.xooimage.com/files/c/h/checkboxunchecked-8fef0.gif') no-repeat center center;
}
a.checkboxchecked {
	background: url('http://img9.xooimage.com/files/c/h/checkboxchecked-8fef1.gif') no-repeat center center;
}

.radiobox {
	background: url('http://img9.xooimage.com/files/r/a/radioboxunchecked-8fef2.gif') no-repeat center center;
	display: block; 
	width: 16px; 
	height:16px;
}
a.radiobox, a.radioboxchecked {
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	cursor: hand;
}
a.radiobox {
	background: url('http://img9.xooimage.com/files/r/a/radioboxunchecked-8fef2.gif') no-repeat center center;
}
a.radioboxchecked {
	background: url('http://img5.xooimage.com/files/r/a/radioboxchecked-8fef3.gif') no-repeat center center;
}

.inputhidden { display: none; }




/*-----------------------
| PopBox begin          |
-----------------------*/ 


.MaxPop
{
   max-width: 600px;
   width: expression(this.scrollWidth >= 600? "600px" : 'auto');
}

.PopBoxImageSmall
{
   border: solid 0px #EFF0F8;
   cursor: url("http://img21.xooimage.com/files/b/f/8/magplus-444544.cur"), pointer;
   margin-top: 10px; 
}

.PopBoxImageSmall:hover {
    border: solid 0px white;
}

.PopBoxImageLarge
{
   border: solid 1px #CCCCFF;
   cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;

}

.PopBoxImageShrink
{
	cursor: url("http://img22.xooimage.com/files/a/8/f/magminus-444549.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}


/*-----------------------
| PopBox End            |
-----------------------*/ 





img.maxwidth {
max-width: 400px;
width: expression(this.scrollWidth >= 400? "400px" : 'auto');
}

.highslide-wrapper div {
 font-family: Verdana, Helvetica;
 font-size: 10pt;
}
.highslide {
 cursor: url(http://arlem.hostarea.org/highslide/graphics/zoomin.cur), pointer;
 outline: none;
 text-decoration: none;
}
.highslide img {
 border: 2px solid white;
}
.highslide:hover img {
 border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
 border-color: black;
}
.highslide-image {
 border-width: 2px;
 border-style: solid;
 border-color: white;
 background: gray;
}
.highslide-wrapper, .rounded-white {
 background: white;
}
.highslide-image-blur {
}
.highslide-caption {
 display: none;
 border-top: none;
 font-size: 1em;
 padding: 5px;
 background: white;
}
.highslide-heading {
 display: none;
 color: gray;
 font-weight: bold;
 height: 20px;
 overflow: hidden;
 cursor: default;
 padding-left: 22px;
 background: url(http://arlem.hostarea.org/highslide/graphics/icon.gif) no-repeat 0 1px;
}
.highslide-dimming {
 position: absolute;
 background: #417EC1;
}
.highslide-loading {
 display: block;
 color: black;
 font-size: 9px;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: none;
 padding: 3px;
 border: 1px solid white;
 background-color: white;
 padding-left: 22px;
 background-image: url(http://arlem.hostarea.org/highslide/graphics/loader.white.gif);
 background-repeat: no-repeat;
 background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
 padding: 2px;
 color: gray;
 text-decoration: none;
 font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
 color: white;
 background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
 width: 105px;
 height: 20px;
 position: relative;
 top: -23px;
 left: 7px;
}
.highslide-controls ul {
 height: 20px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.highslide-controls li {
 float: left;
}
.highslide-controls a {
 background-image: url(http://arlem.hostarea.org/highslide/graphics/controlbar-white-small.gif);
 display: block;
 float: left;
 height: 20px;
 width: 20px;
 outline: none;
}
.highslide-controls a.disabled {
 cursor: default;
}
.highslide-controls a span {
 /* hide the text for these graphic buttons */
 display: none;
}
.highslide-controls .highslide-move {
 display: none;
}
.highslide-move a {
 cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
 background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
 background-position: 0 -20px;
}
.highslide-controls .highslide-previous a.disabled {
 background-position: 0 -40px !important;
}
.highslide-controls .highslide-play a {
 background-position: -20px 0;
}
.highslide-controls .highslide-play a:hover {
 background-position:  -20px -20px;
}
.highslide-controls .highslide-play a.disabled {
 background-position: -20px -40px !important;
}
.highslide-controls .highslide-pause a {
 background-position: -40px 0;
}
.highslide-controls .highslide-pause a:hover {
 background-position: -40px -20px;
}
.highslide-controls .highslide-next a {
 background-position: -60px 0;
}
.highslide-controls .highslide-next a:hover {
 background-position: -60px -20px;
}
.highslide-controls .highslide-next a.disabled {
 background-position: -60px -40px !important;
}
.highslide-controls .highslide-full-expand a {
 background-position: -100px 0;
}
.highslide-controls .highslide-full-expand a:hover {
 background-position: -100px -20px;
}
.highslide-controls .highslide-full-expand a.disabled {
 background-position: -100px -40px !important;
}
.highslide-controls .highslide-close a {
 background-position: -120px 0;
}
.highslide-controls .highslide-close a:hover {
 background-position: -120px -20px;
}