body {
  background:url(/images/tireBg_50p.jpg) 50% 0 no-repeat #000 ;
  color:#fff;
  font-size:62.5%;
  /*font-size:8pt;*/
  font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
  text-align:center;
}
/* main layout */
#frame {
  width:995px;
  text-align:center;
  margin:0 auto;
  background:url(/images/frameBgFade3.jpg) top left repeat-x transparent;
  min-height:923px;
  height:auto !important;
  height:923px;
}

#page {
  width:978px;
  margin:00px auto;
  position:relative;
  min-height:480px;
  text-align:left;
}

#header {
  background:url(/images/headerBG_50p.jpg) top left no-repeat #000;
  width:978px;
  height:140px;
  margin-bottom:8px;
}
#header h1 { }
.hideOS { /* IMPORTANT! This style will hide things Off Screen. Use with care! */
  position:absolute;
  left:-9000px;
}

#header #search {
    float: right;
    margin: 15px 15px 0 0;
	 width: 300px;
}

#header #search div.row {
	clear: left;
	padding: 0;
	float: left;
	width: 260px;
}

#header #search label {
    width: 82px;
    height: 20px;
    display: block;
    font-size: 0;
    line-height: 0;
    float: left;
    margin: 0 8px 5px 0;
    clear: both;
    color: #000;
}

#header #search .lblUsername {
    background: url(/images/labelLogin.png) no-repeat;
}

#header #search .lblPassword {
    background: url(/images/labelLogin.png) 0 -20px no-repeat;
}

#header #search .textbox {
    margin-bottom: 5px;
   
    width: 155px;
    height: 16px;
    background: #fff;
    border: none;
    font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
    font-size: 95%;
}

#header #search .btnGo {
    float: right;
    margin: -5px 0 3px 0px;
}

#header #search a {
	font-weight: bold;
    background: url(/images/blueArrow.png) left 4px no-repeat;
    padding: 0 8px;
}

#header #search .lblSearch {
    background: url(/images/searchLabel_24b.png) no-repeat;
    width: 110px;
}

#header #search .search 
{
    width: 128px;
}

div#header div#loggedIn {
	background-color: #000;
	border: 3px solid #66CC00;
	padding: 6px;
	width: 270px;
}

div#header div#loggedIn h4 {
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 4px;
}

div.errors {
	background-color: #000;
	padding: 5px;
}
/* relWrap - wrap this around items that need absolute positioning within another element. */
.relWrap { position:relative; }

p { font-size:1em; margin:0 0 12px 0; line-height:120%;}
h4 {
  font-weight:bold;
  font-size:1.4em;
  color:#fdc314;
  line-height:120%;
  margin-bottom:8px;
}
.panelInner ul li {
  font-size:1em;
  list-style:disc;
  margin-left:15px;
}
.panelInner ul { margin-bottom:8px; }

.panelInner ul.blueArrow li {
  font-size:1em;
  list-style:none;
  margin-left:0;
}
.panelInner ul.blueArrow {
  margin-bottom:0px;
}
/* high level link styles */
a:link, a:visited, a:active,a:hover {
	color:#66CC00;
	font-size:1.0em;
	font-weight:bold;
  text-decoration:none;
}
a:hover {
	color:#fff;
}

/* Main Column Structs*/
#leftContent {
  width:152px;
  margin-right:8px;
  margin-right:6px;
  float:left;
}
#nav {
  margin-bottom:10px;
}
.Isite-Menu-Selected { }
#nav .Isite-Menu-Leaf a,
#nav .Isite-Menu-WithChildren a,
#nav .Isite-Menu-Selected li a {
  width:152px;
  height:31px;
  display:block;
  color:#66CC00;
  text-decoration:none;
}

#nav .Isite-Menu-WithChildren ul li a {
    height: 1%;
	background: none;
}

#nav .Isite-Menu-Leaf a:hover,
#nav .Isite-Menu-WithChildren a:hover,
#nav .Isite-Menu-Selected li a:hover {
  color:#fff;
}
#nav a span{ position:absolute; left:-9000px; }
#nav ul ul a span{ position:relative;left:auto;}

li.pageId-24 a{ background:url(/images/nav/home.png) 0 0 no-repeat transparent; }
li.pageId-25 a{ background:url(/images/nav/superxtv.png) 0 0 no-repeat transparent; }
li.pageId-26 a{ background:url(/images/nav/news.png) 0 0 no-repeat transparent; }
li.pageId-27 a{ background:url(/images/nav/schedule.png) 0 0 no-repeat transparent; }
li.pageId-28 a{ background:url(/images/nav/tvschedule.png) 0 0 no-repeat transparent; }
li.pageId-29 a{ background:url(/images/nav/tracks.png) 0 0 no-repeat transparent; }
li.pageId-30 a{ background:url(/images/nav/formats.png) 0 0 no-repeat transparent; }
li.pageId-31 a{ background:url(/images/nav/riders.png) 0 0 no-repeat transparent; }
li.pageId-32 a{ background:url(/images/nav/leaderboards.png) 0 0 no-repeat transparent; }
li.pageId-33 a{ background:url(/images/nav/photogalleries.png) 0 0 no-repeat transparent; }
li.pageId-34 a{ background:url(/images/nav/superxbabes.png) 0 0 no-repeat transparent; }
li.pageId-35 a{ background:url(/images/nav/club.png) 0 0 no-repeat transparent; }
li.pageId-36 a{ background:url(/images/nav/merchandise.png) 0 0 no-repeat transparent; }
li.pageId-37 a{ background:url(/images/nav/corporatehospitality.png) 0 0 no-repeat transparent; }
li.pageId-38 a{ background:url(/images/nav/about.png) 0 0 no-repeat transparent; }
li.pageId-39 a{ background:url(/images/nav/linkssponsors.png) 0 0 no-repeat transparent; }
li.pageId-59 a{ background:url(/images/nav/afmx.png) 0 0 no-repeat transparent; }
li.pageId-60 a{ background:url(/images/nav/afmx.png) 0 0 no-repeat transparent; }
li.pageId-68 a{ background:url(/images/nav/competitions.png) 0 0 no-repeat transparent; }
li.pageId-178 a{ background:url(/images/nav/audio.png) 0 0 no-repeat transparent; }

