/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			BBOX7
	Based on style:		prosilver (the default phpBB 3.0.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Group ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* General Markup Styles
---------------------------------------- */

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

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Arial",Helvetica,Arial,Verdana,sans-serif;	
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

h1 {
	/* Forum name */		
	font-size: 2em;
	font-weight: normal;
}

h2 {
	/* Forum header titles */	
	color: #3f3f3f;
	font-size: 2em;	
	font-weight: normal;
	font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
	margin-bottom: 30px;
	font-weight: 300;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */	
	font-weight: normal;			
	padding-bottom: 2px;
	font-size: 1.05em;	
	margin-top: 20px;
	word-wrap: break-word;
}

h4 {
	/* Forum and topic list titles */	
	font-size: 1.3em;
	font-weight: normal;
	word-wrap: break-word;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 10px;
	word-wrap: break-word;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 10px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px solid #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	/*margin: 4px 0;*/
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
	padding: 10px 13px 0 10px;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
}

.forabg {	
	margin-bottom: 20px;
	padding: 0;
	clear: both;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.forumbg {	
	margin-bottom: 20px;
	padding: 0;
	clear: both;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.panel {
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;	
}

.post {
	background-color: #FFFFFF;
	border:1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;	
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

/*.bg1	{ background-color: #f7f7f7;}*/
/*.bg2	{ background-color: #f2f2f2; }*/
/*.bg3	{ background-color: #ebebeb; }*/

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/*border: 1px #DBDEE2 solid;*/
	background-color: #eaeaea;
}

/*.headbg span.corners-bottom {
	margin-bottom: -1px;
}*/

/*.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: 0 -10px;
}*/

/*.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}*/

/*.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}
*/

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {	
	padding: 20px 0;
	border-bottom: none;
	
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 10px;		
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0;	
}

.forumbg-table > .inner {
	margin: 0 -1px;
}

/*.forumbg-table > .inner > span.corners-top {
	margin: 0 -4px -1px -4px;
}*/

/*.forumbg-table > .inner > span.corners-bottom {
	margin: -1px -4px 0 -4px;
}*/

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
/*	height: 1%;  IE tweak (holly hack) */
	height: 36px;
    line-height: 36px;
	width: auto;
	text-align: right;	
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 2px 6px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: none;
	font-size: 0.9em;	
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 2px 6px;
	background-color: #eeeeee;
	border: none;
	font-size: 0.9em;
	line-height: 1.5em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

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

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {	
	font-weight: normal;
	font-size: 14px !important;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px!important;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 10px;
	margin-bottom: 10px;
}

p.rules img {
	vertical-align: middle;
	padding-top: 5px;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
/* Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
	text-decoration: none;
}

/*a:link	{ color: #898989; text-decoration: none; }*/
/*a:visited	{ color: #898989; text-decoration: none; }*/
a:hover	{ text-decoration: underline; }
/*a:active	{ color: #d2d2d2; text-decoration: none; }*/

/* Coloured usernames */
.username-coloured {
	font-weight: bold;
	display: inline !important;
	padding: 0 !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #ffffff;
	text-decoration: none;
}

/* Links for forum/topic lists */
a.forumtitle {		
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1333em;
}

/* a.forumtitle:visited { color: #898989; } */

a.forumtitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.forumtitle:active {
	color: #898989;
}

a.topictitle {	
	font-weight: normal;	
	text-decoration: none;
	font-size: 1.1333em;
}

/* a.topictitle:visited { color: #d2d2d2; } */

a.topictitle:hover {
	color: #bcbcbc;
	text-decoration: underline;
}

a.topictitle:active {
	color: #898989;
}

/* Post body links */
.postlink {
	text-decoration: none;
	color: #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0;
}

/* .postlink:visited { color: #bdbdbd; } */

.postlink:active {
	color: #d2d2d2;
}

.postlink:hover {
	background-color: #f6f6f6;
	text-decoration: none;
	color: #404040;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	border: none;
	text-decoration: underline;
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {	
	color: #898989;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {	
	color: #d3d3d3;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
.postprofile a:active {
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}


/* Profile searchresults */	
.search .postprofile a {
	color: #898989;
	text-decoration: none; 
	font-weight: normal;
}

.search .postprofile a:hover {
	color: #d3d3d3;
	text-decoration: underline; 
}

/* Back to top of page */
.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

a.top {	
	text-decoration: none;
	width: 14px;
	height:16px;
	display: block;
	float: right;
	overflow: hidden;	
}

a.top2 {	
	text-decoration: none;	
	padding-left: 5px;
}

/* Arrow links  */
a.up		{  }
a.down		{ background: none no-repeat right center; }

a.left,a.right	{
	display: inline-block;
	width: auto;
	height: 34px;
	line-height: 32px;
	font-size: 13px;	
	position: relative;
	padding: 0 12px;
	overflow: hidden;
	margin-bottom: 10px;	
	-webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px; 
}

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.down, a.down:link, a.down:active, a.down:visited {
	padding-right: 10px;
}


a.left, a.left:active, a.left:visited {
	padding-left: 12px;
}

a.left:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
	padding-right: 12px;
}

a.right:hover {
	color: #d2d2d2;
	text-decoration: none;
	background-position: 100% 60%;
}

/* invisible skip link, used for accessibility  */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
}
/* Content Styles
---------------------------------------- */

ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	/*background: #f9f9f9 none repeat-x 0 0;*/
	padding: 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 0;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 10px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	/*border-left: 1px solid #FFFFFF;*/
	padding: 4px 0;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {	
	position: relative;
	white-space: nowrap;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 1.4em;
	display: inline-block;	
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

li.row strong {	
	font-size: 0.9em !important;
    font-weight: 300;
}

li.row:hover {
	background-color: #f6f6f6;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dt, li.header dd {
	line-height: 40px;
	border-left-width: 0;
	margin: 0;
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;	
	text-transform: uppercase;
}

li.header dt {
	font-weight: normal;
}

li.header dd {
	margin-left: 1px;
	font-size: 1em;	
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;	
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 11px;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 56px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 20px;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views, dd.replies {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
	width: 25%;
	font-size: 1.1em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 2.5em;
}

dd.moderation {
	font-size: 1.1em;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 1.1em;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.searchby {
	width: 47%;
	font-size: 1.1em;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.1em;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	/*margin-bottom: 3px;*/
	font-size: 1.1em;
	height: 28px;
	min-height: 28px;
	clear: both;
}

div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: left;
	/*clear: both;*/
}

.postbody .ignore {
	font-size: 1.1em;
}

.postbody h3.first {
	/* The first post on the page uses this 
	font-size: 1.7em;*/
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	font-size: 1.22em;
	padding: 2px 0 0 0;
	margin: 0 0 0.3em 0 !important;
	text-transform: none;
	border: none;	
	line-height: 125%;
}

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 1.2em;
}

.search .postbody {
	width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand
{
	clear: both;
}

/* Content container styles
----------------------------------------*/
.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;	
	font-size: 1em;
	color: #333333;
	padding-bottom: 1px;
}

.content h2, .panel h2 {
	font-weight: 300;	
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 40px;
	padding-bottom: 15px;
	position: relative;	
}

.content h2:before, .panel h2:before {
	bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;	
}

.panel h3 {
	margin: 0.5em 0;
	font-size: 1.45em;
}

.panel p {	
	padding-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 22px;
	margin-bottom: 0;
}

.content p {	
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 22px;
}

dl.faq {	
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {	
	color: #333333;
}

.content dl.faq {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.content li {
	list-style-type: inherit;
}

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit {
	background-color: #f3f3f3;
	color: #BCBCBC;
	padding: 0 2px 1px 2px;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
	border-left-color: #BCBCBC;
	border-right-color: #BCBCBC;
}

/* Post author */
p.author {
	margin: 0 15em 0.6em 0;
	padding: 0 0 5px 0;	
	font-size: 1em;
	line-height: 1.2em;
}

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 10px;
	font-size: 1.1em;
	border-top: 1px solid #dddddd;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Post noticies */
.notice {	
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	border-top: 1px dashed #CCCCCC;
	clear: left;
	line-height: 130%;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: #ebebeb none 6px 8px no-repeat;
	border: 1px solid #dbdbdb;
	font-size: 0.95em;
	margin: 10px;
	overflow: hidden;
	padding: 10px 10px 10px 25px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #bababa;
	/*font-size: 1em;*/
	margin-top: 10px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #e4e4e4;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: bold;
	margin-left: 0;
	margin-right: 10px;
	display: inline-block;
	font-size: 0.9em;
}

blockquote cite cite {
	/*font-size: 1em;*/
}

blockquote.uncited {
	/*padding-top: 25px;*/	
}

blockquote.uncited div {
	/*padding-top: 25px;*/
	margin-left: 25px;
}

blockquote.uncited div:before {
	/*padding-top: 25px;*/
	margin-left: -25px;
}

/* Code block */
dl.codebox {
	padding: 10px;
	background-color: #FFFFFF;
	border: none;
	font-size: 1em;
	margin: 10px 0 10px 10px;
}

dl.codebox dt {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;	
	font-size: 0.8em;
	font-weight: bold;
	display: block;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: #8b8b8b;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px dashed #d8d8d8;
	clear: left;
}

.pm-message .attachbox {
	background-color: #f3f3f3;
}

.attachbox dt {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #d8d8d8;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	color: #666666;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border: 1px solid #999999;
/*	cursor: move; */
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {	
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;	
}

dl.file dd {
	color: #666666;
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #666666;
	background-color: #FFF;
}

dl.thumbnail dd {
	color: #666666;
	font-style: italic;	
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border: 1px solid #d2d2d2;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls {	
}

fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #e2e2e2;
	padding: 5px 0 0 0;
	line-height: 120%;
	color: #666666;
}

fieldset.polls dl.voted {
	font-weight: bold;
	color: #000000;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;	
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;	
	color: #FFFFFF;
	font-weight: bold;
	padding: 0 2px;
	overflow: visible;
	min-width: 2%;
}

.pollbar1 {
	background-color: #aaaaaa;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
}

.pollbar2 {
	background-color: #bebebe;
	border-bottom: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

.pollbar3 {
	background-color: #D1D1D1;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}

.pollbar4 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
}

.pollbar5 {
	background-color: #f8f8f8;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 15px 0 10px 0;
	min-height: 80px;
	color: #666666;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
	position: relative;
}
.pm .postprofile {
	border-left: none;
}

.postprofile dd, .postprofile dt {
	line-height: 1.544em;
	/*margin-left: 10px;*/
}

.postprofile strong {
	font-weight: normal;
	color: #000000;
}

.avatar {
	border: none;
	margin-bottom: 0;
}

.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
	float: left !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}
/* Button Styles
---------------------------------------- */

/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
	float: left;
	width: auto;
	height: auto;	
}

.buttons div {
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;	
}

.buttons div a {
	display: block;
	width: auto;
	height: 36px;
	line-height: 34px;
	font-size: 13px;	
	position: relative;
	padding: 0 10px;
	overflow: hidden;	
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px; 
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/

.buttons div span { 
	position: relative;
	width: 100%; 
	height:	100%;
	margin-right: 10px;	
	cursor: pointer;
	font-family: 'ios7-style-font-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: none!important;
	font-size: 1em;
	top: 1px;
}

.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.reply-icon span:before	{ background: transparent none 0 0 no-repeat; }
.post-icon span		{ background: transparent none 0 0 no-repeat; }
.locked-icon span	{ background: transparent none 0 0 no-repeat; }
.pmreply-icon span	{ background: none 0 0 no-repeat; }
.newpm-icon span 	{ background: none 0 0 no-repeat; }
.forwardpm-icon span 	{ background: none 0 0 no-repeat; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
	display: block;	
	height: auto;	
	text-align: left;	
}

a.print {
	font-size: 15px;
    width: 22px;
}

a.sendemail {
	font-size: 15px;    
}

a.fontsize {
	background-image: none;
	background-position: 0 -1px;
	width: 29px;
}

a.fontsize:hover {
	background-position: 0 -20px;
	text-decoration: none;
}

/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,
.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
	/*background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;*/
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;		
}
.postprofile .profile-icons li a {
	display: block;
	width: 26px;
	height: 24px;
	text-align: center;
	line-height: 22px;
	text-decoration: none;	
	position: relative;	
	font-size: 1.333em;	
}

/* Rolloff state */
ul.profile-icons > li > a {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 27px;
	text-decoration: none;	
	position: relative;
	text-align: center;		
	font-size: 1.122em
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
/*ul.profile-icons li a:hover { background: none; }*/

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding-top: 10px;
}

.postbody ul.profile-icons li {
	margin: 0 5px;
}

/* Profile & navigation icons */
/*.email-icon, .email-icon a		{ background: none top left no-repeat; }*/
/*.aim-icon, .aim-icon a			{ background: none top left no-repeat; }*/
/*.yahoo-icon, .yahoo-icon a		{ background: none top left no-repeat; }*/
/*.web-icon, .web-icon a			{ background: none top left no-repeat; }*/
/*.msnm-icon, .msnm-icon a			{ background: none top left no-repeat; }*/
/*.icq-icon, .icq-icon a			{ background: none top left no-repeat; }*/
/*.jabber-icon, .jabber-icon a		{ background: none top left no-repeat; }*/
/*.pm-icon, .pm-icon a				{ background: none top left no-repeat; }*/
/*.quote-icon, .quote-icon a		{ background: none top left no-repeat; }*/

/* Moderator icons */
/*.report-icon, .report-icon a		{ background: none top left no-repeat; }*/
/*.warn-icon, .warn-icon a			{ background: none top left no-repeat; }*/
/*.edit-icon, .edit-icon a			{ background: none top left no-repeat; }*/
/*.delete-icon, .delete-icon a		{ background: none top left no-repeat; }*/
/*.info-icon, .info-icon a			{ background: none top left no-repeat; }*/

/* Set profile icon dimensions */

ul.profile-icons li.quote-icon	{ margin-left: 15px; }
/* Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
#cp-menu {
	float:left;
	width: 19%;
	margin-top: 1em;
	margin-bottom: 20px;
}

#cp-main {
	float: right;
	width: 79%;
}

#cp-main .content {
	padding: 0;
}

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #bfbfbf;
}

#cp-main .panel p {
	font-size: 1.1em;
}

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 1.1em;
}

#cp-main .panel li.row {
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #F9F9F9;
}

#cp-main .panel li.row:last-child {	
	border-bottom-color: transparent!important;
}

ul.cplist {  
	-webkit-border-radius:  0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	margin-bottom: 20px;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #000000;
	margin-bottom: 0;
}

#cp-main .panel li.header dt {
	text-indent: 10px;
}

#cp-main table.table1 {
	margin-bottom: 20px;	
}

table.table1 thead th:first-child {	
	-webkit-border-radius: 6px 0 0 0;
	-moz-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
}

table.table1 thead th:last-child {	
	-webkit-border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	border-radius: 0 6px 0 0;
}

table.table1 thead th {
	color: #FFFFFF;	
	border-bottom: none;
	padding: 0;	
	height: 40px;
	padding: 0 10px;
	font-weight: normal;
	line-height: 40px;	
}

#cp-main table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

#cp-main .pagination {
	float: right;
	width: auto;
	padding-top: 1px;
}

#cp-main .postbody p {
	font-size: 1.1em;
}

#cp-main .pm-message {
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	background-color: #FFFFFF;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
}

#cp-main .buttons {
	margin-left: 0;
}

#cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}

.tabs-container h2 {
	float: left;
	margin-bottom: 0px;
}

.tabs-container #minitabs {
	float: right;
	margin-top: 19px;
}

.tabs-container:after {
	display: block;
	clear: both;
	content: '';
}

/* CP tabbed menu
----------------------------------------*/
#tabs {
	line-height: normal;
	margin: 20px 0 -1px 7px;
	min-width: 570px;
}

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#tabs li {	
	margin: 0;
	padding: 0;
	margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

#tabs a {
	float: left;
	font-size: 14px;
	padding: 7px 10px;
  	word-wrap:break-word; 
	display: block;
	text-align: left;	 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}

/*#tabs a span {
	float: left;
	display: block;
	background: none no-repeat 100% -35px;
	padding: 6px 10px 6px 5px;
	color: #828282;
	white-space: nowrap;
}

#tabs a:hover span {
	color: #bcbcbc;
}

#tabs .activetab a {
	background-position: 0 0;
	border-bottom: 1px solid #ebebeb;
}

#tabs .activetab a span {
	background-position: 100% 0;
	padding-bottom: 7px;
	color: #333333;
}

#tabs a:hover {
	background-position: 0 -70px;
}

#tabs a:hover span {
	background-position:100% -70px;
}

#tabs .activetab a:hover {
	background-position: 0 0;
}

#tabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}
*/
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
	line-height: normal;
	margin: -20px 7px 0 0;
}

#minitabs ul {
	margin:0;
	padding: 0;
	list-style: none;
}

#minitabs li {
	display: block;
	float: right;
	padding: 0 10px 4px 10px;
	font-size: 1em;
	font-weight: bold;
	background-color: #f2f2f2;
	margin-left: 2px;
}

#minitabs a {
}

