@import "normalizev5.css";
/*@import url('https://fonts.googleapis.com/css?family=Overlock:400,400i,900,900i');*/
@import url('https://fonts.googleapis.com/css?family=Overlock+SC:400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700');*/


html, button, input, select, textarea {
	color: #3C3C3C;
}

	input[type="text"], textarea {
		font-family: 'Open Sans',sans-serif;
		/*'Open Sans Condensed', 'Overlock',*/
	}

html {
	font-size: 0.7em;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	font-family: 'Open Sans',sans-serif;
	/*'Open Sans Condensed', 'Overlock',*/
}

html, body, form {
	height: 100%;
}

body {
	position: relative;
	right: 0;
	transition: right .5s;
	margin: 0;
}

* {
	/*outline: 1px solid red;*/
	outline: 0;
	margin: 0;
	padding: 0;
}


#mainwrap {
	min-height: 100%;
}

.main-content {
	overflow: auto;
	padding-bottom: 188px; /* must be same height as the footer */
}

footer {
	/*background: #FFFFFF;*/
	border-top: 2px solid #7F7F7F;
	position: relative;
	margin-top: -205px; /* negative value of footer height */
	height: 205px;
	/*clear: both;*/
}

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

::selection {
	background: #FFFFFF;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #7F7F7F;
	margin: 1em 0;
	padding: 0;
}

audio, canvas, img, video, .vertical-middle {
	vertical-align: middle;
}

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

textarea {
	resize: vertical;
}

h1, h2, h3, h4, h5 {
	font-family: 'Open Sans',sans-serif;
	/*'Open Sans Condensed', 'Overlock',*/
	clear: both;
}

h1, h2 {
	font-size: 2.5em;
}

h3 {
	font-size: 2em;
	font-weight: bold;
}

h4 {
	font-size: 1.6em;
}
/*h4:before {
	border-top: 1px solid;
	content:'';
	display:block;
	padding-top:15px;
}*/

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

/*.main-content p, .main-content li {
	color: #8d8d8d;
}*/

/*.main-content p a, .main-content li a {
		color: #439ae6;
	}*/

/*.sidebar h3 {
	color: #5e87ab;
}*/

a, a:link, a:visited, a:hover, a:active {
	/*transition: all .5s;*/
	text-decoration: none;
	color: #3C3C3C;
	outline: 0;
}

.legal p {
	font-size: 0.8em;
	margin: 2em 0;
}

.txt-center {
	text-align: center;
}

header {
	border-bottom: 2px solid #7F7F7F;
	height: 90px;
}

	header h1 {
		margin: 0;
		font-size: 2.5em;
		float: left;
	}

	header h2 {
		margin: 0;
		font-size: 2.2em;
		float: left;
	}

		header h2 a, header h1 a {
			text-decoration: none;
			display: inline-block;
			padding: 10px 0;
		}

.logoheight {
	height: 100px;
}

/*header p {
		color: #3C3C3C;
	}*/

/*footer p {
	color: #3C3C3C !important;
}*/

footer a {
	color: #3C3C3C;
}

/*.sub-header {
	background: #FFFFFF none repeat scroll 0 0;
}*/

.container {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 20px;
}

.nav-main {
	/*float: right;*/
	line-height: 1;
}

	.nav-main ul {
		margin: 0;
	}

	.nav-main li {
		float: left;
		/*border-right: 1px solid #7F7F7F;*/
		font-size: 20px;
		/*2em;*/
		position: relative;
	}

		.nav-main li.menu-level1 {
			display: table;
		}

			.nav-main li.menu-level1 .menu-level1-item {
				display: table-cell;
				vertical-align: middle;
				height: 90px;
			}

			.nav-main li.menu-level1 a.menu-level1-item {
				padding-left: 5px;
				padding-right: 5px;
			}

	.nav-main a {
		color: #3C3C3C;
		text-decoration: none;
		display: block;
		/*padding: 8px 30px 8px;*/
	}

		.nav-main a:hover {
			/*background: #F5F5F5;*/
			font-weight: bold;
		}

.sub-items ul, .sub-items:hover ul.unhover {
	display: none;
	position: absolute;
	top: 90px;
	right: 0;
	background: #F5F5F5;
	margin: 0;
	padding: 0;
	/*font-size: 0.5em;*/
	width: 100%; /*200px;*/
	z-index: 100;
	border-top: 2px solid #7f7f7f;
	border-left: 2px solid #7f7f7f;
	border-right: 2px solid #7f7f7f;
	border-bottom: 2px solid #7f7f7f;
}

	.sub-items ul li {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
		width: 100%;
	}

		.sub-items ul li a {
			display: block;
			float: none;
			padding: 1%;
			margin-left: 0;
			/*width: 94%;*/
		}

.sub-items:hover ul {
	display: block;
}

.sub-items a {
	/*padding-right: 45px;*/
}

/*.sub-items ul li:hover {
	font-weight: bold;
	background-color:#F5F5F5;
}*/

/*.sub-items:after {
	content: '';
	display: block;
	position: absolute;
	right: 25px;
	top: 16px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #3C3C3C;
	border-top-color: attr(data-border-top-color);
}*/

/*.togglenav {
	float: right;
	color: white;
	text-decoration: none;
	font-size: 2.5em;
	padding: 7px 30px 6px;
	margin-right: -30px;
}

	.togglenav:hover {
		background: #e73d74;
	}

.sidenav {
	position: fixed;
	display: block;
	background: #333;
	right: -15.625em;
	top: 0;
	width: 15.625em;
	height: 100%;
	transition: right .5s;
}*/

/*.sidenav.opened {
		right: 0;
	}

	.sidenav li {
		padding: .5em 0;
	}

	.sidenav a {
		color: white;
	}*/


/*.banner {
	height: 520px;
	background: url(/siteassets/images/backgrounds/bg_banner.png) bottom center #439ae6;
}*/

/*.banner h1 {
		color: white;
		font-size: 3.7em;
		margin: 0;
		line-height: 1;
		width: 438px;
		padding-top: 150px;
	}

	.banner p {
		color: white;
		width: 438px;
		font-size: .95em;
	}

	.banner .container > * {
		margin-left: 15%;
	}*/

.list-twocol {
	margin-top: 3em;
	padding: 0 0 0 20px;
}

	.list-twocol a {
		text-decoration: none;
	}

		.list-twocol a:hover {
			text-decoration: underline;
		}

	.list-twocol li {
		position: relative;
	}

		.list-twocol li:before {
			width: 0;
			height: 0;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-left: 10px solid white;
			content: '';
			position: absolute;
			top: 6px;
			left: -20px;
		}

.legal .container {
	position: relative;
}

.legal .social {
	position: absolute;
	top: 12px;
	right: 20px;
}

.main-content {
	margin-bottom: 10px;
}

/*.paging {
	margin-bottom: 20px;
}*/

.paging .perpage {
	float: right;
}

/*.paging a {
		color: #3C3C3C;
		text-decoration: none;
	}*/

.paging a.current {
	font-weight: bold;
}


.basket, .generic_table {
	width: 100%;
	/*text-align: center;*/
}

