body { background: #ffffff ; color: #333333 ; font: 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; margin: 0px 0px 0px 0px }
input, textarea { background: #ffffff ; font-size: 100% ; border: 1px solid #999999 }
input.radio { background: #ffffff ; border: 0px }
select { background: #ffffff ; font-size: 100% }
p { font-size: 100% }
.smltxt { font-size: 90% ; padding-left: 5px }
.smltxtsub { font-size: 100% }
.smltxtred { background: #ff0000 ; color: #ffffff ; font-size: 90% ; padding-left: 5px }
.error { color: #ff0000 ; font-size: 90% ; font-weight: bold }
h1 { font-size: 120% ; font-weight: bold }
h3 { font-size: 110% ; font-weight: bold }
form { margin: 0px }
a.menu { color: #000000 ; font-size: 90% ; font-weight: bold ; text-decoration: none }
a.menu:visited { color: #000000 ; font-size: 90% ; font-weight: bold ; text-decoration: none }
a.menu:hover { color: #ffffff ; font-size: 90% ; font-weight: bold ; text-decoration: none }

.header { background: #ffcc00 ; font: bold 20px Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; padding: 30px }
.menu { background: #999999 ; font: 12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; padding: 3px ; text-align: right }
#dMenu { background: #333333 ; width: 100% ; height: 25px }
td.tabs { background: #ffcc00 ; color: #000000 ; font-size: 100% ; border: 1px solid #999999 ; text-align: center ; padding-left: 30px ; padding-right: 30px ; padding-top:3px ; padding-bottom: 3px }
td.tabs100 { background: #ffffff ; color: #000000 ; font-size: 100% ; border: 0px solid #999999 ; text-align: center ; width: 100% }

a { color: #0000ff ; font-size: 100% ; text-decoration: underline }
a:visited { color: #0000ff ; font-size: 100% ; text-decoration: underline }
a:hover { color: #999999 ; font-size: 100% ; text-decoration: underline }

td.tabson { background: #333333 ; color: #000000 ; font-size: 100% ; border: 1px solid #999999 ; text-align: center ; padding-left: 30px ; padding-right: 30px ; padding-top:3px ; padding-bottom: 3px }
a.tabson { color: #ffffff ; font-size: 100% ; font-weight: bold ; text-decoration: none }
a.tabson:visited { color: #ffffff ; font-size: 100% ; font-weight: bold ; text-decoration: none }
a.tabson:hover { color: #999999 ; font-size: 100% ; font-weight: bold ; text-decoration: none }

.heading { color: #000000 ; font-size: 14px ; font-weight: bold }

/* Admin Area */
td.heading { background: #ffffff ; color: #000000 ; font-size: 90% }

.colourcode1 { font-size: 90% ; color: #ff0000 }
.colourcode2 { font-size: 90% ; color: #ff6600 }
.colourcode3 { font-size: 90% ; color: #006600 }
.colourcode4 { font-size: 90% ; color: #000000 }

input.all { background: #333333 ; width: auto ; height: 20px ; color: #ffffff ; font-size: 9px ; font-weight: regular ; text-align: center ; border: 1px solid #999999 ; padding-left: 3px ; padding-right: 3px }
input.colourcode1 { background: url(../images/red.jpg) #ff0000 ; width: auto ; height: 20px ; color: #ffffff ; font-size: 9px ; font-weight: bold ; text-align: center ; border: 1px solid #999999 ; padding-left: 3px ; padding-right: 3px }
input.colourcode2 { background: url(../images/orange.jpg) #ff6600 ; width: auto ; height: 20px ; color: #ffffff ; font-size: 9px ; font-weight: bold ; text-align: center ; border: 1px solid #999999 ; padding-left: 3px ; padding-right: 3px }
input.colourcode3 { background: url(../images/green.jpg) #006600 ; width: auto ; height: 20px ; color: #ffffff ; font-size: 9px ; font-weight: bold ; text-align: center ; border: 1px solid #999999 ; padding-left: 3px ; padding-right: 3px }
input.colourcode4 { background: url(../images/black.jpg) #000000 ; width: auto ; height: 20px ; color: #ffffff ; font-size: 9px ; font-weight: bold ; text-align: center ; border: 1px solid #999999 ; padding-left: 3px ; padding-right: 3px }

/* ################################ CSS Form Layout ################################ */
#formlayout label, input, textarea { display: block ; width: auto ; float: left ; font: 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; margin-bottom: 5px }
#formlayout select { display: block ; width: auto ; float: left ; font: 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; margin-bottom: 5px }
#formlayout input.copy { display: block ; width: auto ; float: left ; margin-bottom: 5px }
#formlayout label { text-align: right ; width: 110px ; padding-right: 10px }
#formlayout br { clear: left }
#formlayout input.hidden { visibility: hidden }
/* ################################ CSS Layout ################################ */

p.dec { color: #666666 ; font-size: 90% ; padding: 10px 10px 10px 10px ; text-align: center }

input.btnUser { background: url(../images/green-button.jpg) #33cc00 ; width: 112px ; height: 26px ; color: #000000 ; font-size: 100% ; font-weight: bold ; text-align: center ; border: 0 }
input.admin { background: url(../images/green.jpg) #006600 ; width: auto ; height: 20px ; color: #000000 ; font-size: 9px ; font-weight: regular ; text-align: center ; padding-left: 3px ; padding-right: 3px }
input.btn { background: url(../images/green.jpg) #006600 ; width: 112px ; height: 20px ; color: #000000 ; font-size: 9px ; font-weight: bold ; text-align: center ; padding-left: 3px ; padding-right: 3px }
input.NPBtn { background: url(../images/green.jpg) #006600 ; width: 112px ; height: 20px ; color: #000000 ; font-size: 9px ; font-weight: bold ; text-align: center ; padding-left: 3px ; padding-right: 3px }

.mobilemenu { background: #999999 ; font: 90% Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; padding: 3px ; text-align: center }
.mobileheader { background: #ff0000 ; color: #000000 ; font: bold 90% Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; text-align: center }
.mobiledata { background: #ffffff ; color: #000000 ; font: 90% Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; text-align: center }
.mobilebtnred { background: url(../images/red.jpg) #ff0000 ; width: auto ; height: auto ; color: #ffffff ; font: bold 90% Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; text-align: center }
.mobilebtngrn { background: url(../images/green.jpg) #006600 ; width: auto ; height: auto ; color: #ffffff ; font: bold 90% Tahoma, Verdana, Arial, Helvetica, Sans-Serif ; text-align: center }
