/* Colours */
/* gold: #ff9f00 */
/* fawn: #c69c6d */
/* grey: #282828 */
/* dark grey #222222 */

*{
margin: 0;
padding: 0;
}

.hide {display: none;}
img {display: block;}

html{
background-image: url("images/v3bg.jpg");
background-repeat: no-repeat;
background-position: top center;
background-color: #000000;
background-attachment: fixed;
}

body{
font-family: 'courier new', courier, arial, sans-serif;
color: #ffffff;
text-align: center;
background-image: url("images/v3mainbg.jpg");
background-repeat: repeat-y;
background-position: center center;
}

h2{
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted white;
}

h2, h3{
font-family: 'courier new', courier;
}

#container{
margin: 0 auto;
width: 960px;
text-align: left;
background-image: url("images/v3conbg22011.jpg");
background-repeat: no-repeat;
}

#navigation{
margin-left: 670px;
}

#navigation ul{
padding-top: 80px;
height: 328px;
list-style: none;
}

#navigation li{
padding-top: 10px;
padding-left: 40px;
font-size: 115%;
height: 40px;
line-height: 40px;
}

#navigation a{
text-decoration: none;
color: #ff9f00;
font-weight: bold;
}

#navigation a:hover{
color: #c69c6d;
}

#main{
padding: 20px 30px 20px 30px;
line-height: 1.5;
font-family: 'trebuchet ms';
}

#main a{
color: #ff9f00;
}

#main a:hover{
color: #c69c6d;
}

#footer{
background-color: #000000;
margin: 0px 10px 0px 10px;
padding: 10px;
font-family: 'trebuchet ms';
font-size: 80%;
text-align: right;
}

#footer .leftcol{
float: left;
}

#footer .leftcol a.knomelink{
font-weight: bold;
}

#footer li{
list-style: none;
display: inline;
padding: 0px 10px 0px 10px;
}

#footer a{
color: #c69c6d;
text-decoration: none;
}

#footer a:hover{
color: #ffffff;
text-decoration: none;
}

/* Form */

.detail{
width: 900px;
clear: both;
overflow: hidden;
margin-top: 20px;
}

.detail .label{
width: 250px;
float: left;
}

.detail .userinput{
width: 650px;
float: left;
}

.detail .userinput input{ 
padding: 5px;
font-size: 100%;
font-family: 'trebuchet ms', arial;
border: 5px #222222 solid;
width: 300px;
}

.detail .userinput select,
.detail .userinput textarea{
padding: 5px;
font-family: 'trebuchet ms', arial;
border: 5px #222222 solid;
}
.detail .userinput textarea{
width: 600px;
height: 300px;
}

.submitbutton{
padding: 20px 0px 0px 250px;
}

.submitbutton input{
padding: 5px;
}

.deadline{
color: #ffffff;
border: 1px red solid;
padding: 10px;
margin: 10px 0px 0px 0px;
font-weight: bold;
text-align: center;
}

/* Home Page */

#homewelcome {
padding: 10px 0px 20px 0px;
color: #c69c6d;
}

#homecolumns{
width: 900px;
clear: both;
overflow: hidden;
background-image: url("images/v3bghomecol.jpg");
}

#homecol1, #homecol2, #homecol3{
width: 250px;
float: left;
background-image: url("images/v3bgbox.jpg");
background-repeat: no-repeat;
background-color: #000000;
padding: 30px 20px 20px 20px;
}

#homecol1 h3, #homecol2 h3, #homecol3 h3{
text-align: center;
color: #ff9f00;
padding: 0px 0px 10px 0px;
}

#homecol1 h4, #homecol2 h4, #homecol3 h4{
color: #ffffff;
padding: 0px 0px 5px 0px;
}


#homecol1 img, #homecol2 img, #homecol3 img{
border: 1px #c69c6d solid;
margin: 0px auto;
}

#homecol1, #homecol2
{
margin-right: 15px;
}

#homecolumns .homecoltext{
padding: 10px 0px 0px 0px;
font-size: 90%;
color: #c69c6d;
}

