/* Overrides */

/* Tables */

table.list
{
	width:100%;
	border-collapse:collapse;
	border:1px solid rgb(205, 205, 205);
	margin-left:1px;
	margin-bottom:0;
}
table.list th
{
	text-align:center;
}
table.list th
,table.list td
{
	border:1px solid rgb(205, 205, 205);
}
tr.totals td
{
	border-width:0px;
}
.list-item
{
}
.list-item:hover
{
}

/* Forms */

textarea
{
	display:block;
}
input, select, textarea, button
{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family:inherit;
}
textarea[disabled]
,select[disabled]
,input[type="text"][disabled]
,input[type="password"][disabled]
,input[type="email"][disabled]
,input[type="search"][disabled]
,input[type="color"][disabled]
,input[type="number"][disabled]
,input[type="tel"][disabled]
,input[type="url"][disabled]
{
	color:rgb(151,151,151);
}
input[type="button"].selected
{
	color:rgb(255,255,255);
	text-shadow:none;
	background-image:linear-gradient(to bottom,rgb(0, 98, 164),rgb(0, 98, 164));
}

.formContainer
{
	border: 1px solid rgb(205, 205, 205);
	padding: 20px;
}

table + .formContainer
{
	border-top-width:0px;
}

.field
{
	display:block;
	margin-bottom:15px;
	clear:both;
}
.field .label
{
	display:block;
	position:relative;
	margin-bottom:5px;
	font-weight:bold;
}
.field.full
{
	padding-left:0px;
}
.fieldSpace
{
	margin-bottom:9px;
}

.tiny
{
	width: 35px;
}
.smallest
{
	width: 70px;
}
.smaller
{
	width: 100px;
}
.small
{
	width: 200px;
}
.medium.small
{
	width: 300px;
}
.medium
{
	width: 400px;
}
.large
{
	width: 600px;
}

.button[disabled]
{
	color:rgb(161, 161, 161);
}

.filefield
{
	margin-right: 40px;
}

.search
{
	color:rgb(161, 161, 161);
}

@media screen and (min-width:480px)
{
	.field
	{
		padding-left:200px;
		margin-bottom:8px;
	}
	.field .label
	{
		float:left;
		width:180px; /* total width should match .field padding-left */
		left:-200px; /* match .field padding-left */
		margin-right:-200px; /* match .field padding-left */
		/* margin-left:-200px; match .field padding-left */ /* just using this, and not the two above, doesn't work in IE6 */
		padding:0px 20px 0px 0px;
	}
	.field.narrow
	{
		padding-left:110px;
	}
	.field.narrow .label
	{
		width:100px;
		padding-right:10px;
		left:-110px;
	}
}

/* Progress bar */

table.donationProgress
{
	width:100%;
	table-layout:fixed;
	margin-bottom:20px;
}
table.donationProgress td
{
	padding:0px;
	text-align:center;
	cursor:default;
	border-width:1px;
}
table.donationProgress tr:hover
{
	background-color:transparent; /* Remove the default hover background colour. */
}
table.donationProgress a
,table.donationProgress a:visited
,table.donationProgress a:hover
{
	display:block;
	width:100%;
	padding:5px 0;
	
	background-color:rgb(217,216,216);
	background-image:url("images/tab-background.png"); /* For IE9 and older. */
	background-repeat:repeat-x;
	background-image: linear-gradient(to bottom,rgb(242, 241, 241), rgb(217, 216, 216));
	
	text-align:center;
}
table.donationProgress td.disabled
{
	padding:5px 0;
	
	background-color:rgb(217,216,216);
	background-image:url("images/tab-background.png"); /* For IE9 and older. */
	background-repeat:repeat-x;
	background-image: linear-gradient(to bottom,rgb(242, 241, 241), rgb(217, 216, 216));
}
table.donationProgress td.highlight a
,table.donationProgress td.highlight a:visited
,table.donationProgress td.highlight a:hover
{
	background-color:transparent;
	background-image:none;
}

/* Messages */
	
#messages p
{
	margin:0px;
}
#messages p span
{
	color:#8A8C86;
}
@media print
{
	#messages
	{
		display:none;
	}
}

