body {
   font: 10pt arial;
   padding:2;
   background-color:#666666;
}

#root {
   width:900px;
   border: solid #999999;
   border-width: 1px 1px 1px 1px;
   margin: 0 auto;
}

#header {
   clear: both;
   width:900px;
   /*height:133px;*/
   color:#0033CC;
   background-color:#FFFFFF;
   padding: 0;
}

#logo {
   float:left;
   width:160px;
   /*height:80px;*/
   padding:10px 2px 6px 2px;
}

#banner {
   /*width:100%;*/
   margin: 0 0 0 0;
   font: 20pt comic sans ms, arial;
   font-color: #0033CC;
   padding:2px;   
}

#banner h1 {
   display: block;
   font-size: 1.3em;
   margin-top: 30px;
   text-align: center;
}

#breadcrumb {
   clear: left;
   /*width:800;*/
   border: solid #0033CC;
   border-width: 1px 0 1px 0;
   background-color:#F0F8FF;
   font: 9pt;
   padding: 4px 8px 4px 8px;
   margin: 0;
}

#footer {
   clear: left;
   /*width:800;*/
   height:24px;
   border: solid #0033CC;
   border-width: 1 0 0 0;
   background-color:#F0F8FF;
   padding:4px;
   font: 9pt;
}

#view {
   clear:left;
   width:900px;
   background-color:#FFFFFF;
}

#links {
   /*width:100%;*/
   padding:4px;
   background-color:#FFEEEE;
   border: solid red;
   border-width: 0 0 1px 0;
   height: 24px;
   color: red;
}

#main {
   /*width:100%;*/
   padding:14px;
   margin-left:160px;
   min-height:1400px;
}

#left {
   clear: left;
   float: left;
   width: 160px;
   min-height: 1200px;
   border: solid #CCCCCC;
   border-width: 0 1px 0 0;
   padding: 2px;
   background-color:#EEFFEE;
}

#placeholder {
   /*width: 100%;*/
   height: 100px;
   margin: 2px;
   padding: 4px;
   border: dashed #000000;
   border-width: 1px;
   background: #eeeeee;
}

#leftNav {
   /*width: 100%;*/
   height: 100px;
   margin: 2px;
   padding: 4px;
   background: #EEFFEE;
}

#status {
   font: 12pt comic sans ms, arial;
   /*width: 100%;*/
   margin: 2px;
   padding: 4px;
}

#login {
   /*width: 100%;*/
   margin: 2px;
   padding: 2px;
   border: dashed #EEFFEE;
   border-width: 1px;
   background: #EEFFEE;
}

h3 {
   font: 12pt;
   font-weight:normal;
}

#navControl {
   background: #FFFFFF;
}

#navInsetUpper {
   border: solid #999999;
   border-width: 1px 1px 1px 1px;
   padding: 4px;
}

#navInsetLower {
   border: solid #999999;
   border-width: 0 1px 1px 1px;
   padding: 4px;
}

#navControlSingle {
   border: solid #999999;
   border-width: 1px 1px 1px 1px;
   padding: 4px;
   background: #FFFFFF;
}

.navSelect {
   width: 130px;
}

.datagrid {
   width: 100%;
}

.datagridHeader {
   font: 12pt comic sans ms, arial;
   background: #EEEEEE;
   color: green;
   padding: 0 6px 0 6px;
}

.datagridItem {
   font: 10pt arial;
   padding: 0 6px 0 6px;
}

.datagridSeparator {
   font: 10pt arial;
   padding: 0 6px 0 6px;
   background: #EFEFEF;
}

.datagridAction {
   font: 10pt arial;
   text-align: center;
   padding: 0 6px 0 6px;
}

.title {
   font: 18pt comic sans ms, arial;
   color: red;
   margin: 0 0 10px 0;
}

.registerTitleRegularSessions {
   font: 18pt comic sans ms, arial;
   color: green;
   margin: 0 0 10px 0;
}

.registerTitleNormal {
   font: 18pt comic sans ms, arial;
   color: red;
   margin: 0 0 10px 0;
}

