/*-------------------------------------------------------------------------------------
EVENTS
--------------------------------------------------------------------------------------*/

#SKIN table td h3 { padding-left: 0; }

#SKIN #myeventslogin {  }
#SKIN #myeventslogin th {  }

#SKIN #loginform table { width: 480px; }
#SKIN #simplesearch th.form_label,
#SKIN #eventdetail th.form_label,
#SKIN #eventcreate td.label,
#SKIN #loginform th.form_label,
#SKIN #inviteform th.form_label,
#SKIN #signupform th.form_label { width: 30%; }
.loginbutton { padding-left: 30%; }

#SKIN #eventsearch { clear: both; position: relative; }

#SKIN #eventsearch #search_results_xml_link { float: right; }
#SKIN #eventsearch img.rssimg { padding: 4px 4px 4px 0px; border: none; }

#SKIN #eventdetail #event_detail_xml_link { float: right; }
#SKIN #eventdetail img.rssimg { padding: 4px 4px 4px 0px; }

#SKIN #eventsearch .event .links ul { list-style: none; margin: 0; padding: 5px 0; }

#SKIN #eventsearch .event .links li { padding: 0 5px; margin: 0; }

#SKIN h3 a {  }

#SKIN #eventsearch .date,
#SKIN #eventsearch .location,
#SKIN #eventsearch .description { padding: 0 5px; }

#SKIN #eventsearch #eventmap_preloader { display: none; text-align: center; background:#ddd url(../../../images/indicator.gif) no-repeat center center; }

#SKIN #eventsearch #eventmap_preloader #eventmap_preloader_txt { font-size: 120%; color:#333; position: relative; top: 53%; }

#SKIN #eventsearch #event_map { clear: both; margin: 0px auto 8px auto; }
#SKIN #eventsearch #map_container { overflow: hidden; margin-left: auto; margin-right: auto; }

#SKIN #myevents table,
#SKIN #myevents table td,
#SKIN #myevents table th { border: 0; border-spacing: 0; border-collapse: collapse; }

#SKIN #myevents table td,
#SKIN #myevents table th { padding: 5px 5px; }
#SKIN #myevents

#SKIN #eventcreate h3 { border-bottom: 1px solid #ccc; margin: 20px 0 10px 0; padding: 0 0 5px 0; }
#SKIN #eventcreate .firstform th { font-weight: bold; padding-right: 10px; width: 190px; }

#SKIN .basic .main .typedesc { margin-top: 18px; }
#SKIN .basic .main .typedesc tbody th { font-weight: bold; padding: 5px 10px 5px 0; }
#SKIN .basic .main .typedesc td { padding: 5px 0; }
#SKIN .basic .main .typedescheader { border-bottom: 1px solid #ddd; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; padding-bottom: 3px; }


#SKIN .basic .main #eventdetail .title { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; margin-top: 18px; }
#SKIN #eventdetail .description { margin-bottom: 18px; /*padding: 5px;*/ }

#SKIN .msgok { color: green; font-weight: bold; }

#SKIN .msgerror,
#SKIN .error { color: red; font-weight: bold; }

#SKIN .or { text-align: center; font-weight: bold; font-size: 14px; }

#SKIN .detailtable_container { background: #eee; border-top: 1px solid #ddd; margin-bottom: 18px; padding: 10px 10px 15px; }
#SKIN .detailtable_container table { margin-bottom: 0; }
#SKIN #detailtable {  }
#SKIN #contact_importer_button { margin: 10px 0; }

#SKIN .main {  }

#SKIN .basic .main h2,
#SKIN .basic .main h2.header,
#SKIN .basic .main h2#sectionheader {  }

#SKIN .suggestion,
#SKIN .suggestion a { font-weight: bold; }

#SKIN #eventdetail #volunteer_box { border: 1px solid #6699BB; background:#CCEEFF; }

#SKIN #eventdetail #volunteer_box h3 { padding-left: 5px; }

#SKIN #shiftstable { padding: 15px; margin: 15px; }

#SKIN #shiftstable td { border-bottom: 1px solid #000; padding: 0 0.5em; }

/* Legacy */
#SKIN #eventsearch .event .links ul { list-style: none; margin: 0; padding: 5px 0; }
#SKIN #eventsearch .event .links li { padding: 0 5px; margin: 0; }
#SKIN #eventsearch .date,#SKIN #eventsearch .location,#SKIN #eventsearch .description { padding: 0 5px; }

