/* BASIC SETUP */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {

}
body {
	color: #000000;
	font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	overflow-x: hidden;
}

/* useful styles */
.hr hr {
	display: none;
}
.hr, hr {
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 1.5em 0;
}
.thick {
	border: 0;
	border-bottom: 5px solid #d1d3d4;
	margin: 2em 0;
}
.error {
	color: #FF0000;
}
.small {
	font-size: 0.75em;
}
.uppercase {
	text-transform: uppercase;
}

/* responsive */
.desktop {
	display: block !important;
}
span.desktop {
	display: inline !important;
}
table.desktop {
	display: table !important;
}
col.desktop {
	display: table-column !important;
}
th.desktop,
td.desktop {
	display: table-cell !important;
}
tr.desktop {
	display: table-row !important;
}
.mobile,
span.mobile,
table.mobile,
col.mobile,
th.mobile,
td.mobile,
tr.mobile {
	display: none !important;
}

/* alignment */
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.align-right {
	text-align: right !important;
}
.valign-top {
	vertical-align: top !important;
}
.valign-middle {
	vertical-align: middle !important;
}
.valign-bottom {
	vertical-align: bottom !important;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0px;
}
.clearafter:after {
	content: '';
	clear: both;
	display: block;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}


/* common elements */
p {
	line-height: 1.4em;
	margin-bottom: 1em;
}
img {
	border: 0;
}
a {
	color: #7a97ab;
	text-decoration: none;
}
a:hover {
	color: #777777;
}


/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: .05em;
	margin: 1em 0;
	text-transform: uppercase;
}
h1, .h1 {
	font-size: 1.7em;
}
h1.title, .h1.title {
	/*color: #7a97ab;*/
}
	h1 .icon, .h1 .icon {
		display: inline-block;
		margin: 0 .5em 0 0;
		height: 1.6em !important;
		vertical-align: middle;
	}
h2, .h2 {
	font-size: 1.3em;
}
h3, .h3 {
	font-size: 1.1em;
}
h4, h5, h6, .h4, .h5, .h6 {
	font-size: 1.1em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
	margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
	color: inherit;
}
h1.normal, h2.normal, h3.normal, h4.normal, h5.normal, h6.normal, .h1.normal, .h2.normal, .h3.normal, .h4.normal, .h5.normal, .h6.normal {
	color: #7a97ab;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: none;
}

/* tables */
table.form, .main table {
	border: 0;
	border-collapse: collapse;
	margin: 2em 0;
	width: 100%;
}
.main table th,
.main table td {
	border: 1px solid #CCCCCC;
	padding: .5em;
	vertical-align: top;
}
table.form th,
.main table th {
	text-align: left;
}
table.form td {

}
form table,
table.form {
	width: 100%;
}
	.main form table th,
	.main table.form th,
	.main form table td,
	.main table.form td {
		border: 0;
		vertical-align: middle;
	}

table.layout {
	border: 0 !important;
	width: 100%;
}
	table.layout th,
	table.layout td {
		border: 0 !important;
		padding: .5em;
		vertical-align: middle;
	}


/* tabs */
.tabs {

}
	.tabs a {
		background: #f0f0f0;
		color: #333333;
		display: block;
		float: left;
		padding: 1px 5px;
		text-align: center;
	}
		.tabs a:hover {
			background-color: #333333;
			color: #FFFFFF;
		}
		.tabs a.active {
			background-color: #333333;
			color: #FFFFFF;
		}

	.tabs:after {
		clear: both;
		content: '';
		display: block;
	}



.inset-left,
.inset-right {
	max-width: 50%;
}


/*.justify {
	text-align: center;
}*/
.justify {
	text-align: justify;
	text-align-last: justify;
}
	.justify:after {
		content: '';
		display: none;
		font-size: 0;
		line-height: 0;
		margin-top: -1em;
		pointer-events: none;
		width: 100%;
	}


/* slideshow */
.cycle-slideshow {

}
	.cycle-slideshow * {
		max-width: 100%;
	}
.slideshow-thumbnails {

}
	.slideshow-thumbnails img {
		display: block;
		width: 100%;
	}
	.slideshow-thumbnails .active img {
		opacity: .6;
	}

	.cycle-slideshow .group {
		width: 100%;
	}



