/* THIS DOCUMENT TO BE LOADED INTO WYSIWYG IN CMS */

/* ERIC MEYER'S RESET CSS
   http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* END ERIC MEYER'S RESET CSS */



/* DEFINE DEFAULT TEXT/CONTENT STYLES FOR DOCUMENT */

body, #content {font:normal 10pt/1.4em Arial, Helvetica, sans-serif; color:#333;}

h1, h2, h3, h4, h5, h6, p.green {color:#447a1c;}
h1 {font-size:24pt; line-height:1.1em; font-weight:normal; padding:5px 0;}
#column_main h1 {font-size:16pt;}
h2 {font-size:16pt; line-height:1.1em; font-weight:normal; padding:0.5em 0 0 0;}
#list-box h2 {padding-top:0;}
h3 {font-size:12pt; line-height:1.1em; font-weight:normal; padding:0.5em 0 0 0;}
h3 span {font-size:70%; font-weight:bold;}
h4 {font-size:10pt; font-weight:bold; margin-top:.2em;}
h5 {font-weight:bold; margin-top:.5em;}
h6 {font-size:.9em; font-weight:bold; margin-top:.3em; font-style:oblique;}

#banner h1 {position:relative; bottom:-70px; left:20px; color:#fff;}
.earth h2 {color:#630;}
.air h2 {color:#360;}
.water h2 {color:#09c;}
.fire h2 {color:#c03;}

p {margin-top:0.5em; margin-bottom:0.25em;}
.intro {font-size:120%; font-weight:bold;}

a, a:visited {color:#36c; text-decoration:underline;}
a:hover {color:#039; text-decoration:none;}
a.more {text-transform:uppercase; font-size:70%; color:#c00;}
a.more:hover {color:#900;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{color:#447a1c;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover
{color:#030;}

ul, ol, dl {margin-bottom:1em; margin-top:0; padding-top:0;}
ul ul, ul ol, ol ol, ol ul {margin:0;}
#content ul li, ul li ul li, ol ul li {display:block; list-style-type:none; margin-left:0; padding:2px 2px 2px 12px; background:transparent url(../images/greyarrow.gif) 0 6px no-repeat;}
ol li {margin-left:24px; list-style-type:decimal; background:none;}
ol li ol li, ul ol li {list-style-type:lower-alpha; background:none;}
dl dt {font-weight:bold;}
dl dd {margin-left:2em; margin-bottom:.5em;}

hr {margin:0.25em 0; border:none; border-bottom:1px dotted #ccc; height:1px; clear:both;}

sup { font-size:50%; vertical-align: text-top; }
small, .small {font-size:.8em;}
big, .big {font-size:1.2em;}

.float_left {float:left;}
.float_right {float:right;}
img.float_left {margin:0 15px 15px 0;}
img.float_right {margin:0 0 15px 15px;}

#column_right img {margin:0 0 10px 0;}

.clear {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}


/* FACILITATOR LISTS */
#content ul.country {float:left; position:relative; clear:none; margin:0;}
#content ul.country li {clear:left; padding:none; margin-top:5px; background-image:none;}
#content ul.country li li {border-top:none; margin-top:0;}
ul.country label {float:left; width:110px; margin-right:10px;}
li > label {width:120px; float:left; color:#666; line-height:1.8em; margin-right:10px;}

ul.location, ul.date {margin:0 0 0 15px;}
#content ul.location li, #content ul.date li {margin:0; display:block; float:left; clear:none; background:none; padding:0;}

.facilitators {display:block; margin:0 0 0 120px; background-image:url(../images/icon-arrow.png); background-position:left 5px; background-repeat:no-repeat; padding:0 0 0 12px; border:solid 1px #fff;}
.facilitators ul {font-size:12px; color:#666; display:block;}
#content ul.all li {float:left; margin:0 3px; clear:none; width:150px;}
ul.active li {margin:0; display:block; float:none;}
ul.active li span {color:#ccc; font-size:14px;}
.facilitators hr {clear:left; height:0; border:none; size:0; color:#ddd; margin:0; padding:0;}

.button-holder { padding: 10px 0 0 10px; }

input.btn_upload { background: transparent url(../images/btn_upload.png) no-repeat top left; width: 100px; height: 28px;  text-indent: -999px; border: 0px; margin: 0 10px 0; }
input.btn_upload:hover { background-position: -50px left; cursor: pointer; }

input.btn_save { background: transparent url(../images/btn_save.png) no-repeat top left; width: 80px; height: 28px;  text-indent: -999px; border: 0px; margin: 0 10px 0; }
input.btn_save:hover { background-position: -50px left; cursor: pointer; }

.button, .button-grey {font-size:13px; text-decoration:none;}
a.button {background:transparent url(../images/button_blue_right.png) no-repeat scroll top right; display:block; height:29px; margin:0 0 8px 0; padding-right:7px; text-decoration: none; color: #cccccc; font-weight:bold; text-decoration:none;}
a.button span {background:transparent url(../images/button_blue_left.png) no-repeat; display:block; font-weight:normal; line-height:1em; padding:8px 0 8px 7px; color: #cccccc; text-decoration:none;}

a.button-grey {background:transparent url(../images/button_grey_right.png) no-repeat scroll top right; display:block; height:29px; margin:0 0 0px 0; padding-right:7px; text-decoration: none; color: #cccccc; font-weight:bold; text-decoration:none;}
a.button-grey span {background:transparent url(../images/button_grey_left.png) no-repeat; display:block; font-weight:normal; line-height:1em; padding:8px 0 8px 7px; color: #cccccc; text-decoration:none;}

a.button-black {background:transparent url(../images/button_grey_right.png) no-repeat scroll bottom right; overflow: hidden; display:block; height:30px; margin:0 0 8px 0; padding-right:7px; text-decoration: none; color: #cccccc; font-weight:bold; text-decoration:none;}
a.button-black span {background:transparent url(../images/button_grey_left.png) no-repeat bottom left; display:block; font-weight:normal; line-height:1em; padding:8px 0 9px 7px; color: #cccccc; text-decoration:none;}
a.button-black:hover {background-position:right -1px;}
a.button-black:hover span {color:#fff; text-decoration:none; background-position:left -1px;}

a.button:hover, a.button-grey:hover {background-position:right -50px;}
a.button:hover span, a.button-grey:hover span {color:#fff; text-decoration:none; background-position:left -50px;}

a.remove {width:50px; background:transparent url(../images/remove.png) 0 0 no-repeat;}
a.remove:hover {background-position:0 -30px;}

a.cross b {background:transparent url(../images/button-cross.png) top left no-repeat; padding:0 0 1px 20px;}
a.cross:hover b {background:transparent url(../images/button-cross.png) top left no-repeat;}

input.btn_upload { padding: 0px 10px; }

a.arrow b {background:transparent url(../images/button-arrow.png) top left no-repeat; padding:0 0 0 20px;}
a.arrow:hover b {background:transparent url(../images/button-arrow.png) top 1px no-repeat;}

a.cart b {background:transparent url(../images/icon-cart-empty.png) top left no-repeat; padding:0 0 0 20px;}
a.cart:hover b {background:transparent url(../images/icon-cart-empty.png) top 1px no-repeat;}

a.edit b {background:transparent url(../images/button-edit.png) top left no-repeat; padding:0 0 0 20px;}
a.edit:hover b {background:transparent url(../images/button-edit.png) top 1px no-repeat;}

a.tick b {background:transparent url(../images/button-tick.png) top left no-repeat; padding:0 0 1px 20px;}
a.tick:hover b {background:transparent url(../images/button-tick.png) top left no-repeat;}

a.add b {background:transparent url(../images/button-add.png) top left no-repeat; padding:0 0 1px 20px;}
a.add:hover b {background:transparent url(../images/button-add.png) top left no-repeat;}

a.save, a.save:link {display:block; width:100px; height:28px; overflow:hidden; background:transparent url(../images/save-button.png) 0 0 no-repeat; float:right;}
a.save:hover, a.save:visited:hover {background-position:0 -50px;}
a.save:active {background-position:0 -100px;}
a.saved {background-position:0 -150px;}


#list-box {padding:0 0 20px 0; width:190px;}
#list-content {background-color:#ddebf5; border-left:solid 1px #c6d3e5; border-right:solid 1px #c6d3e5; padding:0 10px;}
#list-content ul {margin:0;}
#list-content ul li {padding:0 10px 5px 13px; background:url(../images/icon-arrow.png) 0 6px no-repeat;}
#list-content ul li a, #list-content ul li a:visited {color:#0066cc; font-size:14px; text-decoration:underline;}
#list-content ul li a:hover {color:#003366; text-decoration:none;}


/* FACILITATOR PROFILE */
img.profile-photo { border: 1px solid #ccc; }
.profile-photo-shadow { width: 190px; height: 14px; background: transparent url(../images/profile-photo-shadow.jpg) top left no-repeat; }
p.profile-photo-caption { color: #686868; font-family: 'Arial Narrow' Arial sans-serif; margin: 0 0 20px; padding: 0; }
.testimonial { font-style: italic; background-color: #EAF3F2; width: 174px; padding: 10px 8px 22px; font-size: 12px; margin-top: 10px; background: #eaf3f2 url(../images/testimonial-bottom.jpg) bottom left no-repeat; }
p.testimonial-details { font-weight: bold; padding: 0px 8px; font-size: 12px; margin: 0; }
img.profile-logo { padding: 30px 0; border-bottom: 2px solid #ccc; padding: 0 10px; }
.org-detail { border-bottom: 1px solid #ccc; padding: 5px 0;}
.org-detail strong { color: #447a1c; font-size: 14px;}


/* FORM */

ul.block {overflow: hidden; padding:30px 0 10px 0;}
ul.block li {width:400px;}
ul.block li.photo	{	width: 250px;	}
ul.block li.details	{	width: auto;	}
ul.form { margin: 10px 0; }
.form > li {background:none; padding:0 0 5px 0; display:block; clear:left;}
.form .note {font-size:80%; color:#666; display:inline}
.form .subscript {font-size:70%; font-weight:bold; float:right; width:44px; line-height:1.2em;}
.form input.error {border:red 1px solid;}
.form label.error {color:red; display:none !important;}
.form .submit {margin-top:5px;}

/* event registrant specific form */
#registrants_form ul.checkbox_list li {
  width: 600px;
  background: none;
  padding: 0;
}
#registrants_form ul.checkbox_list li > label {
  display: inline;
  float: none;
}

.form_container > .left {
  float: left;
  width: 310px !important;
}
.form_container > .right {
  float: right;
  width: 310px;
}


textarea { font: normal 12px Arial, Helvetica, sans-serif; color:#333; margin: 0 0; }
input { font: normal 12px Arial, Helvetica, sans-serif; color:#333; }
input.text_medium { width: 230px; }
input.text_large { width: 330px; }
input.text_website { width: 195px; }
select.select_medium { width: 230px; }
textarea.textarea_small { width: 230px; height: 55px; }
textarea.textarea_medium { width: 370px; height: 130px; }
input.file_small { width: 170px; margin: 22px 0 10px 0; }

.block label {width:120px; float:left;}

.imageblock {background-color:#eaf2f0; padding:10px;text-align:center;}
.imageblock .browse, .imageblock .buttons {margin:20px 10px 0 10px;}
.imageblock h3, .imageblock p {}
.imageblock img {border:solid 1px #ccc; margin:10px;}
.imageblock textarea, .imageblock ul {width:345px; margin:10px auto;}
.imageblock .form input {width:230px;}
.imageblock .button, .imageblock .button-grey {width: 105px;}
.form .button span, .form .button-grey span {padding:8px 7px 10px 7px;}

.imageblock .textfield {margin:22px 0 10px 0;}
.formwidth {width:217px; margin:0 15px 0 0; float:left;}

.colright {float:right; padding:0 0 0 40px; width:400px;}
.colright .button {margin:0 0 0 10px;}

#save {background-color:#eaf2f0; padding:10px; margin:20px 0 0 0; clear:both;}
#save h1, #save label {font-size:18px; line-height:26px; color:#666; float:left;}
#save .float_left {margin-right:10px;}

.addressblock {background-color:#eaf2f0; padding:10px; margin:5px 0 15px 0;}
.addressblock ul.form li {width:auto;}
.addressblock ul.form input.larger {width:230px;}
.form .addressblock h4 {color:#000;}
.toppad {padding:10px 0 0 0; width:120px;}


/* CART */
#process {margin:0; display:block;}
#process li {display:inline; padding:0 20px 0 0; font-size:120%;}
#process a, .process a:visited {color:#bbb; text-decoration:none;}
#process a:hover {color:#666;}
#process a.current {color:#069;}

.deliverytext {width:855px; margin:10px 0 0 0;}

#cart {text-align:left; border-collapse:collapse; width:860px;}
#cart th {color:#999; font-weight:bold; padding:10px 0; font-size:16px; text-align:left; border-bottom:solid 1px #ccc;}
#cart td {padding:5px 0; vertical-align:middle;}
#cart h3 {padding:5px 0 0 0; margin:0;}
#cart h3 a, #cart h3 a:visited {color:#39c;}
#cart h3 a:hover {color:#039;}
#cart td.adjust {width:55px;}
#cart td.qty {width:85px;}
#cart .qty, #cart .total {font-weight:bold; font-size:120%;}
#cart .item {padding:0 10px;}
#cart .price {width:130px;}
#cart .total {width:120px;}
#cart .qty, #cart .price, #cart .total {text-align:right;}
.total-cost {float:right; width: 250px;}

dt {display:inline; width:130px; float:left;}
dd {padding:0 0 5px 0; text-align:right; color:#333; font-weight:bold; font-size:16px;}

.cart-extras li {display:block; padding:5px 0; background:none; border-bottom:dotted 1px #ccc;}
.cart-extras li li {padding:2px 0; border:none;}

p.instruction {background:transparent url(../images/warning-blue.png) 0 5px no-repeat; padding:5px 5px 5px 36px; color:#069;}

dd span {width:120px;}
.total-cost {padding:5px 0 0 0; color:#060; font-weight:normal; margin:0;}
#total {color:#333; font-weight:bold; font-size:17px;}
.order-extra {width:320px;}
#redemption-code form {display:block; float:left;}
#redemption-code input {margin:5px 10px 0 0;}
.addressblock .float_right {width:120px;}

#payment li {float:left; display:inline; padding:0 30px 0 0;}

h3 label {color:#039;}
h3.error { padding: 20px 0 15px 0; color: red; }
p.thanks {padding:10px 0 30px 80px; background:transparent url(../images/tetra-grin.png) 0 10px no-repeat; font-size:120%;}
.voucherwidth {width:550px; float:right;}

#cart a.more, #cart a.less, #cart a.remove {display:block; height:20px; overflow:hidden; margin:2px 0; float:left;}
#cart a.more, #cart a.less {width:25px; background:transparent url(../images/more-less.png) 0 0 no-repeat;}
#cart a.more {background-position:-25px 0;}
#cart a.more:hover {background-position:-25px -30px;}
#cart a.less {background-position:0 0;}
#cart a.less:hover {background-position:0 -30px;}
#cart a.remove {width:50px; background:transparent url(../images/remove.png) 0 0 no-repeat;}
#cart a.remove:hover {background-position:0 -30px;}


/*
 * NEW PF TEMPLATES 09/04/10
 * product_detail
 * product_list
 * course_detail
 * edit_account
 * my_downloads
*/
#column_right div.section				{	border-bottom: 1px dotted #ddd; padding-bottom: 10px; margin-bottom: 10px;	}
#column_right div.section span.smtext	{	font-size: 80%;	}
#column_right div.section span.special	{	color: #D66B00; font-weight: bold;	}

/* removed (Adrian 30/4/2010) to make content in left column consistent with main column

#column_left p			{	font-weight: bold; margin-top: -5px; margin-bottom: 20px;	}
*/




/* edited by Adrian 15/4/2010 */

blockquote, span.quote	{
  color: #222;
  font-weight: normal;
  font-style: italic;
  /*font-size: 90%;*/
  background: #eaf2f0 url(../images/speechmarker.png) no-repeat bottom left;
  background-color: #eaf2f0;
  padding: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
}

span.quote {
  margin-top: 0;
  padding: 3px 3px 3px 3px;
  background: #EAF2F0;
}
      
cite {display:block; font-size:80%; font-style:italic; font-weight:bold; text-align:left; margin-bottom:10px;}

blockquote p {margin:5px 0;}

/* end edit */


#column_main div.lists	{	margin-top: 10px;	}

#save					{	background-color:#eaf2f0; padding:10px; margin:20px 0; clear:both;	}
#save h1, #save label	{	font-size:18px; line-height:26px; color:#666; float:left;	}
#save .float_left		{	margin-right:10px;	}

.lgtext	{ font-size: 120%; }
.smtext { font-size: 80%; }

input.larger	{	width: 260px;	}
select.larger	{	width: 267px;	}
input.normal	{	width: 160px;	}
select.normal	{	width: 166px;	}
input.vsmall	{	width: 65px;	}

div.address_container													{	margin-top: 20px;	}
div.address_list div.addressbuttons										{	position: absolute; bottom: 10px; right: 10px;	}
div.address_list,
div.address_add															{	width: 400px;	}
div.address_list h2														{	padding-bottom: 20px;	}
div.address_list div.addressbox											{	width: 400px; margin-bottom: 10px;	}
div.address_list div.addressbox h3										{	margin-bottom: 10px;	}
div.address_list div.addressdetails										{	background-color: #EAF2F0; padding: 10px; position: relative;	}
div.address_list div.addresstext										{	width: 300px;	}
div.address_list div.addresstext p									{	display: block; padding: 2px 0px;	}
div.address_list div.addressbuttons										{	width: 80px;	}
div.address_add 														{	position: relative; float: right;	}
div.address_add a.addnewaddressbutton									{	position: absolute; bottom: 0px; right: 0px; width: 73px;	}

#column_right div.orderbox												{
																			background-color: #EAF2F0;
																			padding: 10px 10px 10px 10px;
																			color: #555;
																			width: 150px;
																			margin-top: 10px;
																			margin-bottom: 20px;
																		}
#column_right div.orderbox label									{	margin-bottom: 8px; color: #559999; display: block;	}
#column_right div.orderbox label input						{	text-align: right; margin-left: 15px;	}
#column_right div.orderbox a											{	width: 110px; font-size: 85%;	}
#column_right div.orderbox input.cart							{	width: 110px;	}

#content.product_details												  {	padding-top: 10px; background-image: none;	}
#content.product_details #column_left img								{	width: 200px;	}
#content.product_details #column_main h2.title				  {	font-weight: bold; padding: 0px; margin: 10px 0px;	}
#content.product_details #column_main h2.title span			{	font-style: italic;	}
#content.product_details #column_main h4 								{	margin: 10px 0px 0px 0px;	}
#content.product_details #column_main p									{	margin-top: 0px;	}
#content.product_details #column_left img								{	margin-top: 10px;	}

#column_main.middle														    {	width: 378px; padding: 0px 15px; margin-left: 225px	}
#content.course_details #column_left							{	padding-top: 10px;	}
#content.product_list_content											{	/*background: #fff url(../images/bgblur.png) no-repeat top center;*/	}
#content.product_list_content #column_main				{	margin-left: 0px;	}

#content .pricelist_select                        { padding-top: 15px; }

#content.product_list_content div.product_category						{
																			margin: 0px 3px;
																			padding-top: 10px;
																			width: 422px;
																			float: left;
																			background-color: #fff;
																		}
#content.product_list_content div.product_category h3  {	font-size: 150%; font-weight: bold; padding-left: 20px;	}
#content.product_list_content div.product_section			 {	padding-top: 10px;	}

#content.product_list_content h2                       {	font-weight: bold; font-size: 140%; padding-bottom: 10px;	}
#content.product_list_content div.product								{	width: 398px; margin: 20px 12px; border-bottom: 1px dotted #ccc;	}
#content.product_list_content div.product h4 a							{	text-decoration: underline;	}
#content.product_list_content div.product img							{	float: left; width: 119px; padding-right: 30px;	}
#content.product_list_content div.product p.subline						{	font-style: italic; color: #336666;	}
#content.product_list_content div.product div.product_description		{	margin-left: 155px; margin-bottom: 20px;	}
#content.product_list_content div.product div.buybox a.quickbuy			{	float: right; /*width: 100px;*/	}
#content.product_list_content div.product div.pricebox					 {	padding: 5px 0px 15px 0px;	}
#content.product_list_content div.product div.pricebox div.price {	float: right;	}
#content.product_list_content div.product div.buybox					{
																			height: 29px;
																			line-height: 29px;
																			background-color: #EAF2F0;
																			clear: right;
																			padding: 5px;
																			color: #555;
																			-moz-border-radius: 5px;
																			-webkit-border-radius: 5px;
																			border-radius: 5px;
																		}

#content.event_list_content								        {	background: none;	}

#content.event_list_content h2                    {	font-weight: bold; font-size: 140%; padding-bottom: 10px;	}
#content.event_list_content div.event_category h3 {	font-size: 150%; font-weight: bold; padding-left: 0px;	}


div.tableholder															{	margin: 20px 0 20px 0; }

table.grid_table														{	width: 100%;	}
table.grid_table th														{	border-bottom: 1px solid #555; text-align: left; padding: 5px 20px;	}
table.grid_table th.link												{	width: 40%;	}
table.grid_table th.remaining											{	width: auto;	}
table.grid_table th.expiry												{	width: 30%;	}
table.grid_table td														{
																			background-color: #EAF2F0;
																			border-bottom: 1px solid #fff;
																			text-align: left;
																			padding: 5px 20px;
																			color: #555;
																		}

#breadcrumb				{	padding: 8px 0px; border-bottom: 1px dotted #ddd;	}
#breadcrumb a			{	font-family: Arial,Helvetica,sans-serif; font-size: 12px; text-decoration: none; }
#breadcrumb a, #footer a {color: #666;}
#breadcrumb a.active	{	color: #055; font-weight: bold;	}
#breadcrumb a:hover, #breadcrumb a.active:hover, #footer a:hover	{	color:#039;}


#banner.nogap			{	padding-bottom: 0px;	}

hr.bottom_separator		{	margin-top: 30px;	}



.highlight {color:#06c; padding:2px 1px; background-color:#ff9;}
.caption {font-size:12px; color:#666;}


#pfTinyMceEditor ul {
margin-bottom:1em;
margin-top:0;
padding-top:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#pfTinyMceEditor ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/greyarrow.gif) no-repeat scroll 0 6px;
display:block;
list-style-type:none;
margin-left:0;
padding:2px 2px 2px 12px;
}

#pfTinyMceEditor {
    padding: 0px 10px;
}

table.printrequest td {
  padding: 5px; 
}