@import 'https://fonts.googleapis.com/css?family=Montserrat:300,500|Noto+Sans:400,700&display=swap';
/* CSS RESET ------------------------------------------------------------------------ */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section, main {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
body {font: 13px Helmet, Freesans, sans-serif;}
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

@-moz-viewport, 
@-webkit-viewport, 
@-ms-viewport, 
@-o-viewport, 
@viewport {
    width: device-width;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
body {
	-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
	from { padding: 0; }
	to { padding: 0; }
}
html,
body {
	text-align: left;
	padding: 0;
	margin: 0;
	font: normal normal normal 14px/1.5 Arial, sans-serif;
	color: #555;
	height: 100%;
	background: white;
}

@media screen and (min-width: 1600px)
{
	html,
	body {
		font-size: 16px;
	}
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 0.3em 0;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-weight: normal;
	color: #333;
}
h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
h1 {
	font-size: 1.9em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
pre {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
}
p {
	text-align: left;
	line-height: 1.8em;
	padding: 0.2em 0 1em 0;
	color: #303030;
}
a, 
a:link, 
a:visited {
	color: #7da2fb;
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
a:hover, 
a:active {
	color: #4874dd;
}
a.invisible, 
a.invisible:link, 
a.invisible:visited {
	color: inherit; 
	font-size: inherit;
	text-transform: inherit;
	text-decoration: inherit;
	font-weight: inherit;
}
small a, 
small a:link, 
small a:visited {
	text-transform: none;
}
ul, 
ol {
	list-style: disc;
	margin: 0 0 0.7em 3em;
	padding: 0;
	line-height: 1.7em;
}
ol {
	list-style: decimal;
}
.termsandconditions ol, 
.printable ol {
	counter-reset: item;
	list-style: none;
}
ul li, 
ol li {
	margin: 0 0 0.3em 0;
	text-align: left;
}
.termsandconditions ol > li:before, 
.printable ol > li:before {
	position: relative;
	content: counters(item,'.') ' ';
	counter-increment: item;
	font-weight: bold;
}
hr {
	width: 100%;
	background: #d9d9d9;
	border: 0;
	height: 3px;
	margin: 2em 0;
}
blockquote, 
q {
	quotes: '“' '”' '‘' '’' '“' '”' '‘' '’';
	font-style: italic;
}
q {
	font-size: 1.1em;
	color: black;
}
blockquote {
	position: relative;
	background: #fff;
	padding: 1em 2.5em;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 1em;
}
blockquote p:last-child {
	padding-bottom: 0;
}
blockquote .author {
	display: block;
	text-align: right;
	padding: 0.3em;
	font-weight: bold;
	font-style: normal;
}
blockquote:before,
q:before {
	content: open-quote;
}
blockquote:after,
q:after {
	content: close-quote;
}
blockquote:before, 
blockquote:after {
	position: absolute;
	font-size: 4em;
}
blockquote:before {
	left: 0.1em;
	top: 0;
}
blockquote:after {
	bottom: -0.5em;
	right: 0.3em;
}

.hidden {
	display: none !important;
}
.clear {
	display: block;
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
.inline {
	display: inline;
}
ul.inline, 
ol.inline {
	margin: 0;
	list-style: none;
}
ul.inline li, 
ol.inline li {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
}
ul.no-margin,
ol.no-margin {
	list-style: none;
	margin: 0;
}
ul.compress li, 
ol.compress li {
	margin: 0;
	padding: 0;
	text-align: left;
}
.centre {
	text-align: center;
}

/* Main Structure */
header {
	position: relative;
	background: white;
}

#niche-bar {
	position: relative;
	background-color: #e4e4e6;
	border-top: 1px solid #d6d6d8;
	padding: 0;
	height: 25px;
	line-height: 25px;
}
#niche {
	position: relative;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background: #84b796 url('/theme/2/images/niche-academic-sm-left.png') no-repeat top left;
	width: 135px;
	font-weight: bold;
	padding-left: 2.2em;
	top: -1px;
	left: 1em;
	-webkit-border-top-right-radius: 12px;
	-khtml-border-radius-topright: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-khtml-border-radius-bottomright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
}
#niche.dropdown {
	width: 155px;
}
#related_niche_toggler {
	display: inline-block;
	margin: 0 0 0 0.6em;
	padding: 0.5em 0.62em 0.45em 0.5em;
	border-left: 1px solid white;
	-webkit-border-top-right-radius: 12px;
	-khtml-border-radius-topright: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-khtml-border-radius-bottomright: 12px;
	-moz-border-radius-bottomright: 12px;
	border-bottom-right-radius: 12px;
}
#related_niche_toggler:hover {
	box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .1);
}
#related_niche_dropdown {
	position: relative;
	z-index: 20;
	background: white;
	width: 130px;
	list-style: none;
	margin: 0 0 0 27px;
	padding: 0;
}
#related_niche_dropdown li {
	padding: 0 0 0 2em;
	margin: 0 -12px 1px -12px;
	-webkit-border-radius: 13px;
	-khtml-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
#related_niche_dropdown li:hover {
	box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .1);
}
#related_niche_dropdown li a {
	padding: 0.1em 0.6em;
	color: white;
	display: block;
}
#related_niche_dropdown li a:hover {
	padding-left: 1em;
}
#related_niche_dropdown li.academic {
	background: #80b692 url('/theme/2/images/niche-academic-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.music {
	background: #513438 url('/theme/2/images/niche-music-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.it {
	background: #f6bf26 url('/theme/2/images/niche-it-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.languages {
	background: #ae372f url('/theme/2/images/niche-languages-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.sports {
	background: #4c5b87 url('/theme/2/images/niche-sports-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.arts {
	background: #dd5f24 url('/theme/2/images/niche-arts-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.business {
	background: #ddbd69 url('/theme/2/images/niche-business-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.dance {
	background: #1a3944 url('/theme/2/images/niche-dance-left.png') no-repeat -1px 0;
}
#related_niche_dropdown li.academic, 
#related_niche_dropdown li.music, 
#related_niche_dropdown li.it,
#related_niche_dropdown li.languages, 
#related_niche_dropdown li.sports, 
#related_niche_dropdown li.arts, 
#related_niche_dropdown li.business, 
#related_niche_dropdown li.dance {
	background-size: auto 100%;
}

#niche a {
	color: white;
	line-height: 1em;
}
#niche a:hover, 
#niche a:active {
	color: #333;
}
#logo {
	display: block;
	background: transparent url('/theme/2/images/logo-uk.png') no-repeat center center;
	width: 221px;
	height: 82px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
}
#logo span {
	display: none;
}
#left,
#right {
	padding: 0 0.3em;
}
#right {
	clear: both;
}
#middle {
	padding: 0.6em;
}
.featured-by {
	display: block;
	padding: 1em 0;
	text-align: center;
}
#featured-by {
	background: #e0e0e0;
	border-top: 1px solid #bebebe;
	margin-top: 1em;
}
#featured-top {
	border-bottom: solid 1px #e0e0e0;
}
.featured-by img {
	vertical-align: middle;
	margin: 0 1em 1.5em 1em;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.featured-by img:hover {
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	opacity: 1;
}
#utilities {
	padding-bottom: 1em;
}
#footer_coloured {
	margin: 0;
	clear: both;
	background: #84b796;
}
#footer_social {
	text-align: center;
	margin: 0.5em 0 0 0;
}
#footer_social li {
	display: inline-block;
	padding: 0 0.5em;
}
#footer_social img {
	width: 32px;
	height: 32px;
}
#footer_social img:hover {
	width: 30px;
	height: 30px;
}
#footer_social li a:hover {
	padding: 0;
}
#siteLinks ul {
	margin: 0;
}
#copyright {
	padding: 0.5em 0;
	text-align: center;
	color: white;
	font-weight: bold;
}
#copyright a, 
#copyright a:link, 
#copyright a:visited {
	color: white;
}
#copyright a:hover, 
#copyright a:active {
	color: #ededed;
}
#top-searches-footer h3 {
	font-size: 1em;
	font-weight: bold;
	color: white;
}
#top-searches ul, 
#top-searches-footer ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
#top-searches ul {
	text-align: center;
	padding-bottom: 0.6em;
}
#top-searches li {
	list-style: none;
	display: inline-block;
	
}
#top-searches li a, 
#top-searches li a:link, 
#top-searches li a:visited {
	display: block;
	padding: 0.3em 0.6em;
	background: #f1f1f1;
	color: #666;
}
#top-searches li a:hover, 
#top-searches li a:active {
	background: #e1e1e1;
	color: #333;
}


#alert_similar_tutor_field_wrapper{
	visibility: hidden;
	width: 46.5%;
}

.round {
	position: relative;
	float:left;
	padding: 7px 23px 10px;
}

.round label {
	display: block !important;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	cursor: pointer;
	height: 28px;
	left: 4px;
	position: absolute;
	top: 2px;
	width: 28px;
}

#register_contact_field_wrapper{
    margin-bottom: 10px;
}

.round label:after {
	border: 1px solid #000;
	border-top: none;
	border-right: none;
	content: "";
	height: 6px;
	left: 7px;
	opacity: 0;
	position: absolute;
	top: 8px;
	transform: rotate(-45deg);
	width: 12px;
}

.round input[type="checkbox"] {
	visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
	background-color: #fff;
	border-color: #000;
	color: #000;
}

.round input[type="checkbox"]:checked + label:after {
	opacity: 1;
}


@media screen and (min-width: 320px)
{
	#niche {
		margin-right: 12em;
	}
	#footer-element{
		display: none;
	}
}
@media screen and (min-width: 480px)
{
	.call-now-bar__mobile {
		font-size: 12px;
	}

	#top-searches-footer h3 {
		text-align: center;
	}
	#top-searches-footer li {
		display: inline-block;
		width: 48%;
		text-align: center;
	}
}
@media screen and (min-width: 600px)
{
	p, 
	ul li, 
	ol li {
		text-align: justify;
	}

	#niche-bar {
		height: 54px;
		line-height: 54px;
		border-top: 1px solid #d6d6d8;
	}
	#niche {
		width: 250px;
		font-size: 26px;
		background: #84b796 url('/theme/2/images/niche-academic-left.png') no-repeat -1px 0;
		font-weight: normal;
		padding-left: 2.5em;
		left: 0.5em;
		-webkit-border-top-right-radius: 27px;
		-khtml-border-radius-topright: 27px;
		-moz-border-radius-topright: 27px;
		border-top-right-radius: 27px;
		-webkit-border-bottom-right-radius: 27px;
		-khtml-border-radius-bottomright: 27px;
		-moz-border-radius-bottomright: 27px;
		border-bottom-right-radius: 27px;
	}
	#niche.dropdown {
		width: 290px;
	}
	#related_niche_toggler {
		margin: 0 0 0 0.4em;
		padding: 0.67em 0.8em 0.62em 0.5em;
		-webkit-border-top-right-radius: 27px;
		-khtml-border-radius-topright: 27px;
		-moz-border-radius-topright: 27px;
		border-top-right-radius: 27px;
		-webkit-border-bottom-right-radius: 27px;
		-khtml-border-radius-bottomright: 27px;
		-moz-border-radius-bottomright: 27px;
		border-bottom-right-radius: 27px;
	}
	#related_niche_dropdown {
		width: 250px;
		margin: 0 0 0 2em;
	}
	#related_niche_dropdown li {
		margin: 0 -15px 1px -15px;
		padding: 0.4em 0 0.4em 2.5em;
		-webkit-border-radius: 25px;
		-khtml-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}
	#top-searches-footer li {
		width: 24%;
	}
}
@media screen and (min-width: 768px)
{
	header {
		background: transparent;
	}
	#siteLinks ul {
		text-align: center;
	}
	#siteLinks ul li {
		width: auto;
	}
	#utilities {
		background: #f1f1f1;
		border-top: 1px solid #bebebe;
	}
	#niche-bar {
		-webkit-border-radius: 27px;
		-khtml-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
		padding-left: 27px;
		border-top: 0;
	}
	#niche-bar.responsive {
		position: absolute;
		top: 15px;
		left: 230px;
		right: 10px;
		background: transparent;
		padding: 0;
	}
	#niche-bar.responsive #niche {
		margin: 0;
		-webkit-border-radius: 27px;
		-khtml-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
	}
}
@media screen and (min-width: 960px)
{
	#container {
		position: relative;
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	/*\*/
	#container {
		display: block;
	}
	/* */
	#middlewrapper {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#middle {
		margin: 0 0 1em 19em;
		padding: 1em 1em 2px 1.5em;
		min-height: 560px;
		text-align: left;
	}
	#left {
		float: left;
		margin: 0 0 0.5em -100%;
		padding: 0 0 0 0.3em;
		width: 19em;
		text-align: left;
	}
	#footer_coloured {
		padding: 0.5em 0;
	}
	#related_niche_dropdown {
		z-index: 101;
	}
	.featured-by img {
		margin: 0 1em;
	}
}
@media screen and (min-width: 1280px)
{
	html,
	body {
		padding: 0 1%;
	}
	#middle {
		margin: 0 19em 1em 19em;
		padding: 1em 2em 2px 2em;
	}
	#right {
		clear: none;
		float: right;
		margin: 0 0 0.5em -19em;
		padding: 0 0.3em 0 0;
		width: 19em;
		text-align: left;
	}
	#featured-by, 
	#utilities,
	#footer_nav, 
	#footer_coloured {
		position: relative;
	}
	header:before, 
	header:after, 
	#featured-by:before, 
	#featured-by:after, 
	#utilities:before, 
	#utilities:after, 
	#footer_nav:before, 
	#footer_nav:after, 
	#footer_coloured:before, 
	#footer_coloured:after, 
	.full-width:before,
	.full-width:after,
	ol.breadcrumbs:before, 
	ol.breadcrumbs:after {
		content: "";
		position: absolute;
		background: #e4e4e6;
		top: 0;
		bottom: 0;
		width: 1%;
	}
	header:before, 
	header:after {
		background: white;
		border-bottom: 6px solid #84b796;
		bottom: -6px;
		right: 100%;
	}
	header:after {
		right: auto;
		left: 100%;
	}
	#utilities:before {
		background: #f1f1f1;
		top: -1px;
		right: 100%;
		border-top: 1px solid #bebebe;
	}
	#utilities:after {
		background: #f1f1f1;
		top: -1px;
		left: 100%;
		border-top: 1px solid #bebebe;
	}
	#featured-by:before {
		background: #e0e0e0;
		top: -1px;
		right: 100%;
		border-top: 1px solid #bebebe;
	}
	#featured-by:after {
		background: #e0e0e0;
		top: -1px;
		left: 100%;
		border-top: 1px solid #bebebe;
	}
	#footer_nav:before {
		background: #3e4042;
		right: 100%;
	}
	#footer_nav:after {
		background: #3e4042;
		left: 100%;
	}
	#footer_coloured:before {
		/*background: #2b2d2e;*/
		background: #84b796;
		right: 100%;
	}
	#footer_coloured:after {
		/*background: #2b2d2e;*/
		background: #84b796;
		left: 100%;
	}
	ol.breadcrumbs:before {
		background: transparent;
		right: 100%;
		border-bottom: 2px solid #e2e2e2;
		bottom: -2px;
	}
	ol.breadcrumbs:after {
		background: transparent;
		left: 100%;
		border-bottom: 2px solid #e2e2e2;
		bottom: -2px;
	}
}
@media screen and (min-width: 1600px)
{
	html,
	body {
		padding: 0 10%;
	}
	header:before, 
	header:after, 
	#featured-by:before, 
	#featured-by:after, 
	#utilities:before, 
	#utilities:after, 
	#footer_nav:before, 
	#footer_nav:after, 
	#footer_coloured:before, 
	#footer_coloured:after, 
	.full-width:before,
	.full-width:after,
	ol.breadcrumbs:before, 
	ol.breadcrumbs:after {
		width: 12.5%;
	}
	#related_niche_dropdown li {
		margin: 0 -18px 1px -18px;
	}
}
@media screen and (min-width: 1920px)
{
	html,
	body {
		padding: 0 15%;
	}
	header:before, 
	header:after, 
	#featured-by:before, 
	#featured-by:after, 
	#utilities:before, 
	#utilities:after, 
	#footer_nav:before, 
	#footer_nav:after, 
	#footer_coloured:before, 
	#footer_coloured:after, 
	.full-width:before,
	.full-width:after,
	ol.breadcrumbs:before, 
	ol.breadcrumbs:after {
		width: 21.4%;
	}
}
@media screen and (min-width: 2550px)
{
	html,
	body {
		padding: 0 20%;
	}
	header:before, 
	header:after, 
	#featured-by:before, 
	#featured-by:after, 
	#utilities:before, 
	#utilities:after, 
	#footer_nav:before, 
	#footer_nav:after, 
	#footer_coloured:before, 
	#footer_coloured:after, 
	.full-width:before,
	.full-width:after,
	ol.breadcrumbs:before, 
	ol.breadcrumbs:after {
		width: 33.333%;
	}
}

/* Navigation */
#nav {
	display: block;
}
.nav-element ul, 
.nav-element input {
	display: none;
}
.nav-element label {
	display: inline;
	cursor: pointer;
	user-select: none;
	z-index: 100;
}
.nav-element input:checked + ul {
	display: block;
}
.nav-element > input:checked + ul:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.nav-element {
	position: absolute;
	z-index: 90;
	right: 0;
	top: 0;
	width: 100%;
}
.nav-element label {
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 1.7em;
	width: 1.7em;
	height: 1.7em;
	line-height: 1.7em;
	-webkit-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	color: #999;
	background: #f2f2f2;
	border: 1px solid #bebebe;
}
.nav-element > label {
	position: absolute;
	right: 0.3em;
	top: 0.3em;
}
.nav-element label:hover {
	background: #84b796;
	color: white;
	border-color: #84b796;
}
.nav-element > ul label {
	position: absolute;
	right: 0.12em;
	top: 0.12em;
}
.nav-element ul {
	margin: 0;
	list-style: none;
}
.nav-element > ul {
	margin-top: 3.8em;
	width: 100%;
	background: transparent;
	border-top: 1px solid #d6d6d8;
	border-bottom: 1px solid #d6d6d8;
}
.nav-element > ul ul {
	width: 100%;
	border-top: 1px solid #d6d6d8;
}
.nav-element li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #d6d6d8;
}
.nav-element li:last-child {
	border-bottom: 0;
}
.nav-element li.subtitle > span, 
.nav-element li a {
	display: block;
	padding: 0.9em 0.5em;
	font-size: 0.9em;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background: white;
	border-left: 1em solid #e2e2e2;
	text-align: left;
}
.nav-element li.subtitle.inactive > span, 
.nav-element li.inactive > a {
	background: #ffeded;
}
.nav-element li.subtitle.issue > span, 
.nav-element li.issue > a, 
.nav-element li.subtitle.attention > span, 
.nav-element li.attention > a, 
.nav-element li.subtitle.positive > span, 
.nav-element li.positive > a {
	border-left: 1em solid #ffb6b6;
	padding: 0.9em 0.5em 0.9em 2em;
}
.nav-element li.subtitle.attention > span, 
.nav-element li.attention > a {
	border-left: 1em solid #ffd695;
}
.nav-element li.subtitle.positive > span, 
.nav-element li.positive > a {
	border-left: 1em solid #c8e9b6;
}
.nav-element li.subtitle.issue > span:after, 
.nav-element li.issue > a:after, 
.nav-element li.subtitle.attention > span:after, 
.nav-element li.attention > a:after, 
.nav-element li.subtitle.positive > span:after, 
.nav-element li.positive > a:after {
	display: block;
	position: absolute;
	left: 1.2em;
	top: 0.7em;
	content: '(!)';
	color: red;
	z-index: 90;
	font-size: 14px;
}
.nav-element li.subtitle.attention > span:after, 
.nav-element li.attention > a:after {
	color: orange;
}
.nav-element li.subtitle.positive > span:after, 
.nav-element li.positive > a:after {
	color: #53b41e;
}
.nav-element li.private:hover > a, 
.nav-element li.subtitle:hover > span, 
.nav-element li:hover > a {
	background: #f2f2f2;
}
.nav-element ul ul li {
	margin-left: 1em;
}
.nav-element > ul ul > li.subtitle > span, 
.nav-element > ul ul > li a, 
.nav-element > ul ul ul > li.subtitle > span, 
.nav-element > ul ul ul > li a {
	background: white;
}
.nav-element li.highlight.subtitle > span, 
.nav-element li.highlight > a, 
.nav-element li.highlight.subtitle > span:hover, 
.nav-element li.highlight.subtitle:hover > span,
.nav-element li.highlight > a:hover, 
.nav-element li.highlight:hover > a,
.nav-element li.active > a {
	border-color: #84b796 !important;
}

/* Special Menu Buttons */
/*
.nav-element li.private {
	border-color: #3b7e53;
}
*/
.nav-element li.private > a {
	color: #3b7e53;
	background: #d3e1d8;
	border-color: #c5d9cc; 
}
.nav-element li.desktop {
	display: none;
}
.should-show-hide{
	display: none;
}
#subnav, 
#subnav > label {
	display: none;
}
#footer_nav {
	background: #3e4042;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 1em 2em 1em 2em;
}
#footer_nav > ul {
	margin: 0;
	border-bottom: 0;
}
#footer_nav > ul > li {
	margin: 1em 0 1em 0;
}
#footer_nav li {
	list-style: none;
	margin: 0;
}
#footer_nav li > ul {
	margin: 1em 0 0 0;
}
#footer_nav li > ul > li {
	margin: 0.3em 0 0 0;
}
#footer_nav li.active, 
#footer_nav li.highlight {
	color: white;
}
#footer_nav a {
	color: white;
	text-transform: none;
	font-weight: normal;
	font-size: 1.1em;
}
#footer_nav a:hover {
	color: #eee;
	padding-left: 0.3em;
}
#footer_nav label, 
#footer_nav input {
	display: none;
}

#footer_nav_1, #footer_nav_3  {
	display: none;
}

#footer_nav_links li{
	width: 100%;
	text-align:center;
}


#footer_social{
	display: none;
}

#show_more_footer{
	display: block;
	text-align: center;
	color:#fff;
	cursor:pointer;
	font-weight: 600 !important;
}

