BODY {
  margin: 0px;
  text-align: center;
  background-color: rgb(15, 15, 35);
  color: white;
}

FORM {
  margin: 0px;
  padding: 0px;
}

BODY, TD, INPUT, TEXTAREA {
  font-family: verdana, sans-serif;
  font-size: 13px;
}

header, nav, article, section, footer, figure, aside {
    display: block;
}


#outer {
  margin: 0px auto 0px auto;
  width: 970px;
  text-align: left;
}

#header {
  height: 60px;
  background: url('/images/new7/topLogo01.jpg');
  background-color: rgb(180, 180, 180);
  font-size: 25px;
}

#menu {
  height: 30px;
  width: 950px;
  line-height: 30px;
  background: rgb(65, 65, 75) url('/images/new7/menuBkg.png');
  padding: 0 10px 0 10px;
  position: absolute;
  z-index: 5;
}

#menu .topMenu {
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  list-style: none;
}

#menu .topMenu li {
  float: left;
}

#menu .topMenu li a {
  font-weight: bold;
  display: block;
  padding: 0 5px 0 5px;
  text-decoration: none;
}

#menu .topMenu li a:link {
  color: white;
}

#menu .topMenu li a:visited {
  color: white;
}

#menu .topMenu li a:hover {
  color: rgb(250, 150, 0);
}

#menuItems {
  float: left;
}

#nfsMenu {
  width: 280px;
  float: left;
  margin: 0 0 0 10px;
  padding: 0px;
  list-style: none;
}

#nfsMenu .top {
  font-weight: bold;
  color: rgb(250, 150, 0);
}

#nfsMenu .top a {
  color: rgb(250, 150, 0);
}
#nfsMenu .top a:visited {
  color: rgb(250, 150, 0);
}
#nfsMenu .top a:active {
  color: rgb(250, 150, 0);
}

#nfsMenu .item {
  display:none;
  line-height: 20px;
  margin: 0;
  background-color: rgb(10, 10, 25);
}

#nfsMenu:hover .item {
  display: block;
}
 
#nfsMenu .item a {
  color: white;
  text-decoration: none;
  padding: 1px 5px 1px 5px;
  /*display: block;*/
}
#nfsMenu .item a:hover {
  color: rgb(250, 150, 0);
  /*background-color: rgb(65, 65, 75);*/
}

#menuItems input {
  font-size: 11px;
  margin: 0px;
  padding: 1px;
  background-color: rgb(65, 65, 75);
  color: rgb(200, 200, 200);
  border: solid 1px rgb(250, 150, 0);
  font-weight: bold;
}

#submenu {
  background-color: rgb(0, 0, 0);
}

#submenuBar {
  height: 40px;
}

#submenuItems {
  float: left;
  width: 620px;
  height: 40px;
  padding: 0 15px 0 15px;
}

#submenuItems a {
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  margin-right: 10px;
}
#submenuItems a:link {
  color: white;
}
#submenuItems a:visited {
  color: white;
}
#submenuItems a:hover {
  color: rgb(250, 150, 0);
}

#submenuLogin {
  float: left;
  text-align: right;
  width: 305px;
  height: 40px;
  font-size: 11px;
  padding: 0 10px 0 5px;
}

#submenuLogin input {
  font-size: 11px;
  margin: 1px;
  padding: 0px;
  background-color: rgb(65, 65, 75);
  border: solid 1px rgb(80, 80, 80);
  color: rgb(200, 200, 200);
  margin: 1px;
  font-weight: bold;
}

#submenuLogin a {
  text-decoration: underline;
  color: white;
  font-weight: bold;
}
#submenuLogin a:link {
  color: white;
}
#submenuLogin a:visited {
  color: white;
}
#submenuLogin a:hover {
  color: rgb(250, 150, 0);
}

#submenuTitle {
  margin: 5px 0 -1px 5px;
  font-size: 26px;
  color: rgb(225, 225, 225);
}

#main {
  background-color: rgb(225, 225, 225);
  height: 100%;
  background: url('/images/new7/mainBkg.png') top center repeat-y;
}

#content {
  width: 737px;
  background-color: white;
  /*border-right: solid 3px rgb(200, 200, 200);*/
  margin-right: 3px;
  float: left;
  padding: 10px;
  color: black;
}

