* {
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}

html, body {
	min-height: 100%;
}

body {
	overflow-y: scroll;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}

body {
	cursor: default;
	font-family: "Segoe UI", Arial, Sans-Serif;
}

ol, ul, dl {
	list-style: outside;
	margin-left: 20px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:focus,
input:focus,
button:focus {
	outline: 0;
}

a {
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
}

input[type=hidden] {
	display: none;
}

strong {
	font-weight: bold;
}

input,
select,
textarea {
	font: inherit;
}

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

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.f-item {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.f-text-input input,
.f-select select,
.f-text-input textarea,
.f-text-input .f-faux {
	background: #FFF;
	width: 280px;
	max-width: 100%;
	height: 30px;
	padding: 5px 10px;
	font-size: 1em;
	border: 1px solid #BBB;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

input:focus,
textarea:focus,
select:focus {
	border-color: #888;
	outline: none;
}

form.f-hide,
.f-item.f-hide {
	display: none;
}

.f-item.f-inline {
	clear: none;
	float: left;
}

.f-item.f-no-label .f-label {
	display: none;
}

.f-required-indicator {
	font-weight: bold;
	color: #BA0000;
	padding-left: 4px;
}

.f-text-input .f-label,
.f-select .f-label {
	padding: 5px 0px;
}

.h-form .f-text-input .f-label,
.h-form .f-radio .f-label-primary,
.h-form .f-select .f-label {
	width: 180px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.v-form .f-text-input .f-label,
.v-form .f-select .f-label {
	float: none;
	display: block;
	text-align: left;
	padding: 0px 0px 4px;
}

.h-form .f-text-input input,
.h-form .f-select select,
.h-form .f-text-input textarea,
.h-form .f-text-input .f-faux {
	float: left;
	margin-top: 0px;
}

.f-text-input textarea {
	height: 100px;
}

.f-text-input input:focus,
.f-text-input textarea:focus,
.f-select select:focus {
	border-color: #888;
	outline: none;
}

.f-text-input.f-error input,
.f-text-input.f-error textarea,
.f-select.f-error select,
.f-select.f-error .f-faux {
	border-color: #BA0000;
}

.f-text-input .f-hint-text {
	float: left;
	padding: 9px 0px;
	margin-left: 20px;
	color: #888;
	font-style: italic;
}

.f-richselect .f-hint-text {
	float: none;
	padding: 0;
	margin-left: 0;
	color: inherit;
	font-style: normal;
}

.h-form .f-checkbox {
	padding-left: 195px;
}

.f-bool .f-label {
	cursor: pointer;
}

.f-bool input {
	position: relative;
	top: 2px;
}

.f-bool.f-error .f-label {
	color: #BA0000;
}

.f-radio input {
	float: none;
}

.f-map-box {
	width: 300px;
	height: 200px;
	float: left;
	border: 1px solid #BBB;	
}

.f-select .f-select-dd,
.f-select .f-select-mm,
.f-select .f-select-hh,
.f-select .f-select-mi,
.f-select .f-select-ss {
	width: 65px;
	display: inline-block;
}

.f-select .f-select-mm,
.f-select .f-select-hh,
.f-select .f-select-mi,
.f-select .f-select-ss {
	margin-left: 5px;
}

.f-select .f-select-yyyy {
	width: 80px;
	margin-left: 5px;
	display: inline-block;
}

.f-message {
	background: #CCC;
	padding: 10px;
	margin-bottom: 20px;
}

.f-message.f-message-error {
	background: #BA0000;
	color: white;
	margin-bottom: 20px;
}

.f-message.f-message-success {
	background: #D8F0A4;
	color: #3E8425;
}

.f-note {
	margin: 20px 0px 10px;
}

.h-form .f-note {
	padding-left: 200px;
}

.h-form .f-submit {
	padding-left: 198px;
}

.f-submit button,
.submit-button {
	background-color: #e6e6e6;
	background-repeat: no-repeat;
	background-image: -webkit-linear-gradient(#5A95F7, #2E6BCD);
	background-image: linear-gradient(#5A95F7, #2E6BCD);
	cursor: pointer;
	display: inline-block;
	line-height: 2em;
	padding: 0.4em 1.5em;
	color: white;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #2762C2;
	font-family: "Segoe UI", Arial, Sans-Serif;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
				0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.05s linear all;
	transition: 0.5s linear all;
}

.f-submit button:hover,
.f-submit button:focus,
.submit-button:hover,
.submit-button:focus {
	background-image: -webkit-linear-gradient(#6DA2FA, #2D6ACA);
	background-image: linear-gradient(#6DA2FA, #2D6ACA);
	text-decoration: none;
	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2),
				0px 1px 0px rgba(0, 0, 0, 0.1);

	border-color: #2056AF !important;
	border-bottom-color: #184590 !important;
}

.f-submit button:active,
.submit-button:active {
	background-image: -webkit-linear-gradient(#5A95F7, #3B7BDF) !important;
	background-image: linear-gradient(#5A95F7, #3B7BDF) !important;
	border-color: #2056AF !important;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2) !important;
}

.f-text-input .f-prepend input,
.f-select .f-prepend select {
	display: inline;
}

.f-addon {
	display: inline-block;
	width: 30px;
	font-weight: normal;
	text-align: center;
	background-color: #EEEEEE;
	margin-right: -31px;
	position: relative;
	z-index: 10;
	line-height: 29px;	
	border-right: 1px solid #BBB;
}

.f-prepend input {
	padding-left: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.f-append input {
	padding-right: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.f-prepend .f-addon {
	float: left;
}

.f-append .f-addon {
	margin: 0px;
	margin-left: -31px;
	border: 0;
	border-left: 1px solid #BBB;
}

.system-form {
	max-width: 900px;
}

.system-form input,
.system-form select,
.system-form textarea,
.system-form .f-faux {
	background: #F3F3F3;
	border: 0;
	border-bottom: 1px solid #DDD;
	width: 100%;
	box-sizing: border-box;
}

.system-form .f-faux {
	line-height: 20px;
	color: black;
	text-decoration: none;
}

.system-form textarea {
	padding: 10px;
}

.system-form input[type=checkbox] {
	width: auto;
}

.system-form .f-alias input {
	width: 100%;
}

.system-form .f-message {
	margin-left: 20px;
}

.system-form .f-message.f-message-success {
	background-image: url(/base/images/system/list_tick.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 32px;
	border-bottom: 1px solid #C6D8A0;
}

.f-alias .f-addon {
	font-size: 10px;
}

.system-form .f-item {
	position: relative;
	margin-bottom: 30px;
}

.system-form label {
	padding-bottom: 8px;
	font-weight: normal;
	color: #828088;
}

.system-form .f-bool label {
	background: #F3F3F3;
	display: block;
	border-bottom: 1px solid #DDD;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 4px;
}

.system-form .f-hint-text {
	position: absolute;
	top: 0px;
	right: 0px;
}

.system-form select,
.system-form .f-richselect .f-faux {
	background-image: url(/base/images/system/select_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.f-image-container {
	position: relative;
	display: inline-block;
}

.f-image menu {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: none;
}

.f-image-container:hover menu {
	display: block;
}

.system-form .f-richselect {
	overflow: visible;
}

.system-form .f-richselect .dropdown-menu {
	width: auto;
	left: 0;
	right: 0;
	top: 29px;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #CCC;
	padding: 0;
}

.system-form .f-richselect .dropdown-menu:before,
.system-form .f-richselect .dropdown-menu:after {
	display: none;
}

.system-form .f-richselect .dropdown-menu a {
	line-height: 30px;
	border-bottom: 1px solid #F3F3F3;
}

.system-form .f-richselect .dropdown-menu li:last-child a {
	border: 0;
}

.system-form .f-richselect .dropdown-menu a:hover,
.system-form .f-richselect .dropdown-menu a:focus {
	border-color: #D6E9F8;
	box-shadow: 0px -1px 0px #D6E9F8;
}

.system-form .f-richselect .dropdown-options .active:focus,
.system-form .f-richselect .dropdown-options .active:focus a {
	text-decoration: none;
}

.system-form .f-richselect .dropdown-options .active a,
.system-form .f-richselect .dropdown-options .active a:hover,
.system-form .f-richselect .dropdown-options .active a:focus {
	background: #0088DD;
	color: white;
	text-decoration: none;
}

.f-richselect-filter,
.f-richselect-filter:focus {
	border: 0 !important;
}

.f-richselect .dropdown-options {
	max-height: 200px;
	overflow-y: scroll;
}

/* ####################################### */
/* ############# GRID LINES ############## */
/* ####################################### */

/* cleafix the grid lines */
.grid:before,
.grid:after {
	content: "";
	display: table;
}

.grid:after {
	clear: both;
}

.grid {
	zoom: 1;
	font-size: 0;
}

/* ####################################### */
/* ############## =GRID UNITS ############ */
/* ####################################### */

.grid .unit {
	display: inline-block;
	vertical-align: top;
}

.grid > .line {
	display: block;
}

.size1of1	{ width: 100%;}
.size1of2	{ width: 50%;}
.size2of2	{ width: 100%;}
.size1of3	{ width: 33.33%;}
.size2of3	{ width: 66.666%;}
.size3of3	{ width: 100%;}
.size1of4	{ width: 25%;}
.size2of4	{ width: 50%;}
.size3of4	{ width: 75%;}
.size4of4	{ width: 100%;}
.size1of5	{ width: 19.99%;}
.size2of5	{ width: 40%;}
.size3of5	{ width: 60%;}
.size4of5	{ width: 80%;}
.size5of5	{ width: 100%;}
.size1of6	{ width: 16.66%;}
.size2of6	{ width: 33.33%;}
.size3of6	{ width: 50%;}
.size4of6	{ width: 66.666%;}
.size5of6	{ width: 83.333%;}
.size6of6	{ width: 100%;}
.size1of7	{ width: 14.28%;}
.size2of7	{ width: 28.5705%;}
.size3of7	{ width: 42.857%;}
.size4of7	{ width: 57.142%;}
.size5of7	{ width: 71.428%;}
.size6of7	{ width: 85.714%;}
.size7of7	{ width: 100%;}
.size1of8	{ width: 12.5%;}
.size2of8	{ width: 25%;}
.size3of8	{ width: 37.5%;}
.size4of8	{ width: 50%;}
.size5of8	{ width: 62.5%;}
.size6of8	{ width: 75%;}
.size7of8	{ width: 87.5%;}
.size8of8	{ width: 100%;}
.size1of9	{ width: 11.105%;}
.size2of9	{ width: 22.2205%;}
.size3of9	{ width: 33.33%;}
.size4of9	{ width: 44.444%;}
.size5of9	{ width: 55.555%;}
.size6of9	{ width: 66.666%;}
.size7of9	{ width: 77.777%;}
.size8of9	{ width: 88.888%;}
.size9of9	{ width: 100%;}
.size1of10	{ width: 9.9973%;}
.size2of10	{ width: 19.99%;}
.size3of10	{ width: 29.99%;}
.size4of10	{ width: 40%;}
.size5of10	{ width: 50%;}
.size6of10	{ width: 60%;}
.size7of10	{ width: 70%;}
.size8of10	{ width: 80%;}
.size9of10	{ width: 90%;}
.size10of10	{ width: 100%;}
.size1of11	{ width: 9.088%;}
.size2of11	{ width: 18.175%;}
.size3of11	{ width: 27.272%;}
.size4of11	{ width: 36.362%;}
.size5of11	{ width: 45.454%;}
.size6of11	{ width: 54.545%;}
.size7of11	{ width: 63.636%;}
.size8of11	{ width: 72.727%;}
.size9of11	{ width: 81.818%;}
.size10of11	{ width: 90.909%;}
.size11of11	{ width: 100%;}
.size1of12	{ width: 8.3315%;}
.size2of12	{ width: 16.665%;}
.size3of12	{ width: 25%;}
.size4of12	{ width: 33.3315%;}
.size5of12	{ width: 41.666%;}
.size6of12	{ width: 50%;}
.size7of12	{ width: 58.333%;}
.size8of12	{ width: 66.666%;}
.size9of12	{ width: 75%;}
.size10of12	{ width: 83.333%;}
.size11of12	{ width: 91.666%;}
.size12of12	{ width: 100%;}

/* ####################################### */
/* ######## =HORIZONTAL SPACING ########## */
/* ####################################### */

.grid-spacing {
	margin-left: -3%;
}

.grid-spacing > .unit {
	padding-left: 3%;
}

.grid-spacing > *:not(.unit) {
	padding-left: 3%;
}

/***/

.grid-hxs {
	margin-left: -5px;
}

.grid-hxs > .unit {
	padding-left: 5px;
}

.grid-hxs > *:not(.unit) {
	margin-left: 5px;
}

/***/

.grid-hs {
	margin-left: -10px;
}

.grid-hs > .unit {
	padding-left: 10px;
}

.grid-hs > *:not(.unit) {
	margin-left: 10px;
}

/***/

.grid-h,
.grid-hm {
	margin-left: -20px;
}

.grid-h > .unit,
.grid-hm > .unit {
	padding-left: 20px;
}

.grid-h > *:not(.unit),
.grid-hm > *:not(.unit) {
	margin-left: 20px;
}

/***/

.grid-hl {
	margin-left: -30px;
}

.grid-hl > .unit {
	padding-left: 30px;
}

.grid-hl > *:not(.unit) {
	margin-left: 30px;
}

/***/

.grid-hxl {
	margin-left: -40px;
}

.grid-hxl > .unit {
	padding-left: 40px;
}

.grid-hxl > *:not(.unit) {
	margin-left: 40px;
}

/***/

.grid-hxxl {
	margin-left: -50px;
}

.grid-hxxl > .unit {
	padding-left: 50px;
}

.grid-hxxl > *:not(.unit) {
	margin-left: 50px;
}

/* ####################################### */
/* ########## =VERTICAL SPACING ########## */
/* ####################################### */

.grid-vxs > .unit {
	margin-bottom: 5px;
}

.grid-vs > .unit {
	margin-bottom: 10px;
}

.grid-v > .unit,
.grid-vm > .unit {
	margin-bottom: 20px;
}

.grid-vl > .unit {
	margin-bottom: 30px;
}

.grid-vxl > .unit {
	margin-bottom: 40px;
}

.grid-vxxl > .unit {
	margin-bottom: 50px;
}

/* ####################################### */
/* ############# =LAST UNIT ############## */
/* ####################################### */

.last-vn > .unit:last-child {
	margin-bottom: 0;
}

.last-vxs > .unit:last-child {
	margin-bottom: 5px;
}

.last-vs > .unit:last-child {
	margin-bottom: 10px;
}

.last-v > .unit:last-child,
.last-vm > .unit:last-child {
	margin-bottom: 20px;
}

.last-vl > .unit:last-child {
	margin-bottom: 30px;
}

.last-vxl > .unit:last-child {
	margin-bottom: 40px;
}

.last-vxxl > .unit:last-child {
	margin-bottom: 50px;
}

/* ####################################### */
/* ############### =DEBUG ################ */
/* ####################################### */

.show-unit {
	background: #DDF4FF;
	line-height: 30px;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #B9DEF0;
	display: block;
}

/* ####################################### */
/* ############### =LARGE ################ */
/* ####################################### */

@media screen and (min-width: 1200px) {

	.large1of1		{ float: none; width: 100%}
	.large1of2		{ width: 50%;}
	.large2of2		{ width: 100%;}
	.large1of3		{ width: 33.33%;}
	.large2of3		{ width: 66.666%;}
	.large3of3		{ width: 100%;}
	.large1of4		{ width: 25%;}
	.large2of4		{ width: 50%;}
	.large3of4		{ width: 75%;}
	.large4of4		{ width: 100%;}
	.large1of5		{ width: 19.99%;}
	.large2of5		{ width: 40%;}
	.large3of5		{ width: 60%;}
	.large4of5		{ width: 80%;}
	.large5of5		{ width: 100%;}
	.large1of6		{ width: 16.66%;}
	.large2of6		{ width: 33.33%;}
	.large3of6		{ width: 50%;}
	.large4of6		{ width: 66.666%;}
	.large5of6		{ width: 83.333%;}
	.large6of6		{ width: 100%;}
	.large1of7		{ width: 14.28%;}
	.large2of7		{ width: 28.5705%;}
	.large3of7		{ width: 42.857%;}
	.large4of7		{ width: 57.142%;}
	.large5of7		{ width: 71.428%;}
	.large6of7		{ width: 85.714%;}
	.large7of7		{ width: 100%;}
	.large1of8		{ width: 12.5%;}
	.large2of8		{ width: 25%;}
	.large3of8		{ width: 37.5%;}
	.large4of8		{ width: 50%;}
	.large5of8		{ width: 62.5%;}
	.large6of8		{ width: 75%;}
	.large7of8		{ width: 87.5%;}
	.large8of8		{ width: 100%;}
	.large1of9		{ width: 11.105%;}
	.large2of9		{ width: 22.2205%;}
	.large3of9		{ width: 33.33%;}
	.large4of9		{ width: 44.444%;}
	.large5of9		{ width: 55.555%;}
	.large6of9		{ width: 66.666%;}
	.large7of9		{ width: 77.777%;}
	.large8of9		{ width: 88.888%;}
	.large9of9		{ width: 100%;}
	.large1of10		{ width: 9.9973%;}
	.large2of10		{ width: 19.99%;}
	.large3of10		{ width: 29.99%;}
	.large4of10		{ width: 40%;}
	.large5of10		{ width: 50%;}
	.large6of10		{ width: 60%;}
	.large7of10		{ width: 70%;}
	.large8of10		{ width: 80%;}
	.large9of10		{ width: 90%;}
	.large10of10	{ width: 100%;}
	.large1of11		{ width: 9.088%;}
	.large2of11		{ width: 18.175%;}
	.large3of11		{ width: 27.272%;}
	.large4of11		{ width: 36.362%;}
	.large5of11		{ width: 45.454%;}
	.large6of11		{ width: 54.545%;}
	.large7of11		{ width: 63.636%;}
	.large8of11		{ width: 72.727%;}
	.large9of11		{ width: 81.818%;}
	.large10of11	{ width: 90.909%;}
	.large11of11	{ width: 100%;}
	.large1of12		{ width: 8.3315%;}
	.large2of12		{ width: 16.665%;}
	.large3of12		{ width: 25%;}
	.large4of12		{ width: 33.3315%;}
	.large5of12		{ width: 41.666%;}
	.large6of12		{ width: 50%;}
	.large7of12		{ width: 58.333%;}
	.large8of12		{ width: 66.666%;}
	.large9of12		{ width: 75%;}
	.large10of12	{ width: 83.333%;}
	.large11of12	{ width: 91.666%;}
	.large12of12	{ width: 100%;}

	/* ####################################### */
	/* ########## =VERTICAL SPACING ########## */
	/* ####################################### */

	.large-vn > .unit {
		margin-bottom: 0;
	}

	.large-vxs > .unit {
		margin-bottom: 5px;
	}

	.large-vs > .unit {
		margin-bottom: 10px;
	}

	.large-v > .unit,
	.large-vm > .unit {
		margin-bottom: 20px;
	}

	.large-vl > .unit {
		margin-bottom: 30px;
	}

	.large-vxl > .unit {
		margin-bottom: 40px;
	}

	.large-vxxl > .unit {
		margin-bottom: 50px;
	}

	/* ####################################### */
	/* ######## =HORIZONTAL SPACING ########## */
	/* ####################################### */

	.large-hn {
		margin-left: 0;
	}

	.large-hn > .unit {
		padding-left: 0;
	}

	.large-hxs {
		margin-left: -5px;
	}

	.large-hxs > .unit {
		padding-left: 5px;
	}

	.large-hs {
		margin-left: -10px;
	}

	.large-hs > .unit {
		padding-left: 10px;
	}

	.large-h,
	.large-hm {
		margin-left: -20px;
	}

	.large-h > .unit,
	.large-hm > .unit {
		padding-left: 20px;
	}

	.large-hl {
		margin-left: -30px;
	}

	.large-hl > .unit {
		padding-left: 30px;
	}

	.large-hxl {
		margin-left: -40px;
	}

	.large-hxl > .unit {
		padding-left: 40px;
	}

	.large-hxxl {
		margin-left: -50px;
	}

	.large-hxxl > .unit {
		padding-left: 50px;
	}

}

/* ####################################### */
/* ############### =TABLET ############### */
/* ####################################### */

@media screen and (max-width: 1024px) and (min-width: 768px) {

	.tablet1of1		{ float: none; width: 100%}
	.tablet1of2		{ width: 50%;}
	.tablet2of2		{ width: 100%;}
	.tablet1of3		{ width: 33.33%;}
	.tablet2of3		{ width: 66.666%;}
	.tablet3of3		{ width: 100%;}
	.tablet1of4		{ width: 25%;}
	.tablet2of4		{ width: 50%;}
	.tablet3of4		{ width: 75%;}
	.tablet4of4		{ width: 100%;}
	.tablet1of5		{ width: 19.99%;}
	.tablet2of5		{ width: 40%;}
	.tablet3of5		{ width: 60%;}
	.tablet4of5		{ width: 80%;}
	.tablet5of5		{ width: 100%;}
	.tablet1of6		{ width: 16.66%;}
	.tablet2of6		{ width: 33.33%;}
	.tablet3of6		{ width: 50%;}
	.tablet4of6		{ width: 66.666%;}
	.tablet5of6		{ width: 83.333%;}
	.tablet6of6		{ width: 100%;}
	.tablet1of7		{ width: 14.28%;}
	.tablet2of7		{ width: 28.5705%;}
	.tablet3of7		{ width: 42.857%;}
	.tablet4of7		{ width: 57.142%;}
	.tablet5of7		{ width: 71.428%;}
	.tablet6of7		{ width: 85.714%;}
	.tablet7of7		{ width: 100%;}
	.tablet1of8		{ width: 12.5%;}
	.tablet2of8		{ width: 25%;}
	.tablet3of8		{ width: 37.5%;}
	.tablet4of8		{ width: 50%;}
	.tablet5of8		{ width: 62.5%;}
	.tablet6of8		{ width: 75%;}
	.tablet7of8		{ width: 87.5%;}
	.tablet8of8		{ width: 100%;}
	.tablet1of9		{ width: 11.105%;}
	.tablet2of9		{ width: 22.2205%;}
	.tablet3of9		{ width: 33.33%;}
	.tablet4of9		{ width: 44.444%;}
	.tablet5of9		{ width: 55.555%;}
	.tablet6of9		{ width: 66.666%;}
	.tablet7of9		{ width: 77.777%;}
	.tablet8of9		{ width: 88.888%;}
	.tablet9of9		{ width: 100%;}
	.tablet1of10	{ width: 9.9973%;}
	.tablet2of10	{ width: 19.99%;}
	.tablet3of10	{ width: 29.99%;}
	.tablet4of10	{ width: 40%;}
	.tablet5of10	{ width: 50%;}
	.tablet6of10	{ width: 60%;}
	.tablet7of10	{ width: 70%;}
	.tablet8of10	{ width: 80%;}
	.tablet9of10	{ width: 90%;}
	.tablet10of10	{ width: 100%;}
	.tablet1of11	{ width: 9.088%;}
	.tablet2of11	{ width: 18.175%;}
	.tablet3of11	{ width: 27.272%;}
	.tablet4of11	{ width: 36.362%;}
	.tablet5of11	{ width: 45.454%;}
	.tablet6of11	{ width: 54.545%;}
	.tablet7of11	{ width: 63.636%;}
	.tablet8of11	{ width: 72.727%;}
	.tablet9of11	{ width: 81.818%;}
	.tablet10of11	{ width: 90.909%;}
	.tablet11of11	{ width: 100%;}
	.tablet1of12	{ width: 8.3315%;}
	.tablet2of12	{ width: 16.665%;}
	.tablet3of12	{ width: 25%;}
	.tablet4of12	{ width: 33.3315%;}
	.tablet5of12	{ width: 41.666%;}
	.tablet6of12	{ width: 50%;}
	.tablet7of12	{ width: 58.333%;}
	.tablet8of12	{ width: 66.666%;}
	.tablet9of12	{ width: 75%;}
	.tablet10of12	{ width: 83.333%;}
	.tablet11of12	{ width: 91.666%;}
	.tablet12of12	{ width: 100%;}

	/* ####################################### */
	/* ########## =VERTICAL SPACING ########## */
	/* ####################################### */

	.tablet-vn > .unit{
		margin-bottom: 0;
	}

	.tablet-vxs > .unit {
		margin-bottom: 5px;
	}

	.tablet-vs > .unit {
		margin-bottom: 10px;
	}

	.tablet-v > .unit,
	.tablet-vm > .unit {
		margin-bottom: 20px;
	}

	.tablet-vl > .unit {
		margin-bottom: 30px;
	}

	.tablet-vxl > .unit {
		margin-bottom: 40px;
	}

	.tablet-vxxl > .unit {
		margin-bottom: 50px;
	}

	/* ####################################### */
	/* ######## =HORIZONTAL SPACING ########## */
	/* ####################################### */

	.tablet-hn {
		margin-left: 0;
	}

	.tablet-hn > .unit {
		padding-left: 0;
	}

	.tablet-hxs {
		margin-left: -5px;
	}

	.tablet-hxs > .unit {
		padding-left: 5px;
	}

	.tablet-hs {
		margin-left: -10px;
	}

	.tablet-hs > .unit {
		padding-left: 10px;
	}

	.tablet-h,
	.tablet-hm {
		margin-left: -20px;
	}

	.tablet-h > .unit,
	.tablet-hm > .unit {
		padding-left: 20px;
	}

	.tablet-hl {
		margin-left: -30px;
	}

	.tablet-hl > .unit {
		padding-left: 30px;
	}

	.tablet-hxl {
		margin-left: -40px;
	}

	.tablet-hxl > .unit {
		padding-left: 40px;
	}

	.tablet-hxxl {
		margin-left: -50px;
	}

	.tablet-hxxl > .unit {
		padding-left: 50px;
	}

}

/* ####################################### */
/* ############### =MINI ################# */
/* ####################################### */

@media screen and (max-width: 768px) and (min-width: 480px) {

	.mini1of1	{ float: none; width: 100%}
	.mini1of2	{ width: 50%;}
	.mini2of2	{ width: 100%;}
	.mini1of3	{ width: 33.33%;}
	.mini2of3	{ width: 66.666%;}
	.mini3of3	{ width: 100%;}
	.mini1of4	{ width: 25%;}
	.mini2of4	{ width: 50%;}
	.mini3of4	{ width: 75%;}
	.mini4of4	{ width: 100%;}
	.mini1of5	{ width: 19.99%;}
	.mini2of5	{ width: 40%;}
	.mini3of5	{ width: 60%;}
	.mini4of5	{ width: 80%;}
	.mini5of5	{ width: 100%;}
	.mini1of6	{ width: 16.66%;}
	.mini2of6	{ width: 33.33%;}
	.mini3of6	{ width: 50%;}
	.mini4of6	{ width: 66.666%;}
	.mini5of6	{ width: 83.333%;}
	.mini6of6	{ width: 100%;}
	.mini1of7	{ width: 14.28%;}
	.mini2of7	{ width: 28.5705%;}
	.mini3of7	{ width: 42.857%;}
	.mini4of7	{ width: 57.142%;}
	.mini5of7	{ width: 71.428%;}
	.mini6of7	{ width: 85.714%;}
	.mini7of7	{ width: 100%;}
	.mini1of8	{ width: 12.5%;}
	.mini2of8	{ width: 25%;}
	.mini3of8	{ width: 37.5%;}
	.mini4of8	{ width: 50%;}
	.mini5of8	{ width: 62.5%;}
	.mini6of8	{ width: 75%;}
	.mini7of8	{ width: 87.5%;}
	.mini8of8	{ width: 100%;}
	.mini1of9	{ width: 11.105%;}
	.mini2of9	{ width: 22.2205%;}
	.mini3of9	{ width: 33.33%;}
	.mini4of9	{ width: 44.444%;}
	.mini5of9	{ width: 55.555%;}
	.mini6of9	{ width: 66.666%;}
	.mini7of9	{ width: 77.777%;}
	.mini8of9	{ width: 88.888%;}
	.mini9of9	{ width: 100%;}
	.mini1of10	{ width: 9.9973%;}
	.mini2of10	{ width: 19.99%;}
	.mini3of10	{ width: 29.99%;}
	.mini4of10	{ width: 40%;}
	.mini5of10	{ width: 50%;}
	.mini6of10	{ width: 60%;}
	.mini7of10	{ width: 70%;}
	.mini8of10	{ width: 80%;}
	.mini9of10	{ width: 90%;}
	.mini10of10	{ width: 100%;}
	.mini1of11	{ width: 9.088%;}
	.mini2of11	{ width: 18.175%;}
	.mini3of11	{ width: 27.272%;}
	.mini4of11	{ width: 36.362%;}
	.mini5of11	{ width: 45.454%;}
	.mini6of11	{ width: 54.545%;}
	.mini7of11	{ width: 63.636%;}
	.mini8of11	{ width: 72.727%;}
	.mini9of11	{ width: 81.818%;}
	.mini10of11	{ width: 90.909%;}
	.mini11of11	{ width: 100%;}
	.mini1of12	{ width: 8.3315%;}
	.mini2of12	{ width: 16.665%;}
	.mini3of12	{ width: 25%;}
	.mini4of12	{ width: 33.3315%;}
	.mini5of12	{ width: 41.666%;}
	.mini6of12	{ width: 50%;}
	.mini7of12	{ width: 58.333%;}
	.mini8of12	{ width: 66.666%;}
	.mini9of12	{ width: 75%;}
	.mini10of12	{ width: 83.333%;}
	.mini11of12	{ width: 91.666%;}
	.mini12of12	{ width: 100%;}

	/* ####################################### */
	/* ########## =VERTICAL SPACING ########## */
	/* ####################################### */

	.mini-vn > .unit {
		margin-bottom: 0;
	}

	.mini-vxs > .unit {
		margin-bottom: 5px;
	}

	.mini-vs > .unit {
		margin-bottom: 10px;
	}

	.mini-v > .unit,
	.mini-vm > .unit {
		margin-bottom: 20px;
	}


	.mini-vl > .unit {
		margin-bottom: 30px;
	}

	.mini-vxl > .unit {
		margin-bottom: 40px;
	}

	.mini-vxxl > .unit {
		margin-bottom: 50px;
	}

	/* ####################################### */
	/* ######## =HORIZONTAL SPACING ########## */
	/* ####################################### */

	.mini-hn {
		margin-left: 0;
	}

	.mini-hn > .unit {
		padding-left: 0;
	}

	.mini-hxs {
		margin-left: -5px;
	}

	.mini-hxs > .unit {
		padding-left: 5px;
	}

	.mini-hs {
		margin-left: -10px;
	}

	.mini-hs > .unit {
		padding-left: 10px;
	}

	.mini-h,
	.mini-hm {
		margin-left: -20px;
	}

	.mini-h > .unit,
	.mini-hm > .unit {
		padding-left: 20px;
	}

	.mini-hl {
		margin-left: -30px;
	}

	.mini-hl > .unit {
		padding-left: 30px;
	}

	.mini-hxl {
		margin-left: -40px;
	}

	.mini-hxl > .unit {
		padding-left: 40px;
	}

	.mini-hxxl {
		margin-left: -50px;
	}

	.mini-hxxl > .unit {
		padding-left: 50px;
	}

}

/* ####################################### */
/* ############### =MOBILE ############### */
/* ####################################### */

@media screen and (max-width: 480px) {

	.mobile1of1		{ float: none; width: 100%}
	.mobile1of2		{ width: 50%;}
	.mobile2of2		{ width: 100%;}
	.mobile1of3		{ width: 33.33%;}
	.mobile2of3		{ width: 66.666%;}
	.mobile3of3		{ width: 100%;}
	.mobile1of4		{ width: 25%;}
	.mobile2of4		{ width: 50%;}
	.mobile3of4		{ width: 75%;}
	.mobile4of4		{ width: 100%;}
	.mobile1of5		{ width: 19.99%;}
	.mobile2of5		{ width: 40%;}
	.mobile3of5		{ width: 60%;}
	.mobile4of5		{ width: 80%;}
	.mobile5of5		{ width: 100%;}
	.mobile1of6		{ width: 16.66%;}
	.mobile2of6		{ width: 33.33%;}
	.mobile3of6		{ width: 50%;}
	.mobile4of6		{ width: 66.666%;}
	.mobile5of6		{ width: 83.333%;}
	.mobile6of6		{ width: 100%;}
	.mobile1of7		{ width: 14.28%;}
	.mobile2of7		{ width: 28.5705%;}
	.mobile3of7		{ width: 42.857%;}
	.mobile4of7		{ width: 57.142%;}
	.mobile5of7		{ width: 71.428%;}
	.mobile6of7		{ width: 85.714%;}
	.mobile7of7		{ width: 100%;}
	.mobile1of8		{ width: 12.5%;}
	.mobile2of8		{ width: 25%;}
	.mobile3of8		{ width: 37.5%;}
	.mobile4of8		{ width: 50%;}
	.mobile5of8		{ width: 62.5%;}
	.mobile6of8		{ width: 75%;}
	.mobile7of8		{ width: 87.5%;}
	.mobile8of8		{ width: 100%;}
	.mobile1of9		{ width: 11.105%;}
	.mobile2of9		{ width: 22.2205%;}
	.mobile3of9		{ width: 33.33%;}
	.mobile4of9		{ width: 44.444%;}
	.mobile5of9		{ width: 55.555%;}
	.mobile6of9		{ width: 66.666%;}
	.mobile7of9		{ width: 77.777%;}
	.mobile8of9		{ width: 88.888%;}
	.mobile9of9		{ width: 100%;}
	.mobile1of10	{ width: 9.9973%;}
	.mobile2of10	{ width: 19.99%;}
	.mobile3of10	{ width: 29.99%;}
	.mobile4of10	{ width: 40%;}
	.mobile5of10	{ width: 50%;}
	.mobile6of10	{ width: 60%;}
	.mobile7of10	{ width: 70%;}
	.mobile8of10	{ width: 80%;}
	.mobile9of10	{ width: 90%;}
	.mobile10of10	{ width: 100%;}
	.mobile1of11	{ width: 9.088%;}
	.mobile2of11	{ width: 18.175%;}
	.mobile3of11	{ width: 27.272%;}
	.mobile4of11	{ width: 36.362%;}
	.mobile5of11	{ width: 45.454%;}
	.mobile6of11	{ width: 54.545%;}
	.mobile7of11	{ width: 63.636%;}
	.mobile8of11	{ width: 72.727%;}
	.mobile9of11	{ width: 81.818%;}
	.mobile10of11	{ width: 90.909%;}
	.mobile11of11	{ width: 100%;}
	.mobile1of12	{ width: 8.3315%;}
	.mobile2of12	{ width: 16.665%;}
	.mobile3of12	{ width: 25%;}
	.mobile4of12	{ width: 33.3315%;}
	.mobile5of12	{ width: 41.666%;}
	.mobile6of12	{ width: 50%;}
	.mobile7of12	{ width: 58.333%;}
	.mobile8of12	{ width: 66.666%;}
	.mobile9of12	{ width: 75%;}
	.mobile10of12	{ width: 83.333%;}
	.mobile11of12	{ width: 91.666%;}
	.mobile12of12	{ width: 100%;}

	/* ####################################### */
	/* ########## =VERTICAL SPACING ########## */
	/* ####################################### */

	.mobile-vn > .unit {
		margin-bottom: 0;
	}

	.mobile-vxs > .unit {
		margin-bottom: 5px;
	}

	.mobile-vs > .unit {
		margin-bottom: 10px;
	}

	.mobile-v > .unit,
	.mobile-vm > .unit {
		margin-bottom: 20px;
	}

	.mobile-vl > .unit {
		margin-bottom: 30px;
	}

	.mobile-vxl > .unit {
		margin-bottom: 40px;
	}

	.mobile-vxxl > .unit {
		margin-bottom: 50px;
	}

	/* ####################################### */
	/* ######## =HORIZONTAL SPACING ########## */
	/* ####################################### */

	.mobile-hn {
		margin-left: 0;
	}

	.mobile-hn > .unit {
		padding-left: 0;
	}

	.mobile-hxs {
		margin-left: -5px;
	}

	.mobile-hxs > .unit {
		padding-left: 5px;
	}

	.mobile-hs {
		margin-left: -10px;
	}

	.mobile-hs > .unit {
		padding-left: 10px;
	}

	.mobile-h,
	.mobile-hm {
		margin-left: -20px;
	}

	.mobile-h > .unit,
	.mobile-hm > .unit {
		padding-left: 20px;
	}

	.mobile-hl {
		margin-left: -30px;
	}

	.mobile-hl > .unit {
		padding-left: 30px;
	}

	.mobile-hxl {
		margin-left: -40px;
	}

	.mobile-hxl > .unit {
		padding-left: 40px;
	}

	.mobile-hxxl {
		margin-left: -50px;
	}

	.mobile-hxxl > .unit {
		padding-left: 50px;
	}

}


/*** MISC ***/

.center {
	max-width: 1100px;
	margin: 0px auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.relative {
	position: relative;
}

.transparent {
	opacity: 0;
}

.opaque {
	opacity: 1;
}

.vh {
	position: absolute;
	top: 0px;
	left: -9999px;
}

.hidden {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	visibility: hidden;
}

.visible {
	visibility: visible;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}

.js .js-visible {
	visibility: visible;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
}

.js .js-hidden {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	visibility: hidden;
}

/* ####################################### */
/* ############# POSITIONING ############# */
/* ####################################### */

.fr,
.right {
	float: right;
}

.fl,
.left {
	float: left;
}

/* ####################################### */
/* ############### STACKING ############## */
/* ####################################### */

.h-stack > * {
	display: inline-block;
	margin-right: 0.5em;
}

.stack {
	margin-bottom: 2.5em;
}


/* ####################################### */
/* ################# LISTS ############### */
/* ####################################### */

ul.reset,
ol.reset,
dl.reset {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.reset li,
ol.reset li,
dl.reset dl,
dl.reset.dt {
	padding: 0px;
}

.h-list,
.h-list-alt,
.v-list,
.slash-list,
.pipe-list,
.level-list  {
	margin: 0px;
	list-style: none;
}

.h-list > li,
.h-list-alt > li,
.slash-list > li,
.pipe-list > li,
.level-list > li {
	display: inline-block;
}

.h-list > li {
	margin-right: 1em;
}

.h-list-alt {
	text-align: right;
}

.h-list-alt > li {
	margin-left: 1em;
	margin-right: 0em;
}

.slash-list > li:after,
.pipe-list > li:after,
.level-list > li:after {
	content: '/';
	pointer-events: none;
	margin: 0px 0px 0px 0.3em;
}

.h-list.slash-list > li:after,
.h-list.pipe-list > li:after,
.h-list.level-list > li:after {
	margin-left: 1em;
}

.slash-list > li:last-child:after,
.pipe-list > li:last-child:after,
.level-list > li:last-child:after {
	content: '';
	margin: 0px;
}

.pipe-list > li:after {
	content: '|';
}

.level-list > li:after {
	content: '»';
}

/***/

.gm-style img {
	max-width: none;
}

/* ####################################### */
/* ################ Images ############### */
/* ####################################### */

.img-rounded {
	border-radius: 5px;
}

.img-circle,
.img-ellipse {
	border-radius: 50%;
}

.img-thumbnail {
	padding: 4px;
	border: 1px solid #DDD;
}

.img-greyscale,
.img-grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
}

.img-left,
.fig-left {
	float: left;
	margin: 0 1.5em 1.5em 0;
}

.img-right,
.fig-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
}

figcaption {
	font-style: italic;
	margin-top: 5px;
}

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

/* ####################################### */
/* ############# Transitions ############# */
/* ####################################### */

.no-transition {
	-webkit-transition: 0ms !important;
	transition: 0ms !important;
}

.quick-transition {
	-webkit-transition: 100ms !important;
	transition: 100ms !important;
}

/* ####################################### */
/* ################ RULE ################# */
/* ####################################### */

.rt,
.rv,
.rule-top {
	border-top: 1px solid #DDD;
}

.rb,
.rv,
.rule-bottom {
	border-bottom: 1px solid #DDD;
}

.rl,
.rh,
.rule-left {
	border-left: 1px solid #DDD;
}

.rr,
.rh,
.rule-right {
	border-right: 1px solid #DDD;
}

/* ####################################### */
/* ########## VERTICAL ALIGN ############# */
/* ####################################### */

.valign {
	width: 100%;
	height: 100%;
	display: table;
}

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

/* ####################################### */
/* ############### =SPACING ############## */
/* ####################################### */
 
/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/

.ptn,.pvn,.pan			{padding-top:0px !important}
.pts,.pvs,.pas			{padding-top:5px !important}
.ptm,.pvm,.pam			{padding-top:10px !important}
.ptl,.pvl,.pal			{padding-top:20px !important}
.ptxl,.pvxl,.paxl		{padding-top:30px !important}
.ptxxl,.pvxxl,.paxxl	{padding-top:40px !important}
.prn,.phn,.pan			{padding-right:0px !important}
.prs,.phs,.pas			{padding-right:5px !important}
.prm,.phm,.pam			{padding-right:10px !important}
.prl,.phl,.pal			{padding-right:20px !important}
.prxl,.phxl,.paxl		{padding-right:30px !important}
.prxxl,.phxxl,.paxxl	{padding-right:40px !important}
.pbn,.pvn,.pan			{padding-bottom:0px !important}  
.pbs,.pvs,.pas			{padding-bottom:5px !important}
.pbm,.pvm,.pam			{padding-bottom:10px !important}
.pbl,.pvl,.pal			{padding-bottom:20px !important}
.pbxl,.pvxl,.paxl		{padding-bottom:30px !important}
.pbxxl,.pvxxl,.paxxl	{padding-bottom:40px !important}
.pln,.phn,.pan			{padding-left:0px !important}
.pls,.phs,.pas			{padding-left:5px !important}
.plm,.phm,.pam			{padding-left:10px !important}
.pll,.phl,.pal			{padding-left:20px !important}
.plxl,.phxl,.paxl		{padding-left:30px !important}
.plxxl,.phxxl,.paxxl	{padding-left:40px !important}
.mtn,.mvn,.man			{margin-top:0px !important}
.mts,.mvs,.mas			{margin-top:5px !important}
.mtm,.mvm,.mam			{margin-top:10px !important}
.mtl,.mvl,.mal			{margin-top:20px !important}
.mtxl,.mvxl,.maxl		{margin-top:30px !important}
.mtxxl,.mvxxl,.maxxl	{margin-top:40px !important}
.mrn,.mhn,.man			{margin-right:0px !important}
.mrs,.mhs,.mas			{margin-right:5px !important}
.mrm,.mhm,.mam			{margin-right:10px !important}
.mrl,.mhl,.mal			{margin-right:20px !important}
.mrxl,.mhxl,.maxl		{margin-right:30px !important}
.mrxxl,.mhxxl,.maxxl	{margin-right:40px !important}
.mbn,.mvn,.man			{margin-bottom:0px !important}  
.mbs,.mvs,.mas			{margin-bottom:5px !important}
.mbm,.mvm,.mam			{margin-bottom:10px !important}
.mbl,.mvl,.mal			{margin-bottom:20px !important}
.mbxl,.mvxl,.maxl		{margin-bottom:30px !important}
.mbxxl,.mvxxl,.maxxl	{margin-bottom:40px !important}
.mln,.mhn,.man			{margin-left:0px !important}
.mls,.mhs,.mas			{margin-left:5px !important}
.mlm,.mhm,.mam			{margin-left:10px !important}
.mll,.mhl,.mal			{margin-left:20px !important}
.mlxl,.mhxl,.maxl		{margin-left:30px !important}
.mlxxl,.mhxxl,.maxxl	{margin-left:40px !important}

/**
 * Absolutes
 */

.at, .atr, .atl {
	position: absolute;
	top: 0px;
}

.ab, .abr, .abl {
	position: absolute;
	bottom: 0px;
}

.al, .atl, .abl {
	position: absolute;
	left: 0px;
}

.ar, .atr, .abr {
	position: absolute;
	right: 0px;
}

/*body {
	background: #CCC;
	font-size: 14px;
	color: #ABB3D2;
}
*/
#debug-email {
	background: white;
	margin: 100px auto;
	width: 600px;
	padding: 20px;
	position: relative;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 
				0px 0px 15px rgba(0,0,0,0.25);
}

#debug-panel {
	background-image: -webkit-linear-gradient(#FFF, rgba(255, 255, 255, 0.8));
	background-image: linear-gradient(#FFF, rgba(255, 255, 255, 0.8));
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 11px;
	text-align: right;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	color: #999;
}

#debug-panel > div {
	display: inline-block;
	padding: 1px 15px;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	margin-left: -4px;
	text-align: left;
}

.performance {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 1000;
	zoom: 0.7;
}

.performance-tile {
	background: #0090ff;
	float: right;
	width: 190px;
	height: 95px;
	position: relative;
	margin: 20px 20px 0px 0px;
}

.performance-tile h3 {
	font-family: "Segoe UI";
	font-weight: bold;
	font-size: 16px;
	color: #97d2ff;
	position: absolute;
	top: 20px;
	left: 20px;
	margin: 0px;
}

.performance-tile .value {
	font-family: "Segoe UI";
	font-size: 36px;
	color: white;
	position: absolute;
	top: 45px;
	left: 20px;
	line-height: 1em;
}

.performance-tile .performance-detail {
	background: white;
	width: 300px;
	position: absolute;
	bottom: 95px;
	right: 0px;
	padding: 20px;
	display: none;
}

.performance-tile:hover div {
	display: block;
}

.performance-tile li {
	padding: 10px 0px;
	border-bottom: 1px solid #EEE;
}

.performance-tile #debug {
	zoom: 1.3;
	margin: -20px;
}

#debug {
	background: #EEE;
	border: 1px solid #DDD;
	padding: 20px;
	max-height: 600px;
	overflow-y: scroll;
	font-family: Consolas;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 20px;
	margin: 40px;
	line-height: 18px;
	color: black;
}

.system #debug {
	background: white;
}

#debug .debug-header {
	margin: -20px -20px 20px;
	padding: 5px 20px;
	background: #DDD;
}

#debug .indent {
	margin-left: 20px;
}

#debug .debug-key {
	color: #0090FF;
}

#debug .debug-key-private {
	color: #888;
}

#debug .debug-numeric {
	color: #35406E;
}

#debug .debug-null {
	color: #888;
}

#debug .debug-string {
	cursor: text;
}

#debug .debug-array {
	color: #888;
}

#debug .debug-object {
	
}

#debug .debug-array-block {
	background: rgba(0,0,0,0.1);
}

