/*================ FONT AWESOME ADDITIONS ======================*/
 .fa-check-true:before, .fa-check-True:before, .fa-check-1:before, .fa-check-reverse-False:before {
     content: '\f00c';
     color: #78a22f;
}
 .fa-check-false:before, .fa-check-False:before, .fa-check-0:before, .fa-check-reverse-True:before {
     content: '\f00d';
     color: #900;
}
 .fa-status-True:before {
     content: '\f0c8';
     color: #78a22f;
}
 .fa-status-False:before {
     content: '\f0c8';
     color: #900;
}
 .fa-statusReverse-False:before {
     content: '\f0c8';
     color: #78a22f;
}
 .fa-statusReverse-True:before {
     content: '\f0c8';
     color: #900;
}
 .fa-thumb-true:before, .fa-thumb-True:before {
     content: '\f164';
     color: #78a22f;
}
 .fa-thumb-false:before, .fa-thumb-False:before {
     content: '\f165';
     color: #900;
}
 .fa-open-true:before, .fa-open-True:before, .fa-open-1:before {
     content: '\f00c';
     color: #78a22f;
}
 .fa-open-false:before, .fa-open-False:before, .fa-open-0:before {
     content: '\f05e';
     color: #900;
}
 .fa-tick-true:before, .fa-tick-True:before {
     content: '\f00c';
     color: #78a22f;
}
 .fa-tick-false:before, .fa-tick-False:before {
     content: '\f00c';
     color: #ccc;
}
 .fa-status1:before {
     content: '\f00c';
     color: #78a22f;
}
 .fa-status2:before {
     content: '\f00d';
     color: #900;
}
 .fa-status0:before {
     content: '\f128';
     color: #e68a00;
}
 .fa-gender-false:before, .fa-gender-False:before, .fa-gender-0:before {
     content: '\f222';
     color: #036;
}
 .fa-gender-true:before, .fa-gender-True:before, .fa-gender-1:before {
     content: '\f221';
     color: #906;
}
/*MIXED OR UNKNOWN GENDER*/
 .fa-gender-2:before, .fa-gender-3:before {
     content: '\f228';
     color: #063;
}
 table .fa {
     font-size: 1.4rem;
}
 th i.fa {
     font-size: 1rem;
     line-height: 1.4rem;
}
 .fa-middle {
     vertical-align: middle;
}
 p.iconRow i.fa {
     font-size: 1.4rem;
}
 i.fa-mobile {
     font-size: 2em;
}
 .fix .fa-spin {
     -webkit-transform-origin: 50% calc(50% - 0.5px);
     transform-origin: 50% calc(50% - 0.5px);
}
/*================ CHROME FONT RENDERING FIX ========================= */
/* body {
    -webkit-text-stroke: 0.1px;
}
 */
/* CSS Document */
/*------------ RESET DEFAULT BROWSER STYLES -------------------*/
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
     margin: 0;
     padding: 0;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 fieldset, img {
     border: 0;
}
 address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
     font-weight: normal;
}
 li {
     list-style: none;
}
 caption {
     text-align: left;
}
 h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
     font-weight: normal;
}
 q:before, q:after {
     content: '';
}
 abbr, acronym {
     border: 0;
     font-variant: normal;
}
 sup {
     vertical-align: text-top;
}
 sub {
     vertical-align: text-bottom;
}
 input, textarea, select {
     font-family: inherit;
     font-size: inherit;
     font-weight: inherit;
}
 del, ins {
     text-decoration: none;
}
/* remember to define focus styles! */
 :focus {
     outline: 0;
}
/*========== GET BACK BOX MODEL ========== */
 html {
     box-sizing: border-box;
}
 *, *:before, *:after {
     box-sizing: inherit;
}
/* Has layout for IE 6 and 7 just add class gainlayout 
/* \*/
 * html .gainlayout {
     height: 1%;
}
/* */
/* Hack for IE so that full height overlays work 
/* \*/
 * html, body {
     height: 100%;
}
 html {
     font-family: 'Open Sans';
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     height: 100%;
}
 body {
     font: normal 90%/1.5 'Open Sans', Arial, Helmet, Freesans, sans-serif;
     padding: 0;
     color: #0a0a0c;
     margin: auto;
     -webkit-font-smoothing: antialiased;
     background: #fff;
     font-weight: 300;
     height: 100%;
}
 hr {
     border: none;
     border-bottom: 1px solid #303030;
     padding-bottom: 0.1em;
     margin-bottom: 1.6em;
}
/*============================================================*/
/*============================================================*/
/*================ ACCESSIBILITY STUFF =======================*/
/*============================================================*/
/*============================================================*/
 .screen-reader-text {
     border:0;
     clip: rect(1px, 1px, 1px, 1px);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     width: 1px;
     overflow: hidden;
     position: absolute !important;
     word-wrap:normal !important;
}
 .screenreader-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
}
 #skip{
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     text-align: center;
     max-width:100%;
     margin: auto;
}
 #skiptocontent {
     height: 1px;
     width: 1px;
     position: absolute;
     overflow: hidden;
     top: -10px;
}
 .accessibility{
     position: absolute;
     left: -99999px;
     height: 10px;
     width: 10px 
}
 #readerSkip, .readerSkip {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     text-align: center;
}
 #readerSkip a, .readerSkip a{
     position: absolute;
     left: -99999px;
     top: 30px;
     background-colour: #0572B7;
     color: #fff;
     border:2px solid #fff;
}
 #readerSkip a:focus, #readerSkip a:active, #skip a:active, .readerSkip a:focus, .readerSkip a:active{
     position: relative;
     left: 0;
     z-index:9999;
     width: 75%;
     height: auto;
     margin: 0 auto;
     padding: 20px 20px;
     text-align: center;
     text-decoration: none;
     color: #fff;
     background-color: #0572B7;
}

/*============================================================*/
/*============================================================*/
/*=========== FONT SIZES, STYLES AND SPACING =================*/
/*============================================================*/
/*============================================================*/
 p {
     line-height: 1.4;
     margin: 0.7rem 0 0.7rem 0;
}
 h1, .h1 {
     font-size: 2rem;
}
 h2, .h2 {
     font-size: 1.8rem;
}
 h3, .h3 {
     font-size: 1.4rem;
}
 h4, .h4 {
     font-size: 1.2rem;
}
 h5, .h5 {
     font-size: 1.1rem;
}
 h6, .h6 {
     font-size: 1rem;
}
 div {
     padding: 0;
     margin: 0;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: 'Roboto Slab', 'Open Sans', Arial, Helmet, Freesans, sans-serif;
     font-weight: 700;
     line-height: 1.2;
     color: inherit;
     margin: 0.4em 0;
}
 .vvvlarge {
     font-size: 3.2rem;
}
 .vvlarge {
     font-size: 2.4rem;
}
 .vlarge {
     font-size: 1.8rem;
}
 .large {
     font-size: 1.5rem;
}
 .medium {
     font-size: 1.3rem;
}
 .small, .small p {
     font-size: 0.8rem;
}
 .ssmall {
     font-size: 0.9rem;
}
 strong, .bold {
     font-weight: 600;
}
 .lightText {
     font-weight: 300;
}
 .titleDivider {
     border-bottom: 1px solid #303030;
     padding-bottom: 0.1em;
     margin-bottom: 1.6em;
     margin-top: 0.4em;
}
 .titleSubDivider {
     border-bottom: 1px solid #b0b0b0;
     padding-bottom: 0.1em;
     margin-bottom: 2rem;
     margin-top: 0.2em;
}
 div.middleForm {
     display: block;
     width: 70%;
     margin: auto;
     margin-bottom: 20px;
}
/*============================================================*/
/*============================================================*/
/*======================== FLOATS ===========================*/
/*============================================================*/
/*============================================================*/
 .floatleft {
     float: left;
     margin-right: 2%;
}
 .floatright {
     float: right;
     margin-left: 2%;
}
 .float20 {
     width: 18%;
}
 .float25 {
     width: 23%;
}
 .float30 {
     width: 31%;
}
 .floatThird {
     width: 28%;
     margin-right: 3.6%;
}
 .float35 {
     width: 33%;
}
 .float40 {
     width: 38%;
}
 .float45 {
     width: 43%;
}
 .float50 {
     width: 48%;
}
 .float55 {
     width: 53%;
}
 .float60 {
     width: 58%;
}
 .float65 {
     width: 63%;
}
 .float70 {
     width: 68%;
}
 .clearing {
     clear: both;
     margin: 0;
     padding: 0;
}
 .clearLeft {
     clear: left;
}
 .clearRight {
     clear: right;
}
 .clearBoth {
     clear: both;
}
 .clear {
     clear: both;
}
 .clearAfter {
     overflow: hidden;
     width: auto;
}
/*============================================================*/
/*================== THREE COLUMN FLOATS =====================*/
/*============================================================*/
 #middleCol {
     float: left;
     width: 32%;
}
 #leftCol {
     float: left;
     width: 32%;
     margin-left: 2%;
}
 #rightCol {
     float: right;
     width: 32%;
}
 .leftCol {
     float: left;
     width: 32%;
     margin-right: 2%;
}
 .middleCol {
     float: left;
     width: 32%;
}
 .rightCol {
     float: right;
     width: 32%;
     margin-left: 2%;
}
/*============================================================*/
/*============================================================*/
/*======================== COLOURS ===========================*/
/*============================================================*/
/*============================================================*/
 .white {
     color: #ffffff;
}
 .black {
     color: #000;
}
 .green {
     color: #78a22f;
}
 .orange {
     color: #f60;
}
 .blue {
     color: #069;
}
 .red {
     color: #900;
}
 .grey {
     color: #ccc;
}
 .darkgrey {
     color: #666;
}
 .purple {
     color: #8d6e94;
}
 .pink {
     color: #d9438b;
}
 .bronze {
     color: #8c7853;
}
 .gold {
     color: #cfb53b;
}
 .kineticBlue {
     color: #0572b7;
}
 .desaturate {
     -webkit-filter: grayscale(1);
     -webkit-filter: grayscale(100%);
     filter: gray;
     filter: grayscale(100%);
}
 .desaturate:hover {
     -webkit-filter: none;
     filter: none;
}



/*============================================================*/
/*============================================================*/
/*===================== SCROLL BARS ==========================*/
/*============================================================*/
/*============================================================*/


.card-content::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}		
	
.card-content::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.1);
  border: 1px solid #ccc;
}

.card-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #069;
  min-height: 50px;
}

.card-content::-webkit-scrollbar-thumb:hover {
  background: #78a22f;
}

.card-content::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}




/*============================================================*/
/*============================================================*/
/*============== TABLES AND TABLE CONTENT ====================*/
/*============================================================*/
/*============================================================*/
/*============================================================*/
/*====== OVERRIDE FOR FORMCHECK AND CALENDER TABLES ==========*/
/*============================================================*/
 #calendar table {
     border: 0;
     margin: 0;
     padding: 0;
}
 #calendar table th {
     margin: 0;
     padding: 0;
}
 #calendar table tr td {
     margin: 0;
     padding: 0;
}
 #open_fc {
     z-index: 999;
}
 #calender {
     z-index: 999;
}
 .fc-errorold {
     position: relative;
     margin: auto;
     background-color: #fff;
     border: 1px solid #d6b6b6;
     border-left: 30px solid #900;
     padding: 10px;
     padding-left: 30px;
     margin-left: 27%;
     margin-top: 10px;
}
 .fc-error {
     position: relative;
     margin: auto;
     background-color: #900;
     border: 2px solid #900;
     padding: 3px;
    /*margin-left: 27%;
    */
     margin-top: 10px;
     text-align: center;
     color: #fff;
}
 .fc-error:after {
     bottom: 100%;
     left: 50%;
     border: solid transparent;
     content: ' ';
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(213, 0, 0, 0);
     border-bottom-color: #900;
     border-width: 10px;
     margin-left: -10px;
}
 .fc-error p {
     font-size: 1rem;
     line-height: 1.5;
     margin: 0;
}
/*============================================================*/
/*=================== DEFAULT TABLES =========================*/
/*============================================================*/
 table {
     margin-bottom: 2em;
     margin-top: 2em;
     border-collapse: collapse;
     border: 1px solid #ddd;
     table-layout: auto;
     width: 100%;
     max-width: 100%;
    /*word-break: break-all;
    */
}
 table th {
     padding: 0.5em;
     background: #fff;
     text-transform: sentence;
    /*border: 1px solid #dbdbdb;
    */
     border-bottom: 3px solid #dbdbdb;
     white-space: nowrap;
     font-weight:600;
}
 table th.clip {
     max-width: 0;
     min-width: 80px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 table, td, th {
     border-bottom: 1px solid #eee;
}
 table tr td {
     padding: 8px 10px;
     text-align: left;
}
 table.tablePadded td {
     padding: 12px;
}
 table.centered {
     margin: auto;
}
 table.colCentered td {
     text-align: center;
}
 tr>td:first-child {
     border-left: 0;
}
 td.tdcentre {
     text-align: center;
}
/*============================================================*/
/*==================== SHADED TABLES =========================*/
/*============================================================*/
 table.shade-table tr:nth-child(odd) {
     background-color: #f9f9f4;
}
 table.shade-table tr:nth-child(even) {
     background-color: #fff;
}
 table.shade-table tr.pSuspended, .pSuspended {
     background: #eee;
     color: #666;
}
 .shade-table {
     width: 100%;
}
/*============================================================*/
/*===================== NAKED TABLES =========================*/
/*============================================================*/
 table.naked {
     width: 100%;
}
 table.naked td {
     border: none;
}
 table.superNaked {
     width: 100%;
     border: none;
}
 table.superNaked td, table.superNaked tr {
     border: none;
}
/*============================================================*/
/*=================== LINGUASKIN =========================*/
/*============================================================*/
 #langDiv{
    float:right;
     clear:right 
}
/*============================================================*/
/*===================== STATUS TABLES =========================*/
/*============================================================*/
 table tr.rowTrue, table.shade-table tr.rowTrue {
     background: #cfecc6;
}
 table tr.rowFalse, table.shade-table tr.rowFalse {
     background: #e7e2e2;
}

/*============================================================*/
/*============================================================*/
/*=================== CONTEXTUAL HELP ========================*/
/*============================================================*/

