/* Izilla CSS Template for - Kip McGrath */
/* http://www.izilla.com.au */

/* --------------------------------------------
	Conditional Browser Rules
----------------------------------------------- */

/*
	Usage: Apply each of these "hacks" after the initial incorrect value has been set.

	Child Selector for FF, IE7, Opera, Safari:
		html > body element {rule}
	
	Child Selector + Comment Hack, which IE7 ignores:
		html >/^^/ body element {rule}
	
	Comment Hack to hide from IE5x:
		element {selector /^^/:/^^/ value;}
	
	Replace ^ with *
*/




/* --------------------------------------------
	Colour Glossary
----------------------------------------------- */

/*
	Swatch - #000000
*/




/* --------------------------------------------
	Top-level Elements
----------------------------------------------- */

/* 0-level Elements

    * HTML - HTML document
          o BODY - Document body
*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center; 
}

html >/**/ body {
	padding-bottom: 15px;
}

body * {
	font-family: inherit;
	font-size: 100%;
}





/* --------------------------------------------
	Generic Classes
----------------------------------------------- */

.align_centre {
	text-align: center !important;
}

.align_justify {
	text-align: justify !important;
}

.align_left {
	text-align: left !important;
}

.align_right {
	text-align: right !important;
}

.centre_object {
	display: block;
	margin: 0 auto 1.4em auto;
}

.clear {
	clear: both;
}


div.clear {  /* for clearing divs if overflow doesn't work */
	font-size: 0;
	line-height: 0px;
}

.float_left {
	display: block;
	float: left;
}

.float_right {
	display: block;
	float: right;
}

.glossary {display: none;}	/* For use in conjunction with AddGlossary script */

img.float_left {
	margin: 0.5em 1em 0.5em 0;
}

img.float_right {
	margin: 0.5em 0 0.5em 1em;
}

img.float_left_border {
	border: 1px solid #cad5f3;
	float: left;
	display: block;
	margin: 0.5em 1em 0.5em 0;
}

img.float_right_border {
	border: 1px solid #cad5f3;
	float: right;
	display: block;
	margin: 0.5em 0 0.5em 1em;
}

.hidden {
	left: -999px;
	position: absolute;
	width: 1px;
}

.invisable {
	visibility: hidden;
} 




/* --------------------------------------------
	Specific Classes
----------------------------------------------- */

table.RadEWrapper {
	margin-bottom: 1.2em;
}

p.required {
	color: #2846aa;
}

em.asterisk, label em { 
     color: #2846aa;
     font-style: normal;
}

ol.lower_aplha {
	list-style-type: lower-alpha;
}

ol.upper_alpha {
	list-style-type: upper-alpha;
}

ol.lower_roman {
	list-style-type: lower-roman;
}

ol.upper_roman {
	list-style-type: upper-roman;
}

/* --------------------------------------------
	Special Inline Elements
----------------------------------------------- */

/* Special Inline Elements

    * A - Anchor
    * BR - Line break
    * IFRAME - Inline frame
    * IMG - Inline image
    * MAP - Image map
          o AREA - Image map region
    * Q - Short quotation
    * SPAN - Generic inline container
    * SUB - Subscript
    * SUP - Superscript
*/

a {
	color: #3442a0;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #5b88db;
}

a img {border: none;}

a.anchor {
	background-color: inherit;
	border: inherit;
	color: inherit;
	display: inline;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	text-decoration: inherit;
	text-indent: inherit;
	text-transform: inherit;
	white-space: inherit;
	word-spacing: inherit;
}

a.izilla, a:hover.izilla {
	color: #00814f !important;
}

a.cognition, a:hover.cognition {
	color: #237eb8 !important;
}

q:before, q:after { 
    content: ""; /* With IE's lack of support, remove quotes on all good browsers. Add them manually in the markup */
}

/* --------------------------------------------
	Generic Block-level Elements
----------------------------------------------- */

