.container {
    width: 100% !important;
}

.slides_control .image {
    position: relative; 
   width: 100%; /* for IE 6 */
}
.slides_control .image a 
{
  position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%;   
}

/*Sidenav*/
.sidenav { overflow: hidden; }
.sidenav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font: 12px/25px 'titillium_weblight';
	color: #827874;
	text-transform: uppercase;
}
.sidenav ul li {
	float: left;
	width: 100%;
}
.sidenav ul li:first-child { border-top: 1px solid #eae8e4; }
.sidenav ul li a {
	color: #827874;
	text-decoration: none;
	border-bottom: 1px solid #eae8e4;
	display: block;
	padding: 0 16px;
}
.sidenav .hasChildren a { background: url(../images/ico-arrow.png) no-repeat left 50%; }
.sidenav .extended a { background: url(../images/ico-arrow-active.png) no-repeat left 50% !important; }
.sidenav ul li a:hover, .sidenav ul li.extended, .sidenav ul li.active a {
	color: #000;
	border-top: 1px solid #fbb714;
	border-bottom: 1px solid #fbb714;
	margin: -1px 0 0;
	background: none;
}
.skip a{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skip a:focus{
	position: static;
	width: auto;
	height: auto;
} 
.sidenav .submenu {
    float: left;
    width: 100%;
    text-decoration: none;
}


.sidenav .submenu  li.active a, .sidenav .submenu  li a:hover {
     background-color: #f2f0ed  !important;
     background-image: none  !important;
     border-top: 1px solid #f2f0ed !important;
	border-bottom: 1px solid #f2f0ed !important;
     color: #000 !important;
}
.sidenav .submenu li a {
    text-transform: none;
    border-top: 1px solid #f2f0ed !important;
	border-bottom: 1px solid #f2f0ed !important;
     background-image: none  !important;
     padding-left: 28px;
    color: #827874 !important;
}

.image_container {
     padding: 21px 0 45px;
    width: 100%;
}

.image_container img{
     padding: 0px 30px 30px 0;
    width: 215px;
    height: 215px;
}

.image_container .third{
     padding: 0px 0 30px 0;
    width: 215px;
    height: 215px;
}
.multi-article {
    margin-bottom: 30px;
    overflow: hidden;
}
.multi-article img {
    float: left;
    margin: 0 35px 0 0;
}
.multi-article .holder {
    float: none;
    overflow: hidden;
    width: auto;
}

.location #map-area {
    width:480px; 
    height:260px;
}


  #id_matrix tr {
     margin: 0 0 8px;
    overflow: hidden;
}

  #id_matrix .title {
     color: #827874;
    float: left;
    font: 12px/25px 'titillium_weblight';
    min-width: 60px;
    text-transform: uppercase;
}

#id_matrix input{
      background: none repeat scroll 0 0 #F2F0ED;
    border: medium none;
    float: left;
    font: 12px/23px 'titillium_weblight';
    height: 23px;
    padding: 1px 5px;
    width: 283px;
}
#id_matrix select {
    width: auto;
    -webkit-appearance: menulist;
}
#id_matrix td{
    float: left;
    margin: 0 0 6px;
}
 #id_matrix .standalone {

    width: 160px;

}

 #id_matrix textarea {
 background: none repeat scroll 0 0 #F2F0ED;
    border: medium none;
    font: 12px/25px 'titillium_weblight';
    max-height: 190px;
    max-width: 714px;
    min-height: 190px;
    min-width: 714px;
    outline: medium none;
    overflow: auto;
    padding: 5px;

}

 #id_matrix input[type="submit"]{
background: url("../images/btn-submit.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 0;
    height: 26px;
    line-height: 0;
    margin: 0 0 0 -2px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 120px;
}

 input.create_event {
     background: none;
 }


/*CALENDAR */

 .ui-helper-clearfix:after 
{
  /*  background: url("../images/box-after.gif") no-repeat scroll 0 100% transparent;*/
    bottom: -26px;
    content: "";
    height: 26px;
    left: 0;
    position: absolute;
    width: 306px;
}

.calendar-block .hasDatepicker {
    background: url("../images/bg-block.gif") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 25px;
    position: relative;
}
.ui-datepicker-header {
    background: url("../images/bg-month-navigation.gif") no-repeat scroll 0 0 transparent;
    overflow: hidden;
    padding: 5px 7px 5px 9px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   background: url("../images/bg-btns.png") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 0;
    height: 26px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 27px;
}
.ui-datepicker .ui-datepicker-next {
     background: url("../images/bg-btns.png") no-repeat scroll 100% 0 transparent;
    float: right;
}

.ui-datepicker .ui-datepicker-title {
     color: #FFFFFF;
    display: block;
    font: 16px/22px 'titillium_weblight';
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.52);
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month 
{
    text-transform: uppercase;
}