#nav .Isite-Menu-Selected a,
#nav .Isite-Menu-ChildSelected a,
#nav .Isite-Menu-Leaf a:hover,
#nav .Isite-Menu-WithChildren a:hover {
  background-position:0 -31px;
}

#nav ul ul {
  background:url(/images/subNavBg.png) top left repeat-x transparent;
  _background:url(/images/subNavBg.gif) top left repeat-x #161616;
}
#nav ul ul .Isite-Menu-Leaf a {
  background-image:none;
  height:auto;
  width:auto;
}
#nav ul ul li {
  padding:12px 0 0px 10px;
  height:1%;
}
#nav ul ul {
  padding-bottom:20px;
}

#nav ul ul ul {
	padding-bottom:0;
	background: none;
}

#nav ul ul ul li a {
	font-weight: normal;
	background: none;
}

#nav ul ul ul li {
	padding-top: 8px;
}

#mainContent {
 	width: 820px;
  float:left;
  position: relative;
  font-size:1.1em;
  line-height:120%;
}
.mainLeft {
  width:510px;
  float:left;
  clear:right;
}
.mainRight {
  margin-left:520px;
  width:300px;
  _margin-left:8px;
  _float:left;
}
.mainWide {
  width:819px;
  clear:both;
}
.mainLeft, .mainRight, .mainWide{
  /*margin-bottom:10px;*/
}
.mainLeftPanel, .mainRightPanel, .mainWidePanel {
  margin-bottom:10px;
}
/** Panels */
/* Panel Headings  - set the font size so there is no extra whitespacing */
.panelHeading {
	height: 38px;
}
.panelHeading h2{
  background:url(/images/h2Bg.gif) right top transparent no-repeat;

}
.panelBody {
  min-height: 223px;
  height:auto !important;
  height: 233px;
  position: relative;
}

.panelInner{
	padding:10px 10px 25px 10px;
}

.homePageTpl .mainLeftPanel .panelInner {
  padding-bottom:25px;
}
.panelInner .padded {
  padding:0 7px;
}
.mainRightPanel .panelInner {
  padding-left:10px;
}
.mainWidePanel .panelInner {
  padding-left:10px;
  padding-right:10px;
}
.mainLeftPanel .panelInner,
.mainWidePanel .panelInner {
  padding-bottom:85px;
}

#homePageMainPanel .panelInner {
  padding: 0 0 0 0;
}
#homePageMainPanel.mainLeftPanel .panelBody{
  background:none #000;
  border-left:1px solid #202020;
  border-right:1px solid #202020;
  border-bottom:1px solid #202020;
}
/* Left Panel Struct */
.leftPanel {
  background:url(../images/leftPanelBottom.gif) bottom left no-repeat transparent;
  margin-bottom:10px;
}
.leftPanel .panelBody {
  
  min-height: 60px;
}
.leftPanel h2 {
  background:none;
}

/* QUICK SEARCH MOD */

div#quickSearch {
	border-bottom: 1px solid #202020;
	
	background-image: none;
	background-color: #000;
}

div#quickSearch div.panelBody {
	border-right: 1px solid #202020;
	border-left: 1px solid #202020;
	min-height: 0;
}

div#quickSearch div.panelBody div.panelInner {
	padding-bottom: 10px;
	padding-top: 5px;
}

div#quickSearch input.textbox {
	width: 90px;
	margin-right: 5px;
	float: left;
	display: block;
	margin-top: 2px;
}

div#quickSearch input.btnGo {
	float: left;
	
}

/* SEARCH RESULTS */

div#searchResults ol
{
	line-height: 1.6em;
}

div#searchResults ol li 
{
	border-bottom:1px solid #3c3c3c;
	padding: 5px 0 5px 0;
	}

div#searchResults ol li div.synopsis
{
	margin-top:5px;
}

/* mainLeft panels */
.mainLeftPanel {
  background:url(../images/middlePaneBottomShort.png) bottom left no-repeat transparent;

}
.mainLeftPanel .panelBody {
  
}
.mainLeftPanel .panelInner {
}
/* mainRight panels */
.mainRightPanel {
 background:url(../images/rightPaneBottomShort.png) bottom left no-repeat transparent;
}
.mainRightPanel .panelBody {
  
}

