html {
  overflow-y: auto;
  overflow-x: hidden;
}

/* Event Styles */
.date_day {
  float: left;
  width: 600px;
  background-color: #bab9cb;
  border-style: solid;
  border-color: #eeeeff;
  border-width: 0px 1px 1px 0px;
  min-width: 400px;

  padding: 0.5em 1em 0.5em 0.5em;
  vertical-align: top;
}

.date_week, .date_month {
  display: block;

  float: left;
  width: 75px;
  max-width: 70px;
  background-color: #bab9cb;
  border-style: solid;
  border-color: #eeeeff;
  border-width: 0px 1px 1px 0px;

  padding: 0.5em 1em 0.5em 0.5em;
  margin: 0px 0px 0px 0px;

  height: 100%;
  min-height: 70px;
}

.date_year {
  float: left;
  width: 730px;
  background-color: #bab9cb;
  border-style: solid;
  border-color: #eeeeff;
  border-width: 0px 1px 1px 0px;
  max-width: 705px;

  padding: 0.5em 1em 0.5em 0.5em;
}

.date_blank  {
  width: 70px;
  max-width: 70px;
  background-color: #45455D;
  border-style: solid;
  border-color: #eeeeff;
  border-width: 0px 1px 1px 0px;

  padding: 0.5em 1em 0.5em 0.5em;
}

.date_link, .date_link:visited, .date_link:hover {
  width: 70px;
  max-width: 70px;
  cursor: pointer;
  color: #45455D;

  height: 100%;
}

.event_day, .event_year {
  float: left;
  padding: 0.5em 0.5em 0.5em 0.5em; /*###*/
  margin: 0.5em 0px 0.5em 0px;
  font-family: Verdana, Arial, Helvetica;
  color: #1C1751;
  font-size: 12px;


  min-width: 400px;
}

.event_week, .event_month {
  float: left;
  margin: 0.5em 0px 0.5em 0px;
  font-family: Verdana, Arial, Helvetica;
  color: #1C1751;
  font-size: 12px;

  width: 75px;
  max-width: 70px;
}

.event_infobar_day, .event_infobar {
  float: left;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
}

.event_infobar_week, .event_infobar_month {
  width: 70px;
  max-width: 70px;
  float: left;

  vertical-align: top;
}

.event_modbar_day, .event_modbar_week, .event_modbar_month, .event_modbar_year, .event_modbar {
  width: 162px;
  max-width: 160px;
  border-left: 1px solid #45455D;
  padding: 0px 0px 0px 5px;
  float: right;

  vertical-align: top;

}

/* Table Styles */

.table_day {

}

.table_week, .table_month {
  width: 70px;
  max-width: 70px;

  height: 100%;
}

.table_year {

}
/* Printed Date Styles */

.date_date_week, .date_date_month, .date_date_year, .date_date_week:visited, .date_date_month:visited, .date_date_year:visited {
  color: #45455D;
  font-size: 12px;
  font-family: arial,helvetica;
  font-weight: normal;

  width: 50px;
  max-width: 50px;
  text-align: right;
  float: right;
}

.date_date_day, .date_date_day:visited {
  color: #45455D;
  font-size: 24px;
  font-family: arial,helvetica;
  font-weight: normal;
  float: right;
}

/* Event Element Styles */
.event_name_week, .event_name_month {
  font-size: 10px; 
  font-family: Arial; 
  color: #45455D; 
  font-weight: normal; 
  text-decoration: underline;

  width: 70px;
  max-width: 70px;
  float: left;
}


#today, .event_name_month #today{
  background-color: #45455D;
  color: #ffffff;
}


#today, .event_name_week #today{
  background-color: #45455D;
  color: #ffffff;
}


.event_name_day, .event_name_year{
  font-size: 16px; 
  font-family: Arial; 
  color: #45455D; 
  font-weight: normal; 
  text-decoration: underline;
  text-transform: uppercase;
}

