/* Transition Sunshine Coast CSS */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 9px 0 0 0; /* Margin bottom is 0 as div#wpr1 bakground image is to be flush with bottom */
	border: 0; padding: 0;
	background: 0 0 repeat-x url(../images-design/body-bg.jpg) #D4E25B; /* Gradient background */
}

div {margin: 0; border: 0; padding: 0;}

/* Wrappers */
div#wpr1 {/* Outer wrapper for site with windmill footer image */
	position: relative;
	top: 0; left: 0;
	height: 500px;
	background: bottom left repeat-x url(../images-design/wpr1-bg.jpg);
}

div#wpr2 {
	position: relative; /* Outer frame to content, semi-transparent background */
	top: 9px;
	margin: 0 auto; border: 2px solid #BCC083;
	width: 980px;
	height: 500px;
}
div#wpr2-fill { /* Semi-transparent filler for wrp2 */
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	filter: alpha(opacity=60);  /* IE, 0 to 100 */
	opacity: 0.60;              /* CSS3 standard (not yet supported), 0 to 1 */
	-moz-opacity: 0.60;         /* Mozilla, 0 to 1 */
}

div#wpr3 {
	position: relative;
	top: 19px; left: 21px;
	width: 935px;
	height: 500px;
	background: 0 0 repeat-y url(../images-design/wpr3-bg.png); /* LH & RH bar background. Tranparent PNG with transparency on LH bar */
}
html>body div#wpr1, html>body div#wpr2, html>body div#wpr3 {
  height: auto; 
  min-height: 500px;
}

div#hd1 {/* Header - top bar */
	position: relative;
	top: 0; left: 0;
	width: 100%;
	height: 21px;
	background-color: #8D8D23;
}
/* Header - middle bar */
div#hd2-out {/* Outer border */
	position: relative;
	top: 0; left: 0;
	width: 100%;
	height: 47px;
	background-color: #77783A;
}
div#hd2-in {
	position: relative;
	top: 1px; left: 1px;
	width: 933px;
	height: 45px;
	background-color: #FFFFFF;
}
div#hd3 {/* Header - headings bar */
	position: relative;
	top: 0; left: 0;
	width: 100%;
	height: 80px;
	background-color: #003300;
}
div#hd3 div#hd-tsc {
	position: absolute;
	top: 13px;
	left: 24px;
	width: 772px;
	height: 32px;
	background: 0 0 no-repeat url(../images-design/transition-sunshine-coast.gif);
}
div#hd3 div#hd-txt {/* Strap-line below logo */
	position: absolute;
	top: 54px;
	right: 45px;
	width: 888px;
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
}

div#hd4 {/* Header - headings bar */
	position: relative;
	top: 0; left: 0;
	width: 100%;
	height: 4px;
	background: 0 bottom no-repeat url(../images-design/hd4-bg.gif) #FFFFFF;
	font-size: 1px; line-height: 1px; /* IE height fix */
}

div#content {
	position: relative;	
	width: 589px;
	height: 730px;
	text-align: left;
	margin: 0 0 0 184px;
	padding: 0 0 20px 0; /* Padding bottom is space before footer */
}
/* Standards compliant browsers recognise this height setting */
html>body div#content {
  height: auto; 
  min-height: 730px;
}

/* Footer divs and spacers */
div#ft1, div#ft2, div#ft3 {
	position: relative;
	top: 0; left: 21px;
	width: 935px;
}

div#ft1 {/* Blue bar below div#wpr3 */
	height: 19px;
	background: 0 0 no-repeat url(../images-design/ft1-bg.jpg) #97B3E2;
}

div#ft2 {/* Spacer below div#ft1. Can contain links in future */
	height: 86px;
}

/* Privacy, terms, footer links */
#ftl, #ftr {
	margin: 3px 0 0 0; border: 0; padding: 0 10px;
	font-size: 10px;
	line-height: 13px;
	color: #333333;
	float: left;
	text-align: left;
}
#ftr {float: right; text-align: right;}

/* Footer links */
#ft2 a {color: #4E4F0F; font-weight: normal;}
#ft2 a:hover {color: #30517C;}

#ft2 a.txt, #ft2 a.txt:hover { /* Normal text credit link */
	color: #333333;
	text-decoration: none;
    font-weight: normal;
}