.ui-datepicker table {
    background: #EDEDED;
     background: -webkit-linear-gradient( bottom, #FCFCFC 0%, #F5F5F5 4%, #EDEDED 46%, #DADADA 100%) repeat scroll 0 0 transparent;
     background: linear-gradient(to bottom, #FCFCFC 0%, #F5F5F5 4%, #EDEDED 46%, #DADADA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    margin: 0 8px 11px;
    overflow: hidden;
}
.ui-datepicker thead {
    border-bottom: 1px solid #C5C5C5;
    font: italic bold 14px/28px Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 0 -2px 0 0;
    overflow: hidden;
    padding: 0;
}
.ui-datepicker th  {
 color: #4C5359;
 border-bottom: 1px solid #C5C5C5;
    float: left;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.35);
    width: 38px;
}
.ui-datepicker tbody 
{ 
     font: bold 12px/30px Arial,Helvetica,sans-serif;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 290px;
}


.ui-datepicker td 
{
    background: linear-gradient(to bottom, #F7F7F7 0%, #F0F0F0 48%, #DFDFDF 100%) repeat scroll 0 0 transparent;
    display: inline-block;
    height: 30px;
    margin: 0 -1px 0 0; /*0 -3px 0 0; */
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 39px;
}


.ui-datepicker td a
{
     border-color: #FBFBFB #C5C5C5 #000000 #F6F6F6;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #4C5359;
    display: block;
    text-shadow: 1px 1px 2px #FFFFFF;
}

 .ui-datepicker-today a.ui-state-highlight
{
    background: url("../images/bg-currentdate.gif") no-repeat scroll 0 0 transparent !important;
    border: medium none !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25) !important;
}

.ui-datepicker td a:hover ,  .ui-state-active{
	text-decoration: none;
	color: #2f3437;
	background: url(../images/date-hover.gif) no-repeat;
	border-color: transparent #c5c5c5 transparent transparent;
}

.ui-datepicker .highlight
{

    background: url("../images/ico-event.png") no-repeat scroll 91% 13% transparent;

}


.events-block ul > li >ul li a.active {
	color: #827874;
	text-decoration: none;
}

/* JCOVERFLIP*/

.ui-jcoverflip {
        position: relative;
      }
      
      .ui-jcoverflip--item {
        position: absolute;
        display: block;
        cursor: hand; cursor: pointer;
      }

.category-list ul li span
{
    
    color: #4A1464;
    display: block;
    font: 14px/24px 'titillium_webregular';
    padding: 13px 0 4px;
    text-align: center;
}
      
      /* Basic sample CSS */
      #flip {
        height: 200px;
        width: 800px;
        margin-bottom: 50px;
      }
      
      #flip .ui-jcoverflip--title {
        position: absolute;
        bottom: -30px;
        width: 100%;
        text-align: center;
        color: #555;
      }
      
      #flip img {
        display: block;
        border: 0;
        outline: none;
          height: 80px;
          box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
      }
      
      #flip a {
        outline: none;
      }

      .list li img {
          margin-top: 6px;
          margin-bottom: 16px;
      }
.list li .name
{
    color: #4A1464;
}
.article .image_left {
    float: left;
    margin: 0 30px 25px 0;
}
#content .location
{
    margin-top: 35px;
}
.events-list li .date
{
    width: 100px;
}
.statistic-holder .link-holder
{
    padding-bottom: 30px;
}
.left {
    float: left !important;
}

.slides_container img:hover {
   opacity:0.75; 
   filter:alpha(opacity=75); /* For IE8 and earlier */
}

.category-list ul li .holder:hover  .title {
	font: 16px/28px 'titillium_websemibold';
	color: #fff;
	background: #491363;
	margin: 0 auto;
	padding: 11px 0 6px;
}
.slideshow .mask
{
    height: 380px;
}
.home-content .channel{
    position: relative;
}
.home-content .channel .more {
    bottom: 4%;
    position: absolute;
    right: 2%;
}

#flip .activeImage img {
    height: 200px;
}

#flip .closestImage img {
    height: 110px;
}

/* Fixing EPi edit mode look */
.editfrontpagecontentarea {
    float: left;
    padding-left: 30px;
}

.category-block
{
    background: none !important;
}
.home-content .channel .more:hover 
{
    background: url(../images/ico-more.png) no-repeat right top;
	color: #827874;
    cursor: pointer;
}
.searchresult-heading {
    color: #4A1464;
    font: 2.833em titillium_websemibold, Arial;
}

.listResult a {
   text-decoration: none; 
} 
.listResult .search-result-title {
    color: #4A1464;
    font: 1.5em titillium_websemibold, Arial;
}
.listResult .search-result-title:hover {
    color: #000;
}
.listResult .search-result-ingress {
       color: #000000;
    font: 1em  Arial;
}
.listResult .search-result-ingress:hover {
   color: #827874;
}
.category-list ul li.tv-radio
{
    height: 110px !important;
}
.category-list ul li.tv-radio .holder:hover .large .frame { height: 200px;  }
.slides_control img {
  /*-moz-box-shadow:  0 16px 18px -6px #000;
-webkit-box-shadow:  0 16px 18px -6px #000;
box-shadow:  0 16px 18px -6px #000;*/
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px !important;
}
.mCSB_container {
     margin-right: 0px !important;
}

#id_matrix input[type="submit"]:hover {
    background: url("../images/btn-submit_hover.gif") no-repeat scroll 0 0 transparent;
}

.overlay {
    position: fixed;
    background: #000000;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.lightbox {
    position: absolute;
    width: 30%;
    max-width: 400px;
    left: 35%;
    top: 10%;
    background: #FFFFFF;
    z-index: 1001;
    padding: 10px;
}
.lightbox input[type="submit"] {
    display: inline-block;
    width: 100px;
}
.lightbox h1 {
    margin: 0;
    padding: 5px;
    background: #4a1464;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.lightbox .message {
    display: none;
}

.HeaderImage {
    text-align: right;
    width: 600px;
    overflow: hidden;
    position: relative;
    right: 0;
    top: 13px;
    max-height: 45px;
}
.HeaderImage img {
    width: auto;
    max-height: 100%;
}