/* style template 1.1 */

@font-face {
	font-family: 'userinterface';
	src:url('fonts/userinterface.eot');
	src:url('fonts/userinterface.eot?#iefix') format('embedded-opentype'),
		url('fonts/userinterface.woff') format('woff'),
		url('fonts/userinterface.ttf') format('truetype'),
		url('fonts/userinterface.svg#userinterface') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'userinterface';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="ui-"] {
*/
.ui-info, .ui-notification, .ui-blocked, .ui-checkmark, .ui-warning, .ui-question, .ui-close, .ui-minus, .ui-plus {
	font-family: 'userinterface';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.ui-info:before {
	content: "\e000";
}
.ui-notification:before {
	content: "\e001";
}
.ui-blocked:before {
	content: "\e002";
}
.ui-checkmark:before {
	content: "\e003";
}
.ui-warning:before {
	content: "\e004";
}
.ui-question:before {
	content: "\e005";
}
.ui-close:before {
	content: "\e006";
}
.ui-minus:before {
	content: "\e007";
}
.ui-plus:before {
	content: "\e008";
}


@media screen
{
	*
	{
		margin:0;
		padding:0;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		outline: none;
	}

	html
	{
		/* disable text resize in landspace. e.g. on iphone */
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-webkit-text-size-adjust:none;
	}
		
	a img {border:none;}
	
	hr
	{
		height:1px;
		border:none;
		background:#d19894;
		clear:both;
		width: 100%;
		margin: 0 0 2em;
	}

	table {width:100%;border-collapse:collapse;}
		table thead {border-collapse:collapse;}
		table td {padding:0.2em 0}
	
	.col_1,.col_1_09,.col_1_2,.col_1_33,.col_1_5,.col_1_71,.col_2,.col_2_4,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,.col_10,.col_11,.col_12
	{
		display: inline;
		float: left;
		margin-left: 1.5%;
		margin-right: 1.5%;
	}

	.col_group
	{
		margin-left:-1.5%;
		margin-right:-1.5%;
	}

	.col_1 /* 12 x .col_1 = 100% */ {width: 5.333%;}
	.col_1_09 /* 11 x .col_1_09 = 100% */ {width: 6.09%;}
	.col_1_2 /* 10 x .col_1_2 = 100% */ {width: 7%;}
	.col_1_33 /* 9 x .col_1_33 = 100% */ {width: 8.111%;}
	.col_1_5 /* 8 x .col_1_5 = 100% */ {width: 9.5%;}
	.col_1_71 /* 7 x .col_1_71 = 100% */ {width: 11.285%;}
	.col_2/* 6 x .col_2 = 100% */{width: 13.666%;}
	.col_2_4/* 5 x .col_2_4 = 100% */{width: 17%;}
	.col_3/* 4 x .col_3 = 100% */{width: 22%;}
	.col_4/* 3 x .col_4 = 100% */{width: 30.333%;}
	.col_5/* .col_5 + .col_5 + .col_2= 100% */{width: 38.666%;}
	.col_6/* 2 x .col_6 = 100% */{width: 47%;}
	.col_7/* .col_7 + .col_5 = 100% */{width: 55.333%;}
	.col_8/* .col_8 + .col_4 = 100% */{width: 63.666%;}
	.col_9/* .col_9 + .col_3 = 100% */{width: 72%;}
	.col_10/* .col_10 + .col_2 = 100% */{width: 80.333%;}
	.col_11/* .col_11 + .col_1 = 100% */{width: 88.666%;}
	.col_12/* 1 x .col_12 = 100% */{width: 97%;}

	.prefix_1{padding-left: 8.333%;}
	.prefix_1_09{padding-left: 9.09%;}
	.prefix_1_2{padding-left: 10%;}
	.prefix_1_33{padding-left: 11.111%;}
	.prefix_1_5{padding-left: 12.5%;}
	.prefix_1_71{padding-left: 14.285%;}
	.prefix_2{padding-left: 16.666%;}
	.prefix_2_4{padding-left: 20%;}
	.prefix_3{padding-left: 25%;}
	.prefix_4{padding-left: 33.333%;}
	.prefix_5{padding-left: 41.666%;}
	.prefix_6{padding-left: 50%;}
	.prefix_7{padding-left: 58.333%;}
	.prefix_8{padding-left: 66.666%;}
	.prefix_9{padding-left: 75%;}
	.prefix_10{padding-left: 83.333%;}
	.prefix_11{padding-left: 91.666%;}

	.suffix_1{padding-right: 8.333%;}
	.suffix_1_09{padding-right: 9.09%;}
	.suffix_1_2{padding-right: 10%;}
	.suffix_1_33{padding-right: 11.111%;}
	.suffix_1_5{padding-right: 12.5%;}
	.suffix_1_5{padding-right: 12.5%;}
	.suffix_1_71{padding-right: 14.285%;}
	.suffix_2{padding-right: 16.666%;}
	.suffix_2_4{padding-right: 20%;}
	.suffix_2_5{padding-right: 24.333333%;}
	.suffix_3{padding-right: 25%;}
	.suffix_4{padding-right: 33.333%;}
	.suffix_5{padding-right: 41.666%;}
	.suffix_6{padding-right: 50%;}
	.suffix_7{padding-right: 58.333%;}
	.suffix_8{padding-right: 66.666%;}
	.suffix_9{padding-right: 75%;}
	.suffix_10{padding-right: 83.333%;}
	.suffix_11{padding-right: 91.666%;}
				
	/*=BRANDING */
	#branding, #branding a
	{
		display:block;
		width: 450px;
		margin-left: -225px;
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 1;
	}

	.hidden {display:none}
	.clear {clear:both;float:none}
	
	.floatLeft {float:left}
	.floatRight {float:right}

	.textCenter {
		text-align: center;
	}
	
	/* TABLE STYLE LIST - SEE IMPRINT */
	.floatList > span 
	{
		width:50%;
		display:inline-block;
	}
	#smartTitle
	{
		background:#b2b2b2;
		color:#fff;
		padding:.5em 1em;
		position: absolute;
		opacity:0;
		display:none;
	}
	#smartTitle.bottom:before
	{
		content:"";
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #b2b2b2;	
		position: absolute;
		top:-5px;
		left:5px;
	}
	#smartTitle.top:before
	{
		content:"";
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #b2b2b2;	
		position: absolute;
		top:100%;
		left:5px;
	}
}

/* CLEARFIX */
.clearfix:after,.col_group:after,.container:after, nav:after{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;content:".";}



div.noticeBar
{
	background:red;
	color:#fff;
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center
}
div.noticeBar:before
{
	font-family:"userinterface";
	content:"\e004";
	margin-right:1em;
	font-size:150%;
	font-weight:normal;
}
div.noticeBar.absolute
{
    position:fixed;
    bottom:0;
    left:0;
    z-index: 100;
}
	noscript div:first-child {display:none}
	div.noticeBar a {color:#fff}

#log_container
{
	height:100%;
	width:100%;
	position: fixed;
	top:-100%;
	left:0;
	color:#000;
	background:#eee;
	padding:2%;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
        	-ms-transition: all 500ms ease-in-out;
       	 -o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(196,99,47, 0.5);
        	box-shadow: inset 0px 0px 1px 1px rgba(196,99,47, 0.5);
}
#log_container pre
{
	height:100%;
	overflow-y: scroll;
	background:#fff;
	padding:1%;
}

#log_container:target,
#log_container.show
{
	top:0;
}

.informatizer
{
	background:#8DD45C;
	padding:1%;
	position: fixed;
	top:2%;
	right:2%;
	display:block;
	color:#fff;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
        	-ms-transition: all 500ms ease-in-out;
       	 -o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	text-decoration:none;
}
.informatizer:before
{
	font-family: 'userinterface';
	content:"\e000";
	margin-right:1em;
	font-size:150%;
	line-height: 100%
}
	.informatizer a
	{
		color:#fff;
	}

.accHandler {cursor:pointer;}
.accHandler:after
{
	display:inline-block;
	font-family: 'userinterface';
	content:"\e008";
	float:right;
	font-size:50%;
}
.accHandler.active:after
{
	content:"\e007";
}

.breadcrumb li
{
	list-style:none;
	float:left;
}
.breadcrumb li:before
{
	content:">";
	padding:0 1em;
}
.breadcrumb li:first-child:before 
{
	content:"";
	padding:0;
}

.icon-clock:before {
	content: "\e602";
	margin-right: 10px;
}
.padding-right {
	padding-right: 30px;
}

.facebook::before {
    content: url("/images/bg-facebook.png");
    left: 1rem;
    position: relative;
}