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

span.blue { color: #3092bc; font-size: 24pt; font-weight: bold; }

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

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

.login-box { margin-top: 21px; }

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

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

td.regtxt img { display: block; margin: 0 auto; }

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

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

td.message { 
   color: #fff;
   font-weight: bold;
   background: #3092bc;
   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: #dcf2fb;
   font-size: medium;
   font-weight: bold;	
}


table.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; }

#footer { border-top: 1px solid #3092bc; margin: 14px; color: #3092bc; text-align: center; }

#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; }
#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: blue; 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; }


* { font-weight: normal; font-size: 10pt; font-family: times,sans-serif,default; }

body              { background: white; font-family: Georgia, serif; }
button            { font-weight: bold;   /*font-size: 10pt; font-family: default;*/ text-align: center; vertical-align: middle; }
input             { /*font-weight: normal; font-size: 10pt;*/ font-family: sans-serif,times,default; }
input[type=button]{ font-weight: bold;   /*font-size: 10pt;*/ font-family: times,default; text-align: center; vertical-align: middle; }
input[type=submit]{ font-weight: bold;   /*font-size: 10pt;*/ font-family: times,default; text-align: center; vertical-align: middle; }
select            { /*font-weight: normal; font-size: 10pt;*/ font-family: sans-serif,times,default; }
textarea          { /*font-weight: normal; font-size: 10pt;*/ font-family: sans-serif,times,default; }
a                 { /*font-weight: normal; font-size: 10pt; font-family: default;*/ background: transparent; white-space: nowrap; }
option            { /*font-weight: normal; font-size: 10pt;*/ font-family: sans-serif,times,default; }
th                { text-align: left; white-space: nowrap; font-weight: bold; } 
td                { text-align: left; white-space: nowrap; } 

#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; }


/* 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; }

.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}