#minitabs a:hover {
	text-decoration: none;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
	width: 100%;
	padding-top: 32px;
}

#navigation ul {
	list-style:none;
}

/* Default list state */
#navigation li {
	margin-bottom: 5px;
	padding: 0;	
	display: block;
}

/* Link styles for the sub-section links */

#navigation a {	
  font-size: 14px;
  display: block;
  text-align: left;
  padding: 7px 10px;
  word-wrap:break-word;  
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

#navigation a:hover {
	text-decoration: none;
	background-color: #c6c6c6;
	color: #bcbcbc;
	background-image: none;
}

#navigation #active-subsection a {
	display: block;
	color: #d3d3d3;
	background-color: #F9F9F9;
	background-image: none;
}

#navigation #active-subsection a:hover {
	/*color: #d3d3d3;*/
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	/*border-bottom: none;*/
	/*padding: 0;*/	
	/*color: #333333;*/
}

#cp-main .panel {
	background-color: #F9F9F9;
}

#cp-main .pm {
	background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: none;
}

/* Friends list */
.cp-mini {
	background-color: #f9f9f9;
	padding: 0 5px;
	margin: 10px 15px 10px 5px;
}

.cp-mini span.corners-top, .cp-mini span.corners-bottom {
	margin: 0 -5px;
}

dl.mini dt {
	font-weight: bold;
	color: #676767;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: bold;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
	line-height: 2.5em;
}

/* PM panel adjustments */
.reply-all a.left {
	background-position: 3px 60%;
}

.reply-all a.left:hover {
	background-position: 0px 60%;
}

.reply-all {
	font-size: 11px;
	padding-top: 5px;
}

/* PM Message history */
.current {
	color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 {
	padding: 0 3px;
}

.pmlist li.bg2 {
	padding: 0 3px;
}

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #bcbcbc;
	border-right-color: #bcbcbc;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	padding: 0;
	border: solid 3px #ffffff;
	border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	padding: 0;
	border: solid 3px #c2c2c2;
	border-width: 0 3px;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	padding: 0;
	border: solid 3px #bdbdbd;
	border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	padding: 0;
	border: solid 3px #000000;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEE;
}
/* Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;	
	font-size: 1.1em;
}

input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 1em;	
}

select {	
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 6px;
	line-height: 28px;	
	font-size: 1em;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {	
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
	color: #676767;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */

fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
	margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	/*font-weight: bold;*/
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

#timezone {
	width: 95%;
}

* html #timezone {
	width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	background-color: #f3f3f3;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 15px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	display: block;
    float: none;
    height: auto;
    margin-bottom: 10px;
    text-align: right;
    width: 100%;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	/*margin-top: 15px;*/
	/*height: 2.5em;*/
}

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

/*fieldset.submit-buttons input {
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}*/

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	/*margin-bottom: 15px 0 2px 0;*/
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
	margin-bottom: 15px;
}

/* Main message box */
#message-box {
	width: 80%;
}

#message-box textarea {	
	width: 450px;
	height: 270px;
	min-width: 100%;
	max-width: 100%;
	font-size: 1.2em;
	color: #333333;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	height: 36px;  
	position: relative;	
	outline-width: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;		
	padding: 6px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
	height: 100%;
}

.autowidth {
	width: auto !important;
	min-width: 250px;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
  font-size: 14px;
  height: 34px;
  line-height: 32px; 
  display: inline-block;
  text-align: center;
   padding: 0 10px;
   width: auto !important; 
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

a.button1, input.button1 {
	/*font-weight: bold;
	border: 1px solid #666666;*/
}

input.button3 {
	/*padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;*/
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	/*border: 1px solid #666666;*/
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	/*color: #000000;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
	background-position: 0 1px;*/
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	/*border: 1px solid #BCBCBC;
	background-position: 0 100%;
	color: #BCBCBC;*/
}

input.disabled {
	font-weight: normal;
	color: #666666;
}

/* Topic and forum Search */
.search-box {
	margin-top: 0;
	margin-left: 0;
	float: left;
}

.search-box input {
}

input.search {
	background-image: none;
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 17px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}
/* Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-top, * html span.corners-bottom { background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right.gif"); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

/* Headerbar height fix for IE7 and below */
* html #site-description p {
	margin-bottom: 1.0em;
}

*:first-child+html #site-description p {
	margin-bottom: 1.0em;
}

/* #minitabs fix for IE */
.tabs-container {
	zoom: 1;
}

#minitabs {
	white-space: nowrap;
	*min-width: 50%;
}
/*    
--------------------------------------------------------------
HEADER STYLE 1 
-------------------------------------------------------------- */

/* TOP BAR */

#top-bar {  
  min-height: 44px; 
}

.top-nav {  
  position: relative;
  top: 12px
}

.top-nav li {    
  float: left;   
}

.top-nav a { 
  line-height: 24px; 
}

.top-nav i {  
  font-size: 1.444em; 
  padding-right: 7px;
  vertical-align: top;
}

#top-bar .search-box #search_keywords {    
  width: 230px;
  height: 100%;
  line-height: 100%;  
  outline-width: 0;
  font-size: 13px;  
}

#top-bar .inside-search-box {  
  display: inline-block;
  height: 32px;  
  position: relative;
  width: 270px;
  top: 6px;
  outline-width: 0;  
  overflow: hidden;
}

#top-bar .search-box .inside-search-box .button2 {
  float: right;  
  padding: 0;   
  width: 32px !important;
  height: 31px;
  line-height: 31px;
}

/* The round background for unread messages */
#private-msg strong {  
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-right: 3px;
  min-width: 18px;
  position: relative;
  text-align: center;
  top: -2px;
}

#page-header {  
  padding: 0;  
  position: relative;  
  height: auto;
  clear: both;
  width: 100%; 
  z-index: 100;   
  text-align: left;
}

/* LOGO STYLES */
.logodiv {  
  display: inline-block;
  height: 100px;
  line-height: 100px;
  position: relative;
  text-align: left;  
  z-index: 1; 
} 

.logodiv img{
  position:relative;    
  top: 0px;
  z-index: 6666;  
} 
   
.logodiv a { 
  text-decoration: none;  
  outline: 0;
} 

/* HEADER MENU STYLES  */
#nav {    
  float: right;
  height: auto;
  display: block;
  position: relative;
  top: 33px;
  text-transform: capitalize;
}

#nav > a {
  display: none;
}

#nav li {
  position: relative;
}

#nav li a {  
  display: block;
  text-decoration: none;
}

.drop-down {  
  padding-right: 0!important;  
}  

/* first level */

#nav > ul {
  height: auto;  
}

#nav > ul > li,#nav > ul > li:hover {
  padding-bottom: 33px;
} 

#nav > ul > li {          
  height: 100%;
  float: left;
  display: block;
  margin-left: 7px;          
}

#nav > ul > li > a {
  height: 100%;
  font-size: 14px;
  height: 34px;
  line-height: 32px; 
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;  
}

#nav > .main-level > li > a > i {  
  font-size: 14px; 
  padding-right: 7px;
} 

#nav i {   
  font-size: 14px; 
  padding-right: 7px;
}  

/* second level */
#nav li ul {  
  display: none;  
  position: absolute;
  right: 0!important;
  top: 100%;
  width: 220px;  
  word-wrap: break-word;
}

#nav li:hover ul {
  display: block;              
  right: 0;
}            

#nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}

/* third level */
#nav li:hover ul li ul{  
  display: none;  
  position: absolute;
  right: 220px!important;
  top: 0;
  width: 220px;
  overflow: hidden;
  word-wrap: break-word;
}

#nav li ul li:hover ul{
  display: block;              
  right: 220px;
}            

#nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}

/*    
--------------------------------------------------------------
HEADER STYLE 2
-------------------------------------------------------------- */

/* TOP BAR */

#header-style-2 #top-bar {  
  min-height: 44px; 
}

#header-style-2 .top-nav {  
  position: relative;
  top: 12px
}

#header-style-2 .top-nav li {    
  float: left;   
}

#header-style-2 .top-nav a {  
  line-height: 24px; 
}

#header-style-2 .top-nav i {  
  font-size: 1.444em; 
  padding-right: 7px;
  vertical-align: top;
}

#header-style-2 #page-header {  
  padding: 0;  
  position: relative;  
  height: 110px;
  clear: both;
  width: 100%; 
  z-index: 100;   
  text-align: left;
}

/* LOGO STYLES */
#header-style-2 .logodiv {  
  display: inline-block;
  height: 110px;
  line-height: 110px;
  position: relative;
  text-align: left;  
  z-index: 1; 
} 

#header-style-2 .logodiv img{
  position:relative;    
  top: 0px;
  z-index: 6666;  
} 
 
.header-ads {
  float: right;
  top: 10px;
  position: relative;
} 

/* HEADER MENU STYLES  */
#header-style-2 #nav {    
  float: right;
  height: auto;
  display: block;
  position: relative;
  top: 0;
  text-transform: capitalize;
}

#header-style-2 #nav li a { 
  display: block;
  text-decoration: none;
}


/* first level */

#header-style-2 #nav > ul > li,
#header-style-2 #nav > ul > li:hover {
  padding-bottom: 0;
  padding-top: 0;
} 

#header-style-2 #nav > ul > li {          
  height: 100%;
  float: left;
  display: block;
  margin-left: 0;   
  position: relative;         
}

#header-style-2 #nav > ul > li > a {
  height: 100%;
  font-size: 14px;
  height: 42px;
  line-height: 42px; 
  text-align: center;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 0;
  padding-top: 0;
  border: none;  
}

#header-style-2 #nav > .main-level > li > a > i {    
  position: absolute;
  left: 10px;    
  top: 14px;
  padding-right: 0; 
} 

#header-style-2 #nav > .main-level > li > a > i.drop-down {  
  padding-right: 0!important;
  right: 10px;
  left: auto;  
}  

#header-style-2 #nav i {   
  font-size: 14px;
  padding-right: 7px;   
}  

/* second level */
#header-style-2 #nav li ul {   
  display: none;  
  position: absolute;
  right: 0!important;
  top: 100%;
  width: 220px;  
  word-wrap: break-word;
}

#header-style-2 #nav li:hover ul {
  display: block;              
  right: 0;
}            

#header-style-2 #nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}

#header-style-2 #sub-header-bar { 
  position: relative;
  z-index: 100;
}

#sub-header-bar .divider-vertical {
  top:14px;
}

/* third level */
#header-style-2 #nav li:hover ul li ul{  
  display: none;  
  position: absolute;
  right: 220px!important;
  top: 0;
  width: 220px;
  overflow: hidden;
  word-wrap: break-word;
}

#header-style-2 #nav li ul li:hover ul{
  display: block;              
  right: 220px;
}            

#header-style-2 #nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}
/*    
--------------------------------------------------------------
HEADER STYLE 3
-------------------------------------------------------------- */

#header-style-3 #page-header {  
  padding: 0;  
  position: relative;  
  height: 100px;
  clear: both;
  width: 100%; 
  z-index: 100;  
  text-align: left;
}

/* LOGO STYLES */
#header-style-3 .logodiv {  
  display: inline-block;
  height: 100px;
  line-height: 100px;
  position: relative;
  text-align: left;  
  z-index: 1; 
} 

#header-style-3 .logodiv img{
  position:relative;    
  top: 0px;
  z-index: 6666;  
} 

/* HEADER MENU STYLES  */
#header-style-3 #nav {    
  float: right;
  height: auto;  
  position: relative;
  top: 0;
  text-transform: capitalize;
}


#header-style-3 #nav li a { 
  display: block;
  text-decoration: none;
}

/* first level */

