﻿/***** GENERAL *****/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: #faa61a;
	font-family: 'Droid Serif', serif;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;    
}
.h3 {
	font-size: 1.68rem;   
}


p {
	line-height: 1.7;
	margin-top: 0;
}
a,
a:hover,
a:focus {
	color: #faa61a;
}
iframe {
	margin-bottom: 1.25rem;
}

.bold {
	font-weight: bold;
}
.hidden {
	display: none;
}
.padded {
	display: inline-block;
	padding: 0.5625rem 0;
}

p label,
ul li label {
	font-size: inherit;
	color: inherit;
}


a {
	color: #000;
	border-bottom: 1px solid #000;
}
a:hover {
	color: #d96600;
	border-bottom-color: #faa61a;
}


strong a,
.top-bar a,
.footer-logo a,
.pagination a {
	border-bottom: 0 none;
}

.sr-only {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}



/***** GRID *****/
.row-announcements {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.25rem;
}



.info.alert-box {
	background-color: #ff8c00;
	color: #fff;
}
.icon-bar > a:hover,
.icon-bar > a.active {
	background-color: #ff8c00;
}
.icon-bar {
	background-color: #6f6f6f;
}
.icon-bar a.item {
	display: block;
}

.price {
	/*font-size: 2rem;*/
}


.panel img {
	float: left;
	margin: 0 1.25rem 1.25rem 0;
}


table.fullwidth {
	width: 100%;
}
th,
td {
	vertical-align: top;
}
th.narrow,
td.narrow {
	width: 1%;
	white-space: nowrap;
}

th input[type='checkbox'],
td input[type='checkbox'] {
	margin: 3px 3px 4px 3px;
}

table tr.hightlighted th,
table tr.hightlighted td {
	background-color: #f0f0f0;
}


td.highlight.offpeak {
	background-color: #f08a24;
}
td.highlight.peak {
	background-color: #43AC6A;
}

td span.error {
	line-height: 1;
	padding: .2rem .5rem;
	margin: 0;
}



/***** LAYOUT *****/
#top-bar {
	margin-top: 20px;
}


.large-underlined {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}


/***** FORMS *****/
.required-asterisk {
	color: #de2d0f;
	margin-left: 0.25em;
	margin-right: -0.75em;
}
.narrow-select select {
	padding-right: 1.5rem;
	width: auto;
}
button,
.button {
	background-color: #faa61a;
	color: #333;
}
button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: #d96600;
	color: #111;
}

td button,
td .button {
	margin-bottom: 0;
}

input.transparent {
	background-color: transparent !important;
	border-color: transparent;
	box-shadow: none;
}




.row.collapse input[type='text'],
.row.collapse input[type='password'],
.row.collapse input[type='date'],
.row.collapse input[type='datetime'],
.row.collapse input[type='datetime-local'],
.row.collapse input[type='month'],
.row.collapse input[type='week'],
.row.collapse input[type='email'],
.row.collapse input[type='number'],
.row.collapse input[type='search'],
.row.collapse input[type='tel'],
.row.collapse input[type='time'],
.row.collapse input[type='url'],
.row.collapse input[type='color'],
.row.collapse textarea {
	margin-bottom: 0;
}


.top-bar-section ul li > a.button {
	background-color: #ff8c00;
	border-color: #d96600;
	color: #333;
}

.top-bar-section ul li > a.button:hover,
.top-bar-section ul li > a.button:focus {
	background-color: #d96600;
	color: #111;
}






.spanlabel {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
}

label.checkbox,
label.radio {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
}




.top-bar,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section .has-form {
	background-color: #231f20 !important;
}




.footer-logo {
	position: relative;
}
.footer-logo img {
	display: block;
	margin-bottom: 5px;
}
.footer-logo h4,
.footer-logo p {
	margin-bottom: 0;
	margin-top: 0;
}
.footer-row div {
	padding-top: 1.1875rem;
}
.footer-row p {
	font-size: 0.8rem;
}


.row {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
}
.row .row {
	background-color: transparent;
}


body.head-trainer {
	background: #fff url("Images/head-trainer-bg.png") no-repeat 125% 100% fixed;
}
body.head-watch {
	background: #fff url("Images/head-watch-bg.png") no-repeat 125% 100% fixed;
}
body.head-weight {
	background: #fff url("Images/head-weight-bg.png") no-repeat 125% 100% fixed;
}
body {
	/*background: #fff url("Images/FlexsiFitness.png") no-repeat 97% 91% fixed !important;*/
}


.footer-hr hr {
	margin-top: 3rem;
}