@media screen and (min-width: 480px)
{
	.nav-element > label {
		font-size: 2em;
		width: 2em;
		height: 2em;
		line-height: 2em;
	}
	.nav-element > ul {
		position: absolute;
		top: 1.3em;
		right: 0;
		width: 80%;
		background: transparent;
	}
	.footer_group {
		float: left;
		width: 33.333%;
	}

	#show_more_footer{
		display: none;
	}

	#footer_nav_links>li{
		width: 33.333%;
		text-align:left;
	}

	#footer_nav_links li{
		text-align:left;
	}

	#footer_nav_1, #footer_nav_3 {
		display: block !important;
	}

	#footer_social{
		display: block !important;
	}

	#footer_nav_links:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	*:first-child+html #footer_nav_links { zoom: 1; } /* IE7 */
	#footer_nav > ul > li {
		margin: 0;
	}
}
@media screen and (min-width: 768px)
{
	header {
		border-bottom: 6px solid #84b796;
	}
}
@media screen and (min-width: 960px)
{
	/* Start of the non-hamburger menus */
	header {
		position: relative;
	}
	.nav-element > ul {
		position: static;
		border-bottom: 0;
	}
	.nav-element li.desktop {
		display: inline-block;
	}
	.nav-element > input:checked + ul:before {
		display: none;
	}
	.nav-element li.subtitle > span,
	.nav-element a {
		-moz-transition: background .2s ease-in;
		-o-transition: background .2s ease-in;
		-webkit-transition: background .2s ease-in;
		-ms-transition: background .2s ease-in;
		transition: background .2s ease-in;
		background: white;
	}
	.nav-element > label, 
	.nav-element input:checked + ul {
		display: none;
	}
	.nav-element > ul, 
	.nav-element > ul li:hover > ul, 
	.nav-element > ul li:hover > ul li {
		display: block !important;
	}
	.nav-element {
		position: static;
		width: 100%;
	}
	.nav-element label {
		display: none !important;
	}
	.nav-element li.subtitle.issue > span, 
	.nav-element li.issue > a,
	.nav-element li.subtitle.attention > span, 
	.nav-element li.attention > a, 
	.nav-element li.subtitle.positive > span, 
	.nav-element li.positive > a {
		padding: 0.8em;
	}
	.nav-element li.subtitle.issue > span:after, 
	.nav-element li.issue > a:after, 
	.nav-element li.subtitle.attention > span:after, 
	.nav-element li.attention > a:after, 
	.nav-element li.subtitle.positive > span:after, 
	.nav-element li.positive > a:after {
		display: none;
	}
	.nav-element li {
		display: inline-block;
		border: 1px solid #d6d6d8;
		vertical-align: bottom;
	}
	.nav-element ul ul li {
		margin-left: 0;
	}
	.nav-element li:last-child {
		border-bottom: 1px solid #d6d6d8;
	}
	.nav-element > ul {
		margin-top: 0;
		width: 100%;
		background: transparent;
		border-top: 0;
		top: auto;
	}
	.nav-element > ul ul li {
		border-top: 0;
	}
	.nav-element > ul > li {
		position: relative;
		margin: 0 0.5em 0.5em 0;
	}
	.nav-element li.highlight.subtitle > span, 
	.nav-element li.highlight > a,
	.nav-element li.highlight.subtitle > span:hover, 
	.nav-element li.highlight.subtitle:hover > span,
	.nav-element li.highlight > a:hover, 
	.nav-element li.highlight:hover > a, 
	.nav-element li.active > a {
		border-bottom-color: #84b796;
	}
	.nav-element > ul li.subtitle > span, 
	.nav-element > ul li a {
		border-left: 0;
		border-bottom: 1em solid #e9e9e9;
		padding: 0.8em 0.8em;
	}
	.nav-element > ul > li.subtitle > span, 
	.nav-element > ul > li > a {
		padding: 0.8em 0.8em 0.3em 0.8em;
	}
	.nav-element > ul ul > li.subtitle > span, 
	.nav-element > ul ul ul > li.subtitle > span, 
	.nav-element > ul ul > li a, 
	.nav-element > ul ul ul > li a {
		margin-left: 0;
		border-left: 1em solid #e2e2e2;
		border-bottom: 0;
	}
	.nav-element > ul ul > li.subtitle.issue > span, 
	.nav-element > ul ul ul > li.subtitle.issue > span, 
	.nav-element > ul ul > li.issue > a, 
	.nav-element > ul ul ul > li.issue a {
		border-left: 1em solid #ffb6b6;
	}
	.nav-element > ul ul > li.subtitle.attention > span, 
	.nav-element > ul ul ul > li.subtitle.attention > span, 
	.nav-element > ul ul > li.attention > a, 
	.nav-element > ul ul ul > li.attention a {
		border-left: 1em solid #ffd695;
	}
	.nav-element > ul ul > li.subtitle.positive > span, 
	.nav-element > ul ul ul > li.subtitle.positive > span, 
	.nav-element > ul ul > li.positive > a, 
	.nav-element > ul ul ul > li.positive a {
		border-left: 1em solid #c8e9b6;
	}
	.nav-element li:hover > ul {
		position: absolute;
		width: 19.3em;
		top: 3.5em;
		left: -1px;
		margin-left: 0;
		background: #d6d6d6;
		z-index: 90;
		border-top: 1px solid #bebebe;
	}
	.nav-element > ul ul > li:hover > ul {
		width: 19.3em;
		top: -1px;
		left: 19.14em;
	}
	#subnav ul label, 
	.nav-element ul ul label {
		display: block !important;
		right: 2px;
		visibility: hidden;
	}
	.nav-element ul ul.right label {
		right: auto;
		left: 2px;
	}
	#subnav ul label:after, 
	.nav-element ul ul label:after {
		visibility: visible;
		display: block;
		position: absolute;
		right: 0;
		top: -0.1em;
		content: '►';
		color: #666;
		z-index: 90;
		font-size: 14px;
	}
	.nav-element ul ul li.issue > label:after, 
	.nav-element ul ul li.attention > label:after, 
	.nav-element ul ul li.positive > label:after {
		content: '(!) ►';
		color: red;
	}
	.nav-element ul ul li.attention > label:after {
		color: orange;
	}
	.nav-element ul ul li.positive > label:after {
		color: #53b41e;
	}
	.nav-element > ul ul.right label:after {
		right: auto;
		left: 0;
		content: '◄';
	}
	.nav-element > ul ul.right li.issue > label:after, 
	.nav-element > ul ul.right li.attention > label:after, 
	.nav-element > ul ul.right li.positive > label:after {
		content: '◄ (!)';
		color: red;
	}
	.nav-element > ul ul.right li.attention > label:after {
		color: orange;
	}
	.nav-element > ul ul.right li.positive > label:after {
		color: #53b41e;
	}
	.nav-element > ul ul.right li:hover > ul, 
	.nav-element li:hover > ul.right {
		left: auto;
		right: -1px;
	}
	.nav-element > ul ul.right > li:hover ul {
		left: -19.3em;
	}
	.nav-element > ul ul.right li.subtitle > span, 
	.nav-element > ul ul.right a {
		text-align: right;
		border-left: 0;
		border-right: 1em solid #e2e2e2;
	}
	.nav-element > ul ul.right > li.subtitle.issue > span, 
	.nav-element > ul ul.right ul > li.subtitle.issue > span, 
	.nav-element > ul ul.right > li.issue > a, 
	.nav-element > ul ul.right ul > li.issue > a {
		border-right: 1em solid #ffb6b6;
		border-left: 0;
	}
	.nav-element > ul ul.right > li.subtitle.attention > span, 
	.nav-element > ul ul.right ul > li.subtitle.attention > span, 
	.nav-element > ul ul.right > li.attention > a, 
	.nav-element > ul ul.right ul > li.attention > a {
		border-right: 1em solid #ffd695;
		border-left: 0;
	}
	.nav-element > ul ul.right > li.subtitle.positive > span, 
	.nav-element > ul ul.right ul > li.subtitle.positive > span, 
	.nav-element > ul ul.right > li.positive > a, 
	.nav-element > ul ul.right ul > li.positive > a {
		border-right: 1em solid #c8e9b6;
		border-left: 0;
	}

	/* Special styles for specific menus */
	#nav, 
	#nav ul {
		z-index: 90;
	}
	#nav {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		text-align: right;
		height: 100%;
		width: 48%;
	}
	#nav > ul {
		height: 100%;
	}
	#nav > ul > li {
		border: 0;
		border-left: 1px solid #d6d6d8;
		margin: 0;
		height: 100%;
	}
	#nav > ul > li > a, 
	#nav > ul > li.subtitle > span {
		display: block;
		border: 0;
		height: 100%;
		font-size: 1.1em;
		color: #484848;
		text-transform: none;
		margin: 0;
		padding: 2em 1em 0 1em;
	}
	#nav > ul > li:hover > a, 
	#nav > ul > li.subtitle:hover > span {
		background-color: #f2f2f2;
	}
	#nav > ul > li.highlight > a, 
	#nav > ul > li.subtitle.highlight > span, 
	#nav > ul > li.active > a, 
	#nav > ul > li.subtitle.active > span {
		background-color: #f2f2f2;
	}
	#nav > ul > li:hover > ul {
		top: 100%;
	}
	#nav > ul > li.square {
		display: none;
	}
	#nav > ul > li.private > a, 
	#nav > ul > li.private > span {
		color: #84b796;
		background: #eff6f1;
	}
	#nav > ul > li.private:hover > a, 
	#nav > ul > li.private:hover > span {
		background-color: #f2f2f2;
		color: #484848;
	}
	#subnav {
		display: block;
		position: relative;
	}
	#subnav > ul {
		position: static;
	}
	#subnav > ul > li {
		display: block;
	}
	#subnav > ul ul {
		display: none;
	}
	#subnav > ul {
		border-top: 1px solid #bebebe;
	}
	#subnav > ul > li {
		margin: 0;
		border-top: 0;
	}
	#subnav > ul > li > a, 
	#subnav > ul > li.subtitle > span {
		border-bottom: 0;
		padding: 0.8em;
		border-left: 1em solid #e2e2e2;
	}
	#subnav > ul > li.highlight > a, 
	#subnav > ul > li.highlight.subtitle > span {
		border-left: 1em solid #84b796;
	}
	#subnav > ul > li.subtitle.issue > span, 
	#subnav > ul > li.issue > a {
		border-left: 1em solid #ffb6b6;
	}
	#subnav > ul > li.subtitle.attention > span, 
	#subnav > ul > li.attention > a {
		border-left: 1em solid #ffd695;
	}
	#subnav > ul > li.subtitle.positive > span, 
	#subnav > ul > li.positive > a {
		border-left: 1em solid #c8e9b6;
	}
	#subnav li:hover > ul {
		position: absolute;
		width: 19.3em;
		top: -1px;
		left: 100%;
		margin-left: 0;
		background: #d6d6d6;
		z-index: 90;
		border-top: 1px solid #bebebe;
	}

	/* Special case for touch enabled laptops  / tablets */
	.touch .nav-element > ul input + ul, 
	.touch .nav-element > ul input + ul li {
		display: none !important;
	}
	.touch .nav-element > ul input:checked + ul, 
	.touch .nav-element > ul input:checked + ul li {
		display: block !important;
	}
	.touch .nav-element ul li:not(.sub-menu-item) label,
	.touch #subnav ul li:not(.sub-menu-item) label {
		display: block !important;
		visibility: visible;
		position: absolute;
		top: 0.1em;
		left: 0.1em;
	}
	.touch .nav-element ul ul.right label, 
	.touch #subnav ul label {
		top: 0.1em;
		right: 0.1em;
		left: auto;
	}
	.touch .nav-element ul ul label:after, 
	.touch #subnav ul label:after {
		display: none;
	}
	.touch #subnav > ul input:checked + ul {
		position: absolute;
		width: 19.3em;
		top: -1px;
		left: 100%;
		margin-left: 0;
		background: #d6d6d6;
		z-index: 90;
		border-top: 1px solid #bebebe;
	}
	.touch .nav-element > ul input:checked + ul {
		display: block;
		position: absolute;
		width: 19.3em;
		top: 100%;
		left: -1px;
		margin-left: 0;
		background: #d6d6d6;
		z-index: 90;
		border-top: 1px solid #d6d6d8;
	}
	.touch .nav-element > ul ul input:checked + ul {
		width: 19.3em;
		top: -1px;
		left: 19.14em;
	}
	.touch .nav-element ul input:checked + ul.right {
		left: auto;
		right: -1px;
	}
	.touch .nav-element > ul ul.right input:checked + ul {
		left: -19.3em;
	}
	.touch .nav-element > ul ul.right label {
		right: auto;
		left: 0.2em;
	}
	.touch #nav > ul > li > a, 
	.touch #nav > ul > li.subtitle > span {
		/*padding: 0.4em 1em 0 1em;*/
	}
	.touch #nav > ul > li > label {
		top: auto;
		bottom: 0.1em;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}
@media screen and (min-width: 1020px)
{
	#nav > ul > li.square {
		display: inline-block;
		border: 0;
		padding: 1.3em 0 0 0;
		margin-right: 1em;
	}
	#nav > ul > li.square > a, 
	#nav > ul > li.square > span {
		height: auto;
		line-height: auto;
		border: 2px solid #d6d6d8;
		padding: 0.6em 0.8em;
	}
	#nav > ul > li.square.alert > a, 
	#nav > ul > li.square.alert > span {
		border: 2px solid red;
		background: #f7d6d6;
	}
	#nav > ul > li.square.alert > a:hover, 
	#nav > ul > li.square.alert > span:hover {
		color: red;
		background: white;
	}
}
@media screen and (min-width: 1280px)
{
	#nav {
		width: 59%;
	}
	#nav > ul > li:last-child {
		border-right: 1px solid #d6d6d8;
	}
}
@media screen and (min-width: 1600px)
{
	#nav > ul > li > a, 
	#nav > ul > li.subtitle > span {
		padding: 1.6em 1em;
	}
	#nav > ul > li.square {
		padding: 1em 0 0 0;
	}
	.touch #nav > ul > li > a, 
	.touch #nav > ul > li.subtitle > span {
		padding: 0.3em 1em 0 1em;
	}
	.touch #nav > ul > li.square > a, 
	.touch #nav > ul > li.square > span {
		padding: 0.5em 0.8em;
	}
}

/* General and useful */
div.bold {
	font-weight: bold;
	color: black;
	line-height: 1.6em;
	margin-bottom: 10px;
}
div.bold b {
	color: black;
}
.bold {
	font-weight: bold;
	color: black;
}
.completed, 
.completedbold {
	color: green;
}
.completedbold {
	font-weight: bold;
}
.highlight, 
.highlightbold {
	color: red;
}
.highlightbold {
	font-weight: bold;
}
.undecided {
	color: #ff8400;
}
.undecidedbold {
	color: #ff8400;
	font-weight: bold;
}
@media screen and (min-width: 480px)
{
	.columns-2 {
		float: left;
		width: 48%;
		padding: 1em 1%;
	}
	.columns-2.left {
		width: 49.5%;
		padding-left: 0;
		padding-right: 0.5%;
	}
	.columns-2.right {
		width: 49.5%;
		padding-left: 0.5%;
		padding-right: 0;
		text-align: right;
	}
	.columns-3 {
		float: left;
		width: 50%;
		padding: 0.5em;
	}
	.columns-3 li {
		text-align: left;
	}
}
@media screen and (min-width: 600px)
{
	.columns-3 {
		width: 33.3333333%;
	}
}
@media screen and (min-width: 1280px)
{
	.columns-3 li {
		text-align: justify;
	}
}

/* Messages, Notices and Errors */
div.message, 
div.message-blue, 
div.error,
div.notice, 
span.message, 
span.message-blue, 
span.error,
span.notice {
	margin: 1em 0;
	padding: 0.3em 1em;
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	background-color: #1a883c;
	line-height: 1.5em;
}
div.message-blue, 
span.message-blue {
	background-color: #117eb3;
}
div.error, 
span.error {
	background-color: #e91d1e;
}
div.notice, 
span.notice {
	background-color: #ffae02;
	color: #4d4d4d;
}
div.message ul, 
div.error ul,
div.notice ul, 
span.message ul, 
span.error ul,
span.notice ul {
	margin: 0;
	padding: 0.1em;
	list-style: none;
}
div.message ul li, 
div.error ul li,
div.notice ul li, 
span.message ul li, 
span.error ul li,
span.notice ul li {
	padding: 0.3em 0;
	margin: 0;
}
div.error ul li span.num, 
span.error ul li span.num {
	font-weight: bold;
}
div.error a, 
div.error a:link,
div.error a:visited, 
span.error a, 
span.error a:link,
span.error a:visited {
	color: #ffd4d4;
}
div.error a:hover,
div.error a:active, 
span.error a:hover,
span.error a:active {
	color: #4e0000;
}
div.notice a, 
div.notice a:link,
div.notice a:visited, 
span.notice a, 
span.notice a:link,
span.notice a:visited {
	color: #a36500;
}
div.notice a:hover,
div.notice a:active, 
span.notice a:hover,
span.notice a:active {
	color: #613c00;
}
div.message a, 
div.message a:link,
div.message a:visited, 
span.message a, 
span.message a:link,
span.message a:visited {
	color: #c6e4c7;
}
div.message a:hover,
div.message a:active, 
span.message a:hover,
span.message a:active {
	color: white;
}

