EventListdl.row dd, dl.row dt {height:25px;border-bottom:1px solid lightgray;}
dl.row dd {border-left:1px solid lightgray;}

.AbilityButton {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  border: 1px solid black;
  appearance: button;
  display: inline-block;
  width: 75px;
  text-align: center;
  font-family: Arial;
  color: black;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.AbilityButton.Checked {
  background: lawngreen;
  text-decoration: none;
}
.HeldButton {
  -webkit-border-radius: 30;
  -moz-border-radius: 30;
  border-radius: 30px;
  border: 1px solid black;
  appearance: button;
  display: inline-block;
  width: 75px;
  text-align: center;
  font-family: Arial;
  color: black;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.HeldButton.Checked {
  background: Red;
  text-decoration: none;
}

.newradio{
  display: block;
  position: relative;
  height: auto;
  width: 100%;
}

.newradio ul{
  list-style: none;
  margin: 0;
  padding: 0;
	overflow: auto;
}

.newradio ul li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 150px;
  height: auto;
  border: none;
}

.newradio ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.newradio ul li input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}
.newradio ul li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 5px 5px 0px 40px;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.newradio ul li:hover label{
	color: #212121;
}

.newradio ul li .radio{
  display: block;
  position: absolute;
  border: 3px solid #AAAAAA;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 0px;
  left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.newradio ul li:hover .radio {
  border: 3px solid #212121;
}

.newradio ul li .radio::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 3px;
	left: 3px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.newradio input[type=radio]:checked ~ .radio {
  border: 3px solid #0DFF92;
}

.newradio input[type=radio]:checked ~ .radio::before{
  background: #0DFF92;
}

.newradio input[type=radio]:checked ~ label{
  color: #0DFF92;
}

.newradio ul li .check{
  display: block;
  position: absolute;
  border: 3px solid #AAAAAA;
  border-radius: 30%;
  height: 16px;
  width: 16px;
  top: 0px;
  left: 10px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

.newradio ul li:hover .check {
  border: 3px solid #212121;
}

.newradio ul li .check::after {
  display: block;
  position: absolute;
  content: '';
  font-size: 14px;
  color: #0DFF92;
  left: 2px;
  top: 0px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

.newradio input[type=checkbox]:checked ~ .check {
	border: 3px solid #0DFF92;
}

.newradio input[type=checkbox]:checked ~ .check::after{
  	content: '\2714';
}

.newradio input[type=checkbox]:checked ~ label{
  color: #0DFF92;
}




div#blinker {
	position:absolute;
	left:0;
width:500px;
background-color:#ff0000;
}

div#blinker.on {
width:500px;
background-color:#ffff00;
}
DIV.Letter
{
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 1px;
	padding-top: 160px;
	BACKGROUND-POSITION-X: 0%;
	SCROLLBAR-FACE-COLOR: #ffffff;
	background-attachment: scroll;
	margin: 0px;
	font: 14px times new roman, geneva, verdana, arial, sans-serif;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	color: #000;
	SCROLLBAR-ARROW-COLOR: #666699;
	SCROLLBAR-TRACK-COLOR: #40578D;
	background-repeat: repeat;
	SCROLLBAR-BASE-COLOR: #40578D;
/*	text-align: justify; */
	scrollbar-dark-shadow-color: #000099;
}
DIV.Letter DIV.Center
{
text-align: center;
}
DIV.Letter DIV.Bold
{
display: inline;
font-weight: bold;
}
DIV.Letter DIV.Underline
{
text-decoration: underline;
display: inline;
}
DIV.Letter OL
{
font: 14px times new roman, geneva, verdana, arial, sans-serif;
margin-bottom: 6px;
	margin-top: 1px;
}
DIV.Letter OL LI
{

	margin-bottom: 1px;
	margin-top: 1px;
	font: 14px times new roman, geneva, verdana, arial, sans-serif;

}
DIV.Leter IMG.Signature
{
margin-top: 5px;
display: block;
height:15px;
width:30px;
}
TABLE.staffmatrix {border-collapse: collapse; border-spacing: 0px; empty-cells: show; margin: 0px; padding: 0px;}
TABLE.staffmatrix TD.name {width: 100px; border: 1px solid black; text-align: left;}
TABLE.staffmatrix TD.phone {width: 150px; border: 1px solid black; text-align: left;}
TABLE.staffmatrix TD {width: 22px; border: 1px solid black; text-align: center;}
TABLE.staffmatrix TD.gotticket {width: 22px; border: 1px solid black; text-align: center;background-color: green;color: white;}
TABLE.staffmatrix TD.dueticket {width: 22px; border: 1px solid black; text-align: center; background-color: red;color: white;}
TABLE.staffmatrix TD.expiredticket {width: 22px; border: 1px solid black; text-align: center;background-color: black; color: white;}
div.box {border: 1px solid black; width : 680px; margin: 0px; padding: 0px;}
div.box {border: 1px solid black; width : 680px; margin: 0px; padding: 0px;}
TR.EvenRow {background-color: LightGray;}
TABLE.showdate {border-collapse: collapse; border-spacing: 0px; empty-cells: show; border: 0px solid black; width: 680px; background-image: url(ShowDateBG.jpg);background_repeat:repeat;background-position : 0px 0px; margin: 0px; padding: 0px;}
DIV.hour {margin-top: -5px; margin-bottom: 4px; vertical-align: top; display: block; position: absoloute; background-color:white; height: 13px;}
DIV.hour#top {margin-top: -5px; margin-bottom: 4px; vertical-align: top; display: block; position: absoloute; border-top: 1px black solid; background-color:white; height: 13px;}
TD.hour {empty-cells: show; border-top: 0px; border-bottom: 0px; border-right: 0px; text-align: right; height: 13px; width: 30px;}
table.showdate TR {border-left: 0px solid black; border-right: 0px solid black; height: 13px;}
TD.emptycell {border: none; height: 13px;}
TD.testcell#0 {border: 1px solid black; background-color: white; width: 100px; background-image: url(EventBG.jpg);background_repeat:repeat;background-position : 0px -52px;}
TD.testcell#1 {border: 1px solid black; background-color: white; width: 100px; background-image: url(EventBG.jpg);background_repeat:repeat;background-position : 0px -39px;}
TD.testcell#2 {border: 1px solid black; background-color: white; width: 100px; background-image: url(EventBG.jpg);background_repeat:repeat;background-position : 0px -26px;}
TD.testcell#3 {border: 1px solid black; background-color: white; width: 100px; background-image: url(EventBG.jpg);background_repeat:repeat;background-position : 0px -13px;}
table.showdate TR.toprow {height: 12px;}
table.showdate TR.toprow TD.toprow {height: 12px;}
#DIV.testcell {background-color: lightgray; display: block;}

td.submitline {text-align: Right;}
.offset A {font: 11px geneva, verdana, arial, sans-serif;}
.offset B {font: 11px geneva, verdana, arial, sans-serif;}

.minicallayout
{
	background-color: lightblue;
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: black ;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: solid 1px black;
	border-collapse: collapse;
}
.minicallayout td.current
{
	border: solid 1px black;
	background-color: orange;
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: black ;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-collapse: collapse;
}
.minical
{
	font-family: Verdana,Geneva,Helvetica,Arial,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: black ;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border: solid 1px white;
	border-collapse: collapse;
}
.minical td
{
	border: solid 1px white;
}
TABLE.cal
{
	margin-top: 5px;
	width: 828px;
	border-collapse: collapse;
	border: 1px solid white;
}
TABLE.cal TD a:link, a:visited
{
	text-decoration:none;
}
year
{
	font-family: monospace;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}
month
{
	font-family: monospace;
	font-size: 2em;
	padding: 0;
	margin: 0;
}
days
{
	background-color: black;
	color: white;
	font-family: monospace;
	width: 75px;
}
.date
{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
  margin-right:2px;
	font-family: monospace;
	text-decoration: none;
	float: left;
	width: 1.5em;
	height: 1.5em;
	background-color: white;
	text-align: center;
}
.addevent
{
	display: block;
	text-decoration: none;
	float: left;
	width: 1.5em;
	height: 1.5em;
	background-color: #666;
	color: white;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
}
.caltype
{
	clear: left;
	display: block;
	float: left;
	margin-right: 1px;
    margin-top: -1px;
	padding : 1px;
	padding-right: 2px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	color: Black;
}
.eventdataconfirmed
{
	min-height:30px;
	display: block;
	color: Black;
	background-color: white;
}
.eventdatatbc
{
    min-height:30px;
	display: block;
	color: Black;
	background-color: LawnGreen;
}
.eventaTm
{
    min-height:30px;
	display: block;
	color: Black;
	background-color: Yellow;
}
.eventdatacancelled
{
	text-decoration: line-through;
    color: gray;
}
.eventdatacancelled DIV.name
{
    color: gray;
}
.eventdataspecial
{
	min-height:30px;
	display: block;
	color: Black;
	background-color: white;
}
.name
{
	display: inline;
	color: blue;
}
TABLE.cal td
{
	width: 14%;
	background-color: lightblue;
	border: 1px solid white;
	vertical-align: top;
	height: 9em;
}
TABLE.cal td#today
{
	border: double 1px black;
}
TABLE.cal td.weekend
{
	background-color: orange;
}
TABLE.cal td.emptyday
{
	background-color: lightblue;
	border: 0px;
}
TABLE.cal td .HolidayRow
{
	clear: both;
	display: block;
	width: 100%;
	vertical-align: top;
	height: 14px;
}
TABLE.cal td .event
{
	clear:both;
	padding-left: 1em;
	display: block;
	text-align: center;
	border: solid 1px black;
	width:113px;
    min-height:27px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 1px 0px 1px 0px;
	z-index: 10000;
	background-color:white;
    vertical-align:middle;
}
TABLE.cal td DIV.CalBoxEventUnpaid {width:111px;min-height:25px;border:  2px solid red;}
TABLE.cal td DIV.CalBoxEventUnpaid .name {line-height:200%;font-weight: bold; color: Red;}
TABLE.cal td DIV.CalBoxDepositUnpaid {width:111px;min-height:25px;border:  2px solid Blue;  color: Blue;}

TABLE.cal td .water
{
	font-size: .8em;
	color: red;
	display: inline;
	margin-top:-1px;
	margin-right:2px;
	border-bottom: 2px solid red;
	float: right;
}
TABLE.cal td .bar
{
	font-size: .8em;
	color: blue;
	display: inline;
	margin-top:-1px;
	margin-right:2px;
	border-bottom: 2px solid Blue;
	float: right;
}
TABLE.cal td .hall
{
	font-size: .8em;
	color: green;
	display: inline;
	margin-top:-1px;
	margin-right:2px;
	border-bottom: 2px solid green;
	float: right;
}

<!-- New Nav CSS -->

.newnav {
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.newnav ul{
background:#F797F4;
height:50px;
list-style:none;
margin:0;
padding:0;
}
.newnav li{
float:left;
padding:0px;border-left: 0;border-right: 0;padding-top: 0px;padding-bottom: 0px; margin-top: 0px;margin-bottom: 0px;
}
.newnav li a{
color:#000;
display:block;
font-weight:normal;
line-height:50px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
width: auto;
}
.newnav li a:hover, .newnav li a#CurrentNav{
background:#DE43D9;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
}
.newnav ul li:hover a{
background:#DE43D9;
color:#FFFFFF;
text-decoration:none;
}
.newnav li ul {
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:200px;
z-index:200;
}
.newnav li:hover ul{
display:block;
}
.newnav li:hover ul li.scroll ul{
background:#1143D9;
display:inline-block;
max-height: 370px;
overflow-y:scroll;
overflow-x:hidden;
}
.newnav li:hover ul li.scroll ul li{
	background:#1143D9;
}
.newnav li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:200px;
background:#F797F4;
}
.newnav li:hover li a{
background:none;
}
.newnav li ul a{
display:block;
height:50px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}

