/* ----------------------------------------------------------------

RMIT Connected website (full width) template styles 

Author:			Kieran Wilson, Web Services and Information Policy
Version:		1.5
Last updated:	20/01/2014
Validated as:	CSS2

Please read the release notes for more information about this
template. For more information, contact Web Services and
Information Policy.

	Table of contents
	-----------------
	DO-NOT-MODIFY-THESE-SECTIONS
		FONT-FACE
		GLOBAL
		BANNER
		CONTENT
		FOOTER
	ADD-YOUR-STYLES-TO-THIS-SECTION

---------------------------------------------------------------- */

/* --------- DO-NOT-MODIFY-THESE-SECTIONS --------- */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial,Serif;
	background-color: #DCDCD6;
	background: url('../images/background.png') no-repeat scroll center 150px #DCDCD6;
}

.hidden {
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
}

/* Sticky footer styles */
#wrapper {
	min-height: 100%;
	background: #FFFFFF;
}

#main {
	overflow: auto;
	padding-bottom: 75px; 		/* Equal to height of footer */
	background-color: #FFFFFF;
}

#footer  {
	position: relative;
	margin: 0 auto;
	margin-top: -75px; 			/* Negative footer height */
	height: 75px;
	clear: both;
}

body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

/* --------- FONT-FACE --------- */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
  font-family: 'Museo300';
  src: url('../fonts/museo300.eot');
  src: url('../fonts/museo300.eot?#iefix') format('embedded-opentype'),
       url('../fonts/museo300.woff') format('woff'),
       url('../fonts/museo300.ttf') format('truetype'),
       url('../fonts/museo300.svg#Museo300') format('svg');
  font-weight: normal;
}

@font-face {
  font-family: 'Museo500';
  src: url('../fonts/museo500.eot');
  src: url('../fonts/museo500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/museo500.woff') format('woff'),
       url('../fonts/museo500.ttf') format('truetype'),
       url('../fonts/museo500.svg#Museo500') format('svg');
  font-weight: normal;
}


/* --------- GLOBAL --------- */

#globalWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #242424;
}

#globalBar {
	background:#242424;	
	color:#D6D6D6;
	position:relative;
	height: 40px;
	padding: 0;
}

#globalNavItems {
	margin: 0 auto;
}
	
#globalBar a {
	font-size: 12px;
	color: #ADADAD;
	text-decoration: none;
	font-weight: bold; 
}
	
#globalBar a:hover, #globalBar a:focus, #globalBar a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#globalBar .accountButtons {
	font-size: 12px;
	font-weight: bold;
	float: right;
	
}

#globalBar .accountButtons div {
	float: left;
	margin-left: 5px;
}

#globalBar .accountButtons a {
	display: block;
	padding: 13px 10px 12px 10px;
}

#globalBar .accountButtons a:hover{
	background-color: #3B3B3B;
}

#loggedInUser {
	display: block;
	border-right: 1px solid #585858;
	font-weight: normal;
	margin: 8px 0px;
	padding: 4px 10px 4px 21px;
	background: url('../images/user.png') no-repeat left 4px;
}

#exitButton a:hover {
	background-color: transparent !important;
}

/* Country selector styles */

ul.dropMenu {
	background-color:#242424;
	float: left;
	position: relative;
	z-index: 100;
	list-style: none;
}

#globalBar .dropMenu a {
	color: #ADADAD;
	padding-left: 10px;
	padding-right: 50px;
	line-height: 40px;
}

#globalBar .dropMenu a:hover, #globalBar .dropMenu a:active, #globalBar .dropMenu a:focus {
	text-decoration: none;
	color: #FFFFFF;
}

.dropMenu>li {
	position: relative;
	cursor: pointer;
}

.dropSubmenu { 
	z-index: 2000;
	left: -9999px;
	top: auto;
	position: absolute;
	background-color:#242424;
	list-style: none;
	padding-left: 0px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.dropSubmenu li {
	border-top: 1px solid #333333;
	border-top: 1px solid #242424;
}

.dropMenu .hovermenu * { 
	display: block;
	left: 0px;
}

.dropMenu>li { 
	margin-left: 0px;
}

.dropMenu li li:focus {
	left: 0px;
}

.dropMenu>li:hover .dropSubmenu { 
	z-index: 1000;
}

.dropMenu .dropSubmenu li { 
	padding-left: 0px;
}

.dropMenu li.current>a { 
	text-decoration: underline;
}

#firstDropMenu {
	background: #242424 url(../images/arrowDown.png) no-repeat 125px 16px;
	text-decoration: none !important;
	cursor: default;
}

