
/* CSS My treatment support - require base.css load before */


body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:75%;
}
p { padding:0px; margin:0px 0px 1em 0px; font-size: 11px; line-height: 150%;}
h1, h2, h3, h4, h5, h6 { padding:0px;}
h1 span, h2 span {display:none;}
.wrapper {
	width:897px; 
}
.header {margin-bottom:20px;}
.logo_mts { padding-left:15px; width:254px;}
.hdr_right {
	text-align:right;color:#7b7b7b;
	padding-right:15px;
	width:613px;
}
ul.login_list {
	float:right; width:auto;
	white-space:nowrap;
}
ul.login_list li, ul.login_list li a {
	color:#696a6a;
	white-space:nowrap;
	text-decoration:none;
}
ul.login_list li a:hover {text-decoration:underline;}
ul.login_list li { padding:10px 0px 0px 20px;}

ul.topnav li{ border-right:2px solid #FFF;}
ul.topnav li a {
	display:block;
	color:#FFF;
	font-size:1em;
	text-align:center;
	text-decoration:none;
	background-color:#3d7dbb;
	padding:10px 37px;
}
ul.topnav li a:hover,  ul.topnav li a.on{text-decoration: underline;}
ul.topnav li.singleline a {padding-top:26px; padding-bottom:9px;float:left; }
ul.topnav li.lastNav {border-right:none;}
ul.topnav li.lastNav a { padding-left:34px; padding-right:34px; background-color:#ff7c00;}

.bodyPane {}
.cat_section { padding-top:5px;}
.cat_section ul, .cat_section ul li{ display:block; list-style:none; padding:0px; margin:0px;float:left;}
.cat_section ul{ width:100%; float:left; clear:both;}
.cat_section ul li { padding-right:9px;}
.cat_section ul li a {display:block;}
.cat_section ul li a span { display:none; margin:auto;}

/* detail pages*/

.detailPane h1 { font-size:23px; color:#3668aa; letter-spacing:-1px; display:block; padding:0px 0px 10px 0px; margin:0px;}
h2.hdg_goal_tmp, h2.hdg_mygoals {
	display:block;
	clear:both;
	padding:0px 0px 10px 0px;
	margin:0px;
	background-image: url(../Images/hdg_goal_tmp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:18px;
}
h2.hdg_mygoals {
	background-image: url(../Images/hdg_my_goals.gif);
	height:20px;
}

.detailPane { 
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; 
	background-color:#91a3cf;
	padding:4px;
	width:889px;
}
.mts_bg {background-color:#FF7C00;}
.detailPane_left {
	float: left;
}

.detailPane_inner {
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	background-color:#e3e7f0;
	width:518px;
	padding:20px;
	position: relative;
}

.detailPane_inner p 
{
    /* width: 450px; */
    width:100%;
}

.detailPane_home { 
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; 
	background-color:#ff9854;
	padding:5px;
	width:887px;
}

.box_white { background-color:#FFF; padding:10px;}
.detailPane_inner .box_white { background-color:#FFF; width:447px;}

.btn_section  
{
    padding:10px 0px 0px 0px;
    position: absolute;
    bottom: 10px;
    width: 447px
}
ul.paging { width:auto; float:left; clear:none;}
ul.paging li a{
	display:block;
	background-image: url(../Images/bg_paging_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:22px; height:22px;
	color:#fff; line-height:22px; font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-right:5px;
}

ul.paging li div.disabled {
	display:block;
	background-image: url(../Images/bg_paging_dis.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:22px; height:22px;
	color:#fff; line-height:22px; font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-right:5px;
}

ul.paging li a.on, ul.paging li a:hover {background-image: url(../Images/bg_paging_on.gif);}

ul.netpaging {margin-left: 0px !important; float:left; clear:none;}
ul.netpaging li a{
	display:block;
	background-image: url(../Images/bg_paging_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:22px; height:22px;
	color:#fff; line-height:22px; font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-right:5px;
}

ul.netpaging li div.disabled {
	display:block;
	background-image: url(../Images/bg_paging_dis.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:22px; height:22px;
	color:#fff; line-height:22px; font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-right:5px;
}

ul.netpaging li a.on, ul.netpaging li a:hover {background-image: url(../Images/bg_paging_on.gif);}

ul.btnlist_right { float:right; width:auto; clear:none;}
ul.btnlist_right li input  {
	display:block;
	background:none; border:none;
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
}
input.btn_save 
{
    background: none;
    border: none;
	background-image: url(../Images/btn_save.gif);
	width:54px; height:32px;
}

ul.goals_list li {
	width:327px;
	padding:10px; color:#FFF; font-size:10px;
}
ul.goals_list li h4 {font-weight:bold; font-size:11px; padding:0px; margin:0px;}
ul.goals_list li.even { background-color:#4f86bf;}

/* footer */
.footer { width:867px; padding:10px 15px; background-image: url(../Images/footer_line.gif); margin-top: 10px; padding-top:15px;}
ul.footerlink { float:left; width:60%;}
ul.footerlink, ul.footerlink a {color:#000; text-decoration:none;}
ul.footerlink a { display:block; padding-right:20px;float:left; }
span.footer_right { float:right; text-align: right; line-height: 18px;}

/* scroll pane style */
.scroll_pane_blue { 
background-color:#3f7dba;  
height: 200px;
overflow: auto; 
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #4F86BF;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #3F7DBA;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #3F7DBA;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.welcome_pane {
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	width: 100%;
	background-image: url(../Images/img_support_home_bg.jpg);
	background-repeat: none;
	height: 361px;
	position: relative;
}
.welcome_content {
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	float: right;
	margin-right: 20px;
	margin-top: 30px;
	padding:20px;
	width: 500px;
	height: 270px;
	background-color: #e3e7f0;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.welcome_text {
	position: absolute;
	width: 500px;
	right: 40px;
	top: 40px;
}
	

.welcome_links {
	padding: 5px 0px;
}

.welcome_links div {
	width: 289px;
	height: 135px;
	float: left;
	margin-right: 10px;
}

.welcome_links div.last {
	margin-right: 0px;
}

.imgPane_inner {
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	background-color:#3668aa;
	width:315px;
	padding:5px;
	margin-right: 5px;
}
.content_block {  padding-bottom: 50px;}
.content_block_1, .content_block_2, .content_block_3, .content_block_4, .content_block_5, 
.content_block_6, .content_block_7, .content_block_8, .content_block_9, .content_block_10   { display: none;}

.welcome_text .content_block  { padding:0px;}
.welcome_text .btn_section { bottom:0px;position:relative; }

h5 
{
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    padding: 10px 0px;
    color: #4576B1;
}

.detailPane_innerFull 
{
	-webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; 
	background-color:#E3E7F0;
	padding:20px;
	width:848px;
	position: relative;
}

.detailPane_innerFull p 
{
    width: 650px;
}

.blockLinks div
{
    float: left;
    padding-right: 5px;
    padding-top: 5px;
}

.testimonial 
{
    -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    width: 174px;
    background-color: #E3E7F0;
    padding: 0 !important;
    margin-right: 4px;
    margin-top: 4px;
}

.testimonial .text 
{
    padding: 15px;
    height: 100px;
}
table.tbl_info 
{
	width:100%;
	border:none;
	border-collapse:collapse;
}
table.tbl_info th, table.tbl_info td {padding:5px; text-align:left; vertical-align:top;border-collapse:collapse; }
table.tbl_info th { background-color:#3D7DBB; color:#fff;border-right:1px solid #fff; }
table.tbl_info td { border-bottom:1px solid #fff;}

table.tbl_belief th {width:33%;}

.blockLinks .last 
{
    padding-right: 0px;
    margin-right: 0px;
}

.testimonial .button_container 
{
    padding: 10px 15px;
}

.content_block strong 
{
    color: #3668AA;
}

div.hr {
	display:block; 
	width:100%; float:left; clear:both;
	background-image:url(../Images/hr_blue.gif);
	background-repeat:repeat-x;
	background-position:left center;
	padding:15px 0px;
}
.btns_container { width:430px;}
.btn_question 
{
	display:block;
	float:right;
	background:none; border:none;
	background-image:url(../Images/btn_questionaire.gif);
	width:158px; height:25px;
	cursor:pointer;
	font-size: 0;
	text-indent: -1000px;
	color: transparent;
    text-transform: capitalize;
}

.btn_set_your_goals 
{
	display:block;
	float:right;
	background:none; border:none;
	background-image:url(../Images/btn_set_your_goals.gif);
	width:111px; height:26px;
	cursor:pointer;
	font-size: 0;
	text-indent: -1000px;
	color: transparent;
    text-transform: capitalize;
}

.btn_section_back 
{
	display:block;
	background-image:url(../Images/btn_back.gif);
	width:88px; height:25px;
	float:left;
}

.spl_tile {
	display:block;
	width:289px; height:130px;
}
.spl_stay_motivate {background-image:url(../Images/spl_stay_motivate.jpg);}
.spl_setting_goals {background-image:url(../Images/spl_setting_goals.jpg);}
.spl_thinkahead {background-image:url(../Images/spl_thinkahead.jpg);}
.spl_connect_counsell {background-image:url(../Images/spl_connect_counsell.jpg); width:169px; height:130px;}
.spl_how_counsell_work {background-image:url(../Images/spl_how_counsell_work.jpg); width:169px; height:130px;}
.spl_make_counsell_work {background-image:url(../Images/spl_make_counsell_work.jpg); width:169px; height:130px;}
.spl_howa_ask_help {background-image:url(../Images/spl_howa_ask_help.jpg); width:169px; height:130px;}
.spl_talk_friend {background-image:url(../Images/spl_talk_friend.jpg); width:169px; height:130px;}
.spl_thoughts {background-image:url(../Images/spl_thoughts.jpg); width:169px; height:130px;}
.spl_feelings {background-image:url(../Images/spl_feelings.jpg); width:169px; height:130px;}
.spl_behaviours {background-image:url(../Images/spl_behaviours.jpg); width:169px; height:130px;}
.spl_relationships  {background-image:url(../Images/spl_relationships.jpg); width:169px; height:130px;}
.spl_physical_health {background-image:url(../Images/spl_physical_health.jpg); width:169px; height:130px;}


/* reg_md style */
.reg_md 
{
	background-color:#e3e7f0;
	border:2px solid #3668aa;
	width:596px;
	position:absolute; top:25px; left:50%;
	margin-left: -308px;
	background-color:#e3e7f0;
	z-index:888;
	-moz-box-shadow: 0px 3px 7px #000;
	-webkit-box-shadow: 0px 3px 7px #000;
	box-shadow: 0px 3px 7px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000');
}
.reg_md_inner{ padding:10px 20px 10px 20px; width:556px;}
.reg_md_inner p, .reg_form label, .reg_form input, .reg_form select { font-size:12px;}
.reg_md_hdr 
{
	background-color:#ff7b00;
	color:#fff;
	width:584px;
}
.reg_md_hdr h1 {
	display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; 
	padding:0px; margin:0px;
}
a.reg_md_btn_close  
{
	display:block; float:right; 
	background-image:url(../Images/btn_close.gif);
	width:42px; height:10px;
}
.reg_form { font-size:11px; display:block;}
.reg_form dl{ display:block; width:100%; float:left; clear:both; padding:0px; margin:0px 0px 5px 0px;}
.reg_form dl dt, .reg_form dl dd { display:block; float:left; width:185px; padding-right:25px;}
.reg_form dl dd.gender_col { width:130px; padding-right:0px;}
.reg_form dl dd.gender_col input { padding:0px; margin:0px;}
.reg_form dl dd.gender_col label { padding:0px 3px;}
.reg_form label { display:block; clear:both; padding:5px 0px; color:#3668aa;}
.reg_form input, .reg_form select {font-family:Arial, Helvetica, sans-serif; color:#333;}
.reg_form input { display:block; border:none; background-color:#fff; padding:2px; width:95%;}

table.tbl_radiolist {width:100%;}
table.tbl_radiolist, table.tbl_radiolist td { padding:0px; margin:0px; border:none;}
table.tbl_radiolist td input { float:left; width:1em; background:none;}
table.tbl_radiolist td label { float:left; width:auto; clear:none; padding:3px 10px 0px 5px;}
.reg_form_radio_section  { padding-bottom:5px;}
.reg_form_radio_section label { width:110px; clear:none; float:left; padding:3px 0px 0px 0px;}
.reg_form_radio_section input { width:1em; clear:none; float:left; background:none;}
.radio_other label { width:auto; padding-right:5px;}
input.txt_other { width:200px;}

.btn_section_L input { clear:none; float:left; width:1em; background:none;}
.btn_section_L p { display:block; clear:both; padding:0px; margin:0px;}
.btn_section_L a { color:#3668AA;}
.btn_section_L label { clear:none; float:left; padding:3px 0px 0px 5px;}

.btn_section_R { text-align:right;}
.btn_section_R input
{
	display: block;
	float:right;
	margin-left:15px;
}
input.btn_submit,  input.btn_cancel 
{
	background:none;border:none;
	background-image:url(../Images/btn_submit.gif);
	width:69px; height:32px;
	cursor:pointer;
}
input.btn_cancel {background-image:url(../Images/btn_cancel.gif);}

.error_msg { color:#ff0000; padding:0px 0px 1em 0px;}
.content_block ul { padding:0px; margin:0px 0px 10px 1.7em;}
.content_block ul li, .content_block ol li {  font-size: 11px; padding:0px; margin:0px;}
.content_block a { color:#4576B1; text-decoration:underline;}
.content_block a:hover { text-decoration:none;}
.treatment_desc_lnk { font-size:10px; display:inline-block; }
.treatment_desc_lnk a {color:#ff6600;}

/* Title sytle */
h1.img_hdg {
	display:block;
	padding:0px; margin:0px 0px 11px 0px;
	height:30px;
	clear:both;
}
h1.img_hdg span { display:none;}

.content_block h1 { font-size:14px; letter-spacing:normal;color:#4576B1;}
.content_block h2 {color:#4576B1;font-size:12px; padding:0px; margin:0px 0px 10px 0px;}

h1.hdg_setting_goals {background-image:url(../Images/hdg_setting_goals.gif);}
h1.hdg_cope_risk_situations {background-image:url(../Images/hdg_cope_risk_situations.gif); height:55px;}
h1.hdg_appointment_reminder {background-image:url(../Images/hdg_appointment_reminder.gif);}
h1.hdg_behaviour {background-image:url(../Images/hdg_behaviour.gif);}
h1.hdg_being_mindful {background-image:url(../Images/hdg_being_mindful.gif);}
h1.hdg_build_self_confidence {background-image:url(../Images/hdg_build_self_confidence.gif);}
h1.hdg_build_supports {background-image:url(../Images/hdg_building_support_lrg.png);}
h1.hdg_connect_counsell {background-image:url(../Images/hdg_connect_counsell.gif);}
h1.hdg_dealing_stress {background-image:url(../Images/hdg_dealing_stress.gif);}
h1.hdg_feelings {background-image:url(../Images/hdg_feelings.gif);}
h1.hdg_how_counselling_work {background-image:url(../Images/hdg_how_counselling_work.gif); height: 54px !important; margin-bottom: 0 !important;}
h1.hdg_how_to_ask_help {background-image:url(../Images/hdg_how_to_ask_help.gif);}
h1.hdg_identify_emotion_style {background-image:url(../Images/hdg_identify_emotion_style.gif);}
h1.hdg_improve_sleep {background-image:url(../Images/hdg_improve_sleep.gif);}
h1.hdg_keep_emotions_balance {background-image:url(../Images/hdg_keep_emotions_balance.gif);}
h1.hdg_living_well {background-image:url(../Images/hdg_living_well_lrg.png);}
h1.hdg_making_counselling_work {background-image:url(../Images/hdg_making_counselling_work.gif);}
h1.hdg_mgn_anger {background-image:url(../Images/hdg_mgn_anger.gif);}
h1.hdg_mgn_cravings {background-image:url(../Images/hdg_mgn_cravings.gif);}
h1.hdg_mgn_relapse {background-image:url(../Images/hdg_mgn_relapse.gif);}
h1.hdg_overcome_fear {background-image:url(../Images/hdg_overcome_fear.gif);}
h1.hdg_overcome_neg_thoughts {background-image:url(../Images/hdg_overcome_neg_thoughts.gif);}
h1.hdg_physical_health {background-image:url(../Images/hdg_physical_health.gif);}
h1.hdg_plan_change{background-image:url(../Images/hdg_plan_chg_lrg.png);}
h1.hdg_recognise_self_destruct {background-image:url(../Images/hdg_recognise_self_destruct.gif);}
h1.hdg_re-exam_unhealthy {background-image:url(../Images/hdg_re-exam_unhealthy.gif);}
h1.hdg_relationships {background-image:url(../Images/hdg_relationships.gif);}
h1.hdg_setting_goals {background-image:url(../Images/hdg_setting_goals.gif);}
h1.hdg_stay_motivated {background-image:url(../Images/hdg_stay_motivated.gif);}
h1.hdg_relationships {background-image:url(../Images/hdg_relationships.gif);}
h1.hdg_takecare_yourself {background-image:url(../Images/hdg_takecare_yourself.gif);}
h1.hdg_talk_to_friend_treatment {background-image:url(../Images/hdg_talk_to_friend_treatment.gif); height: 54px !important;}
h1.hdg_think_ahead {background-image:url(../Images/hdg_think_ahead.gif);}
h1.hdg_think_positive {background-image:url(../Images/hdg_think_positive.gif);}
h1.hdg_thoughts {background-image:url(../Images/hdg_thoughts.gif);}
h1.hdg_trigger_risk_situations {background-image:url(../Images/hdg_trigger_risk_situations.gif);}
h1.hdg_using_good_emotion {background-image:url(../Images/hdg_using_good_emotion.gif);}
h1.hdg_rehab {background-image:url(../Images/hdg_rehab.gif);}
h1.hdg_high_risk{background-image:url(../Images/hdg_high_risk.gif);}
h1.hdg_restore{background-image:url(../Images/hdg_restoring_healthy_habits.gif);}
h1.hdg_find_motivation{background-image:url(../Images/hdg_finding_motivation.gif);}
h1.hdg_managing_cravings{background-image:url(../Images/hdg_managing_cravings.gif);}
h1.hdg_setting_goal{background-image:url(../Images/hdg_setting_goals.gif);}

/* landing page bg overwrite .welcome_pane */
.plan_change_pane {background-image:url(../Images/bg_handcross.jpg);}
.build_support_pane {background-image:url(../Images/bg_eye_female.jpg);}
.living_well_pane {background-image:url(../Images/bg_handring.jpg);}


.alpha_70 
{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.alpha_80 
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}



.faq_question_list {
    list-style:none outside none;
    margin:15px 0 7px !important;
    padding:0 !important;
}

.faq_question_list li {
    background-image:url("../Images/icon_q.gif");
    background-position:left top;
    background-repeat:no-repeat;
    color:#3668AD;
    display:block !important;
    font-size:12px !important;
    font-weight:bold;
    margin:0 0 10px !important;
    padding:0 0 0 25px !important;
}

.faq_question_list li a, .faq_question_list li a:visited {
    color:#3668AD;
    cursor:help;
    text-decoration:none;
}

li.answer {
    background-image:url("../Images/icon_a.gif") !important;
    color:#252523;
    font-size:10px;
    font-weight:normal !important;
    height:auto !important;
    margin:15px 0 20px !important;
}

li.list_back 
{
    background: none;
}

.columnContainer {
    clear:both;
    float:left;
    margin-top:4px;
    width:100%;
}

.spotlight_left  {
background-image:url("../images/spotlight_home_bg.gif");
background-position:left top;
background-repeat:no-repeat;
float:left;
height:133px;
width:167px;
}
.spotlight_left div {
padding:5px 10px;
}

.spotlight_left div p {
margin-bottom:0;
}

.spotlight_left div img {
margin-bottom:2px;
margin-top:6px;
}

.spotlight_left div a img {
margin-top:10px;
}

.spotlight_pic {
display:block;
float:left;
}

.spotlight_ctn .spotlight_pic {
margin-right:5px;
}

.spotlight_pic_last {
margin-right:0 !important;
}


/* Share Experiences */
.shareExperienceFrame  {
    height:273px;
    overflow:auto;
    width:100%;
    overflow-x: hidden;
}

div#shareExperience {
    background-color:#E3E7F0;
    padding-right:10px;
    width:473px;
}

div.shareExperienceItem  {
    background-color:#F3F5F8;
    background-image:url("../Images/box_share_experience_item_end.gif");
    background-position:right top;
    background-repeat:no-repeat;
    clear:both;
    height:64px;
    margin-bottom:4px;
    margin-top:0;
    overflow:hidden;
    padding:0 6px 0 0;
    width:auto;
}

div.shareExperienceItem img.shareExperienceThumb {
    display:block;
    float:left;
}

div.shareExperienceItem div.content {
    float:left;
    padding-left:10px;
    padding-right:10px;
    width:234px;
}

#shareExperience h2 {
    color:#3668AA;
    font-size:14px;
    font-weight:bold;
    margin-bottom:6px;
    margin-top:4px;
}

.ShareExperienceButton
{
    background-image: url(../Images/btn_submit_your_own_story.gif);
    background-repeat: none;
    display: block;
    width: 159px;
    height: 26px;
}

a.DetailButton 
{
    background-image: url(../Images/btn_learn_more.gif); 
    display: block;
    width: 88px; 
    height: 25px;
    float:left;
    margin-top:33px;
}

.ExperienceLabel 
{
    display: block;
    width: 150px;
    float: left;
    font-weight: bold;
    color: #4576B1;
    font-size: 12px;
}

.ExperienceLabel2
{
    width: 90%;
    font-weight: bold;
    color: #4576B1 !important;
    font-size: 12px;
}

.ExperienceInputLrg
{
    width: 200px;
}

.textStory 
{
    width: 90%;
}

.ExperienceSuburb 
{
    width: 100px;
}

.maplink_list li {
float:left !important;
margin:0 15px 0 0 !important;
padding:0 !important;
}

#ajaxPaging ul li a:link, #ajaxPaging ul li a:visited, #pagingScroller ul li a:link, #pagingScroller ul li a:visited {
    display:block;
	background-image: url(../Images/bg_paging_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:22px; height:22px;
	color:#fff; line-height:22px; font-size:11px;
	text-align:center;
	text-decoration:none;
	margin-right:5px;
}

#ajaxPaging ul li a.on, #pagingScroller ul li a.on, #ajaxPaging ul li a.on:hover , #pagingScroller ul li a:hover { background-image: url(../Images/bg_paging_on.gif);}

.maplink_list li a:link, .maplink_list li a:visited {
background:none repeat scroll 0 0 transparent !important;
color:#3368AA !important;
text-decoration:underline !important;
}

#stateInfo 
{
    font-size: 10px;
    position: relative;
}

h1.nsw{
	background-image: url(../Images/hdg_nsw.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.vic {
	background-image: url(../Images/hdg_vic.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.qld {
	background-image: url(../Images/hdg_qld.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.nt {
	background-image: url(../Images/hdg_nt.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.sa {
	background-image: url(../Images/hdg_sa.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.wa {
	background-image: url(../Images/hdg_wa.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}
h1.tas {
	background-image: url(../Images/hdg_tas.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}

h1.act {
	background-image: url(../Images/hdg_act.gif);
	height: 20px;
	padding: 0px;
	margin-top: 5px;
}

.maplink_list {
list-style:none outside none !important;
margin:0;
padding:0;
}

h1.where_info {
background-image:url("../Images/hdg_where_get_info.gif");
	height: 35px;
	padding: 0px !important;
}

.surveyForm label {
margin-bottom:5px;
margin-right:10px;
}


.detailPane_inner h2 {
color:#4576B1;
font-size:11px;
font-weight:bold;
margin:0 0 10px;
padding:0;
}

.backStory 
{
   background: none;
   border: none;
   background-image: url(../Images/btn_back.gif);
   background-repeat: no-repeat;
   display: block;
   width: 88px;
   height: 25px;
   float: left; 
   margin-right: 5px;
}

.nextStory
{
    background-image: url(../Images/btn_next_story.gif);
    background-repeat: no-repeat;
    display: block;
    width: 108px;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.submitStory
{   
    background-image: url(../Images/btn_submit_story.gif);
    background-repeat: no-repeat;
    display: block;
    width: 108px;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.surveySubmit
{
    background-image: url(../Images/btn_submit_survey.gif);
    background-repeat: no-repeat;
    display: block;
    width: 78px;
    height: 25px;
}

.surveySubmitDisabled
{
    background-image: url(../Images/btn_submit_disabled.gif);
    background-repeat: no-repeat;
    display: block;
    width: 78px;
    height: 25px;   
}

.shareExperienceItem img 
{
    display: block;
    float: left;
}

.termsPopup 
{
    position: absolute;
    width: 600px;
    left: 50%;
    margin-left:-300px;
    top: 200px;
    z-index: 30;
    background-color: #e3e7f0;
    -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    border: solid 2px #3668aa;
    padding: 10px;
    z-index: 999;
    
 }
 
 .termsContent 
 {
     padding: 20px;
 }
 
 .orangeHdg 
 {
      -webkit-border-radius: 6px;-khtml-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
      background-color: #ff6600;
      color: White;
      font-size: 16px;
      font-weight: bold;
      padding: 10px 20px;
 }
 
 /* Tools style */
 .questionRow { width:100%; float:left; clear:both; padding-bottom:5px; font-size: 11px;}
 table.tbl_tool_lengend  
 {
 	width:100%;
 	margin-bottom:2em;
 	border-collapse:collapse;
 }
 table.tbl_tool_lengend td  
 {
  	font-size:10px; text-align:center; 
  	padding:5px;
  	border:1px solid #ccc;
  	color:#666;
 }
.questionNumber {}
.toolCb label { display:inline-block; padding-left:5px;}
.tool_yesNoQuestion { width:400px; float:left;}

.btn_next_tool, .btn_prev_tool, .btn_reset_tool, .btn_submit_tool, .btn_start, .btn_email_answer, .btn_back_start, .btn_yes, .btn_no
{
    display: block;
    height: 32px;
    float: left;
    border: none;
    background: none;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.btn_next_tool 
{
    width: 61px;
    background-image: url(../Images/btn_next_tool.gif);
}

.btn_prev_tool 
{
    width: 81px;
    background-image: url(../Images/btn_prev_tool.gif);
}

.btn_reset_tool 
{
    width: 71px;
    background-image: url(../Images/btn_reset_tool.gif);
}

.btn_submit_tool 
{
    width: 81px;
    background-image: url(../Images/btn_submit_tool.gif);
}

.btn_start 
{
    width: 71px;
    background-image: url(../Images/btn_start.gif);
}

.btn_email_answer 
{
   width: 140px;
   background-image: url(../Images/btn_email_answers.gif);
}

.btn_back_start 
{
   width: 140px; 
   background-image: url(../Images/btn_back_to_start.gif);
}

.btn_yes 
{
   width: 69px !important; 
   background-image: url(../Images/btn_yes.gif);
}

.btn_no 
{
   width: 69px !important; 
   background-image: url(../Images/btn_no.gif);
}

.LoginTable
{
    margin: auto;
    margin-top: 10px;
}

.LoginTable tr td 
{
    padding: 5px;
}

.LoginTable label, .forgot_link 
{
    color: #3668AA;
}   

.btn_right 
{
    float: right !important;
}

.forgot_link 
{
    color: #3668AA;
}

.goals_list 
{
    float: right;
    width: 300px;
    padding: 21px 10px 10px 17px;
}

.goal_item_main, .goal_item_alt
{
    padding: 10px;
    position: relative;
    color: White;
    font-size: 11px;
}

.goal_item_main 
{
    background-color: #3668aa;
}

.goal_item_alt 
{
    background-color: #4471b0;
}

.goal_item_main .hdg_goal, .goal_item_alt .hdg_goal
{
    font-weight: bold;
    font-size: 12px;   
}

.btn_goal_edit, .btn_goal_del 
{
    position: absolute;
    background: none;
    border: none;
    top: 5px;
    cursor: pointer;
    width:16px;
    height: 16px;
    display: block;
}

.btn_goal_edit 
{
    right: 20px;
    background-image: url(../Images/page_edit.png);
    background-repeat: no-repeat;
}

.btn_goal_del 
{
    right: 0;
    background-image: url(../Images/page_remove.png);
    background-repeat: no-repeat;
}

.goal_textarea
{
    width: 100%;
}

.hdg_goals 
{
    padding-left: 15px !important;
    padding-top: 15px !important;
    font-weight: normal !important;
    width: 540px;
    float: left;
}

.right
{
    float: right;
}

.btn_email_goals
{
    display: block;
    width: 127px;
    height: 32px;
    background: none;
    border: none;
    background-image: url(../Images/btn_email_goals.gif);
    background-repeat: no-repeat;
    float: right;
    margin-top: 10px;
}


/* jScrollPane Styles */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.tool_customTextBox 
{
    font-size:11px;
    height:12px;
}
