/* ----- Edit Page ----- */

/* testing */
#m_et_sb{
	display: none !important;
}

/* Welcome Overlay
----------------------------------------- */

#cboxLoadedContent {
	background: #fff;
	box-shadow: 0 6px 6px -2px rgba(0,0,0, 0.2);
}

#cboxOverlay {
	background: rgb(41, 41, 41);
}

#cboxClose {
	margin-top: 20px;
}

/* General Styles
----------------------------------------- */

section.column-two h3 {
	color: #e63433;
	font-size: 1.1em;
	font-weight: 400;
}

/* MasterPage
----------------------------------------- */

body{
	background: url('/SEHC/images/firstnations/firstnations_bg.png');
}

.mobile-menu{
	display: none;
}

@media only screen and (max-width: 768px){
	.mobile-menu{
		clear: both;
		display: block;
	}
}

/* ----- Utility Bar ----- */

.utility-links {
	width: 100%;
	background: #b0a9a1;
}

.utility-links ul {
	list-style-type: none;
	padding: 0.3em 0em 0.2em 0em;
	margin: auto;
	text-align: center;
	display: table;
}

.utility-links li.search{
	width: 180px;
}

div#utility-resizer{
	width: 71px !Important;
}

.utility-links li {
	display: table-cell;
	padding: 0em 0.3em 0em 0.4em;
	vertical-align: middle;
	margin: 0;
}

.utility-links li a {
	color: #fff;
	font-size: 0.7em;
	text-decoration: none;
}

.utility-links li a.button {
	padding: 0.2em 0.6em;
	background-color: #746f6b;
}

.utility-links li a.account {
	background-color: #e63432;
}

.search input[type="text"] {
	border-radius: 13px;
	border: none;
	background: #fff;
	font-size: 0.7em;
	height: 9px;
	margin: 0;
	width: 156px;
	padding: 7px;
	display: block;
}

.search input[type="submit"] {
	background: #e63432 url('/SEHC/images/firstnations/search.jpg') center no-repeat;
	text-indent: -9999px;
	border-radius: 13px;
	border: none;
	padding: 0em 0px 0.2em 0em;
	width: 32px;
	margin-top: -23px;
	box-shadow: inset -1px -1px 0px 0px #b62e2e;
	height: 25px;
	display: block;
	float: right;
	z-index: 500;
}

#p_lt_ctl00_Search_pnlForumSearch{
	height: 25px;
	overflow: hidden;
}

div#utility-resizer ul {
	display: inline-block;
	margin: 0;
}
div#utility-resizer ul li {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#utility-resizer ul li {
	background-color: #e9e9e9;
	border-top: 0;
	border-left: 0;
	border-bottom: 1px solid #c0bebf;
	color: #4D4D4D;
	height: 21px;
	display: block;
}
div#utility-resizer ul li#lrg,
div#utility-resizer ul li#med {
	border-right: 1px solid #c0bebf;
}
div#utility-resizer ul li#med,
div#utility-resizer ul li#small {
	border-left: 1px solid #ffffff;
}
div#utility-resizer ul li#lrg {
	border-radius: 5px 0 0 5px
}
div#utility-resizer ul li#small {
	border-radius: 0 5px 5px 0;
	border-right: 1px solid #c1bdbe;	
}
div#utility-resizer ul li a {
	display: inline-block;
	padding: 0 7px;
	color: #4D4D4D;
}
body.lrg div#utility-resizer ul li a {
	padding: 0 5px;
}
div#utility-resizer ul li#lrg a {
	font-size: 0.9em;
	margin-top: 2px;
}
div#utility-resizer ul li#med a {
	margin-top: 3px;
}
div#utility-resizer ul li#small a {
	font-size: 0.7em;
	margin-top: 5px;
}

body.lrg #utility-resizer ul li#lrg,
body.med #utility-resizer ul li#med,
body.small #utility-resizer ul li#small {
	background-color: #fff;
	border-right: 1px solid #cfcfcf;
}
body.lrg #utility-resizer ul li#lrg a,
body.med #utility-resizer ul li#med a,
body.small #utility-resizer ul li#small a {
	color: #4d4d4d;
}

li.my-account a,
a.my-account {
	background-color: #e63432;
	border-radius: 13px;
	border: 0;
	display: inline-block;
	padding: 3px 4px;
	text-decoration: none;
	color: #fff;
}

li.create-account a,
a.create-account {
	background-color: #736f6a;
	border-radius: 13px;
	border: 0;
	display: inline-block;
	padding: 3px 10px;
	text-decoration: none;
	color: #fff;
}

a.create-account {
	margin-right: 10px;
}

/* ----- Header ----- */

header {
	height: 184px !important;
	z-index: 4;
	position: relative;
	overflow: visible;
	display: block;
	background: #fff url('/SEHC/images/firstnations/treeline.jpg') bottom repeat-x;
}

