body                      { font-family: Arial, Times New Roman, Verdana; font-size: 11; margin: 0px; }
td		                    { font-family: Arial, Times New Roman, Verdana; font-size: 11; padding: 2px; }
div                       { font-family: Arial, Times New Roman, Verdana; font-size: 11; }
img                       { border-width: 0px; }
input[type='text']        { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-style: solid; border-color: #E6E6E6; border-width: 1px; padding: 1px;}
input[type='password']    { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-style: solid; border-color: #E6E6E6; border-width: 1px; padding: 1px;}
textarea                  { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-style: solid; border-color: #E6E6E6; border-width: 1px; padding: 0px;}
select                    { font-family: Arial, Times New Roman, Verdana; font-size: 11; }
#adminheader              { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 100%; background-color: grey; }
#menu                     { font-family: Arial, Times New Roman, Verdana; width: 150px; background-color: #000000; color: #FFFFFF; padding: 0px;}
#menuitem       	        { font-family: Arial, Times New Roman, Verdana; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px;  background-color: #000000; color: #FFFFFF; cursor: hand; cursor: pointer; height: 30px; border-bottom: 1px solid #ffffff; text-align: left;}
#adminfooter              { font-family: Arial, Times New Roman, Verdana; text-align: center; color: #FFFFFF; width: 100%; background-color: #8A0808; height: 30px; font-size: 9px; border-top-width: 1px; border-top-color: #FFFFFF; border-top-style: solid; }

#alert1                   { font-family: Arial, Times New Roman, Verdana; border-color: #E0ECF8; border-width: 1px; border-style: solid; border-collapse: collapse; width: 250px;}
#alert1_header            { font-family: Arial, Times New Roman, Verdana; border-color: #CEE3F6; background-color: #CEE3F6; border-width: 1px; border-style: solid; font-weight: bold; padding-left: 2px; padding-right: 2px; }
#alert1_message           { font-family: Arial, Times New Roman, Verdana; border-color: #CEE3F6; border-width: 1px; border-style: solid; padding-left: 2px; padding-right: 2px; }

#alert2                   { font-family: Arial, Times New Roman, Verdana; border-color: #FF0000; border-width: 1px; border-style: solid; border-collapse: collapse; width: 250px;}
#alert2_header            { font-family: Arial, Times New Roman, Verdana; border-color: #FF0000; background-color: #FF0000; border-width: 1px; border-style: solid; font-weight: bold; padding-left: 2px; padding-right: 2px; color: #FFFFFF; }
#alert2_message           { font-family: Arial, Times New Roman, Verdana; border-color: #FF0000; border-width: 1px; border-style: solid; padding-left: 2px; padding-right: 2px; }

#menutitle                { font-family: Arial, Times New Roman, Verdana; width: 100%; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px;  background-color: #8A0808; color: #FFFFFF; cursor: hand; cursor: pointer; height: 30px; border-bottom: 1px solid #ffffff; }
#menulinks                { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: white }
#menulinks:hover          { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: red }
#menuemptyrow             { font-family: Arial, Times New Roman, Verdana; width: 100%; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px;  background-color: #8A0808; color: #FFFFFF; cursor: hand; cursor: pointer; height: 2px; border-bottom: 1px solid #ffffff; }

#floatformheader          { font-family: Arial, Times New Roman, Verdana; font-size: 11; font-weight: bold; background-color: #8A0808; color: #FFFFFF; padding: 5px; height: 20px;}
#floatformtable           { font-family: Arial, Times New Roman, Verdana; font-size: 11; font-weight: bold; background-color: #FFFFFF; }

#formheader               { font-family: Arial, Times New Roman, Verdana; font-size: 11; font-weight: bold }
#formtable                { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #A9F5A9;}
#formtableheader          { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #E0F8E0; background-color: #E0F8E0; padding: 5px; font-size: 11; font-weight: bold }
#formtablesubheader       { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #EFFBEF; background-color: #EFFBEF; padding: 5px; font-size: 11; font-weight: bold }
#formtablerow1            { font-family: Arial, Times New Roman, Verdana; padding: 5px; }

#loginbody                { font-family: Arial, Times New Roman, Verdana; background-color: grey }
#adminbody                { font-family: Arial, Times New Roman, Verdana; background-color: #FFFFFF; padding: 0px; margin: 0px;}
#adminleftbody            { font-family: Arial, Times New Roman, Verdana; background-color: #000000; width: 200px; padding: 0px;}
#adminloginbody           { font-family: Arial, Times New Roman, Verdana; background-color: #D8D8D8;}
#adminloginheader         { font-family: Arial, Times New Roman, Verdana; height: 200px; }
#adminloginfooter         { font-family: Arial, Times New Roman, Verdana; height: 50px; background-color: #A8A8A8; }
#links1                   { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: white }
#links1:hover             { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: red }
#links2                   { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: blue; font-weight: bold; }
#links2:hover             { font-family: Arial, Times New Roman, Verdana; font-size: 11; text-decoration: none; color: red }
#headerbgwhite            { font-family: Arial, Times New Roman, Verdana; background-color: #FAFAFA; font-size:20px; padding-left: 50px; font-weight: bold; }

#listtable                { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #F6CED8; }
#listrow1                 { font-family: Arial, Times New Roman, Verdana; padding: 5px;}
#listheader               { font-family: Arial, Times New Roman, Verdana; background-color: #F8E0E6; height: 20px; font-size: 11; font-weight: bold; padding: 5px; }

#emptyrow                 { font-family: Arial, Times New Roman, Verdana; font-size: 11; font-style: italic; color: #D2D2D2; text-align: center; }
#pagetitle                { font-family: Arial, Times New Roman, Verdana; font-size: 11; font-weight: bold; font-size: 25; padding-top: 10px; padding-bottom: 10px; border-bottom: 2px solid #F6CED8; }

#searchtable              { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #E0E0F8; }
#searchheader             { font-family: Arial, Times New Roman, Verdana; background-color: #EFEFFB; height: 20px; font-size: 11; font-weight: bold; padding: 5px; }

#pageprev                 { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-color: blue; border-style: solid; border-width: 1px; padding-left: 15px; padding-right: 15px; background-color: blue; color: #FFFFFF; cursor: pointer; cursor: hand; }
#pageprev:hover           { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-color: red; border-style: solid; border-width: 1px; padding-left: 15px; padding-right: 15px; background-color: red; color: #FFFFFF; cursor: pointer; cursor: hand; }
#pagenext                 { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-color: blue; border-style: solid; border-width: 1px; padding-left: 15px; padding-right: 15px; background-color: blue; color: #FFFFFF;cursor: pointer; cursor: hand;}
#pagenext:hover           { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-color: red; border-style: solid; border-width: 1px; padding-left: 15px; padding-right: 15px; background-color: red; color: #FFFFFF;cursor: pointer; cursor: hand;}
#pagenumber               { font-family: Arial, Times New Roman, Verdana; font-size: 11; padding-left: 15px; padding-right: 15px; }
#pagenolink               { font-family: Arial, Times New Roman, Verdana; font-size: 11; border-color: #D2D2D2; border-style: solid; border-width: 1px; background-color: #D2D2D2; color: #FFFFFF; padding-left: 15px; padding-right: 15px; }
#linksrow                 { font-family: Arial, Times New Roman, Verdana; padding-left: 5px; padding-right: 5px; }
#required                 { font-family: Arial, Times New Roman, Verdana; color: grey; font-style: italic; }
#calendar                 { font-family: Arial, Times New Roman, Verdana; border-color: grey; border-style: solid; border-width: 1px; border-collapse: collapse; align: center; }
#calendarheader           { font-family: Arial, Times New Roman, Verdana; font-weight: bold; background-color: #8A0808; color: white; }
#calendartitle            { font-family: Arial, Times New Roman, Verdana; font-weight: bold; }
#calendarday              { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; }

#bookingcalendar          { font-family: Arial, Times New Roman, Verdana; border-color: grey; border-style: solid; border-width: 1px; border-collapse: collapse; align: center; }
#bookingcalendarheader    { font-family: Arial, Times New Roman, Verdana; font-weight: bold; background-color: #045FB4; color: white; }
#bookingcalendarsubheader { font-family: Arial, Times New Roman, Verdana; font-weight: bold; background-color: #2E9AFE; color: white; }
#bookingcalendartitle     { font-family: Arial, Times New Roman, Verdana; font-weight: bold; }
#bookingcalendarday       { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; }
#bookingcalendardayvacant { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; background-color: #CEF6CE; }
#bookingcalendardayvacant:hover { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; background-color: #F5ECCE; }
#bookingcalendardayoccupied { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; ; background-color: #F6CEF5; }
#bookingcalendardayoccupied:hover { font-family: Arial, Times New Roman, Verdana; height: 100px; width: 150px; border-color: grey; border-width: 1px; border-style: solid; vertical-align: top; ; background-color: #F5ECCE; }

#invoicetitle             { font-family: Arial, Times New Roman, Verdana; font-size:25px; font-weight: bold;}
#invoiceheader            { font-family: Arial, Times New Roman, Verdana; font-size:11px; font-weight: bold;}
#invoicecontent           { font-family: Arial, Times New Roman, Verdana; font-size:11px;}
#invoicecontenttitle      { font-family: Arial, Times New Roman, Verdana; font-size:11px; font-weight: bold;}

#linebreak1               { font-family: Arial, Times New Roman, Verdana; border:0; color: #E6E6E6; background: #E6E6E6; height:1px; width: 100%; }
#workprocess              { font-family: Arial, Times New Roman, Verdana; border:0; width:100%; height: 100%; scrollbar-arrow-color: #252604; margin: 0px; padding: 0px;}

#invoiceitemtable         { font-family: Arial, Times New Roman, Verdana; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border-width: 1px; border-style: solid; border-color: #F2F2F2; }
#invoicecontenttitle      { font-family: Arial, Times New Roman, Verdana; background-color: #BDBDBD; padding: 5px; }
#workprocessheader        { font-family: Arial, Times New Roman, Verdana; background-color: #8A0808; padding: 5px; height: 30px; margin: 0px; border-width: 0px; color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FFFFFF; vertical-align: middle;}

#debugtable               { font-family: Arial, Times New Roman, Verdana; border-width: 1px; border-style: solid; border-color: #F6CED8; width:98%;}
#debugtabletitle          { font-family: Arial, Times New Roman, Verdana; background-color: #F8E0E6; height: 20px; font-size: 11; font-weight: bold; padding: 5px; cursor: hand; cursor: pointer; }
#debugtablemsg            { font-family: Arial, Times New Roman, Verdana; background-color: #FFFFFF; padding: 5px;}

.jkkinputtext			  { text-align: left !important; font-size: 13px !important; border: 1px solid #E6E6E6 !important; padding: 3px !important; }
.jkkinputnumber			  { text-align: right !important; font-size: 13px !important; border: 1px solid #E6E6E6 !important; padding: 3px !important; }

.textleft                 { text-align: left !important; }
.textright                { text-align: right !important; }

.jkktextleft              { text-align: left !important; }
.jkktextright             { text-align: right !important; }
.jkktextcenter            { text-align: center !important; }

.jkktexttop				  { vertical-align: top !important; }

.jkkmargintop20px		  { margin-top: 20px !important; }
.jkkmargintop35px		  { margin-top: 35px !important; }
.jkkmargintop50px		  { margin-top: 50px !important; }
.jkkmargintop100px		  { margin-top: 100px !important; }

.jkktextcolor2E2E2E		  { color: #2e2e2e !important ; }

.jkkfontsize15px		  { font-size: 15px !important; }
.jkkfontsize20px		  { font-size: 20px !important; }
.jkkfontsize25px		  { font-size: 25px !important; }
.jkkfontsize28px		  { font-size: 28px !important; }
.jkknopadding			  { padding: 0px !important; }
.jkknobackgroundcolor	  { background-color: #ffffff !important; color: #000000 !important; }
.jkkcenter				  { text-align: center !important; }
.jkkwidth100pc			  { width: 100% !important; }
.jkkwidth98pc			  { width: 98% !important; }
.jkkwidth50pc			  { width: 50% !important; }
.jkkbold				  { font-weight: bold !important; }
.jkkbgcolor000000		  { background-color: #000000 !important; color: #ffffff !important; }
.jkkbgcolorffffff		  { background-color: #ffffff !important; color: #000000 !important; }

.jkktableheader			  {	font-weight: bold; font-size: 14; padding: 3px; border-bottom: 2px solid #252525;}
.jkktablecontent		  {	font-size: 13; padding: 3px; border-bottom: 1px solid #D2D2D2;}
.jkktableempty			  {	font-size: 13; padding: 3px; font-style: italic;}

.jkkformtitle			  {	font-weight: bold; font-size: 14; padding: 3px; }
.jkkformheader		  	  {	font-size: 13; font-weight: bold; padding: 3px; }
.jkkformcontent			  {	font-size: 13; padding: 3px; }
.jkkformbuttonsection	  { font-size: 13; text-align: center; }

.jkkfloatright			  { float: right !important; }
.jkkfloatleft			  { float: left !important; }

.jkkmarginauto			  { margin: auto; }
.jkkpadding10px			  { padding: 10px; }
.jkkpadding5px			  { padding: 5px; }

.jkkhand				  { cursor: hand !important; cursor: pointer !important; }
.jkknolink				  { color: #ffffff; font-size: 11px; float: left; padding: 10px; background-color: #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-left: 3px; margin-right: 3px;}
.jkklink				  { color: #ffffff; font-size: 11px; float: left; cursor: hand; cursor: pointer; padding: 10px; background-color: #34495e; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-left: 3px; margin-right: 3px;}
.jkklink:hover			  { color: #ff0000; font-size: 11px; }

.jkkcalendarcontainer	  { margin: auto; width: 98%; min-height: 750px; height: 100%;}

.ypidleft                 { text-align: left !important; }
.ypidright                { text-align: right !important; }
.ypidcenter               { text-align: center !important; }

.ypidbordertop000000      { border-top: 1px solid #000000 !impotant; }
.ypidborderbottom000000   { border-bottom: 1px solid #000000 !impotant; }