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

.grid720 { 
	 border:solid 2px;display:table;border-spacing:2px;margin-right:auto;margin-left:auto;max-width:720px
} 

.grid { 
	 border:solid 2px;display:table;border-spacing:2px;margin-right:auto;margin-left:auto
} 
.gridtan { 
	 border:solid 4px;display:table;border-spacing:2px;margin-right:auto;margin-left:auto;background-color: #d0ab8b;
}
.gridp1b { 
	 border:solid 1px;display:table;border-spacing:2px;margin-right:auto;margin-left:auto
} 
.griddle { 
	 border:solid 2px;display:table;border-spacing:2px;margin-left:8px;margin-right:auto
} 
.grid_bgcw { 
	 border:outset 2px;
  display:table; 
  border-spacing:2px;
  margin-right:auto;margin-left:auto;
  background-color:white;
}
.grid100 { 
	 border:outset 2px;
  display:table; 
  border-spacing:2px;
  width:100%;
}
.grid100cyan { 
	 border:double 2px;
  display:table; 
  border-spacing:2px;
  width:100%;
  background-color:#bfffff;

}

.grid100nb { 
	 border:none;
  display:table; 
  width:100%;
}

.grid60nb { 
	 border:none;
  display:table; 
  width:60%;
  margin-right:auto;margin-left:auto;
}
.grid50 { 
	 border:solid 2px;
  display:table; 
  border-spacing:2px;
  width:45%;
  margin-right:auto;margin-left:0;
}
.grid50r { 
	 border:solid 2px;
  display:table; 
  border-spacing:2px;
  width:50%;
  margin-right:0;margin-left:auto;
}
.grid70 { 
	 border:solid 2px;
  display:table; 
  border-spacing:2px;
  width:70%;
  margin-right:auto;margin-left:auto;
}
.grid90 { 
	 border:solid 2px;
  display:table; 
  border-spacing:2px;
  width:90%;
  margin-right:auto;margin-left:auto;
}

.grid0nb { 
  display:table; 
	 border:none;
  border-collapse:collapse;
  border-spacing:0px;
  margin-right:auto;margin-left:auto;
}

.grid0 { 
	 border:solid thin;
  border-collapse:collapse;
  display:table; 
  border-spacing:0px;
  margin-right:auto;margin-left:auto;
}
.gridr0 { 
	 border:solid thin;
  border-collapse:collapse;
  display:table; 
  border-spacing:0px;
  margin-right:0;margin-left:auto;
}
.gridouble { 
	 border:double;
  display:table; 
  border-spacing:2px;
  margin-right:auto;margin-left:auto
}

.dtcaption {
		display:table-caption;
	 border:solid 2px;
  border-spacing:2px;
  border-collapse:collapse;
  background-color:white;
}
.caracaption {
		display:table-header-group;
	 border:solid 2px;
  border-spacing:2px;
/*  border:collapse; */
  background-color:red;
}

.row { 
  display:table-row; 
  vertical-align:top; 
} 
/* cell n - first digits width as percentage

cellp n - pad

cell - alignment= l,r,c no mention means whatver usually left or set up inside cell

cell g background 

b = border

vertical-align top assumed only have to add extras in later css get it?*/
.cellvideo { display:table-cell;padding:0px;text-align:center;border:solid 2px blue;vertical-align:top } 

