/******************************************************
	Form CSS document 
	Marius Nel	
	- Quirk E-Marketing	-
******************************************************/
form#searchform  { float: right; margin-right: 9px; width: 240px; padding-top: 7px; }
input.find { float: right; }
form#searchform input.std { float: left; border: 0; border: none; width: 183px; height: 18px; line-height: 1em; color: #575757; padding: 3px 0 0 7px; font-size: 12px; background: transparent top left no-repeat url(/images/forms/search-bg.gif) }
*:first-child+html form#searchform input.std { padding-top: 5px !impotant; height: 16px; } *html form#searchform input.std { padding-top: 5px !impotant; height: 16px; }

/* Application Form */
ul#steps { float: right; margin-right: 40px; }
ul#steps li { float: left; display: block; }
ul#steps li a { width: 18px; height: 18px; display: block; background-image: url(/images/icons/steps.gif); background-repeat: no-repeat; margin-right: 4px; }
ul#steps li a span { display: none; }

ul#steps li a#step1 { background-position: 0 0; cursor: default; }
ul#steps li.current a#step1 { background-position: 0 -18px; cursor: default; }
ul#steps li.visited a#step1 { background-position: 0 -36px; cursor: pointer; }

ul#steps li a#step2 { background-position: -22px 0; cursor: default; }
ul#steps li.current a#step2 { background-position: -22px -18px; cursor: default; }
ul#steps li.visited a#step2 { background-position: -22px -36px; cursor: pointer; }

ul#steps li a#step3 { background-position: -44px 0; cursor: default; }
ul#steps li.current a#step3 { background-position: -44px -18px; cursor: default; }
ul#steps li.visited a#step3 { background-position: -44px -36px; cursor: pointer; }

ul#steps li a#step4 { background-position: -65px 0; cursor: default; }
ul#steps li.current a#step4 { background-position: -65px -18px; cursor: default; }
ul#steps li.visited a#step4 { background-position: -65px -36px; cursor: default; }

ul#steps li a#step5 { background-position: -86px 0; cursor: default; }
ul#steps li.current a#step5 { background-position: -86px -18px; cursor: default; }

div.help { display:inline; padding-left:30px; width:264px; padding-right: 30px; float: right; padding: 15px 24px 15px 24px; }
div.formWrapper table { width: 600px; float: left; }
div.formWrapper table td { width: 288px; padding-left: 24px; }
label { color: #333; font-size: 13px; font-weight: bold; }
div.formWrapper table span.note { color: #f10e09; font-size: 11px; }
input.check {  border: 1px solid #c6b794; color: #333; font-size: 12px; }
div.formWrapper input.std { width: 221px; padding: 1px 5px 2px 5px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; }
div.formWrapper input.file { width: 246px !important;  border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; }
*:first-child+html div.formWrapper input.std, *:first-child+html input.file { padding: 2px 5px; }
.next-button, .back-button { width: 59px; height: 21px; outline-color: #000; display: block; margin-top: 15px; }
.next-button { background: transparent top left no-repeat url(/images/buttons/next.gif); float: right; margin: 15px 43px 0 0;}
.back-button { background: transparent top left no-repeat url(/images/buttons/back.gif); }
a.back-button span { display: none; }
.next-button:hover, .back-button:hover, .submit-button:hover, .signup-button:hover { background-position: bottom left; }
.submit-button { background: transparent top left no-repeat url(/images/buttons/submit.gif); float: right; margin: 15px 43px 15px 0; width: 69px; height:21px; }
.signup-button { width: 92px; height: 21px; background: transparent top left no-repeat url(/images/buttons/signup.gif); padding: 0; margin: 10px 0 10px 150px; float: left; }
div.formWrapper textarea { border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; padding: 5px; width: 221px; height: 70px; font-family: Arial, Helvetica, sans-serif; }
div.formWrapper table span { color: #5e5e5e; font-size: 11px; padding-left: 0; vertical-align: middle; }
div.comp-rules { width: 578px; border: 1px solid #c6b794; padding: 5px; height: 120px; margin-top: 15px; overflow: auto; color: #333333; font-size: 11px; }

/* wrapper divs */
.custom-checkbox { position: relative; padding-bottom: 9px; }
  
/* input, label positioning */
.custom-checkbox input, .custom-radio input { position: absolute; left: 2px; top: 3px; margin: 0; z-index: 0; }
.custom-checkbox label, .custom-radio label { display: block; position: relative; z-index: 1; zpadding-right: 1em; zline-height: 1; padding: 4px 0 0 30px; margin: 0 0 .3em; cursor: pointer; }
.custom-checkbox label { background: transparent -12px -16px no-repeat url(/images/checkbox.gif); color:#666666; }
.custom-radio label { background: url(/images/radiobutton.gif) no-repeat; }
custom-checkbox label, .custom-radio label { background-position: -12px -16px; }
.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -12px -116px; }
.custom-checkbox label.checked, .custom-radio label.checked { background-position: -12px -217px; }
.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -12px -317px; }
table.formTable label { padding-right: 20px; }
table.formTable input.std { width: 211px; padding: 1px 5px 2px 5px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; }
table.formTable textarea.enqForm {  padding: 1px 5px 2px 5px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; }
table.contactTable label { padding-right: 20px; }
table.contactTable input.std { width: 221px; padding: 1px 9px 2px 9px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 54px 7px 0; }
table.contactTable textarea.enqForm {  padding: 1px 5px 2px 5px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; }
select { padding: 1px 0 1px 5px; border: 1px solid #c6b794; color: #333; font-size: 12px; margin: 7px 0; width: 111px; }
ul.errors { width: 600px; clear: both; position: relative; }
ul.errors li { list-style-type: disc; }
.errors { margin: 0 0 15px 24px; color: #f10e09; }