/*=============== STANDARD FORMATTING ===============*/

a img {border: none;}

img {border-style: auto; border: auto !important;}

*{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

body{
	margin:5px;
	padding:0px;
	background-color:#9ac290;
	/*text-align:center;*/
}

pre {
	overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	/* width: 99%; poss needed for IE7?*/
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

p {margin: 1em 0 !important;}

a{
	color:#147eb4;
	text-decoration:none;
}

a:hover{
	color:#509315;
	text-decoration:underline;
}


th {vertical-align:top;}

div strong {
	font-weight:bold;
}
	
/*** used for clearing a div with no gap ***/
.clear{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}

/*** used for clearing a div with a gap ***/
.clearheight{
	float:none;
	clear:both;
}

/*** CONTAINER ***/
div#container{
	width:1000px;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #0C3701;
	margin:0px auto;
	padding:0px;
}

/*=============== HEADER ===============*/
div#header{
	width:100%;
	font-size:70%;
	color:#0C3701;
	background-color:#FFFFFF;
	background-image:url(/images/grass.gif);
	background-position:0px 40px;
	background-repeat:repeat-x;
	border-bottom:5px solid #548148/*0f4601*/;
}
	/*club logo*/
	div#header div#logo{
		float:left;
		display:inline;/*IE6*/
		width:108px;/*CC IE55*/
		w\idth:100px;
		/*height:107px;*/
		background-color:#FFFFFF;
		border:1px solid #0C3701;
		margin:5px;
		padding:3px;
		text-align:center;
		vertical-align:middle;
	}
	
	/*club name*/
	div#header div.left{
		float:left;
		display:inline;/*IE6*/
		margin:10px 10px 0px 10px;
	}
		div#header div.left p{
			font-size:180%;
			font-weight:bold;
			letter-spacing:.02em;
			margin-bottom: 40px !important;
			white-space:nowrap;
			margin-top: 0px !important;
		}
		
		/*nav*/
		div#header div.left ul{
			float:none;
			list-style-type:none;
			margin:0px;
			padding: 15px 0px 0px 0px;
			display:inline;
		}
		div#header div.left ul li{
			float:left;			
		}
			div#header div.left ul li a{
				display:block;
				color:#FFFFFF;
				font-weight:bold;
				text-align:center;
				background-color:#548148;
				border-left:1px dashed #FFFFFF;
				margin:5px 2px 0px 0px;
				padding:5px 8px;
			}
			div#header div.left ul li.selected a{				
				text-decoration:underline;
			}
	
	/*users pic and name*/
	div#header div.right{
		float:right;
		display:inline;/*IE6*/
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		letter-spacing:.02em;
		margin:5px 5px 0px 5px;
		padding:0;
	}
		div#header div.right img{
			border:1px solid #0C3701;
		}
	
/*=============== CONTENT ===============*/


div#contentinner {margin-left:140px;}

/*pages without subnav*/
body.page-class-nosubnav div#contentinner {margin-left:0;}
div#container.news div#contentinner {margin-left:0;}
div#container.gallery div#contentinner {margin-left:0;}



div#content{
	overflow:visible;/*IE^*/
	font-size:60%;
	color:#0C3701;
	padding:5px 20px;
	
	min-height:400px;
	/*height:auto;*/
}


	div#pages-content {font-size:11px;}


	div.welcome{
		font-style:italic;
		background-color:#8ecb82;
		padding:8px;
		margin-top:10px;		
		margin-bottom:10px;		
	}


	
	/*subnav*/
	div.subnav 
	{
		margin:10px 0 0 20px; 
		float:left; 
		width:140px; 
		border: solid 0px #0f0; 
		/*height:400px; */
		font-size:60%;
		display: inline;
	}
	
	div.subnav h2 
	{
		
		width:90px;
		/*background-color:#8ecb82;
		border-left:1px dashed #548148;			
		border-right:1px dashed #548148;
		border-bottom:none;
		font-size:100%;
		
		margin:5px 2px 0px 0px;
		padding:5px 0 5px 8px;*/
	}
	
	ul.subnav{
		/*float:none;*/		
		list-style-type:none !important;
		margin:0px;
		padding:0px 0px 10px 0px;
		margin-right:15px;
		float:left;		
	}
	ul.subnav li{
		/*float:left;*/
		
		float:none;
		width:100px;
		text-align:left;
	}
		ul.subnav li a{
			display:block;
			/*color:#548148;*/
			color:#2F4828;
			font-weight:bold;
			/*text-align:center;*/
			background-color:#8ecb82;
			border-left:1px dashed #548148;			
			border-right:1px dashed #548148;
			margin:5px 2px 0px 0px;
			padding:5px 8px;
		}
		ul.subnav li.selected a{				
			background-color:#b7dee8;
		}
		ul.subnav li.depth-level-1 a{
			background-color:#ccc;
			padding:3px 8px 3px 10px;
			margin:2px 2px 1px 0px;
		}
		
		ul.subnav li.depth-level-1 a.selected {text-decoration:underline;}


	

	div.member ul, div.member ol {
		list-style:disc inside none;
		margin-left:30px;
		
	}
	
