/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Legacy 1.0.0
	Based on style: 	subSilver (the default phpBB 2.0.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
    --------------------------------------------------------------
*/

/* Layout
 ------------ */
html {
	font-size: 100%;
	height: 101%;
}

body {
	color: #000000;
    background: transparent;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 62.5%;
	padding: 0;
}


/* Text
 --------------------- */
code, kbd, pre, samp {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	margin: 0;
}

h1 {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	margin: 0;
}

h2 {
	font-size: 1.6em;
	margin: 0;
}

h3 {
	font-size: 1.3em;
	margin: 0;
}

h4, p {
	font-size: 1.1em;
	margin: 0;
}

ol, ul {
	margin: 0.8em 0 0.9em 3em;
	padding: 0;
}

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

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

.cp-item {
	font-weight: bold;
	margin: 3px 0 6px;
}

.error, .forumrules {
	color: #FF0000;
}

.forumdesc {
	font-size: 1.1em;
	line-height: 1.4em;
}

.locked {
	color: #323D4F;
}

.offline {
	color: #B73636;
}

.online {
	color: #4FA343;
}

.postbody {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
}

.posthilit {
	background-color: #FFFF00;
}

.rtl ol, .rtl ul {
	margin: 0.8em 3em 0.9em 0;
}

.small {
	font-size: 0.9em !important;
}


/* Tables
 ------------ */
table {
	font-size: 1em;
}

td {
	padding: 2px;
}

td.bg1, td.bg2, td.bg3, .pm-row td {
	padding: 4px;
}

.pm-row td {
	background-color: #E3E9F0;
	border-width: 4px;
}

td.cat {
	background-color: #C7D0D7;
	height: 28px;
	padding: 0 4px;
}

td.member {
	font-size: 1.1em;
	padding: 5px;
}

th {
background-color: #C7D0D7;
color: #5E7793;
background-position: 0 -26px;
background-repeat: repeat-x;
overflow: hidden;
-moz-border-radius: 0 0 0 0;
-moz-box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
-webkit-border-radius: 5px 5px 0 0;
-webkit-box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
border-radius: 0 0 0 0;
box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
height:25px;
}

th.category {
	padding: 7px 9px;
}

table.fixed {
	border-collapse: collapse;
	width: 100%;
	/* **/ table-layout: fixed;
	*width: auto; /** */
}

table.fixed td {
	overflow: hidden;
	padding: 0;
	word-wrap: break-word;
}

table.main {

	border-radius: 0 0 0 0;
}

table.message-box {
	table-layout: fixed\9;
	*table-layout: fixed;
}

table.message-box td {
	padding: 2px 6px 2px 0;
}

.rtl table.message-box td {
	padding: 2px 0 2px 6px;
}

table.profile {
	border-collapse: collapse;
}

table.profile td {
	padding: 0;
}

table.table1 {
	border-collapse: collapse;
	width: 100%;
}

table.table1 td, table.table1 th {
	border: 1px solid #A9B8C2;
	padding: 5px;
}

a {
  color: #2F3B48;
}

/* Links
 ------------ */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

.ltr a {
	color: #2F3B48;
    text-decoration: none;
}

a:visited {
	color:#2F3B48;
	text-decoration: none;
}

a:hover {
	color: #5E7793;
    text-decoration: none;
}

a.forumtitle, a.header, a.topictitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}

a.topictitle:visited {
	color: #5E7793;
}

a.postapprove {
	color: #008000 !important;
}

a.postreported {
	color: #FF0000 !important;
}

th a, th a:visited {
/*	color: white !important;*/
}


/* Fake buttons
 ------------ */
a.button {
	background-color: #F4F4F4;
	border: 1px solid #005D8C;
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1px;
	padding: 1px 20px 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.action-bar a.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 3px 10px;
}

a.button:hover {
	border-color: #005D8C;
	text-decoration: none;
}


/* Form Elements
 ------------ */
