/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html
{
    /*overflow-y:scroll;*/
    width: 100%;
	height:100%;
}
body {
	font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    background: white;
	/*background:#f4f4f4 url(images/bg_noise_50.png) 50% 0;*/
	position: relative;
      display: flex;
  flex-direction: column;
	/*min-width: 980px;*/
	line-height: 1.4;
	height:100%;
	/*overflow:hidden;*/
	font-size: 1em;
    color: #222;
    flex-direction:column;
	-webkit-font-smoothing:antialiased;
}

body > form {
	/* padding:0 0 15.357142857142857142857142857143em; /* 215px */
    flex: 1 0 auto;
    padding: 0;
	font-size:.875em; /* 14px */
	display:block;
}

button,
input,
select,
textarea {
	font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-size:1em;
    color: #222;
}

::-moz-selection {
	background: #005a96;
	text-shadow: none;
}

::selection {
	background: #005a96;
	text-shadow: none;
}

hr {
	border-bottom: 1px solid #fff;
    border-top: 1px solid #ccc;
	border-width: 1px 0;
    display: block;
    margin: 1em 0;
	clear: both;
    padding: 0;
    height: 0;

	/*display:none;*/
}
.main-content > hr {
	margin:2em 6px 1.6428571428571428571428571428571em;
}

img {
    vertical-align: middle;
}

fieldset {
    padding: 0;
    border: 0;
    margin: 0;
}

textarea {
    resize: none;
}

.chromeframe {
    background: #ccc;
    padding: 0.2em 0;
    margin: 0.2em 0;
    color: #000;
}

small {
	font-size:.71428571428571428571428571428571em;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* HEADER */
#header {
	background:#fff;
}

.promo-header h2
{
    font-size: 24px !important;
}

/* USER BAR */
#userbar {
    /*background:#2cade1;*/
}

.userbar-content {
	/*overflow:hidden;
    padding:10px 0;
    margin:0 auto;
    width:960px;*/
}

.userbar-content:after {
	display:table;
	content:'';
	clear:both;
}

.userbar-content > ul {
    margin:0 -20px 0 0;
    list-style:none;
    float:right;
	padding:0;
}

.userbar-content > ul > li {
    border-left:1px solid #000;
    float:left;
}
.userbar-content > ul > li > :first-child {
    border-left: 1px solid #7f7f7f;
    display:block;
    color:#fff;
}

.userbar-content > ul > li:first-child,
.userbar-content > ul > li:first-child > :first-child {
    border-left:none;
}

.userbar-content > ul > li > a {
    padding:8px 20px;
}

.userbar-content > ul > li .button {
	margin:0 20px;
}


/* PRIMARY NAV */
#primary-nav {
	position:relative;
	padding: 20px 0;
	z-index:10;
}

.primary-nav-shadow {
	background:url(images/bg_header-shadow.png) repeat-x 0 100%;
	position:absolute;
	height:7px;
	width:100%;
	top:100%;
	left:0;
}

.primary-nav-content {
	margin:0 auto;
	width:960px;
}

.primary-nav-bar {
	background: url(images/img_blue-gradient.png) repeat-x 0 50% #34b9f4;
	border: 1px solid #149fd7;
	color: #fff !important;
	vertical-align: middle;
	text-decoration: none;
    margin: 20px 0 30px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	font-size: 1em;

	-webkit-border-radius: 4px;
	border-radius: 4px;

	text-shadow: 1px -1px 0 rgba(0,0,0,.1);

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px rgba(0,0,0,.3);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip:  padding-box;
}

.primary-nav-bar ul {
	border-right:1px solid #b6e5fa;
    list-style: none;
    text-align: right;
    float: left;
    padding: 0;
    margin: 0;
}

.primary-nav-bar li {
    float: left;
    margin: 0;
}

.primary-nav-bar li a,
.primary-nav-bar li a:visited {
    border-right: 1px solid #0680b3;
    border-left: 1px solid #b6e5fa;
    text-decoration: none;
    padding: 20px 12px;
    color: #fff;
	float: left;
}

.primary-nav-bar li:first-child a {
    border-left: none;
}

#primary-nav ul li.is-current a,
#primary-nav ul li a:hover {
    background: url(images/img_darkblue-gradient.png) repeat-x 0 50% #3B7C98;
	border-right-color:#6ecdf4;
	border-left-color:#6ecdf4;
	position:relative;
	padding:20px 13px;
	margin:0 -1px;
}

#primary-nav .logo {
    margin:-13px 0 0 0;
	width: 210px;
    float: left;
}

/* SEARCH */
#search {
    /*padding: 16px 4px 0 10px;*/
    overflow: hidden;
}

.search-field label {
    padding: 0 8px 0 0;
    color: #fff;
}

.search-field input[type=text] {
	border: 1px solid #0680B3;
	border-color: #0680B3 #B6E5FA #B6E5FA #0680B3;
	padding:3px 5px;
	width:140px;

	-webkit-box-shadow: inherit;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.3);
}

.search-field input[type=submit] {
	text-transform:uppercase;
	overflow:visible;
	background: none;
	font-weight:bold;
    padding: 4px 9px;
	line-height:1.2;
    color: #fff;
    border: none;
	margin:0;

	text-shadow: 1px -1px 0 rgba(0,0,0,.1);
}

.search-field {
    float: right;
}

/* FEATURE */
#feature {
	position:relative;
	padding:0;
}

.feature-shadow {
	background:url(images/bg_feature-shadow.png) repeat-x;
	position:absolute;
	z-index:10;
	height:7px;
	width:100%;
	bottom:0;
	left:0;
}

.feature-content {
	margin:0 auto;
	/*width:960px;*/
}
.feature-content:after {
	display:table;
	content:'';
	clear:both;
}

/* SLIDES */
.slides {
    position: relative;
    list-style: none;
    height: 351px;
    padding: 0;
    margin: 0;
}
.slides img {
    position:absolute;
    bottom:0;
}

.slides > li {
    background: #fff;
    position: absolute;
	overflow: hidden;
	display: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.slides > li.nextup {
	z-index:1;
}
.slides > li.current {
	display:block;
	z-index:2;
}

/* slides content */
.slides > li > * {
	padding:40px 0 0;
}

.slides .left {
    float: left;
}

.slides .right {
    float: right;
}
.slides a {
	font-weight: bold;
    color: #30bff7;
}
.slides hgroup,
.slides header {
    position:relative;
}
.slides hgroup > * ,
.slides header > *,
.slides .cms-copy h1,
.slides .cms-copy h1 + h2 {
	font-size:1.7142857142857142857142857142857em; /* 24px */
	letter-spacing:-0.03em;
	font-weight:normal;
	line-height:1.1;
	margin:.2em 0 0;
}
.slides hgroup > :first-child,
.slides header > :first-child,
.slides .cms-copy h1 {
	font-weight:bold;
	font-size:2em; /* 28px */
    margin:0;
}

.slides .cms-copy p {
	margin:1em 0 0;
}

/* slides paging */
.slides-paging {
	position:relative;
	text-align:center;
	margin:-10px 0 0;
	list-style:none;
	height:10px;
	padding:0;
	top:20px;
}
.slides-paging:after {
	display:table;
	content:'';
	clear:both;
}
.slides-page {
	display:inline-block;
	padding:0 2px;
	width:10px;

	*display:inline;
	*zoom:1;
}
.slides-page a {
	background:url(images/bg_paging-bullet.png) no-repeat;
	padding:10px 10px 0 0;
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	height:0;
	width:0;
}
.slides-page.current a {
	background-position:0 -10px;
}

.slides-prev {
	margin:0 15px 0 0;
	position:absolute;
	right:100%;
	top:-210px;
}
.slides-next {
	margin:0 0 0 15px;
	position:absolute;
	top:-210px;
	left:100%;
}
.slides-prev i,
.slides-next i {
	display:inline-block;
	margin:-5px 0 -2px;
	font-style:normal;
	line-height:1;
	font-size:2em;
}

/* FORM STYLES */
.field {
	margin:1em 0 0;
}

.c50 > .field {
    margin-right:5px;
}
.c50 + .c50 > .field {
    margin-left:5px;
    margin-right:0;
}

.field > label,
.field > .label {
	display: inline-block;
	font-weight: bold;
	margin: 0 0 .5em;

	/*-webkit-text-stroke: 0.2px #000;
	-webkit-text-shadow: 0 0 1px rgba(0,0,0,.1);
	text-shadow: 0 0 1px rgba(0,0,0,.1);*/
}

.field > label em,
.field > .label em {
	font-style:normal;
	font-weight:bold;
	.
}

.field-content {
	*zoom:1;
}
.field-content:after {
	display:table;
	content:'';
	clear:both;
}

.field-content .c50,
.field-content .c75,
.field-content .c25  {
	padding:0 5px 0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	*behavior: url(/_assets/css/boxsizing.htc);
}
.field-content .c50 + .c50 {
	padding:0 0 0 5px;
}

.field-content .c75 + .c25 {
	padding:0 0 0 5px;
}

.field-group:after {
	display:table;
	content:'';
	clear:both;
}
/*.field-group .c50 .field-content {
	padding-right:5px;
}
.field-group .c50 + .c50 .field-content {
	padding-left:5px;
	padding-right:0;
}*/

.field input[type=text],
.field input[type=password],
.field input[type=email],
.field input[type=search],
.field textarea,
.field select {
	border: 1px solid #CCC;
	vertical-align:top;
	background: #fff;
	padding: 7px;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.15);
	border-radius: 4px;
}