/* mainWide panels */
.mainWidePanel {
  background:url(../images/widePaneRpt.png) top left repeat-y transparent;
}
.mainWidePanel .panelInner {
}
.mainWidePanel .panelBody {
  background:url(../images/widePaneBottomShort.png) bottom left no-repeat transparent;
}

/* Footer */
#footerWrap {
  width:995px;
  text-align:center;
  margin:0 auto;
}
#footer {
  clear:both;
  margin-top:20px;
  overflow:hidden;
  float:left;
  padding-bottom:20px;
}

#footerLinks {
  padding:10px 15px;
  height:40px;
  width:965px;
}
#footerLinks .linkSet{
  float:left;
}
#footerLinks a:link,
#footerLinks a:visited,
#footerLinks a:active {
  color:#fff;
}
#footerLinks a:hover {
  color:#66CC00;
}

#footerLinks ul li {
  font-weight:bold;
  font-size:0.9em;
  float:left;
  padding:3px 7px;
  background:url(../images/blueSep.gif) right 4px no-repeat transparent;
}

#footerLinks ul li.last{
  background-image:none;
}

#footerPromos {
	position:relative;
}

#footerPromos #dubzFoot {
	right:0;
	position:absolute;
	top:0;
	display: none;
}

#footerPromos #dubzFoot a {
	display:block;
	width:110px;
	height:23px;
	background:url(/images/promo/dubz_double.png) 0 0 no-repeat transparent;
	margin-top:7px;
}

#footerPromos #dubzFoot a:hover{
  background-position:0 -23px;
}
#rollWrap {
  width:995px;
  height:80px;
  position:relative;
  overflow:hidden;
}
/*#rollWrap #roller{

  height:60px;
}
#rollWrap #roller li { margin-right:20px; }

#rollWrap #roller a{
  display:block;
  width:120px;
  float:left;
  background:#000;
  padding:0 20px;
}
*/

#roller
{
height:60px;
overflow:hidden;
}
#roller div.item {
  height:60px;
  float:left;
  /*width:140px;*/
  /*margin-top:-1px;*/
  padding:0 20px;
}

/* News */
.newsArticle { overflow:hidden; }
.newsList, .newsArticle {  }
.newsArticle .mainArticlepic,
.newsListItem .headlineItemPic {
  float:left;
  margin:3px 15px 15px 0;
  border:1px solid #008eed;
}
.newsListItem .headlineItemPic a { line-height:0px;font-size:0px;}
.newsArticle h3 {
  color:#ffcc00;
  font-size:1.3em;
  line-height:110%;
  margin:0 0 5px 0;

}
.newsArticle p.articleDate {
  margin:0 0 5px 0;
}
.newsArticle p{ }

div.padded {
	margin-bottom: 15px;
}


/* News List */
.newsList { }
.newsList .newsListItem { margin:0 0 15px 0;}
.newsList .newsListItem .newsListItemPic { width:110px; float:left;}
.newsList .newsListItem .newsListItemBody { width:365px; float:left; }
.newsListItem h3 {
  margin:0 0 3px;
  font-size:1.1em;
}
.newsListItemBody h3 {
    padding-left:10px;
  background:url(/images/blueArrow.png) 0 4px transparent no-repeat;
}
.newsArticle .articleDate,
.newsList .articleDate {
  font-weight:bold;
  font-size:0.9em;
}
.newsList .articleDate {
  color:#999;
  margin:0 0 5px 0;
}
.newsList p {
  padding-left:10px;
}
.newsList .readMore {
  padding-bottom:10px;
}


/* Gallery List */
.galleryList { }
.galleryList .galleryListItem { margin:0 0 15px 0; overflow:hidden;_clear:both;}
.galleryList .galleryListItem .galleryListItemPic { 
  width:120px; float:left;
  background:url(/images/galleryListImageBg.jpg) top left no-repeat transparent;
  padding:9px 14px 6px 9px;
}
.galleryList .galleryListItem .galleryListItemBody { width:345px; float:left; }
.galleryListItem h3 {
  margin:0 0 3px;
  font-size:1.1em;
}
.galleryListItemBody h3 {
    padding-left:10px;
  /*background:url(/images/blueArrow.png) 0 4px transparent no-repeat;*/
}
.galleryList p {
  padding-left:10px;
}
.galleryList .readMore {
  padding-bottom:10px;
}


/* Generic */
ul.blueArrow li {
  padding-left:10px;
  background:url(/images/blueArrow.png) 0 4px transparent no-repeat;
  margin:0 0 4px;
}
ul.blueArrow li.noArrow {
  padding:0 10px 0 0;
  background:none;
}
div.blackFade {
  background:url(/images/blackFade_24b.png) top left repeat-x transparent;
  padding-top:5px;
}
.stdPagination ul {
  background:url(/images/blackFade_24b.png) top left repeat-x transparent;
  height:40px;
  padding:10px 15px;
}
.panelInner .stdPagination { margin:0 -9px;}
.stdPagination ul { }
.stdPagination ul li{ float:left; margin-right:10px; list-style:none;margin-left:0;}
.stdPagination ul li.active{ color:#f00; }

/* Teams & Riders */
#trAccordions{
  width:488px;
  color:#000;
  margin:0 0 20px 0px;
}
.traInner a:link,
.traInner a:visited,
.traInner a:active {
  color:#000;
}
#trAccordions a.traSect {
  display:block;
  height:46px;
}
a.traSect#trhYamaha  { background:url(/images/trh_Yamaha.png) top left no-repeat transparent; }
a.traSect#trhKawasaki{ background:url(/images/trh_Kawasaki.png) top left no-repeat transparent; }
a.traSect#trhHonda   { background:url(/images/trh_Honda.png) top left no-repeat transparent; }
a.traSect#trhKTM     { background:url(/images/trh_KTM.png) top left no-repeat transparent; }
a.traSect#trhSuzuki  { background:url(/images/trh_Suzuki.png) top left no-repeat transparent; }

