@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;} 

.standard_pad {
   padding-left:10px;
   padding-top:2;
   padding-right:10px;
   padding-bottom:2px;
   }

.wide_pad {
   padding-left:20px;
   padding-top:25;
   padding-right:20px;
   padding-bottom:25px;
   }
   
.home_pad {
   padding-left:10px;
   padding-top:1;
   padding-right:10px;
   padding-bottom:1px;
   }



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

.picborder img{

   border:1px solid #000000;

   padding:2px;

   background:#ffffff;

}











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

#infotablesize { width: 400px; }
#smalltablesize { width: 220px; }
#mediumtablesize { width: 276px; }
#largetablesize { width: 480px; }
#fn { width:90px; }
#fm { width:40px; } 
#fo { width:70px; }
#infoListsize { width: 400px; }



.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-top: 1px solid #cccccc;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-align: left;
   padding: 6px 6px 6px 6px;
   background: #999999;
} 

.infotable td {
   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   color: #797268;
   border-top: 1px solid #cccccc;
   background: #fff;
   padding: 6px 6px 6px 6px;
}

.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   =====------- */ 




.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-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;
   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-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;
   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-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-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; background: #fff; }
.darkbluetable .future2 { background: #8aa2ba; }
.darkbluetable .future3 { background: #cccccc; }



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

.greentable th {border-right: 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; background: #fff; }
.greentable .odd {background-color: #f9fcf5; } 
.greentable .even {background-color: #f4faef; }  
.greentable tfoot td{ text-align:right; font-weight:bold; background:#B4DB8E;}  
.greentable td {border-right: 1px solid #CBD4C6; border-top: 1px solid #CBD4C6; background: #fff; }

.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;}

.greentable .duration{ font: bold 8px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #438251;
 } 

.greentable tbody th.medley{
text-align:left;
color: #ffffff;
border-top: 1px solid #6ea97b;
border-left: 1px right #eef3eb
}


.greentable tbody td.medley{
text-align:left;
border-top: 1px solid #eef3eb;
border-left: 1px solid #eef3eb;
}


.greentable {
  border:1px solid #CBD4C6;
}



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

.darkgreentable th {border-right: 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; background: #fff; }

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

.redtable th {border-right: 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; 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-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;
   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-top: 1px solid #C1DAD7; }
.bluesubtable thead th {background:#C1E0FF; text-align:left; } 
.bluesubtable tbody th {background:#6699cc; text-align:left; }
.bluesubtable td {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; 
   } 
   
   
   
   




   
   
   
   
   
   
   
   
   
   
   
   
*/