/* @override http://henry.randb.com.au/drinxloyalty.com.au/workspace/css/styles.css */

/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 	margin: 0; 	padding: 0; 	border: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	line-height: 1; 	font-family: inherit; 	text-align: left; 	vertical-align: baseline; } a img, :link img, :visited img { 	border: 0; } table { 	border-collapse: collapse; 	border-spacing: 0; } ol, ul { 	list-style: none; } q:before, q:after, blockquote:before, blockquote:after {	content: ""; }

/*//////////////////////////////////////////////////////////////
//	Page Layout
/////////////////////////////////////////////////////////////*/

body {
	background: black;
}

#bodycontainer {
	background: url(../images/header-back-background.png) repeat-x top left;
}

#logocontainer {
	xfloat:left;
	xwidth: 100%;
	xtext-align:center;
	xpadding-top: 56px;
	position: relative;
	height: 0px;
	width: 222px;
	margin: 0 auto 0 auto;
}

#drinxlogo {
	position: absolute;
	top: 56px;
}

#pagecontainer {
	width: 953px;
	margin: 0 auto;
	
}

#pageheader {
	background: url(../images/header-main-background.png) no-repeat top left;
	height: 117px;
}

#page {
	background:white url(../images/page-top-background.png) no-repeat;
	width: 951px;
	margin: 0px auto 0 auto;
	padding: 100px 0px 100px 0px;
	
}

#pagefooter {
	background: url(../images/page-bottom-background.png) no-repeat bottom left;
	height: 202px;
	width: 951px;
	margin: 0px auto 0 auto;
}

#footer {
	width: 953px;
	height: 29px;
	margin: 0 auto;
	background: blue url(../images/footer-main-background.png) no-repeat;
}

#footercontainer {
	width: 100%;
	height: 29px;
	background: blue url(../images/footer-back-background.png) repeat-x bottom left;
}

/*//////////////////////////////////////////////////////////////
//	General and Text
/////////////////////////////////////////////////////////////*/

body {
	font-family: Helvetica, Arial, Sans-serif;
	color:#0a0a0a;
}

p {
	line-height: 1.4;
	margin: 0.8em 0;
}

img.drinx-mini-logo {
	vertical-align: middle;
}

p#introtext {
	width: 450px;
	margin: 0 auto 50px auto;
	text-align: center;
}

/*//////////////////////////////////////////////////////////////
//	Form Area
/////////////////////////////////////////////////////////////*/

#formcontainer {
	width: 951px;
	height: 292px;
	background:url(../images/form-background.png) no-repeat top center;
	position: relative;
}

#checkpoints, #modifydetails {
	width: 290px;
	position: absolute;
	left: 156px;
	height: 200px;
	margin-top: 35px;
}

#modifydetails {
	right: 152px;
	left: auto;
}

#formcontainer p,#formcontainer h3 {
	font-size: 90%;
}

#formcontainer h3 {
	font-weight: bold;
}

#loadingimage {
	text-align:center;
}

form button, 
form input {
	vertical-align: middle;
}

form button {
	background: url(../images/button-background.png) no-repeat;
	border: 0;
	padding: 0;
	clear: both;
	width: 116px;
	height: 33px;
	line-height: 33px;
	color: white;
	cursor: pointer;
}

a.logoutbutton {
	background: url(../images/button-background-back.png) no-repeat;
	border: 0;
	padding: 0;
	clear: both;
	width: 116px;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
	color: white;
	float: left;
	font-size: 75%;
	text-decoration: none;
	text-align: center;
	xmargin-left: 210px;
	position: absolute;
	top:  -210px;
	right: -280px;
}

#checkpoints form button {
	background: url(../images/button-background-high.png) no-repeat;
}

/*//////////////////////////////////////////////////////////////
//	Member Details Area
/////////////////////////////////////////////////////////////*/

#memberdetailsform {
	width:350px;
	margin: 0 auto;
	position: relative;
}

#memberdetailsform p {
	margin: 10px 0;
}

#memberdetailsform label {
	font-size: 80%;
	width:120px;
	float: left;
	padding-top: 0px;
	text-align: right;
	margin: 6px 6px 0 0;
}

#memberdetailsform p button {
	margin-left: 125px;
}


p.errormessage,
p.successmessage,
#memberdetailsform ul.errorlist {
	xborder: 1px dotted #FF7272;
	padding: 5px 10px;
	background: #BC1313;
	color: white;
	font-size: 80%;
}

p.successmessage {
	background: url(../images/header-main-background.png);
	color: #efefef;
}

p.successmessage a,p.successmessage a:link,p.successmessage a:visited {
	color: white;
}

#memberdetailsform ul.errorlist li {
	list-style: circle;
	list-style-position: inside;
	font-size: 80%;
	margin: 4px 0;
}

#memberdetailsform span.required {
	font-size: 70%;
	color: #ccc;
}