﻿/**** google api fonts *****/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy:400,400italic);

body{ /*font-family:"Segoe UI",'Open Sans',Arial,Helvetica,sans-serif;****this is on the bootsrap file***/
	  font-size:1.6em; /*10px X 1.6 = 16px(default font size in browsers)*//*the html font size is set to 62.5%(10px) on bootstrap.css*/
      line-height: 1.428571429;
      -webkit-text-size-adjust:100%; 
      /*background-color:#FBFBFB*//*less vibrant AAA accessibility*/}
body.v4master{
	overflow:auto/***important*** keep this rule to allow scrolling of pages when the ribbon is not present*/
}
@media (max-device-width:1024px) {
body, body*{-webkit-text-size-adjust:100%;}
}
@media (min-width: 1200px){
	body {font-size:1.8em /*10px X 1.8 = 18px *//*the html font size is set to 62.5%(10px) on bootstrap.css*/
	}
}

/*allow browser scrolling on anonymous views*/
#s4-workspace {OVERFLOW: visible !important;}
       
body #s4-bodyContainer {
    min-width: 320px;
    overflow:hidden;/*hides content when the left nav is expanded on mobile views*/
    position: relative;/* fix scrolling on list pages */
}

a:link{color:#3366cc;}
a:hover{color:#000;}

a:focus{
	outline-offset:-1px;
}
.s4-ca {
	margin-top:10px
}	

/**** ribbon styles ****/  
/**override of bootstrap box-sizing ***/
#s4-ribbonrow *{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}
#s4-ribbonrow .ms-welcomeMenu{
	font-size:10pt /*user name w/ menu on ribbon*/
}
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background:#F2F2F2;
}
body #pageStatusBar{
	font-size:85%;
}

/*********** head section **********/

#cobHead {
background:url('/Style%20Library/BramptonImages/Generic/branding/TopBanner-Right.png') no-repeat right -45px #002d5f;
border-top:3px solid #001429;
position:relative;
}
#cobHead .bramptonLogo img{
	margin:5px;
	display:inline-block;	
	float:left;
}

#cobHead #headLinks{
	text-align:right;
	padding-top:5px;
	font-size:16px;
	line-height:32px; 
	padding-right:0px;
	padding-left:0px;
}
@media (max-width: 599px) {
	#cobHead #headLinks{width:100%; padding-top:0px; height:28px; text-align:left}
}
@media (min-width: 600px) {
#cobHead #headLinks{
	height:45px
}
}
@media (min-width: 768px) {
	#cobHead{border-bottom:3px solid #00244d;
			background:url('/Style%20Library/BramptonImages/Generic/branding/TopBanner-Left.png') no-repeat left -45px, 
					   url('/Style%20Library/BramptonImages/Generic/branding/navGradient.png') no-repeat right bottom, 
					   url('/Style%20Library/BramptonImages/Generic/branding/TopBanner-Right.png') no-repeat right -45px #002d5f;
	}
	#cobHead .headWrapper{height:90px;}
}
@media (min-width: 992px){
}
@media (min-width: 768px) and (max-width:1024px) {
    #cobHead .bramptonLogo img{position:absolute; top:5px; left:15px;}
}
@media (min-width:1025px) {
	#cobHead .bramptonLogo img{position:absolute; top:5px; left:-3px;}
}
@media (min-width: 1200px){
	#cobHead #headLinks{font-size:18px;}
}
@media (min-width: 1500px) {
	#cobHead{background:url('/Style%20Library/BramptonImages/Generic/branding/TopBanner-Left.png') no-repeat left -45px, 
					   url('/Style%20Library/BramptonImages/Generic/branding/TopBanner-Right.png') no-repeat right -45px #002d5f;}
}


