/* WGS 2007 styles */

/* TAGS */
body {
	margin: 0;
	padding: 0;
	color: #333;
	background: rgb(237,154,18) url(images/bg/bg_body2.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	font-size: 12px;
	
}

h1, h2, h3 {font-weight: normal; padding: 0;}
h1 {margin: 0 0 0.5em 0; color: #3696d2; padding-top: 20px; font-size: 1.8em;}
h2 {margin: 0 0 0.5em 0; color: #d8982a; font-size: 1.3em;}
h3 {margin: 0 0 0.5em 0; color: #3795d2; font-size: 1.1em;}
h4 {margin: 0; color: #d8982a;}
h5 {}
p {margin: 0 0 1em 0; padding: 0;}
ul, ol {margin-top: 0; margin-bottom: 1em;}
li {line-height: 1.5em;}
a:link {color: #3795d2;}
a:visited {color: #6a94ad;}
a:hover {color: #0565a5;}


/* STRUCTURE */
#container {
	width: 850px;
	margin: 12px auto 20px auto;
	padding: 0;
}
#global {width: 694px; margin: 0; padding: 0; color: #9CF;}
#page {
	width: 826px;
	background: #fff;
	margin: 0;
	padding: 2px 12px 5px 12px;
}
#header {margin: 0; padding: 0; height: 160px; border-bottom: 2px solid #fff;}
#logo {float: left; width: 165px; height: 150px; background: #3795d2; margin: 10px 0 0 0;}
#banner {
	float: right;
	width: 658px;
	height: 150px;
	margin: 10px 0 0 0;
}
#primarynav {margin: 0 0 2px 0; padding: 0 0 0 5px; height: 28px; background: rgb(102,7,165);}
#main {width: 826px;}
#side {float: right; margin: 0; width: 150px; background: #8ab8d2;}
#content {margin: 0 170px 0 5px; padding: 0;}
#footer {clear: both; margin: 0 0 10px 0;}
#pagefooter {margin: 15px -10px 15px 0; padding: 0; color: #fff; font-size: 9px;}
#pagefooter p {margin: 0;}

/* home */
#homecol_left {
	width: 164px;
	border-right: 3px solid #fff;
	padding: 0;
}
#home_left {
	width: 165px;
	background: rgb(102,191,245);
}


#home_howto {background: #3795d1 url(images/home/bg_shaving_tallies.jpg) bottom right no-repeat; padding: 0; margin: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
#home_shop {background: #3795d1 url(images/home/bg_australia_tallies.gif) top right no-repeat; padding: 0; margin: 0; border-right: 2px solid #fff;}


#home_itssoeasy {
	width: 331px;
	background: #2499e5;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #fff;
	height: 120px;
	border-left: 2px solid #fff;
	background-image: url(images/photos/calculator.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#home_businesses {
	width: 331px;
	background: #2499e5;
	padding: 0;
	margin: 0;
	height: 130px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#home_wheretoshave {
	width: 331px;
	background: #ed9a12;
	padding: 0;
	margin: 0;
	height: 140px;
	border-bottom: 2px solid #fff;
	background-image: url(images/home/bg_jointeam.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#home_startyourteam {
	width: 331px;
	border-bottom: 2px solid #fff;
	background-image: url(images/home/bg_startteam.gif);
	background-position: bottom right;
	background-color: #ed9a12;
	background-repeat: no-repeat;
}



#home_joinateam {
	border-bottom: 2px solid #fff;
	background-image: url(images/home/bg_jointeam.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #ed9a12;
}
#home_login {background: #d89628; padding: 0; margin: 0;}
#home_sponsorashaver {
	background: #ed9a12;
	padding: 0;
	margin: 0;
	background-image: url(images/home/bg_sponsor.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#home_top30 {background: #3795d1; padding: 0; margin: 0;}

#subnav {margin: 0; padding: 0; border-bottom: 2px solid #fff;}
#panel_login {margin: 0; padding-top: 1px; border-bottom: 2px solid #fff; background: #60a6d1;}
#panel_shop {margin: 0; padding-top: 1px; border-bottom: 2px solid #fff;}
#panel_polaroid {margin: 0; padding-top: 15px; border-bottom: 2px solid #fff;}
#panel_search {margin: 0; padding: 10px 0 10px 0; border-bottom: 2px solid #fff; background: #60a6d1;}


/* PRESENTATION */
/* global */
#frmSearch {margin: 0; padding: 0;}
#frmSearch #searchwords {font-size: 0.85em; width: 115px;}
#frmSearch #btnSearch {font-size: 0.85em; margin: 0;}

/*home */
#home_left h2,      #home_itssoeasy h2,      #home_businesses h2,      #home_wheretoshave h2,      #home_startyourteam h2,      #home_joinateam h2,      #home_sponsorashaver h2,      #home_login h2      {color: #fff; margin: 0 12px 4px 12px; padding: 12px 0 0 0;}
#home_left h2 span, #home_itssoeasy h2 span, #home_businesses h2 span, #home_wheretoshave h2 span, #home_startyourteam h2 span, #home_joinateam h2 span, #home_sponsorashaver h2 span, #home_login h2 span {position: absolute; left: -9999px; top: 0;}
#home_left p,       #home_itssoeasy p,       #home_businesses p,       #home_wheretoshave p,       #home_startyourteam p,       #home_joinateam p,       #home_sponsorashaver p,       #home_login p       {color: #fff; margin: 0 12px; padding: 0 0 6px 0;}
#home_left img,     #home_itssoeasy img,     #home_businesses img,     #home_wheretoshave img,     #home_startyourteam img,     #home_joinateam img,     #home_sponsorashaver img,     #home_login img     {border: 0;}

#home_left a:visited, #home_left a:link,
#home_itssoeasy a:visited, #home_itssoeasy a:link,
#home_businesses a:visited, #home_businesses a:link,
#home_wheretoshave a:visited, #home_wheretoshave a:link,
#home_startyourteam a:visited, #home_startyourteam a:link,
#home_joinateam a:visited, #home_joinateam a:link,
#home_sponsorashaver a:visited, #home_sponsorashaver a:link {color: #fff;}

#home_left a:hover, 
#home_itssoeasy a:hover, 
#home_businesses a:hover, 
#home_wheretoshave a:hover, 
#home_startyourteam a:hover, 
#home_joinateam a:hover, 
#home_sponsorashaver a:hover {color: #dbecf2;}

#home_left p {
	font-size: 0.85em;
	margin:8px 0 12px 0;
}

#home_shop .tallies {color: #fff; margin: 0 12px 12px 12px;font-size: 1.3em;}

#home_login form {margin: 0 12px; color: #fff;}
#home_login form label {float: left; width: 85px; margin: 0 0 2px 0;}
#home_login form input.fldTxt {width: 100px; font-size: 0.85em; color: #0565a5; margin: 0 0 2px 0;}
#home_login form input.fldButton {font-size: 0.85em; margin: 0 0 2px 85px;}

#jumpingcontainer {z-index: 2; position: absolute; top: 203px; right: auto; width: 682px; height: 300px; padding: 0;}
#jumping {z-index: 3; position: absolute; top: 203px; left: auto; width: 256px; height: 275px; padding: 0; margin: 0;} /*  left: 757px; */


#tblParticipants {margin: 0 0 1em 0;}
#tblParticipants td {font-size: 0.85em; padding: 0 5px 5px 0;}
#frmNameSearch {margin: 0 0 0.5em 0; background: #fdfaca; border: 1px solid #fde64f; padding: 10px;}
#frmNameSearch label {font-weight: normal; float: none; font-size: 0.85em;}
#frmNameSearch input {font-size: 0.85em;}


#global a:link, #global a:visited {
	color: #FC6;
	text-decoration: none;
}
#global a:hover {color: #FFF; text-decoration: underline;}
#primarynav img {border: 0;}
#content ul {list-style-image: url(images/bg/bullet.gif); margin-left: 25px; padding-left: 0;}

#side h3 {margin: 15px 15px 1px 15px; color: #000; font-size: 1.2em;}
#subnav ul {margin: 5px 15px 15px 0; padding: 0; list-style-type: none;}
#subnav ul li {line-height: 1em; margin: 0 0 7px 0; padding: 0;}
#subnav ul li a:visited, #subnav ul li a:link {display: block; margin: 0; padding: 0 0 0 15px; color: #fff; text-decoration: none;}
#subnav ul li a:hover {color: #dbecf2; background: url(images/bg/bullet_nav_over.gif) center left no-repeat;}
#subnav ul li a.active {color: #000; text-decoration: none; background: url(images/bg/bullet_nav.gif) center left no-repeat;}

#footer img {float: left; margin: 0 5px 0 0;}
#footer form {margin: 0 0 0 70px; padding-top: 20px;}
#footer p {margin: 0 0 0 70px; padding-top: 17px; font-size: 0.9em; line-height: 1.6em;}
#footer a {margin: 0 1px;}

.header_home {
	width: 826px;
	height: 160px;
}
.header_about {width: 682px; height: 160px; background: url(images/bg/header_about.gif) bottom right no-repeat;}
.header_howto {width: 682px; height: 160px; background: url(images/bg/header_howto.jpg) bottom right no-repeat;}
.header_businesses {width: 682px; height: 160px; background: url(images/bg/header_business.jpg) bottom right no-repeat;}
.header_top30 {width: 682px; height: 160px; background: url(images/bg/header_gen3.jpg) bottom right no-repeat;}
.header_events {width: 682px; height: 160px; background: url(images/bg/header_events.jpg) bottom right no-repeat;}
.header_gallery {width: 682px; height: 160px; background: url(images/bg/header_gen2.jpg) bottom right no-repeat;}
.header_news {width: 682px; height: 160px; background: url(images/bg/header_gen1.jpg) bottom right no-repeat;}
.header_profile {width: 682px; height: 160px; background: url(images/bg/header_profile.jpg) bottom right no-repeat;}
.header_faq {width: 682px; height: 160px; background: url(images/bg/header_gen1.jpg) bottom right no-repeat;}
.header_content {width: 682px; height: 160px; background: url(images/bg/header_gen3.jpg) bottom right no-repeat;}

/* FORMS */
#panel_login h3, #panel_shop h3, #panel_polaroid h3 {margin: 10px 15px 5px 15px;}
#panel_login p, #panel_shop p, #panel_polaroid p {margin: 0 15px 5px 15px; color: #fff;}
#panel_login a:visited, #panel_login a:link, #panel_shop a:visited, #panel_shop a:link, #panel_polaroid a:visited, #panel_polaroid a:link {color: #fff;}
#panel_login a:hover, #panel_shop a:hover, #panel_polaroid a:hover {color: #dbecf2;}
#panel_login form {margin: 0 15px 15px 15px;}
#panel_login label {color: #fff;}
#panel_login input.fldTxt {width: 110px; color: #0565a5; font-size: 0.9em;}
#panel_login label.lblSml {font-size: 0.85em; font-weight: normal;}

#panel_search input.fldTxt {margin: 0 0 0 15px; width: 75px; color: #0565a5; font-size: 0.9em;}
#btnSearch {width: 30px;}

.smaller {font-size: 0.85em;}
.required {font-weight: bold; color: #f60;}
.dollar {font-weight: bold;}
form label {font-weight: bold;}
.inlineHelp {font-size: 0.85em; color: #666; font-weight: normal;}
.bodypicRight {float: right; margin: 0 0 20px 10px;}




/* MY SHAVE PAGE */
#shavepage_left {width: 240px; float: left; margin: 0 5px 0 0;}
#shavepage_left p {padding-right: 10px;}
#shavepage_right {margin: 0 0 0 250px;}
#panel_aboutyou, #panel_profilepage, #panel_fundraising, #panel_fundraisingtally {background: #efefef; font-size: 0.85em; margin: 0 0 5px 0; padding: 5px;}
#panel_profilepage h2, #panel_fundraising h2, #panel_fundraisingtally h2 {padding: 5px 5px 0 0;}
.tblLabel {color: #2c99d2; padding: 0 10px 0 0;}
#panel_profilepage table p {margin: 0 0 5px 0;}
#panel_fundraising p {margin: 0;}
#panel_profilepage table ul {margin: 0 0 10px 0; padding: 0; list-style-type: none; list-style-image: none;}
.grandtotal {font-size: 2.3em; padding: 7px 0 6px 0;}
#panel_fundraisingtally table th {background: #c3d9ee; font-weight: bold; text-align: left; padding: 3px;}

#tblPosts {margin: 0 0 1em 0; border-bottom: 1px solid #c3d9ee;}
#tblPosts th {background: #c3d9ee; text-align: left; padding: 3px;}
#tblPosts td {padding: 3px;}
#tblPosts h4 {margin: 0 0 5px 0;}
#tblPosts tr.rowAlt {background: #efefef;}

#frmAction {margin: 0 0 1em 0; padding: 0;}
#frmAction div {border-top: 1px solid #efefef; margin: 3px 0; padding-top: 3px;}
#frmAction div label {float: left; width: 150px; color: #069; padding-right: 20px;}
#frmAction div label.lblInline {float: none; width: auto; margin: 0 0 0 5px; color: #333; font-weight: normal;}
#frmAction div input.fldLong {width: 300px;}
#frmAction div input.fldShort {width: 150px;}
#frmAction div input.fldMedium {width: 250px;}
#frmAction div input.fldCheckbox {width: 1em;}
#frmAction div input.fldCheckboxNotrequired {width: 1em; margin: 0 0 0 1em;}
#frmAction div input.fldRadio {width: 1em; margin: 0;}
#frmAction div input.fldRadioNotrequired {width: 1em; margin: 0 0 0 1em;}
#frmAction div textarea {width: 300px; font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 0.9em;}
#frmAction div input.btnAction {margin: 1em 0 1em 170px; width: auto; font-weight: bold;}

#frmAction div span.required {float: left; width: 20px;}
#frmAction div span.dollar {float: left; width: 20px;}

/* DONATION FORM */
#MainForm {margin: 0 0 1em 0; padding: 0;}
#MainForm div {border-top: 1px solid #efefef; margin: 3px 0; padding-top: 3px;}
#MainForm div label {float: left; width: 150px; color: #069; padding-right: 20px;}
#MainForm div label.lblInline {float: none; width: auto; margin: 0 0 0 5px; color: #333; font-weight: normal;}
#MainForm div input.fldLong {width: 300px;}
#MainForm div input.fldShort {width: 150px;}
#MainForm div input.fldMedium {width: 250px;}
#MainForm div textarea {width: 300px; font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 0.9em;}
#MainForm div input.btnAction {margin: 1em 0 1em 170px; width: auto; font-weight: bold;}
#MainForm div span.required {float: left; width: 20px;}


/* REGISTER */
#frmRegistration {margin: 0 0 1em 0; padding: 0;}
#frmRegistration div {border-top: 1px solid #efefef; margin: 3px 0; padding-top: 3px;}
#frmRegistration label {float: left; width: 150px; color: #069;}
#frmRegistration label.lblInline {float: none; width: auto; margin: 0 0 0 5px; color: #333; font-weight: normal;}
#frmRegistration input.fldLong {width: 300px;}
#frmRegistration input.fldShort {width: 150px;}
#frmRegistration input.fldMedium {width: 250px;}
#frmRegistration input.fldCheckbox {width: 1em;}
#frmRegistration input.fldCheckboxNotrequired {width: 1em; margin: 0 0 0 1em;}
#frmRegistration input.fldRadio {width: 1em; margin: 0;}
#frmRegistration input.fldRadioNotrequired {width: 1em; margin: 0 0 0 1em;}
#frmRegistration textarea {width: 300px; font-family: Arial, Helvetica, sans-serif; margin: 0; font-size: 0.9em;}
#frmRegistration input.btnAction {margin: 1em 0; width: auto; font-weight: bold;}

#frmRegistration span.required {float: left; width: 20px;}

.photoArea {float: left; width: 150px; margin: 0 5px 10px 0; padding: 5px; background: #efefef;}
.photoArea p {margin: 0; font-size: 0.85em;}
.photoFrame {width: 90px; min-height: 105px; border: 1px solid #dedede; text-align: center; margin: 0 auto 5px auto; padding: 5px; background: #fff; vertical-align: middle;}

.publicPhotoArea {float: left; width: 100px; margin: 0 6px 10px 0; padding: 10px; background: #efefef;}
.publicPhotoArea p {margin: 0; font-size: 0.85em;}
.publicPhotoFrame {width: 90px; min-height: 105px; border: 1px solid #dedede; text-align: center; margin: 0 auto 5px auto; padding: 5px; background: #fff; vertical-align: middle;}

.newWindow {border: 0; margin: 0 0 0 3px;}
.errortext {color: #c00;}
.snapshot {background: #fdfaca; border: 1px solid #fde64f; border-top: 1px solid #fde64f; padding: 10px; margin: 9px 0 0 0;}
.snapshot h4 {margin: 0 0 5px 0;}

.searchHighlight {background: #ffffcc;}

#shaveEventsList {border-bottom: 1px solid #8ab8d2; margin: 0 0 1em 0;}
#shaveEventsList th {border-bottom: 1px solid #8ab8d2; background: #c4dbe8; text-align: left;}
#shaveEventsList tr.even {background: #f0f6f9;}
#shaveEventsList h4 {font-size: 1em;}
#shaveEventsList p {font-size: 0.9em;}



#thermometer #target, #thermometer #totalraised  {
	color:#FFFFFF;
	font-size:22px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height: 30px;
}

#thermometer #percentage {  color:#FFFFFF; font-size:22px; font-weight:bold;  letter-spacing:-1px; }

#thermometer td { line-height:20px; }

#thermometerpic { width:115px; height:250px; background-image:url(theremometer/thermometer_000.gif); background-repeat:no-repeat; background-position:right bottom; }



#mangochutney { width:129px; padding:0; margin:-5px 0 0 0; font-size:9px; float:right; }
#mangochutney a { display:block; width:129px; height:27px; background-image:url(images/mangochutney.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; } 


/* NEW PRAXIS FRIENDRAISING BUTTONS */

#footer { font-size:10px; }

#buttons-home ul      { list-style:none; margin-left: 0; padding-left: 0; height:40px; margin-bottom:0; padding-bottom:0; }
#buttons-home ul li { list-style:none; }
#buttons-home ul li a {
	display:block;
	float:right;
	width:314px;
	height:34px;
	background-color:#FFF;
	cursor:pointer;
	margin:0 10px 0 0;
}

/*--------------- New Facebook and general donations buttons --------*/

#buttons-home { padding-left:100px; }

#buttons-home ul li a.button_gd-home   {
	background-image: url(images/buttons/button-home-GD_01.jpg);
	text-indent: -999px;
	overflow: hidden;
}
#buttons-home ul li a.button_gd-home:hover   {
	background-image: url(images/buttons/button-home-GD_02.jpg);
}

#buttons-home ul li a.button_fb-home   {
	background-image: url(images/buttons/button-home-FB_01.jpg);
	text-indent: -999px;
	overflow: hidden;
}
#buttons-home ul li a.button_fb-home:hover   {
	background-image: url(images/buttons/button-home-FB_02.jpg);
}