.formInfo {
   width: 100%;
}

.formSection {
   font: 12pt comic sans ms, arial;
   background: #EEEEEE;
   color: blue;
   padding: 2px 4px 2px 4px;
}

.formCaption {
   font: 12pt comic sans ms, arial;
   color: green;
   padding: 2px 4px 2px 4px;
}

.formButtons {
   background: #CCCCCC;
   padding: 4 6 4 6;
}

.formData {
   font: 10pt arial;
   color: black;
   padding: 2px 4px 2px 4px;
}

.formCalc {
   font-size: 9pt;
   background-color: #EEEEEE;
   padding: 2px 4px 2px 4px;
}

.formFunded {
   background-color: #CCCCCC;
   padding: 2px 4px 2px 4px;
}

.calcCaption {
   font-size: 9pt;
   font-weight: bold;
   white-space: nowrap;
}

.sessionEarlyLate {
   background-color:#F0F8FF;
}

.sessionAMPM {
   background-color:#EEFFEE;
}

.sessionSelected {
   background-color: #FFCCCC;
}

.sessionsView {
   border: dashed #999999;
   border-width: 1;
}

.datePicker {
   width: 80px;
}

#noData {
   color: black;
   font-size: 10pt;
   padding: 0 6px 0 6px;
}

#noDataWithTrailingSpace {
   color: black;
   font-size: 10pt;
   padding: 0 6px 0 6px;
   margin: 0 0 20px 0;
}

a:active {
   font: 10pt arial;
   color: blue;
}

a:hover {
   font: 10pt arial;
   color: red;
}

a:link {
   font: 10pt arial;
   color: blue;
}

a:visited {
   font: 10pt arial;
}

/*==============================*/

.registerLinkHoliday:active {
   font: 10pt arial;
   color: #CCCCCC;
}

.registerLinkHoliday:hover {
   font: 10pt arial;
   color: red;
}

.registerLinkHoliday:link {
   font: 10pt arial;
   color: #CCCCCC;
}

.registerLinkHoliday:visited {
   font: 10pt arial;
   color: #CCCCCC;
}

/*==============================*/

.registerLinkExtra:active {
   font: 10pt arial;
   color: green;
}

.registerLinkExtra:hover {
   font: 10pt arial;
   color: red;
}

.registerLinkExtra:link {
   font: 10pt arial;
   color: green;
}

.registerLinkExtra:visited {
   font: 10pt arial;
   color: green;
}

/*==============================*/

.registerLinkCancelled:active {
   font: 10pt arial;
   color: #CCCCCC;
}

.registerLinkCancelled:hover {
   font: 10pt arial;
   color: red;
}

.registerLinkCancelled:link {
   font: 10pt arial;
   color: #CCCCCC;
}

.registerLinkCancelled:visited {
   font: 10pt arial;
   color: #CCCCCC;
}

/*==============================*/

.registerLinkChanged:active {
   font: 10pt arial;
   color: blue;
}

.registerLinkChanged:hover {
   font: 10pt arial;
   color: red;
}

.registerLinkChanged:link {
   font: 10pt arial;
   color: blue;
}

.registerLinkChanged:visited {
   font: 10pt arial;
}

/*==============================*/

.sessionDiffTypeInserted {
   color: green;
   font: 12pt comic sans ms, arial;
}

.sessionDiffTypeDeleted {
   color: red;
   font: 12pt comic sans ms, arial;
}

.sessionDiffTypeUpdated {
   color: blue;
   font: 12pt comic sans ms, arial;
}

.sessionDiffList {
   cellpadding: 4;
}

.registerAgeGroupRule {
   color: black;
}

.registerNameCaption {
   font: 10pt comic sans ms, arial;
   font-weight: bold;
   color: green;
   padding: 2;
}

.registerTimeCaption {
   font: 10pt comic sans ms, arial;
   font-weight: bold;
   color: black;
   padding: 2;
}