#debug .debug-array-block:nth-child(odd) {
	background: rgba(0,0,0,0.2);
}

.system-dialog-content #debug {
	width: 520px;
	max-height: 240px;
	margin: 0px;
	border: none;
}

.system-dialog-message #debug {
	margin: -40px -31px -30px -30px;
}

#debug .debug-block {
	border-left: 1px solid #CCC;
	padding-left: 40px;
	margin-left: 3px;
}

#debug > .debug-block {
	margin-left: 20px;
}

/* @license
 * MyFonts Webfont Build ID 2480907, 2013-02-15T07:33:16-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Swiss 721 Condensed by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/condensed/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2480907
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/25db0b");

  
@font-face {
	font-family: 'Swiss';
	src:url('/fonts/25DB0B_0_0.eot');
	src:url('/fonts/25DB0B_0_0.eot?#iefix') format('embedded-opentype'),
		url('/fonts/25DB0B_0_0.woff') format('woff'),
		url('/fonts/25DB0B_0_0.ttf') format('truetype');
}
 



h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a  {
	color: black;
	text-decoration: none;
}

a {
	color: inherit;
	font-weight: bold;
	color: black;
}

h1 {
	font-size: 2em;
	color: black;
	margin-bottom: 0.3em;
}

h2 {
	font-size: 1.6em;
	color: black;
	margin-bottom: 0.3em;
}

h3 {
	font-size: 0.9em;
	margin-bottom: 0.3em;
	font-weight: bold;
}

h4 {
	margin-bottom: 0.3em;
}

p {
	margin-bottom: 1.3em;
}

ul, ol, dl {
	margin-bottom: 1.3em;
}

.weak {
	color: #999;
}

.expandable {
	position: relative;
	margin-bottom: 10px;
}

.expandable h4 {
	background: #CFD2D1;
	padding: 5px;
}

.expandable h4 {
	cursor: pointer;
}

.expandable h4:after {
	background: #999;
	content: '+';
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
	color: white;
}

.no-js .expandable h4 {
	cursor: default;
}

.expandable img {
	position: absolute;
	left: -110px;
}

.expandable img.static {
	position: relative;
	left: 0px;
}

.expandable .expandable-detail {
	display: none;
}

.expandable.active .expandable-detail,
.no-js .expandable-detail {
	display: block;
}


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

html, body {
	height: 100%;
}

body {
	padding: 0px;
	font-family: Swiss, Arial, sans-serif;
}

body, .grid > * {
	font-size: 15px;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -156px;
}

.push,
.primary-footer,
.primary-footer .center {
	height: 150px;
}

.primary-footer a {
	color: white;
	font-weight: normal;
}

.footer-nav,
.primary-footer nav {
	position: absolute;
	top: 20px;
	right: 0px;
	bottom: auto;
	left: auto;
	font-size: 0.8em;
}

.primary-footer ul,
.navigation-fr-footer ul,
.footer-nav ul {
	list-style: none;
}

.footer-nav li,
.primary-footer nav li {
	float: left;
	margin-left: 10px;
	margin-right: 0;
}

.footer-nav a,
.primary-footer nav a {
	color: #D7D7D7;
	text-transform: uppercase;
}

.footer-nav .selected,
.primary-footer nav .selected {
	color: white;
}

.footnote {
	width: 340px;
	position: absolute;
	bottom: 35px;
	right: 0px;
	text-align: right;
	font-size: 0.8em;
	color: #D7D7D7;
}

.footnote a {
	color: #D7D7D7;
}

.signature {
	margin: 0px;
}

.tweet {
	background-color: #575755;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 15px 7px 0px;
	width: 200px;
	font-size: 0.8em;
	color: white;
}

.tweet p {
	margin-bottom: 10px;
}

.tweet .follow {
	font-style: italic;
	color: white;
}

.tweet .handle {
	position: relative;
	top: -5px;
	color: white;
}

.contact-details {
	position: absolute;
	top: 20px;
	left: 225px;
	font-size: 0.8em;
	color: white;
}

/***/