/* Generic Block-level Elements

    * ADDRESS - Address
    * BLOCKQUOTE - Block quotation
    * DEL - Deleted text
    * DIV - Generic block-level container
    * H1 - Level-one heading
    * H2 - Level-two heading
    * H3 - Level-three heading
    * H4 - Level-four heading
    * H5 - Level-five heading
    * H6 - Level-six heading
    * HR - Horizontal rule
    * INS - Inserted text
    * P - Paragraph
    * PRE - Preformatted text
*/



/* Address ------------------------------ */

address {
	font-style: normal;
}



/* Headings ------------------------------ */

h1, h2, h3, h4, h5, h6 
{
	color: #2846aa;
}


/* Paragraphs ------------------------------ */

p {
	margin-bottom: 1em;
}

/* Main Structural Divs ------------------------------ */

#wrapper_main {
	background-color: #fff;
	border: solid #cad5f3;
	border-width: 1px 1px 0 1px;
	width: 988px;
	width/**/:/**/ 986px;
	margin: 10px auto 0 auto;
	position: relative;
	text-align: left;
}

#wrapper_main #top_corners {
	background: url(/images/bg_top_corners.gif) no-repeat 0 0;
	font-size: 0;
	height: 10px;
	left: -1px;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	top: -1px;
	width: 988px;
}

#bottom_corners {
	background: url(/images/bg_bottom_corners.gif) no-repeat 0 0;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	margin: 0 auto 20px auto;
	overflow: hidden;
	position: relative;
	top: -10px;
	width: 988px;
}



/* ------ Header ------ */

#header {
	background: #fff url(/images/bg_header.gif) no-repeat right 0;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	padding: 0 20px;
	width: 986px;
	width/**/:/**/ 946px;
}

#header.alt_logo {
	padding-left: 10px;
	width: 956px;
}

#header a img {
	margin: 0;
}

#kip_logo {
	float: left;
	padding: 6px 0;
}

.alt_logo #kip_logo {
	padding-bottom: 24px;
	padding-top: 32px;
}

#country_header {
	display: inline;
	float: right;
	margin: 28px 0 0 27px;
	overflow: hidden;
	width: 227px;
	width/**/:/**/ 230px;
}

.alt_logo #country_header {
	float: left;
	margin-left: 21px;
}

#header_selectyourregion {
	background: url(/images/bg_header_selectyourregion.gif) no-repeat 0 0;
	float: right;
	height: 42px;
	margin: 23px 8px 0 0;
	position: relative;
	width: 323px;
}

#header_selectyourregion .ComboBox_ClassicBlue {
    position: absolute;
    left: 155px;
    top: 8px;
}

#franchisee_login h3 {
	margin: 0;
	padding: 0;
}

#franchisee_login h3 a {
	background: url(/images/bg_franchisee_login.gif) no-repeat 0 0;
	cursor: pointer;
	float: right;
	height: 42px;
	height/**/:/**/ 0;
	overflow: hidden;
	margin-top: 23px;
	padding-top: 42px;
	width: 150px;
}



/* ------ Feature Panel ------ */

#feature_panel {
	background: url(/images/bg_feature_panel.png) repeat-y 0 0;
	overflow: hidden;
	position: relative;
	width: 986px;
}

#feature_panel.global #feature_panel_gradient {
	background: url(/images/bg_feature_panel_global_gradient.png);
	behavior/**/:/**/ url(/css/iepngfix.htc);
	height: 550px;
	left: 434px;
	position: absolute;
	top: 0;
	width: 115px;
}

#feature_panel.country #feature_panel_gradient {
	background: url(/images/bg_feature_panel_country_gradient.png);
	behavior/**/:/**/ url(/css/iepngfix.htc);
	height: 550px;
	left: 412px;
	position: absolute;
	top: 0;
	width: 295px;
}

#feature_sub_1 {
	color: #94b8fa;
	float: left;
	font-size: 120%;
}

.global #feature_sub_1 {
	padding: 60px 0 0 60px;
	width: 434px;
	width/**/:/**/ 374px;
}

