/*
	Skillz R3 theme
	$Id: theme.css,v 1.1.2.3 2006/01/02 22:44:40 surg30n Exp $
*/

body {
	background-color: white;
	scrollbar-face-color: #C1D6FF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #00008B;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;	

	margin:0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: Black;

}

div#bigbro {
    min-width:870px;
    width:expression(((document.compatMode && 
	document.compatMode=='CSS1Compat') ? 
	document.documentElement.clientWidth : 
	document.body.clientWidth) 
	< 870 ? "870px" : "100%");
}

div#head {
    height: 91px;
    background-image: url(images/new/head_span.jpg);
    backgound-repeat : repeat-x;
}

div#head div.left {
    float:left;
    width:458px;
    height: 91px;
    background-image: url(images/new/head_left.jpg);
    backgound-repeat : no-repeat;
        
}

div#head div.right {
    float:right;
    width:402px;
    height: 91px;
    background-image: url(images/new/head_right.jpg);
    backgound-repeat : no-repeat;
        
}

div#nav {

    width:100%;
    height: 20px;
/*    background-image: url('images/new/nav.gif'); */
    backgound-repeat : repeat-x;
    margin:0px 0px 1px 0px;
    background: #F1F6Fd;
    border-bottom: 1px solid #005DE8;
    
}

div#nav div.item {
    background-image: url('images/header/nav_bul.gif');
    background-repeat : no-repeat;
    background-position: 0px 3px;
    margin-right: 8px;
    float:left;    
    padding:3px 0px 0px 14px;
    height:17px;
}

div#body {
    width:100%;
    clear:both;
}

#menu_left {
    position:fixed !important;
}

div#body div.menu_left {
    background-image: url('images/new/menu/2_spacer.gif');
    background-repeat : repeat-y;    
    width:25px;
    *margin-bottom:-1px;
    position:absolute;
    left:0px;
/*
    float:left;
    margin-right:1px;
    top:40px;
*/
	
}

    div#body div.menu_left a img.item {
	margin-bottom:1px;
	*margin-bottom:-1px;
    }


html>/**/body div#body div.menu_left a img.item, x:-moz-any-link, x:default { margin-bottom:-1px;}

div#body div.left {
    float:left;
    width:212px;
    border-left:1px solid blue;
    margin-bottom:10px;
    background-image: url('images/new/lmenu_span.gif');
    background-repeat : no-repeat;
    background-position: 0px 100%;
    padding-bottom:1px;
*margin-left:-6px;

}


div#body div.right {
    float:right;
    width:212px;
    margin-bottom:10px;
    padding-bottom:1px;

}


div#body div.main {
    margin-bottom:1px;
    padding-left:3px;
    padding-right:3px;
    margin-left:238px;
}


div#foot {
    font-size:10px;
    clear:both;
    margin:8px 0px 10px 26px;
    *margin-top:13px;
    border-left: 4px solid #0861BB;
    padding:10px;
    padding-top:12px;
    text-align:left;
    height:40px;
}

div.offscreen {
    z-index:-1;
    position:absolute;
    top:5px;
    left:-5000px
}


