/*
 Copyright 2002 (C) Our Community Pty. Ltd. All Rights Reserved.
 
 $Id: ourcommunity.css 2536 2009-11-03 22:24:50Z charlesg $
 */
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

form div.field textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

a:link,a:visited,a:active {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3399CC;
	font-size: 11px;
	text-decoration: underline;
}

a.normal,a.normal:link,a.normal:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

a.normal:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3399CC;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
}

a.small,a.small:link,a.small:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	text-decoration: underline;
}

a.small:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3399CC;
	font-size: 10px;
	text-decoration: underline;
}

a.whitelink,a.whitelink,a.whitelink {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

a.whitelink:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

a.orange,a.orange,a.orange {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #FF6300;
}

a.orange:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3399CC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}

a.mini,a.mini:link,a.mini:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	text-decoration: underline;
}

a.mini:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #3399CC;
	font-size: 9px;
	text-decoration: underline;
}

STRONG {
	font-weight: bold;
}

B {
	font-weight: bold;
}

.error {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FF0000;
}

.text {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.textsmall {
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.calendar {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
}

.contentbold {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

H2,.contentbold2 {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #666699;
	font-weight: bold;
}

.subheadingbold {
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

H1,.subheadingbold2 {
	font: 14px verdana, arial, helvetica, sans-serif;
	color: #666699;
	font-weight: bold;
}

.menubar {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.signature {
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.linkedpages {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.menu {
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.mini {
	font: 9px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.menubarbold {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.menubarbold2 {
	font: 12px verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

.contentside {
	font: 11px verdana, arial, helvetica, sans-serif;
	color: #000000;
}

.header {
	font: 24px/ 28px verdana, arial, helvetica, sans-serif;
	color: #666699;
}

.header2 {
	font: 16px verdana, arial, helvetica, sans-serif;
	color: #666699;
}

.sub {
	font: 16px/ 24px verdana, arial, helvetica, sans-serif;
	color: #666699;
	font-weight: bold;
}

.whiteheading {
	font: 16px arial;
	color: #FFFFFF;
	font-weight: bold;
}

.borderTBLR {
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
}

.borderTBR {
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	border-right: 1px solid Black;
}

.borderBLR {
	border-bottom: 1px solid Black;
	border-left: 1px solid Black;
	border-right: 1px solid Black;
}

.borderBR {
	border-bottom: 1px solid Black;
	border-right: 1px solid Black;
}

.noPrint {
	display: block;
}

.printOnly {
	display: none;
}

h3.hideheading {
	cursor: hand;
	c\ursor: pointer;
	background-image: url(../../images/icon-minus.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	padding-left: 14px;
}

h3.hidden {
	background-image: url(../../images/icon-plus.gif);
}

div.hidden {
	display: none;
}

.gs_categoryheading {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 14px;
	background: orange;
	padding-bottom: 5px;
	padding-top: 5px;
}

.gs_categoryheading div.gs_context {
	font-weight: normal;
	font-size: 10px;
	color: black;
}

.gs_categoryheading div.gs_context a {
	font-size: 10px;
}

.gs_itemdivider {
	padding-bottom: 10px;
	border-bottom: orange 1px dotted
}
.gs_rowtitle {
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 10px 5px 5px 0;
	width: 110px;
}
.gs_rowcontent {
	padding: 10px 0 5px 0;
}
.botBottom {
	border-bottom: 1px #c5e0ef dotted;
}




#gallery {
	font-size: 10pt;
	margin: 0;
	padding: 0;
}
#gallery a {
	font-size: 100%;
	font-weight: inherit;
}

#gallery h1 {
	font-size: 14pt !important;
	color: #CC0000 !important;
}
#gallery h2 {
	margin: 16pt 0 6pt 0 !important;
	font-size: 12pt !important;
	color: #CC0000 !important;
}
#gallery h1 a {
	color: inherit;
	text-decoration:none;
}
#gallery h2 a {
	color: inherit;
	text-decoration:none;
}


#gallery .subtitle {
	font-size: 8pt;
	font-weight:normal;
	padding-left: 4pt;
}
#gallery .subtitle a {
	color: #AA5555;
}

#galleryheader {
	padding: 6pt 10pt;
}

#gallerytabs {
	padding: 0 6pt;
}
#gallerytabs .tab {
	background-color: #3A3F45;
	padding: 4pt 6pt;
	width: 60pt;
	float: left;
	color: white;
	margin: 0 2px 0 0;
	text-align: center;
}
#gallerytabs .tab a {
	color: white;
}
#gallerytabs .tab a:link, #gallerytabs .tab a:visited {
	text-decoration: none;
}
#gallerytabs .tab a:hover, #gallerytabs .tab a:active {
	text-decoration: underline;
}
#gallerytabs .highlighted {
	background-color: #D92A39;
}

#gallery #searchbar {
	font-size: 10pt;
	clear: left;
	background: #313139;
	background-image: url('/images/photobank/search_ramp.gif');
	background-repeat: repeat-x;
	color: white;
	margin: 0;
	padding: 4pt 10pt;
}
#gallery #searchbar .button {
	font-weight: bold;
	padding: 3pt 4pt;
	margin: 0;
}

#gallery #picturearea {
	background: white url('/images/photobank/background_ramp.gif') repeat-x;
	padding: 6pt 10pt;
}

#gallery .thumblink {
	margin: 0 6pt 6pt 0;
	width: 142px;
	float: left;
}

