*{
	margin: 0 0;
	padding:0 0;
	color: #000000; 
}

a {
	outline: 0;
}

div { 
	outline: 0; 
}

object {
	outline: 0; 
}

a img {
border: 0;
}

li{
	margin-left:20px;
}

input:-webkit-autofill {
        color: #2a2a2a !important; 
}

input{
	padding:4px;
}

input.text { 
width: 250px; 
background: #444444;
border: 1px solid #DDDDDD;
} 

.inputbox
{
    border: solid 1px #D8D8D8;
    background-image: url(../images/grey_bg.png);
    background-repeat: repeat-x;
    background-position: top;
    width:200px;
}

.inputSubmit
{
	width:150px;
}

#notConfirmed{
	padding:5px;
	color:#AA0000;
	font-weight: bold;
	font-size:15px;
	background-color: #AAAAAA;
}



.inputbox:hover
{
    border: solid 1px #A11B1B;
    background-image: url(../images/grey_bg.png);
    background-repeat: repeat-x;
    background-position: top;
}

.inputbox:focus
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #A11B1B;
}


select{

	/*background: #444444;*/
	width: 250px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
select
{
    border: solid 1px #D8D8D8;
    /*background-image: url(../images/grey_bg.png);
    background-repeat: repeat-x;
        background-position: top;*/
}

select:hover
{
    border: solid 1px #A11B1B;
    background-image: url(../images/grey_bg.png);
    background-repeat: repeat-x;
    background-position: top;
}

select:focus
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #A11B1B;
}

.tableDark{
	background:#444444;
	}

.tableLight{
	background:#666666;
	}
	
.tableHead{
	background:#111166;
	color:#FFFFFF;
	font-weight: bold;
	height:20px;
	background: #FFFFFF url(../images/tablebg.png) no-repeat -70px;
}

.successMsg{
	color:green;
	font-weight:bold;
	font-size:15px;
}

.errorMsg{
	color:red;
	font-weight:bold;
	font-size:15px;
}
	
html,body{margin:0;padding:0}
body{font: 76% verdana,sans-serif;text-align:center; background: #000000;}
p{margin:0 10px 10px}
a{color: #981793;}
div#header{
	padding: 0px;
	margin:0px;
	/*margin-bottom:10px;*/
	/*background:#404040;*/
	/*border-bottom: 3px solid rgb(10,10,10);*/
	/*border-left: 3px solid rgb(10,10,10);
	border-right: 3px solid rgb(10,10,10);*/
	min-height:120px;
	display:block;
	position:absolute;
}

div#header .headpic{
	min-height:120px;
}

div#header .transparency{
	background-color:#222222;
	filter:alpha(opacity=70);
  	opacity:0.7;
	min-height:100px;
	
	border:4px solid #404040;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
  	z-index:-1; 
  	position:absolute;
  	top:-1px;  
    left:-1px; 
	height:100%;
	width:100%;
}

div#header h1{height:250px;line-height:150px;margin:0;
  padding-left:10px;
  color: #EEEEEE; 
  /*background: #333333 url(../images/orctop1.png) no-repeat 0px;*/
  background: #222222 no-repeat 0px;
  border-left:2px solid #404040;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
  
}

.banner{
	height:250px;
	width:1000px;
}

div#bannerDiv{
	height:100px;
	width:1000px;
}

div#mainBit{
	/*margin-top:120px;*/
}

div#container{width:1000px;
min-height:1400px;
/*display:block;*/
text-align:left;
background-position:center top;
background-repeat:repeat-x;
margin:0 auto;
}

div#content h1{
	color:#FF2020;	
}


div#footer{
background: #333;
color: #FFF;
height:20px;
font-size: 10px;
}
div#footer p{margin:0;padding:3px}


div#screenContainer{width:100%;margin:0 auto; min-height:120px;}
div#content{
	margin: 0px 200px 0 200px; 
	padding-top: 5px; 
	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	
	min-height:765px;
	z-index:0;
  	position:relative;
  	top: 120px;
	}
	
