/*
	phpBB 3.0 Style Sheet
	--------------------------------------------------------------
	Style name:				Black Pearl
	Based on style:		subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:			Mighty Gorgon ( http://www.icyphoenix.com )

	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
	--------------------------------------------------------------
*/

@import url("fap.css");
@import url("gallery.css");

/* === Layout === */

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

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #CCCCCC;
	background-color: #111111;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0px 10px 0px 10px;
}

#wrapcentre {
	margin: 15px 15px 0 15px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapper{
	/* clear: both; */
	margin: 0 auto;
	width: 960px;
	/* width: 90%; */
}

#top_logo{
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/top_header.png') repeat;
	height: 99px;
}

#bottom_logo_ext{
	border-top: 1px solid #444444;
	border-bottom: 1px solid #555555;
}

#bottom_logo{
	border: 0px solid #181818;
	background: url('./images/bg_footer.gif') repeat;
}

.leftshadow{
	background: url('./images/shadow_left.gif') repeat-y;
	padding: 0px;
	/*margin-left: 10px;*/
	width: 9px;
	vertical-align: top;
}

.trophy-title {
	color: #FFCC33;
	font-weight:bold
}

.rightshadow{
	background: url('./images/shadow_right.gif') repeat-y;
	padding: 0px;
	/*margin-right: 10px;*/
	width: 9px;
	vertical-align: top;
}

.forum-buttons {
	color: #FFCC33;
	background: #111111 url('./images/bg_buttons.gif') top left repeat-x;
	border-top: solid 1px #DD2222;
	border-bottom: solid 1px #DD2222;
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0px;
	padding-top: 6px;
}

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

#datebar {
	margin: 10px 25px 0 25px;
}

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

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

