/* Format body of the document*/
			body {
				background-color:white; color:#191970; font-family:Arial, Helvetica, sans-serif;
			    }
			body {
				/* The image used */		
				background-image: url(../images/BackGroundSwirlDesk1.JPG) !important;
				/* Full height */
				height: 100% !important;
				/* Center and scale the image nicely */
				background-position: center !important;
				background-repeat: repeat !important;
				background-size: cover !important;
				opacity: 1.0 !important;
				}	
				
			.vertical-text {
			    writing-mode:tb-rl;
				writing-mode: vertical-rl;
				color: #852c98;
				float: left;
			}
				
			/* Format header of the document*/
			header {
			    color:#f9f9f9; font-family:Georgia, ‘Times New Roman’, Times, serif;
				font-size: 15px; padding:2px 2px 2px 2px;
				background-color: #27264e;
				font-size: 1.25em; 
				margin-top: -10px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 40px;
				padding-top: 5px;
				padding-right: 1px;
				padding-bottom: 0px;
				padding-left: 30px;
				font-style: italic;
				}	
			img {
				border-radius: 12px;
				margin-top: -2px;
				margin-right: 0px;
				margin-bottom: -11px;
				margin-left: -10px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
			}
			.GTImage{
				margin-top: -14px;
				margin-right: 0px;
				margin-bottom: -10px;
				margin-left: 0px;
				border-radius: 0px;
			}
			.negative {
				color: red;
			}
			.negative1 {
				color: rgb(243, 132, 132);
			}
			.negativeBonusEnter {
				color: rgb(243, 132, 132);
				font-size: 14px;
			}
			.borderless{
				border: 0px;
			}
			.borderlessNoBottom{
				border-bottom: white;
				border-top: white;
			}
			/* Format footer of the document*/				
			footer {
				style:italic; 
				font-size: 1em;
				color:#f9f9f9;
				background-color: #27264e;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				position:fixed;bottom:0;left:0;right:0;height:40px; */
			}
			/* Format Navigation block of the document*/
			nav {
				background-color:#27264e;
				font-weight:bold; 
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 20px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			/* Format wrapper in the document*/
			#wrapper {
				width:90%;
				margin-left:auto; 
				margin-right:auto}
			/* Format header links */
			a:link {
				color: black; /* rgb(140, 175, 240); changed to black as home page on chrome desktop displayed as light blue */
				text-decoration: none;
				padding: 20px}
			a:visited {
				color: black;
				text-decoration: none;
				padding: 20px}
			a:hover {
				color: #191970;
				font-style: italic; 
				padding: 20px}
			a:active {
				color: black;
				text-decoration: none;
				padding: 20px}
			/* href link looks like a button */
			.adropbtn {
				background-color: #646D7E;
				color: white;
				border: 5px;
				cursor: pointer;
				padding: 5px;
				font-size: 15px;
				display: inline-block;
				}				
			/* Dropdown Button */
			.dropbtn {
				background-color: white;
				color: rgb(79, 76, 76);
				cursor: pointer;
				height: 28px;
				margin-top: 3px;
				margin-right: 0px;
				margin-bottom: -20px;
				margin-left: 20px;
				padding-top: 1px;
				padding-right: 20px;
				padding-bottom: 1px;
				padding-left: 20px;
				font-size: 14px;
				border-radius: 7px;
				outline: none;
				}

			.okButton {
				background-color: white;
				color: grey;
				cursor: pointer;
				height: 30px;
				margin-top: 1px;
				margin-right: 0px;
				margin-bottom: 1px;
				margin-left: 5px;
				padding-top: 0px;
				padding-right: 10px;
				padding-bottom: 0px;
				padding-left: 10px;
				font-size: 14px;
				border-radius: 10px;
				outline: none;
				}
				
			.italic {
				font-style: italic;
				font-size: 12px;
			}
			.whiteFont {
				color: lightgrey;
			}
			.noBorder{
				/* color: white; */ 
			    border: 0; 
			}	
			.noTopBorder{
				/* border-top-color: white; */
				border: 0; 
			}
			.noBottomBorder{
				/* border-bottom-color: white; */
				border: 0; 
		    }
			table, th, td {
				border: 1px solid #d5d5e6;
				/* border: 0; */
				border-radius: 10px;
				}
			
			.underline {
				border-top: 1.5px solid #8e8ec0;
				}
			.underlineBottom {
				border-bottom: 1.5px solid #8e8ec0;
				}
			.underlineBottomDark {
				border-bottom: 2px solid #8e8ec0;
				}
			.weekColour {
				background-color: #8080c0;
				border-radius: 0px
			}
			.weekColour1 {
				background-color: #8080c0;
				border-radius: 0px;
				font-size: 12px;
				rotate(-90deg);
			}
			.center {
				text-align: center;
			}
			.inputstl { 
				font-size: 15px;
				padding: 0px; 
				border: solid 1px #0077B0; 
				outline: 0; 
				background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #4e4ea3), to(#FFFFFF)); 
				background: -moz-linear-gradient(top, #FFFFFF, #4e4ea3 1px, #FFFFFF 25px); 
				box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				border-radius: 5px;
				min-height: 27px; 
				}
			.racelength { 
				width: 300px!important;
				}	
			.blocked { 
					font-size: 14px;
					padding: 2px; 
					border: solid 1px #0077B0; 
					outline: 0; 
					color: black;
					background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #b380ab), to(#FFFFFF)); 
					background: -moz-linear-gradient(top, #ae1c28, #FFFFFF 1px, #ae1c28 25px); 
					box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
					-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
					-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
					border-radius: 5px;
					min-height: 27px;
					width: 240px;
					margin: 2px; 
				}
			.bonus { 
				font-size: 14px;
				padding: 2px; 
				border: solid 1px #0077B0; 
				outline: 0; 
				background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #b380ab), to(#FFFFFF)); 
				background: -moz-linear-gradient(top, #ae1c28, #FFFFFF 1px, #ae1c28 25px);
				box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
				border-radius: 5px;
				min-height: 27px;
				width: 220px;
				margin: 2px; 
			}
		    	
		    /* The container <div> - needed to position the dropdown content */
			.dropdown {
				position: relative;
				display: inline-block;
				}
			/* Dropdown Content (Hidden by Default) */
			.dropdown-content {
				display: none;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				position: absolute;
				background-color: #f9f9f9;
				min-width: 139px;
				z-index: 1;
				margin-top: 4px;
				margin-right: 10px;
				margin-bottom: 5px;
				margin-left: 22px;
				padding-top: 1px;
				padding-right: 17px;
				padding-bottom: 1px;
				padding-left: 5px;
				border-radius: 7px;
				}
			/* dropdown Links */ 	
			.dropdown-content a {
				padding: 8px 10px;
				text-decoration: none;
				border-color: red;
				display: block;
				color: black;
				font-size: 13px;
				border-radius: 7px;
				}
			/* Change color of dropdown links on hover */
			.dropdown-content a:hover 
				{background-color: #f1f1f1;
				}
			/* Show the dropdown menu on hover */
				.dropdown:hover .dropdown-content {
				display: block;
				border-color: red;
				}
			/* Change the background color of the dropdown button when the dropdown content is shown */
			.dropdown:hover .dropbtn {
				background-color: #BCC6CC;
			/*	border-color: red; */
				} 
			/* --------- Admin dropdown --------- */
			.dropdown-contentAdmin {
				display: none;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				position: absolute;
				background-color: #f9f9f9;
				min-width: 215px;
				z-index: 1;
				margin-top: 4px;
				margin-right: 10px;
				margin-bottom: 5px;
				margin-left: 22px;
				padding-top: 1px;
				padding-right: 17px;
				padding-bottom: 1px;
				padding-left: 5px;
				border-radius: 7px;
				}
				/* dropdown Links */ 	
				.dropdown-contentAdmin a {
					padding: 8px 10px;
					text-decoration: none;
					border-color: red;
					display: block;
					color: black;
					font-size: 13px;
					border-radius: 7px;
					}
				/* Change color of dropdown links on hover */
				.dropdown-contentAdmin a:hover 
					{background-color: #f1f1f1;
					}
				/* Show the dropdown menu on hover */
					.dropdown:hover .dropdown-contentAdmin {
					display: block;
					border-color: red;
					}
			/* --------- Admin dropdown ----- end ---- */

			/* Format header */
			.heading{
				font-size: 20px;
				color: #f9f9f9;
				}
			/* Format header underline */
			.headingUnder{
				font-size: 20px;
				text-decoration: underline;
				font-style: bold;
				color: #3B3131;
				}
			.myTips{
				font-family:Verdana,sans-serif;
				font-size: 40px; 
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 2px;
				padding-right: 2px;
				padding-bottom: 2px;
				padding-left: -10px;
				}
			.myTipsSlogan{
				font-family:Verdana,sans-serif;
				font-size: 25px; 
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 2px;
				padding-right: 2px;
				padding-bottom: 2px;
				padding-left: 2px;
				}
.table-layout {
	table-layout: fixed;
	width: 1070px; /* Important */
  }
.event-layout { 
		font-size: 14px;
		padding: 2px; 
		border: solid 1px #0077B0; 
		outline: 0; 
		background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #233661), to(#FFFFFF)); 
		background: -moz-linear-gradient(top, #FFFFFF, #324a80  1px, #FFFFFF 25px); 
		box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
		-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
		-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 80px; 
		border-radius: 5px;
		min-height: 27px;
		width: 195px;
		margin: 2px; 
	}
.raceId{
	width: 60px;
	border: 0px; 
	}
.raceEventId{
	width: 210px;
	}
.raceName{
	width: 180px;
	border: 0px; 
    }
.raceTrack{
	width: 180px;
	border: 0px; 
	}
.raceNumber{
	width: 41px;
	border: 0px; 
	}
.startDate{
	width: 160px;
	border: 0px; 
	}
.blockedRace{
	width: 30px;
	border: 0px; 
	}
.bonusRace{
	width: 30px;
	border: 0px; 
	}
.raceEntry{
	width: 570px;
	border: 0px;
	}
.entryName{
	width: 170px;
	border: 0px;
	}
.entryNumber{
	width: 75px;
	border: 0px;
	}
.scratched{
	width: 70px;
	border: 0px;
	}
.entryNumber{
	width: 75px;
	border: 0px;
	}	
.startPrice{
	width: 95px;
	border: 0px;
	}
.resultsResultId{
	width: 55px;
	}
.resultsRaceName{
	width: 470px;
	}
.resultsWinPlace{
	width: 130px;
	}
.resultsResultNo{
	width: 45px;
	}
.resultsResultName{
	width: 140px;
	}	
.resultsWinDiv{
	width: 60px;
	}
.resultsPlaceDiv{
	width: 65px;
	}
.resultsPoints{
	width: 130px;
	}	
.resultsBonus{
	width: 130px;
	}
.resultsBonusMsgDsk{
	width: 865px;
	font-size: 13px!important;
}
.selectionsMsgDsk{
	width: 900px!important;
}
.Font12{
	font-size: 12px!important;
}
.Font10{
	font-size: 10px!important;
}
.userUserId{
	width: 60px!important;
}
.userUserName{
	width: 160px!important;
}
.userUserRealName{
	width: 180px!important;
}
.userUserPhone{
	width: 110px!important;
}
.userEmail{
	width: 230px!important;
}
.userPassword{
	width: 100px!important;
}
.userAccessLevel{
	width: 130px!important;
}
.userAction{
	width: 80px!important;
}
.resultsBonusMsgDsk1{
	width: 970px;
}
.resultsBonusMsg{
	width: 400px;
	}
.loader {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #3498db;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	display:none; /*Displays None */
	}
	
	/* Safari */
	@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
	}
	
	@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
	}
	.tipEntryColourDsk {
		background-color: #2d63b6;
		border-radius: 0px;
		color: white;
		font-size: 15px;
	}
	.tipEntryDsk {
		font-size: 14px !important;
	}
	.tipEntryDsk1 {
		font-size: 14px !important;
	}
	.tipEntryDsk2 {
		font-size: 13px !important;
	}
	.buttonEntryDsk{
		background-color: #27264e; 
		border: 2;
		border-color: lightsteelblue;
		color: white;
		padding: 4px 8px 4px 8px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		font-size: 12px;
		border-radius: 15%;
	}
	.reduce{
		width: 100%!important;
		height: 100%!important;
	}
    .footerDetails{
			style:italic; 
			font-size: 1em;
			color: white;
			border-color: #27264e;
			background-color: #27264e;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 0px;
			margin-left: 0px;
			padding-top: 0px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
			width: 840px;
		/*	position:fixed;bottom:0;left:0;right:0;height:50px; */
	}
	.footerName{
		style:italic; 
		font-size: 1em;
		color: white;
		border-color: #27264e;
		background-color: #27264e;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		width: 250px;
	/*	position:fixed;bottom:0;left:0;right:0;height:50px; */
}
a.calculationLinkDsk{
	color: rgb(140, 200, 240)!important;
	text-decoration: underline!important;
}
calculationLinkDsk:link {
	color: rgb(140, 200, 240);
	text-decoration: none;
	padding: 20px
}
calculationLinkDsk:visited {
	color: rgb(140, 200, 240);
	text-decoration: none;
	padding: 20px
}
calculationLinkDsk:hover {
	color: rgb(140, 200, 240);
	font-style: italic; 
	padding: 20px
}
calculationLinkDsk:active {
	color: rgb(140, 200, 240);
	text-decoration: none;
	padding: 20px
}
.trackLenDsk{
	width: 140px!important;
}
.raceLenDsk{
	width: 60px!important;
}
.selectionsLenDsk{
	width: 710px!important;
}
.trackLenDisplayDsk{
	width: 140px!important;
	background-color: white;
	border-radius: 0px;
}
.raceLenDisplayDsk{
	width: 58px!important;
	background-color: white;
	border-radius: 0px;
}
.selectionsDisplayDsk{
	width: 30px!important;
	background-color: white;
	border-radius: 0px;
}
.selectionsPlacing{
	background-color: #82aae9;
}
.WSDesk{
	margin-top: -14px;
	border-radius: 0px;
}
.tipViewColour {
	background-color: #3a7cdf;
	border-radius: 0px;
	color: white;
	font-size: 15px !important;
	border: 1px solid #d5d5e6;
}
.tipViewMatesColour {
	background-color: #fd7b02;
	border-radius: 0px;
	color: white;
	font-size: 15px !important;
	border: 1px solid #d5d5e6;
}
.viewLength {
	width: 485px;
}
.ladderLength {
	width: 583px;
}
.tipEntryColourmyMatesDsk {
	font-size: 15px!important;
	background-color: #fd7b02;
	border-radius: 0px;
	color: black!important;
}
.liSelectMyMates{
	font-size: 13px!important;
}
.shadow{
	box-shadow: 0 4px 8px 0 white, 0 2px 5px 0 white;
}
.shadowBlue{
	box-shadow: 0 8px 16px 0 #27264e, 0 3px 10px 0 #27264e;
}
.logoDesk{
	margin-top: -1.5px;
	border-radius: 7px;
}
.homePosition{
	margin-top: 8px;
	margin-left: -100px;
}
.loginLength{
	width: 338px;
}
.weekLevel{
	padding-top:2px!important;
	padding-bottom:2px!important;
	padding-right:2px!important;
	padding-left:2px!important;
	border-radius:0px;
	background-color: #27264e;
	color:white;
	font-size: 10px;
	border-radius: 6px;
	font-weight: bold;
}
.weekLevelSubmit{
	padding-top:0px!important;
	padding-bottom:1px!important;
	padding-right:1px!important;
	padding-left:1px!important;
	margin-bottom:0px!important;
	border-radius:0px;
	background-color: #27264e;
	color:white;
	font-size: 8px!Important;
	border-radius: 6px;
	font-weight: bold;
	height: 15px;
	width: 70px;
}
.weekLevelNow{
	padding-top:2px!important;
	padding-bottom:2px!important;
	padding-right:2px!important;
	padding-left:2px!important;
	border-radius:0px;
	background-color: #ae1c28;
	color:white;
	font-size: 12px;
	border-radius: 6px;
	font-weight: bold;
}
.weekLevelNowSubmit{
	padding-top:0px!important;
	padding-bottom:2px!important;
	padding-right:2px!important;
	padding-left:2px!important;
	margin-top:2px!important;
	border-radius:0px;
	background-color: #ae1c28;
	color:white;
	font-size: 10px;
	border-radius: 6px;
	font-weight: bold;
	height: 18px;
	width: 70px;
}
.weekLevelCurrent{
	font-size: 8px!important;
	font-weight: bold;
	color: #ae1c28;
}
.levelPosition{
	margin-left: -90px;	
}
.OptionsPosition{
	margin-left: 0px;	
}
.levelPositionAnchor{
    display: block;
	margin-top: -11px;
}
.homeContact{
	margin-top: -10px;
	font-size: 18px;
}
.deskAlign{
	margin-left: 50px;
}
.containerHeight{
	height: 75px!important;
}
.align1{
	margin-left: 61px;
}
.align2{
	margin-left: -28px;
}
.align3{
	margin-left: -66px;
}
.align4{
	margin-left: -108px;
}
.buttonViewTipsDesk{
	background-color: #27264e; 
	border: 2;
	border-color: lightsteelblue;
	color: white;
	padding: 4px 8px 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10%;
}
.buttonViewTipsTopDesk{
	background-color: #27264e; 
	border: 2;
	border-color: lightsteelblue;
	color: white;
	margin-top: 5px;
	padding: 1px 8px 1px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	font-size: 8px;
	font-weight: bold;
	border-radius: 10%;
}
.input-disable {
	pointer-events: none;
	background-color: lightgrey;
	font-weight: bold;
}
.loginlink {
	margin-left: -20px;
}
.joinName {
	margin-left: -100px;
	margin-top: 7px;
}
.joinLogin {
	margin-top: -20px;
}
input[value="max 10 chars containing only letters"] {
    color: grey;
}
#newUsername:focus-within {
	color: grey;
}
.joinComments{
	font-size: 11.5px !important;
	font-style: italic !important;
	font-weight: bold !important;
	color: white !important;
	background-color:#27264e !important;
	display:inline-block;
	border-radius: 5px;
	width: 80% !important;
	padding: 7px;
	padding-left: 12px;
	margin-top: 0px;
}
.joinCommentsPassword{
	font-size: 11.5px !important;
	font-style: italic !important;
	font-weight: bold !important;
	color: white !important;
	background-color:#27264e !important;
	display:inline-block;
	border-radius: 5px;
	width: 87% !important;
	padding: 5px;
	margin-top: -1px;
	padding-left: 7px; 
	margin-left: 10px
}
.forgotComments{
	font-size: 11.5px !important;
	font-style: italic !important;
	font-weight: bold !important;
	color: white !important;
	background-color:#27264e !important;
	border-radius: 5px;
	display:inline-block;
	width: 338px !important;
	padding: 8px;
	padding-left: 20px;
	margin-top: 15px;
}
.changeComments{
	font-size: 11.5px !important;
	font-style: italic !important;
	font-weight: bold !important;
	color: white !important;
	background-color:#27264e !important;
	border-radius: 5px;
	display:inline-block;
	width: 245px !important;
	height: 36px !important;
	padding: 9px;
	padding-left: 20px;
	margin-left: 12px;
}

.smaller{
	font-size: smaller;
}
.reduceSpace{
	margin-top: -10px;
}
.joinDataPassword1{
	background-color: #dde3f0;
	font-size: 13px;
	padding: 5px;
	width: 200px;
	border-radius: 5px !important;
	border: 5px;
}
.joinDataPassword2{
	background-color: #dde3f0;
	font-size: 13px;
	padding: 5px;
	width: 228px;
	border-radius: 5px !important;
	border: 2px;
}
.homeButton
{
	display:inline-block;
	background-color: white;
	font-size: 28px;
	font-family: Verdana,sans-serif;
	/* font-weight: bold; */
	text-align: center;
	border-style: solid !important;
	border-width: thick !important;
	border-color:#27264e !important;
	color: #27264e !important;
	padding: 7px;
	width: 220px;
	height: 65px;
	border-radius: 10px !important;
	margin-left: 60px;
	margin-bottom: 7px;
	margin-top: 6px
}
.homeButtonmyMates
{
	display:inline-block;
	background-color: #f96306;
	color:white !important;
	font-size: 28px;
	font-family: Verdana,sans-serif;
	/* font-weight: bold; */
	text-align: center;
	border-style: solid !important;
	border-width: thick !important;
	border-color: #27264e !important;
	padding: 7px;
	width: 220px;
	height: 65px;
	border-radius: 10px !important;
	margin-left: 60px;
	margin-bottom: 7px;
	margin-top: 6px;
}
.homeButtonmyMatesWord
{
	color:white !important;
}
.QRCode-font-black
{
	color: black;
	font-size: 14px;
}
.QRCode
{
	margin-left: 30px;
}
.QRCodeOne
{
	margin-top: -20px;
}
.QRCodeTwo{
	margin-left: 20px;
}
.homePage
{
	margin-top: -20px;
}
.changePassword
{
	margin-top: -25px;
}
.loginIdSize {
	font-size: 13px !important;
}