header h2 {
	float: left;
	margin: 5.5% 0% 0% 0%;
	font-size: 1.3em;
	color: #504d48;
}

.se-logo {
	float: right;
	width: 20%;
	display: inline-block;
	margin: 2.5%;
}

.se-logo img {
	width: 100%;
}

.fn-logo{
	float: left;
	margin: 2.5% 2% 0% 2%;
}

#fn-primary {
	position: relative;
	width: 100%;
	margin: -20px auto 0px auto;
	clear: both;
	background: #736f6a;
	border-bottom: 5px solid #e63433;
	box-shadow: 0 6px 6px -2px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 6px 6px -2px rgba(0,0,0, 0.2);
	-o-box-shadow: 0 6px 6px -2px rgba(0,0,0, 0.2);
	z-index: 8;
}

#fn-primary ul {
	text-align: center;
}

#fn-primary ul li {
	display: inline-block;
	padding: 0em 0.9em;
	margin: 0em 0.9em;
}

#fn-primary ul li.HighLighted {
	background: #3e3b36;
	border-radius: 5px;
}

#fn-primary li a {
	color: #fff;
	text-shadow: 1px 1px #000;
	font-size: 0.9em;
	text-decoration: none;
}

#fn-primary li {
    position: relative;
}

 #fn-primary li ul{
     display: none;
     position: absolute;
     top: 36px;
     left: 0;
     background: #3e3b36;
     width: 100%;
     min-width: 170px;
     z-index: 2;
}

#fn-primary li ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #525252;
}

#fn-primary li ul li a{
    width: 100%;
    display: block;
    margin: 0;
    padding: 8px 0;
}

#fn-primary li ul li:hover {
    background: #494540;
}

div.rsBullets{
	display: block !Important;
}


/* ----- Footer ----- */

footer{
	min-height: auto;
}

.fn-footer {
	background: #736f6a;
	border-top: 5px solid #f9b928;
	width: 100%;
	padding: 0;
}

footer h1 {
	color: #fff !Important;
	float: left;
	padding: 2%;
	font-size: 1.5em !Important;
}

.social-footer {
	float: right;
	padding: 2% 2% 0 0;
}

.footer-menus {
	clear: both;
	padding: 0 2% 0 2%;
}

.footer-menu {
	width: 20%;
	float: left;
}

.knowledge{
	width: 260px;
}

.footer-menu h2 {
	clear: both;
	display: block;
	width: 100%;
	padding: 0;
	color: #fff;
	font-size: 1.2em;
}

.footer-menu a{
	text-decoration: none;
}

.footer-menu ul {
	clear: both;
	display: block;
	padding: 0;
}

.footer-menu li {
	list-style-type: none;
}

.footer-menu li a {
	color: #fff;
	text-decoration: none;
}

.footer-bottom {
	width: 96%;
	clear: both;
	padding: 2%;
}

.footer-bottom ul {
	padding: 0;
}

.footer-bottom li {
	display: inline-block;
	color: #fff;
	padding-right: 3em;
	font-size: 0.9em;
}

.footer-bottom li a {
	color: #fff;
	text-decoration: none;
}

/* Screen width less than 930
----------------------------------------- */
@media only screen and (max-width:930px){
	
	header h2 {
		font-size: 1.3em;
	}

}

/* Screen width less than 902
----------------------------------------- */
@media only screen and (max-width:902px){

	.utility-links li {
		margin-bottom: 3px;
	}
	
	header {
		height: 163px;
	}
	
	.utility-links ul {
		display: block;
	}
	
	.utility-links li {
		display: inline-block;
		padding-bottom: 0.1em;
	}
	
	#fn-primary {
		top: 18%;
	}
}

/* Screen width less than 867
----------------------------------------- */
@media only screen and (max-width:867px) {
    #fn-primary ul ul {
           display: none !important;
    }
}

/* Screen width less than 860
----------------------------------------- */
@media only screen and (max-width:860px){
	
	.footer-menus,
	.fn-footer h1 {
		display: none;
	}
	
	header h2{
		margin: 4% 0% 0% 0%;
		width: 36%;
	}
	
	.footer-bottom {
		width: 74%;
		float: left;
		clear: none;
	}
	
	.footer-bottom li {
		padding-right: 1.8em;
	}
	
}

/* Screen width less than 857
----------------------------------------- */
@media only screen and (max-width:857px){

	header h2{
		width: 38%;
	}

}

/* Screen width less than 775
----------------------------------------- */
@media only screen and (max-width:775px){
	
	header {
		height: 163px;
	}
	
	.footer-bottom {
		width: 72%;
	}
	
}

