/* START define global variables */
:root {
  --colour1: #F7941C; /* orange */
  --colour2: #4B1C62; /* deep purple */
  --colour3: #9B2E83; /* magentra */
  --colour4: #EF4E5D; /* red-coral */
  --colour5: #FDD102; /* yellow */
  --complementary1: #1CA6A6; /* green blue */
  --complementary2: #5AB9EA; /* light blue */
  --complementary3: #A7E8BD; /* light green */
  --complementary4: #F2F2F2; /* light grey */
  --complementary5: #333333; /* dark grey */
}
/* END define vars */

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

.chromeframe {
position: absolute;
top: 0;
}

html {
background:#ffffff;
height: 100%;
}

body {
min-height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
color: #2C3E50;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.875em;
background: transparent;
-webkit-touch-callout: none;
}


/* set img max-width */
img {
border: none;
max-width: 100%;
height: auto;
width: auto; /* old IE */
}

 
img, object, iframe, video {
max-width: 100%;

}

/* ie 8 img max-width */
@media \0screen {
img {
width: auto;
}
}

.header {
background:  #EDDBE9; /* was #f9d508; */
position: relative;
display: block;
margin: 0 auto;
padding: 0;
border-bottom: 4px solid #fff;
z-index: 999999;
width: 100%;
height: auto;
min-height: 200px;
}

.maincontentwrapper {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
flex: 1 0 auto;
position: relative;
width: 100%;
margin: 0 auto;
border: 0!important;
}

.main {
background: #ffffff;
padding: 20px 2%;
}

.signUpContainer {width:100%;}
.signUpTable {  font-size: 20px; }

.footer {
width: 100%;
margin: 0 auto;
min-height: 100px;
background: #532059;
position: relative;
border-top: 3px solid #fff;
padding: 10px 2%;
}


.headerlogo {
position: absolute;
padding: 0;
margin: 20px 0 0 2%;
outline: 0;
border: 0;
z-index: 999;
}
.headerlogo img {
  height:155px;
}

#topstrip {
height: 46px;
width: 100%;
position: relative;
margin: 0 auto;
padding: 0;
z-index: 999999;
border: 0;
background: #532059;
}

.topstriptextcontainer {
height: 34px;
width: auto;
position: absolute;
display: block;
margin: 0;
padding: 12px 2% 0 2%;
border: 0;
}

.topstriptext {
display: block;
color: #fff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 1.3em;
line-height: 110%;
}

.topstripiconcontainer {
width: 84px;
height: 46px;
line-height: 46px;
position: absolute;
border: 0;
background: transparent;
margin: 0;
padding: 0;
top: 0;
right: 1.5%;
z-index: 999;
}

.topstripicon {
width: 36px;
height: 36px;
text-align: center;
float: right;
border:0;
background: transparent;
margin: 5px 4px 0 0;
padding: 0 0 0 0;
    -moz-opacity: .50;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}







a {
color: #4baeb5;
text-decoration: none;
outline: none;
font-weight: bold;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}

a:hover {
text-decoration: none;
font-weight: bold;
color: #e25fa5;
-webkit-transition: 300ms linear 0s;
-moz-transition: 300ms linear 0s;
-o-transition: 300ms linear 0s;
transition: 300ms linear 0s;
}

a img, a img.preview,
a:hover,
a:focus, a:active,
a:selected,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 0;
outline: 0;
-moz-outline-style: none;
}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

/*	j.mp/webkit-tap-highlight-color (touch screens) */
a:link {
-webkit-tap-highlight-color: #fcd700;
}

.tooltip {
display: none;
position: absolute;
background-color: #e25fa5;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 10px;
color: #fff;
line-height: 110%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px !important;
max-width: 150px !important;
text-align: center;
z-index: 999999;
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}

p {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin: 0 0 10px 0;
padding: 0;
color: #2C3E50;
line-height: 130%;
}

p:first-of-type {
font-size: 105% em;
font-weight: 700;
}