/***** skip navigation (accesibility) *******/
/*:root #skipnav {display: block; } /*Switch on for Moz, FF and Safari*/
a.ms-skip {display:block; width:160px; text-decoration:none; padding:0px 5px; font-size:16px; font-style:italic; color:#ffac35; background-color:transparent!important; }
a.ms-skip:visited {color:#ffac35}
a.ms-skip:active {top:10px!important; left:35%!important; line-height:28px; padding-right:36px; height:32px;outline-width:0px; outline-style:none; outline-color:invert; border: none; color:#ffac35; background-image:url('/Style%20Library/BramptonImages/Generic/branding/skipNav-down.png'); background-repeat:no-repeat;background-position:right top} 
a.ms-skip:focus {top:10px!important; left:35%!important; line-height:28px; padding-right:36px; height:32px;outline-width:0px; outline-style:none; outline-color:invert; border: none; color:#ffac35; background-image:url('/Style%20Library/BramptonImages/Generic/branding/skipNav-down.png'); background-repeat:no-repeat;background-position:right top} /*Note IE bug that requires use of :active to mimic effect of :focus*/
a.ms-skip:hover {cursor:pointer; outline-width:0px; outline-style:none; outline-color:invert; } 

@media (min-width: 1200px){
a.ms-skip {font-size:18px;}
}
/********main search styles**********/
/***search on small devices***/
#cobHead .searchWrapper {
	height:58px;
}

#SRSB{
	/*background-image:url('/Style%20Library/BramptonImages/Generic/branding/search-Background.png');*/
	background-repeat:no-repeat;
	background-position:left top;
	height:42px;
	background-color:#002D5F;
	border-radius: 21px;
    margin:auto;  
    margin:8px 12px;
    min-width:215px;
    color:#fff;
    
}
#SRSB .cobSearchGo{
	display:block;
	margin-left:85%;
	width:42px;height:42px;
	background-image:url("/Style Library/BramptonImages/Generic/branding/icon-search-white.png");
	background-repeat:no-repeat;
	background-position:left center;
	color:#fff;

}
#SRSB input.ms-sbplain{
	float:left;
	width:85%!important;
	background-color:transparent;
	line-height:42px;
	height:42px;
	color:#fff;
	border:none;
	margin-left:10px;
	font-style:italic;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	background-image:none;
	border:none!important;
    font-size: 16px;
    background: none;
    border: none;
    padding: 0px;
}
@media(max-width: 399px)  {
    #SRSB .s4-search input.ms-sbplain {
	 	font-size: 16px;
	}
}
/***search on medium Devices and Desktop***/
@media (min-width: 768px) {
	#cobHead .searchWrapper {
	height:64px;
	}
	#cobHead #SRSB{
		background-color:#001834;
		border-radius:16px;
		-webkit-box-shadow: inset 0 0 5px #000710;
	    box-shadow: inset 0 0 5px #000710;
	    margin:auto;  
	    line-height:34px;
		height:34px;
		margin:12px 0 0 0;
	}
	
	#cobHead #SRSB input.ms-sbplain{
		line-height:34px;
		height:34px;
	}
	#cobHead #SRSB .cobSearchGo{
	width:34px;height:34px;
	}

}
@media (min-width: 1024px) {
	#cobHead #SRSB .cobSearchGo{
		margin-left:89%
	}
}
/********top navigation styles**********/
/***top navigation on small devices***/

.cobTopNav  a[title~=HOME]
{
display:none!important
}

.cobTopNav .menu-horizontal{
	width:100%
}
.cobTopNav {
	margin-top:4px;
	margin-bottom:1px;
	border-top:1px solid #005DBA;
} 
.cobTopNav ul.static{
	float: none;
    display: block;
    width:100%
}
.cobTopNav span.static {
    float: none;
}
.cobTopNav a.static {
    float: none;
}
.cobTopNav li.static {
    float: none;
}
.cobTopNav a:focus{
	outline-style:none;
}
	
.cobTopNav li.static .menu-item{
	font-size:20px;
	line-height:40px;
	height:40px;
	text-align:left;
	overflow:hidden;    
	color: #fff;
    padding:0px;
    width:100%;
    border:none;
    display:block;
    border-bottom:1px solid #005DBA;
}
.cobTopNav li.static .menu-item .menu-item-text{
	padding-left:10px;
	padding-right:40px;
	background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobile_expand.gif');
    background-repeat:no-repeat;
	background-position:right center;
	background-color:#002D5F;
	color: #fff;
}

