/* This stylesheet is copyright David Gibson, 2013. Used by BCRA under licence. 
   This is a temporary style sheet, governing the display of a limited set of pages
*/

BODY, TD {
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

P { font-size: 11pt; }

P.heading  { 
  background-color: #CCFFCC; 
  border-top: #00FF00 solid 1px; 
  padding: 5px; 
  margin: 1em 5% 0 5%  ; 
}

P.infotext { 
  background-color: #FFFFFF; 
  font-size: 9pt; 
  line-height: 1.4em;
  padding: 0.3em 5%;
  margin: 0 5%; 
}

P.infotext2 { 
  background-color: #FFFFFF; 
  font-size: 9pt; 
  line-height: 1.4em;
  padding: 0.3em 0%;			/* no left-right padding */
  margin: 0 5%; 
}

P.indent { 
  background-color: #FFFFFF; 
  font-size: 9pt; 
  line-height: 1.4em;
  padding: 0.3em 8%;
  margin: 0 10%; 
}

TABLE {
  font-size: 9pt;
  color: black;
}

TABLE P {
  font-size: 9pt;
  color: black;
}

DL, UL.percent70 {		/* DL used on drop-shipping page only */
  width: 70%;			/* using .percent70 on general lists stops header PDMs 
  				   from adopting this style, because header.css is defined first
  				   in this update to the 'old' web pages */
}

UL.infotext {
  background-color: #FFFFFF; 
  font-size: 9pt; 
  line-height: 1.4em;
  padding: 0.3em 8%;
  margin: 0 10%; 
}

LI.paymentnotes {
  font-size: 9pt; 
}

DT {
  font-weight: bold; 
  padding-top: 5px;
}

DD, LI {			/* These LI items do not over-ride header.css because that uses LI A */
  font-size: 10pt; 
  padding-bottom: 5pt;
  line-height: 1.3;
}

TABLE.orderSummary {
  background-color: white; 
  /* border: 1px blue solid;   ignored when borders collapsed, except in MSIE */
  border-collapse: collapse; 	/* collapse multiple borders, or separate; */
  border-spacing: 0;		/* space between multiple borders */
  table-layout: auto;		/* fixed (widths specified in TD) or auto */
  width: 100%;
}

TABLE.orderSummary TD {
  background-color: lavender; 
  border: 3px white solid;
  border-bottom: none;		/* borders are collapsed anyway; but this allows for noBorderTop */
  padding: 5px;
  vertical-align: middle;
}

TABLE.orderSummary TD.noBorderTop {
  border-top: none; 
}

SPAN.hoverhover {
  cursor: pointer;
  border-bottom: 1px blue dashed;
  color: blue;
}  

SPAN.startDates { }

INPUT.radio {
  cursor: pointer;
}

.clickable {
  cursor: pointer;
}

.shadeRed {
  background-color: #FFCCCC;
  color: #0000DD;
}



SPAN.debug {		/* 'display: inline' is set via JS for debugging */
  display: none; 
  background-color: MistyRose;
}

TABLE.debug TD {	/* This only COLOURS table. DISPLAY is set via ROW's id=showbox */
  background-color: MistyRose;
  border: 1px red solid; 
  padding: 5px;
  vertical-align:middle;
}


TABLE.miscPayment
{
  font-size: 14pt;  	/* altered from 9pt on 10-nov-2020 */
  margin: 10px 10% 20px 10%; 
  border: blue solid 1px; 
  padding: 0px; 
  background-color: #EEEEFF;
}

TABLE.miscPayment TD {
  /* border-bottom: white solid 1px;  removed 10-nov-2020. not sure why it was there  */
  padding: 10px;
}


/* ========== DONATION FORM ======================================*/

/* Donate form altered to remove table on 10-nov-2020 */

DIV.miscPaymentWasTable
{
  font-size: 14pt;
  margin: 10px 5% 20px 5%; 
  border: blue solid 1px; 
  padding: 20px; 
  background-color: #EEEEFF;
}

SPAN.radio {
  font-size: smaller;
  white-space: nowrap;
  background: #EEEEEE;
  border: 1px solid grey;
  border-radius: 3px;
  padding: 2px 7px;
}

INPUT.donate {
  font-size: larger; 
  padding: 5px 15px;
}