div#ft3 {/* Spacer below div#wpr2 */
	height: 18px;
	font-size: 1px; line-height: 1px; /* IE fix */
}

/* Add right padding and a bit of space between points in lists within the content area */
div#content ol, div#content ul {margin: 0; border: 0; padding: 0 10px 5px 30px;}
div#content li {
	margin-bottom: 0.5em;
	font-size: 16px; /* Set font size and color same as for p */
	line-height: 19px;
}

#content ul ul, #content ul ul ul, #content ul ul ul ul {margin-top: 8px;} /* Add space before lists for each sub-menu level - used by site map */

/* Standard headings */

h1, h2, h3, .h1, .h2, .h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000B40;
	font-weight: bold;
	margin: 0 10px 14px 0;
	border: 0;
	padding: 6px 0;
}
h2, h3, .h2, .h3 {margin: 0 10px 5px 0;}

h1, .h1 {
	font-size: 25px;
	line-height: 27px;
	color: #003300;
	/*border-bottom: 2px solid #8E8D23;*/
}

h2, .h2 {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 22px;
	background-color: #8D8D23;
	border: 1px solid #003300;
	padding: 6px 10px;
}

h3, .h3 {
	font-size: 18px;
	line-height: 20px;
}

p {
	text-align: left;
	font-size: 16px; 
	line-height: 19px;
	margin: 0; /* No margin-bottom on p or will extend below div#content */
	border: 0;
	padding: 0 10px 10px 0;
	color: #333333;
}

table {
	margin: 0;
	font-size: 18px; color: #333333; /* Same as p */
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin: 10px;
}

/* Image styles - also applied to object for flash */
img.right, object.right, img.right-no-border, object.right-no-border {
	margin: 5px 0 5px 10px;
	float: right;
	border: 1px solid #000000; padding: 0;
}

img.left, object.left, img.left-no-border, object.left-no-border {
	margin: 5px 10px 5px 0;
	float: left;
	border: 1px solid #000000; padding: 0;
}
img.left-no-border, img.right-no-border, object.left-no-border, object.right-no-border {border: 0;}

/* Class to hide images so they can be pre-loaded. Can be used to hide any object */
.hdn {display: none;}

.not-bold {font-weight: normal;}

/* Basic links */
a {
	color: #005A6F;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {color: #13849F;}

a.txt, a.txt:hover { /* Normal text credit link */
	color: #333333;
	text-decoration: none;
    font-weight: normal;
}

a img {border: 0;} /* Remove border from image links */

dfn, span.tip {	/* Indicates a term has a pop-up tip */
	color: #5E5F12;
}
dfn:hover, span.tip:hover {cursor: help;}

/* Menu */

/* Menu (navigation) panel in top header - within #wpr2 */

div#nav {/* Menu (navigation) panel */
	position: absolute;
	top: 59px;
	left: 43px;
	height: 24px; /* IE will re-size this if more menu options are added */
	width: 912px; /* This will need to be increased if more menu options are added */
}
/* Standards compliant browsers recognise this height setting
This will allow new top-level menu options to be displayed if added without updating style sheet to increase width of #nav */
html>body div#nav {
  height: auto; 
  min-height: 24px;
}

div#nav ul {margin: 0; border: 0; padding: 0;}

div#nav ul li {
	list-style: none;
	margin: 0; border: 0; padding: 0;
	width: 80px;  /* Min top level menu width to allow space for 'GET INVOLVED' - in case new meu items added without updating style sheet */
	float: left; /* Lines up the top level menu options from left to right */
}
div#nav ul li li {width: 200px;} /* Required to set width of secondary menu levels in IE */

/* Width of top-level individual menu nodes reset here */
div#nav ul li#mn1 {width: 77px;}  /* Welcome.  Note: the full 'div#nav ul li#mn1' rather than just '#mn1' is required by IE */
div#nav ul li#mn2 {width: 77px;}  /* About us     */
div#nav ul li#mn3 {width: 80px;}  /* About TTs    */
div#nav ul li#mn4 {width: 61px;}  /* Forum        */
div#nav ul li#mn5 {width: 74px;}  /* Courses      */
div#nav ul li#mn6 {width: 69px;}  /* Groups       */
div#nav ul li#mn7 {width: 74px;}  /* Articles     */
div#nav ul li#mn8 {width: 100px;} /* Get involved */
div#nav ul li#mn9 {width: 52px;}  /* FAQs         */
div#nav ul li#mn10 {width: 55px;} /* Links        */
div#nav ul li#mn11 {width: 72px;} /* Contact      */
div#nav ul li#mn12 {width: 55px;} /* TN Oz        */
div#nav ul li#mn13 {width: 60px;} /* TN World     */