/* cycle slideshow controls */
.navi-arrow {
	background: url("../images/arrow-right.png") center/contain no-repeat transparent;
	display: block;
	position: absolute; top: calc(50% - 1.3em);
	width: 2em; height: 2em;
	z-index: 1001;
}
.navi-arrow:hover {
	opacity: .9;
}
.navi-arrow.left {
	left: 0;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.navi-arrow.right {
	right: 0;
}

/*.pager {
	bottom: 20px;
	position: absolute;
	right: 20px;
	z-index: 1000;
}
	.pager span {
		background: #f0f0f0;
		border-radius: 50%;
		cursor: pointer;
		display: inline-block;
		font-size: 0;
		height: 12px;
		margin: 0 3px;
		transition: all .3s ease;
		width: 12px;
	}
	.pager span:hover {
		opacity: .8;
	}
	.pager span.cycle-pager-active {
		background: #202020;
	}*/

table {
	font-size: .9em;
}


.pagination,
.page-navigation {
	color: #999999;
	font-weight: 700;
	margin: 1em 0;
	text-align: right;
}
	.pagination a {
		color: inherit;
		font-weight: 300;
	}

.grey {
	color: #999999;
}

.padded {
	padding-top: 2em; padding-bottom: 2em;
}
.dark-bg {
	background-color: #231f20;
	color: #FFFFFF;
}
	.dark-bg a,
	.dark-bg .highlight {
		color: inherit;
	}
.grey-bg {
	background-color: #e7e8e9;
}





/* ----------------------------- PAGE STRUCTURE ----------------------------- */
.root {
	padding-right: 3%; padding-left: 3%;
	position: relative;
	width: 100%;
}
	.root > div, .page-width {
		margin: 0px auto;
		position: relative;
		max-width: 1000px;
	}


header.root {
	position: relative;
	z-index: 1003;
}
	header > div {
		padding: 1.5em 0 1.5em;
	}
		header .logo {
			display: block;
			margin: 1em 0;
			width: 30%;
		}
			header .logo img {
				display: block;
				width: 100%;
			}
		.social {
			white-space: nowrap;
		}
		header .social {
			position: absolute; right: 0; top: 1.5em;
		}
			.social-link {
				display: inline-block;
			}
				.social-link > img {
					display: block;
					width: 2em; height: 2em;
				}
			/*.social-link {
				background: center/80% auto no-repeat #6d6f71;
				border-radius: 50%;
				display: inline-block;
				margin: 0 .1em;
				transition: all .3s ease;
				width: 2em; height: 2em;
			}
			.social-link:hover {
				opacity: .7;
			}

			.social-link.email {
				background-image: url('../images/social/email.svg');
			}
			.social-link.facebook {
				background-image: url('../images/social/facebook.svg');
			}
			.social-link.googleplus {
				background-image: url('../images/social/googleplus.svg');
			}
			.social-link.instagram {
				background-image: url('../images/social/instagram.svg');
			}
			.social-link.linkedin {
				background-image: url('../images/social/linkedin.svg');
			}
			.social-link.pinterest {
				background-image: url('../images/social/pinterest.svg');
			}
			.social-link.youtube {
				background-image: url('../images/social/youtube.svg');
			}
			.social-link.twitter {
				background-image: url('../images/social/twitter.svg');
			}
			.social-link.stumbleupon {
				background-image: url('../images/social/stumbleupon.svg');
			}
			.social-link.flickr {
				background-image: url('../images/social/flickr.svg');
			}
			.social-link.vimeo {
				background-image: url('../images/social/vimeo.svg');
			}*/

		.mobile-menu-toggle {
			display: none;
		}


.main-navigation {
	color: inherit;
	font-size: .9em;
	position: absolute; top: auto; right: 0; bottom: 1.5em; left: auto;
	text-align: right;
	width: 69%;
	z-index: 1002;
}
	.main-navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.main-navigation ul:after {
			content: '';
			display: none;
			font-size: 0;
			line-height: 0;
			margin-top: -1em;
			pointer-events: none;
			width: 100%;
		}
		.main-navigation li {
			display: inline-block;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: initial;
			text-align-last: initial;
		}
			.main-navigation ul a,
			.main-navigation ul a:visited {
				color: inherit;
				display: block;
				padding: .5em .5em;
			}
			.main-navigation li:first-child a {

			}
			.main-navigation li:last-child a {

			}
			.main-navigation ul li.active a {
				font-weight: bold;
			}
			.main-navigation ul li.highlight > a {
				color: #9cbccd;
				font-weight: bold;
				text-transform: uppercase;
			}

			.main-navigation ul a:hover,
			.main-navigation ul ul a:hover {
				text-decoration: underline;
			}
			.main-navigation ul :hover > a,
			.main-navigation ul ul :hover > a {
				text-decoration: underline;
			}

			.main-navigation ul ul.menu {
				background: #231f20;
				color: #FFFFFF;
				padding: .5em 0;
				position: absolute;
				left: -.5em;
				top: 100%;
				visibility: hidden;
				width: 12em;
			}
			.main-navigation ul li:hover ul,
			.main-navigation ul a:hover ul {
				visibility: visible;
			}

				.main-navigation ul ul.menu li {
					display: block;
				}

					.main-navigation ul ul.menu a,
					.main-navigation ul ul.menu a:visited {
						border: 0;
						color: inherit;
						display: block;
						padding: .3em 1em;
						text-align: left;
						text-transform: none;
					}
					.main-navigation ul ul.menu li:first-child a {

					}
					.main-navigation ul ul.menu li:last-child a {

					}
					.main-navigation ul ul.menu a:hover {
						text-decoration: underline;
					}
					.main-navigation ul ul.menu :hover > a {
						text-decoration: underline;
					}
					.main-navigation ul ul.menu li.active2 a {
						text-decoration: underline;
					}


.banner {
	background: #000000;
	height: 30vw; max-height: 450px;
	overflow: hidden;
	position: relative;
}
	.banner .pager {
		position: absolute; bottom: 1.5em; right: 3%;
		z-index: 101;
	}
		.banner .pager span {
			border: 1px solid #FFFFFF;
			border-radius: 50%;
			cursor: pointer;
			display: inline-block;
			font-size: 0;
			margin: 0 2px;
			width: 15px; height: 15px;
		}
		.banner .pager span.cycle-pager-active {
			background: #FFFFFF;
		}
	.banner .cycle-slideshow {
		width: 100%;
		height: 100%;
	}
		.banner .item {
			display: block;
			position: absolute;
			width: 100%; height: 100%;
 		}
			.banner .item .link {
				display: block;
				height: 100%;
				position: absolute; top: 0; left: 0;
				width: 100%;
				z-index: 10;
			}
			.banner .item .image {
				background: center/cover;
				display: block;
				height: 100%;
				position: absolute; top: 0; left: 0;
				width: 100%;
				z-index: 1;
			}
			.banner .bottom {
				background: rgba(0,0,0,.8);
				position: absolute; bottom: 0; right: 0; left: 0;
				z-index: 3;
			}
			.banner .root {
				height: auto;
				
			}
				.banner .page-width {
					width: 100%;
					height: 100%;
				}
				.banner .text {
					color: #FFFFFF;
					font-size: 1.3em;
					padding: 2em 0;
				}
					.banner .text :last-child {
						margin-bottom: 0 !important;
					}

				.banner .image-credit {
					display: none;
					float: right;
					z-index: 1000;
					color: rgba(255,255,255,.8);
					font-size: .8em;
					font-style: italic;
					margin-top: -30px;
				}



.search-root {
	background: #7a97ab;
	color: #FFFFFF;
	font-size: .85em;
}
	.search-root p {
		display: inline-block;
		font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
		letter-spacing: .05em;
		font-size: 1.2em;
		margin: 0;
		text-transform: uppercase;
		vertical-align: middle;
	}
	.search-root .icon {
		display: inline-block;
		margin: 0 .5em;
		height: 1.3em;
		vertical-align: middle;
	}
	.search-root input[type="text"],
	.search-root .select-style {
		border: 0;
		display: inline-block;
		margin: 0 .3em;
		width: 13em; max-width: 15vw;
	}
	.search-root input[type="image"] {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.search-root form * {
		text-align: left;
		text-align-last: left;
	}

	#search-form {
		background: #6d6f71;
		display: block;
		margin: 0;
		padding: 1em 1em 1.1em;
		position: relative;
	}
		#search-form input[type="text"] {

		}
		#search-form input[type="image"] {

		}

	#members-search-form {
		display: block;
		margin: 0;
		padding: 1em;
		position: relative;
	}



.news-ticker {
	background-color: #7a97ab;
	color: #FFFFFF;
	padding: .7em;
	position: relative;
	z-index: 1001;
}
.banner + .news-ticker {
	background: #231f20;
}
	.news-ticker img {
		display: inline-block;
		height: 1.2em;
		vertical-align: middle;
	}
	.news-ticker a {
		color: inherit;
		display: inline-block;
		margin: 0 1em;
	}
	.news-ticker a:first-child {
		margin-left: 0;
	}


.aim-icon {
	display: block;
}
	.aim-icon img {
		display: block;
		margin: 0 auto;
		width: auto; height: 6em;
	}


