/**
 * Reset styles
 */
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
, 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-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; vertical-align:baseline }
body                    { line-height:1 }
a img, :link img
, :visited img          { border:0 }
ol, ul                  { list-style:none }
table                   { border-collapse:collapse; border-spacing:0 }
caption, th, td         { text-align: left; font-weight:400 }


/**
 * Set defaults
 */
html, body				{ height:100% }
body                    { background:#1A1A1D; color:#f9f9f9; font-family:Tahoma, Verdana, sans-serif; font-size:75% }
html>body               { font-size:12px }
em                      { font-style:normal; font-weight:700 }
a                       { color:#c00; font-weight:700; text-decoration:none; outline:none }
a:hover                 { text-decoration:underline }
.p-link                 { display:block; text-align:right; font-size:11px }
.p-link a				{ display:inline-block; height:18px }
p                       { line-height:18px; margin:0 0 13.5px }
.no-margin				{ margin:0 }
.underlined				{ text-decoration:underline }
.small                  { font-size:10px }
.list                   { list-style:disc; margin:0 0 13.5px 30px }
.list li, dl, dt, dd	{ line-height:18px }
dl, dd					{ margin:0 0 18px 0 }
h1,h2,h3,h4,h5,h6       { display:block; font-family:Tahoma, Verdana, sans-serif; font-weight:700; letter-spacing:1px; line-height:18px }
h1                      { font-size:26px; font-weight:400; margin:18px 0 0; line-height:36px }
h2                      { font-size:22px; font-weight:400; margin:18px 0 0; line-height:36px }
h3                      { font-size:16px; line-height:36px }
h4                      { font-size:14px; line-height:36px }
h5                      { font-size:11px; text-transform:uppercase }
h5 span					{ color:#222; font-weight:400; letter-spacing:0; text-transform:none }
h6                  	{ font-size:11px; letter-spacing:0 }


/**
 * Main structure, header, nav, footer
 */
#container				{ position:relative; min-height:100%; height:100%; voice-family: "\"}\""; voice-family:inherit }
html>body #container	{ height:auto }
#page					{ position:relative; overflow:visible; z-index:2; padding:0 0 54px }
.container              { margin:0 auto; overflow:hidden; text-align:left; width:960px }
.clear-all				{ clear:both }
#content				{ float:left; display:inline; width:580px }
#sidebar				{ float:left; display:inline; margin:0 0 0 20px; width:360px }
#wide					{ float:left; display:inline; width:960px }

#footer                 { position:absolute; bottom:0; font-size:11px; width:100%; height:536px; background:url("../images/bg-footer.jpg") bottom center repeat-x #1A1A1D }
#footer-block			{ bottom:0; position:absolute; width:100%; z-index:99 }
#footer ul              { line-height:18px; z-index:100 }
#footer li              { display:inline; margin:0 15px 0 0 }
#footer a               { color:#fff }
			
#header					{ float:left; display:inline; margin:0 0 9px 0; width:960px }
#logo                   { float:left }
#nav                    { float:right; margin:30px 0 0 }
#nav li                 { font-size:15px; float:left; letter-spacing:1px; line-height:18px  }
#nav a                  { color:#fff; display:block; float:left; text-shadow:1px 1px 0 #000; outline:none }
#nav a span				{ padding:4px 7px 5px 0; margin:0 0 0 9px; display:block }
#nav a:hover
, #nav a:hover span
, #nav .on a
, #nav .on a span		{ background:url("../images/bg-nav.png") no-repeat right top }
#nav a:hover, #nav .on a{ background-position:left top; color:#fff; text-decoration:none }
#free					{ background:url("../images/free.png") no-repeat; height:28px; position:absolute; top:55px; right:-40px; width:128px }
#free em				{ display:none }


/**
 * Module
 */
.mod					{ margin:0 0 18px 0; clear:both }
.mod-header
,.mod-header-bg			{ background: url("../images/bg-mod-header.png") no-repeat top left transparent; height:32px }
.mod-header-bg			{ background-position:right -34px; margin:0 0 0 10px }
.mod-header h2			{ color:#f9f9f9; float:left; font-size:13px; font-weight:700; line-height:18px; padding:7px 0; margin:0; text-shadow:-1px -1px 0 #111 }

.mod-nav				{ display:inline; float:right; margin:0 5px 0 0 }
.mod-nav li				{ float:left; line-height:18px; padding:7px 0 6px; font-size:9px }
.mod-nav .on a
,.mod-nav .on span
,.mod-nav a:hover
,.mod-nav a:hover span	{ background:url("../images/bg-mod-nav.png") no-repeat right top }
.mod-nav a				{ color:#f9f9f9; display:block; float:left; font-weight:400; text-shadow:1px 1px 0 #222 }
.mod-nav a:hover
,.mod-nav .on a			{ background-position:left top; color:#f9f9f9; text-decoration:none }
.mod-nav span			{ padding:0px 7px 1px 0; margin:0 0 0 9px; display:block }

.mod-content			{ background:#fff; border:1px solid #454545; border-top:none; clear:both; color:#222; padding:10px; overflow:hidden }
#content .mod-content	{ width:558px }
#sidebar .mod-content	{ width:338px }
#wide .mod-content		{ width:938px }
.mod-container			{ float:left; width:100% }
.mod-content-nav		{ float:left; height:18px }
.mod-content-nav li		{ float:left; font-size:10px; line-height:18px; padding:0 15px 0 0 }
.mod-content-nav a		{ float:left; display:block; height:18px }
.mod-image				{ float:right }
.mod-list-nav			{ float:right }
.mod-list-nav li		{ font-size:10px; line-height:18px; text-align:right }
#media .mod-content     { padding:0; width:578px }

/**
 * Alert
 */
.alert					{ border:1px solid #090; border-left:4px solid #090; color:#090; font-size:10px; font-weight:700; line-height:20px; margin:10px 0 20px; padding:8px 8px 8px 40px; text-align:center }
.error					{ background:#fcc; border-color:#c00; color:#c00 }
.warning				{ background: url("../images/warning.png") no-repeat left #FFFF99; border-color:#F4C430; color:#666 }


/**
 * Simple form styles
 */
form					{ line-height:18px }					
input,select			{ margin:0 0 10px }
textarea				{ width:370px; height:200px }
label					{ clear:left; display:block; float:left; font-weight:700; width:180px; line-height:18px; padding:1px 0 }
form br					{ clear:both }
.form-error				{ clear:both; color:#c00; display:block; font-size:10px; font-weight:700; line-height:18px }
.submit					{ clear:both; margin:9px 0 9px 180px; line-height:30px; float:left; display:inline }
.submit input			{ font-size:12px; font-weight:700; padding:5px 10px; display:block; float:left; margin:0 6px 0 0 }
.submit-button			{ margin:10px 0 0 180px }
.submit-button input	{ padding:0; margin:0 }
.optional				{ color:#666; font-size:11px; font-style:italic; font-weight:400 }
.form-note				{ font-size:10px; margin:0 0 0 180px; line-height:18px }

#suburb-autocomplete	{ width:300px; margin:0 0 0 0 }
#signin_password		{ margin:0 0 5px 0 }
input#signin_remember	{ display:inline; margin:15px 5px 0 180px; width:auto; background:transparent; border:none }
.remember-me-label		{ clear:none; display: inline; float:none; font-size:10px }
.forgotten-password		{ font-size:11px; font-style:italic; font-weight:400 }
.error_list li			{ color:#c00; font-size:10px; font-weight:700 }

a.sprites				{ background:url("../images/sprites.png") left top no-repeat transparent; display:block; float:left; height:18px; padding:0 0 0 20px; outline:none }
a.sprites em			{ display:none }
a.no-text				{ width:18px; padding:0 }
a.pause					{ background-position: 0 -18px }
a.pause:hover,a.pause.on{ background-position: -198px -18px }
a.go					{ background-position: 0 0 }
a.go:hover,a.go.on		{ background-position: -198px 0 }


/**
 * Not generic but too small to be in different package
 */
.terms					{ margin:18px 0 5px }
#privacy				{ margin:0 0 0 180px }
#privacy label			{ clear:none; display:inline; float:none; font-weight:400; padding:0; width:auto }
#privacy input			{ display:inline; float:none; clear:none; margin:-2px 10px 0 0 }
#privacy br				{ display:none }
.profile-photo			{ background:#FAFAFA; border:1px solid #EEE; padding:2px; float:left; margin: 1px 10px 0 0 }
.profile-photo img		{ border:1px solid #DDD }
dl.faqs dt				{ cursor:pointer; font-size:11px; font-weight:700; color:#9c3; margin:0 0 0 0  }
dl.faqs dl dt			{ color:#666 }
.ui-datepicker			{ z-index:2;position: absolute; top: 346px; left: 342.5px }
.tell-friend			{ text-align:center; margin:10px 0 0;  }