/* Theme CSS */

.eventCalendar-wrap {border:solid 1px #d3d3d3;box-shadow:0 0 15px #999;border-radius:5px;background-color:#fff;color:#333333;}
.eventCalendar-wrap .arrow {text-decoration:none;color:#fff;line-height:28px;top:18px;}
.eventCalendar-wrap .arrow.prev {margin-left:430px;}
.eventCalendar-wrap .arrow.next {margin-right:25px;}
.eventCalendar-wrap .arrow:hover { opacity:0.7;}
.eventCalendar-wrap .arrow span {height: 0;width: 0;font-size: 0;line-height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;float:left;text-indent:-5000px;}
.eventCalendar-wrap .arrow.prev span {border-left-width:0;border-right: 6px solid #fff;}
.eventsCalendar-slider {height:	240px !important;}
.eventsCalendar-monthWrap {border-radius:5px;top:10px;left:0px;}
.eventsCalendar-currentTitle .monthTitle {font-size:110%;text-decoration:none;font-weight:bold;color:#fff;}
.eventsCalendar-daysList {zoom: 1;padding:0;width:100%;}
.eventsCalendar-daysList.showAsWeek {margin:0px !important;width:auto;border:solid 1px #BCBCBC;border-bottom-width:solid 1px #BCBCBC;border-radius:0;background-color:#FDFDFC;
    background-image: linear-gradient(top, #EEEEEE 42%, #FDFDFC 71%);
    background-image: -o-linear-gradient(top, #EEEEEE 42%, #FDFDFC 71%);
    background-image: -moz-linear-gradient(top, #EEEEEE 42%, #FDFDFC 71%);
    background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #FDFDFC 71%);
    background-image: -ms-linear-gradient(top, #EEEEEE 42%, #FDFDFC 71%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.42, #EEEEEE),color-stop(0.71, #FDFDFC));
}
.eventsCalendar-daysList.showDayNames.showAsWeek {border-radius:0;}
.eventsCalendar-daysList:before, .eventsCalendar-daysList:after { content:""; display:table; }
.eventsCalendar-daysList:after { clear: both; }
.eventsCalendar-day-header {text-transform:uppercase;text-align:center;font-size:12px;border-bottom:solid 1px #BCBCBC;font-weight: bold;}
.eventsCalendar-daysList.showAsWeek li {height:auto; margin:0;}
.eventsCalendar-daysList.showAsWeek li.empty {background-color: #FDFDFC;min-height:36px;}
/*CCC RUN ONLY FOR IE 11 CHECKED***************************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .eventsCalendar-daysList.showAsWeek li.empty {background-color: #FDFDFC;min-height:35px;}
}
.eventsCalendar-day a {text-decoration:none;font-size:10px;color:#424242;}
.eventsCalendar-day {border-left:solid 1px #BCBCBC;}
.eventsCalendar-day a  {border:solid 1px #BCBCBC;border-width:0 1px 1px 0;}
.showAsWeek .eventsCalendar-day { border-left-width:0;}
.showAsWeek .eventsCalendar-day a  {border:solid 1px red;border-color:#fff #BCBCBC #BCBCBC #eee;font-size:12px;}
.eventsCalendar-day a:hover {background-color:#E4E4E4;}
.eventsCalendar-daysList li.today a {color:#fff;background:#aaa;}
li.eventsCalendar-day.today a:hover {background-color:#ccc;}
.eventsCalendar-loading {
    border-radius:4px;
    margin:5px auto;
    padding:0 10px;
    background-color:#ccc;
    color:#fff;
    text-align:center;
    font-weight:bold;
    box-shadow:0 0 10px #ccc;
    text-shadow:0 0 3px #aaa;
    position:absolute;
    z-index:4;
    top:25px;
    left:5px;
}
.eventsCalendar-loading.error {
    background-color:red;
}
.eventsCalendar-subtitle { padding-left: 10px; color: #000;}
.eventsCalendar-list-wrap {
    min-height:100px;
    position:relative;
}
.eventsCalendar-list-content.scrollable {
    height:100px;
    overflow-y:auto;
    margin:0 5px 5px 0;
}
.eventsCalendar-list-content ul li span{ font-size:10px !important;}
.eventsCalendar-list {
    padding:10px 10px 8px;
    margin:10px;
    clear:both;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
.eventsCalendar-wrap {
    width:100%; overflow:hidden; margin-bottom:10px; margin-top:10px;
}
.eventsCalendar-wrap-left {
    float:left; width:120px;
}
.eventsCalendar-wrap-right {
    overflow:hidden; 
    line-height: 25px;
    padding-left: 15px;
}
.eventsCalendar-wrap-date {
    background-color:#F00; color:#FFF; margin-bottom:5px; line-height:20px; width:150px; font-weight: bold; text-align: center;
}
.eventsCalendar-wrap-tit {
    margin-bottom:5px;margin-bottom:5px;
}
.eventsCalendar-wrap-tit a {
    color:#900;
    font-weight:bold;
}
.eventsCalendar-wrap-inner-tit {
    float:left;width:100px;
    color:#404040; font-size:14px;
}
.eventsCalendar-wrap-inner-colon {
    float:left;width:20px; padding-left:10px; color:#404040; font-size:14px;
}
.eventsCalendar-wrap-inner-desc {
    float:left; padding-left:10px;width:550px;text-align:left; color:#404040; font-size:14px;
}
.eventsCalendar-list li {
    padding:10px 10px 8px;
    margin:10px;
    clear:both;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}
.eventsCalendar-list li.xyz:hover {
    background-color: #F4F4F4;
}

.eventsCalendar-list li time {
    font-size:10px;
    line-height:13px;
}
.eventsCalendar-list li time span {
    float:left;
    font-size:10px;
    font-style:normal;
}
.eventsCalendar-list li time small {
    font-size:10px;
    float:left;
    background-color:#807E7E;
    color:#fff;
    padding:0 5px 0 4px;
    margin:0 0 0 3px;
}

.eventsCalendar-list li .eventDesc {
    clear: both;
    margin:0 0 5px 0;
    font-size:80%;
    line-height:1.2em;

}
.eventsCalendar-list .eventsCalendar-noEvents {
    font-size:120%;
    border-radius:4px;
    margin:5px;
    padding:5px;
    background-color:#ccc;
    color:#fff;
    text-align:center;
    font-weight:bold;
    box-shadow:0 0 10px #ccc;
    text-shadow:0 0 3px #aaa;
}

.bt {font-size:12px;display:block;clear:both;text-align: center;margin-top:10px;padding: 9px 34px 11px;text-decoration: none;font-weight: bold;line-height: 1;color: #ffffff;background-color: #698B10;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10));
    background-image: -moz-linear-gradient(top, #89B814, #698B10);
    background-image: -ms-linear-gradient(top, #89B814, #698B10);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10));
    background-image: -webkit-linear-gradient(top, #89B814, #698B10);
    background-image: -o-linear-gradient(top, #89B814, #698B10);
    background-image: linear-gradient(top, #89B814, #698B10);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #698B10;
    border-color: #698B10 #698B10 #465F05;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    -ms-transition: 0.1s linear all;
    -o-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
.bt:hover {background-position: 0 -15px;text-decoration: none;}
/* end of theme css */


/*= ONLY FOR DEMO PAGE */
a { color: #0E8EAB}
.features li { margin-bottom:3px;}
#thanksPanel li { margin-bottom:0;}
#introPanel { padding-top:20px;}
.poweredBy img {float:left;margin-right:3px;}
.poweredBy .data {float:left;}
.poweredBy .name {font-weight:bold;color:#555;text-decoration:none;display:block;margin-top:28px;}
.poweredBy .twitter {text-decoration:none;display:block;float:left;}
.features {padding-left:20px;float:left;}
#appLogo {margin-right:30px;}
pre {clear:both;background-color:#FFFFCC;padding:5px;border:solid 1px #FED17E;overflow:auto;}
#license {width:300px;float:right;font-size:10px;line-height:12px;text-align:center;}
/* end of demo page */
input[type="text"]{
    background: url("../../images/inputbg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #BFCDD2;
    border-radius: 4px;
    color: #414141;
    font-family: arial;
    font-size: 12px;
    padding-left: 4px;
}