.notice
{
	color:maroon;
}

#messages p
,.messages p
{
	margin-bottom:0px;
}
.message-positive
,.message-negative
,.message-warning
,.message-information
{
	margin-bottom:20px;
	background-position:10px center;
	background-repeat:no-repeat;	
	display:block;
	padding:10px 18px 10px 45px;
	width:75%;
	margin-right:auto;
	margin-left:auto;
	border-width:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.message-positive
{
	color:rgb(28, 132, 0);
	background-color:rgb(233, 249, 229);
	background-image:url("images/message-positive.png");
	border-color:rgb(99, 207, 80);
}
.message-negative
{
	color:rgb(181, 0, 7);
	background-color:rgb(249, 229, 230);
	background-image:url("images/message-negative.png");
	border-color:rgb(232, 170, 173);
}
.message-warning
{
	color:rgb(130, 132, 0);
	background-color:rgb(249, 249, 229);
	background-image:url("images/message-warning.png");
	border-color:rgb(208, 199, 83);
}
.message-information
{
	color:rgb(0, 85, 181);
	background-color:rgb(229, 236, 249);
	background-image:url("images/message-information.png");
	border-color:rgb(170, 198, 232);
}
.message-positive p span
{
	color:rgb(99, 207, 80);
}
.message-negative p span
{
	color:rgb(232, 170, 173);
}
.message-warning p span
{
	color:rgb(208, 199, 83);
}
.message-information p span
{
	color:rgb(170, 198, 232);
}

.message-close
{
	display:block;
	float:right;
	margin-left:15px;
}

.field-message-positive
,.field-message-negative
,.field-message-warning
{
	display:inline-block;
	background-image:url("images/icons.png");
	background-repeat:no-repeat;	
	border-width:0px;
	padding-left:20px;
	min-height:16px;
	min-width:16px;
}
.field-message-positive
{
	background-position:0 -3003px;
	border-color:#8da330;
}
.field-message-negative
{
	background-position:0 -1653px;
	border-color:#c05843;
}
.field-message-warning
{
	background-position:0 -2853px;
	border-color:#dc9b58;
}

/* Group assist */

.group-assist-child-event-editor
{
	border-width:1px;
	padding:5px 10px;
	margin-bottom:5px;
	
	background-color:rgb(255,255,255); /* Make it opaque so that it doesn't look funny while it's being dragged.' */
}
.group-assist-child-event-editor:after
{
	content:"";
	display:block;
	clear:both;
}
.group-assist-child-event-editor-sortable-placeholder
{
	border-width:1px;
	padding:5px 10px;
	margin-bottom:5px;
	height:10px;
	
	background-color:rgb(215,215,215);
}
.group-assist-child-event
{
	border-width:1px;
	padding:5px 10px;
	margin-bottom:5px;
}
.invitation-status-yes
,.invitation-status-maybe
,.invitation-status-no
/* 
,.invitation-status-unknown
*/
{
	padding:5px 10px;
	margin:-5px 0;
	
	border-width:1px;
	border-style:solid;
	border-radius:4px;
}
.invitation-status-yes
{
	color:rgb(28, 132, 0);
	background-color:rgb(233, 249, 229);
	border-color:rgb(99, 207, 80);
}
.invitation-status-maybe
{
	color:rgb(130, 132, 0);
	background-color:rgb(249, 249, 229);
	border-color:rgb(208, 199, 83);
}
.invitation-status-no
{
	color:rgb(181, 0, 7);
	background-color:rgb(249, 229, 230);
	border-color:rgb(232, 170, 173);
}
/*
.invitation-status-unknown
{
	color:rgb(0, 85, 181);
	background-color:rgb(229, 236, 249);
	border-color:rgb(170, 198, 232);
}
*/

/* Other */

.item-block
{
	padding-left:110px;
}
.item-image
{
	display:block;
	position:relative;
	float:left;
	max-width:90px;
	left:-110px; /* Match .item-block padding-left. */
	margin-right:-110px; /* Match .item-block padding-left. */
}
.item-block:after
{
	content:"";
	display:block;
	clear:both;
}
.clear
{
	display:block;
	clear: both;
}
p.space
{
	padding:0px;
	margin:0px;
	height:.6em;
	overflow:hidden;
}
li.space
{
	margin-bottom:.5em;
}
table.space
{
	margin-bottom:.6em;
}
.center
,.centre
{
	text-align:center;
}
.right
{
	text-align:right;
}
.disabled
{
	color:rgb(161, 161, 161);
}
.indent
{
	margin-left:30px;
}

.toggle
{
	display:block;
	float:left;
	padding-right:22px;
	
	background-image:url("images/toggle.png");
	background-position:right top;
	background-repeat:no-repeat;
	cursor:pointer;
}
.toggle.south
{
	background-position:right -150px;
}
.toggle.north
{
	background-position:right -50px;
}
a.toggle.highlight:hover
{
	padding:0px 22px 0px 0px;
	margin:0px 22px 0px 0px;
}

div.column
{
	width:47%;
	float:left;
	margin-right:3%;
}
div.donationTotal
{
	padding-top:5px;
	border-top:1px solid rgb(205, 205, 205);
}
span.donationAmount
{
}
div.uploaderContainer
{
	position:absolute;
	width:100px;
	height:50px;
}
.ackTemplateThumb
,.middle
{
	vertical-align:middle;
}
a.pdf
{
	display:inline-block;
	padding-right:20px;
	background:url("images/pdf.gif") no-repeat right center;
}

.nobreak
{
	white-space: nowrap;
}

@media screen
{
	.noscreen
	{
		display:none;
	}
}
@media print
{
	.noprint
	{
		display:none;
	}
}

/* Icons */

.icon
,input.icon
{
	display:inline-block;
	text-decoration:none;
	-moz-box-sizing:content-box; /* The default box-sizing for input elements is border-box, which includes the padding and borders. */
	box-sizing:content-box; /* The default box-sizing for input elements is border-box, which includes the padding and borders. */

	border:1px solid rgb(177,177,177);
	background-color:rgb(246,246,246);
	background-image:url("images/icons.png"); /* For IE8 */
	background-image:url("images/icons.png"),linear-gradient(to bottom,rgb(250,250,250),rgb(246,246,246));
	background-repeat:no-repeat; /* For IE8 */
	background-repeat:no-repeat,repeat;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.disabled .icon
,.disabled input.icon
{
	border-color:rgb(205,205,205);
}
.icon:hover
,input.icon:hover
{
	border-color:rgb(157,157,157);
	background-color:rgb(221,221,221);
	background-image:url("images/icons.png"); /* for IE8 */
	background-image:url("images/icons.png"),linear-gradient(to bottom,rgb(231,231,231),rgb(221,221,221));
}
.icon.text
{
	padding: 2px 4px 3px 18px;
}
.icon.button
{
	width:16px;
	height:16px;
	padding:1px;
	margin:-2px 0;
	
	white-space:nowrap;
	text-indent:110%;
	overflow:hidden;
}
/* Firefox still doesn't support separate background-position-x and background-position-y properties, so they must be set together. */
.icon.login
,.icon.logout
{
	background-position:1px -2700px; /* For IE8 */
	background-position:1px -2700px,left 0;
}
.icon.login:hover
,.icon.logout:hover
{
	background-position:1px -2800px; /* For IE8 */
	background-position:1px -2800px,left 0;
}
.icon.register
{
	background-position:1px -4500px; /* For IE8 */
	background-position:1px -4500px,left 0;
}
.disabled .icon.register
{
	background-position:1px -4600px; /* For IE8 */
	background-position:1px -4600px,left 0;
}
.icon.register:hover
{
	background-position:1px -4550px; /* For IE8 */
	background-position:1px -4550px,left 0;
}
.icon.settings
{
	background-position:1px -150px; /* For IE8 */
	background-position:1px -150px,left 0;
}
.icon.settings:hover
{
	background-position:1px -250px; /* For IE8 */
	background-position:1px -250px,left 0;
}
.icon.switch
{
	background-position:1px -300px; /* For IE8 */
	background-position:1px -300px,left 0;
}
.icon.switch:hover
{
	background-position:1px -400px; /* For IE8 */
	background-position:1px -400px,left 0;
}

.icon.help
{
	background-position:1px -0px; /* For IE8 */
	background-position:1px -0px,left 0;
}
.disabled .icon.help
{
	background-position:1px -100px; /* For IE8 */
	background-position:1px -100px,left 0;
}
.icon.help:hover
{
	background-position:1px -50px; /* For IE8 */
	background-position:1px -50px,left 0;
}
.icon.edit
{
	background-position:1px -150px; /* For IE8 */
	background-position:1px -150px,left 0;
}
.disabled .icon.edit
{
	background-position:1px -250px; /* For IE8 */
	background-position:1px -250px,left 0;
}
.icon.edit:hover
{
	background-position:1px -200px; /* For IE8 */
	background-position:1px -200px,left 0;
}
.icon.arrow-north
{
	background-position:1px -3450px; /* For IE8 */
	background-position:1px -3450px,left 0;
}
.disabled .icon.arrow-north
{
	background-position:1px -3550px; /* For IE8 */
	background-position:1px -3550px,left 0;
}
.icon.arrow-north:hover
{
	background-position:1px -3500px; /* For IE8 */
	background-position:1px -3500px,left 0;
}
.icon.arrow-east
{
	background-position:1px -3600px; /* For IE8 */
	background-position:1px -3600px,left 0;
}
.disabled .icon.arrow-east
{
	background-position:1px -3700px; /* For IE8 */
	background-position:1px -3700px,left 0;
}
.icon.arrow-east:hover
{
	background-position:1px -3650px; /* For IE8 */
	background-position:1px -3650px,left 0;
}
.icon.arrow-south
{
	background-position:1px -3750px; /* For IE8 */
	background-position:1px -3750px,left 0;
}
.disabled .icon.arrow-south
{
	background-position:1px -3850px; /* For IE8 */
	background-position:1px -3850px,left 0;
}
.icon.arrow-south:hover
{
	background-position:1px -3800px; /* For IE8 */
	background-position:1px -3800px,left 0;
}
.icon.arrow-west
{
	background-position:1px -3900px; /* For IE8 */
	background-position:1px -3900px,left 0;
}
.disabled .icon.arrow-west
{
	background-position:1px -4000px; /* For IE8 */
	background-position:1px -4000px,left 0;
}
.icon.arrow-west:hover
{
	background-position:1px -3950px; /* For IE8 */
	background-position:1px -3950px,left 0;
}
.icon.duplicate
{
	background-position:1px -2100px; /* For IE8 */
	background-position:1px -2100px,left 0;
}
.disabled .icon.duplicate
{
	background-position:1px -2200px; /* For IE8 */
	background-position:1px -2200px,left 0;
}
.icon.duplicate:hover
{
	background-position:1px -2150px; /* For IE8 */
	background-position:1px -2150px,left 0;
}
.icon.delete
{
	background-position:1px -1650px; /* For IE8 */
	background-position:1px -1650px,left 0;
}
.disabled .icon.delete
{
	background-position:1px -1750px; /* For IE8 */
	background-position:1px -1750px,left 0;
}
.icon.delete:hover
{
	background-position:1px -1700px; /* For IE8 */
	background-position:1px -1700px,left 0;
}
.icon.delete-permanently
{
	background-position:1px -1800px; /* For IE8 */
	background-position:1px -1800px,left 0;
}
.disabled .icon.delete-permanently
{
	background-position:1px -1900px; /* For IE8 */
	background-position:1px -1900px,left 0;
}
.icon.delete-permanently:hover
{
	background-position:1px -1850px; /* For IE8 */
	background-position:1px -1850px,left 0;
}
.icon.restore
{
	background-position:1px -2400px; /* For IE8 */
	background-position:1px -2400px,left 0;
}
.disabled .icon.restore
{
	background-position:1px -2500px; /* For IE8 */
	background-position:1px -2500px,left 0;
}
.icon.restore:hover
{
	background-position:1px -2450px; /* For IE8 */
	background-position:1px -2450px,left 0;
}
.icon.void
{
	text-decoration:none; /* Remove the text-decoration property set by the other .void class. */

	background-position:1px -2850px; /* For IE8 */
	background-position:1px -2850px,left 0;
}
.disabled .icon.void
{
	background-position:1px -2950px; /* For IE8 */
	background-position:1px -2950px,left 0;
}
.icon.void:hover
{
	background-position:1px -2900px; /* For IE8 */
	background-position:1px -2900px,left 0;
}
.icon.unvoid
{
	background-position:1px -3000px; /* For IE8 */
	background-position:1px -3000px,left 0;
}
.disabled .icon.unvoid
{
	background-position:1px -3100px; /* For IE8 */
	background-position:1px -3100px,left 0;
}
.icon.unvoid:hover
{
	background-position:1px -3050px; /* For IE8 */
	background-position:1px -3050px,left 0;
}
.icon.search
{
	background-position:1px -3300px; /* For IE8 */
	background-position:1px -3300px,left 0;
}
.disabled .icon.search
{
	background-position:1px -3400px; /* For IE8 */
	background-position:1px -3400px,left 0;
}
.icon.search:hover
{
	background-position:1px -3350px; /* For IE8 */
	background-position:1px -3350px,left 0;
}
.icon.clear
{
	background-position:1px -1650px; /* For IE8 */
	background-position:1px -1650px,left 0;
}
.disabled .icon.clear
{
	background-position:1px -1750px; /* For IE8 */
	background-position:1px -1750px,left 0;
}
.icon.clear:hover
{
	background-position:1px -1700px; /* For IE8 */
	background-position:1px -1700px,left 0;
}
.icon.close
{
	background-position:1px -1650px; /* For IE8 */
	background-position:1px -1650px,left 0;
}
.disabled .icon.close
{
	background-position:1px -1750px; /* For IE8 */
	background-position:1px -1750px,left 0;
}
.icon.close:hover
{
	background-position:1px -1700px; /* For IE8 */
	background-position:1px -1700px,left 0;
}
.icon.up
{
	background-position:1px -3450px; /* For IE8 */
	background-position:1px -3450px,left 0;
}
.disabled .icon.up
{
	background-position:1px -3550px; /* For IE8 */
	background-position:1px -3550px,left 0;
}
.icon.up:hover
{
	background-position:1px -3500px; /* For IE8 */
	background-position:1px -3500px,left 0;
}
.icon.right
{
	background-position:1px -3600px; /* For IE8 */
	background-position:1px -3600px,left 0;
}
.disabled .icon.right
{
	background-position:1px -3700px; /* For IE8 */
	background-position:1px -3700px,left 0;
}
.icon.right:hover
{
	background-position:1px -3650px; /* For IE8 */
	background-position:1px -3650px,left 0;
}
.icon.down
{
	background-position:1px -3750px; /* For IE8 */
	background-position:1px -3750px,left 0;
}
.disabled .icon.down
{
	background-position:1px -3850px; /* For IE8 */
	background-position:1px -3850px,left 0;
}
.icon.down:hover
{
	background-position:1px -3800px; /* For IE8 */
	background-position:1px -3800px,left 0;
}
.icon.right
{
	background-position:1px -3900px; /* For IE8 */
	background-position:1px -3900px,left 0;
}
.disabled .icon.right
{
	background-position:1px -4000px; /* For IE8 */
	background-position:1px -4000px,left 0;
}
.icon.right:hover
{
	background-position:1px -3950px; /* For IE8 */
	background-position:1px -3950px,left 0;
}

.icon.admin
{
	background-position:1px -4050px; /* For IE8 */
	background-position:1px -4050px,left 0;
}
.disabled .icon.admin
{
	background-position:1px -4150px; /* For IE8 */
	background-position:1px -4150px,left 0;
}
.icon.admin:hover
{
	background-position:1px -4100px; /* For IE8 */
	background-position:1px -4100px,left 0;
}
.icon.basket
{
	background-position:1px -4350px; /* For IE8 */
	background-position:1px -4350px,left 0;
}
.disabled .icon.basket
{
	background-position:1px -4450px; /* For IE8 */
	background-position:1px -4450px,left 0;
}
.icon.basket:hover
{
	background-position:1px -4400px; /* For IE8 */
	background-position:1px -4400px,left 0;
}