.country #feature_sub_1 {
	padding: 20px 30px 10px 30px;
	width: 534px;
	width/**/:/**/ 474px;
}

#feature_sub_1 a {
	color: #ece304;
}

#feature_sub_1 a:hover {
	text-decoration: none;
}

#feature_sub_1 span.a_arrow {
	background: url(/images/bg_span_a_arrow.gif) no-repeat 2px center;
	font-weight: bold;
	padding-left: 20px;
}

#feature_sub_1 h2 {
	background: url(/images/bg_feature_panel_1_h2.gif) no-repeat 0 0;
	height: 29px;
	height/**/:/**/ 0;
	margin-bottom: 1em;
	padding-top: 30px;
	overflow: hidden;
	width: 265px;
}

#feature_sub_2 {
	float: left;
}

.global #feature_sub_2 {
	height: 406px;
	width: 552px;
}

.global #feature_sub_2 img {
	height: 406px;
	width: 552px;
}

.country #feature_sub_2 {
	height: 246px;
	width: 452px;
}

.country #feature_sub_2 img {
	height: 246px;
	width: 452px;
}

#feature_sub_2 img {
	display: block;
} 

#feature_selectyourregion {
	background: url(/images/bg_feature_selectyourregion.gif) no-repeat 0 0;
	height: 42px;
	margin-top: 2em;
	position: relative;
	width: 323px;
}

#feature_selectyourregion .ComboBox_ClassicBlue {
    position: absolute;
    left: 155px;
    top: 8px;
}



/* ------ Feature Sub Panel ------ */

#feature_sub_panel {
	background: #ffcd22 url(/images/bg_feature_sub_panel_numbers.png) no-repeat 0 0;
	border-top: 1px solid #fff;
	color: #000206;
	overflow: hidden;
	padding: 20px;
	width: 986px;
	width/**/:/**/ 946px; 
}



/* -- Feature Sub 3 -- */

#feature_sub_3 {
	float: left;
	overflow: auto;
	width: 530px;
}

#wrapper_kipmcgrath_method {
	color: #000;
	font-size: 110%;
	overflow: hidden;
	width: 500px;
}

#wrapper_kipmcgrath_method h2 {
	background: url(/images/bg_feature_sub_panel_h2.png) no-repeat 0 0;
	float: left;
	display: block;
	height: 19px;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 210px;
}

#button_free_assess {
	float: right;
	margin-top: 4px;
	margin-right: 14px;	
	width: 214px;
}

#button_free_assess h2 {
	margin-bottom: 0;
}

#button_free_assess h2 a {
	background: url(/images/bg_button_free_assess_h.png) no-repeat 0 0;
	display: block;
	height: 17px;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 214px;
}



/* -- Feature Sub 4 -- */

#feature_sub_4 {
	display: inline;
	float: right;
	width: 402px;
}


/* -- Find Centre -- */

#find_centre {
	float: left;
	overflow: hidden;
	width: 500px;
}

#find_centre {}

#find_centre h2 {
	background: url(/images/bg_find_centre_h2.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 17px;
	margin-right: 15px;
	margin-top: 4px;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 169px;
}



/* -- Educational Resources -- */
				
#educat_resources {
	font-size: 120%;
	overflow: hidden;
	width: 402px;
}

#educat_resources h2 {
	background: url(/images/bg_educat_resources_h2.png) no-repeat 0 0;
	display: block;
	height: 17px;
	margin-bottom: 1em;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 155px;
}

#educat_resources p {
	color: #30343f;
}


/* ------ Content ------ */

#wrapper_content {
	background-color: #fff;
	margin: 0;
	overflow: hidden;
	padding: 20px 0;
	width: 986px;
}


/* ------ Education Specific Sections ------ */

#wrapper_content #column_2 h1.title {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 79px;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 757px;
}

body.preschool #column_2 h1.title {
	background-image: url(/images/h_preschool_numbers.png);
}