.pintro {
margin: 0 0 10px 0;
padding: 0;
color: #2C3E50;
font-size: 1.5em;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 120%;
}

.pintrobold {
font-weight: 800 !important;
color: #2C3E50 !important;
}

small {
font-size: 12px;
color: #3aa0a7;
line-height: 110% !important;
}

em {
font-style: italic;
}

strong {
font-weight: 800;
}

.bullet {
font-family: Arial, Helvetica, sans-serif;
font-weight: 900;
font-size: 120%;
}

.asterix {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #e25fa5;
font-size: 150%;
}

.whitetext {
color: #ffffff !important;

}

h1 {
font-size: 3em;
letter-spacing: -0.03em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color: #2C3E50;
line-height: 110%;
margin: 0 0 10px 0;

}

h2 {
font-size: 3em;
color: #309fa7;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
margin: 0 0 10px 0;
line-height: 110%;
letter-spacing: -0.03em;
}

h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 120%;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 2em;
color: #309fa7;
line-height: 110%;
letter-spacing: -0.03em;
}

h4 {
font-size: 1.3em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color: #2C3E50;
line-height: 105%;
margin: 0 0 10px 0;
letter-spacing: -0.03em;
}

h5 {
font-size: 1.75em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height: 110%;
color: #e25fa5;
margin: 0 0 10px 0;
letter-spacing: -0.03em;
}

h6 {
font-size: 1.5em;
color: #309fa7;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height: 100%;
margin: 0 0 10px 0;
letter-spacing: -0.03em;
}