/* Forms */
fieldset {
	padding: 0.3em 0.6em 0.7em 0.6em;
	margin: 0 0 1em 0;
	border: 2px dotted #c0c0c0;
	background: white;
}
fieldset.standard {
	border-top: 0;
}
fieldset.invisible {
	border: 0;
	background: transparent;
}
fieldset.top-border {
	border-top: 2px dotted #c0c0c0;
}
h2.fieldset {
	padding: 0.3em 0.6em;
	border: 2px dotted #c0c0c0;
	background: white;
	border-bottom: 0;
}
fieldset.inactive, 
h2.fieldset.inactive {
	background: #ffe6e6;
}
legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0.5em;
	border: 2px dotted #c0c0c0;
	color: black;
	background: white;
}
label {
	font-weight: bold;
	color: #333;
}
input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {
	font-family: Arial, sans-serif;
	border: 1px solid #bdbdbd;
	font-size: 1em;
	padding: 0.3em 0.2em;
	width: 100%;
	margin: 0.2em 0;
	outline: none;
}
@media screen and (min-width: 1600px)
{
	textarea {
		/*font-size: 1em;*/
	}
}
select {
	padding: 0.2em 0.2em 0.25em 0.2em;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select:focus {
	box-shadow: 0 0 5px #84b796;
	border-color: #84b796;
}
textarea {
	height: 8em;
}
textarea.short {
	height: 4em;
}
textarea.medium {
	height: 12em;
}
textarea.long {
	height: 19em;
}
textarea.very-long {
	height: 32em;
}
div.textarea {
	border: 1px solid #bdbdbd;
	padding: 0.5em;
	width: 100%;
	background: #ffffff;
}
div.textarea textarea {
	width: 100%;
	border: 0;
}
div.textarea textarea:focus {
	box-shadow: none;
}
div.textarea:hover {
	border-color: #84b796;
	box-shadow: 0 0 5px #84b796;
}
div.textarea p, 
div.textarea label {
	display: block;
	font-weight: normal;
	padding: 0 0 0 0.3em;
	margin: 0;
	width: 100%;
	text-align: left;
	float: none;
}
input.small,
select.small {
	width: 4em !important;
}
input.tiny,
select.tiny {
	width: 2em !important;
}
input[type=text].required,
input[type=password].required,
input[type=color].required,
input[type=date].required,
input[type=datetime].required,
input[type=datetime-local].required,
input[type=email].required,
input[type=month].required,
input[type=number].required,
input[type=range].required,
input[type=search].required,
input[type=tel].required,
input[type=time].required,
input[type=url].required,
input[type=week].required,
select.required, 
textarea.required, 
input.full,
select.full {
	width: 93%;
}
input.auto,
select.auto, 
.standard_variable, /* REMOVE */
.standard_variable_complete, 
.standard_variable_error {
	width: auto;
}
input[type=checkbox],
input[type=radio] {
	vertical-align: middle;
	position: relative;
    bottom: 1px;
}
input[type=radio] {
    bottom: 2px;
}
.input_wrapper input[type=checkbox],
.input_wrapper input[type=radio] {
	margin-right: 0.2em;
}
.input_wrapper input[type=checkbox]:not(:first-child), 
.input_wrapper input[type=radio]:not(:first-child) {
	margin-left: 0.2em;
}
input[disabled],
input[disabled] {
	background: #d1d1d1;
}
button {
	font-size: 1em;
}
button[type=submit],
button[type=button], 
input[type=submit],
input[type=button], 
.button {
	display: inline-block;
	text-align: center;
	margin: 0 0 0.4em 0;
	font-family: Arial, sans-serif;
	border: 1px solid #c3c3c3;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #e9e9e9;
	white-space: nowrap;
	color: #484848 !important;
	font-weight: bold;
	text-decoration: none !important;
	padding: 0.6em 0.6em 0.7em 0.6em;

	-moz-box-shadow: 1px 1px 1px rgba(90, 90, 90, 0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(90, 90, 90, 0.3);
	box-shadow: 1px 1px 1px rgba(90, 90, 90, 0.3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#5a5a5a')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#5a5a5a');
}
button[type=submit]:hover,
button[type=button]:hover, 
input[type=submit]:hover,
input[type=button]:hover, 
.button:hover {
	color: black !important;
	background: #d9d9d9 !important;
}
button[type=submit]:active,
button[type=button]:active, 
input[type=submit]:active,
input[type=button]:active, 
.button:active {
	color: #000 !important;
	background: #d5d5d5 !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-filter: none;
	filter: none;
}
button[type=submit][disabled],
button[type=button][disabled], 
input[type=submit][disabled],
input[type=button][disabled], 
.button.disabled {
	border: 1px solid #ccc !important;
	background-color: white !important;
	color: #ccc !important;
}
button[type=submit][disabled]:hover,
button[type=button][disabled]:hover, 
input[type=submit][disabled]:hover,
input[type=button][disabled]:hover, 
.button.disabled:hover {
	
}
a.button {
	text-transform: none;
	font-size: 1em;
	line-height: 1.3em;
	vertical-align: middle;
}
h1 a.button {
	position: relative;
	top: -4px;
	font-size: 0.7em;
}
button[type=submit].primary_cta,
button[type=button].primary_cta, 
input[type=submit].primary_cta, 
input[type=button].primary_cta, 
a.button.primary_cta,
a.button.primary_cta:link, 
a.button.primary_cta:visited {
	border: 1px solid #b800ba;
	background: #b800ba !important;
	color: white !important;
}
button[type=submit].primary_cta:hover,
button[type=submit].primary_cta:active,
button[type=button].primary_cta:hover, 
button[type=button].primary_cta:active, 
input[type=submit].primary_cta:hover, 
input[type=submit].primary_cta:active, 
input[type=button].primary_cta:hover, 
input[type=button].primary_cta:active, 
a.button.primary_cta:hover,
a.button.primary_cta:active {
	border: 1px solid #e02ce2;
	background: #e02ce2 !important;
}
button[type=submit].secondary_cta,
button[type=button].secondary_cta, 
input[type=submit].secondary_cta, 
input[type=button].secondary_cta, 
a.button.secondary_cta,
a.button.secondary_cta:link, 
a.button.secondary_cta:visited {
	border: 1px solid #f28402;
	background: #f28402 !important;
	color: white !important;
}
button[type=submit].secondary_cta:hover,
button[type=submit].secondary_cta:active,
button[type=button].secondary_cta:hover, 
button[type=button].secondary_cta:active, 
input[type=submit].secondary_cta:hover, 
input[type=submit].secondary_cta:active, 
input[type=button].secondary_cta:hover, 
input[type=button].secondary_cta:active, 
a.button.secondary_cta:hover,
a.button.secondary_cta:active {
	border: 1px solid #ffa336;
	background: #ffa336 !important;
}
button[type=submit].green,
button[type=button].green, 
input[type=submit].green, 
input[type=button].green, 
a.button.green,
a.button.green:link, 
a.button.green:visited {
	border: 1px solid #7bb238;
	background-color: #7bb238;
	color: white !important;
}
button[type=submit].green:hover,
button[type=submit].green:active,
button[type=button].green:hover, 
button[type=button].green:active, 
input[type=submit].green:hover, 
input[type=submit].green:active, 
input[type=button].green:hover, 
input[type=button].green:active, 
a.button.green:hover,
a.button.green:active {
	border: 1px solid #6eaa83 !important;
	background-color: #6eaa83 !important;
}
button[type=submit].purple,
button[type=button].purple, 
input[type=submit].purple, 
input[type=button].purple, 
a.button.purple,
a.button.purple:link, 
a.button.purple:visited {
	border: 1px solid #2d2d86;
	background-color: #333399;
	color: white !important;
}
button[type=submit].purple:hover,
button[type=submit].purple:active,
button[type=button].purple:hover, 
button[type=button].purple:active, 
input[type=submit].purple:hover, 
input[type=submit].purple:active, 
input[type=button].purple:hover, 
input[type=button].purple:active, 
a.button.purple:hover,
a.button.purple:active {
	border: 1px solid #262673 !important;
	background-color: #262673 !important;
}
button[type=submit].red,
button[type=button].red, 
input[type=submit].red, 
input[type=button].red, 
a.button.red,
a.button.red:link, 
a.button.red:visited {
	border: 1px solid #c81113;
	background-color: #c81113;
	color: white !important;
}
button[type=submit].red:hover,
button[type=submit].red:active,
button[type=button].red:hover, 
button[type=button].red:active, 
input[type=submit].red:hover, 
input[type=submit].red:active, 
input[type=button].red:hover, 
input[type=button].red:active, 
a.button.red:hover,
a.button.red:active {
	border: 1px solid #990000 !important;
	background-color: #990000 !important;
}
small.header_button, 
small.header_button a.button {
	font-size: 0.7em !important;
}
small.header_button a.button {
	padding: 0.3em 0.6em 0.4em 0.6em !important;
	margin: 0 !important;
	width: auto !important;
}
.landing-page-wrapper small.header_button {
	font-size: 0.6em !important;
}
/*
input[type=submit].grey, 
input[type=button].grey, 
a.button.grey,
a.button.grey:link, 
a.button.grey:visited {
	
}
*/
.search-icon {
	display: inline-block;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
form.inline {
	display: inline;
	line-height: 3;
}
form.inline fieldset {
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}
form.inline legend {
	display: none;
	position: static;
	float: left;
	padding: 0 1em 0 0;
	margin: 0;
	height: 3.2em;
	border: none;
	line-height: 3.2em;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	background: transparent;
}
form.inline label, 
label.inline {
	display: inline;
	float: none;
	text-align: left;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: black;
}
form.inline input[type=submit],
form.inline input[type=button],
form.inline .button {
	display: inline-block;
}
.standard_label {
	float: left;
	width: 240px;
	height: 25px;
	padding: 0 5px;
	font-weight: bold;
}
.compulsory {
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: red;
}
.advice {
	/* background: #f5ebae; YELLOW */
	background: #f1f1f1;
	border-top: 2px dotted #c0c0c0;
	border-bottom: 2px dotted #c0c0c0;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
form .advice {
	margin-left: -0.6em;
	margin-right: -0.6em;
}
@media screen and (min-width: 600px)
{
	form .advice {
		margin-left: -1.4em;
		margin-right: -1.4em;
	}
}
.buttons {
	margin: 5px 0 0 0;
	padding: 0;
	height: 3em;
	text-align: center;
}
.buttons .left {
	float: left;
	width: 50%;
	height: 3em;
	text-align: left;
}
.buttons .right {
	margin: 0 0 0 50%;
	height: 3em;
	text-align: right;
}
.input_wrapper {
	min-height: 2.1em;
	line-height: 2.1em;
	margin: 0.2em 0;
}
.input_wrapper.error {
	background: #f8c1bf;
	border-color: #bc1d17;
	padding: 0;
	font-size: 1em;
	line-height: 2.1em;
	margin: 0.2em 0;
}
.sidebar .input_wrapper {
	width: 100% !important;
}
option.indent-1 {
	padding-left: 1em;
}
option.indent-2 {
	padding-left: 2em;
}
.option-advice {
	color: #999;
}
/* Errors / Messages (inc legacy) */

input[type=text].error,
input[type=password].error,
input[type=color].error,
input[type=date].error,
input[type=datetime].error,
input[type=datetime-local].error,
input[type=email].error,
input[type=month].error,
input[type=number].error,
input[type=range].error,
input[type=search].error,
input[type=tel].error,
input[type=time].error,
input[type=url].error,
input[type=week].error, 
select.error, 
textarea.error, 
input.standard_error, /* REMOVE */
select.standard_error, 
textarea.standard_error, 
input.standard_variable_error, 
select.standard_variable_error, 
textarea.standard_variable_error {
	background: #f8c1bf;
	border-color: #bc1d17;
	font-weight: normal;
	color: black;
	padding: 0.3em 0.2em;
	margin: 0.2em 0;
	font-size: 1.1em;
	line-height: 1.2em;
}
input[type=text].complete,
input[type=password].complete,
input[type=color].complete,
input[type=date].complete,
input[type=datetime].complete,
input[type=datetime-local].complete,
input[type=email].complete,
input[type=month].complete,
input[type=number].complete,
input[type=range].complete,
input[type=search].complete,
input[type=tel].complete,
input[type=time].complete,
input[type=url].complete,
input[type=week].complete, 
select.complete, 
textarea.complete, 
input.standard_complete, /* REMOVE */
select.standard_complete, 
textarea.standard_complete, 
input.standard_variable_complete, 
select.standard_variable_complete, 
textarea.standard_variable_complete {
	background: #cff9d6;
	border-color: #7cdd62;
}

@media screen and (min-width: 480px)
{
	fieldset label {
		display: block;
		float: left;
		width: 33%;
		padding: 0.3em 0.5em 0.3em 0;
		margin: 0.2em 0;
		text-align: right;
	}
	.input_wrapper {
		float: left;
		display: block;
		width: 67%;
		margin-bottom: 0.5em;
	}
	.input_wrapper.full {
		width: 100%;
	}
	.checkbox_field_wrapper .input_wrapper {
		line-height: 1.625;
    	padding: 0.3em 0.5em 0.3em 1.5em;
	}
	.checkbox_field_wrapper input[type=checkbox] {
		float: left;
		margin: 6px 0 0 -1.5em;
	}

}

@media screen and (min-width: 600px)
{
	fieldset {
		padding: 0.3em 1.4em 0.7em 1.4em;
	}
	h2.fieldset {
		padding: 0.3em 1em;
	}
	input[type=text],
	input[type=password],
	input[type=color],
	input[type=date],
	input[type=datetime],
	input[type=datetime-local],
	input[type=email],
	input[type=month],
	input[type=number],
	input[type=range],
	input[type=search],
	input[type=tel],
	input[type=time],
	input[type=url],
	input[type=week], 
	input[type=text].required,
	input[type=password].required,
	input[type=color].required,
	input[type=date].required,
	input[type=datetime].required,
	input[type=datetime-local].required,
	input[type=email].required,
	input[type=month].required,
	input[type=number].required,
	input[type=range].required,
	input[type=search].required,
	input[type=tel].required,
	input[type=time].required,
	input[type=url].required,
	input[type=week].required,
	select, 
	select.required {
		width: 15.8em;
	}
	input.full, 
	select.full, 
	input.full.required,
	select.full.required, 
	textarea.required {
		width: 96%;
	}
}
@media screen and (min-width: 960px)
{
	fieldset label {
		width: 25%;
	}
	.input_wrapper {
		width: 75%;
	}
	.input_wrapper.full {
		width: 100%;
	}
	input.full, 
	select.full, 
	input.full.required,
	select.full.required, 
	textarea.required {
		width: 97%;
	}
	form.compact fieldset {
		border: 1px solid #c0c0c0;
	}
	form.compact h2.fieldset {
		padding: 0 0.3em;
		border: 1px solid #c0c0c0;
		border-bottom: 0;
		background: #f0f0f0;
		font-size: 1.3em;
	}
	form.compact label {
		display: inline-block;
		float: none;
		width: auto;
	}
	form.compact .field_wrapper {
		display: inline-block;
		width: 49%;
		white-space: nowrap;
	}
	form.compact .input_wrapper {
		display: inline-block;
		float: none;
		width: auto;
	}
	form.compact .clear {
		display: none;
	}
	form.compact .compact_buttons {
		text-align: center;
		background: #fafafa;
		padding: 0.3em 0 0 0;
		margin: 0 -1.4em -0.7em -1.4em;
		border-top: 1px solid #c0c0c0;
	}
	form.compact .compact_buttons .field_wrapper, 
	form.compact .compact_buttons label, 
	form.compact .compact_buttons .input_wrapper {
		display: inline;
		width: auto;
	}
}
@media screen and (min-width: 1200px)
{
	form.compact .field_wrapper {
		width: 33%;
	}
}
@media screen and (min-width: 1920px)
{
	form.compact .field_wrapper {
		width: 24%;
	}
}
@media screen and (min-width: 2560px)
{
	form.compact .field_wrapper {
		width: 19%;
	}
}

/* Captcha links */
div.captcha_wrapper {
	display: table-cell;
	padding-top: 0.3em;
}
div.captcha_wrapper em {
	display: block;
}
img.visual_captcha {
	display: inline-block;
	width: 200px;
	height: 60px;
	padding: 3px;
	border: 1px solid #bdd2d6;
	vertical-align: middle;
}
a.audio_captcha, 
a.audio_captcha:link, 
a.audio_captcha:visited {
	display: inline-block;
	margin: 0 0.3em 0 0.6em;
	min-width: 30px;
	min-height: 30px;
	background: transparent url('/theme/2/images/audio-captcha-off.png') no-repeat top left;
	vertical-align: middle;
}
a.audio_captcha:hover, 
a.audio_captcha:active {
	background: transparent url('/theme/2/images/audio-captcha-on.png') no-repeat top left;
}
a.audio_captcha span {
	display: none;
}
@media screen and (min-width: 768px)
{
	div.captcha_wrapper em {
		display: inline;
	}
}

/* Tables */
table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 1em 0;
	background: white;
}
th, 
td {
	border: 1px solid #d5d5d5;
	padding: 0.3em 0.5em;
	line-height: 1.6em;
}
table.invisible {
	background: transparent;
}
table.invisible th, 
table.invisible td {
	border: 1px solid transparent;
}
tr:nth-child(even) td {
	background-color: #fcfcfc;
}
th, 
td.title, 
tr.title td, 
table.vertical th, 
table.vertical td.title, 
table.vertical tr.title td {
	border: 1px solid #d5d5d5;
	background-color: #f2f2f2;
	color: #484848;
	font-weight: bold;
}
th:first-child, 
td.title:first-child, 
tr.title td:first-child, 
table.vertical th:first-child, 
table.vertical td.title:first-child, 
table.vertical tr.title td:first-child{
	border-left: 1px solid #d5d5d5;
}
th:last-child, 
td.title:last-child, 
tr.title td:last-child, 
table.vertical th:last-child, 
table.vertical td.title:last-child, 
table.vertical tr.title td:last-child{
	border-right: 1px solid #d5d5d5;
}
td.subtitle, 
tr.subtitle td {
	background: #efefef;
}
td.small, 
tr.small td {
	font-size: 0.75em;
}
tfoot td {
	background: #fafafa;
	font-weight: bold;
}
table.hover tr:hover td {
	background: #fafafa;
}
th a, 
td.title a, 
tr.title td a {
	display: block;
	width: 100%;
	height: 100%;
	color: #484848 !important;
}
table.minimal thead {
	border-bottom: 2px solid #d5d5d5;
}
table.minimal th,
table.minimal td, 
table.horizontal th,
table.horizontal td, 
table.vertical th,
table.vertical td {
	border: none;
}
table.vertical td {
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
}
table.horizontal td {
	border-bottom: 1px solid #d5d5d5;
}
table.hover th, 
table.hover td.title, 
table.hover tr.title td {
	background: #d5d5d5 !important;
}
table.vertical.hover tr:hover td {
	background: #fafafa;
}
table.horizontal.hover tr:hover td {
	background: #fafafa;
}
tr.critical td, 
tr.critical th, 
td.critical, 
th.critical {
	color: black;
	border-color: #c93a3a;
	background-color: #fe5858;
}
tr:nth-child(even).critical td, 
tr:nth-child(even).critical th, 
tr:nth-child(even) td.critical, 
tr:nth-child(even) th.critical {
	background-color: #ff4242;
}
tr.critical td a, 
tr.critical th a, 
td.critical a, 
th.critical a, 
tr.critical td label, 
tr.critical th label, 
td.critical label, 
th.critical label {
	color: black;
}
tr.danger td, 
tr.danger th, 
td.danger, 
th.danger {
	color: black;
	border-color: #c93a3a;
	background-color: #fe9f9f;
}
tr:nth-child(even).danger td, 
tr:nth-child(even).danger th, 
tr:nth-child(even) td.danger, 
tr:nth-child(even) th.danger {
	background-color: #ff9191;
}
tr.danger td a, 
tr.danger th a, 
td.danger a, 
th.danger a, 
tr.danger td label, 
tr.danger th label, 
td.danger label, 
th.danger label {
	color: #510e0e;
}
tr.warning td, 
tr.warning th, 
td.warning, 
th.warning {
	border-color: #c59c9c;
	background-color: #f7d6d6;
}
tr:nth-child(even).warning td, 
tr:nth-child(even).warning th, 
tr:nth-child(even) td.warning, 
tr:nth-child(even) th.warning {
	background-color: #f6c6c6;
}
tr.warning td a, 
tr.warning th a, 
td.warning a, 
th.warning a, 
tr.warning td label, 
tr.warning th label, 
td.warning label, 
th.warning label {
	color: #841717;
}
tr.notice td, 
tr.notice th, 
td.notice, 
th.notice {
	border-color: #a29751;
	background-color: #f5ebae;
}
tr:nth-child(even).notice td, 
tr:nth-child(even).notice th, 
tr:nth-child(even) td.notice, 
tr:nth-child(even) th.notice {
	background-color: #f2e69b;
}
tr.info td, 
tr.info th, 
td.info, 
th.info {
	border-color: #85b3d6;
	background-color: #e6f4ff;
}
tr:nth-child(even).info td, 
tr:nth-child(even).info th, 
tr:nth-child(even) td.info, 
tr:nth-child(even) th.info {
	background-color: #d7eaf9;
}
tr.info td a, 
tr.info th a, 
td.info a, 
th.info a, 
tr.info td label, 
tr.info th label, 
td.info label, 
th.info label {
	color: #388fd0;
}
tr.success td, 
tr.success th, 
td.success, 
th.success {
	border-color: #6ba875;
	background-color: #cff9d6;
}
tr:nth-child(even).success td, 
tr:nth-child(even).success th, 
tr:nth-child(even) td.success, 
tr:nth-child(even) th.success {
	background-color: #c6f2cd;
}
tr.watch td, 
tr.watch th, 
td.watch, 
th.watch {
	border-color: #9976a5;
	background-color: #d0b9d8;
}
tr:nth-child(even).watch td, 
tr:nth-child(even).watch th, 
tr:nth-child(even) td.watch, 
tr:nth-child(even) th.watch {
	background-color: #cca7d8;
}
tr.watch td a, 
tr.watch th a, 
td.watch a, 
th.watch a, 
tr.watch td label, 
tr.watch th label, 
td.watch label, 
th.watch label {
	color: #764985;
}
tr.archive td, 
tr.archive th, 
td.archive, 
th.archive {
	border-color: #292929;
	background-color: #7c7c7c;
	color: #e6e6e6;
}
tr:nth-child(even).archive td, 
tr:nth-child(even).archive th, 
tr:nth-child(even) td.archive, 
tr:nth-child(even) th.archive {
	background-color: #696969;
}
tr.archive td a, 
tr.archive th a, 
td.archive a, 
th.archive a, 
tr.archive td label, 
tr.archive th label, 
td.archive label, 
th.archive label {
	color: #e6e6e6;
}
tr.critical.archive td a, 
tr.critical.archive th a, 
td.critical.archive a, 
th.critical.archive a, 
tr.critical.archive td label, 
tr.critical.archive th label, 
td.critical.archive label, 
th.critical.archive label {
	background-color: #753b3b;
    color: #ecabab;
}
td small {
	word-break: break-word;
}

.resize-form-elements {
	min-width: 100%;
}
.resize-form-elements input[type=text],
.resize-form-elements input[type=password],
.resize-form-elements input.text,
.resize-form-elements textarea,
.resize-form-elements select {
	width: 100%;
}

.main_row td {
	border-bottom: 0;
}
.sub_row td {
	border-width: 0 1px 1px 1px;
}

/* Tooltips  */
label sup {
	display: none !important;
}
.hover_help, 
.hover_help_front {
	cursor: help;
}
.hover_help_front {
	color: white !important;
	text-decoration: none !important;
	padding-right: 1px;
}
.tip {
	position: relative;
	color: #fff;
	width: 250px;
	z-index: 13000;
	font-size: 12px;
}
.tip-title {
	font-weight: bold;
	margin: 0;
	color: white;
	background: #505050;
	padding: 6px;
}
.tip-text {
	padding: 4px 8px;
	color: black;
	border-left: 2px solid #505050;
	border-right: 2px solid #505050;
	border-bottom: 2px solid #505050;
	background: white;
	border-top: 0;
}

/* Breadcrumbs */
ol.breadcrumbs {
	position: relative;
	text-transform: uppercase;
	line-height: 1.3em;
	text-align: right;
	padding: 0.3em 0.2em;
	margin: 0;
	color: #7b7b7b;
	font-weight: bold;
	display: none;
}
ol.breadcrumbs li {
	list-style: none;
	display: inline;
}
ol.breadcrumbs li a {
	color: #454545;
	text-decoration: none;
	font-size: 1em;
	background: transparent;
	padding: 0.2em 0.3em;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ol.breadcrumbs a:hover, 
ol.breadcrumbs a:active {
	background: #ffe8ab;
}
ol.breadcrumbs li.breadcrumb-previous-2, 
ol.breadcrumbs li.breadcrumb-previous-3, 
ol.breadcrumbs li.breadcrumb-previous-4, 
ol.breadcrumbs li.breadcrumb-previous-5, 
ol.breadcrumbs li.breadcrumb-previous-6, 
ol.breadcrumbs li.breadcrumb-previous-7, 
ol.breadcrumbs li.breadcrumb-previous-8, 
ol.breadcrumbs li.breadcrumb-previous-9 {
	display: none;
}
@media screen and (min-width: 600px)
{
	ol.breadcrumbs {
		display: block;
		border-bottom: 2px solid #e2e2e2;
	}
}
@media screen and (min-width: 768px)
{
	ol.breadcrumbs {
		line-height: 1.5em;
		padding: 0.3em 0.6em 0.5em 0.6em;
	}
	ol.breadcrumbs li.breadcrumb-previous-2 {
		display: inline;
	}
}
@media screen and (min-width: 960px)
{
	ol.breadcrumb-previous-3 {
		display: inline;
	}
}
@media screen and (min-width: 1280px)
{
	ol.breadcrumbs {
		padding: 0.3em 0;
	}
	ol.breadcrumbs li.breadcrumb-previous-4 {
		display: inline;
	}
}
@media screen and (min-width: 1600px)
{
	ol.breadcrumbs li.breadcrumb-previous-5 {
		display: inline;
	}
}

/* Main Search Box */
.search_other_sites {
	list-style: none;
	margin: 0;
	width: 100%;
	height: auto;
}
.search_other_sites li {
	display: block;
	float: left;
	vertical-align: top;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin: 0;
	width: 50%;
}
.search_other_sites li:nth-child(even) {
	border-right: 0;
}
.search_other_sites li a,
.search_other_sites li a:link,
.search_other_sites li a:visited {
	display: block;
	padding: 0.3em 0.6em;
	background: #80b692;
	color: white;
	text-decoration: none;
	-moz-box-shadow: inset 0 -6px 4px -2px rgba(90, 90, 90, 0.3);
	-webkit-box-shadow: inset 0 -6px 4px -2px rgba(90, 90, 90, 0.3);
	-ms-box-shadow: inset 0 -6px 4px -2px rgba(90, 90, 90, 0.3);
	-o-box-shadow: inset 0 -6px 4px -2px rgba(90, 90, 90, 0.3);
	box-shadow: inset 0 -6px 4px -2px rgba(90, 90, 90, 0.3);
}
.search_other_sites li a:hover,
.search_other_sites li a:active {
	text-decoration: underline;
}
.search_other_sites li.on {
	text-decoration: underline;
	color: white;
}
.search_other_sites li.hide-niche {
	display: none;
}
#js-other-link {
	background: #ababab;
}
.search_other_sites li.on a, 
.search_other_sites li.on a:link,
.search_other_sites li.on a:visited {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#search_site_1 { /* Academic */
	background: #80b692;
}
#search_site_2 { /* Music */
	background: #513438;
}
#search_site_4 { /* I.T. */
	background: #f6bf26;
}
#search_site_5 { /* Languages */
	background: #ae372f;
}
#search_site_8 { /* Business */
	background: #ddbd6a;
}
#search_site_9 { /* Dance */
	background: #1b3944;
}
#search_site_6 { /* Sports */
	background: #4d5b88;
}
#search_site_7 { /* Arts */
	background: #dd5f24;
}
fieldset.search_box {
	border: 0;
	background: #80b692;
}
fieldset.search_box h2 {
	display: none;
}
fieldset.search_box label {
	color: white;
	font-size: 1.1em;
}
fieldset.search_box input[type=text],
fieldset.search_box input[type=password],
fieldset.search_box input.text,
fieldset.search_box textarea,
fieldset.search_box select {
	width: 100%;
	border: 1px solid white;
}
fieldset.search_box--wizard {
	min-height: 210px;
	position: relative;
}
fieldset.search_box--wizard h2 {
	display: block;
	color: white;
}
fieldset.search_box--wizard .error {
	margin: 2px 0;
    font-size: 14px;
    text-align: center;
}
.search_box__step {
	position: absolute;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: transform 0.3s, opacity 0.3s;
	-moz-transition: transform 0.3s, opacity 0.3s;
	-o-transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	opacity: 0;
	pointer-events: none;
	display: none;
}
.search_box__step.in {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	pointer-events: inherit;
	display: block;
}
.search_box__step.out {
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
	pointer-events: none;
	display: block;
}
#left #TutorSearchSubmit, 
#right #TutorSearchSubmit, 
#utilities #TutorSearchSubmit, 
fieldset.search_box #TutorSearchSubmit, 
fieldset.search_box.slimline #TutorSearchSubmit,
fieldset.search_box .fullwidth_cta {
	width: 100%;
}
.hidden_fields #level_id_field_wrapper,
.hidden_fields #tuition_type_field_wrapper,
.hidden_fields #location_search {
	display: none;
}

.button.site-colour {
	border: 1px solid #7eb491;
	background-color: #84b796;
	color: white !important;
}
.button.site-colour:hover, 
.button.site-colour:active {
	border: 1px solid #6eaa83 !important;
	background-color: #6eaa83 !important;
	color: white !important;
}
#searchInstructionsNiche {
	display: none;
}
#general_postcode_wrapper, 
#general_postcode_wrapper_modal {
	width: 100%;
}
.resize-form-elements #general_postcode_wrapper, 
.resize-form-elements #general_postcode_wrapper_modal, 
.sidebar #general_postcode_wrapper {
	width: 100% !important;
}
#general_postcode_wrapper > span, 
#general_postcode_wrapper_modal > span {
	display: block;
	overflow: hidden;
	padding-right: 3px;
}
#general_postcode, 
#general_postcode_modal {
	width: 100%;
}
#general_postcode_find, 
#general_postcode_find_modal {
	float: right;
	position: relative;
	top: 3px;
	width: auto !important;
}
#general_postcode_wrapper.required, 
#general_postcode_wrapper_modal.required {
	float: left;
	margin-right: 4px;
	width: 93%;
}
@media screen and (min-width: 320px)
{
	fieldset.search_box {
		background: #80b692 url('/theme/2/images/search-tile-academic.png') no-repeat 20em center;
		padding: 0.8em 1.4em 0.8em 1.4em;
	}
	fieldset.search_box input[type=text],
	fieldset.search_box input[type=password],
	fieldset.search_box input.text,
	fieldset.search_box textarea,
	fieldset.search_box select {
		width: 15.8em;
	}
	fieldset.search_box #TutorSearchSubmit, 
	fieldset.search_box.slimline #TutorSearchSubmit,
	fieldset.search_box .fullwidth_cta {
		width: 15.8em;
	}
	fieldset.search_box #general_postcode_wrapper, 
	fieldset.search_box #general_postcode_wrapper_modal {
		width: 15.8em;
	}
	fieldset.search_box--wizard {
		padding-top: 1.8em;
		padding-bottom: 1.8em;
	}
}
@media screen and (min-width: 330px)
{
	.search_other_sites li {
		width: 33.333333%;
	}
	.search_other_sites li:nth-child(even) {
		border-right: 1px solid transparent;
	}
	.search_other_sites li:nth-child(3n+3) {
		border-right: 0;
	}
}
@media screen and (min-width: 480px)
{
	.search_other_sites li {
		width: 25%;
	}
	.search_other_sites li:nth-child(3n+3) {
		border-right: 1px solid transparent;
	}
	.search_other_sites li:nth-child(4n+4) {
		border-right: 0;
	}
	div.search_box {
		background: #80b692 url('/theme/2/images/search-tile-academic.png') repeat-x 34em center;
	}
	fieldset.search_box {
		background: #80b692;
		width: 34em;
	}
	fieldset.search_box label {
		width: 12em;
	}
	fieldset.search_box .input_wrapper {
		width: auto;
	}
}
@media screen and (min-width: 600px)
{
	.search_other_sites li {
		width: auto;
	}
	.search_other_sites li:nth-child(4n+4) {
		border-right: 1px solid transparent;
	}
	.search_other_sites li:last-child {
		border-right: 0;
	}
	.search_other_sites li.hide-niche {
		display: inline-block;
	}
	#js-other {
		display: none;
	}
	#search_site_1_container {
		/*width: 16%;*/
		width: 18%;
	}
	#search_site_2_container {
		/*width: 11%;*/
		width: 13%;
	}
	#search_site_4_container {
		/*width: 5%;*/
		width: 7%;
	}
	#search_site_5_container {
		/*width: 19%;*/
		width: 20%;
	}
	#search_site_8_container {
		/*width: 16%;*/
		width: 18%;
	}
	#search_site_9_container {
		/*width: 11%;*/
		width: 13%;
	}
	#search_site_6_container {
		/*width: 13%;*/
		width: 0;
		display: none;
	}
	#search_site_7_container {
		/*width: 9%;*/
		width: 11%;
		border-right: 0;
	}
	.search_other_sites li a,
	.search_other_sites li a:link,
	.search_other_sites li a:visited {
		padding: 0.3em 0;
		text-align: center;
	}
	.search_other_sites li.on {
		border-bottom: 1px solid #80b692;
		text-decoration: none;
	}
	#general_postcode_wrapper, 
	#general_postcode_wrapper.required, 
	#general_postcode_wrapper_modal, 
	#general_postcode_wrapper_modal.required {
		width: 15.8em;
	}
}
@media screen and (min-width: 960px)
{
	div.search_box.slimline {
		background-image: none;
		position: relative;
	}
	fieldset.search_box.slimline {
		height: auto;
		width: auto;
		padding: 0 0 0 0.3em;
		margin-right: 93px;
	}
	fieldset.search_box.slimline .clear {
		clear: none;
		display: none;
	}
	fieldset.search_box.slimline .field_wrapper {
		float: left;
		width: 25%;
		padding: 0 0.3em;
	}
	fieldset.search_box.slimline label, 
	fieldset.search_box.slimline .input_wrapper {
		float: none;
		width: auto;
		height: auto;
	}
	fieldset.search_box.slimline label {
		text-align: left;
		padding-bottom: 0;
		overflow: hidden;
		height: 1.8em;
	}
	fieldset.search_box.slimline .input_wrapper input, 
	fieldset.search_box.slimline .input_wrapper select {
		width: 100%;
	}
	fieldset.search_box.slimline #TutorSearchSubmit_field_wrapper {
		width: 0;
		height: 0;
		float: none;
		padding: 0;
	}
	fieldset.search_box.slimline #TutorSearchSubmit {
		width: auto;
		position: absolute;
		bottom: 0.3em;
		right: 0.6em;
	}
	fieldset.search_box.slimline #general_postcode_wrapper, 
	fieldset.search_box.slimline #general_postcode_wrapper_modal {
		width: 100%;
	}
}

/* Quotes */
.front_quote, 
.quote, 
.quoteauthor {
	border: 2px dotted #c0c0c0;
	background: white url('/theme/2/images/quote.png') no-repeat 1em 1em;
	padding: 1em 1em 1em 5em;
	text-align: left;
}
.quote {
	border-bottom: 0;
	padding-top: 2em;
}
.quoteauthor {
	border-top: 0;
	padding-bottom: 2em;
	margin-bottom: 0.5em;
	background: white;
	font-weight: bold;
}
img.left, 
img.right {
	display: none;
}
@media screen and (min-width: 480px)
{
	.quote, 
	.quoteauthor {
		text-align: justify;
	}
	.quote.left, 
	.quoteauthor.left {
		margin-right: 30%;
	}
	.quote.right, 
	.quoteauthor.right {
		margin-left: 30%;
	}
	img.left, 
	img.right {
		display: block;
		width: 28%; 
		float: left;
		padding: 1em;
		border: 1px solid #bebebe;
		background: #f2f2f2;
		margin: 0 1% 0.5em 0;
	}
	img.right {
		float: right;
		margin: 0 0 0.5em 1%;
	}
}

