/****** FILE: themes/sportrec/css/fonts.css *****/
@charset "UTF-8";

@font-face {
  font-family: "sport-rec";
  src:url("fonts/sport-rec.eot");
  src: local('☺'),
	url("fonts/sport-rec2.eot?#iefix") format("embedded-opentype"),
    url("fonts/sport-rec2.woff") format("woff"),
    url("fonts/sport-rec2.ttf") format("truetype"),
    url("fonts/sport-rec2.svg#sport-rec") format("svg");
  font-weight: normal;
  font-style: normal;

}

/*[data-icon]:before {
  font-family: "sport-rec" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "sport-rec" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-climb:before {
  content: "a";
}
.icon-contact:before {
  content: "b";
}
.icon-fb:before {
  content: "c";
}
.icon-go:before {
  content: "d";
}
.icon-golf:before {
  content: "e";
}
.icon-gp:before {
  content: "f";
}
.icon-gym:before {
  content: "g";
}
.icon-im:before {
  content: "h";
}
.icon-join:before {
  content: "i";
}
.icon-kids:before {
  content: "j";
}
.icon-sport:before {
  content: "k";
}
.icon-swim:before {
  content: "l";
}
.icon-tw:before {
  content: "m";
}
.icon-venues:before {
  content: "n";
}
.icon-ev:before {
  content: "o";
}
.icon-xc:before {
  content: "p";
}
.icon-sh:before {
  content: "q";
}
.icon-pt:before {
  content: "r";
}
.icon-mm:before {
  content: "s";
}
.icon-yt:before {
  content: "t";
}
.icon-em:before {
  content: "u";
}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 18, 2014 */