#helpViewerContent img {
	max-width:100%;
}

#helpViewerContent h4 {
	border-left:6px solid #069;
	padding-left:10px;
}

/*============================================================*/
/*============================================================*/
/*===================== ADMIN HEADER =========================*/
/*============================================================*/
 nav#adminNav {
     clear: both;
}
/*============================================================*/
/*====================== TOP HEADER ==========================*/
/*============================================================*/
/* NAVIGATION */
 #adminTopMenu {
     width:100%;
     background-color: #333;
     border-bottom: 1px solid #555;
}
 #adminTopMenu ul {
     margin: 0;
     height: 50px;
     clear: both;
     position: relative;
     text-align: left;
     list-style: none;
     margin: 0;
     padding-left: 0;
     white-space:nowrap;
     border-bottom: 1px solid #333;
}
 div#voladminRightNav ul {
     border-bottom: none;
}
 ul#voladmintop li {
     margin: 0;
     padding: 0;
     list-style: none;
}
 ul#volnavlist li {
     float: left;
     padding: 0;
     list-style: none;
     margin: 0;
     display: block;
     position: relative;
     text-decoration: none;
     transition-duration: 0.5s;
}
 #volnavlist a, #volnavlist a:link, #volnavlist a:visited, #volnavlist a:active {
     text-decoration: none;
     color: #fff;
}
 #volnavlist a:hover, #volnavlist a:focus {
     background: #78a22f;
     color: #fff;
}
 ul#volnavlist li a {
     text-decoration: none;
     display: block;
     padding: 0 0.5em;
     color: #fff;
     font-size: 1.2em;
     border: 0;
     line-height: 50px;
     height: 50px;
}
 ul#volnavlist li a i {
     vertical-align: bottom;
     line-height: inherit;
}
 ul#volnavlist li.loggedIn {
     margin: 0 2px;
     color: #fff;
     padding: 0.65em 0.5em;
     border: 1px solid #090;
     background: #eee;
     opacity: 0.7;
}
 ul#volnavlist i.fa-home {
     font-size: 1.6em;
}
 ul#volnavlist i.fa-calendar {
     font-size: 1.2em;
}
 ul#volnavlist i.fa-cog, ul#volnavlist i.fa-map-marker {
     font-size: 1.5em;
}
/** SECOND LEVEL NAVIGATION */
 ul#volnavlist li ul {
     color: #303030;
     background-color: #fff;
     visibility: hidden;
     opacity: 0;
     min-width: 10rem;
     position: absolute;
     transition: all 0.5s ease;
     left: 0;
     display: none;
     z-index:10000;
}
 ul#volnavlist li ul li {
     background-color: #fff;
}
 #volnavlist li:hover > ul, #volnavlist li ul:hover, #voladmintop li:hover > ul, #voladmintop li ul:hover {
     visibility: visible;
     opacity: 1;
     display: block;
}
/* edge and ie 11 ignore entire rule block if you use a psuedo they dont understand like focus-within */
 #volnavlist li:focus-within > ul, #voladmintop li:focus-within > ul{
     visibility: visible;
     opacity: 1;
     display: block;
}
 #voladmintop li:hover ul, #voladmintop li.sfhover ul, #voladmintop li:focus ul {
     left: auto;
}
/* IE 7 fixes*/
 #voladmintop li:hover, #voladmintop li:focus, #volnavlist li:hover, #volnavlist li:focus {
     position: static;
}
/* end IE 7 fixes */
 #voladmintop li ul li a:link, #voladmintop li ul li a:visited, #voladmintop li ul li a:active {
     text-decoration: none;
}
 div#voladminRightNav li {
     display: block;
     height: 50px;
     line-height: 50px;
     color: White;
}
 #voladmintop ul {
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     border: 1px solid #222;
}
 #voladmintop li {
     background-color: #333;
     float: left;
     border-right: 1px solid #555;
}
 #voladmintop a {
     display: block;
     height: 50px;
     line-height: 50px;
     padding: 0 1rem;
     color: White;
}
 #voladmintop a i, #voladminRightNav i {
     height: 60px;
     font-size: 1.3rem;
     line-height: 50px;
     padding: 0 0.5rem;
     color: White;
}
 #voladmintop a.menuClub {
     background: #dd691b;
}
 #voladmintop a.menuVolunteer {
     background: #0572b7;
}
 #voladmintop a.menuAccredit {
     background: #43842c;
}
 #voladmintop a.menuTrustPilot {
     background: #f5f5f5;
     color:#000;
}
 #voladmintop a:hover, #voladmintop a:focus {
     background: #222;
}
 #voladmintop a:link, #voladmintop a:visited, #voladmintop a:active {
     border: 0;
     text-decoration: none;
}
/* SPECIFIC AREA HOVERS */
 #voladmintop a.menuClub:hover {
     background: #97460f;
}
 #voladmintop a.menuVolunteer:hover {
     background: #369;
}
 #voladmintop a.menuAccredit:hover {
     background: #43842c;
}
 #voladmintop a.menuTrustPilot:hover {
     background: #e5e5e5;
}
/* TOP HEADER SEARCH PANEL */
 #adminUniversalSearchInput {
     background-color: #fff;
     border:none;
     transition: all linear 0.2s;
     margin: 0 1rem;
}
 #adminUniversalSearchInput:focus {
     background-color: #fff;
}
 #adminUniversalSearch {
     box-shadow: 1px 2px 10px rgba(32,41,56,.8);
     position: absolute;
     z-index: 500;
     border-radius: 4px;
     width: 450px;
     display:none;
     background-color: #f8f9fb;
}
 .universalSearchResultTitle {
     color:#000;
     background-color: #F8F9FB;
     padding:5px;
     margin:2px;
}
 #voladminRightNav p.universalSearchResultTitle i {
     line-height: normal;
     height: auto;
     color: #555;
}
 #adminUniversalSearch a.universalSearchResult, a.universalSearchResult:link, a.universalSearchResult:visited, a.universalSearchResult:active {
     border-bottom:1px solid #dedee0;
     display: block;
     color:#000;
     background-color: #fff;
     margin-left: 20px;
     line-height: 50px;
     height: 50px;
     padding: 0 1.2rem;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     line-height: 50px;
}
 #adminUniversalSearch a.universalSearchResult:hover, #adminUniversalSearch a.universalSearchResult:focus {
     background-color: #e8e9ea;
}
 #adminUniversalSearch a.universalSearchResultBad {
     border-right:6px solid #900;
}
 #adminUniversalSearch a.universalSearchResultGood {
     border-right:6px solid #78a22f;
}
 #adminUniversalSearch a.universalSearchResultUnknown {
     border-right:6px solid #f60;
}
/*============================================================*/
/*====================== MAIN HEADER ==========================*/
/*============================================================*/
/* SET UP THE MENU BACKGROUDNS AND COLOURS */
 #adminNav{
     width: 100%;
     margin: 0 auto;
     border-bottom: 6px solid #0572b7;
     height: 50px;
     color: #fff;
     clear: both;
     background: #505050;
}
/* OVERRIDE COLOURS FOR INDIVIDUAL MENUS */
 #voladminlist.clubK {
     background: #505050;
     border-bottom: 6px solid #dd691b;
}
 #voladminlist.accreditK {
     background: #505050;
     border-bottom: 6px solid #43842c;
}
 #voladminlist.teamK {
     background: #505050;
     border-bottom: 6px solid #333;
}
/* SETUP INITIAL UL ELEMENTS FOR ALL MENU LEVELS */
 ul#voladminlist, ul#voladminlist ul {
     margin: 0;
     height: 50px;
     position: relative;
     text-align: left;
     list-style: none;
     margin: 0;
     padding-left: 0;
     white-space:nowrap;
}
/* SETUP INITIAL LI ELEMENTS FOR ALL MENU LEVELS */
 ul#voladminlist li {
     float: left;
     padding: 0;
     list-style: none;
     margin: 0;
     display: block;
     position: relative;
     text-decoration: none;
     transition-duration: 0.5s;
     border-right: 1px solid #303030;
}
/* OVERRIDE COLOURS FOR LI FOR INDIVIDUAL MENUS */
 ul#voladminlist.clubK li>ul>li {
     border-right: 1px solid #303030;
     background: #dd691b;
}
 ul#voladminlist.accreditK li>ul>li {
     border-right: 1px solid #303030;
     background: #43842c;
}
 ul#voladminlist.teamK li>ul>li {
     border-right: 1px solid #303030;
     background: #333;
}
/* SETUP DEFAULT A TAG FOR ALL LEVELS */
 #voladminlist a, #voladminlist a:link, #voladminlist a:visited, #voladminlist a:active {
     text-decoration: none;
     color: #fff;
}
 #voladminlist a:hover, #voladminlist a:focus {
     background: #0572b7;
     color: #fff;
}
/* SETUP SPECIFIC A TAG EFFECTS FOR TOP LEVEL */
 ul#voladminlist li a {
     text-decoration: none;
     display: block;
     color: #fff;
     border: 0;
     line-height: 50px;
     height: 50px;
     padding: 0 1.2rem;
}
/* SETUP SPECIFIC A ICONS TOP LEVEL */
 ul#voladminlist li a i {
     vertical-align: bottom;
     line-height: inherit;
     font-size: 1.3rem;
     height: 50px;
     line-height: 50px;
     padding: 0 0.7rem;
}
/* OVERRIDE FOR INDIVIDUAL MENUS */
 ul#voladminlist.clubK a:hover, ul#voladminlist.clubK a:focus {
     background-color: #dd691b;
}
 ul#voladminlist.accreditK a:hover, ul#voladminlist.accreditK a:focus {
     background-color: #43842c;
}
 ul#voladminlist.teamK a:hover, ul#voladminlist.teamK a:focus {
     background-color: #222;
}
/*==============================================*/
/*==============================================*/
/*==============================================*/
/*========== SECOND LEVEL NAVIGATION ===========*/
/*==============================================*/
/*==============================================*/
/* MAIN UL ELEMENT SETUP */
 ul#voladminlist li ul {
     color: #fff;
     background-color: #0572b7;
     visibility: hidden;
     opacity: 0;
     min-width: 17rem;
     position: absolute;
     transition: all 0.5s ease;
     left: 0;
     display: none;
     z-index:500;
}
 ul#voladminlist li ul li {
     background-color: #0572b7;
     border-left: 1px solid #303030;
     border-right: 1px solid #303030;
}
/* HOVER ACTION FOR THE MENU HEADINGS */
/* FOR ACCESSIBLE USERS THERE IS JAVASCRIPT THAT PERFORMS THIS ON FOCUS AND CLICK/RETURN */
 #voladminlist li:hover > ul, #voladminlist li ul:hover {
     visibility: visible;
     opacity: 1;
     display: block;
     left: auto;
}
/* THIS IS THE CLASS THAT IS PUT ON THE SECOND MENU BY THE JAVASCRIPT SO KEYBOARD USERS CAN OPEN IT */
 #voladminlist > li.openMenu > ul {
     visibility: visible;
     opacity: 1;
     display: block;
     left: auto;
}
/* edge and ie 11 ignore entire rule block if you use a psuedo they dont understand like focus-within */
/* NOT USING FOCUS WITHIN AS NOT SUPPORTED ON IE AND EDGE PLUS IT MEANS THE MENU MUST BE CYCLED THROUGH FOR KEYBOARD USERS EVERY TIME! */
/* #voladminlist li:focus-within > ul{
     visibility: visible;
     opacity: 1;
     display: block;
     left: auto;
}
 */
