/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name: metropolis
	Based on style:	proSilver (this is the default phpBB 3 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.     
	
	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
    --------------------------------------------------------------
*/

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


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

html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	margin: 0;
}


h1 {
	/* Forum name */
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

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

h4 {
	/* Forum and topic list titles */
	font-size: 1.3em;
}

p {
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

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

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

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */
#wrap {
	padding: 0 20px;
}

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

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

#page-footer {
	clear: both;
}

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


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 {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

.post:target .content {
	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;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.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;
	line-height: 2.2em;
}

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

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

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;
	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;
}

table.table1 td {
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

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;
	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) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

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

li.pagination {
	margin-top: 0;
}

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

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	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: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.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 {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

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

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

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

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

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;
}
a {
	direction: ltr;
}

a:link	{text-decoration: none; }
a:visited	{text-decoration: none; }
a:hover	{text-decoration: underline; }
a:active	{text-decoration: none; }

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

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

.postlink:visited {
	color: #bdbdbd;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #d2d2d2;
}

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

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

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	font-weight: bold;
	color: #d3d3d3;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
	color: #d3d3d3;
}


/* Profile searchresults */	
.search .postprofile a {
	color: #d3d3d3;
	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 {
	background: none no-repeat top left;
	text-decoration: none;
	width: 11px;
	height: 11px;
	display: block;
	float: right;
	overflow: hidden;
	letter-spacing: 1000px;
	text-indent: 11px;
}

a.top2 {
	background: none no-repeat 0 50%;
	text-decoration: none;
	padding-left: 15px;
}

/* Arrow links  */
a.up		{ background: none no-repeat left center; }
a.down		{ background: none no-repeat right center; }
a.left		{ background: none no-repeat 3px 60%; }
a.right		{ background: none no-repeat 95% 60%; }

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

a.up:hover {
	background-position: left top;
	background-color: transparent;
}

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

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

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;
}
a.feed-icon-forum {
	float: right;
	margin: 3px;
}
/* proSilver Content Styles
---------------------------------------- */

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

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


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

ul.topiclist dl {
	position: relative;
}

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

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

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


ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

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

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


li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	padding-top: 2px;
	font-size: 1em;
}

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

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

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 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

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

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

dd.lastpost {
	width: 25%;
}

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;
	height: 28px;
	min-height: 28px;
	font-weight: none;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	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.5em;
	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;
}


.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: 1.1em;
}

.content h2, .panel h2 {
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.6em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.panel h3 {
	margin: 0.5em 0;
}

.panel p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

.content p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

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

dl.faq dt {
	font-weight: bold;
}

.content dl.faq {
	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 0em 0em 0;
	padding: 0 0 15px 0;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: right;
}

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

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

/* Post noticies */
.notice {
	width: auto;
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 1em;
	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 dotted #dbdbdb;
	font-size: 0.95em;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

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

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

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

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

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

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px dotted #d8d8d8;
	font-size: 1em;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	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-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #8b8b8b;
	margin: 2px 0;
}

.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: #389605;
	border: 1px dashed #d8d8d8;
	clear: left;
}

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

.attachbox dt {
	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 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: 5px 0 10px 0;
	min-height: 80px;
	border-left: 1px solid #FFFFFF;
	width: 22%;
	float: right;
	display: inline;
}
.pm .postprofile {
	border-left: 1px solid #DDDDDD;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
}

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

.avatar {
	border: none;
	margin-bottom: 3px;
}

.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;
}

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

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

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

/* Rollover state */
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

/* 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: absolute; width: 100%; height: 100%; cursor: pointer;}
.buttons div a:hover span	{ background-position: 0 100%; }

/* Big button images */
.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; }

/* Set big button dimensions */
.buttons div.reply-icon		{ width: 102px; height: 25px; }
.buttons div.post-icon		{ width: 119px; height: 25px; }
.buttons div.locked-icon	{ width: 102px; height: 25px; }
.buttons div.pmreply-icon	{ width: 102px; height: 25px; }
.buttons div.newpm-icon		{ width: 87px; height: 25px; }
.buttons div.forwardpm-icon	{ width: 119px; height: 25px; }

/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
	display: block;
	overflow: hidden;
	height: 18px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
}

a.print {
	background-image: none;
	width: 22px;
}

a.sendemail {
	background-image: none;
	width: 22px;
}

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;
	margin: 0 6px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

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


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

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

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: 20px; height: 20px; }
ul.profile-icons li.aim-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.yahoo-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.web-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.msnm-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.icq-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.jabber-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.pm-icon		{ width: 28px; height: 20px; }
ul.profile-icons li.quote-icon	{ width: 65px; height: 20px; }
ul.profile-icons li.report-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.edit-icon	{ width: 61px; height: 20px; }
ul.profile-icons li.delete-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.info-icon	{ width: 20px; height: 20px; }
ul.profile-icons li.warn-icon	{ width: 20px; height: 20px; }

/* Fix profile icon default margins */
ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; }
/* proSilver Control Panel Styles
---------------------------------------- */


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

#cp-main {
	float: left;
	width: 81%;
}

#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;
}

ul.cplist {
	margin-bottom: 5px;
	border-top: 1px solid #cbcbcb;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dt {
	margin-bottom: 2px;
}


#cp-main table.table1 {
	margin-bottom: 1em;
}

#cp-main table.table1 thead th {
	font-weight: bold;
	border-bottom: 1px solid #333333;
	padding: 5px;
}

#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 {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

#tabs a {
	float: left;
	background: none no-repeat 0% -35px;
	margin: 0 1px 0 0;
	padding: 0 0 0 5px;
	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;
	white-space: nowrap;
}

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

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

#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 {
	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: 36px;
}

#navigation ul {
	list-style:none;
}

/* Default list state */
#navigation li {
	margin: 1px 0;
	padding: 0;
	font-weight: bold;
	display: inline;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 5px;
	margin: 1px 0;
	text-decoration: none;
	font-weight: bold;
	background: #cfcfcf none repeat-y 100% 0;
}

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

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