.basket, .generic_table {
	text-align: left;
}

	.basket th, .generic_table th, .generic_table div.header {
		background: #E4EBF1;
		padding: 5px;
		border-bottom: 10px solid white;
		color: #004B80;
	}

	.generic_table th {
		padding: 5px 5px 5px 0px !important;
	}

	.generic_table div.header {
		padding: 0;
	}

		.generic_table div.header ul li {
			float: left;
			padding: 10px 15px !important;
			clear: none !important;
			list-style-type: none;
		}

	.generic_table ul.sortable_style {
		margin: 0 0 0 26px;
	}

	.generic_table ul {
		padding: 0;
		margin: 0;
	}

		.generic_table ul li {
			clear: both;
			list-style: outside none none;
			margin: 0;
			padding: 0 0 15px;
		}

	/*.generic_table li.page_item {
		padding: 0 !important;
		line-height: 24px;
		background-color: #F3F3F3;
		border-top: 1px solid #7F7F7F;
	}

		.generic_table li.page_item a.but {
			color: #3C3C3C;
		}

		.generic_table li.page_item span {
			float: left;
			padding: 7px 15px 1px;
			width: 9%;
			display: block;
		}

			.generic_table li.page_item span.page_title {
				width: 35%;
			}

			.generic_table li.page_item span.width_25_percent {
				width: 25%;
			}

	.generic_table ul.level_1 li.page_item span.page_title {
		width: 35%;
	}

	.generic_table ul.level_2 li.page_item span.page_title {
		width: 33.5%;
	}

	.generic_table ul.level_3 li.page_item span.page_title {
		width: 32%;
	}

	.generic_table ul.level_4 li.page_item span.page_title {
		width: 30.5%;
	}

	.generic_table ul.level_5 li.page_item span.page_title {
		width: 29%;
	}

	.generic_table ul.level_6 li.page_item span.page_title {
		width: 26%;
	}

	.generic_table ul.level_7 li.page_item span.page_title {
		width: 24.5%;
	}

	.generic_table ul.level_8 li.page_item span.page_title {
		width: 22%;
	}*/


	/*.generic_table li.page_item span.page_title a, .generic_table li.page_item span.linktitle a {
		text-decoration: none;
		color: #3C3C3C;
	}*/

	/*.generic_table li.page_item span.page_title a:hover, .generic_table li.page_item span.linktitle a:hover {
			text-decoration: underline;
		}

	.generic_table li.page_item span.editButton,
	.generic_table li.page_item span.deleteButton {
		text-align: center;
	}

		.generic_table li.page_item span.editButton img,
		.generic_table li.page_item span.deleteButton img {
			display: inline;
		}*/


	/*.generic_table tr.titlerow td {
		background-color: #ccc !important;
		border-bottom: 1px solid #7F7F7F !important;
		cursor: auto !important;
		font-weight: bold !important;
	}

	.generic_table tr.titlerow:hover td {
		background-color: #ccc !important;
	}*/


	.generic_table tr.row1 td, .round-separator {
		background-color: #ECECEC;
		/*cursor: pointer;*/
		-webkit-print-color-adjust: exact !important;
	}

.round-separator {
	border-bottom: 1px solid #7F7F7F;
}

.generic_table tr.selected td, .generic_table tr td.selected {
	background-color: #E4EBF1;
	/*background-color: #7F7F7F;*/
}

.generic_table tr.row1 td.setting {
	width: 30%;
}

/*.generic_table tr:hover td, .generic_table tr.row1:hover td {
		background-color: #FFFFFF;
	}*/

.generic_table tr:hover td, .generic_table tr.row1:hover td, .generic_table tr.row0:hover td {
	background-color: #E4EBF1;
}

.generic_table tr.nocursor td {
	cursor: auto;
}

.generic_table td.page_name {
	font-weight: bold;
}

.generic_table td.page_less {
	font-weight: normal;
	font-size: 12px;
}

.generic_table td img {
	margin: 0 auto;
}

.generic_table .row1 td, .row2 td {
	padding-top: 7px;
	padding-bottom: 7px;
}

.wrapper .generic_table tr input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
	/*margin-bottom: 0 !important; Not sure why we had important on here, when we find out it should be written here*/
	font-size: 12px;
	padding: 5px;
	/*margin-left: 3px;*/
}

.wrapper .generic_table tr td {
	padding: 3px 3px 3px 0px;
}

.w-auto {
	width: auto !important;
}

.w-30 {
	width: 30px !important;
}

.w-34 {
	width: 34px;
}

.w-50 {
	width: 50px !important;
}

.w-60 {
	width: 60px !important;
}

.w-70 {
	width: 70px !important;
}

.w-100 {
	width: 100px !important;
}

.w-120 {
	width: 120px !important;
}

.w-150 {
	width: 150px !important;
}

.w-165 {
	width: 165px !important;
}

.w-190 {
	width: 190px !important;
}

.w-195 {
	width: 195px !important;
}

.w-210 {
	width: 210px !important;
}

.w-290 {
	width: 290px !important;
}

.mw-10pc {
	max-width: 10% !important;
}

.w-10pc {
	width: 10% !important;
}

.w-15pc {
	width: 15% !important;
}

.w-20pc {
	width: 20% !important;
}

.w-24pc {
	width: 24% !important;
}

.w-25pc {
	width: 25% !important;
}

.w-30pc {
	width: 30% !important;
}

.w-33pc {
	width: 33% !important;
}

.w-35pc {
	width: 35% !important;
}

.menu-w-20pc {
	width: 20%;
}

.w-40pc {
	width: 40% !important;
}

.w-45pc {
	width: 45% !important;
}

.w-50pc {
	width: 50% !important;
}

.w-55pc {
	width: 55% !important;
}

.w-60pc {
	width: 60% !important;
}

.w-63pc {
	width: 63% !important;
}

.w-65pc {
	width: 65% !important;
}

.w-70pc {
	width: 70% !important;
}

.w-75pc {
	width: 75% !important;
}

.w-80pc {
	width: 80% !important;
}

.w-85pc {
	width: 85% !important;
}

.w-90pc {
	width: 90% !important;
}

.w-95pc {
	width: 95% !important;
}

.w-99pc {
	width: 99% !important;
}

.w-100pc {
	width: 100% !important;
}

.h-100pc {
	height: 100pc;
}

.h-250 {
	height: 250px;
}

.wrapper .generic_table.h-fixed tr td {
	height: 22px;
}

.overflow-y-scroll {
	overflow-y: scroll;
}


/*.txt-short {
	width: 30px !important;
	margin-bottom: 10px;
}*/

label {
	color: #3C3C3C;
	padding: 0;
}

/*label.fullwidth {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	label.halfwidth {
		width: 45%;
		display: block;
		margin-bottom: 10px;
	}*/

/*label.quarterwidth {
		width: 33%;
		display: block;
		margin-bottom: 10px;
	}*/

/*.txt-fullwidth {
	width: 96%;
	padding: 2%;
	margin-bottom: 10px;
}*/

/*.input_fullwidth_container input[type=text], .input_fullwidth_container input[type=password], .input_fullwidth_container select {
	width: 96%;
	padding: 2%;
	margin-bottom: 10px;
}*/