#header-style-3 #nav > ul > li,
#header-style-3 #nav > ul > li:hover {
  padding-bottom: 0;
  padding-top: 0;
} 

#header-style-3 #nav > ul > li {          
  height: 100%;
  float: left;
  display: block;
  margin-left: 0;   
  position: relative;         
}

#header-style-3 #nav > ul > li > a {
  height: 100%;
  font-size: 14px;
  height: 100px;
  line-height: 100px; 
  text-align: center;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 0;
  padding-top: 0;
  border: none;  
}

#header-style-3 #nav > ul > li:hover > a,
#header-style-3 #nav > ul:not( :hover ) > li.active > a {
  border: none;  
}

#header-style-3 #nav > .main-level > li > a > i {  
  position: absolute;
  left: 10px;    
  top: 14px;
  padding-right: 0; 
} 

#header-style-3 #nav > .main-level > li > a > i.drop-down {  
  padding-right: 0!important;
  right: 5px;
  left: auto;
  top:43px;  
}  

#header-style-3 #nav i {   
  font-size: 14px;
  padding-right: 7px;   
}  

/* second level */
#header-style-3 #nav li ul {    
  display: none;  
  position: absolute;
  right: 0!important;
  top: 100%;
  width: 220px;  
  word-wrap: break-word;
}

#header-style-3 #nav li:hover ul {
  display: block;              
  right: 0;
}            

#header-style-3 #nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}

/* third level */
#header-style-3 #nav li:hover ul li ul{  
  display: none;  
  position: absolute;
  right: 220px!important;
  top: 0;
  width: 220px;
  overflow: hidden;
  word-wrap: break-word;
}

#header-style-3 #nav li ul li:hover ul{
  display: block;              
  right: 220px;
}            

#header-style-3 #nav li ul a {  
  font-size: 13px;   
  padding: 8px;  
}

/* Collapse Search bar starts here */

#header-style-3 a#search-menu {
  font-size: 16px;  
  position: relative;
  z-index: 201;
  float: right;
  right: 10px;
  text-align: center;
  line-height: 100px;    
  text-decoration: none; 
  height: 42px;
  width: 42px;         
}

#header-style-3 a#search-menu .icon-search {  
  display: inline-block;   
}

#header-style-3 a#search-menu .icon-remove {  
  display: none;   
}

#header-style-3 #search-box-hide {
  display: none;    
}

#header-style-3 .slide-searchbox {
  display: block!important;
  max-width: 460px;
  right: 10px;
  width: 100%;
  top: 99px;
  z-index: 2;
  position: absolute;  
}

#header-style-3 .slide-searchbox .inside-search-box {  
  border: none;
  display: inline-block;
  height: 42px;  
  position: relative;  
  width: 100%;
  top: 0;
  outline-width: 0;  
  overflow: hidden; 
}

#header-style-3 .slide-searchbox #search_keywords {    
  width: 100%;
  height: 100%;
  padding: 10px; 
  line-height: 100%;  
  outline-width: 0;
  font-size: 15px;  
}

#header-style-3 .search-box .inside-search-box .button2 {
  float: none;  
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;   
  height: 42px;
  line-height: 42px;
  width: 42px!important;    
  font-size: 19px;
}


/*    
--------------------------------------------------------------
REVOLUTION SLIDER STYLE
-------------------------------------------------------------- */

#wrap .tp-banner-container {   
  width:100%;
  position:relative;
  padding:0;
  z-index: 1;
}

#wrap .tp-loader { 
  visibility:hidden
}

#wrap .tp-banner {    
  width:100%;
  position:relative;
}

#wrap .tp-leftarrow.default,
#wrap .tp-rightarrow.default { 
  z-index:100;
  cursor:pointer; 
  position:relative;  
  width: 40px;
  height:40px;
  text-align: center;  
}

#wrap .tp-rightarrow.default:before,
#wrap .tp-leftarrow.default:before {  
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 100%;
  line-height: 40px;  
  position: relative;
  top: -1px;
  text-transform: none;
  width: 100%;
  font-size: 15px;  
}

#wrap .tp-bullets {
  z-index: 100;
}  

#wrap .tp-bullets.simplebullets.round .bullet {   
  width:10px; 
  height:10px;   
  text-align: center;
  margin-left: 10px; 
}

#wrap .tp-caption.mediumlarge_light_white { 
  font-size: 2.2em;  
}

#wrap .tp-caption.text-center { 
  text-align: center;  
}

#wrap .tp-caption.text-right { 
  text-align: right;  
}

#wrap .tp-caption.mediumwhitebg{
  font-size:18px;
  line-height:18px;
  font-weight:300;
  font-family:"Open Sans";
  color: #111111;
  text-decoration:none;
  background-color:rgb(255, 255, 255);
  padding:5px 15px 10px;
  text-shadow:none;
  border-width:0px;
  border-color:rgb(0, 0, 0);
  border-style:none;
}

/* Slider Buttons */

#wrap .tp-caption a.sl-button { 
  display: inline-block;
  font-size: 0.822em ;
  margin-right: 20px;
  padding: 0.5em 1em;  
  text-align: center;  
}

#wrap .tp-caption a.sl-button.solo-button {
  margin-right: 0;
}

/* Demo icons */

#wrap .tp-banner .retina-icons {  
  padding: 0.5em;
  display: inline-block;
  font-size: 2em;
  text-align: center;  
}

/*    
--------------------------------------------------------------
CAMERA SLIDER CUSTOM STYLE
-------------------------------------------------------------- */
#wrap #camera_wrap_1 {
  margin-bottom: 0!important;
}  

#wrap .camera_white_skin .camera_caption {
  bottom: 0;
  display: block;
  max-width: 1200px;
  position: absolute;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

#wrap .camera_white_skin .camera_prev {
  left: 10px;
}

#wrap .camera_white_skin .camera_next {
  right: 10px;
}

#wrap .camera_white_skin .camera_commands {
  right: 60px;   
}

#wrap .camera_pie {
  right: 10px;
  top: 10px;
  position: relative;
}

#wrap .camera_pag {
  bottom: 0;  
  left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  position: absolute;
  right: 0;
  text-align: center;
}

#wrap .camera_wrap .camera_pag .camera_pag_ul {    
    text-align: center;
}

#wrap .camera_wrap .camera_pag .camera_pag_ul li {  
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 20px 5px;
  position: relative;
  text-indent: -9999px;
  width: 10px;  
}

#wrap .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
#wrap .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  display: none;
}
  
#wrap .camera_white_skin .camera_caption.kd_white_title {
  font-size: 26px;    
  top:40px!important;
  font-family:"Open Sans";
  font-weight:300;
}

#wrap .camera_white_skin .camera_caption.kd_white_content {
  font-size: 17px;
  top:80px;
  font-family:"Open Sans";
  font-weight:300;
  height: auto;
}

/* Slider Buttons */
#wrap .camera_white_skin .camera_caption.kd_white_button {
  bottom: 40px;
  height: auto;
}

#wrap a.cam-sl-button {
  display: inline-block;
  font-family:"Open Sans";
  font-weight:300;
  font-size: 14px ;
  margin-right: 20px;
  padding: 0 20px;
  height: 40px;
  min-width: 80px;
  line-height: 38px;
  text-align: center;  
  text-decoration: none;   
}

/*    
--------------------------------------------------------------
BODY STYLES
-------------------------------------------------------------- */

a#start_here {
  position: absolute;
}

#page-body {  
  z-index: 4;
  position: relative;
  width: 100%;
  min-height: 490px;  
}

#page-body .inner-wrap{ 
  padding-top: 0px;
  padding-bottom: 20px;  
}

.search-box #search_keywords {    
  width: 230px;
  height: 100%;
  line-height: 100%;
  border:none!important;
  outline-width: 0;
  font-size: 13px;  
}

.search-box #search_keywords:focus {  
  border:none!important;
  outline-width: 0;
}

.search-box .inside-search-box .button2 {    
  border: 0 none;
  cursor: pointer;  
  float: right;  
  padding: 1px 0 0;
  background-color:transparent;  
  width: 32px !important;
}

.inside-search-box {  
  display: inline-block;
  height: 36px;  
  position: relative;
  width: 270px;
  outline-width: 0; 
  overflow: hidden;
}

ul.linklist li.leftside a:not(:first-child):before {    
    content: "/ ";
    padding: 0 5px;        
}

ul.linklist li a:hover {
    text-decoration: none;      
}

h3.panel-header,h2.panel-header {    
  font-size: 1.1333em; 
  text-transform: uppercase;
  margin-bottom: 0;
}

ul.topiclist li.header ,.panel-header {	    
  min-height: 40px;
  padding: 0 10px;
  font-weight: normal;
  line-height: 40px;  
}

li.header dt, li.header dd {
  display: table;
}  

.description-forum {    
  font-size: 0.977em !important;
  margin-bottom: 5px; 
}

.custom-select {
  display: inline-block;
}  

div.rules h3 {  
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  font-weight: normal;
  margin-top: 0;
  padding-bottom: 10px;
  text-transform: none;
  font-size: 17px;
  line-height: 17px;
}

div.rules i {
  font-size: 22px;
  position: relative;
  top: 2px;
  margin-right: 10px;  
}

#cp-main .header {     
  height: auto;
  margin-top: 10px;
  padding: 0;
}

.top2div {
  padding-top: 10px;  
}

.go-top {
  position: fixed;
  bottom: 50%;
  right: -37px;
  text-decoration: none;  
  font-size: 12px;  
  z-index: 99999; 
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 33px;
  font-weight: normal!important;    
}

.go-top-visible {
  right: -1px;
}

/*    
--------------------------------------------------------------
SIDEBAR STYLE
-------------------------------------------------------------- */

#page-body-content.with-sidebar {
  float: none;
  width: auto;
  overflow: hidden; 
}

#sidebar {
  position: relative;
  width: 270px;
  float: right;
  margin-left: 20px;  
}

.sheader h4,.sheader h3{
  font-size: 1.1333em; 
  text-transform: uppercase;
}

.sheader {    
  height: 40px;
  padding: 0 10px;
  font-weight: normal;
  line-height: 40px;  
}

.scontent {   
  position: relative;  
  height: auto;
  display: block;  
  padding: 0 10px;
  margin-bottom: 20px;
  padding: 10px;   
} 

.scontent p {
  margin-bottom: 0;  
}

/*    
--------------------------------------------------------------
FOOTER STYLE 1
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-1 .footer-top-bar  {  
  min-height: 44px;
  margin-top: 50px;
}

#footer-style-1 .footer-top-bar li {
  float: left;
  margin-right: 10px;
  line-height: 44px;
}

#footer-style-1 #page-footer  {  
  display: block;
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  position: relative; 
  padding: 40px 0;
  z-index: 9;
  overflow: hidden;      
}

#footer-style-1 #page-footer h4 {    
  font-size: 15px;    
  margin: 0 0 15px;    
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
}

#footer-style-1 .footer-block {
  margin-right: 20px;   
  float: left;   
  display:block;     
}

#footer-style-1 #page-footer p {    
  line-height: 26px;
}

#footer-style-1 .footer-col-left {
  float: left;
  width: 30%;
}

#footer-style-1 .footer-col-middle {
  float: left;
  width: 33%;
}

#footer-style-1 .footer-col-right {
  float: right;
  width: 33%;
}

#footer-style-1 .footer-col-middle > .footer-block {
  float: none;
  margin-left: auto;
  margin-right: auto;
  min-width: 100px;
  position: relative;
  width: 200px;
  word-wrap: break-word;
}

#footer-style-1 .footer-block.footer-col-links i {  
  font-size: 10px;
  height: 26px;
  line-height: 22px;
  margin-right: 10px;
  position: relative;
  vertical-align: top;
}

#footer-style-1 .footer-block.footer-about { 
  margin-right: 0;
}

#footer-style-1 .footer-about p {
  font-size: 14px;
}

#footer-style-1 .footer-col-contact { 
  margin-right: 0;
}

#footer-style-1 .footer-col-contact li {    
  margin-bottom: 10px;
}

#footer-style-1 .footer-col-contact li i {    
  margin-right: 10px;  
}

/* Copyrights */

#footer-style-1 #page-copyrights {    
  display: block;    
  position: relative;
  z-index: 9;
  min-height: 68px;   
  height: auto;    
}

#footer-style-1 .copyrights-line {    
  margin-top: 26px;
  float: left;    
}

#footer-style-1 #page-copyrights a {
  display: inline-block;    
}

/* Footer Social icons Styles */

#footer-style-1 .socials {  
  position: relative;
  line-height: 36px;
  float: right;  
}

#footer-style-1 .socials li {  
  float: left;  
  margin-right: 5px;
  margin-bottom: 5px;  
}

#footer-style-1 .socials a {   
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
}

#footer-style-1 .socials a i {  
  font-size: 18px;
  position: relative;
  top: 17px;   
}

/*    
--------------------------------------------------------------
FOOTER STYLE 2
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-2 .footer-top-bar  {  
  min-height: 44px;
  margin-top: 50px;
}

#footer-style-2 .footer-top-bar li {
  float: left;
  margin-right: 10px;
  line-height: 44px;
}

#footer-style-2 #page-footer {   
  padding: 20px 0;
  z-index: 9;
  overflow: hidden;   
}

#footer-style-2 .footer-col-left {
  float: left;
  width: 30%;
}

#footer-style-2 .footer-col-middle {
  float: left;
  width: 33%;
}

#footer-style-2 .footer-col-right {
  float: right;
  width: 33%;
}

#footer-style-2 #page-footer h4 {    
  font-size: 16px;    
  margin: 0 0 20px;    
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
}

#footer-style-2 #page-footer a {  
  display: block;
  font-size: 12px;    
}

#footer-style-2 .footer-block {
  margin-right: 20px;   
  float: left; 
  line-height: 1.538em;
  display:block;     
}

#footer-style-2 .footer-block.footer-about { 
  margin-right: 0;
}

#footer-style-2 .footer-about p {    
  margin-bottom: 20px;
}

/* Latest Tweets Plugin Styles */

#footer-style-2 .footer-tweets > div {
  position: relative;
}

#footer-style-2 .footer-tweets .user {
  display: inline;      
}

#footer-style-2 .tweet-wrap {
  display: block;
  text-indent: 20px;
}
 
#footer-style-2 .tweet-icon:before {
  font-family: 'ios7-style-font-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-top: 1px;
  content: "\e01a";
  left: 0;
  position: absolute;
  top: 1px;  
  font-size: 14px;
}

