﻿/*-------------- Calendar-----------*/
div#CalendarDiv table {
    padding: 0px;
    font-size: 11px;
    border: 0px;
    border-collapse: separate;
}

div#CalendarDiv table {
    border: 0 hidden #e9e6dc !important; /**/
    height: 142px;
    margin-left: 0;
    text-align: center;
    width: 265px;
    margin-right: 19px;
    margin-top: -1px;
}


div#CalendarDiv td {
    border: 1px dotted #c2bfb7; /**/
    height: 16px;
    margin-left: 0;
    text-align: center;
    width: 300px;
    font-weight: bold;
    padding-top: 2px;
    vertical-align: top;
}


.CalendarHeader {
    border: 0 solid #FFFFFF !important; /**/
    /* background-color: #FFFFFF !important;*/ /**/
    color: #912F2C !important;
    font-weight: bold;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

    .CalendarHeader a {
        color: #CCCCCC;
        margin-right: 1px;
        text-decoration: none;
        padding: 5px;
    }

        .CalendarHeader a:hover {
            color: #912F2C;
            padding: 5px;
        }

.Selected {
    background: #dfdbcc url(../images/c_hover.png) no-repeat top left;
    color: #333333;
}

/*.Selected
{
    background:url(../images/selected.jpg) no-repeat #E9EAE9;
           color:white
           }*/

.NotSelected {
    cursor: default;
    color: #999999;
}
/*.hasNoEvents {background-color:#272525;color:#ffffcc;}*/
.hasNoEvents { /*background-color:#e9eae9;*/
    color: #333333;
}
/**/


.hasEventsAndSelected {
    background: #CDC9BA url(../images/c_hover.png) no-repeat top left;
    color: #333333;
}


    .hasEventsAndSelected:hover {
        background: #B0AC9D url(../images/c_hover.png) no-repeat top left;
        color: #333333;
        cursor: pointer;
    }


.hasEvents {
    background: #CDC9BA;
}

    .hasEvents:hover {
        #B0AC9D;
        color: #333333;
        cursor: pointer;
    }





.hasNoEvents:hover {
    background: #d9d3c4;
}

.WeekDays { /*background-color:#DE3068;*/
    margin-right: 1px;
    color: #c6c6c6;
}
/**/


/*---------- sidebar search events ---------*/
div.EventSearchFrom {
    margin: 4px 0px;
    text-align: left;
}

.EventSearchFrom, .EventSearchFrom select {
    font-size: 12px;
    margin: 0px 2px;
}

#SearchInput {
    font-size: 12px;
}

    #SearchInput .select {
        width: 80px;
        margin: 5px 2px;
        padding: 1px;
        border: 1px solid #aaaaaa;
    }

#SearchKeyword {
    font-size: 12px;
    font-weight: bold;
}

    #SearchKeyword input {
        border: 1px solid #b1b1b1;
        width: 210px;
        padding: 2px;
    }

#SearchButton {
    margin: 5px 0px;
}

.EventSearchFrom .submit {
    padding: 5px 10px;
}

.EventType, .EventSearchCount {
    color: #FF9900;
    font-size: 14px;
}

.EventStatus, .EventNoResults {
    font-size: 14px;
    font-weight: bold;
}
/*.search { border:0px; color:White; background-color:#92180f; padding:5px; margin:5px; }*/
.error {
    color: Red;
}
/*-------------Events Page-------------*/
/* Panel Tab/button */
.tab {
    background-color: #272727;
    height: 35px;
    position: relative;
    top: 0;
    z-index: 11;
    width: 940px;
    padding: 2px 10px;
    border-bottom: 1px dotted #ab7710;
}

.days ul li a {
}

.NotSelectedDaysDiv {
    width: 87px;
}

.tab .searchslide {
    display: block;
    position: relative;
    height: 35px;
    line-height: 42px;
    margin: 0;
    color: white;
    font-size: 12px;
}

    .tab .searchslide li {
        text-align: left;
        padding: 0 6px;
        display: inline;
        height: 42px;
        margin: 0px;
        padding: 0px;
    }

        .tab .searchslide li a {
            color: #deb462;
            text-decoration: none;
        }

            .tab .searchslide li a:hover {
                color: white;
            }

