/* main divs */
html, body {
	height: 100%; /*needed for stick-footer*/
}
html.ie7, .ie7 body {
	height: auto; /*undo stick-footer */
	position: relative !important;
}
html {
	background-color: #fff;
	box-sizing: border-box;
	line-height: 1.5;
}
body {
	background: url("../images/banner-repeat.png") 0 0 #fff repeat-x;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
	text-align: center;
	font-family: 'Fira Sans', 'Gill Sans', sans-serif;
	font-size: 100%;
	color: #111111;
	overflow-x: hidden;
}
.ie7 body, .ie8 body, .ie9 body, .ie7 body #primarynav a, .ie8 body #primarynav a, .ie9 body #primarynav a, 
.ie7  h2, .ie7 h3, .ie7 h4, .ie7 h5, .ie8  h2, .ie8 h3, .ie8 h4, .ie8 h5, .ie9  h2, .ie9 h3, .ie9 h4, .ie9 h5, 
.ie7 #breadcrumbs span a, #breadcrumbs span a:visited {
	font-family: 'Gill Sans', sans-serif;
}
img {
	border: 0;
}
.accessable-hide {
	text-indent: -9999px;
	overflow: hidden;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1070px;
	text-align: left;
	padding-top: 25px;
	position: relative;
	clear: both;
}

/* secondary-nav */
.ie7 #secondary-nav {
	float: right;
	position: relative;
}
.ie7 #header #navigation-float {
	margin-top: -14px !important;
}
#secondary-nav {
	clear: both;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	font-size: 0.93em;
	z-index: 10;
}
#secondary-nav  ul {
	list-style: outside none none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#secondary-nav  ul li {
	float: left;
	margin-right: 2px;
}
#secondary-nav  a {
	font-size: 102%;
	font-weight: bold;
	color: #111111;
	background-color: #ecf0d9;
	border: 2px solid #c1d870;
	text-align: center;
	text-decoration: none;
	margin-left: .2em;
	padding: .45em 20px .45em 20px;
	display: block;
	border-radius: 28px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#secondary-nav  a:hover, #secondary-nav  a:focus, #secondary-nav  a:active {
	color: #fff;
	background-color: #488424;
	border: 2px solid #fff;
	transition-duration: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
}
#secondary-nav  .selected a {
	color: #fff !important;
	background-color: #0357a1;
	border: 2px solid #fff;
}
#header hr {
	width: 100%;
	clear: both;
	float: left;
	margin: 27px 0 10px 0;
	z-index: 300 !important;
	background-color: #8dc63f !important;
	color: #8dc63f;
}

/* nav buttons */


#primarynav {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	z-index: 50;
	clear: left;
	float: left;
	position:absolute;
	top:130px;
	height:80px;
	margin-bottom:12px;
}

#primarynav ul {
	list-style: outside none none;
	width: 100%;
	margin: 0;
	padding: 0;

}
#primarynav ul li {
	float: left;
}
#primarynav a {
	font-family: 'Fira Sans', 'Gill Sans', sans-serif;
	color: #222222;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 20px 0px;
	display: block;
	}
#primarynav a:hover, #primarynav a:focus, #primarynav a:active, #primarynav .current {
border-bottom: 12px solid #0357a1;
}
	
.ie7 #primarynav a:hover span, .ie7 #primarynav a:focus span, .ie7 #primarynav a:active span, .ie7 #primarynav .current span {
	display:none!important;
}
	
}

#primarynav .selected a {
	color: #0357a1 !important;
	background-color: #0357a1 !important;
	border: 1px solid #0357a1 !important;
}


#primarynav a#home-icon {
	background: url("../images/home-icon.svg") 0 0 / 22px 18px no-repeat !important;
	background: url("../images/home-icon.png") 0 0 no-repeat;
	width: 22px;
	height: 18px;
	position:relative;
	top: -5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 0 31px 0;
	margin: 19px 22px 0 6px;
}
#primarynav:hover  .current {border-color: transparent !important}
#primarynav:hover  .current:hover {border-color: #0357a1 !important;}

/* combined styles */
#header, #main, #footer {
	max-width: 1070px;
	background: transparent;
}
.ie7 #footer {
	max-width: none;
}

/* header */
.js-on	#header {
	height: 101px;
}
#header {
	padding-bottom: 10px;
	position: relative;
	margin: 0 auto;
}
#header #skipto {
	height: 1px;
	width: 1px;
	position: absolute;
	overflow: hidden;
	top: -10px;
}
#header #logo-msd a {
	height: 55px;
	width: 228px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background: url("../images/logo-msd.png");
	background: none, url("../images/logo-msd.svg");
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto auto;
	float: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

#header .logo {
	background: url("../images/logo.png") bottom left no-repeat;
	background: none, url("../images/logo.svg") bottom left no-repeat;
	width: 317px;
	height: 60px;
	padding-top: 0;
	float: left;
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
}
#header .logo a {
	display:block;
}

#header .back-white {
	display: none;
}
#header  #mobile-icons-wrap {
	width: 100%;
	display: block;
	position: absolute;
	top: 50px;
}
#header #navigation-float {
	width: 100%;
	min-width: 290px;
	margin-top: 0 !important;
	
}
#header  #mobile-nav {
	float: right;
	text-align: right;
}
#header  #mobile-nav ul {
	list-style: outside none none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#header  #mobile-nav ul li {
	float: left;
}
.nav-icon, #search-icon {
	color: #fff;
	background-color: #0357a1;
	border: 2px solid #fff;
	margin-bottom: 9px;
	margin-top: 5px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	text-decoration: none;
	float: left;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12) !important;
}
#mobile-nav #home-icon-mob {
	color: #fff;
	border: 2px solid #fff;
	margin-bottom: 9px;
	margin-top: 5px;
	padding: 0 !important;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	text-decoration: none;
	float: left;
	width: 40px !important;
	height: 40px !important;
	display: inline-block;
	background: url("../images/home-icon-mob.png") #0357a1 9px 10px no-repeat;
	background: none, url("../images/home-icon-mob.svg") #0357a1 9px 10px /22px 18px no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: none;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12) !important;
}
#mobile-nav #home-icon-mob:hover {
	background-color: #488424;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