.registerRatioCaption {
   font: 9pt comic sans ms, arial;
   font-weight: bold;
   color: red;
   padding: 2;
}

.registerJobRoleCaption {
   font: 10pt comic sans ms, arial;
   font-weight: bold;
   color: black;
   padding: 2;
}

.registerTotalHoursCaption {
   font: 9pt comic sans ms, arial;
   font-weight: bold;
   color: red;
   padding: 2;
}

.registerRatio {
   font: 10pt arial;
   color: gray;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerPlace {
   font: 10pt comic sans ms, arial;
   color: blue;
   padding: 2;
   font-weight: bold;
   border: solid #000000;
   border-width: 1;
}

.registerName {
   font: 10pt comic sans ms, arial;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerNameHoliday {
   font: 10pt comic sans ms, arial;
   color: #CCCCCC;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerNameExtra {
   font: 10pt comic sans ms, arial;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerNameCancelled {
   font: 10pt comic sans ms, arial;
   color: #CCCCCC;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerNameChanged {
   font: 10pt comic sans ms, arial;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerSessionStatusHoliday {
   color: #CCCCCC;
}

.registerSessionStatusExtra {

}

.registerSessionStatusCancelled {
   color: #CCCCCC;
}

.registerSessionStatusChanged {

}

.registerTime {
   font: 10pt arial;
   padding: 2;
   color: #CCCCCC;
   border: solid #000000;
   border-width: 1;
}

.registerRatioSum {
   font: 10pt arial;
   font-weight: bold;
   padding: 2;
   border: solid #000000;
   border-width: 1;
}

.registerRatioSumCaption {
   font: 12pt comic sans ms, arial;
   padding: 2;
}

.register {
   border: solid #CCCCCC;
   border-width: 1 1 1 1;
}

.registerUnderline {
   background: #CCCCCC;
   height: 1;
}

.registerDoubleUnderline {
   background: #666666;
   height: 2;
}

.dateNav {

}

.dateNavUnselected {
   font: 10pt arial;
   background: #EEEEEE;
   color: blue;
   padding: 2 4 2 4;
}

.dateNavSelected {
   font: 10pt arial;
   background: #FFCCCC;
   color: blue;
   padding: 2 4 2 4;
}

.outlookCaption {
   font: 12pt comic sans ms, arial;
   color: blue;
   padding: 2 4 2 4;
   margin: 0 0 10 0;
}

td#illegal {
   background: red;
   color: white;
}

td#illegal a {
   color: white;
}

tr.new-year td {
   border: solid #CCCCCC;
   border-width: 1px 0 0 0;
}

p.msg {
   border: 2px solid blue;
   padding: 6px;
   margin-bottom: 10px;
   text-align: center;
   color: blue;
   font-weight: bold;
}

tr td .info {
   font: 10pt arial;
   display: block;
   margin-bottom: 10px;
}

span.eyeg {
   display: block;
   font-size: 9px;
   float: left;
   padding-right: 4px;
}

.inv-address {
   color:#0033CC;
   border: solid #0033CC;
   border-width: 1 0 1 0;
   background-color:#F0F8FF;
   font: 11pt;
   padding: 4px 8px 4px 18px;
   margin-top: 70px;
   margin-bottom: 50px;
}

.inv-header {
   height:80px;
   color:#0033CC;
   background-color:#FFFFFF;
   font-size: 10px;
}

.inv-header #logo {
   width: 120px;
}

.inv-header #logo img {

}

.inv-footer {
   text-align: center;
   font-size: 10pt;
   border: solid #CCCCCC;
   border-width: 1px 0 1px 0;
   margin: 10px 0 10px 0;
   padding: 10px 0 10px 0;
}

.ref {
   font-family: comic sans ms, arial;
   font-size: 16px;
   color: black;
}

.validator {
   font-size: 9pt;
   color: red;
}

.error {
   font-size: 9pt;
   color: red;
}

.formData table
, .formData table tr
, .formData table tr td {
    margin: 0;
    padding: 0;    
    border-spacing: 0;
}