@font-face {
	font-family: 'Myriad-Pro';
	src: url('../fonts/MyriadWebPro.ttf');
}

html, body {
	height: 100%;
}

body {
	font-family: Myriad-Pro, Calibri, Arial, 'sans serif';
	background-color: #f1f1f1;
	color: #494949;
	font-size: 13px;
}

a {
	color: #1a5a96;
}

h2 {
	margin-top: 0;
	color: #494949;
}

h2 {
	font-size: 21px;
}
/*
[class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}
*/

/* Start of styles for [RA-699] - Centering in a table with less than 100% */
/* comment out
table {
	margin: 10px 0;
}
*/
/* End of styles for [RA-699] */

.row {
	margin: 0;
}

/*RA-698 - This is a fix to force the iframe parent to impose a scroll on the iframe*/
    
#header {
	width: 100%;
	z-index: 2;
}

#header-main {
	background-color: #003366;
	border: none;
	/* 	border-bottom: 2px solid #fcba19; */
	/* 	padding-bottom: 5px; */
}

#header .header-main-left, #header .header-main-right {
	padding: 0;
}

#logo {
	float: left;
}

#access {
	display: inline;
	height: 0;
	position: absolute;
	width: 0;
	z-index: 9;
}

#access ul {
	padding-left: 10px;
	list-style: none;
}

#access li a {
	margin: 10px 0 0 -5000px;
	width: 90px;
	padding: 5px;
	position: absolute;
	top: 0;
	color: #fcba19;
}

#access li a:focus {
	margin-left: 0;
}

#header .menu-button {
	background-color: #38598a;
	margin-top: 14px;
	padding: 4px 0 3px;
	text-align: center;
	width: 155px;
	color: #fff;
	border: 1px solid white;
	cursor: pointer;
}

#header .menu-button:hover {
	/* background-color: #5476A7; */
}

#header .menu-button span {
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

#header .menu-button img {
	margin-right: 6px;
	margin-bottom: 2px;
}

#header .search {
	/*height: 25px;
	width: 100%; */
	margin-top: 4px;
	margin-left: 10px;
	position: relative;
}

#header-links {
	margin-top: 10px;
}

#header-links a {
	color: #fff;
}

@media ( min-width : 768px) {
	#header-links>ul li>a {
		padding: 0;
	}
}

#header-main-row2 {
	padding-bottom: 10px;
}

.navigationRibbon {
	-webkit-box-shadow: 0px 3px 3px 1px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 3px 3px 1px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 3px 3px 1px rgba(51, 51, 51, 0.5);
	border-top: 2px solid #fcba19;
}

.navigationRibbon a {
	color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 10px 15px;
	position: relative;
}

.navigationRibbon a+a:after {
	content: "";
	background: #748bad;
	position: absolute;
	bottom: 25%;
	left: 0;
	height: 50%;
	width: 1px;
}

.navigationRibbon a.current {
	text-decoration: underline;
	font-weight: bold;
}

.navigationRibbon .level2Navigation a.current {
	/*background-image: url("../images/nav-ribbon-arrow.png");
	background-position: center bottom;
	background-repeat: no-repeat;*/
}

.navigationRibbon .level2Navigation {
	background-color: #38598a;
}

.navigationRibbon .level3Navigation {
	background-color: #5475a7;
}

.header-main-right {
	margin-top: 5px;
}

#breadcrumbContainer {
	position: relative;
	height: 80px;
}

.breadcrumb {
	background: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 30px;
}

.breadcrumb>li {
	list-style-type: none;
	display: inline;
}

.breadcrumb>li::after, .breadcrumb>li+li::after {
	content: "/ ";
	padding: 0 5px;
}

.breadcrumb>li+li::before {
	content: none;
}

/*RA-578 2016.07.18 r.lowe - added to prevent floated images from entering RC on mobile*/

/*RA-597: Additional White Space */

#main-content-anchor {
	display: block;
	visibility: hidden;
}

ul.inline {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	display: inline-block;
}

ul.inline li {
	float: left;
	padding: 2px 10px;
	position: relative;
}

@media ( min-width : 768px) {
	ul.inline li+li {
		border-left: 1px solid #4b5e73;
	}
}