#header a.nav-icon {
	background: url("../images/nav-icon.png") #0357a1 88% 50% no-repeat;
	background: none, url("../images/nav-icon.svg") #0357a1 88% 50% no-repeat;
	background-size: 19px 19px;
	display: none;
	float: left;
	padding: 8px 40px 8px 20px;
	white-space: nowrap;
	overflow: hidden;
}
.ie7 a.nav-icon {
	display: block;
}
#header a.nav-icon:hover, #header a.nav-active {
	background-color: #488424;
	color: #fff !important;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
#search-icon {
	background: url("../images/search-button.png") #0357a1 11px 11px no-repeat !important;
	background: none, url("../images/search-button.svg") #0357a1 11px 11px /19px 19px no-repeat !important;
	width: 40px !important;
	height: 40px !important;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: none;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12) !important;
}
a#search-icon:hover, a#search-icon:active {
	background-color: #488424 !important;
	transition-duration: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
}
#header-wrap {
	position: relative;
	z-index: 1;
}

/* Search */
#search-mobile-wrap {
	width: auto;
	padding: 0 0 0 0;
	z-index: 500;
}
#search-mobile {
	width: 334px;
	float: right;
}
#search {
	font-size: 1.062em;
	height: 40px;
	margin: 7px 0 7px 0;
	padding: 0;
	position: absolute;
	width: 335px;
	z-index: 200;
}
#search a {
	color: #fff;
	font-size: 75%;
	white-space: nowrap;
	margin-right: 0;
	left: 320px !important;
	position: absolute;
	top: 1px;
	padding-left: 8px;
}
#search input.input {
	float: left;
	padding: 4px 4px 4px 19px !important;
	border: 1px #ccc solid !important;
	margin: 0 3px 0 0;
	background-color: #f2f2f2;
	border: none;
	height: 30px;
	width: 266px;
	color: #444343;
	border-radius: 28px;
	font-size: 80%;
	letter-spacing: .033em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#search input.search-button, #search-mobile #search input#search-button {
	padding: 0 !important;
	margin: 0 !important;
	background: url("../images/search-button.png") #0357a1 11px 11px no-repeat !important;
	background: none, url("../images/search-button.svg") #0357a1 11px 11px /19px 19px no-repeat !important;
	width: 40px;
	height: 40px;
	border-radius: 28px;
	color: #fff;
	text-indent: -9999px;
	white-space: nowrap;
	-moz-background-clip: padding !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
	border: none;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12) !important;
}
#search input.search-button:hover, #search-mobile #search input#search-button:hover {
	background-color: #488424 !important;
	transition-duration: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
}

/*- GSA Search  --*/
#search table td {
	padding: 3px 5px 4px 5px;
	margin: 0;
	border: none;
	vertical-align: top;
}
#search .ss-gac-e span {
	visibility: hidden;
}
#search .ss-gac-m {
	position: relative;
	top: -4px;
	left: -2px;
	border: solid 1px #a27d6c;
	float: right;
}
#banner-blue {
	margin: 25px 0 0 0;
	padding: 30px 0 0 0;
	display: block;
	float: left;
	width: 100%;
	overflow: visible;
	position: relative;
	height: 190px;
}
#banner-bg {
	background: url("../images/banner-bg.png") 0 0 no-repeat !important;
	background: none, url("../images/banner-bg.svg") 0 0 no-repeat !important;
	height: 203px;
	width: 711px;
	position: absolute;
	top: 79px;
	right: 0px;
	display: block;
	z-index: -30 !important;
}

/* login */
a#login {
	float: right;
	font-size: 112%;
	color: #fff;
	background-color: #0357a1;
	border: 2px solid #fff;
	text-align: center;
	text-decoration: none;
	padding: .6em 13px .6em 13px;
	display: block;
	border-radius: 28px;
	width: 90px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16), 0px 2px 10px 0px rgba(0,0,0,0.12) !important;
}
a#login:hover, a#login:focus, a#login:active {
	color: #fff;
	background-color: #488424;
	border: 2px solid #fff;
	transition-duration: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
}

/*main content area */
#content {
	margin: 0 0 15px 0;
	float: left;
	border: none;
	height: 100%;
	margin: 0;
	position: relative;
	display: inline;
	text-align: left;
	padding: 0 0 65px 0;
	width: 740px;
	font-size: 118%;
}
.ie7 #content, .ie8 #content {
	margin: 0 0 15px 0;
	float: left;
	border: none;
	height: 100%;
	margin: 0;
	position: relative;
	display: inline;
	text-align: left;
	padding: 0 0 15px 0;
	width: 740px;
	font-size: 118%;
}
#content .topBottomFloat {
	padding: 3px 0 0 0;
	margin: 0 0 8px 0;
	float: none;
}
#content .leftFloat {
	padding: 3px 8px 0 0;
	margin: 0 0 8px 0;
	float: left;
	position: relative;
	display: inline;
	clear: both;
}
#content .rightFloat {
	padding: 3px 0 0 8px;
	margin: 0 0 8px 8px;
	float: right;
	position: relative;
	display: inline;
}
#content .colFloat {
	padding: 3px 30px 0 0;
	margin: 0 0 8px 0;
	float: left;
	width: 45.2%;
	position: relative;
	display: inline;
}
#content .logoFloat {
	padding: 3px 30px 0 0;
	margin: 0 0 8px 0;
	float: left;
	position: relative;
	display: inline;
}
#content .unfloat {
	padding: 3px 0 0 0;
	margin: 0 0 8px 0;
	float: none;
}

/* defaults */
img {
	margin: 0;
	border: none;
}
.container img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.clearboth {
	clear: both;
}
.clearleft {
	clear: left;
}
.margin-all {
	position: relative;
	z-index: 100;
}
hr {
	margin-top: 19px;
	background-color: #aaaaaa;
	border: medium none;
	color: #aaaaaa;
	height: 1px;
	clear: both;
}
#main {
	width: 100%;
	border: none;
	padding: 0;
	float: left;
}

