/* General */

* {
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
}
#banner {
	display: block;
	overflow: hidden;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
	#banner div {
		background-repeat: no-repeat;
		position: absolute;
	}

/* Custom */

#banner {
	background: linear-gradient(to bottom, #c0d9de 0%,#ffffff 60%,#c0d9de 100%);
	border: 1px solid #808080;
}
#banner, .full {
	width: 300px;
	height: 250px;
}


#txt01 {
	background-image: url(txt01.png);
	left: 50px; top: 20px;
	opacity: 0;
}


#hand {
	background-image: url(hand.png);
	width: 430px;
	height: 690px;
	left: 150px;
	top: -200px;
	-webkit-transform: scale(0.275);
	-moz-transform: scale(0.275);
	-ms-transform: scale(0.275);
	-o-transform: scale(0.275);
	transform: scale(0.275);
	z-index: 2;
}
	#form {
		width: 100%; height: 100%;
		position: absolute;
		z-index: 20;
	}
		input[type=text] {
			width: 175px; height: 50px;
			top: 297px; left: 83px;
			position: absolute;
			background-color: transparent;
			background-image: url(cursor.gif);
			background-position: -4px -2px;
			color: #45444d;
			font-size: 32px;
			line-height: 50px;
			text-align: center;
			text-transform: uppercase;
		}
		input[type=text]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.33); }
		input[type=text]::-moz-placeholder { color: rgba(0, 0, 0, 0.33); }
		input[type=text]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.33); }
		input[type=text]:-moz-placeholder { color: rgba(0, 0, 0, 0.33); }

		input:invalid {
			background-image: url(cursor.gif);
			background-color: transparent;
		}
		input:valid,
		input:focus {
			background-image: none !important;
			background-color: #eef2f3 !important;
		}

		#btn {
			width: 162px;
			left: 89px; top: 362px;
			border: none;
			height: 37px;
			position: absolute;
			z-index: 10;
		}
		#btn:hover {
			cursor: pointer;
		}


#advqld {
	background-image: url(advqld.png);
	top: 20px;
	opacity: 0;
}
#qldgov {
	background-image: url(qldgov.png);
	top: 20px;
	opacity: 0;
}

/* -------------------------------------------------------------------------------
	AUTHORISATION TAG
	by Nick Verburgt @ Ogilvy Brisbane
------------------------------------------------------------------------------- */

#auth-btn { width: 20px; height: 20px; right: 0; bottom: 0; z-index: 99; }
#auth {
	width: 390px;
	height: 425px;
	top: 38px;
	left: -90px;
	pointer-events: none;
	z-index: 98; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center right; -moz-transform-origin: center right; -ms-transform-origin: center right; -o-transform-origin: center right; transform-origin: center right; }
	#paper { background: url(paper.png) center center no-repeat; background-size: 100%; width: 10px; height: 100%; right: 10px; position: absolute; }
	.out #paper { -webkit-animation: ani_paper 2s infinite ease-out; -moz-animation: ani_paper 2s infinite ease-out; -ms-animation: ani_paper 2s infinite ease-out; -o-animation: ani_paper 2s infinite ease-out; animation: ani_paper 2s infinite ease-out; }
	#tag {
		background-size: 390px 425px;
		background-image: url(auth.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-color: black;
		width: 10px; height: 100%; right: 0; position: absolute;
	}
	.out #tag { -webkit-animation: ani_tag 2s infinite ease-out -moz-animation: ani_tag 2s infinite ease-out; -ms-animation: ani_tag 2s infinite ease-out; -o-animation: ani_tag 2s infinite ease-out; animation: ani_tag 2s infinite ease-out; }

	@-webkit-keyframes ani_paper { 0%, 100% { right: 5px; width: 5px; } 50% { right: 10px; width: 10px; } }
	@-moz-keyframes ani_paper { 0%, 100% { right: 5px; width: 5px; } 50% { right: 10px; width: 10px; } }
	@-o-keyframes ani_paper { 0%, 100% { right: 5px; width: 5px; } 50% { right: 10px; width: 10px; } }
	@keyframes ani_paper { 0%, 100% { right: 5px; width: 5px; } 50% { right: 10px; width: 10px; } }

	@-webkit-keyframes ani_tag { 0%, 100% { width: 5px; } 50% { width: 10px; } }
	@-moz-keyframes ani_tag { 0%, 100% { width: 5px; } 50% { width: 10px; } }
	@-o-keyframes ani_tag { 0%, 100% { width: 5px; } 50% { width: 10px; }}
	@keyframes ani_tag { 0%, 100% { width: 5px; } 50% { width: 10px; } }