/*  Style Sheet for ViewRacing.com 
  Created Nov 04,  Last Revision: 22 November 05
	Copyright 2004-2005, all rights reserved.
	contact into: webmaster @ ViewRacing.com	 */

.noD { display:none; }	
	
body {
 color:RGB(0,0,200); /*blue;*/
 background-color:white;
 background-image: url("checkow10.png");
 background-repeat: repeat-y;
 border:solid;border-width:0px;
 padding:0px;margin:0px;
 font-size: 24px;
 font-family:sans-serif ;
 }
/*body {    /* alternate body - WRC fixed bug vs F1 continuous bug/
 color:blue;
 background-color:white;
 background-image: url("wrcbug.png");
 background-repeat: no-repeat;
 background-position: top left;
 background-attachment: fixed;
 border:solid;border-width:0px;
 padding:0px;margin:0px;
 font-size: 24px;
 font-family:sans-serif ;
 }*/

div { border:solid;border-width:0px;padding:0px;
 margin:0px;background-color:transparent; }

div.container { width:890px; margin-left:auto; margin-right:auto; }

div.mapcontainer {
 width:890px;
 background-image: url("map-bg-ap.png");
 margin-left:auto; margin-right:auto;
 }
 
div.topbanner {
 position: relative;
 top: 0px; left: 0px;
 width: 100%;
 }

div.left { width: 200px; float: left; text-align: center; }

div.outercenter {
 width: 404px; /*width: 400px;*/
 float: left;
 border-width: 0px;
  margin-left:4px;  /*edit insert*/
 }

div.outercent2 {
 width: 430px; /*width: 400px;*/
 float: left;
 border-width: 0px;
  margin-left:4px;  /*edit insert*/
 }
  
div.center {
 width: 404px; /*width: 400px;*/
 float: left;
 border-width: 2px;  /* 3px; */
 padding-left:4px;  /*edit insert*/
 }

div.centersched {
 width: 510px;
 float: left;
 padding:3px;  /*4px;*/
 }

div.racel {width:202px;float:left;border-width:1px;padding: 4px;}
div.racer {width:202px;float:right;border-width:1px;padding:4px;}

div.pr {
 width: 780px;
 float: left;
 border: solid;border-width: 1px;
 padding:3px;margin:0px; /*padding:4px;*/
 }
 
div.foot { width: 100%; clear:both; padding:3px;
 background-color: RGB(240,240,240);
 }

div.menu {
 width: 100%;
 margin-bottom:20px;
 text-align: left;
 } 

div.policy {
 width:220px;
 border-color: RGB(255,102,0); /* #ff9900;*/
 border-width: 1px;
 margin-right: 5px;
 padding:4px;
 float: right;
 }

div.news {
 width:220px;
 border-color: blue;
 border-width: 1px;
 margin-right: 5px;
 padding:4px;
 float: right;
 }

div.news2 {     /*edit insert - whole div*/
 width:150px;
 border-color: blue;
 border-width: 1px;
 margin-right: 5px;
 margin-left:4px;
 padding:4px;
 float: right;
 }  

div.newstop  {
 width:220px;
 background-color: RGB(123,123,255); /* RGB(107,107,238); #6699ff;*/
 border-color: orange;
 border-width: 1px;
 border-top-width:4px;
 margin-right: 5px;
 padding:4px;
 float: right;
 }

div.pad {
 width:220px;
 border-color: blue;
 border-width: 0px;
 margin-right: 5px;
 padding:4px;
 float: right;
 }

div.right {
 width:230px;
 border-color: blue;
 padding:4px;
 float: right;
 }

div.bigright { /*edit insert - whole div*/
 width:680px;
 border-color: red;
 border-width:1px;
 padding:4px;
 float: right;
 } 

div.ni {
 background-color: RGB(235,235,235);
/* background-color:red;*/
 width:400px;
 padding:15px;
 border-style: dashed;
/* border-width:2px;*/
 border-color:green; /* just to mark for development */
 float:left;
 }  

