﻿body {background-image: url("images/pool.jpg"); font: normal 12px verdana,arial,helvetica,sans-serif; color: #000033; }

.dropbtn {cursor: pointer; cursor:hand; text-align:left; font: bold 18px verdana,arial,helvetica,sans-serif; white-space: nowrap; background-color:#006699; 
	color:white; padding-left:5px; padding-right:5px; border-left:1px solid #000000; border-bottom:1px solid #000000; width: 165px;}
.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; left:165px; background-color: #006699; color: black; top: 5px; overflow:scroll; height:175px;}
.dropdown-content a {color: white; padding: 8px 10px; text-decoration: none; display: block; left:60px; width: 75px;}
.dropdown-content a:hover {background-color: #000000;}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn { background-color: #ff0000; }

option.red {background-color: #cc0000; color: white;}
option.pink {background-color: #ffcccc;}
option.country {background-color: #cc0000; color: white;}
option.published {background-color: #ffcccc; color: #cc0000;}
option.norm {color: #cc0000;}
option.blue {color: #0000ff;}
option.gray {color:silver;}
option.black {color: black;}
option.greenhead {background-color:#339966; color:white;}
option.greentext {background-color:white; color:#339966;}

input.orange {color: orange;}
input.amber {background-color: orange;}
input.green {background-color: green;}
input.red {background-color:red;}
input.black {background-color:black;}
input.white {background-color:white;}

img.btn {background-color:gold; cursor:pointer; cursor:hand;}

p.label {font: bold 12.0pt "Times New Roman","serif"; text-align: left; padding:10px 0px 10px 5px;}
p.MsoNormal {margin:0pt 0pt 0001pt 0pt; font-size:12.0pt; font-family:"Times New Roman","serif";}
ul {margin-bottom:0cm;}
li.MsoNormal {font: normal 12.0pt "Times New Roman","serif"; margin:0pt 0pt 0001pt 0pt;}
table.MsoNormal {border-collapse: collapse; border: 1.0pt solid windowtext;}

.sharks{width:100%; background-color:blue; font: bold 16px verdana,arial,helvetica,sans-serif; color:white;}
.adults{font: bold 16px verdana,arial,helvetica,sans-serif; color:white; background-color:blue; width:50%;}
.adult1 {color: #800000;}
.adult2 {padding: 20px 20px 20px 20px; border-collapse: collapse; border: 1.0pt solid windowtext;  width:20%;}
.adult3 {font: bold 16px verdana,arial,helvetica,sans-serif; color: #000033;}
.adult4 {font: bold 16px verdana,arial,helvetica,sans-serif; color:maroon;}


.button {font: bold 10px times; background-color:#fb602c; color:white; border:2px gray single; cursor:pointer; cursor:hand;}
.btn {background-color:maroon; color:aqua; border:2px gray double; cursor:pointer; cursor:hand;}
.redhead {font-size: x-large; color: #FFFF00; background-color: #FF0000;}
.bbtn {font: bold 14px times; background-color:blue; color:white; border:2px gray double; text-align:center; cursor:pointer; cursor:hand; width:100%;}

a {font: bold 12px verdana,arial,helvetica,sans-serif;}
p {font: normal 12px verdana,arial,helvetica,sans-serif; color: #000033; }
.p2 {font: bold 16px verdana,arial,helvetica,sans-serif; color: #000033; text-align:left; padding-left:10px;}

h1 {font: bold 28px verdana,arial,helvetica,sans-serif; color: #000033;}
h2 {font: bold 16px verdana,arial,helvetica,sans-serif; color: #000033;}
h3 {font: bold 14px verdana,arial,helvetica,sans-serif; color: #990000;}
h4 {font: bold 18px verdana,arial,helvetica,sans-serif; color: #990000;}
h5 {font: bold 36px verdana,arial,helvetica,sans-serif; color: blue;}
h6 {font: bold 16px verdana,arial,helvetica,sans-serif; color: blue;}

table {font: normal 12px verdana,arial,helvetica,sans-serif; color: #000033; }

.bdr {border-top:3px dashed #0000FF; padding-bottom:20px; }

/* the following are used in members.shtml for the gala events etc */
.trj {cursor:pointer; cursor:hand; text-align:left;}
.tdj {font: normal 16px Times New Roman; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}

/* the following are used in index.html and employersliabilityinsurance.html*/
.tdt {white-space: nowrap; background-color:#006699; color:white; 
				  padding-left:5px; padding-right:5px; 
				  border-left:1px solid #000000; border-bottom:1px solid #000000;}
.tdk {white-space: nowrap; background-color:#006699; color:white; 
				  padding-left:5px; padding-right:5px; 
				  border-left:1px solid #000000; border-bottom:1px solid #000000;}
.tds {white-space: nowrap; background-color:#006699; color:white; 
				  padding-left:5px; padding-right:5px; 
				  border-left:1px solid #000000; border-bottom:1px solid #000000;}
.tdm {cursor:pointer; cursor:hand;}
.tdk {cursor:pointer; cursor:hand;}
.tds {cursor:pointer; cursor:hand;}
.tds {font: bold 18px verdana,arial,helvetica,sans-serif; }
.tdk {font: normal 10px verdana,arial,helvetica,sans-serif;}
.tdt {font: bold 14px verdana,arial,helvetica,sans-serif;}
.tdm {font: normal 14px verdana,arial,helvetica,sans-serif; white-space: nowrap; text-align:right;}

.trm {display:none;}
/* END */

/* the following are used in Schedule.html */
.tdd {font: bold 16px verdana,arial,helvetica,sans-serif; padding-left:10px;}
.tdp {font: bold 16px verdana,arial,helvetica,sans-serif; padding-left:10px;}
.tdp {color: #990000;}
.tdd {color: #000033; text-align:center; vertical-align:top;}
.tde {font: bold 18px verdana,arial,helvetica,sans-serif; color:#0033CC; text-align:center; padding-left:10px;}
.tdf {font: bold 16px Times New Roman; padding-left:10px; color:green; text-align:center;}
.tda {font-size: 12px; color: #990000; font-weight: bold; }

.tdh {white-space: nowrap; background-color:#006699; color:white; 
				  padding-left:5px; padding-right:5px; 
				  border-left:1px solid #000000; border-bottom:1px solid #000000;}
.tdh {color: #000033; text-align:center; vertical-align:top;}
.tdh {font: bold 24px verdana,arial,helvetica,sans-serif; padding-left:10px;}
/* END */

.tdn {font: bold 16px verdana,arial,helvetica,sans-serif; color: #000033; }

/*used in Events*/
.tdred{font-weight: bold; color: #990000;}
.tdblack {font-weight: bold; color: #000000;}
.tdblue {font-weight: bold; color: #0033FF;}

/* the following are used in constitution.html */
.tdz {padding-right:5px; vertical-align:top;}
.tbl {margin-top:10px;}
.tdx {font-weight:bold; vertical-align:top;}

li {line-height: 200%; }

/* the following are used in members.shtml */
/* PB's by member : outa=outer / cellh=heading / cella=distance/ cellb=time / cellc=date  */
.h3plus {color: #0033FF; font: bold 16px verdana,arial,helvetica,sans-serif;}
.outa {padding-right:10px; padding-bottom:10px; vertical-align:top;}
.cellh {font-weight:bold; background-color:#006699; color:white;}
.cellc {white-space: nowrap; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align:right;}
.cellb {white-space: nowrap; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align:center;}
.cella {white-space: nowrap; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
/*	PB's by Stroke / Distance : cellt=time / cello=headers / cellr=header redborder / cells=date redborder */
.cells {font: normal 12px verdana,arial,helvetica,sans-serif; white-space: nowrap; text-align:center; background-color:#006699; color:white; 
	  padding-left:5px; padding-right:5px; border-left:1px solid #000000; border-bottom:1px solid #000000;}
.cellt {font: normal 12px verdana,arial,helvetica,sans-serif; white-space: nowrap; text-align:center; background-color:#006699; color:white; 
	  padding-left:5px; padding-right:5px; border-left:1px solid #000000; border-bottom:1px solid #000000;}
.cells {border-right:2px solid #CE3431;}
.cellr {border-right:2px solid #CE3431;}

/* the following are used for the LASC Application Form in members.shtml */
td.fm9 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm8 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm7 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm6 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm5 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm4 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm3 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm2 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm1 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm0 {border:solid windowtext 1.0pt; padding:0cm 5.4pt 0cm 5.4pt;}
td.fm8 {background-color:#D9D9D9;}

td.fm6 {background-color:#D9D9D9;}

td.fm4 {background-color:#D9D9D9;}

td.fm2 {background-color:#D9D9D9;}

td.fm0 {background-color:#D9D9D9;}

/* 0/1 : borders left right bottom */
td.fm1 {border-top:none;  
			  mso-border-top-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

td.fm0 {border-top:none;  
			  mso-border-top-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

/* 2/3 : borders right bottom */
td.fm3 {border-top:none; border-left:none;
				mso-border-top-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

td.fm2 {border-top:none; border-left:none;
				mso-border-top-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

/* borders left right bottom */
td.fm5 {border-top: none;
				mso-border-top-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

td.fm4 {border-top: none;
				mso-border-top-alt:solid windowtext .5pt; mso-border-alt:solid windowtext .5pt;}

/* 6/7 : borders top right bottom */
td.fm7 {border-left:none;
				mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;}
td.fm6 {border-left:none;
				mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt;}
/**/
/* borders all */
td.fm9 {mso-border-alt: solid windowtext .5pt;}

td.fm8 {mso-border-alt: solid windowtext .5pt;}

/* The following styles relate to the pop up layer */
.bpWIN {background-color:white; border:2px solid #000000;}
.bpCONTAIN {border:3px solid #A50021; text-align:left; vertical-align:top;}
.bpCELL {font:bold 12px tahoma, arial, verdana; border:1px solid #A50021; text-align:left; vertical-align:top;}
.bpLABEL {padding:5px 10px 5px 10px; font:bold 12px tahoma, arial, verdana; text-align:right; color:maroon; white-space:nowrap; float:left;}
.bpDATA {padding:5px 10px 5px 10px; font:bold 12px tahoma, arial, verdana; text-align:left; color:blue; width:100%;}
.bpGRAY {padding:5px 10px 5px 10px; font:bold 12px tahoma, arial, verdana; text-align:left; color:gray; width:100%;}
.bpWRAP {padding:5px 10px 5px 10px; font:bold 12px tahoma, arial, verdana; text-align:left; color:blue;}
.bpDATE {padding:5px 10px 5px 10px; font:bold 12px tahoma, arial, verdana; text-align:center; color:blue;}
.bpRTF {padding:0px 0px 0px 0px; text-align:left; vertical-align:top;}

.bpBDR {background-color:blue; color:white; font: bold;}
.bpOK {cursor:pointer; cursor:hand; background-color:#FB602C; color:yellow; border:1px solid #FFFFFF;}

.bp-menutoolbar {font: bold 10px verdana,arial,helvetica,sans-serif; text-align:center; background-color:#A50021; color:white;}
.bp-toolsep {color:#d63804;}
.bp-toolbar {color:yellow; font-weight:bold; white-space:nowrap;}

.bpHEAD {
	padding-left:5px;
	font: bold 12px tahoma, arial, verdana;
	border:2px solid #A50021;
	text-align:center;
	height:20px;
	vertical-align:middle; 
	color:black;
}