body.primary #column_2 h1.title {
	background-image: url(/images/h_primary_numbers.png);
}

body.secondary #column_2 h1.title {
	background-image: url(/images/h_secondary_numbers.png);
}

body.tertiary #column_2 h1.title {
	background-image: url(/images/h_tertiary_numbers.png);
}


body.preschool #wrapper_content {
	background: url(/images/bg_wrapper_content_preschool_numbers.png) no-repeat right 0;
}

body.primary #wrapper_content {
	background: url(/images/bg_wrapper_content_primary_numbers.png) no-repeat right 0;
}

body.secondary #wrapper_content {
	background: url(/images/bg_wrapper_content_secondary_numbers.png) no-repeat right 0;
}

body.tertiary #wrapper_content {
	background: url(/images/bg_wrapper_content_tertiary_numbers.png) no-repeat right 0;
}

/* -- Column 1 -- */

#column_1 {
	background-color: #fff;
	float: left;
	margin-right: 20px;
	overflow: auto;
	width: 190px;
}

#wrapper_nav_sub {
	background: #fff url(/images/bg_nav_sub_ul.gif) no-repeat 0 bottom;	
	font-size: 110%;
	float: left;
	margin-bottom: 20px;
	width: 190px;
}



/* -- Column 1 Feature -- */

#wrapper_column_1_feature {
	height: 300px;
}

html > body #wrapper_column_1_feature {
	height: auto;
	min-height: 300px;
}

#column_1_feature {
	background-color: #fff;
	border: 1px solid #cad5f3;
	clear: left;
	margin: 0 0 20px 15px;
	width: 168px;
}

#column_1_feature img {
	display: block;
	margin: 0 auto;
}

#column_1_feature span.top_corners {
 	background: url(/images/bg_column_3_feature_span_top_corners.gif) no-repeat 0 0;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	margin: -1px -1px 0 -1px;
	position: relative;
	width: 170px;
}

#column_1_feature span.bottom_corners {
 	background: url(/images/bg_column_3_feature_span_bottom_corners.gif) no-repeat 0 0;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	margin: 0 -1px -1px -1px;
	position: relative;
	width: 170px;
}

#column_1_feature_content {
	margin: 0 10px;
}

column_1_feature_content img {
	display: block;
	margin: 0 auto;
}



/* -- Column 2 -- */

#column_2 {
	float: left;
	font-size: 120%;
	margin-right: 20px;
	width: 566px;
}

#column_2.no_column_3 {
	display: inline;
	overflow: hidden;
	width: 756px;
}

#column_2 h1 {
	clear: both;
	font-size: 180%;
	margin-bottom: 0.4em;
}

#column_2 h2 {
	clear: both;
	font-size: 145%;
	margin-bottom: 0.6em;
	margin-top: 1.2em;
}

#column_2 h3 {
	clear: both;
	font-size: 135%;
	margin-bottom: 0.6em;
	margin-top: 1.2em;	
}

#column_2 h4 {
	clear: both;
	font-size: 125%;
	margin-bottom: 0.6em;
	margin-top: 1.2em;
}

#column_2 h5 {
	clear: both;
	font-size: 105%;
	margin-bottom: 0.6em;
	margin-top: 1.2em;
}





/* -- Column 3 -- */

#column_3 {
	float: left;
	font-size: 110%;
	width: 170px;
	display: inline;
	margin-right: 20px;
}





/* -- Related Resources -- */

#related_resources {
	background-color: #fff;
	border: 1px solid #cad5f3;
	margin-top: 20px;
	width: 168px;
}

#related_resources_content {
	background-color: #fff;
	margin: 5px 10px 0 10px;
}

#related_resources h3 {
	background: url(/images/bg_column_3_related_resources_h3.gif) no-repeat 0 0;
	height: 31px;
	height/**/:/**/ 0;
	margin: -1px -1px 0 -1px;
	overflow: hidden;
	padding-top: 31px;
	position: relative;
	width: 170px;
}