/* Screen width less than 623
----------------------------------------- */
@media only screen and (max-width:623px){
	
	.se-logo {
		display: block;
		float: none;
		width: 98%;
		text-align: center;
		margin: 1%;
	}
	
	.se-logo img{
		width: 40%;
	}
	
	header {
		height: auto;
		padding-bottom: 70px;
	}
	
	.fn-logo{
		width: 31%;
	}
	
	header h2 {
		width: 63%;
	}
	
	.footer-bottom {
		width: 58%;
	}
	
	div.footer-bottom ul li{
		margin: 0.3em 0em;
	}
	
	#fn-primary ul li {
		padding: 0em 0.8em;
		margin: 0em 0em;
	}
	
	div.two-column section.column-two {
		width: 90.236311%;
	}
}

/* Screen width less than 450
----------------------------------------- */
@media only screen and (max-width:450px){
	
	#fn-primary ul li {
		padding: 0em 0.5em;
	}
	
	.footer-bottom {
		width: 48%;
	}

}

/* HomePage
----------------------------------------- */

section.left-col{
	width: 66.43286%;
	float: left;
}

section.left-col article#masthead {
	width: 100%;
}


section.left-col div#masthead-intro {
	background: none;
	left: 0;
	right: auto;
	padding: 3%;
	position: absolute;
	width: 44%;
	bottom: auto;
}

section.left-col div#masthead-intro.wide-masthead {
	width: 50.379113%;
}

section.left-col #masthead div.rsNav{
	padding: 1em;
}

section.left-col #masthead div.rsBullet {
	background: url('/SEHC/images/firstnations/pag.png') no-repeat !important;
	float: left;
	height: 10px;
	width: 10px;
}

section.left-col #masthead div.rsNavSelected {
	background: url('/SEHC/images/firstnations/pag-current.png') no-repeat !important;
}

section.left-col div#masthead-intro h2,
section.left-col div#masthead-intro p {
	color: #fff;
}

section.left-col div#masthead-intro h2 {
   	font-size: 1.5em;
    line-height: 1.2em;
	margin-bottom: 0.5em;
}

section.left-col article#masthead {
	height: 245px;
}

section.left-col article#masthead img {
	float: right;
	display: block;
}

article#masthead img,
article#masthead-slider img{
	height: 242px;
}

.rsWithBullets .rsNav {
	bottom: 40px !important;
	top: auto !important;
	position: relative !important;
    z-index: 2;
}

div#masthead-intro.wide-masthead {
	position: absolute;
}

section.left-col div.home-block {
	float: left;
	width: 42.900302%; /* 284 / 662 */
	padding: 0% 3.021148%; /* 20 / 662 */
}

section.left-col div.home-block img {
	padding: 0% 0% 4% 0% ; /* 20 / 662 */
	width: 100%;
}

section.left-col div.home-block ul {
	margin: 0;
	padding: 0px 0px 10px 0px;
}

section.left-col div.home-block li {
	margin: 0px 0px 8px 0px;
	list-style-image: none !important;
	list-style-type: none;
}

section.left-col div#left-block {
	border-right: 1px solid #e2e2e2;
}

section.right-col {
	background: #fbfaf9;
	width: 29.561122000000005%;
	float: left;
	padding: 2.004008%;
}

section.right-col ul{
	padding: 0;
	list-style-type: none;
}

section.right-col time{
	color: #61605e;
}

section.right-col time,
section.right-col span.Date{
	font-style: normal;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}

section.column-one div.box-list{
	margin: 0;
}

div.col-block{
	padding-bottom: 20px;
}

div.col-block ul li{
	list-style-image: none !Important;
}

.left-col h2{
    width: 96%;
    margin: auto;
}

.initiatives-slider {
    width: 96%;
    height: auto;
    min-height: 400px;
    margin: 10px auto 40px auto;
}

.initiatives-slider .slide-desc {
    display: block;
    width: 100%;
    background: #353535;
    padding: 14px 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
}

.initiatives-slider .slide-desc h2{
    width: 100%;
    padding-bottom: 14px;
}

.initiatives-slider .slide-desc h2,
.initiatives-slider .slide-desc p {
    color: #fff;
}

.initiatives-slider .slide-desc a {
    color: #fab929;
}

.initiatives-slider .rsBullets{
    clear: both;
    display: inline-block !important;
    overflow: auto;
    top: 0px !important;
    right: auto !important;
    height: 31px;
    text-align: left;
}

.initiatives-slider .rsBullet {
    border: 1px solid #736f6a;
    color: #736f6a;
    display: inline-block;
    padding: 0 4px;
    margin-right: 4px;
    border-radius: 3px;
}

.initiatives-slider .rsNavSelected {
    background: #e63432;
    border: 1px solid #e63432;
    color: #fff;
}

.pause-slider{
    background: url('/SEHC/images/firstnations/pause.png') center no-repeat;
    width: 17px;
    height: 40px;
    display: inline-block;
}

.pause-slider:hover,
.initiatives-slider .rsBullet {
    cursor: pointer;
}

.paused{
    background: url('/SEHC/images/firstnations/play.png') center no-repeat;
}