.cobTopNav li.static > a:hover,
.cobTopNav li.static > a:focus{
	text-decoration:none;
}
.cobTopNav li.static > .menu-item.collapse .menu-item-text{
		background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobile_collapse.gif');
}
.cobTopNav li.static > a:hover .menu-item-text{
    color: #fff;
    text-decoration:none;

}
.cobTopNav li.static > a:focus .menu-item-text{
	color: #fff;
	outline-style:none;
	outline:none;
	text-decoration:none;
	background-color:#003C7D;
}
/******new Mega Menu*****/
.globalNavContainer{
	margin-left:-5px;
	margin-right:-5px;
	}
.cobTopNav .cobTopNavContent{
	display:none
}
.cobTopNav .cobTopNavContent .closeMe{
	display:none;
}
.cobTopNav .cob-megamenu-group{
	display:none;
	border-bottom:1px solid #005DBA;
	margin-left:-5px;
	margin-right:-5px;
}
.cobTopNav .cob-megamenu-group li,
cob-megamenu-aside li{
	color:#fff;	
	display:block;
	padding:0px;
}
.cobTopNav .cob-megamenu-group li a{
	display:block;
	border-left:none;
	padding:4px 10px 6px 10px;
	color: #9FA8BB;
}

.cobTopNav .cob-megamenu-group li a:link {
	background-color:transparent;
	color: #9FA8BB;
}
.cobTopNav .cob-megamenu-group li a:focus{
	text-decoration:none;
	background-color:#002754;
	color:#A8B6D4;
}
.cobTopNav .cob-megamenu-group li a:visited {
	background-color:transparent;
	color:#53ACFB;
}

/***Online Services***/
.cob-megamenu-aside.onlineSrv{margin-top:10px}

@media (min-width: 767px){
	.cob-megamenu-aside.onlineSrv{margin-top:45px}
}
.cobTopNav .cob-megamenu-group-standalone li a{
	display:block;
	border-left:none;
	padding:4px 10px 6px 10px;
	color: #53ACFB;
	font-size:90%;
	margin-top:-8px;
}

.cobTopNav .cob-megamenu-group-standalone li a:link {
	background-color:transparent;
	color: #53acfb;
}
.cobTopNav .cob-megamenu-group-standalone li a:focus{
	text-decoration:none;
	background-color:#002754;
	color:#53acfb;
}
.cobTopNav .cob-megamenu-group-standalone li a:visited {
	background-color:transparent;
	color:#53acfb;
}
.cobTopNav .cob-megamenu-group-standalone li a:hover {
	background-color:#003C7D;
	text-decoration:none;
}

@media only screen and (min-width: 640px) {
.cobTopNav .cob-megamenu-group-standalone li a:hover {
	background-color:#002754;
  }
}


/*group headdings*/

.cobTopNav .cob-megamenu-column h3 {
    display: block;
    font-size: 20px;
    line-height: 1.25;
    padding: 6px 40px 8px 10px;
    margin: 0px -5px;
	color:#fff;	
    background-image: url("/Style%20Library/BramptonImages/Generic/branding/mobile_expand.gif");
    background-repeat: no-repeat;
    background-position: right center;
	background-color:#001E43;
	border-bottom:1px solid #005DBA;
	font-weight:500;
}

.cob-megamenu-column h2{
	font-size:130%;	
	font-weight:500;

}
.cobTopNav .cob-megamenu-column h3.collapse {
	background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobile_collapse.gif');
}
.cobTopNav .cob-megamenu-column h3:hover,
.cobTopNav .cob-megamenu-column h3:focus
{
	background-color:#003C7D;
}

@media (max-width: 767px) {	
	.cobTopNav .cobTopNavContent.container.expandNav{/*used to show and hide the nav groups on mobile devices*/
		display:block;
	}
	.cobTopNav .cob-megamenu-group.expandNav{/*used to show and hide the nav groups on mobile devices*/
		display:block;
	}
}

