@CHARSET "UTF-8";

#feature { display: none; }
#content { border-top: 1px solid #40425E; width: auto; float: none; padding: 29px; } 

#content .advertisement { float: none; }

#content .rowA { margin: 0 0 12px 0; }
#content .rowA .columnA { float: left; width: 764px; }
#content .rowA .columnB { margin: 0 0 0 784px; } 
#content .rowA .columnB .advertisement { float: left; width: auto; margin: 0; clear: none; height: auto; width: 120px; height: 600px; }

#content .rowB {  }
#content .rowB .columnA { float: left; width: 624px; }
#content .rowB .columnB { margin: 0 0 0 653px; }

#sidebar { border-top:1px solid #40425E; } 

.colTitlesWrapper { padding: 0; background-color: #272727; }
.colTitles { text-align: center; overflow: auto; padding: 6px 0; border-bottom: 1px solid #000; color: #939393; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;}
.monthTitle { text-align: center; color: #939393; padding: 6px 0; border-bottom: 1px solid #000; }

#calendar { clear: left;  margin-bottom: 20px; }
#calendar.week .colTitles .dayHeader, #calendar.month .colTitles .dayHeader { float: left; display: inline; width: 14.1%; }

.dayHeader .events { display: none; }
.dayHeader .today .title { font-weight: bold; }

#calendar .viewport { position: relative; width: auto; height: 548px; overflow: hidden; background-color: #272727; }
#calendar.day .viewport { overflow: scroll; }

#viewportContainer { }

.rowTitles { border-right: 1px solid #000; float: left; position: absolute; width: 6%; text-align: right; color: #939393; font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;}
.rowTitles div { padding: 12px; height: 16px !important; }
#calendar.week .rowTitles { display: none !important; }

.dayOfMonth { float: left; width: 108px; position: relative; overflow: hidden; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.dayOfWeek { float: left; width: 108px; height: 100% !important; position: relative; border-right: 1px solid #000; }
.dayOfMonth.today { }
.dayOfMonth .dayHeader { background-color: transparent; padding: 4px 6px; text-align: center; color: #939393; }
.dayOfMonth.today .dayHeader { font-weight: bold; }
.dayOfMonth.dayNotInMonth .dayHeader { color: #666; }

#rightNow { background-color: #ff0000; opacity: 0.6; z-index: 1}
#calendar.week #rightNow { display: none; }

#gridContainer, #decoratorContainer, #eventContainer { position: absolute;  width: 100%; height: 100%; }
#gridContainer { z-index: 1; }
#eventContainer { z-index: 2; }
#decoratorContainer { }
#calendar.week #gridContainer, #calendar.month #gridContainer { display: none; }

#calendarContainer { position:absolute; margin: 0; width: 100%; height: 100% !important; }
#calendar.day #eventContainer { margin-left: 6%; width: 94%; }

#calendar.day .gridy { width: 100%; position: absolute; border-top: 1px solid #000; }
#calendar.day .gridy.alt { border-top: 1px dotted #000; margin-left: 6%; width: 94%; }
#calendar.month .gridy { width: 100%; position: absolute; border-top: 1px solid #000; }
#calendar.month .gridx { position: absolute; border-left: 1px solid #000; height: 100% !important; width: 1px; }
#y-0 { display: none; }

#toolbar { overflow: hidden; }
#toolbar a, #toolbar button { border: 1px solid #3c3c3c;  text-transform: uppercase; margin-right: 1px; background: #3C3C3C; color: #fff; float: left; height: 12px; padding: 6px 8px; text-decoration: none; font-family: Helvetica, Arial, sans-serif; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
#toolbar #btn-next { margin-right: 5px; }
.quickNav { float: left; }

#tabs { float: left; }
#tabs li { float: left; }
#tabs li a { width: 46px; text-align: center; }
#tabs li.active a { background-color: #272727; border: 1px solid #272727; }

#calendars { float: right; padding: 0; border-bottom:1px solid #000000; }
#calendars span { float: left; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 6px 4px 0 0; font-size: 0.9em; }
#calendars ul { float: right; }
#calendars li { float: left; margin: 0 0 0 2px; }
#calendars li a { -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; border: 1px solid #3C3C3C; }
#calendars li.active a { background-color: #4494CE; border: 1px solid #4494CE; }
#calendars li#create-event { background-color: #000; }
#calendars li#create-event a { border: 1px solid #4494CE; background: #000; }
#calendars li#create-event .icon { float: left; background-color: #4494CE; height: 26px; width: 26px;}
#calendars li#create-event .ui-icon { margin: 5px 0 0 5px;  } 

.event { padding: 6px; border-bottom: 1px solid #000; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #939393;}
.event h4 { margin: 4px 0 10px 0; font-size: 1.2em; font-family: Georgia, Times, serif; font-style: italic; font-weight: normal; text-decoration: underline; text-transform: none; }
.event h4 a { color: #fff; }
.event .departments span { margin: 0 2px; font-size: 1.4em; }

#calendar.month .event { border: none; }
#calendar.month .event h4 { margin-bottom: 4px;  }

#calendar.day .event { text-align: left; border: 1px solid #939393; background-color: #272727; position: relative; float: left; padding-right: 12px; }
#calendar.day .event .inside { float: left; }
#calendar.day .event h4 {}
#calendar.day .event .departments { float: left; height: 100%; margin-right: 5px; }
#calendar.day .event .time {  }

.rowB .section h2 { font-size:1.3em; letter-spacing:-1px; }


/* single event */
#event, #event-form { font-family: Helvetica, Arial, sans-serif; margin-bottom: 20px; }
#event a { color: #939393; }
#event .back { text-transform: uppercase; text-decoration: none; }
#event h1 { margin: 0 0 12px 0; }
#event h2 { margin: 30px 0 14px 0; font-family: Georgia, Times, serif; color: #fff; font-style: italic; font-weight: normal; font-size: 1.6em;  text-decoration: underline; }
#event .image { float: left;   }
#event .image .placeholder { border: 1px dashed #939393; background: #111; display: block; text-align: center; padding: 80px 25px 0; height: 98px; width: 98px; }
#event #upload-image { clear: left; display: block; text-decoration: none; }
#event .departments { display: block; margin: 10px 0; }
#event .fragment .inside { margin-left: 164px; position: relative; }
#event .fragment .inside .edit { text-decoration: none; position: absolute; top:0; right:0; }
#event dl, #event-form dl { margin-bottom: 10px; overflow: auto; line-height: 1.4em; }
#event dt, #event-form dt { width: 150px; float: left; text-align: right; color: #939393; }
#event dd, #event-form dd { width: 575px; float: left; margin-left: 14px; }
#comment-form-wrapper h2, #comments h2 { color: #fff; font-size: 1.3em; margin-top: 20px; text-decoration: underline; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; }
#comment-form .input, #event-form .input { background-color:#272727; border:1px solid #7A7A7A; }
#event-form .input input { background-color:#272727; }
#comment-form .input textarea, #event-form .input textarea { background-color:#272727; }

#event-form h1 { margin: 0 0 12px 0; }
#event-form dt { padding-top: 9px; }
#event-form dd.categories label { padding-top: 6px; float: left; margin-right: 12px; text-transform: uppercase; }
#event-form dd.categories label input { vertical-align: top;  }    
#event-form dd.time .input { float: left; margin-right: 5px; }
#event-form dd.time select { padding: 2px; background-color:#272727; border:1px solid #7A7A7A; color: #fff; margin: 5px 0 0 0; }   
#event-form fieldset.submit { overflow: auto }
#event-form fieldset.submit button { float: right; }
/* Datepicker
----------------------------------*/
.ui-datepicker { display: none; width: 17em; padding: .2em .2em 0; background-color: #272727; font-family: Helvetica, Arial, sans-serif; border: 2px solid #222; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-active { background-color: #000; -moz-border-radius: 10px; }
.ui-datepicker .ui-state-disabled { color: #555; } 
    
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}