.navlist {display: inline; margin-right: 0.5em;}
.leadtext {display: inline; font: 11px geneva, verdana, arial, sans-serif; font-weight: bold; Margin-right: 0.5em;}
A.topnav {font: 11px geneva, verdana, arial, sans-serif;}
A.selecttopnav {font: 11px geneva, verdana, arial, sans-serif; font-weight: bold;}
B.selecttopnav {font: 11px geneva, verdana, arial, sans-serif; font-weight: bold;}

P.breakhere {page-break-before: always}
a {
	color: Blue;
	text-decoration: none;
}
a:hover {
	color: #678;
}
a:active {
	color: #9AB;
}

td.age {width: 40px;}

DIV.consent {width: 200px;}

@media screen {
	TR.onlyprint {display: none;}
	DIV.onlyprint {display: none;}
    SPAN.onlyprint {display: none;}
	DIV.MyNewClass {}
    table.timesheet TD SPAN.noprint {
	display:block;
	width: 74px;
    }
}
@media print {
    table.timesheet TD SPAN.noprint {width: 74px;}
	TR.NoPageBreak {page-break-inside: avoid;}
	TR.onlyprint {display: table-row;}
	TR.onlyprint TD.data {border: 1px Solid Black;}
	DIV.onlyprint {display: block;}
    SPAN.onlyprint {display: inline;}
	.Nav {display: none;}
	.navlist {display: none;}
	.addevent {display: none;}
	TD.eventdate A {
		color: Black;
	}
	TD.eventname A {
		color: Black;
	}
	.noprint {
		display: none;
	}
	TD.staffreq A {
		display: none;
	}
	TH.eventstaff A {
		display: none;
	}
	table.liststaff th {
		display: none;
	}
	TR.addrow {
		display: none;
	}
	th.eventselect{
		display: none;
	}
	td.eventselect{
		display: none;
	}
	td.eventname A.delete {
		display: none;
	}
	td.eventlead A {
		display: none;
	}
	DIV#fixedheader {
		display: none;
	}
	DIV#fixedfooter {
		display: none;
	}
    DIV#paddedcontent {
    	margin-top: 0px !important;
        margin-bottom: 0px !important;
	}
}
body
{
	padding-right: 10px;
	BACKGROUND-POSITION-X: 0%;
	SCROLLBAR-FACE-COLOR: #ffffff;
	background-attachment: scroll;
	padding-bottom: 1px;
	margin: 0px;
	font: 9px geneva, verdana, arial, sans-serif;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	color: #000;
	SCROLLBAR-ARROW-COLOR: #666699;
	padding-top: 1px;
	SCROLLBAR-TRACK-COLOR: #40578D;
	background-repeat: repeat;
	SCROLLBAR-BASE-COLOR: #40578D;
/*	text-align: justify; */
	scrollbar-dark-shadow-color: #000099;
    min-width:770px;
}
TABLE
{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	font: 9px geneva, verdana, arial, sans-serif;
	border-collapse: collapse;
}
th
{
	font: 11px geneva, verdana, arial, sans-serif;
	border: 1px solid Black;
}
td
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}
DIV.Nav ul {padding:0px;margin-left: 4px;margin-right: 4px; list-style: none; borders: 0px;}
DIV.Nav ul li {height: 25px;border-left: 0px Solid Blue;border-right: 0px Solid Blue;padding-top: 1px;padding-bottom: 5px; margin-top: 1px;margin-bottom: 0px;border-bottom: 0px Solid Blue}
DIV.Nav ul li a {display: block; width: 200px; margin: 0px;border-bottom: 2px Solid Blue}
table#PeopleList {table-layout: fixed; width: 1250; empty-cells: show;}
table#PeopleList th.eventselect {width: 15px;}
table#PeopleList th.edit {width: 96px;}
table#PeopleList th.member {width: 34px;}
table#PeopleList th.memberimg {width: 21px;}
table#PeopleList th.memberhead {width: 60px; padding:0px; margin:0px;height:21px;}
table#PeopleList th.title {width: 39px;}
table#PeopleList th.forename {width: 90px;}
table#PeopleList th.lastname {width: 90px;}
table#PeopleList th.address {width: 120px;}
table#PeopleList th.postcode {width: 60px;}
table#PeopleList th.number {width: 150px;text-align: center;}
table#PeopleList th.email {width: 200px;}
table#PeopleList th.age {width: 23px;}
table#PeopleList th.ethnicity {width: 25px;}
table#PeopleList th.medical {width: 25px;}
table#PeopleList th.consent {width: 185px;}
table#PeopleList td {vertical-align: middle;}
table#PeopleList tr {vertical-align: middle;}
table#PeopleList td.edit {text-align: center;}
table#PeopleList td.member {width: 34px; text-align: left; border-left:0;}
table#PeopleList td.memberimg {width: 21px;border-right:0; padding:0; margin:0;}
table#PeopleList td.memberimg img {width:19px; height: 19px; padding:0; margin:0;}
table#PeopleList td.title {text-align: left;}
table#PeopleList td.forename {text-align: left;}
table#PeopleList td.lastname {text-align: left;}
table#PeopleList td.address {text-align: left;}
table#PeopleList td.postcode {text-align: center;word-spacing: 2px;}
table#PeopleList td.number {text-align: left;}
table#PeopleList td.email {text-align: left;}
table#PeopleList td.age {text-align: center;}
table#PeopleList td.ethnicity {text-align: center;}
table#PeopleList td.medical {text-align: center;}
table#PeopleList td.consent {text-align: left;}
table#PeopleList td.ethnicitykey {text-align: right;}
table#PeopleList IMG.downarrowleft {float: right; clear: right; padding-right: 4px;padding-top: 13px; padding-left: 3px;}
table#PeopleList td.medicalkey {text-align: left;}
table#PeopleList IMG.downarrowright {float: left; clear: left; padding-right: 3px;padding-top: 13px; padding-left: 4px;}
table#PeopleList.ShowTypeA TR.PersonIsDeleted, table#PeopleList.ShowTypeB TR.PersonNotDeleted {display:none;}
table#PeopleList.ShowTypeA A.LinkTypeA, table#PeopleList.ShowTypeB A.LinkTypeB, table#PeopleList.ShowAll A.LinkTypeAll {background-color: Yellow;}
table#PeopleList A.LinkTypeA, table#PeopleList A.LinkTypeB, table#PeopleList A.LinkTypeAll {display: inline-block; width: 150px; border: solid 1px gray;}
table#PeopleList TR.PersonIsDeleted {background-color: #FF4D4D;}

