/*-------------- General ------------------------*/

body,
input,
textarea,
select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.bigger {
  font-size: 15px;
  font-weight: bold
}

a {
  text-decoration: none;
  color: #6666dd;
}

a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

.big {
  font-size: 14px;
}

.small {
  font-size: 10px;
}

.smaller {
  font-size: 9px;
}


/* ------------ panel specific -------------- */

.but {
  border-right: 1px solid #999999;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #dddddd;
  cursor: pointer;
  color: white;
  font-weight: bold;
}

.butbig {
  width: 120px;
  font-size: 12px;
}

.butwide {
  width: 250px;
  font-size: 12px;
}

.butmed {
  width: 50px;
  font-size: 9px;
}

.update {
  background-image: url(images/greenbutback.gif);
}

.butedit {
  background-image: url(images/yellowbutback.gif);
}

.cancel {
  background-image: url(images/redbutback.gif);
}

.panelheader {
  font-size: 20px;
  background-color: #aaaaaa;
  color: white;
  font-weight: bold;
}

.headerrow {
  background-color: #d2d2d2;
  margin: 1px;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}

#panelframe {
  margin: 12px;
  border: 4px solid #aaaaaa;
  background-color: #dddddd;
}

.darkhead {
  font-size: 13px;
  background-color: #eeeeee;
  font-weight: bold;
}

.formerror {
  background-color: #ee0000;
  color: white;
}

.greenback {
  background-color: #7ed977;
}

.redback {
  background-color: #FF9999;
}

.divbox {
  width: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px solid #999999;
}

.togglediv {
  padding: 2px;
  margin: 1px;
}

.onrow {
  background-color: #ccffcc;
}

.overrow {
  background-color: #ffffcc;
}

.hidebox {
  display: none;
}

.indent {
  padding-left: 8px;
}

.subpanel {
  padding: 6px;
  margin: 4px;
  border-left: 1px solid #999999;
  border-top: 1px solid #666666;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #dddddd;
  background-color: #d2d2d2;
}


/*---------------- calendar specific -------------------*/

.dateclass {
  font-weight: bold;
  font-size: 1.1em;
}

.monthhead {
  color: White;
  font-size: 16px;
  font-weight: bold;
}

.caltop {
  background-color: #f0f0f0;
  background-image: url(../images/caltop.jpg);
  background-repeat: repeat-y;
  background-position: left;
}

.dayon {
  background-color: #d2ffd2;
}

.deleteon {
  background-color: #ff9999;
}

.itemon {
  background-color: #ffffaa;
}

.additem {
  margin: 1px 1px 5px 1px;
  cursor: pointer;
}

.edititem,
.deleteitem {
  cursor: pointer;
}

.tabon {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-color: #cccccc;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
  padding: 7px;
  font-size: 12px;
}

.taboff {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
  border-right-color: #cccccc;
  border-top-color: #e4e4e4;
  padding: 7px;
  font-size: 12px;
}

#warncell {
  width: 600px;
  background-color: #ffcccc;
  border: 1px solid #FF0000;
  margin: 20px;
  padding: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.breakhere {
  page-break-before: always
}

.space1 {
  margin-bottom: 5px;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
}

.spacer {
  padding: 2px;
}

.caltitle {
  font-size: 20px;
  font-weight: bold;
  padding-top: 9px;
  padding-bottom: 9px;
}


/* -------------------- updater classes ----------------------*/

#counter_outside {
  border: 2px solid #999999;
  padding: 2px;
  height: 40px;
  width: 300px;
}

#counter_inside {
  background-color: #FF0000;
  height: 40px;
  float: left;
}

#counternum {
  font-size: 24px;
}

.panelcontent {
  text-align: left;
  padding: 2px;
}

#loader {
  display: none;
  margin: 20px;
}