/* breadcrumbs */
#breadcrumbs {
	margin: 0;
	padding: 0px 0 6px 3px;
	border: none;
	font-size: 0.9em;
	color: #444444;
	background: url("../images/breadcrumb-repeat.svg") left bottom / 5px 1px repeat-x !important;
	background: url("../images/breadcrumb-repeat.png") left bottom repeat-x;
	display: block;
	width: 100%;
	clear: both;
}
#breadcrumbs span {
	display: block;
	padding: 0 0 6px 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 1070px;
}
#breadcrumbs span a, #breadcrumbs span a:visited {
	color: #444444;
	text-decoration: none;
	font-family: 'Fira Sans', 'Gill Sans', sans-serif;
}
#breadcrumbs span a:hover, #breadcrumbs span a:active {
	color: #444444;
	text-decoration: underline;
}
html > body #sidebar .block hr {
	margin: 0 0 8px 0;
	border: none;
}

/* Related links - left */
#related-links-left {
	float: left;
	width: 280px;
	margin-top: 25px;
	margin-right: 50px;
	margin-bottom: 25px;
	padding: 20px 0 40px 0px;
	font-size: 97%;
	line-height: 1.35em;
	background-color: #f2f2f2;
}
#related-links-left ul {
	margin: 0;
	border: none;
	padding: 0;
}
#related-links-left ul li {
	display: block;
	clear: both;
	margin: 0;
}
#related-links-left ul li a, #related-links-left ul li a:visited {
	display: block !important;
	padding: 10px 15px 10px 20px;
	border-left: 5px solid transparent;
	text-decoration: none;
	color: #0169ae;
}
#related-links-left ul li a:hover {
	border-left: 5px solid #0357a1;
	text-decoration: underline;
}
#related-links-left .current {
	border-left: 5px solid #0357a1 !important;
}
#related-links-left:hover  .current {
	border-color: transparent !important;
}
#related-links-left:hover  .current:hover {
	border-color: #0357a1 !important;
}

/* content div */
#sectionhead {
	margin: 0;
	padding: 0 0 12px 0;
}
.full-width {
	background-image: none !important;
	margin: 0 15px;
	width: 97.1% !important;
}
#content a {
	color: #0079c9;
	text-decoration: none;
}
#content a:visited {
	color: #0079c9;
}
#content a:active, #content a:hover {
	text-decoration: underline !important;
}
#content p {
	margin: 4px 0 0 0;
	padding: 0 0 4px 0;
}

/*lists*/
#content ul {
	margin: 4px 0 0 0;
	padding: 0 0 4px 30px;
	overflow: hidden;
}
#content .block > ul, #content .block > p > ul, .widget-content > ul {
	padding-bottom: 4px !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
}
#content ol {
	margin: 4px 0 0 0px;
	padding: 0 0 4px 32px;
	list-style-position: outside;
}
.ie7 #content ol {
	margin-left: 6px;
}
#content li {
	padding: 0 0 6px 9px;
}
#content ol > li {
	padding: 0 0 6px 0;
}
#content .summary {
	margin: 10px 5px 10px 0;
	border: none;
	padding: 0 0 8px 0;
	font-size: 1.15em;
	line-height: 1.33;
}
#content .topBottomFloat div.summary {
	margin: 0 5px 10px 5px;
	border: none;
	padding: 0 0 8px 0;
}
#a-z .links {
	border-top: 1px solid #aaaaaa;
	margin-top: 10px;
	padding-top: 10px;
}
#a-z div.default {
	padding-left: 34px;
}
#a-z #content a {
	font-weight: 500;
}
#a-z #content .default p {
	margin-left: 0 !important;
}
#a-z .topLink {
	padding-bottom: 0px !important;
}
#content .productbookmarks, #content #alphabookmarks {
	margin: 0 0 15px 0;
	padding-top: 10px;
	border-top: 1px solid #aaaaaa;
}
#content #alphabookmarks a {
	padding-left: 10px !important;
}
h2, h3, h4, h5 {
	margin: 0;
	padding: 2px 0;
	font-family: 'Fira Sans', sans-serif;
	color: #222222;
	font-weight: 500;
}
h1 {
	font-weight: 500;
	z-index: 3;
	margin: 15px 0 4px -4px;
	padding: 0 0 8px 0;
	font-size: 260%;
}
h2 {
	font-size: 140%; /* 175% */
	margin-top: 0.5em;
}
h3 {
	font-size: 112%;
	display: inline-block;
	margin-top: 10px;
}
h3.border-top {
	border-top: 1px solid #aaaaaa;
	display: block;
	margin-top: 18px;
	padding-top: 15px;
}
h4 {
	font-size: 100%;
	margin-top: 0.5em;
}
h5 {
	font-size: 89%;
	margin-top: 0.5em;
}
#sectionhome .container #main #content h1 {
	margin: 0 0 4px 0;
	border: none;
	padding: 0 10px 8px 6px;
	padding: 0;
	background: #fff;
	font-size: 1.6em;
}
#sectionhome .container #main #content .block {
	margin: 0;
	padding: 0;
}

/* listings */
#content .listing {
	padding: 10px 0 2px 0;
	margin: 0;
	border: none;
	border-top: 1px solid #aaa;
}
#content .listing img {
	padding: 0;
	margin: 0 0 6px 8px;
	float: right;
	clear: right;
	border: none;
}
#content .listing .title {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
#content .listing .title a {
	font-weight: 500;
	font-size: 118%;
}
#content .listing .date {
	padding: 0 0 10px 0;
	margin: 0;
	display: block;
	font-size: 80%;
}
#content .sticky-listing {
	background-color: #f2f2f2;
	padding: 10px 15px 5px 15px;
}
#content .caption {
	padding: 3px 0 0 0;
	margin: 0;
	font-size: 85%;
	width: 200px;
}
#content .browse {margin-bottom: 15px;}
#content .browse a {margin-left: 20px;}
#content .browse a.selected {border-bottom:2px solid #0079c9;}
#content .browse a.selected:hover {text-decoration: none!important;}
#content #top-story {
	color: #fff;
	background-color: #017ac9;
	display: float;
	border-radius: 28px;
	padding: 5px 12px;
	font-size: 80%;
	font-weight: normal;
	margin-right: 5px;
}