/* Background colour to drop-down options */
div#nav ul ul li {
	background-color: #FFFFFF;
	/* filter: alpha(opacity=95);  - Cannot set opcacity in IE, the opacity works but is breaks the pop-out functionality! For IE, 0 to 100 */
	opacity: 0.95;              /* CSS3 standard (not yet supported), 0 to 1 */
	-moz-opacity: 0.95;         /* for Mozilla, 0 to 1 */
} 
/* Remove opacity on hover 
div#nav ul ul li:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
*/

div#nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	margin: 0;
	border: 0;
	/* border-right: 1px solid #333333; */
	padding: 0;
	color: #333333;
}

div#nav ul li a {
	text-align: left;
	text-decoration: underline;
}
div#nav ul li a:hover {color: #1F76FF;}

div#nav ul li li a {
	text-align: center;
	text-decoration: none;
}
div#nav ul li li a:hover {color: #FFFFFF; background-color: #8D8D23;}

/* Position pop-out menus */
div#nav li {position: relative;}

div#nav ul ul {
	position: absolute;
	z-index: 500;
}

div#nav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Show/Hide on hover */
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}


div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}

/* Header icons for top-level menu options. Within div#nav. Uses transparent PNGs */
div.hd-ic {
	position: absolute;
	background: 0 0 no-repeat;
}
div.hd-ic:hover {cursor: pointer;}

div#ic-home {top: -60px; left: 2px; width: 50px; height: 58px; background-image: url(../images-design/icon-small-home.png);}
div#ic-home:hover {top: -65px; left: -3px; width: 60px; height: 70px; background-image: url(../images-design/icon-home.png);}

div#ic-about-us {top: -58px; left: 75px; width: 53px; height: 61px; background-image: url(../images-design/icon-small-about-us.png);}
div#ic-about-us:hover {top: -63px; left: 70px; width: 64px; height: 74px; background-image: url(../images-design/icon-about-us.png);}

div#ic-about-tts {top: -65px; left: 161px; width: 46px; height: 74px; background-image: url(../images-design/icon-small-about-tts.png);}
div#ic-about-tts:hover {top: -68px; left: 156px; width: 55px; height: 89px; background-image: url(../images-design/icon-about-tts.png);}

div#ic-forum {top: -58px; left: 232px; width: 42px; height: 55px; background-image: url(../images-design/icon-small-forum.png);}
div#ic-forum:hover {top: -63px; left: 227px; width: 50px; height: 66px; background-image: url(../images-design/icon-forum.png);}

div#ic-courses {top: -58px; left: 302px; width: 37px; height: 60px; background-image: url(../images-design/icon-small-courses.png);}
div#ic-courses:hover {top: -63px; left: 297px; width: 44px; height: 72px; background-image: url(../images-design/icon-courses.png);}

div#ic-groups {top: -58px; left: 367px; width: 48px; height: 61px; background-image: url(../images-design/icon-small-groups.png);}
div#ic-groups:hover {top: -63px; left: 362px; width: 58px; height: 74px; background-image: url(../images-design/icon-groups.png);}

div#ic-articles {top: -45px; left: 435px; width: 56px; height: 45px; background-image: url(../images-design/icon-small-articles.png);}
div#ic-articles:hover {top: -50px; left: 430px; width: 67px; height: 54px; background-image: url(../images-design/icon-articles.png);}

div#ic-get-involved {top: -58px; left: 523px; width: 53px; height: 66px; background-image: url(../images-design/icon-small-get-involved.png);}
div#ic-get-involved:hover {top: -68px; left: 518px; width: 63px; height: 79px; background-image: url(../images-design/icon-get-involved.png);}

