
.headTable {
  background-color: #16a0DB;
  font-family: helvetica;
  font-size: 12px;
  font-weight: normal;
  width: 100%;
  padding: 10px 10px 10px 10px;
  color: white;
}

body  {
    background-color: #CCCCCC;
    font-family: helvetica;
    font-size: 12px;

}

.bodyTable {
  padding: 10px 10px 10px 10px;
    border: 0px;
    border-color: black;
    background-color: #a3a8ae;
}

/* skedTable controls the background color for Find a Time schedules */

.skedTable {
    background-color: #CCCCCC;
    
    color:  #000000;
    width: 100%;
    padding: 1px 1px 1px 1px;
    border: 0px;
    border-color: #000000;
}

/* dayTable controls the background color for Find a Time schedules */

table.dayTable {
    background-color: #CCCCCC;
    color:  #000000;
    width: 100%;
    padding: 30px 10px 10px 10px;
    border: 8px;
    border-color: #000000;
}

/* sked2Table controls the background color and padding for the name headers for each schedule day */

.sked2Table {
    background-color: #e6e6e6;
    width: 100%;
    padding: 1px 20px 1px 1px;
    border: 0px;
    border-color: #000000;
}
/* td.sked controls the background color and padding for the check-box cells
    in a find-a-time schedule */


/*tr.sked {
    border-width:   0px;
    background-color: #a3a8ae;
    background-color: e6e6e6;
    text-align:       center;
} */

/* td.sked_highlight is the same as td.sked, except that it deletes the
   background color spec so that the color specified in the php code
   that is attendee-specific can be displayed
   in a find-a-time schedule */

td.sked_highlight {
    padding: 2px 2px 2px 2px;
    border-width:   2px;
    border-style:   solid;
    border-color: #a3a8ae;
    text-align:       center;
}
/* td.day_sked controls the background color and padding for the check-box cells
    in a find-a-day schedule */

td.day_sked {
    padding: 0px 0px 0px 0px;
 
    background-color: #e6e6e6;
    border-color: #16a0DB;
    border-width:   2px;
    text-align:       center;
}
/*td.sked2 {
    padding: 2px 10px 2px 2px;
    border-width:   0px;
    text-align:       center;
}*/


.homeTable  {
    width: 100%;
    padding: 20px 20px 20px 20px;
    color: white;
    border: 2px;
    border-color: black;
}

.td.homeTable  {
    width: 700px;
}

A:link.bodyTable {
   color: red;
   font-weight: bold;
}

A  {
  text-decoration: none;
  font-weight: bold;
  color: blue;
}

A:hover {
  text-decoration: underline
}

A.int-link {
  text-decoration: underline
}

.navLink {
  color: white;
}

A.navLink {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

A:link.navLink {
  text-decoration: none;
  color: white;
}

A:hover.navLink {
  text-decoration: underline
}

.footer, .footer TD, .footer TH {
  background : #a3a8ae;
  color: black;
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  text-align : center;
}


H1 {
  color: white;
  font-size: 20px;
  font-weight: 700;
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px;
}
  
H2 {
  font-family: helvetica;
  color: #0099FF;
  font-size: 20px;
  font-weight: 700;
  border-color: #ffffff;
  border-style: solid;
  border-width: 0px;
}
tr.sked_row {
    padding: 0px 0px 0px 0px;
    background-color: #16a0DB;
    border-width:   0px;
    border-style:   solid;
    border-color: #16a0DB;
    text-align:       center;
}
td.sked {
    padding: 0px 0px 0px 0px;
    background-color: #e6e6e6;
    border-width:   0px;
    border-style:   solid;
    border-color: #16a0DB;
    text-align:       center;
}
td.sked_day {
    padding: 0px 0px 0px 0px;
    background-color: #CCCCCC;
    border-width:   0px;
    
    border-color: #989898;
    text-align:       center;
}
td.sked0 {
padding: 0px 0px 0px 0px;
background-color: #E6B5B5;
border-width:   0px;
border-style:   solid; 
border-color: #e6e6e6; 
text-align:       center;
}
td.sked1 {
padding: 0px 0px 0px 0px;
background-color: #E6E1B5;
border-width:   0px;
border-style:   solid; 
border-color: #e6e6e6; 
text-align:       center;
}
td.sked2 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;  
border-width:   0px;
border-style:   solid; 
border-color: #e6e6e6; 
text-align:       center;
}
td.sked3 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;  
border-width:   2px;
border-style:   solid; 
border-color: #e6e6e6; 
text-align:       center;
}
td.sked4 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked5 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked6 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked7 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked8 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked9 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked10 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}
td.sked11 {
padding: 0px 0px 0px 0px;
background-color: #e6e6e6;
border-width:   2px;
border-style:   solid;
border-color: #e6e6e6;
text-align:       center;
}