button, fieldset, input, select, textarea {
	color: #333333;
	font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
}

button, input.button1, input.button2 {
	background-color: #F4F4F4;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	*cursor: hand;
	*overflow: visible;
	*width: auto;
}

td.cat button, td.cat input.button1, td.cat input.button2 {
	border-width: 0;
}

fieldset, form {
	border-width: 0;
	margin: 0;
	padding: 0;
}

input.button1 {
	font-weight: bold;
}

input.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #A9B8C2;
	padding: 1px 3px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: #6C6C6C;
}

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

select {
	background-color: #FFFFFF;
	border-color: #A9B8C2;
	border-width: 1px;
	padding: 1px;
}

textarea {
	background-color: #FFFFFF;
	border: 1px solid #A9B8C2;
	line-height: 1.4em;
	font-size: 1.3em;
	overflow-y: auto;
	padding: 2px;
	resize: vertical;
}

.message-box textarea {
	width: 100%;
	width: 230px\9;
	min-width: 100%\9;
	max-width: 100%\9;
	*width: 100%;
}

input.inputbox:focus, select:focus, textarea:focus {
	outline: none;
}


/* BBCode
 ------------ */
blockquote, .codebox {
	background-color: #A9B8C2;
	border: 1px solid #A9B8C2;
	margin: 12px 5px;
}

.codecontent {
	background-color: #FAFAFA;
	overflow: auto;
	_width: 100%;
}

.codecontent pre {
	color: #006600;
	direction: ltr;
	font-size: 0.9em;
	line-height: normal;
	padding: 5px;
	word-wrap: normal;
	*min-height: 30px;
	_height: 40px;
	_heig\ht: 30px;
}

.codetitle, .quotetitle {
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
	min-height: 18px;
	padding: 2px 4px;
	_height: 22px;
	_heig\ht: 18px;
}

.quotecontent {
	background-color: #FAFAFA;
	color: #4B5C77;
	line-height: 1.4em;
	padding: 5px;
	_width: 100%;
	_width/**/: auto;
}

.quotetitle .cite {
	border-width: 0;
	font-weight: bold;
	padding: 0;
}

.quotetitle .date {
	border-width: 0;
	font-weight: normal;
	padding: 0;
	text-align: right;
}

.rtl .quotetitle .date {
	text-align: left;
}


/* Private messages
 --------------------- */
.pm-message-reported-colour {
	border-color: #800000;
}

.pm-marked-colour {
	border-color: #FF6600;
}

.pm-replied-colour {
	border-color: #A9B8C2;
}

.pm-friend-colour {
	border-color: #5D8FBD;
}

.pm-foe-colour {
	border-color: #000000;
}


/* Misc
 ------------ */
hr {
	background-color: #D1D7DC;
	border-width: 0;
	color: #D1D7DC;
	display: block;
	height: 1px;
	margin: 2px 0;
	*margin: -5px 0;
}

img {
	border-width: 0;
}

#notification_list, .dropdown-enabled .links_list {
	background-color: #F4F4F4;
	border-color: #A9B8C2;
	position: absolute;
	display: none;
}

#notification_scroll {
	border-color: #A9B8C2;
	border-style: solid;
	border-width: 1px 0;
}

.dropdown-enabled .links_list {
	line-height: 2.2em;
	padding: 0 4px;
}

.bg2 {
	background-color: #EDF1F5;
}

.bg1 {
	background-color: #DDE4EC;
	border-bottom: 1px #BCCEE2 solid;
		border-right: 1px #BCCEE2 solid;
}

.bg3 {
	background-color: #C0C8D0;
}

.dropdown-enabled .dropdown_off, .hasjs .noscript, .quicktools {
	display: none;
}

.dropdown-enabled .quicktools {
	display: inline;
}

.dropdown-enabled .links_list a, .dropdown-enabled .links_list .separator {
	display: block;
	white-space: nowrap;
}