div#ic-faqs {top: -58px; left: 606px; width: 38px; height: 61px; background-image: url(../images-design/icon-small-faqs.png);}
div#ic-faqs:hover {top: -63px; left: 601px; width: 45px; height: 73px; background-image: url(../images-design/icon-faqs.png);}

div#ic-links {top: -48px; left: 655px; width: 47px; height: 56px; background-image: url(../images-design/icon-small-links.png);}
div#ic-links:hover {top: -53px; left: 650px; width: 57px; height: 68px; background-image: url(../images-design/icon-links.png);}

div#ic-contact {top: -54px; left: 721px; width: 29px; height: 62px; background-image: url(../images-design/icon-small-contact.png);}
div#ic-contact:hover {top: -59px; left: 716px; width: 35px; height: 75px; background-image: url(../images-design/icon-contact.png);}

div#ic-tn-oz {top: -58px; left: 775px; width: 54px; height: 64px; background-image: url(../images-design/icon-small-tn-oz.png);}
div#ic-tn-oz:hover {top: -63px; left: 770px; width: 65px; height: 77px; background-image: url(../images-design/icon-tn-oz.png);}

div#ic-tn-world {top: -49px; left: 848px; width: 45px; height: 55px; background-image: url(../images-design/icon-small-tn-world.png);}
div#ic-tn-world:hover {top: -54px; left: 843px; width: 54px; height: 66px; background-image: url(../images-design/icon-tn-world.png);}

/* Left hand bar */
div#lhbar {
	position: absolute;
	top: 180px;
	left: 26px;
	height: 300px;
	width: 155px;
}
html>body div#lhbar {
  height: auto; 
  min-height: 300px;
}

/* Search box in LH bar */
div#lhbar form#frm_src {
	position: relative;
	margin: 0; border: 0; padding: 0;
	top: 0; left:0;
	height: 29px;
}

div#lhbar form#frm_src input#search { /* Search text box */
	position: absolute;
	width: 112px; /* 116 - padding L & R */
	height: 16px;
	top: 13px;
	left: 0;
	background: 0 0 no-repeat url(../images-design/lhbar-search-bg.gif) #FFFFFF;
	font-size: 10px; line-height: 14px; /* Line height fixes IE6 positioning bug */
	color: #333333;
	margin: 0; border: 0; padding: 0 2px;
}

div#lhbar form#frm_src label {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 11px; line-height: 11px;
	color: #013300;
	font-weight: bold;
	margin: 0; border: 0; padding: 0;
}

div#lhbar form#frm_src span {
	position: absolute;
	width: 25px;
	height: 12px;
	top: 15px;
	left: 119px;
	font-size: 11px; line-height: 11px;
	text-decoration: underline;
	font-weight: bold;
	color: #013300;
	margin: 0; border: 0; padding: 0;
}
div#lhbar form#frm_src span:hover {
	left: 121px;
	cursor: pointer;
}

/* Donation link in LH bar */
div#lhbar p#donate {
	margin: 15px 0 0 0; border: 0; padding: 7px 0;
	background-color: #8E8D23;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 11px; line-height: 13px;
}
div#lhbar p#donate:hover {cursor: pointer; font-size: 13px}

div#lhbar p.hd { /* Heading in LH bar */
	margin: 5px 0 0 0; border: 0; padding: 5px 0 5px 9px;
	background-color: #013300;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 11px; line-height: 13px;
}

/* List in LH bar */
div#lhbar ul {
	list-style-type: none; /* Remove list bullets */
	margin: 5px 0 0 0; border: 0; padding: 0;
}

div#lhbar ul li a {	
	display: block;
	width: 137px; /* 155 - 18 */
	font-weight: bold;
	text-decoration: underline;
	color: #013300;
	font-size: 11px; line-height: 13px;
	margin: 0;
	border: 0;
	padding: 3px 0 3px 18px;
	background: url(../images-design/lhbar-blt.gif) no-repeat 8px center;

}  
div#lhbar ul li a:hover {background-position: 10px center; color: #8D8D23;}

/* 'Get involved link and regional groups list in left hand bar */
div#lhbar ul#getinv {margin-top: 12px;}
div#lhbar ul#getinv li a, div#lhbar ul#reggrp li a, div#lhbar ul li a.lrg {font-size: 13px; line-height: 15px;}

/* Last list in LH bar */
div#lhbar ul#endlst {margin-top: 14px;}

