/*STYLE SHEET FOR ORIGINTECHNICALPRODUCTIONS.CO.UK */
/* LAST EDITED BY: PETER COX */

/* otp_accessmenu_r.css v20.1 (21.07.20) */
/* W3C validated dd.mm.20 */

/* Mobile first styling: (below 799px) */
#r_accessbarContainer {
	order:4; /* Should place it between bodyWrapper and footerWrapper */
	position:relative;
	display:block;
	/*margin-top:5px;
	margin-bottom:5px;*/
	padding-top:5px;
	padding-bottom:5px;
	width:100%; /* Of pageWrapper */
	/*border:1px dotted yellow;*/ /* DEV only */
	/*background-color:#9966FF;*/
	background-color:#000000;
	}

#r_accessMenu { /* The ul object*/
	display:block;
	width:94%;
	list-style-type:none;
	padding:0;
	margin:auto;
	/*height:1.2em;*/
	line-height:2.6em;
	/*background-color:#00FFFF;*/ /* Dev only - Mobile screens */
	}
	
#r_accessMenu li {
	display:inline;
	position:relative;
	float:left;
	padding-left:8px;
	padding-right:8px;
	margin-bottom:10px;
	border-left:1px solid #666666;
	border-left:1px solid #666699;
	line-height:2.0em;
	}
	
#r_accessMenu li a, #r_accessMenu li a:visited {
	color:#3058bd;
	color:#006eff;
	margin-left:0;
	text-decoration:none;	
	}	
	
#r_accessMenu li a:hover, #r_accessMenu li a:focus {
	color:#006eff;
	color:#66CCFF;
	color:#f5a300;
	color:#FFCC66;
	color:#BFE2FF; /* Softer than pure white */
	color:#f5a300; /* Orange */
	text-decoration:none;	
	}


@media only screen and (min-width: 799px) { /* For screen widths down to 800px wide: Tablet vertical */
#r_accessbarContainer {
	order:1;
	/*margin-top:5px;
	margin-bottom:5px;
	width:100vw;
	min-height:10px;*/
	/*background-color:#66CCFF;*/ /* Dev only */
	}
	
#r_accessMenu { /* The ul object*/ /* For screen widths down to 800px wide: Tablet vertical */
	display:block;
	display:flex;
	flex-direction:row;
	justify-content:center;
	width:80%;
	margin:auto;
	list-style-type:none;
	/*min-height:1.2em;*/
	line-height:2.0em;
	/* background-color:#00FF66;*/  /* Dev only */
	/* border:1px solid yellow;*/  /* Dev only */
	}
}