#trAccordions .traInner{
  background:url(/images/teamsAndRidersBg.png) top left repeat-x #a8b1d4;
  padding:10px 15px;
}
.teamLink {
  display:block;
  padding-left:15px;
  margin-bottom:7px;
  background:url(/images/expArrowRight.png) 0 0 no-repeat transparent;
  clear:both;
}
.teamLink.selected {
  background:url(/images/expArrowDown.png) 0 0 no-repeat transparent;
  color:#990000;
}

.teamContentInner { padding-bottom:10px;width:458px;overflow:hidden; }
.teamContent .team450,
.teamContent .team250 {
  width:208px;
  padding-left:15px;
}
.teamContent .team450 {float:left; }
.teamContent .team250 {margin-left:228px; }
.teamClass {
  width:60px;
  height:40px;
  float:left;
}
.teamMembersList {
  margin-left:68px;
  width:140px;
}
.tmBlurb a.teamLink:link {
  color:#0066cc;
}
.tmBlurb a:hover {
  color:#900;
}
.teamClass { padding-right:5px; }
.team450 .teamClass { background:url(/images/450cc_24b.png) top left no-repeat; }
.team250 .teamClass { background:url(/images/250cc_24b.png) top left no-repeat; }
.teamContent .traContent { }

.teamMember { width:145px; overflow:hidden; margin-bottom:10px;}
.teamMember .tmPic { border:1px solid #000; float:left; width:30px; height:36px;  background:url(/images/defaultridersmall.png) center center no-repeat #000;}
.teamMember .tmPic img { border:1px solid #fff; }
.teamMember .tmBlurb { margin-left:40px; }


/* Rider Detail page */
.riderLeftCol {
  width:150px;
  float:left;
  min-height:100px;
}
.riderPortrait {
  width:136px;
  height:167px;
  background:url(/images/defaultrider.png) center center no-repeat #333;
  margin-left:2px;
  border: 1px solid #333;
  margin-top:16px;
}
.riderSponsors {
  width:139px;
  display:none;
}
.riderSponsors .riderSponsorsTop{
  width:135px;
  margin-left:4px;
  background:url(/images/sponsorColTop.gif) top left no-repeat transparent;
  height:17px;
}
.riderSponsors .riderSponsorBody{
  background-color:#FFFFFF;
  margin-left:4px;
  padding:5px 0 10px;
  text-align:center;
  width:135px;
}
.riderSponsors .riderSponsorBody img{
  clear:both;
  margin-bottom:5px;
}
.riderSponsors .riderSponsorsBottom{
  width:139px;
  background:url(/images/sponsorColBottom.gif) top left no-repeat transparent;
  height:25px;
  margin-left:2px;
}
.riderProfile {
  width:330px;
  float:left;
  position:relative;
}
.riderNameNumber {
  position:relative;
  width:339px;
  min-height:66px;
  height:auto !important;
  height:66px;
  right:0px;
  background:url(/images/riderNumberBg.gif) top right no-repeat transparent;
  z-index:1000;
	overflow: hidden;
}
.riderNameNumber .riderName {
  top:8px;
  position:relative;
  width:250px;
  
}
.riderNameNumber .riderName h3{
  font-size:1.9em;
  color:#fff;
  font-weight:normal;
  font-style:italic;
  line-height:100%;
  font-family:"Arial Black", Arial, Tahoma, Verdana, Sans-Serif;
  text-transform:uppercase;
}
.riderNameNumber .riderNumber h3{
  font-size:2.1em;
  line-height:100%;
  font-family: "Arial Black", Arial, Tahoma, Verdana, Sans-Serif;
  font-weight:normal;
  font-style:normal;
  text-align:center;
}
.riderNameNumber .riderNumber{
  color:#000000;
  position:absolute;
  right:0px;
  text-align:center;
  top:10px;
  width:74px;
}
.sIFR-active .riderNameNumber .riderNumber {
  top:7px;
}
.riderProfile .row {
  border-bottom:1px solid #3c3c3c;
  padding:4px 2px;
  overflow:hidden;
 
}
.riderProfile .row.first {
  border-top:1px solid #3c3c3c;
}

.riderProfile .row .label {
  width:105px;
  float:left;

}
.riderProfile .row .info {
  margin-left:105px;

}
.riderProfile .row .info .imgTeamLogo{
  clear:both;
  margin:3px 0;
}

.riderProfile .row .info p{
font-size:1em;
margin-bottom:5px;
}
.riderProfile .riderBio h4{
  color:#fdc314;
  font-size:2.2em;
  font-weight:bold;
  font-style:italic;
  line-height:100%;
  font-family: "Arial Black", Arial, Tahoma, Verdana, Sans-Serif;
  text-transform:uppercase;
}

.riderProfile .riderBio {
  clear:left;
  padding-top:10px;

}
.riderDetails {
  overflow:hidden;
}



/* Pic Para stuff */
.picPara {
  margin-bottom:10px;
  overflow:hidden;
  /*padding:0 10px;*/
  /*clear:both;*/
}
.picPara .ppPic {
  width:210px;
  float:left;
  margin-top:5px;
}
.picPara .ppPic img {
  border:1px solid #fff;
}
.picPara .ppBlurb {
  margin-left:225px;
  padding-right:5px;
}

.picPara.narrow .ppPic { width:136px; border:0 none; }
.picPara.narrow .ppBlurb { margin-left:145px;  }
.picPara.narrow ul.blueArrow {clear:left;padding-top:5px;}

.picPara h3 { }
.picPara .ppBlurb h4 {
  font-weight:bold;
  font-size:1.4em;
  color:#fdc314;
  line-height:120%;
  margin-bottom:8px;
}
.picPara.noPic .ppBlurb {
  margin-left:0px;
}

.picPara .ppBlurb ul.blueArrow li {
  float:left;
  vertical-align:middle;
}
.picPara ul.blueArrow.buttoned li {
  margin-top:12px;
}
.picPara ul.blueArrow.buttoned li.noArrow {
  margin-top:0;
}
.picPara .ppBlurb table {
  margin-bottom:10px;
}
.picPara .ppBlurb table th{
  color:#ffcc00;
}
.picPara .ppBlurb table th,
.pic  Para .ppBlurb table td {
  padding:2px 5px 2px 0;
  vertical-align:top;

}


/* Register Form */


div.row {
  clear:both;
  padding:3px 0;
}
div.row div.label { font-size:1em; float:left; width:130px;}
div.row div.field { margin-left:140px; }
div.row div.field input { width:180px;}
div.row div.field select { width:185px; }

div.row.radios div.label { }
div.row.radios div.field { }
div.row.radios div.field input{ width:auto; }
div.row.radios div.field label{ width:auto; margin-top:-3px;margin-right:10px;}

div.row.checkboxes div.label { }
div.row.checkboxes div.field { clear:both; margin-left:0px;  }
div.row.checkboxes div.field input{ width:auto; float:left;}
div.row.checkboxes div.field label{ margin-left:2px;margin-top:2px; float:left; overflow:hidden;}

div.row.buttons { padding-top:15px;}

.regForm h3 {
  height:20px;
  margin:15px 0 10px;
}
.regForm h3#loginDetails { background:url(/images/headings/headerLoginDetails.png) top left no-repeat transparent; }
.regForm h3#personalDetails {background:url(/images/headings/headerPersonalDetails.png) top left no-repeat transparent; }

.regForm .errors {
  background-color:#1a1a1a;
  border:1px solid #900;
  color:#c00;
  padding:0 15px;
  margin:0 0 15px 0;
}
.regForm .errors ul{
  padding:5px 0 10px;
}
.regForm .errors ul li{
  font-size:1.1em;
  margin-bottom:5px;
}
.regForm h4 {
  color:#ddd;
  margin-top:10px;
}



/** PHOTO GALLERY */

div#photoGallery {
	 
}

#gallery {

}
#galleryImages { 
  width:426px;
  position:relative; 
  height:61px;
  overflow:hidden; 
  float:left; 
  background:url(/images/gallerySlideBg.gif) bottom left repeat-x transparent;  
}
#galleryImages ul { position:absolute;top:0px;left:0px;margin-left:5px;_margin-left:0px;height:61px; }
#galleryImages ul li.active {background-color:#ffcc00; }
#galleryImages ul li { list-style:none;margin:0 6px;position:relative;float:left;padding:1px;}
#galleryImages ul li img{ height:59px;width:90px;}
.galleryNav {
  padding:0px;
  float:left;
  width:26px;
  position:relative;
  z-index:1000;
 /*background:url(/images/gallerySlideBg.gif) bottom left repeat-x transparent;  */
}
/* 
#galleryNavLeft img{  margin-left:-5px; }
#galleryNavRight img{  margin-right:-5px; }
*/