#sidebar {
  float: left;
  width: 200px;
  background-color: rgb(225, 225, 225);
  color: black;
  font-size: 11px;
  padding: 5px;
}

#sidebar a {
  text-decoration: none;
  font-weight: bold;
}

#sidebar a:link {
  color: rgb(225, 125, 0);
}
#sidebar a:visited {
  color: rgb(225, 125, 0);
}
#sidebar a:hover {
  color: rgb(250, 150, 0);
  text-decoration: underline;
}

#sidebar .sideTitle {
  margin-top: 10px;
  background-color: rgb(200, 200, 200);
  color: black;
  font-weight: bold;
  line-height: 20px; 
  padding: 2px 0 2px 10px;
}

#sidebar .sideContent {
  padding: 2px;
}

#footer {
  clear: both;
  background-color: rgb(10, 10, 25);
  padding: 10px;
  font-size: 11px;
  color: rgb(200, 200, 200);
}

#footer a {
  text-decoration: underline;
}

#footer a:link {
  color: rgb(200, 200, 200);
}
#footer a:visited {
  color: rgb(200, 200, 200);
}
#footer a:hover {
  color: white;
}


FORM {
  padding: 0px;
  margin: 0px;
}

IMG {
  border: 0px;
}

HR {
  height: 0px;
  border: 0px;
  border-top: solid 1px rgb(100,100,180);
  border-bottom: solid 1px rgb(220, 220, 220);
  margin: 5px 0 5px 0;
  padding: 0px;
}

HR.thin {
  height: 0px;
  border: 0px;
  border-bottom: solid 1px rgb(100,100,180);
  margin: 0px;
  padding: 0px;
}

#content A:link {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#content A:visited {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#content A:hover {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}
#content A:active {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}



.boxMain {
  background-color: white;
  margin-bottom: 10px;
}
.boxMainHeader {
  background: navy url('/images/new6/mainBoxBkg.png') repeat-x;
  height: 40px;
}
.boxMainHeaderTitle {
  color: white;
  font-size: 18px;
  color: rgb(225,225,244);
  margin: -3px 0px 3px 0px;
  padding-left: 10px;
}
.boxMainInner {
  margin: 8px;
  width: 742px;
}

.boxSide {
  background-color: rgb(255,245,238);
  margin-bottom: 10px;
  font-size: 12px;
}
.boxSideHeader {
  background: rgb(251, 171, 41) url('/images/new6/contentBoxBkgOrange.png') repeat-x;
  height: 25px;
}
.boxSideHeaderTitle {
  color: black;
  margin: -7px 0px 0px 5px;
  padding-left: 5px;
  font-size: 13px;
}
.boxSideInner {
  margin: 5px;
}

.boxSideInner A:link {
  text-decoration: underline;
  color: rgb(80, 80, 80);
}
.boxSideInner A:hover {
  text-decoration: underline;
  background-color: rgb(225, 225, 225);
}
.boxSideInner A:visited {
  text-decoration: none;
  color: rgb(128, 128, 128);
}
.boxSideInner A:active {
  text-decoration: underline;
  color: black;
}

.cornerContentTop {
  background: url('/images/new6/cornerContentLeft180.gif') no-repeat top left;
  height: 10px;
  font-size: 1px; /* ie fix */
}
.cornerContentTop DIV {
  background: url('/images/new6/cornerContentRight180.gif') no-repeat top left;
  height: 10px;
  width: 10px;
  float: right;
}

.cornerContentBottom {
  background: url('/images/new6/cornerContentLeft180.gif') no-repeat top left;
  background-position: 0% 100%;
  height: 10px;
  font-size: 1px; /* ie fix */
}
.cornerContentBottom DIV {
  background: url('/images/new6/cornerContentRight180.gif') no-repeat top left;
  background-position: 0% 100%;
  height: 10px;
  width: 10px;
  float: right;
}


/* site specific css */

/* TL */
ul.tlMenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li.tlGameTypeSelect {
	float: left;
	background-color: #D0D0D0;
	width: 90px;
	padding: 2px;
	position: relative;
}
li.tlGameTypeSelect a {
	display: block;
}
li.tlGameTypeSelectActive {
	float: left;
	background-color: #F0F0F0;
	width: 90px;
	padding: 2px;
	position: relative;
}
li.tlGameTypeSelectActive a {
	display: block;
}