.initiatives-slider img{
    width: 100%;
}

.right-col img{
    margin-bottom: 12px;
}

/* Screen width less than 730
----------------------------------------- */
@media only screen and (max-width: 730px){

	section.left-col div#masthead-intro {
		width: 84% !Important;
	}
}

/* Screen width less than 700
----------------------------------------- */
@media only screen and (max-width: 700px){

	div.two-column section.column-one,
#workgroup-column-two {
		width: 91.236311%;
	}

	section.right-col {
		clear: both;
		display: block;
		width: 96%;
	}
	
	section.left-col {
		width: 100%;
		clear: both;
		display: block;
	}
	
	section.right-col {
		margin-top: 3%;
	}

    .initiatives-slider {
        margin: 10px auto 20px auto;
    }
}

/* Screen width less than 456
----------------------------------------- */
@media only screen and (max-width: 456px){

	section.left-col div.home-block {
		clear: both;
		width: 93%;
	}
	
	section.left-col div#masthead-intro.wide-masthead {
		width: 95%;
		top: 0;
	}
	
	header {
		height: 146px !important;
	}
}

/* Section Landing
----------------------------------------- */

div.two-column section.column-one,
#workgroup-column-two {
	border-right: 1px solid #cdd1d4;
}

div.two-column section.column-two,
#workgroup-column-one {
	background: none !important;
}

#workgroup-column-one {
	width: 69.816327%;
}

div.landing-image {
	float: right;
	padding: 0% 2%;
}

div.landing-image img{
	width: 100%;
	max-width: 430px;
}

div.feature-area {
	background: url('/SEHC/images/firstnations/feature.jpg') no-repeat;
	height: 272px;
	color: #fff;
	padding: 6% 6% 0% 6%;
	background-size: 100%;
}

section.column-one div.feature-area h2 {
	color: #fff;
}

section.column-one nav#secondary ul {
	margin-top: 0px;
}

section.column-one div.left-col-block{
	border-bottom: 1px solid #cdd1d4;
	box-shadow: 0 3px 6px -2px rgba(0,0,0, 0.2);
}

section.column-one div.events{
	padding: 20px 14px;
}

section.column-one div.events span.Date{
	margin-bottom: 15px;
	display: block;
}

section.column-two h1,
div.one-column h1 {
	padding-top: 10px;
	color: #e63433;
	font-size: 1.6em;
	font-weight: 400;
	margin-top: 0;
}

.news-listing-detail img{
	max-width: 100%;
	height: auto !important;
}

/* Team Members
----------------------------------------- */

.member-block {
	clear: both;
	margin: 10px 0px 50px 0px;
	display: block;
}

div.elder-bios .member-block {
	margin: 20px 0px 90px 0px;
}

.member-img {
	border: 1px solid #ced0d5;
	float: left;
	margin-right: 10px;
	width: 105px;
	height: 90px;
	overflow: hidden;
}

.member-img img {
	width: 100%;
	height: auto;
}

/* Resource Database
----------------------------------------- */

div.MediaGalleryFolderTree{
	width: 51%;
	float: left;
	margin-right: 2%;
	border: 1px solid #CDD1D4;
	background: #FBFAF9;
	padding: 6px;
	overflow: hidden;
	margin-bottom: 20px;
}

div.MediaGalleryFolderTree span{
	font-size: 1.2em;
}

div.MediaGalleryContent{
	float: left;
	width: 41.3%;
}

div.MediaGalleryContent div#pager-controls{
	margin-bottom: 20px;
}

div.MediaLibrarySort{
	background-color: #E2DDDB;
	padding: 6px;
	margin-bottom: 10px;
}

div.MediaLibrarySort a{
	color: #BA0201;
	padding: 0px 5px;
}

div.mediaItem{
	border: 1px solid #E2DDDB;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 3px;
	width: 125px;
	height: 125px;
	overflow: hidden;
}

span.InfoLabel{
	border: 1px solid #0A8A0A;
	background: #DDECDD;
	padding: 4px;
	clear: both;
	display: block;
	margin: 10px 0px;
	width: 93%;
}

div.MediaFileUploader{
	clear: both;
	margin: 20px 0px;
	padding-top: 10px;
}

td.ContentTreeSelectedItem{
	font-weight: bold;
}

/* Screen width less than 937
----------------------------------------- */
@media only screen and (max-width: 937px){
	div.landing-image {
		width: 60%;
	}
}

/* Screen width less than 768
----------------------------------------- */
@media only screen and (max-width: 768px){
	section.column-one{
		display: none;
	}
	
	#workgroup-column-one {
		padding: 2% !important;
	}
}