/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	border-bottom: none;
	padding: 0;
	margin-left: 10px;
}

#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;
}

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 {
	border: solid 3px transparent;
	border-width: 0 3px;
	padding: 0 3px;
}

.pmlist li.bg2 {
	border: solid 3px transparent;
	border-width: 0 3px;
	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 {
	border: solid 3px #ffffff;
	border-width: 0 3px;
}

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

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

.pmlist li.pm_foe_colour, .pm_foe_colour {
	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;
}
/* proSilver Form Styles
---------------------------------------- */

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

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

select {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 1px;
}

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;
}

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;
}

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

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}



#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: 3px 0 5px 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 {
	margin: 5px 0 3px 0;
	float: right;
}

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: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

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

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

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

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

/* Input field styles
---------------------------------------- */



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

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

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

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

.search-box input {
}

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


.narrow { width: 25%;}
.tiny { width: 10%;}
/* proSilver Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/
.module-inner {zoom:1;position: relative;overflow:hidden;}

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }


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

.showcase_left:after,.showcase_right:after,.rotator-overlay: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, ul.linklist {
	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;
}

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

#minitabs {
	white-space: nowrap;
	*min-width: 50%;
}


/* 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;
}
/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */


h3 {
	border-bottom-color: #CCCCCC;
}

hr {
	border-color: #FFFFFF;
	border-top-color: #CCCCCC;
}

hr.dashed {
	border-top-color: #CCCCCC;
}

/* Search box
--------------------------------------------- */

#search-box {
	color: #FFFFFF;
}

#search-box #keywords {
	background-color: transparent;
}

#search-box input {
	border-color: #0075B0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: transparent;
	background-image: url("./styles/metropolis/theme/images/bg_header.gif");
	color: #FFFFFF;
}

.navbar {
	background-color: transparent;
}

.forabg {
	background-color: transparent;
	background-image: url("./styles/metropolis/theme/images/bg_list.gif");
}

.forumbg {
	background-color: transparent;
	background-image: url("./styles/metropolis/theme/images/bg_header.gif");
}

.panel {
	background-color: transparent;
}





.bg1	{ background-color: transparent; }
.bg2	{ background-color: transparent;  }
.bg3	{ background-color: transparent; }

.ucprowbg {
	background-color: transparent;
}

.fieldsbg {
	background-color: transparent;
}



/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}

/* Table styles
----------------------------------------*/


table.table1 tbody tr {
	border-color: #BFC1CF;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: transparent;
}



table.table1 tbody td {
	border-top-color: #FAFAFA;
}

table.table1 tbody th {
	border-bottom-color: #000000;
	color: #333333;
	background-color: transparent;
}

table.info tbody th {
	color: #000000;
}

/* Misc layout styles
---------------------------------------- */



.sep {
	color: #1198D9;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #FFFFFF;
	background-color: transparent;
	border-color: #4692BF;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	color: #5C758C;
	background-color: transparent;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #555555;
	background-color: transparent;
	color: #FFF;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	background-image: url("./styles/metropolis/theme/images/icon_pages.gif");
}

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

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

/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #BC2A4D;
}

.reported {
	background-color: #F7ECEF;
}

li.reported:hover {
	background-color: #ECD5D8 !important;
}
.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

div.rules {
	background-color: #ECD5D8;
	color: #BC2A4D;
}