/* tables */
#content table {
	margin: 2px 0 8px 2px;
	border-bottom: solid 1px #aaaaaa;
	border-collapse: collapse;
	padding: 0;
	font-size: 85%;
}
#content table thead th {
	margin: 0;
	border-top: solid 3px #aaaaaa;
	border-bottom: solid 3px #aaaaaa;
	padding: 3px 6px 6px 6px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
#content table tbody th {
	margin: 0;
	border-top: solid 3px #aaaaaa;
	border-bottom: solid 3px #aaaaaa;
	padding: 3px 6px 6px 6px;
	border-collapse: collapse;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
#content table td {
	margin: 0;
	border-top: solid 1px #aaaaaa;
	padding: 3px 6px 6px 6px;
	font-size: 100%;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	background-color: #fff;
}
#content .stats-table td {
	text-align: right;
}

/* links */
.links {
	padding: 0;
	margin: 4px 0 4px 0;
	border: none;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	min-height: 20px;
	color: #0079c9;
}
* html .links {
	height: 22px;
}
.forms-a-z .links p {
	padding: 0 !important;
}
.links > p {
	color: #000 !important;
}
.forms-a-z .links {
	padding-bottom: 10px !important;
}
.forms-a-z .topLink {
	margin-top: 0 !important;
}
.az-list .links p {
	padding: 0 !important;
}
.az-list .links {
	padding-bottom: 10px !important;
}
.az-list .topLink {
	margin-top: 0 !important;
}
#a-z .links > p {
	color: #000 !important;
	margin-left: 34px !important;
}
#main #content .default, #main #content .map {
	padding-bottom: 0;
}
.pdf, .rtf, .word, .powerpoint, .excel, .project, .text, .image, .zip, .mpeg, .flashvideo, .flash, .odt, .pages, .gdoc {
	padding: 19px 8px 17px 14px;
	background-color: #f2f2f2;
	border-left-color: #121f6b;
	border-left-style: solid;
	border-left-width: 5px;
}
#a-z .pdf, #a-z .rtf, #a-z .word, #a-z .powerpoint, #a-z .excel, #a-z .project, #a-z .text, #a-z .image, #a-z .zip, #a-z .mpeg, #a-z .flashvideo, #a-z .flash, #a-z .odt, #a-z .pages, #a-z .gdoc, #a-z .email {
	padding: 19px 8px 17px 0;
	background: none;
	border-left: none;
}
.pdf a, .rtf a, .word a, .powerpoint a, .excel a, .project a, .text a, .image a, .zip a, .mpeg a, .flashvideo a, .flash a, .odt a, .pages a, .gdoc a, .email a {
	display: block;
	line-height: 1.4em;
	min-height: 25px;
}
.pdf img, .rtf img, .word img, .powerpoint img, .excel img, .project img, .text img, .image img, .zip img, .mpeg img, .flashvideo img, .flash img, .odt img, .pages img, .gdoc img, .email img {
	padding-right: 10px;
	padding-bottom: 5px;
	display: inline-block;
	float: left;
}
.website a {
	display: inline-block;
	background: url("../images/icon-external-link-blue.png") 0.1em .25em no-repeat;
	background: url("../images/icon-external-link-blue.svg") 0 0.15em / 0.8em 0.8em no-repeat;
	margin:4px 0 4px 24px;
	min-height: 20px;
	padding-bottom: 0;
	padding-left: 1.2em !important;
	padding-right: 0;
	padding-top: 0;
	line-height: 1.4em;
}

.email a {
	display: inline-block;
	background: url("../images/email.png") 0.15em .25em no-repeat;
	background: url("../images/email.svg") 0 0.3em / 16px 13px no-repeat;
	margin:4px 0 4px 24px;
	padding-bottom: 0;
	padding-left: 1.2em !important;
	padding-right: 0;
	padding-top: 0;
	line-height: 1.4em;
}
#sidebar p {
	margin: 4px 0;
	padding: 0;
}
#sidebar .rightFloat img {
	float: right;
	position: relative;
	display: inline;
	margin: 4px 0;
	padding: 0 0 0 6px;
}
#sidebar .leftFloat img {
	float: left;
	position: relative;
	display: inline;
	margin: 4px 0;
	padding: 0 6px 0 0;
}
#sidebar .topBottomFloat, #sidebar .rightFloat, #sidebar .leftFloat {
	margin: 4px 0;
	padding: 0;
}
#sidebar .topBottomFloat {
	text-align: center;
}
#sidebar .topBottomFloat div a:hover, #sidebar .topBottomFloat div a:active {
	border: none;
	cursor: pointer;
	border: none;
}
.links a {
	padding: 0;
	margin: 0;
	position: relative;
	border: none;
	color: #017ac9;
	font-weight: normal;
	text-decoration: none;
}
.links a span, #sidebarlinks li a span {
	color: #333;
	font-size: 80%;
}
.links a:hover {
	text-decoration: underline;
}
#content .topLink {
	padding: 0 0 8px 0;
	margin: 14px 0 0 0;
	border: none;
	display: block;
	font-weight: normal;
	text-align: right;
	font-size: 90%;
}
#content .topLink a {
	padding: 0 0 0 12px;
	margin: 0;
	font-weight: normal;
	display: inline-block;
	background: url(../images/up.gif) no-repeat top left;
}