.dropdown-enabled #user_list {
	text-align: left;
}

.rtl .dropdown-enabled #user_list {
	text-align: right;
}

.emoji {
	min-height: 18px;
	min-width: 18px;
	height: 1em;
	width: 1em;
}

.footer-row {
	font-size: 1em;
	line-height: 1.8em;
}

.notification {
	border-top: 1px solid #A9B8C2;
	line-height: 1.4em;
	padding: 4px;
	word-wrap: break-word;
}

.nowrap {
	white-space: nowrap;
}

.separator {
	border-bottom: 1px solid #D1D7DC;
}

.spacer {
	background-color: #D1D7DC;
	height: 4px;
	_overflow: hidden;
}

.username-coloured {
	font-weight: bold;
}

#headerbar {
    background-image: url(./images/bac.jpg);
height: 116px;
	width: 100%;
	position: relative;
}

#headerbar td.site-description {
	padding-top: 15px;
	padding-bottom: 15px;
	color:white;
}



#navigation {
    background: url("./images/navbar.png") repeat-x;
  height: 27px;
  border-top: 1px #F7F7F7 solid;
  border-bottom: 2px #EB9135 solid;
  margin-bottom: 12px;
  -moz-box-shadow: 0 3px 4px #EEE;
  -webkit-box-shadow: 0 3px 4px #EEE;
  box-shadow: 0 3px 4px #EEE;

}


#navigation ul {
	list-style: none;	
}

#navigation li {
    background: url("./images/seperator.png") right no-repeat;
	color: #353F4B;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	line-height: 24px;
	padding: 0 12px 0 10px;
	text-shadow: 0 1px #FFF;	
}

#navigation #messages {
	position: relative;
	padding-left: 17px;	
}

#messages .counter {
	background-position: 0 -500px;
	position: absolute;
	font-size: 9px;
	text-align: center;
	line-height: 120%;
	color: #FFF;
	padding: 1px 4px 2px;
	text-shadow: 0 1px #000;
	border: 1px #C89D7A solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5);
	top: 3px;
	left: 6px;
}

#navigation ul ul {
	background-color: #EEE;
	border: 1px #D8D8D8 solid;
	border-top: none;
	display: none;
	margin: 0 0 0 -11px;
	position: absolute;
	-moz-box-shadow: 0 2px 2px #CCC;
	-webkit-box-shadow: 0 2px 2px #CCC;
	box-shadow: 0 2px 2px #CCC;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	padding: 2px 0;
	overflow: hidden;
	z-index: 2;
}

#navigation .dropdown:hover ul {
	display: block;	
}

#navigation .dropdown li {
	background: none;
	float: none;
	padding: 0;
	margin: 0;	
}

#navigation .non-user {
	line-height: 26px;	
}

.dropdown li a {
	line-height: normal;
	display: block;
	background-position: 1px -457px;
	background-repeat: no-repeat;
	padding: 6px 14px 6px 16px;
}

.dropdown li a:hover {
	background-color: #F8F8F8;
	color: #2F3B48;	
}

#navigation .right-nav {
	float: right;	
}

#navigation .right-nav li {
	background-position: left;	
}

.breadcrumbs, .breadcrumbs .breadcrumb, .breadcrumbs .home {
  -moz-box-shadow: inset 0 1px #FBFCFC;
  -webkit-box-shadow: inset 0 1px #FBFCFC;
  box-shadow: inset 0 1px #FBFCFC;
  text-shadow: 0 1px #FFF;
}
.breadcrumbs td {
  border: 1px #CBD5E4 solid;
  background-color: #DDE4EC;
  height: 33px;
  margin: 10px 0;
  overflow: hidden;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 11px;
}

.wrap {
  margin: 0 auto;
  width: 98%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li fieldset, form, label, legend, caption {
  list-style-type: none;
  border: 0;
  margin: 0;
  padding: 0;
}

#infobar, #infobar a {
	color: #FFF;
}