#related_resources span.bottom_corners {
 	background: url(/images/bg_column_3_related_resources_span_bottom_corners.gif) no-repeat 0 0;
	display: block;
	font-size: 0;
	height: 10px;
	line-height: 0;
	margin: 0 -1px -1px -1px;
	position: relative;
	width: 170px;
}

ul#related_resources_list {
	list-style-type: none;
	width: 148px;
}

ul#related_resources_list li {
	border-bottom: 1px solid #cad5f3;
	padding: 10px 0 10px 25px;
	margin-left: -17px;
	margin-left/**/:/**/ 0;
	width: 148px;
	width/**/:/**/ 123px;
}

ul#related_resources_list li.last_node {
	border-bottom: none;
}

ul#related_resources_list li.file {
	background: #fff url(/images/icon_file.gif) no-repeat 0 13px;
}

ul#related_resources_list li.page {
	background: #fff url(/images/icon_page.gif) no-repeat 0 13px;
}


/* ------ KMEC System Login ------ */

#kmec_logon_iframe {
	background-color: #fff;
	margin-bottom: 20px;
	width: 100%;
}

#cognition_login {
	background-color: #fff;
	margin-bottom: 20px;
	width: 100%;
}

#region_dropdown {
	background-color: #dde6f8;
	border: 1px solid #cad5f3;
	margin: 20px 0;
	padding: 10px;
	text-align: center;
}

#centre_listing {
	background-color: #fff;
}

#centre_listing table {
	width: 100%;
}

#centre_listing table td {
	font-size: 90%;
}



/* ------ Panel Footer ------ */

#hp_panel_footer {
	background: #e6edff url(/images/bg_panel_footer.png) no-repeat left bottom;
	border-top: 1px solid #c2d4fe;
	margin: 0 auto 20px auto;
	overflow: hidden;
	padding: 12px 20px 12px 20px;
	width: 988px;
	width/**/:/**/ 948px;
}



/* ------ Footer ------ */


#footer {
	background-color: #fff;
	font-size: 110%;
	margin: 0 auto;
	overflow: auto;
	padding: 0 20px;
	width: 988px;
	width/**/:/**/ 948px; 
}

#footer h4 {
	color: #8b989d;
}

#footer_sub_1 {
	background-color: #fff;
	float: left;
	width: 388px;
	margin-right: 20px;
}

#footer_sub_1 img {
	float: left;
}

#footer_sub_2 {
	background-color: #fff;
	color: #8b989d;
	float: left;
	font-size: 100%;
	text-align: left;
	overflow: auto;
	width: 540px;
}

#footer_sub_2 p {
	overflow: auto;
	width: 540px;
}

#footer_sub_2 p span {
	display: inline;
	float: left;
	margin-right: .7em;
}

#footer_sub_2 p span.disclaimer {
	margin-left: 2.4em;
}

#footer_sub_2 a {
	color: #8b989d;
}

#footer_sub_2 a:hover {
	text-decoration: none;
}

#footer_sub_2 h4 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: .4em;
}





/* --------------------------------------------
	Lists
----------------------------------------------- */

/* Lists

    * DIR - Directory list
    * DL - Definition list
          o DT - Definition term
          o DD - Definition description
    * LI - List item
    * OL - Ordered list
    * UL - Unordered list
*/



/* ------ Nav Main List ------ */

#wrapper_nav_main {
	border-bottom: 6px solid #ece304;
	font-size: 120%;
	width: 986px;
}

ul#nav_main {
	background: #5b88db url(/images/bg_wrapper_nav_main.gif) repeat-x 0 bottom;
	list-style-type: none;
	overflow: hidden;
	width: 986px;
}

ul#nav_main li {
	display: inline;
	float: left;
}

ul#nav_main li a {
	background: url(/images/bg_nav_main_li_a.gif) repeat-y right 0;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 10px 18px;
}

