@charset "utf-8";
/* CSS Document */


/*   Removing the Hyperlink Outlines
     Disabling outlines to supress link outlining mostly to clearer see my graphically styled header list item nav at the beginning:*/

      a, :focus { outline:none; }


/*    Removing the Img borders
      To prevent hyperlinked images having borders, I set all img tags to be borderless: */
     
      a img, :link img, :visited img { border:none; }


     /* Settings for Headings
      Because IE6 displays the font-size and margin/padding properties for headings different than other browsers, I define preliminary standard values for the heading properties:*/

      h1,h2,h3 {
      margin:1em 0;
      }

/*      E6 renders the font sizes for headings differently (mostly for the typefaces like Georgia, Trebuchet MS, etc), so they need to be standardized for all browsers:*/

      h1 { font-size:138.5%;}
      h2 { font-size:123.1%;}
      h3 {font-size:108%;}
      h1,h2,h3,h4,h5,h6 {font-weight:bold;}


/*      Hiding the Horizontal Rules

      As I sometimes divide content into divisions, it looks better and more organized by dividing with horizontal rules when site is viewed without stylesheet.
      And of course, I hide them inside css:*/

      hr { display:none;}

/*      Clear Fix
      I usually pick name for the clearer div class from a comic hero. Mostly I name it spiderman/batman =)
     */
     
      .batman {width:100%; font-size:0px; height:0px; clear:both;
      /* prevent IE from adding 1px height to clearer div */
      overflow:hidden;} 