#galleryNavLeft { right:-5px;   }
#galleryNavRight{ left:-5px; }

.galleryMainImgWrap {
  clear:both;
  position:relative;
  height:485px;
}
.galleryWrap {
  margin:10px 0 0 5px;
  overflow:hidden;
  float:left;
}
#galleryMainImg {
border:7px solid #FFFFFF;
height:200px;
margin:100px 96px 0;
width:300px;
  background:url(/images/ajax-loader.gif) center center no-repeat #0c0c0c;
}
#galleryImageCaption {
  padding:0 15px;
  min-height:25px;
}
#galleryImageCaption p{
  margin-bottom:0px;
  text-align: center;
}

.galleryBg{
  position:absolute;  
  width:507px;
  height:485px;
  /*background:url(/images/galleryBg_19p.jpg) center left no-repeat transparent;*/
  top:0;
  left:-8px;
}
.galleryHorizNav ul li{ list-style:none; float:left; margin-right:7px;margin-left:0; }
.galleryHorizNav ul{ width:250px; margin:0 auto;}
.galleryHorizNav { overflow:hidden;margin:25px 0px auto 5px;text-align:center; }

#gallerySendToFriend {
  width:478px;
  overflow:hidden;
  margin:0 auto;
}
#gallerySendToFriend div.row div.label { width:100px;}
#gallerySendToFriend div.row div.field { margin-left:110px; }