p.rules {
	background-color: #ECD5D8;
	background-image: none;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

/* Post body links */
.postlink {
	color: #555555;
	border-bottom-color: #555555;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #666666;
}

.postlink:active {
	color: #555555;
}

.postlink:hover {
	background-color: transparent;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:active, .signature a:hover {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
	color: #105289;
}

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

/* Profile searchresults */	
.search .postprofile a {
	color: #105289;
}

.search .postprofile a:hover {
	color: #D31141;
}

/* Back to top of page */
a.top {
	background-image: url("./styles/metropolis/imageset/icon_back_top.png");
}

a.top2 {
	background-image: url("./styles/metropolis/imageset/icon_back_top.png");
}

/* Arrow links  */
a.up		{ background-image: url("./styles/metropolis/theme/images/arrow_up.gif") }
a.down		{ background-image: url("./styles/metropolis/theme/images/arrow_down.gif") }
a.left		{ background-image: url("./styles/metropolis/theme/images/arrow_left.gif") }
a.right		{ background-image: url("./styles/metropolis/theme/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #555555;
}

a.right:hover {
	color: #555555;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums {
	background-color: transparent;
	background-image: url("./styles/metropolis/theme/images/gradient.gif");
}



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 {
	background-image: url("./styles/metropolis/imageset/subforum_read.png");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("./styles/metropolis/imageset/subforum_unread.png");
}

li.row strong {
	color: #000000;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

/* Post body styles
----------------------------------------*/


/* Content container styles
----------------------------------------*/


.content, .content h2, .panel h2 {
	border-bottom-color:  #CCCCCC;
}



.posthilit {
	background-color: transparent;
	color: #BC2A4D;
}

/* Post signature */
.signature {
	border-top-color: #CCCCCC;
}

/* Post noticies */
.notice {
	border-top-color:  #CCCCCC;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: transparent;
	background-image: url("./styles/metropolis/theme/images/quote.png");
	border-color:#DBDBCE;
}
.rtl blockquote {
	background-image: url("./styles/metropolis/theme/images/quote_rtl.png");
}


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

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

/* Code block */
dl.codebox {
	background-color: transparent;
	border-color: #C9D2D8;
}

dl.codebox dt {
	border-bottom-color:  #CCCCCC;
}

dl.codebox code {
	color: #2E8B57;
}

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: transparent;
	border-color:  #C9D2D8;
}

.pm-message .attachbox {
	background-color: transparent;
}

.attachbox dd {
	border-top-color: #C9D2D8;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border-color: #999999;
}

/* Inline image thumbnails */

dl.file dd {
	color: #666666;
}

dl.thumbnail img {
	border-color: #666666;
	background-color: transparent;
}

dl.thumbnail dd {
	color: #666666;
}

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

dl.thumbnail dt a:hover img {
	border-color: #555555;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #DCDEE2;
	color: #666666;
}

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;
}

.pollbar1 {
	background-color: #AA2346;
	border-bottom-color: #74162C;
	border-right-color: #74162C;
}

.rtl .pollbar1 {
	border-left-color: #74162C;
}

.pollbar2 {
	background-color: #BE1E4A;
	border-bottom-color: #8C1C38;
	border-right-color: #8C1C38;
}

.rtl .pollbar2 {
	border-left-color: #8C1C38;
}

.pollbar3 {
	background-color: #D11A4E;
	border-bottom-color: #AA2346;
	border-right-color: #AA2346;
}

.rtl .pollbar3 {
	border-left-color: #AA2346;
}

.pollbar4 {
	background-color: #E41653;
	border-bottom-color: #BE1E4A;
	border-right-color: #BE1E4A;
}

.rtl .pollbar4 {
	border-left-color: #BE1E4A;
}

.pollbar5 {
	background-color: #F81157;
	border-bottom-color: #D11A4E;
	border-right-color: #D11A4E;
}

.rtl .pollbar5 {
	border-left-color: #D11A4E;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	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/metropolis/imageset/de_x_sie/icon_user_online.png");
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

/* Big button images */
.pmreply-icon span	{ background-image: url("./styles/metropolis/imageset/de_x_sie/button_pm_reply.gif") ;}
.newpm-icon span 	{ background-image: url("./styles/metropolis/imageset/de_x_sie/button_pm_new.gif") ;}
.forwardpm-icon span	{ background-image: url("./styles/metropolis/imageset/de_x_sie/button_pm_forward.gif") ;}

a.print {
	background-image: url("./styles/metropolis/theme/images/icon_print.gif");
}

a.sendemail {
	background-image: url("./styles/metropolis/theme/images/icon_sendemail.gif");
}

a.fontsize {
	background-image: url("./styles/metropolis/theme/images/icon_fontsize.gif");
}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("./styles/metropolis/theme/images/icon_home.gif"); }
.icon-faq						{ background-image: url("./styles/metropolis/theme/images/icon_faq.gif"); }
.icon-members					{ background-image: url("./styles/metropolis/theme/images/icon_members.gif"); }
.icon-home						{ background-image: url("./styles/metropolis/theme/images/icon_home.gif"); }
.icon-ucp						{ background-image: url("./styles/metropolis/theme/images/icon_ucp.gif"); }
.icon-register					{ background-image: url("./styles/metropolis/theme/images/icon_register.gif"); }
.icon-logout					{ background-image: url("./styles/metropolis/theme/images/icon_logout.gif"); }
.icon-bookmark					{ background-image: url("./styles/metropolis/theme/images/icon_bookmark.gif"); }
.icon-bump						{ background-image: url("./styles/metropolis/theme/images/icon_bump.gif"); }
.icon-subscribe					{ background-image: url("./styles/metropolis/theme/images/icon_subscribe.gif"); }
.icon-unsubscribe				{ background-image: url("./styles/metropolis/theme/images/icon_unsubscribe.gif"); }
.icon-pages						{ background-image: url("./styles/metropolis/theme/images/icon_pages.gif"); }
.icon-search					{ background-image: url("./styles/metropolis/theme/images/icon_search.gif"); }

/* Profile & navigation icons */
.email-icon, .email-icon:hover	{ background-image: url("./styles/metropolis/imageset/icon_contact_email.png"); }
.aim-icon, .aim-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_aim.png"); }
.yahoo-icon, .yahoo-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_yahoo.png"); }
.web-icon, .web-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_www.png"); }
.msnm-icon, .msnm-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_msnm.png"); }
.icq-icon, .icq-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_icq.png"); }
.jabber-icon, .jabber-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_contact_jabber.png"); }
.pm-icon, .pm-icon:hover			{ background-image: url("./styles/metropolis/imageset/de_x_sie/icon_contact_pm.gif"); }
.quote-icon, .quote-icon:hover		{ background-image: url("./styles/metropolis/imageset/de_x_sie/icon_post_quote.gif"); }

/* Moderator icons */
.report-icon, .report-icon:hover	{ background-image: url("./styles/metropolis/imageset/icon_post_report.png"); }
.edit-icon, .edit-icon:hover			{ background-image: url("./styles/metropolis/imageset/de_x_sie/icon_post_edit.gif"); }
.delete-icon, .delete-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_post_delete.png"); }
.info-icon, .info-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_post_info.png"); }
.warn-icon, .warn-icon:hover		{ background-image: url("./styles/metropolis/imageset/icon_user_warn.png"); } /* Need updated warn icon */

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

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

#cp-main .panel li.row {
	border-bottom-color: #B5C1CB;
	border-top-color: #F9F9F9;
}

#cp-main table.table1 thead th {
	border-bottom-color: #333333;
}

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

/* CP tabbed menu
----------------------------------------*/
#tabs a {
	background-image: url("./styles/metropolis/theme/images/bg_tabs1.gif");
}

#tabs a span {
	background-image: url("./styles/metropolis/theme/images/bg_tabs2.gif");
}

#tabs .activetab a {
	border-bottom-color: #CADCEB;
}
/* 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: #B2C2CF;
	background-image: url("./styles/metropolis/theme/images/bg_menu.gif");
}

#navigation a:hover {
                   background-image: none;
	background-color: #aabac6;
}

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



/* Preferences pane layout
----------------------------------------*/


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

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


/* Friends list */
.cp-mini {
	background-color:transparent;
}



/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !important;
}

/* PM panel adjustments */
.pm-panel-header,
#cp-main .pm-message-nav {
	border-bottom-color: #A4B3BF;
}