.forumrules h3 {
	color: #DD2222;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

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


/* === Text === */

h1 {
	color: #FFCC33;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

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

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

h4 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

p {
	font-size: 1.1em;
}

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

.rtl p.moderators {
	float: right;
}

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

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: #FFCC33;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

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

.rtl p.datetime {
	float: left;
}

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

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

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

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

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

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #FFCC33;
}

.postdetails {
	color: #FFCC33;
}

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

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

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

.posthilit {
	background-color: #00FF00;
}

.nav {
	margin: 0;
	color: #FFCC33;
	font-weight: bold;
}

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

.cattitle {

}

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

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

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

.copyright {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 1.0em;
	color: #FFCC33;
	vertical-align: middle;
}

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

.error {
	color: #CC3333;
}


/* === Tables === */

.tbl-title {
	color: #FFCC33;
	margin-top: 6px;
}

.tbl-h-c {
	background: url('./images/tbl_h_c.gif') bottom left repeat-x;
	height: 30px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-h-l {
	background: url('./images/tbl_h_l.gif') bottom left no-repeat;
	padding-left: 27px;
}

.tbl-h-r {
	background: url('./images/tbl_h_r.gif') bottom right no-repeat;
	padding-right: 27px;
}

.tbl-f-c {
	background: url('./images/tbl_f_c.gif') bottom left repeat-x;
	height: 12px;
	font-size: 0.1em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-f-l {
	background: url('./images/tbl_f_l.gif') bottom left no-repeat;
	padding-left: 10px;
}

.tbl-f-r {
	background: url('./images/tbl_f_r.gif') bottom right no-repeat;
	padding-right: 10px;
}

th {
	color: #FFCC33;
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}

td.profile {
	padding: 4px;
}

td.np {
	padding: 0px;
}

td.np-body {
	background-color: #111111;
	padding: 0px;
}

.tablebg {
	background-color: #111111;
	border: solid 1px #555555;
}

.tablebg th{
	color: #FFCC33;
	background: #111111 url('./images/bg_th.gif') top left repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding: 0 5px;
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	white-space: nowrap;
}

.cat {
	color: #0088FF;
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	height: 26px;
	margin: 0;
	padding: 0;
	text-indent: 4px;
}

.cat h4 a, .cat h4 a:visited {
	color: #FFCC33;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.cat h4 a:hover, .cat h4 a:active {
	color: #DD2222;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

.cat-bottom {
	background: #111111 url('./images/bg_catbottom.gif') top left repeat-x;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	height: 28px;
	min-height: 28px;
	text-align: center;
	padding: 0px;
}

.catdiv {
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #181818;
	border-right-color: #444444;
	border-bottom-color: #444444;
	height: 26px;
	margin: 0;
	padding: 0;
}

.rtl .catdiv {
	background-color: #111111;
	background-image: url('./images/bg_th.gif');
}

.row1, .row2, .row3, .row4 {
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	padding: 4px;
}

.row1 {
	background-color: #080808;
}

.row2 {
	background-color: #121212;
}

.row3 {
	background-color: #232323;
}

.row4 {
	background-color: #323232;
}

.row-post-top {
	background-color: #111111;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: top;
}

.row-post-body {
	background: #000000 url('./images/bg_post.gif') top left repeat-x;
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: top;
}

.row-post-bottom {
	color: #666666;
	background: #000000 url('./images/bg_postbottom.gif');
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	vertical-align: middle;
	font-size: 1.0em;
	line-height: 1.2em;
	white-space: nowrap;
	padding: 1px;
}

.spacer {
	background-color: #FF8800;
	background-image: url('./images/bg_spacerow.gif');
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
	height: 4px;
	padding: 0;
}

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

.legend {
	text-align: center;
	margin: 0 auto;
	border: solid 1px #181818;
	background-color: #111111;
}


/* === Links === */

a:link {
	color: #FFCC33;
	text-decoration: none;
}

a:active,
a:visited {
	color: #FFCC33;
	text-decoration: none;
}

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

a.forumlink, a.forumlink:visited {
	color: #FFCC33;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.forumlink:hover, a.forumlink:active {
	color: #DD2222;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

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

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

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

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

a.subforum.read {
	background-image: url('./images/subforum_read.gif');
	background-repeat: no-repeat;
	background-position: 3px;
	padding-left: 12px;
}

a.subforum.unread {
	background-image: url('./images/subforum_unread.gif');
	background-repeat: no-repeat;
	background-position: 3px;
	padding-left: 12px;
}

.forum-buttons a, .forum-buttons a:visited {
	color: #FFCC33;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}

.forum-buttons a:hover, .forum-buttons a:active {
	color: #DD2222;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}


/* === Form Elements === */

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: blue;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

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

select {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

input:hover, textarea:hover, select:hover {
	color: #DD2222;
	background-color: #232323;
	border: solid 1px #FFCC33;
}

input:focus, textarea:focus, select:focus {
	color: #FFCC33;
	background-color: #111111;
	border: solid 1px #DD2222;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: #888888;
}

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

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

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

.btnbbcode {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

.btnmain {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1px;
	cursor: pointer;
}

.btnlite {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	cursor: pointer;
}

.btnfile {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #CCCCCC;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

btnmain:hover, btnlite:hover, btnfile:hover, btnbbcode:hover {
	color: #DD2222;
	background-color: #232323;
	border: solid 1px #FFCC33;
}

btnmain:focus, btnlite:focus, btnfile:focus, btnbbcode:hover {
	color: #FFCC33;
	background-color: #111111;
	border: solid 1px #DD2222;
}


.helpline {
	color: #FFCC33;
	background-color: #111111;
	border: 1px solid #555555;
}


/* === PM === */

.popuppm-new a {
	color: #FFCC33;
	background: #000000 url('./images/bg_post.gif') top left repeat-x;
	border: solid 1px #444444;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0;
	padding: 40px 60px;
}

.popuppm-new a:hover {
	color: #DD2222;
	border: solid 1px #DD2222;
	text-decoration: underline;
}

a.pm-new-link, a.pm-new-link:visited {
	color: #0088FF;
	text-decoration: underline;
}

a.pm-new-link:hover, a.pm-new-link:active {
	color: #DD2222;
	text-decoration: underline;
}

.pm-bg-color {
	background-color: #666666;
}


/* === BBCode === */

.quotetitle {
	color: #FFDD99;
	background: #FF9933 url('./images/bbc_quote.gif') no-repeat right;
	border: 1px solid #555555;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	width: 90%;
	margin-top: 10px;
}

.attachtitle {
	color: #446688;
	background: #AACCFF url('./images/bbc_zip.gif') no-repeat right;
	border: 1px solid #555555;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	width: 90%;
	margin-top: 10px;
}

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

.quotecontent, .attachcontent {
	background: #232323;
	border: 1px solid #555555;
	border-top: 0;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	padding: 5px;
	width: 90%;
	overflow: auto;
	direction: ltr;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	color: #FFDD99;
	background: #119933 url('./images/bbc_code.gif') no-repeat right;
	border: 1px solid #555555;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding: 5px;
	width: 90%;
}

.codecontent {
	color: #00FF00;
	background: #232323;
	border: 1px solid #555555;
	border-top: 0;
	font-family: 'Courier New', Monaco, monospace;
	font-size: 0.85em;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	width: 90%;
	height: 100px;
	overflow: auto;
	direction: ltr;
}

.syntaxbg {
	color: #FFCC33;
}

.syntaxcomment {
	color: #FF8800;
}

.syntaxdefault {
	color: #FFCC33;
}

.syntaxhtml {
	color: #FFCC33;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD2222;
}


/* === Navigation === */

.bc-tbl {
	border: solid 1px #555555;
	background-color: #111111;
	margin: 5px 0;
}

.bc-header {
	color: #FFCC33;
	background: #111111 url('./images/bg_nav1.gif');
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px;
}

.bc-links {
	color: #999999;
	background: #111111 url('./images/bg_nav2.gif') top left repeat-x;
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: right;
	padding: 3px 5px;
}

.bc-links-left {
	position: relative;
	float: left;
	text-align: left;
}

.bc-header, .bc-links {
	border: solid 1px #181818;
	border-right-color: #222222;
	border-bottom-color: #222222;
}

.bc-div a, .bc-div a:visited {
	color: #FFCC33;
	text-decoration: none;
}

.bc-div a:hover, .bc-div a:active {
	color: #DD2222;
	text-decoration: none;
}

.bc-links a, .bc-links a:visited, .bc-links a:hover{ text-decoration: underline; }

.bc-div a.nav-current, .bc-div a.nav-current:visited {
	color: #0088FF;
}

.bc-div a.nav-current:hover, .bc-div a.nav-current:active {
	color: #DD2222;
	text-decoration: none;
}


/* === Private messages === */

.pm_marked_colour {
	background-color: #333333;
}

.pm_replied_colour {
	background-color: #DDEEFF;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD2222;
}


/* === Misc === */

img {
	border: none;
}

.sep {
	color: #FFCC33;
	background-color: #0088FF;
}

table.colortable td {
	padding: 0;
}

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

.nowrap {
	white-space: nowrap;
}

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

.rtl a.feed-icon-forum {
	float: left;
}


.rtl a.watch-icon-forum {
	float: left;
}


a.feed-icon-forum {
	float: right;
	margin: 3px;
}


a.watch-icon-forum {
	float: right;
	margin: 3px;
}

.garage-icon, .garage-icon a {
/*background:url("/forum/styles/black_pearl/imageset/en/icon_miniprofile_garage.gif") no-repeat left top transparent;*/
padding-left:25px;
}
ul.profile-icons li.garage-icon {
height:20px;
width:20px;
}

#pm-popup {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 400px;
	text-align: center;
	margin-left: -200px;
	margin-top: -100px;
	border: 1px solid #d7e0e4;
	padding: 10px;
}

#main-block {
	width: 100%;
	background-color: black;
}












/* Toggle */
#garage-toggle {
	padding: 0px;
	width: 16%;
	height: 10px;
	left: 16%;
	margin-left: 2px;
}

#garage-toggle-handle {
	display: block;
	width: 18px;
	height: 19px;
	float: right;
	background-image: url("http://www.theflameclub.co.uk/forum/styles/black_pearl/imageset/garage_toggle.gif");
}

/* Menu Panel */
#garage-menu {
	float:left;
	width: 19%;
	margin-top: 0em;
}

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

#garage-menu span.corners-top {
	background-image: none;
}

#garage-menu span.corners-top span {
	background-image: none;
}

#garage-menu span.corners-bottom {
	background-image: none;
}

#garage-menu span.corners-bottom span {
	background-image: none;
}

#garage-main span.corners-top, #garage-menu span.corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#garage-main span.corners-top span, #garage-menu span.corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

#garage-main span.corners-bottom, #garage-menu span.corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left2.gif");
}