.gallerySendToFriendInner {
  padding:0px 15px;
  overflow:hidden;
  margin:0;
  display:block;
  width:448px;
}
#recaptcha_div {height:130px;overflow:hidden; }
#galleryLoadingImages { 
  position:absolute;
  top:-10px;
  left:-1px;
  width:508px;
  height:435px;
  background:url(/images/ajax-loader-bar.gif) center center no-repeat #0c0c0c;  
}
#galleryLoadingImages #gliText p { 
  font-size:1.6em;
  font-weight:bold;
  margin-top:20px;
  text-align:center;
}
#stfErrors { 
  color:#ebb;
}
#stfErrors ul{
  border:1px solid #300;
  background-color:#100;
  padding:10px;
} 

/* Gallery Image Viewer */
.imageWrap {
  clear:both;
  text-align: center;
  margin: 0 auto 10px auto;
}
.imageBg {
  margin-left: -10px;
}
.imageMain {
  border :7px solid #FFFFFF;
  margin: 0 auto;
}

/* Tabs 

* ui-tabs-nav This is the whole menu. Use this as a base class.
* ui-tabs-selected This is the current tab. It's very important to create a strong visual indication which tab is the current one.
* ui-tabs-unselect This is the class for all the tabs that are not selected but selectable.
* ui-tabs-disabled For when a tab is disabled. Highly recommended to appear somewhat transparent or disabled. This is often done by graying the color.
* ui-tabs-panel These are the boxes that will have their visibility toggled.
* ui-tabs-hide This class hides the boxes (perhaps the most important class)
* <span> The span tags are there to give freedom to tricks like rounded corners and resizable backgrounds. 
*/
.ui-tabs-panel {
  min-height:280px;
  height:auto !important;
  height:280px;  
}

.tabContentWrap {width:496px; clear:both; padding:8px 0 0 0;z-index:10;}

.tabContentInner { padding:10px; }

.ui-tabs-hide { display: none; }

#page .ui-tabs-nav {
	height: 50px;
  clear:both;
  margin:0;
  position:relative;
  z-index:100;
 	
}
.ui-tabs-nav li { 
  margin:0 -20px 0 0 !important; 
  float:right; 
  list-style:none !important;
  position:relative;
  height:50px;
  width:141px;
  z-index:200;
	
}

.ui-tabs-nav li.ui-tabs-selected { z-index:500 !important; }

.ui-tabs-nav li a { 
  position:absolute; 
  display:block;
  width:141px; 
  height:51px;
  z-index:10;
  margin:0;
  padding:0;	
  
  background:0px -51px transparent no-repeat;
} 

.ui-tabs-nav li.first { 
  margin-right:0px !important; 
}

.ui-tabs-nav li a:hover { margin-top:-1px; background-position:0 1px;}
.ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs-nav li.ui-tabs-selected a:hover { border-bottom:none;margin-top:-0px;background-position:0 0px;}
.ui-tabs-nav li a span {
	position:absolute;
	left:-9000px;
} 

.ui-tabs-nav li.first { width:126px;}
.ui-tabs-nav li.first a { width:126px;}

.ui-tabs-nav li#tab_home a{ background-image:url(/images/tab_home.png); }
.ui-tabs-nav li#tab_latestnews a{ background-image:url(/images/tab_latestnews.png); }
.ui-tabs-nav li#tab_leaders a{ background-image:url(/images/tab_leaderboads.png); }
.ui-tabs-nav li.tab_latestvideo a{ background-image:url(/images/tabs_tv_latest.png); }
.ui-tabs-nav li.tab_mostviewedvideo a{ background-image:url(/images/tabs_tv_mostviewed.png); }
.ui-tabs-nav li.tab_highestratedvideo a{ background-image:url(/images/tabs_tv_highestrated.png); }


.ui-tabs-nav li#tab_twoFiftyCC a{ background-image:url(/images/tab_250cc.png); }
.ui-tabs-nav li#tab_fourFiftyCC a{ background-image:url(/images/tab_450cc.png); }

#homePageMainPanel { }

.homeTabsWraps { 
  padding:0;margin:0; 
}

#homeTabs { position:absolute; top: -50px; margin:0; width: 508px;}

.homeTabsInner{ padding:0;margin:0;  }

#homePageMainPanel .panelInner { margin-top:0; }


/* leader boards */

.leaderTabsWrap { 
  padding:0;margin:0;
}
#leaderTabs {  margin:0;}
.leaderTabsInner{ padding:0;margin:0;  }
#homePageMainPanel .panelInner { margin-top:0; }

div#leadersTabs ul.ui-tabs-nav {
	background-image: url(/images/leaderboardsTabsTile.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

table#DataGrid1 {
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 11pt;
}

table#DataGrid1 td {
	padding-bottom: 7px;
	padding-top: 7px;
}

