/* general styles */
body {
	font-family: Arial;
	font-size: 12px;
	padding: 0;
	text-align: center;
	background-color: #666;
	color: #000;
	margin: 0;
}
h1 {
	font-family: Verdana;
	font-size: 21px;
	font-weight: bold;
	margin: 12px 0;
	padding-bottom: 2px;
	color: #000;
	border-bottom: 1px solid #000;
}
h2 {
	color: #000;
	font-family: Verdana;
	font-size: 15px;
	margin: 12px 0 5px 0;
	font-weight: bold;
}
h3 {
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	margin: 4px 0 2px 0;
}
input, textarea, select {
	font-size: 11px;
	font-family: Verdana;
}
p { margin: 10px 0 10px 0; }
a { color: #c00; }
.mandatory a { color: #c33; }
a:hover, .mandatory a:hover { color: #666; }
ul, ol { margin: 0 auto 0 auto; }
li { margin: 5px auto 5px auto; }
img {
	padding: 2px;
	border: 1px solid #ccc;
}
a:hover img { border: 1px solid #666; }
.icontext {
	margin: -16px 0 2px 25px;
	font-size: 10px;
	font-family: Verdana;
}
.clearset {
	clear: both;
	height: 1px;
}
.clear {
	clear: both;
}
.emdevlink {	
	margin: 0;
	height: 310px;
	border-top: 1px solid #fff;
}
.emdevlink img {
	margin: 243px 0;
	padding: 0;
}
.hidden {
	display: none;
}
.small {
	font-size: 10px;
	font-family: Verdana;
}
.right {
	float: right;
	margin-left: 5px;
}
.error, .success {
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 5px;
	background: #eee;
	width: 570px;
	color: #c33;
	font-size: 11px;
	font-family: Verdana;
	border: 1px solid #c33;
	clear: both;
}
.messageheading {
	font-weight: bold;
	text-transform: uppercase;
}
.messagebody {
	margin-top: 5px;
}
.success {
	color: #000;
	border: 1px solid #000;
}
.current {
	margin: 5px 0 10px 0;
	font-size: 11px;
	font-family: Verdana;
	color: #666;
}
.intro {
	font-style: italic;
	margin: 5px 0 10px 0;
}
.left {
	float: left;
}
#clubindicator {
	font-size: 9px;
	font-weight: bold;
	width: 40px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #eee;
	text-transform: uppercase;
	float: left;
	margin: -1px 2px 0 0;
}
#clubindicator.heading {
	margin: 13px 5px 0 0;
	clear: both;
}
#clubindicator.senior { color: #039; }
#clubindicator.junior { color: #09c; }
.membersintro {
	float: left; 
	width: 310px;
}

/* container styles */
#popuppagecontainer {
	background-color: #fff;
	text-align: left;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	border: 1px solid black;
}
#pagecontainer {
	background: #fff url(/functional/images/leftbg.gif) repeat-y;
	width: 778px;
	text-align: left;
	position: relative;
	margin: 5px auto 10px auto;
}
#leftcontainer {
	width: 172px;
	float: left;
	margin: 0 0 0 0;
	text-align: center;
	border-top: 1px solid #fff;
}
#popupcontentcontainer {
	height: auto;
	margin: 10px 5px 10px 10px;
}
#contentcontainer {
	float: left;
	width: 585px;
	height: auto;
	margin: 10px 5px 10px 10px;
}
#contentcontainer img { margin: 8px; }
.content {
	margin-bottom: 20px;
}
.leftcol {
	float: left;
	width: 48%;
}
.rightcol {
	float: right;
	width: 48%;
}

/* header styles */
#popupheadercontainer {
	background-color: #fc0;
	font-size: 30px;
	font-family: Verdana;
	font-weight: bold;
	padding: 10px 5px 10px 10px;
	border-bottom: 1px solid black;
}
#headercontainer {
	width: 100%;
	height: 101px;
}
#headercontainer .headtext {
	background-color: #fc0;
	color: #fff;
	font-size: 30px;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	padding: 25px;
	width: 382px;
	float: left;
	height: 60px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#headercontainer .leftimage {
	float: left;
	width: 172px;
	height: 101px;
	border: 0;
	padding: 0;
}
#headercontainer .rightimage {
	float: left;
	width: 172px;
	height: 101px;
	border: 0;
	padding: 0;
}

