
@font-face {
  font-family: 'open-sans-bold';
  src: url('/icm/templates/v4skins/webfonts/kirkland/bold.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/bold.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/bold.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/bold.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-bold-italic';
  src: url('/icm/templates/v4skins/webfonts/kirkland/bold-italic.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/bold-italic.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/bold-italic.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/bold-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-extrabold';
  src: url('/icm/templates/v4skins/webfonts/kirkland/extrabold.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/extrabold.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/extrabold.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/extrabold.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-extrabold-italic';
  src: url('/icm/templates/v4skins/webfonts/kirkland/extrabold-italic.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/extrabold-italic.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/extrabolditalic.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/extrabold-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-italic';
  src: url('/icm/templates/v4skins/webfonts/kirkland/italic.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/italic.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/italic.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/italic.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-light';
  src: url('/icm/templates/v4skins/webfonts/kirkland/light.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/light.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/light.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/light.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-light-italic';
  src: url('/icm/templates/v4skins/webfonts/kirkland/light-italic.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/light-italic.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/light-italic.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/light-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-regular';
  src: url('/icm/templates/v4skins/webfonts/kirkland/regular.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/regular.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/regular.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/regular.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-semibold';
  src: url('/icm/templates/v4skins/webfonts/kirkland/semibold.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/semibold.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/semibold.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'open-sans-semibold-italic';
  src: url('/icm/templates/v4skins/webfonts/kirkland/semibold-italic.eot');
  src: url('/icm/templates/v4skins/webfonts/kirkland/semibold-italic.eot?#iefix') format('eot'),
  	   url('/icm/templates/v4skins/webfonts/kirkland/semibold-italic.woff') format('woff'), 
       url('/icm/templates/v4skins/webfonts/kirkland/semibold-italic.ttf') format('truetype');
}

:root{
	--customcolor: #df5928;
}

#pnlTermsAndConditions {
	padding-top: 0 !important;
}

#maincontainer {
		background-image: url('/ICM/templates/v4skins/1082skin4351/images/983_472l.png'	) !important
}
.welcome {
	font-family: 'open-sans-regular', Arial	
}
#maincontainer, body {
	background-position: top center;


	background-repeat: no-repeat
}
.welcome-message h2 {
    color: #4F2D7F;
    font-size: 1.3em;
}
.welcome-news h3, 
.login h3,
#welcomevents h3,
#welcomenews h3 {
    color: var(--customcolor) ;
font-size: 16px !important;
margin-top: 0px;
font-weight: normal;
padding: 8px 0px !important;
margin: 0px;
border-bottom: 0px !important;

}
.sign-up-Login {
	position: absolute;
	top: 48px;
	width: 80%;
}
.login {
    width: 320px;
    border: 0px !important;
    background-color: #edf2f6 !important;
    padding: 10px 25px;
    box-sizing: border-box;
}
.login-box {
    padding: 20px 0px;
}
.sso-text {/* margin: 80px 0 0 0; */padding: 0;/* position: absolute; *//* top: 396px; */}

#btnLoginRegister {

}
.form {
	border: 1px solid #ccc;
	padding: 5px;
	box-sizing: border-box;
	background-color: #fff
}
.contact-form input#submit, 
input.green, .green, .green:hover, 
.contact-form input#submit:hover, 
input.green:hover {
    background-color: var(--customcolor) !important;
    border: 1px solid var(--customcolor) !important;
	font: normal 14px/1 "Arial" !important;
	text-transform: capitalize !important
}
.contact-form input#submit:hover, input.green:hover {
    background-color: var(--customcolor) !important;
}
.meta-date {
color: #4F2D7F !important;
font-family: 'open-sans-regular', Arial !important;	
font-size: 15px;
padding-bottom: 10px
}

#container {
	position: relative
}
#welcomevents,
#welcomenews {
	padding: 10px 15px;
	box-sizing: border-box
}
#welcomevents {
	display: none
}
#welcomenews {
	float: left;
	width: 275px;
	display: block;
	min-height: 477px;
	display: none;
}
#welcomevents p, 
#welcomenews p {
	padding: 10px 0px
}

.message {
	float: left;
	width: 630px;
	}