a.tlGameTypeSelect:link {
	font-size: 13px;
	letter-spacing: 1px;
	color: black;
}
a.tlGameTypeSelect:visited {
	font-size: 13px;
	letter-spacing: 1px;
	color: black;
}
a.tlGameTypeSelect:hover {
	font-size: 13px;
	letter-spacing: 1px;
	color: red;
}
a.tlGameTypeSelect:active {
	font-size: 13px;
	letter-spacing: 1px;
	color: red;
}

a.tlEntry:link {
	font-size: 10px;
	color: black;
	font-weight: bold;
}
a.tlEntry:visited {
	font-size: 10px;
	color: black;
	font-weight: bold;
}
a.tlEntry:hover {
	font-size: 10px;
	color: red;
	font-weight: bold;
}
a.tlEntry:active {
	font-size: 10px;
	color: red;
	font-weight: bold;
}

a.tlEntry1 {
	font-size: 10px;
	color: #808080;
	font-weight: bold;
}
a.tlEntry1:hover {
	color: red;
}
a.tlEntry2 {
	font-size: 10px;
	color: #585858;
	font-weight: bold;
}
a.tlEntry2:hover {
	color: red;
}
a.tlEntry3 {
	font-size: 10px;
	color: black;
	font-weight: bold;
}
a.tlEntry3:hover {
	color: red;
}
a.tlEntry0 {
	font-size: 10px;
	color: #CC3366;
	font-weight: bold;
}
a.tlEntry0:hover {
	color: red;
}

a.tlTrackTitle:link {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	color: white; 
}
a.tlTrackTitle:visited {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	color: white; 
}
a.tlTrackTitle:hover {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: underline;
	color: white; 
}
a.tlTrackTitle:active {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	color: white; 
}

P.title1 {
  padding: 0px;
  margin: 8px 0 8px 0;
  font-size: 18px;
  letter-spacing: 1px;
  color: rgb(60,60,91);
  border-bottom: dotted 1px rgb(60,60,91);
}

P.title2 {
  padding: 0px;
  margin: 8px 0 8px 0;
  font-size: 18px;
  letter-spacing: 1px;
  color: rgb(155, 155, 155);
  border-bottom: dotted 1px rgb(155, 155, 155);
}

/*P.title1 {
	padding: 2px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 5px;
	background: #636EC3 url('http://www.nfsunlimited.net/images/new5/backBlue.png');
	border-left: 10px solid #D5D5D5;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
}

P.title2 {
	padding: 2px;
	margin: 0px;
	margin-top: 8px;
	margin-bottom: 5px;
	background: #D5D5D5 url('http://www.nfsunlimited.net/images/new5/backGrey.png');
	border-left: 10px solid #636EC3;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #636EC3;
}*/

P.newsDate {
	height: 18px;
	letter-spacing: 1px;
	font-size: 14px;
	padding: 0px;
	padding-top: 1px;
	margin: 5px 0 2px 0;
	border: solid 1px rgb(195,195,214);
	background-color: rgb(232,232,252);
}
P.newsTitle {
	padding: 2px;
	border-bottom: dotted 1px #636EC3;
	margin: 0px;
}
FONT.newstitle {
	color: rgb(30,30,51);
	font-size: 22px;
}
FONT.newsSubTitle {
	font-weight: normal;
	color: #000000
}
P.newsMain {
	padding: 4px;
	margin-bottom: 16px;
	margin-top: 8px;
}

.roundBoxTopLeft {
  float: left;
  width: 10px;
  height: 10px;
  background-image: url('/images/comments-top-left.gif'); 
  /* IE Fix */
  font-size: 1px;
}

.roundBoxTopRight {
  float: right;
  width: 10px;
  height: 10px;
  background-image: url('/images/comments-top-right.gif');
  /* IE Fix */
  font-size: 1px;
}

.roundBoxBottomLeft {
  float: left;
  width: 10px;
  height: 10px;
  background-image: url('/images/comments-bottom-left.gif'); 
  /* IE Fix */
  font-size: 1px;
}

.roundBoxBottomRight {
  float: right;
  width: 10px;
  height: 10px;
  background-image: url('/images/comments-bottom-right.gif');
  /* IE Fix */
  font-size: 1px;
}

.commentsUser {
  float: right;
  width: 140px;
  font-size: 11px;
  border-left: solid 1px white;
  border-bottom: solid 1px white;
  padding: 4px;
}

