/* WGS 2007 styles */

/* TAGS */
body {margin: 0; padding: 0; background: #c3d9ee; font-family: Arial, Helvetica, sans-serif; 
color: #333; font-size: 0.8em;}
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: 694px; margin: 12px auto 20px auto; padding: 0;}
#global {width: 694px; margin: 0; padding: 0; color: #dbecf2;}
#page {width: 682px; 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: 514px; height: 150px; margin: 10px 0 0 0;}
#primarynav {margin: 0 0 2px 0; padding: 0 0 0 5px; height: 28px; background: #8ab8d2;}
#main {width: 682px;}
#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 0; padding: 0; color: #fff; font-size: 0.9em;}
#pagefooter p {margin: 0;}

/* home */
#homecol_left {width: 165px; border-right: 3px solid #fff; padding: 0;}
#home_left {width: 165px; background: #8ab7d2;}
#home_about {width: 256px; background: #3795d1 url(images/home/bg_polaroids.jpg) top right no-repeat; padding: 0; margin: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
#home_howto {background: #3795d1 url(images/home/bg_shaving.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) bottom right no-repeat; padding: 0; margin: 0; border-right: 2px solid #fff;}
#home_donate {width: 256px; background: #d89628; border-bottom: 2px solid #fff;}
#home_register {background: #d89628; border-bottom: 2px solid #fff;}
#home_login {background: #d89628; padding: 0; margin: 0;}
#home_faq {background: #d89628; 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_about h2, #home_howto h2, #home_shop h2 {color: #fff; margin: 0 12px 12px 12px; padding: 12px 0 0 0;}
#home_donate h2, #home_register h2, #home_login h2, #home_faq h2 {color: #fff; margin: 0 12px 12px 12px; padding: 12px 0 0 0;}
#home_left h2 span, #home_about h2 span, #home_donate h2 span, #home_howto h2 span, #home_shop h2 span, #home_register h2 span, #home_login h2 span, #home_faq h2 span {position: absolute; left: -9999px; top: 0;}
#home_left p, #home_about p, #home_donate p, #home_howto p, #home_shop p, #home_register p, #home_login p, #home_faq p {color: #fff; margin: 0 12px; padding: 0 0 6px 0;}
#home_left img, #home_about img, #home_donate img {border: 0;}
#home_left a:visited, #home_left a:link, #home_about a, #home_about a:visited, #home_register a, #home_donate a, #home_about a:link, #home_howto a, #home_howto a:visited, #home_howto a:link, #home_shop a:visited, #home_shop a:link, #home_faq a:visited, #home_faq a:link {color: #fff;}
#home_left a:hover, #home_about a:hover, #home_howto a:hover, #home_shop a:hover {color: #dbecf2;}
#home_faq a:hover {color: #efd5a9;}

#home_left p {font-size: 0.85em;}
#home_about p {padding-right: 118px;}
#home_howto p {padding-right: 118px;}
#home_shop p {padding-right: 128px;}
#home_donate p {padding-right: 80px;}
#home_register p {padding-right: 90px;}

#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: #069; text-decoration: none;}
#global a:hover {color: #036; 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: 682px; height: 160px; background: url(images/bg/header_home.jpg) bottom right no-repeat;}
.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_companies {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;}