/* Profile */
h1.profile {
	background: #d9d9d9;
	margin: 0 0 1em 0;
	padding: 0.5em;
}
h1.profile a, 
h1.profile a:link, 
h1.profile a:visited {
	color: inherit;
	text-transform: none;
}
h1.profile a:hover, 
h1.profile a:active {
	color: #4874dd;
}
.profile_left_column {
	margin-bottom: 1em;
}
.profile_left_column h3 {
	font-size: 1.8em;
	padding-bottom: 0;
}
.information_chunk b {
	font-size: 1.2em;
	display: block;
	margin: 1em 0 0.5em 0;
}
.profile_left_column.tutor-resources, 
.profile_left_column.qualifications {
	background: #fbfbfb;
	border: 1px solid #d4d4d6;
}
.profile_extras {
	padding: 0.5em;
}
.profile_extras ul {
	margin-top: 1em;
}
.profile_extras ul li {
	text-align: left;
}
.profile_extras b {
	line-height: 1.8em;
	display: inline-block;
	width: 12em;
	margin: 0;
}
div.feedback-comment, 
div.feedback-reply {
	border: 2px dotted #c0c0c0;
	background: white url('/theme/2/images/quote.png') no-repeat 1em 1em;
	padding: 1em 1em 1em 5em;
	margin-top: 1em;
}
div.feedback-reply {
	margin-top: 0;
	border-top: 0;
	background: white;
	color: #a2a2a2;
}
div.feedback-comment b, 
div.feedback-reply b {
	display: inline;
	margin: 0;
}
#profile_right_col h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	padding: 0.8em 0 0.8em 0.8em;
	letter-spacing: 0.15em;
	color: #484848;
	text-transform: uppercase;
	border: 1px solid #d5d5d5;
	border-left: 7px solid #84b796;
	background-color: #f2f2f2;
}
#profile_right_col b {
	display: inline;
	margin: 0;
}
#profile-picture, 
#profile-map, 
#profile-subjects {
	text-align: center;
}
#profile-share {
	height: 32px;
}
#profile-references h4 {
	float: left;
	margin-right: 1%;
	width: 49%;
}
#profile-subjects p, 
#profile-badges .badges {
	text-align: center;
}
.profile_search_form h2 {
	display: none;
}
.profile_search_form fieldset, 
.profile_search_form_full fieldset {
	border: 2px solid #92b899; /* Green */
	border: 2px solid #fcb622; /* Yellow */
	border: 2px solid #74c7bf; /* Teal */
	text-align: left;
	background: #fed351 url('/theme/2/images/background-tile.png') repeat bottom left;
	position: relative;
	z-index: 1;
}
/* If yellow used... */
/*
.profile_search_form fieldset label, 
.profile_search_form_full fieldset label {
	color: #333;
}
*/
.profile_search_form fieldset:before, 
.profile_search_form_full fieldset:before {
	content: "";
	position: absolute;
	background: #00a8ff;
	background: -moz-linear-gradient(top, #00a8ff 0%, #00a8ff 100%);
	background: -webkit-linear-gradient(top, #00a8ff 0%, #00a8ff 100%);
	background: linear-gradient(to bottom, #00a8ff 0%, #00a8ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a8ff', endColorstr='#00a8ff',GradientType=0);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* Green */
/*
.profile_search_form fieldset:before, 
.profile_search_form_full fieldset:before {
	content: "";
	position: absolute;
	background: #146e6c;
	background: -moz-linear-gradient(top, #146e6c 0%, #014d4b 100%);
	background: -webkit-linear-gradient(top, #146e6c 0%, #014d4b 100%);
	background: linear-gradient(to bottom, #146e6c 0%, #014d4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#146e6c', endColorstr='#014d4b',GradientType=0);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
*/
.profile_search_form_full.fixed fieldset {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 30;
	border: 0;
	border-bottom: 2px solid #74c7bf;
}
.profile_search_form label {
	color: white;
}
.profile_search_form input[type=text], 
.profile_search_form select {
	border-color: white;
	width: 100%;
}
.profile_search_form button[type=submit].red {
	border: 0;
	background: #b800ba;
}
.profile_search_form button[type=submit].red:hover {
	border: 0 !important;
	background: #666 !important;
}
.profile_search_form .field_wrapper_button {
	text-align: center;
}
.profile_search_form .field_wrapper_button label {
	display: none;
}
.profile_search_form .field_wrapper_button .input_wrapper {
	margin: 0.6em 0 0 0;
}
.profile_search_form_bottom {
	margin: 0.6em 0 0 0;
}
.profile_search_form_link_wrapper {
	margin-top: 0.6em;
	text-align: center;
}
@media screen and (min-width: 480px)
{
	.profile_search_form .field_wrapper_button label {
		display: block;
	}
	.profile_search_form .field_wrapper_button {
		text-align: left;
	}
	.profile_search_form_login .field_wrapper_button {
		text-align: center;
	}
	.profile_search_form_login .field_wrapper_button label {
		display: none;
	}
	.profile_search_form_login .field_wrapper_button .input_wrapper {
		display: inline-block;
		width: auto;
		float: none;
	}
}
@media screen and (min-width: 600px)
{
	.profile_search_form input[type=text], 
	.profile_search_form select {
		width: 70%;
	}
	.profile_search_form_right input[type=text], 
	.profile_search_form_right select {
		width: 100%;
	}
}
@media screen and (min-width: 768px)
{
	.profile_left_column {
		margin-right: 410px;
		padding: 0;
	}
	.profile_left_column.qualifications, 
	.profile_left_column.feedback {
		clear: both;
		margin-right: 0;
	}
	.profile_left_column.qualifications.top {
		clear: none;
		margin-right: 410px;
	}
	#profile_right_col {
		float: right;
		width: 400px;
		padding: 0;
		margin-bottom: 1em;
	}
	#profile-subjects {
		text-align: left;
	}
	.profile_search_form_full.profile_search_form_2_fields fieldset, 
	.profile_search_form_bottom.profile_search_form_2_fields fieldset {
		text-align: center;
	}
	.profile_search_form_full.profile_search_form_2_fields .field_wrapper, 
	.profile_search_form_full.profile_search_form_2_fields .field_wrapper label, 
	.profile_search_form_full.profile_search_form_2_fields .field_wrapper .input_wrapper, 
	.profile_search_form_bottom.profile_search_form_2_fields .field_wrapper, 
	.profile_search_form_bottom.profile_search_form_2_fields .field_wrapper label, 
	.profile_search_form_bottom.profile_search_form_2_fields .field_wrapper .input_wrapper{
		float: none;
		display: inline-block;
		width: auto;
		padding-left: 0.3em;
	}
	.profile_search_form_full.profile_search_form_2_fields input[type=text], 
	.profile_search_form_full.profile_search_form_2_fields select, 
	.profile_search_form_bottom.profile_search_form_2_fields input[type=text], 
	.profile_search_form_bottom.profile_search_form_2_fields select{
		width: auto;
	}
	.profile_search_form_full.profile_search_form_3_fields input[type=text], 
	.profile_search_form_full.profile_search_form_3_fields select, 
	.profile_search_form_bottom.profile_search_form_3_fields input[type=text], 
	.profile_search_form_bottom.profile_search_form_3_fields select{
		width: 50%;
	}
}
@media screen and (min-width: 960px)
{
	.profile_left_column.qualifications, 
	.profile_left_column.feedback {
		clear: none;
		margin-right: 410px;
	}
	.information_chunk, 
	div.feedback-comment, 
	div.feedback-reply {
		text-align: justify;
	}
	.profile_search_form_full.profile_search_form_3_fields fieldset, 
	.profile_search_form_bottom.profile_search_form_3_fields fieldset {
		text-align: center;
	}
	.profile_search_form_full.profile_search_form_3_fields .field_wrapper, 
	.profile_search_form_full.profile_search_form_3_fields .field_wrapper label, 
	.profile_search_form_full.profile_search_form_3_fields .field_wrapper .input_wrapper, 
	.profile_search_form_bottom.profile_search_form_3_fields .field_wrapper, 
	.profile_search_form_bottom.profile_search_form_3_fields .field_wrapper label, 
	.profile_search_form_bottom.profile_search_form_3_fields .field_wrapper .input_wrapper{
		display: inline-block;
		width: auto;
	}
	.profile_search_form_full.profile_search_form_3_fields input[type=text], 
	.profile_search_form_full.profile_search_form_3_fields select, 
	.profile_search_form_bottom.profile_search_form_3_fields input[type=text], 
	.profile_search_form_bottom.profile_search_form_3_fields select{
		width: auto;
	}
	.profile_search_form_left.profile_search_form_3_fields input[type=text], 
	.profile_search_form_left.profile_search_form_3_fields select {
		width: 50%;
	}
}
@media screen and (min-width: 1280px)
{
	.profile_search_form_left.profile_search_form_2_fields fieldset {
		text-align: center;
	}
	.profile_search_form_left.profile_search_form_2_fields .field_wrapper, 
	.profile_search_form_left.profile_search_form_2_fields .field_wrapper label, 
	.profile_search_form_left.profile_search_form_2_fields .field_wrapper .input_wrapper{
		display: inline-block;
		width: auto;
	}
	.profile_search_form_left.profile_search_form_2_fields input[type=text], 
	.profile_search_form_left.profile_search_form_2_fields select{
		width: auto;
	}
}
@media screen and (min-width: 1600px)
{
	.profile_search_form_left.profile_search_form_3_fields fieldset {
		text-align: center;
	}
	.profile_search_form_left.profile_search_form_3_fields .field_wrapper, 
	.profile_search_form_left.profile_search_form_3_fields .field_wrapper label, 
	.profile_search_form_left.profile_search_form_3_fields .field_wrapper .input_wrapper{
		display: inline-block;
		width: auto;
	}
	.profile_search_form_left.profile_search_form_3_fields input[type=text], 
	.profile_search_form_left.profile_search_form_3_fields select{
		width: auto;
	}
}

/* Search Results */
.tutor_profile {
	margin-bottom: 1em;
}
.profile_title {
	font-weight: bold;
	border: 1px solid #d5d5d5;
	background-color: #f2f2f2;
	color: #484848;
	border-bottom: 0;
	padding: 0.5em;
}
.profile_title .completed, 
.profile_title .completedbold {
	color: #34ff55;
}
.subscriber .profile_title {
	border: none;
	background-color: #84b796;
	color: white;
}
.partner .profile_title {
	border: none;
	background-color: #153154;
	color: white;
}
.profile_title_right {
	text-transform: uppercase;
	font-style: italic;
	color: #484848;
	font-size: 0.9em;
}
.subscriber .profile_title_right {
	color: white;
}
.varsity .profile_picture {
	vertical-align: middle;
}
.profile_picture {
	text-align: center; 
}
.profile_body {
	position: relative;
	background-color: white;
	padding: 0.5em;
	margin-bottom: 1px;
	border: 1px solid #d5d5d5;
	background: white;
}
.subscriber .profile_body {
	border: 2px solid #84b796;
}
.partner .profile_body {
	border: 2px solid #153154;
}
.result_wrapper {
	padding: 0.6em;
}
.profile_contact {
	padding: 0.5em 1em;
	background: #f6f6f6;
	border: 1px solid #d7d7d7;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
}
.profile_contact.no-box {
	background: transparent;
	border: 0;
}
.profile_contact ul.inline-travel {

}
.subscriber .profile_contact {
	
}
.profile_contact .contact-label {
	text-align: left;
	display: inline;
}
.profile_contact .contact-advice {
	text-align: center;
	display: block;
}
.profile_contact .contact-wrapper {
	text-align: center;
	margin-bottom: 0.5em;
}
.profile_contact .contact-wrapper button br {
	display: none;
}
.profile_contact ul.inline-travel {
	display: block;
	text-align: center;
	list-style: none;
	margin: 0;
	color: #666;
}
.profile_contact ul.inline-travel li {
	display: inline-block;
}
.profile_contact ul.inline-travel li > span {
	margin-left: 10px;
}
/*
.profile_contact ul.inline-travel li:before {
	content: ' OR ';
	font-size: 0.9em;
	margin: 0 5px 0 10px;
}
*/
.profile_contact ul.inline-travel li:first-child:before {
	display: none;
}
.advanced-search {
	margin-left: 0.6em;
}
.contact-button-wrapper {
	padding-bottom: 0.6em;
	text-align: center;
}
.contact-label label {
	font-weight: bold;
}
.profile_contact span.extra_stamps {
	display: none;
}
.hoverSubmit {
	display: none;
}
.map-quick-view {
	text-align: center;
	padding-bottom: 1em;
}
@media screen and (min-width: 480px)
{
	.profile_results > label {
		float: left;
		width: 9em !important;
		min-height: 2em;
		text-align: right;
		font-weight: bold;
		padding: 0.3em 0.5em 0.3em 0;
	}
	.profile_results > label.hideable {
		display: none;
	}
	.result_wrapper {
		padding: 0.3em 0 0.3em 0;
	}
	.profile_title_left {
		float: left;
		width: 50%;
		padding: 0.5em;
	}
	.profile_title_right {
		float: left;
		width: 50%;
		text-align: right;
		padding: 0.5em;
		line-height: 1.7em;
	}
	.profile_picture {
		position: absolute; 
		top: 0.3em; 
		left: 6px; 
		text-align: center; 
		height: 110px;
		width: 104px;
	}
	.profile_results.picture {
		margin-left: 110px;
	}
	.contact-button-wrapper {
		text-align: right;
	}
	.map-quick-view {
		padding-bottom: 0;
		float: right;
		margin: 0 0 1em 1em;
	}
}
@media screen and (min-width: 768px)
{
	.profile_results > label.hideable {
		display: block;
	}
}
@media screen and (min-width: 960px)
{
	.profile_results {
		padding: 0.5em 0.2em 0 0.2em;
	}
	.result_wrapper {
		margin-left: 9em;
		min-height: 2.2em;
	}
	.tutor_profile .result_wrapper {
		margin-left: 8.4em;
	}
	.tutor_profile label.inline {
		float: none;
		display: inline;
		color: black;
	}
	.tutor_profile label.inline:hover {
		color: #7da2fb;
	}
	.profile_title_left {
		width: 60%;
	}
	.profile_title_right {
		width: 40%;
	}
	.profile_results {
		min-height: 245px;
	}
	.profile_results.picture {
		margin-left: 17%;
		width: 83%;
	}
	.profile_picture {
		width: 16%;
		height: auto;
	}
	/* Advice popup */
	.hoverSubmit {
		display: block;
		position: absolute;
		right: 1em;
		background: white;
		border: 1px solid #696969;
		width: 19em;
		padding: 1em;
		z-index: 1000;
		text-align: center;
	}
	.hoverSubmit p {
		text-align: center;
	}
}
@media screen and (min-width: 1280px)
{
	.profile_contact {
		float: left;
		width: 30%;
		text-align: left;
	}
	.profile_contact.direct-contact {
		width: 20%;
	}
	.profile_contact.centre {
		text-align: center;
	}
	.profile_contact .contact-label {
		text-align: center;
		display: block;
	}
	.profile_contact span.contact-checkbox {
		display: block;
	}
	.profile_contact ul.inline-travel li {
		display: block;
		/*
		position: relative;
		margin-top: 23px;
		*/
		text-align: center;
	}
	/*
	.profile_contact ul.inline-travel li:before {
		position: absolute;
		top: -23px;
		display: block;
		width: 100%;
		margin: 0;
	}
	*/
	.profile_contact ul.inline-travel li:first-child {
		margin-top: 0;
	}
	.profile_results {
		padding: 0.5em 0.2em 0 0.2em;
		/*margin-right: 14em;*/
		float: left;
		width: 70%;
	}
	.profile_results.direct-contact {
		width: 85%;
	}
	.profile_results.picture {
		margin-left: 17%;
		width: 53%;
	}
	.profile_results.picture.direct-contact {
		width: 62.5%;
	}
	.profile_contact .contact-wrapper button br {
		display: block;
	}
	.profile_results {
		min-height: auto;
	}
	.profile_body {
		min-height: 270px;
	}
}
@media screen and (min-width: 1600px)
{
	/*
	.profile_contact ul.inline-travel li:before {
		top: -25px;
	}
	*/
}

/* Conversations */
.conversation {
	margin-bottom: 1em;
	background: white;
	border: 1px solid #d5d5d5;
}
.conversation.sub {
	margin-left: 1em;
	/*border: 2px solid #d5d5d5;*/
}
.conversation .title {
	min-height: 3.6em;
	border-bottom: 1px solid #d5d5d5;
	background-color: #f2f2f2;
	color: #484848;
	font-weight: bold;
	font-size: 1em;
	padding: 0.5em 0.2em;
}
.conversation .full {
	padding: 0.5em;
}
.conversation .left {
	padding: 0.5em;
}
.conversation .right {
	text-align: left;
	padding: 0.5em;
}
.conversation .subtitle {
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #d5d5d5;
}
.conversation .footer.padded, 
.conversation .subtitle.padded {
	padding: 0.8em;
}
.conversation .subtitle.right {
	text-align: right;
}
.conversation .body {
	position: relative;
	background: white;
	padding: 5px;
	border-bottom: 1px solid #d5d5d5;
}
.conversation .body.tutee {
	background-color: #f6fdf0;
	border-left: 10px solid #9fcb7b;
}
.conversation .body.tutor {
	background-color: #f0f9fd;
	border-left: 10px solid #a1d3e9;
}
.conversation .body.admin {
	background-color: #fae8e7;
	border-left: 10px solid #e18984;
}
.conversation .body.spaced label, 
.conversation .body.spaced .result_wrapper {
	line-height: 2.5em;
}
.admin_request_viewer .body {
	border-bottom: 0 !important;
}
.details_alert.conversation .body, 
.moderating.conversation .body {
	background-color: #fae8e7;
}
.moderating.conversation .body {
	border-right: 10px solid #e18984;
}
.watching.conversation .body {
	background-color: #ebddf0;
}
.conversation ul {
	padding: 0;
	margin: 0;
}
.conversation ul li {
	float: left;
	padding: 0;
	margin: 0 0.1em 0 20px;
}
.conversation a.minimiser {
	margin-left: 1em;
}
.conversation .body label {
	display: block;
	width: 100%;
}
.conversation .information .right {
	text-align: center;
}
.conversation.sub .information {
	border-bottom: 1px solid #d5d5d5;
}
.conversation .information ul li {
	float: none;
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
}
.conversation .information .picture-included {
	text-align: center; 
}
.conversation.inactive {
	border: 1px solid #ffcccc;
}
.conversation.inactive .title {
	background: #ffe6e6;
	border-bottom: 1px solid #ffcccc;
}
/*
.conversation .stars {
	padding-top: 5px;
}
.conversation .stars span {
	margin-left: 5px;
}
.conversation .greyStars {
	position: relative;
	float: none;
	margin: 0 auto;
	width: 144px;
	height: 26px;
	background: transparent url('/theme/2/images/off-stars-2.png') no-repeat center left;
	top: 5px;
}
.conversation .blueStars, 
.conversation .silverStars, 
.conversation .goldStars {
	height: 26px;
	background: transparent url('/theme/2/images/on-stars-3.png') no-repeat center left;
}
*/
.conversation .greyStars, 
.conversation .blueStars, 
.conversation .silverStars, 
.conversation .goldStars {
	height: 18px;
}
@media screen and (min-width: 768px)
{
	.conversation .title .left {
		float: left;
		width: 60%;
	}
	.conversation .title .right {
		float: left;
		width: 40%;
		text-align: right;
	}
}
@media screen and (min-width: 960px)
{
	.conversation .information .picture-included {
		float: left; 
		width: 110px; 
		margin-top: 0.5em;
	}
	.conversation .information .picture-included.medium {
		width: 260px;
		min-height: 250px;
	}
	.conversation .information .picture-included-content {
		margin-left: 115px;
	}
	.conversation .information .picture-included-content.medium {
		margin-left: 265px;
	}
	.conversation .information .picture-included-content.medium li {
		font-size: 1.2em;
		margin-bottom: 1.5em;
	}
	.conversation .information .picture-included-content.medium .who_travels_spacer {
		font-size: 0;
		display: block;
	}
	.conversation .body label {
		float: left;
		width: 9em;
		min-height: 2em;
		text-align: right;
		padding-right: 0.3em;
		font-weight: bold;
	}
	.conversation .body .profile_results {
		width: auto !important;
	}
}
@media screen and (min-width: 1280px)
{
	.conversation.sub {
		margin-left: 3em;
	}
	.conversation .left {
		float: left;
		width: 60%;
	}
	.conversation .right {
		float: left;
		width: 40%;
		text-align: right;
	}
	.conversation .information .left {
		width: 80%;
	}
	.conversation .information .right {
		width: 20%;
	}
	.conversation .information .right .button {
		width: 100%;
		white-space: normal;
	}
}
@media screen and (min-width: 1600px)
{
	.conversation .title .left, 
	.conversation .title .right {
		width: 50%;
	}
	.conversation .information .left {
		width: 65%;
	}
	.conversation .information .right {
		width: 35%;
	}
	.conversation .information .left {
		width: 80%;
	}
	.conversation .information .right {
		width: 20%;
	}
}
@media screen and (min-width: 1920px)
{
	.conversation .information .picture-included-content.medium .who_travels_spacer {
		font-size: 1.2em;
		display: inline;
	}
}

/* Coloured links ------------------------------------------------------------------------ */
a.link_active, 
a.link_active:link, 
a.link_active:visited {
	color: green;
}
a.link_inactive, 
a.link_inactive:link, 
a.link_inactive:visited {
	color: red;
}

/* Rating Stars */
.greyStars {
	display: block;
	float: left;
	width: 104px;
	height: 20px;
	background: transparent url('/theme/2/images/off-stars.png') no-repeat center left;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: 0;
	font-size: 0;
}
#left .greyStars, 
#right .greyStars {
	float: none;
	font-size: 1em;
	margin: 0.5em auto 0 auto;
}
.blueStars, 
.silverStars, 
.goldStars {
	display: block;
	height: 20px;
	background: transparent url('/theme/2/images/on-stars.png') no-repeat center left;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
.blueStars span, 
.silverStars span, 
.goldStars span {
	display: none;
}

/* Sidebars */
fieldset.sidebar {
	padding: 0.5em;
	border: 1px solid #bebebe;
	border-top: 0;
	background: white;
}
fieldset.sidebar label {
	float: none;
	width: auto;
	display: inline;
	color: black;
	line-height: 1.8em;
}
fieldset.sidebar input.standard, 
fieldset.sidebar select.standard {
	width: 100%;
}
fieldset.sidebar div.centre {
	padding: 3px;
}
#left ul, 
#right ul, 
#utilities ul {
	margin: 0;
	list-style: none;
	text-align: left;
}
#left ul li, 
#right ul li, 
#utilities ul li {
	text-align: left;
}
.sidebar h2, 
#left ul li.toptitle, 
#right ul li.toptitle, 
#utilities ul li.toptitle {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 1em;
	letter-spacing: 0.15em;
	color: #484848;
	text-transform: uppercase;
	border: 1px solid #d5d5d5;
	border-left: 7px solid #84b796;
	background: #f2f2f2;
}
.sidebar h2, 
#left ul li.toptitle.no-space, 
#right ul li.toptitle.no-space, 
#utilities ul li.toptitle.no-space {
	margin: 1em 0 0 0;
}
#left ul li.toptitle.no-space, 
#right ul li.toptitle.no-space, 
#utilities ul li.toptitle.no-space {
	border-bottom: 0;
}
.sidebar h2 a, 
.sidebar h2 a:link, 
.sidebar h2 a:visited, 
#left ul li.toptitle a, 
#left ul li.toptitle a:link, 
#left ul li.toptitle a:visited, 
#right ul li.toptitle a, 
#right ul li.toptitle a:link, 
#right ul li.toptitle a:visited, 
#utilities ul li.toptitle a, 
#utilities ul li.toptitle a:link, 
#utilities ul li.toptitle a:visited {
	padding: 0;
	color: #626262;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}
.sidebar h2 a:hover, 
.sidebar h2 a:active
#left ul li.toptitle a:hover, 
#left ul li.toptitle a:active, 
#right ul li.toptitle a:hover, 
#right ul li.toptitle a:active, 
#utilities ul li.toptitle a:hover, 
#utilities ul li.toptitle a:active {
	color: #121212;
	background: transparent;
}
#search-sidebar {
	display: none;
}
#find_a_tutor_sidebar {
	margin: 1em 0;
}
#find_a_tutor_sidebar h2 {
	border-top: 1px solid #84b796;
	border-bottom: 1px solid #84b796;
	border-right: 1px solid #84b796;
	margin-top: 0;
}
#find_a_tutor_sidebar fieldset {
	border-left: 7px solid #84b796;
	border-right: 1px solid #84b796;
	border-bottom: 1px solid #84b796;
	margin-bottom: 0;
}
#login_sidebar input[type=text], 
#login_sidebar input[type=password], 
#find_a_tutor_sidebar input, 
#find_a_tutor_sidebar select {
	width: 100%;
}

@media screen and (min-width: 480px)
{
	#left > ul, 
	#right > ul, 
	#utilities > ul, 
	#left > div, 
	#right > div, 
	#utilities > div {
		display: inline-block;
		vertical-align: top;
		width: 48.5%;
		margin: 0 0.5%;
	}
	#left #find_a_tutor_sidebar, 
	#right #find_a_tutor_sidebar,
	#utilities #find_a_tutor_sidebar {
		margin: 1em 0.5%;
	}
}
@media screen and (min-width: 768px)
{
	#left .sidebar h2 {
		margin: 1.5em 0 0 0;
	}
	#left ul li.toptitle {
		margin: 1.5em 0 1.5em 0;
	}
	#left > ul, 
	#left > div {  
		display: block;
		width: 100%;
		margin: 0;
	}
	#left #find_a_tutor_sidebar {
		margin: 0;
	}
	#right {
		margin-left: 0;
	}
	#right > ul,
	#right > div, 
	#utilities > ul, 
	#utilities > div {
		width: 32%;
	}
	#left > #subnav {
		margin: 1.5em 0 0 0;
	}
	.nav-element ul.small-mobile-only {
		display: none !important;
	}
}
@media screen and (min-width: 960px)
{
	#utilities ul, 
	#utilities div.sidebar, 
	#utilities #shopping-basket-sidebar, 
	#utilities #recommended-purchase-sidebar {
		width: 24%;
	}
	.nav-element ul.small-mobile-only {
		display: none !important;
	}
	#search-sidebar {
		display: block;
	}
	#search-sidebar-mobile {
		display: none !important;
	}
}
@media screen and (min-width: 1280px)
{
	#right {
		margin-left: -19em;
	}
	#right .sidebar h2 {
		margin: 1.5em 0 0 0;
	}
	#right ul li.toptitle {
		margin: 1.5em 0 1.5em 0;
	}
	#right > ul, 
	#right > div { 
		display: block;
		width: 100%;
		margin: 0;
	}
	#right #find_a_tutor_sidebar {
		margin: 0;
	}
}
@media screen and (min-width: 1600px)
{
	
	/*
	#right > ul, 
	#right > div {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		margin: 0 0.5%;
	}
	*/
}
@media screen and (min-width: 1920px)
{
	/*
	#left {
		direction: rtl;
	}
	#left * {
		direction: ltr;
	}
	#left > ul, 
	#left > div {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		margin: 0 0.5%;
	}
	*/
}
#t_login {
	background: #f2f2f2 url('/theme/2/images/lock-closed.png') no-repeat 96% center;
}
ul.padded li {
	padding: 0.3em 0.6em;
}
li.tick {
	position: relative;
	padding-right: 1em;
}
li.tick span.tick {
	position: absolute;
	top: 0.3em;
	right: 0.3em;
	font-size: 1.6em;
	color: green;
}
.link-colour {
	color: #7da2fb;
}
ul#shopping-basket-list {
	list-style: none;
	margin: 0;
}
ul.bordered li, 
#recent_tutors li, 
#foreign_sites li, 
#recent_news li, 
.other_sites_sm li, 
#popular_searches li, 
#blog_categories li, 
#recent_marketplace li, 
#shopping-basket-sidebar-list li, 
#shopping-basket-sidebar-total li {
	border: 1px solid #d5d5d5;
	border-top: 0;
	margin: 0;
	background: white;
}
#shopping-basket-sidebar-list li, 
#shopping-basket-sidebar-total li {
	padding: 0.5em;
}
#shopping-basket-sidebar-list li.inlineLinks {
	min-height: 80px;
}
ul.bordered li:nth-child(2), 
#recent_tutors li:nth-child(2), 
#foreign_sites li:nth-child(2), 
#recent_news li:nth-child(2), 
.other_sites_sm li:nth-child(2), 
#popular_searches li:nth-child(2), 
#blog_categories li:nth-child(2), 
#recent_marketplace li:nth-child(2), 
#shopping-basket-sidebar-list li:nth-child(2), 
#shopping-basket-sidebar-total li:nth-child(2) {
	border-top: 1px solid #d5d5d5;
}
#blog_categories li {
	border-top: 1px solid #d5d5d5;
	margin: 0.25%;
	float: left;
	width: 99.5%;
}
#blog_categories li.half {
	width: 49.5%;
}
ul.bordered li a, 
ul.bordered li a:link, 
ul.bordered li a:visited, 
#recent_tutors li a, 
#recent_tutors li a:link, 
#recent_tutors li a:visited, 
#foreign_sites li a, 
#foreign_sites li a:link, 
#foreign_sites li a:visited,
#recent_news li a, 
#recent_news li a:link, 
#recent_news li a:visited,
.other_sites_sm li a, 
.other_sites_sm li a:link, 
.other_sites_sm li a:visited,
#popular_searches li a, 
#popular_searches li a:link, 
#popular_searches li a:visited,
#blog_categories li a, 
#blog_categories li a:link, 
#blog_categories li a:visited,
#recent_marketplace li a, 
#recent_marketplace li a:link, 
#recent_marketplace li a:visited {
	display: block;
	padding: 0.5em;
	color: #4f4f4f;
	text-decoration: none;
	font-weight: normal;
}
ul.bordered li a:hover, 
ul.bordered li a:active, 
#recent_tutors li a:hover, 
#recent_tutors li a:active, 
#foreign_sites li a:hover, 
#foreign_sites li a:active,
#recent_news li a:hover, 
#recent_news li a:active,
.other_sites_sm li a:hover, 
.other_sites_sm li a:active,
#popular_searches li a:hover, 
#popular_searches li a:active, 
#blog_categories li a:hover, 
#blog_categories li a:active,
#recent_marketplace li a:hover, 
#recent_marketplace li a:active {
	background: #f4f4f4;
}
#articles li a, 
#articles li a:link, 
#articles li a:visited, 
#blog_posts li a, 
#blog_posts li a:link, 
#blog_posts li a:visited, 
#recent_news li a, 
#recent_news li a:link, 
#recent_news li a:visited, 
#recent_tutors li a, 
#recent_tutors li a:link, 
#recent_tutors li a:visited, 
#recent_marketplace li a, 
#recent_marketplace li a:link, 
#recent_marketplace li a:visited {
	color: #7da2fb;
}
#recent_tutors li a, 
#recent_tutors li a:link, 
#recent_tutors li a:visited {
	text-transform: none;
}
#articles li a .date, 
#blog_posts li a .date, 
#recent_news li a .date, 
#recent_tutors li a .date, 
#recent_tutors li a .indent, 
#recent_marketplace li a .date {
	display: block;
	color: #4f4f4f;
	font-weight: normal;
}
#recommended-purchase-sidebar-list li a {
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: none;
}
#recommended-purchase-sidebar-list li p {
	clear: left;
}
#featured_tutor .featured_tutor_image {
	display: block;
	text-align: center;
	line-height: 1em;
}
#featured_tutor .featured_tutor_image img {
	background: white;
	padding: 0.5em;
	border: 1px solid #d5d5d5;
}
#featured_tutor a {
	text-align: center;
	text-transform: none;
	text-decoration: none;
}
#featured_tutor a .featured_tutor_name {
	display: block;
}
#featured_tutor a .featured_tutor_subjects {
	display: block;
	color: #4f4f4f;
	font-weight: normal;
}
#customer_feedback li a {
	display: block;
	color: #4f4f4f;
	padding: 0 2em;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 1em;
}
#customer_feedback .date {
	display: block;
	font-weight: bold;
}
#reviews_co_uk li.toptitle, 
#trustpilot li.toptitle {
	margin-bottom: 0.5em !important;
}
#reviews_co_uk li, 
#trustpilot li {
	border-bottom: 1px solid #d5d5d5;
}
#reviews_co_uk li.first, 
#trustpilot li.first {
	padding-bottom: 0.5em;
}
#reviews_co_uk li.first img, 
#trustpilot li.first img {
	margin-top: 0.3em;
}
#reviews_co_uk li.last, 
#trustpilot li.last {
	padding-top: 0.3em;
	border-bottom: 0;
}
#reviews_co_uk li a, 
#trustpilot li a {
	display: block;
	color: #4f4f4f;
	padding: 0 1em;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
}
#reviews_co_uk li a:hover, 
#trustpilot li a:hover {
	color: #000;
}
#reviews_co_uk .bigger, 
#trustpilot .bigger {
	font-size: 1.2em;
	color: #007900;
}
#shopping-basket-sidebar-list p {
	margin-top: 0;
	padding: 0;
}
img.guide_small {
	float: left;
	width: 42px;
	height: 60px;
	padding: 0.3em;
	margin: 0 0.5em 0.5em 0;
	border: 1px solid #d5d5d5;
	background: white;
}
img.guide_large {
	float: left;
	height: 142px;
	padding: 5px;
	margin: 0 0.5em 0.5em 0;
	border: 1px solid #d5d5d5;
	background: white;
}

