/* Page Styles */

.page_header {
        color: #5c8727;
        font-size: 12.5pt;
        font-family: Georgia;
        font-weight: bold;
        width: auto;
        /* background: transparent url(http://yam.stceciliacathedral.org/images/public/header-underline.png) bottom repeat-x; */
        border-bottom: 1px solid #5c8727;
        padding: 0 0 0pt 0;
	margin: 0 0 10px 0;
}

.page_sub_header {
        border-bottom: 1px solid #CCC;
        clear: both;
        margin: 15px 0;
        padding: 0;

        color: #003366;
        font-size: 1.0em;
        font-weight: bold;
}


/* Monthly View Styles */
.calendar_table, .calendar_bordered_table {
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
  border-collapse: collapse;
}

.calendar_bordered_table {
  border: 1px solid #000; 
}

.change_view_table {
  width: 100%;
  margin-left: auto;
}

.header_cell, .header_row { 
  background: #4e669c;
  color: #FFF;
  font-weight: bold;
  font-size: 10pt;
  padding: 0px;  
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px; 
}
.header_cell { font-size: 10pt; width: 14.3px; border: 1px solid #000; }

A.header_link         { color: #FFF; text-decoration: none; }
A.header_link:link    { color: #FFF; text-decoration: none; }
A.header_link:visited { color: #FFF; text-decoration: none; }
A.header_link:active  { color: #FB0; text-decoration: underline; }
A.header_link:hover   { color: #FB0; text-decoration: underline; }

.month_week_row { 
  background: #FFF;
  color: #003366;
  font-weight: normal;
  font-size: 8pt;
  padding: 0px;
  margin: 0px; 
}

.form_row { background: #FFF; }
.form_header_cell { 
  font-weight: bold;
  padding-top: 5px; 
  padding-bottom: 5px; 
  border-bottom: 1px dotted #EEE; 
}
.form_cell { 
  padding-top: 5px; 
  padding-bottom: 5px; 
  border-bottom: 1px dotted #DDD;  
}
.form_field_error {
  font-weight: bold;
  padding-top: 5px; 
  padding-bottom: 5px; 
  padding-right: 5px; 
  border-bottom: 1px dotted #DDD; 
  width: 29%;
  color : #ff0033; 
}
.form_field_no_error {
  font-weight: bold;
  padding-top: 5px; 
  padding-bottom: 5px; 
  padding-right: 5px; 
  border-bottom: 1px dotted #DDD; 
  width: 29%;
}

.even_row, .month_empty_cell { background: #FFF; }
.even_cell, .month_empty_cell { border-right: 1px dotted #003366; border-bottom: 1px dotted #003366; }

.odd_row, .month_day_cell { background: #FFF; }
.odd_cell, .month_day_cell { border-right: 1px dotted #003366; border-bottom: 1px dotted #003366; }

.week_day_cell { border-bottom: 1px solid #003366; }
.week_event_cell { 
  border-bottom: 1px dotted #AAA; 
  padding-bottom: 3px; 
  padding-top: 3px; 
  padding-right: 5px;
}

.month_empty_cell { width: 14%;  border: 1px solid #003366; height: 55px; }
.month_day_cell { width: 14%;  border: 1px solid #003366; height: 55px;  }
.month_today_cell { background: #FFFF99; width: 14%;  border: 1px solid #003366; height: 55px;  }

.day_selector { background: #99CCCC; width: 40px; border: 1px solid #999; text-align: center; padding-right: 2px; padding-left: 2px; } 
A.day_selector_link         { color: #000000; text-decoration: none; padding-right: 10px;}
A.day_selector_link:link    { color: #000000; text-decoration: none; }
A.day_selector_link:visited { color: #000000; text-decoration: none; }
A.day_selector_link:active  { color: #FF0000; text-decoration: none; }
A.day_selector_link:hover   { color: #FF0000; text-decoration: none; }

.event_list { 
  font-weight: normal;
  font-size: 7pt;
  padding: 0px;
  margin-left: 0px; 
  list-style-type: none;
}
.event_list_item { 
  font-weight: normal;
  font-size: 7pt;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #999;
}

.event_link { font-size: 7pt; } 
A.event_link, A.week_link                 { color: #000000; text-decoration: none;}
A.event_link:link, A.week_link:link       { color: #000000; text-decoration: none; }
A.event_link:visited, A.week_link:visited { color: #000000; text-decoration: none; }
A.event_link:active, A.week_link:active   { color: #FF0000; text-decoration: underline; }
A.event_link:hover, A.week_link:hover     { color: #FF0000; text-decoration: underline; }

/* Form Styles */

input, select, textarea {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #EEE;
    border: 1px solid #6699FF;
}
input:focus, textarea:focus {
    background-color: #FFF;
    border: 1px solid #006699;
}
.app_button, .app_button:focus {
    color: #FFF;
    background-color: #26A;
    border-bottom: 1px solid #333;
    border-right: 1px solid #000;
    border-left: 1px solid #CCCCFF;
    border-top: 1px solid #CCCCFF;
    -moz-border-radius: 8px;
}
.app_button:hover {
    background-color: #FB0;
    color: #000;