/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #DDDDDD;
	scrollbar-face-color: #EEEEEE;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DDDDDD;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-arrow-color:  #333333;
	scrollbar-track-color: #DDDDDD;
	scrollbar-darkshadow-color: #999999;
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
	overflow-y: scroll;
	margin: 2px 0px 8px 0px;
}

body.print {
	background-color: #FFFFFF;
	margin          : 0px 0px 0px 0px
}

/* General font families for common tags */
font,th,td,p,div { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link, a:active, a:visited {
  color: #333333;
}
a:hover, a:focus {
  color: #CB5F00;
}

.quote,hr	{ height: 0px; border: solid white 0px; border-top-width: 1px; margin-bottom:8px; margin-top:8px; }

img, img.noborder	{ border:0px; }

a img		{ border:#333333 solid 2px; }
a:hover img, a:focus img {
  border-color:#CB5F00;
}

sup { font-size:80%; position:relative; top:-3px; vertical-align:top; }
sub { font-size:80%; position:relative; top:3px; vertical-align:bottom; }

img.hr  { background:#DDDDDD; margin-top:10px; margin-bottom:10px; clear:both; }
img.hr2 { background:white; margin-top:6px; margin-bottom:6px; clear:both; }
img.hr3 { background:#DDDDDD; margin-top:4px; margin-bottom:4px; clear:both; }

/* This is the border line & background colour round the entire page */
/* .bodyline	{ background-color: #FFFFFF; border: 1px #DDDDDD solid; } */
.bodyline	{ background-color: #EEEEEE; border: 1px black solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #333333 solid; }

.no_video	{ background-color: #EEEEEE; border: 1px black solid; padding: 5px; }

.menu_top { border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding-bottom: 3px; }
.menu_sep { border-bottom:1px solid #DDDDDD; }
.menu_btm { border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding-top: 3px; }

.topmenu  { font-size: 10px; font-weight:bold; }
.topmenu1 { padding-bottom:3px; padding-left: 3px; padding-right: 3px; }
.topmenu2 { padding-top:3px; padding-left: 3px; padding-right: 3px; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #EEEEEE; }
td.row2	{ background-color: #EEEEEE; }
td.row3	{ background-color: #DDDDDD; }


/*
  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.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom,td.tocHead {
			/*background-image: url(../images/cellpic1.gif);*/
			background-color:#EEEEEE; border: #FFFFFF; border-style: solid; 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 :-)
*/
td.tocHead {
	height: 20px;
	border-width: 0px 0px 0px 0px;
}
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #DDDDDD; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead,td.tocHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
h1,h2,h3,h4,h5,h6 { text-decoration: none; line-height : 100%; color : #000000; margin: 0px; text-indent: 0px; }
h1 { font-size: 35px; font-weight: normal; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }
h2 { font-size: 15px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 11px; font-weight: bold; font-style: italic; }
h6 { font-size: 10px; font-weight: bold; }

/* General text */
.gen { font-size : 12px; text-align: justify; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.genquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; line-height: 125%; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #333333; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #CB5F00; text-decoration: underline; }

.legal, .legal li { font-size: 10px; }
.legal td { vertical-align: top; }

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

/* Forum category titles */
.cattitle        { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #333333}
a.cattitle       { text-decoration: none; color : #333333; }
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 : #333333; }
a.forumlink       { text-decoration: none; color : #333333; }
a.forumlink:hover { text-decoration: underline; color : #CB5F00; }

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

/* Quote & Code blocks */
.code         { font: 11px Courier, 'Courier New', sans-serif; color: black; padding: 2px; text-indent: 0px; }
div.code      { background-color: #FAFAFA; }
.code_comment { color:#3f7f5f; }
.code_par     { color:#000000; }
.code_const   { color:#990000; }
.code_key     { color:#7f0055; font-weight:bold; }
.code_other   { color:#000000; }
.code_st      { color:#2a00ff; }

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; line-height: 125%;
	background-color: #DDDDDD; border: #DDDDDD; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
	padding:5px 5px 5px 5px;
	margin:15px 20px 10px 20px;
}
.quote ul li, .quote ol li, .quote blockquote, .quote pre {
        font-size: 11px; color: black;;
}
blockquote { text-indent:0px !important; }

.quoteline { height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px; margin-bottom:5px; margin-top:5px; }
.quoteline2 { height: 0px; border: solid #DDDDDD 0px; border-top-width: 1px; margin-bottom:3px; margin-top:3px; }

ul,ol { margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px; }
/*li { font-size : 12px; }*/

/* Form elements */
form {
        margin: 0px;
}

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

select optgroup {
	font: bold italic 10px Verdana, Arial, Helvetica, sans-serif;
	background:#DDDDDD;
}
select optgroup option {
	font-size: 11px;
        padding-left: 10px;
	background:white;
}
select option.custom {
	margin-top: 5px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

button {
	margin:5px 3px 0px 2px;
	height:23px;
	width:30px;
	padding:0px;
	text-indent:0px;
	background:#DDDDDD;
	border: 1px outset black;
}
td.smilies {
	padding-top:5px;
	overflow:hidden;
}
div.smilies {
	position:relative;
	/*height:30px;*/
	width:100px;
	left:130px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#EEEEEE;
	border-top:1px outset black;
	border-left:1px outset black;
	border-right:1px outset black;
	border-bottom:none;
	/*margin-bottom:-31px;*/
}
* html div.smilies {
	display:inline;
}
img.smiley {
	border: none;
}

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

input { text-indent : 2px; }


/* HEADER */

div#header, div.tabs {
  width:600px;
  margin:0px auto;
}
div#header {
  height:142px;
  background:url(../images/header.png) no-repeat left center;
}
div#login_box, div#user_box {
  float:right;
  width:139px;
  height:44px;
  margin:5px 8px -49px 0px;
  padding:4px;
  font-size:10px;
  position:relative;
}
div#user_box {
  height:58px;
  margin-bottom:-63px;
  background:url(../images/user_box.png) no-repeat right top;
}
div#search_box {
  float:right;
  width:147px;
  height:20px;
  margin:37px 7px 0px 0px;
  position:relative;
}
div#search_box .field {
  width:106px;
  margin-top:2px;
  padding-left:15px;
  background:white url(../images/icon_search.gif) no-repeat left center;
}
div#info_box {
  height:14px;
  overflow:hidden;
}
div#header h1 {
  display:none;
}
div#tabs {
  margin-top:-30px;
  z-index:1;
}
div.tabs {
  position:relative;
  z-index:0;
  height:30px;
  font-size:11px;
  font-weight:bold;
  letter-spacing:2px;
  text-align:left;
}
div.tabs .tab a {
  display:block;
  position:relative;
  left:2px;
  width:125px;
  height:25px;
  line-height:25px;
  text-decoration:none;
  text-align:center;
}
div.tabs .tab a:hover, div.tabs .tab a:focus {
  background-image:url(../images/tab_nh.png);
}
div.tabs #tab a:hover, div.tabs #tab a:focus {
  background-image:url(../images/tab_ah.png);
}
div.tabs .tab {
  float:left;
  width:133px;
  height:30px;
  background:url(../images/tab_n.png) repeat-x top;
}
div.tabs #tab {
  background:url(../images/tab_a.png) repeat-x top;
}
div.tabs .fill {
  height:30px;
  width:592px;
  margin-left:3px;
  background:url(../images/header_s.png) repeat-x top;
}
div.tabs .right {
  margin-left:0;
  width:5px;
  height:30px;
  background:url(../images/header_sr.png) no-repeat right top;
}
div.tabs .left {
  margin-right:0;
  width:3px;
  height:30px;
  background:url(../images/header_sl.png) no-repeat left top;
}

input.field, select.field {
  border:1px inset black;
  margin:0px;
}
input.field:focus, select.field:focus {
  border:1px solid #DD6900;
}

select#month {
  padding-left:15px;
  background:white url(../images/icon_cal.gif) no-repeat left center;
}
input#search, input#filter {
  padding-left:15px;
  width:136px;
  background:white url(../images/icon_search.gif) no-repeat left center;
}
input#login_username, input#login_password {
  text-indent:0;
  padding-left:15px;
  width:123px;
  background:white url(../images/icon_username.gif) no-repeat left center;
  margin-bottom:2px;
}
input#login_password {
  background-image:url(../images/icon_password.gif);
}

ul#links {
  float:left;
  margin:73px 0px 0px 140px;
  position:relative;
  width:440px;
  display:inline;
  padding:0;
  font-size:10px;
  font-weight:bold;
  height:60px;
  margin-bottom:-60px;
}
ul#links li {
  float:left;
  list-style:none;
}
ul#links li a, ul#links li span {
  display:block;
  text-align:center;
  width:105px;
  height:20px;
  line-height:20px;
  margin:0px 5px 5px 0px;
}
ul#links li a {
  background:url(../images/link.png) no-repeat center center;
  text-decoration:none;
}
ul#links li a:hover, ul#links li a:focus {
  background:url(../images/link_h.png) no-repeat center center;
}

/* BODY */

div#body, div#body_top, div#body_btm {
  margin:0 auto;
  background:url(../images/box.png) repeat-y top center;
  padding:0;
  overflow-x:hidden;
  width:600px;
  clear:both;
}
div#body {
  padding:4px 13px 4px 9px;
  width:578px;
}
div#body_top {
  height:5px;
  background:url(../images/box_t.png) no-repeat bottom center;
  margin-top:3px;
}
div#body_btm {
  height:9px;
  background:url(../images/box_b.png) no-repeat top center;
  margin-bottom:2px;
}
.highlight {
  font-weight:bold;
}
.left {
  text-indent:0;
  margin-right:5px;
  float:left;
}
.right {
  text-indent:0;
  margin-left:5px;
  float:right;
}
.center {
  text-indent:0;
  text-align:center;
}