/***** CALENDAR *****/
p.calendar-day {
	border: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
	width: 6rem;
	margin: 0 auto;
}
p.calendar-day span {
	display: block;
		padding: 0.5rem;
}
p.calendar-day .month {
	background-color: #ccc;
	text-transform: uppercase;
}
p.calendar-day .day {
	line-height: 4rem;
	font-size: 3rem;
}

table.calendar th,
table.calendar td {
	width: 14.28571428571429%;
}
table.calendar thead th {
	text-align: center;
}




.fullwidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: none;
}





ul.pagination li.current a,
ul.pagination li.current button {
	background: #ff8c00;
	color: #333;
}








#dashboard-announcements h4 {
	font-size: 1.2em;
	margin-bottom: 0;
}



.explaination {
	font-size: .85rem;
	margin-top: 0.2rem;
	text-align: center;
}
xxx.fi-check {
	color: #43AC6A;
	display: block;
	line-height: 1;
}
td .fi-x {
	color: #f00;
}
td .fi-check {
	font-size: 1rem;
}


.cancel a {
	color: #cf2a0e;
}
.cancel a i {
	margin-right: .25rem;
}


.alert,
a.alert {
	color: #cf2a0e;
}
a.alert i {
	margin-left: .25rem;
	margin-right: .25rem;
}
button.alert,
.button.alert{
	background-color: #b50000;
	font-weight: bold;
}





.legend {
	color: #999;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size: .7rem;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}


.ui-autocomplete,
.ui-autocomplete-item {
	font-size: 1rem;
}



span.hint {
	color: #4d4d4d;
	display: block;
	font-size: .7rem;
	margin: .2rem 0 1rem;
}

#disclaimer div {
	overflow: hidden;
	transition: height 0.3s ease-out; 
}
#disclaimer p {
	font-size: .8rem;
}
#disclaimer .more {
	border-top: 1px solid #ddd;
	color: #999;
	cursor: pointer;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.row.divided .columns:first-of-type {
	border-right: 1px solid #ddd;
}
.row.divided .columns .columns {
	border-right: 0 none;
	padding-left: 0.93rem;
	padding-right: 0.93rem; 
}

/*
.row.divided .columns {
	border-right: 1px solid #ddd;
	padding-left: 1.86rem;
	padding-right: 1.86rem;
}
.row.divided .columns .row .columns {
	border-right: 0 none;
	padding-left: inherit;
	padding-right: inherit;
}
.row.divided .columns:first-of-type {
	padding-left: 0.93rem; 
}
.row.divided .columns:last-of-type {
	padding-right: 0.93rem; 
}
	*/


.accordion,
.accordion {
	display: none;
}
.accordion.more {
	display: block;
}

p.accordion-more {
	color: #666;
	font-size: .6rem;
	cursor: pointer;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.columns-border {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1rem;
}

p.inline {
	margin: 0 0 1rem 0;
	padding: 0.5625rem 0;
	line-height: 1.5;
}





.fi-icon {
	background-color: #3a945b;
	color: #fff;
	display: none;
	height: 2em;
	width: 2em;
	border-radius: 1em;
	text-align: center;
	line-height: 2em;
}
.fi-icon.success,
.fi-icon.warning,
.fi-icon.alert {
	color: #fff;
	display: block;
}
.fi-icon.success {
	background-color: #3a945b;
}
.fi-icon.warning {
	background-color: #f08a24;
}
.fi-icon.alert {
	background-color: #f04124;
}





.calendar {
	border: 1px solid #fff;
	border-collapse: collapse;
	width: 100%;
}
.calendar th,
.calendar td {
	border: 1px solid #fff;
	font-weight: normal;
	text-align: center;
	width: auto !important;
}
.calendar .month td {
	background-color: #6f6f6f;
	color: #fff;
	font-weight: normal;
}
.calendar .today {
	background-color: #ccc;
}
.calendar .link {
	background-color: #faa61a;
	padding: 0;
}
.calendar .link a {
	border-bottom: 0 none;
	display: block;
	color: #333;
	padding: 0.5625rem 0.625rem;
	transition: background-color 300ms ease-out;
}
.calendar .selected,
.calendar .link a:hover {
	background-color: #d96600;
}
.calendar .selected a {
	color: #111;
}



.calendar thead th {
	background-color: #fff;
	color: #6f6f6f;
}
.calendar tbody td {
	background-color: #eee;
}



label.sscheckbox {
	display: block;
	margin-left: 5em;
}
label.sscheckbox input {
	display: inline-block;
	margin-left: -5em;
}