ul#nav_main li.current {
	background: #fdf98d url(/images/bg_nav_main_li_current.gif) repeat-x 0 bottom;
	text-decoration: underline;
}



ul#nav_main li.current a {
	background: url(/images/bg_nav_main_li_current_a.gif) repeat-y right 0;
	color: #303c9b;
	padding-top: 10px;
}

ul#nav_main li a:hover {
	text-decoration: underline;
}



/* ------ Nav Sub List ------ */

ul#nav_sub {
	font-size: 110%;
	list-style-type: none;
	padding-bottom: 1px;
	overflow: hidden;
}

ul#nav_sub li {
	background: url(/images/bg_nav_sub_li.gif) no-repeat 0 0;
}

ul#nav_sub li a {
	color: #303b99;
	display: block;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	width: 190px;
	width/**/:/**/ 170px;
}

ul#nav_sub li a:hover {
	background: url(/images/bg_nav_sub_li_a_hover.gif) no-repeat 0 1px;
}

ul#nav_sub li.current a {
	background: url(/images/bg_nav_sub_li_current.gif) no-repeat 0 1px;
}

ul#nav_sub li.current ul li a {
	background: url(/images/bg_nav_sub_li_ul_li_a.gif) no-repeat 30px center;
}

ul#nav_sub li ul li a {
	background: url(/images/bg_nav_sub_li_ul_li_a.gif) no-repeat 30px center;
	font-size: 90%;
	padding: 5px 0 5px 55px;
	width/**/:/**/ 135px;
}

ul#nav_sub li ul li a:hover {
	background: url(/images/bg_nav_sub_li_ul_li_ahover.gif) no-repeat 30px center;
	text-decoration: underline;
}

ul#nav_sub li ul li.current a {
	background: url(/images/bg_nav_sub_li_ul_li_ahover.gif) no-repeat 30px center;
	text-decoration: underline;
}

ul#nav_sub li ul {
	display: none;
}

ul#nav_sub li.current ul {
	display: block;
}



/* ------ Column 2 List ------ */
	
#column_2 ul {
	list-style-type: none;
	margin-bottom: 1.4em;
	padding-left: 20px;
	position: relative;
}

#column_2 ul li {
	background: #fff url(/images/bg_column_2_ul_li.gif) no-repeat 0 3px;
	height: 1%;
	margin-bottom: 0.9em;
	padding-left: 20px;
}

#column_2 ol {
	list-style-type: decimal;
	margin-left: 5px;
	padding-left: 3em;
}

#column_2 ol.lower_aplha {list-style-type: lower-alpha;}
#column_2 ol.upper_alpha {list-style-type: upper-alpha;}
#column_2 ol.lower_roman {list-style-type: lower-roman;}
#column_2 ol.upper_roman {list-style-type: upper-roman;}

#column_2 ul ol li {
	background: none;
	padding-left: 0;
}

#column_2 li ul {
	margin-top: 1.4em;
}

#column_2 li ol {
	margin-top: 1em;
}

#column_2 ol li {
	margin-bottom: 0.9em;
}



/* ------ Educational Resources List ------ */

ul#educat_resources_list {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	width: 412px
}

ul#educat_resources_list li {
	display: inline;
	margin-right: 10px;
	float: left;
	width: 93px;
}

ul#educat_resources_list li a {
	background: url(/images/ul_educat_resources_preschool_numbers.png) 0 0;
	display: block;
	height: 96px;
	overflow: hidden;
	position: relative;
	text-indent: -999em;
	width: 93px;
}

ul#educat_resources_list li#option2 a {
	background-image: url(/images/ul_educat_resources_primary_numbers.png)
}

ul#educat_resources_list li#option3 a {
	background-image: url(/images/ul_educat_resources_secondary_numbers.png);
}

ul#educat_resources_list li#option4 a {
	background-image: url(/images/ul_educat_resources_tertiary_numbers.png);
}

#wrapper_main ul#educat_resources_list li a:hover {
	background-position: 0 -96px;
}




/* ------ KipMcGrath Method List ------ */