.opacity50  { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.opacity100 { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

/*
    other
*/        

p {
	padding: 2px;
	margin: 2px;
}

table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: Black;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:visited { text-decoration: none; color :  #006699; }
a:hover,a:active	{ text-decoration:none ; color : #DD6900; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ border:1px dotted #0066FF;
	background-color:#FFF; }
	/*background-color: #FFFFFF; border: 1px #98AAB1 solid; }*/

.mainline	{ background-color: #FFFFFF; border: 1px Navy solid; }
/* This is the outline round the main forum tables */
.forumline, .forumlineNT	{ background-color: #FFFFFF; border: 1px #0066CC solid; }

/* Main table cell colours and backgrounds */


td { vertical-align:top; }

td.button
{
	background-color: #4B60A4; /*F6FAF8;*/
}

/* selected */

td.buttons
{
	background-color: #324169; /*F6FAF8;*/
}


td.row1
{
	background-color: #F5F9FD; /*F6FAF8;*/

}

td.row2
{
	background-color:#ECEDF0; /* sinc leftrightbody */
	
}

td.row3 {
	
	background-color:#DFE6EF;

	}

td.row4 {
	
	background-color:#E4EAF2;
	
}

td.cat1 {
	
	background-color:#F9F9F9;
	border-top:1px dashed #CCCCCC;
	border-bottom:1px dashed #CCCCCC;

}


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #FFFFFF;
		background-image: url(images/cellpic2.jpg);
		background-repeat: repeat-y;
}

td.ss_rowpic {
		background-color: #FFFFFF;
		background-image: url(images/ss_grad.gif);
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds 
th	{
	color: #333366; font-size: 11px; font-weight : bold;
	background-color: #D6D6D6; height: 25px;
	background-image: url(images/tile_sub.gif);
}
*/

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			/*background-image: url(images/cellpic1.gif);*/
			background-color:#DFE6EF;
			border: #FFFFFF; border-style: solid; height: 28px;
}



/* The largest text used in the index page title and toptic title etc. */

h1, .htitle, .maintitle	{
			font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 120%; margin: 0px; display: inline; color : #000000; text-decoration: none;

}

.htitle, .maintitle	{ line-height: 100% }

h2	{
			font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0px; display: inline;  color : #000000;			
}

h3	{
			font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0px; display: inline;  color : #000000;
}



/* General text */
.genbig { font-size : 12px; font-weight: bold; }
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gensmallbold { font-size : 10px;  font-weight: bold;   }
.gensmallbold:visited{
 font-style: italic;
}
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #DD6900; text-decoration: none; }
a.genmed_selected	{ color: #000000; text-decoration: none; }

.helpsmall, a.helpsmall {	
/*	color:#CC3300;*/
color:#6D6D6D;
	font-size : 10px;
}

.genofftop {
	color: #696969;
	font-size : 10px;
}


/* The register, login, search etc links at the top of the page */
.mainmenu, .mainmenus		{ color : #20219B; FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
.mainmenus {
	color: #E3E4FF;
}

a.mainmenu:link, a.mainmenu:visited, a.mainmenu:hover		{ text-decoration: none; color : #FFFFFF; font-weight: bold;  }
a.mainmenus:link, a.mainmenus:visited, a.mainmenus:hover		{ text-decoration: none; color : #E3E4FF; font-weight: bold; }


td.mm_l_border_ {
		background-image: url(images/menubox/mm_l.gif);		
		width: 5px;
		background-repeat: no-repeat;		
		background-position: top;				
}

td.mm_r_border_ {
		background-image: url(images/menubox/mm_r.gif);		
		width: 5px; 
		background-repeat: no-repeat;		
		background-position: top;				
}

td.mm_m_border_ {
		background-image: url(images/menubox/mm_m.gif);		
		background-repeat: repeat-x;		
		background-position: top;
		padding: 6px 5px 4px 6px;
}

td.mm_l_border_s {
		background-image: url(images/menubox/mm_ls.gif);		
		width: 5px;
		background-repeat: no-repeat;		
		background-position: top;				
}

td.mm_r_border_s {
		background-image: url(images/menubox/mm_rs.gif);		
		width: 5px; 
		background-repeat: no-repeat;		
		background-position: top;				
}

td.mm_m_border_s {
		background-image: url(images/menubox/mm_ms.gif);		
		background-repeat: repeat-x;		
		background-position: top;
		padding: 6px 5px 4px 6px;
}


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


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


/* 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;}*/
.nav			{ FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR:  #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none }
a.nav			{ text-decoration: none; color : #006699; }
a.nav:hover		{ text-decoration: none; }

h1.nav			{ text-decoration: none; color : #006699; border-bottom: 1px #006699 dotted; font-family: verdana,arial; font-size:11px; }


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

a.topictitle:hover	{ text-decoration: none; color : #5493B4; }


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

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


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


p.pre {

	margin:0px;
	padding:0px;
	padding-left:13px;
	margin-bottom:1px;

}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	/*background-color: #FAFAFA;*/ border-left:3px #D1D7DC solid;
	margin-left:8px;
	padding:8px;	
}

.mono {
    font-family: Courier, 'Courier New', monospace;
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright, a.copyright	{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black;  font-weight: normal; letter-spacing: -1px }
		
a.copyright:hover { color: #000000; text-decoration: underline;}
a.copyright { color: #000000; text-decoration: none;}


/* Form elements */

form {
	padding: 0px; margin: 0px
}

input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}

input.textinput, input.post, textarea.post, select {
	background-color: #FFF;
	color:#000;
	font-size:10px;
	font-family: Verdana,Arial, Sans-Serif;
	padding:2px;
	border:1px solid #CCCCCC;
}

input.post, textarea.post {
	font-size: 10px;
}

/* The text input fields background colour 
input.post, textarea.post, select {
	background-color : #FFFFFF;
}
*/
input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button, input.mainoption {
	color : #000000;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
	background-color: #DFE6EF;
	font-weight:bold;
	padding:2px;
}

/* The main submit button option */
input.mainoption {
	background-color : #FAFAFA;
	font-weight : bold;
	padding:2px;
}

/* None-bold submit button */
input.liteoption {
	BORDER-WIDTH:1;
	BORDER-STYLE:SOLID;
	BORDER-COLOR: #D1D7DC;
	BACKGROUND-COLOR: #EFEFEF;	
	color: Gray;
	font-weight : normal;
	font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}

/* 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 { 
	FONT-FAMILY: Verdana; font-size: 10px;
	background-color: #DEE3E7; border-style: none; }

/* SSHOP */

.formback {
	background-color: #F2F3F5;	
}


/*
	menu
*/

td.menuimg {
		background-color: #F3F6F5;
		background-image: url(images/menuback.gif);
		width: 25px; height: 42px 
		background-repeat: no-repeat;
		text-align: center;
		vertical-align: middle;
}

td.menutext {
		padding-left: 5px;
		padding-right: 10px
		text-align: center;
		vertical-align: middle;
}

td.vline05 {
		background-image: url(images/r2/r2_vline.gif);		
		background-position: 2px;
		background-repeat: repeat-y;
		width:3px;	
}

td.rvline05 {
		background-image: url(images/r2/r2_vline.gif);		
		background-position: -1px;
		background-repeat: repeat-y;
		width:3px;		
		font-size: 2px;
}

td.gline05 {		
		background-image: url(images/gline_05.gif);		
		background-repeat: repeat-x;
		background-position: 0px 3px;
		height: 7px;
}

.vline, .gline {
		border-style: dotted;	
}


/* body borders */

td.leftrightbody {
	/*background-color:#ECEDF0;*/
	background-color:white;	
}


td.bborderl {
		width:5px;
}

td.bborderr {
		width:6px;
}

/* for border - background */

.borderback {
	background-color: #98AAB1;/* #98AAB1; */
}

td.newsBODY, .block {		
		padding-left: 3px;				
		padding-right: 3px;
		padding-bottom: 3px;
		padding-top: 3px;
}


/*
	centerbox
*/

td.centerboxLT {
		background-image: url(images/center_box/center_box_01.gif);		
		width: 24px; height: 21px;
		background-repeat: no-repeat;		
		background-position: bottom;				
}

td.centerboxRT {
		background-image: url(images/center_box/center_box_03.gif);		
		width: 9px; height: 21px;
		background-repeat: no-repeat;		
		background-position: bottom;				
}

td.centerboxT {		
		background-image: url(images/center_box/center_box_02.gif);		
		height: 21px;
		background-repeat: repeat-x;		
		background-position: bottom;				
}

td.centerboxLM {
		background-image: url(images/center_box/center_box_04.gif);		
		width: 3px;
		background-repeat: repeat-y;		
		background-position: left;				
}

td.centerboxRM {
		background-image: url(images/center_box/center_box_06.gif);		
		width: 3px;
		background-repeat: repeat-y;		
		background-position: right;				
}

td.centerboxM {
	
}

td.centerboxLB {
		background-image: url(images/center_box/center_box_10.gif);		
		width: 9px; height: 9px;
		background-repeat: no-repeat;		
		background-position: top;				
}

td.centerboxRB {
		background-image: url(images/center_box/center_box_12.gif);		
		width: 9px; height: 9px;
		background-repeat: no-repeat;		
		background-position: top;				
}

td.centerboxB {
		background-image: url(images/center_box/center_box_11.gif);		
		height: 9px;
		background-repeat: repeat-x;		
		background-position: top;				
}

/*
	rightbox
*/

td.rightboxL {
		background-image: url(images/mcap/mcap_l.gif);		
		width: 28px; height: 34px;
		background-repeat: no-repeat;		
}

td.rightboxR {
		background-image: url(images/mcap/mcap_r.gif);				
		background-repeat: no-repeat;		
		width:29px;		
}

td.rightboxSPAN {
		background-image: url(images/mcap/mcap_span.gif);		
		background-repeat: repeat-x;		
}

td.rightboxM, td.rightboxML {		
		background-image: url(images/mcap/mcap_m.gif);				
		background-repeat: repeat-x;		
		vertical-align: top;			
		padding-top: 10px; 
		color: White;
}

td.rightboxML {
    padding-left:20px;
}

/*
	LEFT BODY
*/

td.leftblock_capR {
		background-image: url(images/leftbody/leftbody_caption_05.gif);				
		background-repeat: no-repeat;		
}

td.leftblock_capL {
		background-image: url(images/leftbody/leftbody_caption_01.gif);		
		background-repeat: no-repeat;		
}

td.leftblock_capM {
		background-image: url(images/leftbody/leftbody_caption_03.gif);		
		background-repeat: repeat-x;	
		padding-left: 3px;
		FONT-WEIGHT: bold; FONT-SIZE: 11px; FONT-FAMILY: Verdana;
		vertical-align: middle;
		color: White;	
}

td.leftblock_splitter {
		background-image: url(images/leftbody/splitter.gif);		
		background-repeat: repeat-y;		
}

/* bulk support */
.DEK {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}

img.img_pic { cursor:pointer; border:1px solid #0066FF; }

.highlight { color:white; font-weight: bold; background-color:#FF7400; }