body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
	background-color: #f5f5f5; /*@page_bg*/
	color: #292829; /*@page_text*/
}
:focus {outline:none;}

#page_wrapper {
	min-width: 500px;
}


/* --- Navigation --- */

#nav_sideMain {
	position: fixed;
	
	width: 100px;
	height: 100%;
}

#nav_sideSub {
	position: fixed;
	width: 200px;
	height: 100%;
	
	border-radius: 0px 16px 16px 0px;
	padding-left: 100px;
	
	background-color: #626262; /*@nav_sideSub_bg_color*/
	
	transition: width 100ms, background-color 100ms;
}


/* --- Content --- */
.content_section h1, .content_section  h2, .content_section h3, .content_section h4, .content_section h5, .content_section h6 {
	color: #000000; /*@header_text*/
}

.content_wrapper {
	position: relative;
}

.content_wrapper .loading_screen {
	display: table;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin-left: 100px;
}

.content_wrapper .loading_screen .loading_wrapper {
	width: 300px;
	margin: 0 auto;
	background-color: white;
	color: black;
	border-radius: 3px;
}

.content_wrapper .loading_screen .message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.content_wrapper .loading_screen .gif {
	background-image: url('/cms/images/loading.gif');
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	width: 50px;
	height: 50px;
}

.content_wrapper .loading_screen p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	text-align: center;
	font-size: 50px;
}

#content_container {
	position: fixed;
	height: 100%;
	overflow-y: auto;
	/*overflow-x: hidden;*/
	left: 300px;
	right: 300px;
	transition: left 100ms, right 100ms, padding-right 400ms;
}




#content_container .content_page {
	min-width: 588px;	/* 768px viewport width */
	max-width: 1400px;
	text-align: left;
	display: block;
}

#content_container .content_page {
	margin: 0 auto;
}

#content_container .content_page .content_section {
	display: block;
	margin: 0px 0px 10px 0px;

	border-radius: 3px;	/*@border_radius*/

	padding: 10px;
	
	background-color: white;
	color: black;
}
#content_container .content_page .content_section_buttons {
	text-align: right;
	
	padding: 0px;
	
	background-color: inherit
}
#content_container .content_page .content_section_buttons button {
	margin-left: 10px;
}

#main_content_container {
	margin: 10px 10px 10px 10px;
}
#content_container.toolboxHidden #main_content_container,
#content_container.disableToolbox #main_content_container {
	/*margin for live chat when the toolbox is hidden*/
	margin: 10px 10px 90px 10px;
}

#main_content {
	max-height: 100%;
	/*background-color: #222; /* dev colour */
}



/* --- Toolbox --- */

#main_toolbox {
	position: fixed;
	height: 100%;
	width: 300px;
	right: 0px;
	border-radius: 6px 0px 0px 0px;
	color: #282829; /*@main_toolbox_text*/
	background-color: #eeeeee; /*@main_toolbox_bg*/
	overflow-x: hidden;
	overflow-y: auto;
	transition: width 100ms, opacity 100ms, margin-right 400ms;
	box-shadow: -1px 0px 0px 0px rgba(0,0,0,0.15); /*@nav_sideSub_peak_shadow*/
}

#main_toolbox input[type=text] {
	color: black; /*@toolbox_input_text*/
}

#main_toolbox h1, #main_toolbox h2, #main_toolbox h3, #main_toolbox h4, #main_toolbox h5, #main_toolbox h6 {
	color: #000000; /*@header_text*/
}

#main_toolbox #toolbox_content {
	margin: 10px 10px 90px 10px;
}

/* if the toolbox is deactivated the following classes are included */
#content_container.toolboxHidden {
	right: 0px;
}
#main_toolbox.hidden {
	right: -300px;
	opacity: 0;
}
#content_container.disableToolbox {
	right: 0px;
} 
#main_toolbox.disableToolbox {
	width: 0px;
}

/* deactivate toolbox if we dont have space for it. */
@media (max-width: 700px) {
	#content_container {
		right: 0px;
	}
	#main_toolbox {
		width: 0px;
	}
}

/* --- Transistions --- */

#content_container, #main_toolbox {
	/* Content & toolbox have a matching animation curve */
	/* Used when showing/hiding the KB */
	transition-timing-function: cubic-bezier(.55,0,.1,1);
}


/* Sub Nav */
#nav_sideSub.hideSubNav {
	width: 5px;
	border-radius: 0px 20px 0px 0px;
}
#content_container.hideSubNav {
	left: 105px;
}
#nav_sideSub.peak {
	width: 200px;
}
#nav_sideSub.disableSubNav {
	width: 5px;
}
#content_container.disableSubNav {
	left: 105px; 
}



/* Intercom - Removed - ensure hidden (remove me after Intercom is removed from segment) */
#intercom-container { display: none; }



/*Overlays*/
.gl_overlay_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index:250;
}
.gl_overlay_mask h2 {
    color: #000000; /*@header_text*/
}
/*@header_text*/

.gl_overlay_container {
    position: fixed;
    top: 50%;
    left: 50%;
	max-width: 100%;
    background-color: #ffffff;
	color: #292829;
    text-align : center;
    z-index: 300;
    padding: 0 0 10px 0;
}

.maskOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 1000000000;
	text-align: center;
	top: 0;
}
.maskOverlay.transparent {
	background-color: rgba(256,256,256,0.0);
}
.maskOverlay.fixed {
	position: fixed;
}

.maskOverlay .centre {
	top: 40%;
	position: relative;
	display: inline-block;
	padding: 20px;
	background-color: white;
	border-radius: 3px;
}

.maskOverlay .textHolder {
	color: black;
	font-size: 16pt;
	margin-top: 20px;
	text-align: center;
}


/* General Styles */

/* table border */
table {
	overflow: hidden;
    border-radius: 3px;	/*@border_radius*/
}

/* T Dodds additions (for all pages)   */

/* The following is for the checkboxes */
label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox].css-checkbox {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:100%;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}

.klaus{background-image:url(/cms/images/klaus.png);}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:100%;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:25px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:100%;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:25px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:100%;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}

input[type=checkbox].css-checkbox:disabled + label.css-label { 
	opacity:0.3;
}

input[type=radio].css-radiobutton {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-radiobutton + label.css-radiobutton-label {
	padding-left:25px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:100%;
	cursor:pointer;

}

input[type=radio].css-radiobutton:checked + label.css-radiobutton-label {
	background-position: 0 -20px;
}

label.css-radiobutton-label {
	background-image:url(/cms/images/radioGraphic.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=radio].css-radiobutton:disabled + label.css-radiobutton-label {
	opacity: 0.3;
}

/* Pagination styles */
.pagination_container {

}

.pagination_container .pagelink {
	text-decoration: none;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	min-width: 10px;
	margin-bottom: 50px;
}

.pagination_container .pagelink.active {
	background-color: #626262; /*@button_hover_background*/
}

.pagination_container .button_box {
	width: 160px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.pagination_container .pagelink.previous_page {
	float: left;
}

.pagination_container .pagelink.next_page {
	float: right;
}

.pagination_container .pagelink.ellipsis {
	display: inline;
}