.center {
	width: 975px;
	margin: 0px auto;
	position: relative;
}

/*** Navigation ***/

nav {
	position: absolute;
	bottom: 21px;
	left: 200px;
}

nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

nav li {
	float: left;
	margin-right: 15px;
}

nav li a {
	display: block;
}

nav li .selected {
	color: white;
}

/*** Header ***/

.primary-header {
	background-color: #858583;
	padding-top: 35px;
	color: black;
	position: relative;
}

.header-bar {
	background-color: #C6C9C8;
	height: 6px;
	position: absolute;
	right: 0px;
	bottom: 6px;
	left: 0px;
}

.primary-header a {
	color: #C6C9C8;
	font-weight: normal;
	text-transform: uppercase;
}

.primary-footer {
	background-color: #3E3D3A;
	border-top: 6px solid #CFD2D1;
}

#logo {
	background-color: #ABAEAD;
	background-image: url(/images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
	width: 183px;
	height: 135px;
	display: block;
	text-indent: -1000px;
	overflow: hidden;
}


#translate {
	position: absolute;
	top: 27px;
	right: 0px;
}

#translate a {
	color: black;
}

#translate .active {
	color: white;
}

#account {
	position: absolute;
	right: 0px;
	bottom: 22px;
}

/*** Page ***/