/* Registration specific content */
.termsandconditions {
	height: 250px;
	overflow: auto;
	background-color: white;
	border: 2px dotted #c0c0c0;
	padding: 0.5em;
	max-width: calc(100vw - 38px); /* prevent overflow */
}
.progress, 
.progress.steps-1, 
.progress.steps-2, 
.progress.steps-3, 
.progress.steps-4, 
.progress.steps-5, 
.progress.steps-6 {
	margin: 0 0 1em 0;
}
.progress .step {
	display: block;
	position: relative;
	padding: 3em 0.5em 0.5em 0.5em;
	text-align: center;
	float: left;
}
.progress .step.here, 
.progress .step.here a {
	font-weight: bold;
}
.progress .step.done, 
.progress .step.done a {
	font-weight: bold;
	color: green;
}
.progress .step a {
	text-transform: none;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	color: #333;
}
.progress .step a:hover {
	text-decoration: underline;
}
.progress .step span {
	display: block;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.7em;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2em;
	height: 2em;
	margin-left: -1em;
	background: white;
	border: 2px solid #dad4d4;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 2;
}
.progress .step:after {
	content: '';
	position: absolute;
	top: 0.9em;
	left: 50%;
	height: 0.2em;
	width: 100%;
	border-top: 2px solid #dad4d4;
	border-bottom: 2px solid #dad4d4;
	background: #e9eff0;
	z-index: 1;
}
.progress .step.here span {
	border-color: #333;
}
.progress .step.done span, 
.progress .step.done:after {
	border-color: green;
	background: green;
	color: white;
}
.progress .step.skipped span {
	border-color: red;
}
.progress .step.skipped:after {
	border-color: red !important;
	background: red !important;
}
.progress .step.last:after {
	display: none;
}
.progress .step.here.done span {
	background: white;
	color: green;
}
.progress.steps-2 .step {
	width: 50%;
}
.progress.steps-3 .step {
	width: 33.33333%;
}
.progress.steps-4 .step, 
.progress.steps-5 .step, 
.progress.steps-6 .step, 
.progress.steps-7 .step, 
.progress.steps-8 .step {
	position: relative;
	padding: 1em 0.5em 1em 4em;
	float: none;
	text-align: left;
}
.progress.steps-4 .step span, 
.progress.steps-5 .step span, 
.progress.steps-6 .step span, 
.progress.steps-7 .step span, 
.progress.steps-8 .step span {
	top: 0.5em;
	left: 0.5em;
	margin-left: 0;
	text-align: center;
}
.progress.steps-4 .step:after,
.progress.steps-5 .step:after,
.progress.steps-6 .step:after, 
.progress.steps-7 .step:after, 
.progress.steps-8 .step:after {
	top: 1.5em;
	left: 1.7em;
	height: 100%;
	width: 0.4em;
}
@media screen and (min-width: 320px)
{
	.progress.steps-4 .step, 
	.progress.steps-5 .step {
		float: left;
		padding: 3em 0.5em 0.5em 0.5em;
		text-align: center;
	}
	.progress.steps-4 .step {
		width: 25%;
	}
	.progress.steps-5 .step {
		width: 20%;
	}
	.progress.steps-4 .step span, 
	.progress.steps-5 .step span {
		top: 0;
		left: 50%;
		margin-left: -1em;
		text-align: center;
	}
	.progress.steps-4 .step:after, 
	.progress.steps-5 .step:after {
		top: 0.9em;
		left: 50%;
		height: 0.2em;
		width: 100%;
	}
}
@media screen and (min-width: 480px)
{
	.progress.steps-6 .step, 
	.progress.steps-7 .step, 
	.progress.steps-8 .step {
		float: left;
		padding: 3em 0.5em 0.5em 0.5em;
		text-align: center;
	}
	.progress.steps-6 .step {
		width: 16.666666%;
	}
	.progress.steps-7 .step {
		width: 14.2857%;
	}
	.progress.steps-8 .step {
		width: 12.5%;
	}
	.progress.steps-6 .step span, 
	.progress.steps-7 .step span, 
	.progress.steps-8 .step span {
		top: 0;
		left: 50%;
		margin-left: -1em;
		text-align: center;
	}
	.progress.steps-6 .step:after, 
	.progress.steps-7 .step:after, 
	.progress.steps-8 .step:after {
		top: 0.9em;
		left: 50%;
		height: 0.2em;
		width: 100%;
	}
}

#subject_choice {
	margin-right: 16px;
	border-bottom: 1px solid #a2a2a2;
}
#subject_choice .subject {
	position: relative;
}
#subject_choice .subject_instruction_subject, 
#subject_choice .subject_instruction_level, 
#subject_choice .subject_instruction_price {
	position: absolute;
	top: 0.5em;
	font-weight: bold;
}
#subject_choice .subject_instruction_subject {
	left: 0;
}
#subject_choice .subject_instruction_level {
	left: 0;
	top: 42px;
}
#subject_choice .subject_instruction_price {
	top: 42px;
	right: 0.5em;
}
#subject_choice .subject:not(:first-child) .subject_instructions div {
	padding-top: 10px;
}
#subject_choice .subject_dropdown {
	height: 36px;
	margin: 0 0 2.5em 8em;
}
#subject_choice .subject_levels {
	float: left;
	width: 70%;
}
#subject_choice .subject_levels label {
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0;
}
#subject_choice .subject_levels.larger {
	display: none;
}
#subject_choice .subject_level {
	height: 36px;
	text-align: right;
	line-height: 1em;
	padding: 0.8em 0 0 0;
}
#subject_choice .subject_checkboxes {
	float: left;
	width: 10%;
}
#subject_choice .subject_checkbox {
	height: 36px;
	line-height: 32px;
	text-align: center;
}
#subject_choice .subject_prices {
	float: left;
	width: 20%;
}
#subject_choice .subject_price {
	height: 36px;
	line-height: 32px;
}
#subject_choice .subject_dropdown, 
#subject_choice .subject_price {
	padding: 0 0.3em;
}
#subject_choice .subject_dropdown select, 
#subject_choice .subject_price input {
	width: 100%;
}
#subject_choice .subject:not(:first-child) {
	border-top: 1px solid #a2a2a2;
	margin-top: 10px;
	padding-top: 10px;
}
#subject_choice h3 {
	border-left: solid 1px #a2a2a2;
	border-right: solid 1px #a2a2a2;
	padding-left: 0.5em;
	padding-top: 0.8em;
}
#subject_choice .subject-delete {
	font-size: 16px;
	position: absolute;
	right: -16px;
	bottom: .5em;
	padding: 1px 2px;
}

#add_another_subject_wrapper {
	margin-top: 0.5em;
}
@media screen and (max-width: 960px)
{
	#discounted_table {
		display: none !important;
	}
}

@media screen and (min-width: 480px)
{
	#subject_choice .subject_level {
		padding-top: 0.5em;
	}
}
@media screen and (min-width: 600px)
{
	#subject_choice .subject_instruction_subject, 
	#subject_choice .subject_instruction_level, 
	#subject_choice .subject_instruction_price {
		position: static;
		float: left;
		width: 35%;
		vertical-align: top;
		font-weight: bold;
		padding-bottom: 0.5em;
	}
	#subject_choice .subject_instruction_subject {
		padding-left: 0.5em;
	}
	#subject_choice .subject_instruction_level {
		text-align: center;
	}
	#subject_choice .subject_instruction_price {
		width: 30%;
		text-align: right;
		padding-right: 0.5em;
	}
	#subject_choice .subject_dropdown {
		float: left;
		width: 35%;
		vertical-align: top;
		margin: 0;
	}
	#subject_choice .subject_levels {
		width: 35%;
	}
	#subject_choice .subject:not(:first-child) {
		padding-top: 10px;
	}
}
@media screen and (min-width: 960px)
{
	#subject_choice .subject:not(:first-child) .subject_instructions {
		display: none;
	}
	#subject_choice .subject_instruction_subject {
		width: 30%;
	}
	#subject_choice .subject_instruction_level {
		width: 20%;
	}
	#subject_choice .subject_instruction_price {
		width: 50%;
		text-align: center;
		padding-right: 0;
	}
	#subject_choice .subject:not(:first-child) {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}
	#subject_choice .subject {
		height: auto;
	}
	#subject_choice .subject_dropdown {
		float: left;
		width: 30%;
		padding: 0 0.5em;
	}
	#subject_choice .subject_checkboxes {
		float: left;
		width: 20%;
		height: 36px;
	}
	#subject_choice .subject_prices {
		float: left;
		width: 50%;
		height: 36px;
		padding-top: 1px;
	}
	#subject_choice .subject:not(:first-child) .subject_dropdown, 
	#subject_choice .subject:not(:first-child) .subject_checkboxes, 
	#subject_choice .subject:not(:first-child) .subject_prices {
		height: 36px;
	}
	#subject_choice .subject:not(:first-child) .subject_dropdown select, 
	#subject_choice .subject:not(:first-child) .subject_prices input {
		margin: 0;
	}
	#subject_choice .subject_price, 
	#subject_choice .subject_checkbox {
		width: 16.6666666%;
		float: left;
		text-align: left;
		line-height: 0;
	}
	#subject_choice .subject_price input {
		margin: 0;
	}
	#subject_choice .subject_checkbox input {
		margin-top: 8px;
	}
	#subject_choice .subject:first-child .subject_checkbox input {
		margin-top: 11px;
	}
	#subject_choice .subject:first-child .subject_prices {
		height: 42px;
	}
	#subject_choice .subject:first-child .subject_prices input {
		margin-top: 5px;
	}
	#subject_choice .subject_levels {
		float: left;
		width: 20%;
		height: 190px;
		margin-left: 0;
		margin-bottom: 0;
	}
	#subject_choice .subject_levels.larger {
		display: block;
		float: left;
		width: 50%;
		margin-left: 0;
	}
	#subject_choice .subject_level {
		position: relative;
		float: left;
		text-align: center;
		width: 16.6666666%;
		height: 100%;
		line-height: 32px;
		padding: 0;
		left: 177px;
		top: -10px;
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		-webkit-transform: matrix(0.000,-1,1,0.000,0,0);
		-moz-transform: matrix(0.000,-1,1,0.000,0px,0px);
		-ms-transform: matrix(0.000,-1,1,0.000,0,0);
		-o-transform: matrix(0.000,-1,1,0.000,0,0);
		transform: matrix(0.000,-1,1,0.000,0,0);
	}
	#subject_choice .larger .subject_level {
		left: 215px;
	}
	#subject_choice .subject_level span, 
	#subject_choice .subject_level label {		
		display: block;
		text-align: left;
		white-space: nowrap;
	}
	#subject_choice .subject_levels.larger .subject_level span {
		left: 15px;
	}
	#subject_choice .subject:first-child .subject_dropdown {
		position: relative;
		float: left; 
		height: 232px;
	}
	#subject_choice .subject:first-child .subject_dropdown span {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 42px;
		width: 100%;
		line-height: 38px;
		border: 1px solid #a2a2a2;
		border-bottom: 0;
		border-right: 0;
		padding: 0 0.5em;
	}
	#subject_choice .subject:first-child .subject_checkboxes {
		border-top: 1px solid #a2a2a2;
		padding-top: 4px;
	}
	#subject_choice .subject:first-child .subject_prices {
		border-top: 1px solid #a2a2a2;
		border-right: 1px solid #a2a2a2;
	}
	#subject_choice .subject:not(:first-child) .subject_dropdown {
		border-left: 1px solid #a2a2a2;
	}
	#subject_choice .subject:not(:first-child) .subject_levels {
		display: none;
	}
	#subject_choice .subject:not(:first-child) .subject_prices {
		border-right: 1px solid #a2a2a2;
	}
}
@media screen and (min-width: 1600px)
{
	#subject_choice .subject_levels {
		height: 210px;
	}
	#subject_choice .subject:first-child .subject_dropdown {
		height: 252px;
	}
	#subject_choice .subject_level {
		left: 197px;
	}
	#subject_choice .larger .subject_level {
		left: 235px;
	}
	#subject_choice .subject_prices input {
		height: 29px;
	}
}

/* Testimonials */
#testimonials hr {
	display: none;
}

/* Two tier ul navigation */
.firstNav {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.firstNav li.float, 
.firstNav li.floatBlock {
	float: left;
	width: 33.333333%; 
	line-height: 1.6em; 
	margin: 0; 
	padding: 0 1%;
	text-align: left;
	border-left: 1px solid #e2e2e2;
}
.firstNav li.float-1, 
.firstNav li.floatBlock-1 {
	width: 100%;
}
.firstNav li.float-2, 
.firstNav li.floatBlock-2 {
	width: 50%;
}
.firstNav li.float-3, 
.firstNav li.floatBlock-3, 
.firstNav li.float-4, 
.firstNav li.floatBlock-4, 
.firstNav li.float-5, 
.firstNav li.floatBlock-5, 
.firstNav li.float-6, 
.firstNav li.floatBlock-6, 
.firstNav li.float-7, 
.firstNav li.floatBlock-7 {
	width: 50%;
}
.firstNav li.float:nth-child(2n+1), 
.firstNav li.floatBlock:nth-child(2n+1) {
    clear: left;
	border-left: 0;
}
.firstNav li.float:first-child, 
.firstNav li.floatBlock:first-child {
	border-left: 0;
	padding-left: 0;
}
.firstNav li.float:last-child, 
.firstNav li.floatBlock:last-child {
	padding-right: 0;
}
.firstNav li.floatBlock {
	display: block;
	text-align: center;
}
.secondNav {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	list-style: none;
	text-align: left;
}
.secondNav li {
	line-height: 1.6em; 
	margin: 0; 
	padding: 0.3em 0;
	text-align: left;
	border-bottom: 1px solid #e2e2e2;
}
.secondNav li:last-child {
	border-bottom: 0;
}
@media screen and (min-width: 600px)
{
	.firstNav li.float-3, 
	.firstNav li.floatBlock-3, 
	.firstNav li.float-4, 
	.firstNav li.floatBlock-4, 
	.firstNav li.float-5, 
	.firstNav li.floatBlock-5, 
	.firstNav li.float-6, 
	.firstNav li.floatBlock-6, 
	.firstNav li.float-7, 
	.firstNav li.floatBlock-7 {
		width: 33.333333%;
	}
	.firstNav li.float:nth-child(2n+1), 
	.firstNav li.floatBlock:nth-child(2n+1) {
		clear: none;
		border-left: 1px solid #e2e2e2;;
	}
	.firstNav li.float:nth-child(3n+1), 
	.firstNav li.floatBlock:nth-child(3n+1) {
		clear: left;
		border-left: 0;
	}
}
@media screen and (min-width: 960px)
{
	.firstNav li.float-3, 
	.firstNav li.floatBlock-3 {
		width: 33.33333%;
	}
	.firstNav li.float-4, 
	.firstNav li.floatBlock-4 {
		width: 25%
	}
	.firstNav li.float-5, 
	.firstNav li.floatBlock-5 {
		width: 20%
	}
	.firstNav li.float-6, 
	.firstNav li.floatBlock-6 {
		width: 16.66666%
	}
	.firstNav li.float-7, 
	.firstNav li.floatBlock-7 {
		width: 14.2857142857%
	}
	.firstNav li.float:nth-child(3n+1), 
	.firstNav li.floatBlock:nth-child(3n+1) {
		clear: none;
		border-left: 1px solid #e2e2e2;;
	}
}

/* News System ------------------------------------------------------------------------------------------ */
.news_latest {
	padding: 10px;
	padding: 3px;
	border-bottom: 1px solid #bebebe;
	border-top: 1px solid #bebebe;
	background-color: white;
	color: black;
	min-height: 1px;
}
.news_latest .right {
	margin-left: 265px;
}
.news_latest .title {
	padding: 3px;
	font-size: 1.4em;
}
.news_latest .date {
	color: #78b6d8;
	padding: 3px;
}
.news_latest .headline_pic {
	float: left;
	border: 4px solid white;
}
.news_latest .more {
	clear: both;
	padding: 3px;
	color: black;
	text-align: right;
}
.news_latest a, 
.news_latest a:link, 
.news_latest a:visited {
	color: black;
}
.news_latest a:active, 
.news_latest a:hover {
	text-decoration: none;
	color: #666;
}
.news_latest .news_article {
	margin: 0 0 0 350px;
}
.news_brief {
	padding: 5px;
	border-bottom: 1px solid #bebebe;
	color: #6c7479;
	min-height: 1px;
}
.news_brief .right {
	margin-left: 150px;
}
.news_brief .title {
	float: left;
	width: 140px;
	min-height: 20px;
	padding: 3px 10px;
	text-align: center;
	line-height: 1.5em;
	color: #666666;
}
.news_brief .headline_pic {
	float: left;
	border: 4px solid #f8f8f8;
}
.news_brief .more {
	clear: both;
	padding: 3px;
	color: #78b6d8;
	text-align: right;
}
.news_article_pic {
	float: right;
	border: 4px solid white;
	margin: 0 0 10px 10px;
}
.news_article_pic_white {
	float: right;
	border: 4px solid #f8f8f8;
	margin: 0 0 10px 10px;
}
.page_jumps {
	text-align: center;
	padding: 10px 5px 5px 5px;
}

/* Blog */
.post {
	padding: 0.5em;
	border-bottom: 1px solid #bebebe;
}
.post.first {
	border-top: 1px solid #bebebe;
	background-color: white;
}
.post .date {
	color: #999;
}
.post.first .date {
	color: #78b6d8;
}
.post h2 a, 
.post h2 a:link, 
.post h2 a:visited {
	text-transform: none;
	color: black;
}
.post h2 a:active, 
.post h2 a:hover {
	text-decoration: none;
	color: #666;
}
.blog-comment {
	clear: both;
}

/* Pagination ------------------------------------------------------------------------------------------ */
div.pagination {
	border: 2px dotted #c0c0c0;
	background: white;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	min-height: 1px;
}
div.pagination a#current_page {
	color: #5500be;
	font-size: 1.3em;
}
div.pagination a:hover, 
div.pagination a:active,
div.pagination a#current_page:hover, 
div.pagination a#current_page:active {
	color: red;
}
div.boxPagination {
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	min-height: 1px;
}
div.boxPagination ul, 
ul.pagination {
	list-style: none;
	margin: 0;
}
div.boxPagination ul li, 
ul.pagination li {
	display: inline-block;
}
div.boxPagination ul li a,
div.boxPagination ul li a:link, 
div.boxPagination ul li a:visited, 
ul.pagination li a,
ul.pagination li a:link, 
ul.pagination li a:visited {
	padding: 4px;
	border: 1px solid #bebebe;
	margin: 0 2px 6px 0;
}
div.boxPagination ul li.on a, 
div.boxPagination ul li.on a:link, 
div.boxPagination ul li.on a:visited, 
ul.pagination li.on a, 
ul.pagination li.on a:link, 
ul.pagination li.on a:visited {
	color: red;
}
div.boxPagination ul li a:hover, 
div.boxPagination ul li a:active,
div.boxPagination ul li.on a:hover,
div.boxPagination ul li.on a:active, 
ul.pagination li a:hover, 
ul.pagination li a:active,
ul.pagination li.on a:hover,
ul.pagination li.on a:active {
	color: #5500be;
}

/* Books ---------------------------------------------------------------------------- */
div.book_container {
	float: left;
	width: 210px;
	min-height: 500px;
	border: 1px solid #a2a2a2;
	margin: 0 5px 5px 0;
	text-align: center;
	padding: 10px;
	background: white;
}
div.book_container:hover {
	background: #f4f4f4;
}
div.book_container a {
	text-decoration: none;
}
div.book_container img {
	border: 0;
	margin: 0 0 10px 0;
}

