/* START base three column layout */
/***
LC(left column):	205px
MC(main column):	525px
RC(right column:	240px
*/
div#layoutBodyContainer {
	margin:0px;
	padding:0px;
	width:980px;					/* LC + MC  + RC */
	text-align:left;
	
	/* provides vertical background for all three columns */
	background-image:url(/F1Tipping/Images/columnMid.gif);
	background-repeat:repeat-y;
	background-color:#5882A8;
}

div#layoutHeader {
	margin:0px;
	padding:0px;
}

div#layoutColumnContainer {
	margin:0px;
	padding:0px;
	width:730px;					/* LC + MC */
	float:left;
}

div#layoutLeftCol {
	padding:0px;
	
	/* background-color:red; */
}
div#layoutMainCol {
	padding:0px;
	float:right;
	width:525px;					/* MC */
    
	/* background-color:white; */
}

div#layoutRightCol {
	padding:0px;
	margin-left:730px;				/* LC + MC */
	
	/* background-color:green; */
}

div#layoutFooter {
	margin:0px;
	padding:0px;
	clear:both;
}
/* END */

/* global properties */
body {
	margin:0px;
	padding:10px 0px;
	color:black;
	font-family:Verdana,"Sans Serif",Sans-Serif,Sans;
	font-size:11px;
	line-height:125%;
	background-color:#505050;
}

img {
	border:0px;
}

a:link { color:#0066BB;text-decoration:none; }
a:visited {	color:#0066BB;text-decoration:none; }
a:hover { color:#0066BB;text-decoration:underline; }
a:active { color:#0066BB;text-decoration:none; }


/* header */
div#headerTop {
	height:25px;
	background-image:url(/F1Tipping/Images/headerTop.gif);
	background-repeat:no-repeat;
}
div#headerMid {
	padding:5px 25px;
	background-image:url(/F1Tipping/Images/headerMid.gif);
	background-repeat:repeat-y;
}
div#headerBot {
	height:45px;
	margin:0px;
	background-image:url(/F1Tipping/Images/headerBot.gif);
	background-repeat:no-repeat;
}

/* footer */
div#footerTop {
	height:13px;
	background-image:url(/F1Tipping/Images/footerTop.gif);
	background-repeat:no-repeat;
}
div#footerMid {
	height:10px;
	background-image:url(/F1Tipping/Images/headerMid.gif);
	background-repeat:repeat-y;
}
div#footerBot {
	height:25px;
	color:#DDDDDD;
	text-align:center;
	background-image:url(/F1Tipping/Images/footerBot.gif);
	background-repeat:no-repeat;
}

a.footerLink:link    { color:#DDDDDD; text-decoration:none; }
a.footerLink:visited { color:#DDDDDD; text-decoration:none; }
a.footerLink:hover   { color:#FFFFFF; text-decoration:none; }
a.footerLink:active  { color:#DDDDDD; text-decoration:none; }

/* menu column */
div#menuTop {
}
div#menuMid {
	background-image:url(/F1Tipping/Images/menuMid.gif);
	background-repeat:repeat-y;
	min-height:300px;
}
div#menuBot {
	height:50px;
	background-image:url(/F1Tipping/Images/menuBot.gif);
	background-repeat:no-repeat;
}

.menu {
	border-width:0px;
	padding:0px;
	margin:0px 20px 35px 20px;
	width:160px;
}

.menuRootItem { /* the root node */
	display:none;
	visibility:hidden;
}

.menuItem {	/* td of the button */
	margin:0px;
	padding:0px;
}

.menuItemLink {	/* actual link */
	border:1px solid black;
	background-color:gray;
	background-image:url(/F1Tipping/Images/menuItemBack1.gif);
	background-repeat:repeat-x;
	display:block;
	color:black;
	font-size:12px;
	font-family:Georgia,"Times new Roman",Times,Serif;
	margin:1px 0px 0px 0px;
	padding:3px 15px;
	text-indent:0px;
	text-decoration:none;
}
.menuItemLink:link {
	color:black;
	text-decoration:none;
}
.menuItemLink:visited {
	color:black;
	text-decoration:none;
}
.menuItemLink:hover { 
	background-image:url(/F1Tipping/Images/menuItemBack2.gif);
	background-repeat:repeat-x;
	color:white;
	text-decoration:none;
}
.menuItemLink:active { 
	color:#0066BB;
	text-decoration:none;
}

/* main column */
div#mainTop {
}
div#mainMid {
	margin:0px 0px 0px 10px;
	padding:0px 5px;
	color:black;
}
div#mainBot {
}

/* info column */
div#infoTop {
}
div#infoMid {
	margin:0px 22px 10px 8px;
	padding:10px;
}
div#infoBot {
}

.infoHeader {
	background-color:darkgray;
	background-image:url(/F1Tipping/Images/header2back.gif);
	background-repeat:repeat-x;
	border:1px solid black;
	color:white;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:3px;
}