.input_fullwidth_container select {
	width: 100%;
}

/*.txt-halfwidth {
	width: 49%;
	padding: 2%;
	margin-bottom: 10px;
}*/

input[type=text], input[type=password] {
	border: 1px solid #000000;
}

/*.tableAnswer input[type=text], input[type=password] {
	margin-bottom: 3px;
}*/

textarea {
	border: 1px solid #000000;
	min-height: 100px;
}

/*input[type="checkbox"], input[type="radio"] {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}*/


/*footer h2, footer p, footer a, footer .products-slider span {
		color: #3C3C3C;
	}*/

/*.bg-light {
	background: #439ae6;
}

	.bg-light h2, .bg-light p, .bg-light a {
		color: white;
	}*/

/*.bg-bluegrey {
	background: #e4ebf1;
}*/

/*.bg-bluegrey-dark {
	background: #ccdae5;
}*/

.col {
	float: left;
	margin-right: 4%;
}

.col-half {
	width: 48%;
}

	.col-half.col-nomarg {
		width: 50%;
		margin-right: 0;
	}

.col-third {
	width: 30%;
}

	.col-third.withborder {
		width: 29.6%;
		margin-right: 2%;
	}

.col-twothirds {
	width: 66%;
}

.col-quarter {
	width: 24%;
}

	.col-quarter.col-nomarg {
		width: 24%;
		margin-right: 0;
	}

.col-threequarters {
	width: 70%;
}

.col-last {
	margin-right: 0;
}

.col-third.withborder.col-last {
	width: 29.6%;
	margin-right: 0;
}

.but {
	display: inline-block;
	border-radius: 5px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	/*color: #3C3C3C !important;*/
	border: 0;
	margin-right: 1%;
	font-size: 0.8em;
	box-sizing: content-box;
}

	.but.large {
		font-size: 1em;
		padding: 12px 25px;
	}


.m-0 {
	margin: 0 !important;
}

.m-l-5 {
	margin-left: 5px;
}

.m-l-15 {
	margin-left: 15px;
}

.m-l-30 {
	margin-left: 30px;
}

.m-r-0 {
	margin-right: 0 !important;
}

.m-r-3pc {
	margin-right: 3%;
}

.m-r-5 {
	margin-right: 5px;
}

.m-t-0 {
	margin-top: 0;
}