#homecolumns .morelinks{
width: 900px;
clear: both;
overflow: hidden;
}

#homecolumns .morelinks li{
display: block;
width: 270px;
padding: 10px;
float: left;
text-align: right;
border-top: 1px #282828 solid;
background-image: url("images/v3arrowmore.jpg");
background-repeat: no-repeat;
background-position: 10px 8px;
}
#homecolumns .morelinks li.more236{
margin-left: 15px;
margin-right: 15px;
}

#homecolumns .morelinks a{
color: #ff9f00;
text-decoration: none;
}

#homecolumns .morelinks a:hover{
text-decoration: underline;
}

#homepage table.top5 {width: 100%; margin-top: 7px;}
#homepage table.top5 td {padding: 5px; text-align: center; font-size: 90%;}
#homepage table.top5 td.team {text-align: left;}
#homepage table.top5 tr.first td {border-top: 1px #ff9f00 solid; border-bottom: 1px #ff9f00 solid; font-weight: bold; font-size: 90%; color: #ffffff;}
#homepage table.top5 td {border-bottom: 1px #282828 solid;}


/* News Page */

#newswelcome{
width: 900px;
overflow: hidden;
padding: 20px 0px 20px 0px;
}

#newswelcome .newsimage{
background-color: #222222;
padding: 10px 10px 10px 10px;
width: 227px;
float: right;
}

#newswelcome .newsimage img{
border: 1px #ff9f00 solid;
}

#newswelcome .newsitemtop{
width: 643px;
float: left;
padding: 0px 10px 0px 0px;
}

#newswelcome .newsitemtop .newsheadline{
font-size: 120%;
font-family: 'courier new', courier, arial, sans-serif;
font-weight: bold;
}

#newswelcome .newsitemtop .newsdate{
font-size: 90%;
}

#newswelcome .newsitemtop .newsabstract{
color: #c69c6d;
}


#newscolumns{
width: 900px;
overflow: hidden;
}

#newscol1{
width: 600px;
float: right;
}

#newscol2{
width: 290px;
margin-right: 10px;
float: left;
font-size: 90%;
}

#newscol2 .newscol2con{
background-image: url("images/v3bgbox.jpg");
background-repeat: no-repeat;
background-color: #000000;
padding: 20px;
margin-bottom: 10px;
}

#newscol2 .newscol2con h3{
text-align: center;
padding: 10px 0px 10px 0px;
font-size: 130%;
}

#newscol2 .newscol2con .newsitem{
border-bottom: 1px #282828 solid;
padding: 10px 0px 10px 0px;
}

#newscol1 h3{
font-size: 140%;
border-bottom: 1px #c69c6d dotted;
}

#newscol1 .newsitem{
padding: 10px 0px 10px 0px;
border-bottom: 1px #000000 solid;
}

#newscol1 .newsitem .newsheadline{
font-size: 110%;
font-family:  'courier new', courier, arial, sans-serif;
padding: 5px 0px 10px 0px;
}

#newscol1 .newsitem .newsabstract{
font-size: 90%;
}

#newscol1 .newsitem .newsdate{
color: #c69c6d;
font-size: 90%;
text-align: right;
}

/* League Table */


#leaguetabnav {overflow: hidden; width: 880px; padding: 10px 10px 0px 10px;}
#leaguetabnav h3 {font-size: 90%; padding: 4px 0px 4px 0px; font-weight: bold;}
#leaguetabnav .racebyrace {float: left; width: 130px;}
#leaguetabnav .races {float: left; width: 750px; font-size: 75%;}
#leaguetabnav .races ul li{background-color: #222222; padding: 4px; margin: 0px 1px 0px 0px; display: block; float: left;  font-size: 100%; font-weight: bold;}
#leaguetabnav .races ul li a {color: #c69c6d; text-decoration: none;}
#leaguetabnav .races ul li a:hover {color: #ffffff; text-decoration: underline;}
#leaguetabnav .races ul li.selected {background-color: #ff9f00; color: #000000;}