.infoSubHeader {
	display:block;
	font-weight:bold;
}

.infoBody {
	background-color:white;
	border:1px solid black;
	display:block;
	font-size:11px;
	margin:0px 0px 25px 0px;
	padding:10px 5px;
}

/* generic content */
.content {
	padding:10px;
}

.header1 {
	background-color:#6699CC;
	background-image:url(/F1Tipping/Images/header1back.gif);
	background-repeat: repeat-x;
	border:1px solid darkblue;
	color:white;
	font-family:Verdana,"Sans Serif",Sans-Serif,Sans;
	font-size:12px;
	font-weight:bold;
	letter-spacing:3px;
	padding:5px; 
}
.content1Header {
	color:#777777;
	font-size:10px;
	text-align:right;
}
.content1 {
	border-style:dashed;
	border-color:lightblue;
	border-width:1px;
	border-top-width:0px;
	padding:10px 15px;
	text-align:justify;
}
.content1Footer {
}
.footer1 {
	font-size:10px;
	text-align:right;
	margin-bottom:20px;
}

.header2 {
	background-color:gray;
	background-image:url(/F1Tipping/Images/header2back.gif);
	background-repeat: repeat-x;
	border:1px solid black;
	color:#FEFEFE;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}
.content2Header {
}
.content2 {
	border-style:dashed;
	border-color:gray;
	border-width:1px;
	border-top-width:0px;
	padding:10px;
}
.content2Footer {
}
.footer2 {
}

.header3 {
	background-color:lightgrey;
	background-image:url(/F1Tipping/Images/header3back.gif);
	background-repeat: repeat-x;
	border:1px solid black;
	font-size:11px;
	font-weight:bold;
	padding:5px;
}
.content3 {
	border-style:dashed;
	border-color:lightgrey;
	border-width:1px;
	border-top-width:0px;
	padding:10px;
}


/* generic tables */
table.table1 {
	border:1px solid #666666;
	padding:0px;
	width:100%;
}
table.table1 tr td {
	border:1px solid lightgrey;
	margin:0px;
	padding:10px 5px;
}
table.table1 .table1h1 {
	background-color:gray;
	background-image:url(/F1Tipping/Images/header2back.gif);
	background-repeat: repeat-x;
}
table.table1 .table1h1 td {
	border:1px solid #777777;
	color:#FEFEFE;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}
table.table1 .table1h2 {
	background-color:lightgrey;
	background-image:url(/F1Tipping/Images/header3back.gif);
	background-repeat: repeat-x;
}
table.table1 .table1h2 td {
	font-weight:bold;
	padding:5px;
}


/* status messages */
.info {
	border:1px solid gold;
	background-color:#FFFFEE;
	display:block;
	padding:10px;
}

.error {
	border:1px solid red;
	background-color:#FFEFEF;
	display:block;
	padding:10px;	
}

.success {
	border:1px solid #6699CC;
	background-color:#EEEEFF;
	display:block;
	padding:10px;
}

/* generic buttons */
.button1 {
	border:1px solid black;
	background-color:gray;
	background-image:url(/F1Tipping/Images/header3back.gif);
	background-repeat:repeat-x;
	display:inline;
	font-size:11px;
	font-family:Verdana,"Sans Serif",Sans-Serif,Sans;
	font-weight:bold;
	padding:5px 12px;
	text-align:center;
}
.button1:link {
	color:black;
	text-decoration:none;
}
.button1:visited {
	color:black;
	text-decoration:none;
}
.button1:hover { 
	background-image:url(/F1Tipping/Images/menuItemBack2.gif);
	background-repeat:repeat-x;
	color:white;
	text-decoration:none;
}
.button1:active { 
	color:black;
	text-decoration:none;
}

/* form input */
input.formButton {
	border:1px solid gray;
	background-image:url(/F1Tipping/Images/header3back.gif);
	background-repeat:repeat-x;
	font-weight:bold;
}

input.formTextBox {
	border:1px solid #888888;
	background-color:#FAFAFA;
}

select.formDropDown {
	border:1px solid #888888;
	background-color:#FAFAFA;
}

textarea {
	border:1px solid #888888;
	background-color:#FAFAFA;
	width:455px;	/* this has too be non-percentage to avoid IE6 bug */
}

/* page navigation */
table.pager {
	font-size:12px;
	margin:0px;
	padding:0px;
	width:100%;
}
td.pagerPrev {
	width:50%;
}
td.pagerPrev img {
	vertical-align:middle;
}
td.pagerNext {
	text-align:right;
	width:50%;
	vertical-align:middle;
}
td.pagerNext img {
	vertical-align:middle;
}
table.pager a:hover {
	text-decoration:none;
}

td.catCol {
	font-weight:bold;
	background-color:#EEEEEE;
}


/* START forum */
/* message topic list (news) */
.newsHeader {
	background-color:#6699CC;
	background-image:url(/F1Tipping/Images/header1back.gif);
	background-repeat: repeat-x;
	border:1px solid darkblue;
	color:white;
	font-family:Verdana,"Sans Serif",Sans-Serif,Sans;
	font-size:13px;
	font-weight:bold;
	padding:8px 5px; 
}
.newsHeaderLink:link {
	color:white;
	text-decoration:none;
}
.newsHeaderLink:visited {
	color:#FEFEFE;
	text-decoration:none;
}
.newsHeaderLink:hover { 
	color:black;
	text-decoration:none;
}
.newsHeaderLink:active { 
	color:white;
	text-decoration:none;
}

.newsBody {
	border-style:dashed;
	border-color:lightblue;
	border-width:1px;
	border-top-width:0px;
	padding:2px 10px 15px 10px;
	text-align:justify;
	font-size:11px;
}

.newsAuthor {
	color:#777777;
	font-size:10px;
	text-align:right;
	margin-bottom:10px;
}

.newsFooter {
	font-size:10px;
	text-align:right;
	margin-bottom:20px;
}

/* forum list */
table.forumList {
	border:1px solid #666666;
	padding:0px;
	width:100%;
}
tr.forumListCatHeader {
	background-color:lightgrey;
	background-image:url(/F1Tipping/Images/header3back.gif);
	font-size:12px;
	font-weight:bold;
}
tr.forumListCatHeader td {
	padding:5px;
}
tr.forumListHeader {
	background-color:#FAFAFA;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
table.forumList td {
	border:1px solid lightgrey;
	margin:0px;
	padding:5px 2px;
}
td.forumListStatus {
	width:35px;
	text-align:center;
}
td.forumListForum {
	background-color:#FAFAFA;
}
td.forumListForum:hover {
	border-color:#888888;
	background-color:#EEEEEE;
}
td.forumListTopics {
	text-align:center;
	width:50px;
}
td.forumListMessages {
	text-align:center;
	width:50px;
}
td.forumListLastTopic {
	text-align:right;
	width:110px;
}
div.forumListForumTitle {
	font-weight:bold;
}
div.forumListForumDesc {
}

/* topic list */
/* unfortunately border-collapse support varies between browsers so don't use it! use trickery such as background img with row bottom borders etc... */
table.forumTopicList {
	border:1px solid #666666;
	padding:0px;
	width:100%;
}
table.forumTopicList thead {
	background-color:lightgrey;
	background-image:url(/F1Tipping/Images/header3back.gif);
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
table.forumTopicList thead tr td {
	padding:3px 2px;
}
table.forumTopicList thead img {
	vertical-align:middle;
}
table.forumTopicList tbody tr td {
	border:1px solid lightgrey;
	margin:0px;
	padding:10px 2px;
}
td.forumTopicStatus {
	width:35px;
	text-align:center;
}
td.forumTopicTopic {
	background-color:#FAFAFA;
}
td.forumTopicTopic:hover {
	border-color:#888888;
	background-color:#EEEEEE;
}
td.forumTopicMsgs {
	text-align:center;
	width:50px;
}
td.forumTopicViews {
	text-align:center;
	width:50px;
}
td.forumTopicLstMsgDate {
	text-align:right;
	width:80px;
}
div.forumTopicTitle {
}
div.forumTopicDesc {
	font-size:smaller;
}
div.forumTopicAuthor {
	font-size:smaller;
}

/* message list */
div.forumMsgList {
	width:100%;
}

div.forumMsgListHeader {
	text-align:right;
	font-size:12px;
}

/* message */
div.forumMsg {
	border:1px solid black;
	margin:0px 0px 20px 0px;
}

div.forumMsgHeader {
	background-color:gray;
	background-image:url(/F1Tipping/Images/header2back.gif);
	background-repeat: repeat-x;
	border-bottom:1px solid black;
	color:#FEFEFE;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

div.forumMsgSubHeader {
	color:#777777;
	font-size:10px;
	text-align:right;
}

div.forumMsgBody {
	padding:5px 8px;
	word-wrap:break-word;
}

div.forumMsgFooter {
	font-size:10px;
	padding:2px;
	text-align:right;
}
/* END forum */


/* forms */
table.form1 {
	border:1px solid black;
	width:100%;
}
table.form1 tr {
	background-color:#EEEEEE;
}
table.form1 td {
	border:1px solid white;
	padding:10px;
}
table.form1 .fieldDesc {
	font-weight:normal;
	padding-top:5px;
	font-size:9px;
}

select.f1tTip {
	color:#0066BB;
	background-color:#FAFAFA;
	border:1px solid black;
	font-size:13px;
	font-weight:bold;
	padding:5px;
	width:100%;
}

div.f1tTipProgress {
	border:1px solid gold;
	background-color:#FFFFEE;
	font-size:12px;
	line-height:150%;
	padding:10px;
	margin: 5px 0px 0px 0px;
	text-align:center;
	/* vertical-align:middle; */
}

div.f1tTipProgress img {
	vertical-align:baseline;
}