*{
		box-sizing:border-box;
	}
     	
	body{
		background-color:#F2F2F2;
		font-family:Arial,sans-serif;
	}
	
	html, body{
			height:100%;
	}

/* Styling for page header 
	.header{
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100px;
		padding:10px 0px 0px 0px;
		background-color:#009fdf;
		z-index:100;
	}*/
	.header{
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:6.2em;
		padding:1vh 0px 0px 0px;
		background-color:#009fdf;
		z-index:100;
	}

/* Styling for page footer */	
/*TODO: Get this to display properly
Maybe displaying in bottom-left corner*/
	.footer{
		font-size:small;
		text-align:right;
		margin:10px;
		width:1190px;
	}
	
/* Styling for TRIUMF logo */	
	.logo{
		position:absolute;
		width:216px;
		margin-top:5px;
		margin-left:30px;
		margin-right:40px;
	}

/* Styling for page title */	
	.title{
		color:white;
		text-align:center;
		font-size:2em;
		font-weight:bold;
/*		margin-top: 0px;
		margin-left: 246px;*/
		margin: 0px auto;
		text-shadow:2px 2px 4px black;		
	}

/* Styling for LHS button list */	
	.buttonlist{
		position:fixed;
		top:100px;
		left:0px;
		background-color:#009fdf;
		width:150px;
		text-align:center;
		font-weight:bold;
		z-index:101;
	}
	
/* Styling for button links */	
	.buttonlist a {
		text-decoration:none;
		color:white;
		cursor:inherit;
		pointer-events:inherit;
		display:inline-block;
		border:solid white 1px;
		padding:0.5em;
		height:100%;
		width:100%;
		vertical-align:middle;
	}
	
/* More styling for LHS buttons when moused-over*/	
	.buttonlist a:hover{
		background-color: #80bfff;
		text-shadow:1px 1px 2px black;		
		cursor:pointer;
	}
	
/* Styling for LHS buttons */
	.lbutton{
		position:relative;
/*		height:40px;*/
		height:2.3em;
		width:9.4em;
	}

/* Styling for LHS pop-out buttons */	
	.lbutton:hover .sub-buttons{
		position:relative;
		left:140px;
		top:-30px;
		background-color:#009fdf;
		z-index:12;
		box-shadow: 3px 3px 3px #888888;
	}

/* Syling for "hamburger" button */	
	.lbutton:hover #hamburger_list{
		left:27px;
	}
	
	.pagearea{
		position:relative;
		background-color:rgba(255,255,255,1.0);
		border:1px solid black;
		border-radius:20px;
		width:1020px;
		margin:105px 10px 10px 150px;
	}

	.pageheading{
		position:absolute;
		top:-20px;
		margin:20px;
	}
	
/* Styling to fake a read-only field */	
	.readonly input{
		pointer-events:none;
	}

/* Styling for the message box */
	.message{
		background-color:palegoldenrod;
		position:absolute;
		font-weight:bold;
		max-width:420px;
		overflow:auto;
		padding:10px;
		border-radius:10px;
		box-shadow: 5px 5px 5px #888888;
	}

/* Styling for required input fields */
	.mandatory:before{
		padding-right:3px;
		color:red;
		content:"*";
	}

	.pagesection{
		border:solid black 2px;
		padding: 10px;
		border-radius:10px;
	}

	.sectiondetail{
		border:solid black 2px;
		border-radius:5px;
		width:100%;
		background-color:#F1F2F2;
	}

	.sectiondetail td{
		border:solid black 1px;
		padding:5px;
		text-align:center;
	}

	td input[type="text"], td .description{
		width:100%;
	}
	
	.searchitem:nth-child(odd){
		background-color:#DDD;
	}
	.searchitem:nth-child(even){
		background-color:white;
	}

/* Styling for help messages and icons */
	.helpicon{
	        position:absolute;
	        vertical-align:super;
	        font-size:smaller;
	        color:dodgerblue;
			text-shadow:2px 2px 2px grey;
	}
	.helpicon:hover{
			cursor:context-menu;
	}
	
	.helptip{
	        visibility:hidden;
	        border:solid black 1px;
	        position:absolute;
	        overflow:auto;
	        top:-50%;       
	        left:20px;
	        width:250px;
	        padding:10px;
	        color:black;
	        font-size:14px;
		text-shadow:none;
	        background-color:#FFFFF0;
	        border-radius:5px;
	        box-shadow:5px 5px 5px DarkGrey;
	        transition-property:visibility;
	        transition-delay:0s;
	}

	.helpicon:hover .helptip, 	.searchitem td:hover .helpicon .helptip{
			visibility:visible;
	        transition-property:visibility;
	        transition-delay:0.5s;
	        z-index:10;
	}
/* End of tool tip stuff */