.hidden { display: none; }

/* Landing page styles. */
#landing_page
	{
	position: absolute;
	top: 50px; 
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100001;
	background: #F5F6F7;
	}
	
#landing_page_inner
	{
	position: relative;
	width: 920px; 
	min-height: 690px;
	max-height: 715px;
	height: 100%;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	}

#landing_page_banner
	{
	width: 736px;
	height: 122px;
	background: url('../img/landing/banner_cloud.png');
	}
	
#landing_page_banner.video
	{
	background: url('../img/landing/banner_video.png');
	}

#landing_page_banner.mobile
	{
	background: url('../img/landing/banner_mobile.png');
	}
	
#landing_page_cycle_tech_button
	{
	position: absolute;
	left: 21px;
	top: 129px;
	width: 58px;
	height: 58px;
	background: transparent none;
	}

#landing_page_infographic
	{
	width: 736px;
	height: 553px;
	background: url('../img/landing/info_cloud_global.png');
	}

#landing_page_infographic.video
	{
	background: url('../img/landing/info_video_global.png');
	}

#landing_page_infographic.mobile
	{
	background: url('../img/landing/info_mobile_global.png');
	}
	
#landing_page_download_button
	{
	width: 160px;
	height: 40px;
	position: absolute;
	left: 570px;
	bottom: 0px;
	background: #FFFFFF;
	}
	
#landing_page_download_button p
	{
	font-family: arial, sans-serif;
	color: #666666;
	margin-top: 0;
	text-align: center;
	}
	
	
#landing_page_buttons
	{
	position: relative;
	width: 800px; 
	min-height: 675px;
	max-height: 715px;
	height: 100%;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	}
	
#landing_page_sound_button
	{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 5px;
	top: 10px;
	background: url('../img/landing/mute.png');
	cursor: pointer;
	}

#landing_page_play_button
	{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 5px;
	top: 440px;
	background: url('../img/landing/play.png');
	cursor: pointer;
	z-index: 100001;
	}


#landing_page_proceed_button
	{
	width: 900px;
	height: 380px;
	position: absolute;
	left: 0;
	top: 50px;
	background: transparent;
	cursor: pointer;
	}
	
#landing_page_proceed_button:hover
	{
	background: url('../img/landing/SeeMoreDetails.png');
	}

#landing_page_proceed_button p
	{
	font-family: arial, sans-serif;
	color: #666666;
	margin-top: 0;
	text-align: center;
	}
	
#landing_page_delete_cookie_button
	{
	width: 100px;
	height: 40px;
	position: absolute;
	left: 36px;
	bottom: 0px;
	background: #FFFFFF;
	}
	
#landing_page_delete_cookie_button p
	{
	font-family: arial, sans-serif;
	color: #666666;
	margin-top: 0;
	text-align: center;
	}
	

#cookieDisclaimer
	{
	font-size: 10px;
	line-height: 100%;
	}

#requiredText
	{
	font-size: 7px;
	text-align: right;
	}

#IDtext
	{
	font-size: 14px;
	}

#login_form
	{
	position: absolute;
	top: 170px;
	width: 590px;
	padding: 10px;
	padding-top: 3px;
	background-color:#FFFFFF !important;
	}

#login_form tr { background: #FFFFFF !important; }

#login_button
	{
	cursor: pointer;
	}
#cancel_button
	{
	cursor: pointer;
	}

#login_details_button
	{
	cursor: pointer;
	}

#cancel_details_button
	{
	position: relative;
	cursor: pointer;
	width: 60px;
	top: 20px;
	}

.modal_dialog_outer
	{
	position: absolute;
	top: 0; 
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100010;
    	background: none repeat scroll 0% 0% rgba(20, 20, 20, 0.6);
	color: #000000;
	}
	
#login_dialog_inner
	{
	position: relative;
	width: 610px;
	height: 530px;
	top: 55px;
	background: url('../img/landing/LogIn.png');
	border: 1px solid #000000;
	box-shadow: 2px 2px #404040;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	}
	
#login_email
	{
	width: 400px;
	}
	


#login_details_dialog_inner
	{
	position: relative;
	width: 604px;
	height: 693px;
	top: 50px;
	background: url('../img/landing/LogIn2.png');
	border: 1px solid #000000;
	box-shadow: 2px 2px #404040;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
	
#login_details_dialog table tr
	{
	background: transparent none !important;	/* Override setting in style.css */
	}

#login_details_form
	{
	position: absolute;
	top: 95px;
	width: 580px;
	padding: 10px;
	background-color:#FFFFFF !important;
	}

#login_details_dialog_inner form input[type='text']
	{
	width: 300px;
	}
	
#login_details_button
	{
	position: relative;
	left: 170px;
	top: 20px;
	width: 200px;
	height: 34px;
	background: #ffffff;
	}
	
#login_details_button p
	{
	font-family: arial, sans-serif;
	color: #666666;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	}

table.indent_left_20 td
	{
	padding-left: 20px;
	}
	
td.alert_required input
	{
	border: 1px solid #FF0000; 
	}
	
td.alert_required::after
	{
	content: " - required";
	color: #FF0000;
	}