.event_description_week, .event_description_month, .event_description_year {
  font-size: 10px;
  color: #45455D;

  display: block;
  margin: 5px 0px 5px 0px;

  width: 70px;
  max-width: 70px;
  float: left;
}

.event_description_day {
  font-size: 12px;
  color: #45455D;
  width: 400px;

  display: block;
  margin: 5px 0px 5px 0px;
}

.event_start_day, .event_start_week, .event_start_month {
  font-size: 12px;
  color: #45455D;
  display: block;
  float: left;
  margin-right: 0.25em;
}

.event_end_day, .event_end_week, .event_end_month {
  font-size: 12px;
  color: #45455D;
  display: block;
  float: left;
}

.event_start_year, .event_end_year {
 font-size: 16px; 
  font-family: Arial; 
  color: #45455D; 

  display: block;
  float: left;
  margin-right: 0.25em;
}

.event_days_day, .event_days_week, .event_days_month, .event_days_year {
  font-size: 12px;
  color: #45455D;
}

.event_days_day TD, .event_days_week, .event_days_month, .event_days_year {
  font-size: 10px;
  color: #45455D;

  border-right: 1px solid #1C1751;
  margin-right: 3px;
}

.event_link_week, .event_link_month, .event_link_year {
  text-decoration: none;
  font-size: 12px;
  color: #1C1751;
}

.event_link_day {
  text-decoration: none;
  font-size: 12px;
  color: #1C1751;
}

.event_link_today, .event_link_today:visited {
  text-decoration: underline;
  color: #ffffff;
}

.event_contact_name_week, .event_contact_name_month {
  font-size: 10px;
  color: #45455D;

  display: block;
  margin: 1em 0px -1em 0px;
}

.event_contact_name_day, .event_contact_name_year {
  font-size: 12px;
  color: #45455D;

  display: block;
  margin: 1em 0px -1em 0px;
}

.event_contact_phone_day, .event_contact_phone_year {
  font-size: 12px;
  color: #45455D;
}

.event_contact_phone_week, .event_contact_phone_month {
  font-size: 10px;
  color: #45455D;
}

.event_contact_email_day, .event_contact_email_year {
  text-decoration: none;
  font-size: 12px;
  color: #45455D;
}

.event_contact_email_week, .event_contact_email_month {
  text-decoration: none;
  font-size: 10px;
  color: #45455D;
}

.event_contact_fax_day, .event_contact_fax_week, .event_contact_fax_month, .event_contact_fax_year {
  font-size: 12px;
  color: #45455D;
}

.event_link a:link, a:visited {
  font-size: 12px;
  color: #45455D;
  text-decoration: none;
}

.event_link:hover {
  font-size: 12px;
  color: #45455D;
  text-decoration: underline;
}

.event_divider {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #dddddd;
  margin: 5px 0px 5px 0px;

  padding: 0px 0px 0px 0px;
  font-size: 0em;

  width: *;
  height: 1px;
  background-color: #45455D;
}

.event_owner_week, .event_owner_month, .event_owner_year {
  visibility: hidden;
}

.event_owner_day {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #dddddd;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;

  width: 150px;
  background-color: #45455D;
  color: #bab9cb;
  text-align: left;
}

.event_new_week, .event_new_month, .event_new_year {
  visibility: hidden;
}

.event_new_day {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #dddddd;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;

  width: 150px;
  background-color: #45455D;
  color: #bab9cb;
  text-align: left;
}

.event_edit {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #dddddd;
  padding: 0px 0px 0px 0px;
  display: block;
  float: left;

  width: 150px;
  background-color: #45455D;
  color: #bab9cb;
  text-align: left;
}

.event_delete {
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #dddddd;
  padding: 0px 5px 0px 5px;
  float: left;

  width: 150px;
  background-color: #45455D;
  color: #bab9cb;
  text-align: left;
}