/* Right hand bar */
div#rhbar {
	position: absolute;
	top: 175px;
	left: 798px;
	height: 300px;
	width: 155px;
}
html>body div#rhbar {
  height: auto; 
  min-height: 300px;
}

div#rhbar div.bxo { /* Box outer border - to fix IE box model bug and keep same width */
	position: relative;
	width: 155px;
	background-color: #8E8D23; /* For top, L & R border */
	border-bottom: 1px solid #8E8D23; /* Bottom border */
	padding-bottom: 1px; /* Space to stop contained divs filling bottom border */
}
html>body div#rhbar div.bxo {height: auto;}

div#rhbar div.btm-space { /* Option to add space before next box */
	margin-bottom: 9px;
}

div#rhbar div.bxi { /* Box inner */
	position: relative;
	top: 1px;
	left: 1px;
	width: 153px;
	background-color: #D3DEF0;
}

div#rhbar div.hd { /* Box inner heading - applied after div.bxi */
	background-color: #013300;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 11px; line-height: 13px;
	padding: 5px 0 5px 9px;
	width: 144px; /* 153 - L & R  padding */
}

div#rhbar div.bxi img.book {
	position: relative;
	margin: 3px 0 3px 5px;
	border: 1px solid #013300; padding: 0;
}

div#rhbar div.bxi p { /* Text within box inner */
	margin: 0 6px 0 6px; border:0; padding: 0 0 4px 0;
	color: #333333;
	font-size: 11px; line-height: 13px;
}
div#rhbar div.bxi p span.hd {font-weight: bold;}

div.a:hover {cursor: pointer;} /* Style whole div and contents as a link */

div#rhbar div.bxi p.item { /* A news or events item within box inner */
	padding: 8px 0 8px 0;
	background: 0 bottom url(../images-design/news-item-btm-line.gif) no-repeat;
}
div#rhbar div.bxi p.last { /* No bottom border on last item */
	background-image: none;
}

div#rhbar div.grey { /* Grey box */
	background-color: #333333;
	padding-bottom: 2px;
}
div#rhbar div.grey p, div#rhbar div.grey a {color: #FFFFFF;}

div#rhbar div.grey p.hd { /* Psuedo heading in grey box */
	font-size: 13px; line-height: 15px;
	font-weight: bold;
	margin-top: 3px;
}

/* General */
div.spacer { /* Spacer to clear floated elements */
	clear: both;
	font-size: 1px; line-height: 1px; /* IE height fix */
}

/* Search this web site */
div#src { /* Search box in content area */
	width: 398px;
	margin: 15px 0 10px 0;
	border: 1px solid #8EAF8F;
	padding: 5px;
	background-color: #598A5B;
}

div#src input.srctxt {
	width: 350px;
	margin: 0 0 0 3px;
}

div#src input#srcbtn {margin-left: 2px; width: 35px;}
div#src input#srcbtn:hover {font-weight: bold;}

p.srcnote { /* Search feedback note */
	color: #7F7507;
	font-size: 17px;
	line-height: 19px;
}

p.page-links { /* Search results pagination page links */
	font-size: 12px;
	text-align: left;
	color: #076010;
}

p.page-links-top {
	margin-top:13px;
	margin-bottom:17px
}

/* News/Event items */
p.news-event-info { /* Same as h3 at present */
	font-family: Arial, Helvetica, sans-serif;
	color: #000B40;
	font-weight: bold;
	margin: 0 10px 14px 0;
	border: 0;
	padding: 0 0 6px 0;
	font-size: 18px;
	line-height: 20px;
}

p.news-event-info span.label {
  float: left;
  width: 80px;
  text-align: left;
  margin-right: 10px;
  padding: 0;
}

div.news-event-info-spacer {clear: both; height: 18px;}

