/* Table of Content
==================================================
	#Site Styles
	#Media Queries */

/* #Site Styles
================================================== */

/* ### general font ### */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    src: local('Dosis Regular'), local('Dosis-Regular'), url(https://fonts.gstatic.com/s/dosis/v3/4hYyXH_8WmbBLamf6WjLwg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/dosis/v3/xIAtSaglM8LZOYdGmG1JqQ.woff) format('woff');
}
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    src: local('Dosis Bold'), local('Dosis-Bold'), url(https://fonts.gstatic.com/s/dosis/v3/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/dosis/v3/x-7NZTw0n-ypOAaIE8uSrvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Verdana, Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Verdana, Arial; font-size: 12px; color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
body { overflow-y: auto; background: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
        scrollbar-track-color:#fdeee8;
        scrollbar-face-color:#e95b20;
        scrollbar-arrow-color:#e95b20;
        scrollbar-shadow-color:#fff;
}
img { border: 0px; display: block; max-width: 100%; }
ul, li { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }
select { line-height: 1; border: 0px; background: transparent;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

input[type='submit'] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

::-webkit-input-placeholder { color: #9CAAB1; }
:-moz-placeholder { color: #9CAAB1; }
::-moz-placeholder { color: #9CAAB1; }
:-ms-input-placeholder { color: #9CAAB1; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### scrollbar div for gridview create excel ### */
div.Scrollgrid { overflow-y: scroll; WIDTH: 100%; HEIGHT: 300px;} 

#divExcelData::-webkit-scrollbar{
width: 15px;
background-color:#fdeee8;
border:1px #e95b20 solid;
border-radius:10px;
-webkit-box-shadow:0 0 2px #e95b20 inset;
} 
#divExcelData::-webkit-scrollbar-thumb{
background-color:#e95b20;
border-radius:10px;
}

#divSampleExcelData::-webkit-scrollbar{
width: 15px;
background-color:#fdeee8;
border:1px #e95b20 solid;
border-radius:10px;
-webkit-box-shadow:0 0 2px #e95b20 inset;
} 
#divSampleExcelData::-webkit-scrollbar-thumb{
background-color:#e95b20;
border-radius:10px;
}

#divUserData::-webkit-scrollbar{
width: 15px;
background-color:#fdeee8;
border:1px #e95b20 solid;
border-radius:10px;
-webkit-box-shadow:0 0 2px #e95b20 inset;
} 
#divUserData::-webkit-scrollbar-thumb{
background-color:#e95b20;
border-radius:10px;
}

/* ### gridview (used in create via excel to display data from file) ### */
.GridViewExcelData{
    border-right-color:#fff;
    border-right-width:0px;

    border-left-color:#fff;
    border-left-width:0px;

    border-bottom-color:#e95b20;
    border-top-color:#e95b20;

    text-align:center;
}

.GridViewExcelData td,tr{
    padding: 10px;
}

.GridViewUserData{
    border-right-color:#fff;
    border-right-width:0px;

    border-left-color:#fff;
    border-left-width:0px;

    border-bottom-color:#e95b20;
    border-top-color:#e95b20;

    text-align:left;
}

.GridViewUserData td,tr{
    padding: 10px;
}