/* ADDS OBVIOUS COLOUR CHANGE TO BORDER FOR KEYBAORD FOCUS USERS TO INDICATE IT HAS A DROP DOWN */
 ul#voladminlist li.js-HasSubMenu>a:focus {
     border-bottom: 6px solid yellow;
}
/* SECOND LEVEL HOVER EFFECTS */
 #voladminlist li ul li a, #voladminlist li ul li a:link, #voladminlist li ul li a:visited, #voladminlist li ul li a:active {
     display: block;
     line-height: 50px;
     height: 50px;
     padding: 0 0.5em;
     margin: 0;
     color: #fff;
     border-top: 1px solid #555;
}
 #voladminlist li ul li a:hover, #voladminlist li ul li a:focus {
     background: #369;
     color: #fff;
}
/* OVERWRITE SECOND LEVEL EFFECTS FOR INDIVIDUAL MENUS */
 ul#voladminlist.clubK li ul li a:hover, ul#voladminlist.clubK li ul li a:focus {
     background: #97460f;
}
 #voladminlist.accreditK li ul li a:hover, #voladminlist.accreditK li ul li a:focus{
     background: #1d4a0d;
}
 ul#voladminlist.teamK li ul li a:hover, ul#voladminlist.teamK li ul li a:focus {
     background: #222;
}
 #voladminlist li ul li {
     clear: both;
     width: 100%;
}
/*============================================================*/
/*==================== SUB HEADER VOL ========================*/
/*============================================================*/
 #adminSubHeader {
     z-index: 1000;
     font-size: 0.9rem;
}
/* IE 7 fixes*/
 #adminSubHeader li:hover {
     position: static;
}
/* end IE 7 fixes */
 #adminSubHeader {
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     background-color: rgba(112, 163, 0, 1);
}
 #adminSubHeader ul, #adminSubHeader ul li {
     margin: 0;
     padding: 0;
     list-style: none;
     text-align: center;
}
 #adminSubHeader ul {
     width: 100%;
}
 #adminSubHeader li {
     display: inline-block;
     white-space: nowrap;
}
 #adminSubHeader a {
     display: inline-block;
     padding: 0.7em;
     background-color: rgba(112, 163, 0, 1);
     color: White;
     border-right: 1px solid #fff;
}
 #adminSubHeader>ul>li:first-child>a:first-child {
     border-left: 1px solid #fff;
}
 #adminSubHeader a:hover {
     background: rgba(61, 88, 0, 1);
}
 #adminSubHeader a, #adminSubHeader a:link, #adminSubHeader a:visited, #adminSubHeader a:active {
     border: none;
     border-right: 1px solid #fff;
     text-decoration: none;
}
 #adminSubHeader a.menuNegative {
     background-color: rgba(220, 28, 27, 1);
}
/*============================================================*/
/*================= SUB HEADER ACCREDIT =============+========*/
/*============================================================*/
 #adminSubHeader.accreditMenu {
     background-color: #43842c;
}
 #adminSubHeader.accreditMenu a {
     background-color: #43842c;
}
 #adminSubHeader.accreditMenu a:hover {
     background: #1d4a0d;
}
/*================= INACTIVE MENU OPTIONS ===================*/
 #adminSubHeader.accreditMenu a.menuInactive {
     background-color: #999;
}
 #adminSubHeader.accreditMenu a.menuInactive:hover {
     background: #999;
}
/*================= CURRENT MENU PAGE ===================*/
 #adminSubHeader a.selected {
     background-color: #1d4a0d;
}
/*============================================================*/
/*============================================================*/
/*==================== CONTENT AREAS =========================*/
/*============================================================*/
/*============================================================*/
 .contentBlock {
     margin-bottom: 4rem;
}
 .contentBlockDivider {
     margin-bottom: 4rem;
     border-bottom: 1px solid #dfdfdf;
}
 .titleDivider {
     border-bottom: 1px solid #303030;
     padding-bottom: 0.1em;
     margin-bottom: 2rem;
     margin-top: 0.6em;
}
 .titleSubDivider {
     border-bottom: 1px solid #b0b0b0;
     padding-bottom: 0.1em;
     margin-bottom: 2rem;
     margin-top: 0.6em;
}
 .stripedBlock {
     border:1px solid #eee;
     border-top:0;
     margin:0;
     padding:5px;
     overflow: hidden;
     width: auto;
}
 .stripedBlock:nth-child(odd) {
     background-color: #f5f5f5;
}
 .stripedBlock:nth-child(even) {
     background-color: #fff;
}
 .stripedBlock:first-of-type {
     border:1px solid #eee;
}
/*============================================================*/
/*===================== ADMIN CONTENT =========================*/
/*============================================================*/
 #contentAdmin {
     padding: 0;
     min-width: 1080px;
     max-width: 100%;
     margin: auto;
     background: #fff;
     min-height:100%;
}
 .contentNoSideNav {
     padding:20px;
     /*background-color:#e5e5e5;*/
}
 #header {
    margin:0;
}
 .pageHeader {
     align-items: center;
     padding: 10px 20px;
     white-space: nowrap;
     border-bottom: 1px solid #555;
}
 .pageHeader h1, .pageHeader h2 {
     display:inline-block;
     margin:0;
     font-size:1.4rem;
}
 .pageHeaderLightStripe {
     padding: 10px 20px;
     white-space: nowrap;
     background-color:#efeff7;
     border-bottom: 1px solid #555;
}
 .pageHeaderLightStripe p {
     margin: 0;
     margin-bottom:10px;
}
/*============================================================*/
/*================= PROVIDER PROFILES ========================*/
/*============================================================*/
 #providerProfileContainer {
     position: relative;
     width: 100%;
     height: 360px;
     border: 1px solid #000;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 #providerProfileLogo {
     position: absolute;
     bottom: 20px;
     left: 20px;
     borde: 1px solid #000;
}
 #providerProfileName {
     position: absolute;
     bottom: 20px;
     right: 20px;
     padding: 0 20px;
     background-color: rgba(255, 255, 255, 0.8);
}
 #eventContainer {
     position: relative;
     width: 100%;
     height: 360px;
     border: 1px solid #000;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 #eventLogo {
     position: absolute;
     bottom: 20px;
     right: 20px;
     padding: 0;
     margin: 0;
}
 #eventLogo img {
     margin: 0;
     padding: 0;
}
 #eventName {
     position: absolute;
     left: 0;
     top: 20px;
     padding: 0 20px 0 40px;
     background-color: rgba(255, 255, 255, 0.8);
}
 div.spanBlocks span {
     display: inline-block;
}
 img {
     border: none;
     vertical-align: middle;
}
 ul.large li {
     margin-bottom: 10px;
}
 cite {
     display: block;
     margin: 10px 10px 10px 10px;
     padding: 10px 0 0 20px;
     font-family: 'Open Sans';
     font-weight: 300;
     font-size: 1.3em;
}
 cite:first-letter {
     text-transform: uppercase;
}
 ul, ol {
     margin: 1.4em;
}
 ul li, ol li {
     padding-left: 1em;
     margin-bottom: 0.5em;
     list-style: inside;
}
 ol li {
     list-style: decimal;
}
/*================== BASIC STYLE RESETS =====================*/
 img {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     vertical-align: middle;
}
 div img {
     vertical-align: middle;
     margin-bottom: 0.25em;
}
 p img {
     vertical-align: middle;
     margin-bottom: 0.25em;
}
/* link styles */
 p.blogcontent a:link {
     color: #ffffff;
     border-bottom: 1px #fff dotted;
}
 p.blogcontent a:hover {
     border-bottom: 2px #6bab29 dotted;
     color: #6bab29;
}
 a:link, a:visited, a:active, a {
     color: #069;
     text-decoration: none;
     border-bottom: dotted 1px #069;
     cursor: pointer;
}
 a:hover, a:focus {
     color: #093;
     border-bottom: solid 1px #093;
}
 a.white:link, a.white:visited, a.white:active {
     color: #ffffff;
     border-bottom: 1px #fff dotted;
}
 a.white:hover, a.white:focus {
     border-bottom: 2px #ccc dotted;
     color: #ccc;
}
 a.dark:link, a.dark:visited, a.dark:active {
     color: #336600;
     border: none;
     border-bottom: 1px #336600 dotted;
     text-decoration: none;
}
 a.dark:hover, a.dark:focus {
     border-bottom: 1px #003300 solid;
     color: #003300;
}
 a.nolinkstyle, a.nolinkstyle:link, a.nolinkstyle:visited, a.nolinkstyle:active, a.nolinkstyle:hover {
     border: none;
     text-decoration: none;
}
 a.nolinkstyle:focus {
     outline:1px solid #093;
}
 a.activityIconLink:link, a.activityIconLink:visited, a.activityIconLink:active, a.activityIconLink:hover {
     border: none;
}
 a img {
     border: 0;
}
 a.active {
     outline: none;
}
 a:focus {
     -moz-outline-style: none;
}
 a.iconNoLinkStyle i {
     border: none;
     text-decoration: none;
}
 .floatdate {
     margin-right: 6px;
     float: left;
     width: 100px;
     height: 35px;
     color: #000;
     font-weight: bold;
     font-size: 15px;
     padding-top: 12px;
     text-align: center;
}
 .floatdateLarge {
     float: left;
     margin-right: 6px;
     width: 60px;
     height: 60px;
     color: #000;
     font-weight: bold;
     text-align: center;
     padding: 14px 0 0 0;
     background: url(../shared_images/icon_calender_empty_large.png) no-repeat;
}
 .datepassed {
     color: #900;
     text-decoration: line-through;
}
/*Shaded tables stuff */
 table.shade-table {
    /* just to remind us we're using this -- we don't want to write over it later! */
     text-align: center;
}
 .trodd {
     background: #fff;
}
 .treven {
     background: #ffe;
}
/* ============================ FORMS ============================*/
 form {
     display: inline;
     margin: 0;
     margin-bottom: 10em;
     -webkit-font-smoothing: antialiased;
     color: #303030;
     font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
 form textarea, form input, form select {
     font-family: inherit;
}
 form select, select, input, textarea {
     font-size: 1.1rem;
     padding: 5px;
     border: 1px solid #ccc;
     border-radius: 3px;
     vertical-align: middle;
}
 form select, select {
     padding: 4px 5px;
}
 textarea, select[type='multiple'] {
     vertical-align: top;
}
 form p {
     clear: left;
     padding: 5px;
     font-size: 1rem;
     margin-bottom: 20px;
}
 form p.divider {
     clear: left;
     border-top: 3px solid #9ebed3;
     padding: 10px 5px;
}
 form p.notform {
     clear: left;
     border-top: 0;
     padding: 5px;
}
 form div.notform p {
     clear: none;
     border-top: 0;
     padding: 5px;
}
 form p.notformNoClear {
     clear: none;
     border-top: 0;
     padding: 5px;
}
 form div.tableContainer {
     clear: left;
     border-top: 1px solid #d8e6bd;
     padding: 5px;
     margin-bottom: 5px;
}
 form.tiny p {
     clear: none;
     border: none;
}
 form.basic, div.basic {
     margin: 0;
     padding: 0;
}
 form.basic p, div.basic p {
     clear: none;
}
 form.plain p {
     border: none;
}
 form.standardMiddle {
     display: block;
     width: 70%;
     margin: auto;
}
 fieldset {
     padding: 5px;
}
 fieldset p {
     padding-top:0;
     margin-top:0;
}
 label, legend {
     float: left;
     text-align: right;
     width: 26%;
     margin-right: 1em;
     clear: left;
     font-weight: 600;
     color: #303030;
     display: inline-block;
     margin-bottom:6px;
}
/* ======= Coloured labels ============= */
 form.blueLabel label {
     border: 1px solid #9ebed3;
     background-color: #e6f5ff;
     padding: 5px;
}
 table.cke_dialog label {
     float: none;
     width: auto;
     clear: none;
}
 form.narrow label {
     float: left;
     text-align: right;
     width: 180px;
     margin-right: 1em;
     clear: left;
}
 form.vnarrow label {
     float: left;
     text-align: right;
     width: 80px;
     margin-right: 1em;
     clear: left;
}
 form.midnarrow label {
     float: left;
     text-align: right;
     width: 150px;
     margin-right: 1em;
     clear: left;
}
 form.small label {
     float: left;
     text-align: right;
     width: 160px;
     margin-right: 1em;
     clear: left;
}
 form.tiny label {
     float: none;
     display: inline;
}
 form.basic label, div.basic label, form.basic legend, div.basic legend {
     float: none;
     margin-right: 0;
     text-align: left;
     width: auto;
}
 form.largeText input, form.largeText button, form.largeText label {
     font-size: 2rem;
}
/*======= POPUP LOGIN FORM ========== */
 form.loginPopup input {
     width: 98%;
     font-size: 1.6em;
}
/*======= REGISTRATION FORM ========== */
 form.registration {
     display: block;
     margin: auto;
     color: #6d6b61;
}
 form.registration p {
     padding: 10px;
     border: 0;
     background-color: rgba(230, 230, 230, 0.5);
     clear: left;
     margin-bottom: 15px;
}
 form.registration p.notform {
     padding: 0;
     border: 0;
     background-color: rgba(230, 230, 230, 0.5);
     clear: none;
     border-radius: 0;
     margin-bottom: 0;
}
 form.registration div.sharedContainer {
     padding: 10px;
     border: 0;
     background-color: rgba(230, 230, 230, 0.5);
     clear: left;
     margin-bottom: 15px;
}
 form.registration input {
     font-size: 2em;
     color: #6d6b61;
}
 form.registration select {
     font-size: 1.8em;
     color: #6d6b61;
}
 form.registration textarea {
     font-size: 2em;
     color: #6d6b61;
     font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
 form.registration label {
     font-size: 1.4em;
     text-align: left;
     width: 220px;
     margin-right: 1em;
     clear: left;
}
 form p.registrationInfo {
     font-size: 1.4em;
     padding: 5px;
     border-radius: 0;
     background: none;
     text-align: center;
     margin: 0;
}
 form p.sharedLeft {
     float: left;
     width: 48%;
     background-color: transparent;
     margin: 0;
     padding: 0;
     clear: none;
}
 form p.sharedRight {
     float: right;
     width: 48%;
     background-color: transparent;
     margin: 0;
     padding: 0;
     clear: none;
}
 form.registration label.shared {
     clear: none;
     float: left;
     width: 110px;
}
 form.registration p.clearing {
     clear: both;
     height: 0;
     padding: 0;
     margin: 0;
}
 .formActive {
     background-color: #990000;
     border-color: #0f0;
}
/*======= ADMIN SETTINGS FORM ========== */
 form.adminSettings p {
     font-size: 1.4em;
     border-radius: 15px;
     padding: 10px;
     text-align: center;
     background: #c6e1b0;
}
/*======= NEW FORMS PHASE OUT ABOVE FORM ========== */
 form.fCol-middle {
     display: block;
     width: 60%;
     margin: auto;
}
 input[type='number'] {
     width: 60px;
}
 input[type='checkbox'] {
    /* All browsers except webkit*/
     transform: scale(1.5);
    /* Webkit browsers*/
     -webkit-transform: scale(1.5);
     margin-left: 5px;
     margin-right: 5px;
}
 input[type='radio'], input[type='checkbox'], .ie6 input {
     vertical-align: middle;
}
 span.inlineCheckBoxes input[type='checkbox'], span.inlineCheckBoxes input[type='radio'] {
     display: inline-block;
     margin-left: 10px;
     margin-right: 20px;
}
 form.inputFullWidthContent input[type='text'], form.inputFullWidthContent input[type='email'], form.inputFullWidthContent input[type='password'], form.inputFullWidthContent input[type='number'], form.inputFullWidthContent input[type='file'], form.inputFullWidthContent textarea, form.inputFullWidthContent select {
     width: 100%;
}
 form textarea.inputQuarterWidth, form input[type='text'].inputQuarterWidth, form input[type='email'].inputQuarterWidth, form input[type='password'].inputQuarterWidth, form input[type='number'].inputQuarterWidth, form input.inputQuarterWidth, form select.inputQuarterWidth, .inputQuarterWidth {
     width: 25%;
}
 form textarea.inputHalfWidth, form input[type='text'].inputHalfWidth, form input[type='email'].inputHalfWidth, form input[type='password'].inputHalfWidth, form input[type='number'].inputHalfWidth, form input.inputHalfWidth, form select.inputHalfWidth, .inputHalfWidth {
     width: 50%;
}
 form textarea.input3QuarterWidth, form input[type='text'].input3QuarterWidth, form input[type='email'].input3QuarterWidth, form input[type='password'].input3QuarterWidth, form input[type='number'].input3QuarterWidth, form input.input3QuarterWidth, form select.input3QuarterWidth, .input3QuarterWidth {
     width: 75%;
}
 form.formCentered, div.centered {
     display: block;
     padding: 0 20%;
     min-width:600px;
}
 .inputStatus {
     position: absolute;
     height: 36px;
     line-height: 36px;
     right: 4%;
     text-align: right;
     padding: 0 5px;
     width: auto;
}
/*============ BIG SEARCH FORMS ===============*/
 #bigSearchContent {
     opacity: 0.8;
     height: 80px;
     width: 90%;
     margin: auto;
     padding: 6px 10px;
     position: absolute;
     bottom: 0;
     right: 0;
}
 input.bigSearch {
     height: 70px;
     width: 100%;
     margin: 0;
     font-size: 1.6em;
     vertical-align: middle;
     border: 0;
     border-radius: 0 0 10px 10px;
     padding: 0;
     padding-left: 20px;
}
 button.bigSearch {
     height: 70px;
     width: 100%;
     margin: 0;
     padding: 0;
     font-size: 1.6em;
     vertical-align: middle;
     color: #fff;
     border: 0;
     background: #036;
     font-weight: 300;
     border-radius: 10px 10px 0 0;
}
 #searchMessage {
     width: 460px;
     background-color: rgba(0, 51, 102, 0.6);
     position: absolute;
     opacity: 0;
     display: none;
     font-size: 1.2em;
     color: #fff;
     padding: 20px;
     border-radius: 20px 0 20px 20px;
}
 form.formRegular textarea, textarea.inputRegular, form.formRegular input[type='text'], input.inputRegular {
     width: 66%;
}
 textarea.inputFullWidth, select.inputFullWidth, input.inputFullWidth {
     width: 100%;
}
 form textarea.inputFullFloatedWidth, form input.inputFullFloatedWidth, form select.inputFullFloatedWidth, form.inputFullFloatedWidth textarea, form.inputFullFloatedWidth input[type="text"], form.inputFullFloatedWidth input[type="password"], form.inputFullFloatedWidth select {
     width: 72%;
}
 form textarea.centerText, form input.centerText {
     text-align: center;
}
 input[disabled], button[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], a.btnDisabled {
     cursor: not-allowed;
     background-color: #ccc !important;
}
 input.autoWidth, textarea.autowidth, select.autoWidth, form.inputFullWidthContent input.autoWidth, form.inputFullWidthContent textarea.autowidth, form.inputFullWidthContent select.autoWidth {
     width: auto;
}
 form.inputFullWidthContent 