.commentsText {
  margin-left: 10px;
  margin-top: 5px;
  width: 540px;
}


DIV.rightMenuInner {
	border: solid 2px #E0E0E0;
	background-color: #F8F8F8;
	padding: 2px;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}

DIV.rightMenuInnerTitle {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0px;
	margin-bottom: 3px;
	color: white;
	padding: 2px;
	background: rgb(255,155,50) url('/images/new5/backOrange.png')
}

.entryStar {
  width: 20px;
  height: 20px;
  float: left;
  background: url('/showroom/images/icons/star_empty.gif');
}
.entryStarActive {
  width: 20px;
  height: 20px;
  float: left;
  background: url('/showroom/images/icons/star_full.gif');
}

#sb {
  margin:0;
  padding:0;
  list-style:none;
  font-size: 11px;
}

#sb LI {
  margin: 0 0 25px 0;
  clear: both;
}

#sb .sbImage {
  float: left;
  position: relative;
  margin: 5px;
  width: 60px;
  padding: 1px;
  border: solid 1px rgb(100,100,180);
}

#sb .sbTitle {
  font-size: 12px;
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 11px;
}

#sb .sbText {
  margin: 0 0 5px 0;
  padding: 5px 0 0 0;
  margin-left: 75px;
  border-top: solid 1px rgb(100,100,180);
}

#sb .sbFooter {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  margin-left: 75px;
  font-size: 11px;
}

.bgColor1 {
  background-color: #EAEAFF;
}

.bgColor2 {
  background-color: #EAEAEA;
}

.boxDark1 {
  background-color: rgb(30,30,51);
  color: rgb(230, 230, 230);
  font-size: 12px;
}
.boxDark1 A:link {
  text-decoration: underline;
  color: rgb(180,180,250);
  background-color: transparent;
}
.boxDark1 A:visited {
  text-decoration: underline;
  background-color: transparent;
  color: rgb(200, 200, 200);
}
.boxDark1 A:hover {
  text-decoration: underline;
  background-color: transparent;
  color: rgb(150,150,230);
}
.boxDark1 A:active {
  text-decoration: underline;
  background-color: transparent;
}

P.titleDark1 {
  padding: 0px;
  margin: 8px 0 8px 0;
  font-size: 18px;
  letter-spacing: 1px;
  color: rgb(230, 230, 230);
  border-bottom: dotted 1px rgb(230, 230, 230);
}

.borderColor1 {
  border: solid 1px rgb(100,100,180);
}

.borderColor2 {
  border: solid 1px #EAEAEA;
}

#nfsunlimitedSb INPUT {
  font-size: 12px;
  margin: 1px;
  padding: 0px;
  background-color: rgb(65, 65, 75);
  border: solid 1px rgb(80, 80, 80);
  color: rgb(200, 200, 200);
  margin: 1px; 
}

#nfsunlimitedSb a {
  text-decoration: underline;
  color: white;
  font-weight: bold;
}
#nfsunlimitedSb a:link {
  color: white;
}
#nfsunlimitedSb a:visited {
  color: white;
}
#nfsunlimitedSb a:hover {
  color: rgb(250, 150, 0);
}

#nfsunlimitedSbText {
  font-size: 11px;
  color: black;
}

#nfsunlimitedSbText A:link {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#nfsunlimitedSbText A:visited {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#nfsunlimitedSbText A:hover {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}
#nfsunlimitedSbText A:active {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}

#nfsunlimitedSbOnline {
  font-size: 11px;
}

#nfsunlimitedSbOnline A:link {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#nfsunlimitedSbOnline A:visited {
  text-decoration: none;
  color: rgb(225, 125, 0);
}
#nfsunlimitedSbOnline A:hover {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}
#nfsunlimitedSbOnline A:active {
  text-decoration: underline;
  color: rgb(250, 150, 0);
}

#promoObject {
  margin: -10px -10px 10px -10px;
  height: 140px; 
}

#promoLink {
  display: block;
  height: 140px;
  text-decoration: none;
}

a.promoMenuLink {
  display: block;
  width: 30px;
  height: 28px;
  font-weight: bold;
  font-size: 20px;
  text-align: center; 
}

a.promoMenuLink:hover {
  background-color: rgb(100, 100, 100);
}

a.promoMenuLinkActive {
  display: block;
  width: 30px;
  height: 28px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  background-color: rgb(80, 80, 80);
}