/* Online services icons */
#online-services {
	float: right;
	width: 280px;
	background-color: #f2f2f2;
	padding-bottom: 70px;
	margin-top: 10px;
}
#online-services h2 {
	font-family: Georgia;
	color: #121f6b;
	font-weight: 500;
	background: url('../images/online-services.svg') transparent no-repeat 21px 6px / 72px 72px !important;
	background: url('../images/online-services.png') transparent no-repeat 21px 6px;
	padding: 11px 10px 10px 101px;
	height: 75px;
	line-height: 1em;
}
#online-services a {text-decoration:none !important;}
#online-services > ul > li > a:hover {
	text-decoration: underline !important;
	color: #282d41;
}
#online-services > a:hover {
	color: #282d41;
	text-decoration: underline !important;
	text-decoration-color: #282d41 !important;
}
#online-services ul {
	list-style-type: none;
	padding-left: 0;
}
#online-services li {
	border-top: 1px solid #999999;
	padding: 0;
	margin: 0;
}
#online-services li a {
	padding: 15px 10px 5px 0;
	min-height: 40px;
	display: block;
	color: #0169ae;
	font-weight: 500;
	text-decoration-color: #0169ae !important;
}
a.mystudylink div, a.mystudylink:visited div {
	background: #86C91B url("../images/login.svg") no-repeat 12px 10px / 12px 15px !important;
	background: #86C91B url("../images/login.png") no-repeat 12px 10px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -4px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.mystudylink:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.apply-online div, a.apply-online:visited div {
	background: #c23c32 url("../images/apply.svg") no-repeat 7px 10px / 21px 16px !important;
	background: #c23c32 url("../images/apply.png") no-repeat 7px 10px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -2px!important;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.apply-online:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.apply-online {
    line-height: 1em;
    padding-bottom: 10px !important;
}
a.eligibility div, a.eligibility:visited div {
	background: #3852a3 url("../images/check.svg") no-repeat 9px 10px / 20px 16px !important;
	background: #3852a3 url("../images/check.png") no-repeat 9px 10px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -4px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.eligibility:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.realme div, a.realme:visited div {
	background: #FBFBFB url("../images/realme-logo.svg") no-repeat scroll 6px 5px / 26px  !important;
	background: #FBFBFB url("../images/realme-logo.png") no-repeat scroll 5px 8px;
	border:1px solid #DBDBDB;
	border-radius: 28px;
	width: 34px;
	height: 34px;
	margin-top: -4px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.realme:hover div {
	background: #282d41 url("../images/realme-logo-hover.svg") no-repeat scroll 6px 5px / 26px  !important;
	background: #282d41 url("../images/realme-logo-hover.png") no-repeat scroll 5px 8px;
	/*background-color: #282d41 !important;*/
	border:1px solid #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.declare div, a.declare:visited div {
	background: #32c3d9 url("../images/declare-income.svg") no-repeat -1px -2px / 37px  !important;
	background: #32c3d9 url("../images/declare-income.png") no-repeat 12px 10px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -4px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.declare:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.connect div, a.connect:visited div {
	background: #FF1654 url("../images/connect.svg") no-repeat scroll 6px 8px / 24px 18px  !important;
	background: #FF1654 url("../images/connect.png") no-repeat scroll 6px 8px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -4px;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.connect:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
a.apply-info div, a.apply-info:visited div {
	background: #86c91b url("../images/apply.svg") no-repeat 7px 10px / 21px 16px !important;
	background: #86c91b url("../images/apply.png") no-repeat 7px 10px;
	border-radius: 28px;
	width: 35px;
	height: 35px;
	margin-top: -2px!important;
	margin-left: 20px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
a.apply-info:hover div {
	background-color: #282d41 !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
#contentBox {
	background-color: #f2f2f2;
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 10px;
}
#contentBox2 {
	background-color: #f2f2f2;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 10px;
	width: 225px;
}
#contentBox-video {
	margin: 0 0 0 10px;
	padding: 10px 10px 5px 10px;
	width: auto;
}
.container #main #content #contentBox h2, .container #main #content #contentBox2 h2, .container #main #content #contentBox-video h2, .container #main #content #contentBox h3, .container #main #content #contentBox2 h3, .container #main #content #contentBox-video h3 {
	margin-top: 0;
}
#alertBox {
	border-left: 9px solid #D01D20;
	background-color: #c23c32;
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: #fff;
	font-family: Georgia, Helvetica;
}
.container #main #content #alertBox h2, .container #main #content #alertBox h3 {
	margin-top: 0;
}
.pullout {
	background-color: #f2f2f2;
	margin: 0;
	padding: 5px;
	font-weight: bold;
	font-size: 115%;
	text-align: center;
}

/* buttons */
#content .close {
	padding: 0 6px 6px 0;
	margin: 0 0 30px auto;
	text-align: right;
	display: block;
	color: #FFF;
}
#content div.close a {
	color: #fff;
	background-color: #0357a1;
	border: 2px solid #fff;
	padding: 2px 4px 3px 6px;
	margin: 5px 0 0 auto;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	float: left;
	position: relative;
	display: block;
	text-decoration: none;
}
#content div.close a:visited {
	color: #FFF;
}
#content div.close a:hover {
	color: #fff;
	background-color: #282D41;
	border: 2px solid #fff;
	cursor: pointer;
}
#content div.close a:active {
	color: #FFF;
}
#content .yes-no-buttons {
	float: left;
	margin: 0;
	padding: 0;
}
#content .yes-no-buttons .leftFloat {
	clear: none;
	float: left;
	margin: 10px 25px;
	padding: 0;
}
#content p {
	margin: 4px 0 0 0;
	padding: 0 0 5px 0;
	font-size: 97%;
}

/* Video image-listing (thumbnail) */
.videos {
	background: none repeat scroll 0 0 transparent;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
html > body .videos .image-listing {
	border: medium none;
}
.videos .image-listing {
	background: none repeat scroll 0 0 transparent;
	border: 1px solid #fff;
	clear: both;
	margin: 0;
	min-height: 60px;
	padding: 5px 0 15px;
	position: relative;
}
.videos .image-listing img {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	float: left;
	height: 75px;
	margin: 0 0 15px;
	padding: 0;
	width: 100px;
}
.videos .image-listing p {
	background: none repeat scroll 0 0 transparent;
	margin: 0;
	padding: 0;
}
.videos .image-listing .title {
	background: none repeat scroll 0 0 transparent;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#content .videos .image-listing p, .videos .image-listing .title {
	margin-left: 110px;
}
#content .video {
	min-width: 100%;
	height: auto;
}
.videotext p {
	font-size: 85% !important
}