/* Initiatives - Reports to Manitoba Chiefs
----------------------------------------- */
	div.initiative table {
		border: 1px solid #d7d8d8;
		margin-bottom: 10px;
	}
	
	div.initiative td {
		padding: 4px;
		border: 1px solid #d7d8d8;
	}

    .fnim-initiative-filters{
        margin: 20px 0 0 0;
    }

    .fnim-initiative-results{
        margin: 20px 0 0 0;
    }

    .PagerControl{
        margin-bottom: 10px;
    }

    .PagerControl .UnselectedPage{
        background-color: #e2dddb;
        border-bottom: 1px solid #eeebe9;
        border-left: 1px solid #f8f7f7;
        border-right: 1px solid #e9e5e3;
        border-top: 1px solid #f3f1f1;
        color: #2b2b2b;
        text-decoration: none;
        cursor: pointer;
        display: inline-block;
        height: 17px;
        text-align: center;
        width: 17px;
    }

    .PagerControl span.SelectedPage{
        background-color: #e63433;
        border-bottom: 1px solid #f08585;
        border-left: 1px solid #f9cfcf;
        border-right: 1px solid #ec6463;
        border-top: 1px solid #f5aead;
        color: #fff;
        display: inline-block;
        height: 17px;
        text-align: center;
        width: 17px;
    }

    .SelectedPrev, .UnselectedPrev,
    .SelectedNext, .UnselectedNext{
        background-color: #fff;
        border-bottom: 1px solid #eeebe9;
        border-left: 1px solid #f8f7f7;
        border-right: 1px solid #e9e5e3;
        border-top: 1px solid #f3f1f1;
        color: #2b2b2b;
        padding: 0 5px !important;
        text-decoration: none;
    }



/* NAHO Publications
----------------------------------------- */

.box-content {
	float: left;
	width: 31.414868105516%;
	margin: 0% 0.8% 0% 0.8%;
	max-height: none;
	min-height: 0px;
}

div.box-content h2{
	min-height: 0px !important;
	padding-bottom: 10px;
}

#pager-controls{
	clear: both;
}

.resources-listing{
	margin-bottom: 15px;
	display: block;
}

@media only screen and (max-width: 497px){
	.box-content {
		float: none;
		width: 98%;
	}
}

/* Videos
----------------------------------------- */

div.video-block{
	float: left;
	width: 32%;
	height: 260px;
}

div.video-thumb img{
	width: 180px;
	padding-bottom: 1em;
}

div.video-block h2{
	min-height: 46px;
}

@media only screen and (max-width: 998px){
	div.video-block{
		width: 48%;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 531px){
	div.video-block{
		width: 98%;
		height: auto;
	}
}

/* Events Calendar
----------------------------------------- */

.events-listing-callout {
	float: left;
	width: 46%;
	padding: 1%;
}


/* @YourSideColleague Courses
----------------------------------------- */

.course-block{
	background-color: #e63433;
	width: 49%;
	margin-right: 1%;
    margin-bottom: 10px;
	float: left;
}

.course-block:nth-child(2n){
	margin-right: 0;
}

.course-block img{
	width: 100%;
}

.course-block a{
	color: #fff;
}

.course-block .course{
    display: table;
    width: 100%;
}

.course-block .row{
    display: table-row;
    vertical-align: middle;
}

.course-block h3.row a {
    display: table-cell;
    vertical-align: middle;
    height: 67px;
    padding: 0 0 0 5%;
}

.treeline-bottom {
    position: absolute;
    bottom: 0;
    margin-left: -20px;
}

.fnim-course {
    padding-bottom: 60px;
}

@media only screen and (max-width: 450px) {
    .course-block{
	    width: 100%;
	    margin-right: 0;
	    float: none;
    }
}

/* Community Workgroups / Account
----------------------------------------- */

div#workgroup-column-two {
	background: #fbfaf9;
	float: left !important;
}

div#workgroup-column-one {
	float: right !important;
}

div#workgroup-single-column,
div#workgroup-column-one,
div#workgroup-column-two {
	font-size: 1em;
}

div#workgroup-column-two {
	padding: 0;
	width: auto;
}

div#quick-links,
div#upcoming-events,
div#group-members,
div#latest-posts,
div#active-threads {
	padding: 4%;
}

div#workgroup-column-two nav#secondary ul li {
	list-style-image: none;
}

div#workgroup-column-two {
	width: 25.102040816327%;
	margin-top: -5px;
}

div#workgroup-column-one {
	padding: 20px 1.8% 0;
	width: 70.816326530611%;
}

table.TableList a{
	text-decoration: none;
}

div.Calendar > table,
table.TableList {
	width: 100%;
	margin-bottom: 20px;
}

div.one-column {
	padding: 20px 2.040816326531% 0;
	width: 96%;
}

div.online-form {
	background: transparent;
}

div.community-story hr {
	border: none;
	background: #e3dedb;
	height: 1px;
	margin-bottom: 10px;
	display: block;
}

.workgroup-home-latest {
	padding: 10px;
}

div#upcoming-events span.event-date {
	font-style: italic;
	padding-right: 5px;
}

