/***************************************************************
 * WebSys site default styles
 ***************************************************************
 *
 * Margins and padding: top,right,bottom,left
 */
:root {
--color-background-browser:	#FFFFFF;
--color-background-page:	#FFFFFF;
--color-background-general:	#FFFFFF;
--color-background-menu:	#7AB4E5;
--color-foreground-menu:	#000000;
--color-background-menu-hover:	#F0F0F0;
--color-foreground-menu-hover:	#000000;
--color-background-panel:	#CFE1F3;
--color-border:			#436976;
--color-border-top:		#436976;
--color-border-special:		#436976;
--color-text:			#000000;
--color-text-menu:		#000000;
--color-text-link:		#436976;
}

html {
	margin:			0px;
}

body {
	font: 			11pt Helvetica, Arial, sans-serif;
	line-height:		1.2em;
	-webkit-text-size-adjust: 95%;	/* For iPhone Safai */
	background:	 	var(--color-background-browser);
    	color: 			Black;
	/* max-width:		1800px; */
	min-width:		320px;
	/* border:		1px solid #436976; */
	margin:			0px;
}

table {
	empty-cells:		show;
}

a {
	text-decoration: 	none;
	color: 			var(--color-text-link);
	background-color: 	transparent;
}

a:hover {
	text-decoration: 	underline;
}

ul {
	padding-left:		1em;
}

li {
}

img {
	max-width:		100%;
	image-orientation:	from-image;
}

p {
	margin-top:		0.3em;
	margin-bottom:		0.3em;
}

input {
	font-family:		inherit;
	font-size:		inherit;
	box-sizing:		border-box;
}

input[type=date] {
	height:			20px;
	width1:			80px;
}

select {
	font-family:		inherit;
	font-size:		inherit;
}

textarea {
	font-family:		inherit;
	font-size:		inherit;
}

button {
}

@-moz-document url-prefix(){
button {
	border-width:		2px;
}
}
 
.Status {
	color:			red;
}

#page {
	display:		flex;
	flex-direction:		column;
	height:			100%;
}

#wsTop {
	flex:			0 0 auto;
	display:		flex;
	background-color:	var(--color-background-general);
	color:			Black;
	/* background-image:	url(/themes/tandemClub/NightSky1.png?ver=1); */
}

#wsTop img {
	display:	block;
}

#wsTopleft {
	padding:	0.2em;
	max-width:	30%;
}

#wsTopcentre {
	font-weight:	bold;
	font-size:	130%;
	line-height:	130%;
	padding:	0.2em;
}

#wsTopcentre img {
	padding-top:	0.5em;
}

#wsTop h1 {
	margin-top:	10px;
	margin-bottom:	0px;
	line-height:	1em;
	font-style:	italic;
}

#wsTop h2 {
	font-style:	italic;
	font-size:	85%;
	margin-top:	0px;
	margin-bottom:	10px;
}

#wsTop-menu {
	flex:			0 0 auto;
	display:		flex;
}

#main {
	flex:			1 1 auto;
	display:		flex;
	flex-direction:		row;
	min-height:		0;
}

#leftSide {
	/*display:		none; */
	flex:			0 0;
	min-width:		11em;
	vertical-align:		top;
	background-color:	var(--color-background-page);
	border-right:		3px solid var(--color-border-special);
}

#leftSide h2 {
	color:			#436976;
	text-align:		left;
	font-weight:		bold;
	font-size:		110%;
	border-bottom:		3px solid var(--color-border);
}

#leftSide a {
	display:		block;
	padding:		0.15em;
}

.loginLeft .loginEntry {
	width:		130px;
}

#centre {
	flex:			1 1 auto;
	vertical-align:		top;
	background-color: 	var(--color-background-page);
	padding:		0.2em;
	padding-left:		0.5em;
	height:			100%;
	width:			100%;
}

#rightSide {
	/*min-width:		120px;*/
	margin:			0px;
	vertical-align:		top;
	background-color: 	var(--color-background-page);
}

#footer {
	flex:			0 0 auto;
	display:	flex;
	font: 		80% Verdana, Helvetica, Arial, sans-serif;
	font-weight:	bold;
	background: 	#7AB5E5;
	border-top: 	1px solid #436976;
	border-bottom: 	1px solid #436976;
	clear: 		both;
	float: 		none;
	padding: 	0.1em 0.1em 0.1em 0.5em;
	text-align: 	left;
}

