/* TDI Club Nederland template by Lucas Schoormans 2007
 * Colors:
 * Darkred: BE0D0D
 * Darkgray: 4A4A4A
 * Medium gray: B4B4B4
 * lightestgray: F1F1F1
 * lightgray: ECECEC
 * gray: E4E4E4
 * soft blue: 4366AA
 */
 
html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color: #F3F3F3;
}

/* The content of the posts (body of text) */
body {
	color:black;
	font:11px Arial,Verdana,Helvetica,sans-serif;
}

/* General font families for common tags */
font,th,td,p{font:12px Arial,Verdana,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:x-small}
td.genmed,.genmed{font-size:small}
.explaintitle{font-size:small;font-weight:bold;color:#999999}
.authlist{font-size:9px;color:#B4B4B4} /* special style for user rights display */
.authlist a{color:#4366AA} /* special style for user rights display */

/* General page style */
a:link,a:active,a:visited,a.postlink{color:black;text-decoration:none}
a:hover{color:#4366AA;text-decoration:underline}

a.link2{color:#DEEEF3}
a.link2:visited{color:#DEEEF3}

/* Message should have always underline */
span#message a{text-decoration:underline}

/* titles for the topics:could specify viewed link colour too */
.topictitle{}
a.topictitle:visited{color:gray}
a.topictitle:hover{color:#4366AA}

/* titles for the statistics mod tables only */
.cattitle{font-size:11px;font-weight:bold}
a.cattitle:hover{color:#4366AA}

/* titles for the topics:could specify viewed link colour too */
td.cathead{font-weight:bold;letter-spacing:1px;background:#d9e2ec url(images/cellpic1.gif);
height:29px;text-indent:4px}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px}

hr{border:0px solid #ffffff;border-top-width:1px;height:0px}

/* Category gradients*/
td.cat{
	font-weight:bold;
	letter-spacing:1px;
	background:#f0f0f0 url(images/td_back_gray_25.gif);
	height:25px;
	margin:0; padding:0;
	text-indent:4px;
}

/* Main table cell colours and backgrounds */
.row1{background:#F1F1F1}
.row2,.helpline{background:#F7F7F7}
.row3{background:#EDEDED}
td.spacerow{background:#DBDBDB}

/* This is for the table cell above the Topics,Post & Last posts on the index.php */
td.rowpic{
	background:url(images/td_back_gray_400-25.gif) #ffffff repeat-y
}

/* Table Header cells */
th{
	background:#d0d0d0 url(images/th_back_blue_25.gif);
	color:white;
	font-size:12px;
	font-weight:bold;
	height:25px;
	white-space:nowrap;
	text-align:center;
	padding:0;
	margin:0;
	padding-left:8px;
	padding-right:8px;
	/* red 
	border-left: 1px solid #E25D5D;
	border-right: 1px solid #8E0101;
	*/
	
	/* blue */
	border-left: 1px solid #B3BED0;
	border-right: 1px solid #7891BE;
}

/* This is the border line & background colour round the entire page */
/* .bodyline{background:#f9f9f9;border:1px solid #666666} */

/* This is the outline round the main forum tables */
.forumline{background:#ffffff;border:1px solid #9D9D9D}

/* The largest text used in the index page title and toptic title etc. */
h1{
font:bold 20px/120% Arial,Verdana,Helvetica,sans-serif;text-decoration:none;color:#999999}

.subtitle,h2{font:bold 18px/180% Arial,Verdana,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.nav .curr{color:#4366AA;}
.postbody{
	font-size:small;
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
}

img.userimage {
	max-width:100%;
}

.postbody a {color: #4366AA} /* Make URL's more visible in posts */

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#666666}

/* Quote blocks */
.quote{
	margin-left:50px;margin-right:50px;padding:5px;
	background:#fafafa;border:1px solid #979797;color:#5F5F5F;
	font-size:11px;line-height:125%;
	text-align:left;
	overflow:auto;
	max-height:250px;
	/* IE only; fix for min-width */
	height:expression(this.scrollHeight > 250? "250px" : "auto" );
}
.quoteimg{margin-right:8px;}

/* Code blocks */
.code{
	margin-left:50px;margin-right:50px;padding:5px;
	background:#fafafa;border:1px solid #979797;color:darkgreen;
	font:12px Courier,"Courier New",sans-serif;
	text-align:left;
	overflow:auto;
	max-height:250px;
	/* IE only; fix for min-width */
	height:expression(this.scrollHeight > 250? "250px" : "auto" );
}

/* This is for the error messages that pop up */
.errorline{background:#999999;border:1px solid #333333}

/* Form elements */
form{display:inline}

input{font:12px Arial,Verdana,Helvetica,sans-serif}

select{background:#ffffff;font:12px Arial,Verdana,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border:1px solid #000000;
font:12px Arial,Verdana,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}
input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}
input.mainoption{border:1px solid #000000;background:#fafafa;font-size:11px;font-weight:bold}

a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border:0 solid;font-size:10px}

/* This is the gradient background at the top of the page */
.topbkg{background:#efefef url(images/cellpic_bkg.jpg) repeat-x}
.topnav{font-size:10px;color:lightgray;white-space:nowrap;}
.topnav a {color:lightgray}

/* Admin & Moderator Colours MODification */
.admin,.mod{font-size:11px;font-weight:bold}
.admin,a.admin,a.admin:visited{color:#ffa34f}
.mod,a.mod,a.mod:visited{color:#006600}
a.admin:hover,a.mod:hover{color:#dd6900}

/* Specify the space around images */
.imgtopic,.imgicon{margin-left:3px}
.imgspace{margin-left:1px;margin-right:2px}
.imgfolder{margin:1px 4px 1px 4px}

/* Gets rid of the need for border="0" on hyperlinked images */
img{border:0 solid}

/* Background images for tables */
.tbl{border-collapse:collapse;height:4px;width:100%}
.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}
.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}
.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}

/* Code blocks */ 
.codetitle{background: #cdd6de;border:1px solid #9ca9b4;padding:5px;width:90%;font-weight:bold; text-align:left; 
margin-top:10px} 
.codediv{background:#fafafa;border: 1px solid #9ca9b4;color:#006600;border-top:0; 
font:12px Courier,"Courier New",sans-serif;padding:5px;overflow:auto;width:90%;height:50px;text-align:left}

/* FI Colour Palette MOD - START */
.colouter,.col{border:1px solid #000;margin-left:10px}
.colouter{border-right-width:0;cursor:pointer}
.col{margin:0;padding:0 0 0 7px;display:inline;border-width:1px 1px 0 0;font-size:7px}
/* FI Colour Palette MOD - END */

abbr, acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}

.imgfade{filter:alpha(opacity=50); -moz-opacity:0.5;margin-left:3px}
.imgfade75{filter:alpha(opacity=70); -moz-opacity:0.75;margin-left:3px}
.imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px}

.maintitle {
	color: #8D8D8D !important;
	font-size: x-large;
	font-weight:bold;
	margin:0; padding:0;
}
.maintitle:hover {
	text-decoration:none;
}

.subtitle {
	color: #ADADAD !important;
	font-size: medium;
	font-weight:bold;
	margin:0; padding:0;
}

/* Custom TDI Club header */
div, img {
	margin:0;
	padding:0;
}

div#header {
	height: 103px;
	margin:0;
	min-width:1000px;
	/* IE only; fix for min-width */
	width:expression(document.body.clientWidth < 1000 ? "1000px" : "auto");
}

div#header_row1 {
	height: 49px;
	background-image: url("/templates/tdiclub/images/header/header_row1_back.gif");
	background-repeat: repeat-x;
	padding-left:10px;
}

div#header_row2 {
	height: 58px;
	background-image: url("/templates/tdiclub/images/header/header_row2_back.gif");
	background-repeat: repeat-x;
	padding-left:10px;
}

div#row1_logo, div#row2_logo {
	float: left;
}


div#title, div#menu {
	float: right;
	white-space: nowrap;
}

/* the space between the menu en the right frame border*/
div#menu {
	padding-right: 20px;
	width:670px;
}

div#menu a, div#menu img{
	display: block;
	float: right;
	height: 22px;
	margin:0;
	padding:0;
	border:0;
}

div#menu img{
	width:2px;
}

div#menu a.menuitem {
	line-height:22px;
	overflow:hidden;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
}
div#menu a.menuitem:hover {
	text-decoration:none;
	background-position:0 0;
	background-repeat:repeat-x;
	background-image:url("/templates/tdiclub/images/header/menuitem_back_hover.gif");
}

div#neostrada {
	text-align:right;
	width:158px;
	height:40px;	
	position:absolute;
	top:75px;
	right:10px;
}

table#submenu {
	width:100%;
	padding:0;
	margin:0;
}

table#submenu td{
	vertical-align:top;
}

table#submenu td a{
	color: black;
}

div#banner_container {
	position: absolute;
	z-index:1000;
	width: 100%;
	top:100px;
	text-align:center;
}