#infobar {
	font-weight: bold;
	font-size: 11px;
	overflow: hidden;
	background-color: #353F4B;
	border-bottom: 1px #0B1016 solid;
	height: 23px;
}

#infobar .global-message, #infobar .forum-rules {
	text-shadow: 0 1px #000;
	float: left;
	height: 23px;
	line-height: 21px;
	padding: 0 7px;	
}

#infobar .forum-rules {
	background: none;	
}

#infobar .site-links {
	float: right;	
}

#infobar .forum-rules a, #infobar .site-links, #infobar .site-links a {
	color: #ADBACB;	
}

#infobar .forum-rules a:hover {
	color: #FFF;	
}

#footer-note {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	font-size: 10px;	
}

#top-footer {
	margin-top: 20px;
	background-color: #F0F0F0;
}

#top-footer .heading {
	background-color: #E5E5E5;
	border-top: 1px #E0E0E0 solid;
	border-bottom: 1px #E0E0E0 solid;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	text-shadow: 0 1px #FFF;
}

#top-footer .collapse, #top-footer .expand {
	position: absolute;
	top: 5px;
	right: 5px;
}

#top-footer .collapse .icon, #top-footer .expand .icon {
	background-position: -82px -120px;
	display: block;
	height: 17px;
	width: 17px;	
}

#top-footer .expand .icon {
	background-position: -82px -103px;	
}

#top-footer .inner {
	overflow: hidden;
	border-top: 1px #F2F2F2 solid;
	border-bottom: 1px #F2F2F2 solid;	
}




.alert-icon, .info-icon, .cog-icon, .messages-icon, .chat-icon, .members-icon, .faq-icon, .search-icon, .logout-icon, .login-icon, 
.register-icon, .list-header, .flash-icon, .media-icon, .schedule-icon {
  background-image: url("./images/sprites.png");
  background-repeat: no-repeat;
}

.info-icon, .cog-icon, .messages-icon, .chat-icon, .members-icon, .faq-icon, .search-icon, .logout-icon, .login-icon, .register-icon {
  margin-right: 2px;
}
.info-icon {
	background-position: -15px 0;	
}

.cog-icon {
	background-position: 0 -84px;
}

.messages-icon {
	background-position: -17px -84px;
}

.chat-icon {
	background-position: -34px -84px;
}

.members-icon {
	background-position: -51px -84px;
}

.faq-icon {
	background-position: -68px -84px;
}

.search-icon {
	background-position: -85px -84px;	
}

.logout-icon {
	background-position: 0 -67px;
}

.login-icon {
	background-position: -34px -67px;
}

.register-icon {
	background-position: -17px -67px;
}

.flash-icon, .media-icon, .schedule-icon {
	height: 17px;
	width: 17px;	
}

.flash-icon {
	background-position: -30px 0;
	margin-left: 5px;
}

.media-icon {
	background-position: -48px 0;
}

.schedule-icon {
	background-position: -66px 0;
}

.alert-icon, .info-icon, .cog-icon, .messages-icon, .chat-icon, .members-icon, .faq-icon, .search-icon, .logout-icon, .login-icon, .register-icon, .flash-icon, .media-icon, .schedule-icon, .leaf .icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}




.heading .inner > div, #top-footer .content > div {
	float: left;
	width: 33.3%;
}

.heading .inner > div > span {
	display: block;
	border-right: 1px #F2F2F2 solid;
	border-left: 1px #CECECE solid;
	padding: 5px 10px 5px 25px;
}

.heading .inner > div:first-child span {
	border-left: none;	
}

.heading .inner > div:last-child span {
	border-right: none;	
}

#top-footer .content {
	overflow: hidden;	
}

#top-footer .content .inner-content {
	padding: 18px 12px 18px 25px;
	font-size: 11px;
}

#top-footer h4 {
	font-size: 13px;
	margin-bottom: 3px;	
}