#page {
	margin-bottom: 50px;
}

.hero {
	background-color: #CFD2D1;
	margin-bottom: 20px;
}

.hero .slideshow {
	width: 680px;
	height: 195px;
	float: left;
	overflow: hidden;
}

.hero .about {
	width: 295px;
	font-size: 17px;
	padding: 25px 25px 0px;
	color: black;
	float: right;
	line-height: 1.45em;
}

.primary {
	width: 600px;
	margin-right: 80px;
	float: left;
}

.aside {
	width: 295px;
	float: right;
}

.aside section {
	background-color: #ABAEAD;
	font-size: 17px;
	padding: 25px;
	color: black;
	float: right;
	margin-bottom: 25px;
	color: white;
	font-size: 0.85em;
}

.aside section a {
	color: white;
}

.aside section h4 {
	color: white;
	font-size: 1.8em;
}

/*** News ***/

.news {
	overflow: hidden;
	margin-bottom:  0.3em;
}

.news img.static {
	margin-right: 10px;
}

/*** Tabs ***/

.tabs {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px;
}

.tabs li {
	font-size: 1.3em;
	float: left;
	margin-right: 10px;
}

.tabs li:after {
	content: ' | ';
	color: #999;
}

.tabs li:last-child:after {
	content: '';
}

.tabs li a {
	color: #999;
}