.m-t-5 {
	margin-top: 5px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-b-0 {
	margin-bottom: 0 !important;
}

.m-b-5 {
	margin-bottom: 5px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-40 {
	margin-bottom: 40px;
}


.m-l-2pc {
	margin-left: 2%;
}

.m-r-10 {
	margin-right: 10px;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 1px !important;
}

.wrapper .generic_table.p-1 tr td {
	padding: 1px !important;
}

.p-10 {
	padding: 10px;
}

.p-15 {
	padding: 10px;
}

.p-20 {
	padding: 20px;
}

.p-30 {
	padding: 30px;
}

.p-t-10 {
	padding-top: 10px;
}

.p-t-15 {
	padding-top: 15px;
}

.p-t-30 {
	padding-top: 30px;
}

.p-t-50 {
	padding-top: 50px;
}

.p-t-120 {
	padding-top: 120px;
}

.p-b-10 {
	padding-bottom: 10px;
}

.p-b-15 {
	padding-bottom: 15px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.p-b-100 {
	padding-bottom: 100px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-30 {
	padding-left: 30px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-30 {
	padding-right: 30px;
}

.p-v-30 {
	padding-right: 30px;
	padding-left: 30px;
}

.b-b-grey {
	border-bottom: 1px solid #7F7F7F;
}

.b-b-darkgrey {
	border-bottom: 1px solid #000000;
}

.b-t-darkgrey {
	border-top: 1px solid #000000;
}

.min-height-35 {
	min-height: 35px !important;
}

.min-height-50 {
	min-height: 50px !important;
}

.clear, br, h2 {
	clear: both;
}

.align-right {
	float: right !important;
}

.align-left {
	float: left !important;
}

.align-none {
	float: none !important;
}

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

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

.hidden {
	display: none !important;
	visibility: hidden;
}

.hiddenelement {
	display: none;
}

.hiddenelement-strict {
	display: none !important;
}

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

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

.invisible {
	visibility: hidden;
}

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

.clearfix:after {
	clear: both;
}

.clearnone {
	clear: none;
}

.clearfix {
	*zoom: 1;
}

.wrapper {
	clear: both;
}

	.wrapper label {
		float: left;
		width: 33%;
		display: block;
		/*margin-bottom: 10px;*/
		font-size: 1.3em;
	}

	/*.wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=file]), .wrapper textarea, .wrapper select {*/
	.wrapper input[type="text"], .wrapper input[type="password"], .wrapper textarea, .wrapper select {
		float: left;
		width: 65.1%;
		padding: 0.3%;
		margin-bottom: 10px;
		border: 1px solid #000000;
		font-size: 1.3em;
	}
/*.login .wrapper label {
		width:20%;
	}
	.login .wrapper input[type="text"], .login .wrapper input[type="password"], .login .wrapper textarea, .login .wrapper select {
		width:35.5%;
	}
	.login .loginbutton {
		width:27.8%;
	}*/
.login .loginbutton {
	width: 50.8%;
}


.wrapper input[type=file] {
	width: 64.4%;
	float: left;
	padding: 0.6%;
	margin-left: 0;
	/*margin-bottom: 10px;*/
	border: 1px solid #000000;
}

.wrapper select {
	width: 66%;
	padding: 5px;
}

.wrapper input[type=file] {
	/*margin: 0 !important;*/
}

.wrapper div label {
	width: auto;
}

.tabbing .casting .wrapper div label {
	width: 33%;
}


/*.cbl, .rbl {
	margin-bottom: 10px;
}*/

.rbl-w-35 {
	width: 35%;
}

.rbl-w-66 {
	width: 66%;
}

.rbl-w-95 {
	width: 95%;
}

.cbl label, .rbl label {
	width: 30%;
}

.rbl input[type="radio"] {
	float: left;
	width: 10%;
	margin-top: 3px;
	margin-left: 0 !important;
}

.rbl input[type="checkbox"] {
	float: left;
	/*width: 10%;*/
	margin-top: 3px;
	margin-left: 0 !important;
}





.white {
	color: white;
}

.red {
	color: red;
}

.green {
	color: green;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.underline {
	text-decoration: underline !important;
}

.strike {
	text-decoration: line-through !important;
}

.italic {
	font-style: italic;
}

/*.pink, .required {
	color: #7F7F7F;
}

.blue {
	color: #7F7F7F;
}*/

.grey {
	color: #3C3C3C;
}

/*.breadcrumb {
	margin: 0;
	padding: 0;
	background: #0099cc none repeat scroll 0 0;
}

	.breadcrumb p {
		font-size: 0.8em;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		color: white;
	}*/

.font-size-small {
	font-size: 0.8em !important;
}

.font-size-medium {
	font-size: 1.1em !important;
}

.font-size-large {
	font-size: 1.5em !important;
}

.font-size-xlarge {
	font-size: 2em !important;
}

.font-size-xxlarge {
	font-size: 2.6em !important;
}

.font-size-xxxlarge {
	font-size: 4em !important;
}

/*.editor {
	float: left;
	margin-bottom: 30px;
	width: 66%;
}*/

/*.editorsmall {
	float: left;
	margin-bottom: 30px;
	width: 66%;
}*/

.checkboxscroll {
	float: left;
	background-color: #fff;
	width: 66%;
	height: 200px;
	overflow-y: scroll;
	border: Solid 1px #000000;
	padding: 0;
	/*margin-bottom: 15px !Important;*/
}

.scrolldiv {
	float: left;
	background-color: #fff;
	height: 225px;
	overflow-y: auto;
	border: Solid 1px #000000;
	padding: 0;
	/*margin-bottom: 15px !Important;*/
}

	.scrolldiv.noborder {
		border: none;
	}

	.scrolldiv.h-fixed {
		height: 188px;
	}

/* META CONTROL STYLES ********************************************************** */

div.boxheader .box {
	width: 45%;
	float: left;
}

div.boxheader .boxaction {
	width: 10%;
	float: left;
}

div.boxheader {
	padding: 10px 20px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	background: #E4EBF1 none repeat scroll 0 0;
	color: #004B80;
	text-align: left;
}

div.boxitem {
	padding: 10px 20px;
	text-align: left;
	background-color: #f3f3f3;
	border-bottom: 1px solid #7F7F7F;
	cursor: pointer;
}

	div.boxitem .box {
		width: 45%;
		float: left;
	}

	div.boxitem .boxaction {
		width: 8%;
		float: left;
	}

	div.boxitem:hover {
		background-color: #E4EBF1;
	}

/* ********************************************************** */









input.searchitem
/*, select.folderlist*/ {
	float: left;
	/*width: 20%;*/
	padding: 8px;
	margin: 0 5px 10px 0px;
}

.folderlist {
	width: 20%;
	float: left;
}

.filelist {
	float: left;
	width: 80%;
}

	.filelist a {
		color: #3C3C3C;
		text-decoration: none;
	}

.filelistitems {
	margin-top: 20px;
}

.filelist a.imagetitle {
	display: block;
	height: 12px;
	overflow: hidden;
	padding: 7px 5px;
	width: 90%;
}

.fileitem .toolbar {
	background: none repeat scroll 0 0 #E4EBF1;
	padding: 5px;
	margin-top: 10px;
}

.fileitem:hover .toolbar {
}

/*.filelist .toolbar a {
	display: block;
	float: left;
	margin-right: 10px;
}*/

.fileheader {
	background: #E4EBF1 none repeat scroll 0 0;
	color: #004B80;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 20px;
	text-align: left;
	text-transform: uppercase;
}

.fileitem {
	float: left;
	/*margin-bottom: 20px;*/
	margin-right: 20px;
	padding: 10px 0 0;
	width: 20%;
	overflow: hidden;
}

	.fileitem:hover {
		background-color: #F3F3F3;
	}

.centered-block-outer {
	min-height: 80px;
	height: 80px;
}


/* To center a block-level element of unknown width */
.centered-block-outer {
	overflow: hidden;
	position: relative; /* ie7 needs position:relative here*/
}

.centered-block-middle {
	float: left;
	position: relative;
	left: 50%;
}

.centered-block-inner {
	position: relative;
	left: -50%;
}

/*.folderlist ul {
	background-color: #F3F3F3;
	padding: 0 !important;
	margin: 0;
}*/
.folderlist ul {
	list-style: outside none none;
	margin: 0;
}

	.folderlist ul li {
		list-style: outside none none;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #ECECEC !important;
	}

.folderlist a {
	text-decoration: none;
	font-size: 1.5em;
}

/*.folderlist a {
}*/

/*.folderlist a.title {
		color: #666666;
		padding: 7px 5px 7px 7px !important;
		text-decoration: none;
		display: block;
	}

		.folderlist a.title:hover {
			text-decoration: underline;
		}

.folderlist li {
	padding: 0 !important;
	clear: both;
	list-style: outside none none;
	margin: 0;
}

	.folderlist li a {
		border-bottom: 1px solid #7F7F7F;
	}*/

/*#filemanager .folderlist li a:hover, #filemanager .folderlist a.active {
	background-color: #FFFFFF;
}

.folderlist li.current > a, .folderlist li.row1 .current, .folderlist li.row2 .current {
	background-color: #CCCCCC;
	font-weight: bold;
}

.folderlist li.row1 {
	background-color: #ECECEC;
}

.folderlist li.row2 {
	background-color: #F3F3F3;
}

.folderlist a.default {
	font-style: italic;
}*/

.nofilesfound {
	display: block;
	font-style: italic;
	padding: 20px;
}

#filemanager .bottomPaging, #filemanager .topPaging {
	display: block;
	float: none;
	margin: 10px 0;
}

.dragplaceholder {
	background-color: #b3d4fc;
	display: block;
	height: 20px;
	line-height: 24px;
	overflow: hidden;
	padding: 10px 20px;
	width: 120px;
}

/*.folderlist a.expand_pages {
	background: none repeat scroll 0 0 #8CB308 !important;
	color: #7F7F7F;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 8px;
	line-height: 0;
	margin: 7px 5px 0 6px;
	padding: 8px 0 0;
	text-align: center;
	text-decoration: none;
	width: 16px;
	border-bottom: 0;
}*/

.file {
	float: left;
	margin: 8px 8px 23px 8px;
	width: 26%;
}


.negative,
.positive {
	list-style: none;
	padding: 20px;
	margin: 10px 0;
	border: 2px solid green;
	background: white;
}

.negative {
	border-color: red;
}

.ValidationSummary {
	padding: 20px;
	/*margin-bottom: 20px;*/
	border: 2px solid red;
}

	.ValidationSummary li {
		list-style: none;
		margin: 5px 0;
	}

.bgwhite {
	background: white;
}

/*p.txt-dark {
	color: #004b80;
}*/


.input_fullwidth_container .col {
	width: 100%;
	margin: 0;
}

	.input_fullwidth_container .col ul {
		padding: 0;
	}


.uppercase {
	text-transform: uppercase;
}


/*##################################################################*/

.fileselect, .documentselect {
	float: left;
	width: 60%;
	border: 1px solid #CCCCCC;
	background: #fff;
	margin: 0 0 15px 0;
	padding: 1%;
}

	.fileselect .add img, .documentselect .add img {
		cursor: pointer;
	}

.itemselect .generic_button {
	margin: 10px !important;
}

.itemselectcontainer {
	padding: 0 !important;
}

	.itemselectcontainer li {
		height: 100px;
		width: 100px;
		float: left;
		margin: 10px 0 10px 10px !important;
		position: relative;
		padding: 0 !important;
		clear: none !important;
		list-style: outside none none;
	}

		.itemselectcontainer li:hover {
		}

.itemselect img {
	float: left;
	height: 100px;
	width: 100px;
	background-color: #CCCCCC;
}

.itemselect span {
	display: none;
	float: left;
	padding-left: 10px;
	width: 86%;
}

.itemlist {
	padding: 10px 0 !important;
	max-height: 225px;
	overflow: auto;
	list-style-type: none;
	clear: both;
}

div.documentselect ul li {
	background-color: #EAEAEA;
	border: 1px solid #D0D0D0;
	clear: both;
	cursor: pointer;
	list-style: none outside none;
	margin: 0;
}

	div.documentselect ul li span {
		display: block;
		padding: 9px;
	}

.itemlist li {
	float: left;
	margin: 0 0 10px 10px !important;
	padding: 0 !important;
	height: 100px;
	width: 100px;
	clear: none !important;
}

	.itemlist li img {
		width: 100px;
		height: 100px;
		cursor: pointer;
	}

.imagelabel {
	float: left;
	padding: 8px 10px 8px 3px;
	clear: none !important;
}

.itempicker {
	clear: both;
	display: none;
	/*position:absolute;
        width: 79%;;
        border: 1px solid #CCCCCC;
        background: #fff;*/
}

/*.itemfilter {
	background-color: #efefef;
	padding: 10px;
	height: 40px;
}*/

.itemfilter label {
	float: left;
	width: 30% !important;
	display: block;
	/*margin-bottom: 10px;*/
}

.nonitem {
	background-color: #ddd;
	color: #333;
}

	.nonitem span {
		padding: 5px;
		display: block;
	}

.requestprogress {
	/*background-color: #ddd;
	color: #333;
	position: absolute;*/
	width: 100%;
}

	.requestprogress p {
		padding: 10px 5px;
		display: block;
		text-align: center;
		font-weight: bold;
	}

.remove_item {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
}

	.remove_item span {
		display: block;
	}


.lnkSelectImage {
	cursor: pointer;
}
/*##################################################################*/


.top_paging {
	text-align: center;
	padding: 13px;
	/*margin-bottom: 5px;*/
}

	.top_paging a, .bottom_paging a {
		background-color: #FFFFFF;
		border-radius: 5px;
		color: #FFFFFF;
		display: inline-flex;
		display: -webkit-inline-flex;
		line-height: 2.3;
		/*margin-bottom: 3px;*/
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

.bottom_paging {
	text-align: center;
	padding: 13px;
	margin-top: 5px;
	/*margin-bottom: 10px;*/
}

.filterbar {
	margin: 0;
	padding: 5px;
	text-align: center;
}

	.filterbar a {
		color: #3C3C3C;
		/*color: #FFFFFF;*/
		font-size: 1.1em;
	}

.snapdown {
	padding: 10px;
	border: 2px solid #7F7F7F;
	border-radius: 0 0 5px 5px;
}

.move_icon {
	cursor: move;
}

/*div.special_char_container {
	border-top: 1px solid #cdd3d8;
	border-right: 2px solid #cdd3d8;
	border-bottom: 2px solid #cdd3d8;
	border-left: 2px solid #cdd3d8;
	border-radius: 0 0 5px 5px;
	color: #000000;
	float: left;
	height: auto;
	left: 33%;
	padding-bottom: 1%;
	position: relative;
	width: 65%;
	display: none;
	margin-bottom: 10px;
}*/

/*div.special_char_container a.special_char {
		border: 1px solid #cdd3d8;
		outline: 2px solid #fff;
		float: left;
		font-size: 1.5em;
		margin-bottom: 5px;
		margin-left: 5px;
		padding: 5px;
		text-align: center;
		width: 25px;
		transition: none;
	}

		div.special_char_container a.special_char:hover {
			border: 1px solid #fff;
			outline: 2px solid #cdd3d8;
			transition: none;
		}

div.special_char_list_inner {
	height: 73px;
	overflow-y: scroll;
	padding: 1%;
}*/

.close_button {
	font-size: 1.5em;
}

.paging .perpageselect {
	padding: 10px;
}

.perpageselect select {
	margin-left: 10px;
}

.tabbing.hiddentab {
	display: none;
}

.tabbing h4 {
	display: none;
}

.tabheadings,
.tabheadings li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tabheadings {
	border-bottom: 1px solid #7F7F7F;
	/*margin-bottom: 10px;*/
	clear: both;
}

	.tabheadings li {
		display: inline-block;
		margin-top: 20px;
	}

		.tabheadings li a {
			color: #004B80;
			display: block;
			background: #E4EBF1;
			padding: 10px 20px;
			font-weight: bold;
			border: 1px solid #7F7F7F;
			font-size: 14px;
			position: relative;
			bottom: -1px;
			outline: 0;
		}

			.tabheadings li a.active {
				background: #fff;
				border-bottom: 1px solid #fff;
			}


.ajax_loader {
	display: none;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	background-color: #100C0C;
	border-radius: 5px;
	padding: 5px;
}

.title_bar {
	border: 1px solid #7F7F7F;
}

.tableSource tr td {
	min-height: 44px;
}

.checkbox {
	margin-top: 15px;
}

	.checkbox label {
		float: left;
	}

	.checkbox input {
		float: left;
		margin-left: 0;
	}



/* Start custom styles form question page */

.question_form .checkbox input {
	margin-top: 1.5%;
}
/*input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=file]),*/

/*.question_form .wrapper textarea, 
.question_form .wrapper select*/

.question_form .wrapper input[type="file"] {
	float: left;
	width: 89.2%;
	padding: 0.3%;
	/*margin-bottom: 10px;*/
	border: 1px solid #000000;
}

.question_form .wrapper input[type="text"] {
	float: left;
	width: 89.2%;
	padding: 0.3%;
	/*margin-bottom: 10px;*/
	border: 1px solid #000000;
}

.question_form .cbl label, .question_form .rbl label {
	width: auto;
}

.question_form label {
	width: 10%;
	margin-top: 0.2%;
}

.question_form .status_dropdown, .question_form .difficulty_dropdown, .question_form .owner_dropdown {
	width: 28%;
	margin-right: 2%;
	padding: 0.3%;
}

.question_form span.spanAutoCompleteContainer {
	width: 28%;
	margin-right: 2%;
}

.question_form .verifier_dropdown {
	width: 19.4%;
	padding: 0.3%;
	margin-right: 2%;
}

.question_form .statusreason_dropdown {
	width: 50%;
	padding: 0.3%;
}

.question_form span.spanAutoCompleteContainer.statusreason {
	width: 50% !important;
	margin-right: 0;
}

.question_form .wrapper input[type="text"].pronunciations_textbox,
.question_form .wrapper input[type="text"].subcategories_textbox {
	width: 49.2%;
	padding: 0.3%;
}

.question_form .wrapper input[type="text"].verifierbatch {
	width: 17.8%;
	padding: 0.3%;
}

.question_form input.txtAutoComplete {
	/*margin-bottom: 0;*/
	padding: 1.2%;
	width: 97.2%;
}

.question_form .rbl table tr td {
	padding-top: 1%;
}

/*.question_form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), 
.question_form select {
	width: 89.2%;
	padding: 0.3%;
}*/

.question_form .question_textbox {
	width: 86.5%;
	padding: 0.3%;
}

.question_form .tabbing select {
	width: 90%;
	padding: 0.3%;
}

/* End custom styles form question page */



.border-radius-5px {
	padding: 1%;
	border: 2px solid #7F7F7F;
	border-radius: 5px;
}

.noliststyle li {
	list-style: outside none none;
}

.display-table {
	display: table;
}

.display-flex {
	display: flex;
}

.display-table-row {
	display: table-row;
}

.display-table-cell {
	display: table-cell;
}

footer .display-table-row {
	height: 55px;
}


.siteheadercolour-back {
	background: #F5F5F5 none repeat scroll 0 0;
}

.siteheadertextcolour, a.siteheadertextcolour {
	color: #3C3C3C;
}

.sitefootercolour {
	background: #FFFFFF none repeat scroll 0 0;
}

.sitefootercontainercolour {
	background: #F5F5F5 none repeat scroll 0 0;
}

.sitefootertextcolour, a.sitefootertextcolour {
	color: #3C3C3C;
}

.sitefieldlabelstextcolour {
	color: #3C3C3C;
}

.sitetabbackgroundcolour {
	background: #E4EBF1 none repeat scroll 0 0;
}

.sitetabtextcolour {
	color: #004B80;
}

.sitealternaterowcolour {
	background: #ECECEC none repeat scroll 0 0;
}

.sitemousehovercolour {
	background: #E4EBF1 none repeat scroll 0 0;
}

.sitebuttonbackcolournormal {
	background: #000000 none repeat scroll 0 0;
}

.sitebuttonbackcolourirreversible {
	background: #800000 none repeat scroll 0 0;
}

.sitebuttontextcolour {
	color: #FFFFFF !important;
}

.questiontype_container {
	width: 30%;
}

.roundtypes_container {
	width: 50%;
}

.center {
	margin: 0 auto;
}

.flex_align_content_center {
	align-content: center;
}

.flex_justify_content_center {
	justify-content: center;
}

.flex_align_items_center {
	align-items: center;
}



/*---------------------------- FOOTER SCROLLER ----------------------------*/

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.simply-scroll-list li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		.simply-scroll-list li img, .simply-scroll-list li a {
			border: none;
			display: block;
		}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	/*width: 576px;*/
	width: 100%;
	height: 108px;
	margin-bottom: 10px;
}

	/* Clip DIV */
	.simply-scroll .simply-scroll-clip {
		/*width: 576px;*/
		width: 100%;
		height: 108px;
	}

	/* Explicitly set height/width of each list item */
	.simply-scroll .simply-scroll-list li {
		float: left; /* Horizontal scroll only */
		/*width: 290px;
	height: 200px;*/
		margin-right: 60px;
		height: 108px;
	}

.slider-outer-container {
	float: left;
	width: 100%;
	/*max-height:480px;*/
}

.slider-inner-container {
	width: 100%;
	height: 100%;
	display: table;
}

#section-container {
	float: left;
	width: 100%;
	overflow: visible;
	z-index: 10;
}

	#section-container h4 {
		padding-bottom: 30px;
	}

	#section-container p {
		padding-bottom: 20px;
	}

	#section-container .divSectionPanel ul {
		font-size: 1.5em;
		margin: 0;
		padding: 0 0 20px 0px;
		list-style: none;
	}

		#section-container .divSectionPanel ul li {
			padding: 5px 0;
		}

	/*#section-container .divSectionPanel li:before {
		content: "";
		border-color: transparent #222222;
		border-style: solid;
		border-width: 0.35em 0 0.35em 0.45em;
		display: block;
		height: 0;
		width: 0;
		left: -15px;
		top: 15px;
		position: relative;
	}*/


	#section-container div {
		width: 100%;
		float: left;
	}