/* Menu bar */
.menu-bar {
	display:		flex;
	flex-wrap:		wrap;
	color:			var(--color-foreground-menu);
	background-color:	var(--color-background-menu);
	border-bottom:		1px solid #C0C0C0;
	width:			100%;
	margin:			0px;
	padding:		0px;
}

.menu-item {
	/*flex:			1 0;*/
	position:		relative;
	list-style:		none;
	color:			var(--color-foreground-menu);
	cursor:			pointer;
	padding-right:		1em;
}

.menu-item a {
	display:		flex;
	margin:			0px;
	padding:		0.4em 0.2em;
	text-decoration:	none;
	color:			var(--color-foreground-menu);
}

.menu-item-pulldown > a {
	/* pointer-events: none; */
}

.menu-item button {
	height:		1.5em;
	width:		1.5em;
	margin:		0.2em;
	background:	url("/icons/general/Menu-white.svg") no-repeat;
	border:		none;
}

.menu-item:hover {
	color:			var(--color-foreground-menu-hover);
	background-color:	var(--color-background-menu-hover);
}

.menu-item:hover button {
	background:	url("/icons/general/Menu.svg") no-repeat;
}

.menu-item:hover a {
	color:			var(--color-foreground-menu-hover);
}

.menu-item:hover .menu-pulldown {
	display:		block;
}

.menu-pulldown {
	display:		none;
	min-width:		200px;
	position:		absolute;
	margin:			0px;
	padding:		0px;
	padding-top:		1.3em;
	z-index:		99999;
	color:			var(--color-foreground-menu);
	background-color:	var(--color-background-menu);
}

/* General Page Layout */
.Columns {
	display:		flex;
	flex-direction:		row;
	flex-wrap:		wrap;
}

.Column2 {
	flex: 			0 0 50%;
	min-width:		30em;
}

.Column3 {
	flex: 			0 0 30%;
	min-width:		20em;
}

.ColumnLeftSide {
	1flex: 			1 0 15%;
	flex: 			0 0;
	min-width:		20em;
}

.ColumnMain {
	flex: 			1 0 50%;
	min-width:		30em;
	padding-left:		1em;
}

.ColumnRightSide {
	flex: 			1 0 20%;
	min-width:		20em;
	padding-left:		1em;
}

.ColumnLeftSide img {
	width:			100%;
}



/* Panels */
.LayoutMain {
	padding:	0.5em;
}

.LayoutRight {
	float:		right;
	clear:		right;
	width:		25%;
	padding:	0.5em;
}

.MobileLineBreak {
}

.PanelBox {
	margin:				0.5em;
	background:			var(--color-background-panel);
	border-top-left-radius:		1em;
	border-top-right-radius:	1em;
	border-bottom-right-radius:	1em;
	border-bottom-left-radius:	1em;
	padding:			0.5em;
	overflow:			auto;
}

.PanelContent {
	padding:			0.5em;
}

.PanelFloatRight {
	float:				right;
	width:				30%;
	padding:			0.5em;
}

.PanelFloatLeft {
	float:				left;
	width:				30%;
	padding:			0.5em;
}

.PanelLeft {
	padding:			0.5em;
}

.PanelRight{
	padding:			0.5em;
}

/* Adverts */
.AdItems {
}

.AdItem {
	margin:		0px;
	padding:	0.2em 0.2em 0.2em 0.2em;
}

.AdItems table {
	width:	100%;
}
.AdItems td {
	text-align:	center;
}
.AdItems img {
	width:		100px;
}

/* News */
.NewsBox {
	border-top:	3px solid var(--color-border);
	margin:		1em 0.3em 0.3em 0.3em;
	/*background:	#FFFFFF;*/
}

/*
.ColumnMain .NewsBox {
	padding:	0.3em;
	border:		1px solid var(--color-border);
}
*/

.NewsBox_Border {
	border:		1px solid var(--color-border);
	border-top:	3px solid var(--color-border);
	margin:		0.3em 0.3em 0.3em 0.3em;
	padding:	0.2em;
}

.NewsHeadingBox {
	overflow-y:	hidden;
	margin:		0 0 0 0;
	1border:		1px solid #000;
	1border-bottom:	1px solid #e7ab0b; 
	1color:		#294B5F;
	1background:	#FFFFFF;
}

.NewsHeadingEntry {
	padding:	0.1em 0.1em 0 0.1em;
	1border-left:	1.1em solid #FDB827;
	font-weight:	bold;
}