.cellp016b { display:table-cell;padding:0px;padding-right:32px;border:thin solid #000;vertical-align:top }

.cell { display:table-cell;padding:2px;text-align:center;border:solid thin black;vertical-align:top } 
/* cell is actually cellp2cb */ 
.cellp2cb { display:table-cell;padding:2px;text-align:center;border:thin solid #000;vertical-align:top }
.cellp2b { display:table-cell;padding:2px;border:thin solid #000;vertical-align:top }
.cellp2wb { display:table-cell;padding:2px;background-color:#fff;border:thin solid #000;vertical-align:top }

.cellp0 { display:table-cell;padding:0px;border:none;vertical-align:top } 
.cellp0b { display:table-cell;padding:0px;border:thin solid #000;vertical-align:top } 
.cellp0cb { display:table-cell;padding:0px;text-align:center;border:thin solid #000;vertical-align:top } 
.cellp0wb { display:table-cell;padding:0px;background-color:#fff;border:thin solid #000;vertical-align:top } 
.cellp0r { display:table-cell;padding:0px;text-align:right;border:none;vertical-align:top }
.cellp0rb { display:table-cell;padding:0px;text-align:right;border:thin solid #000;vertical-align:top }
.cellp0cw { display:table-cell;padding:0px;text-align:center;background-color:#fff;border:none;vertical-align:top }
.cellp0cwb { display:table-cell;padding:0px;text-align:center;background-color:#fff;border:thin solid #000;vertical-align:top }
.cellp0w98 { display:table-cell;padding:0px;text-align:right;width:98%;border:none;vertical-align:top }
.cell50  { display:table-cell;padding:4px;border:thin solid #000;vertical-align:top;width:50% }
.cellp4 { display:table-cell;padding:4px;border:none;vertical-align:top }
.cellp4b { display:table-cell;padding:4px;border:thin solid #000;vertical-align:top }
.cellp40b { display:table-cell;padding:4px;padding-right:0px;border:thin solid #000;vertical-align:top }
.cellp4cb { display:table-cell;padding:4px;text-align:center;border:thin solid #000;vertical-align:top }
.cellp4l { display:table-cell;padding:4px;text-align:left;border:none;vertical-align:top }
.cellp4lb { display:table-cell;padding:4px;text-align:left;border:thin solid #000;vertical-align:top }
.cellp4r { display:table-cell;padding:4px;text-align:right;border:none;vertical-align:top }
.cellp4rb { display:table-cell;padding:4px;text-align:right;border:thin solid #000;vertical-align:top }
.cellp4wb { display:table-cell;padding:4px;background-color:#fff;border:thin solid #000;vertical-align:top }
.cellp4lwb { display:table-cell;padding:4px;text-align:left;background-color:#fff;border:thin solid #000;vertical-align:top }
.cellp4m { display:table-cell;padding:2px;text-align:left;border:thin solid #000;vertical-align:top;font-size:medium }
.cellp4lr {	display:table-cell;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;border:none;vertical-align:top;text-align:right }
.cellp8 { display:table-cell;padding:8px;border:none;vertical-align:top }
.cellp8b { display:table-cell;padding:8px;border:thin solid #000;vertical-align:top }
.cellp8bcyan { display:table-cell;padding:8px;border:thin solid #000;vertical-align:top;background-color:#bfffff }
.cellp80b { display:table-cell;padding:8px;padding-right:0px;border:thin solid #000;vertical-align:top }
.cellp8wb { display:table-cell;padding:8px;background-color:#fff;border:solid black thin;vertical-align:top } 
.cellp8lr { display:table-cell;padding-left:8px;padding-right:8px;padding-top:0px;padding-bottom:0px;border:none;vertical-align:top }
.cellp8l { display:table-cell;padding-left:8px;padding-right:8px;padding-top:2px;padding-bottom:2px;border:thin solid #000;vertical-align:top;text-align:left }

.cellp216l { display:table-cell;padding:2px;padding-right:16px;text-align:left;border:none;vertical-align:top }

.cellp16 { display:table-cell;padding:16px;border:none;vertical-align:top }
.cellp16b { display:table-cell;padding:16px;border:thin solid #000;vertical-align:top }
.cellp16wb { display:table-cell;padding:16px;background-color:#fff;border:thin solid #000;vertical-align:top }
.cellp16rb { display:table-cell;padding:16px;text-align:right;border:thin solid #000;vertical-align:top }
.cellp016wb { display:table-cell;padding:2px;padding-right:16px;background-color:#fff;border:thin solid #000;vertical-align:top }
.cellp160lb { display:table-cell;padding:2px;padding-left:16px;text-align:left;border:thin solid #000;vertical-align:top }
.cellp1616lwb {  display:table-cell;padding-left:16px;padding-right:16px;text-align:left;background-color:#fff;border:solid black thin;vertical-align:top }
.cellp1616wb {  display:table-cell;padding:2px;padding-left:16px;padding-right:16px;background-color:#fff;border:solid black thin;vertical-align:top }
.cellp1616l { display:table-cell;padding:2px;padding-left:16px;padding-right:16px;text-align:left;border:none;vertical-align:top }

.cellp320l { display:table-cell;padding:2px;padding-left:32px;text-align:left;border:none;vertical-align:top } 
.cellp32b { display:table-cell;padding:2px;padding-left:32px;text-align:left;border:none;vertical-align:top } 
.cellp3232c { display:table-cell;padding:32px;text-align:center;border:none;vertical-align:top } 
.cellp4128b { display:table-cell;padding:4px;padding-right:128px;border:thin solid #000;vertical-align:top } 

.cell20p4 { display:table-cell;width:20%;padding:4px;border:none;vertical-align:top } 
.cell25p4 { display:table-cell;width:25%;padding:4px;border:none;vertical-align:top } 
.cell25p8b { display:table-cell;width:25%;padding:8px;border:thin solid #000;vertical-align:top } 
.cell25p2wb { display:table-cell;width:25%;padding:2px;background-color:#fff;border:thin solid #000;vertical-align:top }
.cell30p8b { display:table-cell;width:30%;padding:8px;border:thin solid #000;vertical-align:top }
.cell40p8b { display:table-cell;width:40%;padding:8px;border:thin solid #000;vertical-align:top }
.cell50p8b { display:table-cell;width:50%;padding:8px;border:thin solid #000;vertical-align:top } 

.cell33l { display:table-cell;padding:2px;width:33%;text-align:left;border:none;vertical-align:top } 
.cell33r { display:table-cell;padding:2px;width:33%;text-align:right;border:none;vertical-align:top } 
.cell34c { display:table-cell;padding:2px;width:34%;text-align:center;border:none; vertical-align:top }
.cell33lb { display:table-cell;padding:2px;width:33%;text-align:left;border:thin solid #000;vertical-align:top } 
.cell33rb { display:table-cell;padding:2px;width:33%;text-align:right;border:thin solid #000;vertical-align:top } 
.cell34cb { display:table-cell;padding:2px;width:34%;text-align:center;border:thin solid #000;vertical-align:top }

.celldouble { display:table-cell;padding:2px;text-align:center;background-color:#fff;border:double #000;vertical-align:top }
/* bugger replace all the index ones with p4b
.cellp4 { 
  display:table-cell; 
  padding:4px;
  border: solid thin; 
  vertical-align:top; 
  background-color:white;
 }
.cellp8 { 
  display:table-cell; 
  padding:8px;
  border: solid thin; 
  vertical-align:top; 
  background-color:white;
 } */
.pad {
  padding:16px;
  text-align:left;
}

video { 
/*	background-color:white;*/
	border:solid black;
}

width25 { width:25% }
width35 { width:35% }
width40 { width:40% }
width50 { width:50% }
width80 { width:80% }