div.news-back a {
	margin: 0px 0px 20px 0;
}

div.NewItemLink {
	float: left;
	margin-bottom: 10px;
}

div.box-list div.detail img {
	max-width: 330px;
	border: 1px solid #c4c4c4;
	padding: 3px;
}

div.news-detail img {
	max-width: 330px;
	border: 1px solid #c4c4c4;
	padding: 3px;
	float: left;
	margin-right: 10px;
}

div.news-detail {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}

a.new-thread {
	background-color: #e63432;
	border-radius: 13px;
	border: 0;
	display: inline-block;
	padding: 3px 4px;
	text-decoration: none;
	color: #fff;
}

#p_lt_ctl03_pageplaceholder_p_lt_ctl01_WorkgroupEditContribution_pnlEdit {
	margin-bottom: 15px;
}

div.online-form input[type="submit"] {
	width: auto;
}

.phac-iframe iframe {
	border: 0px;
}

a.signoutLink,
a.registerLink{
	background-color: #e63433;
	border-radius: 5px;
	border-width: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	padding: 5px 15px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.4);
	text-decoration: none;
	float: right;
}

a.registerLink{
	margin-left: 10px;
}

td.ForumInfo span.ForumDescription{
	display: none;
}

div.right-side-column{
	float: right;
	width: 19%;
	margin: 47px 0px 0px 0px;
	font-size: 1.1em;
}

@media only screen and (max-width: 1050px){
	div.right-side-column{
		float: none;
		clear: both;
		width: 100%;
		margin: 0;
	}
}


@media only screen and (max-width: 768px){
	div#workgroup-column-two {
		display: none;
	}
	
	div#workgroup-column-one {
		width: 96%;
	}
}

@media only screen and (max-width: 544px){
	section.column-two a.my-account,
	section.column-two a.create-account{
		margin-bottom: 5px;
	}
}

/* Contact Form
----------------------------------------- */

div.team-contact{
	float: left;
	width: 40%;
}

div.contact-form{
	float: right;
	width: 50%;
}

div.contact-form input[type="text"],
div.contact-form textarea {
	width: 70%;
}

div.contact-form textarea{
	height: 90px;
}

div.submit-button{
	margin-bottom: 10px;
}

div.submit-button input {
	background-color: #e63433;
	border-radius: 5px;
	border-width: 0;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: 300;
	padding: 5px 15px;
	text-shadow: 0px -1px 0px rgba(0,0,0,.4);
}


.mimic-colorbox{
	display: block;
	position: absolute;
	z-index: 99999999999;
	background: #FFF;
	bottom: 0;
	right: auto;
	left: auto;
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
}

.mimic-colorbox a{
	background-color: #E2DDDC;
	border-radius: 13px;
	border: 0;
	color: #333;
	display: inline-block;
	font-size: .95em;
	padding: 3px 10px;
	text-decoration: none;
}

/* Search Page
----------------------------------------- */

div.search-results{
	margin-bottom: 20px;
}

div.SearchDialog{
	background: #f8f7f7;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

div.SearchDialog table tr {
	display: block;
	float: left;
	margin-right: 4%;
}

div.SearchDialog label {
	padding-right: 5px;
	font-size: 1.2em;
}

div.SearchDialog input,
div.SearchDialog select {
	-webkit-appearance: none;
	padding: 4px;
	margin-bottom: 6px;
}

div.SearchDialog input[type="text"]{
	height: 19px;
	background: #fff;
}

div.SearchDialog select{
	height: 29px;
	background: #fff url('/SEHC/Images/firstnations/select-arrow.png') center right no-repeat;
}

div.SearchDialog input[type="submit"]{
	background-color: #e63432;
	border-radius: 13px;
	border: 0;
	display: inline-block;
	padding: 6px 15px;
	text-decoration: none;
	color: #fff;
}

/* Interactive Map
----------------------------------------- */



#google-map {
    width: 96%;
    margin: 3rem auto;
}

#google-map,
#google-map:after,
#google-map:before {
    box-sizing: border-box;
}


#google-map .map-header h2 {
    width: auto;
}

.filter-container {
    background-color: #b0a9a1;
    width: 100%;
    display: table;
    vertical-align: middle;
    padding: 13px 15px 0;
    box-sizing: border-box;
}

/*.filter-container p-container {
    
}*/

.filter-container p {
    color: #fff;
    display: table-cell;
}

.filter-container > div {
    display: table-cell;
}

.share-container {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .filter-container > div {
        display: block;
    }

    .share-container {
        margin-top: 1rem;
        text-align: left;
    }
}

.filter-container .dropdown-container {
    display: table-cell;
}

.filter-container label {
    color: #fff;
    margin-right: 10px;
}
/* custom dropdown */
.dropdown-container {
    height: 29px;
    overflow: hidden;
}

/* old dropdown */
/*.dropdown-container select {
    border: none;
    padding: 5px;
    height: 34px;
    width: 240px;
}*/