div#content .transparency{
	background-color:#EEEEEE;
	border:4px solid #404040;
	min-height:765px;
	width:594px;
	filter:alpha(opacity=90);
  	opacity:0.90;
  	z-index:-1; 
  	position:absolute;
  	top:0px;  
    left:-1px; 
    -moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	height:100%;
}
	

div#screenContent{
	margin-top: 0px; 
	padding-top: 5px; 
	background-color:#222222;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-left:2px solid #404040;
	border-right:2px solid #404040;
	min-height:765px;
	height:100%;
	}
	
div#content p{line-height:1.4;}


div#screenshotContainer a{
	color:#DDDDDD !important; 
}

div#content a{
	color:#222222;
}

div#content a:hover{
	color:#AA2222;
}

.libLogos{
	width:134px;
	height:50px;
}

div#libLogos{
	width:134px;
	height:50px;
}

div#altLibraryLogos{
	width:134px;
	height:50px;
}

div#LibraryLogos{
	margin-top: 10px;
	margin-bottom: 10px;	
	margin-left: 24px;
	min-height: 50px;
	width:134px;
	height:50px;
}

div#NewsTitle{
	font-size: 18px;
	font-weight: bold;
}

div#NewsDate{
	font-size: 10px;
}

div#content h2{
	padding-top:10px;	
	padding-bottom:10px;	
}

div#content h3{
	padding-bottom:5px;	
	color:#FF2020;
}

div#content strong,b{
	color:#FF2020;	
}

div#screenNavigation{
	float:left;
	width:100%;
	margin-top:10px;
	font-size:18px;
	padding-left:5px;
	margin-left:5px;
	font-weight: bold;
	min-height:80px;
	position: relative;
	z-index:0;
}

.share{
	height:100px;
	min-height:100px;
}

div#shareScreen{
	margin-left:5px;
	margin-top:50px;
	position:absolute;
	width:500px;
	z-index:0;
}

div#screenNavigation .transparency{
	background-color:#222222;
	filter:alpha(opacity=70);
  	/* CSS3 standard */
  	opacity:0.7;
  	position:absolute;
  	width:400px;
  	z-index:-2; 
  	top:-7px;  
    left:0px; 
    -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 3px solid #444444;
	height:110px;
}

div#twitter{
	float:left;
}
div#facebook{
	float:left;
}

div#wrapperHeading {
	width:1950;
	height:1400;
	min-height:1400;
	display:block;
	background-color:#000000;
	background-image: url(../images/orc_page_bg_06.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	}
	
div#screenNavigation a{
	float:left;
	min-width:200px;
	padding-left:5px;
	padding-top:3px; 
	padding-bottom:8px;
	text-decoration: none; 
	min-height:27px;
	color:#DDDDDD;
	border:none;
}

div#navigation{
	float:left;
	width:200px;
	margin-top:30px;
	font-size:18px;
	padding-left:5px;
	margin-left:0px;
	font-weight: bold;
	min-height:765px;
	position:relative;
	z-index:1; 
	top: 120px;
	height:100%;
}

div#navigation .transparency{
	background-color:#222222;
	filter:alpha(opacity=70);
  	opacity:0.7;
  	width:197px;
  	z-index:-1; 
  	position:absolute;
  	top:0px;  
    left:0px; 
	
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius:10px 0px 0px 10px;
	
	border-left: 3px solid #444444;
	border-top: 3px solid #444444;
	border-bottom: 3px solid #444444;
	height:100%;
}

div#navigation a{
	
	padding-left:5px;
	padding-top:3px; 
	padding-bottom:8px;
	text-decoration: none; 
	min-height:27px;
	color:#DDDDDD;
	display:block;
	border:none;
}

.navtitle{
	color:#a70304;
	font-weight: bold;
	font-size: 110%;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin: 0; 
}