.tabs li.active a {
	color: black;
}

/*** List ***/

.list .item {
	border-bottom: 1px dotted #232323;
	padding: 10px 0px;
	font-size: 0.9em;
}

.list .item p {
	margin: 15px 0px 0px;
}

.list .item .options {
	margin-left: 15px;
}

.list .item .date {
	margin-right: 15px;
}

.list .item .options a {
	color: #999;
}

/*** Events ***/

.event {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}

.event ul {
	margin-left: 40px;
}

.event .detail {
	border-right: 1px solid #CCC;
	padding-right: 30px;
}

.event dl {
	overflow: hidden;
	margin-bottom: 5px;
}

.event dt {
	float: left;
	width: 100px;
}

.event dd {
	float: left;
	width: 160px;
}

.event .date {
	font-size: 1.6em;
}

/***/

.form-contact .f-text-input input,
.form-contact .f-select select,
.form-contact .f-text-input textarea {
	width: 270px;
}

/***/

.application-form {
	padding: 20px;
	background: #EEE;
}

.application-form-note {
	margin: 0px 0px 20px;
	color: #888;
	border-bottom: 1px dotted rgb(143, 143, 143);
	padding-bottom: 0px;
}

.application-form .f-submit {
	margin-top: 20px;
}


/*****/

.blog-primary {
	border-right: 1px solid #DDD;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -1px;
}

