/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		Bart
	Based on style:	subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:		Bart van Bragt
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

html {
	font-size: 100%;
    overflow-y: scroll;
    font-family: Verdana, Helvetica, Arial, sans-serif;
   	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
}

body {
    background-color: #ebf1fd;
	margin: 0;
}



#wrapcentre, #wrapnav {
	padding: 0 5px;
    margin-top: -15px;
}


#wrapcentre {
	margin: 8px;
}

#wrapnav {
	width: 100%;
	margin: 0px;
	background-color: #DDE9FF;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

#datebar {
	margin-top: 10px;
}

#findbar {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* Sitewide header */
#pageheader { position: relative; height: 89px; border-top: solid 5px #437E9B; padding-top: 5px; background: url(/i/bokt_header_grad4.png) repeat-x bottom; font-size: 14px; font-family:Calibri, Verdana, Tahoma, Arial, Calibri, sans-serif;}
/*#pageheader h1#logodesc { background-position: 0 10px; margin-left: 13px; height: 79px; background-image: url('/i/bokt_logo_120724.png'); background-repeat: no-repeat; float: left; }*/
#pageheader h1#logodesc { margin-left: 5px; margin-top: 0px; float: left;  }
#pageheader h1#logodesc a { display: block; width: 175px; height: 79px; background-image: url('/i/bokt_logo_120724.png'); background-repeat: no-repeat; overflow: hidden; text-indent: -100em; }
#pageheader div#usermenu { position: absolute; right: 0; padding: 5px 10px 0 0; text-align: right;}
#pageheader div#usermenu a { padding: 0 0 3px 18px; }
#pageheader div#usermenu a#userlink { display: inline-block; height: 30px; vertical-align: top;}
#pageheader div#usermenu a#userlink img.avatar { display: inline; border: 1px solid #DDDDDE; margin: 0; }
#pageheader div#quicklinks { position: absolute; height: 50%; right: 0; bottom: 0; }
#pageheader div#quicklinks a { display: table-cell; text-align: center; width: 4em; padding: 0px 10px;}
#pageheader div#quicklinks a.egosearch {border-left: 1px solid #DDDDDE; }
body.toolbar-drawer #pageheader div#quicklinks { top: 120px; }
#pageheader div#usermenu a#userlink ul { vertical-align: top;}
#pageheader div#usermenu ul.submenu { z-index:500; display: block; position: absolute; right: 0; margin-right: 18px; background: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 1px 2px 3px #bdc2cb; -webkit-box-shadow: 1px 2px 3px #BDC2CB; box-shadow: 1px 2px 3px #BDC2CB; border-bottom: 4px solid #3A98D0; }
#pageheader div#usermenu ul.submenu { list-style: none; list-style-type: none; }
#pageheader div#usermenu ul.submenu li { min-height: 16px; text-align: left; white-space: nowrap; border-bottom: 1px solid #ECECEC; padding: 5px; padding-left: 10px; padding-right: 10px; }
#pageheader div#section-choice { font-size: 19px; display: inline-block; float: left; padding: 41px 0px 0px 0px; }
#pageheader div#section-choice a { display: inline-block; padding: 5px 0px 0px 20px; margin: 0px 0px 0px 20px; min-height: 30px; border-left: 1px solid #DDDDDE; text-decoration: none; }
#pageheader div#section-choice a.first { border: none; }
#pageheader a.currentpage { color: #F37811; }

#pageheader.guest div#div-gpt-ad-header { position: absolute; width: 468px; height: 60px; top: 9px; right: 8px;}
#pageheader.guest { height: 80px; padding-top: 20px; }
#pageheader.guest div#quicklinks { display: none;}
#pageheader.guest div#usermenu {top: 72px;}

#pm-notify, #tem-notify {display: inline-block; position: relative; height: 23px; margin-right: 1em; }
#pm-notify {background: url('/i/notify-bg.png') no-repeat center center;}
#tem-notify {background: url('/i/tem-notify.png') no-repeat center center;}
#pm-notify span, #tem-notify span {
    position: absolute;
    left: 15px;
    top: -5px;
    padding: 0 4px;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 0 10px 0px #CCC;
    text-shadow: 1px 1px white;
    font-weight: bold;
    color: gray;
}
#pm-notify span.new-privmsgs, #tem-notify span {
    color: #F37811;
}