#garage-main span.corners-bottom span, #garage-menu span.corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right2.gif");
}

.vehicles-mini {
	background-color: #f9f9f9;
	padding: 0 5px;
	margin: 0px 10px 10px 0px;
	width: auto;
}

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

.vehicle-mini dl.mini {
	width: auto;
}



/* Icon used in viewtopic_body.html */
.garage-icon, .garage-icon a	{ 
					background: none top left no-repeat;
					background-image: url("{IMG_GARAGE_ICON_GARAGE_SRC}"); 
				}
ul.profile-icons li.garage-icon	{ width: {IMG_GARAGE_ICON_GARAGE_WIDTH}px; height: {IMG_GARAGE_ICON_GARAGE_HEIGHT}px; }

/* Icons used in garage_view_vehicle.html */

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

/* Rollover state */
ul.manage-vehicle-icons li {
	float: left;
	margin: 0 6px 3px 0;
	background-position: 0 100%;
}

.rtl ul.manage-vehicle-icons li {
	margin: 0 0 3px 6px;
}

/* Rolloff state */
ul.manage-vehicle-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.manage-vehicle-icons li span { display:none; }
ul.manage-vehicle-icons li a:hover { background: none; }

.newvehicle-icon, .newvehicle-icon a { 
	background: transparent none 0 0 no-repeat; 
}

