/* The event title on the month, week, and day pages which is a link to the detail. */
.el_graphical_eventlink {
  FONT-SIZE: 8pt;
  FONT-WEIGHT: 100;
  FONT-STYLE: NORMAL;
  BACKGROUND-COLOR: TRANSPARENT;
}
.el_calendar_title {
  TEXT-ALIGN: CENTER;
  PADDING:0em;
  FONT-SIZE: 150%;
  FONT-WEIGHT: BOLD;
 margin-top:15px;
 margin-bottom:5px;
}     
.el_calendar_title_hol {
  TEXT-ALIGN: CENTER;
  PADDING:0em;
  FONT-SIZE: 150%;
  FONT-WEIGHT: BOLD;
 margin-top:15px;
 margin-bottom:0px;
}     
/* Examples are the calendar's date title, the event title on the event detail page, etc */
.el_page_title {
  TEXT-ALIGN: LEFT;
  PADDING:0;
  FONT-SIZE: 150%;
  FONT-WEIGHT: BOLD;
  margin-bottom:10px;
  margin-top:50px;
}     
.el_sidemenu_form {
   margin-bottom:10px;
   margin-top:10px;
}
p.el_activities_head  {
 width=154px;
 background-color:white;
 border-color:white;
 margin-top:10px;
 margin-bottom:5px;
 margin-left:3px;
 margin-right:3px;
 text-align:center;
 font-weight:800;
}
p.el_activities  {
 width=154px;
 background-color:white;
 border-color:white;
 margin-top:4px;
 margin-bottom:1px;
 margin-left:3px;
 margin-right:3px;
 text-align:left;
}
table.el_activities  {
 width=154px;
 background-color:white;
 border-color:white;
 margin-top:10px;
 margin-left:3px;
 margin-right:3px;
}
table.el_activities td {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px;
 text-align:left;
}
/* the table that contains the entire calendar */
table.el_graphical_main_table {
 padding:0px; 
 margin-top:0px;
 margin-bottom:0px;
 margin-right:20px;
 margin-left:20px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
 border-color: gray gray gray gray ; 
 width:755px;
}
table.el_graphical_main_table td {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
}
.el_graphical_day_event_location {
 margin-left:90px;
 margin-top:0px;
 padding-top:0px;
}
/* the table that contains the left hand menu */
table.el_graphical_side_menu {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 width:160px;
}
table.el_graphical_side_menu td {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_detail_table {
 margin:3px;
 padding:0px; 
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
 width:570px;
}
table.el_graphical_detail_table th {
 text-align:right;
 vertical-align:top;
 padding-top:2px; 
 padding-bottom:1px; 
 padding-right:1px; 
 padding-left:7px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_detail_table td {
 padding-top:2px; 
 padding-bottom:1px; 
 padding-right:1px; 
 padding-left:7px; 
 margin:9px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_detail_resource_table {
 padding:0px; 
 margin:3px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_detail_resource_table td {
 padding:1px; 
 padding-left:7px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
/* used for Email Event form */
table.el_graphical_form_table {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_form_table td {
 padding:1px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
/* the table that creates the actual calendar, ie days of the month */
table.el_graphical_calendar_table {
 padding:0px 0px 0px 0px; 
 margin:0px 0px 0px 0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 width:595px;
 height:100%;
 border-style: solid solid solid solid;
 border-color: gray gray gray gray;
}
table.el_graphical_calendar_table td {
 padding:0px; 
 margin:0px;
 width:81px
}
table.el_graphical_calendar_table th {
 text-align:center;
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 width:81px
}
/* the table that creates the actual calendar, ie days of the month */
table.el_graphical_calendar_table_no_menu {
 padding:0px 0px 0px 0px; 
 margin:0px 0px 0px 0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 width:755px;
}
table.el_graphical_calendar_table_no_menu td {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
 border-color: gray gray gray gray;
 width:110px
}
table.el_graphical_calendar_table_no_menu th {
 text-align:center;
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px 1px 1px 1px;
 border-style: solid solid solid solid;
 border-color: gray gray gray gray;
 width:110px
}

/* the table that contains the events in the week view */
table.el_graphical_event_week_table {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_event_week_table td#first{
 text-align:center;
 padding-bottom:.25em; 
 padding-top:.25em; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_event_week_table td{
 text-align:center;
 padding-bottom:.25em; 
 padding-top:.15em; 
 margin:0px;
 border-collapse: collapse;
 border-color: gray;
 border-width: 1px 0px 0px 0px;
}
/* the table that contains the events in the month view */
table.el_graphical_event_month_table {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_event_month_table td#first{
 text-align:left;
 padding-bottom:.25em; 
 padding-top:.25em; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_event_month_table td{
 text-align:left;
 padding-bottom:.25em; 
 padding-top:.15em; 
 margin:0px;
 border-collapse: collapse;
 border-color: gray;
 border-width: 1px 0px 0px 0px;
}
/* the table that contains the events in the day view */
table.el_graphical_event_day_table {
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 0px 0px 0px 0px;
}
table.el_graphical_event_day_table td {
 text-align:left;
 vertical-align:top;
 padding-bottom:.25em; 
 padding-top:.15em; 
 margin:0px;
 border-collapse: collapse;
 border-color: gray;
 border-width: 0px 0px 0px 0px;
 background:transparent;
}
/* The title/name of the event on the graphical day view. */
.el_graphical_day_event_title {
 font-weight:400;
}

/* the small table of all months or dates in a month 
   in the top left hand corner of the menu */
table.el_graphical_jump_menu_table {
 background:transparent;
 padding:0px; 
 margin:0px;
 border-collapse: collapse;
 border-width: 1px;
 border-style: solid;
 border-color: gray;
 width:160px;
}
table.el_graphical_jump_menu_table th {
 font-weight:800;
 font-size:90%; 
 text-align:center; 
 vertical-align:middle; 
 background:transparent;
 border-width: 1px;
 border-style: solid;
 border-color: gray;
}
table.el_graphical_jump_menu_table td {
 font-weight:400;
 font-size:90%; 
 text-align:center; 
 vertical-align:middle; 
 background:transparent;
 border-width: 1px;
 border-style: solid;
 border-color: gray;
 width:53px;
}
.el_graphical_todaylink {
 font-weight:400;
 font-size:100%; 
 text-align:center; 
 vertical-align:middle; 
 background:transparent;
 padding:0px; 
 margin:0px;
}
/* timezone, event times on day view, etc */
.el_graphical_info {
 font-weight:400;
 font-size:75%; 
 text-align:center; 
 vertical-align:middle; 
 background:transparent;
 padding:0px; 
 margin:0px;
}
/* The 'Show/Hide Menu', 'Month', 'Week', and 'Day' links at the top of the calendar */
.el_graphical_tablink {
 background:transparent;
 font-style:normal;
 font-weight:400;
 text-decoration:none;
 font-size:100%;
}

/* The small table that holds the tablinks */
table.el_graphical_tab_table {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: hidden hidden hidden hidden;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: transparent;
   width:755px;
}
table.el_graphical_tab_table td {
	border-width: 0px 0px 0px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: transparent;
}
/* all menu labels such as "Today's Date" */
.el_graphical_menu_label {
 text-align:center;
 font-size:10px;
 font-weight:400;
 font-style:normal;
}
.el_graphical_welcome_user {
 background:transparent;
 font-style:normal;
 font-weight:800;
 text-decoration:none;
 font-size:small;
}
/* the header cell on the month view that holds the actual date, ie 1,2,3,4... and holiday */
table.el_graphical_month_date_hdr_cell {
 border-width: 0px 0px 0px 0px;
 border-style: solid solid solid solid;
 border-collapse: collapse;
 vertical-align:top; 
 padding-right:0px; 
 margin-right:0px;
 background:transparent;
 width: 95%;
}
table.el_graphical_month_date_hdr_cell td{
 border-width: 0px 0px 0px 0px;
 border-style: solid solid solid solid;
 border-color: gray gray gray gray;
 border-collapse: collapse;
 vertical-align:top; 
 padding:0px; 
 margin:0px;
 font-weight:100;
 font-size:8pt;
 background:transparent;
}
.el_graphical_week_date_hdr_cell td{
 border-width: 0px 0px 0px 0px;
 border-collapse: collapse;
 vertical-align:top; 
 padding:0px; 
 margin:0px;
 font-weight:100;
 background:transparent;
}
#el_graphical_currentday_cell {
 border-width: 1px;
 border-collapse: collapse;
 vertical-align:top; 
 padding:0px; 
 margin:0px;
}
.el_graphical_menulink {
  font-size:100%;  
  background:transparent;
  font-style:normal;
  font-weight:normal;
}
/* Dates on the graphical calendar, e.g. 1,2,3,...31 */
.el_graphical_datelink {
  font-weight:100;
  font-size:8pt;
}
/* Holidays on the graphical month and week calendars */
.el_graphical_holiday {
  font-weight:100;
  text-align:right;
  FONT-STYLE:normal;
  background:transparent;
  padding:0px;
  margin:0px;
}
/* the table cell in which holidays are printed for month and week calendars */
.el_graphical_holiday_td {
 border-width: 0px 0px 0px 0px;
  padding:0px;
  margin:0px;
}
/* Holidays on the graphical day calendar which are printed in the title area */
.el_graphical_holiday_day {
  FONT-SIZE: 125%;
  padding:0px;
  margin:0px;
  background:transparent;
  text-align:center;
  font-weight:100;
  margin-top:2px;
  margin-bottom:5px;
}
.el_page_subtitle {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 125%;
  FONT-WEIGHT: NORMAL;
}
.el_page_label {
  TEXT-ALIGN: right;
  PADDING-RIGHT: 2px; 
  PADDING-LEFT: 2px; 
  TEXT-DECORATION:NONE;
  FONT-SIZE: 100%;
  FONT-WEIGHT:BOLD;
}
.el_page_content {
  TEXT-ALIGN: LEFT;
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 5px; 
  TEXT-DECORATION:NONE;
  FONT-SIZE: 100%;
  FONT-WEIGHT:100;
}
/* The table definition used when 'importing' events to 
 * display on your website. */
table.el_import {
	border: 0px hidden gray;
	border-collapse: separate;
	background-color: transparent;
}
table.el_import td {
	border: 0px hidden gray;
        padding:1px;
	background-color: transparent;
}
table.el_import th {
	border: 0px hidden gray;
        padding:1px;
	background-color: transparent;
   text-align:center;
   font-weight:800;
}

/* Notes to the user, example 'Login for reminders...' */
.el_note_text {
  FONT-SIZE: 85%;
  TEXT-ALIGN: CENTER;
}
/* The style for the text of the link to the */
/* event on the 'list' view */
.el_listview_event {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 100%;
  MARGIN: 0em;
}
/* The style for the date on the 'list' view, ie 'October 2' */
.el_listview_date {
  TEXT-ALIGN: LEFT;
  TEXT-DECORATION:NONE;
  FONT-SIZE: 115%;
}
/* The style for the time on the 'list' view, ie '9:00am' */
.el_listview_time {
  TEXT-ALIGN: LEFT;
  PADDING-LEFT:2em;
  TEXT-DECORATION:NONE;
  FONT-SIZE: 100%;
}
/* The style for the 'Register' and 'Add Event' links */
/* on the 'list' view */
.el_listview_reg_add {
  FONT-SIZE: 85%;
  TEXT-DECORATION:NONE;
/*  TEXT-TRANSFORM:UPPERCASE; */ /* makes all of the letters UPPERCASE */
  MARGIN: .5em
}
/* The event's title on the detail page */
.el_listview_detail_title {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 150%;
  FONT-WEIGHT: BOLD;
}
/* The event's subtitles on the detail page, ie 'Reminder' and 'Export'*/
.el_listview_detail_subtitle {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 125%;
  FONT-WEIGHT: NORMAL;
}
/* The text for 'Group', 'Location', etc. on the detail page */
.el_listview_detail_labels {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 100%;
  FONT-WEIGHT: 100;
}
/* The event-specific information on the detail page, ie
   what the user entered. */
.el_listview_detail_content {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 100%;
  FONT-WEIGHT: NORMAL;
}
/* The event-specific description/information from the javascript 
   integration script. */
.el_integration_description {
  TEXT-ALIGN: LEFT;
  FONT-SIZE: 100%;
  FONT-WEIGHT: NORMAL;
  MARGIN: 0em;
}
/* The submit button (and its text) on the detail page 
   for reminders, downloads, etc. */
.el_listview_detail_submit {
  FONT-STYLE:normal;
  FONT-WEIGHT:600;
  TEXT-DECORATION:NONE;
  FONT-SIZE:100%;
  HEIGHT:30px;
}
/* The title on the Add Event form */
.el_form_title {
  MARGIN: .5em;
  TEXT-ALIGN: left;
  FONT-SIZE: 125%;
  FONT-WEIGHT: BOLD;
}
/* The subtitle on the Add Event form */
.el_form_subtitle {
  MARGIN: .5em;
  TEXT-ALIGN: left;
  FONT-SIZE: 110%;
  FONT-WEIGHT: BOLD;
}
/* The main text labels on the Add Event form 
 * found in the left column, such as 'Title', 'Highlight' */
.el_form_text {
  TEXT-ALIGN: right;
  FONT-SIZE: 100%;
  PADDING-LEFT:1em;
}
/* The text in the 2nd column of the Add Event form,
 * ie radio button or check box labels */
.el_form_text2 {
  TEXT-ALIGN: left;
  FONT-SIZE: 100%;
}
/* The note on the Add Event form */
.el_form_note {
  TEXT-ALIGN: left;
  FONT-SIZE: 90%;
  FONT-WEIGHT:400;
}
/* The user added content on the Add Event form */
.el_form_content {
  TEXT-ALIGN: left;
  FONT-SIZE: 100%;
  FONT-WEIGHT: BOLD;
  PADDING-LEFT:.25em;
}
/* The non-menu links on the Add Event form */
.el_form_link {
  BACKGROUND:TRANSPARENT;
  FONT-STYLE:normal;
  FONT-SIZE:100%;
}
/* The menu links on the Add Event form */
.el_form_menu {
  BACKGROUND:TRANSPARENT;
  FONT-STYLE:normal;
  FONT-WEIGHT:800;
  TEXT-DECORATION:NONE;
  FONT-SIZE:90%;
}
/* The button (and its text) on the Add Event form's menu, ie 'Basic', 'Repeat', etc. */
.el_form_menu_button {
  FONT-STYLE:normal;
  FONT-WEIGHT:400;
  TEXT-DECORATION:NONE;
  FONT-SIZE:12pt;
  HEIGHT:30px;
  WIDTH: 80px;
}
/* The button (and its text) on the Add Event form */
.el_form_button {
  FONT-STYLE:normal;
  FONT-WEIGHT:800;
  TEXT-DECORATION:NONE;
  FONT-SIZE:100%;
  HEIGHT:30px;
}
.el_sidemenu_button {
  FONT-STYLE:normal;
  FONT-WEIGHT:800;
  TEXT-DECORATION:NONE;
  FONT-SIZE:100%;
  HEIGHT:25px;
  background-color:#6095c1;
  color:white;
}
/* The date text on the 'Dates' page on the Add Event form */
.el_dateselect {
  VERTICAL-ALIGN:TOP;
  FONT-SIZE:70%;
  FONT-STYLE:normal;
  FONT-WEIGHT:300;
  TEXT-DECORATION:NONE;
  BACKGROUND:TRANSPARENT;
}
/* The drop down that allows you to select groups of events */
.el_select_view {
  FONT-SIZE:100%;
  FONT-STYLE:normal;
  FONT-WEIGHT:800;
  width:150px;
  TEXT-DECORATION:NONE;
  padding-bottom:0px;
  padding-top:0px;
}
.el_select_view  a {
  color:#6095c1;
}
/* The in-form hint text on the Add Event form, ie */
/* the text that lets the user know the max size */
.el_hint_text {
  TEXT-ALIGN: left;
  FONT-SIZE: 100%;
  BORDER-BOTTOM-WIDTH: 1px;
  BORDER-BOTTOM-STYLE: dashed;
  BORDER-BOTTOM-COLOR: black;
  CURSOR: help;
}
.el_dateselect_hint {
  VERTICAL-ALIGN:TOP;
  FONT-SIZE:70%;
  FONT-STYLE:normal;
  FONT-WEIGHT:300;
  BORDER-BOTTOM-WIDTH: 1px;
  BORDER-BOTTOM-STYLE: dashed;
  BORDER-BOTTOM-COLOR: black;
  BACKGROUND:TRANSPARENT;
  CURSOR: help;
}
/* The text in the left hand menu of the Administration page */
.el_setup_menuitem {
  BACKGROUND:TRANSPARENT;
  FONT-STYLE:normal;
  FONT-WEIGHT:100;
  TEXT-DECORATION:underline;
  TEXT-ALIGN:center;
  FONT-SIZE:85%;
}
 .d_table {border-width:0px;border-collapse:collapse;border-color:transparent;background-color:transparent;font-size:10pt;}
 .d_table_row_label {padding-right:0em;padding-left:.1em;padding-top:.2em;padding-bottom:.2em;background-color:transparent;font-weight:800;text-align:right}
 .d_table_col_label {font-weight:800;text-align:center}
 .d_table_cell {padding-left:.5em;padding-right:.5em;font-weight:100;;text-align:center;}
 .d_table_hide {background-color:transparent;border:transparent;}

 #float_left {float:left}
 #float_right {float:right}
 #left {text-align:left}
 #right {text-align:right}
 #center {text-align:center}