span.amp {
font-family: Adobe Caslon Pro, Baskerville, "Goudy Old Style", "Palatino", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 110%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

/* best available ampersand */

hr {
border: 1px dotted rgba(44, 62, 80, 0.25);
margin: 30px auto;
}

ul, ol {
padding: 0;
list-style: none;
}

li {
padding: 0;
list-style: none;
}

.content ul, .content ol {
padding: 0;
list-style: none;
margin: 20px 0 20px 0;
}

.content li {
padding: 0;
list-style: none;
font-weight: 700;
margin: 0 2% 8px 2%;
color: #309fa7;
}

blockquote {
background: transparent;
border: 0;
margin: 10px 5% 10px 5%;
padding: 0;
display: inline-block;
position: relative;
float: right;
width: 30%;
vertical-align: text-top;
}

blockquote::before {
content: "\275D"; /* unicode icon for opening mark */
margin: 0 0 -20px 0;
display: block;
color: #3aa0a7;
color: rgba(20, 138, 151, 0.65);
font-size: 4em;
}

blockquote::after {
content: "\275E"; /* unicode icon for closing mark */
margin: -15px 0 0 0;
display: block;
color: #3aa0a7;
color: rgba(20, 138, 151, 0.65);
font-size: 4em;
}

blockquote p {
color: #3aa0a7;
font-size: 1.75em;
letter-spacing: -0.03em;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-style: italic;
line-height: 120%;
display: block;
}






.footertext {
float: none;
position: relative;
display: block;
letter-spacing: normal;
font-family: 'Open Sans', sans-serif;
font-weight: 600 !important;
margin: 0;
padding: 10px 0 0 0;
font-size: 0.813em !important;
color: #fff;
line-height: 150%;
}

.footertextbold {
font-family: 'Open Sans', sans-serif;
font-weight: 800 !important;
color: #4baeb5;
padding: 0;
margin: 0;
}

.footertext a {
font-family: 'Open Sans', sans-serif;
font-weight: 800 !important;
color: #4baeb5;
text-decoration: none;
padding: 0;
margin: 0 0 0 0;
vertical-align: text-bottom;
}

.footertext a:hover {
font-family: 'Open Sans', sans-serif;
font-weight: 800 !important;
color: #bed62f;
text-decoration: none;
padding: 0;
margin: 0 0 0 0;
}





.cleardiv {
content: ".";
display: block;
clear: both;
visibility: hidden;
}

.cleardiv5 {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 5px;
}

.cleardiv10 {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 10px;
}

.cleardiv15 {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 15px;
}

.cleardiv20 {
content: ".";
display: block;
clear: both;
height: 20px;
visibility: hidden;
}

.cleardiv25 {
content: ".";
display: block;
clear: both;
height: 25px;
visibility: hidden;
}

.cleardiv30 {
content: ".";
display: block;
clear: both;
height: 30px;
visibility: hidden;
}

.cleardiv40 {
content: ".";
display: block;
clear: both;
height: 40px;
visibility: hidden;
}

.cleardiv50 {
content: ".";
display: block;
clear: both;
height: 50px;
visibility: hidden;
}

.cleardiv60 {
content: ".";
display: block;
clear: both;
height: 60px;
visibility: hidden;
}

.cleardiv70 {
content: ".";
display: block;
clear: both;
height: 70px;
visibility: hidden;
}

.cleardiv80 {
content: ".";
display: block;
clear: both;
height: 80px;
visibility: hidden;
}





/* button over pop begins */
@-webkit-keyframes pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes pop {
50% {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}

.pop {
display: inline-block;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop:hover {
-webkit-animation-name: pop;
animation-name: pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

/* button over pop ends */

/* button over push begins */
@-webkit-keyframes push {
50% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}

100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes push {
50% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}

100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}

.push {
display: inline-block;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.push:hover {
-webkit-animation-name: push;
animation-name: push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

/* button over push ends */





/* back to top link */
.toplink {
position: absolute;
width: 40px;
height: 40px;
display: block;
padding: 0;
margin: 0px;
outline: 0;
z-index: 99;
right: 10px;
top: 15px;
border: none;
}

















/* grid elements begin */

.row {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

[class*='column-'] {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 5px;
}

[class*='column-']:last-of-type {  /* floats last ".column-" to the right */
  padding-right: 5px;
  float: right;
}

.row:after {  /* clearfix for content */
  content: "";
  display: table;
  clear: both;
}

/* main widths */
.column-1  {width: 100%;}
.column-2  {width: 50%;}
.column-3  {width: 33.33%;}
.column-4  {width: 25%;}
.column-6  {width: 16.6666666667%;}
.column-8  {width: 12.5%;}


.box {
  font-size: 1em;
  background:#eaeaea;
  color: #2C3E50;
  padding: 15px 3% 20px 3%;
}

.box-clear {
  font-size: 1em;
  background: transparent;
  color: #2C3E50;
 padding: 0 0 0 0;
}



@media (max-width: 1000px) {

  .column-8 {
    width: 25%;
  }

.column-6 {
    width: 33.33%;
  }
.row .column-6:nth-child(3) {
    float: right;
  }

}


@media (max-width: 800px) {

.column-4 {
    width: 50%;
  }
.row .column-4:nth-child(2) {
    float: right;
  }

  .column-8 {
    width: 50%;
  }
.row .column-8:nth-child(2) {
    float: right;
  }

}



@media (max-width: 700px) {
	.column-1,
	.column-2,
	.column-3,
	.column-4,
	.column-6,
	.column-8  {
		width: 100%;
	}
}

/* grid elements ends */















/* media queries begin */


@media all and (max-width: 1024px) {

.main {
padding: 20px 3%;
}

.footer {
padding: 10px 3%;
}

blockquote {
background: transparent;
border: 0;
margin: 20px 5% 10px 5%;
padding: 0;
display: block;
position: relative;
float: none;
width: 90%;
vertical-align: text-top;
}



}





@media all and (max-width: 800px) {

.maincontentwrapper > * {
flex: 1 100%;
}
.main {
padding: 20px 5%;
}

.footer {
padding: 10px 5%;
}

.box {
  padding: 15px 5% 20px 5%;
}

}


















@media all and (max-width: 600px) {

#topstrip {
position: relative;
height: auto;
}

.topstripiconcontainer {
position: relative;
display: block;
width: 100%;
height: 46px;
line-height: 46px;
top: 0;
right: 0;
left: 0;
border: 0;
padding-right: 1.5%;
z-index: 999;
}

.topstriptextcontainer {
height: auto;
width: auto;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 10px 2% 5px 2%;
border: 0;
background: #4baeb5;
}

.topstriptext {
line-height: 105%;
}

.header {
padding:20px 0;
position: relative;
}

.headerlogo {
position: relative;
display: block;
overflow: hidden;
width: 94%!important;
max-width: 94%!important;
height: auto;
padding: 0;
margin: 20px auto 20px auto;
outline: 0;
border: 0;
z-index: 999;
}


}





@media screen and (max-width: 320px) {

.tooltip {
display: none;
}

}




/* highres' assets for Mac Retina and HD screens   */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

}






@media print {

.do-not-print {
display: none;
}

#comments {
page-break-before: always;
}

body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4;
word-spacing: 1.1pt;
letter-spacing: 0.2pt;
font-family: Garamond, "Times New Roman", serif;
color: #000;
background: none;
font-size: 12pt;
}

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
}

h1 {
font-size: 19pt;
}

h2 {
font-size: 17pt;
}

h3 {
font-size: 15pt;
}

h4, h5, h6 {
font-size: 12pt;
}

code {
font: 10pt Courier, monospace;
}

blockquote {
margin: 1.3em;
padding: 1em;
}

img {
display: block;
margin: 1em 0;
}

a img {
border: none;
}

table {
margin: 1px;
text-align: left;
}

th {
border-bottom: 1px solid #333;
font-weight: bold;
}

td {
border-bottom: 1px solid #333;
}

th, td {
padding: 4px 10px 4px 0;
}

caption {
background: #fff;
margin-bottom: 2em;
text-align: left;
}

thead {
display: table-header-group;
}

tr {
page-break-inside: avoid;
}

a {
text-decoration: none;
color: black;
}

}

/* media queries end */




















/* NG additions */
table {
    border: 0;
	width: 100%;
    max-width: 100%;
    margin:0;
    padding:0;
    border-spacing:1px;
	border-collapse:separate;
  }

  table tr {
    border: 0;
    padding: 5px;
  }

  table th, table td {
    padding: 5px;
    text-align: center;
	line-height: 125%;
	overflow: hidden;
  }

  table th {
    text-transform: uppercase;
      font-size: 14px;
    letter-spacing: -0.035em;
  }

  table td a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

.adminTable {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
position: relative;
max-width: 100%;
width: 100%;
}

.adminTableHeader {
background-color:#999999;
font-weight:800;
line-height: 110%;
font-size: 14px;
color: #fff;
}
.adminTableRowEven {
background-color:#DEDEDE;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
}
.adminTableRowOdd {
background-color:#EFEFEF;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
}
.adminTableRowArchived {
background-color:#FFB85E;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
}

.adminTableRow {
background-color:#EFEFEF;
}
.adminTableRowEven:hover, .adminTableRowOdd:hover {
background-color:#BBBBBB;
}

.adminTableRowEven, .adminTableRowOdd {
font-weight:500;
line-height: 110%;
font-size: 14px;
}
.tableboldtitle {
	font-weight: 800;
	text-transform: uppercase;
}

.warningText {
	color:#FF5F00;
}


.loginformcontainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
cursor: default;
display: block;
width: 90%!important;
height: auto;
margin: 30px auto 30px auto;
padding: 30px 5% 30px 5%;
position: relative;
clear: both;
background: #00A195;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.30);
box-shadow: 0 1px 3px rgba(0,0,0,0.30);
border: 0;
}

