/*  Style Sheet for ViewRacing.com 
  Created Nov 04,  Last Revision: 23 Jul 05
	Copyright 2004-2005, all rights reserved.
	contact into: webmaster @ ViewRacing.com	 */
	
.noP, .noPrint { display:none; }

body {
 color:blue;
 background-color:white;
 border:solid;border-width:0px;
 padding:0px;margin:0px;
 font-size: 20px;
 font-family:sans-serif ;
 }

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

div.container {
 width:680px; /*890px; print version is smaller */
 margin-left:auto;
 margin-right:auto;
 }

div.mapcontainer {
 width:680px;
 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 {
 position: relative;
 top: 0px; left: 0px;
 width: 200px;
 float: left;
 text-align: center;
 }

div.outercenter {
 position: relative;
 top: 0px; left: 0px;
 width: 400px; /*differemt from screen as we never print left column */
 float: left;
 border-width: 0px;
 }
 
div.center {
 position: relative;
 top: 0px; left: 0px;
 width: 400px;
 float: left;
 border-width: 3px;
 }

div.centersched {
 position: relative;
 top: 0px; left: 0px;
 width: 510px;
 float: left;
 padding:3px;
 }

div.pr {
 position: relative;
 top: 0px; left: 0px;
 width: 680px;  /*smaller than screen version*/
 float: left;
 border: solid;border-width: 1px;
 padding:4px;margin:0px;
 margin-left:20px;
 }
 
div.foot {
 position: relative;
 top: 0px; left: 0px;
 width: 100%;
 clear:both;
 padding:3px;
 background-color: RGB(240,240,240); /*transparent;*/
 }

div.menu {
 position: relative;
 top: 0px; left: 0px;
 width: 100%;
  margin-bottom:20px;
 } 

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 {
 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 {
 width:680px;
 border-color: red;
 border-width:1px;
 padding:4px;
 float: right;
 }
  
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.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.coltest  {
 background-image: url("line1.png");
 background-repeat: repeat;
 width:159px;
 float:left;
 }

div.col159xl  {   /* same as coltest 159 wide default text-align, left float */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:159px;
 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.coltest2, div.col59cl  {  /* AKA COL59CL */
 background-image: url("line1.png");
 background-repeat: repeat;
 width:59px;
 float:left;
 text-align: center;
 }

div.coltest3, div.col50cl  {  /* COL50CL */
 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;
  } 	

/* 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;*/ }

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: 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; }  /* edit add item*/ 
 
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;
				 } 
	/* First approximation - reduce all print text by 2px*/			 
p.main     { font-size:18px;}
p.mid      { font-size:15px;} 
p.small    { font-size:12px;}
p.smallenc    { font-size:12px; border:1px;}
p.vsmall   { font-size:9px;}
p.sched    { font-size:16px;}
p.copyright { font-size:12px;}
 
p.menu {
 border-color: silver;
 border-width: 1px;
 padding: 3px;
 font-family: Ariel, Helvetica, sans-serif;
 font-size:18px ;
 }

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

p.statshead {
 font-size:20px;
 font-weight: bold;
 }
 
p.prbody {
 padding: 3px;
 font-size:15px ;
 }
 
/* 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;
 }   */