@charset "utf-8";

/*----------- IMPORT OPEN FONTS --------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Open+Sans+Condensed:300|Roboto:100|Alfa+Slab+One);

body {	font: 14px/21px  "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #181818;}
footer {background:#231f20 /*url(/shared_images/bg-mac-blue.jpg)*/;}
#footerEnd {background:url(/shared_images/bg-mac-dark.jpg); height:100px;}


/* ========================= FONTS ========================*/
.openCondensed{font-family: 'Open Sans Condensed', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.alphSlab{font-family: 'Alfa Slab One', sans-serif;}
.Gothic {font-family: Century Gothic, sans-serif;}
.OpenSans {font-family: 'Open Sans', sans-serif;}
.HandWritten {font-weight:300;}


h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Open Sans", "HelveticaNeue", serif;
		font-weight: 300; }

p {margin-bottom:0.9em; line-height:1.2em;}
p.light {font-weight: 300 }

footer p {color:#E6E6EC;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color:#fff}



/*========== LINKS OVERRIDE ============ */

a.noLinkStyle {text-decoration:none; border:0;}


/*========== NAVIGATION =================*/

.navigationStrip {padding:0; height:40px; background:url(/shared_images/bg-nav.png) bottom center no-repeat; }

ul#navlist
{
margin: 0;
padding: 4px 0;
white-space: nowrap;
float:right;
}

#navlist li
{
display: inline;
list-style-type: none;
padding:0;
margin:0;
}

#navlist a { padding: 4px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background:none;
text-decoration: none;
border-bottom:2px
}

#navlist a:hover
{
color: #fff;
text-decoration: none;
border-bottom:2px solid #6a1f40;
}


/* ============== BLOG & FOOTER STYLES =============== */