.NewsItem {
	overflow-y:	hidden;
	margin:		0 0 0.5em 0;
	padding:	0.1em 0.1em 0 0;
	border-bottom:	1px solid var(--color-border);
}

.NewsSummary {
	display:	flex;
}

.NewsSummaryPostdate {
	font-weight:	bold;
	padding-right:	0.4em;
 }

.NewsSummaryCategory {
	font-weight:	bold;
	padding-right:	0.4em;
 }

.NewsSummaryLink {
	font-weight:	bold;
	margin-right:	0.4em;
}

.NewsSummaryAuthor {
	font-style:	italic;
	padding-right:	0.4em;
}

.NewsItemContent {
	clear:		both; 
	padding:	0 0 0 0;
	max-height:	200px;
	overflow:	hidden;
}

.NewsItemContent p {
	margin:		0px;
}

.NewsItemContent img {
	margin:		0.2em;
}

/* General */
.error {
	color: 			#FF0000;
}

.editError {
	color: 			#FF0000;
	/*font-size:		150%; */
}

.viewList th {
	color:	#436976;
}

/* Data display and input forms */
.BView {
	border-collapse:	collapse;
	background-color:	#F0F0F0;
}
.BView th, .BView td {
	border:			1px solid var(--color-border);
}
.BView pre {
      	font: 			100% Verdana, Helvetica, Arial, sans-serif;
}
.BViewList {
	border-collapse:	collapse;
	background-color:	#F0F0F0;
}
.BViewList th {
	border:			1px solid var(--color-border);
	color:			#436976;
}
.BViewList td {
	border:			1px solid var(--color-border);
}
.BEdit {
	border-collapse:	collapse;
	background-color:	#F0F0F0;
}
.BEdit th, .BEdit td {
	border:			1px solid var(--color-border);
}
.linkView {
	background-color:	#F0F0F0;
}
.DataView {
	background-color:	#F0F0F0;
}

.ButtonLink {
	background:	none;
	border:		none;
	color:		#2F629D;
	cursor:		pointer;
}
.ButtonLink:hover {
	text-decoration: underline;
}

div.help {
	margin: 1em 0 1em 0em;  /* margin for the entire div surrounding the news list */
	border: 1px solid #000; 
	background: #A9D6FF; 
}

/* Forums */
div.Block {
	margin: 5px;
	padding: 0;
	/*border: 1px solid #000; */
	background: #FFFFFF;
}

div.Block h1 {
	margin: 0;
	padding: 0;
	border-bottom: 3px solid var(--color-border); 
	/*border-left: 1.1em solid #e7ab0b; */
	font-size: 1.5em;  
	color: #294B5F;
}

div.Block h2 {
	margin: 0;
	padding-left: 5px;
	border-bottom: 1px solid #e7ab0b; 
	font-size: 1.2em;  
	color: #294B5F;
}

div.Block div {
	padding: 0.1em;
}

div.Forum {
	margin: 5px;
	border: 1px solid #000; 
	background: #FFFFFF; 
}

div.Forum h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
	line-height: 1.5em;
}

div.ForumEntry {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid var(--color-border);
	background: #FFFFFF; 
}

div.ForumEntry .ForumEntryHeader {
	margin: 0 10px 0 0;
	color: #294B5F; 
}

div.ForumEntry .ForumEntryLine {
	margin: 0 10px 0 0;
}

div.ForumEntry h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.0em; 
	text-align: left; 
	border-bottom: 1px solid var(--color-border); 
	/*border-left: 1px solid #e7ab0b; */
}

div.Diary {
	margin: 5px;
	border: 1px solid #000; 
	background: #FFFFFF; 
}

div.Diary h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
	line-height: 1.5em;
}

div.DiaryEntry {
	margin: 0;
	border: 1px solid #000; 
	background: #FFFFFF; 
	border-bottom: 1px solid #ccc; 
}

div.DiaryEntry h1 {
	margin: 0;
	padding: 0 5px 1px 5px;
	line-height: 2em;
	background: #fff;
	color: #294B5F; 
	font-size: 1.0em; 
	text-align: left; 
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1px solid #e7ab0b; 
}

/* Message System */
.MessageGroupSelect {
	margin-left:	0.5em;
	max-width:	10em;
}

.ButtonStd {
	cursor:			pointer;
	font-size:		120%;
	background:		#F0F0F0;
	margin:			0.3em;
}
.ButtonStd:hover {
	background:		#C0C0C0;
}

.ButtonMain {
	cursor:			pointer;
	font-size:		120%;
	background-color:	#90ee90;
}
.ButtonMain:hover {
	background:		#86de86;
}

