/** Hide 'Free' label on events without cost **/
/** 30-05-2012 **/
#PAGEID_1223069 .registrationInfo label {
display : none;
}
#PAGEID_1318225 .registrationInfo label {
display : none;
}
/* Code to change page width START */
.container_12 {
width: 1200px;
}
.s1_grid_12{
width: auto;
}
@media only screen and (max-width: 1199px) and (min-width: 600px){
.container_12 {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1200px;
min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 600px;
min-width: 320px;
display: block;
}}
/* Code to change page width END */
/** Change the color of the buttons on Membership Application Form**/
/** 23-07-2018 **/
.navigationOuterContainer .navigationContainer .left input.nextButton{
background-color: #7EA7D8;
}
.navigationOuterContainer .navigationContainer .left input.nextButton:hover{
background-color: #BE1622;
}
.navigationOuterContainer .navigationContainer .right input.nextButton{
background-color: #7EA7D8;
}
.navigationOuterContainer .navigationContainer .right input.nextButton:hover{
background-color: #BE1622;
}
.navigationOuterContainer .navigationContainer input.nextButton, 

.navigationOuterContainer .navigationContainer input.typeButton, 

.navigationOuterContainer .navigationContainer input[type=submit] {
    background-color: #7EA7D8;
}
.navigationOuterContainer .navigationContainer input.nextButton, 

.navigationOuterContainer .navigationContainer input.typeButton, 

.navigationOuterContainer .navigationContainer input[type=submit]:hover {
    background-color: #BE1622;
}
/** Override the text size variations for lists and indented text**/
/** 01-08-2018 **/
[class*="EditableArea"] ul {
    color: #2D2E83;
    font: normal 1.10em/normal PT Sans;
}
/** Change background color of Calendar items **/
/** 08-08-2018 **/
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div {
    background: #7EA7D8;
}

.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar td>div:hover {
    background: #BE1622;
}
/** Change Calendar font size and boldness of time **/
/** 08-08-2018 **/
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar .recurringEvent .eventTime {
    font-size: 13px;
    font-weight: bold;
}
/** Change color of calendar time on hover **/
/** 08-08-2018 **/
.WaGadgetEvents.WaGadgetEventsStateCalendar .EventListCalendar .recurringEvent:hover {
    color: white;
}