/*=============== 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;}
	
/*** 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{
	min-width:600px;
	width:99%;
	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}

div#content{
	overflow:visible;/*IE^*/
	font-size:60%;
	color:#0C3701;
	padding:5px 20px;
	
	min-height:400px;
	/*height:auto;*/
}
	.welcome{
		font-style:italic;
		background-color:#8ecb82;
		padding:8px;
		margin-bottom:8px;		
		/*margin-left:160px;*/
		width:59%;
	}
	/*fck always adds p, so remove its margins to preserve space*/
	.welcome p {line-height:0;}
	
	/*subnav*/
	div.subnav 
	{
		margin:10px 0 0 20px; 
		float:left; 
		width:140px; 
		border: solid 0px #0f0; 
		/*height:400px; */
		font-size:60%;
		display: inline;
	}
	
	ul.subnav{
		/*float:none;*/		
		list-style-type:none;
		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.sub-sub a{				
			background-color:#b7dee8;
		}
	
/*=============== 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;
	min-height:90px;
}
table#GallerySingle td{
	text-align:center;
}
div.member-grid{
	float:left;
	width:200px;
	margin:0px 8px 8px 0px;
	min-height:40px;
}

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%;
font-weight:normal;
	margin:10px 0;
}

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;
}
	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;
	}


/*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;
		width:1%;
		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: none; 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: 99%;}

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#Pager
{
	background:#548148;
	padding: 0 4px 4px 4px;	
}

div#Pager input{
	border:1px solid #548148;
	margin:5px 2px 0px 0px;
	/*padding:0px 0px 0px 2px;*/
	height:22px;
	width:20px;
}
div#Pager a{
	display:block;
	color:#548148;
	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 2px 5px 2px;
	width:20px;
}
div#Pager table{border-collapse:collapse;}
div#Pager td{margin:0px;padding:0px;vertical-align:middle;text-align:center;}
div#Pager td#PagerStart{}
div#Pager td#PagerEnd{}
div#Pager td.PagerPageSel a{background-color:#b7dee8;}
xdiv#Pager tr:hover {background-color: inherit ; height:32px;}


/*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:500px;}


.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;}

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;}