ol#kipmcgrath_method {
	background: url(/images/ol_kipmcgrath_method.png) repeat-y 0 0;
	clear: left;
	list-style-type: none;
	margin: 0 !important;
	overflow: auto;
	padding: 0 !important;
	width: 530px;
}

ol#kipmcgrath_method li {
	display: inline;
	float: left;
	margin: 10px 15px;
	padding: 0;
	width: 145px;
}

ol#kipmcgrath_method li#step1 {
	margin-left: 0;
}

ol#kipmcgrath_method li a {
	cursor: pointer;
} 

ol#kipmcgrath_method li#step3 {
	background-image: none;
}

ol#kipmcgrath_method li#step1 h3 {
	background:  url(/images/ol_kipmc_method_step_1.png) no-repeat 0 0;
	height: 48px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 48px;
	width: 130px;
}

ol#kipmcgrath_method li#step2 h3 {
	background:  url(/images/ol_kipmc_method_step_2.png) no-repeat 0 0;
	height: 48px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 48px;
	width: 140px;
}

ol#kipmcgrath_method li#step3 h3 {
	background:  url(/images/ol_kipmc_method_step_3.png) no-repeat 0 0;
	height: 48px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 48px;
	width: 140px;
}

ol#kipmcgrath_method li#step4 h3 {
	background:  url(/images/ol_kipmc_method_h3_step_4.gif) no-repeat 0 0;
	height: 48px;
	height/**/:/**/ 0;
	overflow: hidden;
	padding-top: 48px;
	width: 130px;
}






/* --------------------------------------------
	Tables
----------------------------------------------- */

/* Tables

    * TABLE - Table
          o CAPTION - Table caption
          o COLGROUP - Table column group
                + COL - Table column
          o THEAD - Table head
          o TFOOT - Table foot
          o TBODY - Table body
          o TR - Table row
                + TD - Table data cell
                + TH - Table header cell
*/


table.data th, table.data td.th {	/* Due to Rad's not supporting THs, users should apply a TH class to TDs */
}

table.data {
	border: none;
	border-collapse: collapse;
	line-height: 1.3em;
	margin: 0 auto 1.4em auto;
	width: 100%;
}

table.data caption {
	border-bottom: 3px solid #fff;
	font-weight: bold;
	margin: auto;
	padding: 5px;
}

table.data td, table.data th, table.data td.th {
	border: 1px solid #cad5f3;
	padding: 3px 6px;
	vertical-align: 0;
}

table.data td.th, table.data th {
	background-color: #5b88db;
	color: #fff;
	font-weight: bold;
	line-height: 130%;
}

table.data td {
	background-color: #fff;
}

table.data tr.even td {
	background-color: #eef2f9;
}


/* --------------------------------------------
	Forms
----------------------------------------------- */

/* Forms

    * FORM - Interactive form
          o BUTTON - Button
          o FIELDSET - Form control group
                + LEGEND - Fieldset caption
          o INPUT - Form input
          o LABEL - Form field label
          o SELECT - Option selector
                + OPTGROUP - Option group
                      # OPTION - Menu option
          o TEXTAREA - Multi-line text input
*/

fieldset {
	border: none;
	clear: both;
}

fieldset p {
	color: #2846aa;
	clear: both;
}

legend {
	display: none;
}

input.submit {			/* Ensure buttons behave the same across all browsers */	
	padding: 0 .25em;
    width: 0;  			/* IE width fix */
   	overflow: visible;
}

input.submit[class] {	/* IE ignores [class] (attribute selectors) */
   	width: auto;  		/* Cancel IE width fix for other browsers */
}


input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
	background-color: #ffc;	/* Set accessibility :focus. Give text boxes a class of "text" in markup or dynamically */
}

textarea {
	font-family: Arial, Helvetica, sans-serif	/* Same as content. IE won't inherit the initial value */
}

option {
	padding-left: 3px;
	padding-right: 10px;
}







