/*  phpBB3 Style Sheet
    --------------------------------------------------------------
   Style name:       CoasterCrazy Reborn
   Based on style:   Absolution / prosilver
   --------------------------------------------------------------
*/

/* 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: Verdana, Helvetica, Arial, sans-serif;
   color: #828282;
   background-color: #FFFFFF;
   /*font-size: 62.5%;         This sets the default font size to be equivalent to 10px */
   font-size: 12px;
   margin: 0;
}

h1 {
   /* Forum name */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin-right: 200px;
   color: #FFFFFF;
   margin-top: 15px;
   font-weight: bold;
   font-size: 2em;
}

h2 {
   /* Forum header titles */
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #3f3f3f;
   font-size: 2em;
   margin: 0.8em 0 0.2em 0;
}

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

h3 {
   /* Sub-headers (also used as post headers, but defined later) */
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   border-bottom: 1px solid #CCCCCC;
   margin-bottom: 3px;
   padding-bottom: 2px;
   font-size: 1.05em;
   color: #989898;
   margin-top: 20px;
}

h4 {
   /* Forum and topic list titles */
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
   font-size: 1.3em;
}

p {
   line-height: 1.3em;
   font-size: 1.1em;
   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 {
   margin: 0 auto;
   padding: 0;
   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 {
   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;
   color: #3f3f3f;
}

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

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

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

/* SPECIAL */

.threecol1 {
   float: left;
   clear: left;
   width: 33%;
}

.threecol2 {
   display: inline-block;
   padding-left: 1%;
   width: 33%;
}

.threecol3 {
   float: right;
   clear: right;
   width: 32%;
}
/* ------- */

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

dl.details2 dt {
   width: 45%;
}

dl.details2 dd {
   width: 50%;
}

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

/* GYM Sitemaps & RSS - www.phpbb-seo.com */
div.gymsublist {
   display:block;
   position:relative;
   padding-left:10px;
   padding-top:5px;
   padding-bottom:10px;
   padding-right:0;
   margin:0;
}
div.gymsublist ul {
   display:block;
   position:relative;
   height:1%;
   padding-left:30px;
}
div.gymsublist ul li {
   display:block;
   position:relative;
   line-height:18px;
   font-size:11px;
}
/* GYM Sitemaps & RSS - www.phpbb-seo.com */
/* Link Styles
---------------------------------------- */

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

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

/* Coloured usernames */
.username-coloured {
	font-weight: bold;
	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 {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

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

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

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

a.topictitle {
	font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

/* 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 {
	font-weight: bold;
	color: #898989;
	text-decoration: none;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	text-decoration: underline;
	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 {
	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;
}

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

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

ul.topiclist dl {
	position: relative;
}

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

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	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 {
	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 {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #8f8f8f;
}

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

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

li.header dt, li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 11px;
	padding-bottom: 10px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

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: 55px;					/* 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;
	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;
}
div[class].topic-actions {
	height: auto;
}

/* Post body styles
----------------------------------------*/
.postbody {
	padding: 0;
	line-height: 1.48em;
	color: #333333;
	width: 76%;
	float: right;
	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;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
}

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

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

.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;
	color: #333333;
	padding-bottom: 1px;
}

.content h2, .panel h2 {
	font-weight: normal;
	color: #989898;
	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 {
	font-size: 1.1em;
	margin-top: 1em;
	margin-bottom: 2em;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: bold;
	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-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
}

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

.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: 0.5em 1px 0 9px;
	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: 20px;
	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 solid #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: #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 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.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 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

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;
	font-family: Arial, Helvetica, sans-serif;
	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;
	color: #666666;
	border-right: 1px solid #FFFFFF;
	width: 22%;
	float: left;
	display: inline;
}
.pm .postprofile {
	border-right: 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;
}
/* 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 */
.reply-icon span  { 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; }

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

/* 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; }
ul.profile-icons li a:hover { background: none; }

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

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

/* 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; }
.skype-icon, .skype-icon a         { background: none top left no-repeat; width: 16px; }
#skypedetectionswf { position: fixed; top:0; left:-10px; }
.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; }
/* Share On 2.2.0 */
.facebook-icon, .facebook-icon a { background: none top left no-repeat; }
.twitter-icon, .twitter-icon a      { background: none top left no-repeat; }
.tuenti-icon, .tuenti-icon a     { background: none top left no-repeat; }
.sonico-icon, .sonico-icon a     { background: none top left no-repeat; }
.friendfeed-icon, .friendfeed-icon a{ background: none top left no-repeat; }
.orkut-icon, .orkut-icon a       { background: none top left no-repeat; }
.digg-icon, .digg-icon a         { background: none top left no-repeat; }
.reddit-icon, .reddit-icon a     { background: none top left no-repeat; }
.delicious-icon, .delicious-icon a  { background: none top left no-repeat; }
.vk-icon, .vk-icon a          { background: none top left no-repeat; }
.myspace-icon, .myspace-icon a      { background: none top left no-repeat; }
.tumblr-icon, .tumblr-icon a     { background: none top left no-repeat; }
.google-icon, .google-icon a     { background: none top left no-repeat; }
/* Share On 2.2.0 */
/* 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.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: 64px; height: 22px; }
/* Share On 2.2.0 */
ul.profile-icons li.facebook-icon   { width: 20px; height: 20px; }
ul.profile-icons li.twitter-icon { width: 20px; height: 20px; }
ul.profile-icons li.tuenti-icon     { width: 20px; height: 20px; }
ul.profile-icons li.sonico-icon     { width: 20px; height: 20px; }
ul.profile-icons li.friendfeed-icon { width: 20px; height: 20px; }
ul.profile-icons li.orkut-icon      { width: 20px; height: 20px; }
ul.profile-icons li.digg-icon    { width: 20px; height: 20px; }
ul.profile-icons li.reddit-icon     { width: 20px; height: 20px; }
ul.profile-icons li.delicious-icon  { width: 20px; height: 20px; }
ul.profile-icons li.vk-icon         { width: 20px; height: 20px; }
ul.profile-icons li.myspace-icon { width: 20px; height: 20px; }
ul.profile-icons li.tumblr-icon     { width: 20px; height: 20px; }
ul.profile-icons li.google-icon     { width: 20px; height: 20px; }
/* Share On 2.2.0 */
ul.profile-icons li.report-icon  { width: 64px; height: 22px; }
ul.profile-icons li.edit-icon { width: 53px; height: 22px; }
ul.profile-icons li.delete-icon  { width: 64px; height: 22px; }
ul.profile-icons li.info-icon { width: 53px; height: 22px; }
ul.profile-icons li.warn-icon { width: 59px; height: 22px; }

/* Fix profile icon default margins */
ul.profile-icons li.edit-icon { margin: 0 3px 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; }
/* 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 {
	color: #000000;
	margin-bottom: 2px;
}

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

#cp-main table.table1 thead th {
	color: #333333;
	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;
	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: 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;
	color: #333;
	background: #cfcfcf none repeat-y 100% 0;
}

#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;
	margin-left: 10px;
	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-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.1em;
}

input {
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
	font-size: 1em;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: graytext;
}

textarea {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	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;
	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: 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 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	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 {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

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

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

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

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

.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/ccreborn/theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./styles/ccreborn/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%; }

/* SPECIAL */
* html .threecol1, * html .threecol2, * html .threecol3 { width: 31%; }
/* ------- */

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

* html dl.details2 dd {
	margin-left: 45%;
}

/* 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%;
}
/*
--------------------------------------------------------------
Colours and backgrounds — CC Reborn Neutral Palette
Replaces the original Absolution blue theme colours
-------------------------------------------------------------- */

html, body {
   color: #1d1e2c;
   background: #f0f1f3;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
   height: 100% !important;
}

h1 { color: #1d1e2c; }
h2 { color: #1d1e2c; font-family: "Inter", Arial, sans-serif; font-size: 20px; font-weight: 700; }
h3 { border-bottom-color: #e5e7eb; font-family: "Inter", Arial, sans-serif; font-size: 16px; font-weight: 600; text-transform: none; color: #1d1e2c; }

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

/* Search box */
#search-box { color: #fff; }
#search-box #keywords { background-color: #fff; }
#search-box input { border-color: #d1d5db; }

/* Backgrounds */
.headerbar { background-color: #1a1a1a; background-image: none; color: #fff; }
.navbar { background-color: #f8f9fc; }
.forabg, .forumbg { background-color: #1a1a1a; background-image: none; }
.panel { background-color: #fff; color: #1d1e2c; }
.post:target .content { color: #000; }
.post:target h3 a { color: #000; }

.bg1 { background-color: #fff; }
.bg2 { background-color: #f8f9fc; }
.bg3 { background-color: #f0f1f3; }

.ucprowbg { background-color: #f0f1f3; }
.fieldsbg { background-color: #f8f9fc; }

/* Round corners — remove old background images */
span.corners-top { background-image: none; }
span.corners-top span { background-image: none; }
span.corners-bottom { background-image: none; }
span.corners-bottom span { background-image: none; }

/* Horizontal lists */
ul.navlinks { border-bottom-color: #e5e7eb; }

/* Table styles */
table.table1 thead th { color: #fff !important; background: linear-gradient(135deg, #cc0000 0%, #990000 100%); }
table.table1 thead th a, table.table1 thead th a:link, table.table1 thead th a:visited { color: #fff !important; }
table.table1 tbody tr { border-color: #e5e7eb; }
table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #f8f9fc; color: #000; }
table.table1 td { color: #374151; }
table.table1 tbody td { border-top-color: #f0f1f3; }
table.table1 tbody th { border-bottom-color: #e5e7eb; color: #1d1e2c; background-color: #fff; }
table.info tbody th { border-bottom-color: #e5e7eb; color: #1d1e2c; background-color: #fff; }

dl.details dt { color: #6b7280; }
dl.details dd { color: #1d1e2c; }

.sep { color: #d1d5db; }

/* Pagination */
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
   background-color: #f0f1f3; color: #374151; border-color: #e5e7eb;
}
.pagination span strong, .pagination span a:hover {
   background-color: #cc0000; color: #fff; border-color: #cc0000;
}
.row .pagination { color: #6b7280; }
.row .pagination span a, li.pagination span a { background-color: #f0f1f3; color: #374151; border-color: #e5e7eb; }
.row .pagination span a:hover, li.pagination span a:hover { background-color: #cc0000; color: #fff; border-color: #cc0000; }

.copyright { color: #9ca3af; }
.error { color: #dc2626; }
.reported { background-color: #fef2f2; }
li.reported:hover { background-color: #fee2e2; }
.sticky, .announce { background-color: #fffbeb; }
div.rules { background-color: #f0fdf4; }
div.mini-rules { background-color: #f0fdf4; }
div.rules h3 { font-size: 14px; padding: 0; margin: 0 0 3px; border: none; text-transform: none; color: #1d1e2c; }
p.rules { background-color: transparent; }

/*
--------------------------------------------------------------
Links — CC Reborn
-------------------------------------------------------------- */

a:link { color: #374151; }
a:visited { color: #374151; }
a:hover { color: #cc0000; text-decoration: underline; }
a:active { color: #cc0000; }

#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link, .cathead-l a:link { color: #fff; }
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited, .cathead-l a:visited { color: #fff; }
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover, .cathead-l a:hover { color: #fff; text-decoration: underline; }
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active, .cathead-l a:active { color: #fff; }

a.forumtitle, a.forumtitle:active, a.topictitle, a.topictitle:active {
   color: #1d1e2c; font-weight: bold; font-family: "Inter", Arial, sans-serif; font-size: 15px;
}
a.forumtitle:visited, a.topictitle:visited { color: #374151; }
a.forumtitle:hover, a.topictitle:hover { color: #cc0000; }

/*
--------------------------------------------------------------
Content — CC Reborn
-------------------------------------------------------------- */

ul.topiclist li.header dt, ul.topiclist li.header dd {
   color: #fff !important; background: linear-gradient(135deg, #cc0000 0%, #990000 100%);
}
ul.topiclist li.header dt a, ul.topiclist li.header dd a { color: #fff !important; }
ul.topiclist li.row dt, ul.topiclist li.row dd { border-bottom-color: #f0f1f3; }
ul.topiclist li.row:hover dt, ul.topiclist li.row:hover dd { background-color: #f8f9fc; }

.postbody { color: #374151; }
.postbody h3 a { color: #1d1e2c; }
.postbody h3 a:hover { color: #cc0000; }

ul.profile-icons li a { background-color: #f0f1f3; }
ul.profile-icons li a:hover { background-color: #e5e7eb; }

.online { color: #059669; font-weight: bold; }
.offline { color: #9ca3af; }

/* Social sharing icons */
.twitter-icon, .twitter-icon a { background-image: url("./styles/ccreborn/theme/images/share_on_buttons/shareon_twitter.png"); }
.facebook-icon, .facebook-icon a { background-image: url("./styles/ccreborn/theme/images/share_on_buttons/shareon_facebook.png"); }
.tumblr-icon, .tumblr-icon a { background-image: url("./styles/ccreborn/theme/images/share_on_buttons/shareon_tumblr.png"); }
.report-icon, .report-icon a { background-image: url("./styles/ccreborn/imageset/en/icon-report.png"); }
.edit-icon, .edit-icon a { background-image: url("./styles/ccreborn/imageset/en/icon-edit.png"); }
.delete-icon, .delete-icon a { background-image: url("./styles/ccreborn/imageset/en/icon-delete.png"); }
.info-icon, .info-icon a { background-image: url("./styles/ccreborn/imageset/en/icon-info.png"); }
.warn-icon, .warn-icon a { background-image: url("./styles/ccreborn/imageset/en/icon-warn.png"); }

/*
--------------------------------------------------------------
CP (Control Panels) — CC Reborn
-------------------------------------------------------------- */

#cp-main h3, #cp-main hr, #cp-menu hr { border-color: #e5e7eb; }
#cp-main .panel li.row { border-bottom-color: #f0f1f3; border-top-color: #f0f1f3; }
ul.cplist { border-bottom-color: #e5e7eb; }
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
   color: #fff; background: linear-gradient(135deg, #cc0000 0%, #990000 100%);
}
#cp-main table.table1 thead th { background: linear-gradient(135deg, #cc0000 0%, #990000 100%); }
#cp-main .pm-message { background-color: #f8f9fc; border-color: #e5e7eb; color: #374151; }

/* Tabs */
#tabs a { background-color: #f0f1f3; color: #374151; }
#tabs a span { background-color: transparent; }
#tabs a:hover span { background-color: #e5e7eb; color: #1d1e2c; }
#tabs .activetab a { background-color: #cc0000; color: #fff; }
#tabs .activetab a span { background-color: transparent; color: #fff; }
#tabs .activetab a:hover span { background-color: #cc0000; color: #fff; }

#minitabs li { background-color: #f0f1f3; color: #374151; }
#minitabs li.activetab { background-color: #cc0000; color: #fff; }
#minitabs li.activetab a, #minitabs li.activetab a:hover { color: #fff; }

/* Navigation sidebar */
#navigation a { color: #374151; background-color: #fff; border-color: #e5e7eb; }
.rtl #navigation a { color: #374151; }
#navigation a:hover { background-color: #f8f9fc; color: #cc0000; }
#navigation #active-subsection a { background-color: #f8f9fc; color: #cc0000; font-weight: bold; }
#navigation #active-subsection a:hover { color: #cc0000; }

#cp-main h2 { color: #1d1e2c; }
#cp-main .panel { background-color: #fff; color: #374151; }
#cp-main .pm { background-color: #f8f9fc; }

/* CP corners — remove old background images */
#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; }
#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; }

.cp-mini { background-color: #fff; }
dl.mini dt { color: #6b7280; }
.current { color: #cc0000; }

/* PM list colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { background-color: #fef2f2; }
.pmlist li.pm_marked_colour, .pm_marked_colour { background-color: #fffbeb; }
.pmlist li.pm_replied_colour, .pm_replied_colour { background-color: #f0fdf4; }
.pmlist li.pm_friend_colour, .pm_friend_colour { background-color: #eff6ff; }
.pmlist li.pm_foe_colour, .pm_foe_colour { background-color: #fef2f2; }

#gallery label { background-color: #f8f9fc; border-color: #e5e7eb; }
#gallery label:hover { background-color: #f0f1f3; }

/*
--------------------------------------------------------------
Forms — CC Reborn
-------------------------------------------------------------- */

select { color: #374151; }
option.disabled-option { color: #9ca3af; }
dd label { color: #374151; }
fieldset dl:hover dt label { color: #cc0000; }
fieldset.fields2 dl:hover dt label { color: #1d1e2c; }
fieldset.quick-login input.inputbox { background-color: rgba(255,255,255,0.15); color: #fff; border-color: rgba(255,255,255,0.2); }
#message-box textarea { color: #374151; }

.inputbox {
   background-color: #fff;
   border: 1.5px solid #e5e7eb;
   color: #1d1e2c;
   padding: 8px 12px;
   border-radius: 6px;
   font-family: "Inter", Arial, sans-serif;
   font-size: 13px;
}
.inputbox:hover { border-color: #d1d5db; }
.inputbox:focus { border-color: #cc0000; outline: none; box-shadow: 0 0 0 3px rgba(204,0,0,0.1); }
input.disabled { background-color: #f0f1f3; color: #9ca3af; }

/* absolution.css removed — structural rules migrated to reborn.css */
/* ==========================================================================
   CoasterCrazy Reborn — Modern CSS Override Layer
   Applied after all Absolution styles to modernize without breaking layout
   ========================================================================== */

/* ---------- CSS Custom Properties ---------- */
:root {
    --cc-bg-dark: #1a1a1a;
    --cc-bg-medium: #2a2a2a;
    --cc-bg-light: #333333;
    --cc-bg-card: #ffffff;
    --cc-bg-card-alt: #f7f7f8;
    --cc-accent: #cc0000;
    --cc-accent-hover: #a30000;
    --cc-accent-light: #fff0f0;
    --cc-accent-secondary: #cc0000;
    --cc-charcoal: #2d2d2d;
    --cc-charcoal-light: #3a3a3a;
    --cc-text-primary: #1a1a1a;
    --cc-text-secondary: #666666;
    --cc-text-light: #c0c0c0;
    --cc-text-white: #ffffff;
    --cc-border: #e0e0e0;
    --cc-border-light: #eeeeee;
    --cc-success: #10b981;
    --cc-warning: #f59e0b;
    --cc-danger: #cc0000;
    --cc-link: #cc0000;
    --cc-link-hover: #990000;
    --cc-nav-bg: linear-gradient(180deg, #2d2d2d 0%, #1a1a1a 100%);
    --cc-header-bg: linear-gradient(180deg, #2d2d2d 0%, #222222 100%);
    --cc-radius: 10px;
    --cc-radius-sm: 6px;
    --cc-radius-lg: 14px;
    --cc-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
    --cc-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);
    --cc-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12), 0 5px 12px rgba(0, 0, 0, 0.06);
    --cc-shadow-nav: 0 4px 20px rgba(0, 0, 0, 0.5);
    --cc-transition: 0.2s ease;
    --cc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --cc-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

/* ---------- Google Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ---------- Base Reset & Typography ---------- */
html, body {
    font-family: var(--cc-font) !important;
    color: var(--cc-text-primary);
    background-color: #8b0000 !important;
    background-image:
        linear-gradient(to right, rgba(45,45,45,0.7) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(45,45,45,0.7) 1px, transparent 1px) !important;
    background-size: 10px 10px !important;
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.noise {
    background: transparent !important;
}

/* ========================================
   Forum Index & Topic Listing Redesign
   ======================================== */

/* -- Forum/topic table rows -- */
table.cat {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: none !important;
}
table.cat tr {
    transition: background 0.1s;
}
table.cat tr:hover td {
    background: #f8f9fc;
}
table.cat td {
    border-bottom: 1px solid #f0f1f3 !important;
    border-top: none !important;
    padding: 12px 10px !important;
}

/* -- Forum icon column -- */
td.forumicon {
    vertical-align: middle !important;
}
td.forumicon img {
    opacity: 0.7;
}

/* -- Topic/forum title styling -- */
td.forumdetails {
    vertical-align: top !important;
}
td.forumdetails a.forumtitle,
td.forumdetails a.topictitle {
    font-family: var(--cc-font) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--cc-text-primary) !important;
    text-decoration: none !important;
}
td.forumdetails a.forumtitle:hover,
td.forumdetails a.topictitle:hover {
    color: var(--cc-accent) !important;
}
.forum-descriptions {
    font-family: var(--cc-font) !important;
    font-size: 11px !important;
    color: var(--cc-text-secondary) !important;
    line-height: 1.4;
}
span.subforums, span.forummods {
    font-size: 11px;
    color: var(--cc-text-secondary);
}
span.subforums a, span.forummods a {
    color: var(--cc-text-secondary);
}
span.subforums a:hover, span.forummods a:hover {
    color: var(--cc-accent);
}

/* -- Stat bubbles (replies/views) -- */
.statbubble {
    background: none !important;
    padding: 0 !important;
    font-family: var(--cc-font) !important;
}
.statbubble span {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--cc-text-primary) !important;
    display: block;
}

/* -- Last post column -- */
td.forumlastpost {
    font-family: var(--cc-font) !important;
    font-size: 11px !important;
    color: var(--cc-text-secondary) !important;
    line-height: 1.5;
}
span.fade {
    color: var(--cc-text-secondary) !important;
    font-size: 11px;
}

/* -- Stats panel (forum footer) -- */
.statspanel {
    background: var(--cc-bg-card) !important;
    border: 1px solid var(--cc-border-light) !important;
    border-radius: var(--cc-radius) !important;
    padding: 16px 20px !important;
    margin-bottom: 16px;
    background-image: none !important;
    font-family: var(--cc-font) !important;
    font-size: 12px;
    color: var(--cc-text-secondary);
}

/* -- Topic actions bar (new topic button, pagination) -- */
.topic-actions, .action-bar {
    background: none !important;
    border: none !important;
    padding: 10px 0 !important;
}

/* -- Red notice -- */
.red-notice {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #991b1b !important;
    border-radius: var(--cc-radius) !important;
    padding: 12px 16px !important;
    font-family: var(--cc-font);
    font-size: 13px;
}
.red-notice a { color: #cc0000 !important; }

/* ========================================
   Structural rules migrated from absolution.css
   These provide layout (floats, widths, display) without cosmetic styling
   ======================================== */

/* -- Float/clear utilities -- */
.floatleft, .float-left { display: block; float: left; }
.floatright, .float-right { display: block; float: right; }
.clear { overflow: hidden; width: 100%; clear: both; }

/* -- Forum table column widths -- */
table.cat td { padding: 10px 6px 6px 6px; vertical-align: top; }
td.forumicon { width: 5%; text-align: center; vertical-align: middle; }
td.forumdetails { vertical-align: top; }
td.forumlink { vertical-align: middle !important; }
td.forumlastpost { width: 20%; vertical-align: top; }
td.forumtopics, td.forumposts { width: 8%; text-align: center; vertical-align: middle; }
td.forumclicks { padding: 10px; }
span.forummods, span.subforums { display: block; margin: 4px 0; }
span.forumimage { float: left; display: block; margin: 0 15px 15px 0; }

/* -- Stat bubbles (structural) -- */
.statbubble { text-align: center; padding: 6px 0 0 7px; font-size: 11px; }
.statspanel { padding: 15px; }

/* -- Viewtopic: post layout (2-column float) -- */
.vtprofilepanel { width: 15%; float: left; padding: 15px 9px 9px; box-sizing: border-box; }
.vtcontent { float: right; width: 79%; padding: 14px; box-sizing: border-box; }
.vtdatebar { width: 100%; height: 35px; line-height: 33px; }
h3.vtsubject { padding: 0 0 0 74px; margin: 0; border: none; text-transform: none; font-size: 14px !important; }
.vtcontrolbuttons { float: right; }
ul.profile-icons { padding-top: 0; list-style: none; }
.vtprofileinfo { line-height: 14px; }

/* -- Online/offline indicators -- */
.user-online { background: url("./styles/ccreborn/theme/images/online.gif") no-repeat right 50%; }
.user-offline { background: url("./styles/ccreborn/theme/images/offline.gif") no-repeat right 50%; }

/* -- Quote/code nib decorations -- */
.vtquote .nib { display: block; overflow: hidden; height: 9px; width: 15px; position: absolute; left: 21px; top: -9px; background: url("./styles/ccreborn/theme/images/quotenib.gif") no-repeat; }

/* -- Tipsy tooltips -- */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; border-radius: 3px; }
.tipsy-arrow { position: absolute; background: url("./styles/ccreborn/theme/images/tipsy.gif") no-repeat top left; width: 9px; height: 5px; }

/* -- Navigation base structure (migrated from absolution) -- */
#nav ul { list-style: none; margin: 0; padding: 0; width: 100%; }
#nav ul li { float: left; }
#nav ul li.float-right { float: right; }
#nav ul li a { display: block; }
#nav ul li ul.drop { display: none; position: absolute; z-index: 9999; width: 200px; padding: 5px; }
#nav ul li ul.drop li { float: none; }
#nav ul li ul.drop li a { float: none; display: block; }

/* -- Trigger (collapsible sections) -- */
.trigger { cursor: pointer; }
.active { background-position: 0 -18px; }
.inactive { background-position: 0 0; }
body.nojs .trigger { cursor: default; }
body.nojs #nav ul li:hover > ul { display: block; }

/* Charcoal vignette around the edges */
.noise::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(ellipse at center, transparent 30%, rgba(26,26,26,0.6) 65%, rgba(26,26,26,0.95) 100%);
}

/* Make sure content sits above the vignette */
#wrap, #header, #nav, .cc-hero-wrap, .cc-actions, .cc-stats-bar, .cc-home-main {
    position: relative;
    z-index: 1;
}

h1 {
    font-weight: 800;
    letter-spacing: -0.5px;
}

h2 {
    font-family: var(--cc-font) !important;
    font-weight: 700;
    color: var(--cc-text-primary);
    font-size: 1.4rem;
}

h3 {
    font-family: var(--cc-font) !important;
    font-weight: 600;
    color: var(--cc-text-primary);
    font-size: 1.1rem;
    border-bottom-color: var(--cc-border);
}

a {
    color: var(--cc-link);
    text-decoration: none;
    transition: color var(--cc-transition);
}

a:hover {
    color: var(--cc-link-hover);
}

/* (noise overrides moved to top with body styles) */

/* ---------- Header ---------- */
#header {
    background: var(--cc-header-bg) !important;
    box-shadow: none !important;
    border-bottom: none;
    position: relative;
    overflow: visible;
    z-index: 200;
}

#header::before {
    content: '';
    position: absolute;
    top: -50%;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(204, 0, 0, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

#header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cc-accent) 0%, #ff3333 50%, var(--cc-accent) 100%);
    pointer-events: none;
}

/* New header flex layout */
.cc-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 24px;
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
}

.cc-header-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none !important;
}

.cc-logo-icon {
    height: 56px;
    width: auto;
    flex-shrink: 0;
}

.cc-logo-text {
    display: flex;
    flex-direction: column;
}

.cc-logo-name {
    font-family: var(--cc-font);
    font-size: 32px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -1px;
    line-height: 1.1;
}

.cc-logo-name em {
    font-style: normal;
    color: #cc0000;
    -webkit-text-fill-color: #cc0000;
}

.cc-logo-tag {
    font-family: var(--cc-font);
    font-size: 13px;
    font-weight: 400;
    color: rgba(255,255,255,0.4);
    letter-spacing: 0.3px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Anniversary ribbon */
.cc-ribbon-wrap {
    margin-left: 16px;
    flex-shrink: 0;
    align-self: center;
}
.cc-ribbon {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px 8px 16px;
    background: linear-gradient(135deg, #cc0000 0%, #a00000 100%);
    color: white;
    font-family: var(--cc-font);
    clip-path: polygon(8px 0%, calc(100% - 0px) 0%, 100% 50%, calc(100% - 0px) 100%, 8px 100%, 0% 50%);
    box-shadow: 0 2px 8px rgba(204,0,0,0.3);
}
.cc-ribbon::before {
    content: '';
    position: absolute;
    inset: 1px;
    background: linear-gradient(135deg, #dd1111 0%, #aa0000 100%);
    clip-path: polygon(8px 0%, calc(100% - 0px) 0%, 100% 50%, calc(100% - 0px) 100%, 8px 100%, 0% 50%);
    z-index: -1;
}
.cc-ribbon-star {
    width: 11px;
    height: 11px;
    fill: #ffcc00;
    flex-shrink: 0;
}
.cc-ribbon-text {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.cc-ribbon-text strong {
    font-weight: 800;
    font-size: 12px;
}
.cc-ribbon-date {
    font-size: 10px;
    font-weight: 600;
    opacity: 0.75;
    white-space: nowrap;
    border-left: 1px solid rgba(255,255,255,0.3);
    padding-left: 6px;
    margin-left: 2px;
}

@media (max-width: 768px) {
    .cc-ribbon-wrap { margin-left: 0; margin-top: 4px; }
    .cc-ribbon { padding: 6px 16px 6px 12px; }
    .cc-ribbon-text { font-size: 10px; }
    .cc-ribbon-text strong { font-size: 11px; }
    .cc-ribbon-date { font-size: 9px; }
}

.cc-header-search {
    flex-shrink: 0;
}

.cc-header-search fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.cc-header-search input[type="text"] {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 24px !important;
    padding: 10px 18px 10px 42px !important;
    height: auto;
    width: 200px;
    font-family: var(--cc-font);
    font-size: 13px;
    font-weight: 400;
    color: #fff !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255,255,255,0.35)' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
}

.cc-header-search input[type="text"]:focus {
    width: 280px;
    background-color: rgba(255,255,255,0.1) !important;
    border-color: var(--cc-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.2) !important;
}

.cc-header-search input[type="text"]::placeholder {
    color: rgba(255,255,255,0.35);
}

/* Global search dropdown */
.cc-gs-wrap { position: relative; z-index: 10001; }
.cc-gs-dropdown { display: none; position: absolute; top: 100%; right: 0; width: 400px; background: #fff; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 12px 40px rgba(0,0,0,0.2); z-index: 10001; max-height: 450px; overflow-y: auto; margin-top: 8px; }
.cc-gs-item { display: flex; align-items: center; gap: 10px; padding: 10px 14px; text-decoration: none; color: #1a1a1a; border-bottom: 1px solid #f5f5f5; transition: background 0.1s; cursor: pointer; }
.cc-gs-item:last-child { border-bottom: none; }
.cc-gs-item:hover { background: #f8f9fc; }
.cc-gs-thumb { width: 44px; height: 32px; border-radius: 4px; object-fit: cover; flex-shrink: 0; background: #f0f1f3; }
.cc-gs-info { flex: 1; min-width: 0; }
.cc-gs-name { font-family: 'Inter',sans-serif; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1a1a1a; }
.cc-gs-sub { font-family: 'Inter',sans-serif; font-size: 11px; color: #888; }
.cc-gs-type { font-family: 'Inter',sans-serif; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 2px 7px; border-radius: 4px; flex-shrink: 0; }
.cc-gs-type-track { background: #fff0f0; color: #cc0000; }
.cc-gs-type-topic { background: #eff6ff; color: #2563eb; }
.cc-gs-type-tag { background: #f0fdf4; color: #16a34a; }
.cc-gs-type-designer { background: #f5f3ff; color: #7c3aed; }
.cc-gs-rating { font-family: 'Inter',sans-serif; font-size: 12px; font-weight: 700; color: #d97706; flex-shrink: 0; }
.cc-gs-footer { padding: 10px 14px; text-align: center; font-family: 'Inter',sans-serif; font-size: 12px; border-top: 1px solid #f0f1f3; }
.cc-gs-footer a { color: #cc0000; font-weight: 600; text-decoration: none; }

/* Hide old header elements that may leak through */
#header h1 {
    display: none !important;
}

#header .quicksearch {
    display: none !important;
}

#header > .float-left,
#header > .float-right {
    display: none !important;
}

@media (max-width: 768px) {
    .cc-header-inner {
        flex-direction: column;
        gap: 12px;
        padding: 14px 16px;
    }
    .cc-logo-icon {
        height: 40px;
    }
    .cc-logo-name {
        font-size: 22px;
    }
    .cc-logo-tag {
        font-size: 11px;
    }
    .cc-header-search input[type="text"] {
        width: 250px;
    }
}

/* ---------- Search box ---------- */
.quicksearch {
    position: relative;
    z-index: 1;
}

.quicksearch input {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 24px !important;
    padding: 0 16px 0 40px !important;
    height: 38px;
    font-family: var(--cc-font);
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    box-shadow: none !important;
    transition: all 0.3s ease;
    width: 140px;
    backdrop-filter: blur(10px);
}

.quicksearch input:focus {
    width: 240px;
    background: rgba(255,255,255,0.1) !important;
    border-color: var(--cc-accent) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.2) !important;
}

.quicksearch input::placeholder {
    color: rgba(255,255,255,0.35);
}

/* ---------- Navigation ---------- */
#nav {
    background: var(--cc-nav-bg) !important;
    height: auto !important;
    min-height: 50px;
    box-shadow: var(--cc-shadow-nav);
    position: relative;
    z-index: 100;
    border-top: 3px solid var(--cc-accent);
}

#nav-wrap-left, #nav-wrap-right {
    display: none !important;
}

#nav ul li a {
    background: none !important;
    padding: 15px 18px;
    font-family: var(--cc-font);
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.2px;
    color: var(--cc-text-light) !important;
    text-shadow: none;
    transition: all var(--cc-transition);
    border-radius: 0;
    margin: 0;
    border-bottom: 2px solid transparent;
    position: relative;
}

#nav ul li a:hover {
    background: rgba(255,255,255,0.04) !important;
    color: var(--cc-text-white) !important;
    text-decoration: none;
    border-bottom-color: rgba(204, 0, 0, 0.6);
}

#nav ul li.active a {
    background: rgba(255,255,255,0.06) !important;
    color: var(--cc-text-white) !important;
    border-bottom-color: var(--cc-accent);
}

#nav ul li a img {
    opacity: 0.6;
    transition: opacity var(--cc-transition);
    filter: brightness(0) invert(1);
    margin-right: 6px;
    vertical-align: -2px;
}

#nav ul li a:hover img,
#nav ul li.active a img {
    opacity: 1;
}

#nav ul li.divider {
    background: rgba(255,255,255,0.08) !important;
    width: 1px !important;
    height: 20px !important;
    margin: 15px 2px !important;
}
/* Hide trailing divider (last float-right item before the closing </ul>) */
#nav > ul > li.divider.float-right:last-child {
    display: none !important;
}

#nav ul li.logout a img {
    filter: brightness(0) invert(1);
    opacity: 0.5;
}

#nav ul li.logout a:hover {
    background: rgba(204, 0, 0, 0.15) !important;
    border-bottom-color: #cc0000;
}
#nav ul li.logout a:hover img {
    opacity: 1;
    filter: brightness(0) invert(1) sepia(1) saturate(10) hue-rotate(0deg) brightness(0.9);
}

/* Nav dropdowns */
#nav ul li ul.drop {
    background: var(--cc-bg-card) !important;
    border: 1px solid var(--cc-border) !important;
    border-radius: var(--cc-radius) !important;
    box-shadow: var(--cc-shadow-lg), 0 0 0 1px rgba(0,0,0,0.04);
    padding: 6px !important;
    margin-top: 0 !important;
    z-index: 9999;
}

/* Bridge the gap between nav item and dropdown with an invisible hover zone */
#nav ul li ul.drop::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
}

#nav > ul > li > ul.drop > li {
    float: none !important;
    display: block !important;
}

#nav > ul > li > ul.drop > li > a {
    float: none !important;
    display: block !important;
    color: var(--cc-text-primary) !important;
    font-weight: 400;
    font-size: 13px;
    padding: 8px 14px !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: var(--cc-radius-sm) !important;
    margin: 1px 0 !important;
}

#nav ul li ul.drop li a:hover {
    background: var(--cc-accent-light) !important;
    color: var(--cc-accent) !important;
    border: none !important;
}

/* Prominent upload link in nav dropdown */
#nav ul li ul.drop li a.cc-nav-upload-link {
    background: linear-gradient(135deg, #cc0000 0%, #990000 100%) !important;
    color: white !important;
    font-weight: 600 !important;
    border-radius: var(--cc-radius-sm) !important;
    margin-bottom: 4px !important;
    text-align: center;
}

#nav ul li ul.drop li a.cc-nav-upload-link:hover {
    background: linear-gradient(135deg, #b00000 0%, #880000 100%) !important;
    color: white !important;
}

/* ---------- Main content wrapper ---------- */
#wrap {
    background: var(--cc-bg-card) !important;
    width: 80%;
    min-width: auto !important;
    max-width: 1240px;
    margin: 0 auto;
    border-radius: 0 0 var(--cc-radius-lg) var(--cc-radius-lg) !important;
    box-shadow: var(--cc-shadow-lg) !important;
    box-sizing: border-box;
}

.contentpadding {
    padding: 20px 24px;
}

/* ---------- Category headers ---------- */
.cathead-m {
    background: linear-gradient(135deg, #cc0000 0%, #990000 100%) !important;
    height: auto !important;
    border-radius: var(--cc-radius) var(--cc-radius) 0 0 !important;
}

.cathead-l {
    background: none !important;
    padding: 14px 18px !important;
    font-family: var(--cc-font) !important;
    font-size: 13px;
    font-weight: 600;
    text-shadow: none;
    min-width: auto !important;
    height: auto !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff !important;
}
.cathead-l a, .cathead-l a:link, .cathead-l a:visited, .cathead-l a:hover {
    color: #fff !important;
}

.cathead-r {
    background: none !important;
}

.catglow {
    box-shadow: var(--cc-shadow-md) !important;
    background: var(--cc-bg-card) !important;
    border-radius: var(--cc-radius) !important;
    margin-bottom: 20px;
    border: 1px solid var(--cc-border-light);
}


/* ---------- Forum tables ---------- */
table.cat {
    border: none !important;
    border-radius: 0 0 var(--cc-radius) var(--cc-radius);
}

table.cat td {
    border-bottom: 1px solid var(--cc-border-light) !important;
    padding: 14px 16px !important;
    transition: background var(--cc-transition);
}

table.cat tr:hover td {
    background: var(--cc-bg-card-alt);
}

table.cat tr:last-child td {
    border-bottom: none !important;
}

td.forumdetails {
    font-family: var(--cc-font) !important;
    font-size: 13px;
    line-height: 1.5;
}

td.forumdetails a {
    font-weight: 600;
    color: var(--cc-text-primary);
}

td.forumdetails a:hover {
    color: var(--cc-accent);
}

.forum-descriptions {
    color: var(--cc-text-secondary) !important;
    font-size: 12px;
    margin-top: 4px;
}

/* ---------- Forum lists (phpBB default) ---------- */
.forabg, .forumbg {
    background: var(--cc-accent) !important;
    background-image: none !important;
    border-radius: var(--cc-radius) !important;
    margin-bottom: 16px;
}

/* ---------- Posts / Topics ---------- */
.vtouter {
    background: var(--cc-bg-card) !important;
    border: 1px solid var(--cc-border) !important;
    border-radius: var(--cc-radius) !important;
    padding: 0 !important;
    margin-bottom: 16px;
    box-shadow: var(--cc-shadow);
}

.vtinner {
    background: var(--cc-bg-card) !important;
    border: none !important;
    border-radius: var(--cc-radius) !important;
}

/* Post date bar — keep original height/line-height mechanics */
.vtdatebar {
    background: var(--cc-bg-card-alt) !important;
    border-bottom: 1px solid var(--cc-border-light);
}

/* Subject — no longer needs 74px padding since online/offline moved to profile */
h3.vtsubject {
    padding: 0 0 0 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: var(--cc-font) !important;
    border: none !important;
    text-transform: none !important;
}

/* Online/Offline status badges in profile panel */
.cc-status {
    display: inline-block;
    font-family: var(--cc-font);
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    letter-spacing: 0.3px;
    margin-top: 4px;
}

.cc-online {
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
}

.cc-offline {
    background: #f3f4f6;
    color: #9ca3af;
    border: 1px solid #e5e7eb;
}

h3.vtsubject a {
    color: var(--cc-text-primary);
}

h3.vtsubject a:hover {
    color: var(--cc-accent);
}

.vtdate {
    font-family: var(--cc-font) !important;
    font-size: 12px;
    color: var(--cc-text-secondary) !important;
}

/* Control buttons — ensure no extra spacing */
.vtcontrolbuttons {
    margin-bottom: 10px !important;
}

/* -- Post outer wrapper -- */
.vtouter {
    background: var(--cc-bg-card) !important;
    border: 1px solid var(--cc-border-light) !important;
    border-radius: var(--cc-radius) !important;
    margin-bottom: 16px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
    overflow: hidden;
}
.vtouter.unreadpost {
    border-left: 3px solid var(--cc-accent) !important;
}
.vtinner {
    background: none !important;
    border: none !important;
}

/* -- Date bar -- */
.vtdatebar {
    background: var(--cc-bg-card-alt) !important;
    border-bottom: 1px solid var(--cc-border-light) !important;
    padding: 8px 16px !important;
    height: auto !important;
    line-height: 1.5 !important;
}

/* -- Profile panel (left sidebar) -- */
.vtprofilepanel {
    background: #fafbfc !important;
    border-right: 1px solid var(--cc-border-light) !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 16px 12px !important;
    box-sizing: border-box;
    text-align: center;
}
.vtprofilepanel > div[style] {
    text-align: center;
}
span.vtusername {
    font-family: var(--cc-font) !important;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.3px;
    display: block;
    margin-bottom: 6px;
}
span.ranktitle {
    font-family: var(--cc-font) !important;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cc-text-secondary);
    display: block;
    margin-top: 4px;
}
.vtprofileinfo {
    font-family: var(--cc-font) !important;
    font-size: 11px;
    color: var(--cc-text-secondary);
    line-height: 1.7;
    text-align: left;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--cc-border-light);
}

/* -- Content area -- */
.vtcontent {
    padding: 16px 20px !important;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.7;
}
.vtcontent .content {
    font-family: var(--cc-font);
    font-size: 14px;
    color: var(--cc-text-primary);
    line-height: 1.7;
}

/* -- Control buttons (quote/edit/delete) -- */
.vtcontrolbuttons {
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    border-top: 1px solid var(--cc-border-light);
}
.vtcontrolbuttons ul.profile-icons {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.vtcontrolbuttons ul.profile-icons li a {
    border-radius: 4px;
    padding: 4px 6px;
    transition: background 0.15s;
}
.vtcontrolbuttons ul.profile-icons li a:hover {
    background: var(--cc-bg-card-alt);
}

/* -- Online/offline status badges -- */
.cc-status {
    display: inline-block;
    font-family: var(--cc-font);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-top: 6px;
}
.cc-online {
    background: #ecfdf5;
    color: #059669;
}
.cc-offline {
    background: #f3f4f6;
    color: #9ca3af;
}

h3.vtsubject {
    font-family: var(--cc-font) !important;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--cc-text-secondary);
    padding-left: 0 !important;
}

/* Quotes */
.vtquote, .vtquote .vtquote .vtquote {
    background: var(--cc-bg-card-alt) !important;
    border: none !important;
    border-radius: var(--cc-radius) !important;
    border-left: 3px solid var(--cc-accent) !important;
    padding: 14px 16px !important;
    font-style: normal !important;
    color: var(--cc-text-secondary);
    margin: 12px 0 12px 8px !important;
}

.vtquote .vtquote {
    background: #f4f5f7 !important;
    border-left-color: var(--cc-accent-secondary) !important;
}

.vtquotecite {
    font-weight: 600;
    color: var(--cc-accent);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 6px;
}

/* Code blocks */
.vtcodebox {
    background: var(--cc-bg-card-alt) !important;
    border: 1px solid var(--cc-border) !important;
    border-radius: var(--cc-radius) !important;
    overflow: hidden;
}

.vtcodeselect {
    background: none !important;
    padding: 8px 12px !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cc-text-secondary);
}

.vtcodeinner {
    border: none !important;
    background: #1e1e2e !important;
    color: #cdd6f4 !important;
    font-family: var(--cc-font-mono);
    font-size: 13px;
    line-height: 1.6;
    border-radius: 0 !important;
    padding: 16px !important;
}

/* ---------- Statistics / Info panels ---------- */
.statspanel {
    border: 1px solid var(--cc-border) !important;
    border-radius: var(--cc-radius) !important;
    padding: 14px 14px 14px 52px !important;
    background-color: var(--cc-bg-card) !important;
    transition: all var(--cc-transition);
}

.statspanel:hover {
    box-shadow: var(--cc-shadow-md);
    border-color: var(--cc-accent) !important;
}

.statbubble {
    background: var(--cc-accent-light) !important;
    border-radius: var(--cc-radius) !important;
    width: auto !important;
    height: auto !important;
    padding: 8px 12px !important;
    font-family: var(--cc-font) !important;
    color: var(--cc-accent) !important;
}

.statbubble span {
    font-family: var(--cc-font) !important;
    color: var(--cc-accent) !important;
    font-weight: 800;
}


/* ---------- MCP/UCP — Minimal overrides, preserve base cp.css layout ---------- */
/* Only font and accent color improvements — no layout changes */
.section-mcp #cp-main h2,
.section-mcp #cp-main h3,
.section-ucp #cp-main h2,
.section-ucp #cp-main h3 {
    font-family: var(--cc-font);
}
.section-mcp .linkmcp {
    font-family: var(--cc-font);
    font-size: 13px;
}
.section-mcp .linkmcp a {
    color: var(--cc-accent);
}

/* Clearfix for CP float layout */
.panel.bg3 > .inner::after {
    content: '';
    display: table;
    clear: both;
}

/* ---------- Panels ---------- */
.panel {
    background: var(--cc-bg-card-alt) !important;
    border-radius: var(--cc-radius) !important;
    color: var(--cc-text-primary);
    border: 1px solid var(--cc-border-light);
}

/* ---------- UCP / Points Tabs ---------- */
#tabs {
    background: var(--cc-bg-medium) !important;
    border-radius: var(--cc-radius) var(--cc-radius) 0 0 !important;
    padding: 0 12px !important;
    margin-bottom: 0 !important;
    border: none !important;
}
#tabs ul { margin: 0 !important; padding: 0 !important; list-style: none !important; display: flex !important; gap: 2px; }
#tabs li { margin: 0 !important; padding: 0 !important; background: none !important; float: none !important; display: block; }
#tabs a, #tabs a:link, #tabs a:visited {
    background: none !important;
    background-image: none !important;
    display: block !important;
    padding: 12px 18px !important;
    text-decoration: none !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s;
    float: none !important;
}
#tabs a span {
    background: none !important;
    background-image: none !important;
    color: rgba(255,255,255,0.55) !important;
    font-family: var(--cc-font) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    border: none !important;
}
#tabs a:hover span { color: rgba(255,255,255,0.85) !important; }
#tabs .activetab a, #tabs .activetab a:link, #tabs .activetab a:visited {
    border-bottom-color: #cc0000 !important;
    background: none !important;
    background-image: none !important;
}
#tabs .activetab a span {
    color: white !important;
    font-weight: 600 !important;
}
#tabs .activetab a:hover span { color: white !important; }

/* UCP Layout */
.panel.bg3 {
    background: var(--cc-bg-card) !important;
    border-radius: 0 0 var(--cc-radius) var(--cc-radius);
    border-top: none;
}
/* Points sub-pages — stack sidebar above main, clean styling */
.section-points .panel.bg3 > .inner {
    display: flex !important;
    flex-direction: column !important;
}
.section-points .panel.bg3 { margin-top: 12px !important; }
.section-points #cp-menu {
    float: none !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}
.section-points #cp-menu .cp-mini .inner,
.section-points #cp-menu #navigation {
    background: #f8f9fc !important;
    border: 1px solid var(--cc-border-light) !important;
    border-radius: var(--cc-radius-sm) !important;
    padding: 14px 18px !important;
}
.section-points #cp-menu .cp-mini h3,
.section-points #cp-menu .cp-mini dd h3 {
    font-family: var(--cc-font) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--cc-text-secondary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 8px !important;
}
.section-points #cp-menu .cp-mini dd {
    font-family: var(--cc-font);
    font-size: 13px;
    color: var(--cc-text-primary);
    line-height: 1.6;
}
.section-points #cp-menu .cp-mini dl { margin: 0; padding: 0; }
.section-points #cp-menu .cp-mini dt {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px 0 !important;
}
.section-points #cp-menu .cp-mini dt span {
    float: none !important;
    padding: 2px 8px !important;
    font-family: var(--cc-font);
    font-size: 13px;
}
.section-points #cp-menu .cp-mini dt br { display: none !important; }
.section-points #cp-menu .cp-mini .corners-top,
.section-points #cp-menu .cp-mini .corners-bottom { display: none !important; }

.section-points #cp-main {
    float: none !important;
    width: 100% !important;
}
.section-points #cp-main h2 {
    font-family: var(--cc-font) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    margin: 0 0 14px !important;
}
.section-points #cp-main h3 {
    font-family: var(--cc-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 8px 0 !important;
}
.section-points #cp-main .panel {
    background: white !important;
    border: 1px solid var(--cc-border-light) !important;
}
.section-points #cp-main fieldset {
    padding: 0 16px 16px;
}
.section-points #cp-main fieldset dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f1f3;
    margin: 0;
}
.section-points #cp-main fieldset dl:last-child { border-bottom: none; }
.section-points #cp-main fieldset dl dt {
    font-family: var(--cc-font);
    font-size: 13px;
    color: var(--cc-text-primary);
    flex: 1;
}
.section-points #cp-main fieldset dl dd {
    font-family: var(--cc-font);
    font-size: 13px;
    font-weight: 600;
    color: var(--cc-text-primary);
    text-align: right;
    margin: 0;
    padding: 0;
}
.section-points #cp-main p {
    font-family: var(--cc-font);
    font-size: 14px;
    padding: 12px 16px;
    margin: 0;
}

/* Clearfix for CP layout floats */
.panel.bg3 > .inner::after {
    content: '';
    display: table;
    clear: both;
}

.headerbar {
    background: linear-gradient(135deg, #cc0000 0%, #990000 100%) !important;
    border-radius: var(--cc-radius) var(--cc-radius) 0 0;
}

/* ---------- Forms & Inputs ---------- */
input.inputbox, select, textarea, #message-box textarea {
    border: 1.5px solid var(--cc-border) !important;
    border-radius: var(--cc-radius-sm) !important;
    background: var(--cc-bg-card) !important;
    padding: 10px 14px !important;
    font-family: var(--cc-font);
    font-size: 13px;
    color: var(--cc-text-primary);
    transition: border-color var(--cc-transition), box-shadow var(--cc-transition);
}

input.inputbox:hover, select:hover, textarea:hover {
    border-color: #cbd5e1 !important;
}

input.inputbox:focus, select:focus, textarea:focus, #message-box textarea:focus {
    border-color: var(--cc-accent) !important;
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.12) !important;
    outline: none;
}

/* Buttons */
a.button1, input.button1 {
    background: var(--cc-accent) !important;
    color: var(--cc-text-white) !important;
    border: none !important;
    border-radius: var(--cc-radius-sm) !important;
    padding: 10px 20px !important;
    font-family: var(--cc-font);
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all var(--cc-transition);
    text-shadow: none;
    letter-spacing: 0.2px;
}

input.button2, input.button3 {
    background: var(--cc-bg-card) !important;
    color: var(--cc-text-primary) !important;
    border: 1.5px solid var(--cc-border) !important;
    border-radius: var(--cc-radius-sm) !important;
    padding: 9px 18px !important;
    font-family: var(--cc-font);
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    transition: all var(--cc-transition);
    text-shadow: none;
}

a.button1:hover, input.button1:hover {
    background: var(--cc-accent-hover) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(204, 0, 0, 0.3);
    transform: translateY(-1px);
}

input.button2:hover, input.button3:hover {
    background: var(--cc-bg-card-alt) !important;
    border-color: var(--cc-accent) !important;
    color: var(--cc-accent) !important;
}

a.button1:active, input.button1:active {
    background: #800000 !important;
    transform: translateY(0);
    box-shadow: none;
}

/* ---------- Pagination ---------- */
.pagination span a, .pagination span strong {
    border-radius: var(--cc-radius-sm) !important;
    font-family: var(--cc-font);
    font-weight: 500;
    padding: 6px 10px !important;
}

.pagination span strong {
    background: var(--cc-accent) !important;
    color: var(--cc-text-white) !important;
    border-color: var(--cc-accent) !important;
}

.pagination span a:hover {
    background: var(--cc-accent-light) !important;
    color: var(--cc-accent) !important;
}

/* ---------- Breadcrumbs / Navbar ---------- */
.navbar {
    background: var(--cc-bg-card-alt) !important;
    border-bottom: 1px solid var(--cc-border-light);
    padding: 4px 0;
}

.navbar a {
    font-weight: 500;
}

/* ---------- Footer ---------- */
.footer {
    background: none !important;
    color: rgba(255,255,255,0.4) !important;
    text-shadow: none !important;
    padding: 30px 0 !important;
    font-size: 12px;
}

.footer a {
    color: rgba(255,255,255,0.6) !important;
}

.footer a:hover {
    color: var(--cc-accent) !important;
}

/* ---------- Notices ---------- */
.red-notice {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    border-left: 3px solid var(--cc-danger) !important;
    border-radius: var(--cc-radius) !important;
    color: var(--cc-danger) !important;
    font-family: var(--cc-font);
    padding: 14px 18px !important;
}

/* ---------- User dropdown ---------- */
.userdrop {
    border-radius: var(--cc-radius) !important;
    box-shadow: var(--cc-shadow-lg) !important;
}

/* ---------- Exchange-specific overrides ---------- */
.page_divider {
    border-color: var(--cc-border) !important;
}

/* ---------- Topic list enhancements ---------- */
dd.lastpost {
    font-family: var(--cc-font) !important;
    color: var(--cc-text-secondary);
    font-size: 12px;
}

dd.topics, dd.posts, dd.views {
    font-family: var(--cc-font) !important;
    font-weight: 700;
    color: var(--cc-text-primary);
}

dd.topics span, dd.posts span, dd.views span {
    font-size: 11px;
    color: var(--cc-text-secondary);
    font-weight: 400;
}

span.fade {
    color: var(--cc-text-secondary) !important;
}

/* ---------- Profile icons ---------- */
ul.profile-icons li a {
    border-radius: var(--cc-radius-sm);
    transition: opacity var(--cc-transition);
}

ul.profile-icons li a:hover {
    opacity: 0.7;
}

/* ---------- HR ---------- */
hr {
    border-color: var(--cc-border-light) !important;
    border-top-color: var(--cc-border) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    #wrap {
        min-width: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    #nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #nav ul {
        white-space: nowrap;
        width: auto !important;
    }

    #nav ul li {
        display: inline-block;
        float: none !important;
    }

    #nav ul li.float-right {
        float: none !important;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    #header h1 {
        font-size: 22px;
        padding: 18px 16px;
    }

    .quicksearch {
        margin: 20px 16px !important;
    }

    .contentpadding {
        padding: 12px;
    }

    .vtprofilepanel {
        width: 100% !important;
        float: none !important;
        border-right: none !important;
        border-bottom: 1px solid var(--cc-border-light) !important;
        border-radius: 0 !important;
    }

    .vtcontent {
        width: 100% !important;
        float: none !important;
    }

    h3.vtsubject {
        padding-left: 0 !important;
    }

    table.cat td {
        padding: 10px !important;
    }

    #nav ul li a {
        padding: 12px 14px;
        font-size: 12px;
    }
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

/* --- Tablet (1024px) --- */
@media (max-width: 1024px) {
    html, body {
        overflow-x: hidden !important;
    }
    #wrap {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }
    /* Hide reply/view count columns in topic lists */
    dd.posts, dd.views, dd.mark {
        display: none !important;
    }
    /* Widen topic title and lastpost */
    ul.topiclist dt {
        width: 60% !important;
    }
    dd.lastpost {
        width: 40% !important;
    }
}

/* --- Mobile (768px) --- */
@media (max-width: 768px) {
    *, *::before, *::after {
        box-sizing: border-box !important;
    }
    html, body, #wrap, #page-body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    #header, #nav, .contentpadding, #page-body {
        max-width: 100% !important;
    }

    /* -- Global -- */
    .contentpadding {
        padding: 10px !important;
    }

    /* -- Navigation -- */
    #nav ul {
        display: flex !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
        width: 100% !important;
    }
    #nav ul li {
        float: none !important;
        display: inline-block !important;
    }
    #nav ul li.divider {
        display: none !important;
    }
    #nav ul li.float-right {
        float: none !important;
    }
    #nav ul li a {
        padding: 10px 12px !important;
        font-size: 11px !important;
    }
    #nav ul li ul.drop,
    #nav ul li:hover ul.drop,
    #nav ul li ul.drop:hover {
        display: none !important;
    }
    .cc-notify-panel {
        width: calc(100vw - 20px) !important;
        right: 10px !important;
        max-height: 70vh;
        overflow-y: auto;
    }

    /* -- Header -- */
    #header {
        padding: 0 !important;
    }
    .cc-header-logo {
        padding: 12px 16px !important;
    }
    .quicksearch {
        display: none !important;
    }
    .cc-ribbon-wrap {
        display: none !important;
    }

    /* -- Forum Index & Topic Lists (table.cat) -- */
    table.cat,
    table.cat tbody,
    table.cat tr {
        display: block !important;
        width: 100% !important;
    }
    table.cat td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    td.forumicon {
        display: none !important;
    }
    td.forumtopics, td.forumposts {
        display: none !important;
    }
    td.forumlastpost,
    table.cat tr td:last-child {
        font-size: 11px !important;
        padding: 4px 12px 10px !important;
        border-bottom: 1px solid var(--cc-border-light) !important;
    }
    td.forumdetails {
        padding: 10px 12px 4px !important;
    }
    .statbubble {
        display: none !important;
    }
    .cathead-l, .catfoot-l {
        font-size: 12px !important;
        padding: 10px 12px !important;
    }

    /* -- Topic List (ul.topiclist) -- */
    ul.topiclist dt {
        float: none !important;
        width: 100% !important;
        padding-right: 0 !important;
    }
    ul.topiclist dd {
        float: none !important;
        width: auto !important;
        border-left: none !important;
    }
    dd.posts, dd.views, dd.mark {
        display: none !important;
    }
    dd.lastpost {
        width: 100% !important;
        padding: 4px 10px 10px !important;
        font-size: 11px !important;
    }
    dl.icon {
        padding-left: 0 !important;
        background-position: 4px 12px !important;
        background-size: 20px !important;
    }

    /* -- Topic Actions (pagination, buttons) -- */
    .topic-actions, .action-bar {
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding: 8px !important;
    }
    .topic-actions .buttons,
    .topic-actions .search-box,
    .action-bar .buttons {
        float: none !important;
        width: auto !important;
    }
    .pagination {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    fieldset.quick-login input.inputbox {
        width: 100% !important;
        margin-bottom: 4px !important;
    }

    /* -- View Topic: Posts -- */
    .vtdatebar .floatleft,
    .vtdatebar .floatright {
        float: none !important;
        display: block !important;
    }
    .vtcontrolbuttons {
        float: none !important;
        text-align: left !important;
        padding: 8px 0 !important;
    }
    .vtquote {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
    .vtcodeinner {
        overflow-x: auto !important;
    }
    .vtprofilepanel > div[style] {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
        text-align: left !important;
    }
    .vtprofileinfo {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px 12px !important;
    }
    .vtprofileinfo strong {
        white-space: nowrap;
    }

    /* -- Posting Form -- */
    #smiley-box {
        float: none !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
    #message-box {
        width: 100% !important;
    }
    #message-box textarea {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    fieldset.fields1 dt,
    fieldset.fields2 dt {
        width: 100% !important;
        float: none !important;
        margin-bottom: 4px !important;
    }
    fieldset.fields1 dd,
    fieldset.fields2 dd {
        margin-left: 0 !important;
    }
    fieldset dd {
        margin-left: 0 !important;
    }
    fieldset.submit-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: center !important;
    }
    input, input.inputbox, input.autowidth, select, select.autowidth, textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    table {
        max-width: 100% !important;
        table-layout: fixed;
        word-wrap: break-word;
    }
    pre, code {
        max-width: 100% !important;
        overflow-x: auto !important;
        word-wrap: break-word;
    }

    /* -- UCP / MCP sidebar -- */
    #cp-menu {
        float: none !important;
        width: 100% !important;
        margin-bottom: 12px !important;
    }
    #cp-main {
        float: none !important;
        width: 100% !important;
    }

    /* -- Search Results -- */
    .search .postbody {
        float: none !important;
        width: 100% !important;
    }
    .search .postprofile {
        float: none !important;
        width: 100% !important;
    }

    /* -- Memberlist table -- */
    table.table1 {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* -- Breadcrumbs -- */
    #nav-breadcrumb, .navlinks {
        font-size: 11px !important;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* -- Images in posts -- */
    .content img, .postbody img, .signature img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* -- Poll bars -- */
    .resultbar {
        max-width: 100% !important;
    }

    /* -- Footer stats/info -- */
    .statspanel {
        padding-left: 10px !important;
        background-image: none !important;
    }

    /* -- Display options forms -- */
    fieldset.display-options {
        text-align: center !important;
    }
    fieldset.display-options select {
        max-width: 45% !important;
    }

    /* -- Profile view (memberlist_view) -- */
    .left-box, .right-box {
        float: none !important;
        width: 100% !important;
    }
}

/* --- Small Phone (480px) --- */
@media (max-width: 480px) {
    .contentpadding {
        padding: 6px !important;
    }
    #header h1 {
        font-size: 18px !important;
        padding: 14px 12px !important;
    }
    #nav ul li a {
        padding: 8px 10px !important;
        font-size: 10px !important;
    }
    td.forumdetails, td.forumlastpost {
        padding: 6px 8px !important;
    }
    .vtprofilepanel {
        padding: 8px !important;
    }
    h1 a {
        font-size: 18px !important;
    }
    .cc-dt-hero-name {
        font-size: 18px !important;
    }
}

/* ---------- Scrollbar styling ---------- */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--cc-bg-card-alt);
}

::-webkit-scrollbar-thumb {
    background: #c8cdd5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a0a8b4;
}

/* ---------- Selection styling ---------- */
::selection {
    background: var(--cc-accent);
    color: var(--cc-text-white);
}

/* ---------- Smooth transitions on interactive elements ---------- */
a, button, input, select, textarea {
    transition: all var(--cc-transition);
}

/* ---------- Notification Bell & Panel ---------- */
.cc-notify-li {
    position: relative;
}

.cc-notify-btn {
    position: relative;
    cursor: pointer;
    color: var(--cc-text-light) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

.cc-notify-btn svg {
    vertical-align: middle;
    filter: none !important;
    fill: currentColor;
}

.cc-notify-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}

.cc-notify-on {
    background: var(--cc-success);
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.5);
}

.cc-notify-off {
    background: #555;
}

/* Notification Settings Panel */
.cc-notify-panel {
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    background: var(--cc-bg-card);
    border: 1px solid var(--cc-border);
    border-radius: var(--cc-radius);
    box-shadow: var(--cc-shadow-lg);
    z-index: 10000;
    overflow: hidden;
    margin-top: 8px;
}

.cc-np-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: var(--cc-charcoal);
    color: white;
    font-family: var(--cc-font);
    font-weight: 600;
    font-size: 13px;
}

.cc-np-close {
    color: rgba(255,255,255,0.5) !important;
    font-size: 20px;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    padding: 0 4px;
}

.cc-np-close:hover {
    color: white !important;
}

.cc-np-section {
    padding: 10px 16px 6px;
    font-family: var(--cc-font);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--cc-text-secondary);
}

.cc-np-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--cc-border-light);
    font-family: var(--cc-font);
    font-size: 13px;
    color: var(--cc-text-primary);
}

.cc-np-row:last-child {
    border-bottom: none;
}

.cc-np-main-toggle {
    background: var(--cc-bg-card-alt);
    font-weight: 600;
}

/* Toggle Switch */
.cc-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}

.cc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cc-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #ccc;
    border-radius: 22px;
    transition: 0.2s;
}

.cc-slider::before {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.cc-switch input:checked + .cc-slider {
    background: var(--cc-accent);
}

.cc-switch input:checked + .cc-slider::before {
    transform: translateX(18px);
}

/* ---------- Content images max width ---------- */
.content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--cc-radius-sm);
}

/* ==========================================================================
   STYLED HTML BUTTONS — Replacing image-based buttons
   ========================================================================== */

/* ---------- Big Action Buttons (Reply, New Topic, Locked) ---------- */
.buttons div.reply-icon,
.buttons div.post-icon,
.buttons div.locked-icon,
.buttons div.pmreply-icon,
.buttons div.newpm-icon,
.buttons div.forwardpm-icon {
    width: auto !important;
    height: auto !important;
    background: none !important;
    margin: 0 6px 0 0;
}

.buttons div.reply-icon span,
.buttons div.post-icon span,
.buttons div.locked-icon span,
.buttons div.pmreply-icon span,
.buttons div.newpm-icon span,
.buttons div.forwardpm-icon span {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    cursor: pointer;
}

.buttons div.reply-icon a,
.buttons div.post-icon a,
.buttons div.pmreply-icon a,
.buttons div.newpm-icon a,
.buttons div.forwardpm-icon a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(180deg, var(--cc-accent) 0%, var(--cc-accent-hover) 100%) !important;
    color: white !important;
    font-family: var(--cc-font);
    font-weight: 600;
    font-size: 13px;
    padding: 9px 18px;
    border-radius: var(--cc-radius-sm);
    border: 1px solid var(--cc-accent-hover);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.12);
    text-decoration: none;
    transition: all var(--cc-transition);
    overflow: visible;
    text-indent: 0 !important;
}

.buttons div.reply-icon a:hover,
.buttons div.post-icon a:hover,
.buttons div.pmreply-icon a:hover,
.buttons div.newpm-icon a:hover,
.buttons div.forwardpm-icon a:hover {
    background: linear-gradient(180deg, #bb0000 0%, #880000 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 3px 8px rgba(204,0,0,0.3);
    transform: translateY(-1px);
}

.buttons div.reply-icon a:hover span,
.buttons div.post-icon a:hover span,
.buttons div.pmreply-icon a:hover span,
.buttons div.newpm-icon a:hover span,
.buttons div.forwardpm-icon a:hover span {
    background: none !important;
}

.buttons div.reply-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.598 5.013a.144.144 0 0 1 .202.134V6.3a.5.5 0 0 0 .5.5c.667 0 2.013.005 3.3.822.984.624 1.99 1.76 2.595 3.876C12.075 9.833 10.607 8.85 9.3 8.5a.5.5 0 0 0-.5.5v1.15a.144.144 0 0 1-.202.134L4.14 8.017a.137.137 0 0 1 0-.268z'/%3E%3C/svg%3E");
}

.buttons div.post-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/svg%3E");
}

/* Locked button — different style */
.buttons div.locked-icon a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(180deg, #6b7280 0%, #4b5563 100%) !important;
    color: white !important;
    font-family: var(--cc-font);
    font-weight: 600;
    font-size: 13px;
    padding: 9px 18px;
    border-radius: var(--cc-radius-sm);
    border: 1px solid #4b5563;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15), 0 1px 3px rgba(0,0,0,0.12);
    text-decoration: none;
    transition: all var(--cc-transition);
    overflow: visible;
    text-indent: 0 !important;
    cursor: default;
}

.buttons div.locked-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}

.buttons div.locked-icon a:hover span {
    background: none !important;
}

/* ---------- Small Post Action Icons (Quote, Edit, Delete, Report, etc.) ---------- */
ul.profile-icons {
    padding-top: 0 !important;
}

.postbody ul.profile-icons {
    display: flex;
    gap: 4px;
    align-items: center;
}

ul.profile-icons li {
    background: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

ul.profile-icons li span {
    display: inline !important;
    position: static !important;
    font-family: var(--cc-font);
    font-size: 11px;
    font-weight: 500;
}

ul.profile-icons li a {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(180deg, #ffffff 0%, #f3f4f6 100%) !important;
    color: var(--cc-text-secondary) !important;
    font-family: var(--cc-font);
    font-size: 11px;
    font-weight: 500;
    padding: 4px 10px;
    border-radius: var(--cc-radius-sm);
    border: 1px solid var(--cc-border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.05);
    text-decoration: none !important;
    transition: all var(--cc-transition);
    white-space: nowrap;
}

ul.profile-icons li a:hover {
    background: linear-gradient(180deg, #ffffff 0%, #e9ecf0 100%) !important;
    border-color: #c8cdd5 !important;
    color: var(--cc-text-primary) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 4px rgba(0,0,0,0.08);
}

/* Icon-specific SVG before pseudo-elements */
ul.profile-icons li.quote-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0M6.534 5.534a.75.75 0 0 0-.534.23L4.5 7.264V5.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1H5.236L6.764 6.47a.75.75 0 0 0-.23-.936z'/%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

ul.profile-icons li.edit-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293z'/%3E%3C/svg%3E");
}

ul.profile-icons li.delete-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z'/%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z'/%3E%3C/svg%3E");
}

ul.profile-icons li.report-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12 12 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A20 20 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a20 20 0 0 0 1.349-.476l.019-.007.004-.002z'/%3E%3C/svg%3E");
}

ul.profile-icons li.info-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0'/%3E%3C/svg%3E");
}

ul.profile-icons li.warn-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2'/%3E%3C/svg%3E");
}

/* PM icon */
ul.profile-icons li.pm-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z'/%3E%3C/svg%3E");
}

/* Email icon */
ul.profile-icons li.email-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2zm3.708 6.208L1 11.105V5.383zM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2z'/%3E%3C/svg%3E");
}

/* Web icon */
ul.profile-icons li.web-icon a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7.02 7.02 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49a7 7 0 0 0 .656 2.5zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.02 7.02 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z'/%3E%3C/svg%3E");
}

/* ---------- Index links ---------- */
.indexlinks {
    color: var(--cc-text-secondary) !important;
}

.indexlinks a {
    color: var(--cc-link);
}