.news-events-table, 
.news-events {
	float: left;
	display: block;
	width: auto
}
.message-news-events {
	width: auto;
	display: block;
	float: left	
}
.login {
	float: right;
	display: block;
	min-height: 250px;
	position: relative;
}
.login h3 {
	margin-bottom: 30px !important;
}
.login-box {
	font-family: 'open-sans-regular', Arial		
}
.welcome-message h2,
.register-intro-text h2 {
	font-size: 18px !important;
	font-weight: normal;
	border-bottom: 0;
	margin: 0 20px 20px 0;
	padding: 0px 20px 10px 0px	;
	color: #4F2D7F !important;
	font-family: 'open-sans-regular', Arial	 !important;
}
.kirkland-login {
	color: #666;
    font-size: 14px
}

.welcome-message .kirkland-login h2 {
	color: #5D89B4 !important;
	font-size: 24px !important;
	font-family: arial !important;
}
.kirkland-login p {
	color: #666;
    font-size: 14px
}
.kirkland-login li span {
	color: #723D83 !important;
	font-weight: bold !important;
	font-family: arial;
}
.kirkland-login p.legal-dis {
	font-size: 12px !important
}
.welcome-message .kirkland-login p.legal-dis strong {
	font-size: 12px !important;
	font-weight: bold
}

.register-intro-text h2 {
	padding: 20px 20px 10px 20px	
}
.welcome-message p {
	font-size: 16px;
	font-family: arial;
	line-height: 1.4
}
.welcome-message p strong {
	font-family: arial;
	font-weight: bold;
	font-size: 1.2em	
}
.welcome-message li {
	font-size: 14px;
	padding-bottom: 20px;
	
}


.welcome-message p, 
.welcome-message li {
	color: #666;	
}
.welcome-message ul {
	margin-left: 20px;
	margin-bottom: 20px
}
.welcome-message li {
	background: none !important;
	list-style-type: disc !important;
	margin: 0;
	padding: 0 0 5px 0px;
	background-position: 0 4px;
}
#container {
	padding-top: 471px !important;
}
.container[style]{
	padding-top: 360px !important;
}
.language-selector {
	display: none
}
element.style {
}
input.button-linkedin2,
input.button-xing {
	font-family: Arial		
}
.form-entry p {
	padding-bottom: 5px	
}
.login a,
input.button-linkedin2,
input.button-xing {
	color: #1257c5	
}
.sign-up {
position: absolute;
top: 400px;
right: -16px;
width: 241px;
}
.welcome-message h2 {
	font-size: 27px !important	
}

.divRegisteredUser {
   background-color: #edf2f6 !important;
}

#pnlTermsAndConditions #lnkLegalStatement {
display: none
}


@media only screen and (max-width: 983px) {
	#maincontainer {
		background-size: 100%;
	}
	#container {
		padding: 48% 0 100px 0 !important;
	}
	
	.container[style] {
		padding: 34% 0 0 0 !important;
	}
	#maincontainer,
	.divRegisteredUser{
		width: 95% !important;
		min-width: 95% !important;
	}	
	#container,
	.container[style],
	.message,
	.divRegisteredUser{
		width: 100% !important;
		min-width: 100% !important;
	}	
	.news-events-table {
		display: none
	}
	.message-news-events {
		width: 65%
	}
	.login {
		width: 35%
	}
	#mpjb {
		display: none
	}
	.error-message-validation {
		width: 100% !important;
		box-sizing: border-box;
	}
	input.green {
		width: 100% !important;
	}

}
@media only screen and (max-width: 800px) {
	#maincontainer {
		background-image: url(/ICM/templates/v4skins/1082skin4351/images/983_472l.png) !important
	}
	#container {
		padding: 58% 0 100px 0 !important;
	}
	
	.container[style] {
		padding: 37% 0 0 0 !important;
	}
	.divTableCell {
		float: left;
		width: 100% !important;
		display: block;
		text-align: left !important
	}
	#registrationTable {
		width: 90% !important;
		margin: 0 auto;
		display: table
	}
	registrationTable .divTableCell {
		padding-bottom: 5px !important
	}
	input.ColorBox {
		width: 95% !important;
		border: 1px solid #fff !important
	}
	.welcome-message h2, .register-intro-text h2 {
		font-size: 22px !important
	}
	
}
@media only screen and (max-width: 700px) {

	.ms {
		display: block !important
	}
	.message-news-events {
		display: none
	}
	.login {
		width: 100%
	}
	.divRegisteredUser .green {
	margin-right: 0px !important;
}
	.form {
		width: 97% !important
	}
	input.green {
    width: 100% !important;
}
	.sign-up-Login {
    width: 92%;
}
   
}
@media only screen and (max-width: 600px) {
	.container[style] {
		padding: 33% 0 0 0 !important;
	}
}

 