/*
   * Contains styles for specific tables or layout options not 
   * related to multiple pages (see layout.css for those)
*/

ul.indent_only { 
margin-left: 10px; padding-left: 2.5em;
list-style-position: inside;
list-style-type: none;
margin-top: 5px;
}
ul.indent_only li{
list-style-type: none;
}

div.bdh  { 
  /* Board Description Header */
  font-family: Verdana, sans-serif;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold;
  border-top: 1px solid #D92524;
  background-color: inherit;
  margin: 0.5em 2.0em 0.5em 0.5em;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

div.bdb  { 
  /* Board Description Body */
  font-family: Verdana, sans-serif;
  text-align: left;
  font-size: 1.0em;
  font-weight: normal;
  margin: 0.5em 2.0em 0.5em 1.5em;
  padding: 0.15em;
}




div.letter  { 
  /* A 'letter' Header */
  font-family: Verdana,  sans-serif;
  text-align: left;
  font-size: 1.0em;
  font-weight: normal;
  margin: 0.5em 2.0em 0.5em 0.5em;
  padding: 0.2em 0.5em 0.2em 0.5em;
}

div.signature { 
  font-family: Helvetica, sans-serif;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold;
  margin: 0.5em 0.5em 0.5em 0.5em;
}




div.indent p { 
  font-family: Verdana, sans-serif;
  text-indent: 2.0em;
  margin: 5px 5px 5px 10px;
}

div.larger p { 
  font-size: 1.0em;
}

div.headline_left { 
  border-top: 2px solid #D92524;
  border-bottom: 2px solid #D92524;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  text-align: left;
}

div.headline_center {
  border-top: 2px solid #D92524;
  border-bottom: 2px solid #D92524;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  text-align: center;
}

div.headline_highlight {
  padding-top: 2px;
  padding-left: 2px;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  background-color: #D92524;
  color: #FFF;
}

div.header { 
  font-family: Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}


/* Terms of Use Style */
.tou { 
  font-size: larger; 
}
.tou p {
  margin: 2px 5px 7px 5px; 
  text-indent: 5px;
}

textarea.simple { 
  font-family: Tahoma; 
  font-size: 0.90em; 
}

/*  User login option table (ie 'welcome' and 'prefs') */
table.logintable  {
  margin: 0px; 
  padding: 0px;
  width: 100%; 
  font-size: 0.95em;
  vertical-align: top; 
  border-spacing: 0px;
  border-collapse: collapse;
}

table.logintable tr, table.logintable td {
  border-spacing: 0px; 
  border: 0px;
  padding: 0px 0px 2px 0px; 
}

table.logintable td.contact { 
  text-align: left;
  width: 65%;
}

table.logintable td.contact a { 
  color: #000000;
  background-color: inherit;
}
table.logintable td.contact a:hover { 
  color: #000;  /* pinkish */
  background-color: inherit;
}

/* 
* Used for the Member's section
*/
table.logintable td.member { 
  width: 35%;
  background-color: inherit;
  color:#000;
  padding-right:10px;
  border: 0px; 
  text-align: right; 
}

table.logintable a {
  color:#000;
  background-color: inherit;
}

/* For lists of files */
table.list_table {border-collapse: collapse; 
	padding: 0.25em; margin: 0.0em; border-spacing: 0.0em;}
table.list_table td  { 
  color: black;   background-color: inherit; 
  vertical-align: middle;}
table.list_table tr.d1 td { 
  color: inherit; background-color: inherit;
  padding: 0.25em; margin: 0.5em;}
table.list_table tr.d2 td { 
  color: inherit; background-color: #e0e0e0;
  padding: 0.25em; margin: 0.5em;}


/* When displaying a group member, has alternating color tr options */
table.membertable {border-collapse: collapse; 
	padding: 0.25em; margin: 0px; border-spacing: 0.0em;
}
table.membertable td       { color: black;   background-color: inherit; 
	vertical-align: middle; margin-left: auto; margin-right: auto;
        text-align: center;
}
table.membertable tr.d1 td { color: inherit; background-color: inherit;
  padding: 0.25em; margin: 0.5em; 
  margin-left: auto; margin-right: auto;
  text-align: center;
}
table.membertable tr.d2 td { color: inherit; background-color: #e0e0e0;
	padding: 0.25em; margin: 0.5em;
  margin-left: auto; margin-right: auto;
  text-align: center;
}


/* form Input table (and headers) */

table.input { 
  border-collapse: collapse;
  margin: 0px; 
  border-spacing: 0px;
}
table.input img { 
  vertical-align: middle; border: 0; 
}
table.input tr, table.input td { 
  padding: 5px;
  text-align: left;
}

table.input tr.head { 
  border-top: 1px solid #000000; 
  font-size: 1.0em; 
}

table.input td.required { color: #b80000; background-color: inherit;}
.required { color: #b80000; background-color: inherit;}
table.input td.tl { border-top: 1px solid #000; }
table.input td.padzero { padding: 0px; margin: 0px; text-align: left;}
table.input td.center { text-align: center; }
table.input td.right  { text-align: right; }
table.input td.left   { text-align: left; }

/* for 'show-people' */
table.sp { 
  border-collapse: collapse;
  padding: 0.75em; 
  margin: 0.0em; 
  border-spacing: 0.0em;
}
table.sp tr, table.sp td { 
  color: inherit; background-color: inherit; 
  text-align: left;
  font-size: 0.95em;
}
table.sp tr.head { 
  border-top: 1px solid #000000; 
  font-size: 1.50em; 
}
table.sp td.padzero { padding: 0px; margin: 0px; text-align: left;}
table.sp td.center { text-align: center; }
table.sp td.right  { text-align: right; }
table.sp td.left   { text-align: left; }


/* Picture page Table */
table.pictures { 
  border-collapse: collapse; 
  border: 0px; 
  border-spacing: 4px;
  padding: 2px;
}
table.pictures tr, table.pictures td {  
  font-size: 1.0em;
  padding: 2px;
}

/* schedule */
table.schedule {
  font-family: Verdana, sans-serif;
  border-collapse: collapse; 
  border-spacing: 0px;
  padding: 1px 0px 1px 0px; 
  margin-right: auto;
  margin-left: auto;
}

table.schedule tr, table.schedule td {  
  font-size: 0.95em;
  font-family: Verdana, sans-serif;

  padding: 0.30em 0.0em 0.15em 0.0em;
}

table.schedule td.wins, table.schedule td.losses, 
table.schedule td.percentage { 
  width: 8.0em;
  text-align: center;
}

table.schedule td.htname {
  width: 8.5em;
}
table.schedule td.vtname {
  width: 9.2em;
}

table.schedule td.vs {
  width: 4.0em;
}
table.schedule td.at, table.schedule td.time, 
table.schedule td.win, table.schedule td.loss { 
  width: 3.5em;
}

table.schedule td.vs { 
  text-align: center;
 }

table.schedule td.win { 
  font-weight: bold;
}

table.schedule td.results,  table.schedule td.timedata { 
  width: 5.5em;
}

table.schedule td.location { 
  width: 20.0em;
}

table.schedule tr.header { 
  padding-top: 2px;
  text-align: center;
  font-weight: bold;
}

table.schedule tr.notice { 
  padding-top: 2px;
  font-size: 1.1em;
  text-align: left;
}
table.schedule td.notice { 
  border-top: thin dashed #D92524;
  border-bottom: thin dashed #D92524;
  font-style: italic;
  font-weight: bold;
  font-size: 0.90em;
  padding-left: 2.0em;
  padding-right: 5.0em;
  text-align: center;
 }


/* Tables that show people, groups... lists of things.. */
table.show { 
  border-collapse: collapse; 
  border: 0px; 
  border-spacing: 0px;
  padding: 2px;
}
table.show tr, table.show td {  
  font-size: 0.95em;
}

/* pict_list */
table.pict_list {
  border-collapse: collapse; 
  border-spacing: 0px;
  padding: 1px 0px 1px 0px; 
  margin-right: auto;
  margin-left: auto;
}

table.pict_list tr, table.pict_list td {  
  font-size: 0.87em;
  padding: 0.30em 0.0em 0.15em 0.0em;
/*  padding: 0.30em;*/
}

table.pict_list td.ct, table.pict_list td.at { 
  width: 9.5em;
text-align: center;
}

table.pict_list td.sep {
  width: 1.2em;
}

table.pict_list td.loc {
  width: 8.0em;
}

table.pict_list td.pt {
  width: 12.5em;
  font-size: 0.80em;
  text-align: left;
}

table.pict_list tr.header { 
  padding-top: 2px;
  text-align: center;
  font-weight: bold;
}




/* Sponsor levels */
table.sponsorlevel { 
  border-collapse: collapse; 
  border: 0px; 
  border-spacing: 0px;
  padding: 2px;
}
table.sponsorlevel tr, table.sponsorlevel td {  
  font-size: 0.95em;
}
table.sponsorlevel td { 
  vertical-align: top;
  padding: 5px;
}
table.sponsorlevel td.header { 
  vertical-align: top;
  padding: 5px;
  text-align: center;
  font-weight: bold;
}

/*
** board 
*/
table.board { 
  padding: 0px;
  margin: 5px;
  border-spacing: 0px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

table.board tr {
  margin: 2px;
  padding: 2px; 
  text-align: left;
}
table.board td { 
  margin: 0px; 
  padding: 2px;
  border: 0px;
  text-align: left;
}
table.board tr.r1 td { 
  color: inherit; background-color: inherit; /* #99ccff; */
  padding: 2px;}
table.board tr.r2 td { 
  color: inherit; background-color: #c0c0c0;
}
table.board td.center {  text-align: center; }
table.board td.title { font-weight: bold;}
table.board td.name { font-style: italic; padding-left: 20px;}
table.board tr.r2 { padding-left: 10px; }


/*
* Create a corner-rounded box around text
* The divs build-up then back down.
* Note: Needs print version of css to turn off
* borders.
* Concept from www.spiffycorners.com 
*/
.greyroundbox, .grey2roundbox, .redroundbox {
  display:block;
}
.greyroundbox *, .grey2roundbox *, .redroundbox * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em; 
}
.greyroundbox1, .grey2roundbox1, .redroundbox1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
}
.greyroundbox2, .grey2roundbox2, .redroundbox2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
}
.greyroundbox3, .grey2roundbox3, .redroundbox3 {
  margin-left:1px;
  margin-right:1px;
}
.greyroundboxfg, .grey2roundboxfg, .redroundboxfg {
  padding-left: 5px;
/*  line-height: 2.0em; */
  font-weight: bold;}
/*
* Center version of box text
*/
.greyroundboxfgc, .grey2roundboxfgc, .redroundboxfgc {
  padding-left: 5px;
  font-size: 100%; 
  text-align: center;
  font-weight: bold;
}

/* Color differences */
.greyroundbox * { background:#C5C5C5;}
.greyroundbox1 { 
  border-left:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6;
  background:#d3d3d3;}
.greyroundbox2 { 
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#d0d0d0;}
.greyroundbox3 { 
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;}
.greyroundbox4{
  border-left:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6;}
.greyroundbox5{
  border-left:1px solid #d3d3d3;
  border-right:1px solid #d3d3d3;}
.greyroundboxfg, .greyroundboxfgc { 
  background:#C5C5C5; color: #000;}

.grey2roundbox * { background:#858585; }
.grey2roundbox1 { 
  border-left:1px solid #A6A6A6;
  border-right:1px solid #A6A6A6;
  background:#919191;}
.grey2roundbox2 { 
  border-left:1px solid #B9B9B9;
  border-right:1px solid #B9B9B9;
  background:#909090;}
.grey2roundbox3 { 
  border-left:1px solid #909090;
  border-right:1px solid #909090;}
.grey2roundbox4{
  border-left:1px solid #B0B0B0;
  border-right:1px solid #B0B0B0;}
.grey2roundbox5{
  border-left:1px solid #A0A0A0;
  border-right:1px solid #A0A0A0;}
.grey2roundboxfg, .grey2roundboxfgc { 
  background:#858585; color:#000;}

.redroundbox * {
  background:#D92524; }
.redroundboxfg, .redroundboxfgc {
  background:#D92524; color: #fff;}
.redroundbox1{
  border-left:1px solid #ee180f;
  border-right:1px solid #ee180f;
  background:#c53f3f;}
.redroundbox2{
  border-left:1px solid #fb1103;
  border-right:1px solid #fb1103;
  background:#c03030;}
.redroundbox3{
  border-left:1px solid #e0201d;
  border-right:1px solid #e0201d;}
.redroundbox4{
  border-left:1px solid #ee180f;
  border-right:1px solid #ee180f;}
.redroundbox5{
  border-left:1px solid #e21f1b;
  border-right:1px solid #e21f1b;}
/* end of rounded corner styles */