body  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background: #68b4e1;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
  background-image: url(../images/KIS_backing.jpg);
  background-repeat: repeat;
}

h1, h2, h3 {
  color: #494949;
}

a {
  font-family: verdana;
  color: #990000;
  font-weight: bold;
  text-decoration:none
}

.dhtml-link {
  color: #990000;
  display:inline;
  cursor: pointer;
  font-size: medium;
}

a:hover, .dhtml-link:hover {
  text-decoration:underline

}

a:visited {

}

em {
  font-weight: bold;
  font-size: larger;
}

/* ------------------------- */

.spacer {
  width: 100%;
  height: 15px;
}



#layout-messages {
  background-color: #FFEEDD;
  border:1px dotted #D21033;
  color:#D21033;
  width: 60%;
  margin-bottom: 10px;
  padding: 15px;
  font-size: 1.2em;
}


#flash	{
  margin-right:30px;
}

.title {
  font-weight: bold;
  font-size: bigger;
}

.info-note {
  color: red;
  font-style: italic;
  margin: 15px 5px;
}



/* ------------------------------  */

div.fieldWithErrors {
  display:inline;
}

div.fieldWithErrors label {
  color:red;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
  background-color:#F0F0F0;
  font-size:   13px;
  line-height: 18px;
  margin-top: 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
  padding: 3px;
}

.bordered {
  border: 1px solid #bbbbbb;
}

fieldset, .box {
  width: 95%;
  padding: 10px;
  border: 1px solid #bbbbbb;
  background:#FFFFFF url(/images/gradient-inner.png) repeat-x scroll 0 0;
}

legend {
  color: black;
  font-weight: bold;
  font-family:Verdana,sans-serif;
}

.listing-table, .detail-table {
  border: 1px solid #bbbbbb;
  background:#FFFFFF url(/images/gradient-inner.png) repeat-x scroll 0 0;
  border-collapse: collapse;
  color: black;
}


.listing-table a {
  text-decoration: underline;
}

.listing-table th, .detail-table th {
  background-color:  #39637e; 
  border: 1px solid #bbbbbb;
  color:white;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight:bold;
  padding:3px 4px;
}

.listing-table th {
  text-align: center;
}

.detail-table th {
  text-align: right;
}

.listing-table tr.odd {
  background-color: white;
}

.listing-table tr.even {
  background-color: #F1F2F2;
}

.listing-table td {
  white-space:nowrap;
  padding: 3px 4px;
}

.detail-table td {
  background-color: #F1F2F2;
  border: 1px solid #bbbbbb;
  padding: 3px 4px;
}

.sexybutton.sexysimple {
   background-color: #39637e; 
}

/* ---------------- Calendar -------------------------------- */


    table.calendar {
      border: 1px solid #D7D7D7;
      border-collapse: collapse;
      width: 100%;
    }

    table.calendar tbody tr {
      height: 100px;
      border: 1px solid black;
    }

    table.calendar th {
       width: 14%;
       border: 1px solid #D7D7D7;
       vertical-align: top;
       padding: 2px;
    }

    table.calendar td {
       border: 1px solid #D7D7D7;
       vertical-align: top;
       padding: 2px;
    }

    table.calendar td.today {
        background: #FFFFDD;
    }

    table.calendar thead tr {
      text-align: center;
    }

    table.calendar td.previous-month, table.calendar td.following-month {
      background-color: #F6F7F8;
      border: 1px solid #D7D7D7;
    }

    .calendar .month-name {
      display: inline;
      font-weight: bold;
    }

    table.calendar ul.events-for-day  {
      margin-left: 0px;
      padding-left: 2px;
      list-style-position:inside;
      margin-top: 0px;
    }

    .left {
      float:left;
    }

    .right {
      float: right;
    }

    .group {
      margin: 1em 0;
    }