/* header
----------------------------------------------------------*/

#header {
	display: block;
	background-color: #000;
	height: 190px;
	margin: 0 auto;
	padding: 5px 0;
}

	#header .banner {
		background: url("/Content/Sites/COORPAROOSS.QLD/logo-coorparooss.png") no-repeat center;
		height: 185px;

	}

/* footer
----------------------------------------------------------*/

#footer {
	display: block;
	background-color: #474747;
	height: 100px;
	padding: 15px 0;
}

	#footer .copyright {
		text-align: center;
		color: #fff;
		font-size: 0.8em;
	}

/* main layout
----------------------------------------------------------*/

#body {
	padding-top: 10px;
	padding-bottom: 20px;
}

/* buttons
----------------------------------------------------------*/

.btn {
	display: inline-block;
	margin: 0;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	font-size: 14px;
	color: white !important;
	font-weight: bold;
	text-shadow: 1px 1px 4px #8f8f8f;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}

	.btn:active,
	.btn:hover,
	.btn:focus {
		text-decoration: none;
	}

.btn-navigation {
	border: 1px solid #002f6c;
	background: #002f6c;
	background-image: linear-gradient(to bottom, #002f6c, #002f6c);
	min-width: 120px;
}

	.btn-navigation:active,
	.btn-navigation:hover,
	.btn-navigation:focus {
		background: #1F618D;
		background-image: linear-gradient(to bottom, #1F618D, #1F618D);
	}

.btn-fn {
	border: 1px solid #1286b4;
	background: #1ddaff;
	background-image: linear-gradient(to bottom, #1ddaff, #1286b4);
	min-width: 100px;
}

	.btn-fn:active,
	.btn-fn:hover,
	.btn-fn:focus {
		background: #23ffff;
		background-image: linear-gradient(to bottom, #23ffff, #16a1d8);
	}

.btn-icon {
	position: relative;
	border: none;
	background: #002f6c;
	background-image: linear-gradient(to bottom, #002f6c, #002f6c);
	text-transform: uppercase;
	line-height: 35px;
	padding: 0 20px;
	min-width: 120px;
}

	.btn-icon.left {
		padding-left: 55px;
	}

	.btn-icon.right {
		padding-right: 55px;
	}

	.btn-icon:active,
	.btn-icon:hover,
	.btn-icon:focus {
		background: #1F618D;
		background-image: linear-gradient(to bottom, #1F618D, #1F618D);
	}

	.btn-icon.right:after {
		position: absolute;
		content: "\0000a0";
		top: 0;
		right: 0;
	}

	.btn-icon.left:before {
		position: absolute;
		content: "\0000a0";
		top: 0;
		left: 0;
	}

	.btn-icon.add:before,
	.btn-icon.add:after {
		height: 100%;
		width: 35px;
		background: #8f8f8f url('/Images/icon-add.png') no-repeat right top;
		background-size: 100% 100%;
	}

	.btn-icon.arrow:before,
	.btn-icon.arrow:after {
		height: 100%;
		width: 35px;
		background: #8f8f8f url('/Images/icon-play.png') no-repeat right top;
		background-size: 100% 100%;
	}

/* payment
----------------------------------------------------------*/

.site,
.entity,
.group,
.payment,
.template,
.user {
	background-color: #f1f1f1;
	margin-bottom: 15px;
	border: none;
	border-radius: 4px;
}

	.site h4,
	.entity h4,
	.group h4,
	.payment h4,
	.template h4,
	.user h4 {
		background-color: #002f6c;
		color: white;
		padding: 3px 15px;
		border-radius: 4px;
	}

.content {
	position: relative;
	min-height: 40px;
	overflow: hidden;
}

	.content p {
		color: #474747;
		width: 480px;
		padding-left: 15px;
	}

/* top level
--------------------------------------------*/
/*for top-level*/
.nav-menu {
	background: none;
	margin: 0;
	padding: 0;
	border: none;
}

/*for submenu.*/
.nav-menu-sub {
	margin-top: 25px;
	min-width: 200px;
	border-radius: 4px;
	box-shadow: 0 0 14px #AAA;
}

.menu-bar {
	display: block;
	margin: 5px 0 25px 0;
	padding: 0;
	list-style: none;
	border-radius: 4px;
	height: 36px;
	border: 1px solid #1286b4;
	background: #1ddaff;
	background-image: linear-gradient(to bottom, #1ddaff, #1286b4);
	z-index: 4;
}

	.menu-bar div {
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

	.menu-bar li {
		float: left;
		position: relative;
		z-index: 5;
	}

	.menu-bar a {
		display: inline-block;
		padding: 8px 10px;
		line-height: 20px;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		color: #FFF;
		cursor: pointer;
		position: relative;
	}

	.menu-bar li:hover a, .menu-bar li.onhover a {
		background: none;
		z-index: 9;
		background-image: linear-gradient(to bottom, #e7ff00, #8da500);
		border-radius: 2px;
	}

	/*for the top-level separators*/
	.menu-bar li.separator {
		display: none;
	}

	/* sub level
--------------------------------------------*/

	.menu-bar .drop {
		background: #FFF;
		position: absolute;
		padding: 15px;
		top: 8px;
		left: 5px;
		border: 1px solid #DDD;
		border-bottom: 2px solid #8da500;
		text-align: left;
		visibility: hidden;
		z-index: 5;
	}

		.menu-bar .drop a {
			display: inline;
			padding: 0;
			font-size: 12px;
			font-weight: bold;
			position: static;
			z-index: 0;
		}

	.menu-bar li:hover .drop, .menu-bar li.onhover .drop {
		visibility: visible;
	}

	/* Elements within the drop down sub-menu
--------------------------------------------*/

	.menu-bar div.drop div div {
		padding: 6px 20px;
	}

	.menu-bar div.drop div a {
		line-height: 24px;
		color: #048;
		background: none;
	}

		.menu-bar div.drop div a:hover {
			text-decoration: underline;
			cursor: pointer;
			color: #8da500;
		}

/* receipt
----------------------------------------------------------*/

.content-receipt {
	display: block;
	background-color: white;
	padding: 20px;
	margin: 20px 0;
	color: black;
	border: 1px solid #474747;
}

.receipt-title {
	font-size: 2em;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	text-align: center;
}

.receipt-sub_title {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	min-width: 100px;
}

.receipt-sub_title_detail {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
}

.receipt-message {
	display: block;
	padding-top: 30px;
	white-space: pre-wrap;
	clear: both;
}

.receipt-detail {
	display: inline-block;
	padding-top: 30px;
	padding-left: 50px;
	float: left;
	text-align: left;
}

.receipt-amount {
	display: inline-block;
	padding-top: 30px;
	padding-right: 100px;
	float: right;
	text-align: right;
}

/* Payment Amount
----------------------------------------------------------*/

.payname input[type="text"] {
	min-width: 40px;
	width: 180px;
}

.payamount input[type="text"] {
	min-width: 40px;
	width: 80px;
}

/* login
----------------------------------------------------------*/

#loginForm {
	background: url("../Images/bg_login.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.7;
	margin: 0;
	margin-top: -10px;
	margin-bottom: -20px;
	padding: 70px;
	height: 400px;
}

	#loginForm h1,
	#loginForm h2 {
		color: white;
		margin: 0;
		padding: 0 5px;
		text-align: right;
	}

	#loginForm h1 {
		font-size: 3.1em;
		line-height: .8em;
	}

	#loginForm h2 {
		font-size: 5em;
		line-height: .8em;
		margin-bottom: 40px;
	}

	#loginForm div.box {
		display: block;
		background: rgba(0, 0, 0, 0.7);
		width: 330px;
		padding: 20px 10px;
	}

	#loginForm label {
		color: white;
	}

	#loginForm input[type="submit"],
	#loginForm input[type="button"],
	#loginForm button {
		background-color: #16a8e1;
		color: white;
		border: none;
		float: right;
		margin: 0;
		margin-top: 30px;
		padding: 10px;
		font-weight: bold;
	}

/* page elements
----------------------------------------------------------*/

.title,
.subtitle {
	position: relative;
}

	.title h2 {
		font-weight: normal;
	}

.page {
	color: #3e5667;
}

.error {
	color: #e80c4d;
}

/* forms */
fieldset {
	border: none;
	margin: 0;
	padding: 0 10px;
}

	fieldset legend {
		display: none;
	}

	fieldset ol {
		padding: 0;
		list-style: none;
	}

		fieldset ol li {
			padding-bottom: 5px;
		}

	fieldset img {
		vertical-align: middle;
		padding-left: 5px;
	}

	fieldset p {
		display: inline;
		vertical-align: middle;
		padding-left: 5px;
	}

label {
	display: block;
	font-size: 1em;
	font-weight: bold;
}

	label.checkbox {
		display: inline;
	}

input,
textarea {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-family: inherit;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	width: 300px;
}

input,
select {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	min-width: 150px;
}

	input:focus,
	textarea:focus {
		border: 1px solid #7ac0da;
	}

	input[type="checkbox"] {
		background: transparent;
		border: inherit;
		width: auto;
	}

/* info and errors */
.message-info {
	clear: both;
	border: 1px solid;
	padding: 10px 20px;
}

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

/* styles for validation helpers */
.field-validation-error {
	display: block;
	color: #e80c4d;
	font-size: .80em;
	font-weight: bold;
}

.field-validation-valid {
	display: none;
}

input.input-validation-error {
	border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
	border: 0 none;
}

.validation-summary-errors {
	color: #e80c4d;
	font-size: 1.0em;
	font-weight: bold;
}

.validation-summary-valid {
	background-color: red;
}

input[type=checkbox].css-checkbox {
}

	input[type=checkbox].css-checkbox + label.css-label {
		padding-left: 95px;
		height: 24px;
		display: inline-block;
		line-height: 24px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 24px;
		vertical-align: middle;
		cursor: pointer;
	}

	input[type=checkbox].css-checkbox:checked + label.css-label {
		background-position: 0 -24px;
	}

label.css-label {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAwCAYAAACc2R15AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcPDTkLVHEPfQAAC4dJREFUeNrtm39MVFcWxz9vZvgxAzMgAyoIglJAbIsQoOBvC+kCVdGatdXqxjZtaJpQ2q1Nady0tWm6qU23G5Em3aRpYprq2hpbEBew2t2WIrDSitS2FlTAIlQcwIFhGH759o837zkjyA8Z3W5nv8nL491377mP7z333HPPPSMwCZw6dUo8fvw4/f39dHZ2YrVacTdotVrCwsIYGBjAYrFgsVgQBAFfX1/0ej2RkZEsWbKE0NBQYTw54748cOCAWFVV5ZYEOxI9Z84czp07N6n6CQkJZGZmMm/ePGHShJ89e1Z87733JKIFgciYhRgi78PiFUS7Bcy2a25BdsjABUy1RYyMjACQlJREXFwcERER+Pn5AWA2m2lpaaG+vp6TJ08CoFarWb16NWvWrBEmJPzYsWNiSUkJVquVOeGReMZlc86sdjvNjuqv48LJYwCkpKSQlZVFcHDwuG3a29spLS2lpqYGgBUrVrB161bhpoQ7anZC2npqh+9ySzMSI7Rw7stPANiwYQMZGRlTal9WVsann34KQHZ2tpOmqxwr/p9sCFDbaPr6EAAPPfTQlMkGyMzMZMOGDQAcOXKEpqYmcRThhw8fFq1WK/6zw9yWbIBZ3bWMjIyQkpJCZmbmLcvJyMggJSWFkZERjh49yijCjx8/DoLAjOTf31IHuStDeH9LFOkx/krZG9kRvL8lityVIf8b2q2y0lBXDUBWVta05ckyvvnmG86fPy8qhFdWVopWq5W7E+5z2QK5IyOMWXoPLphsFH7Z9r+h3UMXAUhOTp5wgZwMgoODSUpKAlA8GA3A6dOnAfAMS4Tu6X947soQ5gd6c8Fk48/lP19f+WdqyX8gVHne9XkrjR39Spv4UB8ALvcO8afiZmWWyAM3P9AbgP21Vzj+01WXE25tbwQgLi7OZTLj4uKora2lsbHxukn5+WeJlI5r+ml3kBKhJz7Uh8u9Q05kA+Q/EMrl3iGe/KiRCyabQv6jSUHEh/rwxU9XefKjRmbpPdiREebUtrnTxpMfNXK5d4jNSUG3RcMHLNIghoeHu0xmREQEAFevXh3tpZgHxGl3IGvhLL0HjzoQI9v279v6AKhp7lXIjjBKbfbVXgFw0mYZ8ju5veNa4Sr09JgBlE2NKyDLstls101Kf3//OJt/AZVag1rjhaBWo1KpQRi9QVVrPADoGxTJL++mcG0AaTH+HGqQdqUhRh0AaTH+pDmQpfb0Rq+V2r6/JcpJprfBiEqlUv6W60vy9HgbXLshE+7AOqEBMBqNWK1W9J4iZtv1lyqNBxovHSq1ZtICSxukwfvul0Hune3J9mUG/vJ1D1f6JOK/bLLxyRnn2Mz2ZQaCfCD3cNek+5HluRK+ej9sNhtmsxlvb2+XyDSbzUpMRjEpYWGSvQz37L0+El46PHWGKZHtiL+dtNA3KDJvhoZV87z5V5M0kgtnStr8VLIvhWsDiAzQcPHqMAAb75Fmwa6MGbya5jytn0r2dWovy3Mp4f4B0nrR3OwymS0tLQAYDIbrhEdFSVPZ3PKdfdpq0Xhpp91Z7aUByR+NlmT9tbKHIB81hWsDuHe2JwfPWDnfNcwnZ6x898sgK+d5U7hW+qdf+8LsTIaXisK1AQT5qDl45vZEL71DYgGor693mUxZVnR0tLPZysnJEQHmZL9Ex4hhTDv938CraX4E+ainZG5uFV5DV7GU7wJg586d0/bF29vb2blzp+Sh5ecTGRkpKF7KkiVLJF/05L5fDdl3GgMe/ixIXCatRaWl05Yny0hISCAyMlJwcgsfe+wxAaC7/SJRAz/8akh47QvzHdFuGZeClqNWq6mpqaG8vPyW5ZSVlVFTU4NarSYtLY0xo4XPP/88AD98/iELB0+7pZbbNAbmrtgMwKFDhygrK5uyjPLyciU8u3r1amJiYoSbup7Hjh0TP/74Y8nXvesevBI30drnfgcQ4Z0VnKv6h7R7vsUDiKVLl7Jt2zZhQl//7Nmz4jvvvKM8x6/IwjM0nk7Rlys29yF/du8Zzv9zv3LElpycTFxcHOHh4U5HbM3NzdTX11NbWyt5eVM5YpNhMpneLCkpyT9x4gTujJCQEHx9fWloaJhU/cTERFatWuVkRqa0mzWZTG/W1dXl19XV0dnZSWdnp1sTPzAwQF9fH729vUqahMFgICIigkWLFhEbGytMuLUfdxGx2fJ7enoYHpZ2g97e3oiiiF6vR6vV4ufnx6VLl+ju7v5NE97WNjqmr9PpEEURg8FAYGDghGSPq+FtbW3iZ599Rl1d3aQ+KDo6mitXrvzmiZ8I6enppKen7woMDHxp0oSXlpaKxcXFt5SPsamri4UHDrgHu6GhiMHBdNx/P6d0OiocZsHTTz9NQkLCxIvm3r17xcrKymm5Q1keHix791230+6RxEQ+TE6m8ZoUydy2bRtLly69uVt49OhR8eDBg8D08zG2mM3uo+k34NTLL3Pw8uUxNV3laLNlslyRj/H3gAAsCxa4JeEJr7/OFk9P2WJgMpneHEW4bLNdmY/x9datbrt4LiwsZIG/P1arlZKSknwnwltbW8Vvv/1Wsr8uzMeouHiRnthYpdxj+XICRXHUZTSZfpOk/2HfPgBOnDihaLkKoKqqStm6ujofozE9fdT74epqTIKASRAwr1iBYDTib/+G3xRaW/ldZCQAdXV1+Qrhcu6zq/MxAL738Bi33lBFhbR6G41KmdFkUrTfd88eALR5eQSKIv5VVcq7GQ0NTs9y3bFmkzYvD0CpL8N3zx6n94aiIif508W9vdKxpRwaUAFYLBYpQnYb8jG6h4bGrSf/oyM//gjAjIYGBKMRkyBgKyzEOzdXqQOgjorCJAgMFhejth8NmgQBsbMTr82bFbL9vvpKmUmDxcX47N6NNi+Pgf37FaIBNPaZ2F9QgO+ePXhmZ2MrLMQkCKijoqY98/zsh8hOhPfaR+F25GP02EMCTvGE1FRFi3x272a4upqedesUQoerpfw+yzPPAChEAgzZ9wgyZAKvdXUps0T7wgsA9L34ovQNdtlemzfTX1CA2NmpEK1JTVX6k8vkfoerq9Gkpk6LB/GGFBTNnTBlgTcWVFfD4sXQ0ABRUWhqa6U6y5c7DYjjR8of6nmDPB/75dTXzJnSoN840Eaj9L6xUerDPnM0+/dL5fYBc+x7zO+XybRfg8AQMDBWsEqtBlFUfrajAtDr9cp23VWQZflpxhnTJ56Q7rm50t1uz6muls5V5Wvx4ql13tExdrkc6bTPCl55RSorKHB+79j3OOe7gp1Ab0APBABeN9QZ1EmpH0b7YKrges7E7cjHMI63aFZUSORKrpJ0b2wEeRrn5YEogsNiOCm8/bZ0f+st6V5U5Ex0QYFErtEo9SfDfoCg9GcySbNwklDZidc5lFl8fEYTPn/+fOD25GPEqSc4IZK1NzVVMinR0RIZogi7d0NxMdht6qRRUQHPPivJFEXIzpaeZU0GkNcCeRBA6qe4WJpxslmx55NMBTpAzuqp9pJ0PiYmxtFdbBVzcnLEnJwcsa2tTZwu2traFHmm2FhRlD7f7a6ukBDxj889J/HguPEJDQ0V4uPj5dDstLVblrEiLAyj3d1zRxzZtIk+q5X4+Hjk+LgSS1m/fr3L8zEeLClxW7JP7thBhcWCTqdjzZo1jApehYSECOvs/qor8jEeV6uZYY+Puxsqt29nv90N3LhxI3Pnzr15XoorDiDWBQXx4BtvuB3Rw3PmsHf9ev5t312np6fzyCOPTJyXUlZWJhYVFd1SPsbjWi3JH3zgFgSLosi10FB6EhOpvftuStvb6bNa0el0bNy4cdRpz00Jt/vRYklJifKDq4kQHx9PR0fHmKfb7oTo6GgefvhhJzMyKcJlNDU1iTU1NTQ3N9PT06PEXfR6PT4+Puj1erq6utySaJ1Oh1arxWg0EhMTw6JFi25KtIz/AII2lfNYJeXGAAAAAElFTkSuQmCC') /*../Images/cb_keep-remove.png*/;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
	/* header
	----------------------------------------------------------*/
	header .float-left,
	header .float-right {
		float: none;
	}

	/* logo */
	header .site-title {
		margin: 10px;
		text-align: center;
	}

	/* main layout
	----------------------------------------------------------*/
	.main-content,
	.featured + .main-content {
		background-position: 10px 0;
	}

	.content-wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}

	.featured .content-wrapper {
		padding: 10px;
	}

	/* features */
	section.feature {
		float: none;
		padding: 10px;
		width: auto;
	}

		section.feature img {
			color: #999;
			content: attr(alt);
			font-size: 1.5em;
			font-weight: 600;
		}

	/* forms */
	input {
		width: 90%;
	}

	/* footer
	----------------------------------------------------------*/
	footer .float-left,
	footer .float-right {
		float: none;
	}
}


.line-breaks { white-space:pre-line; }