.ButtonImageMenu {
	min-height:	22px;
	min-width:	22px;
	background:	url("/icons/buttons/menu-icon.png") no-repeat;
	background-size: 100%;
	border:		none;
}

.ButtonImageCamera {
	background:	url('/icons/buttons/ButtonCamera.svg') no-repeat;
	cursor:		pointer;
	border:		none;
	width:		22px;
	height:		22px;
	margin-left:	1em;
}

.ButtonImageSmiley {
	background:	url('/icons/buttons/smily.png') no-repeat;
	width:		22px;
	height:		22px;
	margin-left:	1em;
	cursor:		pointer;
	border:		none;
}

.ButtonImageSend {
	background:	url('/icons/buttons/ButtonSend.svg') no-repeat;
	width:		22px;
	height:		22px;
	cursor:		pointer;
	border:		none;
	margin-left:	1em;
}

.ButtonImageForm {
	background:	url('/icons/buttons/ButtonForm.svg') no-repeat;
	width:		22px;
	height:		22px;
	cursor:		pointer;
	border:		none;
	margin-left:	1em;
}

.ButtonImageReturn {
	/*background:	url('/icons/buttons/smily.png') no-repeat;*/
	cursor:		pointer;
	margin-left:	1em;
}

.ButtonInlineText {
	font-size:		120%;
	color:			white;
	background-image:	linear-gradient(var(--color-border), var(--color-background-menu-hover));
	border:			0px solid var(--color-border);
	border-radius:		20px;
	margin:			3px;
	padding:		2px;
	padding-left:		8px;
	padding-right:		8px;
}

.ButtonInlineText:hover {
	background-image:	linear-gradient(var(--color-background-menu-hover), var(--color-border));
}

#wsTopcentre .ButtonInlineText {
	width:			100%;
	padding:		4px;
	margin:			0px;
	margin-bottom:		3px;
}

.ButtonPager1 {
	cursor:			pointer;
	font-size1:		90%;
	background:		#F0F0F0;
}



.MessagePage {
	width:			100%;
	max-width:		700px;
	display:		flex;
	flex-direction:		column;
	min-height:		0;
}

.MessageSection {
	background:	white;
	padding:	3px;
	border:		1px;
	border-style:	solid;
	border-color:	var(--color-border);
	border-width:	1px;
	border-radius:	10px;
}

.MessageComment {
	display:	flex;
}

.MessageCommentEntry {
	flex-grow:	1;
	padding:	2px;
	margin-left:	4px;
	border:		1px;
	border-style:	solid;
	border-color:	var(--color-border);
	border-width:	1px;
	border-radius:	10px;
}

.MessageCommentEntry input, .MessageCommentEntry textarea {
	width:		100%;
	/* width:		200px; */
	border-style:	none;
	/*width:		calc(100% - 20px);*/
	outline:	none;
}

.MessageCommentButtons {
}

.MessageButtons {
	display:	inline-block;
	padding:	2px;
}

.FillHeight {
	display:		flex;
	flex-direction:		column;
	height:			100%;
}

.Messages {
	flex-grow:	1;
	overflow-y:	auto;
	-webkit-overflow-scrolling: touch;
	background:	white;
}

.Message {
	clear: 		both;
	background:	white;
	padding:	5px;
	margin-bottom:	5px;
}

.MessageHead {
}

.MessageImageUser img {
	float:		left;
	width:		40px;
	border-radius:	50%;
}

.ImageUser img {
	width:		40px;
	border-radius:	50%;
}

.MessageTitles {
	float:		left; 
}

.MessageTitle {
	padding-left:	4px;
	color: 		#2F629D;
	font-style:	bold;
}

.MessageName {
	padding-left:	4px;
	color: 		#2F629D;
	font-style:	bold;
}

.MessageTime {
	padding-left:	4px;
	font-style:	italic;
}

.MessageGroup {
	padding-left:	4px;
}

.MessageContent {
	clear: 		both;
	float:		none; 
	padding:	2px;
	overflow-wrap:	break-word;
}

.MessagePicture {
	float:		left;
	width:		30%;
	max-width:	200px;
	padding:	0.1em;
}

.MessagePictureThumb {
	float:		left;
	width:		20%;
	padding:	0.1em;
}

.Message p {
	margin:		0px;
}


/* File Uploaders */
.PictureUploader {
	width:		100%;
	max-width1:	500px;
}