.formInput {
	background: #bed62f;
	color: #2c3e50;
position: relative;
display: block;
max-width: 96%;
min-width: 160px;
margin: 0 0 10px 0;
padding: 8px;
border: none;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-weight: 600;
}
.submitbutton  {
	padding: 0 10px;
	margin: 20px 0 10px 0;
display: inline-block;
position: relative;
	width: 120px;
	height: 50px;
	font-family: 'Londrina Solid', cursive!important;
	font-size: 30px;
	line-height: 40px;
	text-decoration: none;
	text-align: center!important;
	background: transparent;
	color: #fff;
	border: 2px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	z-index: 99;
	 -webkit-appearance: none;
-moz-appearance: none;
	}

.gotoApp {
  width:auto;
  font-size: 18px;
}
.submitbutton:hover  {
	border: 2px solid #fff;
	background: #ec6829;
	color: #fff;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	 -webkit-appearance: none;
-moz-appearance: none;
}

.submitbutton:active {
	border: 2px solid #fff;
	color: #ec6829;
	background: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	 -webkit-appearance: none;
-moz-appearance: none;
}

.adminGoButton  {
	padding: 0 10px;
display: inline-block;
position: relative;
	width: 100px;
	height: 40px;
	font-family: 'Londrina Solid', cursive!important;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none;
	text-align: center!important;
	background: green;
	color: #fff;
	border: 2px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
	z-index: 99;
	 -webkit-appearance: none;
-moz-appearance: none;
	}

