.events{
  /*border-bottom:none;
  border-radius: 10px 10px 0 0;*/
  padding:0px 0px 0 0px;
  margin: 0 10px 0 10px;
  line-height: 20px;
  position:relative;
  height:100%;
  float: left;
  width:520px;
  overflow:hidden;

}
.first-event{

}
.last-event{

}
h2.events-title{
  color:#fff;
  background: url(/images/layout/events/title-bg.png) no-repeat left;
  font-size:18px;
  margin:0 0 0 30px;
  padding:0px 0 0px 25px;
  line-height:18px;
  float:left;
}
h2.events-title span{
  background: url(/images/layout/events/title-bg.png) no-repeat right;
  padding:7px 25px 7px 0;
  display:block;
}


.events-overlay{
  background: #F5F5F5 url(/images/ajax-loader.gif) no-repeat center;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index:999;
  position:absolute;
  left:0;
  top:0;
  width:698px;
  border-radius: 20px 20px 0 0;
  display: none;
}


.events .navigation{
  text-transform: uppercase;
  font-size:18px;
  font-weight:bold;
  color:#C8D100;
  padding:5px 0px 0px 20px;
  margin:0;
}

.events .navigation a.apply-to-event{
  text-transform: uppercase;
  font-size:18px;
  font-weight:bold;
  color:#C8D100;
  padding:0px 0px 0px 12px;
  margin:0;
  float:right;
  background: url(/images/layout/events/right.png) no-repeat left 5px;
}

.events .navigation h2{
  text-transform: uppercase;
  font-size:14px;
  font-weight:bold;
  color:#464646;
  padding:0px 0px 0px 0px;
  margin:0;
  float:left;
}


.events a.navigation-left{
  background: url(/images/layout/events/left.png) no-repeat left 5px;
  padding: 0px 5px 0px 0px;
  margin: 0 5px 0 0;
  float:left;
}
.events a.navigation-left:hover{
  text-decoration: none;
}
.events a.navigation-right{
  background: url(/images/layout/events/right.png) no-repeat right 5px;
  padding: 0px 0px 0 5px;
  margin: 0 0 0 5px;
  cursor: pointer;
  float:left;
}
.events a.navigation-right:hover{
  text-decoration: none;
}
#event_timeline{
  width:540px;
  margin: 0px;
  padding:0;
  overflow:hidden;
  float:right;
  position:relative;
}
.left_limeline_arrow{
  height:19px;
  width:17px;
  float:right;
  display:block;
  margin: 8px 5px 0 5px;
  background: url(/images/layout/events/events-arrow-left.png) no-repeat left center;
}
.right_limeline_arrow{
  height:19px;
  width:17px;
  float:right;
  display:block;
  margin: 8px 5px 0 5px;
  background: url(/images/layout/events/events-arrow-right.png) no-repeat right center;
}
.right_limeline_arrow:hover, .left_limeline_arrow:hover{
  text-decoration:none;
}


.event_timeline_container{

}


.events-timeline{
  width:520px;
  margin-top:15px;
  float:right;
  height:100%;
  background: url(/images/layout/events/timeline.png) no-repeat left top;
  position:relative;
}
.events-timeline a{
  position: absolute;
  display: block;
  padding:0px 38px 0px 0px;
  margin:0;
  height:27px;
  color: #fff;
  overflow:hidden;
}
.events-timeline a span{
  background: url(/images/layout/events/events-left.png) no-repeat left center;
  display:block;
  padding:0px 0px 0px 15px;
  height:27px;
}


.events-timeline a:hover{
  text-decoration: none;
}
.events-timeline-line{
  border-bottom:1px solid silver;
  border-left:1px solid silver;
  border-right:1px solid silver;
  height:8px;
  width:520px;
  padding-top:5px;
  position: relative;
}
.events-timline-time{
  position:absolute;font-size:9px;background:#DFDFDF;line-height:11px;padding:1px 5px;border-radius:6px;margin:0;color:#464646;bottom:10px;
}


.events-color-guide{
  float:left;
  margin-top:56px;
  width:175px;
  /*background: url(/images/layout/events/events-color-guide.png) no-repeat left top;*/
}
.category-item{
  margin:2px;
  height:31px;
  border-bottom:1px solid silver;
  clear: both;
}
.category-color{
  width:12px;
  height:12px;
  float:left;
  border-radius: 3px 3px 3px 3px;
}
.category-name{
  float:left;
  font-size:12px;
  margin: 0 5px 5px 5px;
}


.events-info-window{
  height:91px;
  width:680px;
  margin:10px;
  padding: 4px 10px 0px 10px;
  line-height:15px;
  background: url(/images/layout/events/info-window.png) no-repeat center;
  color:#fff;
  display:none;
}
.events-close{
  position: absolute;
  right:8px;
  top:0px;
  display: block;
  width:16px;
  font-size:0;
  line-height:0;
  cursor:pointer;
  padding: 8px 0;
}
.events-close:hover{
  text-decoration: none;
}


.events-info-window h2{
  color:#fff;
  text-transform: none;
  font-weight:normal;
  padding: 7px 0px 5px 24px;
  margin:0 0 5px 0;
  overflow: hidden;
}
#events-descr{
  height:74px;
  overflow: hidden;
}



.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#a1a7ac;
    padding:5px;
    border:1px solid #a1a7ac;
    border-radius: 6px;
    max-width:140px;
    box-shadow: 1px #DDDDDD inset;
    display:none;
    text-align:left;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    text-align:left;
    padding:5px 1px;
}

/* arh�vs */

.event-list-date{
  float:left;
  width:150px;
  font-size:14px;
  padding:10px 0;
  text-align:center;
  color:#464646;
  border-top:1px solid silver;
}
.event-list-items{
  float:left;
  width:560px;
  padding:5px;
  border-top:1px solid silver;
}
.event-list-items a{
  font-size:14px;
  display:block;
  padding: 8px 0 8px 0;
}


.event-list-single-item span{
  margin: 0 4px 0 0px;
  color:#464646;
}

.event-list-single-item-descr{
  display:none;
  font-size:14px;
  margin: 4px 0;
}
.event-list-single-item-descr a{
  display: inline-block;
  padding:0;
}