.feature-root {
	background: url('../images/feature-root-bg.jpg') center/cover no-repeat #505050;
	color: #FFFFFF;
}
	.feature-link {
		border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;
		color: inherit;
		display: block;
		height: 10em;
		padding: 1em 1em 0;
		text-align: center;
		transition: all .3s ease;
	}
	.feature-root > div > div:nth-of-type(3n-2) a.feature-link {
		border-left: 1px solid #FFFFFF;
	}
	.feature-root > div > div:nth-last-of-type(2) a.feature-link,
	.feature-root > div > div:nth-last-of-type(3) a.feature-link,
	.feature-root > div > div:nth-last-of-type(4) a.feature-link {
		border-bottom: none;
	}
	a.feature-link:hover {
		background: rgba(0,0,0,.3);
		color: inherit;
	}
		.feature-link .icon {
			display: block;
			margin: 0 auto 1em;
			height: 3.5em;
		}
		.feature-link h2 {
			margin: 0;
		}


.project-gallery-root {
	padding-top: 2em; padding-bottom: 2em;
}
	.project-gallery-heading h2 {
		margin: 0;
	}
		.project-gallery-heading img {
			display: inline-block;
			height: 1.2em;
			margin: 0 1em 0 0;
			vertical-align: middle;
		}
	.project-gallery-heading p {
		padding: .3em 0 0;
		margin: 0;
	}
.project-gallery-root hr {
	border-bottom-color: #FFFFFF;
	margin: 0;
}
.project-gallery-thumbnails > div {
	padding: 1em 0;
}
	.project-gallery-root .group {
		padding: 0 8%;
	}

		.project-thumbnail {
			display: block;
			margin: 1em 0;
			position: relative;
		}
		a.project-thumbnail:hover {
			
		}
		.project-thumbnail.library-thumbnail {
			border: 1px solid #a0a0a0;
		}
			.project-thumbnail img {
				display: block;
				width: 100%;
			}
				.project-thumbnail .content {
					background: url('../images/arrow-right.png') bottom 1em right 1em/auto 1.5em no-repeat rgba(122,151,171,.7);
					color: #FFFFFF;
					opacity: 0;
					overflow: hidden;
					padding: 1.5em;
					position: absolute; top: 0; right: 0; left: 0; bottom: 0;
					transition: all .3s ease;
				}
				a.project-thumbnail:hover .content {
					opacity: 1;
				}
				
				/*.project-thumbnail.library-thumbnail .content {
					position: absolute; top: calc(50% - 6em); right: 0; left: 0;
				}*/
					.project-thumbnail .content h3 {
						
					}



.icon-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	
	font-size: .8em;
	text-align: center;
}
	.icon-navigation > a {
		color: inherit;
		width: calc(100% / 6);
	}
	.icon-navigation > a.active {
		opacity: .5;
	}
		.icon-navigation > a img {
			display: block;
			width: 100%;
		}
		.icon-navigation h3 {
			font-weight: bold;
		}




.events-feed {
	padding: 1.5em 1.5em 1.5em 0;
}
	.events-feed .item {
		margin: 0 0 1em;
	}
	.events-feed .more {
		color: inherit;
		font-weight: bold;
	}
.download-documents {
	background: url('../images/download-bg.png') center/cover no-repeat #7a97ab;
	color: #FFFFFF;
	display: block;
	padding: 1.5em;
	height: 18em;
}
.download-documents:hover,
.download-documents:focus {
	color: #FFFFFF;
	opacity: .9;
}


#signup-form {
	margin-bottom: 0;
}
	#signup-form input[type="text"],
	#signup-form input[type="email"] {
		border: 0; border-bottom: 1px solid #cbcdcf;
		padding-left: 0; padding-right: 0;
		width: 15em; max-width: 35%;
	}


.industry-partners-logos {
	text-align: right;
}
	.industry-partners-logos .item {
		display: inline-block;
		margin: .3em .2em;
		vertical-align: middle;
	}
		.industry-partners-logos .item img {
			display: block;
			width: auto; height: 2em;
		}


/* profiles list */
table.member-list {
	border: 0 !important;
	width: 100%;
	line-height: 2;
}
	table.member-list th,
	table.member-list td {
		border: 0;
		padding: 1em 1em 1em .2em;
		vertical-align: middle;
	}
	table.member-list th {
		color: #7a97ab;
		text-transform: uppercase;
	}
	table.member-list td {
		border-top: 1px solid #CCCCCC;
	}

	table.member-list .accreditation-column {
		min-width: 80px;
	}

	.view-profile-link {
		background: url('../images/eye.png') center left/2em auto no-repeat transparent;
		display: block;
		font-size: .8em;
		font-weight: 700;
		float: right;
		margin: 0 0 .8em 0;
		padding: .2em 0 .2em 2.5em;
		text-transform: uppercase;
		white-space: nowrap;
	}

	table.member-list .sta-level-tick {
		max-width: 30px;
	}

	table.member-list .site-safe-dot {
		background-color: #999;
		border-radius: 50%;
		content: ' ';
		display: inline-block;
		width: 10px;
		height: 10px;
	}

	table.member-list .social {
		font-size: .7em;
		text-align: right;
	}


/* profile */
.main-menu-link {
	float: right;
	margin: 1em 0;
}

#members-map {
	width: 100%;
	height: 700px;
	border: 1px solid #a0a0a0;
}

.view-options img {
	filter: grayscale();
	opacity: .25;
}
.view-options a.active img {
	filter: none;
	opacity: 1;
}

.infowindow-content {
	max-width: 300px;
}
.infowindow-content div {
	margin-bottom: 5px;
}
.infowindow-content .company {
	font-weight: bold;
	font-size: 1.1em;
}
.infowindow-content .distance {
	font-style: italic;
	font-size: .9em;
}
.infowindow-content .link {
	margin-top: 8px;
	font-weight: bold;
}

/* member area root */
#member-area-search {

}
	#member-area-search input[type="text"] {
		display: inline-block;
		margin: 0 1em;
		width: 15em;
	}
	#member-area-search input[type="image"] {
		display: inline-block;
		padding: 0;
	}


.member-area-options-root {
	background: url('../images/member-area-options-root-bg.jpg') center/cover no-repeat #505050;
	color: #FFFFFF;
	font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
	letter-spacing: .05em;
}
	.member-area-options-root .root {
		border-bottom: 1px solid #FFFFFF;
	}
	.member-area-options-root .root.special {
		background: rgba(75,73,125,.3);
	}
		.member-area-options-root .root > div {
			padding: 2em 0;
		}
		.member-area-options-root a {
			color: inherit;
		}
		.member-area-options-root ul {
			list-style-type: none;
		}
			.member-area-options-root ul a {
				display: block;
				margin: 0 0 .5em;
			}
			.member-area-options-root ul a:before {
				content: ' > ';
			}

