@import url(/media/themes/soufi/css/base.css);

#middle #slideshow { background-color: rgb(153, 153, 153); }
    #middle #slideshow #frame { height: 120px; margin: 0 auto; width: 1000px; }
        #middle #slideshow #backing { background-color: rgb(153, 153, 153); height: 120px; margin: 0 auto; overflow: hidden; position: relative; width: 1000px; }
            #middle #slideshow #frame #backing img { float: left; }
            #middle #slideshow #frame #backing #sub-page-title { background-color: rgb(153, 153, 153); background-image: url(/media/themes/soufi/images/sub-pages-side.jpg); color: white; float: left; font-size: 30px; font-weight: bolder; height: 120px; padding-top: 45px; text-align: center; width: 300px; }

div.week_calendar { margin: 20px auto; overflow: hidden; width: 1000px; font-family: "Gill Sans", "Lucida Sans Unicode", sans-serif; }
    div.week_calendar div#week_calendar_header { padding-left: 25px; overflow: hidden; width: 1000px; }
        div.week_calendar div#week_calendar_header div { font: x-large small-caps normal; }
        div.week_calendar div#week_calendar_header div#prev { float: left; padding-left: 25px; font: xx-large small-caps normal; }
            div.week_calendar div#week_calendar_header div#prev a { color: gray; text-decoration: none; }
        div.week_calendar div#week_calendar_header div#title { margin: 0 1em; text-align: center; }
            div.week_calendar div#week_calendar_header div#title a { color: black; text-decoration: none; }
        div.week_calendar div#week_calendar_header div#next { float: right; padding-right: 70px; font: xx-large small-caps normal; }
            div.week_calendar div#week_calendar_header div#next a { color: #8a251d; text-decoration: none; }
    
    div.week_calendar div#week_header { overflow: hidden; padding-left: 25px; width: 1000px; }
        div.week_calendar div#week_header div.middle {  }
        div.week_calendar div#week_header div.day_label + div.day_label { }
        div.week_calendar div#week_header div.day_label { width: 135px; border-bottom: 1px solid gray; }
        div.week_calendar div#week_header div.day_label { float: left; padding: 0.5em 0; font-size: medium; text-align: center; }
    
    div.week_calendar div#week_body { overflow: hidden; padding-left: 25px; width: 1000px; }
        div.week_calendar div#week_body div.day { width: 135px; float: left; }
        div.week_calendar div#week_body div.day { min-height: 270px; height: 100%; }
            div.week_calendar div#week_body div.day div.day_header { padding: 3px 5px; font-size: small; text-align: left; }
                div.week_calendar div#week_body div.day div.day_header a { display: block; height: 100%; text-decoration: none; color: #444; }
            div.week_calendar div#week_body div.day div.hour + div.hour { border-top: 1px dashed gray; }
            div.week_calendar div#week_body div.day div.hour { min-height: 50px; height: 50px; font: normal normal normal 0.6em Arial, sans-serif; border-left: 1px solid white; position: relative; }
                div.week_calendar div#week_body div.day div.hour p { padding: 3px; }
                div.week_calendar div#week_body div.day div.hour a.res_link { display: block; height: 100%; width: 100%; text-decoration: none; color: white; z-index: 10; }
                div.week_calendar div#week_body div.day div.hour a.res_link:hover {
                        background-image: url(/media/themes/soufi/images/white-square.gif); color: #000;
                        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3; }
                    div.week_calendar div#week_body div.day div.hour p.event { color: black; font-size: 10px; padding-top: 0px; position: absolute; text-align: center; top: 17px; width: 130px; z-index: 15; }
                    div.week_calendar div#week_body div.day div.hour p.event_linked { color: blue; cursor: pointer; font-size: 10px; padding-top: 0px; position: absolute; text-align: center; text-decoration: underline; top: 17px; width: 130px; z-index: 5; }
                        div.week_calendar div#week_body div.day div.hour a.event_link { color: blue; text-decoration: underline; z-index: 20; }
                        div.week_calendar div#week_body div.day div.hour a.event_link:hover { color: blue; font-style: italic; }

#info { margin: 0 auto; position: relative; width: 1000px; }
    #key { padding-right: 10px; position: absolute; right: 10px; top: 0; }
        #key .text { float: left; padding: 3px 10px 5px 3px; }
        #key #empty { background-color: rgb(120, 173, 135); float: left; height: 20px; width: 20px; }
        #key #full { background-color: rgb(254, 66, 66); float: left; height: 20px; width: 20px; }
        #key #closed { background-color: #777; float: left; height: 20px; width: 20px; }
    
    .info_text { padding-top: 30px; text-align: center; }