/*=============== HOMEPAGE ELEMENTS X 2 ===============*/
div.split{
	float:left;
	width:48%;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

	/*add margin to first DIV in each row to give space*/
	.mr25{
		margin-right:25px;
	}

/*dashed box used for news/gallery items*/
div.dashed-box,
table#Gallery td,
table#GallerySingle td{
	border:1px dashed #8ecb82;
	padding:4px;
	margin:0px 0px 8px 0px;	
}
table#GallerySingle td{
	text-align:center;
}
div.member-grid{
	float:left;
	width:185px;
	margin:0px 8px 8px 0px;
	min-height:55px;
}

div.dashed-box {
	/*cursor:pointer; not sure what this was for, but is happening on news items*/
}
	div.dashed-box h3.left{
		float:left;
		display:inline;/*IE6*/
		text-align:left;
		margin-right:10px;
	}
	
	div.dashed-box h4.right{
		text-align:right;
		float:none!important;
	}
	
	div.dashed-box img{
		display:inline;/*IE6*/
		border:1px solid #0C3701;
		margin: 0px 10px 0px 0px;
		float:left;
	}
	table#Gallery img,
	table#GallerySingle img{
		border:1px solid #0C3701;
	}


/*=============== FOOTER ===============*/
div#footer{
	width:100%;
	font-size:60%;
	color:#FFFFFF;
	background-color:#548148;
	background-image:url(/images/grass.gif);
	background-position:0px -5px;
	background-repeat:repeat-x;
	padding:20px 0px 5px 0px;
}

	/*make footer anchor white*/
	div#footer a{
		color:#FFFFFF;
	}
	
	/*float copyright left*/
	div#footer p.left{
		float:left;
		display:inline;/*IE 6*/
		margin:0px 10px !important;
	}

	/*float sandford right*/
	div#footer p.right{
		float:right;
		display:inline;/*IE 6*/
		margin:0px 10px !important;
	}

/*=============== GENERAL FORMATTING ===============*/

h1{
	font-size:200% !important;
	font-weight:normal;
	margin:10px 0 !important;
}

h2{
	font-size:110%;
	color:#548148;
	font-weight:bold;
	border-bottom:1px dashed #548148;
	margin:0px;
	margin-bottom:8px;
	padding:0px;
	padding-bottom:3px;
}

h3{
	font-size:105%;
	color:#1baed3;	
	margin:0px;
	margin-bottom:8px;
	padding:0px;
}

h4{
	font-size:100%;
	margin:0px;
	margin-bottom:8px;
	padding:0px;
}

p{
	line-height:140%;
	margin-top:0px;
}

.blue-background{				
	background-color:#b7dee8;
}

/*when table header is at the top, class="th-top" should be used*/
table.th-top,
table#Registrations,
table#VoteDetails{
	width:auto;
	font-size:100%;
	border:1px solid #999;
	margin-top:10px;
	margin-bottom:5px;
	background-color:#fff;
}
	table.th-top th,
	table#Registrations th,
	table#VoteDetails th{
		color:#FFFFFF;
		font-weight:bold;
		text-align:left;
		background-color:#548148;
		padding:3px;
		vertical-align:top;
	}
	table.th-top th.compact,
	table#Registrations th.compact,
	table#VoteDetails th.compact{
		width:60px;
	}
	
	table.th-top .strip,
	table#Registrations .strip,
	table#VoteDetails .TDEven{
		background-color:#a3ca99;
	}
	
	table.th-top td,
	table#Registrations td,
	table#VoteDetails td{
		text-align:left;
		padding:3px;
		vertical-align:top;
	}
	
	table#Registrations td {border-top: solid 1px #ddd;}

table#Registrations td.playerName {white-space:nowrap;}



/*for home*/
.split table.th-top {width:100%; margin-top:0;}