.library-related {
	margin-bottom: 2em !important;
	background: #FAFAFA;
	padding: 20px;
}



/* case studies */
#browse-filter {
	margin: 0;
	padding: .5em 0;
}
	#browse-filter * {
		text-align: left;
		text-align-last: left;
	}
	#browse-filter .select-style,
	#browse-filter input[type="text"] {
		width: 13em;
	}


.purple-band {
	background: #7a97ab;
	color: #FFFFFF;
	margin: 2em 0;
}
	.purple-band > div {
		padding: 1em 0;
	}
		.purple-band a {
			color: inherit;
		}
		.purple-band .more {
			margin: 0 !important;
			float: right;
		}
			.purple-band .more img {
				display: inline-block;
				height: 1.1em;
				margin: 0 .5em;
				vertical-align: middle;
			}
		.purple-band > div:after {
			clear: both;
			content: '';
			display: block;
		}


/* news, events, lists of pages */
.event,
.news-listing-item,
.searchresult,
.shop-browser-category,
.shop-browser-product {
	margin: 2em 0;
}
	.news-listing-text-date {
		margin: -1em 0 1em;
	}
	.eventlinks {
		font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
		letter-spacing: .05em;
		margin: 1em 0;
		text-transform: uppercase;
	}
		.eventlinks ul {
			list-style-type: none;
			margin: 1em 0 0 0 !important;
			padding: 0 !important;
		}
			.eventlinks ul li {
				display: inline-block;
				margin: 0 1em 0 0;
			}

.event {
	padding: 20px 20px 0 20px;
}
.event.non-members {
	background: #fff;
	padding-top: 0;
	padding-bottom: 0;
}
.event.members {
	background: rgba(152, 154, 205, 0.25);
}

.eventlargeimage {
	float: right;
	max-width: 40%;
}

.searchresult .url {
	font-size: 0.8em;
	color: #808080;
}

/* video */
.video-large,
.video-thumb {
	text-align: center;
}
	.video-large p,
	.video-thumb p {
		margin: .5em 0 2em;
	}



/* subpage grid */
.sub-page-grid-item {
	margin: 1em 0;
	text-align: center;
}

/* project detail gallery */
	#gallery-box { width: 95%; position: relative; }
		#gallery-rotator { height: 600px; margin-bottom: 10px; }
			#gallery-rotator .item { width: 100%; height: 100%; background: center/cover no-repeat transparent; }
				#gallery-rotator .item .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 10px; color: #FFFFFF; background: #b0a195; opacity: .8; }

	#thumbnails-box { width: 95%; position: relative; margin-bottom: 2em; }
		#thumbnails-rotator { margin: 0 -1% 10px; }
			#thumbnails-rotator .group { position: absolute; width: 100%; height: 100px; }
				#thumbnails-rotator .group .item { display: block; float: left; width: 18%; height: 100px; margin: 0 1%; background: center/cover no-repeat transparent; transition: opacity .3s ease; }
				#thumbnails-rotator .group .item:hover { opacity: .8; }

	#gallery-box .arrow, #thumbnails-box .arrow { text-decoration: none; position: absolute; }
	#gallery-box .arrow { top: 200px; }
	#thumbnails-box .arrow { top: 40px; }
		#gallery-box .arrow.left, #thumbnails-box .arrow.left { left: -25px; }
		#gallery-box .arrow.right, #thumbnails-box .arrow.right { right: -25px; }

	#gallery-controls { width: 95%; margin-top: 1em; text-align: center; }


/* default */
.main {
	position: relative;
	padding: 3em 0;
}
	.main ul, .main ol {
		margin-bottom: 1em;
		margin-left: 1.5em;
	}
		.main li {
			margin-bottom: 0.3em;
		}
	.main iframe {
		display: block;
		margin: 1.5em 0;
		max-width: 100%;
	}
	.main img {
		max-width: 100%; height: auto;
	}


	.page {
		margin: 2em 0;
	}
		.page .image {

		}
			.page .image a, .page .image img {
				display: block;
				width: 100%;
			}
		.page .text {

		}

	.image-thumb {

	}
		.image-thumb img {
			display: block;
			width: 100%;
		}

	.article {
		display: block;
	}
		.article h3 {
			font-weight: 400;
			letter-spacing: 0;
			margin: .5em 0 1.5em;
			text-transform: none;
		}


#page-content a {
	font-weight: bold;
}
	#page-content h1:last-child {
		margin-bottom: 0;
	}


.member-carousel {
	padding: 1em 4em;
	position: relative;
}
	.member-carousel .navi-arrow {
		background-image: url("../images/arrow-right-blue.png");
	}
	.member-carousel .cycle-slideshow {
		width: 100% !important; /* carousel seems to have a width: 0px issue? */
	}
		.member-carousel .item {
			
		}
			.member-carousel .item a {
				display: block;
				padding: 0 .2em;
			}
			.member-carousel img {
				width: auto; max-width: 7em !important; height: auto; max-height: 4em;
			}


#adverts-bottom-root {
	background-color: #d1d3d4;
	padding: 2em 0;
}
	#adverts-bottom-root .navi-arrow {
		border-radius: 0;
		background: url(../images/arrow-right.png) center/1.8em auto no-repeat transparent;
		top: 0;
		width: 3em; height: 100%;
	}
	.adverts-bottom {
		overflow: hidden !important;
		position: relative;
	}
		.adverts-bottom .cycle-slideshow {
			margin: 0 5%;
			width: 90%;
		}
			.adverts-bottom .item {
				width: 100%;
			}
				.adverts-bottom .item a,
				.adverts-bottom .item img {
					display: block;
					width: 100%;
				}
				.adverts-bottom .item img {
					
				}
	#adverts-bottom {
		margin: 0 auto;
		/*max-width: 700px;*/
	}




footer {
	background: #231f20;
	color: #FFFFFF;
	font-weight: 300;
}
	footer > div {
		padding: 2em 0;
	}
		footer a {
			color: inherit;
		}
		footer a:hover {
			color: inherit;
			text-decoration: underline;
		}

		footer .title {
			font-size: 1.1em;
			font-weight: bold;
		}

		footer .quick-links ul {
			border-left: 1px solid #FFFFFF;
			display: inline-block;
			list-style-type: none;
			margin-right: 2em;
			padding-left: 1em;
			vertical-align: top;
		}
			footer .quick-links li {
				
			}
				footer .quick-links li a {
					display: block;
					padding: .3em 0;
				}
				footer .quick-links li:first-child a {
					padding-top: 0;
				}
				footer .quick-links li:last-child a {
					padding-bottom: 0;
				}
		
		footer .social {
			text-align: right;
		}

		footer .contact {
			font-size: 1.2em;
			text-align: right;
		}




