.outerarea .story.barbutton h3{
color:#7413dc;
}
.outerarea .story.barbutton h3 a{
color:#7413dc;
}
.outerarea .story.barbutton h3 a:hover, .outerarea .story.barbutton h3 a:focus{
color:#00a794;
}
.outerarea .story.barbutton a{
color:#00a794;
}
.outerarea .story.barbutton a:hover, .outerarea .story.barbutton a:focus{
color:#F8F8F8;
}
.eventcontent>ul li::before, .colinner>ul li::before{
margin-left: 0px; /* Also needed for space (tweak if needed) */
}
.sectionlist{
float:right;
margin-right:-15px;
margin-left:-15px;
padding-top:10px;
}
.sectionlist img{
width:160px;
padding:0px 15px 0px 15px;
}
@media only screen and ( max-width: 800px )
        {
        .sectionlist{
        float:none;
        }
        }
@media only screen and ( max-width: 500px )
        {
        .sectionlist img{
        width:50%;
        }
        }
        /* ### Responsive Tabs ### */ 

#eventtabs{
margin-top:15px;
margin-bottom:20px;
}

/* Tabs container */
.r-tabs {
	position: relative;
}
.r-tabs ul{

}
.r-tabs #eventtabs-1, .r-tabs #eventtabs-2, .r-tabs div[id*="eventtabs"] {
margin:0px;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
    margin-bottom:1px;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 15px;
font-size:1.1em;
	text-decoration:none;
	font-weight:400;
	color:#ffffff;
	margin-bottom:-1px;
    background-color: #7413dc;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #ffffff;
	background-color: #00a794;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover, .r-tabs .r-tabs-nav .r-tabs-anchor:focus{
background-color: #00a794;
color:#ffffff !important;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
background-color:#7413dc;
	border:1px solid #d7dada;
	margin-bottom:4px;
	color:#ffffff;
    font-weight:400;
	text-decoration: none;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #00a794;
	color: #ffffff;
}

.etabselect {
border-top:3px solid #00a794;
}
@media only screen and ( max-width: 768px )
        {
        .tabselect{ border-top:0px;
        }	
        }

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 20px 0px 0px 0px;
   /* display: none; */
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    /* Added for Chrome Add Widget drop down */
    overflow:visible !important;
}
/* Spectulise mod to remove display:none during loading to ensure sticky elements are correctly positioning in page.  */
.r-tabs .r-tabs-panel:not(.r-tabs-state-active) {
    /* position: absolute !important;
   left: -9999px !important; */
    display:none;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
/* ### END Responsive Tabs ### */ 
#eventcontainer #filtereventtable_filter{
margin-bottom:10px;
}
#eventcontainer table p{
margin:15px;
}

#eventcontainer #filtereventtable_filter input{
display:inline-block;
}
#eventcontainer table.dataTable tbody td{
padding:0px;
border-bottom:10px solid #ffffff;
border-top:0px;
}
#eventcontainer table.dataTable.display tbody tr.odd, #eventcontainer table.dataTable.display tbody tr.even {
  background-color: #F4F5F6;
}
#eventcontainer table .eventimage{
width:250px;
height:200px;
}
#eventcontainer .eventlinkinfo{
padding:0px 15px 15px 15px;
}
#eventcontainer .eventlinkinfo .eventcolourinfo{
float:right;
}
#eventcontainer .eventlinkinfo .eventcolourinfo div{
margin-top:8px;
width:30px;
height:30px;
display:inline-block;
}
#eventcontainer .eventlinkinfo .eventcolourinfo div:not(:first-child){
margin-left:5px;
}
@media only screen and ( max-width: 800px )
        {
        #eventcontainer table .eventimage{
width:150px;
height:125px;
}
        }
        @media only screen and ( max-width: 500px )
        {
        #eventcontainer table .eventimage{
width:100%;
height:150px;
float:none;
}
#eventcontainer .eventlinkinfo .eventcolourinfo{
float:none;
}
        }