/*======= CUSTOM FORM FIELDS VOLUNTEER ========== */
 textarea.inputCustomTextArea {
     width: 60%;
}
 input.inputCustomText {
     width: 60%;
}
/*=========== FOCUS EFFECTS ON INPUTS ========== */
 form textarea, textarea, form input, input, select {
     font-family: inherit;
     background-color: #ffffff;
     border: 1px solid #cccccc;
     vertical-align: middle;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
     -o-transition: border linear 0.2s, box-shadow linear 0.2s;
     transition: border linear 0.2s, box-shadow linear 0.2s;
     -webkit-font-smoothing: antialiased;
     color: #303030;
}
 .thickBorder {
     border-width: 5px;
     transition: 0.2s;
}
 .growElement {
     transform: scale(1.1);
     transition: 0.2s;
}
 textarea:focus, input:focus, select:focus {
     border-color: rgba(82, 168, 236, 0.8);
     outline: 0;
     outline: thin dotted \9;
    /* IE6-9 */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
 textarea[class*='required']:focus, input[class*='required']:focus, textarea.requiredDummy:focus, input.requiredDummy:focus, input:required:focus, textarea:required:focus, select:required:focus {
     border-color: #db2b2b;
     outline: 0;
     outline: thin dotted \9;
    /* IE6-9 */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #db2b2b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #db2b2b;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #db2b2b;
}
/*======= FORM NOTIFICATIONS ========== */
 .formNotValid, .formNotValid:focus {
     border-color: #900;
}
 .formValid, .formValid:focus {
     border-color: #090;
}
/*========== FORM INPUT APPENDS =============*/
 .inputAfter {
     text-align: center;
     text-shadow: 0 1px 0 #ffffff;
     background-color: #eeeeee;
     border: 1px solid #ccc;
     border-left: 0;
     vertical-align: middle;
     border-radius: 0 3px 3px 0;
     padding: 6px 6px;
     margin: 0;
}
 .inputBefore {
     text-align: center;
     text-shadow: 0 1px 0 #ffffff;
     background-color: #eeeeee;
     border: 1px solid #ccc;
     border-right: 0;
     vertical-align: middle;
     border-radius: 3px 0 0 3px;
     padding: 6px 6px;
}
 p.inputAppend {
     line-height: normal !important;
}
 p.inputAppend input, p.inputAppend select {
     border-radius: 3px 0 0 3px;
     border: 1px solid #cccccc;
     vertical-align: middle;
}
 p.inputPrepend input, p.inputAppend select {
     border-radius: 0 3px 3px 0;
     vertical-align: middle;
}
 .checkboxMultiGroup {
     border:1px solid #ddd;
     max-height:260px;
     overflow:auto;
     width:auto;
     background-color:#fff;
}
 .checkboxMultiGroupFullWidth {
    width:100%;
}
/*============================================================*/
/*============================================================*/
/*============= BUTTONS AND PSUEDO BUTTONS ===================*/
/*============================================================*/
/*============================================================*/
/** LANGUAGE SELECTOR BUTTONS **/
 #langStyle {
    font-weight:600;
}
/*--------- PILL BUTTONS -----------------*/
 .pillBlock {
     display: inline-block;
     font-size: 1rem;
     margin: 3px 10px 3px 0;
     border: 1px solid #9ebed3;
     background-color: #e6f5ff;
     padding: 5px;
}
 .pillBlock:last-of-type {
     margin-right: 0;
}
 .pillBlockCount {
     color: #069;
}
 .pillBlockSuggest {
     background-color: #f9f9f4;
}
/*================== STACKED BUTTONS =====================*/
 div.floatedButtonStack a.button, div.floatedButtonStack button, p.floatedButtonStack a.button, p.floatedButtonStack button {
     width: 100%;
     display: block;
     text-align: center;
}
/*================== INLINE FORM BUTTONS ======================*/
 button.btnInline {
     font-size: 1.1rem;
     padding: 4px 5px;
     vertical-align: middle;
}
 button, a.button, span.button {
     background-color: rgba(112, 163, 0, 1);
     transition: border linear 0.2s, background-color linear 0.2s;
     border-radius: 0;
     color: #fff;
     border: 1px solid rgba(61, 88, 0, 1);
     padding: 4.5px 10px;
     display: inline-block;
     line-height: normal;
     vertical-align: middle;
     width: auto;
     text-align: center;
     font-size: 1.1rem;
     font-weight: 300;
     font-family: 'Open Sans', Arial, Helmet, Freesans, sans-serif;
     text-shadow: none;
     cursor: pointer;
}
 a.button, span.button {
     line-height: normal;
     vertical-align: middle;
     text-decoration: none;
     cursor: pointer;
}
 button i, a.button i, span.button i {
     margin-right: 10px;
     color: #fff;
}
 button.onlyIcon i, a.onlyIcon i, span.onlyIcon i {
     margin-right:0;
}
/*======== stick a block level element on the floated buttons =============== */
 p.floatright a.button, p.floatleft a.button {
     display: inline-block;
     margin-top: 2px;
}
/*=================== ACTION BUTTON TEXT ======================*/
 button.link {
     display: inline;
     background: none;
     border: none;
     color: #069;
     text-decoration: none;
     border-bottom: dotted 1px #069;
     transition: none;
     font-size: inherit;
     font-weight: inherit;
     padding: 0;
     font-size: 1rem;
     line-height: 1.4;
     margin: 0;
}
 button.link:hover, button.link:focus {
     background: none !important;
     color: #093;
     border-bottom: solid 1px #093;
}
 button.action {
     display: inline;
     background: none;
     border: none;
     color: inherit;
     text-decoration: none;
     border: none;
     transition: none;
     font-size: inherit;
     font-weight: inherit;
     padding: 0;
     font-size: 1rem;
     line-height: 1.4;
     margin: 0;
     border: 1px solid transparent;
}
 button.action:hover, button.action:focus {
     background: none !important;
     color: inherit;
}
 button.action:focus {
     border: solid 1px #093;
}
 button.action i {
     color: inherit;
}
/*=================== SPAN BUTTON TYPES ======================*/
 span.button {
     width: auto;
     overflow: visible;
     padding: 4px 10px 3px 7px;
    /* IE6 */
}
 span.button {
     padding: 5px 10px 5px 7px;
    /* Firefox */
     line-height: 17px;
    /* Safari */
}
 span.btnLarge, a.btnLarge {
     font-size: 1.4em;
     padding: 10px 14px;
}
 span.btnVLarge, a.btnVLarge {
     font-size: 1.8em;
     padding: 10px 14px;
}
/*======================== BIG BUTTONS ==========================*/
 button.bigSearch {
     height: 70px;
     width: 100%;
     margin: 0;
     padding: 0;
     font-size: 1.6rem;
     vertical-align: middle;
     color: #fff;
     font-weight: 300;
}
 button.btnBig, a.btnBig, span.btnBig {
     font-size: 1.6rem;
     line-height: 70px;
     height: 70px;
     vertical-align: middle;
     padding-top: 0;
     padding-bottom: 0;
     display: inline-block;
}
/*==================== STANDARD BUTTONS ==============================*/
 a.button:active {
     background: rgba(112, 163, 0, 1);
     color: #fff;
}
 a.button:link, a.button:visited, a.button:active {
     text-decoration: none;
}
 button:hover, a.button:hover, span.button:hover, button:focus, a.button:focus, span.button:focus {
     background-color: rgba(61, 88, 0, 1) !important;
     color: #fff;
}
/*==================== POSITIVE BUTTONS ==============================*/
 button.btnPositive, a.btnPositive, span.btnPositive {
     color: #fff;
     background-color: rgba(112, 163, 0, 1);
     border-color: rgba(61, 88, 0, 1);
}
 a.btnPositive:link, a.btnPositive:visited, a.btnPositive:active {
     border-color: rgba(61, 88, 0, 1);
     background-color: rgba(112, 163, 0, 1);
     color: #fff;
}
 a.btnPositive:hover, span.btnPositive:hover, button.btnPositive:hover, a.btnPositive:focus, span.btnPositive:focus, button.btnPositive:focus {
     border-color: rgba(61, 88, 0, 1);
     background-color: rgba(61, 88, 0, 1);
     color: #fff;
}
/*==================== ACCENT BUTTONS ==============================*/
 button.btnAccent, a.btnAccent, span.btnAccent {
     color: #fff;
     background-color: rgba(5, 114, 183, 1) !important;
     border-color: rgba(5, 54, 87, 1);
}
 a.btnAccent:link, a.btnAccent:visited, a.btnAccent:active {
     border-color: rgba(5, 54, 87, 1);
     background-color: rgba(5, 114, 183, 1) !important;
     color: #fff;
}
 a.btnAccent:hover, span.btnAccent:hover, button.btnAccent:hover, a.btnAccent:focus, span.btnAccent:focus, button.btnAccent:focus {
     border-color: rgba(5, 54, 87, 1);
     background-color: rgba(5, 54, 87, 1) !important;
     color: #fff;
}
/*==================== INBETWEEN BUTTONS ==============================*/
 button.btnNeutral, a.btnNeutral, span.btnNeutral {
     color: #fff;
     background-color: #e68a00 !important;
     border-color: #824e00;
}
 a.btnNeutral:link, a.btnNeutral:visited, a.btnNeutral:active {
     border-color: #824e00;
     background-color: #e68a00 !important;
     color: #fff;
}
 a.btnNeutral:hover, span.btnNeutral:hover, button.btnNeutral:hover {
     background-color: #824e00 !important;
     color: #fff;
}
/*==================== NEGATIVE BUTTONS ==============================*/
 a.btnNegative, button.btnNegative {
     color: #fff;
     background-color: rgba(220, 28, 27, 1);
     border-color: rgba(110, 15, 14, 1);
}
 a.btnNegative:link, a.btnNegative:visited, a.btnNegative:active {
     border-color: rgba(110, 15, 14, 1);
     background-color: rgba(220, 28, 27, 1);
     color: #fff;
}
 a.btnNegative:hover, span.btnNegative:hover, button.btnNegative:hover, a.btnNegative:focus, span.btnNegative:focus, button.btnNegative:focus {
     border-color: rgba(110, 15, 14, 1) !important;
     background-color: rgba(110, 15, 14, 1) !important;
     color: #fff;
}
/*==================== DISABLED BUTTONS ==============================*/
 a.btnDisabled, span.btnDisabled {
     color: #fff;
     background-color: #aaa !important;
     border-color: #666;
     cursor: not-allowed;
}
 a.btnDisabled:hover, span.btnDisabled:hover {
     background-color: #666 !important;
     border-color: #666;
}
/*==================== AUTO WIDTH SIZE BUTTONS ==============================*/
 a.btnAutoWidth, button.btnAutoWidth, span.btnAutoWidth {
     width: auto;
}
/*==================== FIXED WIDTH SIZE BUTTONS ==============================*/
 a.btnFixedWidth, button.btnFixedWidth, span.btnFixedWidth {
     width: 240px;
}
/*==================== FULL WIDTH SIZE BUTTONS ==============================*/
 a.btnFullWidth, button.btnFullWidth, span.btnFullWidth {
     width: 100%;
}
/*============================================================*/
/*===================== GRID BUTTONS ========================*/
/*============================================================*/
 div.btnGrid a {
     display: block;
     text-align: center;
     opacity: 0.8;
     background-color: #fff;
     border: 1px solid #fff;
     padding: 10px;
}
 div.btnGrid a:hover {
     opacity: 1;
    /*Glow*/
     -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
     -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
/*============================================================*/
/*=================== SLIDESHOW BUTTONS ======================*/
/*============================================================*/
 #buttons a span {
     display: none;
}
 #buttons {
     position: absolute;
     top: 250px;
     left: 30px;
     width: 700px;
     height: 48px;
     z-index: 5;
}
 #navButtons {
     position: absolute;
     bottom: 20px;
     right: 20px;
     width: 110px;
     height: 50px;
     font-size: 3rem;
     color: rgba(255, 255, 255, 0.8);
     z-index: 5;
}
 #navButtons .slNext {
     float: right;
     height: 50px;
     width: 50px;
}
 #navButtons .slPrev {
     float: left;
     height: 50px;
     width: 50px;
}
 #navButtonsOpps {
     position: absolute;
     top: 10px;
     left: 380px;
     width: 60px;
     height: 85px;
     z-index: 5;
}
/* ============== HOUR TRADE VOUCHERS =============== */
 .hourVoucher, .hourVoucherSmall {
     background: url(../shared_images/background_voucher.png) top right no-repeat;
}
 .hourVoucher {
     height: 180px;
     border: 1px solid #d5d5b2;
     border-radius: 5px;
     padding: 5px;
     margin-bottom: 10px;
}
 div.hourVoucher>div {
     height: 140px;
}
 .hourVoucherSmall {
     height: 130px;
     border: 1px solid #d5d5b2;
     border-radius: 5px;
     padding: 5px;
     margin-bottom: 10px;
}
 div.hourVoucherSmall>div {
     height: 105px;
}
/* ============== NEWS =============== */
 .news {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #d3c9aa;
}
 .newsTitle {
     font-size: 1.3em;
     color: #fff;
}
 .newsDate {
     float: left;
     background: url(images/icon_newsdate.png);
     width: 55px;
     height: 58px;
     margin: 0;
     margin-right: 10px;
     text-align: center;
     color: #fff;
}
 .newsMonth {
     font-size: 1.1em;
     margin-bottom: 5px;
}
 .newsDay {
     font-size: 3em;
     color: #5a5049;
     margin: 0;
     margin-top: -12px;
}
/* ============== OPPORTUNITIES =============== */
 .opp {
     border-left:10px solid;
     padding-left:10px;
}
/* ============== EVENTS =============== */
 .events {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #d3c9aa;
}
 .eventTitle {
     font-size: 1.8em;
     color: #fff;
}
 .eventStory {
     font-size: 1.1em;
}
 .eventDate {
     float: left;
     background: url(images/icon_newsdate.png);
     width: 55px;
     height: 58px;
     margin: 0;
     margin-right: 10px;
     text-align: center;
     color: #fff;
}
 .eventMonth {
     font-size: 1.1em;
     margin-bottom: 5px;
}
 .eventDay {
     font-size: 3em;
     color: #5a5049;
     margin: 0;
     margin-top: -12px;
}
 .eventImage {
     float: right;
     border: 4px solid #fff;
}
/* ============== ADMIN NEWS =============== */
 .newsarticle {
     border-bottom: 1px dotted #ccc;
     margin-bottom: 10px;
}
 .newsby {
     color: #fff;
}
 .newstitle {
     font-weight: bold;
     text-transform: uppercase;
}
 .newsshort {
     font-style: italic;
}
 .newsdate {
     text-align: right;
     font-size: 0.8em;
}
 .newsImage {
     float: right;
     border: 4px solid #fff;
}
/* ============== NEWS =============== */
 .news {
     margin-bottom: 10px;
     padding-bottom: 10px;
     border-bottom: 1px solid #d3c9aa;
}
 .newsTitle {
     font-size: 1.3em;
     color: #fff;
}
 .newsDate {
     float: left;
     background: url(images/icon_newsdate.png);
     width: 55px;
     height: 58px;
     margin: 0;
     margin-right: 10px;
     text-align: center;
     color: #fff;
}
 .newsMonth {
     font-size: 1.1em;
     margin-bottom: 5px;
}
 .newsDay {
     font-size: 3em;
     color: #5a5049;
     margin: 0;
     margin-top: -12px;
}
/*--------CHUNKY FORM------------*/
 form.chunky label, form.chunky input {
     font-size: 2em;
}
 form.chunky textarea {
     font-size: 2em;
}
 form.chunky input[type='submit'] {
     font-size: 1.5em;
}
/*-------------CLASSES-----------*/
/* required fields */
 [class*='required'], .requiredDummy, input:required, textarea:required, select:required {
     border:2px solid #db2b2b;
}
/*--------------TOGGLES-------------*/
 .toggler, .togglerNormal, .togglerLight, .togglerGreen, .togglerNoStyle {
     color: #069;
     text-decoration: none;
     border-bottom: dotted 1px #069;
}
 .toggler:hover, .togglerNormal:hover, .togglerLight:hover, .togglerGreen:hover, .togglerNoStyle:hover {
     color: #093;
     text-decoration: none;
     border-bottom: solid 1px #093;
}
 .togglerGreen {
     background: #bfdfaa;
     border: 1px solid #5b9142;
}
 .toggleTgt {
     z-index: 100;
     display: none;
     width: inherit;
}
 .toggleTgtInline {
     z-index: 100;
     display: none;
     width: inherit;
}
 .togglerNoStyle {
     border-bottom:none;
}
/*--------------- MAX HEIGHTS ------------------*/
 .maxHeight500 {
     max-height: 500px;
    /* sets max-height value for all standards-compliant browsers */
     overflow: auto;
}
 .maxHeight300 {
     max-height: 300px;
    /* sets max-height value for all standards-compliant browsers */
     overflow: auto;
}
 .maxHeight150 {
     max-height: 150px;
    /* sets max-height value for all standards-compliant browsers */
     overflow: auto;
}
/*-----------VOLUNTEER RANK BADGES-----------*/
 .volBadge span, .volBadgeHolder {
     background-repeat: no-repeat;
     height: 60px;
     width: 98px;
     display:inline-block;
     vertical-align: middle;
}
 .volBadge img {
     background-image: url('../shared_images/background_rankings.png');
     background-repeat: none;
     height: 60px;
     width: 98px;
}
 .volBadge img.rank0, .rank0 {
     background-position: 0 0;
}
 .volBadge img.rank1, .rank1 {
     background-position: 0 -60px;
}
 .volBadge img.rank2, .rank2 {
     background-position: 0 -120px;
}
 .volBadge img.rank3, .rank3 {
     background-position: 0 -180px;
}
 .volBadge img.rank4, .rank4 {
     background-position: 0 -240px;
}
 .volBadge img.rank5, .rank5 {
     background-position: 0 -300px;
}
 .volBadgeLarge img {
     background-image: url('../shared_images/background_rankings_large.png');
     background-repeat: no-repeat;
     height: 170px;
     width: 279px;
}
 .volBadgeLarge img.rank0 {
     background-position: 0 0;
}
 .volBadgeLarge img.rank1 {
     background-position: 0 -170px;
}
 .volBadgeLarge img.rank2 {
     background-position: 0 -340px;
}
 .volBadgeLarge img.rank3 {
     background-position: 0 -510px;
}
 .volBadgeLarge img.rank4 {
     background-position: 0 -680px;
}
 .volBadgeLarge img.rank5 {
     background-position: 0 -850px;
}
/* ============== AUTO SUGGEST =============== */
 #autoSuggest, #autosuggest {
     position: absolute;
     text-align: left;
     cursor: default;
     left: 0;
     top: 0;
     visibility: hidden;
     z-index: 250;
     opacity: 0.9;
     padding: 0;
     border: 1px solid #ccc;
     border-top: 0;
     background: #fff;
     box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
     width: auto;
     max-height: 340px;
     overflow-y: auto;
}
 .suggestrollover {
     display: block;
     padding: 5px;
}
 a.suggestrollover, a.suggestrollover:link, a.suggestrollover:visited, a.suggestrollover:active {
     color: #000;
     text-decoration: none;
     border: none;
     background-color: #ccd0d4;
}
 a.suggestrollover:hover {
     background: #5e8aa0;
     border: none;
     color: #fff;
}
 .suggestrolloverclose {
     background: #069;
     color: #fff;
     display: block;
     padding: 5px;
     border-bottom: 1px solid #666;
     text-align: right;
}
 a.suggestrollover, a.suggestrolloverclose:link, a.suggestrolloverclose:visited, a.suggestrolloverclose:active {
     color: #fff;
     text-decoration: none;
     border: none;
}
 a.suggestrolloverclose:hover {
     background: #66cc33;
     color: #000;
     border: none;
}
/*-----------------fake rollover classes-----------------*/
 p.suggestrollover {
     margin: 0;
     padding: 5px;
     background: #fff;
     border: none;
}
 .searchsuggestrollover {
     display: block;
     padding: 5px;
}
 a.searchsuggestrollover:link, a.suggestrollover:visited, a.suggestrollover:active {
     color: #000;
     text-decoration: none;
     border: none;
}
 a.searchsuggestrollover:hover {
     background: #78a22f;
     color: #fff;
}
 .searchsuggestrolloverclose {
     background: #069;
     color: #fff;
     display: block;
     padding: 5px;
     border-bottom: 1px solid #666;
     text-align: right;
}
 a.searchsuggestrolloverclose:link, a.suggestrolloverclose:visited, a.suggestrolloverclose:active {
     color: #fff;
     text-decoration: none;
}
 a.searchsuggestrolloverclose:hover {
     background: #66cc33;
     color: #000;
}
/*-----------------fake rollover classes-----------------*/
 p.suggestrollover {
     margin: 0;
     padding: 5px;
     background: #fff;
     border-bottom: 1px #6bab29 dotted;
}
/*----------------- RANDOM STUFF -----------------------------*/
 .signposts {
     display: block;
     height: 250px;
     width: 430px;
     color: #fff;
     border: 0;
     text-decoration: none;
     text-align: right;
}
 .whiteform {
     width: 500px;
     margin: auto;
     background-color: #ffffff;
     color: #666;
     padding: 10px;
     margin-top: 10px;
}
 .nomargin, .noMargin {
     margin: 0 !important;
}
 .noPadding {
     padding:0 !important;
}
 .clear {
     clear: both;
     margin-bottom: 15px;
}
 .clearleft {
     clear: left;
     margin-bottom: 15px;
}
 .clearright {
     clear: right;
     margin-bottom: 15px;
}
 .infopanel p {
     padding-left: 5px;
     padding-right: 5px;
}
 .hideme {
     display: none;
}
 .formnote {
     text-align: center;
     color: #78a22f;
}
 .sanserif {
     font-family: Tahoma, Geneva, sans-serif;
}
 .indexinfo {
     font-size: 0.7em;
     color: #fc0;
     padding-left: 75px;
}
 .bbottom {
     border-bottom: 1px solid #333;
}
 .lborder {
     border-color: #ccc;
}
 .linkcopy {
     text-decoration: none;
     border-bottom: dotted 1px #fff;
}
 .indent {
     padding-left: 20px;
}
 .speechbubble {
     position: absolute;
     display: none;
     background: url(images/icon_speechbubble.png) no-repeat;
     width: 183px;
     height: 60px;
     color: #fff;
}
 div.speechbubble p {
     padding: 5px 5px 10px 5px;
}
 .speechbubbleblue {
     position: absolute;
     display: none;
     background: url(images/icon_speechbubble_blue.png) no-repeat;
     width: 250px;
     height: 105px;
     color: #fff;
     font-size: 1.2em;
}
 div.speechbubbleblue p {
     padding: 15px 20px 20px 20px;
     font-size: 1.1em;
}
 .floatdate {
     margin-right: 6px;
     float: left;
     width: 70px;
     height: 35px;
     background: url(images/icon_calender_empty_long.png) no-repeat;
     color: #000;
     font-weight: bold;
     font-size: 15px;
     padding-top: 12px;
     text-align: center;
}
 .sectiontoggle {
     font-size: 1.6em;
     color: #000;
     background-color: #e4dbbf;
     border-radius: 15px;
     padding: 10px;
     border: 1px solid #c5bda5;
}
 .sectioncontent {
     background-color: #ffffee;
     padding: 10px;
     margin-bottom: 10px;
}
 .emailform {
     border: solid 2px #9da282;
     border-radius: 30px;
     background: #ffd;
     position: absolute;
     top: 0;
     width: 500px;
     padding: 20px;
     display: none;
     z-index: 10;
}
 .tdLeft {
     text-align: left;
}
 .volPhotoCircle {
     border-radius:100%;
     border:3px solid #909090;
     background-size:cover;
     background-position:center;
}
 .volPhotoMini {
     width:60px;
     height:60px;
}
 .volPhotoThumb {
     width:100px;
     height:100px;
}
 .volPhotoMedium {
     width:160px;
     height:160px;
}
 .photoframe {
     float: right;
     border: 2px solid #ccc;
     background: #fff;
     width: 150px;
     height: 180px;
}
 .placementTitle {
     font-style: italic;
     padding: 10px 25px;
     font-size: 1.2em;
}
 .inlineBlock {
     display: inline-block;
}
 .block {
     display: block;
}
 .centerText, tr>td.centreText {
     text-align: center;
}
 .leftText, tr>td.leftText {
     text-align: left;
}
 .rightText, tr>td.rightText {
     text-align: right;
}
 .pClosed, .bgError {
     background: #f2dada;
     border: 1px solid #990000;
}
 .pDescription {
     font-size: 1.4em;
     line-height: 1.8em;
}
 .interestedCon {
     background: url(../shared_images/background_interested.png) no-repeat top right;
}
 .interestedLink {
     display: block;
     height: 132px;
     width: 192px;
}
 .boldText {
     font-weight: bold;
}
 .indentText {
     padding-left: 100px;
}
 .volPhotoContainer {
     float: right;
     margin: 0 0 0 10px;
     border: 3px solid #9aa5af;
     height: 180px;
     background: #ffffff;
}
 .volPhotoContainerRound {
     width: 100px;
     height: 100px;
     border-radius: 100px;
     border: 1px solid #9aa5af;
     background-size: cover;
     margin: auto;
}
 .volPhotoContainerRoundInlineContainer {
     line-height: 60px;
}
 .volPhotoContainerRoundInlineContainer * {
     display: inline-block;
     vertical-align: middle;
}
 .volPhotoContainerRoundInline {
     width: 50px;
     height: 50px;
     border-radius: 50px;
     border: 1px solid #9aa5af;
     background-size: cover;
     margin: auto;
     display: inline-block;
     vertical-align: middle;
}
 .volPhotoContainerNoUpload {
     float: right;
     margin: 0 0 0 10px;
     border: 6px solid #a69e8c;
     background: #ffffff url(../shared_images/background_photo_blank.png) no-repeat;
}
 .volPhotoContainerNoUpload img {
     width: 125px;
}
 .volPhoto {
     margin: 0;
     border: 0;
     padding: 0;
     background: none;
}
 .volPhoto img {
     width: 125px;
}
 .volPhotoLink {
     margin: 0;
     border: 0;
}
 .volInfo {
     border-radius: 20px;
     padding: 5px;
     margin: 10px 0 10px 0;
     border: 1px solid #d1cab8;
}
 .volInfoHeading {
     font-size: 1.3em;
     background-color: #d1cab8;
     border-top-left-radius: 15px;
     border-top-right-radius: 15px;
     padding: 5px;
}
 .volGroup {
     height: 30px;
     padding-top: 5px;
}
 .errorflash {
     border-radius: 15px;
     padding: 10px;
     border: 1px solid #900;
     color: #900;
}
 .feedback {
     border: 1px solid #093;
     border-radius: 5px;
     padding: 15px;
     margin-bottom: 15px;
}
/*-------- COMMENT AND CHAT THREADS ----------*/
 .commentBox {
     border:0;
     margin:0;
     padding:5px;
     border-top:1px solid #dfdfdf;
}
 .commentBoxParent {
}
 .commentBoxChild {
     margin-left:160px;
     border-left:1px solid #dfdfdf;
     background-color:#f9f9f9;
     font-size:0.9rem;
     color:#343438;
}
 .comment {
     font-size: 1.4em;
     font-style: italic;
}
/*--------- THREE SIMPLE TABS --------------*/
 .threeTab1 {
     background: url(../shared_images/background_hours_vol.png) no-repeat;
     width: 200px;
     height: 90px;
     float: left;
}
 .threeTab2 {
     background: url(../shared_images/background_hours_prov.png) no-repeat;
     width: 200px;
     height: 90px;
     float: left;
}
 .threeTab3 {
     background: url(../shared_images/background_hours_rating.png) no-repeat;
     width: 200px;
     height: 90px;
     float: left;
}
/*--------- FOUR SIMPLE TABS --------------*/
 .fourTab1 {
     background: #52b4c3;
     width: 24%;
     height: 90px;
     float: left;
     border-radius: 5px;
     margin-right: 1.25%;
}
 .fourTab2 {
     background: #e86875;
     width: 24%;
     height: 90px;
     float: left;
     border-radius: 5px;
}
 .fourTab3 {
     background: #b36ab2;
     width: 24%;
     height: 90px;
     float: right;
     border-radius: 5px;
     margin-left: 1.25%;
}
 .fourTab4 {
     background: #8dbc6e;
     width: 24%;
     height: 90px;
     float: right;
     border-radius: 5px;
}
/*============= SOME JAVASCRIPT EFFECT CLASSES ================*/
 .borderGlow {
     -webkit-box-shadow: 0 0 16px rgba(82, 168, 236, 1);
     -moz-box-shadow: 0 0 16px rgba(82, 168, 236, 1);
     box-shadow: 0 0 16px rgba(82, 168, 236, 1);
     background-color: #000;
}
/*============= PRE LOADER CLASSES ================*/
 .no-js #loader {
     display: none;
}
 .js #loader {
     display: block;
     position: absolute;
     left: 100px;
     top: 0;
}
 .se-pre-con {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: url(../shared_images/Preloader_2.gif) center no-repeat #fff;
}
/*========= GRIDS =================*/
 [class^='col-'] {
     float: left;
     padding: 0 0;
     margin-bottom: 10px;
}
 .grid-table {
     display: table;
     width: 100%;
}
 .col-1-8 {
     width: 12.5%;
}
 .col-1-6 {
     width: 16.6%;
}
 .col-1-5 {
     width: 20%;
}
 .col-4-5 {
     width: 80%;
}
 .col-1-4 {
     width: 25%;
}
 .col-3-4 {
     width: 75%;
}
 .col-1-3 {
     width: 33.3%;
}
 .col-2-3 {
     width: 66.6%;
}
 .col-1-2 {
     width: 50%;
}
 .grid, .gridNoCollapse {
     overflow: hidden;
}
 .grid-wideGutter {
     overflow: hidden;
}
 .grid:after, .gridNoCollapse:after {
     content: "";
     display: table;
     clear: both;
}
/*============= INSIDE PADDING ===============*/
 [class^='col-'] {
     padding-right: 20px;
}
 .col-1-2:nth-child(2n) {
     padding-right: 0;
}
 .col-1-3:nth-child(3n) {
     padding-right: 0;
}
 .col-1-4:nth-child(4n) {
     padding-right: 0;
}
 .lastCol {
     padding-right: 0;
}
/*============ OUTSIDE PADDING ===============*/
 .grid-pad {
     padding: 20px 0 20px 20px;
}
 .grid-pad>[class^='col-']:last-of-type {
     padding-right: 20px;
}