.dropdown-container select {
    border: none;
    background: transparent;
    width: 275px;
    padding: 5px 35px 5px 5px;
    font-size: .8rem;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/SEHC/images/firstnations/arrow-down.png') 96% / 6% no-repeat #eee;
}

.dropdown-container p { /* To hide the category label - temporary*/
    
}

.categoryDropdown { /* select element */

}

.share-icon-container {
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline-block;
    text-align: left;
    margin-right: -2px;
    margin-bottom: 12px;
    border-radius: 5px;
    background: #877e73;
}


.share-icon-container:hover {
    background: #a8c863;
   
}

.share-icon-container i:hover {
    color: #6c8e24;
}

.share-text {
    color: #fff;
    margin-right: 10px;
}
a.share-icon, a.share-icons {
    color: #fff;
    display: inline-block;
    line-height: 0;
    margin-right: -2px;
    padding-left: 8px;
    text-decoration: none;
    width: 28px;
}

.single-share {
    /*width: 20px;
    background: #877e73;
    padding: 4px 10px;
    border-radius: 5px;*/
}

.single-share:hover {
    /*background-color: #a8c863;
    color: #6c8e24;*/
}

.expanded-share {
    margin-left: -2px;
}

.share-icons img.share-twitter {
    width: 20px;
    border-radius: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.share-icons img.share-facebook {
    width: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.share-email {
    width: 20px;
    padding-right: 10px;
    padding-left: 10px;
}

.share-open .ion-android-share-alt {
    color: #6c8e24;
}

.share-icon:focus {
    outline: none;
    border: none;
}

.read-more {
    font-size: 14px;
}
.read-more-icon {
    width: 20px;
    margin-left: 5px;
    vertical-align: -2px;
}

.share-icon img,
.share-icons i,
.share-icons img,
.share-icon i {
    vertical-align: middle;
    font-size: 20px;
}

.share-twitter,
.share-facebook,
.share-email {
    padding: 5px 7px;
    display: inline-block;
}

.ion-android-share-alt {
    padding-right: 20px;
}

.expanded-share-icon-container {
    display: inline-block;
    background-color: #877e73;
    border-radius: 5px;
    width: 110px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-left: -2px;
    padding-right: 10px;
    height: 26px;
}

a.share-icons {
    cursor: pointer;
}

.expanded-share.share-twitter:hover {
    color: rgb(40, 193, 252); /* Get proper colors */
}

.expanded-share.share-facebook:hover {
    color: #3b5998;
}

.expanded-share.share-email:hover {
    color: #E63433;
}

.share-facebook {
    padding-right:10px;
    padding-left: 10px;
}

.hide-share {
    width: 0;
    padding: 0;
}

.hide-icon {
    display:none;
}

.share-open {
    background: #a8c863;
    color: #6c8e24;
}

.map-container {
    position: relative;
}

.map-share-container {
    width: 210px;
}

.map-share-container input { /* Hide the share icons - temporary */
  display: none;
}

.map-container:after {
	background: rgba(255, 255, 255, 0.5) url(../images/loading-transparent.gif) no-repeat center center;
	content: '';
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity 200ms ease-in-out 0ms, visibility 0ms ease-in-out 200ms;
	transition: opacity 200ms ease-in-out 0ms, visibility 0ms ease-in-out 200ms;
	visibility: hidden;
}

.map-container.map-container-loading:after {
	opacity: 1;
	-webkit-transition: opacity 200ms ease-in-out 0ms, visibility 0ms ease-in-out 0ms;
	transition: opacity 200ms ease-in-out 0ms, visibility 0ms ease-in-out 0ms;
	visibility: visible;
}

/* text under the map*/
.map-info-begin {
    background: linear-gradient(rgba(176,169,161,0.8),rgba(176,169,161,0.8)), url(/SEHC/images/firstnations/default-map-info.png) 100% no-repeat;
    background-size: cover;
    height: 250px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px;
}
    .map-info-begin.currently-blended-learning {
        background: linear-gradient(rgba(116,17,153,0.8),rgba(116,17,153,0.8)), url(/SEHC/images/firstnations/blended-learning-background.png) 100% no-repeat;
        background-size: cover;
    }
    .map-info-begin.currently-certified-learning {
        background: linear-gradient(rgba(177,141,46,.8),rgba(177,141,46,.8)), url(/SEHC/images/firstnations/certified-learning-background.png) 100% no-repeat;
        background-size: cover;
    }
    .map-info-begin.currently-in-person-training {
        background: linear-gradient(rgba(32,124,196,.8),rgba(32,124,196,.8)), url(/SEHC/images/firstnations/in-person-training-background.png) 100% no-repeat;
        background-size: cover;
    }
    .map-info-begin.currently-community-based-sessions {
        background: linear-gradient(rgba(237,19,70,.8),rgba(237,19,70,.8)), url(/SEHC/images/firstnations/community-based-sessions-background.png) 100% no-repeat;
        background-size: cover;
    }
    .map-info-begin.currently-research {
        background: linear-gradient(rgba(85,180,169,.8),rgba(85,180,169,.8)), url(/SEHC/images/firstnations/research-background.png) 100% no-repeat;
        background-size: cover;
    }
.map-info-begin {
    text-align: center;
    color: #fff;
    height: 250px;
}

.map-info-begin .explore-title {
    font-size: 28px;
}

.map-info-begin .explore-title-container {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

/* Map marker styling */
.map-info-close {
    display: none;
}

.gm-style-iw { /* Map Marker styling */
    background-color: rgb(177,141,46);
    color: #fff;
    text-align: center;
    padding: 10px 15px;
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0,0,0,.3);

}

.location-container {
    height: 250px;
}

.location-container {
    height: 250px;
    overflow-y: auto;
}

.location-modal {
    position: relative;
    /*width: 80%;
    padding: 15px;
    margin: 0 auto;
    height: 100%;
    padding: 15px;*/
    height: 100%;
}

.modal-window {
}

.modal-body {
    background-color: #fff;
    min-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.modal-head {
    text-align: center;
    padding: 30px;
}

.modal-body a {
    color: #fff;
    text-decoration: none;
}

.modal-body .modal-close {
    font-size: 40px;
    position: absolute;
    top: -50px;
    right: 0;
}

.program-image {
    max-width: 100%;
}

/* */
.hide-modal {
  display: none;
}

.modal-footer {
    background-color: #b0a9a1;
    color: #fff;
    width: 100%;
    bottom: -40px;
    position: absolute;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-footer p {
    text-align: center;
    margin-bottom: 0;
}

.info-title h1 {
    font-size: 20px;
    color: #fff;
}

.program-detail a {
    color: #fff;
    font-size: 1rem;
}
.program-detail,
.program-detail p {
    color: #fff;
}

.info-container .location-container {
    padding: 15px;
}

.info-container .program-info {
    display: table;
}

.program-info-repeater {
    border-bottom: 1px solid #fff; /* TODO: Get the proper color */
    padding: 15px;
}

.program-info-repeater:last-child {
        border: none;
}

.info-container .program-icon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}
@media only screen and (max-width: 768px) {
    .info-container .program-icon {
        display: none;
    }
}

.info-container .program-icon img { /* TODO: get proper image size */
    width: 60px;
}

.info-container .program-detail {
    display: table-cell;
}

.excerpt-wrapper {
    overflow-y: auto;
    margin-top: 15px;
}

.info-title h1 {
    font-size: 20px;
    color: #fff;
}


.program-info {
    display: table;
}

.program-icon {
    display: table-cell;
}

.program-detail {
    display: table-cell;
}

.program-detail a {
    color: #fff;
    font-size: 1rem;
}

.program-detail p {
        color: #fff;
    }

/* All */
.info-container .All { /* info container background color */
    background: linear-gradient(rgba(176,169,161,0.8),rgba(176,169,161,0.8)), url(/SEHC/images/firstnations/default-map-info.png) 100% no-repeat;
    background-size: cover;
}


/* Blended Learning */
.info-container .Blended-Learning { /* info container background color */
    background: linear-gradient(rgba(116,17,153,0.8),rgba(116,17,153,0.8)), url(/SEHC/images/firstnations/blended-learning-background.png) 100% no-repeat;
    background-size: cover;
}

/* Certified Learning styling */
.info-container .Certified-Learning {
    background: linear-gradient(rgba(177,141,46,.8),rgba(177,141,46,.8)), url(/SEHC/images/firstnations/certified-learning-background.png) 100% no-repeat;
    background-size: cover;
    /*background-color: rgb(177,141,46);*/
}

/* In-person learning styling */
.info-container .In-Person-Training {
    background: linear-gradient(rgba(32,124,196,.8),rgba(32,124,196,.8)), url(/SEHC/images/firstnations/in-person-training-background.png) 100% no-repeat;
    background-size: cover;
    /*background-color: rgb(177,141,46);*/
}

/* Community-based training styling */
.info-container .Community-Based-Sessions {
    background: linear-gradient(rgba(237,19,70,.8),rgba(237,19,70,.8)), url(/SEHC/images/firstnations/community-based-sessions-background.png) 100% no-repeat;
    background-size: cover;
}

/* Research */
.info-container .Research {
    background: linear-gradient(rgba(85,180,169,.8),rgba(85,180,169,.8)), url(/SEHC/images/firstnations/research-background.png) 100% no-repeat;
    background-size: cover;
    /*background-color: rgb(85,180,169);*/
}


/* Page Template - FNIM Program Detail */

.program-details {
    padding: 0 2% 0 2%;
}

.program-details h2 {
    margin-top: 2%;
}