/* -------=====   Main Body setup   =====------- */ 
body { 
    background-image: url(../siteimages/remdbbg1.gif);
	background-repeat: repeat-x;
	background-color: #1e2f3d;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
} 
body,td,th { font-size: 11px; color: #666666; }

a:link { color: #666666; }
a:visited {	color: #666666; }
a:hover { color: #666666; }
a:active { color: #666666; } 

/* -------=====   Smalltext   =====------- */ 

.smalltext  {color: #888888; font: bold 0.7em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.smalltext a:link {	color: #888888; } 
.smalltext a:visited { color: #888888; } 
.smalltext a:hover { color: #888888; } 
.smalltext a:active { color: #888888; }     



/*count number*/ 

.style41 { 
	font-size: 26px;
	color: #000000;
}


/* -------=====   infoTables Structure   =====------- */ 

#infotablesize { width: 400px; }
#mediumtablesize { width: 276px; }
#fn { width:90px; }
#fm { width:25px; } 
#fo { width:70px; }


.infotable {border:1px solid #000;
	border-collapse:collapse;
	padding: 0;
	margin: 0;
	border: 0;
	align: center;
} .infotable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #999999;
} 
.infotable td {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

.infotable tbody th{ text-align:left; color: #ffffff; }

.infotable thead th{ text-align:left; background:#cccccc; }	

.infotable tfoot td{ text-align:right; font-weight:bold; background:#99ccff; color:#666666; }

TABLE.infotable TD A:link { color: #797268; } 

.infotable .denote {font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}


/* -------=====   infoList Structure   =====------- */ 


#infoListsize { width: 400px; }
#mediumtablesize { width: 276px; }

.infoList {border:1px solid #000;
	border-collapse:collapse;
	padding: 0;
	margin: 0;
	border: 0;
	align: center;
} .infoList th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 5px;
	background: #999999;
} 
.infoList td {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 3px 3px 3px 5px;
}

.infoList tbody th{ text-align:left; color: #ffffff; }

.infoList thead th{ text-align:left; background:#cccccc; }	

.infoList tfoot td{ text-align:right; font-weight:bold; background:#99ccff; color:#666666; }

TABLE.infoList TD A:link { color: #797268; } 

.infoList .denote {font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}





/* -------=====   homeinfoTables Structure   =====------- */ 


.homeinfoTable {border:1px solid #000;
	border-collapse:collapse;
	padding: 0;
	margin: 0;
	border: 0;
	align: center;
} .homeinfoTable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 9px;
	background: #999999;
} 
.homeinfoTable td {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 3px 3px 3px 6px;
}

.homeinfoTable tbody th{ text-align:left; color: #ffffff; }
.homeinfoTable thead th{ text-align:left; background:#cccccc; }	
.homeinfoTable tfoot td{ text-align:right; font-weight:bold; background:#99ccff; color:#666666; }
TABLE.homeinfoTable TD A:link { color: #797268; } 
.homeinfoTable .denote {font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}



/* -------=====   infoTables Blue   =====------- */ 

.bluetable th {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; }
.bluetable thead th {background:#99ccff; text-align:left; }	
.bluetable tbody th {background:#6699cc; text-align:left; }
.bluetable td {border-bottom: 1px solid #C1DAD7; background: #fff; }	
.bluetable .odd {background-color: #f5f9fc; } 
.bluetable .even {background-color: #eff4fa; }
.bluetable tfoot td{ text-align:right; font-weight:bold; background:#99ccff;}  
.bluetable .title {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#6699cc; }
.bluetable .denote {color: #006699;}
.bluetable .future { background: #006699; }
.bluetable .cancelled { background: #8e98a3; }
.bluetable .cancelledtext {font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color:#8e98a3; }

.imagepreview tbody th {background:#1e303e; text-align:center; }	




.darkbluetable th {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; border-top: 1px solid #CBD4C6; }
.darkbluetable thead th {background:#006699; text-align:left; color: #ffffff; font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}	
.darkbluetable tbody th {background:#006699; text-align:left; text-align:center; }	
.darkbluetable td {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; background: #fff; }
.darkbluetable .future2 { background: #8aa2ba; }
.darkbluetable .future3 { background: #cccccc; }



/* -------=====   infoTables Green  =====------- */ 

.greentable th {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; border-top: 1px solid #CBD4C6; }
.greentable thead th {background:#B4DB8E; text-align:left; }	
.greentable tbody th {background:#639e70; text-align:left; text-align:center; }	
.greentable td {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; background: #fff; }
.greentable .odd {background-color: #f9fcf5; } 
.greentable .even {background-color: #f4faef; }  
.greentable tfoot td{ text-align:right; font-weight:bold; background:#B4DB8E;}  

.greentable .title {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#6699cc; }
.greentable .version {color: #aaaaaa; font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.greentable .version a:link { color: #888888; } 
.greentable .version a:visited { color: #888888; } 
.greentable .version a:hover { color: #888888; } 
.greentable .version a:active { color: #888888; }   


.greentable .denote  {color: #639e70; font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.greentable .denote a:link {	color: #639e70; } 
.greentable .denote a:visited { color: #639e70; } 
.greentable .denote a:hover { color: #639e70; } 
.greentable .denote a:active { color: #639e70; }     


.greentable .future { background: #006633; color:#ffffff;}





/* -------=====   infoTables DarkGreen  =====------- */

.darkgreentable th {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; border-top: 1px solid #CBD4C6; }
.darkgreentable thead th {background:#99ccff; text-align:left; }	
.darkgreentable tbody th {background:#1e303e; text-align:left; text-align:center; }	
.darkgreentable td {border-right: 1px solid #CBD4C6; border-bottom: 1px solid #CBD4C6; background: #fff; }

/* -------=====   infoTables Red  =====------- */ 

.redtable th {border-right: 1px solid #d4c6d1; border-bottom: 1px solid #d4c6d1; border-top: 1px solid #d4c6d1; }
.redtable thead th {background:#e7b0bd; text-align:left; }	
.redtable tbody th {background:#b47d8a; text-align:left;  text-align:center; }	
.redtable td {border-right: 1px solid #d4c6d1; border-bottom: 1px solid #d4c6d1; background: #fff; }
.redtable .odd {background-color: #FCF5F9; } 
.redtable .even {background-color: #FAEFF4; }
.redtable .denote {color: #b47d8a;}
.redtable .title {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#CC3333; }




/* -------=====   SubTables Blue   =====------- */ 


.infosubtable {border:1px solid #000;
	border-collapse:collapse;
	padding: 0;
	margin: 0;
	border: 0;
	align: center;
} .infosubtable th {
	font: bold 9px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 9px;
	background: #999999;
} 
.infosubtable td {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	border-bottom: 1px solid #cccccc;
	background: #fff;
	padding: 6px 6px 6px 12px;
}

.infosubtable tbody th{ text-align:left; color: #ffffff; }
.infosubtable thead th{ text-align:left; background:#cccccc; }	
.infosubtable tfoot td{ text-align:right; font-weight:bold; background:#99ccff; color:#666666; }
TABLE.infosubtable TD A:link { color: #797268; } 
.infosubtable .denote {font: bold 0.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}



/* -------=====   SubTables Blue   =====------- */ 

.bluesubtable th {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; }
.bluesubtable thead th {background:#C1E0FF; text-align:left; }	
.bluesubtable tbody th {background:#6699cc; text-align:left; }
.bluesubtable td {border-bottom: 1px solid #C1DAD7; background: #fff; }	
.bluesubtable .odd {background-color: #f5f9fc; } 
.bluesubtable .even {background-color: #eff4fa; }
.bluesubtable tfoot td{ text-align:right; font-weight:bold; background:#99ccff;}  
.bluesubtable .title {font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#6699cc; }
.bluesubtable .denote {color: #006699;}
.bluesubtable .future { background: #006699;}



/* -------=====   Image Table setup   =====------- */ .pictable td {
	padding: 4px 4px;
	vertical-align: top;
}






/* -------=====   Largetext   =====------- */ 

.largetitles  { font-size: 20px; color: #2C4D5B; text-decoration:none; } 	
.largetitles a:link   { font-size: 20px; color: #2C4D5B; text-decoration:none;} 
.largetitles a:visited   { font-size: 20px; color: #2C4D5B; text-decoration:none;} 
.largetitles a:hover   { font-size: 20px; color: #2C4D5B; text-decoration:none;} 
.largetitles a:active   { font-size: 20px; color: #2C4D5B; text-decoration:none; } 















/* -------=====   FORM   =====------- */  INPUT {
 color: black;
font-family: arial, verdana, ms sans serif;
font-size: 8pt
}

 SELECT {
color: black;
font-family: arial, verdana, ms sans serif;
font-size: 8pt
}

.submit {
 background-color: #fff;
 padding: 2;
 margin: 0;
 width: 16em;
 border: solid 1px #68603f;
}  
/* 
.cborderw { 
/* 1 pixel white border used by the thankyourem quote */
border: solid 1px #ffffff; }  

/* -------=====  Details Box   =====------- */  

.cstable2 { 
	border-collapse: collapse; 
	width: 710px; 
	margin: 8px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;  
	color: #2B2B2B; 
}  

.cstable2 td { 
	padding: 4px 4px; 
	border-bottom: 1px dashed #2B2B2B; 
	vertical-align: top; 
}    .setlisttitles { 
	font-size: 10px; 
	color: #FFFFFF; 
	 
}  

.blacktext { 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
}  

/* -------=====   11 pixel white text. (table headers on chrono page)    =====------- */  

.11p-white {font-size: 11px; 
          font-family: Geneva, Arial, Helvetica, sans-serif; 
          color: #FFFFFF 
}      

/* -------=====  credits on chrono page   =====------- */    
.style42 {color: #990000} 
.style43 {color: #000000; style: strong}	       
  
/* -------=====  Copyright Include   =====------- */  

.whitetext {color: #FFFFFF}

.csscopyright {font-family: Arial, Helvetica, sans-serif; 
               font-size: 10px;
			   }

  
.csscopyrightlinks {color: #ffffff;
}  

.csscopyrightlinks a:link { 
	color: #FFFFFF; 
} 
.csscopyrightlinks a:visited { 
	color: #FFFFFF; 
} 
.csscopyrightlinks a:hover { 
	color: #FFFFFF; 
} 
.csscopyrightlinks a:active { 
	color: #FFFFFF; 
}     
/* -------=====  Details Box   =====------- */    /*.infotable { 
	border-collapse: collapse; 
	font-family: Geneva, Arial, Helvetica, sans-serif;  
}  

.infotable td { 
	padding: 4px 4px; 
	border-bottom: 1px dashed #2B2B2B; 
	vertical-align: top; 
} 
*/    /* -------=====  Details returned info (light greeny)   =====------- */  

.detailresult {color: #315666}  

a.detailresult:link { 
	color: #315666; 
	text-decoration: underline; 
} 
a.detailresult:visited { color: #1E89B7; } 
a.detailresult:hover { color: #000000; }    /* -------=====  24 Point Large Thin Page Titles   =====------- */  

.equalrem {font-family: Geneva, Arial, Helvetica, sans-serif;  
	 		font-weight: bold; 
		 	color: #FFFFFF;	 
}  

.notequalrem { 
	border-collapse: collapse; 
	color: #E4EEF1; 
	font-weight: normal; 
}  

/* -------=====  Details Box  =====------- */  

.tracktablebold { 
	border-collapse: collapse; 
	color: #2B2B2B; 
	style: strong; 
	font-weight: bold; 
}    .tracktable { 
	border-collapse: collapse; 
	color: #2B2B2B; 
}  

.tracktable td { 
	padding: 2px; 
	border-bottom: 1px dashed #cccccc; 
	vertical-align: top; 
}     
/* -------=====  1 pixel white border used by the thankyourem quote  =====------- */  

.css_borderw {  
	border: dashed 1px #ffffff; 
}	  

.css_borderw th { border: 1px dashed #ffffff; } 
.css_borderw td { border: 1px dashed #ffffff; }    /* -------=====  1 pixel green border used by the thankyourem quote  =====------- */    .css_borderb { border: 1px solid #1e2f3d; } 
.css_borderb th { border: 1px solid #1e2f3d; } 
.css_borderb td { border: 1px solid #1e2f3d; }     
/* -------=====  Trivia   =====------- */  

.trivia { 
	font-size: 9px; 
	color: #3e391f; 
}    /* -------=====  White text and Links   =====------- */  

.whitecss { 
	font-size: 9px; 
	color: #ffffff; 
	font-weight: bold; 
}  

a.whitecss:link { color: #FFFFFF; } 
a.whitecss:visited { color: #FFFFFF; } 
a.whitecss:hover { color: #FFFFFF; }      

.greenlinks {color: #80ADC1}  

a.greenlinks:link { color: #80ADC1; } 
a.greenlinks:visited { color: #80ADC1; } 
a.greenlinks:hover { color: #80ADC1; }      

.style45 {color: #FFFFFF}     
/* -------=====  Large number    =====------- */ 
.style41 { 
	font-size: 26px; 
	color: #000000; 
}     
.style40 {color: #2c405e}     
.boottable { 
	border-collapse: collapse; 
	margin: 4px; 
}  

.boottracks td { 
	padding: 4px 4px; 
	border-bottom: 1px dashed #000000; 
	vertical-align: top; 
}  

.boottable td { 
	padding: 4px 4px; 
	border-bottom: 1px dashed #510000; 
	vertical-align: top; 
}    .suptable td { 
	border-bottom: 1px dotted #665F3E; 
}  

.discotable td { 
	padding: 4px 4px; 
	border-bottom: 1px dashed #003399; 
	vertical-align: top; 
}    .discotable tr.over td, .discotable tr:hover td { 
	background: #003399; 
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none; 
}    .boottable tr.over td, .boottable tr:hover td { 
	background: #990000; 
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none; 
}  

.bootsetlist A:link. .bootsetlist A:active, .bootsetlist A:visited, .bootsetlist A:hover { 
   {color: #ffffff; text-decoration: none; 
   }  

.bootsetlist { 
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none; 
} 
.medtitles { 
	font-size: 18px; 
	color: #2C4D5B; 
	} 
*/