div.nc {
 width:280px;
 float:right;
/* background-color: RGB(235,235,235);*/
 color: black;
 }
  
div.subcon1 { 
 position: relative;
 top: 0px; left: 0px;
 width: 680px;
 float: right;
 } 

div.subcon1a { 
 position: relative;
 top: 0px; left: 0px;
 width: 100px;
 float: left;
 border-color: green;
 } 

div.subcon1b { 
 position: relative;
 top: 0px; left: 0px;
 width: 60px;
 float: left;
 border-color: green;
 }  
 
div.picleft {
 margin-right:5px;
 border-style: solid;border-width: 0px;
 border-color: red;
 float:left;
/*width:auto;*/
 }  

div.picnewsleft {
 /* margin-right:5px; */
 border-style: solid;border-width: 1px;
 border-color: red;
 float:left;
 width:100px;
 }  

div.picnewsl2 {
 margin-right:20px; 
 margin-bottom: 15px;
 border-style: solid;border-width: 1px;
 border-color: red;
 float:left;
 /* width:100px; */
 }  
 
/* Test area for sophisticated news pic structure */
div.figure {
 background-color: RGB(230,230,230);
 float:left;
 width: 70%;
 border: 1px red solid;
 margin: 0;
 padding: 0.2em;
 }
 
div.figure p {
 text-align:center;
/* font-style:italic;*/
 font-size:14px;
 text-indent:0;
 } 
img.scaled {
 width: 100%
 }
img.test  {  }
 
 
div.figure h6 {
 text-align:right;
 font-weight: normal;
/* font-style:italic;*/
 font-size:11px;
 margin:0px;padding:0px;
 text-indent:0;
 } 
 
/* End of test area*/ 

div.stats {
 width:400px;
 border-color: red;
 background-color:#eeffff ;
 float:right;
 } 

div.just-l { text-align: left; float:left; } 
div.just-r { text-align: right; } 
 
/* columns */

div.col159xl, div.coltest  {   
 background-image: url("line1.png");
 background-repeat: repeat;
 width:159px;
 float:left;
 } 

div.col130xl  { 
 background-image: url("line1.png");
 background-repeat: repeat;
 width:130px;
 float:left;
 } 
 
div.col200ll  {
 background-image: url("line1.png");
 background-repeat: repeat;
 width:200px;
 float:left;
 text-align: left;
 }

div.col220ll  {
 background-image: url("line1.png");
 background-repeat: repeat;
 width:220px;
 float:left;
 text-align: left;
 }

div.col79cl  { /* primarily for points columns in 14px text */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:79px;
 float:left;
 text-align: center;
  }	
 
div.col59cl, div.coltest2  { 
 background-image: url("line1.png");
 background-repeat: repeat;
 width:59px;
 float:left;
 text-align: center;
 }

div.col50cl, div.coltest3  { 
 background-image: url("line1.png");
 background-repeat: repeat;
 width:50px;
 float:left;
 text-align: center;
 } 
 
div.qualcol1, div.col21rls  { /* AKA COL21RLS */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:21px;
 padding-right:7px;
 float:left;
 text-align: right;
  } 

div.qualcol2, div.col118ll  { /* AKA COL118LL */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:118px;
 float:left;
 text-align: left;
  } 

div.qualcol2A, div.col118cl  {  /* AKA COL118CL */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:118px;
 float:left;
 text-align: center;
  }	

div.col90cl  { 
 background-image: url("line1.png");
 background-repeat: repeat;
 width:90px;
 float:left;
 text-align: center;
  }		
	
div.qualcol3, div.col72xl  {  /* AKA COL72XL */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:72px;
 float:left;
  } 	

div.col30cl  {  /* mostly for 25 px flags */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:30px;
 float:left;
 text-align: center;
 } 	
	