td.time_names{
    padding: 0px 0px 0px 0px;
    border-width:   2px;
    border-color: #e6e6e6;
    background-color: #e6e6e6;
    text-align:       center;
    vertical-align:    top;

    white-space:      pre-wrap; /* css-3 */
    white-space:      -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space:      -pre-wrap; /* Opera 4-6 */
    white-space:      -o-pre-wrap; /* Opera 7 */
    word-wrap:        break-word; /* Internet Explorer 5.5+ */
}
td.sked_hi0 {
padding: 0px 0px 0px 0px;
background-color: #E6B5B5;  
border-width:   0px;
border-style:   solid; 
border-color: #e6e6e6;
text-align:       center;
}
td.sked_hi1 {
padding: 0px 0px 0px 0px;
background-color: #E6E1B5;  
border-width:   0px;
border-style:   solid; 
border-color: #e6e6e6;
text-align:       center;
}
td.sked_hi2 {
padding: 0px 0px 0px 0px;
background-color: #BFE6B5;  
border-width:   0px;
border-style:   solid; 
border-color: #BFE6B5; 
text-align:       center;
}
td.sked_hi3 {
padding: 0px 0px 0px 0px;
background-color: #B5E6D7;  
border-width:   2px;
border-style:   solid; 
border-color: #B5E6D7; 
text-align:       center;
}
td.sked_hi4 {
padding: 0px 0px 0px 0px;
background-color: #B5C9E6;  
border-width:   2px;
border-style:   solid; 
border-color: #B5C9E6; 
text-align:       center;
}
td.sked_hi5 {
padding: 0px 0px 0px 0px;
background-color: #CDB5E6;  
border-width:   2px;
border-style:   solid; 
border-color: #CDB5E6; 
text-align:       center;
}
td.sked_hi6 {
padding: 0px 0px 0px 0px;
background-color: #E6B587;  
border-width:   2px;
border-style:   solid; 
border-color: #E6B587; 
text-align:       center;
}

td.sked_hi7 {
padding: 0px 0px 0px 0px;
background-color: #C7E687;  
border-width:   2px;
border-style:   solid; 
border-color: #C7E687; 
text-align:       center;
}
td.sked_hi8 {
padding: 0px 0px 0px 0px;
background-color: #87E6a2;  
border-width:   2px;
border-style:   solid; 
border-color: #87E6a2; 
text-align:       center;
}
td.sked_hi9 {
padding: 0px 0px 0px 0px;
background-color: #87D5E6;  
border-width:   2px;
border-style:   solid; 
border-color: #87D5E6; 
text-align:       center;
}
td.sked_hi10 {
padding: 0px 0px 0px 0px;
background-color: #8987E6;  
border-width:   2px;
border-style:   solid; 
border-color: #8987E6; 
text-align:       center;
}
td.sked_hi11 {
padding: 0px 0px 0px 0px;
background-color: #E687C6;  
border-width:   2px;
border-style:   solid; 
border-color: #E687C6; 
text-align:       center;
}

.time_column{
    width: 90px;
}
.date_header {
   text-align:center; 
}