#footer-style-2 .footer-tweets li {
  display: block;
  padding-bottom: 7px;
  margin-top: 7px;  
  position: relative;
}

#footer-style-2 .footer-tweets li:first-child {   
  margin-top: 0!important;
}

#footer-style-2 .footer-tweets li:last-child {   
  border-bottom: none;
}

#footer-style-2 .footer-tweets .tweet {
  display: inline!important;
}

#footer-style-2 .footer-tweets .user img {
  display: none;   
}

#footer-style-2 .footer-tweets a {
  display: inline!important;    
}

#footer-style-2 .footer-tweets a i{
  font-size: 14px!important;   
  padding-right: 5px;
}

#footer-style-2 .footer-tweets .timePosted {    
  display: inline-block;
  font-size: 12px;
  font-style: italic;   
}

#footer-style-2 .footer-tweets .interact {
  float: right;
  display: block;       
}

#footer-style-2 .footer-tweets .timePosted i{
  position: relative;
  margin-right: 5px;
  font-size: 12px;   
}

#footer-style-2 .footer-tweets .user > a > span > span{
  display: none;   
}

#footer-style-2 .footer-tweets .user > a > span {
  font-weight: 400;      
}

/* Flickr Plugin Styles */

#footer-style-2 .footer-flickr .thumbs { 
  margin: 0;
  padding: 0;
  overflow:
  hidden;
}

#footer-style-2 .footer-flickr .thumbs li {
  list-style: none;
  float: left;
  margin-right: 10px; 
  margin-bottom: 10px;    
}

#footer-style-2 .footer-flickr .thumbs li a {  
  padding: 10px;
  position: relative;  
}

#footer-style-2 .footer-flickr .thumbs li a img {
  display: block;
  width: 64px;    
}

#footer-style-2 .footer-flickr .thumbs li a .flickr-overlay {   
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;   
  top: 0;
  vertical-align: middle;
  text-align: center;      
}

/* Copyrights */

#footer-style-2 #page-copyrights {    
  display: block;     
  position: relative;
  z-index: 9;
  min-height: 48px;  
  height: auto;     
}

#footer-style-2 .copyrights-line {    
  margin-top: 16px;
  float: left;    
}

#footer-style-2 #page-copyrights a {
  display: inline-block;    
}

#footer-style-2 .footer-bottom-links {
  float: right;
  margin-top: 17px;    
}

#footer-style-2 .footer-bottom-links li {
  float: left;
}

#footer-style-2 .footer-bottom-links .divider-vertical {
  height: 10px;   
  top: 4px;
}  

#footer-style-2 .footer-bottom-links li a {    
  line-height: 9px;         
}

/* Footer Social icons Styles */

#footer-style-2 #page-footer .socials {  
  position: relative;
  
}

#footer-style-2 #page-footer .socials li {  
  float: left;  
  margin-right: 5px;
  margin-bottom: 5px;  
}

#footer-style-2 #page-footer .socials a {   
  display: block;
  width: 32px;
  height: 32px;
  text-align: center; 
}

#footer-style-2 #page-footer .socials a i {  
  font-size: 15px;
  position: relative;
  top: 7px;   
}

#footer-style-2 #page-footer .socials a i.fo-facebook,
#footer-style-2 #page-footer .socials a i.fo-flickr,
#footer-style-2 #page-footer .socials a i.fo-youtube,
#footer-style-2 #page-footer .socials a:hover i.fo-youtube {
  left: 1.5px!important;
}

/*    
--------------------------------------------------------------
FOOTER STYLE 3
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-3 .footer-top-bar  {   
  min-height: 44px;
  margin-top: 50px;
}

#footer-style-3 .footer-top-bar li {
  float: left;
  margin-right: 10px;
  line-height: 44px;
}

/* Copyrights */

#footer-style-3 #page-copyrights {    
  display: block;    
  position: relative;
  z-index: 9;
  min-height: 68px;   
  height: auto;    
}

#footer-style-3 .copyrights-line {    
  margin-top: 26px;
  float: left;    
}

#footer-style-3 #page-copyrights a {
  display: inline-block;    
}

/* Footer Social icons Styles */

#footer-style-3 .socials {  
  position: relative;
  line-height: 36px;
  float: right;  
}

#footer-style-3 .socials li {  
  float: left;  
  margin-right: 5px;
  margin-bottom: 5px;  
}

#footer-style-3 .socials a {   
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
}

#footer-style-3 .socials a i {  
  font-size: 18px;
  position: relative;
  top: 17px;   
}


/*    
--------------------------------------------------------------
404 ERROR PAGE
-------------------------------------------------------------- */

.page_404error {
  font-family: 'Open Sans',sans-serif;
  margin: 0 auto;
  padding: 20px 20px 60px;
  text-align: center;
  width: 62%;
}

.page_404error strong {  
  display: block;
  font-size: 145px;
  font-weight: normal;
  line-height: 100px;
}

.page_404error b {  
  display: block;
  font-size: 38px;
  font-weight: 300;
  line-height: 36px;
  margin: 0;
}

.page_404error em {  
  display: block;
  font-size: 16px;
  font-style: normal;
  line-height: 54px;
  margin: 0;
}
.page_404error .search-box {
  float: none;
  padding-top: 25px;
  padding-bottom: 10px;
}  

/*    
--------------------------------------------------------------
ABOUT PAGE
-------------------------------------------------------------- */

#gmap {
 height: 350px;
 width: 100%;
}

#about.panel {  
  padding: 20px; 
}  

#about p {  
  padding: 0;
  padding-bottom: 20px; 
}  

#about.panel h2 {  
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
  padding-bottom: 20px; 
}  

#about.panel h2:before {
    background: transparent;
    display: none;    
}

#about .one-column,#about .two-columns,#about .three-columns,#about .four-columns {
  text-align: center;
}

.one-column,.two-columns,.three-columns,.four-columns {
  width: 100%;
  margin-bottom: 20px;
}

 .first-column {
  width: 50%;
  float: left;
}
 
.two-columns > .first-column {
  width: 50%;
  float: left;
  padding-right: 10px;
}

#about .two-columns > .first-column {    
  text-align: center;   
}

.two-columns > .second-column {
  width: 50%;
  float: left;
  padding-left: 10px;
}

.three-columns > .first-column {
  width: 33.3333%;
  float: left;
  padding-right: 20px;
}

.three-columns > .second-column {
  width: 33.3333%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.three-columns > .third-column {
  width: 33.3333%;
  float: left;
  padding-left: 20px;
}


/* Contact icons in "About Page" */
.hovicon {
 display: block; 
}

.hovicon i {
  display: inline-block;
  font-size: 36px;
  line-height: 120px;
  cursor: pointer;
  margin: 0 20px 20px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  text-decoration: none;
  z-index: 1;  
}

.hovicon i:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;  
  content:'';  
  top: -2px;
  left: -2px;
  padding: 2px;
  z-index: -1;  
}

.hovicon i:before {
  speak: none;
  font-size: 36px;
  line-height: 120px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}

.contact-icons {    
  text-align: center;
}   

.contact-icons a,.contact-icons a:hover{   
  text-decoration: none;
}

.contact-icons li {
  width: 195px;
  display:inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  margin: 0 10px 10px;
}

.contact-icons h4 {
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  font-weight: 300;
  text-transform: uppercase;  
  margin-bottom: 20px;
}  

.contact-icons p {  
  font-size: 1.2em;
}

/* Statistics in "About Page" */

.statistics-about {    
  text-align: center;
  position: relative;
  clear: both;
  overflow: hidden;
}   

.statistics-about a,.statistics-about a:hover{   
  text-decoration: none;
}

.statistics-about li {  
  display: block;
  float: left;
  padding: 0!important;
  position: relative;
  text-align: center;  
  width: 25%;
  height: 130px; 
  margin-bottom: 20px;  
}

.statistics-about p {   
  font-size: 15px;
  padding: 0!important;
  line-height: 130px;   
}

.statistics-about  i {    
  bottom: 0; 
  font-size: 28px;
  left: 0;
  position: absolute;
  right: 0;  
}

.statistics-about p strong {  
  display: block;
  font-size: 18px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: -40px;
}

/* Team pictures in "About Page" */
.tm-thumb {  
  overflow: hidden;
  position: relative;     
}

.tm-icons {  
  padding: 10px 0;
  position: relative;
  text-align: center;  
  width: 100%;  
}

.tm-icons li {  
  display: inline-block;
  margin-right: 5px;       
}

.tm-icons li a {  
  display: block;  
  height: 32px;
  text-align: center;  
  width: 32px;  
}

.tm-icons a i {  
  font-size: 15px;
  position: relative;
  top: 7px;   
}

.tm h3 {  
  font-size: 1.544em;
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  font-weight: 300;
}

.tm h4 {  
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 1em;
}

.tm p {  
  font-size: 1.244em;
  font-weight: 300;
  font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
  line-height: 26px;    
  position: relative;
} 

.three-columns > .first-column.tm,
.three-columns > .second-column.tm,
.three-columns > .third-column.tm {
  text-align: center;
} 

/*    
--------------------------------------------------------------
MEMBERLIST VIEW AND VIEWTOPIC PAGE STYLES
-------------------------------------------------------------- */

#viewprofile .left-box {
  position: relative;
  margin-top: 15px;
}

#viewprofile .status-sign {
  left: 0;
}

#viewprofile .left-box > dt > img {  
  padding: 10px;
  margin-bottom: 5px;
}


.postprofile > dt > a > img {  
  padding: 10px;
  margin-bottom: 5px;
  position: relative;
}  

/* viewforum and viewtopic icons */

.last-post-icon {
  position: relative;
  top: 1px !important;
} 

.author .fa.fa-file-o {
  font-size: 0.922em;
}

.faq .top2 {
  padding-top: 10px;
  display: inline-block;
} 

.faq strong {
  font-size: 15px;
} 

/*    
--------------------------------------------------------------
GENERAL STYLES
-------------------------------------------------------------- */

#page-header,#page-body,#page-footer,#page-copyrights {
  width:auto;  
  position: relative;   
}

.inner-wrap:before,.topic-actions:before,.row:before,ul.linklist:before,
#nav:before,#slider-wrap:before,.panel:before,#sub-header-bar:before,
.inner-wrap:after,#nav:after,.row::after,#sub-header-bar:after,
.topic-actions:after,#slider-wrap:after,.panel:after,ul.linklist:after {
  content: "";
  display: table;
  line-height: 0;
}

.inner-wrap:after,#nav:after,#sub-header-bar:after,
#slider-wrap:after,.panel:after,.row:after,.topic-actions:after,ul.linklist:after {
  clear: both;
}

.inner-wrap {
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px; 
  position: relative;
  z-index: 2; 
}

img {  
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}

[class^="fo-"],[class^="icon-"], [class*="fo-"], [class*="icon-"] {
  background-repeat: no-repeat;
  display: inline-block;
  height: auto;
  line-height: 100%;
  width: auto;  
}

a i,a:hover i {
  text-decoration: none;
}  

strong {
  font-weight: normal;
}  

input[type="submit"] {
  font-family: "ios7-style-font-icons",Arial,Helvetica,Arial,Verdana,sans-serif;
}

ul {
  list-style: none outside none;
}

/* Margins and paddings Styles */
.mt5 { 
  margin-top: 5px;
}

.mt10 { 
  margin-top: 10px;
}

.mt20 { 
  margin-top: 20px;
}

.mb5 { 
  margin-bottom: 5px;
} 

.mb10 { 
  margin-bottom: 10px;
}

.mb20 { 
  margin-bottom: 20px;
}

.ml10 { 
  margin-left: 10px;
} 

.ml20 { 
  margin-left: 20px;
} 

.mr10 { 
  margin-right: 10px;
} 

.mr20 { 
  margin-right: 20px;
} 

.pb10 { 
  padding-bottom: 10px;
}  

.pb20 { 
  padding-bottom: 20px;
}  

.padd10 { 
  padding: 10px;
}  

.pull-right {
  float:right!important;
}

.pull-left {
  float:left!important;
}

.divider-vertical {   
  margin-left: 7px!important;
  margin-right: 7px!important;
  height: 13px!important;  
  position: relative!important;
  top: 5px;      
}

/* Specific layout 1 */

#qr_editor_div fieldset.fields1 dt, form#login fieldset.fields1 dt, form#postform fieldset.fields1 dt {
    display: inline-block;
    float: none;
    width: auto;
}

#qr_editor_div fieldset.fields1 dd, form#login fieldset.fields1 dd, form#postform fieldset.fields1 dd {
    margin-bottom: 10px;
    margin-left: 0;
}

.pmlist > dt > #username_list {
  height: 64px;
}

fieldset.polls dd.resultbar.resultbg {  
  padding: 4px;
}

/*    
--------------------------------------------------------------
RESPONSIVE MENU STYLES
-------------------------------------------------------------- */

#left-side-menu {
  display: none;
}

.cbp-spmenu-left {
  left: -270px;
}

.cbp-spmenu-vertical {
  width: 270px;
  height: 100%;
  top: 0;
  z-index: 1000;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}  

.btn-navbar {
  display: none;  
}

#left-side-menu .search-box {     
  display: none; 
}

#left-side-menu .toggle-menu {     
  display: none; 
}
/*
#############################################################################

	BBox7 phpBB3 theme - Table of Contents for colours and backgrounds        
		( by KomiDesign - http://themeforest.net/user/KomiDesign )			

#############################################################################

   	Note: You can search with one of the title below to find the reference css  
 	
 
01. HEADER STYLE 1                      
    a. TOP BAR                         
    b. HEADER MENU STYLES               

02. HEADER STYLE 2                    
    a. TOP BAR                         
    b. HEADER MENU STYLES               

03. HEADER STYLE 3                      
    a. HEADER MENU STYLES               
    b. COLLAPSE SEARCH BAR              

04. REVOLUTION SLIDER STYLE             
    a. Slider Demo Button              
    b. Slider Demo icons             

05. CAMERA SLIDER STYLE                  
    a. Slider Demo Button              

06. SIDEBAR STYLE                     

06. Colours and backgrounds for common.css          
    a. Body and heading tags           
    b. Search box                   
    c. Table styles                 
    d. Pagination                   
    e. Rules, Errors, Report Styles          

07. Colours and backgrounds for links.css      
    a. Links for forum/topic lists          
    b. Post body links                
    c. Profile links                
    d. Go to top fixed button             

08. Colours and backgrounds for content.css      
    a. Post signature                
    b. BB Code styles               
    c. Attachments                 
    d. Inline image thumbnails           
    e. Post poll styles               
    f. Poster profile block            

09. Colours and backgrounds for buttons.css         
    a. Post buttons                 
    b. Profile icons               
  
10. Colours and backgrounds for cp.css            

11. Colours and backgrounds for forms.css         

12. 404 ERROR PAGE                   

13. ABOUT PAGE                      
    a. Statistics in "About Page"          
    b. Team pictures in "About Page"        

14. FOOTER STYLE 1                    

15. FOOTER STYLE 2                    
    a. Latest Tweets Plugin Styles        
    b. Flickr Plugin Styles             
    c. Footer Social icons Styles         

16. FOOTER STYLE 3                    
    c. Footer Social icons Styles         

17. GENERAL STYLES    
 
#############################################################################*/