/* Big buttons ------------------------------------------------------------------------ */
.big_button {
	min-height: 50px;
	margin-bottom: 1em;
}
.big_button a, 
.big_button a:link, 
.big_button a:visited {
	display: block;
	width: 100%;
	padding: 0.8em 0.5em;
	margin: 0;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	text-decoration: none;
	text-transform: none;
	font-size: 1.4em;
	font-weight: normal;
	-webkit-box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow:         inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
	background: #49d577;
	color: #fafafa;
}
.big_button a:hover, 
.big_button a:active {
	background: #2bba5a !important;
}
.big_button a:active {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
.big_button:first-child a, 
.big_button:first-child a:link, 
.big_button:first-child a:visited {
	background: #ec6546;
}
.big_button:first-child a:hover, 
.big_button:first-child a:active {
	background: #dd4725 !important;
}
.big_button:nth-child(2) a, 
.big_button:nth-child(2) a:link, 
.big_button:nth-child(2) a:visited {
	background: #53bde9;
}
.big_button:nth-child(2) a:hover, 
.big_button:nth-child(2) a:active {
	background: #339cc8 !important;
}
@media screen and (min-width: 600px)
{
	.big_button-3 {
		height: 155px;
	}
	.big_button a, 
	.big_button a:link, 
	.big_button a:visited {
		height: 100%;
	}
	.big_button-2 {
		float: left;
		width: 50%;
	}
	.big_button-3 {
		float: left;
		width: 33.3333333%;
	}
	.big_button-2 a, 
	.big_button-2 a:link, 
	.big_button-2 a:visited, 
	.big_button-3 a, 
	.big_button-3 a:link, 
	.big_button-3 a:visited{
		width: 96%;
		margin: 0 2%;
	}
	.big_button:first-child a, 
	.big_button:first-child a:link, 
	.big_button:first-child a:visited {
		width: 98%;
		margin-left: 0;
	}
	.big_button:last-child a, 
	.big_button:last-child a:link, 
	.big_button:last-child a:visited {
		width: 98%;
		margin-right: 0;
	}
}
@media screen and (min-width: 768px)
{
	.big_button-3 {
		height: 125px;	
	}
}
@media screen and (min-width: 960px)
{
	.big_button-3 {
		height: 100px;	
	}
}

/* Marketing */
.marketing {
	border: 1px solid #bebebe;
	/*border: 1px solid #84b796;*/
	background: #f8f8f8;
	padding: 0.8em 1em;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1em;
	text-shadow: #fff 1px 1px 1px;
}
.marketing h2, 
.marketing h3 {
	color: black;
	padding-bottom: 0.3em;
}
.marketing p {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.marketing b {
	color: black;
}
.marketing strong {
	color: #7da2fb;
}
.marketing hr {
	background: #d0d0d0;
}

/* Tabs */
.tab-content {
	background: #fafafa;
	border: 1px solid #d8d8d8;
	border-top: 0;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
.tab-one-tier {
	border-top: 1px solid #d8d8d8;
	clear: both;
}
.tab-two-tier {
	border: 1px solid #d8d8d8;
	border-bottom: 0;
	clear: both;
	background: #FFF3B3;
	height: 1.5em;
}
.tab-set {
	position: relative;
	width: 100%;
	margin-bottom: 1px;
}
.tab-set ul.tabs {
	margin: 0;
	padding: 0;
}
.tab-set ul.tabs li  {
	display: inline-block;
	list-style: none;
	margin: 0;
}
.tab-set ul.tabs span,
.tab-set ul.tabs a,
.tab-set ul.tabs a.current {
	text-transform: uppercase;
	display: block;
	padding: 4px 15px;
	margin: 1px 2px 0 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	border: 1px solid #d8d8d8;
	background: white;
}
.tab-set ul.tabs span,
.tab-set ul.tabs a.current,
.tab-set ul.tabs a.current:hover {
	background: #fafafa;
}
.tab-set ul.tabs a:hover {
	border-color: #d8d8d8;
	background: #e3eef0;
}
.tab-set ul.nested-tabs {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
}
.tab-set ul.nested-tabs li a,
.tab-set ul.nested-tabs li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: center;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}
.tab-set ul.nested-tabs li a {
	color: #06C;
	text-decoration: underline;
}
.tab-set ul.nested-tabs li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}
.tab-set ul.nested-tabs li a:active {
	color: #000;
	background: transparent;
}
.tab-set ul.nested-tabs li:last-child a { 
	border: none; 
}
.tab-set.fieldset ul.tabs {
	bottom: -2px;
}
.tab-set.fieldset ul.tabs span, 
.tab-set.fieldset ul.tabs a, 
.tab-set.fieldset ul.tabs a.current {
	border: 2px dotted #c0c0c0;
	background: #f1f1f1;
	margin: 1px 3px 0 0;
}
.tab-set.fieldset ul.tabs a:hover {
	padding-bottom: 4px;
	background: #e8e8e8;
}
.tab-set.fieldset ul.tabs span,
.tab-set.fieldset ul.tabs a.current,
.tab-set.fieldset ul.tabs a.current:hover {
	border-bottom: 0 !important;
	margin: 1px 3px 0 0;
	background: white;
	padding-bottom: 6px;
}
@media screen and (min-width: 480px)
{
	.tab-set {
		height: 2em;
		margin-bottom: 0;
	}
	.tab-set ul.tabs {
		position: absolute;
		bottom: -1px;
	}
	.tab-set ul.tabs li  {
		display: inline;
	}
	.tab-set ul.tabs span,
	.tab-set ul.tabs a,
	.tab-set ul.tabs a.current {
		display: block;
		float: left;
		border-bottom: 0;
	}
	.tab-set ul.tabs span,
	.tab-set ul.tabs a.current,
	.tab-set ul.tabs a.current:hover {
		padding-bottom: 6px;
		margin-top: 0;
	}
	.tab-set ul.tabs a:hover {
		margin-top: 0;
		padding-bottom: 5px;
	}
}

/* JS hide system */
span.instructions {
	display: block;
}
div.instruction_wrapper {
	position: relative;
	padding: 0 0 18px 0;
}
a.instruction_action {
	position: absolute;
	bottom: 8px;
	right: 4px;
}
a.instruction_action.left {
	position: absolute;
	bottom: 0;
	left: 4px;
	right: auto;
}
a.instruction_action.larger {
	font-size: 1.3em;
	color: red;
}
#advancedSearch {
	background: #80b692;
	border: 0;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	color: white;
}
@media screen and (min-width: 600px)
{
	#advancedSearch {
		background: #80b692 url('/theme/2/images/search-tile-academic.png') no-repeat 35em center;
	}
}
#advancedSearch label, 
#advancedSearch a {
	color: white;
}
#advancedSearchInstructions + a {
	background: #80b692;
	color: white;
	padding: 0.3em 2em;
	right: 0;
	bottom: 0;
}
#advancedSearchInstructions_wrapper {
	margin-bottom: 0.3em;
}
.tab-set.search ul.tabs {
	bottom: -1px;
}
.tab-set.search ul.tabs span,
.tab-set.search ul.tabs a {
	background: #d3d3d3;
	border: 0;
}
.tab-set.search ul.tabs span.current,
.tab-set.search ul.tabs a.current {
	background: #80b692;
	color: white;
}
#slider_wrapper {
	padding-top: 5px;
	min-height: 2.3em;
}
.slider_horizontal_wrapper {
	display: inline-block;
	float: none !important;
	vertical-align: middle;
}
.slider_text {
	display: inline-block;
	width: 30px;
}
.slider_text.left {
	text-align: right;
}
#page-load-time {
	position: absolute;
	top: 2px;
	right: 4px;
	color: black;
}

/* Shopping Cart ------------------------------------------------------------------------ */
.guide_wrapper {
	padding: 1em;
	margin: 0;
	border: 2px dotted #c0c0c0;
	background: white;
	border-top: 0;
	min-height: 1em;
}
.guidePoints {
	clear: left;
	margin: 0 0 1em 1em;
	text-align: left;
}
.guidePoints li {
	padding: 3px 0;
}
img.guide_large {
	float: left;
	height: 142px;
	padding: 5px;
	margin: 0 5px 5px 0;
	border: 1px solid #a2a2a2;
	background: white;
}
img.guide_small {
	float: left;
	width: 42px;
	height: 60px;
	padding: 3px;
	margin: 0 3px 3px 0;
	border: 1px solid #a2a2a2;
	background: white;
}
@media screen and (min-width: 480px)
{
	.guidePoints {
		clear: none;
		margin: 0 0 1em 12em;
	}
}

ul.faqs li, 
ol.faqs li {
	font-weight: bold;
	padding: 3px 0 8px 0;
}
ul.faqs li span, 
ol.faqs li span {
	font-weight: normal;
}

/* Upload fields */
.file-input-div {
	position: relative;
	height: 28px; 
	float: left;
	overflow: hidden;
}
.file-input-textbox {
	float: left;
}
.file-input-button {
	float: left;
	margin: 2px 0 0 4px;
	padding: 3px 4px !important;
}
.file-input-hidden {
	font-size: 100px; 
	position: absolute; 
	right: 0; 
	top: 0; 
	-moz-opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	opacity: 0;
}

/* Tileable divs */
div.tileable {
	width: 250px;
	min-height: 260px;
	float: left;
	border: 1px solid #d2d2d2;
	background-color: #f2f2f2;
	margin: 0 0.5em 0.5em 0;
}
div.tileable h2 {
	padding: 0.8em 0.8em 0.8em 0.8em;
	font-size: 1.1em;
	line-height: 1.2em;
	color: white;
	border: 0;
	background-color: #414040;
	font-weight: normal;
}
div.tileable h3 {
	padding: 0.4em 0.8em 0.4em 0.8em;
	font-size: 1.1em;
	line-height: 1.2em;
	border: 0;
	background-color: #dadada;
	font-weight: normal;
}
div.tileable p {
	padding: 0.4em 0.8em 0.4em 0.8em;
}

/* Referencing, qualifications and invites (similar code!) */
.title-wrapper {
	float: left;
	width: 50%;
}
#invite .input_wrapper, 
#qualifications .input_wrapper, 
#references .input_wrapper {
	float: left;
	width: 50%;
}
#invite .title-wrapper .input_wrapper, 
#qualifications .title-wrapper .input_wrapper, 
#references .title-wrapper .input_wrapper {
	float: none;
	width: 100%;
}
#invite .standard_label, 
#qualifications .standard_label, 
#references .standard_label {
	height: 2.6em;
	padding-top: 0.6em;
	line-height: 1.3em;
	width: 100%;
}
#references .forename, 
#references .surname, 
#references .email, 
#references .telephone, 
#references .relationship, 
#qualifications .year, 
#qualifications .level, 
#qualifications .qualification, 
#qualifications .institution, 
#invite .email, 
#invite .forename, 
#invite .surname, 
#invite .type {
	width: 90%;
}
#qualifications .qualification-delete {
	font-size: 16px;
	display: inline-block;
    vertical-align: top;
    padding: 1px 2px;
}
#qualifications .qual_proved, 
#qualifications .qual_pending,
#qualifications .qual_missing, 
#qualifications .qual_empty {
	font-weight: normal;
	color: #333;
}
#qualifications .qual_proved {
	background: #87eca6;
	border: 1px solid #31d864;
}
#qualifications .qual_pending {
	background: #ffd274;
	border: 1px solid #ffae02;
}
#qualifications .qual_missing {
	background: #f8c1bf;
	border: 1px solid #bc1d17;
}
#qualifications .qual_empty {
	background: #f5f5f5;
	border: 1px solid #bebebe;
	padding: 0.5em 0.5em 1em 0.5em;
}
#references .extra-message {
	width: 98%;
}
#invite label.validation {
	float: left;
	width: 50%;
}
#invite div.validation input {
	width: 90%;
}
@media screen and (min-width: 960px)
{
	#invite .standard_label, 
	#qualifications .standard_label, 
	#references .standard_label {
		margin-right: 0.12em;
		height: auto;
		width: auto;
		line-height: 1.4em;
		padding-top: 0;
		overflow: hidden;
	}
	#references .number {
		width: 14%;
	}
	#references .forename {
		width: 16%;
	}
	#references .surname {
		width: 16%;
	}
	#references .email {
		width: 23%;
	}
	#references .telephone {
		width: 18%;
	}
	#references .relationship {
		width: 19%;
	}
	.title-wrapper {
		display: none;
		float: none;
		width: 100%;
	}
	#main-title-wrapper {
		display: block;
	}
	#references .extra-message, 
	#references .input_wrapper, 
	#references .title-wrapper .input_wrapper {
		float: none;
		width: 86%;
	}
	#references .input_wrapper, 
	#references .title-wrapper .input_wrapper {
		float: left;
		width: 86%;
	}
	#invite label.validation, 
	#invite .number, 
	#qualifications .number {
		width: 25%;
	}
	#invite .input_wrapper, 
	#invite .title-wrapper .input_wrapper, 
	#invite div.validation, 
	#qualifications .input_wrapper, 
	#qualifications .title-wrapper .input_wrapper {
		float: left;
		width: 75%;
	}
	#qualifications .year, 
	#qualifications .level {
		width: 19%;
	}
	#qualifications .qualification, 
	#qualifications .institution {
		width: 26%;
	}
	#invite .email, 
	#invite .type {
		width: 28%;
	}
	#invite .forename, 
	#invite .surname {
		width: 20%;
	}
	#invite div.validation input {
		width: 15.6em;
	}
}
/*
.meet-tutor {
	width: 100%;
	background: transparent;
	border: 1px solid #d2d2d2;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	min-height: auto;
}
.meet-tutor:hover {
	border: 1px solid #a2a2a2;
	background: #f8f8f8;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(219,215,219,1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(219,215,219,1);
	box-shadow: 1px 1px 1px 0px rgba(219,215,219,1);
}
*/
.meet-tutor {
	width: 100%;
	background: #f2f2f2;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
	min-height: auto;
}
.meet-tutor:hover {
	background: #eaeaea;
}
.meet-tutor div {
	text-align: center;
	padding: 0 0 0.3em 0;
}
.meet-tutor .picture {
	display: block;
	height: 150px;
	width: 100%;
	margin: 0.3em 0;
	background: transparent;
}
.meet-tutor.no-pic .picture {
	display: none;
}
.meet-tutor .picture img {
	max-height: 100%;
}
div.meet-tutor-header {
	display: block;
	background: transparent;
	margin: 0;
	text-align: center;
}
div.meet-tutor-header h3, 
div.meet-tutor-location, 
div.meet-tutor-subjects, 
div.meet-tutor-qualification, 
div.meet-tutor-text {
	display: block;
	text-align: center;
}
div.meet-tutor-header h3 {
	font-size: 1.3em;
}
div.meet-tutor-header h3 a, 
div.meet-tutor-header h3 a:link, 
div.meet-tutor-header h3 a:visited {
	text-decoration: none;
	text-transform: none;
}
div.meet-tutor-header h3 a:hover, 
div.meet-tutor-header h3 a:active {
	color: black;
}
div.meet-tutor-location {
	text-transform: uppercase;
	font-weight: bold;
}
div.meet-tutor-qualification {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.5em 0 0.2em 0;
}
div.meet-tutor-subjects {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
}
div.meet-tutor-subjects a {
	font-size: 1em;
}
.meet-tutor a, 
.meet-tutor a:link, 
.meet-tutor a:visited {
	color: #666;
	text-decoration: none;
}
.meet-tutor a:hover, 
.meet-tutor a:active {
	color: black;
}
.get-started-canada-btn {
	background: #80b692;
	color: white !important;
	border: 0;
}
.meet-tutor a.button {
	background: #80b692;
	color: white !important;
	border: 0;
}
.meet-tutor a.button:hover {
	background: #666 !important;
}
.meet-tutor-contact, 
.meet-tutor-view-profile {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
div.meet-tutor-feedback {
	text-align: center;
	display: inline-block;
	margin: 0 0.5em 1em 0;
	position: relative;
	top: 12px;
}
div.meet-tutor-badges {
	text-align: center;
	display: inline-block;
	margin: 0 1.5em 1em 1.5em;
	position: relative;
	top: 12px;
}
.meet-tutor .greyStars {
	float: none;
	margin: 0 auto;
	width: 144px;
	height: 26px;
	background: transparent url('/theme/2/images/off-stars-2.png') no-repeat center left;
}
.meet-tutor .blueStars, 
.meet-tutor .silverStars, 
.meet-tutor .goldStars {
	height: 26px;
	background: transparent url('/theme/2/images/on-stars-3.png') no-repeat center left;
}
@media screen and (min-width: 480px)
{
	.meet-tutor {
		position: relative;
		float: none;
		width: auto;
		margin: 0 0 0.5em 0;
		min-height: auto;
	}
	div.meet-tutor-header h3, 
	div.meet-tutor-location {
		display: inline-block;
	}
	div.meet-tutor-header h3 {
		margin-right: 0.5em;
	}
}
@media screen and (min-width: 560px)
{
	.meet-tutor {
		min-height: auto;
	}
}
@media screen and (min-width: 600px)
{
	.meet-tutor {
		min-height: auto;
	}
}
@media screen and (min-width: 768px)
{
	.meet-tutor {
		min-height: 220px;
	}
	.meet-tutor .picture {
		position: absolute;
		top: 0.1em;
		left: 0.2em;
		width: 150px;
	}
	.meet-tutor.no-pic .picture {
		display: block;
	}
	.meet-tutor .meet-tutor-header, 
	.meet-tutor .meet-tutor-text {
		margin-left: 160px;
	}
	div.meet-tutor-header {
		display: inline-block;
		margin: 0;
		width: 340px;
		text-align: left;
	}
	div.meet-tutor-header h3 {
		display: inline-block;
		width: 50%;
		text-align: left;
		margin: 0;
	}
	div.meet-tutor-location {
		display: inline-block;
		width: 50%;
		text-align: right;
	}
	div.meet-tutor-subjects, 
	div.meet-tutor-qualification {
		display: block;
		text-align: left;
		text-transform: uppercase;
		font-weight: bold;
	}
	div.meet-tutor-text {
		display: block;
		text-align: left;
	}
	div.meet-tutor-view-profile {
		position: absolute;
		top: 1em;
		right: 1em;
		margin-left: 0;
		margin-right: 0;
	}
	div.meet-tutor-feedback {
		position: absolute;
		top: 11.5em;
		left: 1em;
	}
	div.meet-tutor-badges {
		position: absolute;
		top: 4.5em;
		left: inherit;
		margin: 0;
		right: .5em;
	}
}
@media screen and (min-width: 960px)
{
	.meet-tutor {
		min-height: 160px;
	}
	div.meet-tutor-feedback {
		top: 1em;
		right: 195px;
		left: auto;
	}
}
@media screen and (min-width: 1200px)
{
	div.meet-tutor-qualification {
		position: absolute;
		width: 260px;
		top: 0.5em;
		right: 360px;
		text-align: center;
		overflow: hidden;
		max-height: 4.4em;
	}
	div.meet-tutor-subjects {
		min-height: 2em;
	}
	div.meet-tutor-text {
		margin-right: 200px;
	}
}
@media screen and (min-width: 1280px)
{
	div.meet-tutor-qualification {
		width: 300px;
	}
}
@media screen and (min-width: 1350px)
{
	div.meet-tutor-qualification {
		width: 370px;
	}
}
@media screen and (min-width: 1600px)
{
	div.meet-tutor-header {
		width: 420px;
	}
	div.meet-tutor-qualification {
		position: static;
		width: 200%;
		text-align: left;
		top: auto;
		right: auto;
		margin: 0;
	}
}

.extra_lang {
	float: left;
	width: 10em;
	min-height: 2em;
	margin: 0 0.3em 0.3em 0;
	padding: 0.2em;
}
.extra_lang label {
	display: inline;
	width: 8em;
	float: none;
	font-weight: normal;
	color: black;
	line-height: 2em;
	text-align: left;
	padding: 0 0 0 0.5em;
}

ul.shortcuts {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.shortcuts li {
	float: left;
	width: 8em;
	height: 4.7em;
	margin: 0 0.5em 0.5em 0;
	text-align: center;
	background: white;
	border: 1px solid #bebebe;
}
ul.shortcuts li a {
	display: block;
	padding: 0.5em;
	width: 100%;
	height: 100%;
	color: #666;
	text-decoration: none;
}
ul.shortcuts li a:hover {
	background: #f1f1f1;
	color: #4874dd;
}

.modal {
	z-index: 100;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
	background-color: rgba(0,0,0,0.5);
}

.modal p {
	text-align: left;
}

.modal-bottom {
	top: inherit;
	background-color: transparent;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), white);
}

.modal-inner {
	position: relative;
	background: white;
    padding: 1rem;
    max-width: 620px;
    margin: 1rem;
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	border: solid 1px green;
}

.modal-close {
	position: absolute;
	top: -12px;
	right: -12px;
	width: 24px;
	border-radius: 100%;
	background: black;
	color: white;
	text-align: center;
	line-height: 24px;
	font-size: 18px !important;
	font-weight: normal !important;
	cursor: pointer;
	color: white !important;
}

.modal-close::before {
	content: '×';
}

.modal-inner .button {
    border-radius: 0;
}

.cookie-policy-inner div:last-child {
	margin: 14px 0 7px -4px;
}

.cookie-policy-inner .button {
	margin: -8px 4px;
    padding: 8px 16px;
    vertical-align: top;
}

@media (min-width: 768px) {
	.modal-bottom {
		background-image: none;
		background-color: black;
		background-color: rgba(0,0,0,0.5);	
	}
	.modal-inner {
		padding: 1rem 1.5rem;
		margin: 1.5rem;
		font-size: 16px;
	}
	.cookie-policy-inner .button {
		margin: -7px 4px;
	}	
}

ul.column-2, 
ol.column-2 {
	margin: 0;
	padding-left: 1em;
}
@media screen and (min-width: 320px)
{
	.wrap-column-2 {
		float: left;
		width: 50%;
	}
}
@media screen and (min-width: 1280px)
{
	ul.column-2, 
	ol.column-2 {
		float: left;
		width: 50%;
	}
}
#mask-all {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 100000;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#media-holder {
	position: fixed;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	text-align: center;
	z-index: 100001;
}
#media-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 0.6em 0.9em 0.9em 0.9em;
	background: red;
	border: 1px solid white;
	color: white;
	text-decoration: none;
}
#media-close:hover {
	background: #800000;
}
a.video-picture {
	padding: 3px 0 0 0 !important;
}
a.video-only,
a.video-only:link, 
a.video-only:visited {
	display: block;
	padding: 0.3em 0 0 0;
	font-size: 3em;
	background: #84b796;
	border: 1px solid #84b796;
	color: white;
	text-align: center;
	text-decoration: none;
	margin-bottom: 0.3em;
}
a.video-only:active, 
a.video-only:hover {
	color: black;
}
a.video-only span {
	font-size: 10px;
	display: block;
	padding-bottom: 3px;
}
.youtube-player, 
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.youtube-player .youtube-thumb, 
.video-wrapper object,
.video-wrapper embed, 
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube-player:hover {
	cursor: pointer;
}
.youtube-player .youtube-thumb {
	height: auto;
}
.youtube-player .play-button {
	height: 72px; 
	width: 72px; 
	left: 50%; 
	top: 50%; 
	margin-left: -36px; 
	margin-top: -36px; 
	position: absolute; 
	background: transparent url('/theme/2/images/play-button.png') no-repeat;
}
.youtube-player:hover .play-button {
	background: transparent url('/theme/2/images/play-button-on.png') no-repeat;
}

@media screen and (min-width: 960px)
{
	.youtube-player.small, 
	.youtube-player.medium, 
	.video-wrapper.small, 
	.video-wrapper.medium {
		padding-bottom: 0;
		padding-top: 0;
		margin: 0 auto;
		height: 150px;
		width: 250px;
	}
	.youtube-player.medium, 
	.video-wrapper.medium {
		height: 270px;
		width: 450px;
	}
}

#progress-wrapper {
	position: relative;
	height: 2em;
	margin-bottom: 1em;
}
#progress-bar {
	position: relative;
	width: 100%;
	height: 100%;
	background: #eee;
}
#progress-meter, 
#progress-text {
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 50;
}
#progress-meter {
	background: #31d864;
}
#progress-text {
	width: 100%;
	text-align: center;
	line-height: 2em;
	z-index: 100;
	color: black;
}
.badges {
	text-align: left;
}
.badges .badge {
	display: inline-block;
	margin: 0 0.3em 0.3em 0;
}
.badge {
	position: relative;
	width: 30px;
	height: 30px;
}
.badge.large {
	width: 100px;
	height: 100px;
}
.badge img {
	position: absolute;
	top: 0;
	left: 0;
}
#badge_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border: 3px solid #bebebe;
	background: #f5f5f5;
	padding: 0.5em;
	width: 150px;
	text-align: center;
}
#badge_hover p {
	text-align: center;
	padding-bottom: 0;
}
#badge_hover .badge {
	margin: 0 auto;
}

.datepicker_firsttutors .body .slider > div thead th {
	background: #dbeae2;
}
.datepicker_firsttutors .selected-button, 
.datepicker_firsttutors .days .day.selected, 
.datepicker_firsttutors .days .day.selected:hover, 
.datepicker_firsttutors .months .month.selected, 
.datepicker_firsttutors .months .month.selected:hover, 
.datepicker_firsttutors .years .year.selected, 
.datepicker_firsttutors .years .year.selected:hover {
	background-color: #94bea6;
	color: white;
}

ul.terms {
	list-style: none;
	margin-left: 0.5em;
}
ul.terms li h4 {
	padding: 0.5em 0;
}
ul.terms li {
	padding-left: 3%;
}
ul.terms li.section {
	padding-left: 0;
}
ul.terms li.term-indent {
	padding-left: 6%;
}
ul.terms li.term-double-indent {
	padding-left: 9%;
}
ol.terms li h4 {
	display: inline;
}
ol.terms > li:before {
	font-size: 1.2em;
}
span.term-number {
	font-weight: bold;
}
a.terms-reference {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
.slider_track {
	background: #fff;
	border: 1px solid #bbb;
	width: 150px;
	height: 20px;
	position: relative;
	display: inline-block;
	margin: 0 1em 0 0.3em;
}
.slider_highlight {
	background: #ddd;
	width: 100%;
	height: 100%;
	position: absolute;
}
.slider_knob {
	position: absolute;
	top: -4px;
	background: #ddd;
	border: 1px solid #999;
	width: 20px;
	height: 30px;
	z-index: 20;
	cursor: w-resize;
}
.slider_knob.min {
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	top: -2px;
}
.slider_knob.max {
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	top: -6px;
}

@media screen and (min-width: 600px)
{
	.slider_track {
		height: 8px;
		margin: 0 0.3em;
	}
	.slider_knob {
		width: 10px;
		height: 16px;
	}
}

.icon-general {
	padding: 125px 1em 1em 1em;
	background-color: #f1f1f1;
	background-position: center 1em;
	background-size: 100px 100px;
    background-repeat: no-repeat;
	margin-bottom: 1em;
}
.icon-general h2 {
	text-align: center;
}
.icon-general ul {
	padding: 0;
	margin: 0 0 1em 0;
}
.icon-general li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.icon-general li.toptitle {
	text-align: center;
	background: transparent !important;
	font-size: 1.4em;
	font-weight: bold;
	border: 0 !important;
	padding-bottom: 1em;
}
.icon-general #reviews_co_uk li.toptitle, 
.icon-general #trustpilot li.toptitle {
	margin-bottom: 0 !important;
}
.icon-general #reviews_co_uk li.first, 
.icon-general #trustpilot li.first {
	border-bottom: 0;
}
.icon-general #reviews_co_uk li.review, 
.icon-general #trustpilot li.review, 
.icon-general #reviews_co_uk li.last, 
.icon-general #trustpilot li.last {
	display: none;
}
.icon-general .greyStars {
	float: none;
	margin: 0 auto;
}
.icon-find {
	background-image: url('/theme/2/images/circular/search-2-512.png');
}
.icon-discuss {
	background-image: url('/theme/2/images/circular/discuss-3-512.png');
}
.icon-learn {
	background-image: url('/theme/2/images/circular/tutor-student-512.png');
}
.icon-rates {
	background-image: url('/theme/2/images/circular/light-bulb-£-512.png');
}
.icon-niche {
	background-image: url('/theme/2/images/circular/niche-academic-512.png');
}
.icon-feedback {
	background-image: url('/theme/2/images/circular/feedback-512.png');
}
.icon-trust {
	background-image: url('/theme/2/images/circular/trusted-512.png');
}
.icon-peace {
	background-image: url('/theme/2/images/circular/peace-of-mind-512.png');
}
.icon-globe {
	background-image: url('/theme/2/images/circular/globe-512.png');
}
.icon-none {
	padding: 1em;
}
@media screen and (min-width: 600px)
{
	.icon-general {
		padding: 1em 1.5em 1em 140px;
		background-position: 20px center;
	}
	.icon-general h2 {
		text-align: left;
	}
	.icon-left {
		padding: 1em 1.5em 1em 140px;
	}
	.icon-right {
		padding: 1em 140px 1em 1em;
		background-position: right 1em center;
	}
	.icon-none {
		padding: 1em 1.5em;
	}
}
@media screen and (min-width: 1280px)
{
	.icon-wrapper {
		min-height: auto;
		overflow-y: hidden;
		margin-bottom: 1em;
	}
	.icon-wrapper .icon-general {
		min-height: auto;
		padding-bottom: 8000px;
		margin-bottom: -8000px;
	}
	.icon-general {
		padding: 135px 1em 1em 1em;
		background-position: center 20px;
		border: 0;
		width: 32%;
		float: left;
		margin: 0.5em 1% 0.5em 1%;
	}
	.icon-general h2 {
		text-align: center;
	}
	.icon-first {
		margin: 0.5em 1% 0.5em 0;
	}
	.icon-last {
		margin: 0.5em 0 0.5em 1%;
	}
	.icon-none {
		padding: 1em;
	}
}
@media screen and (min-width: 1600px)
{
	.icon-general {
		padding: 180px 1em 1em 1em;
		background-size: 140px 140px;
	}
	.icon-none {
		padding: 1em;
	}
}