/* 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: transparent;
	border-color: #CCC;
}

#gallery label:hover {
	background-color: transparent;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */




/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: transparent;
}

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

#message-box textarea {
	color: #333333;
}

/* Form button styles
---------------------------------------- */

input.search {
	background-image: url("./styles/metropolis/theme/images/icon_textbox_search.gif");
}

input.disabled {
	color: #666666;
}
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name: metropolis
	copyright Copyright (C) 2007 - 2011 RocketTheme, LLC
        license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
    --------------------------------------------------------------
*/

/* Joomla and phpBB3 classes overrides
---------------------------------------- */
.font-family-metropolis a.button1,.font-family-metropolis input.button1,.font-family-metropolis input.button3,.font-family-metropolis a.button2,.font-family-metropolis input.button2 {font-family: 'SourceSansProExtraLight', Helvetica, Arial, sans-serif;}
.font-family-metropolis #wrap li.header a,.font-family-metropolis div.promo, .font-family-metropolis .postbody h3, .posts_container .post_count, .layout-showcase .sprocket-features-title a, .layout-showcase .sprocket-features-desc > span, dd.posts, dd.topics, dd.views, dd.replies, #cp-main .panel li.header dd, #cp-main .panel li.header dt   {font-family: 'SourceSansProExtraLight', Helvetica, Arial, sans-serif;}
.font-family-metropolis a.forumtitle,.font-family-metropolis a.topictitle, .posts_container .post_desc {font-family: 'SourceSansPro', Helvetica, Arial, sans-serif}
#wrap ul,#wrap ol {padding-left:0px;}
#wrap ul li a {font-size: 13px;line-height: normal;}
#wrap ul ul {margin-left: 0px;padding: 0px 0;}
#wrap {padding: 0px;min-width: 650px;}
.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 {padding: 1px 0 0 21px !important;}
.navbar, .headerbar,ul.topiclist dd,.forabg,.forumbg {background: none;border: 0px none;}
.forabg,.forumbg, #cp-main ul.topiclist {padding-right: 7px;padding-left: 7px;}
.forabg:before,.forumbg:before {position: absolute;content: '';width: 5px;height: 99%;left: -41px;top: 13px;}
.forumbg-table:before, form .forumbg:before {display: none;}
form .forumbg {margin-left: 0;}
#tz {width: 100% !important;}
#page-body  h2 {display: none;}
#page-body .zeromargin  h2{display: inline-block;margin-left: 15px;margin-top: 15px;padding-bottom: 8px;}
#page-body .post-bg h2 {display: block;}
ul.forums,ul.topics {background: none;}
a:hover {text-decoration: none;}
ul.linklist li.rightside {margin-top:0px;}
ul.linklist li {margin-top:0;font-size: 80%;}
.rt-demo-grid-5 {width: 46%;float: left;}
.rt-demo-grid-5 ul, .rt-demo-grid-12 ul {background: none !important;}
#rt-showcase .roktabs-wrapper .roktabs-links ul li span {max-width: 200px;}
.blockquote, .typography-style-dark blockquote {background-position: 8px 5px !important;}
.roknewspager-pages2 {float: right;width: auto;height: 18px;text-align: center;position: relative;padding: 0;}
body .roknewspager-wrapper ul li {padding: 0 0 0 24px;margin: 0 0 5px 0;}
.cart-title {top: 19px;left: 57px;font-size: 13px;}
.cart-title strong {font-size: 20px;position: absolute;left: -17px;}
a.advanced_search {font-weight: normal;}
.roknewspager-content {overflow: hidden;}
.style-panel-container .inputbox {width: 50px;}
.col12 .rt-grid-3 #form-login .inputbox {width: 212px;}
.module-content ul.menu li a span, .module-content ul.menu li .separator, .module-content ul.menu li .item span {padding-right: 0;}
.rokajaxsearch input, .rokajaxsearch .roksearch-wrapper input#roksearch_search_str.inputbox:focus {width: 96%;}
.sprocket-headlines-item a {font-size: 13px;}
#rt-content-bottom .rt-block {margin-bottom: -4px;}
#rt-mainbody {margin-bottom: -2px;}
.component-content .current {border: 0;padding: 0;}
.layout-showcase .sprocket-features-title {font-size: 350%;font-weight: normal;line-height: 1.2em;display: inline;}
.layout-showcase .sprocket-features-title a {line-height: 1.2em;}
.layout-showcase .sprocket-features-desc {margin: 20px 0;}
.layout-showcase .sprocket-features-desc > span {display: inline-block;}
ul.menu.mod a {display: inline !important;}
div.gf-menu-device-container div.gf-menu-device-container {display: none !important;}
.component-block {margin-top: -1px;}