.PictureUploader_Filelist {
	width:		100%;
	min-height:	100px;
}

.PictureUploader_Filelist table {
	width:			100%;
	border-collapse:	collapse;
	/*border:		1px solid black; */
	padding:		2px;
}

.PictureUploader_Filelist th {
	border-bottom:		1px solid black;
}

.PictureUploader_Filelist td:last-child {
	width:		100%;
}

.PictureUploader_Filelist input[type=text] {
	width:		100%;
}

.PictureUploader_Filelist textarea {
	width:		100%;
}

.PictureUploader_Button {
	font-size:		120%;
	background-color:	lightgreen;
}

.FormInputPicture_status {
	display:		inline-block;
	height:			5em;
	width:			100px;
	vertical-align:		top;
	border:			1px solid darkgray;
	box-shadow:		1px 1px 1px 0 lightgray inset;
	background:		#FFFFFF;
}

.FormInputPicture_status_small {
	display:		inline-block;
	height:			1.5em;
	width:			40px;
	vertical-align:		top;
	border:			1px solid darkgray;
	box-shadow:		1px 1px 1px 0 lightgray inset;
	background:		#FFFFFF;
}

/* Maps */
.ol-profil table {
	text-align:	left;
	width:		auto;
}

.ol-profil td, .ol-profil th {
	padding-left:	1em;
	padding-right:	1em;
}

.ol-profil table .point-info {
	display: table-row;
}
.ol-profil .over table .track-info {
	display: table-row;
}

.ol-profil table span {
	display:	inline;
}

.ol-popup-content {
	max-width:	50vw;
}

.Ride {
	width:		100%;
}

.MapBox {
	display:	flex;
	flex-direction:	column;
	width:		100%;
	height:		650px;
	max-height:	100vh;
	border:		1px solid black;
}

.MapBoxLarge {
	display:	flex;
	flex-direction:	column;
	width:		100%;
	height:		100vh;
	border:		1px solid black;
}

.MapView {
	width:		100%;
	height:		100%;
}

.MapProfile {
	width:		100%;
}

.ol-profil .ol-inner {
	padding:	0;
}

.Map {
	width:		100% - 2em;
	/*max-width:	800px;*/
	height:		400px;
	margin:		1em;
	border:		1px solid black;
}

.Showcase {
	display:		flex;
	flex-direction:		column;
	height:			75vh;
}

.Showcase_picarea {
	flex:			1 1 auto;
	min-height:		0;
	display:		flex;
	flex-direction:		column;
	height:			100%;
}

.Showcase_picarea h3 {
	margin-bottom:		0px;
}

.Showcase_picture {
	min-height:		200px;
}

.Showcase_picture img {
	max-height:		100%;
}

.Showcase_description {
	min-height:		20px;
	overflow-y:		auto;
}

.Showcase_controls {
	flex:			1 1 auto;
	display:		flex;
}

.Showcase_control {
	display:	inline-block;
	max-width:	16%;
	min-width:	48px;
}

.Showcase_control img {
	max-height:	70px;
}

.Showcase_button {
	/*height:		30px;*/
}

/* New bits */
.WsSearch {
	display:	flex;
	border:		1px solid var(--color-border);
	border-radius:	20px;
	padding:	2px;
	padding-left:	6px;
}
.WsSearch input {
	border:		0px;
}
.WsSearch button {
	background:		url('/icons/general/Search.svg');
	background-size:	24px 24px;
	height:			24px;
	width:			24px;
	border:			0px;
	padding:		0px;
}

.TopPictures {
	border-top:		4px solid var(--color-border-top);
	border-bottom:		4px solid var(--color-border-top);
}

.TopPictures div {
	display:		flex;
	flex-wrap:		nowrap;
	overflow:		hidden;
}
	
.TopPictures img {
	height:			150px;
}

.Button {
	display:	inline-block;
	text-align:	center;
	color:		black;
	margin:		0.1em;
}

.Button img {
	width:		24px;
	margin:		4px;
	/* margin-left:	auto;
	margin-right:	auto; */
}

.ButtonFb {
	display:	inline-block;
	text-align:	center;
	color:		black;
}

.ButtonFb img {
	width:		30px;
	margin:		4px;
	/* margin-left:	auto;
	margin-right:	auto; */
}

.MenuButton {
	display:	inline-block;
	padding-left:	1em;
	padding-right:	1em;
	text-align:	center;
	color:		black;
}

.MenuButton img {
	width:		24px;
	margin-left:	auto;
	margin-right:	auto;
	padding-bottom:	5px;
}