/* Remove bold font weight - used for dates within headings for the dynamically generated list of news items */
/*.nobold {font-weight: normal;} - already defined */
h2.news-event { /* Same as h3 at present */
	font-family: Arial, Helvetica, sans-serif;
	color: #000B40;
	background-color: transparent;
	font-weight: bold;
	margin: 0 10px 10px 0;
	border: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
}
h2.news-event a {
	color: #000B40;
	text-decoration: none;
}
h2.news-event a:hover {color: #13849F;}

h2.news-event .nobold {
	font-weight: normal;
	font-size: 12px; /* Smaller than h3 */
}
p.news-event-hidden {
	color: red;
	font-weight: bold;
}

/* News headlines in LH margin */

div#lhbar div.news-item {
	margin: 0; border: 0; padding: 6px 2px 0 7px;
}
div#lhbar div.news-item p.hd { /* News item heading */
	background-color: transparent;
	font-size: 11px; line-height: 13px;
	margin: 0; border: 0;
	padding: 3px 0 3px 10px;
	background: url(../images-design/lhbar-blt.gif) no-repeat 0 center;
}
div#lhbar div.news-item p.hd a {color: #013300;}
div#lhbar div.news-item p.hd:hover {background-position: 2px center;}
div#lhbar div.news-item p.hd a:hover {color: #8D8D23;}

div#lhbar div.news-item p { /* News item preview text */
	font-size: 11px; line-height: 13px;
	margin: 0; border: 0; padding: 0;
}

div.news-item-btm {/* Spacer at end of news items */
	margin: 0; border: 0; padding: 0 0 10px 0;
	clear: both;
}

/* Right hand margin event preview */
div.bxi div.news-item {
	margin: 0; border: 0; padding: 6px 2px 0 2px;
}
div.bxi div.news-item p {
	font-size: 11px; line-height: 13px;
	margin: 0; border: 0; padding: 0;
}

/* CSS to replace tables - used for web enquiry forms */

/* The div with class tbl-out centres correctly in standards compliant browsers (as left and right margin set to auto). IE doesn't recognise auto. Div (centrefix) fixes this as IE incorrectly centres an element with text-align:center; */
.centrefix {
	text-align: center; /* IE centre fix */
	margin: 25px 0; /* space top and bottom; */
} 

/* Width and margin set on a containing table wrapper (tbl-out) and not inner table div (tbl-in) to fix the IE width bug */
.tbl-out {
	width: 520px; 
	margin: 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
	background: 0 0 url(../images-design/body-bg.jpg) repeat-x;
}

.tbl-in {
	margin: 0;
	border: 1px solid #EFE7C2;
	padding: 5px;
}

div.row {
  clear: both;
  margin: 0;
  border: 0;
  padding: 0;
}
/* Standards compliant browsers don't add their own spacing so need top padding */
html>body div.row {padding: 2px 0 0 0;}

div.half-space, div.third-space {
  clear: both;
  height: 6px;
  line-height: 6px;
  margin: 0; border: 0; padding: 0;
}

div.third-space {height: 4px; line-height: 4px;}

div.row label {
  float: left;
  width: 190px;
  text-align: right;
}

/* Class fld (field) defines data input fields */
div.row span.fld {
  float: right;
  width: 285px;
  text-align: left;
  margin-right: 2px;	/* Required to stop right side touching the fieldset border in IE */
}


/* Left align labels in the field area - used for labels that contain check boxes */
span.fld label {text-align: left;}

/* Classes to define 2 field columns (left and right) */
div.row span.fld-coll {
  float: left;
  width: 170px;
  text-align: left;
}
div.row span.fld-colr {
  float: right;
  width: 190px;
  text-align: left;
}

div.row span.fld-full-width {
  float: left;
  width: 484px;
  text-align: left;
  margin: 0;
}

/* The spacer is user to ensure the table-div clears the last field. Note not required if fields are enclosed in a fieldset tag */
div.spacer {
  clear: both;
}

/* Class full (full width) ensures fields fill their containing element */
.full {width: 100%;}

.bld {font-weight: bold;}  /* Set bold text in selects */

fieldset {
	border:1px solid #598A5B;
	padding: 0 8px 10px 5px;	/* Can't add padding to top as IE incorrectly puts this outside the fieldset so have added a bottom margin on the legend */
}

legend {
	border:1px solid #598A5B;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #076010;
	background-color: #CFD1AC;
}

form {border: 0; margin: 0; padding: 0;}	/* Stops IE adding space around a form */

/* Style for the input boxes */
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #222222;
	margin: 0; padding: 0;
}

/* Buttons */
input.btn {
	font-size: 12px;
	line-height: 16px; /* Required to vertically centre text in button in IE */
	width: 120px;
}