.Sheet_Title					{ text-decoration: underline;}
.Compulive_Pos 					{ border-bottom:1px dashed #777777; color: #FDC314; text-align: Center;}
.Compulive_No 					{ border-bottom:1px dashed #777777; color: #66CC00; text-align: Center}
.Compulive_Name 				{ border-bottom:1px dashed #777777; padding-left: 8px; }
.Compulive_Machine			{ border-bottom:1px dashed #777777; font-size: 9pt; padding-left: 8px; height:15px; }
.Compulive_Last_Lap 			{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Lap_PDA 				{ border-bottom:1px dashed #777777;  text-align: Center }
.Compulive_Lap_Time 			{ border-bottom:1px dashed #777777;  text-align: Center }
.Compulive_Lap_Time_PDA			{ border-bottom:1px dashed #777777;  text-align: Center }
.Compulive_Note					{ font-size: 8pt;  text-align: Center }
.Compulive_Fastest 				{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Fastest_PDA			{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Fastest_On_Lap 		{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Fastest_On_Lap_PDA	{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Laps_Complete 		{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Laps_Complete_PDA	{ border-bottom:1px dashed #777777; text-align: Center }
.Compulive_Comment				{  }
.Compulive_Laps_To_Go 			{ border-bottom:1px dashed #777777; }
.Compulive_Prev_Points 			{ border-bottom:1px dashed #777777; }
.Compulive_This_Points 			{ border-bottom:1px dashed #777777; }
.Compulive_Total_Points			{ border-bottom:1px dashed #777777; }
.Compulive_Grid_Number 			{ font: Arial; font-size: 24px; color: #CCFF00; }
.Compulive_Grid_Name 			{ font: Arial; font-size: 14px;  }
.Compulive_Grid_Time 			{  }
.Header							{ }
.Weather						{  color: #00FF00; text-align: Center}

/* TV */

/*#tvPageMainPanel {border: none; background: #000; }
.tvTabsWrap { 
  padding:0;margin:0;
}
#tvTabs { position:absolute; top:-50px; *top: -71px; margin:0;  float: right; }
.tvTabsInner{ padding:0;margin:0; position: absolute; float: right; width: 810px; top: -13px;}
#tvPageMainPanel .panelInner { margin-top:0; }*/

.tvTabsInner {
	background-image: url(/images/superxTV.png);
	background-position:  0 0;
	background-repeat: no-repeat;
	border-bottom: 10px solid #161616;
	height: 38px;
	
}

#page .tvTabsInner .ui-tabs-nav {
    top: -12px; 
}

.tvTabsDivider 
{
    background: #2c2c2c; 
    z-index: 20;
    height: 10px; 
    line-height: 10px; 
    font-size: 10px;
    clear: both;
	 border: 1px solid red;
	 width:5px;
	 display: none;
}

.tagsHeading 
{
    color: #ffcc00;
    text-transform: uppercase;
}
#vidDetails .tagsHeading {
	color:#66CC00; 
}
div#vidDetails {
	padding: 15px 22px 15px 22px;
	background:#000;
	/*background:url(/images/metalBottom.jpg) bottom left no-repeat #000;
	margin-bottom:20px;*/
	color:#fff;
}
div#vidDetails a:link, 
div#vidDetails a:active, 
div#vidDetails a:visited, 
div#vidDetails a:hover{
	color:#fff;
}
div#vidDetails p {
	margin: 0.3em 0 1em 0;
}

div#vidDetails div#titleAndDesc {
	width: 300px;
	float: left;
	margin-right: 15px;
}

div#vidDetails div#ratingAndTags {
	width: 150px;
	float: left;
	position: relative;
}

div#vidDetails ul.Tags  {
    overflow: hidden;
    margin-top: 5px;
}

div#vidDetails ul.Tags li {
    list-style: none;
	display: inline;
    margin: 0;
    padding: 0 0 0 0;
    color: #66CC00;
}

.VideoInformation #SignIn 
{
    display: none;
    background: #000;
    border: 1px solid #999;
    padding: 3px;
    color: #fff;
    position: absolute;
    width: 150px;
}

.commentsHeading
{
    background: url(/images/tv_comments_heading_bg.png) no-repeat;
	border-right: 1px solid #242424;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
	
}

div#theVideo div.commentsHeading {
	margin-right: 12px;
	margin-left: 12px;
}

.commentsHeading h2 
{
    padding-left: 23px; 
    background: url(/images/blueArrowDown.png) no-repeat;
    background-position: 7px 10px;
    float: left;
}

.commentsHeading img 
{
    float: right;
    padding: 2px 6px 0 0;
}

.submitComments
{
    
	margin: 0 1px 0 1px;
  padding: 15px 12px 20px 12px;
    display: none;
}

div#theVideo div.submitComments {
	padding: 15px 22px 20px 22px;
}

.submitComments label 
{
    display: block;
    padding-bottom: 10px;
}

.submitComments textarea 
{
    width: 460px;
    height: 110px;
    font-family:Verdana, Helvetica, Tahoma, Arial, sans-serif;
    font-size: 95%;
}

.submitComments .backBtn 
{
    float: left;
    padding-top: 14px;
}

.submitComments .submitBtn 
{
    float: right;
    padding-top: 11px;
}

.comments 
{
    
    padding: 0 22px 0 22px;
}

.comments .name 
{
    color: #ff0000;
    font-weight: bold;
    padding: 0 10px 0 0;
}

.comments .date 
{
    color: #666;
    font-weight: bold;
} 

.comments p
{
    padding: 10px 0 20px 0;
}

.comments .paging 
{
    font-weight: bold;
    padding: 25px 0;
    overflow: hidden;
}

.comments .paging ul 
{
    overflow: hidden;
    float: left;
}

.comments .paging ul li 
{
    list-style: none;
    float: left;
    padding: 0 5px;
}

.comments .paging ul li a 
{
    color: #fff;
}

.comments .paging ul li.active
{
    color: #ff0000;
}

.noHeader 
{
     padding-top: 50px;
     background: #000;
}

div#videoList {
	background-color: #000;
	
}
div#videoList ul { padding-top: 5px;}
div#videoList ul li {margin:5px;position:relative; padding-bottom: 5px; min-height: 70px; border-bottom: 1px solid #252525;}
div#videoList ul li img {width:100px; border: 1px solid #5a5a5a;float:left;margin-right:10px;}
div#videoList ul li .title {}
div#videoList ul li.selected .title {
    color: #ffcc00;
}

div#videoList ul li.selected img {
    border: 1px solid #ffcc00;
}
.videorating {
	margin-top:5px;height: 19px; width:100px; 
  background-image:url(/images/stars_6state_24.png);
  _background-image:url(/images/stars_6state_8steel.png);
}
div#videoList .videorating {
	margin-top:10px;
	margin-left:110px;
  _background-image:url(/images/stars_6state_8black.png);
}

.rating0 {background-position: 0 0px;}
.rating1 {background-position: 0 100px;}
.rating2 {background-position: 0 81px;}
.rating3 {background-position: 0 61px;}
.rating4 {background-position: 0 42px;}
.rating5 {background-position: 0 22px;}


.ratingStar {
background-repeat:no-repeat;
cursor:pointer;
display:block;
font-size:0;
height:20px;
margin:0;
padding:0;
width:20px;
}
.filledRatingStar {
	background-position: 0 0px;
	background-image:url(/images/star_2state_24.png);
	_background-image:url(/images/star_2state_8steel.png);
}
.emptyRatingStar {
	background-position: 0 -20px;
	background-image:url(/images/star_2state_24.png);
	_background-image:url(/images/star_2state_8steel.png);
}
.savedRatingStar {
	background-position: 0 0px;
	background-image:url(/images/star_2state_24.png);
	_background-image:url(/images/star_2state_8steel.png);
}

.RatingComment 
{
    color: #ffcc00;
    clear: both;
    padding: 3px 0 0 0;
}

.AlreadyRated
{
    background: #000;
    border: 1px solid #999;
    padding: 3px;
    color: #fff;
    position: absolute;
    width: 200px;
    z-index: 10;
}


.VideoInformation .Title
{
    color: #ffcc00;
    font-weight: bold;
    margin-top: 10px;
}

#cdVideoPlayer {
	/*padding-top:52px;
	background:url(/images/metalTop.jpg) top left no-repeat #000;*/
}
div#videoList div.stdPagination ul {
	height: 20px;
	background-image: none !important;
	padding-top: 0;
}

div#videoList div.stdPagination ul li {
	border-bottom: none;
	min-height: 0 !important;
}

div#videoList div.stdPagination ul li.next {
	float: right;
}



/* Competitons List */

div#compList { }

div#compList div.compListItem { 
	margin:0 0 15px 0; 
	overflow:hidden;
	clear:both;
}