.tab .sep {
    color: #414141;
}

.tab a.open, .tab a.close {
    height: 20px;
    line-height: 20px !important;
    padding-left: 30px !important;
    cursor: pointer;
    display: block;
    width: 400px;
    position: relative;
    top: 11px;
}

.tab a.open {
    background: url(../images/bt_open.png) no-repeat left 0;
}

.tab a.close {
    background: url(../images/bt_close.png) no-repeat left 0;
}

.tab a:hover.open {
    background: url(../images/bt_open.png) no-repeat left -19px;
}

.tab a:hover.close {
    background: url(../images/bt_close.png) no-repeat left -19px;
}

/* sliding panel */
#toppanel {
    /* position: absolute;  Panel will overlap  content */
    position: relative; /**/ /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 11;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
    width: 960px;
    height: 150px;
    color: #999999;
    background: #272727;
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
    border-bottom: 1px dotted #ab7710;
}

.EventsContainer {
    background: url(../images/squares_bg.gif) repeat center top;
    float: left;
    padding-left: 15px;
    width: 945px;
}

#EventItems {
    opacity: 0.90;
    filter: alpha(opacity=90);
    background: #F0F0F0;
    margin-bottom: 10px;
}


#EventItems_alter {
    opacity: 0.90;
    filter: alpha(opacity=90);
    background: #484646;
    margin-bottom: 10px;
    height: 300px;
}


.EventsSpacing {
    padding: 10px 22px 20px;
}

    .EventsSpacing a, .EventsSpacing a:hover {
        color: #912F2C;
    }

.EventTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333333;
}

    .EventTitle a {
        color: #333333;
        text-decoration: none;
    }

.EventInfo {
    font-size: 12px;
    color: #912F2C;
    width: 100%;
}

.calenderviews {
    color: #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
}

    .calenderviews a {
        color: #5A5A5A;
        font-size: 16px;
        font-weight: bold;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
    }

.EventImage {
    /*float:left;*/
}

    .EventImage img {
        float: left;
        margin: 0px 15px 15px 0;
        width: 100px;
    }

.EventDescription {
    padding-top: 5px;
    text-align: justify;
}

    .EventDescription p {
        padding: 10px;
    }

.EventsSpacing .more {
    font-size: 11px;
    text-align: left;
}

    .EventsSpacing .more a {
        color: White;
        text-decoration: undeline;
    }
/*
.FilterEvents li 
{
    line-height: 20px;
    background-color: lightgray;
    color: #AB7710;
    float: left;
    font-size: 11px;
    margin-right: 1px;
    font-weight: normal;}*/

.FilterEvents li {
    background-color: lightgray;
    color: #AB7710;
    float: left;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    margin-right: 1px;
    width: 81px;
}

    .FilterEvents li a {
        color: white;
        text-decoration: none;
        padding: 2px 0px;
    }

        .FilterEvents li a:hover {
            color: Black;
            background-color: #a2a2a2;
        }

        .FilterEvents li a.active {
            background-color: #deb462;
            color: White;
        }

.Views {
    float: right;
    padding-right: 10px;
}

    .Views li {
        padding-right: 10px;
    }

#panel p {
    font-size: 12px;
    text-align: left;
}

.DayWeekMonth h3 {
    padding: 0px;
    margin: 0px;
    height: 25px;
}



.DayWeekMonth {
    line-height: 25px;
    padding: 5px;
    background-color: #525050;
    opacity: 0.80;
    filter: alpha(opacity=80);
    margin: 0px 0px 0px 0px;
    color: #fff;
}


.PreviousEvent {
    float: right;
}

.NextEvent {
    float: left;
}

    .NextEvent a, .PreviousEvent a {
        color: #f9f1e1;
        font-size: 16px;
        text-decoration: none;
    }

.news {
    margin-right: 4px;
    margin-top: 8px;
}
