/* CSS Document */
.admin-hover {
  position: absolute;
  top: 0;
  background: #444;
  padding: 5px;
  border-radius: 0 0 5px 5px;
  color: #fff;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  text-align: center;
}

.admin-hover a {
  color: #fff;
}

#transp_screen {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
  background-color: #aaaaaa;
  z-index: 40;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*---------- bubble tooltip -----------*/
.tt {
  position: relative;
  z-index: 24;
  /*color:#3CA3FF;*/
  /*font-weight:bold;*/
  text-decoration: none;
  cursor: pointer;
}
.tt span {
  display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
/* .tt:hover{ z-index:25; color: #aaaaff; background:;} */
.tt:hover span.tooltip {
  display: block;
  position: absolute;
  top: 0px;
  left: 50px;
  padding: 15px 0 0 0;
  width: 200px;
  color: #993300;
  text-align: center;
  font: 12px bold;
  /* filter: alpha(opacity:85); */
  -moz-opacity: 0.85;
  opacity: 0.85;
}
.tt:hover span.top {
  display: block;
  padding: 30px 8px 0;
  background: url(images/bubble.gif) no-repeat top;
}
.tt:hover span.middle {
  /* different middle bg for stretch */
  display: block;
  padding: 0 8px;
  background: url(images/bubble_filler.gif) repeat bottom;
}
.tt:hover span.bottom {
  display: block;
  padding: 3px 8px 10px;
  /*color: #548912;*/
  background: url(images/bubble.gif) no-repeat bottom;
}
/*---------- end bubble tooltip -----------*/

.dialog_div,
#dialog {
  /*background-color:#FFCC00;*/
  z-index: 200;
  font-size: 14px;
  position: absolute;
  left: 150px;
}

.dialog_tl {
  background-image: url(images/dialog_box/dialog_box_r1_c1.gif);
  background-repeat: no-repeat;
  border: none;
  width: 25px;
  height: 24px;
  padding: 0;
}

.dialog_t {
  background-image: url(images/dialog_box/dialog_box_r1_c3.gif);
  background-repeat: repeat-x;
  height: 24px;
  border: none;
  padding: 0;
}

.dialog_tr {
  background-image: url(images/dialog_box/dialog_box_r1_c5.gif);
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  border: none;
  padding: 0;
}

.dialog_l {
  background-image: url(images/dialog_box/dialog_box_r3_c1.gif);
  background-repeat: repeat-y;
  width: 25px;
  border: none;
  padding: 0;
}

.dialog_r {
  background-image: url(images/dialog_box/dialog_box_r3_c5.gif);
  background-repeat: repeat-y;
  width: 25px;
  border: none;
  padding: 0;
}

.dialog_bl {
  background-image: url(images/dialog_box/dialog_box_r5_c1.gif);
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  border: none;
  padding: 0;
}

.dialog_b {
  background-image: url(images/dialog_box/dialog_box_r5_c3.gif);
  background-repeat: repeat-x;
  height: 24px;
  border: none;
  padding: 0;
}

.dialog_br {
  background-image: url(images/dialog_box/dialog_box_r5_c5.gif);
  background-repeat: no-repeat;
  width: 25px;
  height: 24px;
  border: none;
  padding: 0;
}

#chatDiv {
  position: absolute;
  left: 25%;
  top: 120px;
  width: 460px;
  height: 351px;
  z-index: 1;
  background: #ffffff;
}

/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #505050;
  background-color: #ece9d8;
  border: 1px solid #aaaaaa;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
  height: 20px;
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
  border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #aca998;
  border: 1px solid #888888;
  cursor: pointer;
  color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #cccccc;
  border: 1px solid #aaaaaa;
  color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-size: 12px;
  color: gray;
  font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
  color: 4060ff;
  font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
  padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  background: #d8e8ff;
  font-weight: bold;
}