.horizontal-calendar{ margin:0; background-color:#fff;}
.horizontal-calendar *{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.timeline {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #252525;
    font-size: 14px;
    font-family:'Roboto', sans-serif;
    max-width:1200px;
    width:100%;
    margin:0 auto;
    position:relative;
}

.timeline_arrows {
    overflow: hidden;
    padding-left: 2px; 
    padding:5px 0;
    zoom: 1;
}

.timeline_arrows div {
    float: left;
}

.timeline_date {
height: auto;
color: #FFB400;
background-color: #3B2B75;
padding: 6px 20px;
line-height: 1;
font-size: 1.3em;
text-transform: uppercase;
min-width:195px;
text-align:center;
}

.timeline_lastyear,
.timeline_lastmonth,
.timeline_nextmonth,
.timeline_nextyear {
    cursor: pointer;
    width: 25px;
    height: 30px;
    background: url(http://event.market8.co/wp-content/themes/Directory/library/calendar/prev-and-next-arrows.jpg) no-repeat;
}

.timeline_lastmonth:hover {
    background-position: 0px -30px;
}
.timeline_nextmonth {
    background-position: -45px 0px;
    border-left: 1px solid #000;
}
.timeline_nextmonth:hover {
    background-position: -45px -30px;
}

.timeline_lastyear {
    border-right: 1px solid #000;
}
.timeline_lastyear,
.timeline_nextyear {
    background-position: -15px 0px;
}

.timeline_lastyear:hover,
.timeline_nextyear:hover {
    background-position: -15px -30px;
}


.timeline_nextyear, .timeline_lastyear{display:none;}

.timeline_top {
    overflow : hidden;
    display: none;
}

.timeline_bottom {
    overflow : hidden;
    width:100%;
    display: block;
}

.timeline_top ul, 
.timeline_bottom ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width:1200px;
}
.timeline_bottom ul:before, .timeline_bottom ul:after{content:""; display:table;}
.timeline_bottom ul:after{clear:both;}

.timeline_top li, 
.timeline_bottom li {
    float: left;
    padding: 2px;
    width:38.7px; 
}

.timeline_bottom li {
    border: 1px solid #fff;;
    background-color:#f2f2f2;
}
.timeline_bottom li a{color:#252525; text-decoration:none!important;}
.timeline_bottom li:hover div,
.timeline_bottom .active{background-color:#3d2b75;}
.timeline_bottom li:hover a,
.timeline_bottom .active a{color:#ffb400;}

.timeline_bottom .today {background-color:#ffb400!important;}
.timeline_bottom .today a{color:#252525!important;}

.timeline_top li div, 
.timeline_bottom li div {
    text-transform: capitalize;
    text-align: center;
    width: 100%;
}
.timeline_bottom li >div { cursor: pointer;}
.timeline_bottom li >div.past-day { cursor: auto;}
.timeline_bottom .past-day { background-color: #FAFAFA!important; color: #CCC!important; }
.timeline_bottom .dayname {  font-size: 1em; font-weight:400; display:block;}
.timeline_bottom .daynumber {font-size:1.7em; font-weight:300; display:block;}
.timeline_top .event, 
.timeline_bottom .event {
    color: #C1E20D;
    cursor: pointer;
}
.scroller {display:none;}

/*IE8 fix No media query support*/
.timeline.IE8 .timeline_top ul,
.timeline.IE8 .timeline_bottom ul { padding: 0 25px!important;}

.timeline.IE8 .timeline_top li, 
.timeline.IE8 .timeline_bottom li {width:37.09px; }

.timeline.IE8 .scroller {
display: block!important;
    position: absolute;
    bottom: 1px;
    width: 25px;
    height: 56px;
    border: 1px solid #FFF;
    color: #000;
    background-color:#ffb400;
    cursor:pointer;
    z-index:99999;
}
.timeline.IE8 .scroller:before{
content:"";
display:block;
width: 23px;
height: 30px;
margin-top:13px;
background: url(http://event.market8.co/wp-content/themes/Directory/library/calendar/prev-and-next-arrows.jpg) no-repeat;
}
.timeline.IE8 .scroller.previous{ left:0;}
.timeline.IE8 .scroller.next {right: 0;}

.timeline.IE8 .scroller.previous:before{background-position: 0 0;}
.timeline.IE8 .scroller.next:before {background-position: -45px 0;}

.timeline.IE8 .scroller.previous:hover:before{background-position: 0 -30px;}
.timeline.IE8 .scroller.next:hover:before {background-position: -45px -30px;}

@media (max-width:1199px){
.timeline_top ul,
.timeline_bottom ul { padding: 0 25px!important;}

.timeline_top li, 
.timeline_bottom li {width:37.09px; }

.scroller {
display: block!important;
    position: absolute;
    bottom: 1px;
    width: 25px;
    height: 56px;
    border: 1px solid #FFF;
    color: #000;
    background-color:#ffb400;
    cursor:pointer;
    z-index:99999;
}
.scroller:before{
content:"";
display:block;
width: 23px;
height: 30px;
margin-top:13px;
background: url(http://event.market8.co/wp-content/themes/Directory/library/calendar/prev-and-next-arrows.jpg) no-repeat;
}
.scroller.previous{ left:0;}
.scroller.next {right: 0;}

.scroller.previous:before{background-position: 0 0;}
.scroller.next:before {background-position: -45px 0;}

.scroller.previous:hover:before{background-position: 0 -30px;}
.scroller.next:hover:before {background-position: -45px -30px;}
}