@media (min-width: 768px) {	

	.globalNavContainer{
		margin:auto;
	}

	.cobTopNav {
		margin-top:0px;
		margin-bottom:0px;
		border:none;
		margin-right:-30px;
	} 
	
	.cobTopNav ul.static{
	    display: inline;
	    width:auto
	}
	.cobTopNav li.static {
	    float: left;
	}
	.cobTopNav a.static {
	    float: left;
	}

	.cobTopNav li.static .menu-item{
		margin-bottom:0px;
		padding:0px;
		height:auto;
		font-size:16px;
		line-height:26px; 
		padding-left:15px;
		padding-right:15px;
		border:none;
		display:block;
		width:auto;
	}
	
	.cobTopNav li.static .menu-item:hover,
	.cobTopNav li.static .menu-item:focus{
		border-bottom:3px solid #E68A00;
	}
	
	.cobTopNav li.static .SelectedNav{
		border-bottom:3px solid #E68A00;
	}
	.cobTopNav li.static .menu-item .additional-background{
		padding-left:0px;	
		padding-right:0px;
	}
	
	.cobTopNav li.static .menu-item .menu-item-text{
		padding-left:0px;
		padding-right:0px;
		background-image:none;
		background-color:transparent;
	}
	.cobTopNav li.static > .menu-item.collapse .menu-item-text{
		background-image:none;
	}
	.cobTopNav li.static a:hover .menu-item-text,
	.cobTopNav li.static a:focus .menu-item-text{
	    background-color:transparent;
	}

	/*****mega Menu dropdown****/
	.cobTopNav .cobTopNavContent{
		background-color:#001b38;
		display: none;
		position: absolute;
		left: 0px;
		top: 93px;
		z-index:899;
		width:100%; 
	}


	.cobTopNav .megamenu-wrap {
		margin-left:-15px;
		margin-right:-15px;
		padding-bottom:20px;
	}
	.cobTopNav .cobTopNavContent .closeMe{
		display:block;
		text-align:right;
		padding-bottom:6px;
	    }
	 .cobTopNav .cobTopNavContent .closeMe a{
		display:inline-block; 
		color:#9FA8BB;
		width:150px;
		background-image:url('/Style%20Library/BramptonImages/Generic/branding/leftNav_up_arrow.gif');
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:30px;
		font-size:85%;
		font-weight:600;
	 }
	 
	.cobTopNav .cobTopNavContent.container.displayNav{/*used to show and hide the nav groups on mobile devices*/
		display:block;
	 }

	.cobTopNav .cob-megamenu-column{
		display:block;
		margin-left:auto;
		margin-right:auto;
	 }
	 /*group headdings*/
	.cobTopNav .cob-megamenu-column h3{
		display:block;
		font-size:100%;
		padding:0px 10px;
		height:auto;
		line-height:26px;
		margin:0px;
		margin-top:20px;
		background-image:none;
		background-color:transparent;
		color:#fff;
		border-bottom:1px solid #21354D;
	 }
	 .cobTopNav .cob-megamenu-column h3.collapse {
			background-image:none;
	 }

	 .cobTopNav .cob-megamenu-column h3:hover,
	 .cobTopNav .cob-megamenu-column h3:focus{
		background-color:transparent;
	 }
	 .cobTopNav .cob-megamenu-group{
		display:block;
		border:none;
		margin-left:auto;
		margin-right:auto;	
	 }
	 .cobTopNav .cob-megamenu-group li{font-size:90%}
	 .cobTopNav .cob-megamenu-group li a:hover{
		text-decoration:none;
		background-color:#002754;
		color:#A8B6D4;
	 }

	 
}
@media (min-width: 768px) and (max-width: 991px) {}	
@media (min-width: 992px){
	.cobTopNav li.static .menu-item{padding-left:20px; padding-right:20px;}
}
@media (min-width: 1025px){
	.cobTopNav .cob-megamenu-group li a{/*smaller line heights on menu items for desktop views*/
	line-height:1.15;
	padding:3px 10px 6px 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){
	.cobTopNav li.static .menu-item{font-size:18px; padding-left:20px; padding-right:20px;}

}
	
	

/********** Service Brampton Menu*********/
/***********end of Service Brampton Menu**********/


/****Off Canvas --- Left Nav *****/
@media (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
    padding-left:30px;
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */    
    height:100%;
	background-color: #e8e8e8;
    -webkit-box-shadow: inset -2px 0 2px 0 #ccc;
    -moz-shadow: inset -2px 0 2px 0 #ccc;
    box-shadow: inset -2px 0 2px 0 #ccc;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
  }
}

@media(max-width: 399px)  {
  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -70%; /* 7 columns  */
  }

  .row-offcanvas-left.active {
    left: 70%; /* 7 columns */
  }

  .sidebar-offcanvas {
    width: 70%; /* 7 columns */}
} 
    