@media (max-width: 760px) {
    #section-header div#section-choice { margin: 10px 0 0 0 ; padding: 0; width: 200px;  }
    #section-header div#section-choice a { margin: 0; padding: 0 20px; border: none; }
    #section-header div#section-choice a:nth-of-type(even) { float: right; }
    #section-header.guest div#div-gpt-ad-header { display: none; }
    #section-header.guest div#usermenu {top: 0;}
}


/*sitewide breadcrumbs*/
div.breadcrumb-bar { margin-top: 5px; margin-bottom: 5px; }
div.search-box a { visibility: hidden; float: right; }
div.search-box:hover a { visibility: visible; }

#quicklinks-bottom a { display: block; float: right; clear: right; font-weight: bold; margin-top: 5px;}

/*sitewide search*/
#searchform input.post { background-image: url('/i/search_bg.png'); background-repeat: no-repeat; background-position: 5px center; border: 1px solid #D1D4DC; padding: 5px 15px 5px 25px; }
/*
#searchform input.btnlite, input.btnlite { background: #CADD30; border: 1px solid #8CC01E; -moz-border-radius: 3px; border-radius: 3px; color: white; padding: 5px 10px 5px 10px; text-shadow: 1px 1px 1px #AABA28; }
*/

/*sitewide footer*/
#endofpage { margin-top:25px; margin-bottom:25px; text-align:right; }

#sitewide-footer { color: white; height:50px; padding: 36px 8px 8px 8px; background:#437e9b;}
#sitewide-footer a { color: white; }
#sitewide-footer div.credits { float: left; }
#sitewide-footer div.footer-menu { float:right; }
#sitewide-footer div.footer-menu ul { list-style:none; list-style-type:none;  }
#sitewide-footer div.footer-menu ul li { display:inline; margin-right:10px; }
#sitewide-footer div.debug, #sitewide-footer div.debug a { clear: both; text-align: center; color: transparent;}
#sitewide-footer div.debug:hover { color: white;}


.social {
	width: 65px;
}

.social a {
		display: block;
		float: left;
		margin: 1px 6px 1px 0;
		width: 16px;
		height: 16px;
		background: url('/i/socialicons_16.png') no-repeat 0 0;
}

.social a.twitter:hover, .social a.twitter:focus { background-position: 0 -16px; }
.social a.facebook { background-position: -16px 0; }
.social a.facebook:hover, .social a.facebook:focus { background-position: -16px -16px; }
.social a.hyves { background-position: -32px 0; }
.social a.hyves:hover, .social a.hyves:focus { background-position: -32px -16px; }


.forumrules {
	background-color: #DDE9FF;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0px;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.datetime {
	margin: 0px;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	margin: 0px;
	padding: 0px;

}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
	font-size: 10px;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0px;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.avatar {
	margin: 4px;
}

