/*
   Styles to format the middle column on calendar pages. Contains CSS 1.0 and 2.0 styles and is
   only available to 5th generation Web browsers and newer.
*/

@import "../forms.css";
@import "calendarShared.css";

/* Override YUI reset files --------------------------------------------------- */
caption {
  margin: 0;
}

/* Advanced Search Form ------------------------------------------------------- */
#calendarSearchForm h3 {
  font-size: 1.1em;
}

#calendarSearchForm #Org_ID,
#calendarSearchForm #title_desc,
#calendarSearchForm #Category_ID,
#calendarSearchForm #city_loc {
  width: 95%;
}

.calendarTabs {
  height: 17px;
  margin: 0;
  padding: 0;
}

.calendarTabs a, .calendarTabs strong {
  display: block;
  height: 17px;
  text-decoration: none;
}

.calendarTabs li {
  background: transparent none no-repeat scroll top left;
  float: right;
  height: 17px;
  list-style: none;
}

/* Had to place the background image tabs in the <li> tag instead of the <a> tag because
   the backgrounds disappeared briefly on mouseover in IE6/Win. */
.calendarTabs .dailyView {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/daily_off.gif);
  width: 45px;
}

.calendarTabs .monthlyView {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/monthly_off.gif);
  width: 58px;
}

.calendarTabs .weeklyView {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/weekly_off.gif);
  width: 55px;
}

/* Used to hide the text for the calendar navigation tabs. A simple text-indent rule to
   indent the text past the bounds of the link works on every browser except IE 5.01/Win. The
   <span> tag is used instead. */
.calendarTabs li span {
  visibility: hidden;
}

.calendarTabs .dailyView strong {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/daily_on.gif);
  width: 45px;
}

.calendarTabs .monthlyView strong {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/monthly_on.gif);
  width: 58px;
}

.calendarTabs .weeklyView strong {
  background-image: url(http://www.hiawathaschools.org/vimages/L9/vcalendar/weekly_on.gif);
  width: 55px;
}

#calendarTopNav {
  margin: 1.25em .75em .5em;
  text-align: right;
}

caption {
  background-color: #cc0000;
  color: #fff;
  padding: 5px;
  text-align: center;
}

.dateRow td {
  background: transparent url(http://www.hiawathaschools.org/vimages/L9/vcalendar/arrow_down.gif) no-repeat scroll 2px 50%;
  padding-left: 18px;
}

/* Reminder Preferences Form -------------------------------------------------- */
#editPrefsForm h3 {
  font-size: 1.1em;
}

#editPrefsForm #reminder_orgs,
#editPrefsForm #reminder_cats {
  width: 98%;
}

/* Add/Edit Event Form -------------------------------------------------------- */
#Event h3 {
  font-size: 1.1em;
}

#Event #Event_Title, #Event #Event_Color, #Event #Event_Status {
  margin-bottom: .5em;
}

#Event #Event_Title,
#Event #Event_Time_Zone,
#Event #Location,
#Event #Event_City,
#Event #Event_Region,
#Event #Category_ID,
#Event #Event_Desc,
#Event #Image,
#Event #Contact_Person,
#Event #Contact_Email,
#Event #Contact_Phone {
  width: 95%;
}

#eventButtons, #eventImg {
  text-align: center;
}

#eventInfo {
  margin: 1em auto 0;
  border-top: 3px solid #000;
  width: 100%;
}

/* Negate table styles at the end of the style sheet. */
#eventInfo * {
  background: none;
  border: 0;
}

#eventInfo th {
  color: #000;
  font-weight: bold;
  padding: 5px;
  text-align: right;
  width: 33%
}

#eventInfo td {
  padding: 5px;
}

#eventTable caption {
  text-align: left;
}

#eventTable .eventDate {
  white-space: nowrap;
}

#eventTable h3 {
  font-size: 1.1em;
}

#eventTable table {
  border: 1px solid #000;
  border-top: 0;
  border-bottom: 0;
  width: 100%;
}

#eventTable td, #eventTable th {
  border-left: 0;
  border-right: 0;
}

#loginform {
  margin-top: 1.5em;
}

#loginform #prvSections #EmailAddress, #loginform #prvSections #Password {
  width: 70%;
}