.Journals img {
	float:		right;
	max-width:	80px;
}

.LefthandHideButton {
	display:	inline-block;
	border:		none;
	padding:	0.2em;
	background:	#FFFFFF;
}

.LefthandHideButton img {
	float:		left;
	width:		10px;
	margin:		0.2em;
}

.loginEntry {
	border:		1px solid var(--color-border);
	border-radius:	20px;
	padding:	2px;
	padding-left:	6px;
}

/* Shop */
.ShopCartInfo {
}

/*.ShopCartView table, .ShopCartView th, .ShopCartView td {*/
.ShopCartView table {
	border:			1px solid var(--color-border);
	border-collapse:	collapse;
	background-color:	var(--color-background-panel);
}

.ShopCartView th, .ShopCartView td {
	padding:		0.2em;
}

.ShopCartStage {
	border:			1px solid var(--color-border);
	border-radius:		5px;
}

.ShopCartStage h2 {
	margin:			0px;
	padding:		5px;
	background-color:	#F0F0F0;
	border-radius:		5px;
}

.ShopCartStage th {
	text-align:		left;
}

.ShopCartStageContents {
	display:		flex;
	flex-wrap:		wrap;
}

.ShopCartStageBox {
	padding:		0.5em;
}

.ShopCartStageBox h3 {
	margin:			0px;
	padding:		5px;
	border-bottom:		1px solid var(--color-border);
	margin-bottom:		0.5em;
}

.ShopCartStageBox textarea, .ShopCartStageBox input[type=text] {
	width:			20em;
}

.ShopCartStageBox input[name="cardMon"], .ShopCartStageBox input[name='cardYear'] {
	width:		3em;
}

.ShopCartStageBox .BEdit table {
	border-collapse:	collapse;
}

.ShopCartViewItems table {
	border:			1px solid var(--color-border);
	border-collapse:	collapse;
	background-color:	var(--color-background-panel);
	min-width:		50%;
}

.ShopCartViewItems th, .ShopCartViewItems td {
	border:			1px solid grey;
	padding:		0.2em;
}

.Dialog {
	display:	none;
	position:	absolute;
	z-index:	1;
	left:		0;
	top:		0;
}

/* Special bits */
.calendar table {
	background-color:	#FFE9AF;
}
.calendar #calendarYear {
}
.calendar #calendarMonth {
	text-align:	left;
}
.kidsZoneLink {
	vertical-align:	top;
	color:	#FFFFFF;
}
.kidsZoneLink a {
	color:	#FFFFFF;
}

/* Old bits */
.beam_title {
	background-color:  #FFFFFF;
}

.even {
    background-color: 	#F0F0F0;
}

.odd {
    background-color: 	transparent;
}

.highlight {
    background-color: 	#F0F0F0;
}

.heading {
	text-align:		left;
	background-color: 	#7AB5E5;
}

[name=select] .Button {
	background-color:	lightgreen;
	font-size:		150%;
}

/* Mobile phone overrides etc */
@media only screen and (max-width: 480px) and (orientation: portrait){body{font-size: 75%;}}
@media only screen and (max-width: 414px) and (orientation: portrait){body{font-size: 70%;}}
@media only screen and (max-width: 360px) and (orientation: portrait){body{font-size: 65%;}}
@media only screen and (max-width: 320px) and (orientation: portrait){body{font-size: 55%;}}
@media only screen and (max-width: 480px) {
	body{margin: 0px;}
	#wsTop img {max-height: 50px;}
	#wsTopcentre{padding-top: 0.5em;}
	#Logo{height: 40px;}
	#Moto{height: 20px;}
	#leftSide{max-width: 100px;}
	#wsTopright{display: none;}
	#rightSide{width: 50px;}
	.menu-item { padding-right: 0px; }
	.menu-item-pulldown > a { pointer-events: none;	}
	.menu-item button { height: 1.0em; width: 1.0em; margin: 0.1em; }
	.MenuButton img { width: 16px; padding: 0px; margin: 4px;};
	.loginLeft .loginEntry { width:		90px;}
	.TopPictures { height: 75px;}
	.TopPictures img { height: 75px;}
	.AdItem { padding: 0.1em 0.1em 0em 0.1em; }
	.AdItem img { width: 50px; }
	.NewsBox { margin: 0.3em 0.3em 0.3em 0.3em; }
	.Journals img {	max-width: 60px; }
	.MobileLineBreak { clear:  both; }
}