.social {
	clear: left;
	margin: 0.5em 0 0 0;
	width: 100%;
	text-align: center;
}
.social.stacked {
	clear: none;
	float: right;
	margin: 0 0 0 0.3em;
	height: 205px;
	width: 70px;
}
.fb-like > span, 
.fb-share-button > span {
	vertical-align: baseline !important;
}
table.gc-bubbleDefault.pls-container {
	display: none !important;
}
.image-thumbnails {
	padding: 0;
	margin: 0;
	list-style: none;
}
.image-thumbnails li {
	width: 120px;
	height: 120px;
	border: 1px solid #eee;
	padding: 5px;
	margin: 0 5px 5px 0;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}
.image-thumbnails li:hover {
	background: #fafafa;
	border: 1px solid #ccc;
}
.image-thumbnails .vertical-middle {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.image-thumbnails li img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}

.html-textarea-wrapper {
	position: relative;
	display: block;
	margin: 0;
	-webkit-text-size-adjust: none;
	overflow: hidden;
	border: 1px solid #333;
}
.html-textarea-wrapper textarea.html, 
.html-textarea-highlights {
	position: absolute;
	z-index: 1;
	font-size: 14px;
	line-height: 22px;
	padding: 6px 6px 6px 6px;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	font-family: Arial, sans-serif;
	background: white;
}
.html-textarea-wrapper textarea.html {
	background: transparent !important;
	-moz-opacity: 0.5;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: absolute;
	z-index: 2;
}
.html-textarea-highlights {	
	bottom: 14px;
	white-space: pre-wrap;
	word-wrap: break-word;
	color: #333;
	pointer-events: none;
}
.html-textarea-highlights mark {
	color: red;
	font-weight: normal;
	font-style: normal;
	background-color: transparent;
}
.html-textarea-highlights mark.tag {
	color: red;
}
.html-textarea-highlights mark.tag-attribute {
	color: blue;
}
.html-textarea-highlights mark.tag-attribute-value {
	color: orange;
}
.html-textarea-highlights mark.variable {
	color: cyan;
}
.html-textarea-highlights mark.spin-block {
	color: #00ff00;
}
.html-textarea-highlights mark.terms-ref {
	color: #ff00ff;
}
@media screen and (min-width: 1600px)
{
	.html-textarea-wrapper textarea.html, 
	.html-textarea-highlights {
		font-size: 16px;
	}
	.html-textarea-highlights {	
		bottom: 16px;
	}
}
/* Fixes for TinyMce Styles */
.mce-container button, 
.mce-container button:hover {
	border: 0;
	margin: 0;
	background: transparent !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-ms-filter: none;
	filter: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.mce-container button {
	padding: 0;
}
.mce-open:hover {
	border-left: 1px solid #cccccc !important;
}
.mce-primary button, 
.mce-primary button i, 
.mce-primary button:hover, 
.mce-primary button:hover i {
    color: #ffffff !important;
}
#skip_to_content {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 100%;
}
#skip_to_content a {
	color: #ffffff;
	padding: 1em;
	display: block;
}
.radial-progress {
	position: relative;
	height: 60px;
	width: 60px;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #ccc;
	overflow: hidden;
}
.radial-progress.large {
	height: 120px;
	width: 120px;
}
.radial-progress .arc-right, 
.radial-progress .arc-left {
	position: absolute;
	height: 100%;
	width: 50%;
	overflow: hidden;
}
.radial-progress .arc-right {
	left: 50%;
}
.radial-progress .arc-right div, 
.radial-progress .arc-left div {
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #84b796;
}
.radial-progress.green .arc-right div, 
.radial-progress.green .arc-left div {
	background-color: #2ecc40;
}
.radial-progress.orange .arc-right div, 
.radial-progress.orange .arc-left div {
	background-color: #ff851b;
}
.radial-progress.red .arc-right div, 
.radial-progress.red .arc-left div {
	background-color: #ff4136;
}
.radial-progress .arc-right div {
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	right: 100%;
}
.radial-progress .arc-left div {
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
	transform-origin: 0 50%;
	left: 100%;
}
.radial-progress .circle {
	position: absolute;
	top: 5%;
	left: 5%;
	height: 90%;
	width: 90%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: white;
	text-align: center;
	vertical-align: middle;
	z-index: 5;
}
.radial-progress .circle span {
	position: relative;
	top: 25%;
	font-weight: bold;
	font-size: 1.2em;
}
.radial-progress.large .circle span {
	font-size: 1.6em;
	top: 32%;
}

/* Simple show / hide system for different browser widths and heights */
.gt_480, 
.gt_600, 
.gt_640, 
.gt_768, 
.gt_960, 
.gt_480h, 
.gt_600h, 
.gt_640h, 
.gt_768h, 
.gt_960h {
	display: none;
}
@media screen and (min-width: 480px)
{
	.lt_480 {
		display: none;
	}
	.gt_480 {
		display: block;
	}
	span.gt_480 {
		display: inline;
	}
}
@media screen and (min-width: 600px)
{
	.lt_600 {
		display: none;
	}
	.gt_600 {
		display: block;
	}
	span.gt_600 {
		display: inline;
	}
}
@media screen and (min-width: 640px)
{
	.lt_640 {
		display: none;
	}
	.gt_640 {
		display: block;
	}
	span.gt_640 {
		display: inline;
	}
}
@media screen and (min-width: 768px)
{
	.lt_768 {
		display: none;
	}
	.gt_768 {
		display: block;
	}
	span.gt_768 {
		display: inline;
	}
}
@media screen and (min-width: 960px)
{
	.lt_960 {
		display: none;
	}
	.gt_960 {
		display: block;
	}
	span.gt_960 {
		display: inline;
	}
}
@media screen and (min-height: 480px)
{
	.lt_480h {
		display: none;
	}
	.gt_480h {
		display: block;
	}
	span.gt_480h {
		display: inline;
	}
}
@media screen and (min-height: 600px)
{
	.lt_600h {
		display: none;
	}
	.gt_600h {
		display: block;
	}
	span.gt_600h {
		display: inline;
	}
}
@media screen and (min-height: 600px)
{
	.lt_640h {
		display: none;
	}
	.gt_640h {
		display: block;
	}
	span.gt_640h {
		display: inline;
	}
}
@media screen and (min-height: 768px)
{
	.lt_768h {
		display: none;
	}
	.gt_768h {
		display: block;
	}
	span.gt_768h {
		display: inline;
	}
}
@media screen and (min-height: 960px)
{
	.lt_960h {
		display: none;
	}
	.gt_960h {
		display: block;
	}
	span.gt_960h {
		display: inline;
	}
}

.trustpilot-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* New Landing Page Impelementation */
.landing-page-wrapper {
	display: flex;
    flex-direction: column;
	text-align: center;
	color: white;
	background: #fed351 url('/theme/2/images/background-tile.png') repeat bottom left;
	margin: -0.6em -0.6em 0.6em -0.6em;
	padding: 1em 0.6em;
	position: relative;
	z-index: 1;
}
.landing-page-wrapper:before {
	content: "";
	position: absolute;
	background: #146e6c;
	background: -moz-linear-gradient(top, #146e6c 0%, #014d4b 100%);
	background: -webkit-linear-gradient(top, #146e6c 0%, #014d4b 100%);
	background: linear-gradient(to bottom, #146e6c 0%, #014d4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#146e6c', endColorstr='#014d4b',GradientType=0);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.landing-page-box-wrapper {
	order: 2;
}
.landing-page-text-wrapper {
	order: 1;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-bottom: 1em;
}
.landing-page-wrapper.box_first .landing-page-box-wrapper {
	order: 1;
	margin-bottom: 1em;
} 
.landing-page-wrapper.box_first .landing-page-text-wrapper {
	order: 2;
	margin-bottom: 0;
}
.landing-page-text-wrapper p {
	text-align: center;
}
.landing-page-box .search_other_sites {
	display: none;
}
.landing-page-single-column-wrapper, 
.landing-page-single-column-wrapper h1, 
.landing-page-single-column-wrapper h2, 
.landing-page-single-column-wrapper p, 
.landing-page-text, 
.landing-page-text h1, 
.landing-page-text h2, 
.landing-page-text p, 
.landing-page-box, 
.landing-page-box h1, 
.landing-page-box h2, 
.landing-page-box p, 
.landing-page-centre, 
.landing-page-centre h1, 
.landing-page-centre p {
	color: white;
}
.landing-page-text p:last-child {
	padding: 0;
}
.landing-page-wrapper a, 
.landing-page-wrapper a:link, 
.landing-page-wrapper a:visited, 
.landing-page-text a, 
.landing-page-text a:link, 
.landing-page-text a:visited {
	color: #333;
}
.landing-page-wrapper a:hover, 
.landing-page-wrapper a:active, 
.landing-page-text a:hover, 
.landing-page-text a:active {
	color: blue;
}
.landing-page-box {
	font-size: 1.1em;
}
.landing-page-box form, 
.search_wrapper.modern {
	width: 100%;
	margin: 0 auto;
}
.landing-page-wrapper .marketing, 
.landing-page-box fieldset, 
.search_box.modern {
	background: transparent;
	text-align: left;
	border: 0;
}
.landing-page-wrapper .marketing h2, 
.landing-page-wrapper .marketing p, 
.landing-page-wrapper .marketing b, 
.landing-page-wrapper .marketing strong {
	text-shadow: none;
	color: white;
	text-align: center;
}
.opacity_layer, 
.landing-page-wrapper fieldset, 
.landing-page-wrapper .marketing {
	position: relative;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	z-index: 1;
}
.opacity_layer:before, 
.landing-page-wrapper fieldset:before, 
.landing-page-wrapper .marketing:before {
	content: "";
	position: absolute;
	background: white;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.2;
	-ms-filter: "alpha(opacity=20)";
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.opacity_layer {
	display: inline-block;
	width: auto;
	padding: 1em;
}
.opacity_layer.thin {
	padding: 0.5em;
}
.opacity_layer.single_button {
	width: 100%;
}
.opacity_layer a, 
.opacity_layer input, 
.opacity_layer button {
	margin: 0;
}
.landing-page-wrapper fieldset {
	width: 100%;
	margin: 0;
}
.landing-page-wrapper label {
	color: white;
	float: none;
	text-align: left;
	margin: 0;
	padding: 0;
	width: auto;
}
.landing-page-wrapper sup, 
.landing-page-wrapper .compulsory {
	display: none;
}
.landing-page-wrapper .hover_help_front {
	color: #333 !important;
}
.landing-page-wrapper .input_wrapper {
	float: none;
	width: 100%;
}
.landing-page-wrapper input[type=text], 
.landing-page-wrapper input[type=password], 
.landing-page-wrapper select {
	border: 1px solid white;
	width: 100%;
}
.landing-page-wrapper .checkbox_field_wrapper label, 
.landing-page-wrapper .checkbox_field_wrapper .input_wrapper, 
.landing-page-wrapper .radio_field_wrapper label, 
.landing-page-wrapper .radio_field_wrapper .input_wrapper {
	display: inline-block;
	width: auto;
}
.landing-page-wrapper .field_wrapper_button label {
	display: none;
}
.landing-page-wrapper #TutorSearchSubmit_field_wrapper {
	margin-top: 1.5em;
}
.landing-page-wrapper input[type=submit], 
.landing-page-wrapper button, 
.landing-page-wrapper .secondary_cta {
	border: 1px solid white;
	font-size: 1.3em;
	width: 100% !important;
	background: #b800ba !important;
	color: white !important;
}
.landing-page-wrapper input[type=submit]:hover, 
.landing-page-wrapper input[type=submit]:active, 
.landing-page-wrapper button:hover, 
.landing-page-wrapper button:active {
	background: #666 !important;
	color: white !important;
}
.landing-page-wrapper .or {
	display: none;
}
.landing-page-eat a,
.landing-page-eat .trustpilot-widget {
	border: solid 1px white;
	border-radius: 4px;
	padding: .5em 1em;
	margin: .25em;
	display: inline-block;
	text-transform: none;
	color: white;
	font-weight: normal;
}
.landing-page-eat .trustpilot-widget {
	position: relative;
    background-color: white;
    padding: 4px 0 0 8px;
    border: none;
}
.landing-page-eat a::before {
	content: '✔';
	margin-right: .5em;
}
.landing-page-eat-logos {
	margin: 1.5em 0 0 0;
}
.landing-page-eat-logos a {
	border: none;
	padding: 0;
	background-color: white;
}
.landing-page-eat-logos img {
	display: block;
}
.landing-page-eat-logos a::before {
	content: '';
	margin: 0;
}
.landing-page-wrapper .landing-page-eat a,
.landing-page-wrapper .landing-page-eat a:link,
.landing-page-wrapper .landing-page-eat a:hover {
	color: white;
}
.landing-page-eat a:hover {
	background-color: rgba(255,255,255,0.1);
}
.landing-page-eat-logos a:hover {
	background-color: white;
}

#general_postcode_find, 
#general_postcode_find_modal {
	background: #e9e9e9 !important;
	border: 1px solid #c3c3c3;
	color: #666 !important;
	font-size: 1.1em;
}
#general_postcode_find:hover, 
#general_postcode_find:active, 
#general_postcode_find_modal:hover, 
#general_postcode_find_modal:active {
	background: #d9d9d9 !important;
}
.drill-down-wrapper {
	padding-bottom: 0;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
	margin-bottom: 1em;
}
.drill-down-wrapper a {
	font-size: 1em;
}
.drill-down-wrapper strong {
	color: black;
}
.login-page-wrapper h1, 
.login-page-wrapper h2 {
	font-size: 1.5em;
	padding: 0;
	margin: 0 0 1em 0;
}
.landing-page-box .search_wrapper {
	margin-top: 3.2em;
}
.landing-page-box .search_wrapper h2.search {
	display: block;
	position: absolute;
	width: 70%;
	font-size: 1.3em;
	top: -1.9em;
	left: 15%;
	text-align: center;
	margin: 0;
	padding: 0.2em 1em;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
.landing-page-box .search_wrapper h2.search:before {
	content: "";
	position: absolute;
	background: white;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.2;
	-ms-filter: "alpha(opacity=20)";
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-border-top-right-radius: 6px;
	-khtml-border-radius-topright: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-radius-topleft: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}
.login-page-wrapper h2.fieldset {
	display: none;
}
@media screen and (min-width: 320px)
{
	.opacity_layer.single_button, 
	.landing-page-box form {
		width: 19em;
	}
}
@media screen and (min-width: 480px)
{
	.landing-page-box .search_wrapper h2.search {
		font-size: 1.4em;
	}
}
@media screen and (min-width: 600px)
{
	.landing-page-text-wrapper {
		margin: 1em 0 1.5em 0;
	}
	.landing-page-box-wrapper {
		margin-bottom: 1.5em;
	}
}
@media screen and (min-width: 768px)
{
	/*
	html {
		overflow-x: hidden;
	}
	*/
	.landing-page-wrapper {
		display: block;
		height: 500px;
		margin: -14px -1em 0 -1.5em;
		padding: 14px 1em 14px 1.5em;
	}
	.landing-page-wrapper.auto {
		height: auto;
	}
	.landing-page-box-wrapper, 
	.landing-page-text-wrapper {
		width: 49%;
		float: left;
		height: 100%;
		display: table;
		margin: 0;
		padding: 0; 
	}
	.landing-page-wrapper.box_first .landing-page-box-wrapper, 
	.landing-page-wrapper.box_first .landing-page-text-wrapper {
		float: right;
	} 
	.landing-page-box, 
	.landing-page-text {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
		height: 100%;
		padding: 0 2em;
	}
	.landing-page-text-wrapper:before {
		display: none;
	}
	.drill-down-wrapper {
		font-size: 0.9em;
	}
	.login-page-wrapper .landing-page-box-wrapper {
		position: relative;
	}
	.login-page-wrapper h1, 
	.login-page-wrapper h2 {
		font-size: 1.6em;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.landing-page-box .search_wrapper {
		margin-top: 2.5em;
	}
	.landing-page-wrapper .or {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		font-size: 1.7em;
	}
}
@media screen and (min-width: 1280px)
{
	.landing-page-wrapper {
		margin: -14px -1% 0 -1%;
		padding: 14px 1%;
	}
}
@media screen and (min-width: 1600px)
{
	.landing-page-wrapper {
		margin: -16px -12.5% 0 -12.5%;
		padding: 16px 12.5%;
	}
}
@media screen and (min-width: 1920px)
{
	.landing-page-wrapper {
		margin: -16px -21.4% 0 -21.4%;
		padding: 16px 21.4%;
	}
}
@media screen and (min-width: 2550px)
{
	.landing-page-wrapper {
		margin: -16px -33.333% 0 -33.333%;
		padding: 16px 33.333%;
	}
}

.js-collapse-wrapper {
	position: relative;
}
.js-collapse-wrapper.collapsed {
	max-height: 3.5em;
	margin-bottom: 1.5em;
}
.js-collapse-wrapper.collapsed .js-collapse {
	overflow-y: hidden;
	max-height: 3.5em;
}
.js-collapse-wrapper .js-collapse-expand {
	position: absolute;
	right: 0;
	bottom: -1em;
}
.js-collapse-wrapper.collapsed .js-collapse-expand {
	bottom: auto;
	top: 3.5em;
}

#tutee_registration_form sup {
	display: none;
}

.tutor-registration-wrapper {
	display: block;
}
.tutor-registration-wrapper .landing-page-text-wrapper:before {
	display: none;
}
.tutor-registration-wrapper .landing-page-text-wrapper {
	padding-top: 0;
}
.tutor-registration-wrapper sup, 
.tutor-registration-wrapper .compulsory, 
.tutor-registration-wrapper label {
	display: none !important;
}
.tutor-registration-wrapper label.inline {
	display: inline !important;
	color: white; 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}
.tutor-registration-wrapper #terms_field_wrapper a {
	color: #e1e1e1;
}
.tutor-registration-wrapper #terms_field_wrapper a:hover {
	color: blue;
}
.tutor-registration-wrapper fieldset {
	position: relative;
	z-index: 1;
	background: none;
	border: 0;
}
.tutor-registration-wrapper fieldset:before {
	content: "";
	position: absolute;
	background: white;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	-moz-opacity: 0.2;
	-ms-filter: "alpha(opacity=20)";
	filter: alpha(opacity=20);
	-khtml-opacity: 0.2;
	opacity: 0.2;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tutor-registration-wrapper select, 
.tutor-registration-wrapper input[type=text] {
	border: 1px solid white;
	width: 100%;
}
.tutor-registration-wrapper .input_wrapper {
	width: 100%;
}
.tutor-registration-wrapper .field_wrapper_button {
	width: 100%;
	text-align: center;
}
/* Weird Safari error requires this */
.tutor-registration-wrapper #terms_field_wrapper {
	float: left;
}
@media screen and (min-width: 600px)
{
	.tutor-registration-wrapper.landing-page-wrapper h1 {
		font-weight: bolder;
		font-size: 46px;
	}
	.tutor-registration-wrapper .landing-page-box form {
		width: 100%;
	}
	.tutor-registration-wrapper .landing-page-box {
		padding: 1em 1em 4em 1em;
	}
	.tutor-registration-wrapper .landing-page-text {
		padding: 3em 1em 1em 1em;
	}
	.tutor-registration-wrapper #title_id_field_wrapper {
		display: inline-block;
		width: 13%;
	}
	.tutor-registration-wrapper #forename_field_wrapper, 
	.tutor-registration-wrapper #surname_field_wrapper {
		display: inline-block;
		width: 49%;
	}
	.tutor-registration-wrapper #title_id_field_wrapper, 
	.tutor-registration-wrapper #forename_field_wrapper {
		margin-right: 1%;
	}
	.tutor-registration-wrapper #abn_number {
		width: 80%;
	}
}
@media screen and (min-width: 768px)
{
	.tutor-registration-wrapper.landing-page-wrapper {
		display: block;
		height: auto;
	}
	.tutor-registration-wrapper .landing-page-box-wrapper, 
	.tutor-registration-wrapper .landing-page-text-wrapper {
		width: auto;
		float: none;
		height: auto;
		display: block;
	}
	.tutor-registration-wrapper .landing-page-box, 
	.tutor-registration-wrapper .landing-page-text {
		display: block;
		width: 100%;
		height: 100%;
	}
	.tutor-registration-wrapper #title_id_field_wrapper {
		width: 10%;
	}
	.tutor-registration-wrapper #forename_field_wrapper, 
	.tutor-registration-wrapper #surname_field_wrapper {
		width: 32%;
	}
	.tutor-registration-wrapper #email_field_wrapper {
		display: inline-block;
		width: 32.5%;
	}
	.tutor-registration-wrapper #surname_field_wrapper {
		margin-right: 1%;
	}
	.tutor-registration-wrapper #submit_next_field_wrapper {
		text-align: right;
	}
	.tutor-registration-wrapper #submit_next {
		width: auto !important;
		font-size: 1em;
	}
	.tutor-registration-wrapper #terms_field_wrapper {
		position: absolute;
		display: inline-block;
		width: auto;
		right: 130px;
		bottom: 1.4em;
	}
	.tutor-registration-wrapper #abn_number {
		width: 85%;
	}
}
@media screen and (min-width: 960px)
{
	.tutor-registration-wrapper .landing-page-box {
		padding: 1em 1em 4em 1em;
	}
	.tutor-registration-wrapper .landing-page-text {
		padding: 3em 1em 1em 1em;
	}
	.tutor-registration-wrapper fieldset {
		padding-bottom: 2em;
	}
	.tutor-registration-wrapper #title_id_field_wrapper {
		width: 8%;
	}
	.tutor-registration-wrapper #forename_field_wrapper, 
	.tutor-registration-wrapper #surname_field_wrapper, 
	.tutor-registration-wrapper #email_field_wrapper, 
	.tutor-registration-wrapper #submit_next_field_wrapper {
		display: inline-block;
		/*width: 24%;*/
		width: 27%;
	}
	.tutor-registration-wrapper #email_field_wrapper {
		/*width: 25.8%;*/
		width: 28.8%;
	}
	.tutor-registration-wrapper #email_field_wrapper {
		margin-right: 1%;
	}
	.tutor-registration-wrapper #submit_next_field_wrapper {
		width: 12%;
	}
	.tutor-registration-wrapper #submit_next {
		margin-bottom: 0;
		width: 100% !important;
	}
	.tutor-registration-wrapper #terms_field_wrapper {
		right: 2em;
		bottom: 0;
	}
	.tutor-registration-wrapper #abn_number_field_wrapper {
		position: absolute;
		display: inline-block;
		width: 500px;
		left: 1.4em;
		bottom: 0.4em;
	}
	.tutor-registration-wrapper #abn_number {
		width: 75%;
	}
	.landing-page-box-wrapper.abn_number .landing-page-box fieldset {
		padding-bottom: 3em !important;
	}
}
@media screen and (min-width: 1280px)
{
	.tutor-registration-wrapper form {
		max-width: 1080px;
	}
}

#contact_tutor_modal {
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	right: 0.3em;
	z-index: 200;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: white;
	border: 1px solid #d6d6d6;
}
#contact_tutor_modal:before {
	content: "";
	position: fixed;
	background: black;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
#contact_tutor_modal_title {
	padding: 0.7em;
	border-bottom: 1px solid #d6d6d6;
	padding-right: 2em;
	background: white;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-radius-topleft: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
}
#contact_tutor_modal.unregistered #contact_tutor_modal_title {
	border-bottom: 0;
}
#contact_tutor_modal_content {
	background: white;
	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-khtml-border-radius-bottomright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}
