/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color: #fff; background: #990033; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px}
/* End of skip link styling */
/* Skip nav link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skipnavlinkholder a, #skipnavlinkholder a:link, #skipnavlinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skipnav2linkholder a, #skipnav2linkholder a:link, #skipnav2linkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skipnavlinkholder a:focus, #skipnavlinkholder a:active {left: 0; top: 0; z-index: 100}
#skipnavtargetholder {position: absolute; left: -200%}
#skipnav2linkholder a:focus, #skipnavlinkholder a:active {left: 0; top: 0; z-index: 100}
#skipnav2targetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skipnavlinkholder a, #skipnavlinkholder a:link, #skipnavlinkholder a:visited {color: #fff; background: #990033; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px}
#skipnav2linkholder a, #skipnav2linkholder a:link, #skipnav2linkholder a:visited {color: #fff; background: #990033; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px}
/* End of skip link styling */

#menuskiptargetholder {position: absolute; left: -200%}

/* overrides of mcmaster.css */

/* logo start */
#logo {
	float: left;
	margin: 0;
	padding: 0;
	width: 144px;
	height: 97px;
	overflow: visible;
	cursor: pointer;
}

#logo span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 144px;
	height: 97px;
	background: url('https://fhs.mcmaster.ca/lib/images/logo_mcmaster.gif') top left no-repeat;
}
/* logo end */

/* quick links start */
.ie div#top_tools div#quick_links {
	margin-right:20px;
}
/* quick links end */

/* search start */
div#searchbox_area_container {
	font-weight:normal;
}

div#search_container div#searchbox_input {
	margin-left:51px;
	margin-bottom:6px;
}
.ie div#search_container div#searchbox_input {
	margin-left:77px;
}
.ie7 div#search_container div#searchbox_input, .ie8 div#search_container div#searchbox_input {
	margin-left:71px;
}
.safari div#search_container div#searchbox_input {
	margin-left:64px;
}
.ipad.safari div#search_container div#searchbox_input,
.ipod.safari div#search_container div#searchbox_input,
.iphone.safari div#search_container div#searchbox_input {
	margin-left:55px;
}
.opera div#search_container div#searchbox_input {
	margin-left:54px;
}
.chrome div#search_container div#searchbox_input {
	margin-left:56px;
}
.win.chrome div#search_container div#searchbox_input {
	margin-left:49px;
}

div#search_container div#searchbox_input input.searchbox_text {
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:160px;
	height:14px;
	padding-right:0px;
}
.safari div#search_container div#searchbox_input input.searchbox_text {
	width:155px;
	margin-right:2px;
	padding-right:0px;
}
.ipad.safari div#search_container div#searchbox_input input.searchbox_text,
.ipod.safari div#search_container div#searchbox_input input.searchbox_text,
.iphone.safari div#search_container div#searchbox_input input.searchbox_text {
	width:138px;
	padding-right:0px;
	height:12px;
}
.ie div#search_container div#searchbox_input input.searchbox_text {
	width:135px;
	height:12px;
}
.ie7 div#search_container div#searchbox_input input.searchbox_text, .ie8 div#search_container div#searchbox_input input.searchbox_text {
	width:138px;
	height:13px;
}
.chrome div#search_container div#searchbox_input input.searchbox_text {
	width:155px;
	margin-right:2px;
}
.win.gecko div#search_container div#searchbox_input input.searchbox_text {
	width:142px;
	margin-right:0px;
}

#searchbox_area legend {
	display: none;
}
div#searchbox_area_container {
	float:right;
	text-align:center;
	margin-left:0px;
	margin-right:0px;
	width:310px;
}
/* search end */

/* footer start */
#accessibility_accreditation {
	display:none;
	margin-top:0px;
}
#accessibility_accreditation .xhtml_validated {
	margin-left:auto;
}
#accessibility_accreditation .wcag_conformance {
	margin-left:12px;
}
/* footer end */