/*  	
--------------------------------------------------------------
HEADER STYLE 1
-------------------------------------------------------------- */

/* TOP BAR*/

#top-bar {
  background-color: #F7F8F8;  
  border-bottom: 1px solid #E5E5E5;
}

.top-nav a {
  color: #777777;  
}

.top-nav a:hover {
  color: #3C3C5D;  
}

.top-nav i {
  color: #777777;  
}

#top-bar .search-box #search_keywords {   
  border:none!important;  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
      border-radius: 6px;
}

#top-bar .inside-search-box {
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
      border-radius: 6px;      
}

#top-bar .search-box .inside-search-box .button2 { 
  transition: none 0s ease 0s;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0;  
}

/* The round background for unread messages */
#private-msg strong { 
  background: none repeat scroll 0 0 #FF3B30;
  border-radius: 50%;
  color: #FFFFFF;  
}

/* The round background for the readed messages */
#private-msg span strong { 
  background: #dddddd;  
}

/* TOP BAR END */

#page-header {   
  border-bottom: 1px solid #E5E5E5;
  background: #FFFFFF;  	
  color: #777777;   
}

/* HEADER MENU STYLES  */

#nav li a {
  color: #444444;  
}

#nav li a:active {
  background-color: #3C3C5D !important;
}

#nav > ul > li:hover > a > span:after {
  border-top-color: #FFFFFF;
} 

/* first level */

#nav > ul > li > a {  
  border: 1px solid #E5E5E5;
  background: #F7F7F8;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {
  border: 1px solid transparent;
  background-color: #3C3C5D;
  color: #ffffff;
}

#nav > .main-level > li > a > i {  
  color:#CCCCCC;  
} 

#nav > .main-level > li:hover > a > i {  
  color:#ffffff;  
} 

/* second level */

#nav li ul a {
  background-color: #3C3C5D;
  color: #ffffff;     
}

#nav li ul li:not( :first-child ) a {
  border-top: 1px solid #36BDF7;
}

#nav li ul li a:hover {
  background-color: #36BDF7;
  color: #ffffff;
}

#nav li ul:not( :hover ) li.active a {
  background-color: #3C3C5D;
  color: #ffffff;
}

/*    
--------------------------------------------------------------
HEADER STYLE 2
-------------------------------------------------------------- */

/* TOP BAR*/

#header-style-2 #top-bar {
  background-color: #FFFFFF; 
  border-bottom: 1px solid #E5E5E5;
}

#header-style-2 .top-nav a {
  color: #777777;  
}

#header-style-2 .top-nav a:hover {
  color: #3C3C5D;  
}

#header-style-2 .top-nav i {
  color: #777777; 
}

/* TOPBAR END */

#header-style-2 #page-header {   
  border-bottom: 1px solid #E5E5E5;
  background: #F7F8F8;  
}

/* HEADER MENU STYLES  */

#header-style-2 #nav li a {
  color: #444444;  
}

#header-style-2 #nav li a:active {
  background-color: #3C3C5D !important;
}

#header-style-2 #nav > ul > li:hover > a > span:after {
  border-top-color: #FFFFFF;
} 

/* first level */

#header-style-2 #nav > ul > li > a {  
  border: none;
  background: #FFFFFF;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#header-style-2 #nav > ul > li:hover > a,
#header-style-2 #nav > ul:not( :hover ) > li.active > a {
  border: none;
  background-color: #3C3C5D;
  color: #ffffff;
}

#header-style-2 #nav > .main-level > li > a > i {  
  color:#CCCCCC;  
} 

#header-style-2 #nav > .main-level > li:hover > a > i {  
  color:#ffffff;  
} 

/* second level */

#header-style-2 #nav li ul a {
  background-color: #3C3C5D;
  color: #ffffff;   
}

#header-style-2 #nav li ul li:not( :first-child ) a {
  border-top: 1px solid #36BDF7;
}

#header-style-2 #nav li ul li a:hover {
  background-color: #36BDF7;
  color: #ffffff;
}

#header-style-2 #nav li ul:not( :hover ) li.active a {
  background-color: #3C3C5D;
  color: #ffffff;
}

#header-style-2 #sub-header-bar {
  background: #FFFFFF;
  border-bottom: 1px solid #E5E5E5;  
}

/*    
--------------------------------------------------------------
HEADER STYLE 3
-------------------------------------------------------------- */

#header-style-3 #page-header {   
  border-bottom: 1px solid #E5E5E5;
  background: #FFFFFF;  
}

/* HEADER MENU STYLES  */

#header-style-3 #nav li a {
  color: #444444; 
}

#header-style-3 #nav li a:active {
  background-color: #3C3C5D !important;
}

#header-style-3 #nav > ul > li:hover > a > span:after {
  border-top-color: #FFFFFF;
} 

/* first level */

#header-style-3 #nav > ul > li > a { 
  border: none;
  background: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#header-style-3 #nav > ul > li:hover > a,
#header-style-3 #nav > ul:not( :hover ) > li.active > a {
  border: none;
  background-color: #3C3C5D;
  color: #ffffff;
}

#header-style-3 #nav > .main-level > li > a > i {  
  color:#CCCCCC;   
} 

#header-style-3 #nav > .main-level > li:hover > a > i {  
  color:#ffffff;  
} 

/* second level */
#header-style-3 #nav li ul a {
  background-color: #3C3C5D;
  color: #ffffff;  
}

#header-style-3 #nav li ul li:not( :first-child ) a {
  border-top: 1px solid #36BDF7;
}

#header-style-3 #nav li ul li a:hover {
  background-color: #36BDF7;
  color: #ffffff;
}

#header-style-3 #nav li ul:not( :hover ) li.active a {
  background-color: #3C3C5D;
  color: #ffffff;
}

/* COLLAPSE SEARCH BAR */

#header-style-3 a#search-menu { 
  color: #DDDDDD;          
}

#header-style-3 a#search-menu:hover {  
  color: #111111;    
}

#header-style-3 .slide-searchbox .inside-search-box {
  background-color: #FFFFFF;
  border: none;  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
      border-radius: 0;      
}

#header-style-3 .slide-searchbox #search_keywords {    
  background:#FFFFFF;  
  border: 4px solid #E5E5E5!important;  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
      border-radius: 0;  
}

#header-style-3 .search-box .inside-search-box .button2 {  
  transition: none 0s ease 0s;
  -webkit-border-radius: 0;
  -moz-border-radius: 0 ;
      border-radius: 0;  
}

/*    
--------------------------------------------------------------
REVOLUTION SLIDER STYLE
-------------------------------------------------------------- */

#wrap .tp-leftarrow.default,
#wrap .tp-rightarrow.default {   
  background:transparent;
  color: #FFFFFF!important; 
  border: 1px solid #ffffff;  
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  opacity: 0.5;           
}

#wrap .tp-rightarrow.default:hover,
#wrap .tp-leftarrow.default:hover { 
  opacity: 1;  
}

#wrap .tparrows.hidearrows {
  opacity: 0 !important;
}

#wrap .tp-rightarrow.default:before,
#wrap .tp-leftarrow.default:before {  
  color: #FFFFFF!important;
}

#wrap .tp-rightarrow.default:before {
  font-family: 'ios7-style-font-icons' !important;
  content: "\e16d";
  color: #1F1F21;
}

#wrap .tp-leftarrow.default:before {
  font-family: 'ios7-style-font-icons' !important;  
  content: "\e16e"; 
  color: #1F1F21;
}

#wrap .tp-bullets.simplebullets.round .bullet {   
  background:transparent;    
  border: 1px solid #ffffff;   
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  opacity: 0.5;           
}

#wrap .tp-bullets.simplebullets.round .bullet:hover,
#wrap .tp-bullets.simplebullets.round .bullet.selected,
#wrap .tp-bullets.simplebullets.navbar .bullet:hover,
#wrap .tp-bullets.simplebullets.navbar .bullet.selected { 
  background:#ffffff;
}

/* Slider Demo Button */

#wrap .tp-caption a.sl-button {
  border: 1px solid #D8EEF6;  
  color: #FFFFFF;  
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;  
}

#wrap .tp-caption a.sl-button:hover {  
  background: rgba(255, 255, 255, 0.3);
}

/* Slider Demo icons */

#wrap .tp-banner .retina-icons {
  border: 1px solid #EEEEEE;
  background: none;  
  color: #FFFFFF;  
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
}

/*    
--------------------------------------------------------------
CAMERA SLIDER STYLE
-------------------------------------------------------------- */

#wrap .camera_white_skin .camera_caption > div {
    background: transparent;
}

#wrap .camera_white_skin .camera_commands {
    background: none;    
}

#wrap .camera_white_skin .camera_commands > .camera_stop,
#wrap .camera_white_skin .camera_commands > .camera_play {    
    border: 1px solid #eeeeee;        
}

#wrap .camera_white_skin .camera_prev,
#wrap .camera_white_skin .camera_next {    
    border: 1px solid #eeeeee;
    background: none;         
}

#wrap .camera_wrap .camera_pag .camera_pag_ul li {   
  background: none;
  border: 1px solid #ffffff;   
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.5;  
}

#wrap .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
#wrap .camera_wrap .camera_pag .camera_pag_ul li:hover {
  background: #ffffff;
}

/* Slider Demo Button */

#wrap a.cam-sl-button {  
  border: 1px solid #D8EEF6;  
  color: #FFFFFF;    
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;  
}

#wrap a.cam-sl-button:hover {  
  background: rgba(255, 255, 255, 0.3);
}

/*  	
--------------------------------------------------------------
SIDEBAR STYLE
-------------------------------------------------------------- */

#sidebar {   
	color:#CDE6F6;  
} 

#sidebar a {   
	color:#FFFFFF;  
} 

#sidebar h4 {   
  	color:#FFFFFF;  
} 

.sheader {  
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
  background: #3C3C5D;     
}

.scontent {   
  -webkit-border-radius:  0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
  background-color: #FFFFFF;
	color: #555555;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;         
} 

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

/* Body and heading tags */

html, body {
	color: #444444;
	background-color: #F7F7F8;
}

h1 {
	color: #777777;
}

h2,h2 a,h3,h3 a,h4,h4 a {
	color: #111111;
}

h2 a:hover,h3 a:hover,h4 a:hover {
	color: #3C3C5D;
}

hr {
	border-color: #E5E5E5;	
}

hr.dashed {
	border-top-color: #E5E5E5;
}

/* Search box */

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: #FFF;
	border:none!important;  
  	-webkit-border-radius: 6px;
 	-moz-border-radius: 6px;
    border-radius: 6px;
}

.search-box #search_keywords:focus {  
  border:none!important;  
}

#search-box input {
	border-color: #0075B0;
}

.search-box .inside-search-box .button2 {    
  border: 0 none;  
  background-color:transparent;  
  transition: none 0s ease 0s;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
      border-radius: 0 6px 6px 0; 
}

.inside-search-box {
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;  
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
      border-radius: 6px;     
}

.buttons:hover .button-icon {
   color: #111111;
}

/*.navbar {
	background-color: #cadceb;
}*/

ul.linklist li.leftside a:not(:first-child):before {
  color: #CCCCCC;
  content: "/ ";          
}

ul.linklist li.leftside a:not(:first-child):last-child {
  color: #777777;      
}

/* FORUMLIST HEADER BAR */

ul.topiclist li.header {
  background-color: #3C3C5D;  
  -webkit-border-radius: 6px 6px 0 0!important;
  -moz-border-radius: 6px 6px 0 0!important;
  border-radius: 6px 6px 0 0!important;
}

ul.forums li:last-child,ul.topics li:last-child,ul.forums, ul.topics {    
  -webkit-border-radius:  0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px; 
}

li.header a {
    color: #FFFFFF;
}

.forabg {
	background-color: #FFFFFF;	
}

.forumbg {
	background-color: #FFFFFF;	
}

.header,.panel-header {
  background: #3C3C5D;
}  

h3.panel-header,h2.panel-header { 
  color: #ffffff;
}

h3.panel-header a,h2.panel-header a {  
  color: #ffffff;
}  

h3.panel-header a:hover,h2.panel-header a:hover {  
  color: #ffffff;
  text-decoration: underline;
}  

.panel {
	background-color: #FFFFFF;
	color: #555555;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	
}

.panel-header {  
  -webkit-border-radius: 6px 6px 0 0!important;
  -moz-border-radius: 6px 6px 0 0!important;
  border-radius: 6px 6px 0 0!important;
}

.panel.panel-body { 
  -webkit-border-radius:  0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.panel.panel-body {	
	border-top: none;	
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

/*.bg1	{ background-color: #ECF3F7; }*/
/*.bg2	{ background-color: #e1ebf2;  }*/
/*.bg3	{ background-color: #cadceb; }*/

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

/*span.corners-top {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left.png");
}

span.corners-top span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right.png");
}

span.corners-bottom {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left.png");
}

span.corners-bottom span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right.png");
}*/

/* Horizontal lists
----------------------------------------*/

/*ul.navlinks {
	border-bottom-color: #FFFFFF;
}*/

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #FFFFFF;
}

table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #CFE1F6;
	color: #000;
}

table.table1 td {
	color: #536482;
}

table.table1 tbody td {
	border-top: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	color: #777777;
}

table.table1 tbody td:hover {	
	color: #111;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: #FFFFFF;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #000000;
}

dl.details dd {
	color: #536482;
}

.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: #3C3C5D;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-color: transparent;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
	color: #5C758C;
	background-color: #FFFFFF;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #E5E5E5;
}