ul.inline li a:link {
	color: white;
	display: block;
	text-align: center;
}

#footer {
	background-color: transparent;
	border-top: 2px solid #fcba19;
	position: relative;
}

#footer a, #footer h2 {
	color: #fff;
}

#footer h2 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 22px;
	padding-right: 20px;
}

#footer hr {
	background: none repeat scroll 0 0 #4b5e73;
	border: 0 none;
	height: 1px;
	margin: 10px 0;
}

#footer #footerWrapper {
	/* 	position: absolute; */
	width: 100%;
	bottom: 0;
}

#footerAdminSection ul {
	clear: both;
	padding: 10px 0;
}

#footerAdminLinks {
	clear: both;
}

@media ( min-width : 768px) {
	#footerMediaLinks ul {
		padding-top: 22px;
	}
}

#footerMediaLinks h2 {
	display: inline-block;
}

#footerToggle {
	background-color: #003366;
	text-align: center;
}

#footerCollapsible {
	display: none;
	background-color: #003366;
	border: 1px solid transparent;
}

#footerAdminSection {
	background-color: #003366;
}

.template {
	min-height: 100%;
	padding-bottom: 80px;
	background-color: #fff;
	font-size: 14px;
}	 	

.homepage-tile {
	background-color: #fff;
	border-bottom: 1px solid #e3e3e3;
	height: 70px;
	position: relative;
/*	overflow: hidden; */
}

.homepage-tile .tile-content {
	position: relative;
	overflow: hidden;
}

.homepage-tile .tile-search {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	height: 99%;
	width: 40px;
	z-index: 3;
    background: #fff url("/StaticWebResources/static/gov3/images/inlinesearch-button-off.png") no-repeat left center;	
}

.homepage-tile:hover .tile-search
{
	display: block;
}

.homepage-tile .tile-search:hover {
	cursor: pointer;
}

.homepage-tile .tile-search:hover {
    background: #26639c url("/StaticWebResources/static/gov3/images/inlinesearch-button-on.png") no-repeat left center;			
}

.homepage-tile .tile-search-flyout {
	position: absolute;
	left: 1000px;
	width: 100%;
	max-width: 770px;
	top: 0;
	height: 100%;
}

.homepage-tile .tile-search-flyout form {
	height: 100%;
}

.homepage-tile .tile-search-flyout input {
	height: 99%;
	width: 100%;
	padding: 5px 50px 5px 15px;
	border: 1px solid #26639c;
	font-size: 16px;
    background: #fff;				
}

.homepage-tile .tile-search-flyout input.placeholder {
    background: #fff url("/StaticWebResources/static/gov3/images/tile_searchbox_placeholder.png") no-repeat left center;				
}

.homepage-tile table.ss-gac-m {
	left: 85px;
	width: 85%;
	top: 68px;	
}

/* .rightColumnBox a { */
/* 	word-wrap: break-word; */
/* } */

/*.contentPageMainColumn ul, 
.contentPageRightColumn ul,
.homePageRightColumn ul,*/ 
#footer ul.bulleted {
	padding-left: 0;
	list-style-type: none !important;
}

/*
.contentPageMainColumn ul {
	padding-left: 17px;
}

.contentPageMainColumn ol {
	padding-left: 28px;
}
*/
/*.contentPageMainColumn ul>li,
.contentPageRightColumn ul>li,
.homePageRightColumn ul>li, */
#footer ul.bulleted>li {
	padding-left: 15px;
	background: url("/StaticWebResources/static/gov3/images/bullet.png") no-repeat scroll 0 8px transparent;
	margin-bottom: 3px;
}

#breadcrumbContainer a {
	text-decoration: underline;
}

#breadcrumbContainer a:hover {
	color: #00F;
}

/* img.back-to-top.footer-overlap, */
/* #footer.expanded img.back-to-top { */



@media ( max-width: 750px) {
	.homepage-tile .tile-search {
		height: 40px;
		line-height: normal;
		display: block;
	}	
	
	.homepage-tile table.ss-gac-m {
		left: 0;
		width: 100%;
		top: 39px;
	}
}