#divContact, #divContact div {
	width: 100%;
	float: left;
}

#section-container .half, .half {
	width: 50%;
	float: left;
}

#section-container div.section-image-container {
	margin: 0 auto;
	max-width: 640px;
	position: relative;
	width: 100%;
	height: 480px;
}

	#section-container div.section-image-container img {
		position: absolute;
		left: 0;
		-webkit-transition: opacity 1s ease-in-out;
		-moz-transition: opacity 1s ease-in-out;
		-o-transition: opacity 1s ease-in-out;
		transition: opacity 1s ease-in-out;
	}

		/*#section-container div.section-image-container.zoom:hover img.top {
			opacity: 1;
			transform: scale(1,1);
			transform-origin: right top 0;
		}

		#section-container div.section-image-container.zoom:hover img.bottom {
			transform: scale(0,0);
			transform-origin: left bottom 0;
		}

		#section-container div.section-image-container.zoom img {
			position: absolute;
			left: 0;
			-webkit-transition: all 1s ease-in-out 0s;
			-moz-transition: all 1s ease-in-out 0s;
			-o-transition: all 1s ease-in-out 0s;
			transition: all 1s ease-in-out 0s;
		}*/

		#section-container div.section-image-container img.top:hover {
			opacity: 0;
		}

/*#section-container div.section-image-container.zoom img.top {
			opacity: 0;
			transform: scale(0,0);
		}*/