/* nav styles */
.level1 {
	background-color: #c00;
	color: #000;
	width: 778px;
	height: 22px;
	clear: both;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	list-style-type: none;
}
.level1 li {
	text-align: center;
	border-right: 1px solid #fff;
	float: left;
	margin: auto;
}
.level1 li a {
	padding: 2px 10px 0 10px;
	font-family: Verdana;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	display: block;
	height: 20px;
	width: 152px;
}
.level1 li a:hover, .level1 li a:active, .level1 li a.selected {
	color: #c00;
	background-color: #fc0;
}

/*login form styles--------------------*/
#registerform, #loginform, #logoutform {
	font-size: 11px;
	font-family: Verdana;
	text-align: left;
	padding: 8px;
	width: 156px;
	float: left;
}
#registerform {
	border-bottom: 1px solid #fff;
}
#loginform .heading, #registerform .heading {
	font-weight: bold;
	clear: both;
	padding: 0 0 2px 0;
	font-size: 12px;
}
#loginform input {
	font-size: 11px; 
}
#loginform .error {
	width: 143px;
}
#loginform .button {
	float: right;
	margin-top: 5px;
	font-size: 11px;
	clear: both;
}
#loginform .textbox {
	font-size: 10px;
	width: 80px;
	float: right;
	margin-bottom: 3px;
}
#loginform .chkbox {
	float: right;
}
#loginform .label, #logoutform .label {
	float: left;
	padding-top: 3px;
	clear: both;
}
#loginform .help, #registerform .help {
	clear: both;
}
#logoutform .button {
	font-size: 10px;
	float: right;
}
#loginform .error, #registerform .error {
	width: 144px;
}


/*footer styles--------------------*/
#footercontainer {
	width: 100%;
	height: 20px;
	background-color: #c00;
	border-top: 1px solid #fff;
}
#footercontainer ul {
	list-style-type: none;
	margin: 0;
	float: right;
}
#footercontainer li {
	float: left;
	border-left: 1px solid #fff;
	height: 16px;
	padding: 2px 10px;
	margin: auto;
}
#footercontainer li a {
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#footercontainer li a:hover, #footercontainer li a:active {
	color: #666;
	text-decoration: none;
}
#footercontainer .date {
	float: left;
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	padding: 2px 10px;
}

/* left nav styles */
#leftnav {
	clear: both;
	background-color: #c00;
}
#leftnav .level2 {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#leftnav .level3 {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#leftnav .level2 li {
	float: left;
	background-color: #c00;
	width: 172px;
	padding: 0;
	margin: auto;
}
#leftnav .level3 li {
	float: left;
	margin: 0;
	padding: 0 0 0 8px;
	width: 164px;
	margin: auto;
}
#leftnav li a {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	display: block;
	padding: 6px 2px 6px 8px;
	border-top: 1px solid #fff;
}
#leftnav .level3 li a {
	border: 0;
	padding: 4px 2px 4px 8px;
}
#leftnav li a:hover, #leftnav li a:active {
	color: #fc0;
}
#leftnav .level3 li a:hover, #leftnav .level3 li a:active {
	border-top: 1px solid #000; /*for some reason need this line for hover to work on level 2*/
	border: 0;
}
#leftnav li a.selected {
	color: #c00;
	background-color: #fc0;
}
#leftnav .level3 li a.selected {
	font-weight: normal;
	color: #c00;
	border: 0;
}

/*wysiwyg editor--------------------*/
#editor {
	text-align: left;
	background-color: #fff;
}

/*help text key--------------------*/
#helptextkey {
	float: right;
	width: 120px;
	border: 1px solid #666;
	padding: 0 5px 5px 5px;
	background-color: #eee;
	margin: 0 0 0 10px;
	font-size: 10px;
}
#helptextkey h2 {
	margin: 5px 0 5px 0;
	font-size: 12px;
}