/*when table header is at the top, class="th-top" should be used*/
table.tableVoting{
	/*width:100%;*/
	font-size:100%;
	border:1px solid #1baed3;
	margin-bottom:15px;
}
	table.tableVoting td{
		text-align:left;
		padding:3px;
		vertical-align:top;
	}
	table.tableVoting td.tdVoteSubject{
		font-size:105%;
		color:#ffffff;		
		background-color:#1baed3;
		font-weight:bold;
		margin:0px;
		margin-bottom:8px;
		border:1px solid #ffffff;
	}
	table.tableVoting td.tdVoteChoice{
		/*width:25%;*/
		color:#1486A3;
		font-weight:bold;
		background-color:#b7dee8;
		border-bottom:1px solid #ffffff;
		vertical-align:top;
		/*width:1%;*/
	}
	
	
	table.tableVoting td.tdVoteChoice div {height:8px; margin-top:2px;}
	
	table.tableVoting td.tdVoteComments input {width:99%;}



		/*voting bar height + colour, width put in dynamically into page*/
		table.tableVoting td div.VoteResultBar1,
		table.tableVoting td div.VoteResultBar2,
		table.tableVoting td div.VoteResultBar3,
		table.tableVoting td div.VoteResultBar4,
		table.tableVoting td div.VoteResultBar5,
		table.tableVoting td div.VoteResultBar6{
			width:1%;
			height:10px;
			background-color:#1baed3;
			border-left:solid 1px #1baed3;
		}


span.VotesCount {font-weight:normal;}

		
/*=============== FORMS ===============*/