#leagueseasonnav {overflow: hidden; width: 880px; padding: 10px 10px 10px 10px; border-bottom: 1px #ffffff dotted;}
#leagueseasonnav h3 {font-size: 90%; padding: 4px 0px 4px 0px; font-weight: bold;}
#leagueseasonnav .seasonbyseason {float: left; width: 130px;}
#leagueseasonnav .seasons .selectseason {float: left; width: 65px;}
#leagueseasonnav .seasons .selectseason select {width: 60px;}

.noteamsyet {padding: 10px 0px 0px 0px;}

table.leaguetable{
width: 100%;
margin-top: 20px;
}

table.leaguetable td{
padding: 5px;
font-size: 90%;
border-bottom: 1px #222222 solid;
border-top: 1px #333333 solid;
}

table.leaguetable th{
text-align: left;
padding: 5px;
border-bottom: 1px #000000 solid;
}

table.leaguetable td.teamname{
color: #ff9f00;
}

table.leaguetable td.teamowner{
color: #c69c6d;
}

table.leaguetable td.teampoints{
color: #ff9f00;
font-weight: bold;
text-align: center;
}

#leaguetablepage .footnote{
font-size: 90%;
}


#leaguetablepage .footnote h3{
padding: 20px 0px 5px 0px;
color: #ff9f00;
border-bottom: 1px #c69c6d dotted;
}

#leaguetablepage .footnote p{
padding: 10px 0px 0px 0px;
}

/* Team Breakdown */

table.teambreakdown{
width: 100%;
margin-top: 20px;
}

table.teambreakdown td{
padding: 5px;
font-size: 90%;
border-bottom: 1px #222222 solid;
border-top: 1px #333333 solid;
border-left: 1px #222222 solid;
border-right: 1px #333333 solid;
text-align: center;
}

table.teambreakdown th{
text-align: center;
padding: 5px;
border-bottom: 1px #000000 solid;
}

table.teambreakdown th.elemeven,
table.teambreakdown th.elemodd{
text-align: left;
border-bottom: 1px #222222 solid;
border-top: 1px #333333 solid;
border-left: 1px #222222 solid;
border-right: 1px #333333 solid;
}

table.teambreakdown th.grandtotal{
text-align: left;
border-bottom: 1px #222222 solid;
border-top: 1px #000000 solid;
border-left: 1px #222222 solid;
border-right: 1px #333333 solid;
}

table.teambreakdown th.elemeven,
table.teambreakdown th.elemodd{
color: #ff9f00;
}

table.teambreakdown td.elemtotaleven,
table.teambreakdown td.elemtotalodd{
color: #ff9f00;
font-weight: bold;
font-size: 100%;
}

table.teambreakdown td.racetotal,
table.teambreakdown td.grandtotal{
border-top: 1px #000000 solid;
font-weight: bold;
font-size: 100%;
}

table.teambreakdown th.race,
table.teambreakdown td.racetotal{
color: #c69c6d;
}

#teambreakdownpage .footnote{
padding-top: 20px;
}

#teambreakdownpage .footnote h3{
color: #c69c6d;
padding: 20px 0px 0px 0px;
}

/* Scoring Page */

#scoringpage h3{
color: #ff9f00;
padding: 30px 0px 10px 0px;
border-bottom: 1px #c69c6d dotted;
}

#scoringpage h4{
color: #c69c6d;
padding: 10px 0px 10px 0px;
}

#scoringpage h5{
padding: 10px 0px 0px 0px;
color: #c69c6d;;
border-bottom: 1px #ff9f00 solid;
}

#scoringpage p{
padding: 10px 0px 0px 0px;
}

#scoringpage p.qual,
#scoringpage p.therace{
padding: 0px 0px 0px 0px;
}

#scoringpage p.intro{
color: #c69c6d;
padding: 20px 0px 0px 0px;
}

#scoringpage ul{
color: #c69c6d;
padding: 10px 0px 0px 40px;
}