.field input[type=checkbox],
.field input[type=radio] {
	margin-right:.3em;
}
.field input[type=checkbox] + label,
.field input[type=radio] + label {
	margin-right:1em;
}

.field input:focus,
.field textarea:focus,
.field select:focus {
	outline:none;
}

.field textarea.auto-expand {
	height:2.3571428571428571428571428571429em;
	resize:none;
}
.lt-ie8 .field textarea.auto-expand {
	height:auto;
}

.field select {
	padding: 7px;
}

.rbContainer {
	width: 100%;
	text-align: center;
}

.radioLabel {
	display: block;
	position: relative;
	padding-left: 0;
	padding-right: 0 !important;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	height: 20px;
}

.radioLabel input {
	position: relative;
	opacity: 0;
	cursor: pointer;
	height: 20px;
	width: 20px;
}

.radioLabel input:checked ~ .checkmark {
	background-color: #6c757d;
	outline: 3px solid #1b1b1b;
}

.regRadioButton_label {
	color: white !important;
	font-weight: bold;

}

.checkmark {
	background-color: white;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	height: 25px;
	width: 25px;
	margin-top: 10px;
	border: 2px solid #6c757d;
	border-radius: 20%;
}


.panel .field-note {
	font-size:0.85714285714285714285714285714286em;
	margin:5px 0 0;
}

.accordion-header .export
{
    font-size: 12px !important;
    vertical-align: top;
}

.panel-content .export
{
    float: right;
    position: relative;
    top: 10px;
}

.accordion td {
    height: 24px;
}

/* PLACEHOLDERS */
::-webkit-input-placeholder {
   color:#9a969e !important;
}
:-moz-placeholder { /* Firefox 18- */
   color:#9a969e !important; 
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#9a969e !important;
}
:-ms-input-placeholder {  
   color:#9a969e !important;
}
.placeholder {  
   color:#9a969e !important;
}