.content .links a {
	display: block;
	font-weight: bold;	
}

#overall-footer {
  background-color: #353F4B;
  border-top: 2px #EB9135 solid;
  height: auto;
  text-align: center;
  padding: 20px 0;
}

#overall-footer, #overall-footer a {
	color: #ADBACB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

#overall-footer .footer-ad {
	padding-top: 20px;
}

#overall-footer .inappropriate-ads {
	color: #FFF;
	margin-top: 8px;
}

#overall-footer .footer-indent {
	height: 2px;
	margin: 10px auto;
	width: 277px;
}

#user-unlogged {
  text-align: center;
  padding: 10px 0 5px;
}

.icon-help {
	border: 1px #E0E0E0 solid;
	background-color: #ECECEC;
	/*width: 28%;
	width: 365px;*/
	width: auto;
	margin: 0 auto;
	display: table;
}

.icon-help, .icon-help .inner {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.icon-help .inner {
	overflow: hidden;
	text-align: center;
	display: table-row;
	border: 1px #F4F4F4 solid;
}

.icon-help .tip {
	font-size: 11px;
	line-height: 120%;
	display: table-cell;
	padding: 8px 0;
}

.icon-help .tip > div {
	text-align: center;	
}

.icon-help .valign {
	display: block;	
}

.icon-help .subtext, .icon-help .valign {
	vertical-align: middle;	
	padding: 0 5px;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color: #93999D;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.toast {
	position: fixed;
	top: 25px;
	right: 30px;
	border-radius: 12px;
	background: #fff;
	padding: 20px 35px 20px 25px;
	box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	transform: translateX(calc(100% + 30px));
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}

.toast.active {
	transform: translateX(0%);
}

.toast .toast-content {
	display: flex;
	align-items: center;
}

.toast-content .check {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	min-width: 35px;
	background-color: #4070f4;
	color: #fff;
	font-size: 20px;
	border-radius: 50%;
}

.toast-content .message {
	display: flex;
	flex-direction: column;
	margin: 0 20px;
}

.message .text {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
}

.message .text.text-1 {
	font-weight: 600;
	color: #333;
}

.toast .close {
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 5px;
	cursor: pointer;
	opacity: 0.7;
}

.toast .close:hover {
	opacity: 1;
}

.toast .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3px;
	width: 100%;

}

.toast .progress:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: #4070f4;
}

.progress.active:before {
	animation: progress 5s linear forwards;
}

@keyframes progress {
	100% {
		right: 100%;
	}
}

button {
	padding: 12px 20px;
	font-size: 20px;
	outline: none;
	border: none;
	background-color: #4070f4;
	color: #fff;
	border-radius: 6px;
	cursor: pointer;
	transition: 0.3s;
}

button:hover {
	background-color: #0e4bf1;
}

.toast.active~button {
	pointer-events: none;
}

.list-wrap, .cat-row {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.list-header {
	background-color: #596471;
	background-position: 0 -26px;
	background-repeat: repeat-x;
	overflow: hidden;
	-moz-border-radius: 5px 5px 0 0;
	-moz-box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
	border-radius: 5px 5px 0 0;
	box-shadow: inset 0 2px rgba(255, 255, 255, 0.2), inset 0 1px #626970;
}

.list-header > div {
	height: 26px;
	line-height: 25px;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	text-shadow: 0 1px #000;
	float: left;
}

.list-header > div > span, tr.list-header span {
	display: block;
	padding: 0 9px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
	text-shadow: 0 1px #000;
}

tr.list-header span {
	padding: 5px 9px;
}

.list-header .forums, .list-header .forum, .row .forums, .row .description, .row .forum {
	width: 62%;
}

.list-header .short-description {
	width: 52%;	
}

.list-header .posts, .row .posts, .list-header .topics, .row .topics, .list-header .views {
	width: 10%;
}

.list-header .last-post, .row .last-post {
	width: 18%;
}