/* FANCYBOX PAGE */
body.popup {
	background-image: none;
 }
	.popup-root {

	}

.fancybox-wrap {
	z-index: 10000;
}

#library_subscribe_popup {
	background: #524B7E;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	padding: 20px;
	z-index: 10000;
}

#library_subscribe_popup form {
	margin: 0;
}

#library_subscribe_popup input[type="submit"] {
	display: inline-block;
	background: rgba(0,0,0,.15);
	color: white;
	margin-right: 20px;
}

#library_subscribe_popup a {
	color: white;
	text-decoration: underline;
}

#profile_enquiry_popup {
	background: #524B7E;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	padding: 20px;
	z-index: 10000;
}

#profile_enquiry_popup input[type="button"] {
	display: inline-block;
	background: rgba(0,0,0,.15);
	color: white;
	margin-right: 20px;
}

#profile_enquiry_popup a {
	color: white;
	text-decoration: underline;
}



/* news template change 20230208 */
.news-images {
	float: right;
	padding: 0 0 2rem 2rem;
	width: 33.33%;
}
.columns { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	
	margin: 0 -1.4em;
	max-width: none !important; 
}
.columns.tight { 
	margin: 0 -.7em; 
}
.columns:after { 
	clear: both; 
	content: ''; 
	display: block; 
}


.columns.align-column-bottom {
	align-items: flex-end;
}