.blogentry {margin-top:30px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #C5C2DA;}
.blogtitle {font-size:1.6em; color:#C5C2DA; font-weight:300;}
.blogdate {float:left; width:55px; height:62px; margin:0; margin-right:10px; text-align:center; color:#fff;  -moz-box-shadow:0px 0px 6px 3px #ddd;-webkit-box-shadow:0px 0px 6px 3px #ddd;box-shadow:0 0 6px 3px #ddd;}
.blogmonth {font-size:1.3em; line-height:1em; margin:3px 0 0 0; padding:0; color:#C5C2DA;}
.blogday {font-size:2.2em; color:#fff; margin:0; padding:5px 0}
.blogcontent {clear:left; padding-top:5px; color:#fff;}
.bloglink {text-align:right;}
a.bloglink {color:#C5C2DA;}

.trainingEntry {margin-top:30px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #C5C2DA;}
.trainingTitle {color:#fff; font-size:1.2em; font-weight:300; margin:0;}
.trainingDate {float:left; width:50px; height:52px; margin:0; margin-right:10px; text-align:center; color:#fff;  -moz-box-shadow:0px 0px 6px 3px #ddd;-webkit-box-shadow:0px 0px 6px 3px #ddd;box-shadow:0 0 6px 3px #ddd;}
.trainingMonth {font-size:1em; line-height:1em; margin:3px 0 0 0; padding:0; color:#C5C2DA;}
.trainingDay {font-size:1.8em; color:#fff; margin:0; padding:5px 0}
.trainingContent {padding-top:5px; color:#fff;}

/*============= PROFILE STUFF ==================*/

.clubPhoto {width:150px; height:150px; border:3px solid #fff; float:right; -moz-box-shadow:0px 0px 6px 3px #37364E;-webkit-box-shadow:0px 0px 6px 3px #37364E;box-shadow:0 0 6px 3px #37364E;}
.clubProfile {padding-right:160px;}
.clubProfile p, .clubProfile span {margin-bottom:0.9em; line-height:1.2em;}

/*============= QUICK FLOATS AND CLEARS =================*/

.floatleft {float:left; margin-right:5px;}
.floatright{float:right; margin-left:5px;}
.clearing {clear:both; margin:0; padding:0;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}
.clear {clear:both;}
.clearAfter {overflow:hidden; width:auto;}


/* forms */
form {display:inline; margin:0; margin-bottom:10px; font-family: "Open Sans", sans-serif;}
form p {clear:left; padding:5px;}
form div.tableContainer {clear:left; border-top:1px solid #d8e6bd; padding:5px; margin-bottom:5px;}

textarea {vertical-align:top;}


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.tiny p {clear:none; border:none;}
form.basic {margin:0; padding:0;}
form.basic p {clear:none; border:none; padding:none;}
form.plain p {border:none;}

fieldset {margin:0; margin-bottom:10px; padding:4px; background-color:#f3fae4; border:1px solid #8ea955; -moz-border-radius: 5px; border-radius: 5px;}
legend {margin:0;}
label {float:left; text-align:right; width:260px; margin-right:1em; clear:left; font-size:1.3em}

table.cke_dialog label {float:none; width:auto; clear:none;}

form div.questionsheet p {border:0;}
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 {float:none; display:inline; margin:0; padding:0;}
div.questionnaire textarea {font-size:2em;}



input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}


/*=========== SETUP THE INPUTS ========== */
form textarea,
form input,
form select {
  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;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-width:1px;
	-webkit-font-smoothing: antialiased;
	color: #303030;
	font-size:1.2em;
	padding:4px;
}

/*========== FORM INPUT APPENDS =============*/
.inputAfter {
	font-size:1.4em;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	border-left:0;
	vertical-align: middle;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	border-width: 1px;
	padding: 3px 6px;
}

p.inputAppend input{
	-moz-border-radius:3px 0px 0px 3px;
	-webkit-border-radius:3px 0px 0px 3px;
	border-radius:3px 0px 0px 3px;
}

.inputBefore {
	font-size:1.4em;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #eeeeee;
	border: 1px solid #ccc;
	border-right:0;
	vertical-align: middle;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	border-width: 1px;
	padding: 3px 6px;
}

p.inputPrepend input{
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	border-radius:0px 3px 3px 0px;
}


/*=========== FOCUS EFFECTS ON INPUTS ========== */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input: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{
  border-color: #A54B47;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A54B47;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A54B47;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #A54B47;
}


/*--------- BUTTONS --------------------*/

/*======== FIX FOR A LARGE ANCHOR TAG ===========*/



a.btn-large-block {
	height: 54px;
	min-height: 54px;
	line-height: 30px;
}


a.button, button, span.button{
    /*display:block;*/!important
	margin:0;
    background-color:#f5f5f5;
    border:1px solid #999;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    text-decoration:none;
	font-family: "Open Sans";
    color:#565656;
    cursor:pointer;
    padding:4px 10px 4px 7px; /* Links */
	-moz-border-radius: 5px; border-radius: 5px;
	color:#529214;
	background:#f5f5f5;
	font-size:1.1em;
	vertical-align:middle;
}

a.button {display:inline;}

/*======== stick a block level element on the floatd buttons =============== */
p.floatright a.button, p.floatleft a.button {display:block; margin-top:2px;}

button, span.button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	line-height:1em

}
button[type], span.button{
    padding:6px 10px 6px 7px; /* Firefox */
	line-height:1em
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
button img, a.button img, span.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */
button:hover, a.button:hover, span.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
a.button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.btnPositive, a.btnPositive, span.btnPositive{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/tick.png) no-repeat 8px center;
	padding-left:30px;
}

/* POSITIVE TYPE ROLLOVERS */
a.btnAdd:hover, button.btnAdd:hover, a.btnPositive:hover, span.btnPositive, span.btnToggle, button.btnPositive:hover, a.btnToggle:hover, button.btnToggle:hover, a.btnDownload:hover, button.btnDownload:hover, a.btnSearch:hover, button.btnSearch:hover, a.btnEdit:hover, button.btnEdit:hover, a.btnLogin:hover, button.btnLogin:hover, a.btnSMS:hover, button.btnSMS:hover, a.btnEmailSend:hover, button.btnEmailSend:hover, a.btnUpload:hover, button.btnUpload:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

a.btnPositive:active, a.btnToggle:active, a.btnLogin:active, a.btnDownload:active, a.btnSearch:active, a.btnEdit:active, a.btnSMS:active, a.btnUpload:active, a.btnEmailSend:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}


/* NEGATIVE */
a.btnNegative, button.btnNegative{
    color:#d12f19;
	background:#f5f5f5 url(/shared_images/silkicons/cross.png) no-repeat 8px center;
	padding-left:30px;
}

/* NEGATIVE TYPE ROLLOVERS */
a.btnNegative:hover, button.btnNegative:hover, a.btnRemove:hover, button.btnRemove:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
a.btnNegative:active, a.btnRemove:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* LOGIN TYPE */
button.btnLogin, a.btnLogin{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/key_go.png) no-repeat 8px center;
	padding-left:30px;
}

/* UPLOAD TYPE */
button.btnUpload, a.btnUpload{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/attach.png) no-repeat 8px center;
	padding-left:30px;
}

/* EMAIL TYPE */
button.btnEmailSend, a.btnEmailSend{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/email_go.png) no-repeat 8px center;
	padding-left:30px;
}

/* SMS TYPE */
button.btnSMS, a.btnSMS{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/message_send.png) no-repeat 8px center;
	padding-left:30px;
}

/* EDIT TYPE */
button.btnEdit, a.btnEdit{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/cog.png) no-repeat 8px center;
	padding-left:30px;
}

/* SEARCH TYPE */
button.btnSearch, a.btnSearch{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/find.png) no-repeat 8px center;
	padding-left:30px;
}

/* DOWNLOAD TYPE */
button.btnDownload, a.btnDownload{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/drive_go.png) no-repeat 8px center;
	padding-left:30px;
}

/* TOGGLE TYPE */
button.btnToggle, a.btnToggle{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/arrow_refresh.png) no-repeat 8px center;
	padding-left:30px;
}


/* ADD TYPE */
button.btnAdd, a.btnAdd{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/add.png) no-repeat 8px center;
	padding-left:30px;
}

/* REMOVE TYPE */
button.btnRemove, a.btnRemove{
    color:#529214;
	background:#f5f5f5 url(/shared_images/silkicons/delete.png) no-repeat 8px center;
	padding-left:30px;
}




/*--------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] {background:#ffdbdb;}



/*--------------- MAX HEIGHTS ------------------*/

* html .maxHeight500 { 
   height: expression( this.scrollHeight > 500 ? "500px" : "auto" ); /* sets max-height for IE */
}
.maxHeight500 {
   max-height: 500px; /* sets max-height value for all standards-compliant browsers */
   overflow:auto;
}

* html .maxHeight300 { 
   height: expression( this.scrollHeight > 300 ? "300px" : "auto" ); /* sets max-height for IE */
}
.maxHeight300 {
   max-height: 300px; /* sets max-height value for all standards-compliant browsers */
   overflow:auto;
}

/*-----------COLOURS------------------*/
.white {color:#FFFFFF;}
.black {color:#000;}
.green{color:#78a22f;}
.orange {color:#F60;}
.blue {color:#069;}
.red {color:#900;}
.gold{color:#FF0;}
.grey{color:#CCC;}
.darkgrey{color:#666;}
.purple {color:#8d6e94}
.pink {color:#d9438b}



/*============= SOME JAVASCRIPT EFFECT CLASSES ================*/

.borderGlowBlue{
  -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;
}

.borderGlowTan{
  -webkit-box-shadow: 0 0 16px rgba(121, 120, 97, 1);
     -moz-box-shadow: 0 0 16px rgba(121, 120, 97, 1);
          box-shadow: 0 0 16px rgba(121, 120, 97, 1);
		  background-color:#000;
}




/*-============ PANELS =========*/
.notifyTextBlue {border:1px solid #9ebed3; background-color:#E6F5FF; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextGreen {border:1px solid #78a22f; background-color:#C6E1B0; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextRed {border:1px solid #E94B4B; background-color:#DB8477; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextLight {border:1px solid #d5d5b2; background-color:#FFD; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextGrey {border:1px solid #d5d5b2; background-color:#EEE; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextWhite {border:1px solid #d5d5b2; background-color:#fff; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextBlueDenim {background:url(/shared_images/background_slider_currentopps.png) repeat; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
.notifyTextGreenDenim {background:url(/shared_images/background_slider_newopps.png) repeat; -moz-border-radius: 5px; border-radius: 5px; padding:5px; margin-bottom:10px;}
div.allDivMarginBottom>div {margin-bottom:20px;}


/*============ CARDS ===============*/

.card .card-heading.light {
  color: #fff;
  background-color:#95c0e3;
  padding:3px
  
}
.card .card-heading.dark {
  color: #fff;
  background-color:#354779;
  padding:3px;
  
}

.cardRounded {
  -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
		  border-radius: 10px;
}

.cardShadow {
	-webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    3px 3px 5px rgba(50, 50, 50, 0.75);
			box-shadow:         3px 3px 5px rgba(50, 50, 50, 0.75);
}




/*-======== 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;}

/*-======== Paddings ================-*/
.paddingb {padding-bottom:5px;}
.paddingt {padding-top:5px;}
.paddingr {padding-right:5px;}
.paddingl {padding-left:5px;}


/*-------------------Errors---------------------*/
.errorText { -moz-border-radius: 15px; border-radius: 15px; padding:10px; border:1px solid #ddd; margin-bottom:10px;}


/*--------------------sizes--------------*/
.vvvlarge {font-size:3.2em;}
.vvlarge {font-size:2.4em;}
.vlarge {font-size:1.8em;}
.large {font-size:1.5em;}
.medium {font-size:1.3em;}
.small {font-size:0.8em;}
.ssmall {font-size:0.9em;}




/*============================ SOME PRINTING STUFF=========================*/
@media all
{
  .page-break  { display:none; }
}

@media print
{
  .page-break  { display:block; page-break-before:always; }
}