.full {	
	width:100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.full {
	*behavior: url(/_assets/css/boxsizing.htc);
}


/* BUTTONS */
.button {
	background: url(images/img_blue-gradient.png) repeat-x 0 50% #0094ff;
	border: 1px solid #149fd7;
	color: #fff !important;
	vertical-align: middle;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 7px 14px;
	line-height: 1.2;
	font-size: 1em;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-text-shadow: 1px -1px 0 rgba(0,0,0,.1);
	text-shadow: 1px -1px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.button:hover,
.button:focus {
	background: url(images/img_darkblue-gradient.png) repeat-x 0 50% #3B7C98;
	border-color:#0d6083;
}
.lt-ie8 input.button {
	line-height:.96;
}

/* full width button */
input.button-full {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	float:left;
}
a.button-full {
	display:block;
}

/* button links */
.button-link {
	text-decoration:none;
	font-weight:bold;
	background:none;
	color:#37c3f4;
	border:none;
	padding:0;
	margin:0;

	/*-webkit-border-radius: 0;
	border-radius: 0;

	-webkit-text-shadow: none;
	text-shadow: none;

	-webkit-box-shadow: none;
	box-shadow: none;*/
}


/* FOOTER */
#footer {
    flex-shrink: 0;
	/*height:16.538461538461538461538461538462em;*/ /* 215px */
	/*position:absolute;*/
	font-size:.8125em; /* 13px */
	overflow:hidden;
	width:100%;
	bottom:0;
	left:0;
}

.footer-top,
.footer-content {
	overflow:hidden;
	margin:0 auto;
	/*width:960px;
	height:165px;*/
}

.footer-top {
	height:12.769230769230769230769230769231em; /* 166px */
    border-top:1px solid #ccc;
}

.footer-top .footer-content {
    border-top: 1px solid #fff;
	margin:0 0 0 -20px;
	width:980px;
}

.footer-top .nav-section {
	margin:1.2307692307692307692307692307692em 0 0; /* 16px */
	height:9.846em;
	border-left:1px solid #ccc;
}

.footer-top dl {
	border-left:1px solid #fff;
	padding:0 0 0 20px;
	font-weight:bold;
	line-height:1.5;
	height:100%;
	margin:0;
}

.footer-top .footer-content > :first-child .nav-section,
.footer-top .footer-content > :first-child dl {
	border:none;
}

.footer-top dt {
	font-size: 1.3846153846153846153846153846154em; /* 18px */
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 0 .25em;
	overflow: hidden;
	padding: 0;
}
.footer-top dd {
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.footer-bottom {
    background: #fff url(images/bg_header-shadow.png) repeat-x 0 0;
	line-height:3.7692307692307692307692307692308;
	height:3.7692307692307692307692307692308em; /* 49px */
	border-top:1px solid #fff;
	overflow:hidden;
	color:#939393;
}

.footer-copyright {
	float:left;
	margin:0;
}
.footer-creator {
	text-align:right;
	margin:0;
}

/* COLUMNS */
.c20, .c25, .c33, .c40, .c50, .c60, .c66, .c70, .c75, .c80, .c100 {
	float:left;
}
.c20 {
	width:20%;
}
.c25 {
	width:25%;
}
.c33 {
	width:33.333333333333%;
}
.c40 {
	width:40%;
}
.c50 {
	width:50%;
}
.c60 {
	width:60%;
}
.c66 {
	width:66.666666666666%;
}
.c70 {
	width:70%;
}
.c75 {
	width:75%;
}
.c80 {
	width:80%;
}
.c100 {
	width:100%;
}

/* MAIN */
#main {
	border-top:1px solid #fff;
}
.main-content {
	padding:25px 0;
	margin:0 auto;
	/*width:970px;*/
}
.main-content:after {
	display:table;
	content:'';
	clear:both;
}

/* PANEL */
.panel {
	/*border:1px solid #ddd;*/
    text-decoration:none;
    background: #fff;
    position: relative;
    padding: 10px 12px;
    display: block;
    margin: 5px;
    clear: both;
    color:#222;
    *zoom: 1;

	-webkit-border-radius:4px;
	border-radius:4px;

    -webkit-box-shadow: 0px 0px 3px 0 rgba(0,0,0,.1);
    box-shadow: 0px 0px 3px 0 rgba(0,0,0,.1);
}
.panel:after {
    display: table;
    content: '';
    clear: both;
}

.panel.plain,
.panel.basic {
    background: none;
	border: none;
	margin: 6px;

    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel.basic {
	padding:0;/* 0 12px;*/
}

.panel .panel {
	margin:10px 0 0;
}
/*.main-content > .panel + .panel,
.main-content > .panel + hr + .panel {
	margin-top:30px;
}*/

.panel-wrapper {
	margin:0 -5px;
	*zoom:1;
}
.panel-wrapper:after {
	display:table;
	content:'';
	clear:both;
}
.panel-wrapper .panel {
	margin:10px 5px 0;
}

 /* panel headings */
.panel hgroup,
.panel header {
    position:relative;
}
.panel hgroup > *,
.panel header > *,
.panel .cms-copy h1:first-child + h2,
.panel .cms-copy h1:first-child + h3,
.panel .cms-copy h1:first-child + h4,
.panel .cms-copy h2:first-child,
.panel .cms-copy h3:first-child,
.panel .cms-copy h4:first-child {
	font-size:1.4285714285714285714285714285714em; /* 20px */
	font-weight:normal;
	line-height:1.1;
	margin:.2em 0 0;
}
.panel hgroup > :first-child,
.panel header > :first-child,
.panel .cms-copy h1:first-child {
	font-size:1.7142857142857142857142857142857em; /* 24px */
	letter-spacing:-0.03em;
	font-weight:bold;
    margin:0;
}

.panel header > :first-child .btn-favourite,
.panel header > :first-child .btn-favourited {
	position:relative;
	top:-1px;
}

.panel header > :first-child .btn-recommendation,
.panel header > :first-child .btn-recommended {
	position:relative;
	top:-1px;
}

.panel hgroup > .field,
.panel header > .field {
	font-size:1em;
}

.panel-content {
    overflow:hidden;
}

.panel p {
    margin:1em 0 0;
}
.panel.notes p {
    margin:0.1em 0 0;
}
.panel a {
	/*text-decoration:underline;*/
	font-weight:bold;
}

.panel-img img {
    display:block;
    margin:0 auto;
}

/*.panel hgroup {
    margin-bottom: 1em;
}*/

/* panel images */
.panel-img-right {
    margin: 0 0 10px 10px;
    float: right;
}


/* large */
.panel-img-bottom-right-large .panel-img {
    position:absolute;
    width:467px;
    bottom:0;
    right:0;
}
.panel-img-bottom-right-large .panel-content {
    padding-right:438px;
	min-height:167px;
}
.panel-img-bottom-left-large .panel-img {
    position:absolute;
    width:438px;
    bottom:0;
    left:0;
}
.panel-img-bottom-left-large .panel-content {
    padding-left:438px;
	min-height:167px;
}

/* medium */
.panel-img-bottom-right-medium .panel-img {
    position:absolute;
    width:195px;
    bottom:0;
    right:0;
}
.panel-img-bottom-right-medium .panel-content {
    padding-right:195px;
	min-height:151px;
}
.panel-img-bottom-left-medium .panel-img {
    position:absolute;
    width:195px;
    bottom:0;
    left:0;
}
.panel-img-bottom-left-medium .panel-content {
    padding-left:195px;
	min-height:151px;
}

/* small */
.panel-img-bottom-right-small .panel-img {
    position:absolute;
    width:130px;
    bottom:0; /*15px*/
    right:0;
}
.panel-img-bottom-right-small .panel-content {
    padding-right:130px;
	min-height:91px;
}
.panel-img-bottom-left-small .panel-img {
    position:absolute;
    width:130px;
    bottom:0; /*15px*/
    left:0;
}
.panel-img-bottom-left-small .panel-content {
    padding-left:130px;
	min-height:91px;
}

/* tiny */
.panel-img-bottom-right-tiny .panel-img {
    position:absolute;
    width:100px;
    bottom:0;
    right:0;
}
.panel-img-bottom-right-tiny .panel-content {
    padding-right:100px;
	min-height:48px;
}
.panel-img-bottom-left-tiny .panel-img {
    position:absolute;
    width:100px;
    bottom:0;
    left:0;
}
.panel-img-bottom-left-tiny .panel-content {
    padding-left:100px;
	min-height:48px;
}

.clear-left {
	clear:left;
}

/* DASHBOARD NAVIGATION */
.dashboard-navigation {
    margin: 0 20px 0 0;
	padding: 0 0 20px;
	line-height:1.1;
    width: 228px;
    float: left;
}
.dashboard-navigation-heading {
	letter-spacing:-0.03em;
	margin:20px 0 0;
	font-size:2em;
}
.dashboard-navigation-heading a:visited,
.dashboard-navigation-heading a {
	text-decoration:none;
	color:#222;
}
.dashboard-navigation ul {
	font-weight:bold;
    list-style:none;
	margin:1em 0 0;
    padding:0;
}
.dashboard-navigation li {
	padding:0 0 0 24px;
	position:relative;
	*zoom:1;
}
.dashboard-navigation li.current > a {
	display: block;
	padding: 8px 0;
	color: #000;
}
.dashboard-navigation li a {
	overflow:hidden;
	display: block;
	padding: 8px 0;
	width:100%;
}

.dashboard-navigation .toggle {
	text-align:center;
	position:absolute;
	background:none;
	color:#37c3f4;
	padding:7px 0;
	border:none;
	width:24px;
	left:0;
}

.records-export
{
    padding-left: 15px;
}

.dashboard-navigation > ul {
    border-top: 1px solid #ccc;
}
.dashboard-navigation > ul > li {
    border-bottom: 1px solid #ccc;
}
.dashboard-navigation > ul ul {
	margin:0;
}
.js .dashboard-navigation > ul ul {
	display:none;
}

/* DASHBOARD CONTENT */
.dashboard {
	overflow:hidden;
	display:block;
}

.dashboard img {
	margin:20px 20px 20px 0;
    float:left;
}

.dashboard-content {
	overflow:hidden;
	display:block;
    float:none;
	width:auto;
}
.dashboard-content h2 {
	/*white-space: nowrap;*/
	line-height: 1.1;
	margin: 20px 0 0;
	font-size: 2em;
	/*overflow: hidden;

	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;*/
}
.dashboard-content p {
	margin:0.3em 0 0;
}

/* dashboard text */
.dashboard-content textarea {
    height:150px;
    resize:none;
}
.dashboard-content .form-row a {
    color:#fff;
}


/* dashboard view */
.dashboard-view {
	margin:4.6428571428571428571428571428571em 0 1em 14px;
    list-style: none;
    padding: 0;
	*zoom:1;
}
.dashboard-view-centre {
	margin:1em auto 1em auto !important;
    width: 700px;
}
.dashboard-view:after {
	display:table;
	content:'';
	clear:both;
}
.dashboard-view li {
    background: url(images/img_book-background.png) no-repeat 50% 0;
    border-left: 1px solid #ccc;
    text-align: center;
    height: 208px;
    width: 138px;
	float:left;
}
.dashboard-view p {
	font-size:1.1428571428571428571428571428571em;
	line-height:1.1;
    margin: 0;
}
.dashboard-view .first {
    background-position: 0 0;
    width: 140px;
    border: none;
}
.dashboard-view .last {
    background-position: 100% 0;
    width: 140px;
}
.dashboard-view em {
	padding-bottom: 10px;
	line-height: 117px;
	font-style: normal;
	font-weight: bold;
	font-size: 3em;
	display: block;
	height: 117px;
	color: #333;

	-webkit-text-shadow: 0 -1px 1px #000, 0 1px 1px #fff;
	text-shadow: 0 -1px 1px #000, 0 1px 1px #fff;
}
.dashboard-view a {
    text-decoration: none;
	display:inline-block;
    font-weight: bold;
    color: #37c3f4;
    font-size: 1em;
	margin:1em 0 0;
}

.three-figures {
    padding-left: 120px;
}

.four-figures {
    padding-left: 60px;
}

/* dashboard calendar image */
.dashboard-image {
	background:url(images/bg_calendar.jpg) no-repeat 50% 0;
	margin:5px 20px 20px 50px;
	padding:75px 60px 0;
	text-align:center;
	min-height:248px;
	width:265px;
    float:left;
}
.dashboard-image-date {
	font-weight:bold;
	font-size:2em;
	margin:0;
}
.dashboard-image-trainer {
	font-size:1.2857142857142857142857142857143em;
}

.page-count {
	float:right;
}

/* ACCORDION */
.accordion-header {
	position:relative;
	*zoom:1;
}
.accordion-header:after {
    display:table;
    content:"";
    clear:both;
}

.accordion-header .toggle {
    text-decoration: none;
    position:absolute;
	font-size:1em;
	right:0;
	top:0;
}

/*.accordion-content ul {
    list-style:none;
    padding:0;
    margin:0;
}*/

/* table */
.accordion table {
	margin:1em 0 0;
    width: 100%;
}

.accordion thead {
    background: #2fc4ef;
    font-weight:bold;
    color: #fff;
}

.accordion thead th {
    border-left: 1px solid #fff;
    background: #2FC4EF;
    padding:5px 10px;
	text-align:left;
}
.accordion thead th:first-child {
    border-left: none;
}

.accordion td {
    border-right:1px solid #fff;
    padding:5px 10px;
}

.accordion tbody tr.complete {
    font-weight: bold;
}

.accordion tbody tr:nth-child(even) {
    background: #f4f4f4;
}

/* FAQS */
.faq-heading {
	margin:1em 0 0;
	font-size:1em;
}
.faq-heading + p,
.faq-heading + ul,
.faq-heading + ol {
	margin-top:0;
}

/* TOGGLE */
[data-toggle] {
	cursor:pointer;
}

/* CONTACT */
.contact-details {
	margin:1em 0 0;
}
.contact-details dt {
	white-space:nowrap;
	font-weight:bold;
	margin:0 6px 0 0;
	float:left;
}
.contact-details dd {
	overflow:hidden;
}

.contact-details .field {
	margin:0;
}
.contact-details .field > label {
	margin:0;
}
.contact-details .field-content {
	margin:.5em 0;
}


.contact-details dt.tel {
    background:url(images/phone-icon.png) no-repeat;
    background-size: contain;
	height:1.5em;
    padding:0 0 0 38px;
	margin:0 6px 0 0;
	overflow:hidden;
	float:left;
	width:0;
}
.contact-details dd.tel {
	font-size:1.5em;
	letter-spacing:-.03em;
	font-weight:normal;
	line-height:1;
	height:1em;
	padding:0;
}

.contact-details dt.email {
    background:url(images/email-icon.png) no-repeat;
    background-size:contain;
	height:1.5em;
    padding:0 0 0 38px;
	margin:0 6px 0 0;
	overflow:hidden;
	float:left;
	width:0;
}
.contact-details dd.email {
	line-height:1.5;
	height:1.5em;
	font-weight:normal;
	padding:0;
}

h2.contact-details-header {
    font-weight:normal !important;
}

/* CONTACT */
.contact-form .field > label {
	margin-right:5px;
	padding:8px 0;
	width:120px;
	float:left;
}
.contact-form .field-content {
	overflow:hidden;
}


/* SEARCH RESULTS */
.search-filter {
	position:absolute;
	right:0;
	top:0;
}

.search-result {
	border-top:1px solid #ddd;
	padding:1em 0;
}
.search-result:first-child {
	border:none;
}
.search-result-heading {
	font-size:1.4285714285714285714285714285714em; /* 20px */
	font-weight:normal;
	line-height:1.1;
	margin:0;
}

/* tabs list */
.tabs-list {
    position:relative;
    margin:1em 0 -11px;
    z-index:1;
}
.tabs-list + .panel {
	-webkit-border-radius:0 4px 4px 4px;
	border-radius:0 4px 4px 4px;
}

.tabs {
    list-style:none;
    padding:0;
    margin:0;
}
.tabs li {
    display:inline-block;
    vertical-align:top;
}

.tabs li a:visited,
.tabs li a {
	background: url(images/img_blue-gradient.png) repeat-x scroll 0 50% #34B9F4;
	border:1px solid #149FD7;
	text-decoration: none;
	display: inline-block;
    border-bottom:none;
	text-align: center;
	font-weight:bold;
	min-width: 80px;
	padding: 15px;
	color: #fff;

	-webkit-text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
	text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;

	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.tabs li a:hover {
    background: url(images/img_darkblue-gradient.png) repeat-x 0 50% #3B7C98;
	border-color:#0d6083;
}
.tabs li.current a {
    border-color:#ddd;
    background:#fff;
    color:#222;
}

/* ACCENT */
.accent {
	color:#37c3f4 !important;
}

/* PAGING */
.paging-list {
    font-weight:bold;
	padding:10px 0 0;
    list-style:none;
    overflow:hidden;
    margin:1em 0 0;
    clear:both;
}

.main-content > .paging-list {
	margin:1em 6px 0;
}

.panel.plain > .paging-list,
.panel.plain > .panel-content > .paging-list,
.panel.basic > .paging-list,
.panel.basic > .panel-content > .paging-list  {
	border-top:1px solid #ccc;
}

.paging-list > li {
    overflow:hidden;
    float:left;
}
.paging-list li.next {
    float:right;
}
.paging-list li.pages {
    float:none;
}
.paging-list li ul {
    text-align:center;
    list-style:none;
    padding:0;
    margin:0;
}
.paging-list li ul li {
    display:inline-block;
    padding:0 .5em;
}

.paging-list a {
	color:#222;
}
.paging-list a[href] {
	color:#37c3f4;
}

/* TRAINER CARD */
.panel.trainer-card header {
	overflow:hidden;
}
.panel.trainer-card header > * {
	font-size: 1.4285714285714285714285714285714em; /* 20px */
}
.panel.trainer-card header * {
	white-space: nowrap;
	overflow:hidden;
	display: block;
	width:100%;

	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.trainer-card-image {
	border: 1px solid #ddd;
	margin: 0 0 0 10px;
	background: #fff;
	float: right;
	padding: 7px;

	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.trainer-card .panel-content img {
	position:absolute;
	bottom:10px;
	left:12px;
}

/* TABLE */
.w1 {
    width:1%;
}
.w10 {
    width:10%;
}
.w12 {
    width:12%;
}
.w15 {
    width:15%;
}
.w20 {
    width:20%;
}
.w25 {
    width:25%;
}
.w33 {
    width:33%;
}

.tc {
    text-align:center !important;
}
.tr {
    text-align:right !important;
}
.nw {
	white-space: nowrap !important;
}

/* DOCUMENT LIST */
.document-list {
	list-style:none;
	padding:0;
	margin:0;
	*zoom:1;
}
.document-list:after {
	display:table;
	content:'';
	clear:both;
}
.document-list li {
	margin:1em 0 0 0;
	float:left;
}
.document-list img {
	margin:0 5px 0 0;
	float:left;
}
.document-list span {
	white-space: nowrap;
	line-height: 32px;
	margin:0 20px 0 0;
	overflow: hidden;
	display: block;

	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.unlocked {
	background:url(images/img_padlock-open.png) no-repeat 0 1em;
	padding-left:36px;
}
.locked {
	background:url(images/img_padlock.png) no-repeat 0 1em;
	padding-left:36px;
}

.document {
	background-image: url(images/document.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 42px;

	display:inline-block;
	line-height:32px;
	height:32px;
}
.document.pdf {
	background-image: url(images/pdf.png);
}
.document.doc {
	background-image: url(images/doc.png);
}
.document.docx {
	background-image: url(images/docx.png);
}
.document.ppt {
	background-image: url(images/ppt.png);
}
.document.pptx {
	background-image: url(images/pptx.png);
}
.document.xls {
	background-image: url(images/xls.png);
}
.document.xlsx {
	background-image: url(images/xlsx.png);
}
.document.mp4,
.document.avi,
.document.m4v,
.document.wmv,
.document.mov {
	background-image: url(images/video.png);
}

/* MY ALERTS */
.my-alerts {
    background:url(images/img_alert.png) no-repeat;
    padding:0 0 0 99px;
	min-height:48px;
    margin:0;
}

/* SESSIONS */
.session-list {
	list-style:none;
	padding:0;
	margin:0;
}
.session-list li {

}
.session-details {
	letter-spacing:-4px;
	margin:0;
}
.session-details dd {
	font-size:1.1428571428571428571428571428571em;
	vertical-align:middle;
	letter-spacing:normal;
	display:inline-block;
	white-space:nowrap;
	font-weight:bold;
	width:25%;
	margin:0;

	*display:inline;
	*zoom:1;
}
.session-details .session-date {
	width:35%;
}
.session-details .session-time {
	width:15%;
}
.session-details .session-signature-signed, .session-details .session-signature-notsigned {
	width:20%;
}
.session-details .session-time-range {
	width:35%;
}
.session-details .session-trainer,
.session-details .session-feedback {
	width:30%;
}

.session-details dd > span {
	padding:15px 0 15px 68px;
	display:inline-block;
	white-space:normal;
}
.session-date > span {
	background:url(images/img_calendar.png) no-repeat 0 50%;
}
.session-time > span {
	background:url(images/img_clock.png) no-repeat 0 50%;
}
.session-signature-notsigned > span {
	background:url(images/img_alert.png) no-repeat 0 50%;
}
.session-signature-signed > span {
	background:url(images/img_session_tick.png) no-repeat 0 50%;
}
.session-trainer > span {
	background:url(images/icon_trainee.png) no-repeat 0 50%;
}
.session-feedback > span {
	background:url(images/img_chat.png) no-repeat 0 50%;
}


.larger {
	font-size:1.4285714285714285714285714285714em;
	vertical-align:middle;
	margin:0 0 0 8px;
}


.sessions-booked {
    list-style: none;
    padding: 0;
	margin:0;
}

.sessions-booked li {
    position: relative;
}

.sessions-booked h3 {
    position: relative;
    background: url(images/img_calander.png) no-repeat 0 0;
    padding-left: 100px;
    height: 65px;
    padding-top: 15px;
}

.sessions-booked em {
    float:right;
    width: 60px;
    text-align: left;
    line-height: 53px;
    padding-left: 75px;
    padding-right:30px;
    right: 0;
    font-style: normal;
    background: url(images/img_clock.png) no-repeat 0 0;
    width: 100px;
}

.sessions-booked span {
    float:right;
    text-align: left;
    padding-left: 80px;
    line-height:25px;
    font-size:1em;
    width: 180px;
    right: 0;
    font-style: normal;
    background: url(images/icon_trainee.png) no-repeat 0 0;
}
.sessions-booked span a {
    position: static;
    display: block;
}
.sessions-booked em a {
    position:relative;
    bottom:0;
    left:0;
}
.sessions-booked a {
    position: absolute;
    left: 120px;
    bottom: 35px;
}
.sessions-remaining p {
    font-size:24px;
    margin:0;
}
.sessions-remaining a {
    font-size:16px;
    vertical-align:middle;
    margin-right:10px;
}
.sessions-remaining .red {
    color:#d05a53;
}
.sessions-booked.completed span {
    float:right;
    width: 127px;
    text-align: left;
    padding-left: 80px;
    line-height:23px;
    font-size:1em;
    right: 0;
    font-style: normal;
    background: url(images/img_chat.png) no-repeat 0 0;
}

.sessions-booked.completed em {
    float:right;
    width: 161px;
    text-align: left;
    padding-left: 80px;
    line-height:23px;
    font-size:1em;
    right: 0;
    font-style: normal;
    background: url(images/img_alert.png) no-repeat 0 0;
}

/* SCHEDULE NAV */
.schedule-nav
{
    overflow:hidden;/*added 24-9-12*/
}
.schedule-nav .panel-content {
	position:relative;
}
.schedule-nav h2 {
	text-align:center;
	margin:0; /*added 24-9-12*/
}
.schedule-nav ul {
	position:absolute;
	font-weight:bold;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	left:0;
	top:0;
}
.schedule-nav li.next {
	display:inline;
	padding:9px;
	float:right;
}
.schedule-nav li.prev {
	display:inline;
	padding:9px;
	float:left;
}
.schedule-nav .double-tab 
{
    background:rgba(140,198,63,.3);
    position:relative;
    font-size:14.3px;
    text-align:center;
    font-weight:bold;
    color:#696969;
	overflow:hidden;
	height:40px;
    width:466px;
	float:left;
    padding:0;
}
.schedule-nav .double-tab a {
	padding:10px 0;
	display:block;
    color:#696969;
}
.schedule-nav .double-tab:hover 
{
    background:rgba(140,198,63,.5);
    text-decoration:none;
    color:#696969;
}
.schedule-nav .double-tab label 
{
    position:absolute;
    padding:10px 0;
    width:100%;
    left:0;
}
.schedule-nav .double-tab input {
	position: relative;
	text-align: right;
	font-size: 14.3px;
	font-weight: bold;
	background: none;
	cursor: pointer;
	color: #696969;
	border: none;
	height: 100%;
	width: 100%;
	float: left;
	z-index: 10;
	padding:0 0 0 100%;

	-webkit-text-shadow: 0 1px 0 #FFF;
	-moz-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.ie8 .schedule-nav .double-tab,
.ie7 .schedule-nav .double-tab {
	color: #005a96;
}
.ie8 .schedule-nav .double-tab:hover,
.ie7 .schedule-nav .double-tab:hover 
{
    color:#696969;
}
.ie8 .schedule-nav .double-tab input,
.ie7 .schedule-nav .double-tab input 
{
    padding:11px 118px 0 9px;
}
/* schedule */
.schedule .panel-content {
	padding:0;
}
.schedule-times {
	position:relative;
}
.no-js .schedule-times {
	display:none;
}
.schedule-times h3 {
	border-bottom:1px solid #dbdbdb;
	font-size:.8em;
	padding:4px;
	margin:0;	

	/*height:2.8em;*/
}
.ie7 .schedule-times .schedule-list {
	position:absolute;
	width:100%;
	left:0;
}

.schedule-days {
	 position:relative;
	 z-index:1;
}
.js .schedule-days {
	float:right;
	width:91%;
}
.schedule-days h3 {
	border-bottom:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	font-size:.8em;
	padding:4px;
	margin:0;

	/*height:2.8em;*/
}
/* schedule list */
.schedule-list {
	position:relative;
	list-style:none;
	font-size:.8em;
	padding:0;
	margin:0;
}
.schedule-content {
	border-top:1px solid #fff;
	position:relative;
	padding:2px 4px;
}
a.schedule-content,
a.schedule-content:hover,
a.schedule-content:focus {
	display:block;
	height:100%;
	color:#fff;
}

.schedule-delete {
	text-decoration:none;
	position:absolute;
	background:#000;
	font-size:1.4em;
	line-height:1;
	opacity:0.2;
	padding:4px;
	color:#fff !important;
	bottom:0;
	right:0;
	top:0;
	
	filter:alpha(opacity=20);
}
.schedule-delete:hover,
.schedule-delete:focus {
	text-decoration:none;
	opacity:0.4;
	color:#fff;
	
	filter:alpha(opacity=40);
}

/* days */
.schedule-days .schedule-list {
	border-left:1px solid #dbdbdb;
}
.no-js .schedule-days .first h3,
.no-js .schedule-days .first .schedule-list {
	border-left:none;
}
.schedule-days li {
	font-weight:bold;
	overflow:hidden;
}
.schedule-days li strong {
	display:block;	
}
/*.schedule-days li a /*added 16-11-12
{
    color:#fff;
	color:#333;

	text-shadow:none;
}*/

/* times */
.schedule-times li {
	height:40px;
}
.schedule-times li:nth-child(2n) {
	background:#F5F5F5;
}
.schedule-times li.odd {
	background:#F5F5F5;
}

/* schedule colors */

.light-red a,
.dark-red a,
.light-blue a,
.dark-blue a,
.purple a,
.green a,
.orange a,
.black a
{
    color: #fff !important;
}

.light-brown a,
.yellow a
{
    color: #333 !important;
}



.light-red,
.light-red:visited {
	background:#ff5050;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.dark-red,
.dark-red:visited {
	background:#c00000;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.light-blue,
.light-blue:visited {
	background:#00b0f0;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.dark-blue,
.dark-blue:visited {
	background:#00297d;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.purple,
.purple:visited {
	background:#7030a0;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.orange,
.orange:visited {
	background:#e36c0a;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.black,
.black:visited {
	background:#333;
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,1);
}
.green,
.green:visited {
	background:#060;	
	color:#fff;
	
	text-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.yellow,
.yellow:visited {
	background:#fc0;
	color:#333;
	
	text-shadow:0 1px 0 rgba(255,255,255,1);
}
.light-brown,
.light-brown:visited {
	background:#D6B363;
	color:#333;
	
	text-shadow:0 1px 0 rgba(255,255,255,1);
}


/*schedule month*/
table.schedule-month
{
	 position:relative;
	 float:left;
	 width:75%;
	 z-index:1;
}
table.schedule-month th 
{
    width:14.285714285714285714285714285714%; /*7 cols*/
    text-align:center;
	padding:0 0 20px;
    font-size:13px;
}
table.schedule-month td 
{
    width:14.285714285714285714285714285714%; /*7 cols*/
    border-width:1px;
    border-style:solid;
    border-color:#eee;
    text-align:center;
    font-weight:bold;
    background:#fff;
    line-height:2em;
    height:104px;
}
table.schedule-month td:hover,
table.schedule-month td.current 
{
    background:#ccc;
}
table.schedule-month td.current a
{
    border:1px solid #999;
	margin:-1px;
}
table.schedule-month td a 
{
    display:block;
    color:#696969;
    height:100%;
}
table.schedule-month td a:hover 
{
    text-decoration:none;
}
table.schedule-month td ul 
{
    list-style-image:none;
    list-style:none;
    overflow:hidden;
    padding:0;
    margin:0;
}
table.schedule-month td ul li 
{
    width:33.3333333333333%;
    opacity:.4;
    float:left;
}
table.schedule-month td a:hover li,
table.schedule-month td.current li
{
    opacity:1;
}
/*NA state days*/
table.schedule-month td.na 
{
    font-weight:normal;
    background:#eee;
    color:#ccc;
}
table.schedule-month td.na:hover  
{
    background:#ddd;
}
table.schedule-month td.na li 
{
    font-weight:bold;
}
table.schedule-month td.na a:hover li,
table.schedule-month td.current.na li
{
    opacity:.4;
}
table.schedule-month td.na .light-red,
table.schedule-month td.na .dark-red,
table.schedule-month td.na .light-blue,
table.schedule-month td.na .dark-blue,
table.schedule-month td.na .purple,
table.schedule-month td.na .orange,
table.schedule-month td.na .black,
table.schedule-month td.na .green,
table.schedule-month td.na .yellow
{
	background:#ccc;
	color:#333;
}
table.schedule-month td.na:hover li
{
    color:#fff;
}
table.schedule-month td.na:hover .light-red
{
	background:#ff5050;
}
table.schedule-month td.na:hover .dark-red
{
	background:#c00000;
}
table.schedule-month td.na:hover .light-blue
{
	background:#00b0f0;
}
table.schedule-month td.na:hover .dark-blue
{
	background:#00297d;
}
table.schedule-month td.na:hover .purple
{
	background:#7030a0;
}
table.schedule-month td.na:hover .orange
{
	background:#e36c0a;
}
table.schedule-month td.na:hover .black
{
	background:#333;
}
table.schedule-month td.na:hover .green
{
	background:#060;	
}
table.schedule-month td.na:hover .yellow
{
	background:#fc0;
	color:#333;
}
/*added 25-10-12*/
table.schedule-month td a 
{
    position:relative;
}
table.schedule-month td p 
{
    font-weight:normal;
    position:absolute;
    width:100%;
    margin:0;
    bottom:0;
}
table.schedule-month td ul li 
{
    width:50%;
}
/*added 31-10-12*/
table.schedule-month td ul li 
{
    line-height:1em;
    font-size:10px;
    padding:2px 0;
    width:100%;
}

/*day view aside*/
.day-view 
{
    margin:0 0 0 15px;
    position:relative;
    width:209px;
    float:left;
}
.day-view h3 
{
    border-bottom:1px solid #fff;
    margin:0 0 20px;
	font-size:13px;
    padding:0;
}
.day-view ul 
{
    list-style-image:none;
    list-style:none;
    margin:1em 0 0;
    padding:0;
}
.day-view ul li 
{ 
	overflow:hidden;
    line-height:1.2em;
    position:relative;
    margin:0 0 5px;
}
.day-view ul li a
{
	font-size:.8em;
    color:inherit;
    display:block;
    padding:5px;
}
.ie7 .day-view ul li a 
{
    color:#fff;
}
.day-view .schedule-delete 
{
	font-size:1.8em;
    color:#fff;
    top:-4px;
}
.day-view .btn 
{
	font-size:.875em;
    display:block;
	width:auto;
}
#page .day-view .btn span.button
{
    display:block;
    margin:0 auto;
    float:none;
}


/*datepicker added 24-9-12*/
#ui-datepicker-div 
{
    border:1px solid #DBDBDB;
    margin-left:-1px;
    background:#fff;
    padding:9px;
    width:437px;
}
#ui-datepicker-div.calendarDatePicker 
{
	font-size:0.875em;
    /*top:201px !important;*/ /*fix for a wierd issue on smaller height browser windows*/
}
#ui-datepicker-div.calendarDatePicker span {
	font-size:1em;
}
#ui-datepicker-div.calendarDatePicker .ui-datepicker-month {
	margin-right:2px;
}
#ui-datepicker-div.calendarDatePicker .ui-datepicker-year {
	margin-left:2px;
}
.ui-datepicker-header 
{
    background:url(images/bg_main.png) repeat-x 0 0 #FFF;
    padding:0 9px 9px;
    font-weight:bold;
    overflow:hidden;
}
.ui-datepicker-header a 
{
    cursor:pointer;
	margin:9px 0 0;
}
.ui-datepicker-prev 
{
    float:left;
}
.ui-datepicker-next 
{
    float:right;
}
.ui-datepicker-title 
{
    text-align:center;
    margin:0 auto;
    width:50%;
}
.ui-datepicker-title select 
{
    width:70px;
}
.ui-datepicker-calendar 
{
    margin:9px 0 0;
    width:100%;
}
.ui-datepicker-calendar tbody 
{
    text-align:center;
}
.ui-datepicker-calendar tbody a 
{
    margin:0 auto;
    display:block;
    padding:3px 0;
    width:50%;
}
.ui-datepicker-calendar tbody a:hover 
{
    background:url(images/bg_main.png) repeat-x 0 0 #FFF;
    text-decoration:none;
}
.ui-datepicker-calendar .ui-datepicker-today a 
{
    font-weight:bold;
    background:#ddd;
    color:#696969;
}

/*simple datepicker added 16-11-12*/
#ui-datepicker-div.simpleDatepicker
{
    width:300px;

}

/* NOTE */
.note .panel-content > :first-child {
	margin-top:0;
}

.panel.red {
	border-color:#ebb;
	background:#fcc;
}
.panel.blue {
	border-color:#bce;
	background:#cdf;
}
.panel.green {
	border-color:#be8;
	background:#cf9;
}
.panel.yellow {
	border-color:#ed9;
	background:#fea;
}

.scrollable {
	max-height:500px;
	overflow:auto;
}

.scrollable.notes {
	max-height:230px;
	overflow:auto;
}

/* SIMPLE LIST */
.simple-list {
	list-style:none;
	margin:1em 0 0;
	padding:0;
}

/* DOWNLOAD LIST */
.download-list {
	list-style:none;
	padding:0;
	margin:0;
}
.download-list li {
	white-space:nowrap;
	margin:1em 0 0;
}
.download-list img {
	vertical-align:middle;
}
.download-list img + span {
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
}

/* ACCREDITATIONS LIST */
.accreditations-list {
    list-style:none;
	padding:0;
	margin:0;
}
.accreditations-list li {
    width:20%;
    text-align:center;
    color:#37c3f4;
    float:left;
}
.accreditations-list span {
    line-height:111px;
    display:block;
	height:110px;
}
.accreditations-list > li {
    margin-top:15px;
}
.accreditations-list > li > ul li {
    text-align: left;
}

/* FAVOURITES */
.btn-favourite,
.btn-favourited {
	background:url(images/bg_star-favourite.png) no-repeat;
	vertical-align:middle;
	padding:25px 0 0 25px;
	display:inline-block;
	overflow:hidden;
	height:0;
	width:0;
}
.btn-favourited {
	background-position:0 -25px;
}

/* RECOMMENDATIONS */
.btn-recommendation,
.btn-recommended {
	background:url(images/bg_circle-recommended.png) no-repeat;
	vertical-align:middle;
	padding:25px 0 0 25px;
	display:inline-block;
	overflow:hidden;
	height:0;
	width:0;
}
.btn-recommended {
	background-position:0 -25px;
}

/* PRIVACY TABLE */
.privacy-table {
	width:100%;
}
.privacy-table th,
.privacy-table td {
	padding:8px 10px;
}
.privacy-table thead th {
	font-weight:normal;
	text-align:left;
}
.privacy-table tbody th {
	font-weight:bold;
	text-align:left;
}
.privacy-table .odd th,
.privacy-table .odd td {
	background:#fff;
}
.privacy-table label {
	display:none;
}

/* NOTE */
.panel .required-note {
	background:url(images/bg_caution.png) no-repeat;
	font-size:1em !important;
	padding:0 0 0 34px;
	position:absolute;
	width:208px;
	right:12px;
	top:10px;
	margin:0;
}
.panel.basic .required-note {
	right:0;
	top:0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden,
.js .js-hide {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}













/* ==========================================================================
   generics
   ========================================================================== */
.content {
    margin: 0 auto;
    width: 960px;
    padding: 10px;
}
.content.home {
    padding:15px 10px 10px 10px;
}

.content:after {
    content: "";
    display: table;
    clear: both;
}

.padding
{
    padding:0 10px;
}
/*.btn {
    background: url(images/img_blue-gradient.png) repeat-x 0 50% #0094ff;
    padding: 7px 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border: 1px solid #1184B3;
}*/
.btn.side
{
    margin-right:5px;
}
.c50 .btn.side:first-child
{
    margin-left:0;
}
.lt-ie8 a.btn {
    line-height:1.285;
}
.lt-ie8 .btn
{
    line-height: 1;
}
.btn.remove {
   float:right;

}

/*.btn:hover {
    background: url(images/img_darkblue-gradient.png) repeat-x 0 50% #0094ff;
}*/

input {
    border: inset 1px #ccc;
}
.form-row input.btn
{
    width:auto;
}

/*#main input*/
/*.txt {
    background-color: #DFDFDF;
    border: 1px solid #C0C0C0;
    border-radius: 4px 4px 4px 4px;
    padding: 7px;
    resize: vertical;
	width:50ex;
}
.full {
	width:88%;	
}*/
.longest {
	width:120ex;
}
.long {
	width:80ex;
}
.mid
{
    width:40ex;
}
.short {
	width:30ex;
}
.shorter {
	width:20ex;
}
.tiny {
	width:10ex;
}
.date {
	width:11ex;
}
.ddl.wide{
    width: 37ex;
}



#digSignature
#main input.btn {
    width:auto;
    height:auto;
}
.group {
    margin-bottom:20px;
}






.button-submit .btn {
    border: 1px solid #1184B3;
    color: #fff;
    text-decoration: none;
    margin-bottom:10px;
}

.button-submit .btn.btn-clear {
    background: url(images/img_gray-gradient.png);
    border: 1px solid #5b5b5b;
    color: #5b5b5b;
}

.form-row {
    margin: 10px 0;
    position:relative;
    *zoom:1;
}
.form-row.tile {
    margin: 10px 6px;
}
.form-row .btn
{

}
.form-row input
{
    /*width:100%;*/
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.lt-ie8 .form-row input
{
    width:99%;
}
.form-row label
{
    width:100%;
    display:inline-block;
    padding-bottom:5px;
}
.form-row .shortlabel
{
    width:125px;
    display:inline-block;
    padding-bottom:5px;
}
.border-section #digSignature {
    margin: 0;
}
.digSignature {
    width: 100%;
    height: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.lt-ie8 .digSignature
{
    width:99%;
}
body a {
    text-decoration: none;
    color: #37c3f4;
}
.border-section.red
{
    background:url(images/icon_alert.png) no-repeat 100% 15%;
}
.border-section {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-bottom: 10px;
}
.border-section.first {
    margin-top:20px;
}

.border-section:first-child {
    border: none;
}

.border-section .c33 .panel {
    min-height: 159px;
}
/*span {
    font-size: 1.5em;
}*/

.bullets {
    padding-left: 15px;
}

.columns-3 {
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    margin: 0 0 1em;
}

.columns-3:after {
    clear: both;
    content: "";
    display: table;
}

.columns-3 p {
    margin-top: 0;
}

.columns-2 {
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    margin: 0 0 1em;
}

.columns-2:after {
    clear: both;
    content: "";
    display: table;
}

.columns-2 p {
    margin-top: 0;
}

/* ==========================================================================
   ul .book-session
   ========================================================================== */
.book-session {
    padding: 0;
    list-style: none;
    text-align: center;
}

.book-session label {
    display: block;
}

.book-session .day {
    float: left;
    padding-top: 10px;
    padding-left: 100px;
    height: 70px;
    width: 80px;
    background: url(images/img_calander.png) no-repeat 0 0;
}

.book-session .day input {
    width: 4ex;
    text-align: center;
    border: 1px solid #37c3f4;
    padding: 4px;
}

.book-session .month {
    float: left;
    padding-top: 10px;
    width: 150px;
}

.book-session .month select {
    border: 1px solid #37c3f4;
    padding: 3px 4px;
    background:none;
    border-radius:0;
    float:none;
    width:auto;

}

.book-session .year {
    float: left;
    padding-top: 10px;
    width: 110px;
}

.book-session .datepicker {
    float: left;
    width: 150px;
}

.book-session .year input {
    width: 8ex;
    text-align: center;
    border: 1px solid #37c3f4;
    padding: 4px;
}

.book-session .time {
    float: left;
    padding-top: 10px;
    width: 150px;
}

#main .book-session .time input {
    width: 4ex;
    text-align: center;
    border: 1px solid #37c3f4;
    padding: 4px;
}

.book-session .remove {
    float: left;
    padding-top: 10px;
    background: url(images/img_remove.png)no-repeat 50% 100%;
    height: 55px;
    width: 130px;
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb
{
    list-style:none;
    margin: 0 0 20px 5px;
    padding:0;
    font-size:12px;
}
.breadcrumb li
{
    list-style:none;
    display:inline;
    padding:0 8px 0 18px;
    background:url(images/breadcrumb.png) no-repeat 0 50%;
}
.breadcrumb li:first-child
{
    padding-left:0;
    background:none;
}
.breadcrumb li a
{
    text-decoration:none;
}
/** @section Alerts *******************************************/
.alert {
	text-shadow:0 1px 0 #eee;
}
.alert p:first-child,
.alert ul:first-child {
	margin-top:0;
}

.alert ul {
	list-style:none;
	padding:0;
	margin:0;
}
.alert li {
	margin-top:.5em;
}
.alert label {
	font-weight:bold;
}

/* colours */
.alert.red {
	background-color:#fcc;
	border-color:#ebb;
	color:#000;
}
.alert.green {
	background-color:#cf9;
	border-color:#be8;
	color:#000;
}

.alert.yellow {
	background-color:#fea;
	border-color:#ed9;
	color:#000;
}
.alert.blue {
	background-color:#cdf;
	border-color:#bce;
	color:#000;
}

.alert.grey {
 background-color:#ddd;
 border-color:#ccc;
}

/* ==========================================================================
   question header
   ========================================================================== */
.question-header {
    *zoom: 1;
}

.question-header:after {
    display: table;
    content: '';
    clear: both;
}

.question-header .date-name {
    width: 600px;
    float: left;
}

.question-header .date-name hgroup {
    margin: 16px 0;
}

.question-header .side-note {
    border-left: 1px solid #ccc;
    padding-left: 40px;
    overflow: hidden;
}

.questions {
    list-style: none;
    padding: 0;
}

.numbered {
    width: 10%;
    float: left;
    text-align: center;
    padding-right: 50px;
}
.numbered-content {
	overflow:hidden;
}
.numbered p {
    font-weight: bold;
}

.numbered em {
    color: #37c3f4;
    font-size: 5em;
    font-style: normal;
}


/* ==========================================================================
   feedback list
   ========================================================================== */
.feedback-list {
    border-top:1px solid #ccc;
    list-style:none;
    margin:1em 0 0;
    padding:0;
}
.feedback-list li
{
    border-bottom:1px solid #ccc;
    padding:10px 0;
    overflow:hidden;
    *zoom:1;
    position:relative;
}
.feedback-list h3 {
	margin:0;
}

.feedback-content {
	padding:1px 0 0;
	margin:0 0 30px;
	clear:both;
}

.feedback-list .rating {
    position:absolute;
    white-space:nowrap;
    font-weight:bold;
    bottom:10px;
	margin:0;
    right:0;
}
.side-table
{
    overflow:hidden;
}
.feedback-answer {
    font-style:italic;
    padding: 0 40px;
}
/* ==========================================================================
   star ratings
   ========================================================================== */
.rating-feedback {
    float:right;
    width:50%;
    margin: 25px 0 0;
}
.rating {
    margin: 25px 0 0;
}

.field .rating {
	margin:0;
}

.star-rating {
    background: url(images/bg_star-rating.png) repeat-x 0 0;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    height: 27px;
    width: 135px; /*27 per star x 5*/
    top: -3px;
}

.star-rating .stars {
    background: url(images/bg_star-rating-selected.png) repeat-x 0 0;
    white-space: nowrap;
    position: relative;
    text-indent: 100%;
    overflow: hidden;
    display: block;
    height: 27px;
    width: 0;
}

.rating-partner
{
    display:block;
    margin:15px auto;
    width: 135px;
}

.star-rating .stars-1 {
    width: 20%;
}

.star-rating .stars-2 {
    width: 40%;
}

.star-rating .stars-3 {
    width: 60%;
}

.star-rating .stars-4 {
    width: 80%;
}

.star-rating .stars-5 {
    width: 100%;
}

/* ==========================================================================
   iframe & video
   ========================================================================== */
.video-pop
{
	/*background:#37c3f4;*/
    padding:0;
    position:relative;
    width:100%;
}
.videopop-content
{
    padding:0px;
    width:auto;
	*zoom:1;
}
.videopop-content:after {
	display:table;
	content:'';
	clear:both;
}
.videopop-content h2
{
    margin:0;
}
.video-pop iframe,
.video-pop object,
.video-pop embed
{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
}
/**/
.video-js
{
}
*/
.related {
    list-style:none;
    margin-top:1em;
    padding:0;
    margin:0;
}
.related li
{
    padding:0;
}
.related img
{
    margin-right:10px;
}

.cookies 
{
    border-bottom:7px solid #00a0ba;
    border-top:7px solid #00a0ba;
    padding:15px 20px;
}
.js .cookies 
{
    display:none;
}
.cookies h2
{
    line-height:1.2em;
    color:#000;
}
.cookies p 
{
    color:#000;
}




/* toolbar list*/
.toolbar-list {
	list-style:none;
	float:right;
}
.toolbar-list li {
	padding-right:10px;
	display:inline;	
}
.toolbar-list li {
	position:relative;
	padding-left:34px;
}
.menu-list li.current a,
.toolbar-list li.current a {
	font-weight:bold;
}
.toolbar-list img {
    vertical-align: middle;
    opacity: .5;
    filter: alpha(opacity=50);
}
.toolbar-list .current img {
    opacity: 1;
    filter: alpha(opacity=100);
}




.fakeFile + input[type="file"] {
	display:none;
}







/* faces */
label.happy {
	background:url(images/ico_faces-color.png) no-repeat;
	vertical-align:middle;
	display:inline-block;
	padding:43px 0 0;
	overflow:hidden;
	width:43px;
	height:0;
    margin:0 15px 0 3px;
}

label.ok {
	background:url(images/ico_faces-color.png) no-repeat -43px 0;
	vertical-align:middle;
	display:inline-block;
	padding:43px 0 0;
	overflow:hidden;
	width:43px;
	height:0;
    margin:0 15px 0 3px;
}

label.sad {
	background:url(images/ico_faces-color.png) no-repeat -86px 0;
	vertical-align:middle;
	display:inline-block;
	padding:43px 0 0;
	overflow:hidden;
	width:43px;
	height:0;
    margin:0 15px 0 3px;
}

div.happy {
	background:url(images/ico_faces-partner.png) no-repeat 0 -86px;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
	width:129px;
	height:43px;
    margin:0 15px 0 3px;
}

div.ok {
	background:url(images/ico_faces-partner.png) no-repeat 0 -43px;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
	width:129px;
	height:43px;
    margin:0 15px 0 3px;
}

div.sad {
	background:url(images/ico_faces-partner.png) no-repeat;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
	width:129px;
	height:43px;
    margin:0 15px 0 3px;
}

/* Trainer Totals */
.Trainer-PaymentSchedules-Totals {
}
.Trainer-PaymentSchedules-Totals th {
    text-align: left;
}



.PSList li > ul ul {
	display: none;
}

.PSList ul li, .PSList ul li a {
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.PSList li > ul {
	padding: 0;
}

.PSList li {
    position:relative;
}

.PSList li ul li {
    width : 220px;
}

	.PSList li > ul li:hover > ul {
		display: block;
	}

    .PSList li > ul { 
	list-style: none;
	position: relative;
	display: inline-table;
}
	.PSList li > ul:after {
		content: "";
        clear: both;
        display: block;
	}

    .PSList li > ul li {
	float: left;
    padding: 12px 0 12px 10px;
}

	.PSList li > ul li:hover {
		background: #005e99;
        cursor: pointer;
	}

	.PSList > li > ul > li:first-of-type {
		background: rgb(56, 56, 56);
        color: #fff;
    padding: 5px 0 5px 10px;
        cursor: none;
	}
	
	.PSList li > ul li a {
		display: block;
        text-decoration: none;
	}

.PSList > li ul {
	background: #3498db;
}

    .PSList li > ul ul {
    border-radius: 0px;
    padding: 0;
	position: absolute;
    top: 100%;
    margin: 0;
}
	.PSList li > ul ul li {
		float: none;
		position: relative;
	}

            .PSList li > ul ul {
	position: absolute; left: 100%; top:0;
}

.PSList > li > ul {
    display: none;
    position:absolute;
    top: 105px;
    left: 30px;
    z-index: 100;
}

.PSList li:hover > ul {
    display: block;
}







#myaccountnav ul {
	display: none;
    float:none;
}

#myaccountnav ul li, #myaccountnav ul li a {
    font-size: 14px;
    font-weight: bold;
    color: white;
}
/*
.PSList li > ul {
	padding: 0;
}*/


#myaccountnav {
    position:relative;
}

#myaccountnav li {
    width : 150px;
}

	#myaccountnav:hover > ul {
		display: block;
	}

    #myaccountnav ul { 
	list-style: none;
	position: relative;
	display: inline-table;
}
	#myaccountnav ul:after {
		content: "";
        clear: both;
        display: block;
	}

    #myaccountnav li {
	float: left;
    padding: 6px;
}

	#myaccountnav li:hover {
		background: #005e99;
        cursor: pointer;
	}
	
	#myaccountnav li a {
		display: block;
        text-decoration: none;
	}

#myaccountnav ul {
	background: #3498db;
}

    #myaccountnav ul {
    border-radius: 0px;
    padding: 0;
	position: absolute;
    top: 100%;
    margin: 0;
}
	#myaccountnav ul li {
		float: none;
		position: relative;
	}

            #myaccountnav ul {
	position: absolute; left: 100%; top:0;
}

