#menu li:first-child {
  background-image: none;
}

#calendar {
  width: 735px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  table-layout: auto;
}

/*
#calendar thead tr:last-child td  {
  text-align: center;
  line-height: 150%;
}
*/

#calendar thead tr:first-child td {
  padding-top: 10px;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

#calendar tbody tr {
  height: 100px;
}

#calendar tbody td  {
  background-color: #ffffff;
  border: #A1A5A9 1px solid;
  padding: 2px;
  width: 100px;
  vertical-align: top;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#calendar tbody td.m_pp {
  background: #F2F2F2;
}

.c_past, .c_past div {
  background-color: #FFCCBF;
  border: 1px #FF9980 solid;
}

.c_future, .c_future div {
  background-color: #BFE4FF;
  border: 1px #80C9FF solid;
}

.c_qualif, .c_qualif div {
  background-color: #FFECBF;
  border: 1px #B38F00 solid;
}

.c_attending, .c_attending div {
  background-color: #FFFFBF;
  border: 1px #B3B300 solid;
}

.c_passed, .c_passed div {
  background-color: #FFBFEF;
  border: 1px #FF80DF solid;
}

.c_failed, .c_failed div {
  background-color: #EBFFE6;
  border: 1px #73BF60 solid;
}

.c_exped, .c_exped div{
  background-color: #BFFFFF;
  border: 1px #80FFFF solid;
}

.c_expeda, .c_expeda div {
  background-color: #D5BFFF;
  border: 1px #AA80FF solid;
}


.c_event, .c_event div {
  background-color: #99FF80;
  border: 1px #24B300 solid;
}


.c_full, .c_full div {

}

#calendar td span {
  display: none;
}

#calendar td div {
  width: 97%;
  padding: 1px;
  position: relative;
  margin-bottom: 2px;
  margin-top: 1px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 12px;
  font-size: 9px;
}

#calendar td div:hover div, #calendar td div.sfhover div {
  display: block;
  z-index:3;
}

#calendar td div div {
  position: absolute;
  background: inherit;
  border: inherit;
  left: 16px;
  top: 13px;
  width: 200%;
  display: none;
  z-index: 2;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 5px;
  opacity: 1.0;
}

/* added in by mark */
#bread {
	display: block;
  margin: 10px 0px 10px 0px;
  padding: 0px;
}

#bread li {
  padding: 0px 5px 0px 0px;
  margin: 0px;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  list-style-type: disc;
}

#bread li:before {
  padding-right: 8px;
  content: "\bb";
}

#bread li:first-child:before {
  content: "";
}

ul.admin li, td ul li {
	list-style-type: disc !important;
	margin-left: 30px !important;
	color: #484848;
}

li.click {
	list-style-type: disc !important;
	margin-left: 30px !important;
	color: #484848;
	text-decoration: underline;
}
 li.click a, ul.admin li a, p a {
	color: #484848;
	text-decoration: underline;
}
/* */
.click {
  cursor: pointer;
  text-decoration: underline;
}

.click:hover, li.click a:hover, ul.admin li a:hover, p a:hover {
  color: #3333ff;
}

#calendar_key {
  float: right;
  width: 250px;
  list-style-type: none;
  padding-top: 10px;
  padding-left: 0px;
  margin-top:70px;
}

#calendar_key li {
  padding: 1px;
  margin: 2px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#div_key {
  list-style-type: none;
  padding-top: 10px;
  padding-left: 0px;
  clear: left;
}

#div_key li:first-child {
  width: auto;
  float: none;
}

#div_key li {
  width: 175px;
  float: left;
}

#month_browse {
  float: left;
  margin-top: 10px;
}

#month_browse form {
  margin-bottom: 10px;
}

#month_browse input[type="text"] {
  width: 15px;
}

label {
  cursor: pointer;
}

span.help {
  cursor: help;
  font-weight: bold;
  text-decoration: underline;
}

fieldset {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

fieldset p {
  clear: both;
}

select[multiple] {
  height: 10em;
}

div.window {
  background-color: #ffffff;
  border: #A1A5A9 1px solid;
  padding: 2px 0px 2px 2px;
  height: 400px;
  width: 400px;
  text-align: left;
  vertical-align: top;
  position: absolute;
  overflow: auto;
  z-index: 5;
  left: 25%;
  top: 25%;
  display: none;
  margin: 0px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div.window div.title {
  cursor: move;
  background-color: #F2F2F2;
  margin: -2px 0px 2px -2px;
  padding: 5px;
  font-size: 120%;
  font-weight: bold;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-bottom: 1px #A1A5A9 solid;

}

div.window fieldset {
  width: 360px;
  margin: 10px;
}

div.window fieldset form {
  margin: 10px;
}

div.window div.title span.close {
  cursor: pointer;
  float: right;
}

/*#main  form  fieldset {
	width:730px !important;
	padding:0;
	margin:0;
}
*/
fieldset table {
	width:100%;
}
fieldset table thead tr td{
	font-weight:bold;
}
#attendee tr td {
  text-align: center;
  padding: 2px;
}

#attendee thead {
  font-weight: bold;
}

#attendee tr td:first-child {
  text-align: left;
}

#attendee table {
  display: none;
}

#attendee table caption {
  font-weight: bold;
  min-width: 400px;
}

iframe {
  display: none;
}

#a_u_d {
  display: none;
}

#a_u_s {
  cursor: pointer;
}

#loading {
  display: none;
}

#loading span {
  width: 100%;
  height: 100%;
  background-color: #808080;
  opacity: 0.5;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
}

#loading div {
  top: 48%;
  left: 45%;
  z-index: 100;
  position: fixed;
	padding: 20px;
	text-align: center;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color:#CCC #666 #666 #CCC;
	background-color: #FCF8C7;
	vertical-align: middle;
}