/*#section-container div.section-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}*/

#section-container .divSectionPanel img {
	width: 100%;
}



/*#section-container div.section-image-overlay img {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: auto;
		max-width: none;
	}*/


.arrow-outer {
	width: 5%;
	height: 100%;
	display: table;
}

.arrow-middle {
	display: table-cell;
	vertical-align: middle;
}

.arrow-inner {
	margin: 0 auto;
}

.arrow-right {
	float: right;
	background: url(/siteassets/images/right.png) no-repeat;
	width: 50px;
	height: 50px;
}

.arrow-left {
	float: left;
	background: url(/siteassets/images/left.png) no-repeat;
	width: 50px;
	height: 50px;
}


/* START - Scrolling Footer Logo Styles */

.scrolling-logos {
	border-bottom: 2px solid #7F7F7F;
	background-color: #FFFFFF;
}

.logo {
	position: relative;
	float: left;
	width: 192px;
	text-align: center;
	/*border:2px solid red;*/
	height: 108px;
}

.front,
.back,
.clicked {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.front,
.back,
.clicked {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
}

.front {
	background-color: transparent;
}

.back {
	background-color: #1e1e1e;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.clicked {
	background-color: #1e1e1e;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.logo.flipped-y .front {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.logo.flipped-y .back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
}

.logo.flipped-x .back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.logo.flipped-x .clicked {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}
/* END - Scrolling Footer Logo Styles */

#section-container .divSectionPanel .ValSum {
	border: 3px solid #000000;
	background: #FFFFFF;
	color: #3C3C3C;
	padding: 2%;
	margin-bottom: 20px;
	font-size: 1.1em;
	text-align: center;
	width: 99%;
}

	#section-container .divSectionPanel .ValSum ul {
		margin: 0;
		padding: 0;
	}

		#section-container .divSectionPanel .ValSum ul li {
			list-style-type: none;
			margin: 0;
			padding: 0 0 8px 0;
		}

	#section-container .divSectionPanel .ValSum p {
		font-weight: bold;
		margin-top: 0;
		padding-top: 0;
		font-size: 1.3em;
		padding-bottom: 10px;
	}

.txt-wrap {
	white-space: normal;
}