.blog-primary article a,
.blog-primary .post-author a {
	color: #E72D0F;
}

.blog-aside {
	border-left: 1px solid #DDD;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-aside a {
	color: #E72D0F;
}

.blog-aside .padded {
	padding-top: 55px;
}

.post {
	margin: 0px 0px 20px;
	border-bottom: 1px dotted black;
	padding-bottom: 20px;
}

.post-back {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}

.post h3 {
	font-size: 2em;
	color: black;
	margin-bottom: 0.3em;
}

.post h3 a {
	color: black;
	font-weight: normal;
	text-decoration: none;
}

.post header aside {
	margin: 10px 0px;
	color: #666;
}

.post-hero {
	margin: 20px 0px 20px;
}

.post-leader {
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	line-height: 1.6em;
	border-bottom: 1px dotted black;
	padding: 0px 0px 20px;
	margin-bottom: 20px;
}

.post-leader-no-image {
	margin-top: 20px;
	border-top: 1px dotted black;
	padding-top: 20px;
}

.post-leader p:last-child {
	margin-bottom: 0px;
}

.blog-aside-panel {
	background-color: #ABAEAD;
	width: 295px;
	font-size: 17px;
	padding: 25px;
	color: black;
	float: right;
	margin-bottom: 25px;
	color: white;
	font-size: 0.85em;
	float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: right;
}