.pagination span a:hover {	
	background-color: #3C3C5D;
	color: #FFF;
	border-color: transparent;
}

.pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

/* Pagination in viewforum for multipage topics */
.row .pagination:before {
	font-family: "fontello";
	margin-right:5px;
	content: '\e808';
	color: #999;
} /* '' */

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #3C3C5D;
}

/* Rules, Errors, Report Styles */

.error {
	background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color: #E87A89;
}

.error:before {
	font-family: FontAwesome;
	content:"\f071";
	font-size: 1.42em;
	margin-right: 10px;	 	 
}

.reported {
	background-color: #FFFFFF;
    border-left: 3px solid #E87A89;
    border-right: 3px solid #E87A89;
}

li.reported:hover {
	/*background-color: #ECD5D8 !important;*/
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    color: #A94442;
    -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

div.rules h3 {    
  color: #A94442;  
}

div.rules i { 
  color: #C47573;
}

p.rules {
	background-color: #F2DEDE;
    border-left: 4px solid #EBCCD1;
    color: #E87A89;	
}

p.rules.unapproved ,#mcp_approve p.rules {
	background-color: #D1EEFC;	
	border-color: #87D9FF;
}

p.rules i {    
    font-size: 1.1em;
}

p.rules a {    
    color: #E87A89;    
}

p.rules a.unapproved {    
    color: #34AADC;    
}

p.rules a:hover {    
    color: #333333;
    text-decoration: none;    
}

.unapproved-icon {    
    color: #34AADC; 
    font-size: 16px;   
}

.reported-icon {    
    color: #E87A89; 
    font-size: 16px;   
}

/*    
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a { color: #3C3C5D; }
/*a:visited	{ color: #3C3C5D; }*/
a:hover	{ color: #111111; }
a:active	{ color: #3C3C5D; }

/* Links on gradient backgrounds */
/*#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
	color: #FFFFFF;
}*/

/*#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
	color: #FFFFFF;
}*/

/*#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #FFFFFF;
}*/

/*#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
	color: #FFFFFF;
}*/

/* Links for forum/topic lists */
a.forumtitle {
	color: #111111;
}

/* a.forumtitle:visited { color: #105289; } */

a.forumtitle:hover {
	color: #3C3C5D;
}

a.forumtitle:active {
	color: #111111;
}

a.topictitle {
	color: #111111;
}

/* a.topictitle:visited { color: #3C3C5D; } */

a.topictitle:hover {
	color: #3C3C5D;
}

a.topictitle:active {
	color: #105289;
}

/* Post body links */
.postlink {
	color: #3C3C5D;
	border-bottom-color: #3C3C5D;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #5D8FBD;
}

.postlink:active {
	color: #3C3C5D;
}

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	color: #105289;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #D31141;
}

.postprofile a:active {
	color: #105289;
}

/* Profile searchresults */	
.search .postprofile a {
	color: #105289;
}

.search .postprofile a:hover {
	color: #D31141;
}

a.top:before,a.top2:before,a.up:before,a.down:before,a.left:before,a.right:before {
	font-family: 'ios7-style-font-icons' !important;
	font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 100%;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  top: 1px;
  text-transform: none;
  width: 100%;
}

/* Go to top fixed button */
.go-top {  
  transition: all 0.3s ease;
    -moz-transition: all 0.3s ease; /* Firefox 4 */
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -o-transition: all 0.3s ease; /* Opera */
     -webkit-border-top-left-radius: 6px;
     -moz-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
     -moz-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;      
}

a.go-top {  
  color: #AAAAAA;
  border: 1px solid #E5E5E5;
  border-right: none;
  background: #FFFFFF;
}

a.go-top:hover {  
  color: #FFFFFF;
  background: #3C3C5D;
  border-color: transparent;
} 

/* Back to top of page */
a.top:before {	
	content: "\e165";	
	color: #CECECE;
	font-size: 14px;
}

a.top:hover {
	color: #3C3C5D;	
}

a.top2:before {	
	content: "\e165";
	font-size: 14px;
	color: #bbbbbb;
}

/* Arrow links  */
a.up:before {
	content: "\e165";
	font-size: 14px;
	color: #bbbbbb;
}

a.down:before {	
    font-size: 14px;
    content: "\e168";		
	color: #777777;
}

a.left:before {	
	content: "\e167";	
	color: #1F1F21;
}

a.right:before	{
	content: "\e166";	
	color: #1F1F21;
}

a.left:hover:before,a.right:hover:before {
	color: #FFFFFF;	
}

a.left,a.right {
	background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #1F1F21;
}

#cp-main .panel a.left,#cp-main .panel a.right {
    background-color: #FFFFFF;
}

.panel a.left,.panel a.right {
	background-color: #F7F7F8;    
}

#cp-main .panel a.left:hover,#cp-main .panel a.right:hover,a.left:hover,a.right:hover {
	color: #FFFFFF;
	background-color: #3C3C5D;
	border-color: transparent; 
}

/*    
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums,ul.topics {	
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}

ul.topiclist li {	
	color: #777777;
    font-weight: 300;
}

ul.topiclist dd {
	/*border-left-color: #FFFFFF;*/
}

.rtl ul.topiclist dd {
	/*border-right-color: #fff;*/
	border-left-color: transparent;
}

ul.topiclist li.row dt a.subforum.read:before {
	font-family: 'FontAwesome';
	content: "\f114";
	margin-right: 5px;
	font-size: 1.0822em;
	position: relative;	
}

ul.topiclist li.row dt a.subforum.unread:before {
	font-family: 'FontAwesome';
	content: "\f07b";
	margin-right: 5px;
	font-size: 1em;
	position: relative;	
}

li.row {
	border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid transparent;
    transition: all 0.3s ease;
  -moz-transition: all 0.3s ease; /* Firefox 4 */
  -webkit-transition: all 0.3s ease; /* Safari and Chrome */
  -o-transition: all 0.3s ease; /* Opera */
}

li.row strong {
	color: #777777;
}

li.row:hover {
	background-color: #FFFFFF;
}

li.row:hover dd {
	/*border-left-color: #CCCCCC;*/
}

.rtl li.row:hover dd {
	/*border-right-color: #CCCCCC;
	border-left-color: transparent;*/
}

li.header dt, li.header dd {
	color: #FFFFFF;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

.postbody {
	color: #333333;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #333333;
}

.content h2, .panel h2 {	
    color: #111111;
    border-bottom: 1px solid #EEEEEE;
}

.content h2:before, .panel h2:before {	
	background: #3C3C5D;
}

dl.faq dt {
	color: #333333;
}

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

/* Post signature */
.signature {
	border-top-color: #dddddd;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #EEEEEE;
	/*background-image: url("./styles/BBox7%20-%20Malibu/theme/images/quote.gif");*/
	border-color:transparent;
	font-style: italic;
	color: #777777;
}

blockquote > div:before {
	font-family: 'ios7-style-font-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	top: 2px;
	content: "\e07a";
	margin-right: 5px;
	position: relative;
	font-size: 1.322em;
	color:#999999;
	font-style: normal;
}

/*.rtl blockquote {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/quote_rtl.gif");
}*/

blockquote blockquote {
	/* Nested quotes */
	background-color: #F7F7F8;
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #EEEEEE;
}

/* Code block */
dl.codebox {
	background-color: #EEEEEE;	
}

dl.codebox dt {
	border-bottom-color: #DDDDDD;
}

dl.codebox code {
	color: #2E8B57;
  background-color: #ffffff;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

#colour_palette a { 
  display: block;
}

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #C9D2D8;
}

.pm-message .attachbox {
	background-color: #F2F3F3;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

#fileupload {
  height: auto;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #3C3C5D;
}

/* Post poll styles */

fieldset.polls dl {
	border-top-color: #EFEFEF;
	color: #777777;
}

fieldset.polls dl.voted {
	color: #000000;
}

fieldset.polls dd div {
	color: #FFFFFF;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
	border-right-color: transparent;
}

.rtl .pollbar1,.pollbar1, .rtl .pollbar2,.pollbar2, .rtl .pollbar3,.pollbar3, .rtl .pollbar4,.pollbar4, .rtl .pollbar5,.pollbar5 {
	border-radius: 6px;
}

.pollbar1 {
	background-color: #8e8e93;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.rtl .pollbar1 {
	border-left-color: transparent;
}

.pollbar2 {
	background-color: #4cd964;	
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.rtl .pollbar2 {
	border-left-color: transparent;
}

.pollbar3 {
	background-color: #ffcc00;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.rtl .pollbar3 {
	border-left-color: transparent;
}

.pollbar4 {
	background-color: #ff9500;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.rtl .pollbar4 {
	border-left-color: transparent;
}

.pollbar5 {
	background-color: #ff3b30;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.rtl .pollbar5 {
	border-left-color: transparent;
}

/* Poster profile block */

.postprofile {
	color: #666666;
	border-left-color: #FFFFFF;
}

.rtl .postprofile {
	border-right-color: #FFFFFF;
	border-left-color: transparent;
}

.pm .postprofile {
	/*border-left-color: #DDDDDD;*/
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong {
	color: #000000;
}

.online {
	/*background-image: url("./styles/BBox7%20-%20Malibu/imageset/en/icon_user_online.gif");*/
}

.online .status-sign {	
	background: #55E06C;	
}

.status-sign {	
	height: 8px;
	width: 8px;
	content: "";
	background: #DDDDDD;	
	position: absolute;
	top: -15px;
	right: 0;
	-webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}

/*    
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

.panel .buttons div a { 	
	background-color: #F7F7F8;		
 }

#cp-main .panel .buttons div a { 	
	background-color: #FFFFFF;		
 }

#cp-main .panel .buttons div a:hover { 	
	background-color: #3C3C5D;		
 }

.buttons div a:hover { 
	border-color: transparent;
	background-color: #3C3C5D;
	color: #ffffff;
	text-decoration: none;
 }

.buttons div a { 	
	color: #1F1F21;	
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;
 }

/* Post buttons */
.reply-icon span:before		{ content: "\e05f"; }
.post-icon span:before		{ content: "\e081"; }
.locked-icon span:before	{ content: "\e0b0"; } 
.pmreply-icon span:before	{ content: "\e05f"; } 
.newpm-icon span:before 	{ content: "\e126"; } 
.forwardpm-icon span:before	{ content: "\e075"; } 

/* Icon images
---------------------------------------- */
/*.sitehome						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_home.gif"); }*/
/*.icon-faq						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_faq.gif"); }*/
/*.icon-members					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_members.gif"); }*/
/*.icon-home						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_home.gif"); }*/
/*.icon-ucp						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_ucp.gif"); }*/
/*.icon-register					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_register.gif"); }*/
/*.icon-logout					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_logout.gif"); }*/
/*.icon-bookmark					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_bookmark.gif"); }*/
/*.icon-bump						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_bump.gif"); }*/
/*.icon-subscribe					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_subscribe.gif"); }*/
/*.icon-unsubscribe				{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_unsubscribe.gif"); }*/
/*.icon-pages						{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_pages.gif"); }*/
/*.icon-search					{ background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_search.gif"); }*/

/* Profile icons */
.postprofile .profile-icons li a {	
	font-family: fontello; 	
	color: #cecece;
	font-size: 1.333em;
	border-color: transparent;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.profile-icons > li > a {	
	font-family: FontAwesome; 	
	color: #CCCCCC;
	background-color: transparent;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.profile-icons > li > a:hover {	 	
	color: #ffffff;
	background-color: #3C3C5D;
	border-color: transparent;	
}

.email-icon a:before		{ content: "\f0e0";font-family: 'FontAwesome';}
.aim-icon a:before			{ content: '\e826'; } /* '' */
.yahoo-icon a:before		{ content: '\e856'; } /* '' */
.web-icon a:before			{ content: "\f0ac";font-family: 'FontAwesome'; } 
.msnm-icon a:before			{ content: '\e804'; } /* '' */
.icq-icon a:before			{ content: '\e803'; } /* '' */
.jabber-icon a:before		{ content: "\f0eb";font-family: 'FontAwesome';}
.pm-icon a:before			{ content: "\f075";font-family: 'FontAwesome'; } 
.quote-icon a:before  		{ content: "\f10d"; } 

/* Moderator icons */
.report-icon a:before		{ content: "\f024"; }
.edit-icon a:before			{ content: "\f040"; }
.delete-icon a:before		{ content: '\e867';font-family: fontello;font-size: 0.89em;position:relative;top: -1px; } /* '' */
.info-icon a:before			{ content: "\f129"; }
.warn-icon a:before			{ content: "\f12a"; } 

.profile-icons li.warn-icon a	{ color: #E87A89;border-color:#E87A89; }
.profile-icons li.warn-icon a:hover	{ color: #ffffff;background-color: #E87A89; }

.postprofile .profile-icons li a:hover {
	color: #ffffff;
	background-color: #3C3C5D;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main h3, #cp-main hr, #cp-menu hr {
	border-color: #E5E5E5;
}

#cp-main .panel li.row {
	border-bottom-color: #E5E5E5;
	border-top-color: #FFFFFF;
}

ul.cplist {
	border-top-color: transparent;
	background-color: #ffffff;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #ffffff;
}

table.table1 thead th {
	color: #FFFFFF;
	background-color: #3C3C5D;
}

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	/*background-image: url("./styles/BBox7%20-%20Malibu/theme/images/bg_tabs1.gif");*/
	background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    color: #1F1F21;
}

#tabs a span {
	/*background-image: url("./styles/BBox7%20-%20Malibu/theme/images/bg_tabs2.gif");
	color: #536482;*/
}

#tabs a:hover {
	background-color: #3C3C5D;
    border-color: transparent;
    color: #FFFFFF;
}

#tabs .activetab a {
	background-color: #3C3C5D;
    border-color: transparent;
    color: #FFFFFF;
}

/*#tabs .activetab a span {
	color: #333333;
}

#tabs .activetab a:hover span {
	color: #000000;
}
*/

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
	background-color: #E1EBF2;
}

#minitabs li.activetab {
	background-color: #F9F9F9;
}

#minitabs li.activetab a, #minitabs li.activetab a:hover {
	color: #333333;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	background-color: #F7F8F8;
    border: 1px solid #E5E5E5;
    color: #1F1F21;
	/* background-image: url("./styles/BBox7%20-%20Malibu/theme/images/bg_menu.gif");*/
}

