/* Dynamic events kiosk */

.dynContent{
width: 291px;
}

.dynLoading {
  background: url(/images/loading_mini.gif) no-repeat left 5px;
  padding: 5px 0 5px 20px;
  width: 40px;
  margin: 0 auto;
}

#dynEvents, #dynEvents2 {

}

.dynCtrl {
width: 291px;
 height: 44px;
 position: relative;
 top: -5px;
}

ul.dynCtrl{
list-style-type: none;
margin: 7px 0;
}


.dynCtrl li
 {
  float: left;
  width: 87px;
  height: 43px;

  padding: 0 0 14px 0;

}
.dynCtrl a {
  background: #09274b url(../images/dyn_kiosk.png) no-repeat -1000px -1000px;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  text-align: center;
  text-decoration: none !important; /* important for IE */
}
.dynCtrl a.active {
  background-color: #1656a0;
  cursor: default; 
}
.dynCtrl .prev, .dynCtrl .next {
  width: 14px;
}
.dynCtrl .next {
  margin-right: 0px;
}
.dynCtrl .prev a { background-position: 0 0; }
.dynCtrl .next a { background-position: 100% 0; }


.dynCtrl .evtMonth a { background-position: -14px 0; }
.dynCtrl .evtMonth a.active { background-position: -14px -44px!important; }


.dynCtrl .evtMonth span {
  font-family: 'Arial';
  color: #fff;
  display: block;
  line-height: 15px;
}
.dynCtrl .evtMonth .month {
  font-family: 'Arial';
  font-weight: bold;
  padding-top: 7px;
  font-size: 12px;
}

.dynCtrl .evtMonth .year {
  font-family: 'Arial';
  font-size: 10px;
}

.eventsList{
margin-left: 13px;
}

.dynEvents .viewmoreLink{
margin-left: 13px;
}