.event_button { 
  display: block;
  float: left;
}

.event_status_day, .event_status_week, .event_status_month, .event_status_year {
  font-size: 12px;
  color: #45455D;
}

.event_status {
  text-align: center;
  clear: right;
  float: left;

  padding: 0px 0px 0px 5px;
  display: block;
}

.event_status_approve, .event_status_reject {
  text-align: center;
  float: left;
	width: 150px;
  padding: 0px 5px 0px 0px;
}

.event_status_name {
  float: left;
  clear: right;
}

.event_calendars {
  width: 172px;
  max-width: 150px;

  background-color: #45455D;

  color: #bab9cb;
  font-size: 12px;
  font-family: arial,helvetica;
  font-weight: normal;
}

.event_calendars:active {
  width: 172px;
  max-width:150px;

  background-color: #ffffff;

  color: #bab9cb;
  font-size: 12px;
  font-family: arial,helvetica;
  font-weight: normal;
}

/* Style to handle the disappearing 'every' bar. */
.event_every_ {
  visibility: hidden;
  
}

.event_every_:hover {
  visibility: visible;
}

/* Permission System Editing Styles */	
.permission_table {
  margin: 0px 0px 0px 0px;
  padding: 1px 2px 1px 1px;
}

.permission_field {
  background-color: #45455D;
  border: 0px solid;
  font-family: verdana, arial, helvetica, Sans-serif;
  font-size: 10px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.permission_value {
  background-color: #E6B17F;
  border-width: 0px 2px 1	px 0px;
  border-style: solid;
  border-color: #FFFFFF;
  font-family: verdana, arial, helvetica, Sans-serif;
  color: #1C1751;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;

  width: 70px;
  max-width: 70px;
}

/* Calendar Navigation Styles */

.cal_nav_link, .cal_nav_link:hover, .cal_nav_link:visited {
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  text-decoration: none;
  color: #ffffff;

  width: *;
}

.cal_nav_link:hover {

}

/* nav header - spans 1 column above a day */
.cal_nav_header_day {
  background-color: #45455D;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  font-size: 10px;
  color: #ffffff;

  width:150px;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #BBBBCC;
}

.cal_nav_header_week, .cal_nav_header_month, .cal_nav_header_year {
  background-color: #45455D;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  font-size: 10px;
  color: #ffffff;

  width: 75px;
  max-width: 70px; 

  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #BBBBCC;
}

/* nav header - spans 1 column above the right nav bar */
.cal_nav_header_right {
  background-color: #45455D;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;

  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #BBBBCC;
}

/* nav header - spans 1 column above the right nav bar */
.cal_nav_header_sidebar {
  width: 1em;
  background-color: #45455D;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  text-align: center;
  vertical-align: center;
  color: #ffffff;
  font-size: 9px

  border-style: solid;
  border-width: 0px 1px 1px 0px;
  border-color: #BBBBCC;
}

/* Title of the current view */
.cal_nav_title_day, .cal_nav_title_week, .cal_nav_title_month, .cal_nav_title_year {
  font-size: 15px;
  color: #ffffff;
  text-align: left
  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  width: 400px;
  margin: 0px 0px 0px 5px;
}

.cal_nav_title_today {
  color: #ffffff;
  text-align: left
  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  margin: 0px 0px 0px 0px;
}

.cal_nav_title_noeventstoday {
  font-weight: bold
  color: #ffffff;
  text-align: left
  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  margin: 0px 0px 0px 0px;
}


/* 'View a printable list' style */
.cal_nav_printable_day, .cal_nav_printable_week, .cal_nav_printable_month, .cal_nav_printable_year {
  color: #ffffff;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  width: 30em;
  margin: 0px 0px 0px 5px;
}


/* Calendar Login Styles */
.cal_login {
  text: #ffffff;
  float: left;
  text-align: left;
  padding: 0px 5px 0px 5px;
}