/******leftNav******/
.cobLeftNav{
	font-size:100%;
	font-weight:600;
}
.cobLeftNav ul.root{
	margin-left:-15px;
	margin-right:-15px;
	padding:0px;
}

.cobLeftNav ul li{
	line-height:1.25;
}

.cobLeftNav span.menu-item-text{
	padding:5px;
	padding-left:10px;		
}
.cobLeftNav a.static.selected.menu-item {
	color:#000;
	background-color: #D1D1D1;
	background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobileNav_selected_arrow.gif');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:10px;
}
.cobLeftNav a.menu-item{
	color:#0c397c
}
.cobLeftNav a.menu-item:visited{
	color:#000
}
.cobLeftNav a.menu-item:hover,.cobLeftNav a.menu-item:focus{
	background-color: #D1D1D1;
	color:#000;
}
.cobLeftNav li.static.selected > ul.static .menu-item{
	padding-left:10px;
	font-size:90%;
	font-weight:normal;
}
/*leftNav special headings*/
.cobLeftNav span.static.menu-item span.menu-item-text{
		border-bottom:1px solid #D1D1D1;
		font-size:130%;
		color:#000;
		padding-top:12px;		
}
.cobLeftNav span.static.menu-item span.menu-item-text:hover{
	text-decoration:none;
	background-color:transparent;
}
/*first link on left nav - site name link*/
.cobLeftNav ul.root.static > li:first-child{
	display:block;
	background-color:#0056AC;
	line-height:1.2;
	padding-bottom:8px;
	color:#fff;
}
.cobLeftNav ul.root.static > li:first-child span.static.menu-item span.menu-item-text{
	color:#fff; border-bottom:none;font-size:130%;
}

.cobLeftNav ul.root.static > li:first-child a{
	color:#fff;
	font-size:130%;
	
}
.cobLeftNav ul.root.static > li:first-child a:hover,
.cobLeftNav ul.root.static > li:first-child a:focus{
	background-color:transparent
}
.cobLeftNav ul.root.static > li:first-child a.static.selected.menu-item{
	background-color:transparent;
	background-image:none
}

/*leftNav child items or second level nav starts hidden*/
.cobLeftNav li.static > ul.static{
	height:1px;
	overflow:hidden;
	display:none
}
/*leftNav child items only show if selected*/
.cobLeftNav li.static.selected > ul.static{
	display:block;
	height:auto;
	overflow:inherit;
}

@media (min-width:768px){
	.cobLeftNav{
		font-size:90%;
		font-weight:600;
		padding-bottom:100px;
	}
	.cobLeftNav ul.root.static > li:first-child span.static.menu-item span.menu-item-text{
	font-size:160%;padding-top:18px;
    }

.cobLeftNav ul.root.static > li:first-child a{
	font-size:160%;
	padding-top:14px;
    }
	.cobLeftNav span.menu-item-text{
	padding:5px;}

	.cobLeftNav li.static.selected > ul.static .menu-item{
	font-size:90%;
	}
   .cobLeftNav span.static.menu-item span.menu-item-text{
		font-size:120%;
	}
	.cobLeftNav ul.root{
		margin-right:0px;
	}
	.cobLeftNav a.menu-item{
	color:#36c
	}
	.cobLeftNav a.menu-item:hover,.cobLeftNav a.menu-item:focus{
		background-color: #F0F0F0;
	}
	.cobLeftNav a.static.selected.menu-item {
	background-color: #F0F0F0;
	color:#274d9a;
	}
}


/********breadcrumb*******/
nav#cobBreadcrumb {
	background-color:#E6E6E6;
	border-left:3px solid #FFAC36;
}

nav#cobBreadcrumb .breadcrumb{
	margin-left:50px; margin-right:10px;	
	padding:13px 0px 9px;	
	font-size:16px;
	line-height:16px;
	margin-bottom:0px;

}
nav#cobBreadcrumb .navbar-toggle{
	position:absolute;
	z-index:100;
    border:none;
    padding:0px;
    margin:0px;
    width:38px;
    margin-top:0px;
    border-radius:0 38px 38px 0;
}