table.form{
	width:auto;
	font-size:100%;
	border:0px solid #1baed3;
	margin-bottom:15px;
	border-collapse:collapse;
}
	table.form th{
		color:#1baed3;
		font-weight:bold;
		text-align:left;
		background-color:#b7dee8;
		padding:3px;
		vertical-align:top;
		border-right:solid 1px #fff;
		white-space:nowrap;
	}
	
	table.form td{
		text-align:left;
		padding:3px;
		vertical-align:top;
	}
	
	table.form input,
	table.form select,
	table.form textarea{
		border:1px solid #b7dee8;
	}
	table.form input.text,
	table.form select,
	table.form textarea{
		width:300px;
	}	
	table.form input.button{
		width:100px;
	}
	table.form input.text150,
	table.form textarea.text150{
		width:150px;
	}
	table.form input.smalltext,
	table.form textarea.smalltext{
		width:50px;
	}
	table.form textarea.notes{
		font-size:90%;
		width:200px;
		height:50px;
	}
	table.form input.teetime{
		font-size:90%;
		width:100px;
		height:15px;
	}
	
	
	
	table.form tr.divider td {border-top: solid 5px #548148; padding-top:8px!important;}
	/*never show teetime dividers for completed events*/	
	.completed table.form tr.divider td {border-top: solid 1px #ddd !important; padding-top:auto;}
	
/* Messages */

table.form tr#message-attachments th {vertical-align: top; padding-right: 5px;}
table.form tr#message-attachments th div.message-attachments-icon {text-align: right;}
table.form tr#message-attachments th div.message-attachments-icon img {background: transparent url(/cms/images/famfamfam/silk/icons/attach.png) no-repeat 0px 1px; width: 16px; height: 16px;}
table.form tr#message-attachments div#progressPlaceHolder {width: 200px;}


object#SWFUpload_0 {
	border:1px solid #B7DEE8;
	height:20px;
	padding:0 0 0 22px;
	width:100px;
	background: #eee url(/cms/images/famfamfam/silk/icons/folder_add.png) no-repeat 2px 1px;
}

table.form div.message-attachments div.message-attachments-entry div.message-attachmentss-thumbnail {float: left;}
table.form div.message-attachments div.message-attachments-entry div.message-attachments-link {padding-left: 21px;}

div.message-attachments div.message-attachments-entry {float: left; margin-right: 5px;}
div.message-attachments div.message-attachments-entry div.message-attachmentss-thumbnail {float: left; margin-right: 2px;}
div.message-attachments div.message-attachments-entry div.message-attachments-link {float: left; margin-top: 2px;}	

/*=============== PAGER ===============*/

div.cmspager
{
	margin-top:7px;
}





/*for news, events etc */
table.hoverlist tr:hover:first-child {height:auto; cursor:auto;}
table.hoverlist tr {cursor:pointer; border-bottom: solid 1px #333;}
table.hoverlist tr.odd {background-color:#ffffff; height:50px;}
table.hoverlist tr.even {background-color:#A5CE9C; height:50px;}
table.hoverlist tr:hover {background-color:#ff9999; height:50px;}

table.hoverlist tr.pager {background-color: inherit; height:32px;}
table.hoverlist tr.pager tr:hover {background-color: inherit;}

table.hoverlist a {color:#000;}
table.hoverlist a.action {color:#147eb4;}
table.hoverlist td.photo {background:#fff; white-space:nowrap;}

table.short tr {height:10px!important;}

/*search box*/
table.search {float:right; width:150px;}
table.search th {vertical-align:middle;}

/*cal squashed on right end in FF*/
.yui-calcontainer {padding:2px !important;}
/*tighten up calendar*/
.yui-calendar td.calcell {padding:0.1em 0.1em !important;}



.toolbar 
{	
	padding:1px; 
	background:#eee; 
	border:solid 1px #ccc;
	margin: 5px 0 5px 0;
	padding:5px 5px 0 5px;
	float:none;
	display:block;
	}
	
.toolbar form {float:left;}
	
.toolbar a {margin-right:9px; float:none; font-size:100%;}
.toolbar img {margin-right:4px;}
.toolbar h2 {background-color: #548148; color: white; display:none;}
.toolbar span {line-height:200%;}

.ActionDialog {display:none; position:absolute; top:200px; left:300px; background: #fff; border: solid 2px #B7DEE8!important; padding:5px;}
table#UserRegisterUser {border: solid 2px #B7DEE8; width:410px; margin-top:5px;}


.InOutPicker input {font-size: xx-small; font-weight:bold;}
.InOutPicker select {float:left; width:200px; height:100px; font-size: xx-small;}
.InOutPicker div {float:left;}


/*give FCK more width*/
form#frmEdit iframe {width:650px;}
form#frmDocUp {min-width:200px;}

div.message {color:red; margin-bottom:5px; font-weight:bold; font-style:italic;}






div#searcharea {float:right; width:450px;}

div#searcharea form {margin:0; display:inline; float:right;}
div#searcharea form input.text {width:100px; border: 1px solid #B7DEE8;}
div#searcharea form input.submit {border:1px solid #B7DEE8;}

div#search {float:left; margin-top:5px;}

div.index {white-space:nowrap;}
div.index a:first-child {border-left: 1px solid #ccc;}
div.index a {border-right: 1px solid #ccc;  font-size:x-small;}
div.index span {padding:3px; font-size:larger;}
div.index a.selected {font-weight:bold;}
span#title {font-size:100%;background-color:#B7DEE8;color:#1BAED3; font-weight:bold; padding:4px; height:30px; margin-right:5px;}


table.hoverlist {}

/*=============== Print vs Screen ===============*/



@media screen
{
.screenOnly { display: block; }
th.screenOnly,td.screenOnly { display: table-cell; }
.printOnly { display: none ; }
}

@media print
{
.screenOnly { display: none ; }
.printOnly { display: block ; }
th.printOnly,td.printOnly { display: table-cell; }

div.subnav {display: none;}
div.left ul {display: none;}
p.right img {display: none;}
/*img {display: none;}*/


.subnav {visibility:hidden; display:none;}
div#contentinner {margin-left:0px!important;}
div#header ul {visibility:hidden; display:none;}
td#WelcomePhoto {visibility:hidden; display:none;}
div.toolbar {visibility:hidden; display:none;}
body {background-color:#fff;}
table#UserRegisterUser {visibility:hidden; display:none;}
}

div#monoSlideshow {margin-bottom: 60px;}



/*#EventDetails img {border-width: 3px;}*//*Ext compatibility*/
.x-combo-list-item {text-align:left;}


div#crumbtrail {margin-top:10px;}
div#container.home div#crumbtrail {display:none;}

@media print
{
div#crumbtrail, div#searcharea, table#EventDetails, div#header ul {display:none !important;}

div#header div.left p {margin-bottom:0 !important;}

/*div#content {border:solid 3px red !important;}
div#header {border:solid 3px green !important;}
div#header div#logo {border:solid 3px red !important; height:inherit !important;}
img,p,td,div {border:solid 3px #ccc !important;}
*/
}


div#container.home h1 {display:none;}






.x-grid3-row td {
border-right:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
}

a.helphover 
{
	float:right;
	background:none repeat scroll 0 0 #DFE8F6;
border:1px solid #CCCCCC;
/*height:30px;
margin-top:-50px;
overflow-y:scroll;*/
padding:5px;
/*width:400px;*/
cursor:help;
}




div.hoverbox:hover {background-color:#f99;}


div#container.calendar div.x-panel, div#container.calendar div.x-panel div {
width:auto !important;
}

.ux-cal-monthTitle input#ux-cal-mpx {
border:0 none;
padding-top:0;
text-align:center;
width:auto !important;
}

.ux-cal-event {padding:3px !important; background-color: #B3B3B3 !important; color:#FFFFFF !important;}

/*calendar*/
.ux-cal-eventtype-1 {background-color: #70b292 !important; color: #fff !important;}
/*team*/
.ux-cal-eventtype-2 {background-color: #EC008C !important; color: #fff !important;}
/*roll-up*/
.ux-cal-eventtype-3 {background-color: #F78F1E !important; color: #fff !important;}
/*society*/
.ux-cal-eventtype-4 {background-color: #DBBDB3 !important; color: #000 !important;}
/*social*/
.ux-cal-eventtype-5 {background-color: #b7bfe0 !important; color: #000 !important;}
/*external*/
.ux-cal-eventtype-6 {background-color: #97719B  !important; color: #fff !important;}
/*public*/
.ux-cal-eventtype-7 {background-color: #F79C7B !important; color: #fff !important;}




td.attachments {max-width:200px;}
td.attachments a {display:block; font-weight:bold; margin:0 10px 3px 20px;}
td.attachments img {margin-left:-20px; position:relative; top:4px;}




form div.message {color: #ff0000; margin-bottom: 5px;}
p.formwarning {background: url("/cms/images/famfamfam/silk/icons/exclamation.png") no-repeat; padding-left: 20px;}
span.requiredexplain {float: right; margin-top: 10px; font-size: smaller; margin-left: 10px; border-right: solid 3px #f66; padding-right: 4px;}
table.form .required {border-right: solid 3px #f66 !important;}

div#SiteMap li {list-style:disc outside none; margin-left:25px;}


.company-list-properties,.company-list-title {margin-left:180px;}

.company-list-entry {display:inline-block; margin-bottom:10px;}
.company-list-title-text {font-size:140%; font-weight:bold;}
.company-list-summary {font-size:110%; margin:4px 0 4px 180px;}
.company-list-properties-location {display:none;}
.company-list-thumbnail {float:left; margin-right:20px;}

.company-view-name {display:none;}



fieldset th {width:200px!important;}
fieldset {border: dashed 1px #548148; width:400px; margin-top:10px; padding:5px}
legend {font-size: larger; color:#548148; font-weight:bold;}

select#Country {width:160px;}



div.searchatoz {margin:5px 0;}

/*some ext resetting*/
div#container.newssingle div#pages-content ul,
div#container.newssingle div#pages-content ul 
{
	list-style-type:disc; padding-left:20px;
}

/*Gallery*/

a.gallery-item-link {display: inline-block; height: 110px;}
div.gallery-item-box {height: 90px;}




/*Voting*/

.vote-container fieldset {width:auto; border:solid 1px #999;}
.vote-container legend {font-size:inherit; padding:0 3px; margin-left:5px;}

.vote-subject {
    font-weight: bold;
}

/*
.vote-choice {x }
.vote-input {float:left; clear:left;}
.vote-label {float:left; xtext-indent:30px; }
*/

.vote-help {
    color:#999;
    margin:3px 0;
}

.vote-comments {display:none; margin-top:5px; clear:left;}
.vote-comments label {font-weight:bold;}
.vote-comments textarea {width:180px; height:30px;}




table#NewsDetails, table#EventDetails {min-width:200px;}




td.numeric {text-align:right!important; padding-right:10px!important; padding-left:10px!important;}
input.numeric {text-align:right!important; width:35px!important;}

table.leaderboard th, table.leaderboard td {max-width:80px;}
table.leaderboard td.membername {white-space:nowrap; max-width:none;}

table.leaderboard tbody td {text-align:right; padding-right: 10px!important; padding-left: 10px!important;}

table.leaderboard tbody td.membername, table.leaderboard tbody td.username, table.leaderboard tbody td.photo
{
	text-align:left; padding-right: 3px!important; padding-left: 3px!important;
}

.hcapclosing {margin:0; padding:0; color:#1BAED3;}


td.checkboxgroup label {margin-left:5px; margin-right:10px;}