/* Satterley Calendar CSS Document */

#welcomebar { padding: 0; height: 26px; background: #72768d url(images/content_colour_purple_bgrepeat.gif) repeat-x top left; }
#welcomebar h1 { margin: 0; height: 26px; line-height: 26px; background: url(images/welcomebar_title_bg.gif) no-repeat 10px 6px; text-indent: -9999px; }


/* Calendar */
#contentinner { padding-bottom: 10px; }
.eventscalendarwrapper { padding: 0; background: url(images/eventscalendar_bg.gif) repeat-y top right; }
.eventscalendar { background: url(images/eventscalendar_bottomright_bg.gif) no-repeat bottom right; color: #626262; }

.eventscalendar .topcontrol { position: relative; height: 74px; background-color: #efebd2; border-bottom: 1px solid #fff; }

.eventscalendar .topcontrol .addanevent { float: right; width: 270px; padding: 24px 0 0 0; }
.eventscalendar .topcontrol .addanevent a { display: block; width: 252px; padding-top: 20px; text-decoration: none; color: #696969; background: url(images/eventscalendar_topcontrol_addeventbg.gif) no-repeat top right; text-align: right; }
.eventscalendar .topcontrol .addanevent a:hover { color: #000; }

.eventscalendar .topcontrol .monthcontrol { padding: 25px 270px 0 0; text-align: center; }
.eventscalendar .topcontrol #calendarTitle { color: #000; font-weight: bold; font-size: 20px; text-align: center; }
.eventscalendar .topcontrol #btnAdd {  }
.eventscalendar .topcontrol #btnPrev { padding: 4px 15px 0 0; background: url(images/calendar_control_month_prev.gif) no-repeat top right; }
.eventscalendar .topcontrol #btnNext { padding: 4px 15px 0 0; margin-left: 8px; line-height: 15px; background: url(images/calendar_control_month_next.gif) no-repeat; }

.eventscalendar .topcontrol a#btnPrev:hover, .eventscalendar .topcontrol a#btnNext:hover { text-decoration: none; }

.eventscalendar #calendarcontainer { width: 100%; }
.eventscalendar #calendarcontainer #calendarleft { padding: 0 270px 0 0; }
.eventscalendar #calendarcontainer #calendarright { width: 270px; float: right; background: url(images/calender_rightcol_bgtop.gif) repeat-x top; }

.eventscalendar #upcominglink { color: #00a0de; font-weight: bold; text-decoration: none; margin: 0 0 11px 0; display: block; }

#calendarcontainer #calendarright h4 { color: #005f84; font-size: 140%; font-weight: bold; margin: 0 0 20px 0; border-bottom: 1px solid #c2c2c2; padding: 0 0 5px 0; }

#calendarcontainer #calendarright h5 { color: #00a0de; font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, Verdana; margin: 0 0 3px 0; }
#calendarcontainer #calendarright .event_date { font-weight: bold; color: black; margin-bottom: 3px; }
#calendarcontainer #calendarright .event_listing { color: #616161; border: none; position: relative; }

#calendarcontainer #calendarright .moderator_link_container { border: 1px solid #bdc0c2; padding: 4px; background-color: #f5f5f5; display: block; margin: 5px 0; }
#calendarcontainer #calendarright .moderator_link_container div { border: none; color: #f65809; font-weight: bold; float: left; display: block; margin-right: 10px; text-decoration: none; }

#calendarright .dateevents { color: #fff; font-weight: bold; height: 21px; padding: 7px 0 0 34px; background: url(images/calendar_rightcol_downarrow.gif) no-repeat 21px 12px; }
#calendarright .dateevents select.showallupcoming { color: #000; width: 215px; position: relative; margin: -2px 0 0 -13px; font-size: 10px; }

#eventContainer a.listedevent { display: block; width: 234px; padding: 15px 15px 15px 21px; background: url(images/rightcol_event_dotted_divide.gif) repeat-x bottom left; color: #454545; text-decoration: none; }
#eventContainer a.listedevent:hover { background-color: #efebd2; }
#eventContainer a.listedevent .eventdate { padding: 0 0 3px 0; color: #000; font-weight: bold; font-size: 110%; text-decoration: none !important; }
#eventContainer a.listedevent .eventtitle { padding: 0 0 3px 0; color: #016fb4; font-size: 120%; font-weight: bold; text-decoration: none !important; }
#eventContainer a.listedevent p { margin: 0; padding: 0; }
#eventContainer a.listedevent .officialevent { margin: 3px 0 5px 0; width: 125px; height: 15px; font-size: 90%; color: #fff; background: url(images/calendar_event_official_tag.gif) no-repeat top left; }

#eventContainer a.listedevent.official .eventtitle { color: #507647; }
#eventContainer a.listedevent.draft { color: #454545; }
#eventContainer a.listedevent.draft .eventtitle { position: relative; margin: 0 0 0 -21px; padding: 0 0 0 21px; color: #dc6e00; background: url(images/calendar_event_draft_marker.gif) no-repeat 5px 3px; }


/* Calendar Month/Year Titles */
#calendarTitle.y2008 { padding: 1px 0 2px 0; background: url(images/monthyear/year_2008.gif) no-repeat top right; }
#calendarTitle.y2009 { padding: 1px 0 2px 0; background: url(images/monthyear/year_2009.gif) no-repeat top right; }
#calendarTitle.y2010 { padding: 1px 0 2px 0; background: url(images/monthyear/year_2010.gif) no-repeat top right; }
#calendarTitle.y2011 { padding: 1px 0 2px 0; background: url(images/monthyear/year_2011.gif) no-repeat top right; }

#calendarTitle #month { padding-bottom: 12px !important; }
#calendarTitle .january { padding: 1px 0 0 123px; background: url(images/monthyear/month_january.gif) no-repeat 10px 0px; }
#calendarTitle .february { padding: 1px 0 0 112px; background: url(images/monthyear/month_february.gif) no-repeat 10px 0px; }
#calendarTitle .march { padding: 1px 0 0 107px; background: url(images/monthyear/month_march.gif) no-repeat 10px 0px; }
#calendarTitle .april { padding: 1px 0 0 101px; background: url(images/monthyear/month_april.gif) no-repeat 10px 0px; }
#calendarTitle .may { padding: 1px 0 0 90px; background: url(images/monthyear/month_may.gif) no-repeat 10px 0px; }
#calendarTitle .june { padding: 1px 0 0 92px; background: url(images/monthyear/month_june.gif) no-repeat 10px 0px; }
#calendarTitle .july { padding: 1px 0 0 92px; background: url(images/monthyear/month_july.gif) no-repeat 10px 0px; }
#calendarTitle .august { padding: 1px 0 0 116px; background: url(images/monthyear/month_august.gif) no-repeat 10px 0px; }
#calendarTitle .september { padding: 1px 0 12px 131px; background: url(images/monthyear/month_september.gif) no-repeat 10px 0px; }
#calendarTitle .october { padding: 1px 0 0 109px; background: url(images/monthyear/month_october.gif) no-repeat 10px 0px; }
#calendarTitle .november { padding: 1px 0 0 132px; background: url(images/monthyear/month_november.gif) no-repeat 10px 0px; }
#calendarTitle .december { padding: 1px 0 0 127px; background: url(images/monthyear/month_december.gif) no-repeat 10px 0px; }


/* Calendar Table */
#calendarbody { /*padding-left: 3px;*/ background-image: url(images/cal-dayname-bg.gif); background-repeat: repeat-x; }
\ html body #calendarbody { float: left; }

.calendarDay { padding: 5px 7px; min-height: 86px; height: auto !important; height: 86px; color: #000; cursor: pointer; }
.calendarDay .event { display: block; margin-bottom: 4px; }
.calendarDay .event.official .title { color: #fff; background-color: #689261; padding: 0 2px; }
.calendarDay .event.draft .title { color: #fff; background-color: #dc6e00; padding: 0 2px; }

table.calendar { width: 100%; margin-bottom: 50px; }
table.calendar.colheaders { margin-bottom: 0; }
table.calendar td { padding: 0 !important; background-color: #cecece; background-image: url(images/cal-day-bg.gif); background-repeat: repeat-x; height: 88px; /*border-right: 3px solid white; border-bottom: 3px solid white;*/ vertical-align: top; font-size: 10px; }
table.calendar td.calnoday { background-image: none; background-color: #ededed; }	
table.calendar th { padding: 0 !important; text-align: center; height: 28px; font-size: 110%; line-height: 28px; background-color: #4baac7; color: #fff; text-transform: uppercase; font-weight: bold; /*border-bottom: 3px solid white;*/ background-image: url(images/cal-dayname-bg.gif); background-repeat: repeat-x; }
table.calendar td.caldayevent { background: #c8e5ef url(images/cal-day-event-bg.gif) no-repeat; }	
table.calendar td.caltoday { background-image: url(images/cal-day-today-bg.gif); }
table.calendar td.caldayevent.caltoday { background-image: url(images/cal-day-event-today-bg.gif); }

table.calendar td.clicked { border: 1px solid #cc0000; }
table.calendar td.clicked .calendarDay { /*border: 1px solid #cc0000;*/ padding: 4px 8px 4px 6px; }

table.calendar td.todayclicked { border: 1px solid #cc0000; background-image: url(images/cal-day-today-bg.gif); }
table.calendar td.todayclicked .calendarDay { /*border: 1px solid #cc0000;*/ padding: 4px 8px 4px 6px; }

table.calendar td.caldayeventclicked { border: 1px solid #cc0000; background-image: url(images/cal-day-event-bg.gif); }
table.calendar td.caldayeventclicked .calendarDay { /*border: 1px solid #cc0000;*/ padding: 4px 8px 4px 6px; }

table.calendar td.caltodayclicked { border: 1px solid #cc0000; background-image: url(images/cal-day-today-bg.gif); }
table.calendar td.caltodayclicked .calendarDay { /*border: 1px solid #cc0000;*/ padding: 4px 8px 4px 6px; }

table.calendar td.caltodayeventclicked { border: 1px solid #cc0000; background-image: url(images/cal-day-event-today-bg.gif); }
table.calendar td.caltodayeventclicked .calendarDay { /*border: 1px solid #cc0000;*/ padding: 4px 8px 4px 6px; }

table.calendar td .date { font-size: 120%; font-weight: bold; color: #282828; margin-bottom: 3px; }


/* Module Popup */
/* #eventmodule { position: absolute; top: 50%; left: 50%; margin: -255px 0 0 -355px; width: 659px; height: 459px; padding: 25px; background: url(images/module_popup_background.png) no-repeat; } */
#eventmodule { position: relative; }
#eventmodule h1 { margin: 0; height: 62px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; text-indent: -9999px; background: url(images/module_view_eventtitle.gif) no-repeat 28px 24px; }
#eventmodule h1.draftitem { background-image: url(images/module_view_eventtitle_draft.gif); }
#eventmodule #modulecontrols { height: 26px; color: #000; background: #a7d174 url(images/module_controlbar_bg.gif) repeat-x bottom; }
#eventmodule #modulecontrols .modulemessage { float: left; padding: 6px 0 0 27px; color: #000; }

#eventmodule a.closemodule { display: block; width: 54px; height: 17px !important; position: absolute; top:10px; right: 10px; background: url(images/module_event_closewindow.gif) no-repeat; text-decoration: none; }

#eventmodule #eventbodycontainer { overflow: auto; height: 397px; background: url(images/module_event_dividedots.gif) repeat-x top left; }
#eventmodule.moderator #eventbodycontainer { overflow: auto; width: auto; height: 371px; background: none; }
#eventmodule #eventbody { overflow: auto; padding: 29px 23px 0 30px; }
#eventmodule #eventbody h2 { margin: 0 0 20px 0; font-size: 28px; color: #000; letter-spacing: -1px; }

#eventbody .eventrightcolumn { width: 187px; padding: 0; float: right; }
#eventbody .eventrightcolumn img { border: 1px solid #777777; margin-bottom: 8px; }
#eventbody .eventrightcolumn h3 { display: inline; display: none; }
#eventbody .eventrightcolumn .related strong { display: block; padding: 0 0 4px 0; font-color: #000; font-size: 11px; }
#eventbody .eventrightcolumn .related a { color: #378fc7; display: block; padding: 4px 0 3px 0; border-top: 1px solid #dadada; text-decoration: none; font-size: 90%; }
#eventbody .eventrightcolumn .related a:hover { text-decoration: none; color: #000; }

#eventbody .eventcopy { padding-right: 223px; color: #454545; line-height: 130%; }
#eventbody .eventcopy.norightcol { padding-right: 0; }

#eventbody strong.eventdate { display: block; color: #529bb3; font-size: 14px; line-height: normal; padding-bottom: 15px; }

#linktoarticle { margin: 0 0 0 0; padding: 3px 0 0 30px; color: #000; font-weight: bold; }
#linktoarticle a { color: #378fc7; text-decoration: none; }

#eventmodule.editnews #linktoarticle { background: none; }
#linktoarticle select { font-size: 11px; color: #000; margin: 0; display: block; }
#linktoarticle select.officialoption { width: 70px; }


/* Add/Edit Event */
#eventmodule.addnews h1 { background: url(images/module_title_addnewsitem.gif) no-repeat 27px 23px; }
#eventmodule.editnews h1 { background: url(images/module_title_edititem.gif) no-repeat 27px 23px; }

#eventmodule #modulecontrols { height: 26px; color: #000; }
#eventmodule #modulecontrols a { outline: none; display: block; float: right; height: 26px; color: #fff; text-decoration: none; }
#eventmodule #modulecontrols .modulemessage { float: left; padding: 6px 0 0 27px; color: #fff; }
#eventmodule #modulecontrols a.cancel { width: 93px; background: url(images/module_addevent_cancel.gif) no-repeat; }
#eventmodule #modulecontrols .submitarticle { display: block; width: 95px; height: 26px; float: right; /*background: url(images/module_addnews_submititem.gif) no-repeat;*/ }



#eventmodule #articletitle { height: 53px; padding: 13px 0 0 28px; background: url(images/module_event_dividedots.gif) repeat-x bottom left; }
#eventmodule #articledate { height: 57px; padding: 0 0 0 28px; background: url(images/module_event_dividedots.gif) repeat-x bottom left; }

#eventmodule #articledate .startdate { float: left; width: 273px; padding: 8px 0 0 0; }
#eventmodule #articledate .enddate { float: left; width: 274px; padding: 8px 0 0 22px; background: url(images/module_event_startenddate_divide.gif) no-repeat 0px 35px; }

#eventmodule h4 { margin: 0 0 5px 0; color: #000; font-size: 100%; font-family: Arial, Tahoma, Helvetica, sans-serif; }

#eventmodule input.text { float: left; margin: 0; width: 512px; font-size: 11px; color: #000; }
#eventmodule .day { float: left; width: 51px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#eventmodule .month { float: left; width: 51px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#eventmodule .year { float: left; width: 61px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#eventmodule .time { float: left; width: 75px; margin: 0 2px 0 0; font-size: 11px; color: #000; }
#eventmodule .timedivide { float: left; width: 14px; height: 17px; background: url(images/module_event_datetime_divide.gif) no-repeat 6px 2px; }

#eventmodule #newsitemtext { float: left; width: 360px; height: 200px; padding: 11px 0 0 28px; }
#eventmodule #newsitemtext textarea { margin: 0; width: 354px; height: 172px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000; }

#eventmodule.editnews #newsitemtext { height: 160px; }
#eventmodule.editnews #newsitemtext textarea { height: 132px; }


/* Emil: Created new id as attachments will be broken up into 2 iframes, one for files and the other for images. */

#editnewsmessage { margin-top: 10px; padding: 13px 0 13px 28px; background: url(images/module_event_dividedots.gif) repeat-x top left; }

#eventmodule #successmessage { padding: 13px 0 0 28px; background: url(images/module_event_dividedots.gif) repeat-x top left; text-align: center; }
#eventmodule a.closesuccess { margin: 15px auto; display: block; width: 54px; height: 17px !important; background: url(images/module_event_closewindow.gif) no-repeat; text-decoration: none; }


/* Modal Upload Images/Files */
#modalupload { float: left; width: 267px; padding: 6px 0 0 10px; }
#modalupload #togglebox { width: 261px; height: 160px; }
#togglebox #toggleboxtabs { background: url(images/modalupload_togglebg.gif) repeat-x bottom; height: 25px; border-left: 1px solid #abadb3; }
#togglebox #toggleboxtabs a { display: block; float: left; height: 18px; padding: 5px 9px 0 9px; background-color: #f7f7f8; border-top: 1px solid #abadb3; border-right: 1px solid #abadb3; border-bottom: 1px solid #abadb3; color: #000000; font-weight: bold; text-decoration: none; outline: none; }
#togglebox #toggleboxtabs a.selected { border-bottom: 1px solid #ffffff; background: #fff url(images/modalupload_toggle_a_active.gif) repeat-x top; color: #00659b; }
#togglebox #displayoption { height: 134px; border-left: 1px solid #abadb3; border-right: 1px solid #abadb3; border-bottom: 1px solid #abadb3; color: #000000; }
#togglebox #displayoption iframe { height: 134px; width: 259px; }

#eventmodule.addnews #togglebox #displayoption { height: 174px; }
#eventmodule.addnews #togglebox #displayoption iframe { height: 174px; }