.blog-aside-panel h4 {
	color: white;
	font-size: 1.8em;
}

.blog-aside-panel a {
	color: white;
	font-weight: normal;
}

.post-mini-img {
	float: right;
	margin: 25px 0px 0px 20px;
}

.post-footer {
	margin: 0px 0px 40px;
}

.post-author h4 {
	font-size: 1.2em;
	text-transform: none;
}

.blog-posts-heading {
	margin: 10px 0px 20px;
	border-bottom: 1px dotted black;
	padding-bottom: 10px;
}

/*** SHARING ***/

.social-share {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 4px;
	color: white;
	font-weight: normal;
	font-size: 0.9em;
	/*padding-left: 25px;*/
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
	text-decoration: none;
}

.social-share-facebook {
	background-color: #3569A8;
	background: -webkit-linear-gradient(#3569A8,#2F5D95);
	background: linear-gradient(#3569A8,#2F5D95);
}

.social-share-twitter {
	background-color: #44B2F8;
	background: -webkit-linear-gradient(#44B2F8,#2BA8F7);
	background: linear-gradient(#44B2F8,#2BA8F7);
}

.social-share-google {
	background-color: #D74937;
	background: -webkit-linear-gradient(#D74937,#CB3B29);
	background: linear-gradient(#D74937,#CB3B29);
}

.social-share-buffer {
	background-color: #333;
	background: -webkit-linear-gradient(#555, #333);
	background: linear-gradient(#555, #333);
}

.social-share-email {
	background-color: #6889AF;
	background: -webkit-linear-gradient(#6889AF,#436897);
	background: linear-gradient(#6889AF,#436897);
}

.social-share-linkedin {
	background-color: #EEE;
	background: -webkit-linear-gradient(#F3F3F3,#DDD);
	background: linear-gradient(#F3F3F3,#DDD);
	color: #444;
}

.social-share:hover,
.social-share:focus,
.social-share:active {
	text-decoration: none;
}

.social-share:active {
	position: relative;
	top: 1px;
}

.social-share img {
	position: absolute;
	left: 4px;
	top: 0px;
}

.social-share a {
	color: white;
}

.post-share {
	border-bottom: 1px dotted black;
	margin-bottom: 20px;
	padding-bottom: 10px;
}