#firstDropMenuLink {
	text-decoration: none !important;
	cursor: default;
}

#siteSections, .dropMenu {
	text-transform: uppercase;
	margin: 0;
	float: left;
	list-style: none;
	padding: 0;
}

#siteSections li {
	float: left;
	margin-top: 10px;
	border-left: 1px solid #585858;
	vertical-align: middle;
}

#siteSections a {
	display: block;
    padding: 3px 15px;
}



/* --------- BANNER --------- */

#banner {
	width: 100%;
	height: 81px;
	background-color: #DCDCD6;
}

h1, .h1 {
    font-family: Museo300, Arial, Serif;
	font-weight: normal;
	font-size: 28px;
}

#logoContainer {
	padding: 8px 20px 10px 12px;
	float: left;
}

#logo {
	float: left;
	margin-top: 7px;
}

#appName {
	float: left;
	border-left: 1px solid #AAAAAA;
	color: #222222;
	padding-left: 20px;
	margin-left: 20px;
	line-height: 30px;
	margin-top: 17px;
}

#appName a:link, #appName a:visited {
	color: #222222;
	text-decoration: none;
}

#appName a:hover {
	text-decoration: underline;
}

#skipDiv {
	position: relative;
	top: 0;
	left: 0;
}

#skipToContent {
	font: 12px Arial,Verdana,sans-serif;
	background-color: #C7C7C3;
	position: absolute;
	left: -9999px;
	top: 66px;
	z-index: 5000;
	display: block;
	color: #2C2C2C !important;
	font-weight: bold;
	text-transform: uppercase;
	border: 0px !important;
	padding: 4px 10px 4px 10px !important;
	padding-left: 15px;
	padding-right: 15px;
}

a#skipToContent:focus, a#skipToContent:hover {
	text-decoration: underline;
	left: 640px;
}

#backLink {
	background: url('../images/arrowRight.png') no-repeat left center;
	font-weight: bold;
	float: right;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 30px;
	margin-right: 20px;
	padding-left: 15px;
}

#backLink a:link, #backLink a:visited {
	color: #61615E;
	text-decoration: none;
}

#backLink a:hover {
	text-decoration: underline;
}


/* --------- CONTENT --------- */

#contentContainer {
	background: #FFFFFF;	
	width: 100%;
	height: 100%;
}

#contentArea {
	padding: 20px;
}


/* --------- FOOTER --------- */

#footer {
	position: relative;
	color: #464646;
	font-size: 12px;
	background: #DCDCD6;
	width: 100%;
	line-height: 17px;
}

#footerContent {
	padding: 20px;
}

#footer p {
	margin: 0;
	padding: 0;
}

#footer a {
	padding-left: 9px;
	margin-right: 3px;
	border-left: 1px solid #464646;
}

#footer a:link, #footer a:visited {
	color: #464646;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.pipeDivider {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #464646;
}

/* --------- ADD-YOUR-STYLES-TO-THIS-SECTION --------- */


#contentContainer {
	overflow:hidden;
}

#pLinkPanel {
	padding-bottom:10px;
	border-bottom:solid thin;
	border-color: #CFCFC9;
	margin-bottom: 15px;
	margin-top: -20px;
}

#pLinkPanel div {
	display: inline-block;
	padding-top: 25px;
}

#pLinkPanel div:first-child {
	margin-left:5px;
}

.LinkButton, .LinkButtonSelected {
	padding: 10px;
	border: solid 0.5px;
	border-radius: 2.5px 2.5px 0 0 ;
	border-bottom: none;
	margin: 0 0 0 3px;
}

.LinkButton {
	background-color: #DCDCD6;
	border-color: #CFCFC9;
	font-family: Museo300;
	text-decoration: none;
	color: #666666;
}