@media ( max-width : 767px) {
	#header {
		z-index: 2;
	}
	#header .container {
		padding: 0;
	}
	#header-main {
		position: relative;
		border-bottom: none;
		margin-bottom: 0;
		border-bottom: 2px solid #fcba19;
	}
	/*#header #logo img {
	    width: 95%;
	    height: 95%;
	}*/	
	
	#header-links>ul li {
		width: 33.3%;
	}
	#header-links>ul li a {
		text-align: left;
	}
	#header #header-main-row1 {
		position: relative;
	}
	#header #header-main-row1 .header-main-left {
		padding-top: 0;
		padding-bottom: 0;
	}
	#header #header-main-row1 .header-main-right {
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 0;
		padding: 10px;
		position: static;
	}
	#header #header-main-row1 .navbar-header {
		padding-bottom: 10px;
	}
	#header-main-row1 .search-boarder-arror::after {
		border-right: 36px solid transparent;
		border-top: 41px solid #c7c8ca;
		content: "";
		position: absolute;
		right: 95px;
		top: 46px;
		transform: rotate(45deg);
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		z-index: 10;
		display: none;
	}
	#header #header-main-row1 .header-search {
		border-top: none;
		box-shadow: none;
		background-color: #c7c8ca;
		margin-bottom: -2px;
		overflow-y: visible;
	}
	#header #header-main-row2 {
		border: none;
		max-height: none;
	}
	#header .search {
		position: static;
	}
	#header .search {
		height: 35px;
		margin: 0;
		bottom: 7px;
		right: 20px;
		font-size: 16px;
	}
	#header .menu-button.mini-menu-trigger
		{
		background-image: url("../images/menu-open-mobile.png");
		background-repeat: no-repeat;
		background-color: transparent;
		border-radius: 0;
		cursor: pointer;
		height: 52px;
		margin-top: 4px;
		margin-bottom: 4px;		
		position: absolute;
		right: 10px;
		top: 0px;
		width: 60px;
		border: none;
		background-position: center center;
	}
	#breadcrumbContainer, #breadcrumbContainer>.breadcrumb {
		position: static;
	}
	#breadcrumbContainer {
		height: auto;
		padding: 10px 0;
	}
	#footer {
		position: relative;
		height: auto!important;
	}
	#footerThemeLinks ul {
		margin: 0;
	}
	.homepage-tile
	{
		height: auto;
		min-height: 70px;
	}
	#subthemeTemplate {
		padding-top: 0 !important;
		background-image: none !important;
	}
}

/* Collapsed header styles */

/* .search-button.mini-menu-trigger{ */
/* 	background-image: url("../images/mini-menu/search-open-mobile.png"); */
/* 	background-repeat: no-repeat; */
/* 	background-color: transparent; */
/* 	border-radius: 0; */
/* 	cursor: pointer; */
/* 	height: 52px; */
/* 	margin-top: 4px; */
/* 	margin-bottom: 4px;		 */
/* 	position: absolute; */
/* 	left: 420px; */
/* 	top: 0px; */
/* 	width: 60px; */
/* 	border: none; */
/* 	background-position: center center; */
/* } */



/* [RA-359] CS - homepage customizations for BC Gov Services Campaign */

/* end changes for [RA-359] */

/* begin changes for [CLD-1454] */
/* end changes for [CLD-1454] */

/* RA-31, Twitter feed */
/* end of changes for RA-31, Twitter feed */

/* break a link if the link text is too long for the page width, especially in mobile */

/* ALERT CUSTOMIZATIONS */
@media print {
	/*Globals*/
	body {
		font-family: Arial, Helvetica, sans-serif;
		/* 		width:720px; */
	}
	a {
		text-decoration: underline !important;
	}
	a[href]:after {
		content: none;
	}
	#breadcrumbContainer {
		display: none;
	}
	.template {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.container {
		padding: 0;
	}
	.row {
		/* 		height: 120px; */
		padding: 15px;
	}
	ul.bulleted>li
		{
		list-style-type: disc;
		margin-left: 20px;
	}

	/*Homepage*/
	#main-content {
		/* 		margin-top:50px; */
		width: 100%;
		overflow: hidden;
	}

	/*Theme Page*/ 

	/*Topic Page*/

	/*Footer*/
	#footer {
		display: none;
	}
	
	/* RA-650: Grid layout needs to stay true in print format */	
}