.c10, .c15, .c16, .c20, .c25, .c30, .c33, .c40, .c50, .c60, .c66, .c75, .c70, .c80, .c83, .c90, .c100 { 
	/*float: left;*/
	position: relative;
	min-height: 1px;
}
.c10 { width: 10%; }
.c15 { width: 15%; }
.c16 { width: 16.66%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c40 { width: 40%; }
.c50 { width: 50%; }
.c60 { width: 60%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c83 { width: 83.33%; }
.c90 { width: 90%; }
.c100 { width: 100%; }

.columns > .c10, .columns > .c15, .columns > .c16, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c83, .columns > .c90,.columns > .c100 { 
	padding: 0 1.4em;
}

.columns.tight > .c10, .columns.tight > .c15, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c83, .columns.tight > .c90, .columns.tight > .c100 { 
	padding: 0 .7em;
}

.c10.float-right, .c15.float-right, .c20.float-right, .c25.float-right, .c30.float-right, .c33.float-right, .c40.float-right, .c50.float-right, .c60.float-right, .c66.float-right, .c70.float-right, .c75.float-right, .c80.float-right, .c90.float-right, .c100.float-right { 
	float: right;
}




/* mobile */
@media only screen and (max-width: 480px) {
	
	.columns, 
	.columns.tight { 
		margin: 0 -.7em; 
	}
	
	.cm10, .cm15, .cm16, .cm20, .cm30, .cm33, .cm40, .cm50, .cm60, .cm66, .cm70, .cm80, .cm83, .cm90, .cm100 { 
		float: left; 
		min-height: 1px; 
	}
	.cm10 { width: 10%; }
	.cm15 { width: 15%; }
	.cm16 { width: 16.66%; }
	.cm20 { width: 20%; }
	.cm25 { width: 25%; }
	.cm30 { width: 30%; }
	.cm33 { width: 33.33%; }
	.cm40 { width: 40%; }
	.cm50 { width: 50%; }
	.cm60 { width: 60%; }
	.cm66 { width: 66.66%; }
	.cm70 { width: 70%; }
	.cm75 { width: 75%; }
	.cm80 { width: 80%; }
	.cm80 { width: 80%; }
	.cm83 { width: 83.33%; }
	.cm90 { width: 90%; }
	.cm100 { width: 100%; }
	
	.columns > .cm10, .columns > .cm15, .columns > .cm16, .columns > .cm20, .columns > .cm30, .columns > .cm33, .columns > .cm40, .columns > .cm50, .columns > .cm60, .columns > .cm66, .columns > .cm70, .columns > .cm80, .columns > .cm83, .columns > .cm90, .columns > .cm100 {
		padding: 0 .7em; 
	}
	
	/* desktop columns respond */
	.columns > .c10, .columns > .c15, .columns > .c16, .columns > .c20, .columns > .c25, .columns > .c30, .columns > .c33, .columns > .c40, .columns > .c50, .columns > .c60, .columns > .c66, .columns > .c70, .columns > .c75, .columns > .c80, .columns > .c83, .columns > .c90, .columns > .c100, .columns.tight > .c10, .columns.tight > .c16, .columns.tight > .c20, .columns.tight > .c25, .columns.tight > .c30, .columns.tight > .c33, .columns.tight > .c40, .columns.tight > .c50, .columns.tight > .c60, .columns.tight > .c66, .columns.tight > .c70, .columns.tight > .c75, .columns.tight > .c80, .columns.tight > .c83, .columns.tight > .c90, .columns.tight > .c100 { 
		padding: 0 .7em; 
	}
	
}form {
	margin: 2em 0;
}
fieldset {
	border: 0;
}

input,
textarea {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size: 1em;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
.select-style,
textarea {
	-webkit-appearance: none;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	display: inline-block;
	margin: .3em 0;
	padding: .5em;
	vertical-align: middle;
}
textarea {
	min-height: 8em;
}

::-webkit-input-placeholder {
	color: #707070;
}
:-moz-placeholder {
	color: #707070;
	opacity: 1;
}
::-moz-placeholder {
	color: #707070;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #707070;
}

select {
	border: 1px solid #CCCCCC;
	font-size: 1em;
	vertical-align: middle;
	width: 100%;
}
	select option {
		padding: .5em;
	}



/* submit, button */
input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	background: #7a97ab;
	border: 0;
	border-radius: 0;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'Montserrat', 'Lato', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	margin: .3em 0;
	padding: .3em 1em;
	text-transform: uppercase;
	width: auto;
	vertical-align: middle;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #000000;
}

/* image */
input[type="image"] {
	background: transparent;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 2.1em;
	margin: .3em 0;
	width: auto;
	vertical-align: middle;
}
input[type="image"]:hover {
	opacity: .8;
}




/* select style (requires wrapper .select-style) */
.select-style {
	background: #FFFFFF;
	display: inline-block;
	padding: 0;
	margin: .3em 0;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}
	.select-style select {
		-webkit-appearance: none;
		background: none;
		border: 0;
		display: block;
		padding: .45em .5em;
		position: relative;
		width: calc(100% + 2em);
	}
		.select-style select option {
			padding: 0;
		}
	.select-style:after {
		background: url(../images/arrow-down.svg) center/60% auto no-repeat #FFFFFF;
		content: '';
		display: block;
		pointer-events: none;
		position: absolute; top: 0; right: 0;
		width: 2em; height: 100%;
	}


/*
label {
	display: inline-block;
	margin: .3em 0;
	width: 33%;
}
*/
table label { width: auto; }
label.inline { width: auto; font-size: 1em; display: inline; margin: 0; }

/* inputs widths (easily indent against labels) */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select,
.select-style {
	width: 66%;
}
table input[type="text"],
table input[type="email"],
table input[type="search"],
table input[type="password"],
table textarea,
table select,
table .select-style {
	width: 100%;
}





form.formhandler {
	max-width: 80%;
	margin: 0 auto;
}

	form.formhandler fieldset {
		border-style: none;
		clear: both;
		margin: 0 0 1.5em 0;
		padding: 0;

	}

		form.formhandler legend {
			font-weight: bold;
			font-size: 1.1em;
			display: block;
			margin-bottom: .5em;
		}

		form.formhandler fieldset ol {
			margin: 0 !important;
			list-style: none;
		}

			form.formhandler fieldset li {
				float: left;
				clear: left;
				width: 100%;
			}

				form.formhandler fieldset > ol li > label {
					float: left;
					width: 33%;
					margin-top: .75em;
				}

				form.formhandler fieldset input, form.formhandler fieldset .select-style {
					float: left;
					width: 65%;
				}

				form.formhandler input.dd, form.formhandler input.mm, form.formhandler input.yyyy {
					display: inline-block;
					width: auto;
					margin-right: 10px;
				}

				form.formhandler fieldset.submit input {
					margin-left: 33%;
					width: auto;
				}

				form.formhandler label.inline,
				form.formhandler label.checkbox {
					display: inline-block;
					float: none;
					width: auto;
				}

				form.formhandler input[type="checkbox"], form.formhandler input[type="radio"] {
					width: auto;
					float: none;
					display: inline-block;
					margin: 1em 0;
				}

				form.formhandler fieldset.radio {
					margin-left: 0;
					float: left;
					clear: none;
					padding: .5em 0;
				}

				form.formhandler label.radio {
					float: none;
					width: auto;
					display: inline;
				}

				/* nested fieldsets */
				form.formhandler fieldset fieldset {
					margin-bottom: 0;
					border-style: none;
					background-color: transparent;
					background-image: none;
				}

				form.formhandler fieldset fieldset label.legend {
					margin-bottom: 1em;
					margin-left: -33%;
				}

				form.formhandler fieldset fieldset ol {
					position: relative;
				}

				form.formhandler fieldset fieldset label {
					float: none;
					width: auto;
					margin-right: auto;
				}
p.inset-left {
	display: block;
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
}
p.inset-right {
	display: block;
	float: right;
	margin: 0 0 30px 30px;
	position: relative;
}
h1.green-center {
	color: #008000;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

.large-paragraph {
	font-size: 1.2em;
	font-weight: 500;
}

.highlight {
	color: #7191a4;
}/* mobile */
@media only screen and (max-width: 480px) {

body {
	font-size: .8em;
	-webkit-text-size-adjust: 100%;
}

.mobile {
	display: block !important;
}
span.mobile {
	display: inline !important;
}
table.mobile {
	display: table !important;
}
col.mobile {
	display: table-column !important;
}
th.mobile, td.mobile {
	display: table-cell !important;
}
tr.mobile {
	display: table-row !important;
}
.desktop, span.desktop, table.desktop, col.desktop, th.desktop, td.desktop, tr.desktop {
	display: none !important;
}

.center-m {
	text-align: center;
	text-align-last: center;
}


/* xinha */
.inset-left {
	float: none;
	height: auto;
	margin: 1em 0;
	width: 100%;
}
.inset-right {
	float: none;
	height: auto;
	margin: 1em 0;
	width: 100%;
}



.navi-arrow {
	height: 30px;
	top: calc(50% - 15px);
	width: 30px;
}
.navi-arrow:hover {
}
.navi-arrow.left {
}
.navi-arrow.right {
}


.pagination,
.page-navigation {
	font-size: .9em;
	text-align: center;
}



.root {
	width: 100%;
}
	.root > div, .page-width {
		width: 100%;
	}







/* ----------------------------- PAGE STRUCTURE ----------------------------- */

header {
	border-bottom: 1.8em solid #231f20;
	height: auto;
}
	header > div {
		padding: 1em 0 1.4em 0;
	}
		header .logo {
			position: static;
			width: 60%;
		}
			header .logo img {  }

		header .contact {
			display: none;
		}

		header .social {
			bottom: .7em;
		}
			header .social .social-link {
				width: 1.7em; height: 1.7em;
			}

		.mobile-menu-toggle {
			cursor: pointer;
			display: block;
			-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
			position: absolute; right: .3em; top: 1em;
			width: 22px; height: 20px;
		}
			.mobile-menu-toggle span {
				background: #000000;
				border-radius: 2px;
				display: block;
				position: absolute; left: 0;
				-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
				-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
				width: 100%; height: 3px;
			}
			.mobile-menu-toggle span:nth-child(1) {
				top: 0px;
			}
			.mobile-menu-toggle span:nth-child(2),
			.mobile-menu-toggle span:nth-child(3) {
				top: 7px;
			}
			.mobile-menu-toggle span:nth-child(4) {
				top: 14px;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(1) {
				top: 7px; left: 50%;
				width: 0%;
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(2) {
				-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(3) {
				-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
			}
			body.mobile-menu .mobile-menu-toggle span:nth-child(4) {
				top: 7px; left: 50%;
				width: 0%;
			}



/* responsive navigation */
.main-navigation {
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
	color: #000000;
	font-size: 1.1em;
	height: 100%;
	margin-left: -75%;
	padding: 1.2em;
	position: fixed; top: 0; left: 0; right: auto;
	transition: all .3s ease;
	width: 70%;
	z-index: 1003;
}
body.mobile-menu .main-navigation {
	margin-left: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
	.main-navigation ul {
		padding-bottom: 20px;
		text-align: left;
	}
		.main-navigation ul li {
			display: block;
			float: none;
		}
			.main-navigation ul a,
			.main-navigation ul a:visited {
				border-right: 0;
				font-weight: normal;
				line-height: normal;
				padding: .3em 1em .3em 0;
			}
			.main-navigation ul li.active a {
				color: #4b497d;
			}
			.main-navigation li:first-child a {  }
			.main-navigation li:last-child a {

			}
			.main-navigation ul a:hover,
			.main-navigation ul ul a:hover {
				color: #4b497d;
			}
			.main-navigation ul :hover > a,
			.main-navigation ul ul :hover > a {
				color: #4b497d;
			}
			.main-navigation ul a:hover {
				color: #4b497d;
			}

			.main-navigation ul ul.menu {
				background: transparent;
				border-top: 0;
				color: #000000;
				height: auto;
				left: auto;
				padding: .3em 0 10px 10px;
				position: static;
				top: auto;
				visibility: visible;
				width: auto;
			}
				.main-navigation ul ul.menu li {
					background: transparent;
					padding: 0;
				}
					.main-navigation ul ul.menu a,
					.main-navigation ul ul a:visited {
						background: none;
						font-size: .8em;
						padding: .5em 0;
					}

					.main-navigation ul ul.menu li:first-child a {
						padding-top: .5em;
					}
					.main-navigation ul ul.menu li:last-child a {
						padding-bottom: .5em;
					}
					.main-navigation ul ul.menu a:hover {
						color: #4b497d;
					}
					.main-navigation ul ul.menu :hover > a {
						color: #4b497d;
					}
					.main-navigation ul ul.menu li.active2 a {
						color: #4b497d;
					}


.search-root {
	font-size: .6em;
	padding: 0;
}

.news-ticker {
	display: none;
}

.feature-root {
	padding: 0;
}
	.feature-link {
		border: none;
		height: auto;
		padding: 1em;
		text-align: left;
	}
	.feature-root > div > div:nth-of-type(3n-2) a.feature-link {
		border: none;
	}
	.feature-root > div > div:nth-last-of-type(2) a.feature-link,
	.feature-root > div > div:nth-last-of-type(3) a.feature-link,
	.feature-root > div > div:nth-last-of-type(4) a.feature-link {

	}
	a.feature-link:hover {

	}
		.feature-link .icon {
			float: left;
			margin: -.5em 1em 0 0;
			height: 2.5em;
		}
		.feature-link h2 {
			font-size: 1.1em;
			margin: 0;
		}


		.project-gallery-root .group {
			padding: 0 12%;
		}

			.project-thumbnail {
				margin: .5em 0;
			}



	.view-profile-link {
		background-size: 1.5em auto;
		padding: .1em 0 .1em 2em;
	}
		.view-profile-link span {
			display: none;
		}



.purple-band {

}
		.purple-band .more {
			margin: 0 auto !important;
			float: none;
		}


#adverts-bottom-root {

}
	#adverts-bottom-root .navi-arrow {
		width: 1.5em;
	}
	#adverts-bottom {
		float: none;
		margin: 0 auto;
		width: calc(100% - 3em);
	}
	#adverts-bottom-left,
	#adverts-bottom-right {
		display: none;
	}


.industry-partners-logos {
	text-align: initial;
}


footer {
	text-align: initial;
}
	footer .quick-links {
		margin: 0 0 1em;
	}
	footer .social {
		text-align: initial;
		margin: 1em 0 1em;
	}
	footer .contact {
		text-align: initial;
		margin: 0 0 1em;
	}
	footer .press {
		margin: 0 0 1em;
	}


/* news template change 20230208 */
.news-images {
	float: none;
	padding: 0 0 0 2rem;
	width: 100%;
}


}




/* medium size screens */
@media only screen and (min-width: 480px) and (max-width: 1100px) {

body {
	font-size: calc(.2em + 1vw);
}



.search-root,
.project-gallery-heading {
	font-size: 1.3vw;
}


.align-right-desktop {
	text-align: right;
}


.root {

}



}


/* large screens */
@media only screen and (min-width: 1000px) {

.justify {
	text-align: justify;
	text-align-last: justify;
}
	.justify:after {
		content: '';
		display: none;
		font-size: 0;
		line-height: 0;
		margin-top: -1em;
		pointer-events: none;
		width: 100%;
	}

.align-right-desktop {
	text-align: right;
}

}.question * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#navigation {
	height: 0;
}

#main {
	padding-top: 30px;
}

#main-column.fullwidth {
	width: calc(100% - 30px);
}