/* ------ Find Centre Form ------ */

#find_centre fieldset {
	clear: none;
	float: left;
}


#find_centre fieldset select {
	border: 1px solid #7f9db9;
	font-size: 120%;
	margin-bottom: 1px;
	margin-right: 10px;
	padding: 1px;
	width: 15em;
}

html >/**/ body #find_centre fieldset select {
	margin-bottom: -3px;
}

html >/**/ body #find_centre fieldset select option {
	padding-left: 3px;
}

#find_centre fieldset input.submit_search {
	background: url(/images/button_find_centre_search.png) no-repeat 0 0;
	border: none;
	cursor: pointer;
	cursor: hand;
	font-size: 0; /* for firefox */
	height: 22px;
	overflow: hidden;
	position: relative;
	text-align: left;
	padding-left: 63px;
	width: 63px;
}



/* ------ Column 2 Forms ------ */

#column_2 fieldset {
	border: 1px solid #cad5f3;
	font-size: 100%;
	padding: 20px;
}
		
#column_2 label {
	clear: both;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 2px;
	width: 170px;
}

#column_2 select {
	border: 1px solid #cad5f3;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 2px;
	width: 145px;
}

#column_2 input.text {
	border: 1px solid #cad5f3;
	float: left;
	padding: 2px;
	width: 140px;
}

#column_2 textarea {
	border: 1px solid #cad5f3;
	float: left;
	height: 110px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 2px;
	width: 298px;
}

#column_2 input.submit {
	cursor: pointer;
	float: left;
	padding: 0;
	width: 72px;
}

#column_2 select.dob {
	margin-right: 5px;
	width: auto;
}

#column_2 input.text.dob {
	border: 1px solid #cad5f3;
	float: left;
	padding: 3px;
	width: 30px;
}

#column_2 select#txtCountry {
	width: 304px;
}


/* ------ Centre Listing Form ------ */

#region_dropdown select {
	float: none;
}


/* ------ Cognition Login Form ------ */

#cognition_login fieldset {
	background: #fff url(/images/bg_cognition_login.gif) no-repeat 0 right;
	border: 1px solid #cad5f3;
}

#cognition_login label {
	width: 70px;
}

#cognition_login input.submit 
{
	clear: left;
	margin-left: 158px;
	margin-left/**/:/**/ 169px;
}



/* ------ Reset and Submit Buttons Sitting Together ------ */

#submit_buttons {
	clear: both;

}

#submit_buttons input {
	margin-right: 20px;
}











/* --------------------------------------------
	Phrase Elements
----------------------------------------------- */

/* Phrase Elements

    * ABBR - Abbreviation
    * ACRONYM - Acronym
    * CITE - Citation
    * CODE - Computer code
    * DFN - Defined term
    * EM - Emphasis
    * INS - Inserted text
    * KBD - Text to be input
    * SAMP - Sample output
    * STRONG - Strong emphasis
    * VAR - Variable
*/




/* --------------------------------------------
	Font Style Elements
----------------------------------------------- */

/* Font Style Elements

    * SMALL - Small text
    * TT - Teletype text
*/




/* --------------------------------------------
	Frames
----------------------------------------------- */

/* Frames

    * FRAMESET - Frameset
          o FRAME - Frame
    * NOFRAMES - Frames alternate content
*/


.ComboBox_ClassicBlue
{
	background-image: url("/RadControls/Combobox/Skins/ClassicBlue/bg.gif");
	background-repeat: repeat;
	height: 27px;
}

.ComboBox_ClassicBlue .ComboBoxInput_ClassicBlue
{
	/*Carly playing*/
	background-color: transparent;
	padding-left: 27px;
	background-position:5px 5px;
	background-repeat:no-repeat;
}

.ComboBox_ClassicBlue .ComboBoxInputHover_ClassicBlue
{
	/*Carly playing*/
	padding-left: 27px;
	background-color: transparent;
	background-position:5px 5px;
	background-repeat:no-repeat;
}