/*edit form styles--------------------*/
#editform {
	padding: 0 10px 10px 5px;
	border: 1px solid #666;
	background: #eee;
	width: 570px;
	font-size: 11px;
	font-family: Verdana;
	float: left;
}
#editform .control {
	width: 570px;
	clear: both;
	margin: 4px 0 4px 0;
	float: left;
}
#editform .label {
	float: left;
	width: 195px;
	clear: both;
	padding: 0 5px 0 3px;
}
#editform .indent {
	margin-left: 20px;
	width: 175px;
}
#editform .fulllabel {
	float: left;
	clear: both;
	padding: 3px 5px 0 3px;
}
#editform .heading {
	font-weight: bold;
}
#editform .sectionheading {
	border-top: 1px solid #ccc;
	width: 560px;
	font-style: italic;
	padding-top: 5px;
}
#editform .mandatory {
	padding-left: 6px;
	margin-left: -3px;
	background: url(/functional/images/mandatory.gif) no-repeat;
	color: #c33;
}
#editform .value, #editform .staticvalue, #editform .textbox {
	float: left;
	width: 367px;
}
#editform select {
	float: left;
	width: 367px;
}
#editform .bigtextarea {
	height: 100px;
}
#editform .dayofweek {
	margin: 3px 0 0 5px;
	float: left;
}
#editform .datebox1 {
	width: 56px;
}
#editform .datebox2 {
	width: 111px;
}
#editform .button {
	text-align: right;
	clear: both;
	margin: 0 0 5px 5px;
}
#editform .float {
	text-align: right;
	clear: none;
	float: right;
}
#editform #file input { 
	width: 367px; 
	margin-bottom: 2px;
}
#editform .help {
	color: #666;
	font-size: 10px;
	clear: both;
}
#editform .full {
	width: auto;
	text-align: right;
}
#editform .messageheading {
	font-weight: bold;
	padding-top: 3px;
}
#editform .newline {
	float: none;
	clear: both;
}
#editform .gap {
	margin-bottom: 5px;
	padding-top: 2px;
	width: 100%;
	border-bottom: 1px solid #ccc;
	height: 1px;
	clear: both;
}
#editform .col1 input, #editform .col2 input, #editform .col3 input, #listtable .col1 input, #listtable .col2 input, #listtable .col3 input,
#editform .col1 label, #editform .col2 label, #editform .col3 label, #listtable .col1 label, #listtable .col2 label, #listtable .col3 label {
	float: left;
}
#editform .col1 label, #listtable .col1 label {
	width: 300px;
}
#editform .col2 label, #listtable .col2 label,
#editform .col3 label, #listtable .col3 label {
	width: 100px;
}
#editform .value br { clear: both; }
#editform .fielderror {
	color: #c33;
	font-weight: bold;
}
#editform #row {
	clear: both; 
	margin-bottom: 4px;
	font-size: 10px;
}	
#editform #row .col1 {
	width: 180px;
	float: left;
}
#editform #row .col2 {
	float: right;
	width: 180px;
}

/*payment items--------------------*/
#paymentitem {
	margin-bottom: 5px;
	width: 100%;
}
#paymentitem td {
	padding: 3px 0 3px 0;
	border-bottom: 1px dashed #ccc;
}
#paymentitem .remove {
	width: 22px;
}
#paymentitem .desc input {
	width: 200px;
}
#paymentitem .cat select {
	width: 213px;
}
#paymentitem .club select {
	width: 65px;
}
#paymentitem .amount {
	text-align: right;
}
#paymentitem .amount input {
	width: 52px;
	text-align: right;
}
#paymentitem .heading {
	 font-weight: bold; 
	 border-bottom: 1px dashed #ccc;
}
#paymentitem .total {
	 font-weight: bold; 
	 border-bottom: 1px dashed #ccc;
	 text-align: right;
}
#paymentitem .link {
}
#paymentitem .fielderror {
	border: none;
}
#paymentitem .alt { background-color: #fff; }

/*member search styles--------------------*/
#membersearch {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #ccc;
}
#membersearch td {
	font-size: 10px;
	vertical-align: top;
	padding: 5px 2px 8px 2px;
	border-top: 1px solid #ccc;
}
#membersearch noborder { border: none; }

/*generic list--------------------*/
#list {
	width: 100%;
	float: left;
	font-size: 11px;
	font-family: Verdana;
}
#listitem {
	clear: both;
	padding: 4px 0 4px 0;
	border-top: 1px dashed #ccc;
	float: left;
	width: 100%;
}
#list tr { float: none; }
#list td {
	float: none; 
	border-top: 1px dashed #ccc;
	padding: 2px;
	vertical-align: top;
}
#list .paymentdetail {
	margin-top: 5px;
}
#list .desc { width: 270px; }
#list .club { width: 60px; }
#list .cat { width: 163px; }
#list .amount { width: 70px; }
#list .name { float: left; width: 150px; }
#list .fee { float: left; width: 80px; text-align: right;}
#list .email { float: left; width: 400px; text-align: left; }
#list .alt { background-color: #eee; }
#list .sub { border-top: 0; }
#list .icons3, #list .icons2 { float: left; }
#list .icons3 { width: 75px; }
#list .icons2 { width: 50px; }
#list img.icon {
	border: 0;
	float: left;
	margin: 0 5px 2px 0;
	padding: 0;
	width: 16px;
	height: 16px;
}
#list .heading {
	color: #000;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	border-top: 0;
}
#list .links {
	font-size: 10px;
	font-family: Verdana;
	margin-bottom: 5px;
}
#list .summary {
	font-style: italic;
	margin: 2px 0 5px 0;
}
#list .body { margin-top: 2px; }
#list h2 {
	margin: 0;
	padding: 0;
}
#list .unapproved img { border: 1px solid #c33; }
#list .border {
	border-bottom: 1px dashed #ccc;
	margin-top: 5px;
}
#list .home .thumb { width: 130px; }
#list .thumb { width: 160px; }