/* footer */
.sticky-footer-wrapper {
	display: table;/*needed for stick-footer*/
	height: 100%;/*needed for stick-footer*/
	width: 100%;/*needed for stick-footer*/
}
#footer {
	background-color: #162c45;
	display: table-row; /*needed for stick-footer*/
	height: 1px; /*needed for stick-footer*/
	text-align: center;
	font-family: verdana;
}
.ie7 #footer {height: auto;/*267px;ie7 fix*/}
.footer-logos-container {
	position: relative;
	padding-bottom: 30px !important;
}
#footer .footer-content, #footer .footer-logos-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1070px;
}
#footer .footer-link-nzg {
	float: right !important;
	position: absolute;
	top: 18px;
	right: 24px;
}
#footer .footer-logos {
	background-image: url('../images/footer-bg.png');
	background-position: 50% 0;
	background-repeat: repeat;
	padding-top: 36px;
	height: 90px;
}
.ie7 #footer .footer-logos, .ie8 #footer .footer-logos {height: 58px;}
.ie7 #footer .footer-link-nzg, .ie8 #footer .footer-link-nzg {top:0;}
#footer .footer-link-msd {float: left !important;}
.ie7 #footer .footer-link-msd, .ie8 #footer .footer-link-msd {margin-top:-15px;}
#footer .footer-logo-msd {
	height: 50px;
	width: 209px;
}
#footer .footer-logo-nzg {
	height: 21px;
	width: 199px;
}
#footer .footer-link-msd {
	height: 50px !important;
	width: 209px !important;
	background-image:url('../images/msd-logo.svg');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:209px 50px !important;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
#footer .footer-link-nzg {
	height: 21px!important;
	width: 199px!important;
	background-image:url('../images/nz-govt-logo.svg');
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:199px 21px !important;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}
.footer-link-nzg span, .footer-link-nzg span * {display: none;}
#footer img {display:none;}
#footer .footer-content {
	color: #fff;
	padding-top: 20px;
	padding-bottom: 30px;
	display: block;
	text-align: left;
}
#footer .footer-content * {font-size: .9em;}
.ie7 #footer .footer-content ul {margin: 0;}
#footer ul li {
	margin-top: 0 !important;
	display: inline;
	font-size: 85%;
}
#footer ul li a {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: none;
	text-decoration: underline;
}
/* New */
/* Promo */
.promo {
	font-family: Georgia !important;
	position: relative;
	border-left: 9px solid #f75c58;
	padding: 28px 20px 35px 23px;
	background-color: #f2f2f2;
	margin: 30px 0;
	color: #333333;
	font-size: 145%;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}
.promo h3 {
	position: absolute;
	top: -9999em;
}
.promo p {
	font-family: Georgia !important;
}
.promo div {
	display: block;
}
.promo div {
	display: block;
}
.promo ul, .promo ol {
	padding-left: 25px !important;
}

/* related */
.related-pages {
	background-color: #f2f2f2;
	padding: 16px 27px 26px 27px;
	margin: 15px 0 0 0;
}
.related-pages h2 {
	font-family: Georgia, Helvetica;
	display: block!important;
	min-height: 55px;
	margin-bottom: 10px;
	padding:2px 0 2px 65px;
	font-size: 160% !important;
	font-weight: normal;
	color: #121f6b;
	line-height:1.8em;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background:url('../images/related-pages.png') no-repeat;
	background-image:url('../images/related-pages.svg') 56px 56px !important;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	width:250px!important;
	height:56px;

}
.related-pages h2 img {
	float:left;
	padding-right: 10px;
	display:none;
}
.ie8 .related-pages h2, .ie7 .related-pages h2 {padding:0;}
.ie8 .related-pages h2 img, .ie7 .related-pages h2 img {display:inline-block;}
/*.related-pages .default {
 margin-left: 2px !important;
 }*/

/*Contact us*/
.contact-us {
	background-color: #f2f2f2;
	padding: 16px 27px 26px 27px;
	margin: 15px 0 0 0;
}
.contact-us h2 {
	font-family: Georgia, Helvetica;
	display: block;
	min-height: 55px;
	margin-bottom: 10px;
	padding:2px 0 2px 65px;
	font-size: 160% !important;
	font-weight: normal;
	color: #121f6b;
	line-height:1.8em;
	background-image:url('../images/contact-us.svg')!important;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:56px 56px !important;
	background:url('../images/contact-us.png') no-repeat;
}
.contact-us h2 img {
	float:left;
	padding-right: 10px;
	display:none;
}
.ie8 .contact-us h2, .ie7 .contact-us h2 {padding:0;}
.ie8 .contact-us h2 img, .ie7 .contact-us h2 img {display:inline-block;}
.contact-us a[href^="tel"] {
	font-size: 97%;
	text-decoration: none !important;
	margin-bottom: 15px;
	line-height: 95%;
	display: inline-block;
	color: #000 !important;
}
.contact-us .default {
	margin-left: 3px !important;
}
.contact-us ul li, .related-pages ul li {
	line-height: 1.3em;
}
.scenario h2 {
	font-size: 100%;
	font-weight: normal;
}