/* ### tooltip ### */
div.tooltip { padding: 20px; position: absolute; z-index: 99999; border: 1px solid #e95b20; background: #fff;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.tooltip.left span.arrow { position: absolute; right: -8px; top: 10px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #e95b20; }
div.tooltip.right span.arrow { position: absolute; left: -8px; top: 10px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #e95b20; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 960px; }
	
	/* ### header container ### */
	#headerCntr { position: relative; z-index: 200; width: 100%; height: 105px; }
    #headerCntr a.productlogo { position: absolute; top: 30px; left: 0px; display: block; width: 272px; height: 48px; text-indent: -9999px; background: url('../Images/productlabel-logo.svg') no-repeat; background-size: contain; }
	#headerCntr a.menu { position: absolute; top: 30px; right: 10px; z-index: 20; display: none; width: 30px; height: 24px; text-indent: -9999px; background: url('../Images/icon-menu.png') no-repeat; background-size: cover; }

		/* ### menu box ### */
		#headerCntr .menuBox { position: absolute; top: 50px; right: 0px; }
		#headerCntr .menuBox li { position: relative; float: left; line-height: 20px; font-size: 14px; font-family: 'Dosis', Arial; border-right: 1px solid #B5BFC5; }
		#headerCntr .menuBox li:last-child { border-right: 0px; }
		#headerCntr .menuBox li a,
		#headerCntr .menuBox li span { padding: 0px 10px; float: left; text-decoration: none; color: #000; }
		#headerCntr .menuBox li.selected > a,
		#headerCntr .menuBox li a:hover,
		#headerCntr .menuBox > ul > li:hover > a { text-decoration: none; color: #E95B20; }
		#headerCntr .menuBox ul ul { padding: 10px 5px 0px; position: absolute; top: 15px; left: 0px; z-index: 500; display: none; }
		#headerCntr .menuBox ul ul li { margin-bottom: 2px; float: none; line-height: 16px; font-size: 13px; border: 0px; }
		#headerCntr .menuBox ul ul li a { padding: 5px 10px; display: block; float: none; white-space: nowrap; color: #fff; background-color: #f99c75; }
		#headerCntr .menuBox ul ul li a:hover,
		#headerCntr .menuBox ul ul li.selected > a { color: #fff; background-color: #E95B20; }
		#headerCntr .menuBox li:hover > ul { display: block; }

		/*#headerCntr .menuBox li.language span { padding: 0px 0px 0px 30px; cursor: default; font-size: 12px; color: #E95B20; background: url('../images/flag-icon.gif') #fff no-repeat 10px center; }
		#headerCntr .menuBox li.language ul li a { padding: 0px 10px 0px 35px; height: 25px; line-height: 25px; background-position: left top; background-repeat: no-repeat; }
		#headerCntr .menuBox li.language ul li a:hover { background-position: left bottom; }
		#headerCntr .menuBox li.language ul li.en a { background-image: url('../images/flag-en.gif'); }
		#headerCntr .menuBox li.language ul li.fr a { background-image: url('../images/flag-be.gif'); }
		#headerCntr .menuBox li.language ul li.be a { background-image: url('../images/flag-be.gif'); }
		#headerCntr .menuBox li.language ul li.nl a { background-image: url('../images/flag-nl.gif'); }*/

		/* ### login box ### */
		.loginBox { position: absolute; top: 10px; right: 0px; }
		.loginBox fieldset { border: 0px; }
		.loginBox input.text { margin-right: 5px; padding: 0px 10px; float: left; width: 140px; height: 20px; color: #9CAAB1; font-size: 10px; border: 1px solid #B6B6B6; background: #fff; }
		.loginBox input.submit { padding-right: 10px; cursor: pointer; float: left; width: 65px; height: 22px; color: #fff; font-size: 10px; border: 1px solid #f7ac93; background: url('../Images/arrow.gif') #ed632b no-repeat 95% center; }

	/* ### content container ### */
	#contentCntr { padding-left: 75px; overflow: hidden; width: 100%;
        -webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
    #contentCntr h2 span.title {display: block;  margin-bottom: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #e95b20; }

		/* ### left container ### */
		#leftCntr { float: left; width: 60%; }

		/* ### right container ### */
		#rightCntr { float: right; width: 35%; }

        .contact-header h1 {text-align: left; font-family: 'Dosis', Arial; font-weight: normal; font-size: 18px; color: #E95B20; }

		/* ### overview box ### */
		.overviewBox { padding-bottom: 30px; overflow: hidden; width: 100%; }
        .overviewBox a:link, a:visited {color: #E95B20; text-decoration: none;}
		.overviewBox h1 { padding-bottom: 50px; text-align: left; font-family: 'Dosis', Arial; font-weight: normal; font-size: 18px; color: #E95B20; }
		.overviewBox div.step { margin: 0px 25%; position: relative; float: left; width: 25.33%; height: 245px; text-align: center; border: 5px solid #f4f7f9;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.overviewBox div.step span.number { padding-left: 5px; position: absolute; top: -55px; left: -55px; z-index: 20; width: 87px; height: 70px; font-size: 44px; font-weight: bold; font-family: 'Dosis', Arial; color: #E95B20; border: 5px solid #fff; background: url('../Images/bg-step.gif') #fff no-repeat left bottom; }
		.overviewBox div.step h3 { padding-bottom: 15px; position: relative; z-index: 40; font-family: 'Dosis', Arial; font-size: 36px; font-weight: normal; color: #E95B20; }
		.overviewBox div.step img { display: inline; }
		.overviewBox div.step p { line-height: 17px; font-size: 11px; font-style: italic; color: #E95B20; }
        .overviewBox div.step p a:link, a:visited { line-height: 17px; font-size: 11px; font-style: italic; color: #E95B20;  text-decoration: none;}


		/* ### button box ### */
		.buttonBox { padding-bottom: 30px; overflow: hidden; width: 100%; }
		.buttonBox a { margin: 0px 4%; padding: 10px; float: left; display: block; width: 25.33%; height: 80px; font-size: 12px; text-decoration: none; color: #4F555A; border: 1px solid #a8a8a8;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			background: #fff; /* #e7e7e7 */
			background: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e7e7e7));
			background: -webkit-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: -o-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: -ms-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: linear-gradient(to bottom, #fff 0%,#e7e7e7 100%);
		}
		.buttonBox a:hover {
			background: #e7e7e7; /* #fff */
			background: -moz-linear-gradient(top, #e7e7e7 0%, #fff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#fff));
			background: -webkit-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: -o-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: -ms-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: linear-gradient(to bottom, #e7e7e7 0%,#fff 100%);
		}
		.buttonBox a strong { padding-bottom: 5px; display: block; line-height: 18px; font-size: 12px; font-weight: normal; color: #E95B20; }
		.buttonBox a.orange { color: #fff !important; border: 5px solid #f99f79; background: #e95b20 !important; }
		.buttonBox a.orange:hover { border-color: #e95b20; background: #f99f79 !important; }
		.buttonBox a.orange strong { color: #fff !important; }
		.buttonBox a:nth-child(2) strong { font-size: 12px; }
		.buttonBox a:nth-child(3) strong { font-size: 12px; }

		/* ### text box ### */
		.textBox { padding: 30px 0px; overflow: hidden; width: 100%; line-height: 20px; }
		.textBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
		.textBox h2 { margin-bottom: 20px; line-height: 22px; font-size: 17px; font-weight: normal; color: #e95b20; }
        .textBox h3 { margin-bottom: 10px; line-height: 20px; font-size: 12px; font-weight: bold; color: #e95b20; }
		.textBox h4.step { margin-bottom: 30px; padding: 10px 0px 20px 105px; position: relative; line-height: 22px; font-size: 26px; font-family: 'Dosis', Arial; font-weight: normal; color: #e95b20; background: url('../images/bg-step.gif') no-repeat left bottom; }
		.textBox h4.step span { position: absolute; top: 5px; left: 0px; width: 92px; font-size: 40px; text-align: center; font-weight: bold; }
		.textBox p { margin-bottom: 20px; }
		.textBox a { text-decoration: none; color: #e95b20; }
		.textBox a:hover { text-decoration: underline; }
        .textBox span { color: #e95b20;}
		.textBox img.right { margin: 0px 0px 10px 30px; float: right; }
		.textBox img.left { margin: 0px 30px 10px 0px; float: left; }
		.textBox ul { margin-bottom: 20px; }
		.textBox ul.icons { margin-bottom: 40px; }
		.textBox ul.icons li { margin-bottom: 10px; padding-left: 30px; font-size: 17px; color: #e95b20; }
		.textBox ul.icons li a { text-decoration: none; }
		.textBox ul.icons li a:hover { text-decoration: underline; }
		.textBox ul.icons li:last-child { margin-bottom: 0px; }
		.textBox ul.icons li.tel { background: url('../Images/icon-tel.gif') no-repeat left; }
		/*.textBox ul.icons li.email { background: url('../images/icon-email.gif') no-repeat left; }*/
		.textBox a.button { padding: 0px 15px; display: inline-block; height: 40px; line-height: 40px; font-family: 'Dosis', Arial; font-weight: bold; font-size: 24px; text-decoration: none; color: #fff; border: 5px solid #f99f79; background: #e95b20;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.textBox a.button:hover { border-color: #e95b20; background: #f99f79; }

        /* ### item details box ### */ 
        .itemBox { overflow: hidden; width: 100%; line-height: 20px; padding-bottom: 30px;}
		.itemBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
		.itemBox p { margin-bottom: 20px; }
		.itemBox a { text-decoration: none; color: #e95b20; }
		.itemBox a:hover { text-decoration: none; }
		.itemBox li { margin-bottom: 5px; padding-bottom: 0px; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; }
		.itemBox li span { text-decoration: none; color: #e95b20; float: left; width: 70%;}
        .itemBox ul.icons li a:hover { text-decoration: none; }
        .itemBox .item1 {width: 27%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; cursor: default;}
        .itemBox .item2 {width: 8%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: center;}
        .itemBox .item3 {width: 21%; margin-right: 10px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .item4 {width: 22%; margin-right: 5px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .item5 {width: 14%; margin-right: 10px; float: left; overflow: hidden; text-align: center;}
        .itemBox .item1-header {width: 27%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .itemBox .item2-header {width: 8%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .item3-header {width: 21%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .item4-header {width: 22%; margin-right: 5px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .item5-header {width: 14%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .module1 {width: 15%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; cursor: default;}
        .itemBox .module2 {width: 20%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .module3 {width: 8%; margin-right: 10px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .module4 {width: 8%; margin-right: 5px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .module5 {width: 40%; margin-right: 10px; float: left; overflow: hidden; text-align: left;}
        .itemBox .module1-header {width: 15%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .itemBox .module2-header {width: 20%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .module3-header {width: 8%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .module4-header {width: 8%; margin-right: 5px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .module5-header {width: 40%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .object1 {width: 21%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; cursor: default;}
        .itemBox .object2 {width: 39%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .object3 {width: 12%; margin-right: 2px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .object4 {width: 12%; margin-right: 2px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .object5 {width: 12%; margin-right: 2px; float: left; overflow: hidden; text-align: center;}
        .itemBox .object1-header {width: 21%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .itemBox .object2-header {width: 39%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .object3-header {width: 12%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .object4-header {width: 12%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .object5-header {width: 12%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .object6-header {width: 12%; margin-left: 328px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .object7-header {width: 12%; margin-left: 4px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .object8-header {width: 12%; margin-left: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .objectedi1 {width: 30%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; cursor: default;}
        .itemBox .objectedi2 {width: 40%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .objectedi3 {width: 13%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .objectedi4 {width: 13%; margin-right: 2px; float: left; overflow: hidden; text-align: center; color: #000; font-weight: normal;}
        .itemBox .objectedi1-header {width: 30%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .itemBox .objectedi2-header {width: 40%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .objectedi3-header {width: 13%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .objectedi4-header {width: 13%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .label1 {width: 18%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; cursor: default;}
        .itemBox .label2 {width: 60%; margin-left: 0px; margin-right: 0px; float: left; text-align: left;}
        .itemBox .label3 {width: 20%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .label1-header {width: 18%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; font-weight: bold;}
        .itemBox .label2-header {width: 60%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .label3-header {width: 20%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .user1 {width: 23%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; cursor: default;}
        .itemBox .user2 {width: 30%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .user3 {width: 30%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .user4 {width: 15%; margin-right: 2px; float: left; overflow: hidden; text-align: center;}
        .itemBox .user1-header {width: 23%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; font-weight: bold;}
        .itemBox .user2-header {width: 30%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .user3-header {width: 30%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .user4-header {width: 15%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .field1 {width: 48%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; cursor: default; text-align: left;}
        .itemBox .field2 {width: 48%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .field1-header {width: 48%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; font-weight: bold; text-align: left;}
        .itemBox .field2-header {width: 48%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .client1 {width: 20%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; cursor: default;}
        .itemBox .client2 {width: 14%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: center;}
        .itemBox .client3 {width: 16%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .client4 {width: 22%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .client5 {width: 24%; margin-right: 2px; float: left; overflow: hidden; text-align: left;}
        .itemBox .client1-header {width: 20%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; font-weight: bold;}
        .itemBox .client2-header {width: 14%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: center;}
        .itemBox .client3-header {width: 16%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .client4-header {width: 22%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .client5-header {width: 24%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .unit1 {width: 18%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; cursor: default;}
        .itemBox .unit2 {width: 22%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; text-align: left;}
        .itemBox .unit3 {width: 22%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .unit4 {width: 15%; margin-right: 2px; float: left; overflow: hidden; text-align: left; color: #000; font-weight: normal;}
        .itemBox .unit5 {width: 18%; margin-right: 2px; float: left; overflow: hidden; text-align: left;}
        .itemBox .unit1-header {width: 18%; margin-right: 0px; float: left; overflow: hidden; text-decoration: none; font-weight: bold;}
        .itemBox .unit2-header {width: 22%; margin-left: 0px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .unit3-header {width: 22%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .unit4-header {width: 15%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .itemBox .unit5-header {width: 18%; margin-right: 2px; float: left; overflow: hidden; font-weight: bold; text-align: left;}
        .formBox .itemBox a:hover { text-decoration: none; }

          /*### results box ###*/ 
		.resultsBox { overflow: hidden; width: 100%; line-height: 20px; padding-bottom: 30px;}
		.resultsBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
		.resultsBox p { margin-bottom: 20px; }
		.resultsBox a { text-decoration: none; color: #e95b20; }
		.resultsBox a:hover { text-decoration: none; }
		.resultsBox li { margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; }
		.resultsBox li span { text-decoration: none; color: #e95b20; float: left; width: 70%;}
        .resultsBox .recent1 {width: 23%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20;}
        .resultsBox .recent2 {width: 20%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden;}
        .resultsBox .recent3 {width: 29%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden;}
        .resultsBox .recent4 {width: 12%; margin-right: 5px; float: left; overflow: hidden; text-align: center;}
        .resultsBox .search1 {width: 15%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20;}
        .resultsBox .search2 {width: 15%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden;}
        .resultsBox .search3 {width: 15%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden; min-height: 1px;}
        .resultsBox .search4 {width: 30%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden;}
        .resultsBox .search5 {width: 10%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden;}
        .resultsBox .gcnsearch1 {width: 15%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20;}
        .resultsBox .gcnsearch2 {width: 23%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden;}
        .resultsBox .gcnsearch3 {width: 47%; margin-left: 10px; margin-right: 0px; float: left; overflow: hidden;}
        .resultsBox .desadv1 {width: 20%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20;}
        .resultsBox .desadv2 {width: 25%; margin-left: 0px; margin-right: 10px; float: left; overflow: hidden;}
        .resultsBox .desadv3 {width: 25%; margin-right: 10px; float: left; overflow: hidden;}
        .resultsBox .desadv4 {width: 15%; margin-right: 10px; float: left; overflow: hidden;}

        .resultsBox .recent1-header {width: 23%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .resultsBox .recent2-header {width: 20%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .recent3-header {width: 29%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .recent4-header {width: 12%; margin-right: 5px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .search1-header {width: 15%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .resultsBox .search2-header {width: 15%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .search3-header {width: 15%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .search4-header {width: 30%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .search5-header {width: 10%; margin-left: 10px; margin-right: 5px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .gcnsearch1-header {width: 15%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .resultsBox .gcnsearch2-header {width: 23%; margin-left: 10px; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .gcnsearch3-header {width: 47%; margin-left: 10px; margin-right: 0px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .desadv1-header {width: 20%; margin-right: 10px; float: left; overflow: hidden; text-decoration: none; color: #e95b20; font-weight: bold;}
        .resultsBox .desadv2-header {width: 25%; margin-left: 0px; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .desadv3-header {width: 25%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}
        .resultsBox .desadv4-header {width: 15%; margin-right: 10px; float: left; overflow: hidden; font-weight: bold;}

        .resultsBox .pdf a {float: right; margin-left: 5px;}
        .resultsBox input {float: right; margin-left: 10px;}
        .resultsBox input.submit { float:right; margin-bottom: 10px; cursor: pointer; padding: 0px 10px; height: 25px; line-height: 20px; font-size: 11px; color: #e95b20; border: 1px solid #b2b2b2;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #fff;  #f2f2f2 
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
		}
        .resultsBox input.submit2 { float:left; margin-bottom: 10px; cursor: pointer; padding: 0px 10px; height: 25px; line-height: 20px; font-size: 11px; color: #e95b20; border: 1px solid #b2b2b2;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #fff;  #f2f2f2 
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
		}

        .resultsBox .line { margin-bottom: 20px; position: relative; overflow: hidden; width: 100%; height: 10px; border-bottom: 1px solid #efefef; 
            -webkit-box-sizing: border-box; 
		    -moz-box-sizing: border-box; 
		    box-sizing: border-box;
        }

        
        .resultsBox select { margin-bottom: 5px; padding: 0px 0px 0px 7px; display: block; width: 50%; height: 24px; line-height: 24px; color: #e95b20; border: 0px; background: url('../Images/bg-arrow.gif') #fdeee8 no-repeat 98% center;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
        .resultsBox fieldset {  overflow: hidden; border: 0px;}
        .resultsBox div.fields {  float: right; width: 20%;}
        .resultsBox div.fields label {  float: left; width: 65%;}
        .resultsBox div.fields select { float: right; width: 35%; text-align:left;}
        .resultsBox input.fielddemo { color: #e95b20; display: block; width: 100%; height: 24px; line-height: 20px; border: 0px; background: #fdeee8;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}


        .csv {float:right;}

        /* ### right box ### */
        .rightBox { margin-top: 50px; padding: 30px 0px; overflow: hidden; width: 100%; line-height: 20px; }
		.rightBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
        .rightBox h2 { margin-bottom: 20px; line-height: 20px; font-size: 20px; font-weight: normal; color: #e95b20; }
		
        .rightBox h3 { margin-bottom: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #e95b20; }
		.rightBox h4.step { margin-bottom: 30px; padding: 10px 0px 20px 105px; position: relative; line-height: 22px; font-size: 26px; font-family: 'Dosis', Arial; font-weight: normal; color: #e95b20; background: url('../Images/bg-step.gif') no-repeat left bottom; }
		.rightBox h4.step span { position: absolute; top: 5px; left: 0px; width: 92px; font-size: 40px; text-align: center; font-weight: bold; }
		.rightBox p { margin-bottom: 20px; }
		.rightBox a { text-decoration: none; color: #e95b20; }
		.rightBox a:hover { text-decoration: underline; }
        .rightBox span { color: #e95b20;}
		.rightBox ul { margin-bottom: 20px; }
		.rightBox ul.icons { margin-bottom: 40px; }
		.rightBox ul.icons li { margin-bottom: 10px; padding-left: 30px; font-size: 17px; color: #e95b20; }
		.rightBox ul.icons li a { text-decoration: none; }
		.rightBox ul.icons li a:hover { text-decoration: underline; }
		.rightBox ul.icons li:last-child { margin-bottom: 0px; }
		.rightBox ul.icons li.tel { background: url('../Images/icon-tel.gif') no-repeat left; }
		/*.rightBox ul.icons li.email { background: url('../images/icon-email.gif') no-repeat left; }*/
		.rightBox a.button { padding: 0px 15px; display: inline-block; height: 40px; line-height: 40px; font-family: 'Dosis', Arial; font-weight: bold; font-size: 24px; text-decoration: none; color: #fff; border: 5px solid #f99f79; background: #e95b20;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.rightBox a.button:hover { border-color: #e95b20; background: #f99f79; }
        
        /* ### latest box ### */
		.latest { overflow: hidden; width: 100%; line-height: 10px; }
		.latest p { margin-bottom: 20px; }
		.latest a { text-decoration: none; color: #e95b20; margin-right: 160px;}
		.latest a:hover { text-decoration: none;}
		.latest li { margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; }
		.latest li img { float: left; margin-left: 10px; max-width: 30%; }
		.latest li span { text-decoration: none; color: #e95b20; float: left; width: 70%;}

        
        /* ### language box (only for sites with different language ### */

        /*.languageBox h1{margin-bottom: 60px;}
        .languageBox a strong { margin-left: 35%; margin-top: 10px; padding-bottom: 5px; display: block; line-height: 18px; font-size: 16px; font-weight: normal; color: #E95B20; }
        .languageBox img{margin:auto; margin-top: 15px;}
        .languageBox a { margin-bottom:50px !important; margin: 0px 4%; padding: 10px; float: left; display: block; width: 35%; height: 150px; font-size: 11px; text-decoration: none; color: #4F555A; border: 1px solid #a8a8a8;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
			background: #fff;*/ /* #e7e7e7 */
			/*background: -moz-linear-gradient(top, #fff 0%, #e7e7e7 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e7e7e7));
			background: -webkit-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: -o-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: -ms-linear-gradient(top, #fff 0%,#e7e7e7 100%);
			background: linear-gradient(to bottom, #fff 0%,#e7e7e7 100%);
		}
		.languageBox a:hover {
            text-decoration: none;
			background: #e7e7e7;*/ /* #fff */
			/*background: -moz-linear-gradient(top, #e7e7e7 0%, #fff 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#fff));
			background: -webkit-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: -o-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: -ms-linear-gradient(top, #e7e7e7 0%,#fff 100%);
			background: linear-gradient(to bottom, #e7e7e7 0%,#fff 100%);
		}*/

		/* ### references box ### */
		.referencesBox { padding: 30px 0px; overflow: hidden; width: 100%; line-height: 20px; }
		.referencesBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
		.referencesBox p { margin-bottom: 20px; }
		.referencesBox a { text-decoration: none; color: #e95b20; }
		.referencesBox a:hover { text-decoration: underline; }
		.referencesBox li { margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; }
		.referencesBox li img { float: left; max-width: 40%; }
		.referencesBox li p { margin: 7px 0px 0px 0px; float: right; width: 55%; }
		.referencesBox li p strong { display: block; }
		.referencesBox li p a { text-decoration: none; }
		.referencesBox li p a:hover { text-decoration: underline; }

                /* ### Login box ### */
        .formBox .login label {float: left; width: 30%;}
        .formBox .login input {float:left; width: 30%;}
        .formBox .login li { margin-bottom: 5px; padding-bottom: 10px; overflow: hidden; width: 100%; }
		.formBox .login li label { float: left; margin-left: 0px; max-width: 20%; }
        .formBox .login li input { float:left; width: 70%;}
        .formBox .login li span {float:right; width: 5%;}
        .formBox .login li .box {float: left;}
        .formBox .login li .loginsubmit {margin-left: 20%; float: left; width: 70px;}

        /* ### right side content for next to form box ### */
        #contentCntr.full-width .rightsidecontent { max-width: 30%; padding-top: 0px; float:right}
        .rightsidecontent .line { margin-bottom: 20px; position: relative; overflow: hidden; width: 100%; height: 10px; border-bottom: 1px solid #efefef; 
            -webkit-box-sizing: border-box; 
		    -moz-box-sizing: border-box; 
		    box-sizing: border-box;
        }
        .rightsidecontent .check { margin-top: 10px; margin-left:10px; margin-right:2px; padding-right:20px; color:#e95b20;}
        .rightsidecontent .check label {margin-right:10px;}

		/* ### form box ### */
        #contentCntr.full-width .formBox { max-width: 70%; padding-top: 0px;}
        .formBox { padding: 30px 0px; overflow: hidden; width: 100%; line-height: 20px; }
		#leftCntr .formBox input.field,
		#leftCntr .formBox select,
		#leftCntr .formBox textarea { width: 100%; }
		.formBox h1 { margin-bottom: 20px; line-height: 34px; font-size: 26px; font-weight: normal; color: #e95b20; }
        .formBox h2 { margin-bottom: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #e95b20; }
        .formBox selected {font-weight: normal;}
        .formBox span {color: #e95b20;}
		.formBox h3 { margin-bottom: 10px; line-height: 20px; font-size: 13px; font-weight: bold; color: #e95b20; }
		.formBox p { margin-bottom: 20px; }
		.formBox p.tel { padding-left: 30px; height: 21px; line-height: 21px; font-weight: bold; color: #e95b20; background: url('../Images/icon-tel.gif') no-repeat left; }
		.formBox p.small { font-size: 10px; }
		.formBox a { text-decoration: none; color: #e95b20; }
		.formBox a:hover { text-decoration: underline; }
		.formBox fieldset { margin-bottom: 20px; overflow: hidden; width: 100%; border: 0px; }
		.formBox input::-webkit-input-placeholder { color: #e95b20; }
		.formBox input:-moz-placeholder { color: #e95b20; }
		.formBox input::-moz-placeholder { color: #e95b20; }
		.formBox input:-ms-input-placeholder { color: #e95b20; }
		.formBox label {margin-bottom: 15px; clear: both; float: left; width: 30%; line-height: 20px; }
        .formBox label.head {margin-bottom: 15px; clear: both; float: left; width: 30%; line-height: 20px; font-size: 13px; font-weight: bold; color: #e95b20;}
		.formBox label em { display: block; text-transform: none; font-style: normal; font-size: 10px; }
        .formBox .check { margin-top: 10px; margin-left: 78px; color: #e95b20; }
		.formBox div.fields { margin-bottom: 10px; float: left; width: 70%; }
        .formBox div.fields img { margin-left: 5px; margin-bottom: 5px; float: left; width: 5%;}
        .formBox div.fields input { float: left; width: 90%; }
        .formBox div.fields select { float: left; width: 90% !important; }


        .formBox input.palletextended {height: 24px; background: #fdeee8; color: #e95b20; border: 0px; padding: 0px 10px;}

		.formBox input.field { margin-bottom: 5px; padding: 0px 10px; display: block; width: 50%; height: 24px; line-height: 24px; border: 0px; background: #fdeee8;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.formBox input.fielddemo { color: #e95b20; margin-bottom: 5px; padding: 0px 10px; display: block; width: 100%; height: 24px; line-height: 24px; border: 0px; background: #fdeee8;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

        /*.formBox input.clearable { color: #e95b20; margin-bottom: 5px; padding: 0px 10px; display: block; width: 100%; height: 24px; line-height: 24px; border: 0px; background: url('../images/icon-delete-19.png') #fdeee8 no-repeat right -20px center;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
        .formBox input.clearable::-ms-clear { display: none; }
        .formBox input.clearable.x  { background-position: right 5px center; }
        .formBox input.clearable.onX{ cursor: pointer; }*/

        .formBox textarea.fielddemo { color: #e95b20; margin-bottom: 5px; padding: 0px 10px; display: block; width: 70%; height: 100px; line-height: 24px; border: 0px; background: #fdeee8;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}


		.formBox select { margin-bottom: 5px; padding: 0px 0px 0px 7px; display: block; width: 50%; height: 24px; line-height: 24px; color: #e95b20; border: 0px; background: url('../Images/bg-arrow.gif') #fdeee8 no-repeat 98% center;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.formBox textarea { margin-bottom: 5px; padding: 10px; display: block; width: 50%; height: 100px; line-height: 20px; border: 0px; background: #fdeee8;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.formBox input.submit { margin-bottom: 10px; cursor: pointer; margin-left: 30%; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 13px; color: #e95b20; border: 1px solid #b2b2b2;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #fff; /* #f2f2f2 */
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
		}
        .formBox input.submit2 { cursor: pointer; margin-left: 2%; padding: 0px 10px; height: 30px; line-height: 30px; font-size: 13px; color: #e95b20; border: 1px solid #b2b2b2;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background: #fff; /* #f2f2f2 */
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
		}
        .formBox .submit3 { cursor: pointer; margin-left: 2%; padding: 10px 10px; height: 30px; line-height: 30px; font-size: 12px; color: #e95b20; font-weight: normal;
		}

        .formBox .overview { cursor: pointer; margin-left: 2%; padding: 0px 10px; height: 30px; line-height: 30px; width: 47%; font-size: 13px; color: #e95b20; border: 1px solid #b2b2b2;
            -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
            background: #fff; /* #f2f2f2 */
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
        }
        .formBox .overview2 {cursor: pointer; margin-left: 2%; padding: 0px 10px; height: 30px; line-height: 30px; width: 47%; font-size: 13px; color: #e95b20; border: 1px solid #b2b2b2;
            -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
            background: #fff; /* #f2f2f2 */
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
        }
                .formBox .overview3 {cursor: pointer; margin-left: 2%; padding: 0px 10px; height: 30px; line-height: 30px; width: 47%; font-size: 13px; color: #e95b20; border: 1px solid #b2b2b2;
            -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
            background: #fff; /* #f2f2f2 */
			background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f2f2f2));
			background: -webkit-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -o-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: -ms-linear-gradient(top, #fff 0%,#f2f2f2 100%);
			background: linear-gradient(to bottom, #fff 0%,#f2f2f2 100%);
        }
        .formBox .line { margin-bottom: 20px; position: relative; overflow: hidden; width: 100%; height: 10px; border-bottom: 1px solid #efefef; 
            -webkit-box-sizing: border-box; 
		    -moz-box-sizing: border-box; 
		    box-sizing: border-box;
        }
       
        .formBox .add label { margin-bottom: 0px; }
        .formBox .add a.show-more { margin-top: 5px; margin-right: 15px; cursor: pointer; float: right; width: 13px; height: 13px; line-height: 13px; text-align: center; text-decoration: none !important; font-weight: bold; color: #fff; border: 1px solid #e95b20; background: #f99f79;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
        .formBox .add input.show-more { margin-top: 5px; margin-right: 15px; cursor: pointer; float: right; width: 15px; height: 15px; line-height: 13px; text-align: center; text-decoration: none !important; font-weight: bold; color: #fff; border: 1px solid #e95b20; background: #f99f79;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }

        .formBox .top-space { padding-top: 20px; }
        .formBox .roles { width: 70%; float: left; }
        .formBox .roles .rolesleft { width: 25%; float: left; }
        .formBox .roles .rolesright { width: 90%; float: left; }
        .formBox .roles .rolessingle { width: 90%; float: left; }
        .formBox .roles img { width: 5%; float: left; margin-left: 5px; margin-bottom: 11px; }
        .formBox .roles .rolesright label { margin-bottom: 5px; color: #e95b20; width: 150px; float: right; text-align: left;}
        .formBox .roles .rolesright input { margin-bottom: 10px; margin-top: 5px; }
        .formBox .roles .rolessingle input { margin-bottom: 10px; margin-top: 5px; width: 5%; }
        .formBox .roles .rolessingle label { margin-bottom: 5px; color: #e95b20; width: 90%; float: right; text-align: left;}
        

         #loader { visibility: hidden; position: fixed; margin-left: 7%; }

        /* ### tab box ### */
		.tabBox fieldset { position: relative; z-index: 5;
            -webkit-box-sizing: border-box; 
		    -moz-box-sizing: border-box; 
		    box-sizing: border-box;
		}
        .tabBox .titles { margin-bottom: 20px; position: relative; z-index: 10; overflow: hidden; width: 100%; height: 30px; background: url('../Images/line.gif') repeat-x left bottom; }
        .tabBox .titles input { cursor: pointer; margin-right: 10px; padding: 0px 10px; float: left; height: 29px; line-height: 29px; color: #000; border: 1px solid #e0e0e0; border-bottom: 0px; background: #fcfcfc;
            -webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
            -webkit-border-top-left-radius: 5px;
			-moz-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
			-moz-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
        }
        .tabBox .titles input.active { height: 31px; font-weight: bold; color: #e95b20; background: #fff; }

        /*Data Pager*/
        .page { display: inline-block; padding: 0px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
                font-size: .875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1);}
        .page:hover, .page.gradient:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);}
        .page.active {border: none; background: #949494; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5);}
        .page.gradient { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9)); background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);}

		/* ### spotlight box ### */
		.spotlightBox { padding: 30px 0px 0px; overflow: hidden; width: 100%; line-height: 20px; }
		.spotlightBox img { margin-bottom: 30px; width: 100%; } 


	/* ### footer container ### */
	#footerCntr { width: 100%; }
	#footerCntr div.provider { width: 100%; background: #bcc5cb; }
	#footerCntr div.provider div.center { padding-top: 8px; height: 85px; background: url('../Images/bckFooter2.gif') no-repeat right;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box;
	}
    #footerCntr div.provider div.center div.solution {
                height: 70px;
                content: url('../Images/solution-provider-grey.svg');
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                background: url('../Images/solution-provider-grey.svg') no-repeat;
            }
	#footerCntr div.center { margin: 0 auto; padding: 10px 0px; position: relative; overflow: hidden; width: 860px; }
	#footerCntr small { float: left; line-height: 26px; font-size: 11px; color: #B5BFC5; }
	#footerCntr p.powered { float: right; font-size: 11px; color: #B5BFC5; }
	#footerCntr p.powered img { position: relative; top: 4px; display: inline; }
    #footerCntr p.powered a.logo {
            position: relative;
            height: 19px;
            top: 4px;
            display: inline-block;
            overflow: hidden;
            text-indent: 100% !important;
            white-space: nowrap;
            content: url('../Images/T2S-logo-only-grey.svg');
            background: url('../Images/T2S-logo-only-grey.svg') no-repeat;
            background-size: contain;
        }
	#footerCntr div.social { position: absolute; top: 15px; right: 100px; width: 240px; }
	#footerCntr div.social span.label { float: left; line-height: 20px; font-size: 11px; color: #B5BFC5; }
	#footerCntr div.social div.addthis_toolbox { float: right; width: 200px; }
	/*#footerCntr div.social div.addthis_toolbox a.addthis_button_facebook span { width: 32px !important; height: 20px !important; text-indent: -9999px !important; background: url('../images/btnFacebook.gif') no-repeat !important; background-size: contain !important; }
	#footerCntr div.social div.addthis_toolbox a.addthis_button_twitter span { width: 32px !important; height: 20px !important; text-indent: -9999px !important; background: url('../images/btnTwitter.gif') no-repeat !important; background-size: contain !important; }
	#footerCntr div.social div.addthis_toolbox a.addthis_button_linkedin span { width: 32px !important; height: 20px !important; text-indent: -9999px !important; background: url('../images/btnLinkedin.gif') no-repeat !important; background-size: contain !important; }*/
    #footerCntr p.copyright { float: left;font-size: 11px;color: #B5BFC5; }

/* #Media Queries
================================================== */

	/* Width: 860px */
	@media only screen and (max-width: 880px) {
		
		#mainCntr,
		#footerCntr div.center { padding-left: 10px; padding-right: 10px; width: 100%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		.overviewBox h1 { padding-bottom: 30px; }
		.overviewBox span.number { display: none; }
		.overviewBox div.step { margin: 0px 2%; width: 29.33%; }
		
		.buttonBox a { margin: 0px 2%; width: 29.33%; }

	}

	/* Width: 800px */
	@media only screen and (max-width: 800px) {
		
		#headerCntr { padding-top: 20px; height: auto; }
		#headerCntr a.logo { margin: 0px 0px 20px; position: relative; top: 0px; left: 0px; }
		#headerCntr a.menu { display: block; }

		.loginBox { position: relative; top: 0px; right: 0px; }

		.menuBox { display: none; }

		.overviewBox { padding-top: 30px; }

	}

	/* Width: 720px */
	@media only screen and (max-width: 720px) {

		.buttonBox a { height: 100px; }

		#leftCntr { float: none; width: 100%; }
		#rightCntr { display: none; }

		.formBox input.field,
		.formBox select,
		.formBox textarea { width: 100%; }

	}

	/* Width: 550px */
	@media only screen and (max-width: 550px) {
		
		.formBox label { margin-bottom: 5px; float: none; display: block; width: 100%; }	
		.formBox div.fields { margin-bottom: 20px; float: none; width: 100%; }	
		.formBox input.submit { margin-left: 0px; }

		.overviewBox { padding-bottom: 0px; }
		.overviewBox div.step { margin: 0px 0px 20px; width: 100%; float: none; clear: both;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

		.buttonBox a { margin: 0px 0px 20px; width: 100%; height: auto; float: none; clear: both;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}

	}

	/* Width: 450px */
	@media only screen and (max-width: 450px) {
		
		.loginBox input.text { margin-right: 2%; width: 37%; height: 22px;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}
		.loginBox input.submit { width: 22%;
			-webkit-box-sizing: border-box; 
			-moz-box-sizing: border-box; 
			box-sizing: border-box;
		}


		#footerCntr div.social span.label { display: none; }

	}

	/* Width: 400px */
	@media only screen and (max-width: 400px) {
		
		#headerCntr a.logo { width: 80%; background-size: contain; }

		#footerCntr small { display: none; }

	}