div#altContent{
	padding: 0;
	margin: 0;
	width:100px;
	height:250px;
}

div#loggedOnDriver{
	color:#FF2020;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	width:191px;
	height:218px;
	min-width:191px;
	background: url(../images/pitboardtop.png) no-repeat 0px;
}

div#driverName{
	padding-top:5px;
	padding-left:0px;
	margin-left:0px;
	width:191px;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#000000
}

div#flag{
	min-height:48px;
	width:191px;
	padding-top:13px;
	text-align:center;
}

div#logoffButton{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:20px;
	width:191px;
	min-width:191px;
	min-height:55px;
	background: url(../images/pitboardbottom.png) no-repeat 0px;
	cursor:pointer
}

div#rankNumbers{
	font-size:30px;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:70px;
	letter-spacing:10px;
	padding-left:8px;
}

div#logoffButton:hover{
	min-width:191px;
	min-height:55px;
	background: url(../images/pitboardbottomglow.png) no-repeat 0px;
}


div#loggedOnDriver a:visited,a:link,a:active{
	//padding-left:0px;
	padding-bottom:5px; 
	text-decoration: none; 
	color:#DDDDDD;
}

div#loggedOnDriver h1{
	color:white;
	font-size:12px;
	font-weight: bold;
	padding-bottom:0px;
}

div#extra{
	float:right;
	width:185px;
	min-height:1200px;
	margin-right:5px;
	padding-left:5px;
	margin-top:30px; 
	min-height:765px;
	font-size:10px;
	padding-right:5px;
	position:relative;
	z-index:0;
	height:100%;
	top: 120px;
}

div#extra .transparency{
	background-color:#222222;
	filter:alpha(opacity=70);
  	opacity:0.7;
  	width:200px;
  	height:100%;
  	z-index:-1; 
  	position:absolute;
  	
  	top:0px;  
    left:0px; 
    -moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius:0px 10px 10px 0px;
	border-right: 3px solid #444444;
	border-top: 3px solid #444444;
	border-bottom: 3px solid #444444;
}

div#extra a{
	text-decoration: none; 
	color:#DDDDDD;
}
div#extra h3{
	color:#FFFFFF;
}

div#extra a:hover{
	text-decoration: none; 
	color:#FFDD33;
}

div#newsHeader{
	margin-top:10px;
	margin-bottom:10px;
}

div#OrcNews{
	padding-bottom:10px;
}


div#footer{
	clear:left;
	width:100%;
	text-align:right;
	background: #222222 no-repeat 0px;
}

div#regerror{
	padding: 10px;
}

div#regform{
	padding:10px 20px;
}

div#regform dt{
	font: 16px verdana,sans-serif;
	padding-top:10px;
	padding-bottom:2px;
}

div#PageTitle{
	font: 16px verdana,sans-serif;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
	color:#FF2222;
}

.resourceSection{

	height:145px;
    padding-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	overflow:auto;
	background-color:#efefef;
	scrollbar-face-color: #c5c6bd;
	scrollbar-shadow-color: #b5b8a8;
	scrollbar-highlight-color:#d6d7d2;
	scrollbar-3dlight-color: #fcfdf6;
	scrollbar-darkshadow-color: #afada5;
	scrollbar-track-color: #a6a6a3;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #c5c6bd;
}

#sortableControls{


	}


div.section,div#createNew {
	border: 1px solid #888888;
	margin: 30px 5px;
	padding: 0px 0px 10px 0px;
	background-color: #666666;
}

div#createNew input { margin-left: 5px; }

div#createNew h3, div.section h3{
	font-size: 14px;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	background-color: #444444;
	color: #000061;
	display: block;
}

div.section h3 {
	cursor: move;
}

div.lineitem {
	margin: 3px 10px;
	padding: 2px;
	background-color: #333333;
	cursor: move;
}

.categoryFunctions{
	font-size:65%;
}


