/* Defaults */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400italic,600italic,700italic,400,600,700');

html, body
{
	height:100%;
}
div
,article
,section
,header
,footer
,nav
,fieldset
,li
{
	position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */
}
div
,article
,section
,header
,footer
,nav
,table
,td
,th
,form
,hr
,img
,iframe
,fieldset
{
	border-style:solid;
	border-color:rgb(205,205,205);
}
table
{
	table-layout:fixed;
	border-width:1px;
}
td
{
	border-width:1px;
}
caption
{
	font-size:1.5em;
}
hr
{
	padding:0px;
	margin:1px 0;
	height:0px;
	border-top-width:1px;
}
fieldset
{
	padding:6px 10px;
	border-width:1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

ul
,ol
{
	margin-left:25px;
}
li
{
	list-style-position:outside;
}
ol li
{
	list-style-type:decimal;
}
ul li
{
	list-style-type:disc;
}
ul ul li
{
	list-style-type:circle;
}
ul ul ul li
{
	list-style-type:square;
}
ul ul ul ul li
{
	list-style-type:disc;
}
blockquote
{
	margin-left:25px;
}

textarea
{
	display:block;
}
input, select, textarea, button
{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family:inherit;
}
input[type="text"]
,input[type="password"]
,input[type="email"]
,input[type="search"]
,input[type="color"]
,input[type="number"]
,input[type="tel"]
,input[type="url"]
,select
,textarea
{
	padding:4px;
	max-width:100%;

	border-width:1px;
	border-style:solid;
	border-top-color:rgb(124, 124, 124);
	border-left-color:rgb(195, 195, 195);
	border-right-color:rgb(195, 195, 195);
	border-bottom-color:rgb(221, 221, 221);
}
input[type="button"]
,input[type="submit"]
,input[type="reset"]
{
	padding:.3em 1em;

	border:1px solid rgb(221, 221, 221);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#618993;
	font-weight:bold;
	text-shadow: 0 1px 0 rgb(255, 255, 255);
	background-color:rgb(246, 246, 246);
	background-image:linear-gradient(to bottom,rgb(250,250,250),rgb(246,246,246));
}
input[type="button"]:hover
,input[type="submit"]:hover
,input[type="reset"]:hover
{
	color:rgb(51, 51, 51);
	background-color:rgb(221, 221, 221);
	background-image:linear-gradient(to bottom,rgb(231,231,231),rgb(221,221,221));
}
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);
	background-color:rgb(238,238,238);
}

h1
{
	font-size:2em;
}
h2
{
	font-size:1.8em;
}
h3
{
	font-size:1.5em;
}
h4
{
	font-size:.9em;
	text-transform:uppercase;
}
h5
{
	font-size:.9em;
	font-style:italic;
}
h6
{
	font-size:.75em;
	text-transform:uppercase;
}
h1 {
	margin-bottom:2px;
	padding:7px 7px 7px 0;
	font-size: 26px;
	font-weight: 300;
	letter-spacing: normal;
	margin-bottom: 0;
	text-transform: none;
	line-height: 1.3em;
	font-family: "Open Sans";
}
a
,a:visited
{
	color:#618993;
	text-decoration:none;
	font-weight: 600;
}
a:hover
{
	color:#111111;
}

/* Body */

body
{
	background:#618993; /* Match #system-info in the footer. */

	color:rgb(0,0,0);
	font-family: 'Open Sans', arial, sans-serif;
	font-size:70%;
}
#container
{
	min-height:100%;
}
#container-background
{
	background-color:#ffffff;
	/* background-image:url("images/background.png"); */
	background-repeat: repeat;
}
@media screen and (min-width:480px)
{
	.page-width
	{
		margin:0 auto;
		max-width:960px;
	}
		border-top: 1px solid #dddddd;
		padding-top: 1.5em;

}

/* Header */