.rtl #navigation a {
	/*background-image: url("./styles/BBox7%20-%20Malibu/theme/images/bg_menu_rtl.gif");
	background-position: 0 100%;*/
}

#navigation a:hover {
	background-color: #3C3C5D;
    border-color: transparent;
    color: #FFFFFF;
}

#navigation #active-subsection a {
	background-color: #3C3C5D;
    border-color: transparent;
    color: #FFFFFF;
}

/*#navigation #active-subsection a:hover {
	color: #D31141;
}*/

/* Preferences pane layout */

#cp-main h2 {
	color: #444444;	
}

#cp-main .panel {
	background-color: #F7F8F8;
}

#cp-main .pm {
	background-color: #F7F8F8;
}
/*
#cp-main span.corners-top, #cp-menu span.corners-top {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left2.gif");
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right2.gif");
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left2.gif");
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right2.gif");
}
*/
/* Topicreview */
/*
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right.gif");
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_left.gif");
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
	background-image: url("./styles/BBox7%20-%20Malibu/theme/images/corners_right.gif");
}
*/
/* Friends list */
.cp-mini {
	background-color: #eef5f9;
}

dl.mini dt {
	color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #FF6600;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #A9B8C2;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #5D8FBD;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #000000;
}

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: #EEE;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #E5E5E5;
	background-color: #FFFFFF;
	color: #1F1F21;
}

label {
	color: #777777;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label {
	color: #333;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #F2F3F3;
}

/* Posting page styles
----------------------------------------*/

#message-box textarea {
	color: #333333;
}

/* Input field styles
---------------------------------------- */
.panel .inputbox {
	background-color: #F7F7F8;
}

#cp-main .panel .inputbox {
	background-color: #FFFFFF;
}

.inputbox {
	background-color: #ffffff;
  	border: 1px solid #E5E5E5;
	color: #1F1F21;
}


.inputbox:focus,.inputbox:hover {
	border-color: #CCCCCC;	
}

.search-box #search_keywords {
	color: #bbbbbb;
}

.search-box #search_keywords:focus,.search-box #search_keywords:hover {
	color: #1F1F21;
}

.search-box .inside-search-box .button2 {
	color: #bbbbbb;
}

.search-box .inside-search-box .button2:hover {
	color: #ffffff;
	background: #3C3C5D;
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	color: #1F1F21;
	background-color: #FFFFFF;
	border: 1px solid #E5E5E5;	
}

#cp-main .panel a.button1, #cp-main .panel input.button1,#cp-main .panel input.button3,
#cp-main .panel a.button2, #cp-main .panel input.button2 {	
	background-color: #FFFFFF;		
}

#cp-main .panel a.button1:hover, #cp-main .panel input.button1:hover,#cp-main .panel input.button3:hover,
#cp-main .panel a.button2:hover, #cp-main .panel input.button2:hover {	
	background-color: #3C3C5D;		
}

.panel a.button1,.panel input.button1,.panel input.button3,.panel a.button2,.panel input.button2 {	
	background-color: #F7F7F8;		
}

a.button1, input.button1 {
	/*border-color: #666666;*/
}

input.button3 {
	/*background-image: none;*/
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	/*border-color: #666666; */
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	/*color: #000000;*/
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	border-color: transparent;
	background-color: #3C3C5D;
    color: #ffffff;
}

input.search {
	/*background-image: url("./styles/BBox7%20-%20Malibu/theme/images/icon_textbox_search.gif");*/
}

input.disabled {
	color: #666666;
}

/*    
--------------------------------------------------------------
404 ERROR PAGE
-------------------------------------------------------------- */

.page_404error strong {
  color: #E3E3E3;  
}

.page_404error b {
  color: #DDDDDD;  
}

.page_404error em {
  color: #777777;  
}

/*    
--------------------------------------------------------------
ABOUT PAGE
------------------------------------------------------------- */

/* Contact icons in "About Page" */

.hovicon i { 
  border-radius: 50%;  
  box-shadow: 0 0 0 1px #D1D1D1;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;   
}

.hovicon i:after {  
  border-radius: 50%;  
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
  background: #D1D1D1;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}

.hovicon:hover i:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.hovicon i:before {  
  -webkit-font-smoothing: antialiased;
}

.hovicon i {
  color: #D1D1D1;
}

.hovicon:hover i {
  color: #ffffff;
}

.contact-icons h4 {  
  color: #555555; 
}  

.contact-icons p {    
  color: #888888;  
}

/* Statistics in "About Page" */

.statistics-about li {
  border-right: 1px solid #EEEEEE; 
}

.statistics-about li:last-child {
  border-right: none;
}

.statistics-about p {    
  color: #888888;   
}

.statistics-about  i {  
  color: #CCCCCC;  
}

.statistics-about p strong {
  color: #111111;  
}

/* Team pictures in "About Page" */
.tm-thumb img {  
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;  
}

.tm-icons {  
  color: #ffffff;  
}

.tm-icons li a {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 50%;
  color: #CCCCCC;   
}

.tm-icons li a:hover {
  background-color: #3C3C5D;
  border-color: transparent;  
  color: #FFFFFF; 
}

.tm h3 {
  color: #111111;  
}

.tm h4 {
  color: #999999; 
}

.tm p {
  color: #666666; 
} 

/*    
--------------------------------------------------------------
MEMBERLIST VIEW AND VIEWTOPIC PAGE STYLES
-------------------------------------------------------------- */

#viewprofile .left-box > dt > img {
  border: 1px solid #EEEEEE;  
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;  
}


.postprofile > dt > a > img {
  border: 1px solid #EEEEEE;
  background: #ffffff;  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;  
}  

/* viewforum and viewtopic icons */

.attach-icon {
  color: #BBBBBB;
} 

.unread-topic-icon {
  color: #BBBBBB;
} 

.faq dd {
  color: #777777;
} 

/*    
--------------------------------------------------------------
FOOTER STYLE 1
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-1 .footer-top-bar  {
  background-color: #FFFFFF;
  border-top: 1px solid #E5E5E5;  
}

#footer-style-1 .footer-top-bar li {
  float: left; 
}

#footer-style-1 .footer-top-bar li a{
  color: #888888;
}

#footer-style-1 .footer-top-bar li a:hover{
  color: #555555;
}


#footer-style-1 #page-footer { 
	background: #FFFFFF;	
	color: #777777;
	border-top: 1px solid #E4E4E4;
}

#footer-style-1 #page-footer a {
  	color: #777777;    
}

#footer-style-1 #page-footer a:hover {
  	color: #3C3C5D;    
}

#footer-style-1 #page-footer h4 {
    color: #444444;        
} 

#footer-style-1 #page-copyrights {
 	background: #3C3C5D;
 	color: #EEEEEE;    
}

#footer-style-1 #page-copyrights a {
 	color: #EEEEEE;
}

#footer-style-1 #page-copyrights a:hover {
  	color: #FFFFFF;    
}

#footer-style-1 .footer-block.footer-col-links i {
  color: #CCCCCC;  
}

#footer-style-1 .footer-col-contact li i {  
  color: #CCCCCC;
}

/* Footer Social icons Styles */

#footer-style-1 .socials a:hover {   
  color: #FFFFFF; 
} 

/*    
--------------------------------------------------------------
FOOTER STYLE 2
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-2 .footer-top-bar  {
  background-color: #FFFFFF;
  border-top: 1px solid #E5E5E5; 
}

#footer-style-2 .footer-top-bar li a{
  color: #888888;
}

#footer-style-2 .footer-top-bar li a:hover{
  color: #555555;
}

#footer-style-2 #page-footer { 
	background: #FFFFFF;	
	color: #777777;
	border-top: 1px solid #E4E4E4; 
}

#footer-style-2 #page-footer a {
  	color: #777777;    
}

#footer-style-2 #page-footer a:hover {
  	color: #3C3C5D;    
}	

#footer-style-2 #page-footer h4 {
    color: #3C3C5D;        
} 

/* Latest Tweets Plugin Styles */

#footer-style-2 .tweet-icon:before {  
  color: #3C3C5D;  
}

#footer-style-2 .footer-tweets li {  
  border-bottom: 1px solid #E5E5E5;  
}

#footer-style-2 .footer-tweets a { 
  color: #3C3C5D!important;   
}

#footer-style-2 .footer-tweets i {
  color: #3C3C5D;   
}

/* Flickr Plugin Styles */

#footer-style-2 .footer-flickr .thumbs li a {
  border: 1px solid #E5E5E5;  
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px; 
}

#footer-style-2 .footer-flickr .thumbs li a .flickr-overlay {
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;    
  opacity: 0; 
  background: #ffffff;  
}

#footer-style-2 .footer-flickr .thumbs li a:hover .flickr-overlay {      
  opacity: 0.6;     
}

/* Footer Social icons Styles */

#footer-style-2 #page-footer .socials a {   
  color: #DFDFDF;
  background-color: transparent;
  border: 1px solid #DFDFDF;
  border-radius: 50%;  
  transition: all 0.8s ease;
  -moz-transition: all 0.8s ease; /* Firefox 4 */
  -webkit-transition: all 0.8s ease; /* Safari and Chrome */
  -o-transition: all 0.8s ease; /* Opera */ 
 
  }

#footer-style-2 #page-footer .socials a:hover {   
  color: #FFFFFF;
  background-color: #3C3C5D;
  border-color: #3C3C5D;
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);  
} 

#footer-style-2 #page-copyrights {
	 background: #3C3C5D;
	 color: #EEEEEE;    
}

#footer-style-2 #page-copyrights a {
 	color: #EEEEEE;
}

#footer-style-2 #page-copyrights a:hover {
  	color: #FFFFFF;    
}

/*    
--------------------------------------------------------------
FOOTER STYLE 3
-------------------------------------------------------------- */

/* Footer top bar */

#footer-style-3 .footer-top-bar  {
  background-color: #373C3F;
  border-top: none; 
}

#footer-style-3 .footer-top-bar li a{
  color: #CCCCCC;
}

#footer-style-3 .footer-top-bar li a:hover{
  color: #FFFFFF;
}

/* Footer Social icons Styles */

#footer-style-3 .socials a:hover {   
  color: #FFFFFF; 
} 

#footer-style-3 #page-copyrights {
	 background: #292D30;
	 color: #CCCCCC;    
}

#footer-style-3 #page-copyrights a {
 	color: #CCCCCC;
}

#footer-style-3 #page-copyrights a:hover {
  	color: #FFFFFF;    
}


/*    
--------------------------------------------------------------
GENERAL STYLES
-------------------------------------------------------------- */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
  -webkit-tap-highlight-color: transparent;        
}

textarea:focus, input:focus{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
    -webkit-user-modify: read-write-plaintext-only;
}

input, textarea {  
  -webkit-border-radius: 0;
}

.fields2 span{
  color:#777777;
}

.divider-vertical {  
  border-left: 1px solid #E5E5E5!important;    
}

/* Specific layout 1 */

fieldset.polls dd.resultbar.resultbg {  
  background: #EEEEEE;  
   -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px; 
}
/*  phpBB3 Responsive Layout
    --------------------------------------------------------------
    Style name:         BBOX7
    Author:             KomiDesign ( http://themeforest.net/user/KomiDesign )
    --------------------------------------------------------------
*/

    
@media only screen and (min-width: 980px) {
    #left-side-menu {
      display: none;
    }   
    
}