#loginform {width:480px;max-width: 98%;margin: auto;}
#loginform .formInput {font-size: 2em;}
.loginformCentre {margin:auto;}

.loginformfieldtitleadmin {
position: relative;
margin: 0 auto 4px auto;
display: block;
font-family: 'Londrina Solid', cursive!important;
	font-size: 2em;
	color: #fff;
	text-align: left;
}
.pagetitleadmin {
	display: block;
	max-width: 90%;
	font-size: 3.0em;
	font-family: 'Londrina Solid', cursive!important;
	color: #f9d508;;
	line-height: 100%;
	margin: 10px 0 15px 0;
	padding: 0;
	letter-spacing: -0.01em;
	-ms-word-break: auto;
	word-break: auto;
}

#linksDiv a {
float:left;
	border-radius:7px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;
	-webkit-border-radius:7px;
	background-color:var(--complementary1);
	padding:10px;
	color: #fff;
	font-size: 16px;
	text-decoration:none;
	margin-right:10px;
	margin-bottom:4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	-webkit-transition: 300ms linear 0s;
	-moz-transition: 300ms linear 0s;
	-o-transition: 300ms linear 0s;
	transition: 300ms linear 0s;
}
#linksDiv a:hover {
background-color:var(--colour1);
padding:10px;
text-align: center;
}
.adminTable {
	border-spacing: 1px;
	border-collapse: separate;
}
.adminTableRow {
    background-color: #EFEFEF;
}
.adminTable td {
	padding:5px;
}
input {
line-height: normal;
padding:3px;
}
.statusMessage {
	color:#000;
	background-color:#B0FFB0;
	border:1px solid #333333;
	padding:5px;
	float:left;
	margin-bottom:10px;
	padding-left:30px;
	background-image:url(../images/icons/warning.png);
	background-repeat:no-repeat;
	background-position:2px;
}
.subTable {
	width:auto;
}
.hoverRow:hover {
background-color:#CCC;

}
#adminTable select {
	padding:2px;
}
#schoolId {
	max-width:100%;
	width:368px;
}
.signUpEntry {
	max-width:300px;
	width:100%;
}
.pointerLink {
	cursor:pointer;
}
#appLogo {
	margin:auto;
	width:100%;
	text-align:center;
	margin-top:10px;
}
#appLogo {
max-width:100%;
}
.appLink {
	background:#133C63;
	color:white;
	padding:10px;
	float:left;
	margin-top:5px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;

}
.teamSizeEntry {
	width:66px;
	text-align:center;
}
.challengeIcon {
width:110px;
}
.otherIcons {
	float:right;
}
.challengeIconSelect {
	width:40px;
}
.challengeIconList {
	width:40px;
}
.verticalCentre {vertical-align: middle;}

.adminSelect {
  font-size:18px;
  padding:5px;
}
.signUpFrame {width:100%;height:240px;border:none;}