.tfcas-error {
	color: #FF0000;
	font-size: 1.3em;
	margin: 0 0 2em;
	text-align: center
}

#tfcas-login {
	 background-color: #009985;
	 color: #FFFFFF;
	 padding: 30px;
}
	#tfcas-login form {
		margin: 0 auto;
		max-width: 300px;
	}
		#tfcas-login input[type="text"],
		#tfcas-login input[type="password"] {
			display: block;
			font-size: 1.2em !important;
			margin: 0 0 .6em;
			padding: .5em 0;
			text-align: center;
			width: 100%;
		}
		#tfcas-login input[type="submit"] {
			display: block;
			font-size: 1.2em;
			margin: 0 auto;
			padding: .3em 2em;
		}

.tfcas-question {
	color: #4b497e;
}
	.tfcas-question h1, .tfcas-question h2, .tfcas-question h3, .tfcas-question h4, .tfcas-question h5, .tfcas-question h6 {
		color: inherit;
		margin: 0 0 1.2em;
		text-transform: uppercase;
	}
	.tfcas-question h1 {
		font-size: 1.3em;
		font-weight: bold;
	}
	.tfcas-question h2 {
		font-size: 1.1em;
		font-weight: normal;
	}
	.tfcas-question h3, .tfcas-question h4, .tfcas-question h5, .tfcas-question h6 {
		font-size: 1em;
	}
	.tfcas-question img {
		display: block;
		margin: 1em 0;
		max-width: 400px;
	}



