/* events */
.rhevents {}
.rhevents h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents .admin_controls {margin: 0 0 20px 0;}
.rhevents .admin_controls img {border: none;}
.rhevents .next_upcoming_event {}
.rhevents .next_upcoming_event_info {}
.rhevents .next_upcoming_event_info h2 {}
.rhevents .next_upcoming_event_info h3 {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents .next_upcoming_event_info h3.contributor {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents .next_upcoming_event_info h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents .next_upcoming_event_info h5 {margin: 0; padding: 0; font-weight: normal; font-size: 90%;}
.rhevents .next_upcoming_event_info p {margin: 10px 0 0 0; padding: 0;}
.rhevents .next_upcoming_event_footer {}
.rhevents .map {padding: 0 0 20px 0;}
.rhevents .map p {text-align: center;}
.rhevents #google_map {height: 500px; border: solid 1px #000;}
.rhevents #google_map_placeholder {height: 500px; border: solid 1px #000;}
.rhevents .clear {clear: both;}

/* event list */
.rhevents_list {}
.rhevents_list .list_month {margin: 5px 0 0 0; padding: 2px 0 2px 5px; font-weight: bold; font-size: 100%; background-color: #FFF;}
.rhevents_list .list_item {border-top: dotted 1px #000; padding: 15px 0 15px 0; width: 100%;}
.rhevents_list .list_item h3 {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_list .list_item h3.contributor {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_list .list_item h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents_list .list_item h5 {margin: 0; padding: 0; font-weight: normal; font-size: 90%;}
.rhevents_list .list_item p {margin: 10px 0 0 0; padding: 0;}
.rhevents_list .hidden {background-color: #FFCCCC;}
.rhevents_list .last_item {}
.rhevents_list .edit_controls {margin: 15px 0 5px 0;}
.rhevents_list .edit_controls img {border: none;}

/* event calendar */
.rhevents_calendar {}
.rhevents_calendar table {width: 99%; border: solid 1px #000; border-collapse: collapse;}
.rhevents_calendar table thead {}
.rhevents_calendar table thead th {height: 50px; vertical-align: middle; text-align: center;}
.rhevents_calendar table thead th.previous_month {width: 15%;}
.rhevents_calendar table thead th.next_month {width: 15%;}
.rhevents_calendar table thead th.month_name {width: 70%;}
.rhevents_calendar table thead th.month_name h4 {font-size: 160%;}
.rhevents_calendar table thead th.day_name {width: 14.3%; height: 25px; color: #FFF; background-color: #000;}
.rhevents_calendar table tbody {}
.rhevents_calendar table tbody th, .rhevents_calendar table tbody td {border: solid 1px #000; border-collapse: collapse;}
.rhevents_calendar table tbody th {}
.rhevents_calendar table tbody td {vertical-align: top;}
.rhevents_calendar table tbody td.previous_month {color: #999; background-color: #EEE;}
.rhevents_calendar table tbody td.next_month {color: #999; background-color: #EEE;}
.rhevents_calendar table tbody td div.date {}
.rhevents_calendar table tbody td div.display_date {padding: 3px 0 0 3px;}
.rhevents_calendar table tbody td div.event_info {overflow: hidden; width: 1px; height: 1px;}
.rhevents_calendar table tbody td div.event_info a {display: block; margin: 5px 0 0 5px; padding: 5px;}
.rhevents_calendar table tbody td div.event_info a:hover {background-color: #CCC;}
.rhevents_calendar .edit_controls {padding: 5px 0 5px 0;}
.rhevents_calendar .edit_controls img {border: none;}
div.event_tool_tip {}
div.event_tool_tip h3 {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
div.event_tool_tip h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
div.event_tool_tip h5 {margin: 0; padding: 0; font-weight: normal; font-size: 90%;}
div.event_tool_tip p {margin: 10px 0 0 0; padding: 0;}
div.event_tool_tip p.more_details {font-weight: bold;}

/* detail */
.rhevents_detail {}
.rhevents_detail h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_detail h3.contributor {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_detail h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents_detail p.url {font-style: italic;}
.rhevents_detail div.event_detail {margin-top: 20px;}
.rhevents_detail div.event_detail h4 {}
.rhevents_detail div.event_detail dl dd label {font-weight: bold;}
.rhevents_detail .map {width: 400px; float: right; padding: 0 20px 0 0;}
.rhevents_detail .map p {text-align: center;}
.rhevents_detail #google_map {width: 400px; height: 300px; border: solid 1px #000;}
.rhevents_detail #google_map_placeholder {width: 400px; height: 300px; border: solid 1px #000;}

/* event edit form */
.rhevents_event_edit {padding: 10px 0 10px 0;}
.rhevents_event_edit h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_event_edit h4 {font-weight: bold; font-size: 95%;}
.rhevents_event_edit .rhevents_display label {display:block; float: left; width: 60px;}
.rhevents_event_edit .rhevents_name input {width: 600px;}
.rhevents_event_edit .rhevents_city input {width: 300px;}
.rhevents_event_edit .rhevents_region select {margin-right: 5px;}
.rhevents_event_edit .rhevents_startdate {width: 200px; float: left;}
.rhevents_event_edit .rhevents_enddate {width: 200px; float: left;}
.rhevents_event_edit .buttons {clear: both;}
.rhevents_event_edit .rhevents_save {width: 100px; margin-right: 5px;}
.rhevents_event_edit .rhevents_delete {width: 100px; margin-right: 5px;}
.rhevents_event_edit .rhevents_cancel {}

/* event add confirmation */
.rhevents_add_confirmation {}
.rhevents_add_confirmation h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_add_confirmation .rhevents_return {width: 154px;}

/* event delete confirmation */
.rhevents_delete_confirmation {}
.rhevents_delete_confirmation h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_delete_confirmation .rhevents_return {width: 154px;}

/* event geocode error */
.rhevents_geocode_error {}
.rhevents_geocode_error h3 {margin: 0; padding: 0; font-weight: bold; font-size: 120%;}
.rhevents_geocode_error .rhevents_return {width: 154px; margin-right: 5px;}
.rhevents_geocode_error .rhevents_edit {width: 80px;}

/* featured event */
.rhevents_featured {}
.rhevents_featured .featured_event {}
.rhevents_featured .featured_event .badge {width: 100px; border: solid 2px #000; color: #fff; background-color: #666;}
.rhevents_featured .featured_event .badge_info {padding: 10px 0;}
.rhevents_featured .featured_event .badge_footer {display: none;}
.rhevents_featured .featured_event .badge span.month {display: block; text-align: center;}
.rhevents_featured .featured_event .badge span.day {display: block; text-align: center; font-weight: bold; font-size: 30px;}
.rhevents_featured .featured_event .event_info {}
.rhevents_featured .featured_event .event_info h3 {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_featured .featured_event .event_info h3.contributor {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_featured .featured_event .event_info h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents_featured .featured_event .event_info h5 {margin: 0; padding: 0; font-weight: normal; font-size: 90%;}
.rhevents_featured .featured_event .event_info p {margin: 10px 0 0 0; padding: 0;}
.rhevents_featured .upcoming_events {}
.rhevents_featured .upcoming_events .list_item {border-top: dotted 1px #000; padding: 15px 0 15px 0; width: 100%;}
.rhevents_featured .upcoming_events .list_item h3 {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_featured .upcoming_events .list_item h3.contributor {margin: 0; padding: 0; font-weight: bold; font-size: 105%;}
.rhevents_featured .upcoming_events .list_item h4 {margin: 0; padding: 0; font-weight: bold; font-size: 90%;}
.rhevents_featured .upcoming_events .list_item h5 {margin: 0; padding: 0; font-weight: normal; font-size: 90%;}
.rhevents_featured .upcoming_events .list_item p {margin: 10px 0 0 0; padding: 0;}
.rhevents_featured .upcoming_events .last_item {border-bottom: dotted 1px #000;}

/***************************************************************************/
/* admin styles */
/***************************************************************************/

/* admin buttons */
.adminbutton_addeventcalendar {width: 150px;}
.adminbutton_addevent {width: 94px;}
.adminbutton_returntoeventcalendars {width: 186px;}
.adminbutton_saveeventcalendar {width: 160px;}
.adminbutton_addeventcalendar {width: 160px;}
.adminbutton_addcontributor {width: 130px;}

/* grids */
.admingrid, .adminsortablegrid {width: 95%; border: solid 1px #003366; border-collapse: collapse; margin: 10px 0 10px 0;}
.admingrid th, .admingrid td, 
.adminsortablegrid th, .adminsortablegrid td {font-family: Arial, sans-serif; font-size: 70%; text-align: center; padding: 2px; border: solid 1px #003366;}
.admingrid th, .adminsortablegrid th {color: #003366; background-color: #FFF; vertical-align: middle;}
.admingrid .left, .adminsortablegrid .left {text-align: left; padding-left: 10px;}
.adminsortablegrid .currentsort {background-color: #EEE;}
.adminsortablegrid th a:link, .adminsortablegrid th a:visited,
.adminsortablegrid th a:hover, .adminsortablegrid th a:active {color: #003366; text-decoration: underline;}
.adminsortablegrid th a:hover {color: #999;}

/* gridview pager */
.adminpager td {border: none;}

/* nested grid */
.adminnestedgrid {width: 90%; margin: 5px;}
.adminnestedgrid th, .adminnestedgrid td {text-align: center; padding: 2px;}

/* standard table */
.admintable {width: 95%; border: none; border-collapse: collapse;}
.admintable th, .admintable td {font-family: Arial, sans-serif; font-size: 70%; text-align: left; padding: 2px; border: none;}

/* grid command links */
a.admincommand:link, a.admincommand:visited, 
a.admincommand:hover, a.admincommand:active {font-weight: bold; text-decoration: underline;}

/* used to disable links consistently across ie and firefox */
.admincommanddisabled, a.admincommanddisabled:link, a.admincommanddisabled:visited, 
a.admincommanddisabled:hover, a.admincommanddisabled:active {font-weight: bold; color: #CCC; text-decoration: none;}

/* validation messages */
.adminvalidation {font-family: Arial, sans-serif; font-size: 12px; color: #FF0000;}
.adminvalidation ul {font-family: Arial, sans-serif; font-size: 12px; color: #FF0000;}

/* non-validation user messages */
.adminmessage {font-family: Arial, sans-serif; color: #000; font-style: italic;}

/* list and detail control containers */
.adminlist {padding-top: 5px;}
.admindetail {padding-top: 5px;}

/* form fields */
.adminform .form_row {}
.adminform .form_row label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%; display: block;}
.adminform .form_row div {font-family: Arial, sans-serif; color: #000; font-size: 80%;}
.adminform .form_row div input {font-family: Arial, sans-serif; color: #000; font-size: 100%;}
.adminform .form_row div select {font-family: Arial, sans-serif; color: #000; font-size: 100%;}
.adminform .form_row div textarea {font-family: Arial, sans-serif; color: #000; font-size: 100%; width: 600px; height: 150px;}
.adminform .text input {width: 400px;}
.adminform .text_wide input {width: 600px;}
.adminform .text_narrow input {width: 200px;}
.adminform .readonly label {float: left; width: 100px;}
.adminform .available_contributors label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%;}
.adminform .available_titles label {font-family: Arial, sans-serif; color: #000; font-weight: bold; font-size: 75%;}

/* paragraphs on admin form and list pages */
.adminform p {font-family: Arial, sans-serif; font-size: 70%; line-height: 1.2em; margin: 5px 0 5px 0; padding: 0;}
.adminlist p {font-family: Arial, sans-serif; font-size: 70%; line-height: 1.2em; margin: 5px 0 5px 0; padding: 0;}

/* ordered and unordered lists on admin form pages */
.adminform ol li {font-family: Arial, sans-serif; font-size: 70%; line-height: 1.2em; margin: 5px 0 5px 0; padding: 0;}

/* columns on admin forms */
.adminform .column {float: left; padding: 0 20px 0 0;}
.adminform .columns {height: 1%;}

/* section headlines */
.adminlist h1, .adminform h1 {font-size: 140%; font-weight: bold; clear: both;}
.adminlist h2, .adminform h2 {font-size: 130%; font-weight: bold; clear: both;}
.adminlist h3, .adminform h3 {font-size: 120%; font-weight: bold; clear: both;}
.adminlist h4, .adminform h4 {font-size: 100%; font-weight: bold; clear: both;}
.adminlist h5, .adminform h5 {font-size: 100%; font-weight: bold; clear: both;}

.adminclear {clear: both;}