div#social{
	display:inline;
	/*padding-left: 10px;*/
	padding-top: 20px;
}

div#social a{
	display:inline;
	min-height: 48px;
	min-width: 48px;
	margin-right:4px;
}

div#socialScreen{
	float:right;
	display:inline;
	padding-top: 0px;
	width:190px;
	height:80px;
}

div#socialScreen a{
	display:inline;
	min-height: 48px;
	min-width: 48px;
	margin-right:4px;
}

#altContentScreens{
	padding-left:0px;
	margin-left:0px;
}

.StatsHeading{
	font-size:20px;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:5px;	
}

.StatsHeadingSmall{
	display:inline;
	font-size:14px;
	width:300px;
	/*border:1px solid red;*/
}

.StatsDataSmall{
	display:inline;
	font-size:16px;
	font-weight:bold;
	min-width:300px;
	padding-left:10px;
	color:#FFDD33;
	/*border:1px solid blue;*/
}

#CountryStatsHeadingText{
}

.WorldRankNear,.CountryRankNear{
	padding:0;
	margin:0;
}

.WorldRankNearPlayer,.CountryRankNearPlayer{
	padding:0;
	margin:0;
	font-weight: bold;
	color:#FFDD33;
}

.statsflag{
	display:inline;
	margin-left: 0px;
	padding-bottom:0;
}

.statsflag img{
	display:inline;
	margin-left: 0px;
	padding-bottom:0;
	height:28px;
	float:left;
	margin-right:5px;
}

#StatsPoints{
	display:inline;
	font-size:25px;
	font-weight:bold;
	color:#FFDD33;
	padding-bottom:10px;
}
div#message{
	margin-bottom:10px;
}

div#forgotDiv.forgotPassword a{
	margin-top: 10px;
	color:#ff2222;
}


table.component {
	border-width: 1px;
	border-spacing: ;
	border-color: gray;
	width:570px;
}
table.component tr {
	
}

table.component td{
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	
	-moz-border-radius: ;
}

table.component td.odd {
	background:white;
}

table.component td.even {
	background:#EDD;
}

td#componentName{
	width:140px;
}

td#componentDesc{
	width:200px;
}

td#componentCheck{
	width:10px;
}

td#componentCredits{
	width:100px;
}

#homebutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -320px;
}

#homebutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -400px; 
}

#screenshotsbutton{
	background: url(../images/backgroundsprite.png ) no-repeat  0 -960px;
}

#screenshotsbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -1040px;
}

#featuresbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -160px;
}

#featuresbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -240px;
}

#newsbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -640px;
}

#newsbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -720px;
}

#registerbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -800px;
}

#registerbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -880px;
}

#loginbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -480px;
}

#loginbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -560px;
}

#statsbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -1120px;
}

#statsbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -1200px;
}

#topupbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -1280px;
}

#topupbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -1360px;
}

#adminbutton{
	background: url(../images/backgroundsprite.png ) no-repeat 0 0;
}

#adminbutton:hover{
	background: url(../images/backgroundsprite.png ) no-repeat 0 -80px;
}

#userbutton{
	background: url(../images/userbutton.png ) no-repeat
}

#userbutton:hover{
	background: url(../images/userbuttonred.png ) no-repeat
}

#shopbutton{
	background: url(../images/shopbutton.png ) no-repeat
}

#shopbutton:hover{
	background: url(../images/shopbuttonred.png ) no-repeat
}

.OrcButton{
	text-decoration: none;
	width:221px;
	height:62px;
	margin-top: -20px;
	background: url(../images/plainbutton.png ) no-repeat
}

.OrcButton:hover{
	background: url(../images/plainbuttonred.png ) no-repeat
}

.OrcButton a{
	font-weight:bold;
	margin-left:0px;
	color:white !important;
	position:relative;
	top: 20px;
	padding-left:30px; display:block;text-decoration:none; width:220px
}

.OrcButton a:hover a:visited{
	color:white;
	text-decoration: none;
}