/* Global Table Settings */

body, table, td {
	font: 12px Verdana, Tahoma, Arial, Helvetica, san-serif;
}
body {
	background-color: #ffffff;
	color: #333;
	margin:0;
	padding:0;
	text-align: center;
}
.av {
margin: 5px 0;
}
/*#header {margin-top: 20px;
height: 76px;
background: #003366;}

#logo {position:absolute;
top:0;
right:0;}

#headImg {padding:6px 0 0 24px; float:left;}*/
div#colBar {
background: url(http://www.smallcarsbighearts.co.uk/templates/jj_flex/images/colorbar.jpg) repeat-x;
overflow: hidden;
height: 3px;
}
div#header{
position: relative;
background: #003366;
height:144px;
margin:0 0 5px 0;
padding-left:10px;
color: #efefef;
}
#header h2 {
background: url(http://www.smallcarsbighearts.co.uk/templates/jj_flex/images/branding.gif) no-repeat;
position: absolute;
left: 8px;
top: 8px;
width: 674px;
height: 123px;
margin: 0;
padding: 0;
color: #efefef;
text-indent: -7887px;
}

#fTitle {
	margin: 0;
}
#menubar {
	text-align:left;
	padding:5px;
	margin: 0;
}
#welcome {
	position:absolute;
	right:10px;
	text-align:right;
	padding:5px;
	margin:110px 5px 0 5px;	
	color:#efefef;
	background:#003366;
}
#welcome a {
color:#efefef;
}
#welcome a:hover {
color:#ccc;
}
.outline {
 	border:1px solid #40668d;
	margin:0 5px 5px 5px;
	padding:0;
}

h1 {
	font: bold 22px Arial, helvetica, sans-serif;
	color: #efefef;
	background:transparent;
	vertical-align:middle;
	margin:0;
	padding:3px;
	text-align:left;
}

.date {
	color: #efefef;
	background:transparent;
	text-align:right;
	vertical-align:middle;
	float:right;
	margin:-22px 10px 0 0;
}

table {
	margin: 0 auto;
}

/* Centering help:
   http://www.maxdesign.com.au/presentation/center/
*/

td {
	text-align: left;
}
img {
border:none;
border:0;
}

/* 10.2.5 */

blockquote {
	border     : 1px #40668d solid;
	border-left: 3px #40668d solid;
}

blockquote .quoteby {
	padding      : 10px;
	border-bottom: 1px #40668d dashed;
}

blockquote .quotebody {
	padding: 10px;
	background:#fff;
}

/* 10.2.5 END */
.catdesc {
	padding    : 4px;
	line-height: 130%;
}

.normaltext {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

.indextitle {
        font: bold 18px Arial, Helvetica, sans-serif;	
	white-space: nowrap;
	color:#003366;
	padding: 0 0 0 10px;
}

.pages {
	font-weight: normal !important;
	font-size  : 9px;
	line-height: 1.5;
	white-space: nowrap;
	color:#e5f2ff;
	padding-top: 4px;
	padding-bottom: 4px;
}

.pages a, .pages a:link, .pages a:active, .pages a:visited {
	padding: 4px;
	border: 1px solid #036;
	color:#036;
	background-color: transparent;
	text-decoration: none !important;
}

.pages a:hover {
	padding: 4px;
	border: 1px solid #036;
	color:#fff;
	background-color: #036;
}

.pages strong {
	padding: 4px;
	border: 1px solid #036;
	color:#d6ebff;
	background-color: #036;
}

.postmenu {
	font-weight: normal !important;
}

.indexmenu {
	font-weight: bold !important;
	white-space: nowrap;
}

.menubar a, .menubar a:link, .menubar a:active, .menubar a:visited {
	text-decoration: none;
	white-space: nowrap;
}


.catdesc {
	padding    : 4px;
	line-height: 130%;
}

#membercenter a, #membercenter a:link, #membercenter a:active, #membercenter a:visited {
	line-height : 2;
	padding-left: 5px;
	width       : 100%;
}

#membercenter a:hover {
	padding-left: 2px;
	border-left : 3px solid #036;
	text-decoration: none;
}
#postbar img {
	margin: 1px;
}

#postbar a:hover img {
	margin: 0px;
	border: 1px solid #000;
	background: #90A9C5;
}
/* Mini-profile:
	Fancy --> title and value
	Plain --> On one line
	Avatar --> Just the avatar and stats (stars)
*/
.fancyprofilet, .fancyprofilev, .plainprofile {
	padding: 5px 10px;
}

.avatarprofile {
	margin: 10px;
	line-height: 1.5;
}

.milastaction {
	margin-bottom: 3px;
}