#mainContent {
  /* Add 1px left/right padding so that left/right borders on the enclosed
     event table will display. */
  padding: 10px 10px 1.75em 1px;
}

#monthPrintBox {
  margin-right: 230px;
}

#monthTabBox {
  float: right;
  width: 230px;
  margin-bottom: 1.5em;
}

#monthTabBox .calendarTabs {
  width: 230px;
}

#monthTabBox form {
  text-align: center;
}

#monthTabBox table {
  width: 230px;
  margin-bottom: 1em;
}

#monthTabBox td.inMonthHighlighted {
  background-color: #fff;
}

#monthTabBox td.notInMonth {
  color: #666;
}

#myClippedIcons {
  text-align: center;
}

#myClippedTable {
  border-top: 3px solid #999;
  margin: 0 auto;
  width: 100%;
}

#myClippedTable .dayRow th {
  background: transparent url(http://www.hiawathaschools.org/vimages/L9/vcalendar/arrow_down.gif) no-repeat scroll 2px 50%;
  color: #000;
  padding-left: 18px;
  text-align: left;
}

#myClippedTable .highlighted td {
  background-color: #EDEDED;
}

#myClippedTable .myClippedDate {
  white-space: nowrap;
}

#openFullMonth {
  background: transparent url(http://www.hiawathaschools.org/vimages/L9/vcalendar/calendar_icon.gif) no-repeat scroll left center;
  padding: 12px 0 12px 41px;
  margin: 0;
}

#printableView {
  background: transparent url(http://www.hiawathaschools.org/vimages/L9/vcalendar/print_icon.gif) no-repeat scroll 15px 50%;
  margin: 0;
  padding: 8px 0 8px 41px;
}

/* Edit Your Profile Form ----------------------------------------------------- */
#profileForm h3 {
  font-size: 1.1em;
}

#profileForm #EmailAddress,
#profileForm #ConfirmEmailAddress,
#profileForm #Password,
#profileForm #ConfirmPassword,
#profileForm #FirstName,
#profileForm #LastName {
  width: 95%;
}

/* Register Form -------------------------------------------------------------- */
#registerForm h3 {
  font-size: 1.1em;
}

#registerForm #EmailAddress,
#registerForm #ConfirmEmailAddress,
#registerForm #Password,
#registerForm #ConfirmPassword,
#registerForm #FirstName,
#registerForm #LastName {
  width: 95%;
}

#sectionName {
  margin-bottom: 0;
}

/* Margin had to be set to 0 because IE6-Win duplicated the bottom margin under
   the calendar tabs. */
#selectEvents {
  margin: 0;
  text-align: center;
}

#signIn {
  border-right: 1px solid #000;
  float: left;
  width: 50%;
}

#signIn1 {
  /* Need a container set to 100% width so that enclosed <input> fields (#EmailAddress, #Password)
     can be defined with a "liquid" width (93%) instead of fixed width (110px). */
  width: 100%;
}

#signIn h4, #signUp h4 {
  font-size: 1.1em;
  margin: 0 0 .5em;
}

#signIn p {
  padding: 0 .5em 0 0;
}

#signIn p.formItems input {
  margin: 0;
  padding: 0;
}

#signInDesc, #signUpDesc {
  margin-top: 0;
}

#signUp {
  margin: 0 0 0 50%;
  padding: 0 0 0 1em;
}

#signIn #Password, #signIn #EmailAddress {
  width: 93%;
}

table {
  border-collapse: collapse;
}

td {
  background-color: #EEE;
  border: 1px solid #000;
  padding: 3px;
  vertical-align: top;
}

th {
  background-color: #0c3a92;
  border: 1px solid #000;
  color: #fff;
  padding: 3px;
  text-align: center;
  vertical-align: top;
}

/* ezEdit --------------------------------------------------------------------- */
.view-event-in-month {
  background: #fff;
}

.ezEdit {
  margin: .5em;
  text-align: right;
}

.ezEdit > a {
  margin-left: .5em;
}

/* jPicker (Color Picker) resets/overrides */
.jPicker td {
  background-color: transparent;
  border: none;
  vertical-align: inherit;
}

table.jPicker {
  border-collapse: inherit;
}