ul.manage-vehicle-icons li.newvehicle-icon {
	width: {IMG_GARAGE_CREATE_VEHICLE_WIDTH}px; height: {IMG_GARAGE_CREATE_VEHICLE_HEIGHT}px; 
}
.viewvehicle-icon, .viewvehicle-icon a { 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.viewvehicle-icon	{ 
	width: {IMG_GARAGE_VIEW_VEHICLE_WIDTH}px; height: {IMG_GARAGE_VIEW_VEHICLE_HEIGHT}px; 
						}
.editvehicle-icon, .editvehicle-icon a		{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.editvehicle-icon	{ 
	width: {IMG_GARAGE_EDIT_VEHICLE_WIDTH}px; height: {IMG_GARAGE_EDIT_VEHICLE_HEIGHT}px; 
						}
.deletevehicle-icon, .deletevehicle-icon a	{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.deletevehicle-icon	{ 
	width: {IMG_GARAGE_DELETE_VEHICLE_WIDTH}px; height: {IMG_GARAGE_DELETE_VEHICLE_HEIGHT}px; 
						}
.mainvehicle-icon, .mainvehicle-icon a		{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.mainvehicle-icon	{ 
	width: {IMG_GARAGE_MAIN_VEHICLE_WIDTH}px; height: {IMG_GARAGE_MAIN_VEHICLE_HEIGHT}px; 
						}
.newmodification-icon, .newmodification-icon a	{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.newmodification-icon	{ 
	width: {IMG_GARAGE_ADD_MODIFICATION_WIDTH}px; height: {IMG_GARAGE_ADD_MODIFICATION_HEIGHT}px; 
						}
.newpremium-icon, .newpremium-icon a		{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.newpremium-icon	{ 
	width: {IMG_GARAGE_ADD_INSURANCE_WIDTH}px; height: {IMG_GARAGE_ADD_INSURANCE_HEIGHT}px; 
						}
.newquartermile-icon, .newquartermile-icon a	{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.newquartermile-icon	{ 
	width: {IMG_GARAGE_ADD_QUARTERMILE_WIDTH}px; height: {IMG_GARAGE_ADD_QUARTERMILE_HEIGHT}px; 
						}
.newdynorun-icon, .newdynorun-icon a		{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.newdynorun-icon	{ 
	width: {IMG_GARAGE_ADD_DYNORUN_WIDTH}px; height: {IMG_GARAGE_ADD_DYNORUN_HEIGHT}px; 
						}
.newlap-icon, .newlap-icon a			{ 
	background: transparent none 0 0 no-repeat; 
						}
ul.manage-vehicle-icons li.newlap-icon		{ 
	width: {IMG_GARAGE_ADD_LAP_WIDTH}px; height: {IMG_GARAGE_ADD_LAP_HEIGHT}px; 
}
.newservice-icon, .newservice-icon a		{ 
	background: transparent none 0 0 no-repeat; 
}
ul.manage-vehicle-icons li.newservice-icon	{ 
	width: {IMG_GARAGE_ADD_SERVICE_WIDTH}px; height: {IMG_GARAGE_ADD_SERVICE_HEIGHT}px; 
}

.newvehicle-icon, .newvehicle-icon a		{ background-image: url("{IMG_GARAGE_CREATE_VEHICLE_SRC}"); }
.viewvehicle-icon, .viewvehicle-icon a		{ background-image: url("{IMG_GARAGE_VIEW_VEHICLE_SRC}"); }
.editvehicle-icon, .editvehicle-icon a		{ background-image: url("{IMG_GARAGE_EDIT_VEHICLE_SRC}"); }
.deletevehicle-icon, .deletevehicle-icon a	{ background-image: url("{IMG_GARAGE_DELETE_VEHICLE_SRC}"); }
.mainvehicle-icon, .mainvehicle-icon a		{ background-image: url("{IMG_GARAGE_MAIN_VEHICLE_SRC}"); }
.newmodification-icon, .newmodification-icon a	{ background-image: url("{IMG_GARAGE_ADD_MODIFICATION_SRC}"); }
.newpremium-icon, .newpremium-icon a		{ background-image: url("{IMG_GARAGE_ADD_INSURANCE_SRC}"); }
.newquartermile-icon, .newquartermile-icon a	{ background-image: url("{IMG_GARAGE_ADD_QUARTERMILE_SRC}"); }
.newdynorun-icon, .newdynorun-icon a		{ background-image: url("{IMG_GARAGE_ADD_DYNORUN_SRC}"); }
.newlap-icon, .newlap-icon a			{ background-image: url("{IMG_GARAGE_ADD_LAP_SRC}"); }
.newservice-icon, .newservice-icon a		{ background-image: url("{IMG_GARAGE_ADD_SERVICE_SRC}"); }

.garage-mini {
	background-color: #f9f9f9;
	padding: 0 5px;
	margin: 10px 15px 10px 5px;
}

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


/* Icons Used In overall_header.html */
.icon-garage, .icon-quartermile, .icon-dynorun{
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 17px;
}

.rtl .icon-garage, .rtl icon-quartermile, .rtl .icon-dynorun{
	background-position: 100% 50%;
	padding: 1px 17px 0 0;
}
.icon-garage { 
background-image : url("http://www.theflameclub.co.uk/forum/styles/black_pearl/theme/images/icon_garage.gif");
} 
.icon-quartermile { 
background-image : url("{T_THEME_PATH}/images/icon_quartermile.gif");
} 
.icon-dynorun { 
background-image : url("{T_THEME_PATH}/images/icon_dynorun.gif");
} 
dt.index_block_header, dd.index_block_header {
	width: 33%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dt.index_block, dd.index_block {
	width: 33%;
	text-align: center;
	font-size: 1.0em;
}


/* Second Set Of Tabs */
#gtabs {
	line-height: normal;
	margin: 5px 0 -1px 7px;
	min-width: 570px;
}

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

#gtabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

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

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

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

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

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

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

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

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

#gtabs .activetab a:hover span {
	color: #000000;
	background-position: 100% 0;
}

#gtabs a {
	background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#gtabs a span {
	background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
	color: #536482;
}

#gtabs a:hover span {
color : #bc2a4d;
}

#gtabs .activetab a {
border-bottom-color : #cadceb;
}

#gtabs .activetab a span {
	color: #333333;
}

#gtabs .activetab a:hover span {
	color: #000000;
}

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

#gtabs, .post, .navbar, fieldset dl, ul.garage_list dl, ul.linklist, dl.polls {
	/*height: 1%;*/
}


/* List Styling */
* html ul.garage_list li { position: relative; }

ul.garage_list li {
color : #4c5d77;
}

ul.garage_list dd {
border-left-color : #ffffff;
}

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

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

ul.garage_list dl {
	position: relative;
}

ul.garage_list li.row dl {
	padding: 2px 0;
        width:100%;
}

ul.garage_list dt {
	display: block;
	float: left;
	font-size: 1.1em;
	padding-left: 4px;
        text-align:center;
}

ul.garage_list dd {
	display: block;
	float: left;
	padding: 4px 0;
        text-align:center;
}

ul.garage_list dfn {
	/* Labels for post/view counts */
	display: none;
}

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

ul.garage_list dt.image_attached, ul.garage_list dd.image_attached {
	width: 22px;
}


/*Garage Rollover Images For Camera, Edit & Delete */
a.garage-camera-icon, a.garage-delete-icon, a.garage-edit-icon {
	background-image: none;
	width: 20px;
}
a.garage-camera-icon, a.garage-delete-icon, a.garage-edit-icon {
	display: block;
	overflow: hidden;
	height: 20px;
	text-indent: -5000px;
	text-align: left;
	background-repeat: no-repeat;
}
a.garage-camera-icon {
	background-image: url("{IMG_GARAGE_IMG_ATTACHED_SRC}");
}
a.garage-delete-icon { 
	background-image: url("{IMG_GARAGE_DELETE_SRC}"); 
}
a.garage-edit-icon {
	background-image: url("{IMG_GARAGE_EDIT_SRC}"); 
}
a.garage-camera-icon:hover, a.garage-delete-icon:hover, a.garage-edit-icon:hover {
	background-position: 0 -20px;
}

#garage-copyright {
	display: block;
	text-align: center;
	vertical-align: bottom
}

