/* ---( = begin generic form elements )------------------------------- */

legend {margin: 0;padding: 0;font-size: 1em;font-weight: bold;}
label {margin: 0;padding: 0;font-weight: normal;cursor: pointer;}
fieldset ol {clear: both;float:left;overflow:hidden;}
fieldset ol li {overflow:hidden;position: relative; font-size: 12px; line-height: 1.5; }
fieldset ol li.button input {width:auto;}

/* ---( = begin specific form elements )------------------------------- */

div.single-col fieldset {margin: 0;padding: 10px 10px;background: #F1F4F3;border: 1px dotted #d8d8d8;}
div.single-col fieldset legend {display: none;}
div.single-col fieldset ol {margin: 0;overflow:hidden; padding-bottom: 40px;}
div.single-col fieldset ol li {clear:both;margin: 0 0 0.75em 0;padding-top: 1em; width: 800px;}
div.single-col fieldset ol li label {float:left; margin: 3px 0 0 0;padding-right: 10px;width: 180px;text-align: right;}
div.single-col fieldset ol li input, div.single-col fieldset ol li textarea {width:400px;background: #fff url(images/bg-txtbox.gif) repeat-x bottom left;border: 1px solid #dadee4;padding: 5px;}
div.single-col fieldset ol li input.radio { width: auto; }
div.single-col fieldset ol li.button input {margin-left:170px;width:auto;background:none;border:none;padding:none;}
div.single-col fieldset ol li span.field-with-errors input, div.single-col fieldset ol li span.field-with-errors textarea {background: #fff url(images/bg-txtbox.gif) repeat-x bottom left;border: 1px solid #E01515;padding: 5px;}
div.single-col fieldset ol li label.error {margin-top: 0;}
div.single-col fieldset ol li label.error em.error {display: block;}
div.single-col fieldset ol li input.ccv {width: 75px;margin-right: 10px;}

div.single-col fieldset.personal-details {width: 340px;float: left;margin: 0;padding: 0;}
div.single-col fieldset.events {width: 280px;float: right;margin: 0;padding: 0;}
div.single-col fieldset.personal-details legend, div.single-col fieldset.events legend {display: block;}
div.single-col fieldset.personal-details, div.single-col fieldset.events {background: transparent;border: none;}
div.single-col fieldset.personal-details ul, div.single-col fieldset.events ul {border-top:0;}
div.single-col fieldset.events ul {padding-right: 10px;}
div.single-col fieldset.personal-details ul li, div.single-col fieldset.events ul li {clear:both;margin: 0 0 0.75em 0;padding: 1em 0 0 0;background: transparent;}
div.single-col fieldset.personal-details ul li input, div.single-col fieldset.events ul li input {width:325px;}
div.single-col fieldset.personal-details ul li textarea {width: 350px;}
div.single-col fieldset.personal-details ul li label {float:none;display: block; margin: 3px 0 0 0;text-align: left;}
div.single-col fieldset.events ul li.checkbox {margin-bottom: 0;padding-bottom: 0;}
div.single-col fieldset.events ul li.checkbox label {float:none;display: block; margin: 0 0 0 0;text-align: left;width:280px}
div.single-col fieldset.events ul li.checkbox input {float:left;width: 15px;margin-right:1em;}
div.single-col fieldset.events ul li.select {margin: 0 0 0.5em 0;padding: 0;}
div.single-col fieldset.events ul li.select label {display:block;margin:0 0 0em 0;padding:0;text-align: left;width: 100%;}
div.single-col fieldset.events ul li.select select {float:left;display:block;width:240px;margin:0 0 0 0;text-align: left;}
.downloads { width: 450px; float: right; margin-right: 160px; margin-top: 0; padding-top: 0; }

div.single-col fieldset.personal-details ul li input, div.single-col fieldset ol li textarea {width:350px;background: #fff url(images/bg-txtbox.gif) repeat-x bottom left;border: 1px solid #dadee4;padding: 5px;}
div.single-col fieldset.personal-details ul li.button input {margin-left:170px;width:auto;background:none;border:none;padding:none;}
div.single-col fieldset.personal-details ul li span.field-with-errors input, div.single-col fieldset ol li span.field-with-errors textarea {width:350px;background: #fff url(images/bg-txtbox.gif) repeat-x bottom left;border: 1px solid #E01515;padding: 5px;}
div.single-col fieldset.personal-details ul li label.error {margin-top: 0;}
div.single-col fieldset.personal-details ul li label.error em.error {display: block;}

div.single-col fieldset ol li#ticket-2, div.single-col fieldset ol li#ticket-4,
div.single-col fieldset ol li#ticket-6, div.single-col fieldset ol li#ticket-8,
div.single-col fieldset ol li#ticket-10, div.single-col fieldset ol li#ticket-12,
div.single-col fieldset ol li#ticket-14, div.single-col fieldset ol li#ticket-16,
div.single-col fieldset ol li#ticket-18, div.single-col fieldset ol li#ticket-20 {background: #fff;padding-right: 10px;padding-left: 10px;}
div.single-col fieldset ol li input.delete {display: block;width: 150px;position: absolute;top: 6px;right: 10px;;border: none;background: url(images/icon-delete.gif) no-repeat left center;font-weight: bold;font-size: 0.833em;font-family: "Lucida Grande", Arial, "Trebuchet MS", Trebuchet, sans-serif;text-transform: uppercase;}

div.continue {margin: 1em 0 2em 180px; padding-left: 40px; }
div.continues {margin: 1em 0 2em 0;}
input.submit {display:block;float:left;margin:0 0.583em 0.667em 0;padding:8px 10px 8px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family: Helvetica, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}
input.continue {padding-right: 30px;background: #f5f5f5 url(images/icon-go.gif) no-repeat right 6px;}
input.add {padding-left: 30px;background: #f5f5f5 url(images/icon-add.gif) no-repeat 10px 6px;}
input.order {padding-left: 30px;background: #f5f5f5 url(images/icon-create.gif) no-repeat 10px 6px;}
input.pay {padding-left: 30px;background: #f5f5f5 url(images/icon-dollar.gif) no-repeat 10px 6px;}

div.single-col fieldset ol li input.submit {margin:0 0.583em 0.667em 190px;padding: 5px 15px 4px 3px; width: auto;}

div.single-col fieldset ol li input.continue {padding-right: 25px;background: #f5f5f5 url(images/icon-go.gif) no-repeat right 3px; border: 1px solid #666666;}

* html input.add {padding-left: 10px;background: #f5f5f5 url(images/icon-add.gif) no-repeat 10px 3px;}
*+html input.add {padding-left: 30px;background: #f5f5f5 url(images/icon-add.gif) no-repeat 10px 3px;}

* html input.order {padding-left: 10px;background: #f5f5f5 url(images/icon-create.gif) no-repeat 10px 3px;}
*+html input.order {padding-left: 10px;background: #f5f5f5 url(images/icon-create.gif) no-repeat 10px 3px;}

* html input.pay {padding-left: 10px;background: #f5f5f5 url(images/icon-dollar.gif) no-repeat 10px 3px;}
*+html input.pay {padding-left: 10px;background: #f5f5f5 url(images/icon-dollar.gif) no-repeat 10px 3px;}

* html div.continue {margin: 1em 0 2em 180px;}
*+html div.continue {margin: 1em 0 2em 180px;}

div.single-col fieldset ol li.amount-to-pay {font-weight: bold;font-size: 1.25em;padding: 0.25em 0;border-bottom: 1px solid #dadee4;}
div.single-col fieldset ol li.amount-to-pay span {float:left; margin: 0px 0 0 0;padding-right: 10px;width: 155px;text-align: right;font-weight: normal;font-size: 0.8em;}
div.single-col ul li { background: url(/testing_face2face/monthly/images/icon-go.gif) top left no-repeat; margin-left: 20px; padding-left: 30px; list-style: none; }

.canberra { display: inline; line-height: 2; }
.canberra input { margin-top: 15px; }
.newzealand h5 { margin-top: 10px; }
.bottom input { margin-bottom: 0px; }
 a.info {
    position:relative; /*this is the key*/
    z-index:24;
	margin-left: 192px; }

a.info:hover {z-index:999; background-color:#ff0; }
	
	
a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:20px; left: 0px; width:430px;
	padding: 9px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left;
	z-index:999;
	overflow: visible; }