/*============================================================*/
/*=================== FLEX BOX GRIDS =========================*/
/*============================================================*/


.flex-grid {
  display: flex;
  justify-content: space-between;
}

.flexcol {
  flex: 1;
  padding: 10px;
}

.flexcol-1 {
	flex-basis: 8.333%
}

.flexcol-2 {
	flex-basis: 16.666%
}

.flexcol-3 {
	flex-basis: 25%
}

.flexcol-4 {
	flex-basis: 33.333%
}

.flexcol-5 {
	flex-basis: 41.666%
}

.flexcol-6 {
	flex-basis: 50%
}

.flexcol-7 {
	flex-basis: 58.333%
}

.flexcol-8 {
	flex-basis: 66.666%
}

.flexcol-9 {
	flex-basis: 75%
}
.flexcol-10 {
	flex-basis: 83.333%
}
.flexcol-11 {
	flex-basis: 91.666%
}
.flexcol-12 {
	flex-basis: 100%
}

.flexcol-cv {
	  align-items: center;
}



/*============================================================*/
/*=================== SIDE GRID MENU =========================*/
/*============================================================*/
 .sideNav {
     display: table-cell;
     vertical-align: top;
     background-color: #f5f5f5;
     padding: 0;
     width: 12%;
     min-width:240px;
}
 .sideNavContent {
     display: table-cell;
     width: 88%;
     padding: 20px 10px;
     background-color: #e5e5e5;
}
 .sideNav ul, .sideNav li {
     padding: 0;
     margin: 0;
     overflow:hidden;
}
 .sideNav li {
     padding: 0;
     list-style: none;
}
 .sideNav a {
     border: none;
     display: block;
     width: 100%;
     height: 60px;
     line-height: 60px;
     margin: 0;
     border-bottom: 1px solid #e3e3e3;
     padding: 0 0.6rem;
     color: #000;
     cursor: pointer;
}
 .sideNav a {
     -webkit-font-smoothing: antialiased;
}
 .sideNav a.active {
     background-color: #ccd0d4;
     border-bottom: 3px solid #5e8aa0;
     color: #fff;
}
 .sideNav a:hover {
     transition: border linear 0.3s;
     background-color: #969ea4;
     color: #fff;
     border-bottom: 3px solid #5e8aa0;
}
/*----------- VOLUNTEER HOMEPAGE SLIDERS -------*/
/*VOLUNTEER CURRENT OPPS*/
 #volOpps {
     position: relative;
     float: left;
     width: 300px;
     margin: 0 auto;
}
 #volOpps_slide {
     float: left;
     width: 300px;
     height: 220px;
     margin: auto;
     overflow: hidden;
     border: 1px solid #8aa2be;
     background: url(../shared_images/background_slider_currentopps.png) repeat;
}
 #volOpps_slide div.volOpps_slides {
     position: absolute;
     top: 0;
     left: 0;
     height: 220px;
}
 .volOpps_slides_container {
     height: 220px;
     width: 300px;
}
 .volOpps_slides_inner {
     padding: 5px;
}
 .volOpps_slides_addopp {
     height: 150px;
     margin-top: 20px;
     padding: 10px;
}
 #navButtonsVolOpps {
     position: absolute;
     top: 226px;
     left: 230px;
     width: 60px;
     height: 85px;
     z-index: 5;
}
 #navButtonsVolOpps .slNext {
     float: right;
     background: url(../shared_images/icon_slider_next.png) no-repeat;
     height: 28px;
     width: 23px;
}
 #navButtonsVolOpps .slPrev {
     float: left;
     background: url(../shared_images/icon_slider_prev.png) no-repeat;
     height: 28px;
     width: 23px;
}
/*VOLUNTEER NEW OPPS*/
 #newOpps {
     position: relative;
     float: right;
     width: 600px;
     margin: 0 auto;
}
 #newOpps_slide div.newOpps_slides {
     position: absolute;
     top: 0;
     left: 0;
     height: 220px;
}
 #newOpps_slide {
     float: left;
     width: 600px;
     height: 220px;
     margin: auto;
     overflow: hidden;
     border: 1px solid #7e9d67;
     background: url(../shared_images/background_slider_newopps.png) repeat;
}
 .newOpps_slides_container {
     height: 220px;
     width: 290px;
}
 .newOpps_slides_inner {
     padding: 5px;
}
 .newOpps_slides_search {
     height: 150px;
     margin-top: 20px;
     background: url(../shared_images/background_slider_search.png);
     padding: 10px;
}
 #newOpps_slide .newOppText {
     height: 106px;
     overflow: hidden;
}
 #newOpps_slide .newOppsInfoPanel {
     color: #fff;
     text-align: center;
     margin-top: 10px;
     margin-right: 5px;
     float: left;
     background: #52b4c3;
     padding: 10px 8px;
     width: 34px;
     border-radius: 5px;
}
 div.newOppsInfoPanel a:hover {
     color: #fff;
}
 #navButtonsNewOpps {
     position: absolute;
     top: 226px;
     left: 530px;
     width: 60px;
     height: 85px;
     z-index: 5;
}
 #navButtonsNewOpps .slNext {
     float: right;
     background: url(../shared_images/icon_slider_next.png) no-repeat;
     height: 28px;
     width: 23px;
}
 #navButtonsNewOpps .slPrev {
     float: left;
     background: url(../shared_images/icon_slider_prev.png) no-repeat;
     height: 28px;
     width: 23px;
}
/*============================================================*/
/*================= SLIDER CONTAINERS ========================*/
/*============================================================*/
 #basic-slideshowWide {
     position: relative;
     width: 100%;
     height: 340px;
     overflow: hidden;
}
 #basic-slideshowWide div {
     position: absolute;
     width: 100%;
     height: 340px;
     top: 0;
     left: 0;
     text-align: center;
}
 #buttons a span {
     display: none;
}
 #buttons {
     position: absolute;
     top: 250px;
     left: 30px;
     width: 700px;
     height: 48px;
     z-index: 5;
}
 #basic {
     position: relative;
     text-align: left;
     margin: 0 auto;
     width: 100%;
}
 #oppsSlideshow {
     position: relative;
     float: left;
     width: 450px;
     margin: 0 auto;
}
 #sliderText {
     position: absolute;
     top: 20px;
     right: 20px;
     width: 540px;
     -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     background: none;
}
 #sliderTextContent {
     opacity: 0.8;
     background-color: #fff;
     padding: 5px 10px;
     font-family: 'Open Sans', Arial, Helvetica, sans-serif;
     font-size: 16px;
     font-weight: 300;
     border-radius: 10px;
}
 #sliderTitle {
     font-size: 30px;
}
 #sliderContent {
     font-size: 16px;
}
/*-============ Notifications =========*/
 [class*='notifyText'] {
     margin-bottom: 2em;
}
 .notifyTextBlue {
     border: 1px solid #9ebed3;
     background-color: #e6f5ff;
     padding: 5px;
}
 .notifyTextGreen {
     border: 1px solid #78a22f;
     background-color: #c6e1b0;
     padding: 5px;
}
 .notifyTextRed {
     border: 1px solid #e94b4b;
     background-color: #edb8b1;
     padding: 5px;
}
 .notifyTextLight {
     border: 1px solid #d5d5b2;
     background-color: #ffd;
     padding: 5px;
}
 .notifyTextGrey {
     border: 1px solid #d5d5b2;
     background-color: #eee;
     padding: 5px;
}
 .notifyTextGreyDark {
     border: 1px solid #888872;
     background-color: #ddd;
     padding: 5px;
}
 .notifyTextWhite {
     border: 1px solid #b0b0b0;
     background-color: #fff;
     padding: 5px;
}
 .notifyTextWarning {
     background-color: #f2dada;
     border: 1px solid #990000;
     border-left: 30px solid #900;
     padding: 5px;
}
 .notifyTextWarning p {
    /*font-size:1.3rem;
    */
}


 .notifyTextSuccess {
     background-color: #fff;
     border: 1px solid rgba(112, 163, 0, 0.5);
     border-left: 30px solid rgba(112, 163, 0, 1);
     padding: 5px;
     text-align: center;
}
 .notifyTextMessage {
     background-color: #f7f7cf;
     border: 1px solid #f2f226;
     border-left: 30px solid #f2f226;
     padding: 5px;
}
 .notifyTextWarning p, .notifyTextSuccess p, .notifyTextMessage p {
     text-align: center;
     font-weight:600;
}
 .notifyTextInherit p {
     text-align: inherit;
     font-weight:inherit;
     font-size: inherit;
}
 .notifyText {
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
 span.notifyTextSuccess, span.notifyTextWarning, span.notifyText {
     display:inline-block;
}
 .notifyBorderNarrow {
     border-left-width: 5px;
}
 .notifyArrow {
     position: relative;
     background: #f0eff4;
     border: 1px solid #f0eff4;
     padding:20px;
     margin-bottom:20px;
}
 .notifyArrow:after, .notifyArrow:before {
     right: 100%;
     top: 20px;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .notifyArrow:after {
     border-color: rgba(136, 183, 213, 0);
     border-right-color: #f0eff4;
     border-width: 10px;
     margin-top: -10px;
}
 .notifyArrow:before {
     border-color: rgba(194, 225, 245, 0);
     border-right-color: #f0eff4;
     border-width: 11px;
     margin-top: -11px;
}
 span.pills {
     display: inline-block;
     border: 1px solid #d5d5b2;
     background-color: #ffd;
     padding: 5px;
}
/*=============== BOXES ====================*/
 .boxStandard {
     border-top: 1px solid #c9c9c9;
     margin-bottom: 30px;
     margin: 30px -10px;
     padding: 20px 10px;
     background: linear-gradient(to bottom, rgba(240, 239, 252, 0.6) 0, rgba(246, 245, 253, 0) 30px, rgba(255, 255, 255, 0) 50%);
}
 .boxSuccess {
     background-color: #fff;
     border: 1px solid rgba(112, 163, 0, 0.5);
     border-left: 30px solid rgba(112, 163, 0, 1);
     border-right: 0;
     padding: 10px;
     margin: 30px -10px;
     padding-left: 30px;
}
 .boxWarning {
     background-color: #fff;
     border: 1px solid #d6b6b6;
     border-left: 30px solid #900;
     border-right: 0;
     margin: 30px -10px;
     padding: 10px;
     padding-left: 30px;
}
 .boxDoubleMargin {
     margin-bottom: 60px;
}
 .boxLight {
     border: 1px solid #efefef;
     padding: 3px;
     margin-bottom: 20px;
}
/** STAT BOXES */
 div.statBox {
     border-top: 1px solid #bbb;
     border-bottom: 1px solid #bbb;
     text-align: center;
     padding: 10px 0;
     margin-bottom: 20px;
     background-color:#fff;
}
 p.statNumber {
     font-size: 40px;
     line-height: 50px;
     margin: 0;
     padding: 0;
     font-weight: 600;
}
 p.statNumberSmall {
     font-size: 40px;
     line-height: 40px;
     margin: 0;
     padding: 0;
}
 p.statLabel {
     font-size: 16px;
     margin: 0;
     padding: 0;
     color: #9b9b9b;
}
/*===================== CARDS ====================*/
 .card {
     border: 1px solid #dbdbdb;
     background-color: #fff;
     margin-bottom: 40px;
    /* box-shadow: 0px 0px 14px 2px rgba(166,166,166,0.57);
    */
}
 .card-noMargin{
     margin-bottom: 0;
}
 .card-title {
     background-color: #EFF2F7;
     padding: 5px;
     text-align: center;
     border-bottom: 1px solid #505050;
     border-top: 1px solid #505050;
     font-weight: 600;
}
 .card-title p {
     font-weight: 600;
     margin: 0;
}
 .card-accent {
     background-color: #0572b7;
     color: #fff;
}
 .card-accent a {
    color:#fff;
     border-color:#fff;
}
 .card-content {
     padding:20px 5px 5px;
}
 .card-content-noSidePadding {
     padding:20px 0;
}
 .card-divider {
     padding: 10px 0;
     border-bottom: 1px solid #f4f4f4;
}
 .card-section {
     padding:10px;
     margin-top:20px;
     border-bottom:1px solid #b0b0b0;
     border-top:1px solid #b0b0b0;
     background-color:#fff;
}
 .card-list, .card-list-dark {
     padding:10px;
     margin:0;
     border-bottom:1px solid #b0b0b0;
     background-color:#fff;
}
 .card-list:first-of-type .card-list-dark {
     border-top:1px solid #b0b0b0;
}
 .card-list-dark {
     border-color:#888;
}
 .card-list-inside {
     border-left:1px solid #b0b0b0;
     border-right:1px solid #b0b0b0;
}
 .card-grey {
     background-color:#eee;
}
 .card-light {
     background-color:#ffe;
}
 .card-warning {
     outline:1px solid #900;
     border-left:20px solid #900;
}
 .panelHeader {
     border: 1px solid #dbdbdb;
     background-color: #fff;
     margin-bottom: 20px;
     padding: 5px;
}
 .card-dark {
     background-color: #222;
     color: #fff;
}
/*-============ Notifications =========*/
 [class*='tabLabel'] {
     margin: 0;
     margin-bottom: -1px;
     display: inline-block;
     padding: 5px;
     font-size: 1.4em;
     border: 1px solid;
     border-bottom: 0;
}
 .tabLabelGrey {
     border-color: #d5d5b2;
     background-color: #eee;
}
 .tabLabelGreen {
     border-color: #78a22f;
     background-color: #c6e1b0;
}
/*-============= GRAPH HOLDERS =============*/
 .pieLeft {
     float: left;
     width: 50%;
     clear: both;
     position: relative;
     height: 410px;
     text-align: center;
}
 .pieRight {
     float: right;
     width: 50%;
     position: relative;
     height: 410px;
     text-align: center;
}
 .areaGraph {
     clear: both;
     position: relative;
     width: 100%;
     min-height: 300px;
     margin: 40px auto;
     text-align: center;
}
 .areaGraphShort {
     clear: both;
     position: relative;
     height: 240px;
}
 .downloadCSV {
}
 .graphContainer {
     position: relative;
     border-bottom: 1px solid #303030;
     padding-bottom: 20px;
}
/*-============= ACCREDITATION BADGES =============*/
/*-============= GRAPH HOLDERS =============*/
 div.volAcredditationBadge {
     margin: auto;
     height: 574px;
     width: 400px;
     border: 2px solid #069;
     background-color: #fff;
     padding: 10px;
}
 div.volAcredditationBadge p.cardTitle {
     font-size: 1.6em;
     text-align: center;
}
 div.volAcredditationBadge p.cardInfo {
     font-size: 1.1em;
     text-align: center;
}
 div.volAcredditationBadge p.cardArea {
     font-size: 1.2em;
     text-align: center;
}
 div.volAcredditationBadge input, div.volAcredditationBadge textarea, div.volAcredditationBadge div.vAlignMe, div.memAcredditationBadge div.vAlignMe {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
}
 div.volAcredditationBadge input, div.volAcredditationBadge textarea {
     text-align: center;
}
 div.vAlignMe {
     width: 100%;
}
 div.volBadgeTitle {
     height: 100px;
     border-bottom: 2px solid #069;
     margin-bottom: 10px;
     position: relative;
}
 div.volBadgeCenter {
     height: 180px;
     border-bottom: 2px solid #069;
     margin-bottom: 10px;
     position: relative;
}
 div.volBadgeCenter img.badgeImage {
     height: 150px;
     border: 2px solid #666;
}
 div.volBadgeText {
     height: 100px;
     border-bottom: 2px solid #069;
     margin-bottom: 10px;
     position: relative;
}
 div.volBadgeAreas {
     height: 60px;
     position: relative;
     border-bottom: 2px solid #069;
}
 div.volBadgeLogo {
     height: 80px;
     position: relative;
     text-align: center;
}
 div.volBadgeLogo img {
     height: 60px;
}
 div.volBadgeTitle p, div.volBadgeTitle input, div.volBadgeTitle textarea {
     font-size: 1.6rem;
}
 div.volBadgeText p, div.volBadgeText input, div.volBadgeText textarea {
     font-size: 1.1rem;
}
/*-======== Margins ================-*/
 .marginb {
     margin-bottom: 10px;
}
 .margint {
     margin-top: 10px;
}
 .marginbMed {
     margin-bottom: 20px;
}
 .margintMed {
     margin-top: 20px;
}
 .marginbLrg {
     margin-bottom: 30px;
}
 .margintLrg {
     margin-top: 30px;
}
 .marginbVLrg {
     margin-bottom: 50px;
}
 .margintVLrg {
     margin-top: 50px;
}
 .marginCenter {
     margin-left: auto;
     margin-right: auto;
}
 .marginAll {
     margin: 10px;
}
 .marginAllLrg {
     margin: 20px;
}
 div.spacedP p {
     margin-bottom: 2em;
}
 .marginClear p, .marginClear div {
     margin: 0;
     line-height: 1.4em;
}
 .myDivider {
     border: none;
     border: 2px solid #9ebed3;
}
/*-======== Paddings ================-*/
 .paddingb {
     padding-bottom: 5px;
}
 .paddingt {
     padding-top: 5px;
}
 .paddingr {
     padding-right: 5px;
}
 .paddingl {
     padding-left: 5px;
}
/*-======== Backgrounds ============-*/
 .backWhite {
     background: #fff;
}
 .backlight {
     background: #ffd;
}
 .backHighlight {
     background: #fc0;
}
 .backGreen {
     background: #c6e1b0;
}
 .backBlue {
     background: #e6f5ff;
}
 .backRed {
     background: #db8477;
}
 .backGreenD {
     background: #393;
}
 .backBlueD {
     background: #36c;
}
 .backRedD {
     background: #bb301c;
}
 .backGray {
     background: #ccc;
}
 .backError {
     background: #600;
     color: #ccc;
}
 .backWhite {
     background: #fff;
     color: #000;
     padding: 5px;
}
 .backRetired {
     background: #f5a7a7;
     border: 1px solid #900;
}
 .strikeout {
     text-decoration: line-through;
}
 .eventdetails {
     border-radius: 15px;
     padding: 10px;
     border: 1px solid #777;
     margin-bottom: 15px;
}
 .eventdescription {
     font-size: 1.2em;
     font-style: italic;
     width: 450px;
}
 .question {
     font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
     font-style: italic;
     font-size: 1.2em;
     color: #069;
     border-radius: 10px;
     border: 1px solid #069;
     background: #dde;
}
 .answer {
     float: left;
     margin-right: 30px;
}
 .pseudoButtonRed {
     display: block;
     border-radius: 15px;
     border: 1px solid #300;
     font-size: 14px;
     padding: 4px 8px 8px 8px;
     width: 180px;
     height: 30px;
     background-color: #900;
     color: #fff;
     text-align: center;
     margin-bottom: 10px;
}
 .pseudoButtonGreen {
     display: block;
     border-radius: 15px;
     border: 1px solid #030;
     font-size: 14px;
     padding: 4px 8px 8px 8px;
     width: 180px;
     height: 30px;
     background-color: #090;
     color: #fff;
     text-align: center;
     margin-bottom: 10px;
}
 .pseudoLink {
     color: #069;
     text-decoration: none;
     border-bottom: dotted 1px #069;
}
 .questionnaire {
     margin-bottom: 20px;
     margin-top: 20px;
     padding-top: 10px;
     border-top: 1px solid #069;
}
/*-------------------Errors---------------------*/
 .errorText {
     border-radius: 5px;
     padding: 10px;
     border: 1px solid #ddd;
     margin-bottom: 10px;
     background-color: #ffdbdb;
}
/*---------- POPUPS, MODALS and PANELS -------------*/
 .slidingPanel {
     transition: all 0.3s ease-out;
     border-left:1px solid #888;
     box-shadow: -4px 0px 10px 0px rgba(0,0,0,0.75);
     z-index: 1000;
    /*HIGHEST */
     height: 100%;
     width: 400px;
     position: fixed;
     top: 0;
     background-color: #222;
     overflow-x: hidden;
     transition: 0.5s;
     right:-450px 
}
 slidingPanelRight {
     right: -450px;
}
 slidingPanelLeft {
     left: -450px;
}
 .slidingPanel a {
     color:#eee;
     border-bottom:1px dotted orange;
}
 .slidingPanel a:hover, .slidingPanel a:focus {
     color: orange;
     border-bottom:1px solid orange;
}
/*------ CLOSING MODALS AND STUFF LINKS -----*/
 a.closeDark {
     font-weight:600;
     color: #fff;
     font-family: sans-serif;
     border:none;
     display: inline-block;
     padding:5px;
     font-size: 1.2rem;
     border: 1px solid transparent;
     border-bottom: 1px solid transparent;
     text-transform: capitalize;
}
 a.closeDark:hover, a.closeDark:focus {
     border: 1px solid orange;
}
 #adminUniversalSearch a.closeLight, a.closeLight {
     font-weight:600;
     color: #303030;
     font-family: sans-serif;
     border:none;
     display: inline-block;
     padding:5px;
     font-size: 1.2rem;
     border: 1px solid transparent;
     text-transform: capitalize;
     line-height: normal;
     height: auto;
     background-color: transparent;
}
 #adminUniversalSearch a.closeLight:hover, #adminUniversalSearch a.closeLight:focus, a.closeLight:hover, a.closeLight:focus {
     border: 1px solid orange;
}
/*-----------POPUPS------------*/
 .popup {
     text-align: left;
     border: solid 2px #9da282;
     background: #fffefb;
     position: absolute;
     top: 0;
     left: 0;
     width: 660px;
     padding: 20px;
     z-index: 10;
     display: none;
     -webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
 }
 
 .popupDark {
     text-align: left;
     border: solid 2px #333;
     background: url(../shared_images/background_trans_repeat.png) repeat;
     position: absolute;
     top: 0;
     left: 0;
     width: 500px;
     padding: 20px;
     z-index: 10;
     display: none;
     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
}
 .popupSmall {
     border: solid 2px #9da282;
     background: #ffd;
     position: absolute;
     top: 0;
     left: 0;
     width: 250px;
     padding: 20px;
     border-radius: 15px;
     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
}
 .popupWide {
     width: 720px;
}
 .emailform {
     border: solid 2px #9da282;
     border-radius: 30px;
     background: #d7d8f4;
     position: absolute;
     top: 0;
     width: 500px;
     padding: 20px;
     display: none;
     z-index: 10;
     box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.5);
}
 closeform {
     float: right;
     margin-right: -30px;
     margin-top: -30px;
}
 * html.closeform {
     float: right;
     margin-right: 0;
     margin-top: 0;
}
 .closeMe {
     height: 25px;
     width: 25px;
     background: url(../shared_images/icon_close.png) center right no-repeat;
}
/*-----------HIDDEN---------------------*/
 .hidden {
     display: none;
}
 .invisible {
     visibility: hidden;
}
 .trans {
     opacity: 0;
}
/*========= NO SELECT FOR PSUEDO BUTTONS =============== */
 .noSelect {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/*------------- ACCESSIBLE TOOLTIP STYLES -----------------*/
 span.toolTip {
     display:none;
}
 .toggletip-container {
     position: relative;
     display: inline-block;
}
/* the bubble element, added inside the toggletip live region */
 .toggletip-bubble {
     display: inline-block;
     position: absolute;
     top: 0;
     color: #303030;
     margin-left: 14px;
     width:30em;
     background-color: #f7f7cf;
     border: 1px solid #f2f226;
     border-left: 30px solid #f2f226;
     padding: 5px;
     text-align: left;
     transition: border linear 0.2s, background-color linear 0.2s;
     z-index:500;
     font-size: 1rem;
     font-weight: normal;
     white-space: normal;
}
 .toggletip-bubble-left{
     left:100%;
}
 .toggletip-bubble-right{
     right:120%;
}
/* .toggletip-bubble:after, .toggletip-bubble:before {
     right: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
}
 .toggletip-bubble:after {
     border-color: rgba(247, 247, 207, 0);
     border-right-color: #f7f7cf;
     border-width: 10px;
     margin-top: -10px;
}
 .toggletip-bubble:before {
     border-color: rgba(242, 242, 38, 0);
     border-right-color: #f2f226;
     border-width: 16px;
     margin-top: -16px;
}
 */
 button.tipTrigger {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: none;
     font-weight: 600;
     padding: 1px;
     margin:0;
     line-height: normal;
     font-size: 0.8rem;
     background: #606060;
     vertical-align: text-top;
}
 button.tipTrigger:hover, button.tipTrigger:focus{
     background-color: rgba(112, 163, 0, 1) !important;
     color: #fff;
     border: none;
}
/*--------------tooltips/need mootools 1.2 in more--------------------*/
 .Tips1 {
    cursor: pointer;
}
 .tip {
     color: #030303;
     width: 440px;
     z-index: 9999;
     padding: 0;
     position: relative;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     border: solid 5px #fff;
}
 .tip-title {
     margin: 0;
     color: #fff;
     padding: 8px 8px 4px;
     background: #299fb8;
     font-size: 1.3rem;
}
 .tip-text {
     padding: 4px 8px 8px;
}
/*---------------Calendar styles---------------------*/
 .ctable {
     position: absolute;
     border-collapse: collapse;
     border: 1px solid #ababab;
     display: none;
     background: #fff none repeat scroll 0 0;
     left: 211px;
     top: 403px;
     font-family: Tahoma, Geneva, sans-serif;
     font-size: 0.8em;
     color: #666;
}
 .cday {
     background: rgb(171, 171, 171) none repeat scroll 0 0;
     font-size: 1em;
     line-height: normal;
     font-size-adjust: none;
     font-stretch: normal;
}
 .ccell {
     border: 1px solid rgb(100, 135, 174);
     background: rgb(196, 211, 234) none repeat scroll 0 0;
     width: 18px;
     height: 18px;
     line-height: normal;
     font-size-adjust: none;
     font-stretch: normal;
     color: rgb(51, 51, 51);
     text-align: center;
     text-decoration: none;
     cursor: pointer;
}
 .cempty {
     border: 1px solid rgb(100, 135, 174);
     background: rgb(196, 211, 234) none repeat scroll 0 0;
     width: 18px;
     height: 18px;
     line-height: normal;
     font-size-adjust: none;
     font-stretch: normal;
     color: rgb(51, 51, 51);
     text-align: center;
     text-decoration: none;
     cursor: default;
}


/*============================ SOME PRINTING STUFF=========================*/
 @media all {
     .page-break {
         display: none;
    }
}
 @media print {
     .page-break {
         display: block;
         page-break-before: always;
    }
}
 @charset "utf-8";
/*---------------ROAR notifications-----------------*/
 .roar-body {
     position: absolute;
     font: 10px/12px "Open Sans", Arial, Helvetica, Verdana, sans-serif;
     color: #000;
     text-align: left;
     z-index: 9999;
}
 .roar {
     position: absolute;
     width: 440px;
     cursor: pointer;
     color: #000;
     padding-left: 40px;
     font-size: 1rem;
     font-weight: normal;
}
 .roar-bg {
     position: absolute;
     z-index: 1000;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background-color: #f7f7cf;
     border: 1px solid #f2f226;
     border-left: 30px solid #f2f226;
     -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
 .roar-body-ugly .roar {
     background-color: #333;
}
 .roar-body-ugly .roar-bg {
     display: none;
}
 .roar h3 {
     position: relative;
     padding: 10px 10px 10px 0;
     margin: 0;
     border: 0;
     font-size: 1.2rem;
     font-weight: 600;
     font-family: 'Open Sans';
     color: #000;
     z-index: 1002;
     visibility: visible;
     font-size: 1rem;
     font-weight: 300;
}
 .roar p {
     position: relative;
     padding: 10px 10px 10px 0;
     margin: 0;
     color: #000;
     z-index: 1002;
     visibility: visible;
     font-size: 1rem;
     font-weight: 300;
}
/*-------------------- DATE PICKER---------------------------- */
 .datepicker_vk {
     box-sizing: border-box;
     position: absolute;
     font-size: 14px;
     font-family: "Open Sans", Tahoma, Verdana, Arial, sans-serif;
     color: #333;
     line-height: normal;
     width: 300px;
     height: 200px;
     padding: 4px;
     background-color:#0572b7;
}
 .datepicker_vk * {
    font-size:14px;
}
/* header ********************************************************/
 .datepicker_vk .header {
     position: relative;
     height: 15px;
     margin: 0 0 5px 0;
     padding-top: 1px;
}
 .datepicker_vk .header .title {
     text-align: center;
     margin: 3px 18px 0 18px;
}
 .datepicker_vk .header .titleText {
     font-size: 11px;
     color: #fff;
}
 .datepicker_vk .header .previous, .datepicker_vk .header .next, .datepicker_vk .header .closeButton {
     position: absolute;
     cursor: pointer;
     text-indent: -40px;
     overflow: hidden;
     width: 16px;
     height: 16px;
     top: 4px;
     background-image: url(datepicker/arrows.png);
     background-position: left top;
     background-repeat: no-repeat;
}
 .datepicker_vk .header .previous {
     left: 4px;
}
 .datepicker_vk .header .previous:hover {
     background-position: left bottom;
}
 .datepicker_vk .header .next {
     right: 4px;
     background-position: -17px top;
}
 .datepicker_vk .header .next:hover {
     background-position: -17px bottom;
}
 .datepicker_vk .header .closeButton {
     display: none;
     right: 0px;
     top: 0px;
     background-position: right top;
}
 .datepicker_vk .header .closeButton:hover {
     background-position: right bottom;
}
/* body ********************************************************/
 .datepicker_vk .body {
     position: relative;
     top: 6px;
     left: 2px;
     width: 292px;
     height: 200px;
     overflow: hidden;
}
/* time ********************************************************/
 .datepicker_vk .time {
     position: relative;
     width: 100%;
     height: 100%;
}
 .datepicker_vk .time .hour, .datepicker_vk .time .separator, .datepicker_vk .time .minutes {
     background: #fff;
     border: 0px;
     width: 50px;
     font-size: 32px;
     color: #333;
     border: 1px solid #aaa;
     position: absolute;
     top: 18px;
     text-align: center;
     padding: 2px;
}
 .datepicker_vk .time .hour {
     left: 23px;
}
 .datepicker_vk .time .separator {
     background: transparent;
     border: 0px;
     width: 10px;
     left: 84px;
}
 .datepicker_vk .time .minutes {
     left: 103px;
}
 .datepicker_vk .time .ok {
     position: absolute;
     top: 80px;
     height: 32px;
     width: 136px;
     left: 23px;
     font-size: 20px;
}
/* days-grid ********************************************************/
 .datepicker_vk .days .day {
     float: left;
     overflow: hidden;
     width: 13.5%;
     line-height:21px;
     height: 21px;
     border: 1px solid #aaa;
     text-align: center;
     margin: 0 2px 2px 0;
     padding:0;
}
 .datepicker_vk .days .titles {
     margin-bottom: 1px;
}
 .datepicker_vk .days .titles .title {
     border: 1px solid transparent;
     text-align: center;
     width:13.5%;
     height: 22px;
     line-height: 22px;
}
 .datepicker_vk .days .day0 {
     margin-right: 0;
}
 .datepicker_vk .days .week5 .day {
     margin-bottom: 0;
}
/* days-colors ********************************************************/
 .datepicker_vk .days .week .day {
     background: #fcfcfc;
     cursor: pointer;
     color: #1C94C4;
}
 .datepicker_vk .days .week .day:hover {
     background: #fdf5ce;
     color: #c77405;
     border: 1px solid #fbcb09;
}
 .datepicker_vk .days .week .otherMonth {
     background: #f2f2f2;
     color: #94B2BE;
     border: 1px solid #aaa;
}
 .datepicker_vk .days .week .selected {
     background: #fff;
     color: #c77405;
     border: 1px solid #fbcb09;
}
/* months-grid ********************************************************/
 .datepicker_vk .months .month {
     float: left;
     text-align: center;
     overflow: hidden;
     width: 95px;
     cursor: pointer;
     background: #fcfcfc;
     line-height:39px;
     height: 39px;
     border: 1px solid #aaa;
     margin: 0 2px 2px 0;
}
 .datepicker_vk .months .month3, .datepicker_vk .months .month6, .datepicker_vk .months .month9, .datepicker_vk .months .month12 {
     margin-right: 0;
}
 .datepicker_vk .months .month10, .datepicker_vk .months .month11, .datepicker_vk .months .month12 {
     margin-bottom: 0;
}
/* months-colors ********************************************************/
 .datepicker_vk .months .month:hover {
     background: #fdf5ce;
     color: #c77405;
     border: 1px solid #fbcb09;
}
 .datepicker_vk .months .selected {
     background: #fff;
     color: #c77405;
     border: 1px solid #fbcb09;
}
/* years-grid ********************************************************/
 .datepicker_vk .years .year {
     float: left;
     text-align: center;
     overflow: hidden;
     background: #fcfcfc;
     width: 56px;
     cursor: pointer;
     line-height: 39px;
     height: 39px;
     border: 1px solid #aaa;
     margin: 0 2px 2px 0;
}
 .datepicker_vk .years .year4, .datepicker_vk .years .year9, .datepicker_vk .years .year14, .datepicker_vk .years .year19 {
     margin-right: 0;
     width: 55px;
}
 .datepicker_vk .years .year15, .datepicker_vk .years .year16, .datepicker_vk .years .year17, .datepicker_vk .years .year18, .datepicker_vk .years .year19 {
     margin-bottom: 0;
}
/* years-colors ********************************************************/
 .datepicker_vk .years .year:hover {
     background: #fdf5ce;
     color: #c77405;
     border: 1px solid #fbcb09;
}
 .datepicker_vk .years .selected {
     background: #fff;
     color: #c77405;
     border: 1px solid #fbcb09;
}
/* global ********************************************************/
 .datepicker_vk .unavailable {
     cursor: default !important;
     background: #f0f0f0 !important;
     color: #ccc !important;
     border: 1px solid #ccc !important;
}
 .datepicker_vk table {
     border-spacing: 0;
     border:0;
     margin-top:3px;
     width: 100%;
}
 .datepicker_vk th, .datepicker_vk td, .datepicker_vk tr {
     padding: 0;
     border: 0;
}
 .datepicker_vk {
    z-index:1000;
}
/*toggler class for the selecting element */
 .date_toggler, .date_togglerInline, .date_togglerDecades {
    background:url(images/icon_calender.png) no-repeat;
     width:24px;
     height:24px;
     display:block;
     float:left;
     margin-right:5px;
     margin-top:6px;
}
/*===================================================*/
/*============ AUTOCOMPLETER CLASSES=================*/
/*===================================================*/
 ul.autocompleter-choices {
     position: absolute;
     margin: 0;
     padding: 0;
     list-style: none;
     border: 1px solid #7c7c7c;
     border-left-color: #c3c3c3;
     border-right-color: #c3c3c3;
     border-bottom-color: #ddd;
     background-color: #fff;
     text-align: left;
     font-family: inherit;
     background-color: #fff;
     z-index: 999;
}
 ul.autocompleter-choices li {
     position: relative;
     margin: -2px 0 0 0;
     padding: 0.4em 0.4em 0.4em 0.4em;
     display: block;
     float: none !important;
     cursor: pointer;
     font-weight: normal;
     white-space: nowrap;
     font-size: 1rem;
     line-height: 1.2rem;
     list-style: none;
}
 ul.autocompleter-choices li.autocompleter-selected {
     background-color: #444;
     color: #fff;
}
 ul.autocompleter-choices span.autocompleter-queried {
     display: inline;
     float: none;
     font-weight: bold;
     margin: 0;
     padding: 0;
}
 ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
     color: #9FCFFF;
}
/*============================================================*/
/*=================== ACCREDIT ACCESS ========================*/
/*============================================================*/
 div.accessColWholeWidth, th.div.accessColWholeWidth {
	border:1px solid #303030;
	padding:0;
	margin:0;
	text-align:center;
	color:#fff;
}
 div.accessCol {
	float:left;
	border:1px solid #303030;
	padding:0;
	margin:0;
	width:16.6%;
	font-size:28pt;
	line-height:28pt;
	text-align:center;
	color:#fff;
}
 div.accessAAA {
	float:left;
	width:100%;
	border:2px solid #303030;
	padding:0;
	margin:0;
	font-size:28pt;
	line-height:28pt;
	font-weight:bold;
	text-align:center;
	color:#000;
}

 div.accessAAA p {
	color:#000;
	margin:0;
	padding:0;
	font-size:28pt;
	line-height:28pt;
	font-weight:bold;
}
 p.badgeAccessArea {
	margin:0;
	padding:3px;
	font-size:2rem;
	line-height:2rem;
}


div.noAccess {
    background-color:transparent;
    border:1px solid transparent;
	color: transparent;
}

 .access1 {
    background-color:#009fe3;
}
 .access2 {
    background-color:#3fa535;
}
 .access3 {
    background-color:#e20816;
}
 .access4 {
    background-color:#666666;
}
 .access5 {
    background-color:#656db1;
}
 .access6 {
    background-color:#ffed00;
}
.access7 {
    background-color:#e6007e;
}
.access8{
    background-color:#000000;
}
.access9 {
    background-color:#154666;
}
.access10 {
    background-color:#7d0f04;
}
.access11 {
    background-color:#8d44ad;
}
.access12 {
    background-color:#2d3e50;
}
/*======================== FULL CALENDAR CSS OVERRIDES ========================= */
 a.fc-event {
     color: #fff;
     border: 0;
     padding: 3px;
}
 a.fc-event:hover {
     color: #ddd;
     border: 0;
}
 @media only screen and (min-width: 320px) and (max-width: 820px) {
    /* [class*='col-'], [class*='fCol-'] {
         width: 100%;
    }
     */
}