a.promoMenuLinkActive:hover {
  background-color: rgb(100, 100, 100);
}

.leaderboardsPagination {
  margin: 8px 0 8px 0;
}
.leaderboardsPagination A {
  font-size: 13px;
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  margin: 2px 2px 2px 2px;
  border: solid 2px #A0A0A0;
  background-color: #F0F0F0;
}

.leaderboardsPagination A:hover {
  background-color: #E0E0E0;
  border: solid 2px rgb(250, 150, 0);
}

.leaderboardsPagination A.selected {
  border: solid 2px white;
  background-color: white;
}

.leaderboards {
  padding: 0;
  margin: 0;
  width: 100%;
  border-top: solid 1px #E8E8E8;
  border-left: solid 1px #E8E8E8;
  border-right: solid 1px #E8E8E8;
}

.leaderboards TH {
  font-size: 13px;
  font-weight: bold;
  background-color: #E0E0E0;
  border-bottom: solid 2px #A0A0A0;
  padding: 0 2px 0 2px; 
  margin: 0;
}

.leaderboards TR.bg0 {
  background-color: #F8F8F8;
}

.leaderboards TR.bg0:hover {
  background-color: rgb(255, 225, 170);
}

.leaderboards TR.bg1 {
  background-color: #F0F0F0:
}

.leaderboards TR.bg1:hover {
  background-color: rgb(255, 225, 170);
}

.leaderboards TR.bg2 {
  background-color: rgb(195, 255, 195);
}

.leaderboards TR.bg2:hover {
  background-color: rgb(255, 225, 170);
}

.leaderboards TR.bg3 {
  background-color: rgb(225, 225, 240);
}

.leaderboards TR.bg3:hover {
  background-color: rgb(255, 225, 170);
}

.leaderboards TR.bg4 {
  background-color: rgb(205, 205, 240);
}

.leaderboards TR.bg4:hover {
  background-color: rgb(255, 225, 170);
}

.leaderboards TD {
  font-size: 12px;
  padding: 0 2px 0 2px;
  margin: 0;
  border-bottom: solid 1px #E8E8E8;
}

.leaderboardsMainEvent {
  float: left;
  width: 355px;
  border-bottom: dotted 1px #E8E8E8;
  margin: 2px 0 2px 0;
}

.leaderboardsMainEventActive {
  float: left;
  width: 355px;
  border-bottom: dotted 1px #E8E8E8;
  margin: 2px 0 2px 0;
  background-color: #D0D0D0;
    /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(bottom left, #FFFFFF 0%, #D0D0D0 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(bottom left, #FFFFFF 0%, #D0D0D0 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(bottom left, #FFFFFF 0%, #D0D0D0 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(1, #D0D0D0));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(bottom left, #FFFFFF 0%, #D0D0D0 100%);
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to top right, #FFFFFF 0%, #D0D0D0 100%);
}

.leaderboardsMainEvent SPAN {
  float: right;
  font-size: 12px;
  margin-top: 4px;
} 

fieldset.inputForm {   
  float: left;     
  clear: both;     
  width: 100%;     
  margin: 0 0 1.0em 0;     
  padding: 0;     
  border: 1px solid #BFBAB0;
  background: #F0F0F0 url('/images/inputFormGradient.png') top center repeat-x;
}

fieldset.inputForm legend {   
  margin-left: 1em;   
  font-size: 18px;
  letter-spacing: 1px;
  color: rgb(60,60,91);
}

fieldset.inputForm ol {   
  padding: 0.5em 0.5em 0 0.5em;   
  list-style: none;  
}

fieldset.inputForm ol li {   
  padding-bottom: 0.75em;  
}

fieldset.inputForm ol li label {    
  float: left;    
  width: 18em;    
  margin-right: 1em;    
  text-align: right;   
}

fieldset.inputFormSubmit {    
  float: none;     
  width: auto;     
  border-style: none;     
  padding-left: 18em;     
  background-color: transparent;
}

article.news {
  margin: 5px 0 15px 0;
}

article.news header {
  font-weight: normal;
	color: #000000;
}

article.news header h1, .newstitle {
  padding: 2px;
	border-bottom: dotted 1px #636EC3;
	margin: 0px;
	font-weight: normal;
	color: rgb(30,30,51);
	font-size: 22px;
}