/* expand widget */
.hideAccordion {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}
.expand-widget > ul {
	list-style: outside none none;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 0 !important;
	border-bottom: 2px solid #999999;
	display: block;
}
.expand-widget > ul > li {
	padding: 0 !important;
	margin: 0 !important;
}
.expand-widget > ul > li > a {
	border-top: 2px solid #999999;
	text-decoration: none !important;
	display: block;
	line-height: 1em;
}
.expand-widget > ul > li > div > ul {
	list-style-type: disc;
}
.expand-widget > ul > li > div > ul > li > ul {
	list-style-type: circle;
}
.expand-widget h2 {
	color: #0079c9;
	display: block;
	padding: 4px 40px 12px 0; /* 10px 40px 12px 0 */
	font-size: 140%; /* 112% */
	font-weight: 500;
	line-height: 1.2em;
}
.expand-widget a[class*="-all"] {
	text-decoration: none !important;
	display: block;
	padding: 10px 20px 10px 0;
	max-width: 90px !important;
	font-size: 80%;
	font-weight: 500;
}
.expand-widget .contract-all {
	background: url("../images/minus-blue.svg") right center / 13px 13px no-repeat !important;
	background: url("../images/minus-blue-s.png") right center no-repeat;
}
.expand-widget .expand-all {
	background: url("../images/plus-blue.svg") right center / 13px 13px no-repeat !important;
	background: url("../images/plus-blue-s.png") right center no-repeat;
	padding-right: 24px;
}
#section-landing .expand-widget .contract-all {
	background: url("../images/minus-grey.svg") right center / 13px 13px no-repeat !important;
	background: url("../images/minus-grey-s.png") right center no-repeat;
	clear: both;
}
#section-landing .expand-widget .expand-all {
	background: url("../images/plus-grey.svg") right center / 13px 13px no-repeat !important;
	background: url("../images/plus-grey-s.png") right center no-repeat;
	clear: both;
}
.expand-widget .widget-content {
	margin-top: 10px;
	margin-bottom: 10px;
}
.expand-widget a {
	/*white-space: pre-line;*/
	display: inline;
	position: relative;
	z-index: 10;
	padding: 0;
}
.expand-widget  div[class*="arrow-"] {
	position: absolute;
	right: -9px;
	top: -11px;
	cursor: pointer !important;
	margin: 10px;
	height: 30px;
	width: 30px !important;
	cursor: default;
	z-index: 10;
	border: 1px solid transparent;
	padding: 11px 0;
}
.expand-widget .arrow-open {
	background: url("../images/plus-blue.svg") 0 22px / 19px 19px no-repeat !important;
	background: url("../images/plus-blue.png") 0 22px no-repeat;
}
.ie8 .expand-widget > ul > li > .arrow-open {
	top: -6px;
	right: -14px;
}
.expand-widget .arrow-closed {
	background: url("../images/minus-blue.svg") 0 22px / 19px 19px no-repeat !important;
	background: url("../images/minus-blue.png") 0 22px no-repeat;
}

/* pages - Section landing */
body#section-landing .two-col-content {
	width: 100% !important;
}
.ie7 body#section-landing .two-col-content, .ie8 body#section-landing .two-col-content {
	width: 106% !important;
}
body#section-landing .two-col {
	width: 100% !important;
	display: block;
	padding-top: 0;
	margin-top: 0;
}
body#section-landing .two-col .block-wrap {
	float: left;
	width: 50%;
	margin-top: 0;
}
.ie7 body#section-landing .two-col .block-wrap, .ie8 body#section-landing .two-col .block-wrap {
	width: 100%;
}
body#section-landing .two-col .block {
	border-top: #999999 4px solid;
	font-size: 89%;
	padding: 10px;
	min-height: 290px;
	display: block;
}
body#section-landing .two-col ul li:nth-child(odd) .block {
	margin-right: 32px;
}
body#section-landing .two-col:nth-child(2n+1) .block {
    margin-right: 32px;
}
.ie7 body#section-landing .two-col  .block, .ie8 body#section-landing .two-col  .block {
	margin-right: 32px;
}
body#section-landing h2 {
	margin-top: 0;
	margin-right: 32px;
	color: #222222;
	font-size: 130%;
}
body#section-landing a:hover, body#section-landing a:active {
	text-decoration: none;
}
body#section-landing .links {
	line-height: 1.6em;
}
body#section-landing .two-col > ul {
	list-style: outside none none;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-left: 0 !important;
	display: relative;
}
body#section-landing .two-col ul li {
	padding: 0 !important;
	margin: 0 !important;
}
body#section-landing .two-col > ul > li {
	padding: 0 !important;
	margin: 0 !important;
}
.ie7 body#section-landing .two-col > ul > li, .ie8 body#section-landing .two-col > ul > li {
	width: 48.5% !important;
	display: block;
	float: left;
}
body#section-landing ul ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: outside none none;
}


/* My Account Login buttons */
.online-services-buttons {
	width: 100%;
}
.online-services-buttons a#login-button {
	-moz-user-select: none;
	background-color: #017ac9;
	border-radius: 40px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 2.5 rem;
	margin: 0;
	padding-left: 48px;
	padding-right: 48px;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
}
.online-services-buttons a#setup-button {
	-moz-user-select: none;
	background-color: #017ac9;
	border-radius: 40px;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	line-height: 2.5 rem;
	margin: 0;
	padding-left: 88px;
	padding-right: 88px;
	position: relative;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	width: 100%;
}
a#login-button:hover, a#login-button:focus, a#login-button:active, a#setup-button:hover, a#setup-button:focus, a#setup-button:active {
	background-color: #488424;
	color: #fff;
	transition-duration: 0.5s;
	text-decoration: none !important;
}
.Or::before {
	background-color: #ddd;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 17.5px;
	width: 100%;
}
.Or {
	height: 35px;
	margin: 24px 0;
	position: relative;
	text-align: center;
}
.Or::after {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 100%;
	color: gray;
	content: "OR";
	display: inline-block;
	font-size: 0.875 rem;
	height: 35px;
	line-height: 2.5;
	position: relative;
	width: 35px;
}
.Account-button {
	height: 35px;
	margin: 0 0 24px;
	position: relative;
}

/*Online services*/
.online-services {
	display: inline-block;
}
.online-services .block {
	min-height: 220px !important;
}
.online-services .img {
	margin: 0;
	padding: 13px 0 0 0;
}
.online-services .txt {
	color: #111111;
}
.option-links {
	clear: both;
	display: inline-block;
	margin: 0;
	position: relative;
	width: 100%;
}
.option-links p {
	margin: 8px 0 0 !important;
}
#content .online-services a {text-decoration: none !important;}
#content .online-services a:hover, #content .online-services a:focus, #content .online-services a:active {text-decoration: underline !important;}
.online-services .button, .button {
	background-color: #F2F2F2;
    border: 2px solid #999;
    border-radius: 28px;
    color: #0169AE;
    margin-bottom: 9px;
    margin-top: 5px;
	padding:0;
	height:50px;
	width:auto;
	/*max-width: 287px;*/
    text-decoration: none;
	font-size: 110%;
	display: inline-block;
}
.button {margin-top: 0;}
.online-services .button a, .button a {
	display:inline-block;
	padding:10px 30px 10px 0;
	font-weight: bold;
	text-align:left;
	text-decoration: none !important;
}
.online-services .button a:hover, .button a:hover {color: #282D41!important;}
.online-services a.mystudylink {
	background-color: #97BE0D; /* #86C91B */
    /*border: 1px solid #7DBC19;*/
    border-radius: 28px;
    margin-top: 5px;
    margin-bottom: 9px;
    padding: 8px 35px;
    height: auto;
    width: auto;
    color: #FFF!important;
	font-size: 110%;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
}
.online-services a.mystudylink:hover, .online-services a.mystudylink:focus, .online-services a.mystudylink:active {
	background-color: #689C15!important;
    /*border: 1px solid #689C15!important;*/
	color: #FFF!important;
	text-decoration:none!important;
	transition-duration: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
}
.online-services a#login {
	border:none!important;
	color:#FFF!important;
	text-decoration:none!important;
}