/* Select Team */

.description{
color: #c69c6d;
padding: 20px 0px 20px 0px;
}

.red {
margin-top: 10px;
background-color: #c69c6d;
border: 10px red dashed;
color: #000000;
padding: 20px;
font-weight: bold;
}

.teamnote{
font-weight: bold;
margin-bottom: 20px;
}

h3.teamnoteh3{
color: red;
font-weight: normal;
}

#main .red a{
color: #ffffff;
}

#main .red a:hover{
color: #000000;
}

p.remaining{
margin-left: 570px; 
margin-top: 30px;
background-color: #222222; 
color: #ffffff; 
text-align: right; 
padding: 10px 20px 2px 10px; 
width: 300px;
}

span.budgetremain {
color: #ff9f00; 
font-size: 200%; 
font-weight: bold;
}
span.budgetremainred{
color: red; 
font-size: 200%; 
font-weight: bold;
}

.compcont{
clear: both; 
width: 900px; 
overflow: hidden;
background: #222222;
}
.compcont-Driver {
padding-top: 10px;
}
.compcont-Engine {
padding-bottom: 10px;
}

.compcont .compnav {
width: 900px;
clear: both;
overflow: none;
display: block;
height: 60px;
background-image: url("images/v3selectheaderbg.jpg");
background-repeat: repeat-x;
}


.compcont .compnav .title{
width: 130px;
height: 40px;
line-height: 40px;
float: left;
overflow: hidden;
color: #ff9f00;
margin-top: 10px;
padding: 0px 10px 0px 10px;
}

.compcont .compnav .selected{
width: 600px;
height: 40px;
float: left;
overflow: hidden;
margin-top: 10px;
}

.compcont .compnav .selected .selectedtitle{
width: 100px;
height: 40px;
line-height: 40px;
float: left;
overflow: hidden;
background-image: url("images/v3navbgleft.jpg");
background-repeat: no-repeat;
background-position: right;
color: #ffffff;
}

.compcont .compnav .selected .selectedname{
height: 40px;
line-height: 40px;
float: left;
overflow: hidden;
background-image: url("images/v3navbgright.jpg");
background-repeat: no-repeat;
background-position: right;
padding: 0px 20px 0px 10px;
color: #ff9f00;
}

.compcont .compnav .choose{
width: 120px;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 30px;
float: right;
overflow: hidden;
margin-top: 10px;
background-image: url("images/v3arrowshow.jpg");
background-repeat: no-repeat;
background-position: 0px 7px;
}

.compcont .compnav .hide{
background-image: url("images/v3arrowhide.jpg");
}

#main .choose a{
color: #c69c6d;
}

#main .choose a:hover{
color: #ff9f00;
}

.compcont .comps { 
width: 900px;
clear: both;
overflow: hidden;
background-color: #000000;
}

.compcont .comps .compcol {
width: 225px;
float: left;
}

.compcont .comps-Chassis .compcol,
.compcont .comps-Engine .compcol,
.compcont .comps-Tyre .compcol{
width: 300px;
}


.compcont .comps .compcol li {
list-style: none;
width: 225px;
}
.compcont .comps-Chassis .compcol li,
.compcont .comps-Engine .compcol li,
.compcont .comps-Tyre .compcol li{
width: 300px;
}
.compcont .comps .compcol ul.even li { }
.compcont .comps .compcol ul.odd li { }

.compcont .comps .compcol .cont{
margin: 5px;
width: 215px;
clear: both;
overflow: hidden;
}
.compcont .comps-Chassis .compcol .cont,
.compcont .comps-Engine .compcol .cont,
.compcont .comps-Tyre .compcol .cont{
width: 290px;
}


.compcont .comps .compcol .cont .pick {
width: 25px;
float: left;
text-align: center;
}

.compcont .comps .compcol .cont .comp{
width: 190px;
float: left;
}
.compcont .comps-Chassis .compcol .cont .comp,
.compcont .comps-Engine .compcol .cont .comp,
.compcont .comps-Tyre .compcol .cont .comp{
width: 265px;
}