/* Module Variations Adjustments
---------------------------------------- */
.basic li.row dl {overflow: visible;}
.basic li.row dl.icon {margin-left: 60px;border-top-width: 1px;border-top-style: solid;}
.basic li.row dl.icon dt, .basic li.row dl.icon dd {padding: 10px;}
.basic li.row dl.icon dt.clear {padding: 0;}
.basic li.row .chooser-icon {height: 100% !important;}
.basic li.header dd {display: none;}
.basic dt.chooser-icon {width: 60px !important;height:33px;position: absolute !important;margin-left: -67px !important;margin-top: -3px !important;padding: 0 !important;background-position: 50% 50% !important;}
#page-body .zeromargin .basic h2 {margin-left: -1px;margin-top: -1px;}
#page-body .zeromargin .title1 h2, #page-body .zeromargin .title2 h2, #page-body .zeromargin .title3 h2, #page-body .zeromargin .title4 h2, #page-body .zeromargin .box1 h2, #page-body .zeromargin .box2 h2, #page-body .zeromargin .box3 h2, #page-body .zeromargin .box4 h2, #page-body .zeromargin .box5 h2, #page-body .zeromargin .box6 h2{display: block;}
.zeromargin .title1 ul.topiclist li.header, .zeromargin .title2 ul.topiclist li.header, .zeromargin .title3 ul.topiclist li.header, .zeromargin .title4 ul.topiclist li.header, .zeromargin .box1 ul.topiclist li.header, .zeromargin .box2 ul.topiclist li.header, .zeromargin .box3 ul.topiclist li.header, .zeromargin .box4 ul.topiclist li.header, .zeromargin .box5 ul.topiclist li.header, .zeromargin .box6 ul.topiclist li.header {margin-top: -55px;margin-bottom: 28px;}
.title1 li.row dl, .title2 li.row dl, .title3 li.row dl, .title4 li.row dl, .box1 li.row dl, .box2 li.row dl, .box3 li.row dl, .box4 li.row dl, .box5 li.row dl, .box6 li.row dl {margin-left: 11px;}
.title1 .forumbg, .title1 .forabg, .title2 .forumbg, .title2 .forabg, .title3 .forumbg, .title3 .forabg, .title4 .forumbg, .title4 .forabg, .box1 .forumbg, .box1 .forabg, .box2 .forumbg, .box2 .forabg, .box3 .forumbg, .box3 .forabg, .box4 .forumbg, .box4 .forabg, .box5 .forumbg, .box5 .forabg, .box6 .forumbg, .box6 .forabg {padding-bottom: 5px;} 

/* Icon images
---------------------------------------- */
.sitehome	 {background-image: url("./styles/metropolis/theme/images/icon_home.png"); }
.icon-faq	 {background-image: url("./styles/metropolis/theme/images/icon_faq.png"); }
.icon-members	 {background-image: url("./styles/metropolis/theme/images/icon_members.png"); }
.icon-home	 {background-image: url("./styles/metropolis/theme/images/icon_home.png");}
.icon-ucp	 {background-image: url("./styles/metropolis/theme/images/icon_ucp.png"); }
.icon-register	 {background-image: url("./styles/metropolis/theme/images/icon_register.png"); }
.icon-logout	 {background-image: url("./styles/metropolis/theme/images/icon_logout.png"); }
.icon-bookmark	 {background-image: url("./styles/metropolis/theme/images/icon_bookmark.png"); }
.icon-bump	 {background-image: url("./styles/metropolis/theme/images/icon_bump.png"); }
.icon-subscribe	 {background-image: url("./styles/metropolis/theme/images/icon_subscribe.png"); }
.icon-unsubscribe{background-image: url("./styles/metropolis/theme/images/icon_unsubscribe.png"); }
.icon-pages, .row .pagination	 {background-image: url("./styles/metropolis/theme/images/icon_pages.png") ; }
.icon-search	 {background-image: url("./styles/metropolis/theme/images/icon_search.png"); }
input.search     {background-image: url("./styles/metropolis/theme/images/icon_search.png");}
ul.linklist li.icon-home:before {display: none;}

ul.profile-icons li {padding: 2px;background-position: 40% 110%;} 
ul.profile-icons li:hover{background-position: 40% -20%;}
#wrap .buttons div span:hover {background-position: 50% -5%;}
p.author a img {padding-right: 4px;margin-top: -3px;}

/* Structure and main styling
---------------------------------------- */
dd.posts, dd.topics, dd.views, dd.replies, #cp-main .panel li.header dd, #cp-main .panel li.header dt {font-weight: bold;}
.zeromargin .rt-block, .zeromargin .module-content {padding: 0;position: relative;z-index: 1000;margin-left: 0;margin-right: 0;}
.post-bg .rt-block {margin-left: 0;margin-right: 0;}
.zeromargin {clear: both;}
.zeromargin ul.topiclist li.header {margin-top: -37px;margin-bottom: 6px;}
div.promo {display: block;line-height: 4em;}
div.promo .sitedesc {font-size: 2.5em;}
div.promo .sitename {font-size: 3.5em;}
.showcase_avatar {float: left;padding: 5px;padding-top: 2px;padding-bottom: 0px;padding-left: 0px;margin-right:6px;}
.variation_chooser .rt-desc {display: block;float: left;padding-right: 4px;font-size: 11px;}
#variation_chooser {width: 100%;}
.roktabs-container-wrapper .wrapper .rt-grid-6 {width: 414px;}
li.row, li.row .row-inner {-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear}
ul.topiclist li.row {line-height: 18px;margin-bottom: 7px;}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active,.pagination span a:hover, .pagination span strong,#format-buttons input, input.button3, a.button2, input.button2,div.rules,select, .cp-mini  {border-radius: 1px;}
div.rules {padding: 15px;margin-bottom: 10px;}
.notice {padding-top: 0.9em;}
blockquote {padding: 5px;}
table.table1 thead th,table.table1 tbody td {border-bottom: 0px;}
.forabg li.header dt,.forumbg li.header dt,.forabg li.header dd,.forumbg li.header dd  {padding-top: 0;margin-top:0;margin-bottom:0;}
#wrap .forabg li.header dl,#wrap .forumbg li.header dl {position: static;}
li.header dd,li.header dd, li.header dt, #wrap li.header a  {line-height: 130% !important;font-weight: normal;font-size: 12px;}
dl.icon {background-position: 8px 8px;}
dl.icon dt {position: relative;z-index: 100000;background-position: 100% 55%;padding-left: 50px;}
li.header dt {font-weight: normal;}
.forumbg-table {margin-left: 0px; padding-left: 5px;padding-right: 5px;}
ul.sresults li.header {padding-bottom: 0;padding-top: 6px;}
ul.forums,ul.topics {margin-top: 0;padding-top: 0px;}
.surround1,.surround2 {display: inline-block;}
dd.lastpost {width: 22%;}
dd.lastpost.noposts {margin-top: 7px;}
blockquote {background-position: 6px 6px !important;padding: 6px;}
blockquote cite {margin-left: 31px;}
dd.redirect {font-size: 100%;padding-top: 8px !important;}
.pmlist li {padding-bottom: 8px !important;padding-top: 3px !important;}
.email-icon,.email-icon a, .aim-icon,.aim-icon a, .yahoo-icon,.yahoo-icon a, .web-icon,.web-icon a, .msnm-icon,.msnm-icon a, .icq-icon,.icq-icon a, .jabber-icon,.jabber-icon a, .pm-icon,.pm-icon a,.quote-icon,.quote-icon a, .report-icon,.report-icon a, .edit-icon,.edit-icon a, .delete-icon,.delete-icon a, .info-icon,.info-icon a, .warn-icon,.warn-icon a,.pmreply-icon, .newpm-icon, .forwardpm-icon,  a.button1, input.button1, input.button3, a.button2, input.button2 {border-radius: 4px;}
a.button1, input.button1, input.button3, a.button2, input.button2 {border: 2px solid;border-radius: 8px;}
dt.chooser-icon {width: 54px !important;height:49px;position: absolute !important;margin-left: -7px !important;margin-top: -3px !important;padding: 0 !important;background-position: 50% 50% !important;}
dt.chooser-icon.read, dt.chooser-icon.unread {-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear; }
li.header dl.icon dt {padding-right: 62px;}
li.header {padding: 5px;padding-bottom: 0px;padding-top: 6px;}
li.header dt, li.header dd {margin-top: 0;margin-bottom: 0;font-size: 15px;font-weight: bold;}
li.header dd {margin-left: -2px;}
#wrap a.forumtitle,#wrap a.topictitle {font-size: 14px;}
.post-bg {padding-top: 5px;}
div.forum-separator {height: 2px;width: 115%;margin-left: -20px;}
.component-content {overflow: visible;padding-top: 0px;}
#add_keywords {height: 20px;margin-top: 11px !important;margin-right: -5px;}
.postbody h3 img {vertical-align: baseline;}
.buttons div span {background-position: 0 100%;}