@font-face {
    font-family: 'aller500';
    src: url('fonts/aller.regular-webfont.eot');
    src: local('☺'),
    	url('fonts/aller.regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller.regular-webfont.woff') format('woff'),
        url('fonts/aller.regular-webfont.ttf') format('truetype'),
        url('fonts/aller.regular-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller300';
    src: url('fonts/aller.light-webfont.eot');
    src: local('☺'),
    	url('fonts/aller.light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller.light-webfont.woff') format('woff'),
        url('fonts/aller.light-webfont.ttf') format('truetype'),
        url('fonts/aller.light-webfont.svg#allerlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller700';
    src: url('fonts/aller.bold-webfont.eot');
    src: local('☺'),
    	url('fonts/aller.bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/aller.bold-webfont.woff') format('woff'),
        url('fonts/aller.bold-webfont.ttf') format('truetype'),
        url('fonts/aller.bold-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****** FILE: themes/sportrec/css/style.css *****/
body
{
width: 100%;
color: #424242;
font-family: 'aller500', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 62.5%;
position: relative;
text-align: left;
padding: 0;
margin: 0 auto;
left: 0;
background: url(../images/sidebar.png) -20px 0 repeat-y #e0e3e4;
-webkit-font-smoothing: antialiased;
}

body.toright 
{
left: 262px;
}

body.toright .nav-open-button
{

}
body.popup
{
background: #fff;
}

#log
{
position: fixed;
padding: 10px;
top: 0;
left: 0;
background: #ccc;
}

header a.icon-mm
{
z-index: 100;
width: 30px;
position: absolute;
left: 6px;
top: 6px;
font-size: 1em;
line-height: 12px;
display: none;
vertical-align: middle;
}
header a.icon-mm:before
{
	float: left;
	line-height: 28px;
	font-size: 3em;
}
header a.icon-mm span
{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 1.1em;
	
}
header a.icon-mm:link, header a.icon-mm:visited,
header a.icon-mm:hover, header a.icon-mm:active
{
text-decoration: none;
}

.beforehidden:before
{
visibility: hidden;
}
.beforenone:before
{
display: none;
}

* { -webkit-text-size-adjust:none; }

html
{
min-height: 100%;
margin-bottom: 1px;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
overflow-x: auto;
}

img, object, embed, iframe, video {
  border: 0px none;
  display: block;
  outline: none;
  margin: 0;
  padding: 0;}
video
{
	max-width: 100%;
}
header, section, article, nav, aside, footer, menu, fieldset
{
display: block;
margin: 0;
padding: 0;
border: 0 none;
}
form
{
margin: 0;
padding: 0;
}

section img
{
height: auto;
background: transparent url(../images/ajax-loader.gif) no-repeat center center;
}
section img.left
{
float: left;
max-width: 50%;
margin: 0 15px 10px 0;
}
section img.right
{
float: right;
max-width: 50%;
margin: 0 0 10px 15px;
}
section img.leftAlone
{
float: left;
margin: 5px 100% 10px 0;
clear: both;
}
section img.center
{
float: none;
display: block;
margin: 0 auto 10px auto;
clear: both;
}

div.captionImage
{
	max-width: 100%;
}

div.imageleftcaption, div.imagerightcaption
{
float: left;
margin: 0 15px 15px 0;
padding: 10px 10px 5px 10px;
border: 1px solid #777777;
background: #fff;
text-align: center;
}
div.imagerightcaption
{
float: right;
margin: 0 0 15px 15px;
}

a, a:link, a:visited
{
outline: none;
color: #118acb;
text-decoration: underline;
cursor: pointer;
}
a:hover, a:active, a.current:visited, a.current:link
{
outline: none;
color: #5EA3E6;
text-decoration: underline;
}

a.nodeco:visited, a.nodeco:link, a.nodeco:hover, a.nodeco:active{text-decoration: none;}

a.lightblue-black:link, a.lightblue-black:visited{color: #5d86ab;}
a.lightblue-black:hover, a.lightblue-black:active{color: #5EA3E6;}

a.lightblue-white:link, a.lightblue-white:visited{color: #7193bf;}
a.lightblue-white:hover, a.lightblue-white:active{color: #fff;}

a.white-black:link, a.white-black:visited{color: #fff;}
a.white-black:hover, a.white-black:active{color: #000;}

a.white-lightbluegrey:link, a.white-lightbluegrey:visited{color: #fff;}
a.white-lightbluegrey:hover, a.white-lightbluegrey:active{color: #B0D8FF;}

a.black-blue:link, a.black-blue:visited{color: #000;}
a.black-blue:hover, a.black-blue:active{color: #118acb;}


hr
{
clear: both;
width: 100%;
height: 1px;
color: #dddfe0;
border: 0px none;
border-bottom: 1px solid #dddfe0;
padding: 1em 0 0 0;
margin: 0 0 1em 0;
line-height: 1em;
}

input
{
outline: none;
}
input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: 'aller500', sans-serif;
padding: 3px;
border: 0 none;
color: #373737;
outline: none;
}
select
{
padding: 2px;
}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.4em;
line-height: 1.45em;
}
strong
{
font-family: 'aller700';
font-weight: normal;
}
p.intro
{
font-size: 2em;
color: #118acb;
font-family: 'aller300';
font-weight: normal;
}

p.large
{
font-size: 2em;
}
p.margin
{
clear: left;
padding-top: 20px;
}
p small
{
font-size: .9em;
}
p.small
{
font-size: 1em;
}

.caps
{
text-transform: uppercase;
}
.highlight
{
color: #00b0ed;
}
p span.highlight
{
font-weight: 600;
}

span.zerospace
{
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}

ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ol
{
padding: 0 0 0 30px;
}
ul li, ol li
{
font-size: 1.4em;
line-height: 1.45em;
}
li li
{
font-size: 1em;
}
ul li *, ol li *
{
font-size: 1em;
}

h1, h2, h3, h4, h5, h6, p.likeh1, p.likeh2
{
padding: 0;
margin: 1em 0 .6em 0;
display: block;
font-family: 'aller300';
font-weight: normal;
font-size: 2.6em;
line-height: 1.3em;
color: #118acb;
}
h1, p.likeh1{margin: 0 0 1em 0;}
h1 strong, h2 strong, h3 strong, h4 strong
{
font-weight: normal;
}
h1
{
line-height: 38px;
}
h1:before
{
font-size: 38px;
padding: 0 11px 0 0;
vertical-align: middle;
letter-spacing: 0;
min-width: 38px;
}

div.h1
{
float: left;
width: 99%;
}
div.share
{
float: right;
margin: .5em 0 0 0;
position: relative;
}
div.share a.icon-sh
{
float: left;
text-transform: uppercase;
line-height: 30px;
background: #118acb;
padding: 0 12px;
font-size: 1.1em;
font-family: 'aller300';
font-weight: normal;
position: relative;
}
div.share a.icon-sh:before
{
font-size: 1.4em;
float: left;
padding: 0 5px 0 0;
line-height: 30px;
}
div.share a:link, div.share a:visited,
div.share a:hover, div.share a:active
{
text-decoration: none;
}
div.share a.icon-sh:link, div.share a.icon-sh:visited
{
color: #fff;
}
div.share a.icon-sh:hover, div.share a.icon-sh:active
{
color: #118acb;
background: #e0e3e4;
}

div.share ul
{
position: absolute;
width: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style-type: none;
display: none;
background: #118acb;
}
div.share ul li
{
float: left;
padding: 0;
text-align: center;
width: 25%;
font-size: 1.4em;
line-height: 28px;
}
div.share ul li a:before
{
line-height: 28px;
}
div.share ul li a:link, div.share ul li a:visited
{
color: #fff;
}
div.share ul li a:hover, div.share ul li a:active
{
color: #5EA3E6;
}


div.h1 h1
{
	float: left;
	width: -moz-calc(100% - 80px);
width: -webkit-calc(100% - 80px);
width: -o-calc(100% - 80px);
width: calc(100% - 80px);
}
div.h1contact h1
{
padding: 0 1em 0 0;
width: auto;
}
div.h1 ul.icons
{
padding: 0 1em;
margin: .5em 0 0 0;
list-style-type: none;
float: left;
border-left: 1px solid #118acb;
}
div.h1 ul.icons li
{
float: left;
font-size: 2em;
padding: 0 .3em;
}
div.h1 ul.icons li a:before
{
vertical-align: middle;
}
div.h1 ul.icons li a
{
float: left;
}

div.h1 ul.icons li a, div.h1 ul.icons li a:link, div.h1 ul.icons li a:visited
{
color: #118acb;
text-decoration: none;
}

div.h1 ul.icons li a:hover, div.h1 ul.icons li a:active
{
color: #5EA3E6;
text-decoration: none;
}

h2.nomargin, h3.nomargin, h4.nomargin{margin-top: 0;}
h2, p.likeh2{font-size: 1.7em;}
h3{font-size: 1.55em;}
h4{font-size: 1.4em;}
h5{font-size: 1.25em;}
h6{font-size: 1.1em;}

.imagelink, .icon span
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
.imagelink a
{
float: left;
display: block;
text-decoration: none;
}



header
{
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 89px;
z-index: 99;
opacity: 1;
}

header div.headerinner
{
background: #fff;
margin: 0 auto;
padding: 18px 30px;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-o-box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, .2);
box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, .2);
}

header .logo
{
	width: 206px;
	margin: 0;
	float: left;
	font-size: 1.8em;
}
header .logo img
{
width: 100%;
height: auto;
}
header .logo span
{
	width: 100%;
	float: left;
	line-height: 32px;
	padding: 10px 0 10px 33px;
	margin-top: 18px;
	margin-bottom: -70px;
	margin-left: -33px; /* overlap 3px left because of shadow */
	margin-right: -22px;
	text-align: left;
	background: #e0e3e4;
	text-transform: uppercase;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; 
	font-weight: 500;
	width: 232px;
	-o-box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0px 3px 5px -3px rgba(0, 0, 0, .2);
	box-shadow: inset 3px 3px 5px -3px rgba(0, 0, 0, .2);
}
header .logo a:link span, header .logo a:visited span
{
	color: #acacac;
}
header .logo a:hover span, header .logo a:active span
{
	color: #118acb;
}

header .search-bar, article .search-bar
{
float: right;
padding: 0 10px;
width: 380px;
font-size: 1em;
line-height: 1.1em;
background: #f4f5f5;
border: 1px solid #193448;
}
article .search-bar
{
float: left;
background: none;
border: 0 none;
border-top: 1px solid #d5d7d9;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 65px 0 65px;
margin: 15px 0 0 0;
}
article .search-bar fieldset
{
position: relative;
}
article .search-bar form
{
float: left;
padding: 0 15px;
background: #fff;
width: 540px;
}
header .search-bar div, article .search-bar div
{
float: left;
}
header .search-bar input, article .search-bar input
{
padding: 0;
margin: 0;
background: #f4f5f5;
border: 0 none;
float: left;
}
article .search-bar input
{
background: #fff;
}
header .search-bar div.field
{
float: left;
width: 330px;
}
header .search-bar div.field div.middleColumn
{
float: left;
width: 100%;
}

header .search-bar input.text, article .search-bar input.text
{
font-family: 'aller300';
font-weight: normal;
color: #118acb;
width: 100%;
padding: .6em 0;
font-size: 2em;
letter-spacing: .01em;
}
body.loaded header .search-bar input.text
{
letter-spacing: 0em;
}
article .search-bar input.text
{
width: 490px;
}

header .search-bar input.action, article .search-bar input.action
{
float: right;
visibility: hidden;
padding: .25em 0;
font-family: "sport-rec";
color: #5d86ab;
width: auto;
font-size: 3em;
text-align: right;
cursor: pointer;
width: 34px;
}
article .search-bar input.action
{
padding: .25em 0 0 0;
}
header .search-bar input.show, article .search-bar input.show
{
visibility: visible;
}
article .search-bar input.action
{
position: absolute;
top: 0;
right: 0;
}

article .search-bar div.optionset
{
width: 100%;
float: left;
border-top: 1px solid #d5d7d9;
}
article .search-bar div.optionset label.left
{
float: left;
font-size: 1.1em;
color: #118acb;
font-family: 'aller700';
text-transform: uppercase;
padding: .7em 0;
}
article .search-bar div.optionset ul
{
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
float: left;
}
article .search-bar div.optionset ul li
{
float: left;
color: #118acb;
font-size: 1.1em;
padding: .5em;
}
article .search-bar ul li input.radio
{
margin: .2em .5em .2em 0;
}

header ul.links 
{
float: right;
margin: 2px 0 -2px 0;
padding: 0;
list-style-type: none;
}
header ul.links li
{
float: left;
font-size: 1em;
line-height: 1.1em;
color: #118acb;
}

header ul.links li.fblike
{
width: 47px;
padding: 1.2em 0;
}
header ul.links li.icon
{
font-size: 3em;
padding: .25em .3em 0 .1em;
}
header ul.links li.contact, header ul.links li.search
{
font-size: 2em;
padding: .6em 0;
font-family: 'aller300';
font-weight: normal;
line-height: 22px;
}
header ul.links li.search
{
display: none;
}
header ul.links li a
{
float: left;
}
header ul.links li.contact a, header ul.links li.search a
{
padding: 0 .7em;
border-left: 1px solid #118acb;
}
 
header ul.links li a, header ul.links li a:link, header ul.links li a:visited {
	color: #118acb;
	text-decoration: none;
}

header ul.links li a:hover, header ul.links li a:active {
	color: #5EA3E6;
	text-decoration: none;
}


html.ie7 header ul.links li.icon
{
font-size: 1.1em !important;
line-height: 1.1em !important;
padding: 17px 5px !important;
font-family: 'allerregular' !important;
}
html.ie7 header ul.links li.icon span
{
text-indent: 0 !important;
font-size: 1em !important;
line-height: 1em !important;
}
html.ie7 header ul.links li.icon a.beforenone
{
display: block;
}
html.ie7 header ul.links li.fblike, #fb-root
{
display: none;
}

div.main
{
float: left;
width: 100%;
margin: 89px 0 0 0;
position: relative;
background-color: #7c7d7d;
}
body.cdem div.main
{
background: #feed01 url(../images/cdembg.png) repeat-x;
}

div.sidebar
{
float: left;
width: 262px;
padding: 0;
position: relative;
z-index: 4;
background: url(../images/sidebar.png);
}

div.sidebaropen
{
position: absolute;
top: -50px;
left: 0px;
}
div.sidebar div.sidesda
{
float: left;
width: 100%;
margin: 0 0 8px 0;
}

div.sidebar div.sidesdaFooter
{
margin-bottom: -129px;
}

div.sidebar div.inner
{
float: left;
padding: 40px 30px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.sidebar div.inner
{
padding-top: 0;
}
div.sidebar div.drilldown
{
width: 100%;
float: left;
position: relative;
padding-top: 65px;
}
div.sidebar h2
{
color: #5d86ab;
font-size: 2.3em;
float: left;
width: 100%;
padding: 0 0 .1em 0;
margin: 1em 0 .7em 0;
border-bottom: 1px solid #5d86ab;
}
div.sidebar ul.popular
{
padding: 0;
margin: 0;
list-style-type: none;
}
div.sidebar ul.popular li
{
float: left;
width: 100%;
font-size: 1.5em;
font-family: 'aller300';
font-weight: normal;
margin: 0 0 .4em 0;
color: #fff;
}
div.sidebar ul.popular li:before
{
content: "> ";
}
div.sidebar ul.popular li a, div.sidebar ul.popular li a:link, div.sidebar ul.popular li a:visited
{
color: #f5f5f5;
text-decoration: underline;
}
div.sidebar ul.popular li a:hover, div.sidebar ul.popular li a:active
{
color: #5d86ab;
text-decoration: underline;
}

nav.primary ul ul
{
display: none;
}
nav.ctDrillDown  {width: 262px; float: left; position: relative; overflow: hidden;}
nav.ctDrillDown  ul {list-style: none; position: absolute; top: 0; display: none;}
nav.ctDrillDown > ul { left: 0; display: block; }

nav.primary ul
{
float: left;
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;

}
nav.primary ul li
{
float: left;
width: 202px;
padding: 0 30px;
font-family: 'aller300';
font-weight: normal;
font-size: 1em;
line-height: 30px;
letter-spacing: -.05em;
margin-bottom: 14px;
}
nav.primary ul li.hover
{
padding: 8px 30px;
margin: -8px 0 6px 0;
background: #5EA3E6;
}
nav.primary ul li.hover a:link, nav.primary ul li.hover a:visited
{
color: #fff;
}
nav.primary ul li span
{
float: right;
line-height: 30px;
color: #fff;
font-size: 1.7em;
text-align: center;
margin: 0 -30px 0 0;
cursor: pointer;
width: 30px;
}
nav.primary ul li span:hover
{
background: #5d86ab;
}
div.sidebarnormal nav.primary ul li span
{
display: none;
}
nav.primary ul li a:before
{
font-size: 30px;
padding: 0 10px 0 0;
vertical-align: middle;
letter-spacing: 0;
}
nav.primary ul li a
{
float: left;
font-size: 1.7em;
}
nav.primary ul li.expandable li
{
line-height: 23px;
}
nav.primary ul li.expandable li a
{
font-size: 1.6em;
}
nav.primary ul li.expandable > a
{
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 25px 0 0;
}
div.sidebarnormal nav.primary ul li.expandable > a
{
width: 100%;
padding: 0;
}
nav.primary ul li.expandable li.back a
{
width: 90%;
padding: .3em 5%;
font-size: 1.4em;
line-height: 30px;
background: #5d86ab;
}
nav.primary ul li a:link, nav.primary ul li a:visited
{
color: #fff;
text-decoration: none;
}
nav.primary ul li a:hover, nav.primary ul li a:active
{
color: #B0D8FF;
text-decoration: none;
}
nav.primary ul li.current > a:link, nav.primary ul li.current > a:visited,
nav.primary ul li.section > a:link, nav.primary ul li.section > a:visited
{
font-family: 'aller700';
font-weight: normal;
letter-spacing: -.05em;
text-decoration: none;
}

nav.primary ul li ul.subnav
{
margin: 1em 0;
}
nav.primary ul li ul.subnav ul
{
margin: 1em 0 0 0;
}
nav.primary ul li ul.subnav li
{
line-height: 1.4em;
margin: 0 0 4px 0;
}
nav.primary ul li ul.subnav li span
{

}
nav.primary ul li ul.subnav li a
{
width: auto;
font-size: 1.2em;
padding: 0;
}
nav.primary ul li ul.subnav ul{padding: 0 0 0 5%;width: 95%;}
nav.primary ul li ul.subnav ul ul{padding: 0 0 0 10%;width: 90%;}
nav.primary ul li ul.subnav ul ul ul{padding: 0 0 0 15%;width: 85%;}
nav.primary ul li ul.subnav ul ul ul ul{padding: 0 0 0 20%;width: 80%;}
nav.primary ul li ul.subnav ul ul ul ul ul{padding: 0 0 0 25%;width: 75%;}
nav.primary ul li ul.subnav ul ul ul ul ul ul{padding: 0 0 0 30%;width: 70%;}



article
{
position: relative;
z-index: 1;
width: 100%;
position: relative;
margin: 0 0 0 -262px;
float: right;
min-width: 300px;
background: url(../images/article.png);
}
section div.simple
{
float: left;
width: 100%;
background: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;	
}
article.home
{
background: none;
}
article.home div.qldcalert
{
float: right;
padding: 20px 30px 0 0;
margin: 0 0 -20px 0;
color: #118acb;
max-width: 462px;
}
article.home div.qldcalert span.icon-xc
{
float: left;
font-size: 38px;
padding: 5px 20px 0 0;
vertical-align: middle;
letter-spacing: 0;
}
article.home div.qldcalertinner
{
float: left;
background: #fff;
padding: 15px 20px;
}
article.home div.qldcalert p
{
font-size: 15px;
margin: 0;
font-family: 'aller300';
font-weight: normal;
}
article.home div.qldcalert p span.alert
{
font-size: 20px;
font-family: 'aller700';
font-weight: normal;
}
article.home div.qldcalert p a
{
font-style: italic;
font-size: 12px;
}

article div.inner
{
width: 100%;
width: -moz-calc(100% - 262px);
width: -webkit-calc(100% - 262px);
width: -o-calc(100% - 262px);
width: calc(100% - 262px);
float: left;
padding: 0 0 0 262px;
position: relative;
background: url(../images/sidebar.png) -20px 0 repeat-y;
}
article div.inner div.innergrey
{
float: left;
background: #e0e3e4;
width: 100%;
padding: 15px 0 15px 0;
}

article div.inner ul.breadcrumbs
{
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
margin: 0;
list-style-type: none;
}
article div.inner ul.breadcrumbs li
{
float: left;
padding: 0 7px 0 0;
line-height: 22px;
}
article div.inner aside.subnav
{
float: left;
width: 222px;
position: absolute;
top: 100px;
left: 295px;
}

article div.inner aside.subnav nav.secondary, article div.inner aside.subnav div.related, article div.inner aside.subnav div.contentside
{
float: left;
width: 182px;
padding: 0 20px;
margin: 0 0 20px 0;
border-left: 1px solid #118acb;
}
article div.inner aside.subnav div.contentside p
{
font-size: 1.2em;
}
article div.inner aside.subnav h2
{
margin-top: 0;
font-size: 1.8em;
float: left;
width: 100%;
}
article div.inner aside.subnav ul
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
}
article div.inner aside.subnav ul ul{padding: 0 0 0 5%;width: 95%;}
article div.inner aside.subnav ul ul ul{padding: 0 0 0 10%;width: 90%;}
article div.inner aside.subnav ul ul ul ul{padding: 0 0 0 15%;width: 85%;}
article div.inner aside.subnav ul ul ul ul ul{padding: 0 0 0 20%;width: 80%;}
article div.inner aside.subnav ul ul ul ul ul ul{padding: 0 0 0 25%;width: 75%;}
article div.inner aside.subnav ul ul ul ul ul ul ul{padding: 0 0 0 30%;width: 70%;}

article div.inner aside.subnav ul li
{
font-size: 1em;
float: left;
width: 100%;
margin: 7px 0 0 0;
font-family: 'aller300';
font-weight: normal;
}
article div.inner aside.subnav ul li span, article div.inner aside.subnav ul li.drilldown-back
{
display: none;
}
article div.inner aside.subnav ul li a
{
font-size: 1.4em;
line-height: 1.3em;
}
article div.inner aside.subnav ul ul li:before
{
content: "> ";
vertical-align: middle;
font-size: 1.4em;
}
article div.inner aside.subnav ul li ul a{font-size: 1.2em;}
article div.inner aside.subnav ul li ul ul a{font-size: 1.1em;}
article div.inner aside.subnav ul li ul li:before{font-size: 1.2em;}
article div.inner aside.subnav ul li ul ul li:before{font-size: 1.1em;}

article div.inner aside.subnav ul li a:link, article div.inner aside.subnav ul li a:visited
{
text-decoration: none;
}
article div.inner aside.subnav ul li a:hover, article div.inner aside.subnav ul li a:active
{
text-decoration: underline;
}
article div.inner aside.subnav ul li a.current:link, article div.inner aside.subnav ul li a.current:visited
{
font-family: 'aller700';
font-weight: normal;
}

article.home div.inner
{
margin: 40px auto 0 auto;
padding: 0 0 60px 262px;
text-align: center;
}
article.home div.inner div.home
{
width: 830px;
margin: auto;
text-align: left;
}
article div.inner div.content
{
width: 100%;
float: left;
}
article div.inner div.contentsubnav
{
width: auto;
float: none;
clear: both;
padding: 0 0 0 257px;
}
section.page
{
float: left;
background: #fff;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 45px 65px;
}
section.page h2, section.page p.likeh2
{
font-family: 'aller700';
font-weight: normal;
}
section.page h3, section.page h4, section.page h5
{
font-family: 'aller500';
font-weight: normal;
}
section.page iframe
{
width: 100% !important;
}
section.page hr
{
width: -moz-calc(100% + 130px);
width: -webkit-calc(100% + 130px);
width: -o-calc(100% + 130px);
width: calc(100% + 130px);
margin-left: -65px;
margin-right: -65px;
}
section div.contentmax
{
float: left;
width: 100%;
max-width: 917px;
padding-bottom: 50px;
position: relative;
}
section div.contentmax p
{
clear: left;
}



section div.contentmax img
{
max-width: 100%;
height: auto;
}
article div.inner div.contentsubnav section div.contentmax
{
max-width: 690px;
}
section h3.question{margin-top: 2em;}

section ul.faqs, section ol.faqs{clear: both;}
section ul.faqs li, section ol.faqs li{margin: 0 0 .5em 0;}

section div.galleryholder
{
position: relative;
width: 99%;
padding: 0 1% 1% 0;
float: left;
}
section div.gallery
{
position: relative;
width: 100%;
float: left;
}

section ul.gallerycontrols
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 99%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: visible;
}
section ul.gallerycontrols li
{
	margin-top: -30px;
}
section ul.gallerycontrols li.prev
{
	float: left;
}
section ul.gallerycontrols li.next
{
	float: right;
}
section ul.gallerycontrols li a
{
float: left;
font-size: 3em;
font-family: 'aller300';
font-weight: normal;
background: rgba(17,138,203,.5);
padding: 0 3px;
line-height: 60px;
}
section ul.gallerycontrols li a:link, section ul.gallerycontrols li a:visited
{
color: #fff;
}
section ul.gallerycontrols li a:hover, section ul.gallerycontrols li a:active
{
color: #fff;
background: #118ACB;
}
section ul.gallerycontrols li.prev a:before
{
content: "<";
}
section ul.gallerycontrols li.next a:before
{
content: ">";
}
section ul.gallery
{
list-style-type: none;
padding: 0;
margin: 0 0 1% 0;
width: 100%;
float: left;
}
section ul.gallery li
{
float: left;
width: 9%;
padding: 0 1% 1% 0;
}
section ul.gallery li a
{
float: left;
}
section ul.gallery li img
{
float: left;
width: 100%;
}

section ul.gallery li a.videomov{background: #e0e3e4 url(../images/files22/mov.png) no-repeat center;}
section ul.gallery li a.videomp4{background: #e0e3e4 url(../images/files22/mp4.png) no-repeat center;}
section ul.gallery li a.videoavi{background: #e0e3e4 url(../images/files22/avi.png) no-repeat center;}

section ul.gallery li a.videoembed
{
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

section ul.gallery li a.video img
{
background: none;
}

section div.cols
{
float: left;
width: 100%;
color: #118acb;
}
section div.cols h2
{
font-size: 1.8em;
margin: 1.6em 0 .6em 0;
}
section div.cols h2.nomargin
{
margin-top: 0;
}
section div.cols p
{
margin: 0 0 1.6em 0;
}
section div.colsthird
{
float: left;
width: 29%;
padding: 0 3%;
min-height: 280px;
}
section div.colsthird.colsfirst
{
border-right: 1px solid #118acb;
padding: 0 3% 0 0;
}
section div.colsthird.colslast
{
border-left: 1px solid #118acb;
padding: 0 0 0 3%;
}
section div.colshalf
{
float: left;
width: 46%;
}
section div.colshalf.colsfirst
{
border-right: 1px solid #118acb;
padding: 0 3% 0 0;
}
section div.colshalf.colslast
{
padding: 0 0 0 3%;
}

section div.contentmax div.pageimages
{
float: left;
width: 100%;
max-height: 300px;
overflow: hidden;
position: relative;
margin: 0 0 1em 0;
}
section div.contentmax div.pageimageslow
{
max-height: 160px;
}
section div.contentmax div.pageimages img
{
width: 100%;
max-width: 690px;
height: auto;
}


section ul.eventsnav
{
float: right;
list-style-type: none;
padding: 0;
margin: 0 0 8px 0;
position: relative;
z-index: 2;
}
section ul.eventsnav li
{
float: left;
position: relative;
line-height: 18px;
font-size: 1em;
}
section ul.eventsnav li a
{
font-size: 1.4em;
}
section ul.eventsnav > li > a:link, section ul.eventsnav > li > a:visited
{
color: #7c7d7d;
}
section ul.eventsnav > li > a:hover, section ul.eventsnav > li > a:active,
section ul.eventsnav > li > a.current:link, section ul.eventsnav > li > a.current:visited
{
color: #118acb;
}
section ul.eventsnav li.labels
{
padding-left: 12px;
}
section ul.eventsnav > li.labels > a
{
padding-right: 20px;
background: url(../images/labeldrop.png) no-repeat top right;
}
section ul.eventsnav > li.labels > a.current
{
background-position: bottom right;
}
section ul.eventsnav li.calendar
{
padding-right: 12px;
border-right: 1px solid #7c7d7d;
}
section ul.eventsnav li ul.eventlabels
{
top: 18px;
right: 0;
position: absolute;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
padding: 12px;
margin: 0 0 1em 0;
background: #fff;
opacity: .9;
}
section ul.eventsnav li ul.eventlabels li
{
width: 100%;
}
section ul.eventsnav li ul.eventlabels li.all
{
padding: .5em 0 0 0;
margin: .5em 0 0 0;
border-top: 1px dotted #7c7d7d;
}
section ul.eventsnav li ul.eventlabels li a
{
font-size: 1.2em;
}

section ul.files, section ul.categories
{
clear: both;
margin: 0 0 1em 0;
padding: 0;
list-style-type: none;
}
section ul.files li, section ul.categories li
{
padding: 0 0 0 30px;
min-height: 25px;
margin-bottom: 3px;
background-repeat: no-repeat;
background-image: url(../images/files22/page.png);
}
section ul.files li.acc{background-image: url(../images/files22/aac.png);}
section ul.files li.ai{background-image: url(../images/files22/ai.png);}
section ul.files li.aiff{background-image: url(../images/files22/aiff.png);}
section ul.files li.asp{background-image: url(../images/files22/asp.png);}
section ul.files li.avi{background-image: url(../images/files22/avi.png);}
section ul.files li.bmp{background-image: url(../images/files22/bmp.png);}
section ul.files li.c{background-image: url(../images/files22/c.png);}
section ul.files li.cpp{background-image: url(../images/files22/cpp.png);}
section ul.files li.css{background-image: url(../images/files22/css.png);}
section ul.files li.dat{background-image: url(../images/files22/dat.png);}
section ul.files li.dmg{background-image: url(../images/files22/dmg.png);}
section ul.files li.doc{background-image: url(../images/files22/doc.png);}
section ul.files li.docx{background-image: url(../images/files22/docx.png);}
section ul.files li.dot{background-image: url(../images/files22/dot.png);}
section ul.files li.dotx{background-image: url(../images/files22/dotx.png);}
section ul.files li.dwg{background-image: url(../images/files22/dwg.png);}
section ul.files li.dxf{background-image: url(../images/files22/dxf.png);}
section ul.files li.eps{background-image: url(../images/files22/eps.png);}
section ul.files li.exe{background-image: url(../images/files22/exe.png);}
section ul.files li.flv{background-image: url(../images/files22/flv.png);}
section ul.files li.gif{background-image: url(../images/files22/gif.png);}
section ul.files li.h{background-image: url(../images/files22/h.png);}
section ul.files li.html{background-image: url(../images/files22/html.png);}
section ul.files li.ics{background-image: url(../images/files22/ics.png);}
section ul.files li.iso{background-image: url(../images/files22/iso.png);}
section ul.files li.java{background-image: url(../images/files22/java.png);}
section ul.files li.jpg{background-image: url(../images/files22/jpg.png);}
section ul.files li.key{background-image: url(../images/files22/key.png);}
section ul.files li.m4v{background-image: url(../images/files22/m4v.png);}
section ul.files li.mid{background-image: url(../images/files22/mid.png);}
section ul.files li.mov{background-image: url(../images/files22/mov.png);}
section ul.files li.mp3{background-image: url(../images/files22/mp3.png);}
section ul.files li.mp4{background-image: url(../images/files22/mp4.png);}
section ul.files li.mpg{background-image: url(../images/files22/mpg.png);}
section ul.files li.odp{background-image: url(../images/files22/odp.png);}
section ul.files li.ods{background-image: url(../images/files22/ods.png);}
section ul.files li.odt{background-image: url(../images/files22/odt.png);}
section ul.files li.otp{background-image: url(../images/files22/otp.png);}
section ul.files li.ots{background-image: url(../images/files22/ots.png);}
section ul.files li.ott{background-image: url(../images/files22/ott.png);}
section ul.files li.pdf, section ul.files li.PDF{background-image: url(../images/files22/pdf.png);}
section ul.files li.php{background-image: url(../images/files22/php.png);}
section ul.files li.png{background-image: url(../images/files22/png.png);}
section ul.files li.pps{background-image: url(../images/files22/pps.png);}
section ul.files li.ppt{background-image: url(../images/files22/ppt.png);}
section ul.files li.psd{background-image: url(../images/files22/psd.png);}
section ul.files li.py{background-image: url(../images/files22/py.png);}
section ul.files li.qt{background-image: url(../images/files22/qt.png);}
section ul.files li.rar{background-image: url(../images/files22/rar.png);}
section ul.files li.rb{background-image: url(../images/files22/rb.png);}
section ul.files li.rtf{background-image: url(../images/files22/rtf.png);}
section ul.files li.sql{background-image: url(../images/files22/sql.png);}
section ul.files li.tga{background-image: url(../images/files22/tga.png);}
section ul.files li.tgz{background-image: url(../images/files22/tgz.png);}
section ul.files li.tiff{background-image: url(../images/files22/tiff.png);}
section ul.files li.txt{background-image: url(../images/files22/txt.png);}
section ul.files li.wav{background-image: url(../images/files22/wav.png);}
section ul.files li.xls{background-image: url(../images/files22/xls.png);}
section ul.files li.xlsx{background-image: url(../images/files22/xlsx.png);}
section ul.files li.xml{background-image: url(../images/files22/xml.png);}
section ul.files li.yml{background-image: url(../images/files22/yml.png);}
section ul.files li.zip{background-image: url(../images/files22/zip.png);}


article div.inner div.contentsubnav section div.contentmax
{
max-width: 690px;
}

section div.related
{
float: left;
width: 100%;
}
section div.related h2
{
float: left;
font-size: 2.4em;
color: #5d86ab;
padding: 0 2em .5em 0;
border-bottom: 1px solid #5d86ab;
}
section div.related ul
{
float: left;
width: 100%;
padding: 0;
margin: 1em 0 0 0;
list-style-type: none;
}
section div.related ul li
{
margin: 0 0 .4em 0;
font-size: 1.4em;
font-family: 'aller300';
font-weight: normal;
}
section div.related ul li:before
{
content: "> ";
}
section div.related ul li a:link, section div.related ul li a:visited
{
color: #7c7d7d;
}
section div.related ul li a:hover, section div.related ul li a:active
{
color: #118acb;
}

section.homeboxesnews, section.home3panels
{
float: left;
padding: 6px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 9px 0;
background: url(../images/section.png);
}
section.homeboxesnews
{
	position: relative;
}
div.homecdemholder
{
float: left;
width: 100%;
background: #fff;
}
div.homecdem, ul.homecdem
{
float: left;
width: 46%;
padding: 2%;
}
.homecdem h1,
.homecdem h2,
.homecdem h3,
.homecdem h4
{
font-family: 'aller700';
}

ul.homecdem
{
padding: 0;
margin: 0;
list-style-type: none;
}
ul.homecdem li
{
float: left;
width: 100%;
border-top: 1px solid #dddfe0;
padding: 0 0 0 0;
margin: 0 0 1em 0;
font-size: 1em;
}
ul.homecdem li.first
{
margin: 0;
border-top: 0 none;
}
ul.homecdem li p{font-size: 1.3em;}
ul.homecdem li h2{font-size: 1.6em;}

div.homeboxes
{
width: 100%;
float: left;
}
div.homeboxes ul.homeboxes
{
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}

div.homeboxes ul.homeboxes li.services a:before
{
font-family: "sport-rec" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
font-size: 38px;
line-height: 1;
padding: 0 15px 0 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "s";
vertical-align: middle;
}
div.homeboxes ul.homeboxes li
{
float: left;
padding: 1% 1% 0 0;
width: 24.25%;
line-height: 73px;
font-family: 'aller300';
font-weight: normal;
font-size: 2em;
text-align: center;
}
div.homeboxes ul.homeboxes li a
{

}
div.homeboxes ul.homeboxes li.box4
{
	padding-right: 0;
}
div.homeboxes ul.homeboxes li a
{
float: left;
width: 100%;
background: #fff;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 6px;
}
div.homeboxes ul.homeboxes li a:link, div.homeboxes ul.homeboxes li a:visited
{
text-decoration: none;
background: #fff;
}
div.homeboxes ul.homeboxes li a:hover, div.homeboxes ul.homeboxes li a:active
{
color: #fff;
text-decoration: none;
background: #5d86ab;
}

div.homeboxespopup
{
width: -moz-calc(100% - 12px);
width: -webkit-calc(100% - 12px);
width: -o-calc(100% - 12px);
width: calc(100% - 12px);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 277px;
padding: 18px;
position: absolute;
z-index: 1;
top: 6px;
left: 6px;
background: #fff;
}
div.homeboxespopup a.hide
{
position: absolute;
top: 18px;
right: 18px;
font-family: 'aller300';
font-weight: normal;
line-height: 15px;
vertical-align: middle;
}
div.homeboxespopup a.hide:after
{
content: " X";
font-family: 'aller500';
font-weight: normal;
font-size: 1.3em;
vertical-align: middle;
}
div.homeboxespopup a.hide:link, div.homeboxespopup a.hide:visited
{
color: #5a5959;
text-decoration: none;
}
div.homeboxespopup a.hide:hover, div.homeboxespopup a.hide:active
{
color: #118acb;
text-decoration: none;
}
div.homeboxespopup div.hbpinner
{
clear: left;
padding: 0 18px;
}
div.homeboxespopup h2
{
font-size: 2em;
margin-top: 0;
padding-bottom: .4em;
border-bottom: 1px solid #cee5f9;
}
div.homeboxespopup h2 a
{
text-decoration: none;
}
div.homeboxespopup h3
{
font-family: 'aller500';
font-weight: normal;
color: #118acb;
margin-top: 0;
}

div.homeboxespopup ul
{
padding: 0;
margin: 1em 0 0 0;
list-style-type: none;
}
div.homeboxespopup ul li
{
margin: 0 0 .4em 0;
font-size: 1.4em;
font-family: 'aller300';
font-weight: normal;
}
div.homeboxespopup ul li:before
{
content: "> ";
}

div.homeboxespopup ul.viewall li:before
{
content: "";
}
div.homeboxespopup ul.viewall a:link, div.homeboxespopup ul.viewall a:visited
{
color: #5d86ab;
}
div.homeboxespopup ul.viewall a:hover, div.homeboxespopup ul.viewall a:active
{
color: #118acb;
}

div.homenews
{
width: 100%;
float: right;
position: relative;
overflow: hidden;
max-height: 310px;
}
div.homenews ul.morenews
{
position: absolute;
z-index: 1;
margin: 0;
padding: 0;
list-style-type: none;
top: 0;
right: 0;
}
div.homenews ul.morenews li
{
font-size: 1.3em;
float: left;
}
div.homenews ul.morenews li a
{
padding: .3em .8em;
float: left;
}
div.homenews ul.morenews li a:link, div.homenews ul.morenews li a:visited
{
color: #fff;
background: #7c7d7d;
text-decoration: none;
}
div.homenews ul.morenews li a:hover, div.homenews ul.morenews li a:active
{
color: #fff;
background: #118acb;
text-decoration: none;
}

div.homenews div.homenewsimage
{
position: relative;
float: left;
width: 100%;
overflow: hidden;
max-height: 183px;
}
div.homenews div.homenewsimage img
{
float: left;
cursor: pointer;
width: 100%;
height: auto;
}
div.homenews div.homenewsimage p.date
{
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: .3em 12px;
background: #5d86ab;
color: #118acb;
font-size: 1.4em;
}
div.homenews div.homenewsdetails
{
float: left;
background: #e0e3e4;
width: 100%;
}
div.homenews div.homenewsdetails div.hndinner
{
clear: both;
padding: 0 12px;
}
div.homenews div.homenewsdetails h2
{
float: left;
width: 100%;
padding: 12px 0;
cursor: pointer;
margin: 0;
line-height: 23px;
color: #118acb;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.homenews div.homenewsdetails h2 a
{
font-style: italic;
font-size: .8em;
}



section.home3panels div.facebook
{
float: right;
width: 270px;
overflow: hidden;
}
section.home3panels div.facebook h2
{
font-size: 1.8em;
line-height: 33px;
padding: 10px 20px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
color: #fff;
background: #5d86ab;
text-align: center;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.home3panels div.facebook h2 span.fb-like
{
	height: 20px;
	width: 50px;
	line-height: 1em;
	padding-top: 7px;
	padding-right: 5px;
	overflow: hidden;
	float: left;
}
section.home3panels div.facebook h2 span.us
{
	float: left;
	
}
section.home3panels div.facebook h2:before
{
vertical-align: middle;
font-size: 30px;
float: left;
}
section.home3panels div.facebook h2 a:link, section.home3panels div.facebook h2 a:visited
{
color: #fff;
}
section.home3panels div.facebook h2 a:hover, section.home3panels div.facebook h2 a:active
{
color: #afc3d4;
}
section.home3panels div.facebookinner
{
float: left;
padding: 10px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #193448;
background: #ebeced;
}
section.home3panels div.facebookinner p
{
	font-size: 1.2em;
	text-overflow: ellipsis;
	overflow: hidden;
}
section.home3panels div.facebookinner p.title
{
	font-size: 1.4em;
}
section.home3panels div.facebookinner p img.img
{
	float: left;
	max-width: 100%;
	height: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 10px 0;
}
section.home3panels div.facebookinner p strong a
{
text-decoration: none;
}

section.home3panels div.facebookinner p.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
section.home3panels div.facebookinner p.video iframe, section.home3panels div.facebookinner p.video object, section.home3panels div.facebookinner p.video embed {max-width: 640px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.home3panels div.facebookscroll
{
float: left;
padding: 10px;
height: 252px;
overflow: hidden;
overflow-y: scroll;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

section.home3panels div.homepanelsleft
{
float: left;
width: 548px;
}
section.home3panels div.homepanel, section.home3panels div.homepanel2
{
width: 268px;
float: left;
color: #118acb;
padding: 0 6px 6px 0;
}
section.home3panels div.homepanel img, section.home3panels div.homepanel2 img
{
width: 100%;
height: auto;
}
section.home3panels div.homepanel
{
cursor: pointer;
}
section.home3panels div.homepanelholder
{
float: left;
width: 100%;
min-height: 169px;
background: #118acb;
}
section.home3panels div.homepanel2
{
padding-bottom: 0;
}
section.home3panels div.homepanelinner
{
float: left;
padding: 16px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section.home3panels div.homepanel h2, section.home3panels div.homepanel2 h2
{
font-size: 2em;
color: #fff;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.home3panels div.homepanel ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
section.home3panels div.homepanel ul li
{
font-size: 1.4em;
font-style: italic;
}

section.home3panels div.homepanel2 h2
{
line-height: 52px;
float: left;
padding: 0 16px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #5d85ab;
}
section.home3panels div.homepanel2 h2.blue
{
/*background: #5d86ab;*/
}
section.home3panels div.homepanel2 h2.grey
{
/*background: #7c7d7d;*/
}
section.home3panels div.homepanel2 ul
{
background: #ebeced;
list-style-type: none;
padding: 10px 16px;
margin: 0;
min-height: 98px;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section.home3panels div.homepanel2 ul li
{
float: left;
width: 100%;
margin: .3em 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.home3panels div.homepanel2 ul li:before
{
content: "> ";
}

section.home3panels div.homepanel2 ul li a:link, section.home3panels div.homepanel2 ul li a:visited,
section.home3panels div.homepanel2 ul li a:hover, section.home3panels div.homepanel2 ul li a:active
{
text-decoration: none;
}



section ul.atozlinks, section ul.pagination
{
padding: 0;
margin: 0 0 1em 0;
list-style-type: none;
width: 100%;
float: left;
}
section ul.atozlinks li, section ul.pagination li
{
float: left;
padding: 0 .5em 0 0;
font-family: 'aller700';
font-weight: normal;
font-size: 1.8em;
line-height: 18px;
}
section ul.pagination li.right
{
float: right;
padding: 0;
}

section div.atoz
{
width: 48%;
float: left;
padding: 0 2% 0 0;
}
section div.atoz h2
{
font-size: 1.8em;
}

section div.notice
{
	float: left;
	color: #E0E3E4;
	background: #5EA3E6;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 99%;
	margin-bottom: 16px;
	clear: both;
}
section div.notice h2
{
	float: left;
	width: 100%;
	margin-top: 0;
	color: #fff;
}
section.page div.notice hr
{
width: 100%;
margin-left: 0;
margin-right: 0;
}

section div.calendarwidget
{
width: 100%;
float: left;
min-height: 16px;
position: relative;
z-index: 1;
}
section div.calendarwidget h2
{
text-align: center;
font-family: 'aller700';
font-weight: normal;
margin: 0 0 -18px 0;
}
section div.calendarwidget ul.pagination li
{
font-size: 1.6em;
}

section ul.searchresults
{
width: 100%;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}
section ul.searchresults li
{
float: left;
width: 100%;
border-top: 1px solid #dddfe0;
margin: .5em 0 0 0;
padding: .5em 0 0 0;
}
section ul.searchresults li h2
{
margin-top: 0;
font-size: 1.1em;
}


section ul.items
{
float: left;
width: 100%;
list-style-type: none;
margin: 0 0 2em 0;
padding: 0;
}
section ul.items li
{
font-size: 1em;
float: left;
width: 32.33%;
padding: 0 1% .7em 0;
}
section ul.items li *
{
cursor: pointer;
}
section ul.items li img
{
width: 100%;
height: auto;
float: left;
}
section ul.items li p.date
{
float: left;
line-height: 22px;
background: #5d86ab;
color: #118acb;
padding: 0 12px;
font-size: 1.2em;
margin: -22px 0 0 0;
}
section ul.items li.noimages p.date
{
margin: 0;
}
section ul.items li div
{
background: #e0e3e4;
float: left;
padding: 8px 12px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section ul.items li h2
{
font-size: 1.2em;
white-space: nowrap;
overflow: hidden;
line-height: 20px;
text-overflow: ellipsis;
font-family: 'aller700';
font-weight: normal;
margin: 0;
}
section ul.items li h2 a
{
text-decoration: none;
}


section div.item
{
float: left;
width: 100%;
}
section div.itemdetails
{
float: left;
width: 100%;
margin: 0 0 1em 0;
}
section div.item dl.info
{
float: left;
width: 100%;
padding: 0;
margin: 0;
border-right: 1px solid #118acb;
}
section div.item dl.infoone
{
border: 0 none;
}
section div.item dl.infoforths
{
width: 20%;
padding: 0 3%;
}
section div.item dl.infothirds
{
width: 29%;
padding: 0 3%;
}
section div.item dl.infohalfs
{
width: 46%;
padding: 0 3%;
}
section div.item dl.infofirst
{
padding: 0 3% 0 0;
}
section div.item dl.infolast
{
padding: 0 0 0 3%;
border: 0 none;
}


section div.item dl dt, section div.item dl dd
{
overflow: hidden;
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 1.2em;
}
section div.item dl dt
{
font-family: 'aller700';
font-weight: normal;
}
section div.item dl dd
{
margin: 0 0 .5em 0;
}

section ul.button
{
float: left;
padding: 0;
margin: 1em 0;
list-style-type: none;
}
section ul.buttongap
{
width: 100%;
}
section ul.button li
{
float: left;
font-size: 1.3em;
}
section ul.buttongap li
{
padding: 0 1% 1% 0;
}
section ul.button li a
{
float: left;
line-height: 25px;
background: #118acb;
padding: 5px 12px;
}
section ul.button li a:link, section ul.button li a:visited
{
color: #fff;
text-decoration: none;
}
section ul.button li a:hover, section ul.button li a:active
{
color: #118acb;
background: #e0e3e4;
text-decoration: none;
}

section table
{
float: left;
width: 100% !important;
height: auto !important;
table-layout: fixed;
margin: 5px 0 15px 0;
}
section table.recaptchatable
{
table-layout: auto;
}
section table.recaptchatable img
{
background-image: none;
}
section table td, section table th
{
padding: 5px;
border-bottom: 1px solid #dddfe0;
font-size: 1.3em;
vertical-align: top;
text-align: left;
}
section table td *, section table th *
{
font-size: 1em;
margin: 0;
}
section table th
{
font-family: 'aller700';
font-weight: normal;
font-size: 1.3em;
text-transform: uppercase;
background: #118acb;
color: #fff;
}
section table tr:hover td
{
background: #dddfe0;
}

section table.calendar
{
position: relative;
border: 1px solid #dddfe0;
border-bottom: 0 none;
}
section table.calendar th
{
text-align: center;
}
section table.calendar td
{
padding: 0;
text-align: center;
font-size: 1em;
}
section table.calendar td p
{
font-size: 1.3em;
}
section table.calendar td.today
{
color: #fff;
background: #118acb;
}
section table.calendar td.today p > a:link, section table.calendar td.today p > a:visited
{
color: #fff;
}
section table.calendar td p > a, section table.calendar td p.noevents
{
float: left;
width: 100%;
padding: 10px 0;
}
section table.calendar td p > a:hover, section table.calendar td p > a:active
{
color: #fff;
background: #5d86ab;
}
section table.calendar td ul
{
z-index: 2;
display: none;
top: 0;
left: 0;
position: absolute;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
padding: 12px;
margin: 0;
background: #5d86ab;
opacity: .95;
}
/*section table.calendar td ul.right
{
right: 0;
left: auto;
}
section table.calendar td ul.secondright
{
right: -100%;
left: auto;
}
section table.calendar td ul.thirdright
{
right: -200%;
left: auto;
}*/
section table.calendar td ul li
{
text-align: left;
font-size: 1.1em;
margin: 0 0 .5em 0;
color: #fff;
}

section table.mobile-hidden th
{
	overflow: hidden;
	text-overflow: ellipsis;
}


.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow
{
width: 100%;
min-width: 200px;
margin: auto;
}
.cycle-slideshow img
{
position: absolute; top: 0; left: 0;
width: 100%; padding: 0; display: block;
}
.cycle-slideshow img:first-child
{
position: static;
z-index: 100;
}

div.megamenu
{
position: fixed;
opacity: .95;
display: none;
z-index: 98;
top: 0;
right: 0;
width: -moz-calc(100% - 262px);
width: -webkit-calc(100% - 262px);
width: -o-calc(100% - 262px);
width: calc(100% - 262px);
padding: 89px 0 0 0;
background: #5EA3E6;
}
div.megamenu a:link, div.megamenu a:visited{color: #fff;text-decoration: none;}
div.megamenu a:hover, div.megamenu a:active{color: #C9D9EA;text-decoration: none;}

div.megamenuinner
{
float: left;
width: 100%;
overflow: hidden;
position: relative;
padding: 30px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
div.megamenu h2
{
padding: 0 30px;
margin-top: 0;
float: left;
width: 100%;
line-height: 30px;
font-size: 1.8em;
}
div.megamenu h2 a:before
{
font-size: 30px;
padding: 0 10px 0 0;
vertical-align: middle;
letter-spacing: 0;
text-decoration: none;
}
div.megamenu a.hide
{
position: absolute;
top: 30px;
right: 30px;
font-size: 1.3em;
text-transform: uppercase;
}
div.megamenu a.hide:link, div.megamenu a.hide:visited{color: #fff;text-decoration: none;}
div.megamenu a.hide:hover, div.megamenu a.hide:active{color: #118acb;text-decoration: none;}
div.megamenu a.hide:after
{
content: " X";
font-family: 'aller300';
font-weight: normal;
font-size: 1.4em;
vertical-align: middle;
}
div.megamenu h3
{
font-size: 1.8em;
}
div.megamenu ul
{
float: left;
width: 100%;
padding: 0;
list-style-type: none;
}
div.megamenu ul ul
{
width: 94%;
padding: 0 0 0 6%;
}
div.megamenu ul li
{
font-size: 1em;
font-family: 'aller300';
font-weight: normal;
}
div.megamenu ul li ul li
{
font-size: 1.4em;
line-height: 1.7em;
}
div.megamenu div.megamenugroup
{
padding: 30px;
padding-top: 0;
margin: 0 0 0 -1px;
float: left;
border-left: 1px solid #afc3d4;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.megamenu div.megamenugroup1
{
width: 100%;
}
div.megamenu div.megamenugroup2
{
width: 50%;
}
div.megamenu div.megamenugroup3
{
width: 33.33%;
}
div.megamenu div.megamenugroup4
{
width: 25%;
}

div.megamenu ul li div.mmc
{
float: left;
width: 100%;
padding: 0;
color: #fff;
}
div.megamenu ul li div.mmc h3
{
color: #fff;
}
div.megamenu ul li div.mmc img
{
width: 100%;
height: auto;
}
div.megamenu ul li div.mmc ul, div.megamenu ul li div.mmc ol
{
float: none;
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
list-style-type: disc;
}
div.megamenu ul li div.mmc li, div.megamenu ul li div.mmc p
div.megamenu ul li div.mmc li, div.megamenu ul li div.mmc p
{
font-size: 1.2em;
}

footer
{
width: 100%;
float: left;
padding: 28px 0 0 0;
z-index: 3;
background: #e0e3e4 url(../images/sidebar.png) -20px 0 repeat-y;
position: relative;
}
footer div.mtns
{
position: absolute;
top: -62px;
right: 0;
width: 130px;
height: 62px;
background: url(../images/footer.png) no-repeat top right;
}
footer div.footer
{
clear: both;
padding: 0 30px 0 295px;
}
footer div.footer div.inner
{
float: left;
width: 100%;
}
footer nav
{
float: left;
margin: 0 0 .5em 0;
width: 50%;
max-width: 500px;
}
footer nav ul
{
width: 24%;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
border-left: 1px solid #118acb;
}
footer nav ul li
{
float: left;
clear: left;
padding: 0 0 0 1em;
font-size: 1.4em;
font-family: 'aller300';
font-weight: normal;
}
footer nav ul li.auto
{
width: auto;
clear: none;
padding: 0 0 0 1em;
}
footer nav ul li.autoincrease
{
padding: 0 .5em;
}
footer nav ul li a, footer nav ul li a:link, footer nav ul li a:visited
{
text-decoration: none;
}
footer nav ul li a:hover, footer nav ul li a:active
{
text-decoration: none;
}
footer nav ul li.defaultsize
{
clear: none;
font-size: 1.1em;
}

footer div.links
{
float: right;
width: 50%;
}
footer ul.links
{
float: right;
padding: 0;
margin: 0;
width: 50%;
max-width: 270px;
list-style-type: none;
}
footer ul.linkslogos
{
width: 50%;
max-width: 320px;
}
footer ul.links li
{
float: left;
width: 100%;
font-size: 1.1em;
margin: 0 0 .5em 0;
text-align: right;
color: #118acb;
}
footer ul.links li img
{
width: 100%;
height: auto;
}
footer ul.links li.nzgovt img
{
max-width: 189px;
}
footer ul.linkslogos li
{
width: 28%;
padding: 0 0 0 5%;
max-width: 80px;
}
footer ul.links li a
{
float: right;
}

footer ul.links li.swordfox a
{
float: none;
}

footer div.trans
{
float: right;
width: 50%;
max-width: 260px;
}
footer div.trans p.disclaimer
{
float: left;
width: 100%;
font-size: 1em;
line-height: 1.1em;
font-family: 'aller300';
font-weight: normal;
}
footer div.trans p.select
{
font-size: 1em;
width: 158px;
height: 21px;
float: left;
}
footer div.trans p.select2
{
font-size: 1em;
width: 156px;
height: 28px;
line-height: 28px;
float: left;
overflow: hidden;
border: 1px solid #118ACB;
background: url("../images/labeldrop.png") no-repeat 135px 5px #F4F5F5;
}
footer div.trans p.select2 select
{
	background: transparent;
	border: 0 none;
	font-size: 1.4em;
	width: 125% !important;
	margin: 3px 0 !important;
}
footer div.trans p.select2 div
{
	text-indent: -8000px;
	height: 40px;
}
footer div.trans p.select2 div div
{
	text-indent: 0px;
}
footer div.trans img
{
display: inline;
}
footer div.trans div.goog-te-gadget-simple
{
font-size: 1.1em;
background: none;
border: 0 none;
padding: 0;
}
footer div.trans div.goog-te-gadget
{
font-style: normal;
font-weight: normal;
font-size: 1em;
}
footer div.trans div.goog-te-gadget a.goog-te-menu-value
{
color: #00375e;
text-decoration: none !important;
}
footer div.trans div.goog-te-gadget a.goog-te-menu-value img
{
display: none;
}
footer div.trans div.goog-te-gadget a.goog-te-menu-value span
{
border: 0 none !important;
padding: 0 0 0 2px;
}

section div.loading
{
min-height: 16px;
background: url(../images/ajax-loader.gif) no-repeat;
}

#fb-root
{
overflow: hidden;
position: absolute;
top: -10000px;
float: left;
width: 1px;
}

body.loaded div.sidebar,
body.loaded .nav-open-button,
body.loaded header,
body.loaded header .logo,
body.loaded header ul.links li,
body.loaded header .search-bar,
body.loaded nav.primary ul > li,
body.loaded header .search-bar div.field,
body.loaded header .search-bar input {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

input.action {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}

/****** FILE: themes/sportrec/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

section div.form {
	clear: both;
	float: left;
	width: 100%;
}
section div.form h2
{
font-size: 1.8em;
font-weight: 700;
margin: .8em 0 .6em 0;
}
section form {
	max-width: 100%;
    width: 100%;
    float: left;
}
section form.loading {
	background: url(../images/ajax-loader.gif) bottom left no-repeat;
}
section div.field {
	float: left;
	width: 100%;
    margin: 10px 0 15px 0;
}
section div.field.hidden
{
display: none;
}
section div.field.nofloat
{
width: 50%;
padding-right: 50%;
margin: 0 0 15px 0;
}
section div.field.wide
{
width: 100%;
padding: 0;
}
section div.field.clear
{
clear: both;
}
section div.field div.middleColumn, section div.field span.description
{
width: 67%;
float: right;
}
section div.field.nolabel div.middleColumn, section div.field.wide div.middleColumn
{
width: 100%;
}
section div.field span.description
{
font-size: 1.1em;
padding: .5em 0 0 0;
}

section div.gap, section h2.gap, section h3.gap, section h4.gap, section h5.gap
{
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #118acb;
}
section fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
section fieldset.gap
{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #118acb;
}
section form label {
	padding-top: 5px;
    margin-bottom: 5px;
    font-size: 1.3em;
    color: #118acb;
    float: left;
    width: 30%;
}
section div.field.wide label
{
width: 100%;
}
section form ul li label, section form ol li label
{
font-size: 1em;
}

section form label.left {
        display: block;
    }
section form label.right {
        
    }

section form input.text,
section form textarea,
section form select{
	width: 100%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 6px;
    font-size: 1.5em;
    line-height: 20px;
    background-color: #f4f5f5;
    border: 1px solid #118acb;
}
section.home3panels div.homepanel2 div.field
{
	margin: 0;
}
section.home3panels div.homepanel2 form input.text
{
	line-height: 50px;
	height: 50px;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 6px 16px;
    background: #fff;
}
section.home3panels div.homepanel2 .Actions
{
	margin: 0;
	
}

section.home3panels div.homepanel2 .Actions input[type="submit"], section.home3panels div.homepanel2 .Actions .action
{
	margin: 0;
	padding: 10px 16px;
	width: 100%;
	line-height: 26px;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ebeced;
	color: #118acb;
	font-family: "aller300";
}
section.home3panels div.homepanel2 .Actions input[type="submit"]:hover, section.home3panels div.homepanel2 .Actions .action:hover
{
	background: #c7c7c7;
}


section form table.mceLayout {
    width: 100%;
}
section form select {
	width: 100%;
	padding: 5px 4px;
}

section div.field p.desc
{
font-size: 1.1em;
}

section form input.text:focus,
section form textarea:focus,
section form select:focus {
    outline:none;
}
section form input[disabled], section form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
section textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
section .field .checkbox, section .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
section .checkbox label.right,
section .radio label.right {
        float: left;
        width: auto;
    }


/* Messages */
section form .message {
	font-size: 1.1em;
	margin: .5em 0 .1em 0;
    display: block;
    float: right;
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    width: 90%;
    width: -moz-calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	width: -o-calc(100% - 22px);
	width: calc(100% - 22px);
}
    
section form .field .message {
    width: 60%;
    width: -moz-calc(67% - 22px);
	width: -webkit-calc(67% - 22px);
	width: -o-calc(67% - 22px);
	width: calc(67% - 22px);
}
section form .middleColumn .message{
	
	
}
section form .good, section form .bad {
        background-color: #ecf9d0;
        border-color: #8fbe00;
        width: 90%;
		width: -moz-calc(100% - 22px);
		width: -webkit-calc(100% - 22px);
		width: -o-calc(100% - 22px);
		width: calc(100% - 22px);
    }
section form .bad, section form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
section .Actions {
    margin-bottom: 20px;
    clear: left;
}
section a.btn, section button, section input[type="submit"], section .Actions .action {
        background: #88a4c9;
        color: #fff;
        display: inline-block;
        padding: .8em 1.6em;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 0;
        border: none;
        -moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
        font-size: 1.8em;
        float: right;
        cursor: pointer;
    }
section a.btn:hover, section button, section input[type="submit"]:hover, section .Actions .action:hover {
        background: #118acb;
        color: #fff;
    }
    section a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    section a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    section .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    section #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    section #Remember {
        min-height: 20px;
    }
    section #ForgotPassword {
        clear: left;
    }
    section #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    section .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
section .FormHeading {
    clear: both;
    padding-top: 15px;
}
section form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
}
section .Actions input.resetformaction,
section .Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
section .Actions input.resetformaction:hover,
section .Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
section .checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
section form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #118acb;
    content: "•";
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
section form .checkboxset ul,
section form .optionset ul {
    width: 100%;
    float: left;
    list-style-type:none;
    padding: 0;
    margin: 0;
}
	section form .checkboxset li label,
    section form .optionset li label
    {
    padding-top: 0;
    width: auto;
    float: none;
    }
    section form .checkboxset li,
    section form .optionset li {
        margin-bottom: 5px;
    }
    section form .checkboxset li.odd,
    section form .optionset li.odd,
    section form .checkboxset li.even,
    section form .optionset li.even
    {
    float: left;
    width: 100%;
    }
   
    section form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    section form .checkbox .checkbox { clear: both; }

/* Messages */
section form span.message {
    
}
section div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
section form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
section input:invalid,
section textarea:invalid {
    -moz-box-shadow: 0px 0px 5px #7092be;
    -webkit-box-shadow: 0px 0px 5px #7092be;
    box-shadow: 0px 0px 5px #7092be;
}
section .no-boxshadow input:invalid,
section .no-boxshadow textarea:invalid {
    background-color: #7092be
}

/* To test - potentially not needed? */
section .ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
section form .creditCardField input,
section form input.currency,
section form input.numeric {
    width: 50px;
}
section form #DMYDate-month,
section form #DMYDate-day {
    width: 25px
}


section div.ss-uploadfield
{
float: left;
width: 100%;
}
section div.ss-uploadfield div.middleColumn label
{
font-size: 1.1em;
}
section div.ss-uploadfield div.middleColumn div.cancel, section div.ss-uploadfield div.middleColumn div.hide
{
display: none;
}
section div.ss-uploadfield button
{
        padding: .1em;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        font-size: 1.2em;
        float: none;
        clear: left;
    }
    
section div.ss-uploadfield div.middleColumn
{

}
section div.ss-uploadfield
{

}
section div.ss-uploadfield-item
{

}


/* Responsive form styles
----------------------------------------------- */

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

    /* To test - potentially not needed? */
	section .header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	section form label.left,
	section #MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}

@media only screen and (max-width: 900px) { 
    section form {
        max-width: 100%;
    }
}

@media only screen and (min-width: 700px) { 

}

.g-recaptcha>div>div{width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)} .g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .g-recaptcha>div{position:relative} .g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0} .g-recaptcha:empty:before{content:''}