/*icons--------------------*/
.icon {
	height: 16px;
	margin: 2px 0 2px 0;
	width: 25px;
	text-align: left;
	border: 0;
}
.text {
	margin-right: 10px;
	width: auto;
}
.icon img {
	height: 16px;
	width: 16px;
	margin: -1px 5px 0 0 !important;
	border: 0;
	padding: 0;
}
.icon.text img {
	float: left;
	margin-right: 2px;
}
.icon.disabled img, .icon img.unselected {
	background-color: #ccc;
}
.icon.null img {
	background: none;
}
.icon.disabled {
	color: #ccc;
}
.icon img {
	background-color: #c00;
}
.icon a:hover img {
	background-color: #666;
}
.icon a img { border: 0; }

/*message board & teaser list--------------------*/
#list.teaser {
	float: right;
	width: 250px;
	margin-left: 20px;
	border-bottom: 1px dashed #ccc;
}
#listitem.teaser {
	margin: 5px 0 2px 0;
	padding: 5px 0 0px 0;
}
#listitem.message .body {
	width: 400px;
	clear: left;
}
#listitem.teaser .body {
	width: 250px;
}
#list.teaser .heading, #list.message .heading {
	padding: 2px 0 3px 0;
}
#listitem.message .links {
	float: right;
	width: 160px;
	text-align: right;
}
#list.message img.icon, #list.teaser img.icon {
	width: 20px;
	height: 20px;
}
#list .pages {
	float: right;
	width: 320px;
	font-size: 11px;
}

/*gallery--------------------*/
#list.gallery .links {
	float: right;
	width: 200px;
	text-align: right;
}
#list.gallery img.image {
	float: left; 
	margin: 5px 9px 0 0; 
	text-align: center;
}
#listitem.gallerydetail {
	float: left; 
	border: 0;
	text-align: center;
	width: 154px;
	margin: 5px 40px 10px 0;
	clear: none;
}
#list.gallery .thumbs {
	clear: left;
}
/*news--------------------*/
#list.news img.image {
	float: right; 
	margin: 0 5px 0 5px; 
}
#list.newsdetail img.image {
	float: right; 
	margin: 5px 0 5px 5px; 
}

/*message board key--------------------*/
#messagekey {
	font-size: 10px;
	font-family: Verdana;
	height: 25px;
	margin-top: 10px;
	padding-bottom: 3px;
}
#messagekey img {
	float: left;
	border: 0;
	margin: -4px 5px 0 0;
}
#messagekey .category {
	float: left;
	padding-top: 4px;
	margin: 0 10px 10px 0;
}

/*navigation structure--------------------*/
#listitem.nav .navlevel1 {
	color: #000;
	font-weight: bold;
	float: left;
	padding-top: 2px;
}
#listitem.nav .navlevel2 {
	margin: 0 0 0 10px;
	float: left;
	padding-top: 2px;
}
#listitem.nav .navlevel3 {
	margin: 0 0 0 20px;
	font-size: 11px;
	float: left;
	padding-top: 3px;
}

/*footerlinks--------------------*/
#footerlinks {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
#footerlinks img {
	margin-right: 10px;
}
/*calendar--------------------*/
.calcpBorder TD {
		font-family: Verdana;
		font-size: 10px;
		padding: 2px 3px 2px 3px;
}
.calcpYearNavigation,
.calcpMonthNavigation {
		text-align:center;
		text-decoration:none;
		color:#000;
		font-weight:bold;
}
.calcpCurrentMonthDate,
.calcpOtherMonthDate,
.calcpCurrentDate {
		text-decoration:none;
}
TD.calcpDayColumnHeader {
		font-weight:bold;
}
TD.calcpCurrentDate {
		border: 1px solid #000;
}