.splitflap {
	margin: 0 auto;
	-webkit-perspective-origin: top center;
	-moz-perspective-origin: top center;
	-ms-perspective-origin: top center;
	perspective-origin: top center;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	-ms-perspective: 900px;
	perspective: 900px;
}


.nav-main li.menu-level1.resp-headerlogo {
	display: none;
}

.overlocksc {
	font-family: 'Overlock SC','Open Sans',sans-serif !important;
}

/* End of main styles, start of media queried styles*/

@media only screen and (max-width: 1370px) {
	#section-container div.section-image-container {
		/*height:auto;*/
	}

	#section-container div.section-image-container {
		max-height: 395px;
	}

	.section-image-container img {
		max-width: 525px;
	}
}

@media only screen and (max-width: 1088px) {
	#divQCount > span img, #divACount > span img {
		width: 85%;
	}
}

@media only screen and (max-width:1024px) {
	.question_form .wrapper input[type="file"] {
		width: 89.1%;
	}

	.question_form .wrapper input[type="text"] {
		width: 89.1%;
	}

	.question_form .tabbing select {
		width: 89.9%;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"].pronunciations_textbox, .question_form .wrapper input[type="text"].subcategories_textbox {
		width: 49.1%;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"].verifierbatch {
		width: 17.7%;
		/*padding: 0.3%;*/
	}

	.question_form .question_textbox {
		width: 86.5%;
		padding: 0.3%;
	}

	#divQCount > div, #divACount > div, #divQCount > span, #divACount > span {
		display: none;
	}
}

@media only screen and (max-width:980px) {
	.resp-w-175 {
		width: 175px !important;
	}

	.question_form .wrapper input[type="file"] {
		width: 88%;
	}

	.question_form .wrapper input[type="text"] {
		width: 88%;
	}

	.question_form .tabbing select {
		width: 88.7%;
		padding: 0.3%;
	}

	.tabbing .wrapper select {
		padding: 0;
	}

	.question_form label {
		width: 11%;
		margin-top: 0.2%;
	}

	.rbl-w-35 {
		width: 45%;
	}

	.question_form .status_dropdown, .question_form .difficulty_dropdown, .question_form .owner_dropdown {
		width: 26.5%;
		margin-right: 2%;
	}

	.question_form .statusreason_dropdown {
		width: 49.5%;
	}

	.question_form span.spanAutoCompleteContainer.statusreason {
		width: 49.5% !important;
		margin-right: 0;
	}

	.question_form .wrapper input[type="text"].pronunciations_textbox,
	.question_form .wrapper input[type="text"].subcategories_textbox {
		width: 48.6%;
	}

	.question_form .wrapper input[type="text"].verifierbatch {
		width: 16.1%;
	}

	.question_form span.spanAutoCompleteContainer {
		width: 26.5%;
		margin-right: 2%;
	}

	.question_form .question_textbox {
		width: 85%;
	}

	.hide980 {
		display: none;
	}

	.questiontype_container {
		width: 80%;
	}

	.roundtypes_container {
		width: 75%;
	}
}

@media only screen and (max-width:850px) {
	header {
		height: auto;
	}

	.logoheight {
		height: 120px;
	}

	.headerlogo {
		display: none !important;
	}

	.nav-main li.menu-level1.resp-headerlogo {
		display: table;
		border-bottom: 2px solid #7f7f7f;
		padding-bottom: 5px;
	}

	.nav-main {
		position: relative;
		top: 0;
		/*left: 0;
		width: 100%;
		background: #0099cc;*/
	}

		.nav-main ul li {
			width: 100%;
			border: none;
		}

		.nav-main ul {
			padding: 0;
			/*z-index: 100;*/
		}

		.nav-main a {
			padding: 10px 20px;
		}

			.nav-main a:hover {
				font-weight: bold;
			}

		.nav-main .sub-items > a {
			padding-right: 30px;
		}

		.nav-main .sub-items:after {
			top: 19px;
			right: 15px;
		}

		.nav-main .sub-items ul {
			/*top: 43px;
			right: auto;
			left: 0;*/
			right: 0;
			width: 100%;
			top: 45px;
			border-top: none;
		}

		.nav-main li.menu-level1 .menu-level1-item {
			height: 25px;
		}

	.sub-items ul li a {
		margin: 0;
		width: 96%;
		padding: 2%;
	}

	/*.col-productpic, .col-productinfo {
		float: none;
		width: 100%;
		margin-right: 0;
	}*/

	.hide {
		display: none !important;
	}

	.generic_table td {
		display: table-cell;
	}

	/*.basket .but, .generic_table .but {
		padding: 0;
		color: #439ae6;
		background: none;
	}*/

	/*.generic_table input {
		margin-bottom: 0;
	}*/

	/*.generic_table img {
		width: 50px;
	}*/

	.w-210 {
		width: 100% !important;
	}

	.tabbing h4,
	.tabbing.hiddentab {
		display: block;
	}

	.tabheadings {
		display: none;
	}


	.question_form .wrapper input[type="file"] {
		width: 86%;
	}

	.question_form .wrapper input[type="text"] {
		width: 86%;
	}

	.question_form .tabbing select {
		width: 86.7%;
		padding: 0.3%;
	}

	.tabbing .wrapper select {
		padding: 0;
	}

	.question_form label {
		width: 13%;
		margin-top: 0.2%;
	}

	.question_form .statusreason_dropdown {
		width: 45.4%;
		padding: 0.3%;
	}

	.question_form span.spanAutoCompleteContainer.statusreason {
		width: 45.4% !important;
		margin-right: 0;
	}

	.question_form .wrapper input[type="text"].pronunciations_textbox,
	.question_form .wrapper input[type="text"].subcategories_textbox {
		width: 44.4%;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"].verifierbatch {
		width: 10%;
		/*padding: 0.3%;*/
	}

	.rbl-w-35 {
		width: 55%;
	}

	.question_form .question_textbox {
		width: 82%;
		padding: 0.3%;
	}

	.roundtypes_container {
		width: 80%;
	}

	#divLiveData .half {
		width: 100%;
	}
}

@media only screen and (max-width:680px) {
	.br-clearfix {
		clear: both;
	}

	.center {
		margin: 0;
	}

	.resp-footer-logo {
		width: auto;
	}

	#contactform div.w-50pc {
		width: 100% !important;
	}

	.ValSum {
		width: 95% !important;
	}
}