/* BUTTONS */

div.btn_box {
  padding:2px 0px;
}
div.btn_clr {
  clear:left;
  height:2px;
  visibility:hidden;
}
.btn {
  border:0;
  font-size:10px;
  float:left;
  background:url(../images/btn100.png) no-repeat left center;
  width:103px;
  height:24px;
  padding:0;
  margin:0px 4px 0px 0px;
  text-align:left;
}
.btn a, button.btn div {
  display:block;
  width:100px;
  height:20px;
  line-height:20px;
  text-decoration:none;
}
button.btn {
  cursor:pointer;
}
.btn_right {
  float:right;
  margin-right:-3px;
}
div.icon, button.icon {
  background-image:url(../images/btn20.png);
  width:23px;
}
div.wide, button.wide {
  background-image:url(../images/btn140.png);
  width:143px;
}
div.graph, button.graph {
  background-image:url(../images/btn150t.png);
  width:161px;
  height:148px;
}
.btn a:hover, .btn a:focus, button.btn:hover div, button.btn:focus div {
  background:url(../images/btn100h.png) no-repeat left center;
  color:#CB5F00;
}
div.icon a, button.icon div {
  width:20px;
}
div.icon a:hover, div.icon a:focus, button.icon:hover div, button.icon:focus div {
  background-image:url(../images/btn20h.png);
}
div.wide a, button.wide div {
  width:140px;
}
div.wide a:hover, div.wide a:focus, button.wide:hover div, button.wide:focus div {
  background-image:url(../images/btn140h.png);
}
div.graph a:hover, div.graph a:focus, button.graph:hover div, button.graph:focus div {
  background-image:url(../images/btn150th.png);
}
div.graph a, button.graph div {
  width:157px;
  height:144px;
}
div.graph a img, button.graph div img {
  border:0;
  margin:2px 0px -2px 0px;
}
.btn span.label {
  text-align:center;
  display:block;
}
.btn span.icon {
  display:block;
  background:url() no-repeat center center;
  float:left;
  width:16px;
  height:16px;
  margin:2px -10px 2px 2px;
  cursor:pointer;
}
.btn span.add {
  background-image:url(../images/ico_add.png);
}
.btn span.go {
  background-image:url(../images/ico_go.png);
}
.btn span.check {
  background-image:url(../images/ico_check.png);
}
.btn span.search {
  background-image:url(../images/ico_search.png);
}
.btn span.down {
  background-image:url(../images/ico_down.png);
}
.btn span.up {
  background-image:url(../images/ico_up.png);
}
.btn span.import {
  background-image:url(../images/ico_import.png);
}
.btn span.settings {
  background-image:url(../images/ico_settings.png);
}
.btn span.login {
  background-image:url(../images/ico_login.png);
}
.btn span.cancel {
  background-image:url(../images/ico_cancel.png);
}
.btn span.logout {
  background-image:url(../images/ico_logout.png);
}
.btn span.edit {
  background-image:url(../images/ico_edit.png);
}
.btn span.eye1 {
  background-image:url(../images/ico_eye.png);
}
.btn span.eye2 {
  background-image:url(../images/ico_eye_r.png);
}
.btn span.message1 {
  background-image:url(../images/ico_message.png);
}
.btn span.message2 {
  background-image:url(../images/ico_message_n.gif);
}
.btn span.rss {
  background-image:url(../images/ico_rss.png);
}
.btn span.technorati {
  background-image:url(../images/ico_technorati.png);
}
.btn span.delicious {
  background-image:url(../images/ico_delicious.png);
}
.btn span.digg {
  background-image:url(../images/ico_digg.png);
}
.btn span.slashdot {
  background-image:url(../images/ico_slashdot.png);
}