html, body {
  font-family:  Arial,Helvetica,sans-serif;
}

h1, h2, h3 {
  font-family:  "Arial Black", Gadget, sans-serif;
}

a { color: #0D56A6; }

td.title  { color: black; font-size: 24pt; font-weight: bold; text-align: center; }

td.imptxt { 
   background: #f3f3ea;
   color: black;
   font-weight: bold;
   font-size: 16pt;
}

td.bartxt { 
   background: #f3f3ea;
   color: black;
   font-weight: bold;
   font-size: 14pt;
}



td.mseltxt { 
   background: white;
   color: black;
   font-weight: bold;
   font-size: 24pt;
}

td.regtxt {
   background: white;
   color: black;
}

td.itemAtxt { 
   background: #f3f3ea;
   color: black;
   font-weight: bold;
   font-size: 0.8em;
}

td.itemBtxt { 
   background: #E6E6CC;
   color: black;
   font-weight: bold;
   font-size: 0.8em;
}

td.message { 
   color: black;
   font-weight: bold;
   background: #E6E6CC;
   text-align:center;
}

td.error { 
   color: red;
   font-weight: bold;
   background: white;
   text-align:center;
}

td.copyright { 
   font-size: 10pt;
   text-align: right;
   color: #002E73;
}

td.afake { 
   background: white;
   color: navy;
   font-weight: bold;
   font-size: 24pt;
}

td.login{
   color: black;
   background: #F3F3E9;
   font-size: medium;
   font-weight: bold;	
}

table.nav-calendar { border: 1px solid white;   color: black;   background: white; border-collapse: separate; }
td.days            { border: 2px solid #E6E6CC; color: #FF0000; background: white; text-align: center; }
td.today           { border: 2px solid red;     color: black;   background: white; text-align: center; font-weight: bold;}
td.monthdays       { border: 2px solid #E6E6CC; color: black;   background: white; text-align: center; border-collapse: collapse; width: 3em; }
td.nonmonthdays    { border: 2px solid #E6E6CC; color: black;   background: white; border-collapse: collapse;  }
th.main            { color: #AB4DF4; font-weight: bold; font-size: 12pt; }
th.second          { color: #AB4DF4; font-weight: bold; }
a.days             { font-weight: bold; }

input.login { font-size: 14pt; } 
input[type=submit].login { font-size: 14pt; }

a.biglnk    { color: navy; font-weight: bold; font-size: 12pt; }
a.lnkorg    { color: #FF6E00; font-weight: bold; }
a.login     { color: red; font-size: 20pt; }
a.bcfix     { color: navy; font-weight: bold; font-size: 12pt; text-align: center; }

/* p { font-weight: bold; text-align: center; } */




form                           { display: inline; }
span                           { display: inline; }
th [width="shrink"],
col[width="shrink"],
td [width="shrink"]            { width: 1px; white-space: nowrap; }
th [width="expand"],
col[width="expand"],
td [width="expand"]            { width: auto; }

#wel                            { background: white; border: 1px solid #E6E6CC; width: 100%; }
#wel td                         { background: #f3f3ea; color: black; padding: 2px 10px 2px 10px; white-space: nowrap; }
#wel th                         { background: #E6E6CC; color: black; font-weight: bold; font-size: 12pt; text-align: left;
                                  padding: 2px 10px 2px 10px; white-space: nowrap; }
#wel th[col1]                   { width: 10px; }
#wel th[col2]                   { width: 30%; }
#wel th[col3]                   { width: 10%; }
#wel a                          { color: #FF6E00; text-align: left; }

#title #tab                     { background: transparent; text-align: left; border: 0; margin: 8px 0px 4px 0px; }
#title #tab span                { display: inline; }
#title #tab span a              { background: #F3F3EA; font-weight: bold; font-size: 12pt; text-decoration: none; 
                                  border-top: 1px outset #B0A000; border-right: 1px inset #B0A000; 
                                  border-bottom: 1px solid #F3F3EA; border-left: 1px outset #B0A000;  
                                  padding: 4px 10px 4px 10px; margin: 0; -moz-border-radius: 5px 5px 0 0;
                                  color: #0D56A6; }
#title #tab span a[active]      { background: #B0A000; color: white; border-bottom: 2px solid #B0A000;  padding: 8px 10px 4px 10px; }
#title #tab span a:hover        { background: #E6E6CC; color: #063F7E; border-bottom: 2px solid #E6E6CC; text-decoration: underline; }
#title #tab span a[active]:hover{ background: #B0A000; border-bottom: 2px solid #B0A000; }
#title #smallbar                { background: #B0A000; border-top: 1px outset #B0A000; border-bottom: 1px outset #B0A000; padding: 2px; margin: 0; }
#title #bar                     { background: #E6E666; color: navy; font-weight: bold; font-size: 12pt; text-align: left; 
                                  border-top: 1px ridge #555500; border-bottom: 1px groove gray; padding: 5px; }
#appt                           { background: #E6E6CC; color: black; text-align: center; width: 100%; }
#appt #body                     { border-top: 1px ridge #555500; }
#appt #left                     { vertical-align: top; padding: 5px 5px 0px 5px; width: 360px; }
#appt #right                    { vertical-align: top; }
#appt #title                    { background: #FFFFFF; color: #B0A000; font-weight: bold; font-size: 12pt; text-align: center; padding: 5px; }
#appt table                     { text-align: center; width: 100%; }

#appt #tab                      { background: transparent; text-align: left; border-bottom: 1px solid #E6E666; padding: 0px 0px 5px 0px; margin: 0; }
#appt #tab span a               { background: #F0F0F0; font-weight: bold; font-size: 12pt; text-decoration: none;
                                  border-bottom: 1px solid #E6E666; padding: 0px 10px 5px 10px; margin: 0px; -moz-border-radius: 8px 8px 0 0; }
#appt #tab span a[active]       { background: white; border-bottom: 1px solid white; }
#appt #tab span a:hover         { color: blue; text-decoration: underline; }

#appt #bar                      { background: #E6E666; border-bottom: 1px outset #E6E666; }
#appt #bar a                    { margin: 0px 2px 0px 0px; }
#appt #bar button               { width: 185px; padding: 1px 2px 1px 2px; margin: 10px 0px 10px 2px; float: left; }

#appt #instructions             { background: white; text-align: left; border: 1px solid #B0A000;
                                  padding: 8px solid white; -moz-border-radius: 8px 8px 8px 8px; }
#appt #instructions div.bar     { background: #B0A000; color: white;  
                                  border: 1px solid white; padding: 8px solid white; -moz-border-radius: 8px 8px 0px 0px; }
#appt #instructions div.text    { background: white; color: black; min-height: 160px;
                                  border: 1px solid white; padding: 8px solid white; -moz-border-radius: 0px 0px 8px 8px; }
#appt #instructions label       { font-weight: bold; text-align: left; margin: 2px 5px 2px 5px; }
#appt #instructions p           { font-weight: normal; text-align: justify; margin: 2px 5px 2px 5px; white-space: normal; }

#appt #search                   { background: white; text-align: center; border: 1px solid #B0A000;
                                  padding: 8px solid white; margin: 0px 20px 0px 20px; -moz-border-radius: 8px 8px 8px 8px; }
#appt #search div.bar           { background: #B0A000; color: white; line-height: 25px; 
                                  border: 1px solid white; padding: 8px solid white; -moz-border-radius: 8px 8px 0px 0px; }
#appt #search div.text          { margin: 15px 2px 15px 2px; }
#appt #search label             { font-weight: bold; text-align: center; margin: 2px 5px 2px 5px; }

#appt #sheet                    { background: white; min-height: 180px; }
#appt #sheet table              { background: white; color: black; text-align: center; vertical-align: middle; line-height: 1.4em;
                                  width: 100%; border-collapse: collapse; }