div.vertline  { width:2px; float:left;  } 	

/* -----  book review styles -------- */

div.bookwrap  { padding: 10px;color: black; }


/* --- end of book review styles ---- */
	
/* SPANs and links */
span.sitename { font-size: 40px; }
span.more  { color: #ff9900; }
span.statshd {  font-size:18px; } 
span.date {  font-size:16px; }  
span.sprite  { background-color: RGB(255,102,0);/*#ff9900;*/ }
span.nbold  { font-weight: bold; }  /*bold news text*/

a               { color: black; text-decoration: none}
a:link          { color: black } 
a:active        { color: black }
a:visited       { color: black }
a:hover         { /* color: RGB(36,40,92); */ color: white;background-color: RGB(0,0,200); /*blue;*/ }

p, h2, h3, h4 {  
 border-style: solid;border-width: 0px;
 padding: 0px;margin: 0px;
 font-family:  Microsoft Sans Serif, Verdana, sans-serif; 
 }

h1, h2, h3, h4, h5, h6  {padding-left:3px; } 
 
img  { border-width:0px;margin: 0px; } 
img.nc { border-width:0px;margin:0px;float:right; }
 
li  { font-size: 18px;  } 
 
/* list development */
ul.tv {  color:green; text-align: left; } 
ul li  { font-size: 13px;  }
 
div.miscc  { text-align: center;
         border-width: 1px; 
				 margin-top:10px;
				 } 
				 
h3          { font-size: 22px; }
h4          { font-size: 20px; } /* edit - originally 24 an 22 px */
				 
p.main      { font-size:20px;}
p.mid       { font-size:17px;} 
p.sub {font-size:15px}
p.small, td     { font-size:14px;}
p.smallenc  { font-size:14px; border:1px;}
p.vsmall    { font-size:11px;}
p.ssmall    { font-size:7px;} /* super small*/
p.sched     { font-size:18px;}
p.copyright { font-size:14px;}
p.news2     { font-size:12px; }
 
p.menu {
 border-color: silver;
 border-width: 1px;
 padding: 3px;
 font-family: Ariel, Helvetica, sans-serif;
 font-size:20px ;
 }

p.newshead {
 color:black;
 font-size:14px;
 font-weight: bold;
 font-family: Ariel, Helvetica, sans-serif;
 }

p.statshead { font-size:22px;font-weight:bold; }
p.prbody { padding:3px;font-size:17px; }

/*development area */ 
div.bluebox {
 color:RGB(255,102,0) ;background-color: RGB(0,0,200); /*orange text on blue background*/
 margin:0px;
 }

div.invert  {
 color:RGB(255,102,0) ;color:RGB(255,255,255) ;background-color: RGB(0,0,200); /*orange text on blue background*/
 border-width: 2px; border-color: black;
 border-left-color: RGB(200,200,255); border-top-color: RGB(200,200,255);
 width: 220px; height: 18px; padding-left: 4px;
 font-size:13px ;font-family: Verdana, sans-serif;font-weight: bold;
 }

div.select  { float:left; border-width: 2px; border-color: black;
              border-left-color: white; border-top-color: white;
              background-color:RGB(200,200,200);
              width: 220px; height: 18px; } 
 
p.sel       { padding-left: 4px;color:black;font-size: 13px; font-weight: bold; 
p.sel2       { padding-left: 4px;color:black;font-size: 13px; font-weight: bold;
 
 
      /* news development */ 

/*div.bigright { 
 width:680px;
 border-color: red;
 border-width:1px;
 padding:4px;
 float: right;
 }*/  
 
/* undeveloped ideas 
.small:odd  { background-color:#a9a9a9 ;  }
.small:even { background-color: #ffff33; }
 p.smallodd {
 background-color:#eeeeee ; 
 font-size:14px;
 }
p.smalleven {
 background-color: #ffffcc;
 font-size:14px; 
 }   */