.LinkButtonSelected {
	padding-bottom: 11px;
	background-color: white;
	border-color: #CFCFC9;
	text-decoration: none;
	color: black;
	font-family: Museo500;
}

.LinkButton:hover {
	color:black;
}

.FilterTitle {
	color: rgb(34, 34, 34);
	font-family: Museo300;
	font-size: 28px;
	font-weight:400;
	width:100%;
	display:inline-block;
	margin:20px 0 15px 0;
}

#pFilterPanel {
	margin-left:15px;
}

#pButton {
	margin-top:30px;
	margin-left: 205px;
}

#pButton input,
#bWildcard {
	border-color: #CFCFC9;
	border-style:solid;
	border-width: 0.5px;
	color: #666666;
	width:auto;
	border-radius:2.5px;
	text-transform:uppercase;
	background: url('../images/arrowRight.png') no-repeat 4px center;
	background-color: #DCDCD6;
	padding: 8px 10px 8px 17px
}

#pButton input:hover,
#bWildcard:hover {
	color:black;
}

td.DepartmentLabel {
	text-align:right;
	margin-right:1em;
	font-family: museo300;
	font-weight:400;
	line-height: 2.5em
}

.DepartmentTable,
.DepartmentLabel{
		  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.DepartmentTable input,
.DepartmentTable select {
	padding:8px;
	  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}




/* .WildcardButton {
	position:relative;
	margin-left:-66px;
	margin-right: -66px;
} */

.DepartmentTable select,
.DepartmentTable input {
  font-size:12px;
}

.DepartmentTable tr td:first-child {
	width:200px;
	min-width:200px;
	max-width:200px;
}
.DepartmentTable tr td:nth-child(2) select,
.DepartmentTable tr td:nth-child(2) input {
	width: 100%;
}

.DepartmentTable .WildcardTextBox {
	width: calc(100% - 5.7em)!important;
}


.DepartmentTable tr td:nth-child(2) {
	width: 100%;
	min-width:100%;
}

#main{
	text-shadow: none;
}


#tErrorTable {
	background-color:rgb(250,210,210);
	margin: 0 auto 0 auto;
  padding: 1em 2em;
	font-size: 14px;
	width: 100%;
}

#errTitle {
	font-family:museo300;
	font-weight:500;
	font-size: 1.7em;
}

#tErrorTable a {
	border-color: rgb(80,80,80);
	border-style:solid;
	border-width: 0.5px;
	color: rgb(245,245,245);
	width:auto;
	border-radius:3px;
	text-transform:uppercase;
	background-color: rgb(90,90,90);
	padding: 8px 10px 8px 10px;
	line-height: 50px;
	text-decoration: none;
	font-weight: 800;
}

#tErrorTable a:hover {
	color:white;
	background-color: rgb(110,110,110);
	border-color: rgb(100,100,100);
}

#LoginBox {
	background-color:#F6F6F4;
	padding: 1.3em;
	margin: 0 auto;
	font-family:Arial;
}

#LoginBox tr:nth-child(1),
#LoginBox tr:nth-child(2),
#LoginBox tr:nth-child(5) {
	display:none;
}

#LoginBox tr td:nth-child(1){
/* 	background-color:red; */
	text-align:right;
}

#LoginBox tr:nth-child(3) td:nth-child(1), 
#LoginBox tr:nth-child(4) td:nth-child(1) {
	width: auto!important;
	padding-right:15px;
}

#LoginBox input {
	padding:10px 12px;
	border-radius:2.5px;
	border: solid 1px rgb(200,200,200);
	font-family:Arial;
	font-size:15px;
}

#LoginBox input:not([type=submit]):focus {
	border-color: #DC291E;
}

#LoginBox input[type=submit] {
	border-color: rgb(80,80,80);
	border-style:solid;
	border-width: 0.5px;
	color: rgb(245,245,245);
	width:auto;
	border-radius:2.5px;
	text-transform:uppercase;
	background-color: rgb(90,90,90);
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	font-weight: 700;
	font-family:Arial;
	font-size:14px;	
}

#LoginBox input[type=submit]:hover {
	color:white;
	background-color: rgb(110,110,110);
	border-color: rgb(100,100,100);
}