.compcont .comps .compcol ul.odd .cont .pickodd,
.compcont .comps .compcol ul.even .cont .pickodd {background-color: #404040; padding: 5px 0px 4px 0px;}
.compcont .comps .compcol ul.odd .cont .pickeven,
.compcont .comps .compcol ul.even .cont .pickeven {background-color: #4a4a4a; padding: 5px 0px 4px 0px;}

.compcont .comps .compcol ul.odd .contsel .pickodd, 
.compcont .comps .compcol ul.odd .contsel .pickeven, 
.compcont .comps .compcol ul.even .contsel .pickodd, 
.compcont .comps .compcol ul.even .contsel .pickeven {
background-color: #ff9f00;
}

.compcont .comps .compcol ul.odd li.odd .cont .comp,
.compcont .comps .compcol ul.even li.odd .cont .comp {background-image: url("images/v3contbg2c.jpg"); background-repeat: repeat-y; background-position: left; background-color: #222222; border-bottom: 5px #282828 solid;}
.compcont .comps .compcol ul.odd li.even .cont .comp,
.compcont .comps .compcol ul.even li.even .cont .comp {background-image: url("images/v3contbg2d.jpg"); background-repeat: repeat-y; background-position: left; background-color: #2d2d2d; border-bottom: 5px #282828 solid;}

.compcont .comps .compcol ul.odd li.odd .contsel .comp,
.compcont .comps .compcol ul.odd li.even .contsel .comp,
.compcont .comps .compcol ul.even li.odd .contsel .comp,
.compcont .comps .compcol ul.even li.even .contsel .comp {
background-image: url("images/v3contbg2sel.jpg"); background-color: #c69c6d; border-bottom: 5px red solid;
}

.compcont .comps .compcol .cont .comp .name{
float: left;
font-size: 90%;
font-weight: bold;
padding: 5px;
}
.compcont .comps .compcol .contsel .comp .name{
color: #000000;
}

.compcont .comps .compcol .cont .comp .price{
float: right;
font-size: 90%;
font-weight: bold;
padding: 5px 5px 5px 0px;
color: #ff9f00;
}
.compcont .comps .compcol .contsel .comp .price{
color: #222222;
}

.compcont .comps-Chassis .compcol .cont .comp .name,
.compcont .comps-Engine .compcol .cont .comp .name,
.compcont .comps-Tyre .compcol .cont .comp .name,
.compcont .comps-Chassis .compcol .cont .comp .price,
.compcont .comps-Engine .compcol .cont .comp .price,
.compcont .comps-Tyre .compcol .cont .comp .price{
font-size: 95%;
}

.compcont .comps .compcol .cont .comp .details{
clear: both;
font-size: 80%;
padding: 0px 5px 5px 5px;
color: #c69c6d;
}
.compcont .comps .compcol .contsel .comp .details{
color: #ffffff;
}

.compcont .comps .compcol .cont .comp .details .dettype{
width: 180px;
overflow: hidden;
}
.compcont .comps .compcol .cont .comp .details .dettype .dettitle{
width: 60px;
float: left;
}
.compcont .comps .compcol .cont .comp .details .dettype .detnames{
width: 120px;
float: left;
}

.compcont .comps-Chassis .compcol .cont .comp .details .dettype,
.compcont .comps-Engine .compcol .cont .comp .details .dettype,
.compcont .comps-Tyre .compcol .cont .comp .details .dettype{
width: 255px;
}

.compcont .comps-Chassis .compcol .cont .comp .details .dettype .detnames,
.compcont .comps-Engine .compcol .cont .comp .details .dettype .detnames,
.compcont .comps-Tyre .compcol .cont .comp .details .dettype .detnames{
width: 195px;
}



.compcont .comps .compcol .cont .comp .biog{
font-size: 80%;
padding: 0px 5px 5px 5px;
color: #222222;
}
#main .compcont .comps .compcol .contsel .comp .biog a{
color: #282828;
}
#main .compcont .comps .compcol .contsel .comp .biog a:hover{
color: red;
}

.regdetails{
clear: both;
padding-top: 40px;
}

.regdetails h3{
color: #ff9f00;
}

.regdetails .detail .capdetails{
width: 600px;
overflow: hidden;
}

.regdetails .detail .capdetails .capimg{
width: 200px;
float: left;
}

.regdetails .detail .capdetails .capreload{
width: 400px;
float: left;
}

.regdetails .detail .capdetails .capinp{
clear: both;
padding: 10px 0px 0px 0px;
}

.regdetails .required{
color: red;
}

#submitbutton{
padding: 0px 0px 0px 250px;
}

#submitbutton input{
padding: 5px;
}