/* Buttons,fieldset and input fixes
---------------------------------------- */
.readon.search {margin-top:3px;}
.rdn_buttons {float: left;margin-top: 6px;}
.search-box fieldset {font-size: 100%;}
.search-box input {margin-top: 3px;}
input.search {margin-left: 10px;background-position: 5px 50% !important;padding: 0px 3px !important;padding-left: 30px !important;padding-right: 20px !important;margin-top: 3px;min-height: 28px;margin-right: 15px;float: left;border-radius: 15px;}
.search-box .button2 {padding: 6px;padding-bottom:7px;margin-top:-2px;}
#format-buttons input, #format-buttons select {margin-bottom: 4px;padding: 3px;}
table.table1 thead th {background-position: 0% 100%;height: 21px;padding: 4px 6px 4px 3px;vertical-align: middle;}
input {padding: 5px 4px;}
.topic-actions {margin-bottom: 5px;margin-top: 15px;}
p {margin-top: 15px;}
fieldset.display-options {margin-top: 35px !important;}
.navbar {padding-left: 0px;padding-right: 0px;padding-bottom: 19px;}
.pagination { margin-top: 13px; display: inline-block;clear: both;margin-top: 20px;width: 100%;float: none; }
#cp-main .pagination span strong {font-size: 13px;}
.pagination span a,.pagination span strong {padding:2px !important;padding-left: 5px !important;padding-right: 5px !important;line-height: 200% !important;}
textarea {font-size: 95%;}
fieldset.display-actions {margin-top: 10px;margin-bottom: 10px;}
fieldset.forum-selection2  {margin:14px 7px 5px 0;float: none;}
fieldset.forum-selection {margin:9px 9px 9px 0;}
hr, hr.dashed,dfn {display: none;}
fieldset.jumpbox {clear: both;}
fieldset dl {padding: 9px 0px;}
#format-buttons input {margin-top: 5px;padding-top: 5px;}
label#ban {margin-bottom: 30px;}
#wrap ul.linklist li a {line-height: 2.2em;}
fieldset.fields1 dd {margin-bottom: 10px !important;}
a.button1, input.button1, input.button3, a.button2, input.button2 {cursor: pointer;display: inline-block;padding: 8px 14px 6px;font-size: 13px;line-height: normal;}
.display-options a.button1, .display-options input.button1, .display-options input.button3, .display-options a.button2, .display-options input.button2,
.jumpbox a.button1, .jumpbox input.button1, .jumpbox input.button3, .jumpbox a.button2, .jumpbox input.button2, .display-actions a.button1, .display-actions input.button1, .display-actions input.button3, .display-actions a.button2, .display-actions input.button2,.quickmod input.button2 {padding: 5px 8px !important;font-size: 12px !important;}
fieldset.submit-buttons input {margin-bottom: 10px;padding: 8px 14px 6px;}
#wrap select {height: 25px;margin-bottom: 5px;margin-top: 5px;}
#wrap select[multiple] {height: auto;}