td.edit, TH.edit {width: 30px;}
td.membersquare {height:21px; width:21px; padding:0px; margin: 0px; border-right: 0px;}
TD.member {width: 49px; height:21px;padding:0px; margin: 0px; border-left: 0px;}
TH.member {max-width: 70px; height:21px;padding:0px; margin: 0px;}
td.member IMG, td.membersquare IMG {width:21px;height:21px; padding:0px; margin: 0px;}
td.editcol, TH.editcol { padding:0px; margin: 0px; min-width:37px;}
td.note {border-left: 0px; padding:0px; margin: 0px; width:30px;}
td.note button{margin:0px; padding:2px 6px 3px 6px; align:right;}
td.editcol button{margin:0px; padding:2px 6px 3px 6px;}
TABLE.Attendance TD.editcol {width:130px;  min-width:100px;}
td.number, th.number {width: 10px; text-align: Right;}
td.name {min-width: 125px;max-width: 125px; color: black;display:table-cell;}
th.attendancename {min-width: 75px;max-width: 75px; color: black;}
TH.consent {min-width: 71px;max-width: 71px;}
td.contact {width: 90px;}
td.email {width: 90px;}
TD.phone {width: 100px; text-align: left;}
td.square, th.square {width: 21px; height:21px; padding:0px; margin: 0px; vertical-align:middle;align:centre;}
td.square INPUT[type=text] {width: 19px; height:19px; padding:0px; margin: 1px; vertical-align:middle;align:centre; border: 1px Solid Gray; background: none; text-align:center;}
td.square INPUT[type=checkbox] {width: 19px; height:19px; padding:0px; margin: 1px; vertical-align:middle;align:centre;}
td.square A {float:center; padding:0px; margin: 0px;}
td.square IMG {width:21px;height:21px; float:center; padding:0px; margin: 0px;}
TD.square B.AttendanceTick {width:21px;height:21px;font-weight: normal;}
TD.square B.AttendanceTick DIV{display: none;}
TD.square B.AttendanceTick:hover DIV {position: absolute;background-color: beige;max-width:220px; padding: 5px 5px 5px 5px;border: 1px solid #C0C0C0;font: normal 10px/12px verdana;color: #000;text-align:left;display: block;z-index:1;}
TD.square B.AttendanceTick:hover > DIV:first-child, TD.square B.AttendanceTick:hover > IMG {background-color: lightgray;}
TD.square B.AttendanceTick DIV.pTick {height:19px;min-width:35px; text-align: center;position:relative;display:block;float: center;padding: 0px 4px 0px 4px;margin: 0px;font: normal 14px 'Arial Black';border: 1px solid white;cursor:pointer;}
TD.square B.AttendanceTick DIV.pTick:hover {padding: 0px 4px 0px 4px;border: 1px solid #C0C0C0;background-color: LightGray;}
TD.square B.AttendanceTick DIV.Tick, TD.square B.AttendanceTick IMG.Tick {height:21px;width:21px; text-align: center;position:relative;display:block;float: center;padding:0px;margin: 0px;font: normal 14px 'Arial Black';}
TD.square B.AttendanceTick DIV.Tick:hover, TD.square B.AttendanceTick IMG.Tick:hover {padding:0px; background-color: LightGray;border:0px;}
TD.square B.AttendanceTick:hover DIV.Tick, TD.square B.AttendanceTick:hover IMG.Tick {padding:0px;border:0px;}
TD.square DIV.TickYellow {color: #FFC20A; position: relative; text-align: center;width:21px;height:21px;padding: 0px;margin: 0px;font: normal 14px 'Arial Black';border: 0; cursor:default;}
TD.square DIV.TickRed {color: Red; position: relative; text-align: center;width:21px;height:21px;padding: 0px;margin: 0px;font: normal 14px 'Arial Black';border: 0; cursor:default;}
TD.square DIV.TickGreen {color: MediumSpringGreen; position: relative; text-align: center;width:21px;height:21px;padding: 0px;margin: 0px;font: normal 14px 'Arial Black';border: 0; cursor:default;}
TD.square DIV.TickGray {color: Gray; position: relative; text-align: center;width:21px;height:21px;padding: 0px;margin: 0px;font: normal 14px 'Arial Black';border: 0; cursor:default;}
TD.square B.AttendanceTick DIV.Pass, TD.square B.AttendanceTick DIV.Colour1, TD.square B.AttendanceTick SPAN.Colour1, DIV.ListColour1 {color: Blue;}
TD.square B.AttendanceTick DIV.Fail, TD.square B.AttendanceTick DIV.Colour0, TD.square B.AttendanceTick SPAN.Colour0, DIV.ListColour0 {color: Red;}
TD.square B.AttendanceTick DIV.Black, TD.square B.AttendanceTick DIV.Colour, TD.square B.AttendanceTick SPAN.Colour, DIV.ListColour {color: Black;}
TD.square B.AttendanceTick DIV.Colour2, TD.square B.AttendanceTick SPAN.Colour2{color: Orange;}
TD.square B.AttendanceTick DIV.pTick DIV.AbilityChoice {position: relative; text-align: center;width:75px;float: left;padding: 0px;margin: 0px;font: normal 14px 'Arial Black';border: 1px solid C0C0C0; cursor:default;}
TD.square B.AttendanceTick DIV.pTick:hover DIV.AbilityChoice {display:block;margin:-21px 0px 0px 21px;}
TD.square B.AttendanceTick DIV.pTick DIV.AbilityChoice {display:none;position: relative; padding-left: 4px;}
TD.square B.AttendanceTick DIV.pTick DIV.AbilityChoice SPAN.Tick {float:left;height:21px;width:21px; text-align: center;padding:0px; margin: 0px; margin-right:4px;font: normal 14px 'Arial Black';display:inline-block;cursor:pointer;}
TD.square B.AttendanceTick DIV.pTick DIV.AbilityChoice SPAN.Tick:hover{padding:0px; background-color: LightGray;border:0px;}
TD.square B.AttendanceTick:hover DIV.Tick1, TD.square B.AttendanceTick:hover IMG.Tick1 + DIV, TD.square B.AttendanceTick:hover DIV.pTick1 + DIV {margin:-28px 0px 0px 21px;}
TD.square B.AttendanceTick:hover DIV.Tick2, TD.square B.AttendanceTick:hover IMG.Tick2 + DIV, TD.square B.AttendanceTick:hover DIV.pTick2 + DIV {margin:-51px 0px 0px 21px;}
TD.square B.AttendanceTick:hover DIV.Tick3, TD.square B.AttendanceTick:hover IMG.Tick3 + DIV, TD.square B.AttendanceTick:hover DIV.pTick3 + DIV {margin:-75px 0px 0px 21px;}
TD.square B.AttendanceTick:hover DIV IMG {width:21px;height:21px; padding:0px; margin: 0px;}
TD.SessionSelectedToday, TR.SessionSelectedToday TD {background: repeating-linear-gradient(45deg,LightBlue,LightBlue 15px,Yellow 15px,Yellow 30px);}
TD.SessionSelected, TR.SessionSelected TD {background-color: LightBlue;}
TD.SessionToday, TR.SessionToday TD {background-color: Yellow;}
DIV.ListColour1 {color: lightGray; background-color: Blue;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:block;}
DIV.ListColour0 {color: lightGray; background-color: Red;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:block;}
DIV.ListColour {color: Black;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:block;}
DIV.ListColour2 {color: lightGray; background-color: Orange;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:block;}
DIV.ListColourGreen {color: Green;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:inline-block;}
DIV.ListColourRed {color: Red;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:inline-block;}
DIV.ListColourBlack {color: Black;width:30px; text-align: center;padding:0px; margin-left: 12px; margin-right: 12px; font: normal 14px 'Arial Black';display:block;}
td.certno {width: 45px;}
td.staff {width: 90px;}
td.time {width: 70px;}
td.coursedate {width: 180px;}
td.type
{
	padding-right: 1px;
	padding-left: 20px;
	padding-bottom: 1px;
	margin: 1px;
	font: 20px/23px geneva, verdana, arial, sans-serif;
	color: black;
	padding-top: 1px;
	width: 200px;
}
TABLE.OrderTable {}
TABLE.OrderTable TD {vertical-align:middle; text-align:left;border: 1px solid Black;white-space: nowrap;line-height: 14px;}
TABLE.OrderTable TH {vertical-align:top;border: 1px solid Black;white-space: nowrap;line-height: 14px; font-weight: bold;}
TABLE.OrderTable TD.membersquare {height:21px; width:21px; padding:0px; margin: 0px; border-right: 0px;}
TABLE.OrderTable TD.membersquare IMG {width:21px;height:21px; padding:0px; margin: 0px;}
TABLE.OrderTable TD.membersquare BUTTON IMG {width:16px;height:16px; padding:0px; margin: 0px;}
TABLE.OrderTable TD.user {width: 49px; height:21px;padding:0px; margin: 0px; border-left: 0px;}
TABLE.OrderTable TR.PersonDetailsAdded {background-color: LawnGreen;}

table.EventList {margin-top: -2px;}
table.EventList TD.gap {padding-top:1px;border: 1px solid black;}
table.EventList TD.closeRow, table.EventList TH.closeRow {padding-left:60px;background-color: orange; line-height:normal;}
table.EventList TD {line-height: 14px;}
table.EventList TR.dRow {border-top: 1px solid black;}
table.EventList TR.dRow TD {vertical-align:top;}
table.EventList IMG {height:16px; width: 16px;}
table.EventList BUTTON {margin: 0px;}
table.EventList TD.StaffingCell {padding-top:0px;}
table.EventList TD.StaffingCell DIV {height:22px; line-height: 20px; display:block; float:left; clear:none; width: 62px; vertical-align:middle;border: 1px solid black;background: #c0c0c0; padding-left:1px; top:0px; margin-bottom:-1px; margin-left:-1px;position: relative;text-align:left;border-top:none;}
table.EventList TD.StaffingCell DIV DIV {z-index:1;position: absolute ; top:0px;left:0px;background:transparent;border:1px solid black; border-top:none;}
table.EventList TD.StaffingCell DIV DIV DIV {z-index: 2; position: absolute ; top:0px;left:0px;background:none;border:none;}
table.EventList TD.StaffingCell DIV SELECT {border:1px solid gray;margin:1px; margin-left:0px; height:19px; width: 60px;}
table.EventList TD.WorkLocation {padding-top:0px;}
table.EventList TD.WorkLocation DIV {height:22px; line-height: 20px; display:block; float:left; clear:none; width: 62px; vertical-align:middle;border: 1px solid black; padding-left:1px; top:0px; margin-bottom:-1px; margin-left:-1px;position: relative;text-align:left;border-top:none;}
table.EventList TD.WorkLocation DIV IMG {height:20px;width:20px;}
table.EventList TD.WDay {background-color: lightblue;}
table.EventList TD.EDay, table.EventList TH.EDay {background-color: orange;}
tH.edit{width:64px;}
TABLE.EventList TD.Name {text-align:left;vertical-align:middle;max-width:275px;white-space: nowrap;}
TABLE.EventList td{vertical-align:middle; text-align:center;border: 1px solid Black;white-space: nowrap;}
TABLE.EventList TD.StaffingCell DIV.uA DIV, TABLE.EventList TD.StaffingCell DIV.aTm DIV {text-align:center; padding-right: 20px; width: 42px;}
TABLE.EventList THEAD {border:1px solid black;}
TABLE.EventList THEAD TR TH {padding:0px; width:auto; background: none;}
TABLE.EventList THEAD TR TH DIV{background-color: white; width: 100%; padding-top:20px;height: 20px;line-height: 20px; border: 1px solid black; z-index:1000; margin: -1px;}
TABLE.EventList THEAD TR TH DIV.Form {line-height: 20px;padding-top:0;height: 40px;}
TABLE.EventList THEAD TR TH DIV.Form FORM {height:20px;}
TABLE.EventList THEAD TR TH DIV.Form INPUT{padding:0px;margin:0px;}
TABLE.EventList THEAD TR TH DIV.ScrollTo {height:auto;text-align:left;line-height:20px;}
TABLE.EventList THEAD TR TH DIV.ScrollTo A {display:inline-block; padding-left: 5px; padding-right:5px; font-size:11px;font-weight:bold; border-left: 1px solid; border-right: 1px solid; margin: 1px;}

#fixedheader DIV.ScrollTo {padding-left: 5px;background-color: white; width: 100%; border-top: 1px solid black; z-index:1000; margin-left: -1px;height:auto;text-align:left;line-height:20px;}
#fixedheader DIV.ScrollTo A {display:inline-block; padding-left: 7px; padding-right:7px; font-size:11px;font-weight:bold; border-left: 1px solid; border-right: 1px solid; margin: 1px;}

TABLE.EventList THEAD TR TH.eventname{vertical-align:middle;border: 1px solid Black;min-width: 175px;white-space: nowrap;}
TABLE.EventList THEAD TR TH.eventdate { border: black 1px solid; padding: 0px; margin: 0px; width: 85px; text-align: center; white-space: nowrap;background: none;}
TABLE.EventList TH.edit{vertical-align:middle; text-align:center;border: 1px solid Black;white-space: nowrap;}
TABLE.EventList THEAD TR TH.eventtype{vertical-align:middle;border: 1px solid Black;min-width: 33px;text-align: center;}
TABLE.EventList THEAD TR TH.eventtimes{vertical-align:middle;border: 1px solid Black;width: 75px;text-align: center;white-space: nowrap;}
TABLE.EventList THEAD TR TH.eventno{vertical-align:middle;border: 1px solid Black;min-width: 40px;text-align: center;white-space: nowrap;}
TABLE.EventList THEAD TR TH.eventreq{vertical-align:middle; border: 1px solid Black;width: 35px;text-align: center;}
TABLE.EventList THEAD TR TH.StaffingCell{border: 1px solid black;min-width:257px;background: none;}

td.holidaydate, TH.holidaydate, td.hD{background-color: #FFFFFF;width: 20px;border-top: 1px solid Black;border-right: 1px solid Black; padding: 0px;margin: 0px;}
td.status{height: 24px;width: 24px;border: 1px solid Black; padding: 0px;margin: 0px; text-align: center;vertical-align:middle; }
td.eventselect, TH.eventselect{width: 50px;border: 1px solid Black; padding: 0px;margin: 0px;vertical-align: middle;}
td.eventselect > input{padding: 0px;margin: 0px;margin-left:1px;margin-right:1px;}
td.eventname, TH.eventname{vertical-align:middle;border: 1px solid Black;min-width: 175px;white-space: nowrap;}
td.edit{vertical-align:middle; text-align:center;border: 1px solid Black;white-space: nowrap;}
td.eventtype, TH.eventtype{vertical-align:middle;border: 1px solid Black;min-width: 33px;text-align: center;}
td.eventtimes, TH.eventtimes{vertical-align:middle;border: 1px solid Black;width: 75px;text-align: center;white-space: nowrap;}
td.eventno, TH.eventno{vertical-align:middle;border: 1px solid Black;min-width: 40px;text-align: center;white-space: nowrap;}
td.eventreq, TH.eventreq{vertical-align:middle; border: 1px solid Black;width: 35px;text-align: center;}

td.StaffingCell{padding: 0;border-right: 1px solid black; background-color: white;min-width:257px}
DIV.staffname{display:block; float:left; clear:none; height: 15px; width: 62px; vertical-align:middle;border: 1px solid Black;background: #c0c0c0; line-height:14px; padding-left:1px; margin-bottom:-1px; margin-left:-1px;}
TABLE.cal DIV.holidayInitial {float:right;display: inline-block; border: 1px solid red;}
TD.hD DIV, TH.hD DIV, div.holidayInitial{width:15px; border-bottom: 1px solid Red; line-height: 14px; margin: 0px; text-align:center;background-color: white;}
B.ToolTip {font-weight: normal;}
DIV.ToolTip:hover, TD.ToolTip:hover, TR.ToolTip:hover, B.ToolTip:hover, {background-color: #2B2E21;color:#fff; font-weight: normal;}
BUTTON.ToolTip:hover {}
DIV.ToolTip span, TD.ToolTip span, TR.ToolTip span, B.ToolTip span, BUTTON.ToolTip span {display: none;z-index: 2;}
DIV.ToolTip:link span, TD.ToolTip:link span, TR.ToolTip:link span, B.ToolTip:link span, BUTTON.ToolTip:link span{display: none;font-weight: normal;z-index: 2;}
DIV.ToolTip:visted span, TD.ToolTip:visted span, TR.ToolTip:visted span, B.ToolTip:visited span, BUTTON.ToolTip:visited span{display: none;font-weight: normal;z-index: 2;}
DIV.ToolTip:hover span, TD.ToolTip:hover span, TR.ToolTip:hover span, B.ToolTip:hover span, BUTTON.ToolTip:hover span  {
  position: absolute;
  margin:15px 0px 0px 20px;
  background-color: beige;
  max-width:220;
  padding: 2px 10px 2px 10px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: block;
  z-index: 2;}
table.EventList TD.StaffingCell DIV:hover {z-index:2;}

/* td.eventstaff{vertical-align:middle;border: 1px solid Black; padding:0px;} */
/* td.eventstaff B{font-weight: none;} */
td.eventname SELECT {padding: 0px;}
td.RadioNone{vertical-align:top;border: 1px solid Black; padding:0px;}
SPAN.staffrole {vertical-align:middle;display: inline-block;border-right: 1px solid Black; width: 58px; height: 24px; background: #c0c0c0;}
SPAN.staffrole INPUT {vertical-align:top; margin-right:1px;}
td.staffreq{border: 1px solid Black;width: 60px;height: 13;background: #c0c0c0;}
td.addcell{padding: 0px;margin: 0px;}
tr.addrow{vertical-align: bottom;border-left:none;border-right:none;height: 30px;}
tr.addrow form{display: inline;}
tr.addrow TD {vertical-align: bottom;}
td.liststaff{padding: 3px;border:1px Solid Black;text-align:center;}
A.delete {color: Red;font-style: italic;}
A.promote {color: Blue;font-style: italic; text-align: right;}
td.eventlead {border: 1px solid Black;width: 50px;background: #c0c0c0;text-decoration: underline;}
ul {padding:0px;margin-left: 4px;margin-right: 4px; border-bottom: 1px; list-style: none}
th.staff{padding-left: 10px;text-align:left;border-right: hidden;}
ul li {height: px;border-left: 1px Solid Blue;border-right: 1px Solid Blue;padding-top: 1px;padding-bottom: 1px; margin-top: 1px;margin-bottom: 0px}
ul li a {display: block;width: 100px;margin: 0px;}
tr.addrow{vertical-align: bottom;}
input[type=checkbox] {height: 10px; width: 10px; padding: 0px; margin: 0px; font: 13px geneva, verdana, arial, sans-serif;}
input[type=submit] {font: 11px geneva, verdana, arial, sans-serif;}
button {font: 11px geneva, verdana, arial, sans-serif;}
input[type=reset] {font: 11px geneva, verdana, arial, sans-serif;}
input {margin: 1px;font: 9px geneva, verdana, arial, sans-serif;}
select {margin: 1px;font: 9px geneva, verdana, arial, sans-serif;}
div.test{display: inline;}

.bar-undertabs div
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1px;
	background: url(/images/bits/horizontalbar.gif) white repeat-x 50% bottom;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	height: 11px;
}

.box
{
	border-right: gray 1px solid;
	padding-right: 0px;
	background-position: 0% 50%;
	border-top: gray 1px solid;
	padding-left: 0px;
	background-attachment: scroll;
	padding-bottom: 0px;
	margin: 0px;
	border-left: gray 1px solid;
	width: 400px;
	padding-top: 0px;
	border-bottom: gray 1px solid;
	background-repeat: repeat;
}
.eventdate
{
		border: black 1px solid;
        padding: 0px;
        margin: 0px;
        width: 85px;
	background-color: white;
	text-align: center;
    white-space: nowrap;
}
.navopenleft
{
        background-position: 0% 50%;
        border-top: black 1px solid;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: black 1px solid;
        padding-top: 0px;
}
.navopenright
{
        border-right: black 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        border-top: black 1px solid;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
}
.navclosedleft
{
        padding-right: 0px;
        background-position: 0% 50%;
        border-top: gray 1px solid;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: gray 1px solid;
        padding-top: 0px;
        border-bottom: gray 1px solid;
	height: 15px;
}
.navclosedright
{
        border-right: gray 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        border-top: gray 1px solid;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
        border-bottom: gray 1px solid;
}
.firstsubnavopenleft
{
        border-bottom: black 1px solid;
        background-position: 0% 50%;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: black 1px solid;
        padding-top: 0px;
}
.firstsubnavopenright
{
        border-bottom: black 1px solid;
        border-right: black 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
}
.subnavopenleft
{
        border-bottom: black 1px solid;
        background-position: 0% 50%;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: black 1px solid;
        padding-top: 0px;
	border-top: black 1px solid;
}
.subnavopenright
{
        border-bottom: black 1px solid;
        border-right: black 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
	border-top: black 1px solid;
}
.subnavleft
{
        padding-right: 0px;
        background-position: 0% 50%;
        border-top: black 1px solid;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: black 1px solid;
        padding-top: 0px;
        border-bottom: black 1px solid;
        height: 15px;
}
.subnavright
{
        border-right: black 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        border-top: black 1px solid;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
        border-bottom: black 1px solid;
}
.firstsubnavleft
{
        padding-right: 0px;
        background-position: 0% 50%;
        padding-left: 0px;
        background-attachment: scroll;
        padding-bottom: 0px;
        margin: 0px;
        border-left: black 1px solid;
        padding-top: 0px;
        border-bottom: black 1px solid;
        height: 15px;
}
.firstsubnavright
{
        border-right: black 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        border-top: white 1px solid;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
        border-bottom: black 1px solid;
}
.navall
{
        border-right: gray 1px solid;
        padding-right: 3px;
        background-position: 0% 50%;
        border-top: gray 1px solid;
        padding-left: 3px;
        background-attachment: scroll;
        padding-bottom: 3px;
        margin: 0px;
        padding-top: 3px;
        border-bottom: gray 1px solid;
	border-left: gray 1px solid;
}
.whiteboxraised
{
	border-right: gray 1px solid;
	padding-right: 0px;
	background-position: 0% 50%;
	border-top: gray 1px solid;
	padding-left: 0px;
	background-attachment: scroll;
	padding-bottom: 10px;
	margin: 0px;
	border-left: gray 1px solid;
	width: 498px;
	padding-top: 10px;
	border-bottom: gray 1px solid;
	background-repeat: repeat;

}
.whiteboxlowered
{
	border-right: #bbbbbb 2px solid;
	padding-right: 0px;
	background-position: 0% 50%;
	padding-left: 0px;
	background-attachment: scroll;
	padding-bottom: 5px;
	margin: 0px;
	border-left: #bbbbbb 2px solid;
	padding-top: 5px;
	background-repeat: repeat;
	background-color: #dddddd;
}
.blueboxupper
{
	border-right: gray 1px solid;
	padding-right: 0px;
	background-position: 0% 50%;
	border-top: gray 1px solid;
	padding-left: 0px;
	background-attachment: scroll;
	padding-bottom: 0px;
	margin: 0px;
	border-left: gray 1px solid;
	padding-top: 10px;
	border-bottom: gray 1px solid;
	background-repeat: repeat;
	background-color: #C9CAED;
}
.blueboxlower
{
	border-right: lightgrey 2px solid;
	padding-right: 0px;
	background-position: 0% 50%;
	padding-left: 0px;
	background-attachment: scroll;
	padding-bottom: 0px;
	margin: 0px;
	border-left: darkgray 2px solid;
	padding-top: 10px;
	border-bottom: dimgray 2px solid;
	background-repeat: repeat;
	background-color: #73729C;
}
p
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 10px 20px;
	font: 9px geneva, verdana, arial, sans-serif;
	color: black;
	padding-top: 0px;
/*	text-align: justify; */
}

H1
{
	padding-right: 1px;
	padding-left: 20px;
	padding-bottom: 1px;
	margin: 1px;
	font: 12px/14px geneva, verdana, arial, sans-serif;
	color: black;
	padding-top: 1px;
/*	text-align: justify; */
}
H2
{
	padding-right: 1px;
	padding-left: 20px;
	padding-bottom: 1px;
	margin: 1px;
	font: 20px/23px geneva, verdana, arial, sans-serif;
	color: black;
	padding-top: 1px;
/*	text-align: justify; */
}
H3
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin: 1px;
	font: 12px geneva, verdana, arial, sans-serif;
/*	color: black; */
	padding-top: 1px;
/*	text-align: justify; */
}


#li
{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin: 10px 0px;
	font: 9px geneva, verdana, arial, sans-serif;
	color: #000;
	padding-top: 0px;
/*	text-align: justify; */
}


.topseperators
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	color: white;
	padding-top: 0px;
	font: 9px geneva, verdana, arial, sans-serif;
}

.compactlist
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 9px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 20px;
	color: #000000;
	padding-top: 0px;
	font-family: geneva, verdana, arial, sans-serif;
/*	text-align: left; */
	font-variant: normal;
}

hr
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 20px;
	color: #ccc;
	padding-top: 0px;
	border-bottom: #eee 1px solid;
	height: 1px;
}
FORM
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
/*	text-align: left; */
}
SELECT
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

td.left
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	vertical-align: top;
}
td.center
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
	vertical-align: top;
}
td.right
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: right;
	vertical-align: top;
}
small
{	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin: 1px;
	font: 9px geneva, verdana, arial, sans-serif;
	color: black;
	padding-top: 1px;
}
td.home
{
	text-align: center;
	vertical-align: middle;
	width: 420px;
}
td.homeimage
{
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	margin: 0px;
	padding-top: 1px;
	width: 128px;
	height: 93px;
}
.year {border-style: outset; border-width: 1px; background-color: #e4e4e4; text-align: center;}
.month {border-style: none; background-color: LightBlue; text-align: center;}
.yearname {text-align: center; font-size: 18px; font-weight: bold;}
.monthname {text-align: center; font-weight: bold; background-color: #DADADA; color: #5D5D5D; border-style: outset; border-width:1px;}
.dayname td {text-align: center; font-weight: bold; background-color: #3E97CF; color: #ffffff; border-style: outset; border-width:1px;}
.yearnavigation {text-align: center;}
.datepicker {background-color: #e4e4e4;}
.datepickerform {margin: 0px;}
.monthnavigation {font-family: Tahoma, Arial, sans-serif; text-align: center;}
.monthpicker {background-color: #eeeeee;}
.yearpicker {background-color: #eeeeee;}
.pickerbutton {background-color: #eeeeee; border-style: solid; border-color: #000000; border-width: 1px;}
.nomonthday {height: 100px;width:70px;}
.monthday {text-align: center; font-weight: bold; background-color: #E4E4E4; color: #384955;height: 100px;width:70px; virtical-align: top;}
.today {text-align: center; font-weight: bold; background-color: #5CB5C7; color: #ffffff;}
.selectedday {text-align: center; font-weight: bold; background-color: #66ff66;}
.sunday {text-align: center; font-weight: bold; background-color: #E4E4E4; color: #384955;height: 100px; width: 70px;}
.sunday a {color: #667171;}
.saturday {text-align: center; font-weight: bold; background-color: #E4E4E4; color: #384955;height: 100px;width:70px;}
.saturday a {color: #667171;}
#.event {text-align: center; border: solid 1px black; width:80px; padding-top: 0px;padding-right: 0px;padding-left: 0px;padding-bottom: 0px; margin: 0px 0px 0px 0px; z-index: 10000;background-color:white}
#.event a {background-color: #ffff99; color: red;}
.selectedevent {text-align: center; font-weight: bold; color: red; background-color: #ffff99;}
.selectedevent a {background-color: #ffff99; color: red;}
.todayevent {text-align: center; font-weight: bold; color: red; background-color: #ffff99;}
.todayevent a {background-color: #ffff99; color: red;}
~ Tide Styles
TABLE.TidalDay
{
	font: 9px geneva, verdana, arial, sans-serif;
	font-weight: normal;
	border: 1px, solid, Black;
	border-collapse: collapse;
}

TABLE.TidalDay TD
{
	font: 9px geneva, verdana, arial, sans-serif;
	font-weight: normal;
	color: black;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
}
TABLE.TidalDay TD.HighTide
{
	font-weight: bold;
	border-left: 1px, solid, Black;
	width: 40px;
	vertical-align: top;
	height: 1em;
}
TABLE.TidalDay TD.LowTide
{
	border-left: 1px, solid, Black;
	width: 40px;
	background-color: white;
	vertical-align: top;
	height: 1em;
}
TABLE.TidalDay TD.NoTide
{
	border-left: 1px, solid, Black;
	width: 40px;
	background-color: white;
	vertical-align: top;
	height: 1em;
}

TABLE.TidalDay TD.DayNum
{
	text-align: center;
	width: 60px;
	border-right: 1px, solid, Black;

	vertical-align: top;
	font-size: 16pt;
}
TABLE.TidalDay TD.DayName
{
	text-align: center;
	width: 60px;
	border-right: 1px, solid, Black;
	background-color: white;
	vertical-align: top;
}
TABLE.TidalDay TD.TideDate
{
	text-align: center;
	width: 60px;
	border-right: 1px, solid, Black;
	background-color: white;
	vertical-align: top;
	border: 1px, Solid, Black;
}
TABLE.TidalDay TD.TideCorrect
{
	border-top: 1px, Solid, Black;
	background-color: white;
	vertical-align: top;
	text-align: center;
	height: 1em;
	width: 140px;
}
TR.PageBreak
{
	page-break-before: always
}
.Letter TABLE
{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	font: 11px geneva, verdana, arial, sans-serif;
	border-collapse: collapse;
	border:1px solid black;
}
.Letter tr
{
	height: 22px;
}
.Letter th
{
	font: 11px geneva, verdana, arial, sans-serif;
	border: 1px solid Black;
	padding: 3px;
	font-weight: bold;
}
.Letter td
{
	font: 11px geneva, verdana, arial, sans-serif;
	padding: 3px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid Black;
}
.Letter DIV.SignLine
{
	display:inline-block;
	border-bottom: 2px Solid Black;
	height:15px;
	width: 250px;
}
.Letter DIV.DateLine
{
	display:inline-block;
	border-bottom: 2px Solid Black;
	height:15px;
	width: 125px;
}
TH.rotateText
{
	height:250px;
	width: 30px;
	writing-mode: tb-rl;
	filter: FlipH FlipV;
}
TD.rotateText
{
	writing-mode: tb-rl;
	filter: FlipH FlipV;
}
td.checkbox {width: 13px;border: 1px solid Black; padding: 0px;margin: 0px;}
td.checkbox > input{padding: 0px;margin: 0px;margin-left:0px;margin-right:0px;}

TD.bottomRight
{
	vertical-align: middle;
	text-align: right;
}
TR.noConsent {background-color: Pink;}
TR.exConsent {background-color: #FF4D4D;}
TR.gpConsent {background-color: #FFC20A;}
TR.ntConsent {background-color: LawnGreen;}
TR.unassigned, TR.uA, TABLE.EventList TD.StaffingCell DIV.uA, TABLE.EventList TD.StaffingCell DIV.uA SELECT {background-color: Pink;}
TABLE.EventList TD.StaffingCell DIV.StaffuA:hover {background-color: Gray;}
TABLE.EventList TD.StaffingCell DIV.StaffaTm:hover {background-color: Gray;}
TABLE.EventList TD.StaffingCell DIV.StaffVol:hover {background-color: Gray;}
TABLE.EventList TD.StaffingCell DIV.StaffuA {background-color: MistyRose;}
TABLE.EventList TD.StaffingCell DIV.StaffaTm {background-color: LightGoldenRodYellow;}
TABLE.EventList TD.StaffingCell DIV.StaffVol {background-color: Tomato;}
TR.assignedtoother, TR.aTo {background-color: White;}
TR.assignedtome, TR.aTm, TABLE.EventList TD.StaffingCell DIV.aTm, TABLE.EventList TD.StaffingCell DIV.aTm SELECT {background-color: Yellow;}
TR.tobeconfirmed, TR.tBc {background-color: LawnGreen;}
TR.eventcancelled TD, TR.eCan TD, TR.eCan TD DIV {text-decoration: line-through; vertical-align:middle;  color: gray; background-color: white;}
TR.sessioncancelled TD {text-decoration: line-through; vertical-align:middle;  color: gray;}
TR.sessioncancelled BUTTON {vertical-align:middle; margin:0px;}
TR.sessionconfirmed TD {vertical-align:middle; margin:0px; padding:0px;}
TR.sessionconfirmed BUTTON {vertical-align:middle; margin:0px;}
TR.eventcancelled TD.link {text-decoration: none;display:table-cell; vertical-align:middle;}
# TR.eventconfirmed TD, TR.eCon TD {display:table-cell; vertical-align:middle;}
TR.eventunpaid TD, TR.eUp TD {border:  2px solid red; line-height:200%;font-weight: bold; font-size:11px; color: Red;}
TR.eventdepositunpaid TD, TR.eDp TD {border:  2px solid Blue;  color: Blue;}
# TR.eventconfirmed TD.link {display:table-cell; vertical-align:middle;}
TR.errorrow  {background-color: Pink;}
TR.errorrow TH {text-align: center; font: 12px geneva, verdana, arial, sans-serif;}
TR.errorrow TD.errortext {text-align: center; padding: 3px 0px 0px 0px;}
#UL.tabbar
{
	display: block;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	width:488px;
}
#UL.tabbar LI
{
	display: inline;
	list-style-type: none;
	clear: none;
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	width:25%;
}
#UL.tabbar LI.Current
{
	display: inline;
	list-style-type: none;
	clear: none;
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	text-style: bold;
}
#UL.tabbar LI A.Link:link, A.Link:visited
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 3px 10px;
	border: 1px Solid Black;
	border-bottom: 0px Solid Black;
	background-color: LightBlue;
	font: 11px geneva, verdana, arial, sans-serif;
}
#UL.tabbar LI A.Link:hover
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 1px 8px;
	border: 3px Solid Black;
	border-bottom: 2px Solid Black;
	background-color: LightBlue;
	color: black;
	text-decoration: Underline;
	font: 11px geneva, verdana, arial, sans-serif;
}
#UL.tabbar LI A.Current
{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding: 1px 8px;
	border: 3px Solid Black;
	border-bottom: 2px Solid LightBlue;
	background-color: LightBlue;
	color: black;
	text-decoration: Underline;
	font: 11px geneva, verdana, arial, sans-serif;
}
table.DisplayEvent{
	width: 488px;
	table-layout: fixed;
}

DIV.FormRow#Fail INPUT
{
background-color: Pink;
}
DIV.FormRow#Fail TEXTAREA
{
background-color: Pink;
}

DIV.FormRow DIV.ItemName
{
float: left;
width: 60px;
text-align: right;
}

TD.SessionInfo IMG {vertical-align: middle;}
TD.SessionInfo H3 {display: block;vertical-align: middle;}


FORM.BarForm A.tooltip {font-weight: normal; background-image:url('images/barcode.jpg');background-repeat:repeat-x;padding-top:10px; width: 50px}
FORM.BarForm A.tooltip:hover {background-color: #2B2E21;color:#fff;}
FORM.BarForm A.tooltip SPAN {display: none;}
FORM.BarForm A.tooltip:hover SPAN {
  position: absolute;
  margin:0px 0px 0px 0px;
  background-color: beige;
  padding: 2px 10px 2px 10px;
  border: 1px solid #C0C0C0;
  font: normal 10px/12px verdana;
  color: #000;
  text-align:left;
  display: inline;}

DIV.AddUser {
	float: left;
	width: 275px
}
DIV.Scrollable {
	height: 109px;
	overflow: auto;
	width: 270px;
}
TABLE.AddUser {
	width: 250px;
}
TABLE.UserCost {
	display: inline;
	width: 185px;
}
DIV.DisplayUser {
	overflow: auto;
}
TABLE.PersonCard {
	width: 461;
	border: 1px Solid Black;
}
TABLE.PersonCard TH.Detail {
	align: center;
	width: 220px;
	border: 0;
}
TABLE.PersonCard TH.Photo {
	width: 230px;
	vertical-align: top;
	border: 1px Solid Black;
}
TABLE.PersonCard TH.Photo IMG {
	width: 230px;
}
TABLE.PersonCard TD{
	vertical-align: baseline;
	text-align: left;
	border: 0;
}
TABLE.PersonCard TD.Submit{
	vertical-align: baseline;
	text-align: right;
	border: 1px;
}
TABLE.PersonCard TH{
	vertical-align: baseline;
	border: 0;
}
IMG.TickCross {
	height:15px;
	width: 15px;
}

.tableBoxOuter {
width: 100%;height:500px;
background: #FFFFFF;
}

.scrolltable td, th {
font-size: 10px;
margin:0em;
padding: 2px;
table-layout: automatic;
white-space: nowrap;
border: 1px solid black;
}

.scrolltable th.CPName {
	width: 100px;
}
.scrolltable TD.HL{
	background-color: Pink;
}
DIV#Clear{
clear: both;
display: block;
float: none;
min-height: 0px;
}
INPUT.DateInfo {
font-size: 14px;
}

DIV.error_strings UL {

    list-style-type: disc;
}
DIV.error_strings UL LI{
	margin: 0;
    padding:0;
    margin-left: 15px;
    border: 0;
}

TABLE.AddEventForm {
	width: 461px;
}
TABLE.AddEventForm DIV.StageBox {
	width: 150px;
	height: 50px;
	font-size: 14px;
	float: left;
	margin: 0;
	vertical-align: middle
}
TABLE.AddEventForm DIV.StageBox IMG {
	height: 50px;
	width:50px;
	padding: 0;
	margin: 0;
	vertical-align: middle
}
TABLE.AddEventForm TH.CheckBox, TD.CheckBox {
	padding: 2px;
	margin: 0;
	width: 110px;
}
TABLE.AddEventForm TH.CheckBox, TD.CheckBox input[type=checkbox]{
	height: 15px;
	width: 15px;
}
TABLE.AddEventForm TH.AddDateBox {
	width: 150px;
}
TABLE.AddEventForm TH.CopyPrev {
	width: 260px;
}
TABLE.AddEventForm TR.Hidden {
	display: none;
}
TABLE.AddEventForm TH.AddDateBox {
	width: 150px;
}
TABLE.AddEventForm TR.HideShow {
	padding-bottom: 0px;
	margin-bottom:0px;
}
TABLE.AddEventForm TR.HideShow TH {
	color: Blue;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font: 14px geneva, verdana, arial, sans-serif;
}
TABLE.AddEventForm TR.HideShow TH A.HideShow {
	width: 100%;
	padding-bottom: 0px;
	margin-bottom:0px;
	display: block;
}
TABLE.AddEventForm TR.HideShow TH A.HideShow IMG {
	vertical-align: bottom;
	width: 25px;
	height:25px;
	float: right;
}
TABLE.AddEventForm TR.HideShow TH A.Template IMG {
	width: 25px;
	height:25px;
	float: left;
}
IMG.DeleteImg {
	width: 25px;
	height:25px;
}
A.LeftButton{
	vertical-align: bottom;
	float: left;
	padding-bottom: 0px;
	margin-bottom:0px;
}
A.LeftButton IMG {
	width: 25px;
	height:25px;
}
INPUT.TemplateInfo {
font-size: 12px;
float:left;
}
TR.HideShow TH.submitline {

	text-align: Right;

}
TR.HideShow TH.submitline INPUT {
	margin: 20px;
}

TABLE.AddEventForm BUTTON{font: 9px geneva, verdana, arial, sans-serif;}

.ContactList {
    margin: 0px, 0;
    height: 600px;
    width: 500px;
    position: relative;
    border: 1px solid #999;
}

#ContactList {
  overflow: auto;
  position: relative;
}

/* JS required styles */
.ContactList .ContactList {
    border: 0;
}

BODY.ClientList {
	background-color: #DCDCDC;
	padding:0;
}
BODY.ClientList H1 {
	margin: 0;
	background-color: #39f;
	border-bottom: 1px Solid #696969;
}
BODY.ClientList DIV.ABC {
	margin: 0px;
	width: 502px;
	position: static;
	top: 0;
	left:0;
	background-color: #39f;
	border-bottom: 1px Solid #696969;
}
BODY.ClientList DIV.ABC A {
	padding: 0px;
	margin: 0 2px 0 2px;
	border: 0;
	font-size: 12pt;
}

.ContactList H2 {
	margin: 0;
	width: 462px;
	opacity: 1;
	background-color: #a9a9a9;
	border-bottom: 1px Solid #696969;
}
#ContactList H2 {

}
#ContactList p {
  margin: 10px;
}
BODY.ClientList DIV {
	display: block;
}
BODY.ClientList DIV.ClientBox {
	display: inline-block;
	width:153px;
	border:1px Solid Black;
	padding: 0;
	margin: 1px;
}

DIV.ClientBox H3 {
	width: 151px;
	background-color: #39f;
	color: white;
	margin: 0;

}
DIV.TaskBox {
	width: 600px;
}
DIV.TaskBox H3.Due {
	background-color: green;
}
DIV.TaskBox H3.OverDue {
	background-color: Red;
}

DIV.AttentionBox {
	width: 470px;
}
DIV.AttentionBox TR.Owner {
	background-color: lightgreen;
}
DIV.AttentionBox TR.Attention {
	background-color: yellow;
}

.suggestion_list
{
background: white;
border: 1px solid;
padding: 4px;
}

.suggestion_list ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

.suggestion_list a
{
text-decoration: none;
color: navy;
}

.suggestion_list .selected
{
background: navy;
color: white;
}

.suggestion_list .selected a
{
color: white;
}

#autosuggest
{
display: none;
}

#fixedheader
{
	width: 100%;
	background-color: white;
	top: 0px;
	border-bottom: 1px gray Solid;
	left: 0px;
	padding-left: 0px;
    min-width:780px;
    z-index: 200;
}
#paddedcontent
{
	padding-left: 10px;
}
#fixedfooter
{
	background-color: white;
	bottom: 0px;
	width: 100%;
	border-top: 1px Black Solid;
	left: 0px;
	padding: 10px;
    min-width: 770px;
    z-index: 90;
}
a.button {
    background-color: #999999;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button:hover {
    text-decoration: none;
}
.LV_validation_message{
	clear: both;
    display: block;
    font-weight:normal;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 2px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 2px solid #CC0000;
}
table.FileList TH.FileActions {
	width: 50px;
}
table.timesheet {
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    vertical-align: middle;
}
table.timesheet INPUT {
width: 74px;
height:20px;
margin: 0px;
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    text-align: center;
    vertical-align: middle;
}
table.timesheet INPUT[type=radio] {
width: 13px;
margin: 0px;
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    text-align: center;
    vertical-align: middle;
}
table.timesheet SELECT {
width: 74px;
height:20px;
margin: 0px;
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    vertical-align: middle;
}
table.timesheet TH{
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    font-weight: bold;
    vertical-align: middle;
}
table.timesheet TD{
padding:0px;
	font: 12px geneva, verdana, arial, sans-serif;
	color: black;
    text-align: center;
    vertical-align: middle;
}


/* JS Model */
#modal-overlay {
  background: #fff;
  filter: alpha(opacity=60);
  height: 100%;
  left: 0;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 998;
}

#modal-container {
  background: #fff;
  border: 1px solid #ababab;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
  height: auto;
  padding: 0px;
  font-family: arial,sans-serif;
  font-size: 14px;
  position: absolute;
  z-index: 998;
}

#modal-header {
  height: 20px;
  overflow: hidden;
  clear: both;
}

#modal-close {
  background: #fff url('../images/jsmodal/modal-close.png') no-repeat center center;
  cursor: pointer;
  display: block;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  opacity: 0.6;
  float: left;
  height: 20px;
  width: 20px;
}
#modal-close:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  -ms-filter: alpha(opacity=100);
  opacity: 1.0;
}

#modal-content {
  display: block;
  padding: 0 20px 10px 20px;
  z-index: 999;
  overflow: scroll;
  width: 605px;
}

#modal-container.modal-loading {
  background: #fff url('../images/jsmodal/loading.gif') no-repeat center center;
}

table.highlight {
  overflow: hidden;
}

table.highlight tr:hover {
  background-color: #ffa;
}

table.highlight td,table.highlight th {
  position: relative;
}
table.highlight td:hover::after,
table.highlight th:hover::after {
  content: "";
  position: absolute;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}