.postbody {
	font-size: 13.2px;
	line-height: 130%;
	font-family: Verdana, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posttools {
	float: right;
       	padding: 1em 0 1em 1em;
}

.signature {
	font-size: 12px;
	line-height: 130%;
	font-family: Verdana, sans-serif;
	max-height: 85px;
	overflow: hidden;
	display: block;
	speak: none;
	clear: both;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0px;
	color: black;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #FFA34F;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #006699;
	background-image: url('./images/bokt_cellpic3.gif');
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}

table.posttable {
	table-layout: fixed;
}

.tablebg {
	background-color: #FFFFFF;
	border: solid 1px #006699;
}

.catdiv {
	height: 28px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: white url('./images/bokt_cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	height: 28px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #C7D0D7;
	background-image: url('./images/bokt_cellpic1.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #DDE9FF;
	padding: 4px;
}

.row2 {
	background-color: #c5d7f8;
	padding: 4px;
}

.row3 {
	background-color: #b2cbf7;
	padding: 4px;
}

.rowgood {
	background-color: #C2D6CD;
	padding: 4px;
}

.rowneutral {
	background-color: #CAC1D7;
	padding: 4px;
}

.rowbad {
	background-color: #D7C1C3;
	padding: 4px;
}

.spacer {
	background-color: #b2cbf7;
}

hr {
	height: 1px;
	border-width: 0px;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link, a .notvisited {
	color: #006597;
	text-decoration: none;
}

a:active,
a:visited,
a .visited{
	color: #4584AA;
	text-decoration: none;
}

a:hover {
	color: #D46400;
	text-decoration: underline;
}

a.visited {
	color: #4584AA;
}

a.notvisited {
	color: #006597;
}

a.forumlink {
	color: #069;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

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

th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input {
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #EFEFEF;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #ECECEC;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #DEE3E7;
	border-style: none;
}

.posttextarea {
	width: 600px;
	min-width: 98%;
	max-width: 98%;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0px 5px;
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FAFAFA;
	color: #4B5C77;
}

.attachcontent {
	font-size: 0.85em;
}

.modtitle, .submodtitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	background-color: #4ebf5b;
	background-color: #00AA00;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
}

.modcontent, .submodcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #C9F9C2;
	color: black
}

.newsupdatecontent {
	border:	solid 2px #a88dd8;
	margin:	5px;
	padding:	5px;
}

.submodtitle {
	background-color: #00AA9D;
}

.submodcontent {
	background-color: #B4FAEC;
}

.codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #A9B8C2;
	color: #333333;
	background-color: #A9B8C2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #A9B8C2;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FAFAFA;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}

.postimg {
	max-width: 100%;
}

.postbody .userhead, .postbody .usercell {
	font-size: 13.2px;
	line-height: 1.3;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #FFFFFF;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.blue {
	color: #006699;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

td.newtopics_forum {
	margin: 0;
	padding: 0;
	height: 1.6em;
	text-align: right;
	white-space: nowrap;
}

td.newtopics_title {
	margin: 0;
	padding: 0 0 0 2px;
	height: 1.6em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 185px;
}

.usertable {
	background-color: #FFFFFF;
	border: solid 1px #006699;
}

.userrow {
	background-color: #DDE9FF;
	padding: 4px;
}

.userhead {
	font-size: 1.2em;
}

.usercell {
	vertical-align: top;
	font-size: 1.2em;
}

.quickdeleted tr
{
	background: #DBCCE4;
}

.spoiler, .spoiler a {
	background-color: black;
	color: black;
	cursor: pointer;
}

.spoiler img {
	visibility: hidden;
}


/* Tabs */

.dhtmlgoodies_tabPane{
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.dhtmlgoodies_aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	//font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	padding:5px;		
}
.dhtmlgoodies_tabPane DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane .tabActive{
	background-image:url('/tabimages/tab_left_active.gif');
	margin-left:0px;
	margin-right:0px;	
	z-index:10;	
}
.dhtmlgoodies_tabPane .tabInactive{
	background-image:url('/tabimages/tab_left_inactive.gif');
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}

.dhtmlgoodies_tabPane .inactiveTabOver{
	background-image:url('/tabimages/tab_left_over.gif');
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane span{
	font-family:arial;
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
}
.dhtmlgoodies_tabPane .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}

.dhtmlgoodies_tabPane img{
	float:left;
}


/* SlidesJS */
#slides {
    position: relative;
    margin-left: 4.5em;
    heigth: 100px;
    visibility: hidden;
}

#slides .slidesThumb {
    margin-right: 10px;
    float:left;
    max-height: 100px;
    max-width: 150px;
}

/*
	Pagination
*/

.slidesPagination {
    position: absolute;
    top: 0;
    left: -20px;
	margin:0;
}

.slidesPagination li {
	margin:0 1px;
	list-style:none;
}

.slidesPagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url('/i/slides_pagination.png');
	background-position:0 0;
	overflow:hidden;
}

.slidesPagination li.slidesCurrent a {
	background-position:0 -12px;
}