@font-face {
	font-family: OldEnglish;
	src: url(/skin.v1/OldEnglishFive.ttf);
}

@font-face
{
	font-family:					'Ubuntu';
	font-style:						normal;
	font-weight:					400;
	src:							url('/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
	src:							local('Ubuntu Regular'), local('Ubuntu-Regular'),
									url('/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
									url('/fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
									url('/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
									url('/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
									url('/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
@font-face
{
	font-family:					'UbuntuCondensed';
	font-style:						normal;
	font-weight:					400;
	src:							url('/fonts/UbuntuCondensed-Regular.woff') format('woff'), /* Modern Browsers */
									url('/fonts/UbuntuCondensed-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

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

@media only screen and (orientation: landscape)
{
	/* --------------------------
	 * desktop
	 */

	:root {

		--heading-font-sz:			40px;
		--minortitle-font-sz:		20px;
		--majortitlesolo-font-sz:	46px;
		--minortitlesolo-font-sz:	35px;
		--altheading-font-sz:		24px;

		--h1-font-sz:				36px;
		--body-font-sz:				18px;
		--p-font-sz:				16px;
		--a-font-sz:				14px;
		--ul-font-sz:				12px;
	}

	.portrait_only {
		display: none;
	}
	.landscape_only {
		display: ;
	}
}

@media only screen and (orientation: portrait)
{
	/* --------------------------
	 * handheld
	 */

	:root {

		/* 4vw == 18px - all others scaled */
		--heading-font-sz:			8.88vw;
		--minortitle-font-sz:		4.44vw;
		--majortitlesolo-font-sz:	10.22vw;
		--minortitlesolo-font-sz:	7.77vw;
		--altheading-font-sz:		5.33vw;

		--h1-font-sz:				8.00vw;
		--body-font-sz:				4.00vw;
		--p-font-sz:				3.55vw;
		--a-font-sz:				3.11vw;
		--ul-font-sz:				2.66vw;
	}

	.portrait_only {
		display: ;
	}
	.landscape_only {
		display: none;
	}

	select {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	option {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	label {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	input {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
}

body
{
	margin:					0;
	padding:				0;
	font-family:			"Droid Serif", "serif";
	font-size:				var(--body-font-sz);
	color:					#000000;
}

P
{
	padding:				0;
	font-family:			"Droid Serif", "serif";
	font-size:				var(--p-font-sz);
	font-weight:			normal;
	color:					#000000;
}
a
{
	font-family:			"Droid Serif", "serif";
	font-style:				italic;
	font-weight:			bold;
	font-size:				var(--a-font-sz);
	text-decoration:		none;
}
UL
{
	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			5%;
	margin-left:			10%;
	padding:				5;
	font-family:			"Droid Serif", "serif";
	font-size:				var(--ul-font-sz);
	font-weight:			normal;
	color:					#000000;
}
LI
{
	margin-bottom:			10px;
}
h1
{
	font-family:			"Times New Roman", "sans-serif";
	font-weight:			bold;
	font-size:				var(--h1-font-sz);
	text-decoration:		none;
	margin:					0px;
}

.text 
{
	margin:					0;
	padding:				0;
	font-family:			"Droid Serif", "serif";
	font-size:				var(--body-font-sz);
	color:					#000000;
}
.rotate {
	transform:				rotate(90deg);
}

.heading
{
	padding:				0;
	font-family:			"Droid Serif", "serif";
	font-weight:			bold;
	font-size:				var(--altheading-font-sz);
	color:					#8AB3E2;
}

.titlebar
{
	width:					100%;
	height:					4px;
	background-color:		#8AB3E2;
}

.section
{
}
.section p
{
	border-style:			none;
	border-radius: 			15px;
}

.copyright {
    text-align: 			center;
    font-size: 				var(--ul-font-sz);
    line-height: 			var(--p-font-sz);
    padding-top: 			10px;
    border-top: 			1px solid #717F94;
    display: 				inline-block;
	color:					white;
	font-weight:			normal;
	font-style:				normal;
}

.small_text {
    font-size: 				var(--ul-font-sz);
}

.sectionblockbg
{
	background:				#edf4ff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	padding-left:			10px;
}

.sectionblock
{
	background:				#edf4ff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
}

.sectionblock th
{
	background:				#FFFFFF;
	text-align:				left;
	padding:				4px;
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	line-height:			var(--body-font-sz);
	color:					#FFAA00;
	font-weight:			bold; 
}

.sectionblock td
{
	text-indent:			0px;
	margin-top:				8px;
	margin-bottom:			0px;
	font-family:			"sans-serif", "arial";
	font-size:				var(--ul-font-sz);
	line-height:			var(--body-font-sz);
	padding:				0px 10px 0px 10px;
	color:					#000000;
}
.sectionheading
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	color:					#FFAA00;
	font-weight:			bold; 
}

.sectionblock_with_hover
{
	background:				#edf4ff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
}

.sectionblock_with_hover th
{
	background:				#FFFFFF;
	text-align:				left;
	padding:				4px;
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	line-height:			var(--body-font-sz);
	color:					#FFAA00;
	font-weight:			bold; 
}

.sectionblock_with_hover td
{
	text-indent:			0px;
	margin-top:				8px;
	margin-bottom:			0px;
	font-family:			"sans-serif", "arial";
	font-size:				var(--ul-font-sz);
	line-height:			var(--body-font-sz);
	padding:				0px 10px 0px 10px;
	color:					#000000;

}
.sectionblock_with_hover tr:hover td
{
	background-color: 		#717f94;
	color:					white;
}

.account_table th {
	outline: 1px solid black;
}
.account_table td {
	outline: 1px dashed grey;
}
.account_table tr:hover td
{
	background-color: 		#717f94;
	color:					white;
}

.WSSheading
{
	padding:				0;
	font-family:			'Droid Serif', serif;
	font-weight:			bold;
	font-size:				var(--heading-font-sz);
	color:					#8AB3E2;
}
.WSSlogo
{
	width:					100px;
}
.WSSmajortitle
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-size:				var(--h1-font-sz);
	color:					#000000;
}
.WSSminortitle
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-style:				italic;
	font-size:				var(--minortitle-font-sz);
	color:					#000000;
}
.WSSlogosolo
{
	padding:				0 40 0 0;
}
.WSSmajortitlesolo
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-size:				var(--majortitlesolo-font-sz);
	color:					#000000;
}
.WSSminortitlesolo
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-style:				italic;
	font-size:				var(--minortitlesolo-font-sz);
	color:					#000000;
}
.WSStable
{ 
	border-spacing:			0px;
	border-collapse:		separate;
	width:					100%;
}
.WSStable tr
{
	height:					110px;
}
.WSStable tr:hover td
{
	background-color:		#717f94;
	color:					white;
}
/*
	Before: H:216,S:24,V:58 # 717f94
	Colourise: H:216,S:8,L:-31
	After: H:215,S:13,V:59 # 717f94
*/
.scroll_menubar
{
	border-collapse:		collapse;
	border-spacing:			0;
	margin:					0;
	padding:				0;
	min-width:				80%;
}
.scroll_menu_start
{
	background-image:		url('/skin.v1/titlebar left.png');
	width:					93;
	height:					85;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_end
{
	background-image:		url('/skin.v1/titlebar right.png');
	width:					93;
	height:					85;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_item
{
	font-family:			"Droid Serif", "serif";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-align:				center;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_item div
{
	background-image:		url('/skin.v1/titlebar mid.png');
	font-family:			"Droid Serif", "serif";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-decoration:		none;
	font-style:				normal;
	font-weight:			normal;
	padding:				5px;
	display:				block;
	height:					75px;
}
.scroll_menu_item div:hover
{
	background-image:		url('/skin.v1/titlebar mid over.png');
	font-family:			"Droid Serif", "serif";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-decoration:		none;
	font-style:				normal;
	padding:				5px;
	display:				block;
	height:					75px;
}

.tooltip
{
	position:				relative;
	display: 				inline-block;
}

.tooltip .tooltiptext_left
{
	visibility: 			hidden;
	width: 					250px;
	background:				#ffffff;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	color:					#000000;
	text-align:				left;
	border-radius:			8px;
	padding:				15px;
	position:				absolute;
	z-index:				1;
	top:					100%;
	left:					50%;
	margin-left:			-60px;
}
.tooltip:hover .tooltiptext_left
{
	visibility:				visible;
}
.tooltip .tooltiptext_right
{
	visibility:				hidden;
	width: 					250px;
	background:				#edf4ff;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	color: 					#000000;
	text-align:				left;
	border-radius: 			8px;
	padding: 				15px;
	position: 				absolute;
	z-index: 				1;
	top: 					100%;
	right: 					50%;
	margin-left: 			-60px;
}
.tooltip:hover .tooltiptext_right
{
	visibility: 			visible;
}

.breadcrumb
{
	color:					black;
	font-weight:			bold;
	font-style:				italic;
}
.breadcrumb:hover
{
	text-decoration:	underline;
}
.breadcrumb_end
{
	color:					black;
	font-weight:			bold;
	font-style:				italic;
}
.breadcrumb_end:hover
{
	text-decoration:	underline;
}
.breadcrumb_seperator
{
	color:					black;
	font-weight:			normal;
	font-style:				italic;
}

.bordered_picture
{
	float:						left;
	background-color:			#f0f0f0;
	padding:					12px;
	margin:						0px 0px 0px 0px;
	font-family: 				'UbuntuCondensed';
	font-size:					14px;
}

.bordered_picture img {
	padding:						0px 0px 8px 0px;
}

.select-editable {position:relative; background-color:white; border:solid grey 1px;  width:120px; height:18px;}
.select-editable select {position:absolute; top:0px; left:0px; font-size:14px; border:none; width:120px; margin:0;}
.select-editable input {position:absolute; top:0px; left:0px; width:100px; padding:1px; font-size:12px; border:none;}
.select-editable select:focus, .select-editable input:focus {outline:none;}

.total { border-top: 2px solid black;border-bottom: 2px solid black; }
.underline { border-bottom: 2px solid black; }

/* UNUSED

.menuitem
{
	padding:				10px;
	text-align:				center;
	vertical-align:			middle;
	font-family:			"Droid Serif", "serif";
	font-style:				italic;
	font-weight:			bold;
	font-size:				var(--a-font-sz);

}
.menuitem:hover
{
	background-color:		#222222;
}
.borderedsection
{
	border-color:			#bbd6f5;
	border-style: 			solid;
	border-width: 			thin;
	border-radius: 			15px;
}
.borderedsection p
{
	margin-top:				10px;
	margin-bottom:			10px;
	margin-right:			0px;
	margin-left:			5%;
}

.pastmeeting
{
	font-family:			"sans-serif", "arial";
	font-size:				var(--p-font-sz);
	font-weight:			normal;
	font-style:				italic;
	color:					#808080;
}

.futuremeeting
{
	font-family:			"sans-serif", "arial";
	font-size:				var(--p-font-sz);
	font-weight:			normal;
	font-style:				normal;
	color:					#000000;
}

.nextmeeting
{
	font-family:			"sans-serif", "arial";
	font-size:				var(--p-font-sz);
	font-weight:			bold;
	font-style:				normal;
	color:					#000000;
}

 */