@media only screen and (max-width: 979px) {

    #header-style-2 #page-header {
      height: auto;
    }

    #header-style-2 .logodiv {
      display: table;
      height: 110px;
      line-height: 110px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: left;
      z-index: 1;
    }

    .header-ads {
      display: table;
      float: none;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      top: 0;
      width: auto;
      padding-bottom: 10px;
      padding-top: 10px;
    }

    #top-bar .search-box {
      display: none;
    }

    .logodiv,#header-style-3 .logodiv {      
      margin-left: auto;
      margin-right: auto;
      position: relative;
      text-align: center;
      display: block;
      width: 100%;
      line-height: 100px;
      height: auto;
    } 

    #header-style-2 .logodiv {
      width: auto;
    }

    /*The button for responsive menu */    
    .btn-navbar {
      display: block; 
      position: absolute;
      z-index: 10333;
      width: auto;
      left: 15px;
      height: auto;              
      cursor: pointer; 
      padding: 11px;
      padding-left: 0;
      border: none;      
    }    

    .btn-navbar,.btn-navbar:hover{
      text-decoration: none;
    }

    .btn-navbar .btn-bar {
      display: block;
      width: 18px;
      height: 1px; 
      margin-left: auto;
      margin-right: auto;
      position: relative;
      background-color: #777777; 
    }

    .btn-navbar > div {
      display: inline-block;      
      position: relative; 
      margin-right: 5px;
      top: 2px; 
    }

    .btn-navbar > span {
      display: inline-block;      
      position: relative; 
      color: #777777; 
      font-size: 13px;
      top: 2px;
    }

    .btn-navbar .btn-bar + .btn-bar {
      margin-top: 4px;
    }

    #sub-header-bar {
      display: none;
    }  

    #header-style-2 #top-bar {
      background-color: #F7F8F8;      
    }

    #header-style-2 #page-header {
      background: #FFFFFF;      
    }

    /* Responsive Menu */

    .cbp-spmenu {
      transition: all 0.3s ease;
      -moz-transition: all 0.3s ease; /* Firefox 4 */
      -webkit-transition: all 0.3s ease; /* Safari and Chrome */
      -o-transition: all 0.3s ease; /* Opera */
    }
    
    .cbp-spmenu-left {
      left: -270px;
      display: block;
    }

    .cbp-spmenu-right {
      right: 0px;
    } 
    .cbp-spmenu-left.cbp-spmenu-open {
      left: 0;
    }

    .cbp-spmenu-right.cbp-spmenu-open {
      right: -270px;
    }

    /* Push classes applied to the body */
    .cbp-spmenu-push {
      overflow-x: hidden;
      position: relative;
      left: 0;
    }

    .cbp-spmenu-push-toright {
      left: 270px;
    }

    .cbp-spmenu-push-toleft {
      left: -270px;
    }     

    #left-side-menu {
      background-color: #292D30;       
      position: absolute;
      width: 270px;
      height: 100%;
      z-index: 999;
      display: block;
      }

    #left-side-menu h4 {
      text-align: left; 
      padding-left: 10px; 
      color: #999999;
      font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
      font-size: 1.4em;
      font-weight: normal;
      margin-bottom: 20px;
    }

    #left-side-menu a {
      text-decoration: none;
    }

    #left-side-menu .toggle-menu {
      text-align: center; 
      display: block; 
      color: #ffffff!important;
      font-family: "Open Sans",Helvetica,Arial,Verdana,sans-serif;
      font-size: 1.4em;
      font-weight: normal;
      margin-bottom: 40px;
      height: 50px;
      line-height: 47px;
      background: #373C3F;
    }

    #left-side-menu .search-box {
      margin-left: auto;
      margin-right: auto;
      float: none;
      width: 250px;
      display: block; 
    }

    #left-side-menu .inside-search-box {
      width: 250px;
      border: none;  
    }

    #left-side-menu .search-box .inside-search-box .button2 {
      height: 36px;
    }
    
    #left-side-menu .search-box .inside-search-box .button2:hover {
      background: #ffffff;
      color: #111111;
    }

    #left-side-menu .search-box #search_keywords {
      width: 210px;  
    }

    /* Dropdown links */

    #responsive-nav {      
      float: none;
      left: 0;
      position: relative;
      top: 40px;
      width: 270px;
      z-index: 99999;
      display: block;
      height: auto;  
      text-transform: capitalize;
    }

    #responsive-nav li {
      position: relative;
    }

    #responsive-nav li a {
      color: #CCCCCC;
      display: block;
      text-decoration: none;    
    }

    #nav li a:active {
      background-color: #373C3F !important;
      color: #FFFFFF !important;
    }

    #responsive-nav > ul > li > a {
      border: none;
      height: 50px;
      line-height: 50px;  
      text-align: left;
      -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }         

    #responsive-nav > ul > li {  
      border-bottom: 1px solid #292D30; 
      
    }      

    #responsive-nav > ul > li > a, #nav > ul:not(:hover) > li.active > a {  
      background: #373C3F;   
    }      

    #responsive-nav > ul > li:first-child {
      border-top: 1px solid #292D30;
    }    
     
    #responsive-nav .drop-down {
      float: right;      
      line-height: 50px !important;
    }

    .rtl #responsive-nav .drop-down ,.rtl #responsive-nav .drop-down .drop-down{
      float: left;    
    }

    #responsive-nav:not( :target ) > a:first-of-type,
    #responsive-nav:target > a:last-of-type {
      display: block;
    }

    /* first level */
     
    #responsive-nav > ul {
      height: auto;
      display: block;
      position: relative;                
    }

    #responsive-nav > ul > li,#responsive-nav > ul > li:hover {
      width: 100%;
      float: left;
      margin-left: 0;
      display: block;
      padding-bottom: 0;
    }

    #responsive-nav > ul > li > a {
      height: 100%;
      font-size: 14px;
      text-align: left;
      padding-left: 10px;
      padding-right: 10px;  
    }

    .rtl #responsive-nav > ul > li > a {      
      text-align: right;
    }

    #responsive-nav > .main-level > li > a > i {  
      font-size: 14px; 
      padding-right: 7px;
    }

    .rtl #responsive-nav > .main-level > li > a > i {     
      padding-right: 0;
      padding-left: 7px;
    } 

    #responsive-nav i {   
      font-size: 14px; 
      padding-right: 7px;
    } 

    .rtl #responsive-nav i {    
      padding-right: 0;
      padding-left: 7px;
    } 
     
    /* second level */
     
    #responsive-nav li ul {
      position: static;
      width: 100%;
      display: none;  
      right: 0!important;      
      overflow: hidden;
      word-wrap: break-word;
    }

    #responsive-nav > ul > li:hover > ul {
      display: block;              
      right: 0;
    }            

    #responsive-nav li ul a {  
      font-size: 13px;   
      padding: 0 8px;  
    }

    #responsive-nav li ul li a {
      background: #292D30;
      height: 50px;
      line-height: 50px;   
    }  

    #responsive-nav li ul li a:hover {
      background: #292D30;   
    }     

    #responsive-nav li ul li:not(:first-child) a {
      border-top: 1px solid #373C3F;  
    } 

    #responsive-nav > ul > li:last-child > ul > li:last-child > a {
      border-bottom: 1px solid #373C3F;  
    } 

    #responsive-nav li ul li a:active {
      background-color: #292D30!important;
    }

    .attachbox {
      float: none;     
    }

    #header-style-3 a#search-menu {
      display: none;     
    }

    /* third level */

    #responsive-nav li ul li ul .drop-down {           
      line-height: 36px !important;
    }    
     
    #responsive-nav li ul li ul{
      position: static;
      width: 100%;
      display: none;  
      right: 0!important;      
      word-wrap: break-word;
    }

    #responsive-nav li > ul > li:hover > ul{
      display: block;              
      right: 0;
    }            

    #responsive-nav li ul li ul a {  
      font-size: 13px;   
      padding: 0 8px;  
    }

    #responsive-nav li ul li ul li a {
      background: #212426;
      height: 50px;
      line-height: 50px;   
    }  

    #responsive-nav li ul li ul li a:hover {
      background: #212426;   
    }     

    #responsive-nav li ul li ul li:not(:first-child) a {
      border-top: 1px solid #373C3F;  
    } 

    #responsive-nav > ul > li > ul > li:last-child > ul > li > ul > li:last-child > a {
      border-bottom: 1px solid #373C3F;  
    } 

    #responsive-nav li ul li ul li a:active {
      background-color: #212426!important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    

    dd.topics,dd.posts,dd.replies,dd.views {
      display: none!important;
    }
    
    ul.topiclist dt {
      width: 60%;
    }

    /* Display options on viewtopic/viewforum pages  */
    select {    
      max-width: 400px;    
    }

    input.narrow {
      width: 45%;
    }

}

@media only screen and (max-width: 767px) {

    #wrap {
      min-width: 100%;
    }    

    input.narrow {
      width: 75%;
    }

    /* UCP and MCP */
    #cp-menu, #cp-main {
      float: none;
      width: 100% !important;
    }

    #tabs {
      min-width: 100% !important;
    }

    #smiley-box {
      float: none;
      width: 100%;
    }

    #cp-main .time, #cp-main .ip, #cp-main .logs {
      display: none;
    }
    
    .memberlist .info.groups {
      display: none;
    }

    #memberlist .joined,#memberlist .info {
      display: none;
    }

    blockquote {
      margin: 0;
    }

    .left-box {
      float: none !important;
      margin-bottom: 5px;
      text-align: left;
      width: auto;
    }

    /* Revolution Slider */
    .tp-leftarrow.default, .tp-rightarrow.default {
      border: transparent;
    } 

    /* Footer style1 */

    #footer-style-1 .socials {  
      position: relative;
      line-height: 26px;
      float: none;
      margin-right: auto;
      margin-left: auto;
      display: table; 
      padding-bottom: 20px; 
    }

    #footer-style-1 #page-copyrights {
      text-align: center;
    }  

      #footer-style-1 .copyrights-line {
        float: none;
        margin-top: 26px;
      }

    /* Footer style2 */

    #footer-style-2  .socials {
      margin-bottom: 20px;    
    }

    #footer-style-2 .footer-bottom-links {
      float: none;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-right: auto;
      margin-left: auto;
      display: table; 
    }

    #footer-style-2 #page-copyrights {
      text-align: center;
    }  

      #footer-style-2 .copyrights-line {
        float: none;
        margin-top: 26px;
      }

    /* Footer style3 */

    #footer-style-3 .socials {  
      position: relative;
      line-height: 26px;
      float: none;
      margin-right: auto;
      margin-left: auto;
      display: table; 
      padding-bottom: 20px; 
    }

    #footer-style-3 #page-copyrights {
      text-align: center;
    }  

      #footer-style-3 .copyrights-line {
        float: none;
        margin-top: 26px;
      }    

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

    #page-body-content.with-sidebar {
      float: none;
      overflow: hidden;
      width: 100%;
    }

    #sidebar {
      float: none;
      margin-left: 0;
      position: relative;
      width: 100%;
    }

    dd.topics,dd.posts,dd.replies,dd.views {
      display: none!important;
    }

    ul.topiclist dt {
      width: 60%;
    }

    dd.moderation {
      width: 30%;
    }

    /* Footer style1 */

    #footer-style-1 .footer-col-left {
      float: left;
      width: 50%;
      margin-bottom: 20px;
    }

    #footer-style-1 .footer-col-middle {
      float: left;
      width: 50%;
      margin-bottom: 20px;      
    } 

      #footer-style-1 .footer-col-middle > .footer-block {
        float: right;
      }

    #footer-style-1 .footer-col-right {
      float: none;
      width: 100%;
      margin-bottom: 20px;
      clear: both;
    } 

    /* Footer style2 */

    #footer-style-2 .footer-col-left {
      float: left;
      width: 50%;
      margin-bottom: 20px;
    }

    #footer-style-2 .footer-col-middle {
      float: left;
      width: 50%;
      margin-bottom: 20px;      
    }
        #footer-style-2 .footer-tweets { 
            margin-right: 0;
        }

    #footer-style-2 .footer-col-right {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    } 

    /* Display options on viewtopic/viewforum pages  */ 
    #jumpbox {
      clear: both;
    } 

    fieldset.quickmod {      
      height: auto;
      padding-top: 10px;     
      width: 100%;
    }

    fieldset.fields2 dt {    
      width: 100%;
    }

    fieldset.fields2 dd {    
      margin-left: 0;
    }

    .autowidth {
      width: 75% !important;
    }

    select {    
      max-width: 300px;    
    }

    /* About us page */
    .two-columns > .first-column {
      float: none;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .two-columns > .second-column {
      float: none;
      padding-left: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .first-column {
      float: none;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .second-column {
      float: none;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .third-column {
      float: none;
      padding-left: 0;
      width: 100%;
      margin-bottom: 20px;
    }


}

@media only screen and (max-width: 480px) {

    #page-body-content.with-sidebar {
      float: none;
      overflow: hidden;
      width: 100%;
    }

    #sidebar {
      float: none;
      margin-left: 0;
      position: relative;
      width: 100%;
    }

    dd.lastpost,dd.posts,dd.views {
      display: none!important;
    }

    .section-index ul.topiclist dt, .section-viewforum ul.topiclist dt {
      width: 80%;
    }

    ul.topiclist dt {
      width: 80%;
    }

    dd.moderation {
      display: none!important;
    }

    fieldset.polls dd.resultbar {
      width: 80%;
    }

    /* Footer style1 */

    #footer-style-1 .footer-col-left {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }

    #footer-style-1 .footer-col-middle {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }

      #footer-style-1 .footer-col-middle > .footer-block {
        float: none;        
        min-width: 100%;        
        width: 100%;        
      }

    #footer-style-1 .footer-col-right {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    } 

    #footer-style-1 .footer-block {    
      float: none;
      line-height: 1.538em;
      margin-right: 0;
    }

    /* Footer style2 */

    #footer-style-2 .footer-col-left {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }

    #footer-style-2 .footer-col-middle {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }

    #footer-style-2 .footer-col-right {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    } 

    #footer-style-2 .footer-block {    
      float: none;
      line-height: 1.538em;
      margin-right: 0;
    }
    
    /* Display options on viewtopic/viewforum pages  */ 
    #jumpbox {
      clear: both;
    }

    .pagination {
      display: table;    
    }

    fieldset.quickmod {      
      height: auto;
      padding-top: 10px;     
      width: 100%;
    }

    .autowidth {
      width: 95% !important;
      min-width: 85% !important;
    }

    textarea.inputbox {
      width: 85% !important;
    }

    select {    
      max-width: 240px;    
    }

    dd select {
      width: 90%;
    }

    #message-box {
      width: 100%;
    }

    fieldset dt {    
      width: 100%!important;
    }

    fieldset dd {    
      margin-left: 0!important;
    }

    .rtl fieldset dd {      
      margin-right: 0!important;
    }

    fieldset.display-actions label {    
      display: inline-block;
    }

    fieldset.display-actions label select {    
      display: block;
    }

    fieldset.display-actions input {    
      display: inline-block;
    }
    fieldset.submit-buttons input {    
      margin-bottom: 20px;
    }

    #register img {
      width: 90% !important;
    }

    .column1,.column2 {
      clear: none;
      float: none;
      width: 100%;
    }

    #cp-main .panel li.header dd.mark,#cp-main .info {
      display: none;
    }

    #cp-main dd.extra {
      display: none !important;
    }

    /* Viewtopic page */
    .postprofile > dt > a > img {      
      border: none;     
      padding: 0;
      max-width: 60px;      
    }

    .postbody h3 {      
      clear: both;     
      padding-top: 10px!important;     
    } 

    p.author {      
      margin: 0;
      padding: 0 0 10px;
    }
  
    .postprofile {      
      width: 100%;
      float: right;
    }

    .postprofile dt {     
      float: left;
    }

    .profile-fields {      
      float: right;
      max-width: 70%;
    }

    .postprofile .profile-icons {     
      display: none;
    }

    .postbody {     
      width: 100%;
    }
   

    /* Page 404 error */
    .page_404error {      
      margin: 0 auto;
      padding: 0 0 60px;      
      width: 100%;
    }

    .page_404error strong {    
      font-size: 105px;    
    }

    .page_404error b {    
      font-size: 28px;    
    }

    /* About us page */
    .hovicon i:before {      
      font-size: 26px;      
      line-height: 80px;      
    }

    .hovicon i {      
      font-size: 28px;
      height: 80px;
      line-height: 80px;      
      width: 80px;      
    }

    .two-columns > .first-column {
      float: none;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .two-columns > .second-column {
      float: none;
      padding-left: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .first-column {
      float: none;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .second-column {
      float: none;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      margin-bottom: 40px;
    }

    .three-columns > .third-column {
      float: none;
      padding-left: 0;
      width: 100%;      
    }

    .statistics-about li {      
      width: 50%;
    }

    .statistics-about li:nth-child(2) {      
     border-right: none;
    }

    .statistics-about p {      
      font-size: 13px;
      line-height: 130px;      
    }

    .statistics-about p strong {      
      font-size: 15px;      
    }

    /* Revolution Slider */
    .tparrows,.tp-bullets {      
      display: none;      
    }

    /* Camera Slider */
    #wrap .camera_white_skin .camera_prev,
    #wrap .camera_white_skin .camera_next,
    #wrap .camera_white_skin .camera_commands {
    display: none;
    }
}