@charset "utf-8";

/* GENERAL */
h1,h2,h3,h4{
	font-family:"Khmer UI", "Arial", sans-serif;	
}


/* CSS Document */
#masthead{
	padding:0px;
}
#leadershipinitiative-brand{	
	padding: 10px 10px 4px 10px;
}
#masthead-homelink{

}
.masthead-brand-regionname{
	color:#003366;
	font-size:130%;
	text-decoration:none;
	margin-left:54px;
}
#masthead-icon{}
#masthead-contact{
	float:right;
	text-align:right;	
}

/* HOMEPAGE SPLASH BOX */
.event-box-promo-segment{
	width:65%;
}
#splash-box{
	position:relative;
	height:400px;
	background-image: url(../leadershipinitiative/images/landing-main.jpg);
	background-position:0px -20px;
	background-size:cover;
}
#splash-text, #splash-cta{
	position:absolute;
	padding:20px;
	background-color:rgba(0, 51, 102, 0.8);
	color:#FFF;
	font-size:140%;
}
#splash-text{
	left:20px;
	bottom:20px;
	width:400px;	
	font-style:italic;	
}
#splash-cta{
	display:block;
	right:50px;
	bottom:40px;
	border-bottom:6px solid #296B81;
	padding:15px 50px;
	text-align:center;
}
#splash-cta:hover{
	background-color:#296B81;
}
@media only screen and (max-width: 1023px){
	.event-box-promo-segment{
		width:100%;
	}
	#splash-box{
		height: 200px;
		background-size: cover;
	}
	#splash-text, #splash-cta{
		position:absolute;
		padding:12px;
		background-color:rgba(0, 51, 102, 0.8);
		color:#FFF;
		font-size:100%;
	}
	#splash-text{
		left:0px;
		bottom:40px;
		width:auto;	
		font-style:italic;	
	}
	#splash-cta{
		display:block;
		right:0px;
		bottom:-10px;
		border-bottom:6px solid #296B81;
		padding:15px 30px;
		text-align:center;
	}
}

/* GETINVOLVED BOX */
#getinvolved form{
	float:left;width:700px;margin-top:0px;
}
#getinvolved #getinvolved-membercta{
	float:left;width:254px;border-left:1px solid #003366;padding-left:16px;
}
@media only screen and (max-width: 1023px){
	#getinvolved form{
		width:100%;
		margin-top:0px;
	}
	#getinvolved #getinvolved-membercta{
		width:100%;border-left:none;padding-left:0px;
	}
}

/* EVENT */
.registration-event-box{
	position:relative;
	box-shadow:0 2px 2px rgba(0,0,0,.3);	
}
.registration-event-box .event-button{
	float:left;
	background-color: rgb(3, 80, 141, 0.6);
	padding:10px;
	color:#FFF;
	font-size:130%;
	border:1px solid #FFF;
}
.speaker-box .speaker-name{
	font-weight:bold;	
}
.speaker-box .speaker-title, .speaker-box .speaker-org, .speaker-box .speaker-note{
	font-style:italic;	
}
.event_splash-box-STT_webinar{
	padding:16px;
	background-color:#FFF;
	border-bottom:3px solid #006eb7;
	border-top:1px solid #006eb7;
}
.registration-event-box .adminControls-box{
	position:absolute;
	top:-10px;
	left:0px;
	font-size:90%;
	background-color:#FFD7AD;
	color:#000;
	padding:3px 1%;
	width:98%;
	box-shadow:0 4px 4px rgba(0,0,0,0.4);
}
.registration-event-box.adminPreview{
	border:2px solid #ffb626;	
}
.event-sessions{
	list-style:none;
	margin-left:0px;
}
.event-session{
	margin-bottom:10px;	
}
.event-session-title{
	font-size:110%;	
}
.event-session-promo{
	margin-left:10px;
	padding-left:10px;	
}
.event-session-promo ul li{
	padding:4px;	
}

/* EVENT REGISTRATION: SESSION SELECTION */
form ul.checkbox-box.session-select{
	margin-left:0px;	
}
.session-select li{
	background-color:#FFF;
	margin-bottom:6px;
	border:1px solid #ccc;
	border-radius:0px 6px 6px 0px;
}
.session-select li:hover{
	background-color:#ceeaff;
}
.session-select li label{
	display: block;
	padding: 22px 2%;
	font-size: 130%;
	max-width:none;
	width:96%;
}
.session-select li.session-select-checked{
	background-color:#ceeaff;
}
.session-select li.session-select-registered{
	background-color:#D7FFD3;	
}
.session-select-text .registered-message{
	display:inline-block;
	margin:0px 20px;
	font-weight:bold;
	font-style:italic;
}

#resultbox {
    top: 0px;
}