.online-services a#login:hover, .online-services a#login:focus, .online-services a#login:active {text-decoration:underline!important;}
.online-services .long {max-width: 390px;}
.online-services a.realme div {
	background: #FBFBFB url("../images/realme-logo.svg") no-repeat scroll 6px 5px / 26px  !important;
	background: #FBFBFB url("../images/realme-logo.png") no-repeat scroll 5px 8px;
	border:1px solid #DBDBDB;
	border-radius: 28px;
	display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.realme:hover div {
	color: #282D41;
	background-color: #FBFBFB!important;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
.online-services a.account div {
    background: #12B89F url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
	background: #12B89F url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.security div {
    background: #CD1719 url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
	background: #CD1719 url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.login div {
    background: #017AC9 url("../images/login.svg") no-repeat scroll 12px 10px / 12px 15px !important;
	background: #017AC9 url("../images/login.png") no-repeat 12px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.connect div {
    background: #FF1654 url("../images/connect.svg") no-repeat scroll 6px 8px / 24px 18px !important;
	background: #FF1654 url("../images/connect.png") no-repeat 6px 8px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.apply div {
    background: #32C3D9 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
	background: #32C3D9 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.online div {
    background: #CD1719 url("../images/apply.svg") no-repeat scroll 7px 10px / 21px 16px !important;
	background: #CD1719 url("../images/apply.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.check div {
    background: #3852a3 url("../images/check.svg") no-repeat scroll 9px 10px / 20px 16px !important;
	background: #3852a3 url("../images/check.png") no-repeat 9px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.complete div {
    background: #32C3D9 url("../images/check.svg") no-repeat scroll 9px 10px / 20px 16px !important;
	background: #32C3D9 url("../images/check.png") no-repeat 9px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.question div {
    background: #32C3D9 url("../images/question.svg") no-repeat scroll 12px 10px / 12px 16px !important;
	background: #32C3D9 url("../images/question.png") no-repeat 10px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.employers div {
    background: #3852a3 url("../images/employers.svg") no-repeat scroll 7px 8px / 21px 19px !important;
    background: #3852a3 url("../images/employers.png") no-repeat scroll 7px 8px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.vacancy div {
    background: #17B173 url("../images/vacancy.svg") no-repeat scroll 7px 10px / 21px 16px !important;
    background: #17B173 url("../images/vacancy.png") no-repeat scroll 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.supplier div {
    background: #12b89f url("../images/supplier.svg") no-repeat scroll 7px 10px / 19px 16px !important;
	background: #12b89f url("../images/supplier.png") no-repeat 7px 10px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.find div, a.find div  {
    background: transparent url("../images/find-a-job.svg") no-repeat scroll 0 0 / 35px 35px !important;
	background: transparent url("../images/find-a-job.png") no-repeat 0 0;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.finance div {
    background: transparent url("../images/finance.svg") no-repeat scroll 0 0 / 35px 35px !important;
	background: transparent url("../images/finance.png") no-repeat 0 0;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.yes div {
    background: #12B89F url("../images/yes.svg") no-repeat scroll 9px 11px / 17px 13px !important;
	background: #12B89F url("../images/yes.png") no-repeat 9px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.no div {
    background: #12B89F url("../images/no.svg") no-repeat scroll 11px 11px / 13px 13px !important;
	background: #12B89F url("../images/no.png") no-repeat 11px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.age div {
    background: #12B89F url("../images/client.svg") no-repeat scroll 9px 7px / 18px 20px !important;
	background: #12B89F url("../images/client.png") no-repeat 9px 7px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.school div {
    background: #32C3D9 url("../images/school.svg") no-repeat scroll 6px 9px / 25px 18px !important;
	background: #32C3D9 url("../images/school.png") no-repeat scroll 8px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.arrow div {
    background: #32C3D9 url("../images/arrow.svg") no-repeat scroll 9px 9px / 20px 17px !important;
	background: #32C3D9 url("../images/arrow.png") no-repeat 9px 11px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a.doc div {
    background: #32C3D9 url("../images/doc.svg") no-repeat scroll 10px 8px / 16px 19px !important;
	background: #32C3D9 url("../images/doc.png") no-repeat 10px 8px;
    border-radius: 28px;
    display: inline-block;
    float: left;
    height: 35px;
	margin: -2px 10px 0 10px;
    width: 35px;
}
.online-services a:hover div {
	background-color: #282d41!important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
.online-services a.find:hover div, a.find:hover div {
	background: url("../images/find-a-job-hover.svg") transparent no-repeat scroll 0 0 / 35px 35px !important;
	background: url("../images/find-a-job-hover.png") transparent no-repeat 0 0;
	background-color:transparent !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}
.online-services a.finance:hover div {
	background: url("../images/finance-hover.svg") transparent no-repeat scroll 0 0 / 35px 35px !important;
	background: url("../images/finance-hover.png") transparent no-repeat 0 0;
	background-color:transparent !important;
	color: #282D41;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-timing-function: linear;
	transition-duration: 0.5s;
}

/* IE10+ */
@media all and (-ms-high-contrast: none) , (-ms-high-contrast: active) {
	body, #breadcrumbs span a, #breadcrumbs span a:visited {
		font-family: 'Gill Sans', sans-serif;
	}
}

/* only show when printing */
#print-url, #print-date, .copyright, #logo-msd a img, .logo-winz a img, .list-links, .link-number, .index {
	display: none;
}