div#compList div.compListItem div.pic { 
	width:120px; 
	float:left;
}

div#compList div.compListItem div.pic img {
	border: 1px solid #545454;
}

div#compList div.compListItem div.itemBody { 
	width: 345px; 
	float: left; 
	margin-left: 15px;
}

div#compList div.compListItem div.itemBody h2 {
	color: #ffcc00;
	font-size: 11pt;
	margin-bottom: 10px;
}

div#compList div.compListItem div.itemBody div.enterNow {
	background:url(/images/blueArrow.png) 0 4px transparent no-repeat;
	padding-left: 8px;
}

/* Competition Detail page */

div#compDetails {
	
}

div#compDetails div.errors {
	border: 1px solid #262626;
	background-color: #161616;
	padding: 10px;
	margin-bottom: 15px;
}

div#compDetails div.pic {
	margin-bottom: 20px;
	
}

div#compDetails div.pic img {
	border: 1px solid #545454;
}

div#compDetails h2 {
	font-size: 10pt;
	margin-bottom: 10px;
}

div#compDetails ul {
	margin-top: 7px;
}

div#compDetails ul li {
	background:url(/images/blueArrow.png) 0 4px transparent no-repeat;
	padding-left: 12px;
	list-style: none;
}

div.compQuestion {
	border: 1px solid #262626;
	background-color: #161616;
	padding: 10px;
	margin: 25px 0 15px 0;
}

div.compQuestion h3 {
	font-size: 1.4em;
	color: #ffcc00;
	margin-bottom: 15px;
}
div.compQuestion textarea {
	width: 465px;
	height: 100px;
}

div.compRadios {
	padding: 0 10px;
}

div.compRadios input {
	width: 20px;
	float: left;
	clear: left;
}

div.compRadios label {
	display: block;
	padding-top: 2px;
}


/* Popup Layer */ 

.modalPopup {
	background-color: #000;
	border:1px solid #fff;
	padding:10px;
	width:600px;
	height:300px;	
	position: fixed !important;
	top: 100px !important;
	font-size: 1.1em;
}

.modalBackground {
	background-color:Gray;		
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;	
}

.modalForeground {
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
}