.bilastaction {
	line-height: 1.5;
}
/* Date Color */
.bidate, .midate, .didate {
	color: #333;
}
.loading {
	background-image : url(/forum/blahdocs/images/loading.gif);
	background-repeat: no-repeat;
	width            : 222px;
	height           : 19px;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.justify {
	text-align: justify !important;
}

.vtop {
	vertical-align: top !important;
}

.innertable {
	margin: 0 !important;
}

.leftimg {
	float        : left;
	padding-right: 5px;
}

.rightimg {
	float       : right;
	padding-left: 5px;
}

.centerimg {
	vertical-align: middle;
}

.boardsearch {
	background    : url(/forum/blahdocs/images/search.png) 3px 4px no-repeat;
	padding-left  : 19px;
	padding-top   : 5px;
	padding-bottom: 5px;
	width         : 90%;
}

/* If user has a color, specify the options for that user name to appear here */
.usercolors {
	font-weight: bold;
}

/* Colors */

.titlebgtext, .catbgtext {
	/* This is for nested tables, so that text formatting is still used */
	color: #ddd;
	font-weight: bold;
}

.titlebg, .catbg {
	font: bold 12px Verdana, Tahoma, Arial, Helvetica, san-serif;
	color: #ddd;
}

.titlebg {
	background-color: #40668d;
	border: 1px solid #d6ebff !important;
}

.catbg {
	background-color: #809ab3;
	border: 1px solid #d6ebff !important;
}
.win {
	background-color: #e5f2ff;
}
.win2 {
	background-color: #f3f9ff;
}
.win3 {
	background-color: #deefff;
}
.win4 {
	/*background-color: #537598;*/
	background:#fff;
}
.win5 {
	background-color: #d6ebff;
}
HR, hr {
	background-color: #40668d;
	border: 0;
	color: #40668d;
	height: 1px;
	margin: 5px 0;
}
.border, .hr {
	background-color: #40668d;
}

/* Board Index Description */
.bidesc {
	font-weight: normal;
	font-size  : 10px;
	line-height: 1.2;
	color      : #333 !important;
}
.boardname {
	font-weight   : bold;
	font-size     : 13px;
	padding-bottom: 2px;
}

/* Small font text size */

.smalltext {
	font-weight: normal;
	font-size  : 10px;
	line-height: 1.1;
}
.medtext {
	font-weight: normal;
	font-size  : 11px;
	line-height: 1.1;
}

/* Table alignment */

div.centered {
	text-align: center;
}

div.centered table {
	margin-left : auto;
	margin-right: auto;	/* long form to make IE5/Mac happy */
}

.messageseps {
	border-top : 1px dashed #40668d;
	padding-top: 5px;
}

/* Reputation */

.redrep {
	/* Bad */
	color: #FF0033;
}

.grayrep {
	/* Neutral */
	color: #CCCCCC;
}

.greenrep {
	/* Good */
	color: #00AF33;
}

.greenrep, .grayrep, .redrep {
	font-weight: bold;
}

/* Bots: this is shown in the "Online" places */

.onlinebots {
	color      : gray;
	font-style : italic;
	font-weight: normal;
}

.postbody {
	/* Format the post body */
	line-height: 1.2;
}

/* Poll Colors */
.pollcolor {
	background-color: #AAADB4;
	padding-left    : 5px;
	border-right: 5px solid #000;
}

.pollpercents {
	background-color: #D2D5DA;
	color           : #000;
	padding-right   : 10px;
	padding-left    : 10px;
}

.pollborder {
	background-color: #8A8D96;
}

/* Links */
a, a:link, a:active, a:visited {
	text-decoration: none;
	color          : #003264;
	font-weight    : bold;
}

a:hover {
	text-decoration: none;
	color          : #809ab3;
	font-weight    : bold;
}

td .catbg a, td .catbg a:link, td .catbg a:active, td .catbg a:visited, td .titlebg a, td .titlebg a:link, td .titlebg a:active, td .titlebg a:visited {
	text-decoration: none;
	color: #eee;
}

td .td .titlebg a:hover, td .titlebg a:hover {
	text-decoration: none;
	color: #809ab3;
}

/* Forms */
.upload, input, textarea, select {
	/* .checkboxinput also allowed */
	color         : #000000;
	background-color: #EEEEEE;
	font: 10px Verdana, Tahoma, Arial, Helvetica, san-serif;
	border          : 1px #8A8D96 solid;
}

textarea {
	padding    : 3px;
	line-height: 130%;
}

input {
	text-indent : 2px;
	margin:0;
	padding: 3px;
}

input.button {
	border : 1px solid #000;
	padding: 1px;
}

form, input {
	margin: 0;
}

form {
	margin-bottom: 0px;
}

/* Portal Styles*/


.dbx-clone {
	position  :absolute;
	visibility:hidden;
}

.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor: move !important;
}

.dbx-dummy {
	display : block;
	width   : 0;
	height  : 0;
	overflow: hidden;
}

.dbx-group, .dbx-box, .dbx-handle {
	position: relative;
	display : block;
}

#dbx-box {
	margin : 0;
	padding: 0;
	border : none;
}
/* Calendar */

.calendarevent {
	/* Title on the Day view */
	font-size  : 18px;
	font-weight: bold;
}

.currentday {
	/* These will make the entire day/week kind of faded */
	opacity: .85;
	filter : alpha(opacity=85);
}
/* Tag Clouds */
a.tag1 { font-size: xx-small; }
a.tag2 { font-size: small; }
a.tag3 { font-size: medium; }
a.tag4 { font-size: large; }
a.tag5 { font-size: xx-large; }