#contact_tutor_modal_content fieldset {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	background: transparent;
}
#contact_tutor_modal_content fieldset label {
	display: none;
}
#contact_tutor_modal_content #time_to_call_field_wrapper label
{
	display: block;
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	width: auto;
}
#contact_tutor_modal_content #terms_field_wrapper label.inline,
#contact_tutor_modal_content #call_me_field_wrapper label.inline
 {
	display: inline !important;
}
#contact_tutor_modal_content textarea {
	height: 12em;
}
#contact_tutor_modal_close {
	position: absolute;
	top: 0.6em;
	right: 1em;
	color: #666;
	font-size: 1.4em;
}
#contact_tutor_modal_close:hover {
	color: red;
}
#contact_tutor_modal_register, 
#contact_tutor_modal_login {
	margin: 0 -0.6em;
	border-bottom: 1px solid #aebcc5;
}
.contact_tutor_modal_tabs {
	padding: 0 0.6em;
}
.contact_tutor_modal_notabs {
	padding-bottom: 0.6em;
	text-align: center;
}
.contact_tutor_modal_tabbed h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#contact_tutor_modal_login_link, 
#contact_tutor_modal_register_link, 
.contact_tutor_modal_tabs > span {
	display: inline-block;
	width: 50%;
	background: #f6f6f6; 
	color: #484848;
	padding: 0.6em 0.3em;
	border: 1px solid #d6d6d6;
	border-bottom: 1px solid #aebcc5;
	text-align: center;
	margin: 0 0 -1px 0;
}
.contact_tutor_modal_notabs a {
	width: auto !important;
	padding: 0.6em !important;
}
.contact_tutor_modal_tabs > span {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	background: #e6f4fc;
	border-color: #aebcc5;
	border-bottom: 1px solid #e6f4fc;
}
.contact_tutor_modal_tabs .no-right {
	border-right: 0 !important;
}
.contact_tutor_modal_tabs .no-left {
	border-left: 0 !important;
}
.contact_tutor_modal_tabbed {
	border-top: 1px solid #aebcc5;
	padding: 0.3em 0.6em 0.1em 0.6em;
	background: #e6f4fc;
}
#contact_tutor_modal_login_link:hover, 
#contact_tutor_modal_register_link:hover {
	background: #cae7fa;
	border-color: #aebcc5;
}
#contact_tutor_modal #register_contact_field_wrapper {
	width: 100%;
}
@media screen and (min-width: 480px)
{
	#contact_tutor_modal {
		top: 1em;
	}
	#contact_tutor_modal.lower {
		top: 6.5em;
	}
	#contact_tutor_modal_content .field_wrapper {
		display: inline-block;
		width: 49.5%;
	}
	#contact_tutor_modal_content #time_to_call_field_wrapper,
	#contact_tutor_modal_content #call_me_field_wrapper
	{
		width: 100%;
	}
	#contact_tutor_modal_content .input_wrapper {
		width: 100%;
		margin: 0;
	}
	#contact_tutor_modal_content #terms_field_wrapper, 
	#contact_tutor_modal_content #message_field_wrapper, 
	#contact_tutor_modal_content #subject_level_field_wrapper {
		width: 100%;
	}
}
@media screen and (min-width: 600px)
{
	#contact_tutor_modal {
		position: fixed;
	}
	#contact_tutor_modal {
		width: 566px;
		left: 50%;
		right: auto;
		margin-left: -283px;
	}
	#contact_tutor_modal_content #terms_field_wrapper {
		width: 49.5%;
	}
	#contact_tutor_modal_content input[type="text"], 
	#contact_tutor_modal_content input[type="password"], 
	#contact_tutor_modal_content input[type="email"], 
	#contact_tutor_modal_content input[type="tel"], 
	#contact_tutor_modal_content select {
		width: 100%;
	}
	#contact_tutor_modal_register, 
	#contact_tutor_modal_login {
		margin: 0 -1.6em 0.6em -1.6em;
	}
	.contact_tutor_modal_tabs {
		padding: 0 1.6em;
	}
	.contact_tutor_modal_tabbed {
		padding: 0.3em 1.6em 0 1.6em;
		border-left: 1px solid #d5d5d5;
		border-right: 1px solid #d5d5d5;
	}
}
@media screen and (min-width: 1600px)
{
	#contact_tutor_modal_content #terms_field_wrapper a {
		font-size: 0.8em;
	}
}
.alert_modal_mask {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1001;
	background: black;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.alert_modal_outer {
	display: table;
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    height: 100%;
    width: 100%;
	z-index: 1002;
}
.alert_modal_middle {
	display: table-cell;
    vertical-align: middle;
}
.alert_modal_inner {
	position: relative;
	margin: 0 auto;
	width: 95%;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: transparent;
	color: #666;
}
.alert_modal_close {
	position: absolute;
	top: 0.3em;
	right: 0.7em;
	color: black !important;
	font-size: 1.5em !important;
	text-shadow: 0 1px 0 white;
	-moz-opacity: 0.3;
	-ms-filter: "alpha(opacity=30)";
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.alert_modal_close:hover {
	color: black !important;
	-moz-opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.alert_modal_title {
	border-bottom: 1px solid #d6d6d6;
	padding: 1em;
	-webkit-border-top-left-radius: 7px;
	-khtml-border-radius-topleft: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-khtml-border-radius-topright: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
	background: #d3d3d3;
	color: white;
}
.alert_modal_title h2 {
	padding-bottom: 0;
	background: #d3d3d3;
	color: #333;
}
.alert_modal_inner.error_modal .alert_modal_title, 
.alert_modal_inner.error_modal .alert_modal_title h2 {
	background: #d9534f;
	color: white;
}
.alert_modal_inner.message_modal .alert_modal_title, 
.alert_modal_inner.message_modal .alert_modal_title h2 {
	background: #5cb85c;
	color: white;
}
.alert_modal_inner.notice_modal .alert_modal_title, 
.alert_modal_inner.notice_modal .alert_modal_title h2 {
	background: #f0ad4e;
	color: white;
}
.alert_modal_content {
	padding: 1em;
	background: white;
	max-height: 200px;
	overflow-y: auto;
}
.alert_modal_content ul {
	list-style: none;
	margin: 0;
}
.alert_modal_content li {
	text-align: left;
	padding-bottom: 1em;
}
.alert_modal_content ul.compact li {
	padding-bottom: 0.4em;
}
.alert_modal_content ul.tight li {
	padding-bottom: 0;
}
.alert_modal_content li:last-child {
	padding-bottom: 0;
}
.alert_modal_content label {
	display: block;
}
.alert_modal_content label.inline {
	display: inline;
}
.alert_modal_content .field_wrapper_button label {
	display: none;
}
.alert_modal_footer {
	border-top: 1px solid #d6d6d6;
	padding: 1em;
	text-align: right;
	background: white;
	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-khtml-border-radius-bottomright: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-right-radius: 7px;
}
.alert_modal_footer a {
	text-transform: none;
	border: 1px solid #d6d6d6;
	padding: 0.4em;
	color: #666;
}
.alert_modal_footer a:hover {
	color: #222;
	background: #f2f2f2;
}
.alert_modal_content #tutee_additional_information_form .input_wrapper {
	width: 100%;
}
#availability_input_wrapper {
	width: 100%;
	margin-top: 8px;
}
#availability_input_wrapper .day {
	margin: 0 auto 4px 0;
	padding-left: 120px;
	max-width: 800px;
}
#availability_input_wrapper .day::after {
	content: '';
	display: block;
	clear: both;
}
#availability_input_wrapper .day input {
	display: none;
}
#availability_input_wrapper .day label {
	float: left;
	text-align: center;
	width: calc(33.33% - 4px);
	background: white;
	color: black;
	margin-right: 4px;
	padding: 1px 0;
}
#availability_input_wrapper.availability_toggle_field_wrapper .day label {
	background: #f6c6c6;
}
#availability_input_wrapper.availability_toggle_field_wrapper .day {
	margin: 0 auto 4px 0;
}
#availability_input_wrapper:not(.availability_toggle_field_wrapper) .day {
	padding-left: 33%;
}

#availability_input_wrapper .day label.available, 
#availability_input_wrapper .day input:checked + label {
	background: #cff9d6;
}
#availability_input_wrapper .day label.title {
	font-weight: bold;
	background: transparent;
	display: block;
	text-align: right;
	color: inherit;
	margin-right: 10px;
	width: 110px;
	margin-left: -120px;
}
@media screen and (min-width: 960px)
{
	#availability_input_wrapper:not(.availability_toggle_field_wrapper) .day {
		padding-left: 25%;
	}
}

/* Samsung Galaxy S7 horizontal */
@media screen and (min-height: 340px)
{
	.alert_modal_content {
		max-height: 220px;
	}
}
@media screen and (min-height: 360px)
{
	.alert_modal_content {
		max-height: 240px;
	}
}
/* Nexus horizontal */
@media screen and (min-height: 411px)
{
	.alert_modal_content {
		max-height: 291px;
	}
}
@media screen and (min-height: 480px)
{
	.alert_modal_content {
		max-height: 360px;
	}
}
/* Nexus Tablet horizontal */
@media screen and (min-height: 600px)
{
	.alert_modal_content {
		max-height: 480px;
	}
}
@media screen and (min-height: 640px)
{
	.alert_modal_content {
		max-height: 520px;
	}
}
/* Nexus vertical */
@media screen and (min-height: 731px)
{
	.alert_modal_content {
		max-height: 611px;
	}
}
@media screen and (min-height: 768px)
{
	.alert_modal_content {
		max-height: 648px;
	}
}
@media screen and (min-height: 960px)
{
	.alert_modal_content {
		max-height: 840px;
	}
}
@media screen and (min-height: 1024px)
{
	.alert_modal_content {
		max-height: 904px;
	}
}

@media screen and (min-width: 480px)
{
	.alert_modal_inner {
		width: 400px;
	}
}
@media screen and (min-width: 768px)
{
	.alert_modal_inner {
		width: 600px;
	}
}

.tutor_profile_completion_overall, 
.tutor_profile_completion_composite {
	text-align: center;
	margin-bottom: 0.6em;
}
.tutor_profile_completion_overall > div, 
.tutor_profile_completion_composite > div {
	margin: 0 auto;
}
@media screen and (min-width: 480px)
{
	.tutor_profile_completion_overall, 
	.tutor_profile_completion_composite {
		display: inline-block;
		width: 48%;
	}
}
@media screen and (min-width: 960px)
{
	.tutor_profile_completion {
		text-align: center;
	}
	.tutor_profile_completion_overall {
		width: 150px;
	}
	.tutor_profile_completion_composite {
		width: auto;
		margin-left: 2em;
	}
}

.suggested-tutors {
	text-align: center;
	margin: 1em 0 0 0;
}
.suggested-tutor {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	margin: 0 10px 10px 10px;
	padding: 20px;
	border-top: 1px solid #e6dee4;
	font-size: 0.9em;
	color: #666;
}
.suggested-tutor:hover {
	background: #fafafa;
}
.suggested-tutor img {
	border: 3px solid #fff;
	min-height: 100px;
}
.suggested-tutor a {
	text-decoration: none;
	color: #333;
}
.suggested-tutor a:hover, 
.suggested-tutor a:active {
	color: red;
}

span.extra-tag {
	display: inline-block;
	font-size: 0.9em;
	background: #f3f3f3;
	padding: 0.3em 0.6em;
	margin: 0.3em 0.6em 0.3em 0;
}
span.extra-tag.stars {
	position: relative;
	top: 4px;
	padding: 0.3em 0.6em 0 0.6em;
}
span.extra-tag.optional {
	background: #fff4d8;
}
@media screen and (min-width: 1600px)
{
	span.extra-tag.stars {
		top: 4px;
		padding: 0.4em 0.6em 0 0.6em;
	}
}
#inline_message, 
#inline_message .input_wrapper, 
#inline_message #message {
	margin: 0;
}
#inline_message, 
#inline_message #message_input_wrapper {
	padding: 0;
}
#tutor_decision_form #accept, 
#tutor_decision_form #security {
	margin-right: 1em;
}
@media screen and (min-width: 768px)
{
	#tutor_decline_reason ul {
		text-align: left;
	}
	#tutor_decline_reason ul li {
		display: inline-block;
		width: 50%;
	}
}

.request_availability_wrapper {
	width: 100%;
	margin-top: 10px;
}
.request_availability_wrapper .day {
	margin-bottom: 4px;
	font-weight: bold;
	background: transparent;
	display: block;
	width: 100%;
	text-align: center;
}
.request_availability_wrapper .day span {
	display: inline-block;
	width: 32%;
	background: #f6c6c6;
}
.request_availability_wrapper .day span.day-name {
	width: 100%;
	background: #f3f3f3;
}
.request_availability_wrapper .day .available {
	background: #cff9d6;
}
@media screen and (min-width: 600px)
{
	.request_availability_wrapper .day span, 
	.request_availability_wrapper .day span.day-name {
		width: 24%;
	}
}

ul landing-page-tutor {

}
ul.landing-page-tutor li {
	border: 1px solid #d5d5d5;
	border-top: 0;
	margin: 0;
	background: white;
	min-height: 120px;
	position: relative;
}
ul.landing-page-tutor li:nth-child(1) {
	border-top: 1px solid #d5d5d5;
}
ul.landing-page-tutor li div.landing-page-tutor-picture {
	position: absolute; 
	width: 115px; 
	text-align: center;
}
ul.landing-page-tutor li p {
	display: inline-block; 
	margin-left: 120px; 
	text-align: left;
	font-size: 0.9em;
}
ul.landing-page-tutor li img {
	border: 4px solid white;
}
ul.landing-page-tutor li span.landing-page-tutor-subjects, 
ul.landing-page-tutor li span.landing-page-tutor-subjects a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}
ul.landing-page-tutor li span.landing-page-tutor-subjects a:hover {
	color: #666;
}
ul.landing-page-tutor li span.landing-page-tutor-qualifications {
	font-size: 0.85em;
}

#tutor_resource_download fieldset {
	margin-bottom: 0 !important;
}
.tutor-resources em {
	font-size: 0.7em;
	color: #666;
}
#download_tutor_resource {
	display: block;
	margin: 0.5em auto 0 auto;
}
@media screen and (min-width: 600px)
{
	#tutor_resource_download #tutor_resource_id {
		width: calc(100% - 100px);
		font-size: 1.2em;
		padding: 0.4em 0.2em 0.45em 0.2em;
	}
	#download_tutor_resource {
		display: inline-block;
		margin: 0;
	}
}
@media screen and (min-width: 768px)
{
	#tutor_resource_download #tutor_resource_id {
		width: 100%;
		font-size: 1em;
	}
	#download_tutor_resource {
		display: block;
		margin: 0.5em auto 0 auto;
	}
}
@media screen and (min-width: 960px)
{
	#tutor_resource_download #tutor_resource_id {
		width: calc(100% - 100px);
		font-size: 1.2em;
		padding: 0.4em 0.2em 0.45em 0.2em;
	}
	#download_tutor_resource {
		display: inline-block;
		margin: 0;
	}
}
@media screen and (min-width: 1600px)
{
	#tutor_resource_download #tutor_resource_id {
		width: calc(100% - 110px);
	}
}

.feedback-landing {
	background: #f9f9f9;
	margin: 0 0 1em 0;
	padding: 0.6em;
}
.feedback-landing h3 {
	font-size: 1.1em;
	background: #f2f2f2;
	margin: -0.6em -0.6em 0 -0.6em;
	padding: 0.8em;
}
.feedback-landing h3 span {
	font-size: 0.9em;
}
.feedback-landing .greyStars {
	width: 144px;
	height: 26px;
	background: transparent url('/theme/2/images/off-stars-2.png') no-repeat center left;
}
.feedback-landing .blueStars, 
.feedback-landing .silverStars, 
.feedback-landing .goldStars {
	height: 26px;
	background: transparent url('/theme/2/images/on-stars-3.png') no-repeat center left;
}
.request_availability_wrapper {
	border-bottom: 1px solid #d5d5d5;
}
#mutual_availability {
	margin: 0.6em 0 0 0;
}
#mutual_availability .availability-tabs li, 
#mutual_availability .availability-tabs li a {
	width: 100%;
}
#mutual_availability .availability-tabs li a.current {
	background: #d2d2d2;
}
#mutual_availability label.title {
	border-bottom: 0;
	padding: 0;
	min-height: auto;
}
@media screen and (min-width: 480px)
{
	#mutual_availability .availability-tabs {
		position: static;
	}
}
@media screen and (min-width: 600px)
{
	#mutual_availability {
		margin: 0.9em 0.6em 0.6em 0.6em;
		padding-top: 0.4em;
	}
	#mutual_availability .availability-tabs {
		position: absolute;
	}
	#mutual_availability .availability-tabs li, 
	#mutual_availability .availability-tabs li a {
		width: auto;
	}
	#mutual_availability .availability-tabs li a.current {
		background: #fafafa;
	}
}
.development, .development::before {
	z-index: 9999;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: repeating-linear-gradient(
		-45deg,
		#ad0000,
		#ad0000 10px,
		#f75757 10px,
		#f75757 20px
	);
}
.development::before {
	position: fixed;
	content: '';
}
.development.bottom::before {
	top: auto;
	bottom: 0;
}
.development.local, .development.local::before {
	background: repeating-linear-gradient(
		-45deg,
		#ff8000,
		#ff8000 10px,
		#ffa44a 10px,
		#ffa44a 20px
	);
}
.search_button_expansion_wrapper {
	display: inline-block;
	position: relative;
	background-color: inherit;
	border-color: inherit;
	bottom: 0;
}
.search_button_expansion_wrapper:after {
	position: absolute;
	content: " ";
	height: 0.3em;
	top: 100%;
	left: 0;
	right: 0;
}
.search_button_expansion_wrapper span, 
.search_button_expansion_wrapper input {
	display: none;
}
.search_button_expansion_wrapper label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
	color: #7da2fb;
}
.search_button_expansion_wrapper span {
	position: absolute;
	z-index: 5;
	top: calc(100% + 0.3em);
	left: 0;
	right: 0;
	background: inherit;
	border: 2px solid black;
	border-color: inherit;
	margin: 0 -120px;
	padding: 0.6em;
	text-align: center;
}
.search_button_expansion_wrapper span:after, .search_button_expansion_wrapper span:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.search_button_expansion_wrapper span:after {
	border-color: rgba(252, 252, 252, 0);
	border-bottom-color: #fcfcfc;
	border-width: 8px;
	margin-left: -8px;
}
.search_button_expansion_wrapper span:before {
	border-color: rgba(213, 213, 213, 0);
	border-bottom-color: inherit;
	border-width: 11px;
	margin-left: -11px;
}
.critical .search_button_expansion_wrapper span:after {
	border-bottom-color: #ff4242;
}
.danger .search_button_expansion_wrapper span:after {
	border-bottom-color: #ff4242;
}
.warning .search_button_expansion_wrapper span:after {
	border-bottom-color: #f6c6c6;
}
.watch .search_button_expansion_wrapper span:after {
	border-bottom-color: #cca7d8;
}
.archive .search_button_expansion_wrapper span:after {
	border-bottom-color: #696969;
}
.search_button_expansion_wrapper:hover span, 
.search_button_expansion_wrapper input:checked + span {
	display: block;
}

.varsity__how-we-work {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
	position: relative;
}
.varsity__how-we-work li {
	position: relative;
	padding-left: 30px;
}
.varsity__how-we-work li::before {
	content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #393939;
    position: absolute;
    left: 4px;
    top: 4px;
}
.varsity__how-we-work h4 {
	padding: 0;
}
.varsity__how-we-work p {
	padding: 0 0 1em;
}

@media (min-width: 960px) {
	.varsity__how-we-work::before {
		content: "";
		display: block;
		border-bottom: 2px solid #393939;
		position: absolute;
		top: .3125rem;
		left: 16%;
		right: 16%;
	}
	.varsity__how-we-work::after {
		content: "";
		display: table;
		clear: both;
	}
	.varsity__how-we-work li {
		float: left;
		width: 33.3%;
		padding: 0 10px;
	}
	.varsity__how-we-work li::before {
		position: static;
		width: 20px;
		height: 20px;
		margin: -5px auto 1.0625rem;
		border-radius: 100%;
		background-color: #393939;
	}
	.varsity__how-we-work h4 {
		padding: 0 0 .25em;
		text-align: center;
	}
	.varsity__how-we-work p {
		text-align: center;
	}
	
}

.slides {
	margin-left: -0.6em;
	margin-right: -0.6em;
	overflow: hidden;
	position: relative;
}

.slides .slide {
	transition: transform 0.3s;
	left: 0;
	right: 0;
	top: 0;
	padding: 0 10px;
}

.slides .slide.left {
	transform: translateX(-100%);
	position: absolute;
	pointer-events: none;
}

.slides .slide.right {
	transform: translateX(100%);
	position: absolute;
	pointer-events: none;
	display: none;
}

.slides .slide button {
	margin-bottom: 0.4em;
}

.slides .slide.active {
	display: block;
}

.slides .slide.right.active {
	position: static;
}

#contact_tutor_modal_content .slides .field_wrapper {
	display: block;
	margin: 0 auto;
	padding: 5px;
	width: auto;
}

@media screen and (min-width: 480px) {
	#contact_tutor_modal_content .slides .input_wrapper {
		width: 67%;
		margin: 1px 0;
	}
}

#contact_tutor_modal_content .slides .field_wrapper_button .input_wrapper {
	width: 100%;
}

#contact_tutor_modal_content .slides label {
	display: block;
}

.slides-progress {
	height: 2px;
	margin-bottom: 1px;
	background: #00a8ff;
	transition: width 0.3s;
}

@media screen and (min-width: 600px) {
	.slides {
		margin-left: -1.6em;
		margin-right: -1.6em;
	}
}

img:not([src]) {
    visibility: hidden; /* LazyLoad */
}

.wobble {
	animation: wobble 0.6s;
}

@keyframes wobble {
	0% { transform: rotate(0); }
	25% { transform: rotate(-4deg); }
	44% { transform: rotate(3deg); }
	63% { transform: rotate(-2deg); }
	82% { transform: rotate(1deg); }
	100% { transform: rotate(0); }
}

a.call-now-bar {
	display: block;
    color: #fff;
	padding: .5rem 0;
	margin: -8px 0 1em;
	text-align: center;
	text-transform: none;
	position: relative;
	font-weight: normal;
}

a.call-now-bar > * {
	pointer-events: none;
}

a.call-now-bar::before,
a.call-now-bar::after
{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
}

a.call-now-bar,
a.call-now-bar:before,
a.call-now-bar:after
{
	background-color: #1081f3;
}

a.call-now-bar:hover,
a.call-now-bar:hover:before,
a.call-now-bar:hover:after
{
	background-color: #0b74de;
}

a.call-now-bar::before {
	right: 100%;
}

a.call-now-bar::after {
	left: 100%;
}

.call-now-bar svg {
	fill: white;
	width: 24px;
    height: 24px;
    margin: 1px 4px 1px 0;
    vertical-align: top;
}

.call-now-bar__mobile {
	font-size: 12px;
}

.call-now-bar__desktop {
	display: none;
	font-size: 16px;
}

.mobile-call-now,
.mobile-call-now-expand-block {
	display: none;
}

.call-us-now-text,
.call-us-now-phone-number {
	font-size: 1.5rem;
	text-align: center;
	padding: 0 10px;
}

.call-us-now-phone-number {
	color: #c62626;
	margin-top: 10px
}

.tutor-profile-row .tutor-profile-left-col {
	width: 170px;
	float: left;
}

.tutor-profile-row .tutor-profile-left-col #profile-picture {
	text-align: left;
}

.tutor-profile-row .tutor-profile-left-col img {
	width: 150px;
}

.tutor-profile-row .tutor-profile-right-col {
	width: calc(100% - 170px);
	float: left;
}

.tutor-profile-row .tutor-profile-right-col h1 {
	font-size: 1.6em;
}

.tutor-profile-row .tutor-profile-right-col h2,
.tutor-profile-row .tutor-profile-right-col h3 {
	font-size: 1.4em;
	padding-bottom: 0;
}

.tutor-profile-row .tutor-profile-right-col p {
	line-height: 1.4em;
}

.tutor-profile-row .tutor-profile-right-col .profile_extras b {
	line-height: 1.3em
}

.tutor-profile-row .tutor-profile-right-col .profile_left_column {
	margin-right: 420px;
}

.tutor-profile-location-title {
	font-size: 0.8em;
	font-style: italic;
	position: relative;
	display: inline-block;
	top: -15px;
}

.show-tutor-contact-form {
	margin-top: 20px;
	cursor: pointer;
	color:#6a91f0;
	font-weight: bold;
	transition: color .2s;
}

.show-tutor-contact-form:hover {
	color: #3571e1;
}

.tutor-contact-form-content {
	overflow: hidden;
	height: 0;
	transition: height .2s;
}

#alert_similar_tutor_input_wrapper label {
	display: inline-block !important;
	width: 100%;
	position: relative;
	top: -20px;
}

#alert_similar_tutor_field_wrapper + #register_contact_field_wrapper #register_contact_input_wrapper {
	text-align: right;
}

.tutor-profile-clear {
	display: none;
}

.press-bar-item {
	font-family: Montserrat,sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1.5;
	display: inline-block;
	vertical-align: text-bottom;
}

.featured-by svg,
.featured-by .press-bar-item {
	margin: 0 10px;
	color: #000000;
}

.featured-by .press-bar-item .press-bar-item-name,
.featured-by .press-bar-item .press-bar-item-type {
	letter-spacing: .025em;
	line-height: 1;
	text-align: center;
	font-size: 14px;
}

.featured-by .press-bar-item .press-bar-item-name {
	font-family: Times,Times New Roman,serif;
	font-size: 1.25rem;
	text-transform: none;
}

.featured-by .press-bar-item .press-bar-item-type {
	font-family: Arial,Helvetica,sans-serif;
	font-size: .66rem;
	text-transform: uppercase
}

.vt-leadform-wizard button,
.vt-leadform-wizard button:hover {
	color: #fff !important;
	background: #e1245a !important;
}

.vt-leadform-wizard button svg {
	box-sizing: unset;
}

p.guarantee {
	text-align: center;
}

.vt-leadform-wizard button.lead-constructor__back,
.vt-leadform-wizard button.lead-constructor__back:hover {
	padding: 0;
	border: 0;
	background: none !important;
	color: #000 !important;
	text-decoration: underline !important;
	box-shadow: none;
}

.vt-leadform-wizard button.lead-constructor__back span {
	font-size: 16px;
}

.lead-constructor__content .form__field {
	width: 100%;
	padding-right: 0 !important;
	text-align: left;
}

.lead-constructor__content .form__field input{
	width: 100%;
}

@media screen and (min-width: 960px) {
	a.call-now-bar {
		margin-top: -14px;
	}	
}

@media screen and (min-width: 1600px) {
	a.call-now-bar {
		margin-top: -16px;
	}	
}

@media screen and (min-width: 768px) {
	.call-now-bar__desktop {
		display: block;
	}
	.call-now-bar__mobile {
		display: none;
	}
}

@media screen and (max-width: 1599px) {
	a.call-now-bar::before {
		width: 21px;
	}
	
	a.call-now-bar::after {
		width: 14px;
	}
}

@media screen and (max-width: 959px) {
	a.call-now-bar::before {
		width: 8px;
	}
	
	a.call-now-bar::after {
		width: 8px;
	}

	.tutor-profile-right-col #profile_right_col {
		float: none;
		width: 100%;
	}

	.tutor-profile-row .tutor-profile-right-col .profile_left_column {
		margin-right: 0;
	}
}

@media screen and (max-width: 500px) {
	.tutor-profile-second-row .tutor-profile-left-col,
	.tutor-profile-second-row .tutor-profile-right-col {
		float: none;
		width: 100%;
	}

	.tutor-profile-clear {
		display: block;
	}

	.tutor-profile-row .tutor-profile-right-col h1 {
		font-size: 1.3em;
	}
}

@media screen and (max-width: 480px) {
	header {
		/*background: transparent;*/
		height: 108px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 90;
		background: #fff;
	}

	/*nav#nav {*/
	/*	position: fixed;*/
	/*	background: #e4e4e6;*/
	/*	height: 55px;*/
	/*}*/

	#container{
		margin-top: 97px;
	}

	/*#logo {*/
	/*	margin: 0 auto;*/
	/*}*/

	/*#logo a {*/
	/*	margin-top: 55px;*/
	/*}*/

	#niche-bar #niche {
		left: 0;
		margin: 0 auto;
	}

	a.call-now-bar.fixed-nav-bar {
		position: fixed;
		top: 114px;
		z-index: 79;
		right: 0;
		left: 0;
	}

	a.call-now-bar.fixed-nav-bar + .landing-page-wrapper {
		margin-top: 32px;
	}

	a.mobile-call-now {
		display: block;
		background-color: #1081f3;
		color: #ffffff !important;
		text-transform: uppercase;
		margin-bottom: 0;
		border: 1px solid #1081f3;
		margin-top: 20px
	}

	a.mobile-call-now:active,
	a.mobile-call-now:hover,
	a.mobile-call-now:visited {
		background-color: #1081f3 !important;
	}

	.mobile-call-now-expand-block {
		display: block;
		text-align: center;
		cursor: pointer;
	}

	.expand-block-text {
		color: #1081f3;
		text-decoration: underline;
		font-size: 16px;
	}

	.expand-block-icon {
		margin-top: -5px;
	}

	.mobile-call-now-expand-block i {
		border: solid #1081f3;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.below-tutors-text {
		overflow: hidden;
		height: 0;
		transition: height .2s;
	}
}