#appt #sheet tr                 { text-align: left; }
#appt #sheet tr[active]         { background: #F3F3EA; }

#appt #sheet tr.closed          { background: #FFF0F0; color: #990000; }
#appt #sheet tr.date            { background: #FEF8FF; color: #660066; }
#appt #sheet tr.invalid         { background: #FFF0F0; color: #990000; }
#appt #sheet tr.free            { background: #EEFFEE; color: #336600; }
#appt #sheet tr.appt            { background: #F5F5FF; color: #0033AA; }
#appt #sheet tr.wait            { background: #FFFFEE; color: #886600; }
#appt #sheet tr.blank           { background: #F5F5FF; color: #0033AA; }
#appt #sheet tr.msg             { background: #FFF0F0; color: #990000; }

#appt #sheet tr.over            { background: #FFE4A8; }
#appt #sheet tr.out             { }

#appt #sheet tr th              { background: #E5E5E5; font-weight: bold; border: 2px inset white; padding: 0px 4px 0px 4px; }
#appt #sheet tr th a            { font-weight: bold; }
#appt #sheet tr td              { text-align: left; vertical-align: top; border: 1px solid #E5E5E5; padding: 0px 4px 0px 4px; white-space: nowrap; }
#appt #sheet tr td a[bold]      { font-weight: bold; }
#appt #sheet #form              { background: transparent; }
#appt #sheet #form tr           { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #E5E5E5; }
#appt #sheet #form tr td        { border: 0; padding: 0px 6px 0px 0px; white-space: nowrap; }

#appt #calendar                 { background: white; border: 1px solid #B0A000; padding: 8px; -moz-border-radius: 8px 8px 8px 8px; }