/* PM marking colours & ucp */
.pmlist li {border-left: solid 3px #FBFBFB !important;border-right: solid 3px #FBFBFB !important;border-left-width: 3px !important;border-right-width: 3px !important;}
.pmlist li.pm_marked_colour, .pm_marked_colour {border: solid 3px #ffffff !important;border-width: 0 3px !important;}
.pmlist li.pm_replied_colour, .pm_replied_colour {border: solid 3px #c2c2c2 !important;border-width: 0 3px !important;}
.pmlist li.pm_friend_colour, .pm_friend_colour {border: solid 3px #bdbdbd !important;border-width: 0 3px !important;}
.pmlist li.pm_foe_colour, .pm_foe_colour {border: solid 3px #000000 !important;border-width: 0 3px !important;}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {border-left-color:  #BC2A4D !important;border-right-color: #BC2A4D !important;}
.pmlist li.pm_marked_colour, .pm_marked_colour {border-color: #FF6600 !important;}
.pmlist li.pm_replied_colour, .pm_replied_colour {border-color: #A9B8C2 !important;}
.pmlist li.pm_friend_colour, .pm_friend_colour {border-color: #DBDBDB !important;}
.pmlist li.pm_foe_colour, .pm_foe_colour {border-color: #666666 !important;}

/* UCP & MCP
---------------------------------------- */
#cp-main ul.topiclist {margin-left: 0;margin-right: 0;}
#tabs {margin-bottom: -2px;}
#tabs a, #tabs a span {background-image: none;border: 0px none;}
#tabs a {margin-right: 5px;border-radius: 5px 5px 0 0;}
#tabs .activetab a {margin-bottom: 1px;border-bottom-color: transparent !important;}
.mcp-main dd.mark {width: 7%;}
dd.mark {width: 9%;}
dd label {padding: 5px;margin-bottom:2px;}
#cp-main div.panel { margin-top: 6px;border-radius: 5px;}
ul.cplist {border: 0px none;margin-bottom: 0}
dd.option {width: 17%;}
#minitabs {margin-top: 20px;}
#cp-main div.panel {padding-bottom: 10px;}
#format-buttons select {padding: 2px;margin-top: 5px;}
#cp-main .panel li.row {border-top: 0 none !important;margin-bottom: 0;}
#cp-main .panel, #navigation #active-subsection a, #navigation a:hover,  #navigation a, .cp-mini, #topicreview .post.bg1, #topicreview .post.bg2 {border: 1px solid transparent;}
#navigation #active-subsection a, #navigation a:hover {border-right: 0 none;}
div.panel.bg3, #minitabs li {border: 1px solid transparent;border-radius: 5px;}
#cp-main .panel p {margin-top: 0;}


/* PopUp Styling
---------------------------------------- */
#simple-wrap {font-size: 12px;}
#simple-wrap a {color: #a20000;}
#simple-wrap input,#simple-wrap ul.linklist a {background-color: #F2F3F3;border: 1px solid #c3c3c3;}
#simple-wrap ul.linklist a {padding:2px !important;padding-left: 5px !important;padding-right: 5px !important;line-height: 200% !important;}
#simple-wrap ul.linklist a:hover {background-color: #fff;}
#simple-wrap fieldset dl {background-color: #f0f0f0;padding:15px;}
#simple-wrap table thead th {color: #999;}
#simple-wrap table tr {border-color: #ECEEF0;background: transparent url("./styles/metropolis/theme/images/overlays/dark-10.png") repeat;}
#simple-wrap table tr:hover,#simple-wrap table tr.hover {color: #666666;}
#simple-wrap table td {color: #666;}
#simple-wrap table td {border-top: 0px none;}
#simple-wrap table th {color: #333333;background: transparent url("./styles/metropolis/theme/images/overlays/dark-20.png") repeat;}
#simple-wrap table th {color: #666666;}
/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name: metropolis
	copyright Copyright (C) 2007 - 2011 RocketTheme, LLC
    license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
    --------------------------------------------------------------
*/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    body #wrap {min-width: 650px;}
    body dd.lastpost {width: 20%;}
    body .rokajaxsearch .inputbox {width: 90%;}
    .fusionmenu .menutop li.root .daddy > span.menu-text {padding-right: 20px;}
    .main-mask-pointed .fusionmenu .menutop li.root .daddy > span.menu-text {padding-right: 12px;}
    .menutop li.parent.root .item > span {padding-right: 10px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body #wrap {min-width: 520px;}
    body dd.lastpost {display: none;}
    body .rokajaxsearch .inputbox {width: 80%;}
    .fusionmenu .menutop li.root .daddy > span.menu-text {padding-right: 12px;}
    .menutop li.root > .item {font-size: 0.8em;}
   .menutop li.parent.root .item {margin: 0 5px 0 0;}
    li.header dd {display: none;}
    ul.topiclist dt {width: 68%;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    body #wrap {min-width: 420px;}
    body dd.lastpost {width: 18%;}
    body .rokajaxsearch .inputbox {width: 95%;}
    body .rokajaxsearch a span {width: 100%;float: left;clear: both;}
    ul.topiclist dt {width: 73%;}
    .pagination {clear: both;margin-bottom: 20px;}
     #page-body .post-bg h2 {margin-bottom: 0;clear: both;display: block;}
     .postbody ul.profile-icons {float: none;clear: both;margin-bottom: 45px;}

    /* Control Panels */
    body dd.lastpost, fieldset.jumpbox, body li.header, fieldset.display-options, a.left, fieldset.quickmod, th.info, td.info, th.posts, td.posts, #cp-main dd.info, dd.views, dd.topics   {display: none !important;}
    fieldset.fields1 dd {margin-left: 7em;}
    fieldset.fields1 dt {width: 19%;}
    table.table1 {width: 85%;}
    body #tabs a, body #tabs .activetab a, #tabs a span, #tabs .activetab a span {background: none;padding: 0;margin: 0;}
    body #tabs a, body #tabs .activetab a {padding: 5px;border-bottom-width: 1px !important;border-bottom-style: solid !important;}
    #tabs li {display: inline-block;margin-bottom: 5px;}
    #tabs {min-width: 50%;text-align: center;margin-bottom: 5px;margin-top: 10px;}
    #cp-menu {float: none;width: auto;margin-top: 0;}
    #navigation {padding-top: 0;}
    .cp-mini {display: none;}
    #cp-main {width: 99%;}
    #message-box textarea, #smiley-box  {width: 100%;}
    #smiley-box {float: none;}
    #smiley-box br {display: none;}
    #uploadfile {width: 85% !important;}
    #cp-main div.panel fieldset span, #postform div.panel fieldset span {display: none;}
    #cp-main div.panel fieldset dd {width: 50%;overflow: visible;}
    #cp-main div.panel fieldset select {width: 100% !important;}
    #wrap select {height: 25px;margin-bottom: 5px;margin-top: 5px;}
    #cp-main fieldset.fields1 {width: 98% !important;}
    #cp-main #subject {width: 100% !important;}
    #postingbox #subject {width: 65% !important;}
    #attach-panel .autowidth {width: 85% !important;}
    #postform #fileupload {margin-bottom: 10px;}
    #cp-main .column1, #cp-main .column2 {float: none;clear: none;width: 83%;}
    #cp-main fieldset dl.pmlist {overflow: visible !important;}
    #cp-main #username_list {margin-right: 10px;margin-top: 10px;}
    #cp-main dl.pmlist dt textarea {width: 85%;}
    #cp-main div.panel.pm-panel-message fieldset select {width: 62% !important;}
    #cp-main #export_option {width: 42% !important;}
    #cp-main .left-box {float: none;text-align: right;}
    #cp-main fieldset.display-actions {margin-left: -30px;}
    #cp-main fieldset.display-actions select {width: 50%;}
    #cp-main fieldset.fields2 dl, #postform fieldset.fields2 dl {overflow: visible;width: 73%;}
    #cp-main fieldset.fields2 dd, #postform fieldset.fields2 dd {margin-left: 9em;}
    #cp-main fieldset.fields2 dt, #postform fieldset.fields2 dt {width: 9em;}
    #cp-main table,#cp-main thead,#cp-main tbody,#cp-main th,#cp-main td,#cp-main tr {display: block; border-color: transparent;text-align: left !important;}
    #cp-main table.table1 thead th {display: none;}
    #cp-main tr {margin-top: 10px;}
    #cp-main #bday_day,#cp-main #bday_month,#cp-main #bday_year {width: 50% !important;}
    #cp-main dd label {white-space: normal;padding-left: 0;}
}

@media only screen and (max-width: 480px) {
    body #wrap {min-width: 100%;}
    body dd.lastpost, fieldset.jumpbox, body li.header, fieldset.display-options, a.left, fieldset.quickmod, th.info, td.info, th.posts, td.posts, #cp-main dd.info, body .postprofile dd, dd.views, dd.topics    {display: none !important;}
    body ul.topiclist dt {width: 65%;}

    body dl.icon dt {padding-right: 14px;}
    #wrap a.forumtitle, #wrap a.topictitle {font-size: 13px;}
    body .postprofile {word-wrap: break-word;margin-top: 40px;}
    input.tiny {width: 39px;padding-left: 8px !important;background-image: none !important;}
    body .rokajaxsearch .inputbox {width: 95%;}
    body .rokajaxsearch a span {width: 100%;float: left;clear: both;}
    ul.linklist li.rightside, p.rightside {display: none;}
    .search-box fieldset .button {margin-right: -50px;}
    p.author {margin: 0;}
    .postbody ul.profile-icons {float: none;width: 150%;clear: both;height: 30px;}
    .pagination {clear: both;margin-bottom: 20px;}

    /* Control Panels */
    fieldset.fields1 dd {margin-left: 7em;}
    fieldset.fields1 dt {width: 19%;}
    table.table1 {width: 85%;}
    body #tabs a, body #tabs .activetab a, #tabs a span, #tabs .activetab a span {background: none;padding: 0;margin: 0;}
    body #tabs a, body #tabs .activetab a {padding: 5px;border-bottom-width: 1px !important;border-bottom-style: solid !important;}
    #tabs li {display: inline-block;margin-bottom: 5px;}
    #tabs {min-width: 50%;text-align: center;margin-bottom: 5px;margin-top: 10px;}
    #cp-menu {float: none;width: auto;margin-top: 0;}
    #navigation {padding-top: 0;}
    .cp-mini {display: none;}
    #cp-main {width: 99%;}
    #message-box textarea, #smiley-box  {width: 100%;}
    #smiley-box {float: none;}
    #smiley-box br {display: none;}
    #uploadfile {width: 85% !important;}
    #cp-main div.panel fieldset span, #postform div.panel fieldset span {display: none;}
    #cp-main div.panel fieldset dd {width: 50%;overflow: visible;}
    #cp-main div.panel fieldset select {width: 100% !important;}
    #wrap select {height: 25px;margin-bottom: 5px;margin-top: 5px;}
    #cp-main fieldset.fields1 {width: 98% !important;}
    #cp-main #subject {width: 100% !important;}
    #postingbox #subject {width: 65% !important;}
    #attach-panel .autowidth {width: 85% !important;}
    #postform #fileupload {margin-bottom: 10px;}
    #cp-main .column1, #cp-main .column2 {float: none;clear: none;width: 83%;}
    #cp-main fieldset dl.pmlist {overflow: visible !important;}
    #cp-main #username_list {margin-right: 10px;margin-top: 10px;}
    #cp-main dl.pmlist dt textarea {width: 85%;}
    #cp-main div.panel.pm-panel-message fieldset select {width: 62% !important;}
    #cp-main #export_option {width: 42% !important;}
    #cp-main .left-box {float: none;text-align: right;}
    #cp-main fieldset.display-actions {margin-left: -30px;}
    #cp-main fieldset.display-actions select {width: 50%;}
    #cp-main fieldset.fields2 dl, #postform fieldset.fields2 dl {overflow: visible;width: 73%;}
    #cp-main fieldset.fields2 dd, #postform fieldset.fields2 dd {margin-left: 9em;}
    #cp-main fieldset.fields2 dt, #postform fieldset.fields2 dt {width: 9em;}
    #cp-main table,#cp-main thead,#cp-main tbody,#cp-main th,#cp-main td,#cp-main tr {display: block; border-color: transparent;text-align: left !important;}
    #cp-main table.table1 thead th {display: none;}
    #cp-main tr {margin-top: 10px;}
    #cp-main #bday_day,#cp-main #bday_month,#cp-main #bday_year {width: 50% !important;}
    #cp-main dd label {white-space: normal;padding-left: 0;}
}