/* CoralVersion:4.9.001.1310 */
	@font-face
	{
		font-family: "BabelSans";
		src: url(/css/BabelSans.ttf) format('truetype');
	}
	@font-face
	{
		font-family: "BabelSansBold";
		src: url(/css/BabelSans-Bold.ttf) format('truetype');
	}	
	#CoralLoginWrapper 
	{
		display: table;
		height: 100%;
		margin: auto;
	}
	
	.CoralLoginParkLogoInActive
	{
		position:relative;
		-webkit-transition: left 1s ease-in-out 0.7s;
		-moz-transition: left 1s ease-in-out 0.7s;
		transition: left 1s ease-in-out 0.7s;
		left: 25%;
	} 
	.CoralLoginParkLogoActive
	{
		position:relative;
		-webkit-transition: left 1s ease-in-out0.7s;
		-moz-transition: left 1s ease-in-out0.7s;
		transition: left 1s ease-in-out 0.7s;
		left: 0%;
	} 
	#CoralLoginParkLogo img
	{
		width:200px;
		height: 198px;
	}
	#CoralLoginParkLogo
	{
		display: table-cell;
		vertical-align: middle;	
		position:relative;
		z-index:1;
		padding-top: 30px;
		background: #323232;
	} 
	.CoralLoginDetailsInActive
	{
		opacity:0;
		-webkit-transition: left 0.7s ease-in-out 1s, 1s opacity 0s;
		-moz-transition: left 0.7s ease-in-out 1s, 1s opacity 0s;
		transition: left 0.7s ease-in-out 1s, 1s opacity 0s;
		left: -25%;
	}
	.CoralLoginDetailsActive
	{
		opacity:1;
		-webkit-transition: left 0.7s ease-in-out 0.7s, 1s opacity 1s;
		-moz-transition: left 0.7s ease-in-out 0.7s, 1s opacity 1s;
		transition: left 0.7s ease-in-out 0.7s, 1s opacity 1s;
		left: 5%;
	}

	.CoralLoginParkLogoInActive .text
	{
		-webkit-transition-delay: 1s;
		-webkit-transition: opacity 0.5s, visibility 0.5s;
		font-family: 'BabelSansBold';
		color:#fff;
		opacity:1;
		font-weight:bolder;
		font-size:25px;
	}

	.CoralLoginParkLogoActive .text
	{
		-webkit-transition-delay: 1s;
		-webkit-transition: opacity 0.5s, visibility 0.5s;
		font-family: goodtime;
		color:#404041;
		opacity:0;
		font-weight:bolder;
		font-size:17px;
	}

	#CoralLoginDetails
	{
		display: table-cell;
		opactity:0;
		position:relative;
		vertical-align: middle;
	}

	.CoralLoginPageTable
	{
		display: table;
		width: 205px;
	}

	.CoralLoginPageTableRow{display: table-row;}
	.CoralLoginPageTableTextCell
	{
		display: table-cell;
		color: #fff;
		font-family: BabelSansBold;
		padding: 6px 0px 5px 0px;
		font-size: 17px;	
		text-align: center;
	}

	.CoralLoginPageTableCell
	{
		display: table-cell;
		background: #fff;
		height: 35px;
		vertical-align: middle;
	}
	
	input.CoralLoginUsername
	{
		background: #fff; 
		background-color: #fff  !important; 
	}
	.CoralLoginUsername
	{
		background: #fff; 
		background-color: #fff ; 
		border: none; 
		width: 190px; 
		height:28px; 
		color: #555656;
		font-family: arial;
		font-size: 18px;
	}	
	
	.OuterCoralLoginButton
	{
		width:206px;
		height:34px;
		margin-top: 20px;
	}
	
	.CoralLoginBlueButton 
	{
		display: none;	
		width: 36px;
		height: 34px;
		margin-left: -18px;
		background-image: url(/images/bluebutton.svg);
		background-size: 100%;
		background-repeat:none;
		border: none;
		background-color: transparent;
		vertical-align: middle;
	}

	.OuterCoralLoginButton:hover .CoralLoginBlueButton 
	{
		background-image: url(/images/bluebuttonh.svg);
	}

	.OuterCoralLoginButton:active .CoralLoginBlueButton 
	{
		background-image: url(/images/bluebuttona.svg);
	}
	
	.BlueLoginButton 
	{
		font-size: 20px;
		text-transform: uppercase;
		border-radius: 0;
		background-color:#00adef;
		background:#00adef;
		border: none;
		height:36px;
		width:205px;
		text-align:center;
		color:#1c5671;
		font-family: 'BabelSansBold';
		color: #fff;
		font-weight:bold;
		font-style:normal;
	}

	.OuterCoralLoginButton:e .BlueLoginButton 
	{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #409fce), color-stop(1, #63b2d9) );
		background:-moz-linear-gradient( center top, #409fce 5%, #63b2d9 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#409fce', endColorstr='#63b2d9');
		background-color:#409fce;
	}

	.OuterCoralLoginButton:active .BlueLoginButton 
	{
	}