/* Set Width */
.gwidth-5 {
	width: 5%;
}
.gwidth-10 {
	width: 10%;
}
.gwidth-15 {
	width: 15%;
}
.gwidth-20 {
	width: 20%;
}
.gwidth-30 {
	width: 30%;
}
.gwidth-40 {
	width: 40%;
}
.gwidth-50 {
	width: 50%;
}
.gcamera_image {
	width:20px;
	height:20px;
}
/* Fixes by Raimon */
    #garage-main .forabg span.corners-top {
       background-image: url("{T_THEME_PATH}/images/corners_left_garage.png");
    }

    #garage-main .forabg span.corners-top span {
       background-image: url("{T_THEME_PATH}/images/corners_right_garage.png");
    }

    #garage-main .forabg span.corners-bottom {
       background-image: url("{T_THEME_PATH}/images/corners_left_garage.png");
    }

    #garage-main .forabg span.corners-bottom span {
       background-image: url("{T_THEME_PATH}/images/corners_right_garage.png");
    }

    #garage-main .forabg span.corners-top {
    display: block;
    margin: 0 -5px;
    }

    #garage-main .forabg span.corners-bottom {
    display: block; 
    margin: 0 -5px;
    clear: both;
    }

    /* IE hack */
    * html #garage-main .forabg span.corners-top, * html #garage-main .forabg span.corners-bottom { background-image: url("{T_THEME_PATH}/images/corners_left_garage.gif"); }
    * html #garage-main .forabg span.corners-top span, * html #garage-main .forabg span.corners-bottom span { background-image: url("{T_THEME_PATH}/images/corners_right_garge.gif"); }

    .percision2 {
	    width:20px !important;
    }

    .percision3 {
	    width:30px !important;
    }
    .percision4 {
	    width:40px !important;
    }
    .percision5 {
	    width:50px !important;
    }
    .percision6 {
	    width:60px !important;
    }