#myaccountnav ul {
    display: none;
    position:absolute;
    top: 32px;
    left: -30px;
    z-index: 100;
}




.filter-buttons {
    float: right;
    height: 30px;
position: relative;
left: -5px;
}

.filter-buttons > span > a:first-of-type
{
    -webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.filter-buttons > span > a:last-of-type
{
    -webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

.filter-buttons a {
  background: #009fe3;
  background-image: -webkit-linear-gradient(top, #009fe3, #009ddb);
  background-image: -moz-linear-gradient(top, #009fe3, #009ddb);
  background-image: -ms-linear-gradient(top, #009fe3, #009ddb);
  background-image: -o-linear-gradient(top, #009fe3, #009ddb);
  background-image: linear-gradient(to bottom, #009fe3, #009ddb);
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

.filter-buttons .selected
{
  background: #005e99;
  background-image: -webkit-linear-gradient(top, #00446e, #005e99);
  background-image: -moz-linear-gradient(top, #00446e, #005e99);
  background-image: -ms-linear-gradient(top, #00446e, #005e99);
  background-image: -o-linear-gradient(top, #00446e, #005e99);
  background-image: linear-gradient(to bottom, #00446e, #005e99);
  text-decoration: none;
}

.filter-buttons a:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


#PSBreadcrumb {
    /*font-size: 16px;*/
}

#PSBreadcrumb li {
    list-style: none;
    display: inline;
}

#PSBreadcrumb li:nth-child(even) {
    /*font-size: 22pt;
    top: 4px;
    position: relative;
    padding: 0 4px;*/
}

    #PSBreadcrumb li:last-of-type {
        /*font-weight: bold;*/
    }

#PSBreadcrumb li:first-of-type, #PSBreadcrumb li:first-of-type a {
    /*font-size: 22pt;
    font-weight: normal;
    color: #000;*/
}
    #PSBreadcrumb a {
        color: #000000;
    }

    #PSBreadcrumb a:hover {
        /* New stuff.  Delete if needed*/
        color: black;
        text-decoration: none;
        font-weight: bold;
    }


.PSInfo {
    float:right;
    position:relative;
    z-index: 100;
}

#aLearnerSearch {
    margin-left: 10px;
}

.loginselect {
    margin: 20px 0 0 20px;
}

    .loginselect td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .loginselect input:first-of-type {
        margin-right: 5px;
    }

/* LEARNER ASSESSMENTS LIST */
.learner-assessments-list {
	list-style:none;
	margin:1em 0 0;
	padding:0;
    
}

ul.learner-assessments-list > li:last-of-type
{   margin-top: 5px;
}

.errorimage {
    margin-top:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.errorheading {
    color: #30bff7;
    font-size: 2em;
    text-align:center;
}

.errortext {
    color: darkgrey;
    font-size: 1.5em;
    text-align:center;
}
/* LEARNER ASSESSMENTS INTRO AND QUESTIONS 
    Currently applies to all sliders*/
input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  border:none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent; /* Hides the slider so custom styles can be added */
  border-color: transparent;
  /*color: transparent;*/
}


/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /*border: 1px solid #000000;*/ border:none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #0094ff;
  /*cursor: pointer;*/
  margin-top: -4px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */*/
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/ border:none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #0094ff;
  /*cursor: pointer;*/
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  /*border: 1px solid #000000;*/ border:none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #0094ff;
  /*cursor: pointer;*/
}


input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  /*box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;*/
  background:#DCDCDC;
  border-radius: 5px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background:#DCDCDC;
}

input[type=range]::-moz-range-track {
  width:100%;
  height:7.5px;
  cursor: pointer;
  background:#DCDCDC;
  border-radius: 5px;
  background: repeating-linear-gradient(to right, 
     #DCDCDC, 
     #DCDCDC 10%, 
     #DCDCDC 10%, 
     #DCDCDC 11%, 
     #DCDCDC 11%, 
     #DCDCDC 20%);
}

input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background:#DCDCDC;
  border-radius: 10px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #DCDCDC;
}
input[type=range]::-ms-fill-upper {
  background: #DCDCDC;
  border-radius: 10px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #DCDCDC;
}
    input[type=range]::-ms-ticks-after {
        color:#DCDCDC;
    }
.leftSliderDesc {
    text-align:right
}
.questionstable td{
    padding: 10px;
    margin:10px;
}

.PSList > li > a > span {
    cursor: default;
}

.PSInfo-left {
    padding: 10px
}