header
{
	/* border-bottom:1px dotted; */
}
#header-top
{
	padding:0 2%;
	background-color:#ffffff;
	border-bottom: 5px solid #b9d021;
}
#header-top-content
{
	padding-top:45px;
	font-family: 'Raleway', sans-serif;
	color:rgb(255,255,255);
}

@media all and (max-width: 480px) {
	#header-top-content
	{
	    padding-top: 5px;
	    text-align: center;
	}
}

#header-top-content:after
{
	content:"";
	display:block;
	clear:right;
}
#header-top-content .header-top-image
{
	/* float:left; */
	margin-top:-25px;
	margin-bottom:15px;
}
@media screen and (max-width:480px)
{
	#header-top-content .header-top-image
	{
		margin: 0 auto;
	}
}


#header-top-content a.header-link-back
,#header-top-content a.header-link-back:link
,#header-top-content a.header-link-back:visited
{
	display:block;
	float:right;
	padding-top:15px;
	color:#b9d021;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	overflow:hidden;
	font-family: 'Raleway', sans-serif;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media screen and (max-width:480px)
{
	#header-top-content a.header-link-back
	,#header-top-content a.header-link-back:link
	,#header-top-content a.header-link-back:visited
	{
		float:none;
		text-align: center;
		position: relative;
	}
}

#header-top-content a.header-link-back:after
{
	content:"";
	display:block;
	width:20px;
	height:20px;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:#b9d021;
	position:relative;
	bottom:-10px;
	margin:0 auto;
}
#header-bottom
{
	padding:0 2%;
}
#header-bottom-content
{
	padding:20px 0;
	text-align:center;
}

header h1 {
    color: inherit;
    font-family: "Raleway",sans-serif;
    font-size: 4em;
    font-weight: 600;
    margin-bottom: 0.2em;
}

header h1 a
,header h1 a:visited
,header h1 a:hover
{
	color:#618993;
	text-decoration:none;
}
.client-subtitle {
    font-size: 1.9em;
    font-weight: 400;
    line-height: 1.3em;
    padding: 0 0 0.5em;
}
.client-description
{
	font-size:1.3em;
	color:#999999;
	line-height:1.6em;
}
.client-subtitle
,.client-description
{
	/* max-width:600px; */
	margin-left:auto;
	margin-right:auto;
	font-family: 'Open Sans', sans-serif;
}

@media print
{
	#header-top
	{
		display: none;
	}
	#header-bottom-content
	{
		text-align: left;
	}
	header #links
	{
		display:none;
	}
	.client-subtitle
	{
		margin-left:0;
	}
	.client-description
	{
		display:none;
	}
}
@media screen and (min-width:480px)
{
}

/* Navigation */

/* Hide all submenu items. */
nav li ul
{
	display:none;
}
/* Display submenu items for the current page (and ancestors of the current page). */
nav li.current > ul
,nav li.ancestor > ul
{
	display:block;
}

nav li.current > a
{
	background-color:rgb(240, 240, 240);
	font-weight:bold;
	cursor: default;
}
nav li.ancestor > a
{
	font-weight:bold;
}

#sidebar nav li /* Increase the specificity enough to override the properties below. */
{
	list-style:none;
	padding:0;
	border-bottom:none;
}
nav li a
{
	display:block;
	padding:3px 5px;
	border-bottom:1px dotted rgb(204, 204, 204);

	color:rgb(68, 68, 68);
	text-decoration:none;
}
nav li a:hover
{
	background-color:rgb(240, 240, 240);
}

/* Breadcrumb */

.breadcrumb
{
	margin-bottom:18px;

	font-weight:bold;
	color:rgb(99, 107, 117);
}
.breadcrumb a
,.breadcrumb a:link
,.breadcrumb a:visited
{
	color:rgb(131, 131, 131);
	text-decoration:none;
}
.breadcrumb a:hover
{
	text-decoration:underline;
}
@media print
{
	.breadcrumb
	{
		display:none;
	}
}

/* Sidebar */

#sidebar /* These styles should match #column-main below. */
{
	padding:15px 15px 40px;
	margin-top:10px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	background-color:rgb(255,255,255);
	/* box-shadow:0 0 5px rgba(0,0,0,.2); */
	background-image:url("images/sidebar-background.png");
	background-repeat: no-repeat;
	background-position: right bottom;

	font-size:1.2em;
	line-height:1.3em;
}
.sidebar-section
{
	margin-bottom:12px;
}

#sidebar h4
{
	/* margin-bottom:2px; */
	padding:0 7px 0.5em 0;
	/* border:1px solid rgb(198, 198, 198);
	background-color:rgb(221, 221, 221);
	background-image:url("images/h4-background.png"); *//* For IE9 and older. *//*
	background-repeat:repeat-x;
	background-image:linear-gradient(to bottom,rgb(230, 230, 230),rgb(221, 221, 221));
	color:rgb(68, 68, 68);
	text-shadow: rgb(255, 255, 255) 1px 1px 0;
	text-transform: uppercase; */
	color: #618993;
	font-size: 26px;
	font-weight: 300;
	letter-spacing: normal;
	margin-bottom: 0;
	text-transform: none;
	/* line-height: 1.3em; */
	font-family: "Open Sans";
}
#sidebar ul
{
	margin-left:0;
}
#sidebar ul ul
{
	margin-left:20px;
}
#sidebar li
{
	padding:3px 5px;
	/* border-bottom:1px dotted rgb(204, 204, 204); */
}
#sidebar ul li
{
	list-style:none;
}
#sidebar ul.sidebar-links li
{
	padding:0;
}
#sidebar ul.sidebar-links li a
{
	display:block;
	padding:3px 5px;

	color:rgb(68, 68, 68);
	text-decoration:none;
}
#sidebar ul.sidebar-links li a:hover
{
	background-color:rgb(240, 240, 240);
}
#sidebar ul.login
{
	margin-top:1px;
	border-top:1px dotted rgb(204, 204, 204);
}
@media screen and (min-width:680px)
{
	#sidebar
	{
		width:27%;
		width:calc(30% - 10px);
		float:left;
		margin-top:0;
		margin-left:10px;
	}
}
@media print
{
	#sidebar
	{
		display:none;
	}
}

/* Content */

#content
{
	padding:30px 2% 50px; /* The bottom padding must be enough to fully overlap the footer (281px), plus provide actual padding. */

	word-wrap:break-word;
	overflow-wrap:break-word;
}
#column-main /* These styles should match sidebar above. */
{
	padding:15px 15px 105px;
	/* padding:15px 15px 65px; */
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	background-color:rgb(255,255,255);
	/* box-shadow:0 0 5px rgba(0,0,0,.2); */
	background-image:url("images/column-main-background.png");
	background-repeat: no-repeat;
	background-position: left bottom;

	font-size:1.2em;
	line-height:1.5em;
}
@media screen and (min-width:680px)
{
	#column-main
	{
		width:70%;
		float:left;
	}
	#content .page-width
	{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		border-top: 1px solid #dddddd;
		padding-top: 1.5em;
	}
}
@media print
{
	#content
	{
		padding:15px 0px 0px 0px;
	}
}

.field {
    margin-top: 1.5em;
}

h1
,h2
,h3
,h4
,h5
,caption
{
	margin-bottom:20px;
	font-weight:400;
	color: #618993;
}
h5 {
	margin-bottom:.5em;
	font-weight:bold;
}

h1 + .subtitle
,h2 + .subtitle
,h3 + .subtitle
,h4 + .subtitle
{
	margin-top:-16px;
	margin-bottom:20px;
}
.subtitle
{
	font-size:smaller;
}
p {
	margin-bottom:.6em;
}

dt
{
	font-weight:bold;
}
dd
{
	margin:0px 0px 10px 0px;
}
code {
	font:12px/16px "Courier";
}

.coding {
	width:85%;
	padding:10px 10px 10px 30px;
	border-width:1px;
	margin-bottom:30px;
}
small
{
	font-size:smaller;
	color:#B7B38A; /* v.dark beige */
	color:rgb(151, 151, 151); /* v.dark beige */
}

/* Footer */

footer
{
	background-color:rgb(255,255,255);
}
#charity-info
{
	padding:0 2%;
}
#charity-info-content /* The content must be in a separate element to accomodate padding. */
{
	padding:25px 0;
	font-size:1.6em;
	font-family: 'Open Sans', sans-serif;
	font-size:1.3em;
	color:#999999;
	border-top: 1px solid #dddddd;
}
#system-info
{
	padding:0 2%;
	background:#618993;
}
#system-info-content /* The content must be in a separate element to accomodate padding. */
{
	padding:20px 0;
	overflow: hidden;
}
#system-info-content:before
{
	content:"";
	display:block;
	width:20px;
	height:20px;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	background-color:rgb(255,255,255);
	position:absolute;
	top:-10px;
	left:40px;
}
footer a
,footer a:link
,footer a:visited
{
	text-decoration:none;
	color:inherit;
}
footer a:hover
{
	text-decoration:underline;
}
footer .the-november-group
{
	display:block;
	background-image:url("images/the-november-group.png");
	background-repeat: no-repeat;
	width:200px;
	height:25px;

	text-indent: 100%;
	overflow:hidden;
	white-space: nowrap;
}
footer .footer-indent
{
	padding-left: 33px;
}
@media screen and (min-width:480px)
{
	#security-info
	{
		position:absolute;
		right:0;
		top:25px;
	}
}
@media print
{
	footer
	{
		display:none;
	}
}

/* Tables */

table.list {
	width:100%;
}
td
,th
{
	padding:5px;
}
th
{
	font-weight:bold;
	background-color:rgb(230,230,230);
}
thead td
,thead th
{
	padding:8px 5px;
	border-width:1px;
	text-align:center;
	font-size:11px;
	color:rgb(97,97,97);
	text-shadow:0 1px 0 rgb(255,255,255);
	background-color:rgb(230,230,230);
	background-image:url("images/th-background.png"); /* For IE9 and older. */
	background-repeat:repeat-x;
	background-image:linear-gradient(to bottom,rgb(245,245,245),rgb(230,230,230));
}
th.inactive
{
	color:rgb(102, 102, 102);
	text-decoration:underline;
	background-color:rgb(217, 216, 216);
	background-image:none;
}

tbody tr:nth-child(2n+0) {
	background-color:rgb(245,245,245);
}
tbody tr:hover
,.list-item:hover
{
	background-color:rgb(255,255,207);
}
.list-item
{
	clear:both;
	padding:10px;
	margin-bottom:15px;
	border-width:1px;
}

caption {
	caption-side:top;
	text-align:left;
}
td.space1
,td.space2
{
	padding:0px;
	height:5px;
}
td.space1
{
}
td.space2
{
	background-color:#DCD9C6;
}


thead a.sortable
,thead a.sortable:visited
,thead a.sortable:hover
{
	/*display:block;*/
	text-decoration:none;
	color:rgb(97,97,97);
	text-shadow:0 1px 0 rgb(255,255,255);
}
thead a.sortable:hover
{
	color:rgb(0,153,255);
	/*
	color:rgb(0,98,164);
	 */
}
.sortable.south span
,.sortable.north span
{
	padding-right:18px;

	background-image:url("images/icons.png");
	background-repeat:no-repeat;
	cursor:pointer;
}
.sortable.south span
{
	background-position:right -1202px;
}
.sortable.south:hover span
{
	background-position:right -1252px;
}
.sortable.north span
{
	background-position:right -1502px;
}
.sortable.north:hover span
{
	background-position:right -1552px;
}

@media print
{
	thead td
	,thead th
	{
		text-shadow:none;
	}
	thead a.sortable
	,thead a.sortable:visited
	,thead a.sortable:hover
	{
		text-shadow:none;
	}
	td
	{
		padding:0 2px 2px 2px;
	}
}

/* Pagination */

.pagination
{
	margin:5px 0px;
}
.paginationList
{
	max-width:60%;
	margin-left:0;
}
.paginationList .break
{
	display:block;
	padding:3px 0px 3px 0px;
	margin:0px 2px 0px 0px;
	width:1.8em;
	height:20px;

	background-image:url("images/icons.png");
	background-repeat:no-repeat;
	background-position:center -3149px;
}
.paginationList li
{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
}
.paginationList li a
{
	display:block;
	text-decoration:none;
	padding:3px 0px 3px 0px;
	margin:0px 2px 0px 0px;
	width:1.8em;

	text-align:center;
	white-space:nowrap;

	border:1px solid rgb(177,177,177);
	background-color:rgb(246,246,246);
	background-image:linear-gradient(to bottom,rgb(250,250,250),rgb(246,246,246));
	background-repeat:repeat;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.paginationList li a:hover
,.paginationList li.current a
{
	color:rgb(0,0,0);
	border-color:rgb(157,157,157);
	background-color:rgb(221,221,221);
	background-image:linear-gradient(to bottom,rgb(231,231,231),rgb(221,221,221));
}
.paginationList li.current a
{
	cursor:default;
	text-shadow: rgb(255, 255, 255) 1px 1px 0px;
}
.paginationDetail
{
	position:static; /* The inherited position:relative property causes this element to display in front of .paginationList and .paginationSize. */
	text-align:center;
	padding-top:4px;
}
.paginationSize
{
	float:right;
	padding-top:1px;
}
.paginationSize select
{
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
	height:1.8em;
	margin-left:4px;
}

/* Forms */

.formContainer
{
	padding:20px;
	border-width:1px;
	background-color:rgb(255,255,255);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-bottom:.6em;
}

.field
{
	display:block;
	margin-bottom:15px;
	clear:both;
}
.field .label
{
	display:block;
	position:relative;
	margin-bottom:5px;
	font-weight:600;
}
.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;
}

.filefield, select, option {
	color:#5b5e56;
}
.filefield {
	margin-right:40px;
}

@media screen and (min-width:480px), print and (min-width:480px), print /* The redundancy for the print media is necessary. IE8 requires "print and (min-width:480px)" to print correctly, and IE10 crashes when printing unless the simpler "print" statement exists. */
{
	.field {
		padding-left:200px;
		margin-bottom:8px;
	}
	.field.narrow {
		padding-left:110px;
	}
	.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 .label {
		width:100px;
		padding-right:10px;
		left:-110px;
	}
	.field.full .label
	{
		float:none;
		width:auto;
		left:0;
		margin-right:0;
		padding:0;
	}
}

/* Messages */

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

/* Other */

.disabled
{
	color:rgb(151,151,151);
	color:rgb(161,161,161);
}
.disabled a
,.disabled a.highlight
,.disabled a.highlight:hover
{
	color:#6689B0;
	color:#7897BA;
	color:#8097B3;
	color:#8DA2BA;
}
a.highlight
{
	display:inline-block;
	text-decoration:none;
	padding:2px 4px 3px;
	margin:-2px -4px -3px;
	border:1px solid transparent;
	/*
	background-color:rgb(246, 246, 246);
	background-image:linear-gradient(to bottom,rgb(250,250,250),rgb(246,246,246));
	 */

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
a.highlight:hover
{
	border-color:rgb(157, 157, 157);
	background-color:rgb(221, 221, 221);
	background-image:linear-gradient(to bottom,rgb(231,231,231),rgb(221,221,221));
}

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

ul.dashboard
{
	margin-left:0;
}
ul.dashboard li
{
	display:block;
	float:left;
	width:100px;
	height:100px;
	padding:0;
	margin:0 12px 12px 0;
	list-style-type:none;
}
ul.dashboard li a
{
	display:block;
	width:100%;
	min-height:25px;
	padding:75px 0 0;

	background-image:url("images/dashboard-icons/Box_content.png");
	background-repeat:no-repeat;
	background-position:center 5px;
	background-image:url("images/dashboard-icons/Box_content.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
	background-repeat:no-repeat,repeat;
	background-position:center 5px,top left;
	border-width:1px;
	border-style:solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border-color: rgb(220, 223, 227) rgb(208, 212, 216) rgb(208, 212, 216) rgb(220, 223, 227);

	text-align:center;
	text-shadow: 0 1px 0 rgb(255, 255, 255);
	text-decoration:none;
	color:rgb(102, 102, 102);
	font-weight:bold;
}
ul.dashboard li a:hover
{
	background-image:url("images/dashboard-icons/Box_content.png");
	background-image:url("images/dashboard-icons/Box_content.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
	border-color: rgb(157, 157, 157);
	color: rgb(51, 51, 51);
}
ul.dashboard li a.star
{
	background-image:url("images/dashboard-icons/Star.png");
	background-image:url("images/dashboard-icons/Star.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.star:hover
{
	background-image:url("images/dashboard-icons/Star.png");
	background-image:url("images/dashboard-icons/Star.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.monitor
{
	background-image:url("images/dashboard-icons/Monitor.png");
	background-image:url("images/dashboard-icons/Monitor.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.monitor:hover
{
	background-image:url("images/dashboard-icons/Monitor.png");
	background-image:url("images/dashboard-icons/Monitor.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.globe
{
	background-image:url("images/dashboard-icons/Globe.png");
	background-image:url("images/dashboard-icons/Globe.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.globe:hover
{
	background-image:url("images/dashboard-icons/Globe.png");
	background-image:url("images/dashboard-icons/Globe.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.glass
{
	background-image:url("images/dashboard-icons/Glass.png");
	background-image:url("images/dashboard-icons/Glass.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.glass:hover
{
	background-image:url("images/dashboard-icons/Glass.png");
	background-image:url("images/dashboard-icons/Glass.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.mail-compose
{
	background-image:url("images/dashboard-icons/Mail_compose.png");
	background-image:url("images/dashboard-icons/Mail_compose.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.mail-compose:hover
{
	background-image:url("images/dashboard-icons/Mail_compose.png");
	background-image:url("images/dashboard-icons/Mail_compose.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.mail-open
{
	background-image:url("images/dashboard-icons/Mail_open.png");
	background-image:url("images/dashboard-icons/Mail_open.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.mail-open:hover
{
	background-image:url("images/dashboard-icons/Mail_open.png");
	background-image:url("images/dashboard-icons/Mail_open.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.clipboard
{
	background-image:url("images/dashboard-icons/Clipboard_3.png");
	background-image:url("images/dashboard-icons/Clipboard_3.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.clipboard:hover
{
	background-image:url("images/dashboard-icons/Clipboard_3.png");
	background-image:url("images/dashboard-icons/Clipboard_3.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.chart-1
{
	background-image:url("images/dashboard-icons/Chart_5.png");
	background-image:url("images/dashboard-icons/Chart_5.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.chart-1:hover
{
	background-image:url("images/dashboard-icons/Chart_5.png");
	background-image:url("images/dashboard-icons/Chart_5.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.chart-2
{
	background-image:url("images/dashboard-icons/Chart_4.png");
	background-image:url("images/dashboard-icons/Chart_4.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.chart-2:hover
{
	background-image:url("images/dashboard-icons/Chart_4.png");
	background-image:url("images/dashboard-icons/Chart_4.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.recycle
{
	background-image:url("images/dashboard-icons/Box_recycle.png");
	background-image:url("images/dashboard-icons/Box_recycle.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.recycle:hover
{
	background-image:url("images/dashboard-icons/Box_recycle.png");
	background-image:url("images/dashboard-icons/Box_recycle.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.briefcase
{
	background-image:url("images/dashboard-icons/Briefcase_files.png");
	background-image:url("images/dashboard-icons/Briefcase_files.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.briefcase:hover
{
	background-image:url("images/dashboard-icons/Briefcase_files.png");
	background-image:url("images/dashboard-icons/Briefcase_files.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.books
{
	background-image:url("images/dashboard-icons/Books.png");
	background-image:url("images/dashboard-icons/Books.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.books:hover
{
	background-image:url("images/dashboard-icons/Books.png");
	background-image:url("images/dashboard-icons/Books.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}
ul.dashboard li a.phonebook
{
	background-image:url("images/dashboard-icons/Book_phones.png");
	background-image:url("images/dashboard-icons/Book_phones.png"),linear-gradient(to bottom,rgb(251, 251, 251),rgb(246, 246, 246));
}
ul.dashboard li a.phonebook:hover
{
	background-image:url("images/dashboard-icons/Book_phones.png");
	background-image:url("images/dashboard-icons/Book_phones.png"),linear-gradient(to bottom,rgb(231, 231, 231),rgb(221, 221, 221));
}

.clear {
	display:block;
	clear:both;
}
.left
{
	text-align:left;
}
.right {
	text-align:right;
}
.centre, .center {
	text-align:center;
}
p.space
{
	padding:0px;
	margin:0px;
	height:.6em;
	overflow:hidden;
}
.nospace
{
	margin-bottom:0;
}
.smallspace
{
	margin-bottom:.2em;
}
.indent
{
	margin-left:30px;
}

.void
{
	text-decoration:line-through;
}
.column-sort-order {
	position:absolute;
	padding:4px 7px 6px;
	z-index:100;

	background-color:rgb(245, 245, 245);
	background-color:rgba(245, 245, 245,.7);
	box-shadow:0 0 20px rgba(0,0,0,.5);
}

div.donationTotal
{
	padding-top:5px;
	border-top-width:1px;
}
.toggle
{
	display:block;
	float:left;
	padding-right:22px;

	background-image:url("images/icons.png");
	background-repeat:no-repeat;
	background-position:right -1203px;
	cursor:pointer;
}
.toggle.show
{
	background-position:right -1203px;
}
.toggle.hide
{
	background-position:right -1503px;
}
a.toggle.highlight:hover
{
	padding:0px 22px 0px 0px;
	margin:0px 22px 0px 0px;
}

.middle
{
	vertical-align:middle;
}
input[type="text"].search
,input[type="search"].search
{
	text-align:center;
	color:rgb(161, 161, 161);
}
.searchBox
{
	width:250px;
}
/* Show the action buttons as if they are inside of the search box. */
input.searchText
{
	padding-right:25px;
}
.searchButtons
{
	width:25px;
	margin-left:-25px;
	margin-right:2px;
}

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

/* TNGLightbox */

.TNGLightbox
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	z-index:5;
}
.TNGLightboxOverlay
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	background-color:#000000;
	filter:alpha(opacity=30); /* IE */
	-moz-opacity:.3; /* Mozilla/Netscape */
	opacity:.3; /* Opera + W3C standard  */
}
.TNGLightboxDialogue
{
	position:relative;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:500px;
	max-width:90%;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;
	padding:20px 25px 40px;

	background-color:rgb(242, 242, 242);
	background-image:url("images/TNGLightboxDialogue-background.png"); /* For IE9 and older. */
	background-repeat:repeat-x;
	background-image:linear-gradient(to bottom,rgb(195, 195, 195),rgb(242, 242, 242) 18px);
	box-shadow:0 0 20px rgba(0,0,0,.5);
	border:2px solid #E5E5E5;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	word-wrap:break-word;
	overflow-wrap:break-word;
}

.TNGLightboxClose
{
	display:block;
	position:absolute;
	top:7px;
	right:8px;
}

/* TNGSlider */

.TNGSliderContainer
{
	position:relative;
	width:100%;
	overflow:hidden;
	border-width:0px;
}

.TNGSliderTable
{
	position:relative;
	width:100%;
	border-width:0px;
	table-layout:fixed;
}

.TNGSliderTable > thead
,.TNGSliderTable > tbody
,.TNGSliderTable > tfoot
,.TNGSliderTable > thead > tr
,.TNGSliderTable > thead > tr > td
,.TNGSliderTable > thead > tr > th
,.TNGSliderTable > tbody > tr
,.TNGSliderTable > tbody > tr > td
,.TNGSliderTable > tbody > tr > th
,.TNGSliderTable > tfoot > tr
,.TNGSliderTable > tfoot > tr > td
,.TNGSliderTable > tfoot > tr > th
,.TNGSliderTable > tr
,.TNGSliderTable > td
,.TNGSliderTable > th
{
	padding:0px;
	border-width:0px;

	page-break-inside:auto;
}
.TNGSliderTable > td
,.TNGSliderTable > thead > tr > td
,.TNGSliderTable > tbody > tr > td
,.TNGSliderTable > tfoot > tr > td
{
	padding:20px;
	vertical-align:top;
	border-width:0px;
	overflow:hidden;
}
.TNGSliderTable > tbody > tr:hover
{
	background-color:transparent;
}

table.TNGSliderTabs
{
	border-width:0;
	border-bottom-width:1px;
	width:100%;
}
.TNGSliderTabs td
,.TNGSliderTabs th
{
	padding:0;
	border-width:0;
	border-left-color: rgb(222,222,222);
	border-right-color: rgb(222,222,222);
	background-color:transparent;
	background-image:none;
	vertical-align:bottom;
}
.TNGSliderHeading
{
	padding:8px 5px;
	border-width:1px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	margin-right:3px;
	margin-bottom:-1px;
	color:rgb(0, 98, 164);
	overflow:hidden;
}
.TNGSliderHeading.active
{
	background-color:transparent;
	cursor:default;
	border-bottom-color:rgb(255,255,255);
}
.TNGSliderHeading.inactive
{
	text-decoration:underline;
	cursor:pointer;
	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));
}
#sliderContainer.formContainer /* Remove the padding from .formContainer when it is also used as the #sliderContainer. The padding will be added in the .TNGSliderTable > td instead. */
{
	padding:0px;
}
.TNGSliderTabs + .formContainer
{
	-moz-border-top-left-radius:0;
	-webkit-border-top-left-radius:0;
	border-top-left-radius:0;
	-moz-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	border-top-width:0;
}

@media print
{
	.TNGSliderContainer
	{
		overflow:visible;
	}
	.TNGSliderTable > tbody > tr > td
	{
		display:block;
		margin-bottom:30px;
	}
}

/* Treelist */

ul.treelist
{
	margin-left:0;
}
ul.treelist ul
{
	margin-left:25px;
	padding:0px;
}
ul.treelist li
{
	display:block;
	clear:left;
	list-style:none;
	list-style-type:none;
	margin:0px 0px 1px 0px;
	padding:0px;
}
.treelistToggle
{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:1px 2px 0px 0px;

	background-image:url("images/icons.png");
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
.treelistToggle.north
{
	background-position:left -1503px;
}
.treelistToggle.east
{
	background-position:left -1053px;
}
.treelistToggle.south
{
	background-position:left -1203px;
}
.treelistToggle.west
{
	background-position:left -1353px;
}
.treelistToggle.none
{
	background-position:left 50px;
	cursor:default;
}