#gallery .thumblink img {
	border: 1px #cccccc solid;
}
#gallery #piccontent {
	width: 652px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12pt;	
}
#gallery .picbox {
	width: 650px;
	border: 1px #cccccc solid;	
}
#gallery .pic {
	background-color: #E8E8EA;
	text-align: center;
}
#gallery .piccaption {
	border-top: 1px #cccccc dotted;
	padding: 4pt 6pt 6pt 6pt;
}
#gallery .tooltip {
	padding: 4pt; 
	background-color: #f0f0f0; 
	border: 1px #999999 solid; 
	width: 15em;	
}
#gallery .tooltip .photonumber {
	float:right; 
	width:4em; 
	text-align:right; 
	font-weight:bold; 
	font-size:7pt; 
	margin: -2pt -2pt 4pt 4pt; 
	color: #999999;
}
#gallery .tooltip .photodesc {
	font-size:9pt;
	margin-bottom:3pt;
}
#gallery .tooltip .photographer {
	font-size:7pt;
}
#gallery .app {
	font-size: 10pt;
	background: #313139;
	background-image: url('/images/photobank/search_ramp.gif');
	background-repeat: repeat-x;
	color: white;
	margin: 0;
	padding: 4pt 10pt;
}
#gallery .app .button {
	font-weight: bold;
	padding: 3pt 4pt;
	margin: 0;
}
#gallery .graybutton {
	background-color: #3A3F45;
	padding: 4pt 6pt;
	width: 60pt;
	color: white;
	text-align: center;
}
#gallery .graybutton a, #gallery .graybutton a:link, #gallery .graybutton a:visited {
	color:white;
	text-decoration:none;	
}
#gallery .graybutton a:hover{
	color:white;
	text-decoration:underline;	
}

div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected {
	background-color: #fcc;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2pt;
	cursor:pointer;
	font-size: 9pt;
}
div.autocomplete .detail {
	font-size: 7pt;
	color: #666;
}



.validationerror {
	color: #FF0000;
}


#trainingcal th {
	background-color: #FFCC00;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 4px;
	text-align: left;
}
#trainingcal tr.year th {
	background-color: #D8EBF5;
	font-size: 11px;
	font-weight: bold;	
	padding: 2px 4px;
	text-align: left;
}
#trainingcal td {
	padding: 2px 4px;
	vertical-align: top;
}
#trainingcal td a {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
}
#trainingcal tr.r1 td {
	background-color: #FFC;
}
#trainingcal tr.r0 td {
	background-color: #FFFFE8;
}
#trainingcal h3 {
	font-size: 13px;
	padding-left: 4px;
	margin-top: 26px;
}
#trainingcal h3 a {
	text-decoration: none;
	font-size: 13px;
}
#trainingcal h3 span.detailslink a {
	font-weight:normal;
	font-size: 11px;
	text-decoration: underline;
	padding-left: 20px;
}
#trainingcal .soldout {
	color: #cc0000;
}

#trainingcal.area_business th {
	background-color: #A71F23;
	color: #FFF;
}

#trainingcal.area_business tr.year th {
	background-color: #F9C6B0;
	color: #000;
}
#trainingcal table.timetable td {
	padding: 8px 4px;
}
#trainingcal table.timetable td.joinb {
	padding: 8px 4px 0 4px;
}
#trainingcal table.timetable td.joint {
	padding: 0 4px 8px 4px;
}
#trainingcal .cancelled {
	color: #7F7F66;
}

table.receipt td, table.receipt th {
	padding: 0pt 2pt;
}
table.receipt th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
table.receipt th.amount, table.receipt td.amount {
	padding: 0pt 2pt 0 6pt;
	text-align: right;
}
table.receipt td.indent {
	padding-left: 2em;
}
table.receipt td.delegate {
	padding-top: 6pt;
}
table.receipt td.total {
	padding-top: 6pt;
	text-align: right;
}
table.receipt h2 {
	font-size: 13px;
	margin-bottom: 2pt;
}
table.receipt h3 {
	font-size: 12px;
	margin-top: 8pt;
	margin-bottom: 2pt;
}


table.eventcal {
	margin-top: 14px;
	width: 100%;	
}

table.eventcal thead th {
	border: 1px solid #000;
	padding: 3px 6px;
	font-weight: bold;
	text-align: left;
	font-size: 12px;	
	background-color: #85FFF5;
}

table.eventcal thead th a {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	text-decoration: inherit;
	color: inherit;
}

table.eventcal td.edate {
	font-weight: bold;
	line-height: 14px;
}

table.eventcal td {
	vertical-align: top;
	padding: 7px;
	border-bottom: 1px dotted #E5F3F2;
}

table.eventcal tr.today td {
	background-color: #FFFFD4;
}

table.eventcal tr.today div.today {
	color: #C5C700;
}


table.eventcal h3 {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #209F95;
	margin: 0;
}

table.eventcal h3 a {
	font-weight: inherit;
	font-size: inherit;
	font-family: inherit;
	text-decoration: none;
	color: inherit;
}

table.eventcal h3 a:hover {
	text-decoration: underline;
}

table.eventcal label {
	font-weight: bold;
}

table.eventcal div.econtact div label {
	text-align: right;
	width: 110px;
	display: block;
	float: left;
	margin-left: -120px;
	position: static;
}

table.eventcal div.econtact label {
	position: absolute;
}


table.eventcal div.econtact div {
	height: 1%;
	clear: left;
	padding-left: 120px;
}

table.eventcal div.econtact {
	margin-top: 5px;
	position: relative;
}

table.eventcal div.edonate {
	margin: 5px 0;
}


div.eventindex div {
	width: 170px;
	padding: 5px 0 0 5px;
	height: 40px;
	float: left;
	text-align: left;
}

div.eventindex img {
	float: left;
}

.eventindex {
	clear:left;
	width: 700px;
	margin: 0 auto;
	text-align: center;
}