nav#cobBreadcrumb .navbar-toggle .icon-arrow{
	display:block;
	width: 38px;
    height: 69px;
    border-radius:0 38px 38px 0;
	background-color: #FFAC36;
    background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobileNav_right_arrow_w.png');
    background-repeat:no-repeat;
    background-position: 2px center;
    color:#000;
}	

#MSO_ContentTable{/*left orange border on small devices below the hide/show left nav tab*/
	border:none;
	border-left:3px solid #FFAC36;
	min-height:500px
	
}
@media (min-width:768px){
nav#cobBreadcrumb {
	border-left:none;
}

#MSO_ContentTable{
		border:none;
	}
	.breadcrumb{
	margin-bottom:1px;
}
nav#cobBreadcrumb .breadcrumb{
	margin-left:10px; margin-right:10px;
	
}

}

nav#cobBreadcrumb .active .icon-arrow{
	background-image:url('/Style%20Library/BramptonImages/Generic/branding/mobileNav_left_arrow_w.png');
}
nav#cobBreadcrumb .navbar-toggle:focus{
	background-color: #ececec;
	outline:none;
}
nav#cobBreadcrumb .navbar-toggle:hover{
	background-color: #ececec;
}
.breadcrumb span{
	font-size:0px;
}
.breadcrumb a.ms-sitemapdirectional{
	color:#092d62;
	text-decoration:none;
	font-weight:normal;	
    background-color:#ececec;
    padding-left:10px;
    padding-right:8px;
	background:url('/Style%20Library/BramptonImages/MayorCouncil/arrow-next-small.gif') no-repeat left center;
	font-size:16px;
}
.breadcrumb a:hover{
	color:#092d62;
	font-weight:normal;
	text-decoration:underline;	
}
.breadcrumb a:visited{
	color:#092d62;
}
#ctl00_siteMapPath_SkipLink{
	background-image:none
}
.breadcrumb a[title~=HOME] {
	background:url('/Style%20Library/BramptonImages/MayorCouncil/home-icon.gif') no-repeat left center;
	padding-left:18px;
	line-height:22px;
	font-size:16px;
}
a.breadcrumbCurrent{
	color:#092d62;
	font-size:16px;
	background:url('/Style%20Library/BramptonImages/MayorCouncil/arrow-next-small.gif') no-repeat left center;
	padding-left:10px;
}

@media (min-width:1200px){
	.breadcrumb{font-size:18px;}
	.breadcrumb a[title~=HOME] {
		font-size:18px;
		background-position:left 7px;}
	a.breadcrumbCurrent{font-size:18px;}
	.breadcrumb a.ms-sitemapdirectional{font-size:18px;}
}

/**************footer*************/
/* Wrapper for page content to push down footer */
#s4-bodyContainer {
  	min-height: 100%;
  	height: auto !important;
  	/* Negative indent footer by its height */
 	margin: 0 auto -125px;
  	/* Pad bottom by footer height */
 	padding: 0 0 125px;
}

/* Set the fixed height of the footer here */
#footer {
  	text-align:right;
  	overflow:hidden;
 	color:#fff;
 	height:125px;/*the footer needs to have a fixed height to be able to stick properly to the bottom of the page*/
}
#footer .footerWrapper{
	background-color:#002D5F;
	height:125px;
}
#footerLinks span{
	display:block;line-height:16px;
	padding-right:3px;
	margin-bottom:5px;
	}
#footerLinks a{
	display:inline-block; 
	padding:0 8px; 
	line-height:24px;
	border-left:1px solid #005DBA;
}
#footerLinks a:hover{
	color:#fff;
}
#footerLinks a:visited{
	color:#fff;
}
#footerLinks a:link{
	color:#fff;
}
#footerLinks{
	padding:9px 0px 5px 5px;
}
#footerLinks img{vertical-align:bottom}

#socialLinks{
	padding:5px 0px;
}
#socialLinks img{margin:3px 3px; vertical-align:bottom}

@media (min-width: 599px){
	#footer {/*the footer needs to have a fixed height to be able to stick properly to the bottom of the page*/
	height:80px;}
	#footer .footerWrapper{height:80px}
	#footerLinks span{
	display:inline-block;
	padding-right:6px;margin-bottom:0px;}
	#footerLinks a{
	padding-right:6px; padding-left:6px;}
	#s4-bodyContainer {
	margin: 0 auto -80px;
	padding: 0 0 80px;
	}
}

