/* CSS Document */

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-light-webfont.eot');
    src: url('../../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-light-webfont.woff') format('woff'),
         url('../../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-style: normal;
  	font-weight: 300;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'), local('OpenSans'),
       url('../../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Open Sans';
    src: url('../../fonts/opensans-semibold-webfont.eot');
    src: url('../../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-style: normal;
  	font-weight: 600;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/open-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../fonts/open-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/open-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/open-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/open-sans-v14-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@media screen, projection, print {
	
	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Base 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	html {
		height: 100%;
		min-height: 100%;
	}
	
	body {
		position: relative;
		overflow-y: scroll;
		width: 100%;
  		height: 100%;		
		line-height: 20px;
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 14px;
		color: #000000;
		word-wrap: break-word; 
	}

	ul {
		list-style: none;
		padding: 0px;
	}
	
	table {
		width: 100%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 0px;
	}

   .modal-open {
      padding-right: 0!important;
   }
	
	*:focus { outline: 0 !important; }
        
   /* */

   .center {
   	position: relative;
   	margin: 0 auto;	
   }

	.custom-row {
		float:none;
		display: table;
		position:relative;
		width: 100%;
		table-layout: fixed;
	}
	
	.custom-row > .col {
		float:none;
		position:relative;
		display:table-cell;
		vertical-align:top;
	}
	
	.contain {
		float:left;
		position:relative;
		width: 100%;
	}
	
	.row {
		position: relative;
	}

	/* */

	#employland {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: auto;
		min-height: 100%;
		background: url(../../images/template/page-bg.png) repeat-y center #F0F0F0;
	}

	#page {
		position:relative;
		width: 100%;
		min-height: 100%;
	}
	
	#content {
		max-width: 1180px;
		min-height: 100%;
		margin: 0 auto;
		background:#FFF;
	}
	
	#content > .center,
	#content > .center .content > .center {
		max-width: 1080px;
	}

	#content > .center {
		padding-top: 120px;
		padding-bottom: 200px;
	}

	#content .center > .container-fluid {
		max-width: 1050px;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Buttons 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	a.btn.btn-hover.edit {
		width: 29px;
		height: 29px;
		background:url(../../images/btn_btn-hover_edit-bg.png);
		text-indent: -99999px;
		border: none;
		padding: 0px;	
	}
	
	a.btn.btn-hover.edit:hover {
		background-position: 0px -29px;
	}
	
	button.btn {
		height: 30px;
		padding: 3px 12px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 14px;
		color: #ffffff;
	}

	button.btn:active,
	button.btn:focus,
	.btn:active, 
	.btn.active {
		outline: 0 !important;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.btn-primary,
	.btn-blue {
		background: #204D86;
		background: -webkit-linear-gradient(-90deg, rgba(66,105,153,1) 0%, rgba(24,71,130,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(66,105,153,1) 0%, rgba(24,71,130,1) 100%);
  		background: linear-gradient(180deg, rgba(66,105,153,1) 0%, rgba(24,71,130,1) 100%);
		border-color: #426999;
		border-bottom-color: #0F2C51;
		border-right-color: #0F2C51;
		color: #ffffff;
	}

	.btn-primary:hover,
	.btn-blue:hover  {
		background: #183963;
		background: -webkit-linear-gradient(-90deg, rgba(53,82,118,1) 0%, rgba(9,44,88,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(53,82,118,1) 0%, rgba(9,44,88,1) 100%);
  		background: linear-gradient(180deg, rgba(53,82,118,1) 0%, rgba(9,44,88,1) 100%);
		border-top-color: #355277;
		border-left-color: #22416A;
		border-bottom-color: #051B36;
		border-right-color: #10253E;
		text-decoration: none;
		color: #ffffff;
	} 
	
	.employee .btn-primary,
	.btn-primary.btn-green {
		background: #82C31A;
		background: -webkit-linear-gradient(-90deg, rgba(154,222,47,1) 0%, rgba(128,193,24,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(154,222,47,1) 0%, rgba(128,193,24,1) 100%);
  		background: linear-gradient(180deg, rgba(154,222,47,1) 0%, rgba(128,193,24,1) 100%);
		border-color: #9ADE2F;
		border-bottom-color: #50790E;
		border-right-color: #50790E;
	}
	
	.employee .btn-primary:hover,
	.btn-primary.btn-green:hover {
		background: #82C31A;
		background: -webkit-linear-gradient(-90deg, rgba(111,185,51,1) 0%, rgba(79,170,5,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(111,185,51,1) 0%, rgba(79,170,5,1) 100%);
  		background: linear-gradient(180deg, rgba(111,185,51,1) 0%, rgba(79,170,5,1) 100%);
		border-color: #6FB933;
		border-bottom-color: #316B02;
		border-right-color: #316B02;
		text-decoration: none;
	}

	button.btn-cancel,
	button.btn-cancel:hover {
		background: #848483;
		background: -webkit-linear-gradient(-90deg, rgba(149,149,149,1) 0%, rgba(125,125,124,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(125,125,124,1) 100%);
  		background: linear-gradient(180deg, rgba(149,149,149,1) 0%, rgba(125,125,124,1) 100%);
		border-color: #959595;
		border-bottom-color: #4E4E4D;
		border-right-color: #4E4E4D;
	}
	
	button.btn-danger,
	button.btn-danger:hover,
	.button.btn-danger,
	.button.btn-danger:hover {
		background: #A35546;
		background: -webkit-linear-gradient(-90deg, rgba(201,103,90,1) 0%, rgba(189,69,53,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(201,103,90,1) 0%, rgba(189,69,53,1) 100%);
  		background: linear-gradient(180deg, rgba(201,103,90,1) 0%, rgba(128,69,53,1) 100%);
		border-color: #C55B4C;
		border-bottom-color: #772B20;
		border-right-color: #772B20;
	}
	
	.employee .btn-upload {
		background: #F8F8F8;
		background: -webkit-linear-gradient(-90deg, rgba(248,248,248,1) 0%, rgba(206,206,206,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(206,206,206,1) 100%);
  		background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(206,206,206,1) 100%);
		border-color: #F8F8F8;
		border-bottom-color: #81817E;
		border-right-color: #81817E;
		color: #515151;
	}

	.employee .btn-upload:hover {
		background: #D1D1D1;
		background: -webkit-linear-gradient(-90deg, rgba(227,227,227,1) 0%, rgba(190,190,190,1) 100%);
  		background: -moz-linear-gradient(180deg, rgba(227,227,227,1) 0%, rgba(190,190,190,1) 100%);
  		background: linear-gradient(180deg, rgba(227,227,227,1) 0%, rgba(190,190,190,1) 100%);
		border-top-color: #E3E3E3;
		border-left-color: #D4D4D4;
		border-bottom-color: #777775;
		border-right-color: #868684;
	}

	.btn-lightblue {
		background: rgb(50,186,255);
	   background: -moz-linear-gradient(top, rgba(50,186,255,1) 0%, rgba(6,171,255,1) 100%);
	   background: -webkit-linear-gradient(top, rgba(50,186,255,1) 0%,rgba(6,171,255,1) 100%);
	   background: linear-gradient(to bottom, rgba(50,186,255,1) 0%,rgba(6,171,255,1) 100%);
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32baff', endColorstr='#06abff',GradientType=0 );
	   border-color: #33BAFF;
	   border-bottom-color: #036C9E;
	   border-right-color: #036C9E;
	   color: #ffffff;
	} 
	
	.btn-lightblue:hover {
		background: rgb(0,173,235);
		background: -moz-linear-gradient(top, rgba(0,173,235,1) 0%, rgba(0,160,235,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,173,235,1) 0%,rgba(0,160,235,1) 100%);
		background: linear-gradient(to bottom, rgba(0,173,235,1) 0%,rgba(0,160,235,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adeb', endColorstr='#00a0eb',GradientType=0 );
		color: #ffffff;
	}

	.btn.saving {
		-moz-opacity: 0.6;
		filter: alpha(opacity: 60);
		opacity: 0.6;
	}

	/* */

	div.custom-button {
		float: left;
		overflow: hidden;
		position: relative;
		width: 100%;
		max-width: 240px;
		margin-bottom: 13px;
		background: #EAEDEF url(../../images/custom.buttom-bg.png) no-repeat;
		-webkit-border-radius: 3px;
  		-moz-border-radius: 3px;
  		border-radius: 3px;
  		color: #134380;
	}

	div.custom-button .custom-row {
		height: 50px;
		width: 100%;
	}

	div.custom-button .custom-row .col  {
		padding-left: 47px;
		width: auto;
		vertical-align: middle;
		text-align: center;
	}

	div.custom-button .custom-row .col .text {
		margin:  0px;
	}

	div.custom-button .custom-row .col .text.selected {
		display: none;
	}

	div.custom-button.selected .custom-row .col .text {
		display: none;
	}

	div.custom-button.selected .custom-row .col .text.selected {
		display: inline-block;
	}

	div.custom-button:hover .col .text {
		text-decoration: underline;
	}

	div.custom-button a {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	div.custom-button.bookmark {
		background-color: #9ADE2F;
	}

	div.custom-button.bookmark:hover {
		background-position: 0px -50px;
	}

	div.custom-button.bookmark .custom-row .col p {
		color: #355700;
	}
	
	div.custom-button.bookmark.selected {
		background-color: #EAEDEF;
		background-position: 0px -400px;
	}

	div.custom-button.bookmark.selected .custom-row .col p {
		color: #134380;
	}

	div.custom-button.bookmark.selected:hover {
		background-position: 0px -450px;
	}

	div.custom-button.message {
		background-color: #134380;
		background-position: 0px -100px;
	}

	div.custom-button.message:hover {
		background-position: 0px -150px;
	}

	div.custom-button.message .custom-row .col  p {
		color: #ffffff;
	}

	div.custom-button.message.smaller {
		height: 30px;
		background-position: 0px -110px;
	}

	div.custom-button.message.smaller .custom-row {
		height: 30px;
	}

	div.custom-button.negotiation {
		background-position: 0px -200px;
	}

	div.custom-button.negotiation.selected {
		background-position: 0px -400px;
	}

	div.custom-button.negotiation.selected:hover {
		background-position: 0px -450px;
	}

	div.custom-button.contract {
		background-position: 0px -300px;
	}

   	div.custom-button.contract.employee {
		color: #d9341e;
	}

	div.custom-button.info {
	    background-position: 0px -500px;
	}

	div.custom-button.info .text {
		font-size: 12px;
		line-height: 16px;
		padding-right: 30px;
	}

	div.custom-button.info .text span {
		color: #747f86;
	}

	div.custom-button.showProfile {
		 background-position: 0px -600px;
	}

	div.custom-button.showProfile .custom-row .col {
		padding-left: 41px;
	}

	div.custom-button.showProfile .text.small {
		margin-top: -3px;
		color: #69747B;
	}
	
	div.custom-button.bookmark.smaller {
		width: 105px;
		background-image: url(../../images/custom.buttom.smaller-bg.png)
	}

	div.custom-button.bookmark.smaller .col {
		padding-left: 29px;
	}

	div.custom-button.bookmark.smaller .col .text {
		line-height: 14px;
		font-size: 12px;
		text-align: left;
	}

	div.custom-button.searchorder {
		background-color: #134380;
		background-position: 0px -700px;
	}

	div.custom-button.searchorder .custom-row .col  p {
		color: #ffffff;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Forms 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/
	
	label {
		margin-top: 8px;
		margin-bottom: 8px;
		line-height: 20px;
		font-weight: bold;
	}
	
	label a {
		text-decoration: underline;
	}

	input,
	select,
	textarea,
	checkbox {
		color: #000000;
	}
	
	input.error,
	select.error,
	textarea.error,
	checkbox.error,
	input[type="hidden"].error + input {
		border: 1px solid #D9341E;
	}

	.has-error .form-control {
		border-color: #D9341E;
	}

	.has-error .control-label {
		color: #000000;
	}

	.has-error .help-block,
	#upload-message {
		color: #D9341E;
	}

	.has-error.medium-error .help-block {
		color: #F19000;
	}
	
	.has-error.medium-error .form-control {
		border-color: #F19000;
	}

	.has-error .help-block .examples { 
		color: #747f86;
	}

	.has-error .help-block,
	.date-widget .help-block {
		margin-top: -10px;
	}

	.hint-block + .help-block {
		margin-top: 0px;
	}

	.hint-block {
	    display: block;
	    margin-top: -10px;
	    font-size: 12px;
	    color: #999;
	}

	.hint-block a {
	    text-decoration: underline;
	}

    .intro-emph {
		color: #F19000;
        font-weight:bold;
		margin-bottom: 10px;
	}
    
	input,
	select,
	textarea {
		margin-top: 36px;
		margin-bottom: 17px;
	}

	label + input,
	label + select,
	label + textarea,
	input.nomargin-top,
	select.nomargin-top,
	textarea.nomargin-top {
		margin-top: 0px;
	}

	.form-help + textarea {
		margin-top: 10px;
	}
	
	p.error {
		margin-top: -10px;
		color: #D9341E;
	}

	div.required label:after {
    	color: #7dc014;
    	font-family: "Open Sans",sans-serif;
   	 	font-size: 18px;
    	font-weight: 600;
    	padding-left: 5px;
    	vertical-align: -2px;
    	content: '*'
	}

	.employer div.required label:after {
		color: #134380;
	}

	p.required {
		margin-top: 8px;
	}
	
	p.required span {
		padding-left: 5px;
		padding-right: 5px;			
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 600;
		color: #7dc014;
		vertical-align : -5px;
	}

	.employer p.required span {
		color: #134380;
	}

	span.disabled-label,
    span.disabled-text {
    	display: block;
    }

    span.disabled-label {
    	line-height: 20px;
    	font-weight: bold;
    	margin-bottom: 3px;
    }

    span.disabled-text {
    	margin-bottom: 17px;
    }

    #employer-phone_country_prefix,
	#employee-phone_country_prefix {
		background-image: url(../../images/phone_prefix-bg.png);
		background-repeat: no-repeat;
		background-position: 12px 13px;
		padding-left: 22px;
	}

	/* Temp */

	form div.edit {
		display: none;
	}
	
	
	/*
	--------------------------------------------------------------------------------
	Forminfo 
	--------------------------------------------------------------------------------
	*/

	div.information {
		margin-top: 9px;
		margin-bottom: 17px;
		background: #CFD2D5;
	}

	div.information p {
		margin: 10px 25px 10px 25px;
	}

	div.information > span {
		position: absolute;
		display: block;
		left: 0px;
		top: -9px;
		width: 9px;
		height: 9px;
		background: url(../../images/information-bg.png) no-repeat;
	}

	.employee div.information {
		background: #7CAA40;
	}

	.employee div.information > span {
		background-position: 0px -18px;
	}

	.employee div.information p {
		color: #FFFFFF;
	}

	.employer div.information {
		background: #9CAFC9;
	}

	.employer div.information > span {
		background-position: 0px -9px;
	}

	.employer div.information p {
		color: #FFFFFF;
	}

	div.information.default {
		min-height: 30px;
		margin-bottom: 0px;
		background: no-repeat;
	}

	div.information.default p {
		margin: 0px 40px 0px 0px;
		color: #000000;
	}

	/*
	--------------------------------------------------------------------------------
	Autocomplete 
	--------------------------------------------------------------------------------
	*/
	
	.form-autocomplete {
		float:left;
		position:relative;
		width: 100%;
	}
	
	.form-autocomplete input[type="text"] {
		position:relative;
		margin-top: 0px;
	}

	.form-autocomplete .live-search {
		position: relative;
		margin-top: -17px;
		margin-bottom: 23px;
	}

	.form-autocomplete input[type="text"].selected {
		z-index: 10;
	}
	
	.form-autocomplete div.result {
		 display: none;
		float: none;
		position:absolute;
		z-index: 9;
		left: 0px;
		top: -2px;
		width:100%;
		clear:both;
	}
	
	.form-autocomplete div.result > div {
		float: none;
		width:auto;
		border: 1px solid #CECECE;
		border-radius: 4px;
		padding-top: 5px;
		background: #FFF;	
	}
	
	.form-autocomplete div.result > div > ul {
		float:left;
		overflow:hidden;
		width: 100%;	
	}
	
	.form-autocomplete div.result > div > ul li {
		float:left;
		width: 100%;
	}
	
	.form-autocomplete div.result > div > ul li.separator {
		margin-top: 5px;
		padding: 6px 2px 6px 10px;
		color: #000000;
		line-height: 20px;
		font-weight:bold;
	}

	.form-autocomplete div.result > div > ul li + li.separator {
		border-top: 1px solid #DADADA;
	}

	.form-autocomplete div.result > div > ul li + li:not(.separator) {
		border-top: 1px solid #F2F2F2;
	}
	
	.form-autocomplete div.result > div > ul li a {
		float:left;
		display: block;
		width: 100%;
		line-height: 16px;
		padding: 3px 2px 3px 10px;
		text-decoration:none;
		color: #0874BC;
	}
        
	.form-autocomplete div.result > div > ul li.selected,
	.form-autocomplete div.result > div > ul li a:hover {
		background: #FFFCD7;
		text-decoration: none;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Header 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/
	
	#header {
		position: absolute;
		z-index: 10;
		height: 70px;
		width: 100%;
	   	background: rgb(19,67,128) !important;
   		background: -moz-linear-gradient(top,  rgba(19,67,128,1) 82%, rgba(16,59,115,1) 100%) !important;
  		background: -webkit-linear-gradient(top,  rgba(19,67,128,1) 82%,rgba(16,59,115,1) 100%) !important;
  		background: linear-gradient(to bottom,  rgba(19,67,128,1) 82%,rgba(16,59,115,1) 100%) !important;
  		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134380', endColorstr='#103b73',GradientType=0 );
	}
	
	#header .center {
		max-width: 1050px;
	}
	
	#header a.logo {
		position: absolute;
		overflow: hidden;
		left: 0px;
		top: 0px;
		z-index: 1;
		width: 210px;
		height: 70px;
		margin: 0px 0px 0px 0px;
	}

	#header a.logo img {
		float: left;
		width: 166px;
		margin-left: 15px;	
	}

	#header .navigation {
		float:left;
		width:100%;
		word-wrap: normal;
	}
	
	#header ul.main {
		float:left;
		margin-left: 190px;
	}
	
	#header ul li {
		float:left;
	}
	
	#header ul.main a {
		padding: 0px 5px 0px 5px;
		line-height: 70px;
		color:#FFF;
	}

	#header ul.main a {
		display: table-cell;
		height: 70px;
		padding: 0px 16px 16px 16px;
		border-left: 1px solid #577AA5;
		line-height: 16px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		vertical-align: bottom;
	}

	#header ul.main a:hover {
		background: #3C6DA2;
		text-decoration: none;
	}

	#header ul.main .selected a {
		background: #FFFFFF;
		color: #134380;
	}
	
	#header ul.action {
		float:right;
	}

	#header ul.action a {
		float: left;
		margin-top: 38px;
		padding-left: 25px;
		width: 92px;
		background:url(../../images/template/header_action-bg.png) no-repeat;
		line-height: 18px;
		font-size: 11px;
		text-align: left;
		color: #FFFFFF;
	}

	#header ul.action a.language {
		background-position: 0px -72px;
	}

	#header ul.action a.custom {
		width: auto;
		padding-left: 0px;
		padding-right: 20px;
		background: none;
	}

	#header a.button {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 70px;
		height: 70px;
		padding-top: 44px;
		display: none;
		font-size: 11px;
		line-height: 11px;
		text-align: center;
		text-decoration: none;
		color: #FFFFFF;
	}

	#header a.button span.icon {
		position: absolute;
		right: 22px;
		top: 17px;
		width: 26px;
	}

	#header a.button span.icon span {
		display: block;
		width: 26px;
		height: 3px;
		background: #FFFFFF;
	}

	#header a.button span.icon span + span {
		margin-top: 5px;
	}

	#header a.button span.close {
		position: absolute;
		display: none;
		right: 25px;
		top: 17px;
		width: 19px;
		height: 20px;
		background:url(../../images/template/header_button_close-bg.png) no-repeat 0px 0px;
		-moz-opacity:1 ;
		filter:alpha(opacity: 100);
		opacity: 1;
	}

	#header a.button.active {
		background: #EAEDEF;
		color: #134380;
	}
	
	#header a.button.active span.icon {
		display: none;
	}

	#header a.button.active span.close {
		display: block;
	}

	#header div.login {
		position: absolute;
		display: none;
		right: 20px;
		top: -250px;
		width: 180px;
		background: #ffffff;
		-webkit-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 5px 17px 0px rgba(0,0,0,0.25);
	}

	#header div.login.active {
		top: 0px;
	} 

	#header div.login form {
		padding: 20px 15px 5px 15px;
	}

	#header div.login input,
	#header div.login button {
		margin: 0px;
	}

	#header div.login input {
		background: #EAEDEF;
	}

	#header div.login input + input {
		margin-top: 6px;
	}

	#header div.login .field-loginform-rememberme {
		margin-top: -10px;
	}

	#header div.login button {
		width: 100%;
		margin-top: -10px;
	}

	#header div.login a {
		float: left;
		margin-top: 5px;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Content
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	h1, h2, h3 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}

	h1 {	
		width: 100%;
		margin: 15px 0px 15px 0px; 
		line-height: 37px;
		font-size: 24px;
		color: #000000;
	}

	h2 {
		width: 100%;
		margin: 15px 0px 15px 0px; 
		line-height: 37px;
		font-size: 24px;
		color: #7dc014;
	}
	
	h3 {
		padding-top: 15px;
		padding-bottom: 15px;
		margin-right: 30px;
		line-height: 37px;
		font-size: 22px;
		color: #3e3e3e;
	}

	h5 {
   	 	font-size: 12px;
    	font-weight: bold;	
    }

    p.grey {
    	color: #747f86;
    }

    .employer h2 {
		color: #134380;
	}
	
	.employer .row.background {	
		background: #DCE3EC;
		border-top: 1px solid #134380;
	}

	.employee .row.background {
		background: #ECF6DC;
		border-top: 1px solid #7DC014;
	}
	
	ul.arrow,
	ul.letter {
		padding: 10px 15px 10px 15px;
		background: #EAEDEF;
	}

	ul.arrow li {
		padding: 5px 0px 5px 17px;
	   	line-height: 20px;
	    background: url(../../images/arrow.png) no-repeat 0px 8px;
	}

	ul.arrow li a {
		text-decoration: underline;
	}

	ul.letter li a {
		color: #3E3E3E;
	}

	ul.letter li {
		position: relative;
		background: none;
		padding: 5px 0px 5px 34px;
	   	line-height: 20px;
	}

	ul.letter li span.icon {
		display: block;
		position: absolute;
		left: 7px;
		width: 19px;
		height: 19px;
		line-height: 19px;
		background: #99A1A6;
		text-align: center;
		color: #ffffff;
	}

	ul.check li {
		padding-left: 62px;
		background: url(../../images/check.png) no-repeat 0px 5px;
		line-height: 25px;
		font-family: 'Open Sans', sans-serif;
   	 	font-weight: 300;
		font-size: 24px;
		line-height: 36px;
		color: #262626;	
	}

	ul.check li + li {
		margin-top: 14px;
	}

	.icon-help {
		display: inline-block;
		width: 18px;
		height: 19px;
		background:url(../../images/help-bg.png) no-repeat 0px 0px;
	}

	.icon-help,
	.icon-help:hover, 
	.icon-help:active,
	.icon-help:focus  {
		text-decoration: none;
	}

	.icon-help.info {
		background-image: url(../../images/help_info-bg.png);
	}

	.btn-pdf-simple,
	.btn-pdf-simple:hover, 
	.btn-pdf-simple:active,
	.btn-pdf-simple:focus  {
		background: url(../../images/pdf.png) no-repeat top center;
		padding: 55px 0px 0px 0px;
		width: auto;
		-webkit-box-shadow: none;
    	box-shadow: none;
    	text-decoration: underline;
    	outline: none;
	}

	.btn-pdf-simple:hover { 
		color: #23527c;
    }

	#totop {
		position: fixed;
		display: block;
		z-index: 10;
		bottom: 50px;
		right: 30px;
		width: 70px;
		height: 70px;
		background: url(../../images/totop.png) no-repeat 0px 0px;
		background-size: cover;
		text-indent: -99999px;
	}

	#toinfo {
		position: fixed;
		display: block;
		z-index: 10;
		bottom: 50px;
		right: 30px;
		width: 106px;
		height: 106px;
		background: #A3E143;
		border-radius: 50%;
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    	box-shadow: 0 5px 15px rgba(0,0,0,.5);
	}

	#toinfo > .custom-row {
		height: 100%;
	}

	#toinfo > .custom-row > .col {
		vertical-align: middle;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.en #toinfo > .custom-row > .col {
		padding-bottom: 4px;
	}

	#toinfo a {
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	/*
	--------------------------------------------------------------------------------
	Mediaheader 
	--------------------------------------------------------------------------------
	*/

	.media-header {
		position: relative;
    	width: 300%;
    	margin-left: -100%;
    	text-align: center;
	}

	.media-header > img {
		display: inline-block;
	}

	.media-header + .content {
		position: relative;
		width: 100%; 
	}

    .media-header .circle {
	    display: block;
	    position: absolute;
	    z-index: 2;
	    left: 51%;
	    top: 12%;
	    width: 120px;
	    height: 120px;
	    background: #8dc832;
	    background: -moz-linear-gradient(-45deg, #8dc832 0%, #7ec117 100%);
	    background: -webkit-linear-gradient(-45deg, #8dc832 0%, #7ec117 100%);
	    background: linear-gradient(135deg, #8dc832 0%, #7ec117 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc832', endColorstr='#7ec117', GradientType=1);
	    font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
	    -webkit-border-radius: 60px;
	    -moz-border-radius: 60px;
	    border-radius: 60px;
	    -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	    -o-transform: rotate(-10deg);
	    -webkit-transform: rotate(-10deg);
	    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	}

	.media-header .circle .custom-row {	   
	    width: 100%;
	    height: 100%;  
	}

	.media-header .circle .custom-row .col {
		color: #ffffff;
	    text-align: center;
	    vertical-align: middle;
	}

	.media-header .circle span {
		display: block;
		font-size: 16px;
		line-height: 19px;
	}

	.media-header .circle strong {
		font-size: 17.4px;
		font-weight: 600;
		line-height: 24px;
	}

	.media-header .circle span.small {
		font-size: 14.9px;
		line-height: 18px;
	}

	.media-header .circle strong + span.small {
		margin-top: -4px;
	}

	.media-header .circle span.topspace {
		margin-top: 10%;
	}

	.media-header .circle a {
		position: absolute;
		z-index: 1;
		display: block;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}
    
	/*
	--------------------------------------------------------------------------------
	Siteheader 
	--------------------------------------------------------------------------------
	*/

	.site-header {
		margin: -50px -80px 40px -80px;
		padding: 0px 80px 47px 80px;
		background: #4A72A5;
	}

	.site-header h1 {
		margin-top: 40px;
		margin-bottom: 30px;
		color: #ffffff;
	}

	.site-header a.button {
		position: relative;
		display: none;
		width: 210px;
		padding-left: 20px;
		line-height: 47px;
		background: #ffffff;
		font-weight: bold;
		text-decoration: none;
		color: #134380;
	}

	.site-header a.button .icon {
		position: absolute;
		right: 20px;
		top: 14px;
		width: 26px;
		height: 26px;
	} 

	.site-header a.button .icon span {
	    display: block;
	    width: 26px;
	    height: 3px;
	    background: #134380;
	    margin-bottom: 5px;
	}

	.site-header .sub {
		position: absolute;
		width: 5000px;
		top: 100%;
		left: -5px;
		height: 47px;
		-moz-opacity:0 ;
		filter:alpha(opacity: 0);
		opacity: 0;
	}

	.site-header ul {
		float: left; 
		margin: 0px;
	}	

	.site-header ul li {
		float: left;
	}

	.site-header ul li a {
		display: block;
		padding: 0px 20px 0px 20px;
		line-height: 47px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
	}

	.site-header ul li a:hover {
		background: #6587B2;
	} 

	.site-header ul li a.selected {
		background: #ffffff;
		color: #134380;
	}

	.site-header.mobile a.button {
		display: block;
		position: absolute;
		left: 20px;
		top: 0px;
	}

	.site-header.mobile .active a.button .icon {
	    background: url(../../images/template/header_button_close-bg.png) no-repeat 4px 0px;
	}

	.site-header.mobile .active a.button .icon span {
		display: none;
	}

	.site-header.mobile  ul {
		position: relative;
		float: none;
		display: none;
		z-index: 100;
		margin: 47px 0px 0px 20px;
		width: 210px;
		background: #D6DDE1;
	} 

	.site-header.mobile ul:after {
		content: '';
	    display: block;
	    clear: both;
	} 

	.site-header.mobile .active ul {
		display: block;
	}

	.site-header.mobile ul li {
		width: 100%;
	}

	.site-header.mobile ul li a {
		padding-top: 12px;
		padding-bottom: 12px;
		line-height: 23px;
		font-size: 13px;
		color: #134380;	
	}

	.site-header.mobile ul li a:hover {
		color: #ffffff;
	}
	
	.site-header.mobile ul li + li a {
		border-top: 1px solid #ffffff;
	}

	.site-header.mobile ul li a.selected { 
		background: #265693;
		color: #ffffff;
	}

	.site-header ul.social {
		float: none;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}

	.site-header ul.social li {
		position: relative;
		padding-top: 40px;
		height: 87px;
	}

	.site-header ul.social li span {
		position: absolute;
		margin-left: -20px;
		width: 40px;
		height: 40px;
		left: 50%;
		bottom: 44px;
		background: url(../../images/social.png) no-repeat 0px 0px;
	}

	.site-header ul.social li a.twitter span {
		background-position: -40px 0px;
	}

	.site-header ul.social li a.blog span {
		background-position: -80px 0px;
	}

	.site-header ul.social li a:hover {
		background: none;
	}

	.site-header.mobile ul.social {
		position: relative;
		text-align: center;
		margin-top: 0px;
		border-top: 1px solid #ffffff;
		padding-top: 10px;
	}

	.site-header.mobile ul.social li {
		float: none;
		width: auto;
		display: inline-block;
	}

	.site-header.mobile ul.social li + li a {
		border: none;
	}

	.site-header.mobile ul.social li a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.site-header.mobile ul.social li a:hover {
		background: none;
		color: inherit;
	}

	/*
	--------------------------------------------------------------------------------
	Tableheader 
	--------------------------------------------------------------------------------
	*/

    .view .row.header {
		border-top: 1px solid #7DC014;
		border-bottom: 1px solid #D1D6DA;
		background: #EAEDEF !important;
	}
	
	.view .row.header > div {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		font-weight: bold;
		color: #747f86;	
	}

	.view .row.header + div.entry > .row {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.view .row.header + div.entry > .row + .row  {
		border-top: 1px solid #D1D6DA;
	}

	.view .row.header + div.entry > .row.hover { 
		background: #F7F8F9;
	}

	.view .row.header a {
		color: #134380;
	}

	.view .row.header a.desc:after{
        content: "\e253" !important;
        font-size: 10px;
    }
    
    .view .row.header a.asc:after{
        content: "\e252" !important;
        font-size: 10px;
    }

	/*
	--------------------------------------------------------------------------------
	Pagination 
	--------------------------------------------------------------------------------
	*/

	.pagination {
		float: right;
	}

	.pagination > li > a, .pagination > li > span {
		width: 45px;
		height: 45px;
		padding: 0px;
		line-height: 45px;
		font-size: 18px;
		text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border-color: #D1D6DA;
		color: #8b9aa5;
	}

	.pagination > li + li > a, .pagination > li + li > span {
		margin-left: 5px;
	}

	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		background: #EAEDEF;
		border-color: #D1D6DA;
		color: #8b9aa5;
	}

	.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
		background: #134380;
		color: #FFFFFF;
	}

	.pagination > li.prev a,
	.pagination > li.prev span,
	.pagination > li.next a,
	.pagination > li.next span {
		text-indent: -99999px;
		background-image:url(../../images/pagination_prevnext-bg.png);
		background-position: -1px -1px;
	} 

	.pagination > li.next a,
	.pagination > li.next span {
		background-position: -46px -1px;
	}

	.pagination > li.prev a:hover {
		background-position: -1px -46px;
	}

	.pagination > li.next a:hover {
		background-position: -46px -46px;
	}

	/*
	--------------------------------------------------------------------------------
	Pricelist 
	--------------------------------------------------------------------------------
	*/

	.pricelist {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.pricelist h4 {
		margin-bottom: 20px;
	    font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 600;
		color: #010101;
	}

	.pricelist .custom-row {
		margin-bottom: 3px;
	}

	.pricelist .col {
		padding: 5px;
	}

	.pricelist .col1 {
		background: #F0F0F0;
		border-right: 1px solid #ffffff;
		font-weight: bold;
		
	}

	.pricelist .col2 {
		background: #F7F7F7;
	}


	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Profile 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/
	
	a.close,
	.modal-header .close,
	#confirmBox .close {
		position:absolute;
		z-index:10;
		right: 21px;
		top: 20px;
		width: 29px;
		height:29px;
		background:url(../../images/btn_close-bg.png) no-repeat;
		-moz-opacity:1 ;
		filter:alpha(opacity: 100);
		opacity: 1;		
	}

	a.close:hover {
		background-position: 0px -29px;
		-moz-opacity:1 ;
		filter:alpha(opacity: 100);
		opacity: 1;
	}
	

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Login 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.site-login #forgot_password-link {
		float: right;
		margin-top: 10px;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	About 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.site-about h2 {
		padding: 7px 0px 7px 0px;
		margin-bottom: 25px;
		border-bottom: 1px solid #7DC014; 
	}

	.site-about p + h2 {
		margin-top: 45px;
	}

	.site-about h3 {
		margin-right: 0px;
		font-size: 24px;
		color: #134380;
	}

	.site-about h4 {
		margin-top: 30px;
		margin-bottom: 20px;
	    font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 600;
		color: #010101;
	}

	.site-about a {
		color: #3D8ED6;
		text-decoration: underline;
	}

	.site-about .subnav a {
		padding-left: 18px;
		 background: url(../../images/subnav-bg.png) no-repeat 0px 6px;
		 line-height: 24px;
		 color: #134380;
	}

	.site-about ol {
		padding-left: 21px;
	}

	.site-about table td {
		padding: 5px 10px 5px 0px;
		vertical-align: top;
	}

	.site-about table td {
		width: 25%;
	}

	.site-about table td + td {
		width: 50%;
	}

	.site-about table td + td + td {
		width: 25%;
	}

	.site-about table.external td {
		width: 65%;
	}

	.site-about table.external td + td {
		width: 25%;
	}

	.site-about table.external td + td + td {
		width: 5%;
	}

	.site-about table.external td + td + td + td{
		width: 10%;
	}

	.site-about ol.download li {
		padding-bottom: 15px;
	}

	.site-about .btn-pdf {
		display: table-cell;
		position: relative;
		height: 50px;
		padding-left: 171px;
		line-height: 20px;
		border: none;
		background: url(../../images/pdf.png) no-repeat 0px 0px;
		white-space: normal;
		overflow: hidden;
		text-align: left;
		vertical-align: middle;
		word-break: break-word;
	    -webkit-hyphens: auto;
	    -moz-hyphens: auto;
	    hyphens: auto;
	}

	.site-about .btn-pdf:hover {
		color: #3D8ED6;
	    text-decoration: underline;
	}

	.site-about .btn-pdf span {
		float: left;
		width: 100%;
	}

	.site-about .btn-pdf .price {
		position: absolute;
		left: 67px;
		top: 0px;
		width: 91px;
		padding: 7px 0px 0px 10px;
		height: 50px;
		background: url(../../images/pdf_price.png) no-repeat 0px 0px;
	}

	.site-about .btn-pdf .price .text {
	    line-height: 23px;
	    font-family: 'Open Sans', sans-serif;
	    font-size: 18px;
	    font-weight: 600;
	    color: #007ad0;
	}

	.site-about .btn-pdf .price .text span {
		float: none;
		display: inline-block;
		width: auto;
	}

	.site-about .btn-pdf .price .text span + span {
		margin-left: 3px;
	}

	.site-about .btn-pdf .price .tax {
		font-size: 10px;
		line-height: 12px;
		color: #4E4E4E;
	}

	.site-about .btn-pdf.hide-icon {
		padding-left: 108px;
		background: none;
		cursor: inherit;
	}

	.site-about .btn-pdf.hide-icon:hover {
		text-decoration: none;
		color: inherit;
	}

	.site-about .btn-pdf.hide-icon .price {
		left: 0px;
	}

	.site-about .btn-pdf:focus,
	.site-about .btn-pdf:active {
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    outline: none;
	}
    
	.site-about .team img {
		width: 100%;
	}

	.site-about .infobox {
		margin-bottom: 15px; 
	}

	.site-about .infobox td { 
		padding: 15px 15px 15px 15px;	
	}	

	.cols-flex-image.all-contents h2,
	.cols-flex-image p,
	.cols-flex-image ul,
	.cols-flex-image h3 {
		max-width: 670px;
		width: auto;
		overflow: hidden;
	} 

	.cols-flex-image.all-contents h2.full {
		max-width: 100%;
	}

	.cols-flex-image .img-right {
		float: right;
		width: 270px;
		margin-left: 30px;
		margin-bottom: 15px;
	}

	.cols-flex-image .img-right img {
		width: 100%;
		max-width: 270px;
	}

	.cols-flex-image .img-right span {
		display: block;
		text-align: center;
	}

	.cols-flex-image.all-contents p.img-right + h2 {
		margin-top: 15px;
	}

	.cols-flex-image.all-contents .img-right {
		margin-top: 52px;
	}

	.cols-flex-image.all-contents .img-right.h4 {
		margin-top: 26px;
	}

	.grid4 {
		margin-top: 40px;
	}

	.grid4 .img img {
		width: 100%;
		max-width: 240px;
	}

	.grid4 .text {
		position: relative;
		padding-top: 20px;
		margin-top: 5px;
		margin-bottom: 50px;
	}

	.grid4 span.top {
		position: absolute;
		left: 0px;
		top: 2px;
		font-size: 12px;
		color: #134380;
	}

	.grid4 h4 {
		margin: 0px 0px 3px 0px;
		line-height: 22px;
		font-size: 17.2px;
		color: #134380;
	}

	.grid4 h5 {
		margin-bottom: 12px;
		font-size: 14px;
		font-weight: normal;
		color: #747f86;
		
	}

	.grid4 h5 + p {
		border-top: 1px solid #134380;
		padding-top: 10px;
	}


	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Tooltip
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.formInfo {
		position: absolute;
		left: 50%;
		z-index: 100;
		width: 390px;		
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.96);
		-webkit-border-radius: 4px;
  		-moz-border-radius: 4px;
  		border-radius: 4px;
  		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
	}

	.formInfo p {
		padding: 15px 19px 15px 19px;
		line-height: 17px;
		margin: 0px;
		color: #EFEFEF;
	}

	.formInfo .arrow {
		position: absolute;
		left: 50%;
		top: 100%;
		width: 25px;
		height: 13px;
		margin-left: -12px;
		background: url(../../images/formInfo_arrow-bg.png) no-repeat 0px 0px;
	}

	.formInfo.mobile .arrow {
		left: 100%;
		margin-left: -40px;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Ajax Loading 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	#ajaxLoading {
		position: fixed;
		z-index: 1000;
		top: 0px;
		left: 0px;
		width: 100%;
	}

	#ajaxLoading span {
		position: absolute;
		display: block;
		top: 0px;
		left: 0px;
		width: 10%;
		height: 8px;
		background: #7dc014;
		-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
		-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.45);
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Iframe 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	iframe {
 		overflow: hidden;
	}
	
	body.iframe {
		overflow-y: hidden;
		background: #F0F0F0;
	}
	
	body.iframe .contain .contain.upload {
		float:left;
		position:relative;
		height: 30px;
		width: auto;
	}
	
	body.iframe .contain .contain.upload input[type="file"] {
		position:absolute;
		top: 0px;
		right: 0px;
		margin-top: 0px;
		z-index: 20;
		font-size: 30px;
		-moz-opacity:0 ;
		filter:alpha(opacity: 0);
		opacity: 0;
		cursor: pointer;
	}
	
	body.iframe .contain .contain.upload button {
		float:left;
		position:relative;
		z-index: 10;
	}

	body.iframe .contain span.loading {
		float: left;
		display: none;
		width: 200px;
		height: 16px;
		margin: 7px 0px 7px 0px;
		padding-left: 20px;
		background: url(../../images/loading.gif) no-repeat;
		line-height: 16px;
	}
		
	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Cookiebar 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	#cookie-bar {
		display: none;
		padding: 11px 0px 11px 0px;
		background: #C8D2D9; 
	}

	#cookie-bar .center {
		max-width: 1050px;
	}

	#cookie-bar .center p {
		float: left;
		margin-right: 30%;
		line-height: 20px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 12px;
		color: #134380;
	}

	#cookie-bar .center p a {
		text-decoration: underline;
		color: #134380;
	}

	#cookie-bar .center div.button {
		position: absolute;
		top: 0px;
		right: 15px;
	}

	#cookie-bar .center a.btn {
		float: right;
		width: auto;
		padding: 0px 10px 0px 10px;
		line-height: 28px;
		background: #134380;
		text-align: center;
		border-radius: 4px;
		color: #FFFFFF;	
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Flash Message 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	#global-alert-container {
		position: fixed;
		z-index: 20;
		left: 0px;
		top: 0px;		
		width: 100%;
	}

	#global-alert-container .center {
		max-width: 1180px;
	}

	#global-alert-container .alert {
		float: left;
		width: 100%;
		min-height: 70px;
		border: none;
		padding: 0px 50px 0px 50px;
		background: #FFFCD7;
		font-weight: bold;
		-webkit-border-radius: 0px;
  		-moz-border-radius: 0px;
  		border-radius: 0px;
	}

	#global-alert-container .alert p {
		margin: 25px 25px 20px 25px;
		padding: 0px 0px 5px 34px;
	}

	#global-alert-container .alert-success p {
		background: url(../../images/flash-message/success-bg.png) no-repeat 7px 3px;
		color: #134380;
	}

	#global-alert-container .alert-error {
		background: #FFE6E0;
	}

	#global-alert-container .alert-error p {
		background: url(../../images/flash-message/error-bg.png) no-repeat 7px 1px;
		color: #d9341e;
	}

	#global-alert-container .alert-warning,
	#global-alert-container .alert-danger {
		background: #FFFBD6;
	}

	#global-alert-container .alert-warning p,
	#global-alert-container .alert-danger p {
		padding-left: 39px;
		background: url(../../images/flash-message/warning-bg.png) no-repeat 7px 1px;
		color: #a94442;
	}

	#content noscript .alert.alert-warning {
		margin-bottom: -120px;
		border-radius: 0px;
		border: none;
		background: #FFFCD7;
	}

	#content noscript .alert.alert-warning > .center {
		padding-top: 70px;
		padding-bottom: 0px;
		color: #134380;
		font-weight: bold;
		max-width: 1020px;
	}

	#content p.alert-warning {
		border: none;
		padding-left: 43px;
		background: #FFFBD6 url(../../images/flash-message/warning-bg.png) no-repeat 10px 16px;
		color: #a94442;
	}
	
	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Signup Teaser 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.teaser.signup.employer {
		position: relative;
		float: right;
		max-width: 247px;
		background: #134380; 
	}

	.teaser.signup.employer .btn-signup {
		padding: 4px 24px;
	}

	.teaser.signup.employer img {
		width: 100%;
	}

	.teaser.signup.employer p {
		padding-left: 39px;
		padding-right: 10px;
		color: #ffffff;
	}

	.teaser.signup.employer p.info {
		margin-top: 13px;
		background:url(../../../images/profile/signup_info.png) no-repeat 10px 0px;
	}

	.teaser.signup.employer p a {
		margin-left: -20px;
		padding-left: 20px;
		background:url(../../../images/profile/signup_a.png) no-repeat 0px 2px;
		color: #00a9ff;
	}

	.teaser.signup.employer .btn-signup {
		padding-left: 17px;
		padding-right: 17px;
		margin: 4px 0px 18px 39px; 
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Tag Cloud 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.tag-cloud {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.tag-cloud > div:after {
		content: '';
	    display: block;
	    clear: both;
	} 

	.tag-cloud span.new:after {
		content: '';
	    display: block;
	    clear: both;
	} 

	.tag-cloud > div {
		width: 100%;
	}

	.tag-cloud > div + div {
		position: absolute;
		left: 100%;
		top: 0px;
	}

	.tag-cloud a,
	.tag-cloud span:not(.new) {
		float: left;
		display: block;
		padding: 0px 25px 0px 25px;
		margin: 0px 8px 8px 0px;
		background: #EAEDEF;
		font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    	font-size: 20px;
    	line-height: 40px;
		color: #134380;
		-webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	}

	.tag-cloud span.more,
	.tag-cloud span.back {
		color: #23B2FD;
		cursor: pointer;
	}

	.tag-cloud span:hover {
		text-decoration: underline;
	} 
	
	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Popup 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.modal-content {
		border-radius: 0;
	}

	.modal-header {
    	background: #7DC014;
    	border-bottom: none;
	}

	.modal-header h2 {
		font-family: 'Open Sans', sans-serif;
	    line-height: 30px;
	    font-size: 24px;
	    font-weight: 600;
	    color: #FFFFFF;
	}

	.modal-header .close {
		right: 30px;
		top: 35px;
		text-indent: -99999px;		
	}

	.modal-header .close:hover,
	#confirmBox .close:hover {
		background-position: 0px -29px;
	}

    .modal-header p.subline {
    	margin: -5px 0px 15px 0px;
		color: #ffffff;
    }
    
	.modal-body {
    	border-bottom: none;
    	background: #F0F0F0;
	}

	.modal-body .profile-image {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	#content .modal-body .profile-image  .image {
		float: left;
		position: relative;
		width: 100%;
		max-width: 240px;
	}

	.modal-body .profile-image img { 
		width: 100%;
		display: inline-block;
	}

	.modal-body p.icon {
		position: relative;
		font-size: 12px;
		padding-left: 75px;
	}

	.modal-body p.icon span.icon {
		position: absolute;
		left: 0px;
		top: 5px;
	}

	.modal-body p.icon span.icon.state span {
	    float: left;
	    display: block;
	    width: 15px;
	    height: 8px;
	    background: #9ADE2F;
    }

    .modal-body p.icon span.icon.state span + span {
    	margin-left: 1px;
    	background: #99A1A6;
    }

    .modal-body p.icon span.icon.grey,
    .modal-body p.icon span.icon.green,
    .modal-body p.icon span.icon.red {
    	left: 35px;
    	width: 10px;
	    height: 10px;
	    background: #FFFF00;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
    } 

    .modal-body ul.arrow {
    	background: none;
    	padding: 0px;
    }

    .modal-body p.icon span.icon.red {
    	background: #D9341E;
	}

	.modal-body p.icon span.icon.grey {
    	background: #134380;
	}

	.modal-body p a {
		text-decoration: underline;
	}

	#profile-check-modal .modal-content,
	#profile-check-admin-modal .modal-content{
		position: relative;
		overflow: hidden;
	}

	.modal-body .profile-check h4 {
		margin-top: 25px;
		margin-bottom: 20px;
		font-family: 'Open Sans', sans-serif;
    	font-size: 18px;
    	font-weight: 600;
    	color: #010101;
	}

	.modal-body .profile-check p.intro {
		margin-bottom: 20px;
	}

	.modal-body .profile-check .custom-row > .col {
		padding-left: 40px;
		height: 71px;
		vertical-align: middle;
	}

	.modal-body .profile-check span.border {
		position: absolute;
		border-top: 1px solid #D1D6DA;
		left: -100%;
		top: 0px;
		width: 300%;
	} 

	.modal-body .profile-check span.border.bottom {
		top: inherit;
		bottom: 0px;
	}

	.modal-body .profile-check > div > div > .row strong {
		display: block;
	}

	.modal-body .profile-check > div > div > .row span.icon {
		position: absolute;
		display: block;
		left: 0px;
		top: 50%;
		margin-top: -10px;
		width: 23px;
		height: 19px;
		background-image: url(../../images/profile/profile-check.png);
		text-indent: -99999px;
	}

	.modal-body .profile-check > div > div > .row span.icon.dissmiss {
		height: 22px;
		margin-top: -11px;
		background-position: 0px -100px;
	}

	.modal-footer {
		background: #F0F0F0;
    	border-top: none;
    	padding-bottom: 30px;
	}

	.modal-footer a + button,
	.modal-footer .button + .button {
		margin-left: 15px;
	}

	.modal-footer.confirm.left form {
		text-align: left;
	}

	.modal-footer .publish {
		font-weight: 600;
	}

	.modal-body .message .custom-row .col {
		width: 90px;
	}

	.modal-body .message .custom-row .col + .col {
		width: auto;
	}

	.modal-body .message .custom-row a {
		text-decoration: underline;
	}

	.modal #negotiationsubject-salary {
		background-image: url(../../images/salary-bg.png);
		background-repeat: no-repeat;
		background-position: 11px 11px;
		padding-left: 22px;
	}

	.modal .goto a {
		display: inline-block;
		margin-top: 20px;
	}

	.modal #contract-data-form a {
		text-decoration: underline;
		color: #007AD0;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Confirm
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	#confirmOverlay {
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		background:url('ie.png');
		background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
		z-index:100000;
	}

	#confirmBox {
		background: #F0F0F0;
		width:460px;
		position:fixed;
		left:50%;
		top:30px;
		margin: 0 0 0 -230px;
		border: 1px solid rgba(33, 33, 33, 0.6);
		-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	}

	#confirmBox h1,
	#confirmBox p {
		padding: 18px 25px;
	}

	#confirmBox h1 {
		margin-top: 0px;
		margin-bottom: 15px;
		padding-right: 45px;
		background: #7DC014;
		font-family: 'Open Sans', sans-serif;
	    line-height: 30px;
	    font-size: 24px;
	    font-weight: 600;
	    color: #FFFFFF;
	}

	#confirmBox p {
		line-height: 20px;
		padding-bottom: 0px;
		padding-top: 0px;
	    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	    font-size: 14px;
	    color: #000000;
	}

	#confirmButtons {
		padding:15px 0 25px;
		text-align:center;
	}

	#confirmBox .button {
		display:inline-block;	
	}

	#confirmBox .button:last-child {
		margin-right:0;
	}

	#confirmBox .button + .button {
		margin-left: 15px;
	}

	#contract-data-form .control-label.error {
		color: #D9341E;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Footer 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.footer {
		position: absolute;
		bottom: 0px;
		height: auto;
		width: 100%;
		padding-top: 0px;
		padding-bottom: 25px;
		background-color: #D1D8DD;
		border-top: none;
		color: #394147;
		font-size: 12px;
	}

	.footer .center {
		max-width: 1050px;
	}

	.footer a {
		color: #394147;
	}

	.footer ul {
		margin-bottom: 0px;
	}

	.footer .row div + div {
		border-left: 1px solid #B5BCC1;
	}

	.footer .row.sitemap {
		margin-top: 25px;
	}

	.footer .row.language {
		margin-top: 25px;
		padding-top: 15px;
		border-top: 1px solid #B5BCC1;
	} 

	.footer .row.language ul li {
		float: left;
	}

	.footer .row.language ul li a,
	.footer .row.language ul li span {
		padding-right: 10px;
	}

	.footer .row.language ul li .selected {
		font-weight: bold;
	}

	.footer .social {
		padding-top: 14px;
		padding-bottom: 4px;
		background: #BFC8CF;
	}

	.footer .social li {
		float: left;
	}

	.footer .social a {
		float: left;
		position: relative;
		margin-bottom: 10px;
		padding-left: 30px;
		padding-right: 33px;
		line-height: 20px;
	}

	.footer .social a span {
		position: absolute;
		display: block;
		left: 0px;
		top:  0px;
		width: 20px;
		height: 20px;
		background: url(../../images/template/footer_social.png) no-repeat 0px 0px;
	}

	.footer .social a.twitter span {
		background-position: -20px 0px;
	}

	.footer .social a.googleplus span {
		background-position: -40px 0px;
	}

	.footer .social a.blog span {
		background-position: -60px 0px;
	}

	/*
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	Backend 
	-----------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	.admin-loggedin #page {
		border-left: 10px solid #FF9966; 
	}

	.admin-loggedin #header a.logo {
		background-color: #FF9966;
	}

	.admin-loggedin #header a.logo img {
       margin-top: -70px;
    }

	#employland.backend {
		min-width: 710px;
	}

	.wrap {
	    min-height: 100%;
	    height: auto;
	    margin: 0 auto -60px;
	    padding: 0 0 60px;
	}

	.wrap > .container {
	    padding: 70px 15px 20px;
	}

	.jumbotron {
	    text-align: center;
	    background-color: transparent;
	}

	.jumbotron .btn {
	    font-size: 21px;
	    padding: 14px 24px;
	}

	.not-set {
	    color: #c55;
	    font-style: italic;
	}

	.admin-loggedin pre {
		white-space: pre-wrap;      
    	white-space: -moz-pre-wrap; 
    	white-space: -pre-wrap;    
    	white-space: -o-pre-wrap;  
    	word-wrap: break-word;  
	}

	/* add sorting icons to gridview sort links */
	a.asc:after, a.desc:after {
	    position: relative;
	    top: 1px;
	    display: inline-block;
	    font-family: 'Glyphicons Halflings';
	    font-style: normal;
	    font-weight: normal;
	    line-height: 1;
	    padding-left: 5px;
	}

	a.asc:after {
	    content: /*"\e113"*/ "\e151";
	}

	a.desc:after {
	    content: /*"\e114"*/ "\e152";
	}

	.sort-numerical a.asc:after {
	    content: "\e153";
	}

	.sort-numerical a.desc:after {
	    content: "\e154";
	}

	.sort-ordinal a.asc:after {
	    content: "\e155";
	}

	.sort-ordinal a.desc:after {
	    content: "\e156";
	}

	.grid-view th {
	    white-space: nowrap;
	}

	.error-summary {
	    color: #a94442;
	    background: #fdf7f7;
	    border-left: 3px solid #eed3d7;
	    padding: 10px 20px;
	    margin: 0 0 15px 0;
	}

}


@media print {
	
	#header a.logo img {
	   margin-top: -70px;
	}

	#header .navigation {
		display: none;
	}

	#header a.button {
		display: none !important;
	}

	.footer {
		display: none;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
	.visible-xs {
		display: none !important;
	}
	.hidden-xs {
		display: block !important;
	}
	table.hidden-xs {
		display: table;
	}
	tr.hidden-xs {
		display: table-row !important;
	}
	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}
	.hidden-xs.hidden-print {
		display: none !important;
	}
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}


span.anonymous {
	display: inline-block;
	border-top: 3px solid #FFFFFF;
	background: #c7cfd4;
	width: 120px;
	height: 14px;
}

span.anonymous.half {
	width: 60px;
}