/* GENERAL */
#SKIN #eventsearch { position: relative; }
#eventsearch,h3 { font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; }

/* Header */
#eventsearch h2#sectionheader {  }
#eventsearch h2#sectionheader a { text-decoration: none; }
#eventsearch h2#sectionheader small, #eventsearch h2#sectionheader small a { }
#search-distance-input,#search-location-input { font-size: 16px; border: 1px solid #D3D3D3; color:#555555; }
#search-distance-input { width: 2em; }
#search-location-input { width: 5em; }
#search_results_xml_link { float: right; }
#SKIN #eventsearch img.rssimg { padding: 4px 4px 4px 0px; }
#search_results_xml_link img.rssimg { padding-right: 0; }

/*Invite Form*/
#SKIN #inviteform { border-bottom: 1px solid #ccc; margin: 0 0 16px 0; }
#SKIN #invitetable th { padding-right: 10px; }

#SKIN .sectionheader-share { float: left; }
#SKIN .sectionheader-created { float: left; }
#SKIN .sectionheader-created h2 { margin-top: 0; }


/* Map */
#SKIN #eventsearch #eventmap_preloader { display: none; text-align: center; background:#ddd url(../../../images/indicator.gif) no-repeat center center; }
#SKIN #eventsearch #eventmap_preloader #eventmap_preloader_txt { font-size: 120%; color:#333; position: relative; top: 53%; }
#SKIN #eventsearch #event_map { border-bottom: 1px solid #ccc; clear: both; margin: 0px auto 8px auto; padding: 10px 0;  }
#SKIN #eventsearch #map_container { overflow: hidden; }
/* #event_map { display: none; } */

/* Filters + Listing */
#event_result_container {  }
#filters { float: left; padding: 5px 0 0 0; width: 200px; }

/* Tabs */
h3#count {  }
ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0;  width: 100%; }
ul#event_order li {  background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; }
ul#event_order li a { color: #888;  }
ul#event_order a:hover { color: #555; }
ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; }
ul#event_order li.active a { color: #555; }

/* Filters*/
a#host-button { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; }
#filters h3 {  }

#calendar-nav { display: none; }
#dates { font-size: 10px; margin-top: 2px; }
input#date-start,input#date-end { margin: 0 0 5px 0; width: 65px; }
input#date-end { margin-right: 5px; }
#dates button { border: 1px solid #D3D3D3; background:#EDEDED; margin: 0; font-size: 10px; }

/* Search Results*/
#event_results { float: right; margin: 0; width: 60%; }
#event_list  { clear: both; }
#event_results table.event_group { width: 100%; margin: 12px 0; }
#event_results .event { border-top: 1px solid #ddd; padding: 10px 0; width: 100%; }
#event_results .first {  }
#event_results .first .event { border: 0; }
#event_results .event h3.title { padding: 0; margin-bottom: 2px; }
#event_results .event h3.title a { font-size: 15px; font-weight: bold; }
#event_results .event .location { padding: 0!important; color:#363636; text-transform: none; }
#event_results .event .location .city { color:#7F7F7F; }
#event_results .event .date { height: auto!important; font-size: 12px!important; padding: 0!important; padding-right: 20px!important; width: auto; font-weight: bold }
#event_results .event .shift { padding: 0; float: none; } 
#event_results .event .date .day { display: none; }
#event_results .event .description { font-size: 12px!important; padding: 0!important; margin: 12px 0; }

#event_results .datebox { background:#F2F7F7; border: 1px solid #ddd; font-weight: bold; margin: 10px; padding: 4px; text-align: center; width: 65px; }
#event_results .datebox .english {  }
#event_results .datebox .calendardate { text-align: center; margin: 8px 8px 0 8px; line-height: 1.7em; }
#event_results .datebox .month { font-size: 15px; }
#event_results .datebox .day { font-size: 30px; }

#event_results .event_footer { margin-bottom: 10px; position: relative; min-height: 30px; }
#event_results .event_footer .event_type { color:#7F7F7F; float: left; font-weight: bold; padding: 3px 0; }
#event_results .event_footer .event_type small {  }