@media (min-width: 768px) {
	#footer {/*the footer needs to have a fixed height to be able to stick properly to the bottom of the page*/
	height:45px;}
	#footer .footerWrapper{height:45px}
	#footerLinks{text-align:left}
	#s4-bodyContainer {
  	margin: 0 auto -45px;
  	padding: 0 0 45px;
	}
}

@media (min-width: 1025px) {
	#footer .row{border-radius: 2px 2px 0 0;}
}


/***back to top link****/
a#back-top  {
	position:fixed;
	bottom:8px;
	left:12%;
	display:none;
	text-decoration:none;
	padding:5px;
	width:41px;
	border-radius:20px;
	background-color:#E6E6E6;
	
		/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}
a#back-top.active{
	display:block
}
a#back-top:hover{
	text-decoration:underline;
	
}
a#back-top:focus{outline:none}

/* arrow icon (span tag) */
a#back-top span {
	display: block;
	height:31px;
	width:31px;
	line-height:31px;
	padding-left:20px;
	background:url('/Style%20Library/BramptonImages/Generic/branding/arrow_backTop.png') no-repeat center right;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	border-radius:15px;
}

@media (min-width: 768px) {
	a#back-top{
	bottom:55px;
	}
}

/*************/
/*** OOB overlay dialog on pages ***/ 
.ms-dlgContent {
	font-size:8pt 
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {}/*styles for mobile retina*/
@media (min-resolution: 2dppx) {}/*styles for mobile retina http://www.w3.org/TR/css3-values/ */



/************google translate*****************************/


.googleTranslate-wrapper{
		background-color: #001429;
		-webkit-box-shadow: inset 0 0 5px #000710;
        box-shadow: inset 0 0 5px #000710;
        border-radius:16px;
        line-height:34px;
        height:34px;
        margin-top: 8px;
        padding-left:10px;
	    padding-right:10px;
	    display:inline-block;
	    font-size:16px;
}
@media (max-width: 599px) {
	.googleTranslate-wrapper{margin-left:10px; margin-top: 0px;}
	.col-xs-6.col-sm-7.searchWrapper{width:80%;}
}


#google_translate_element .goog-te-gadget .goog-te-combo
 {
	background-color:#001429;
	border:none;
	color:#fff;
	line-height: 34px;
	height:34px;
	padding: 0;
	margin: 0;      
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('/Style%20Library/BramptonImages/Generic/branding/leftNav_down_arrow.gif');
	background-position:right 5px;
	background-repeat: no-repeat;
	font-family:inherit;
	width:100%;
}
#google_translate_element .goog-te-gadget .goog-te-combo option{
	padding:3px;
}

div#google_translate_element {
    height: 28px;
    overflow: hidden;
    display:inline-block;
    float:right;
}

#google_translate_element .goog-te-gadget .goog-te-combo::-ms-expand {
    display: none;
}

#google_translate_element .goog-te-gadget .goog-te-combo:focus {outline: 0;}

#google_translate_element .goog-te-gadget .goog-te-combo:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.google-Icon{
	display:inline-block;
	width:28px;
	height:34px;
	line-height:34px;
	background-image: url('https://translate.googleapis.com/translate_static/img/te_ctrl3.gif');
    background-position: -65px center;
    background-repeat:no-repeat;
}


#google_translate_element .goog-te-gadget-simple span{
	color: #FFF;	
}
.goog-text-highlight{
	color:#002D5F;
}

#google_translate_element .goog-te-gadget-simple{
	background-color: #001834;
    border-radius: 16px;
    -webkit-box-shadow: inset 0 0 5px #000710;
    box-shadow: inset 0 0 5px #000710;
    border: none;
    display: inline-block;
    margin-top: 8px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "Segoe UI",'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}


/*********************Print Styles*************************/
@media print { 
	* {  /*note: most print styles are under bootstrap.css*/
	filter:none !important; 
	-ms-filter: none !important; } 
	#MSO_ContentTable{/*remove left orange border from left nav*/
	border:none;
	padding:0px;}
	a#back-top{display:none!important;
	margin-left:-999px}
}