#overbudget{
color: red;
}

#errorpage h2{
border-bottom: 1px dotted red;
}

#errorpage p{
padding: 20px 0px 0px 0px;
}

/* Team Entered */

.teamentered{
}

.teamentered p{
color: #c69c69;
padding: 20px 0px 0px 0px;
}

.teamentered h3{
color: #ff9f00;
padding: 20px 0px 10px 0px;
text-align: center;
}

.teamentered table{
margin: 0px auto;
}

.teamentered table th,
.teamentered table td{
padding: 10px;
background-color: #222222;
}

.teamentered table th{
width: 100px;
}

.teamentered table td{
width: 300px;
}

.teamentered .goodluck{
padding: 20px 0px 0px 0px;
font-size: 160%;
font-weight: bold;
text-align: center;
}

/* Admin */

#adminmenu {width: 900px; overflow: hidden; clear: both; padding: 10px 0px 10px 0px;}
#adminmenu ul {background-color: #222222; width: 900px; overflow: hidden; clear: both;}
#adminmenu ul li {display: block; float: left; padding: 10px; border-right: 5px #282828 solid;}
#adminmenu ul li a {color: #c69c6d; text-decoration: none; }
#adminmenu ul li a:hover {color: #ff9f00;}

#adminmaincon {width: 900px; overflow: hidden; clear: both;}
#adminpage h3,
#adminmaincon h3 {color: #ff9f00; font-size: 115%; font-weight: normal; padding: 10px 0px 10px 0px;}
#adminmaincon h4 {color: #c69c6d; padding: 0px 0px 20px 0px;}
#adminmaincon h4 a {color: #ffffff;}

#adminmaincon table.admin { width: 100%; border: 0px #c69c6d solid; border-width: 0px 0px 1px 1px; }
#adminmaincon table.admin th {background-color: #222222;}
#adminmaincon table.admin th,
#adminmaincon table.admin td {padding: 5px; font-size: 85%; border: 0px #c69c6d solid; border-width: 1px 1px 0px 0px;}
#adminmaincon table.admin td input {border: 1px #222222 solid; padding: 2px; font-family: 'trebuchet ms', arial;}
#adminmaincon table.admin td select { font-family: 'trebuchet ms', arial; border: 1px #222222 solid; padding: 2px; }

#adminmaincon .resultdetails {width: 900px; overflow: hidden; clear: both; padding: 20px 0px 0px 0px}
#adminmaincon .resultdetails .qualresult {width: 440px; padding: 0px 10px 0px 0px; float: left;}
#adminmaincon .resultdetails .raceresult {width: 440px; padding: 0px 0px 10px 0px; float: right;}

#adminmaincon .pointsouter {width: 900px; overflow: hidden; clear: both;}
#adminmaincon .pointsouter .pointscon{width: 210px; float: left; padding: 0px 20px 0px 0px;}
#adminmaincon .pointsouter .pointscon-e {padding: 0px 0px 0px 0px;}
#adminmaincon .pointsouter .submitbutton {clear: both; padding: 20px 0px 0px 0px;}
.detail .uiadjtype input {width: 50px;}
.detail .uiadjdesc textarea {height: 100px;}

#adminmaincon table.tabcompsactive {margin-bottom: 20px;}