@media only screen and (max-width:650px) {
	.col-half {
		width: 100%;
		margin-right: 0;
	}

	.flex-direction-nav {
		display: none;
	}

	.legal p {
		padding-right: 100px;
	}

	/*.banner .container > * {
		margin-left: 5%;
		width: 90%;
	}

	.banner h1 {
		padding-top: 110px;
	}*/

	.question_form .wrapper input[type="file"] {
		width: 82%;
	}

	.question_form .wrapper input[type="text"] {
		width: 82%;
	}

	.question_form .tabbing select {
		width: 83%;
	}

	.tabbing .wrapper select {
		padding: 0;
	}

	.question_form label {
		width: 17%;
		margin-top: 0.2%;
	}

	.question_form .status_dropdown, .question_form .difficulty_dropdown, .question_form .owner_dropdown {
		width: 18.5%;
		margin-right: 2%;
		padding: 0.3%;
	}

	.question_form .statusreason_dropdown {
		width: 45.4%;
		padding: 0.3%;
	}

	.question_form span.spanAutoCompleteContainer.statusreason {
		width: 45.4% !important;
		margin-right: 0;
	}

	.question_form .wrapper .pronunciations_textbox, .question_form .wrapper .subcategories_textbox {
		width: 44.4%;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"].verifierbatch {
		width: 6%;
	}

	.rbl-w-35 {
		width: 65%;
	}

	.question_form span.spanAutoCompleteContainer {
		width: 18.5%;
		margin-right: 2%;
	}

	.question_form .question_textbox {
		width: 77%;
		padding: 0.3%;
	}

	.roundtypes_container {
		width: 100%;
	}

	.resp-clearfix {
		clear: both;
	}

	.sub-items ul.menu-level2 li a {
		padding: 1%;
	}

	.ValSum {
		width: 94% !important;
	}
}

@media only screen and (max-width:550px) {
	.col-third, .col-twothirds, .col-threequarters, .col-quarter, .col-third.withborder, .col-third.withborder.col-last {
		width: 100%;
		margin-right: 0;
	}

	.question_form .wrapper input[type="file"] {
		width: 78.8%;
	}

	.question_form .wrapper input[type="text"] {
		width: 78.8%;
	}

	.question_form .tabbing select {
		width: 80%;
	}

	.tabbing .wrapper select {
		padding: 0;
	}

	.question_form label {
		width: 20%;
		margin-top: 0.2%;
	}

	.question_form .status_dropdown, .question_form .difficulty_dropdown, .question_form .owner_dropdown {
		width: 80%;
		margin-right: 0;
		padding: 0.3%;
	}

	.question_form .statusreason_dropdown {
		width: 80%;
		padding: 0.3%;
	}

	.question_form span.spanAutoCompleteContainer.statusreason {
		width: 80% !important;
		margin-right: 0;
	}

	.question_form .wrapper input[type="text"].pronunciations_textbox, .question_form .wrapper input[type="text"].subcategories_textbox, .question_form .wrapper input[type="text"].verifierbatch {
		width: 78.8%;
		padding: 0.3%;
	}

	.rbl-w-35 {
		width: 75%;
	}

	.question_form span.spanAutoCompleteContainer {
		width: 80%;
		margin-right: 0;
	}

	.question_form .verifier_dropdown {
		width: 80%;
		margin-right: 0;
	}

	.question_form .question_textbox {
		width: 72%;
		padding: 0.3%;
	}

	.resp-m-r-3pc {
		margin-right: 3%;
	}

	#section-container .half {
		width: 100%;
	}

		#section-container .half .p-r-30 {
			padding-right: 0;
		}

	#contactform {
		padding-bottom: 10px;
	}

		#contactform.w-95pc {
			width: 100% !important;
		}
}

@media only screen and (max-width:400px) {
	header {
		font-size: 80%;
	}

	.nav-main {
		position: relative;
		top: 0;
	}

		.nav-main ul li {
			width: 100%;
			border: none;
		}

		.nav-main .sub-items:after {
			top: 15px;
		}

		.nav-main .sub-items ul {
			top: 37px;
			width: 100%;
		}

		.nav-main .sub-items ul {
			right: 0;
		}

	.sub-items ul li a {
		margin: 0;
		width: 96%;
		padding: 2%;
	}


	.rbl.resp-fullwidth label,
	.cbl.resp-fullwidth label {
		width: 88%;
	}

	/*.rbl, .cbl {
		margin-bottom: 10px;
	}*/

	.rbl-w-35 {
		width: 100%;
	}

	.rbl-w-66 {
		width: 100%;
	}

	.rbl-w-95 {
		width: 100%;
	}

	.wrapper input[type="text"], .wrapper input[type="password"], .wrapper textarea, .wrapper select {
		width: 99%;
		padding: 0;
	}

	.wrapper label {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.wrapper div label {
		width: inherit;
	}


	.w-190 {
		width: 96% !important;
		padding: 2%;
	}

	.w-195 {
		width: 96% !important;
		padding: 2%;
	}

	.w-210 {
		width: 96% !important;
		padding: 2%;
		/*width: 100% !important;*/
	}

	.w-63pc {
		width: 96% !important;
	}

	.w-60 {
		width: 60% !important;
	}

	.w-25pc {
		width: 48% !important; /*Set to this for form builder insert label/value buttons*/
	}

	.menu-w-20pc {
		width: 100% !important;
	}

	.hide, .hide320 {
		display: none !important;
	}

	.generic_table td {
		display: table-cell;
	}

	.but.resp-fullwidth {
		width: 98%;
		padding: 2%;
	}

	table.resp-fullwidth {
		clear: both;
		width: 100%;
	}

	.editor.resp-fullwidth {
		width: 100%;
	}

	.editorsmall.resp-fullwidth {
		width: 100%;
	}

	.fileselect.resp-fullwidth {
		width: 98%;
	}

	.itemfilter label {
		width: 100% !important;
	}

	.checkboxscroll {
		width: inherit;
	}

	#ui-datepicker-div {
		width: 88%;
	}

	div.special_char_container {
		left: 0;
		width: 100%;
	}


	.question_form .wrapper input[type="file"] {
		width: 99%;
	}

	.question_form .wrapper input[type="text"], .casting .wrapper input[type="text"] {
		width: 99%;
	}

	.question_form .rbl.resp-fullwidth label {
		width: auto;
	}


	.question_form .status_dropdown,
	.question_form .difficulty_dropdown,
	.question_form .owner_dropdown {
		width: 100%;
		margin-right: 0;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"].pronunciations_textbox,
	.question_form .wrapper input[type="text"].subcategories_textbox,
	.question_form .wrapper input[type="text"].verifierbatch {
		width: 99%;
	}

	.question_form .statusreason_dropdown {
		width: 100%;
		padding: 0.3%;
	}

	.question_form span.spanAutoCompleteContainer.statusreason {
		width: 100% !important;
		margin-right: 0;
	}

	.question_form span.spanAutoCompleteContainer {
		width: 100%;
		margin-right: 0;
	}

	.question_form .tabbing select {
		width: 100%;
		padding: 0.3%;
	}

	.question_form label {
		width: 100%;
		margin-top: 0.2%;
	}

	.rbl td {
		width: 100%;
		display: table-row;
	}

	.question_form .verifier_dropdown {
		width: 100%;
		padding: 0.3%;
	}

	.question_form .wrapper input[type="text"]..verifierbatch {
		width: 99%;
	}

	.question_form .question_textbox {
		width: 99%;
		padding: 0.3%;
	}
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

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


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

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

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

	thead {
		display: table-header-group;
	}

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

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


	@page {
		margin: .5cm;
	}

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

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

		h3.round-separator {
			background: rgb(236, 236, 236) !important;
			-webkit-print-color-adjust: exact !important;
		}

	body {
		font-family: 'Open Sans',sans-serif, Arial;
		/*'Open Sans Condensed', 'Overlock',*/
	}

	.sub-header, header p {
		display: none;
	}
}