#apptmake                       { background: #E6E6CC; color: black; text-align: left; vertical-align: middle; border: 0px; padding: 0px; 
                                  margin: 0px; width: 100%; }
#apptmake label                 { white-space: nowrap; }
#apptmake input[type=text]      { width: 400px; }
#apptmake textarea              { width: 400px; }
#apptmake #bar                  { background: #E6E666; border: 1px outset #E6E666; }
#apptmake table                 { text-align: left; vertical-align: middle; padding: 0px 10px 0px 10px; width: 100%; }
#apptmake #title                { background: white; color: #B0A000; font-weight: bold; font-size: 12pt; text-align: left; padding: 10px 0px 10px 10px; }
#apptmake input.weekname        { background: transparent; text-align: center; border: 0; width: 5.7em; }
#apptmake #bar input            { font-weight: bold; padding: 1px 10px 1px 10px; margin: 10px 0px 10px 10px; }

/* group */
#group                          { overflow: auto; width: 400px; height: 350px; }
#group option.groupname         { font-weight: bold; font-size: 12pt; }
#group option.subr              { }
#group option.client            { color: gray; }

/* oncall */
#oncall #schedule option.main   { color: #0000FF; background: #F3F3EA;  border-bottom: 1px solid white; }
#oncall #schedule option.fixed  { padding: 10px; }
#oncall #schedule option        { background: white; border-bottom: 1px solid #EEEEEE; font-family: Monospace,Courier,Default; padding: 3px 3px 3px 8px; }
#oncall #schedule               { font-family: Monospace,Courier,Default; width: 100%; }
#oncall #schedule.fixed         { height: 350px; }
#oncall input                   { font-weight: bold; width: 120px; padding: 5px; margin: 10px 5px 10px 5px; }

#oncall #tab                    { background: transparent; text-align: left; border-bottom: 1px solid #E6E666; padding: 0px 0px 5px 0px; margin: 0; }
#oncall #tab span a             { background: #F0F0F0; font-weight: bold; font-size: 12pt; text-decoration: none;
                                  border-bottom: 1px solid #E6E666; padding: 0px 10px 5px 10px; margin: 0px; -moz-border-radius: 8px 8px 0 0; }
#oncall #tab span a[active]     { background: white; border-bottom: 1px solid white; }
#oncall #tab span a:hover       { color: blue; text-decoration: underline; }
#oncall #title                  { background: #FFFFFF; color: #B0A000; font-weight: bold; font-size: 12pt; text-align: center; padding: 5px; }

body              { background: white; }
button            { font-weight: bold; text-align: center; vertical-align: middle; }
input             { font-family: sans-serif,times,default; }
input[type=button]{ font-weight: bold;   text-align: center; vertical-align: middle; }
input[type=submit]{ font-weight: bold;   text-align: center; vertical-align: middle; }
select            { font-family: sans-serif,times,default; }
textarea          { font-family: sans-serif,times,default; }
a                 { background: transparent; white-space: nowrap; }
option            { font-family: sans-serif,times,default; }

#footer           { position: relative;  /* Needed for Safari */ }


/* msg */
#msg #body                   { width: 100%; background: #E6E6CC; }
#msg #left                   { width: 180px; text-align: left; }
#msg #left div               { margin: 25px; width: 160px; }
#msg #left button            { padding: 3px 6px 3px 6px; border: 1px solid #BB9977; text-align: left; color: 333333; background: transparent;
                               width: 100%; white-space: nowrap; }
#msg #left button.active     { background: #EEDD99; border: 1px solid #886644; }
#msg #left button.over       { background: #FFEEAA; }
#msg #right                  { text-align: left; padding: 10px;position: relative; }
#msg #right select           { width: 600px; font-family: Monospace, Courier, Default; }
#msg #right option.main      { color: #0000FF; background: #F3F3EA;  border-bottom: 1px solid white; }
#msg #showmsg .line          { background: #AAAAAA; padding-top: 1px; }
#msg #showmsg table          { padding: 5px; border-spacing: 2px; }
#msg #showmsg table td       { vertical-align: top; padding: 3px; white-space: nowrap; font-size: 11pt; }

/* special instructions */
#si                             { width: 100%; background: #E6E6CC; }
#si #left                       { width: 300px; vertical-align: top; }
#si #left select                { width: 100%; }
#si #left option                { font-weight: bold; }
#si #left option[invalid]       { color: #777777; font-weight: normal; }
#si #middle                     { width: 120px; text-align: center; }
#si #middle input[type=button]  { width: 100px; height: 32px; margin: 5px; 20px 5px 20px; }
#si #right                      { vertical-align: top; }
#si #right input[type=button]   { width: 100px; height: 32px; margin: 0px 50px; }
#si #right td                   { padding: 3px; }