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


.h3header{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:22px;

	margin-bottom:10px;
    text-decoration:none;
	font-size:18px;

}

/* General font families for common tags */


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

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


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #f5f5f5; padding:7px; }
td.row1.imgfix { min-width: 50px; padding-right: 0px;}
td.row1.imgfixzwo { min-width: 25px;padding-right: 0px;}
td.row2	{ background-color: #e2e2e2; padding:7px; }
td.row3	{ background-color: #d6d6d6; padding:7px; }

td.row1.imgfixzwo > img
{
    padding: 2px 7px 0;
    width: auto;
}

td.row1 span.topictitle b {
	padding-right: 7px;
}

td.row1.imgfixzwo > span.topictitle span.gensmall {
	display: inline-block;
}

table.imgfixthree {
	padding: 3px;
	table-layout: fixed;
}

table.imgfixthree td:first-child img{
	width:	100%;
	height:	auto;
}

table.imgfixthree tr td {
	border: none !important;
	padding: 0 7px;
}

table.imgfixthree tr td:first-child {
	width: 46px;
	vertical-align: top;
}

table.imgfixthree.forumviewImg tr td:first-child {
	width: 19px;
	vertical-align: top;
}

table.imgfixthree tr td:nth-child(2) span.genmed {
	font-weight: normal;
}

/*
  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-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: white; font-size: 12px; font-weight : bold;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#D1D7DC; 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.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: #d6d6d6; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { 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. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


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



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




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


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 12px; 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;}
div.wordWrappedPostbodyDiv { font-size : 12px; word-wrap: break-word;} 
a.postlink:link	{ text-decoration: none; color : black }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #fec400}

.tableLayoutFixed {
	table-layout: fixed;
	width: 100%;
}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 12px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
	word-wrap: break-word;
	width: 100% - 20px;
}

.quote {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; 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;
	word-wrap: break-word;
	width: 100% - 20px;
}


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


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

/* 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 {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	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 { background-color: #DEE3E7; border-style: none; }

h5 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	margin-bottom:5px;
}

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


th {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #D6D6D6, #F5F5F5);
    background: -webkit-linear-gradient(#D6D6D6, #F5F5F5);
    color: inherit;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    border-bottom: 1px solid #D6D6D6 !important;
    border-top: 1px solid #D6D6D6 !important;
}
td.catLeft, td.rowpic, td.catHead {
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background: -webkit-linear-gradient(#FFFFFF, #E6E6E6);
}

a.forumlink:hover, 
a.topictitle:hover {
    color: #F89406
}

th.thLeft, td.catLeft {
    border-width: 0;
}

th.thCornerL, th.thTop, th.thCornerR, th.thRight, td.catRight, td.row3Right, td.spaceRow, th.thBottom, 
td.catBottom, td.catHead, th.thHead, th.thSides, th.thTop, th.thLeft, th.thBottom, th.thCornerL {
    border-width: 0;
}
.forumline {
    border: 1px solid #D4D4D4;
    margin-bottom: 15px;
}

.topictitle {
    color: #F89406;
}

td.spaceRow {
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    line-height: 1px;
    border-bottom: 1px solid #D4D4D4 !important;
    border-top: 1px solid #D4D4D4 !important;
}
th.thBottom, td.catBottom {
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
}

td.catHead {
    border-bottom: 1px solid #D4D4D4 !important;
    border-top: 1px solid #D4D4D4 !important;
}
hr {
    border-color: #D6D6D6 -moz-use-text-color #FFFFFF;
}
.genmed > select, .gensmall > select {
    margin-bottom: 0;
    margin: 5px 0;
    height: 30px;
    line-height: 30px;
}

th.thBottom, td.catBottom {
    border-top: 1px solid #D4D4D4 !important;
}

td.row1 ul.thumbnails li div.thumbnail img.newAvatar,
td.row2 ul.thumbnails li div.thumbnail img.newAvatar {
    padding: 5px;
    background: #ffffff;
}

td.row1 ul.thumbnails li div.thumbnail, 
td.row2 ul.thumbnails li div.thumbnail {
    width: 100%;
}

td.row1 ul.thumbnails li div.thumbnail p,
td.row2 ul.thumbnails li div.thumbnail p {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
    word-wrap: break-word;
    margin-bottom: 5px;
}

td.row1 ul.thumbnails li div.thumbnail,
td.row2 ul.thumbnails li div.thumbnail {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

td.row1 ul.thumbnails li div.thumbnail > img
td.row2 ul.thumbnails li div.thumbnail > img {
    margin-left: 0;
    margin-right: 0;
}

td.catBottom input.btn {
    margin: 5px 0;
}
td.row1 iframe {
    border: none;
}
td.row2 div.progress {
    margin-bottom: 0;
    height: 25px;
    line-height: 25px;
    background-color: #CCCCCC;
    background-image: none;
}

.gensmall, .postdetails {
    font-size: 12px;
}

.topictitle .gensmall {
	font-weight: normal;
}

.topictitle .gensmall img{
	padding-bottom: 3px;
}

.forumlink, .topictitle {
    font-size: 13px;
}

td.row3, .row3Right {
    padding: 7px 10px;
}

/* forumline overwrites */

.forumline .st-key {
    width: 110px;
}

.forumline .st-val {
    width: 100%;
    word-wrap: break-word;
}

/* unset bootstrap rules for classes containing "span" */
tr.colspan4{
	float: none;
    margin: unset;
    min-height: unset;
}

.forumline.stacktable.small-only {
    table-layout: fixed;
    border: none;
}

.forumline.stacktable.small-only tr.colspan4 td {
	border: none;
}
.forumline.stacktable.small-only tr:not(.colspan4) td {
	border: 1px solid #D4D4D4;;
}

.small-only .colspan4 td:first-child {
    display: none;
}

.small-only .colspan4 td:nth-child(2) {
    width: auto;
    display: block;
    background: none;
    padding: 0;
    margin: 0;
    border: 0;
}

.forumline.stacktable.small-only .forumCategory td:first-child {
    display: none;
}

.forumline.stacktable.small-only .forumCategory td:nth-child(2) {
    text-align: center;
}

.forumline.stacktable.small-only .catBottomRow td:first-child {
    display: none;
}

.forumline.stacktable.small-only .catBottomRow td:nth-child(2) {
    text-align: center;
}	


.forumCategory td {
	background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background: -webkit-linear-gradient(#FFFFFF, #E6E6E6);
}

.forumIconLegend li {
	padding: 3px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}