/*****************************************************************************************************
	Mobile Viewport / Starting ( < 940px)
******************************************************************************************************/

	/***********************
	    GENERAL
	 ***********************/
	#main { 
		padding: 0.833333333333em; /* 10px / 12px */
	}
	
	/***********************
	   HEADER
	 ***********************/

	#menu-button { 
		font-size: 1.25em; /* 15px / 12px */
		text-shadow: 1px 1px 1px #4b4b4b;
		position: absolute;
		bottom: 0;
		right: 0.416666666667em; /* 5px / 12px */
		padding: 0.75em; /* 9px / 12px */
		margin: 0;
		border: 0;
		border-top-left-radius: 0.5em 0.5em; /* 6px / 12px */
		-moz-border-radius-topleft: 0.5em 0.5em; /* 6px / 12px */
		border-top-right-radius: 0.5em 0.5em; /* 6px / 12px */
		-moz-border-radius-topright: 0.5em 0.5em; /* 6px / 12px */
		background: #008343;	
		color: white;
	}
	
	#menu-button:after { /* add down arrow to menu link*/
		content:' \25BC';
	}
	
	#menu-button.expanded:after{
		content: ' \25B2';
	}
	
	#menu-button:hover {
		cursor: hand; 
		cursor: pointer;
	}
	
	#menu-button:hover, #menu-button:focus, #menu-button:active { 
		background: #00693c;
	}
	
	#header {
		border-width: 0 0 8px 0;
		border-style: solid;
		width: 100%;
		border-color:#008343;
	}
	
	#header h1 { /* Logo */
		padding: 0.4166666667em; /* 5px / 12px */	
	}

	#logout-link { /* Logout link */
		display: none;
	}
	
	#top-link-no-hide {
		display: inline;
		position: absolute;
		bottom: 1.666666666667em;
		right: 5px;
		text-decoration: none;
	}
	
	/***********************
	   BANNER
	 ***********************/
	 
	#welcome-banner p { 
		display: none; /* Do not need greeting message for mobile  */
	}
	
	#message-centre {
		background: #f0f0f0;
		border-color:#cbcbcb;
		margin-bottom: 1.25em; /* 15px / 12px */
		border-bottom: 1px solid;
		padding-bottom: 1.25em; /* 15px / 12px */
		padding: 0.833333333333em; /* 10px / 12px */ /* Carry over from grouping, conflicting */
	}
	
	#message-centre h2 { 
		margin: 0.8333333333em 0 0.4583333333em 0; /* 10px 0 5.5px 0 */	
	}
	
	/***********************
	    NAVIGATION
	 ***********************/
	 
	html.js #nav { /* If javascript disabled, give user a chance to see nav */
		display: none;
	}
	
	#nav li.nav-level-1  {  
		border-width: 0 0 1px 0; /* Separate level 1 links with 1 pixel border */
		border-style: solid;
	}
	
	#nav li.nav-level-1.parent > a:after { 
		content:' \25BC'; /* add down arrow to level 1 links marked as parents */
	}
	
	#nav li.nav-level-1.expanded > a:after{
		content: ' \25B2' !important;
	}
	
	#nav li.nav-level-1:first-child {
		border-top-width: 1px; /* Separate level 1 links with 1 pixel border */
	}
	
	#nav div.nav-level-2-col {
		padding-left: 55px;
		min-height: 50px;
		margin: 0 0 0.833333333333em 0; /* 10px / 12px */
	}
	
	#nav div.nav-level-2-col p {
		display: none; /* Menu description text can be hidden on mobile */
	}
	
	#nav div.nav-level-2-col p.show-mobile {
		display: inline; /* Menu description text can be hidden on mobile */
	}
	
	#nav ol.nav-level-2-links li {		
		float: left;
		width: 47%;
		margin: 0.416666666667em 0.416666666667em 0.416666666667em 0; /* 5px / 12px */
	}
	
	#nav div.nav-level-2-drop-down {	
		padding: 0.833333333333em 0.833333333333em 0 0.833333333333em; /* 10px / 12px */
		border-color: #000;
	}
	
	/***********************
	   MAIN
	 ***********************/

	#main {
		padding-top: 0;
	}
	
	/***********************
    GLOSSARY
	***********************/
	#glossary-letters-index a {
		display: inline-block;
		float: left;	
		text-align: center;
		width: 3em;
		padding: 1em 0em;
		margin: 0.3em;
		border: 1px solid #8b8b8b;
		font-weight: bold;
		color: #000;
		background-color: #c1c1c1;
	}	
	#glossary-definitions-index {
		display: none;
	}
	
	/***********************
	    LEFT COLUMN
	 ***********************/

	#left-content {
		padding-bottom: 1.4166666667em; /* 17px / 12px */
	}
	
	#left-content h1, #left-content h2 { 
		margin: 0.8333333333em 0 0.4583333333em 0; /* 10px 5.5px / 12px */	
	}

	#main.right-col-full #left-content, #main.right-col-hide #left-content {
		border-bottom: 5px solid;
		border-color: #d8d8d8;
	}
	
	#left-content div.indented {
		padding-left: 60px;	
	}
	
	#left-content ul.column li {
		float: left;
		width: 100%;
		clear: both;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	
	#left-content div.searchalign {
		float: none;
		margin-top: 2px;
	}
	
	#left-content div.searchalign label {
		float: left;
		display: inline-block;
	}
	
	#left-content div.searchalign a {
		margin-top: 4px;
		margin-left: 6px;
		cursor: pointer;
		display: inline-block;
	}
	
	.switch { 
		float: none; 
		margin-top: 0px; 
	}
	
	#left-content input.erroroutline {
		border: 1px solid red;
	}
	
	/***********************
	    RIGHT COLUMN
	 ***********************/
	 
	#right-col h2 { 
		margin: 0.8333333333em 0 0.4583333333em 0; /* 10px 5.5px / 12px */	
	}
	
	#right-col li {
		margin-top: 0.5em; /* 6px / 12px */
		line-height: 1.25em; /* 16px / 12px */
	}
	
	#right-col div.indented {
		float: left;
		width: 25%;
	}
	
	#right-col.quick-links li {
		display: inline;	
		padding: 0 0.8333333333333333em 0 0; /* 10px / 12px */
	}
	
	#quick-search-members { /* revisit, where does this exist */
		margin: 0.8333333333em 0 0.4583333333em 0; /* 10px 5.5px /12px */	
	}
	
	/***********************
	     LEARNING CENTRE
	 ***********************/
	 
	#learning-centre { 
		padding: 0.833333333333em; /* 10px / 12px */
	}
	
	#learning-centre h1 { 
		margin: 0.8333333333em 0 0.4583333333em 0; /* 10px 5.5px /12px */	
	}
	
	/***********************
	     FOOTER
	 ***********************/
	 
	#footer { 
		padding: 0.833333333333em; /* 10px / 12px */
	}
	
	#footer ol.footer-nav li {
		line-height: 2em; /* 24px / 12px */
	}

	/***********************
	  DATA TABLES
	 ***********************/
	 
	/* Tables */
	#left-content .pinned { 
		position: absolute;
		left: 0; 
		top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc; 
	}
	
	#left-content .pinned table {
		width: 100%; 
		border: 1px solid #cbcbcb;
		border-right: none; 
		border-left: none;
	}
	
	#left-content .pinned table th, #left-content .pinned table td {
		white-space: nowrap;
	}
	
	#left-content .pinned td:last-child {
		border-bottom: 0;
	}
	
	#left-content div.table-wrapper { 
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
	}
	
	#left-content div.table-wrapper div.scrollable table { 
		margin-left: 35%;
	}
	
	#left-content div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}
	
	#left-content table.responsive td, #left-content table.responsive th {
		position: relative; 	
	}
	
	#left-content table.responsive th:first-child, #left-content table.responsive td:first-child, #left-content table.responsive td:first-child, #left-content table.responsive.pinned td { 
		display: none;
	}