#event_results .event_footer .links { float: left; }
#event_results .event_footer .links .detail_button, #event_results .event_footer .links .rsvp_button { float: right; } 
#event_results .event_footer .links .detail_button a, #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; padding: 2px 10px; }
#event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; }
#event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; }
#event_results .event_footer .links .detail_button a:hover, #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; }

#date-filter { text-transform: capitalize; }

/* The following is derived from BSD Licensed YUI 2.6.0 code */
.yui-calcontainer th,.yui-calcontainer td { font-size: 11px; }
.yui-calcontainer { position: relative; float: left; _overflow: hidden; margin-bottom: 10px; }
.yui-calcontainer iframe { position: absolute; border: none; margin: 0; padding: 0; z-index: 0; width: 100%; height: 100%; left: 0px; top: 0px; }
.yui-calcontainer iframe.fixedsize { width: 50em; height: 50em; top:-1px; left:-1px; }
.yui-calcontainer.multi .groupcal { z-index: 1; float: left; position: relative; }
.yui-calcontainer .title { position: relative; z-index: 1; }
.yui-calcontainer .close-icon { position: absolute; z-index: 1; text-indent:-10000em; overflow: hidden; }
.yui-calendar { position: relative; }
.yui-calendar .calnavleft { position: absolute; z-index: 1; text-indent:-10000em; overflow: hidden; }
.yui-calendar .calnavright { position: absolute; z-index: 1; text-indent:-10000em; overflow: hidden; }
.yui-calendar .calheader { position: relative; width: 100%; text-align: center; }
.yui-calcontainer .yui-cal-nav-mask { position: absolute; z-index: 2; margin: 0; padding: 0; width: 100%; height: 100%; _width: 0; _height: 0; left: 0; top: 0; display: none; }
.yui-calcontainer .yui-cal-nav { position: absolute; z-index: 3; top: 0; display: none; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { display:-moz-inline-box; display: inline-block; }
.yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { display: block; *display: inline-block; *overflow: visible; border: none; background-color: transparent; cursor: pointer; }
.yui-calendar .calbody a: hover { background: inherit; }
p#clear { clear: left; padding-top: 10px; }
#calendar-nav .yui-calcontainer { background-color:#ededed; padding: 10px; }
#calendar-nav .yui-calcontainer.multi { padding: 0 5px 0 5px; }
#calendar-nav .yui-calcontainer.multi .groupcal { background-color: transparent; border: none; padding: 10px 5px 10px 5px; margin: 0; }
#calendar-nav .yui-calcontainer .title { background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) repeat-x 0 0; border-bottom: 1px solid #cccccc; font: 100% sans-serif; color:#000; font-weight: bold; height: auto; padding:.4em; margin: 0 -10px 10px -10px; top: 0; left: 0; text-align: left; }
#calendar-nav .yui-calcontainer.multi .title { margin: 0 -5px 0 -5px; }
#calendar-nav .yui-calcontainer.withtitle { padding-top: 0; }
#calendar-nav .yui-calcontainer .calclose { background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) no-repeat 0 -300px; width: 25px; height: 15px; top:.4em; right:.4em; cursor: pointer; }
#calendar-nav .yui-calendar { border-spacing: 0; border-collapse: collapse; font: 100% sans-serif; text-align: center; margin: 0; }
#calendar-nav .yui-calendar .calhead { background: transparent; border: none; vertical-align: middle; padding: 0; }
#calendar-nav .yui-calendar .calheader { background: transparent; font-weight: bold; padding: 0 0 .6em 0; text-align: center; }
#calendar-nav .yui-calendar .calheader img { border: none; }
#calendar-nav .yui-calendar .calnavleft { background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) no-repeat 0 -450px; width: 25px; height: 15px; top: 0; bottom: 0; left:-10px; margin-left:.4em; cursor: pointer; }
#calendar-nav .yui-calendar .calnavright { background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) no-repeat 0 -500px; width: 25px; height: 15px; top: 0; bottom: 0; right:-10px; margin-right:.4em; cursor: pointer; }
#calendar-nav .yui-calendar .calweekdayrow { height: 2em; }
#calendar-nav .yui-calendar .calweekdayrow th { padding: 0; border: none; }
#calendar-nav .yui-calendar .calweekdaycell { color:#000; font-weight: bold; text-align: center; width: 2em; }
#calendar-nav .yui-calendar .calfoot { background-color:#ededed; }
#calendar-nav .yui-calendar .calrowhead,#calendar-nav .yui-calendar .calrowfoot { color:#a6a6a6; font-size: 85%; font-style: normal; font-weight: normal; border: none; }#calendar-nav .yui-calendar .calrowhead { text-align: right; padding: 0 2px 0 0; }
#calendar-nav .yui-calendar .calrowfoot { text-align: left; padding: 0 0 0 2px; }
#calendar-nav .yui-calendar td.calcell { border: 1px solid #cccccc; background:#fff; padding: 1px; height: 1.6em; line-height: 1.6em; text-align: center; white-space: nowrap; }#calendar-nav .yui-calendar td.calcell a { font-weight: normal; color:#555555; display: block; height: 100%; text-decoration: none; }
#calendar-nav .yui-calendar td.calcell.today { background-color:#000; }
#calendar-nav .yui-calendar td.calcell.today a { background-color:#fff; }
#calendar-nav .yui-calendar td.calcell.oom { background-color:#cccccc; color:#a6a6a6; cursor: default; }
#calendar-nav .yui-calendar td.calcell.selected { background-color:#fff; color:#000; }
#calendar-nav .yui-calendar td.calcell.selected a { background-color:#b3d4ff; color:#000; }
#calendar-nav .yui-calendar td.calcell.calcellhover { background-color:#555555; color:#fff; cursor: pointer; }
#calendar-nav .yui-calendar td.calcell.calcellhover a { background-color:#555555; color:#fff; }
#calendar-nav .yui-calendar td.calcell.previous { color:#e0e0e0; }
#calendar-nav .yui-calendar td.calcell.restricted { text-decoration: line-through; }
#calendar-nav .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
#calendar-nav .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
#calendar-nav .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
#calendar-nav .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }
#calendar-nav .yui-calendar a.calnav { border: 1px solid #ededed; padding: 0 4px; text-decoration: none; color:#000; zoom: 1; }
#calendar-nav .yui-calendar a.calnav: hover { background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) repeat-x 0 0; border-color:#A0A0A0; cursor: pointer; }
#calendar-nav .yui-calcontainer .yui-cal-nav-mask { background-color:#000; opacity: 0.25; *filter: alpha(opacity=25); }
#calendar-nav .yui-calcontainer .yui-cal-nav { font-family: arial,helvetica,clean,sans-serif; font-size: 93%; border: 1px solid #808080; left: 50%; margin-left:-7em; width: 14em; padding: 0; top: 2.5em; background-color:#ededed; }
#calendar-nav .yui-calcontainer.withtitle .yui-cal-nav { top: 4.5em; }
#calendar-nav .yui-calcontainer.multi .yui-cal-nav { width: 16em; margin-left:-8em; }
#calendar-nav .yui-calcontainer .yui-cal-nav-y,#calendar-nav .yui-calcontainer .yui-cal-nav-m,#calendar-nav .yui-calcontainer .yui-cal-nav-b { padding: 5px 10px 5px 10px; }
#calendar-nav .yui-calcontainer .yui-cal-nav-b { text-align: center; }
#calendar-nav .yui-calcontainer .yui-cal-nav-e { margin-top: 5px; padding: 5px; background-color:#EDF5FF; border-top: 1px solid black; display: none; }
#calendar-nav .yui-calcontainer .yui-cal-nav label { display: block; font-weight: bold; }
#calendar-nav .yui-calcontainer .yui-cal-nav-mc { width: 100%; _width: auto; }
#calendar-nav .yui-calcontainer .yui-cal-nav-y input.yui-invalid { background-color:#FFEE69; border: 1px solid #000; }
#calendar-nav .yui-calcontainer .yui-cal-nav-yc { width: 4em; }
#calendar-nav .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { border: 1px solid #808080; background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) repeat-x 0 0; background-color:#ccc; margin: auto .15em; }
#calendar-nav .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { padding: 0 8px; font-size: 93%; line-height: 2; *line-height: 1.7; min-height: 2em; *min-height: auto; color:#000; }
#calendar-nav .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { border: 1px solid #304369; background-color:#555555; background: url(../../../../../../2-6-0/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px; }

#calendar-nav .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { color:#fff; }

.hidden { visibility: none; display: none; }