.answer-container {
	display: block;
	margin: 2em 0 3em;
	max-width: 500px;
	position: relative;
}
	.answer-container .options {

	}
		.answer-container .options:after {
			clear: both;
			content: '';
			display: block;
		}

		/* rearrange sequence of statements */
		.answer-container .options .sequence-option,
		.blankety-blank-option {
			background: url(../images/grab.svg) center right 1em/1em auto no-repeat #cccccc;
			border-radius: 1em;
			color: #333333;
			display: block;
			font-size: 1.1em;
			/*height: 2em; line-height: 2em;*/
			height: auto !important;
			margin: .6em 0;
			padding: .4em 2.5em .4em 1.5em;
			width: 100% !important;
		}
		.blankety-blank-option {
			background-image: none;
			padding-right: 1.5em;
		}

		/* true or false statements */
		.answer-container .options .truefalse-option {
			margin: .6em 0;
		}
			.answer-container .options .truefalse-option .text {
				background: #cccccc;
				border-radius: 1em 0 0 1em;
				color: #333333;
				display: block;
				float: left;
				font-size: 1.1em;
				/*height: 2em; line-height: 2em;*/
				height: auto !important;
				padding: .4em 1.5em;
				width: calc(100% - 7em);
			}
			.truefalse-options {
				float: right;
				font-size: 1.1em;
				text-align: right;
				width: 7em;
			}
				.answer-container .options .truefalse-option .true,
				.answer-container .options .truefalse-option .false,
				.answer-container .options .truefalse-option .select {
					background: #EEEEEE;
					color: #999999;
					display: inline-block;
					font-weight: bold;
					/*height: 2em; line-height: 2em;*/
					height: auto !important;
					padding: .4em 0;
					width: 3.3em;
					vertical-align: middle;
					text-align: center;
				}
				.answer-container .options .truefalse-option .true:hover,
				.answer-container .options .truefalse-option .false:hover,
				.answer-container .options .truefalse-option .select:hover {
					opacity: .7;
				}
				.answer-container .options .truefalse-option .true.selected {
					background: #00AA00;
					color: #FFFFFF;
				}
				.answer-container .options .truefalse-option .false.selected {
					background: #AA0000;
					color: #FFFFFF;
				}
				.answer-container .options .truefalse-option .true {
					border-right: 1px solid #FFFFFF;
					border-radius: .5em 0 0 .5em;
				}
				.answer-container .options .truefalse-option .false {
					border-radius: 0 .5em .5em 0;
				}

			.answer-container .options .truefalse-option:after {
				clear: both;
				content: '';
				display: block;
			}

		/* "multiple" choice */
			.answer-container .options .truefalse-option .select {
				border-left: 1px solid #FFFFFF;
				border-radius: 0 .5em .5em 0;
				width: 100%;
			}
			.answer-container .options .truefalse-option .select.selected {
				background: #00AA00;
				color: #FFFFFF;
			}

		/* true or false images */
		.answer-container .options .truefalse-option.image-option {
			float: left;
			margin: 0 2% 1.5em 0;
			width: 48%;
		}
			.image-option .image {
				float: none;
				margin: 0 0 3px;
			}
				.image-option .image img {
					display: block;
					width: 100%;
				}
			.image-option .truefalse-options {
				float: none;
				text-align: left;
				width: auto;
			}
				.answer-container .options .image-option .truefalse-options .true,
				.answer-container .options .image-option .truefalse-options .false,
				.answer-container .options .image-option .truefalse-options .select {
					padding: .4em .6em;
					width: auto;
				}

		/* diagram label matching */
		.match-option {
			background: #cccccc;
			border-radius: 1em;
			color: #333333;
			display: block;
			font-size: 1.1em;
			/*height: 2em; line-height: 2em;*/
			height: auto !important;
			margin: .6em 0;
		}
			.match-option .answerno {
				background: #EEEEEE;
				border-right: 1px solid #FFFFFF;
				border-radius: .5em 0 0 .5em;
				color: #999999;
				display: inline-block;
				font-weight: bold;
				/*height: 2em; */
				padding: .4em 0;
				text-align: center;
				text-transform: uppercase;
				width: 3em;
			}
			.match-option select {
				background: none;
				border: 0;
				display: inline-block;
				width: calc(100% - 5em);
			}



	.answer-container .next-link {
		background: #cccccc;
		color: #333333;
		display: block;
		float: right;
		margin: 1.5em 0 0;
		padding: .3em .5em;
	}
	.answer-container a.next-link:hover {
		background: #333333;
		color: #cccccc;
	}
	.answer-container:after {
		clear: both;
		content: '';
		display: block;
	}



#test-progress {
	background: #4b497e;
	color: #FFFFFF;
	margin: 0 0 10px;
	padding: 1em 10px;
}

#other-modules {
	background: #808080;
	color: #FFFFFF;
	margin: 0 0 10px;
	padding: 1em 10px;
}

#megamenu-footer {
	padding-bottom: 20px;
}
	#megamenu-footer .item {
		float: none;
		padding: 0;
		width: 100%; max-width: none;
	}#hub-mainpanel table tr.th th { background-color: #e7e7e7; }

#hub-mainpanel table.form { width: 100%; }
#hub-mainpanel table.form th, #hub-mainpanel table.form td { padding: 3px; }
#hub-mainpanel div.text { padding: 10px 10px 0px 10px; }

#hub-mainpanel table.post { width: 100%; margin-bottom: 8px; border-bottom: 1px dotted #808080; }
#hub-mainpanel table.post th, #hub-mainpanel table.post td { padding: 10px 20px; }
#hub-mainpanel table.post .postauthor { width: 120px; }

table.hub-topiclist { width: 100%; }
table.hub-topiclist th { padding: 3px 8px; }
table.hub-topiclist td { padding: 10px 8px; }
table.hub-topiclist th { color: #404040; font-weight: normal; color: #0072bc; }

table.hub-messagelist { width: 100%; }
table.hub-messagelist th, table.hub-messagelist td { padding: 4px; }
table.hub-messagelist td { border-bottom: 1px solid #E0E0E0; }
table.hub-messagelist th { background-color: #e8e8e8; color: #818181; font-weight: normal; }

.postattachments { border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; padding: 8px 0; margin-bottom: 10px; }
.postattachments dt { clear: left; float: left; width: 16px; vertical-align: middle; }
.postattachments dd { margin-left: 20px; }

table.hub-memberregister { width: 100%; }
table.hub-memberregister th { padding: 3px 8px; }
table.hub-memberregister td { border-bottom: 1px solid #E0E0E0; padding: 8px; }
table.hub-memberregister th { color: #404040; font-weight: normal; color: #0072bc; text-transform: uppercase; }

#attachoptionslink { padding-left: 106px; }

#tabbuttons { float: left; width: 150px; }
.tabscontainer { margin-left: 170px; }
#tabbuttons ul { list-style: none; margin: 0; padding: 0; }
#tabbuttons li.current-tab { font-weight: bold; }

.profileattachment { float: left; width: 46%; margin:  0.5% 2%; padding: 10px; border: 1px solid #a0a0a0; box-sizing: border-box; -moz-box-sizing: border-box; }
.profileattachment h5, .profileattachment p { margin-bottom: 0.3em !important; }

.profile-image { float: right; width: 150px; text-align: left; }
.profile-descriptiontext.noimage { margin-left: 0; }

.pagination { text-align: right; }

.posticon { width: 24px; height: 24px; }

table.site-list { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
table.site-list th, table.site-list td { padding: 4px 8px; border: 1px solid #ddd;}
table.site-list th { background: #B3B2B2; }
table.site-list td a { font-weight: bold; text-decoration: none; }

#staassure_declarations .certnumberhide { font-weight: bold; font-style: italic; }
.audit-warning { text-align: center; background: red; color: white; padding: 10px; font-size: 1.1em; margin: 1em 0; }
/*! jQuery UI - v1.11.4 - 2016-02-24
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("../js/jqueryui/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("../js/jqueryui/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("../js/jqueryui/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("../js/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("../js/jqueryui/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("../js/jqueryui/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../js/jqueryui/images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}