.bodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.formtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.jsRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
.jsWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.jsBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.formtxtYellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFF00;
}
.calSelected {
	background-image: url(images/ca-Down.jpg);
}
.calUnSelected {

}
.inNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC9900;
}
.inNavSel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a:link {
	color: #CC9900;
	font-weight: normal;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #CC9900;
	text-decoration: none;
}
a:hover {
	color: #3366FF;
	font-weight: normal;
	text-decoration: underline;
}
a:active {
	font-weight: normal;
	color: #CC9900;
	text-decoration: none;
}
.rightNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
a.rightNav:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.rightNav:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.rightNav:hover {
	color: #FFCCCC;
	text-decoration: underline;
	font-weight: normal;
}
a.rightNav:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.leftNav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}
a.leftNav:link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.leftNav:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.leftNav:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
a.leftNav:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.blacklink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
a.blacklink:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.blacklink:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.blacklink:hover {
	color: #0000FF;
	text-decoration: none;
	font-weight: normal;
}
a.blacklink:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
a.footer:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.footer:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
a.footer:hover {
	color: #CC9900;
	text-decoration: underline;
	font-weight: normal;
}
a.footer:active {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.form1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0033CC;
	background-color: #FFFFFF;
	border: 1px solid #0066FF;
}
.form1Y {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #0033CC;
	background-color: #FFFF00;
	border: 1px solid #0066FF;
}
.form2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#FFFFFF;
	background-color: #0099FF;
	border: 1px solid #0066FF;
}
.formSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0033CC;
	background-color: #FFFFFF;
	border: 1px solid #0066FF;
}
.formSmallBRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF0000;
	background-color: #FFFFFF;
	font-weight: bold;
}
.formSmall2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #666699;
	border: 1px solid #0066FF;
}
.formSmall3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #0066FF;
}
.formSmallCur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0033CC;
	background-color: #FFFFFF;
	border: 1px solid #0066FF;
	text-align: right;
	padding: 1px;
}
.formS2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #336666;
	background-color: #FFFFFF;
	border: none;
}
.formS3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;
	background-color: #FFCC00;
	border: none;
}
.formS3black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFCC00;
	background-color: #000000;
	border: none;
}
.form3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #003300;
}
.form4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFF00;
	background-color: #000000;
	border: 1px solid #000000;
}
.form3N {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #003300;
	text-align: right;
}
.formInst1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #E1E1E1;
	border: 1px solid #E1E1E1;
}
.formInst2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
.formInst3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FC9;
	border: 1px solid #000000;
}
.form3light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6699FF;
	background-color: #FFFFFF;
	border: 1px solid #003300;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
}
.button1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #CC9900;
	border: 1px solid #000000;
}
.button2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #0099FF;
	border: 1px solid #000000;
}
.button6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #CCCCCC;
	border: 1px solid #000000;
}
.button7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #0099FF;
	border: 1px solid #000000;
}
.boldFella {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
a.boldFella:link {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a.boldFella:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a.boldFella:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
a.boldFella:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
.smallblack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
a.smallblack:link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallblack:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallblack:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
a.smallblack:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.sstring {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
a.sstring:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.sstring:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.sstring:hover {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
a.sstring:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.hl {
	background-color: #FFFF00;
}
.blackRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
a.blackRed:link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.blackRed:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.blackRed:hover {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
a.blackRed:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}

.blackRedNone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
a.blackRedNone:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.blackRedNone:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
a.blackRedNone:hover {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
a.blackRedNone:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.blackRedCal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	font-weight: normal;
}
a.blackRedCal:link {
	color: #000000;
	font-size: 8px;
	text-decoration: none;
	font-weight: normal;
}
a.blackRedCal:visited {
	color: #000000;
	font-size: 8px;
	text-decoration: none;
	font-weight: normal;
}
a.blackRedCal:hover {
	color: #CC0000;
	font-size: 8px;
	text-decoration: underline;
	font-weight: normal;
}
a.blackRedCal:active {
	color: #000000;
	font-size: 8px;
	text-decoration: none;
	font-weight: normal;
}

.blackRedBig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
a.blackRedBig:link {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.blackRedBig:visited {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.blackRedBig:hover {
	color: #CC0000;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
a.blackRedBig:active {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

.blackRedSm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
a.blackRedSm:link {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
a.blackRedSm:visited {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
a.blackRedSm:hover {
	color: #CC0000;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
a.blackRedSm:active {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.smallwhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: normal;
}
a.smallwhite:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
a.smallwhite:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
a.smallwhite:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallwhite:active {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}
.onsite {
	background-color: #FFFF99;
}
.remote {
	background-color: #E8CAE7;
}
.smallCal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
a.smallCal:link {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallCal:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallCal:hover {
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
}
a.smallCal:active {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
.STav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.STnotav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-color: #FFFFFF;
	border: none;
	font-style: italic;
}

.STavNextDay {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #99FFFF;
	border: none;
}

.slider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC3300;
	height: 20px;
}
a.slider:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC3300;
	height: 20px;
}
a.slider:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC3300;
	height: 20px;
}
a.slider:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	height: 20px;
}
a.slider:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC3300;
	height: 20px;
}
.strike {
	text-decoration: line-through;
	background-color: #E1E1E1;
}
.whitebodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
a.whitebodytxt:link {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
}
a.whitebodytxt:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-decoration:none;
}
a.whitebodytxt:visited {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
}
a.whitebodytxt:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
}

.redBlack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: normal;
}
a.redBlack:link {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
a.redBlack:visited {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
a.redBlack:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
a.redBlack:active {
	color: #CC0000;
	text-decoration: underline;
	font-weight: normal;
}
.agreeList {
	font-weight: normal;
}
ol.agreeList {
	font-weight: bold;
}
ol.agreeList span {
	font-weight: normal;
}
.flag {
	position: relative;
	z-index: 2;
}
.bigredbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px solid #000000;
	line-height: 20pt;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
}
.roundedButton1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #009899;
	border: 1px solid #009899;
	border-radius:7px;
	padding: 5px;
	background: #eff5eb; /* Old browsers */
 background: -moz-linear-gradient(left,  #eff5eb 0%, #dfefd3 50%, #eff5eb 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eff5eb), color-stop(50%,#dfefd3), color-stop(100%,#eff5eb)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* IE10+ */
 background: linear-gradient(to right,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff5eb', endColorstr='#eff5eb',GradientType=1 ); /* IE6-9 */
}
.roundedButton2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	border: 1px solid #000000;
	border-radius:7px;
	padding: 5px;
	background: #eff5eb; /* Old browsers */
 background: -moz-linear-gradient(left,  #eff5eb 0%, #dfefd3 50%, #eff5eb 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eff5eb), color-stop(50%,#dfefd3), color-stop(100%,#eff5eb)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* IE10+ */
 background: linear-gradient(to right,  #eff5eb 0%,#dfefd3 50%,#eff5eb 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff5eb', endColorstr='#eff5eb',GradientType=1 ); /* IE6-9 */
}
.roundedButton3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	border: 1px solid #000000;
	border-radius:7px;
	padding: 5px;
	background: #990000; /* Old browsers */
 background: -moz-linear-gradient(left,  #990000 0%, #999999 50%, #990000 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#990000), color-stop(50%,#999999), color-stop(100%,#990000)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  #990000 0%,#999999 50%,#990000 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  #990000 0%,#999999 50%,#990000 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  #990000 0%,#999999 50%,#990000 100%); /* IE10+ */
 background: linear-gradient(to right,  #990000 0%,#999999 50%,#990000 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=1 ); /* IE6-9 */
}
.hiddenRow {
 display:none;
 visibility:hidden;
}
.visibleRow {
 display:;
 visibility:visible;
}
.aaa {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
}
.tinyblack {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: normal;
}
#occupancy {
    margin: 2em;
    border: 1px solid black;
    background-color: yellow;
    font-weight: bold;
    font-style: italic;
    padding: 10px;
    display: none;
    min-width: 200px;
}
table.cleangate {
    border-collapse: collapse;
    font-size: 11px;
}
table.cleangate th {
    border: 1px solid black;
    color: blueviolet;
    min-width: 50px;
    font-size: 8px;
}
table.cleangate td {
    height: 2em;
}
.cleangate-occupied {
    background-color: blue;
}
.cleangate-unoccupied {
    border-left: 1px solid black;
    border-bottom: 1px solid lightgrey;
}
.cleangate-name {
    min-width: 180px;
    white-space: nowrap;
}
.cleangate-div {
    margin-left: 0.2em;
    margin-right: 0.2em;
    overflow-x: scroll;
}
.cleangate-selected {
    background-color: grey;
}
.cleangate-input-row {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}
#cleangate-formtable {
    width: 100%;
    font-size: 10px;
}
.error-messages {
    margin: 0.2em;
    color: red;
    font-style: italic;
}
.cleangate-name-div {
    position: relative;
    float:left;
}
.cleangate-name-table {
    border-collapse: collapse;
    font-size: 11px;
}
.cleangate-name-table th {
    color: blueviolet;
    min-width: 140px;
    font-size: 8px;
}
.cleangate-name-table td {
    height: 2em;
    border-bottom: 1px solid black;
}
.cleangate-name-input {
    border: none !important;
    color: grey;
}
.cleangate-slots-div {
    position: relative;
    float:left;
    width: 700px;
    overflow-x: scroll;
}
.cleangate-calwidget-div {
    position: relative;
    float: left;
}
.cleangate-container-row {
    width: 100%;
}
.cleangate-container-row > tbody > tr > td {
    vertical-align: top;
    padding: 5px;
}
.cleangate-cancel-button {
    font-size: 11px;
}

table.renewal th {
    min-width: 50px;
    font-size: 8px;
    text-align: left;
    padding-left: 4px;
}