﻿/********Sharepoint's coreV4.css overrides***************/
#pageLayout .ms-SPZone .s4-wpActive .s4-wpTopTable,#pageLayout .ms-SPZone .s4-wpActive .ms-WPSelected{
/* [ReplaceColor(themeColor:"Accent1-Medium")] */ border:1px solid orange;
}
#pageLayout .ms-SPZone .ms-WPHeaderTd, #pageLayout .ms-SPZone .ms-WPTitle {
	cursor:move!important
}

.ms-MenuUIPopupBody.ms-MenuUIPopupScreen {
	z-index:999!important /*IE shows the siteactions below the supermenu panel*/
}
#pageLayout .ms-MenuUIPopupBody.ms-MenuUIPopupScreen{
		z-index:799!important /*list views dropdown*/
}
/*************OOB webparts headings and body*****************/
.ms-WPHeader  {
	background-color:transparent;
}
#pageLayout .ms-WPHeader td, #pageLayout .ms-fakewptitle {
    border-bottom: 1px solid #cacaca ;
    border-collapse: collapse;
}
#pageLayout .COB-WebPart h3.webPartTitle{
	border-bottom:1px solid #cacaca;
}


.ms-WPHeaderTd{
	font-size:100%;
}
.ms-standardheader, .ms-WPTitle {
	padding-bottom:2px;
    font-family: inherit;
    font-size: 140%;
    text-align:left!important/*don't remove this*/;
    font-weight:600;
}

h3.ms-WPTitle span{
color:#1b1b1b;
padding-right:7px;
white-space: normal;

}

#bodyContent .ms-wpContentDivSpace{margin:0px!important}

.ms-wpTdSpace{display:none}

.ms-WPBody, .ms-WPBody td{
	font-size:100%;
	font-family:inherit;
}
.ms-WPBody a, .ms-WPBody a:link{color:#3366cc;}
.ms-WPBody a:hover{color:#1b1b1b;}

.ms-wpContentDivSpace {
    margin-left: 0px;
    margin-right: 0px;
}
.s4-wpActive .s4-wpTopTable, .s4-wpActive .ms-WPSelected {
    border: none;
}
.s4-wpTopTable .ms-WPBorder, .s4-wpTopTable .ms-WPBorderBorderOnly, .ms-WPSelected .ms-WPBorder{
	border:none; 
}

/****webparts on www*****/
.COB-WebPart{
	padding-bottom:12px;
}
.COB-WebPart h3.webPartTitle,
.COB-WebPart.table-responsive + h3.webPartTitle{
	margin:0px;
}
.COB-WebPart.table-responsive{
	overflow:auto;
	border:3px solid #0056ac;
	padding-bottom:0px;
	margin-bottom:12px;
}
span.scrollbar{
	display:block;
	font-style:italic;
	margin-top:-5px;
	font-size:90%;
}

#mainContent .COB-WebPart table{
	width:100%;
	border:0;
	border-collapse:collapse
}

/****sharepoint controls.css overrrides****/
/****default summary list webpart*****/
.link-item, .link-item a, .link-item a:link {
    font-family: inherit;
    font-size: 100%;
    color:#3366cc;
    text-decoration: none;
    padding-bottom:30px;
}
.link-item a:focus {
	color:#1b1b1b;
	text-decoration:underline;
}
.groupheader {
    font-family:inherit;
    font-weight:normal;
    margin-bottom:0px;
    font-size:100%;
    border-bottom:1px solid #CACACA;
}
.bullet{
	background-position:left 7px
}
.item{
	padding-top:3px;
	padding-bottom:3px;
}
.slm-layout-main .item .description{
	color:#000;
	font-size:95%;
	font-family:inherit;
}
@media (min-width:768px){
	.groupheader {
	    border-bottom:1px solid #e6e6e6;
	}
	.link-item a:hover{
		color:#1b1b1b;
		text-decoration:underline;
	}
}
.slm-layout-main .whitespace {
	display:none
}
.slm-layout-main .image-area-top {
	padding-top:10px; padding-bottom:0px
}

.ms-summarycustombody td.ms-vb {
    font-size: 100%;
    font-family:"Segoe UI",'Open Sans',"Tahoma",sans-serif;
}
.ms-summarycustombody tr td.ms-vb:first-child {
display:none;
}
.ms-summarycustombody td.ms-vb {
	background-image: url("/_layouts/images/lstbulet.gif");
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left:10px!important;
    padding-right: 0px;

}


/*********FAQ webpart***********/
.FAQ .question a{
	display:block;
	margin-bottom:8px;
	padding-left:25px;
	background:url('/Style%20Library/BramptonImages/Generic/branding/minus.gif') no-repeat left 5px;}
.FAQ .question a.collapsed{
	background:url('/Style%20Library/BramptonImages/Generic/branding/plus.gif') no-repeat left 5px;}
.FAQ .question a:focus{
	outline:none;}
.FAQ .question span{
	margin-bottom:8px;}
.FAQ .answer{
	padding:8px 0px 16px 0px;
}
.FAQ .answer.collapsed{
	display:none
}
@media print { 
.FAQ .answer.collapsed{
	display:block
}
.FAQ .question a {
	background-image:none;
	padding-left:0px;
	margin-bottom:0px;
	font-size:110%;
	font-weight:bold;
}
.FAQ .question a:after{
	content:"";
	background-color:transparent;
	padding:0px;
}
}

/*superannouncement webpart and pages*/
/**listing**/
h4.articleTitle{
font-size:110%;
	margin-top:0px;
	margin-bottom:0px
}
.articleSynopsis{
	margin-bottom:15px;
}
div #divArticleItemStatus{
	border-bottom:1px solid #e6e6e6; text-align:right; padding-bottom:2px; padding-top:10px}
div #divArticleItemStatus a{ background-image:url('/_layouts/images/edit.gif'); padding-left:19px; background-repeat:no-repeat; background-position:left bottom; text-decoration:none!important}
div #divArticleItemStatus a:hover {border-bottom:none!important}	
#spanArticleStatus {border-right:1px solid #e6e6e6; padding-right:3px; padding-left:2px
	}
#spanApprovalStatus {border-right:1px solid #e6e6e6; padding-right:3px; padding-left:2px
	}
.rollupAttchement {
	float:left; height:70px!important; width:70px!important; margin-top:5px; margin-right:5px;
}
/**item detail**/
h2.articleTitle {
	margin-top:-5px;
	font-weight:300;
	margin-bottom:0px;
	font-size:180%;
	line-height:1;
}
.articlePubDate{
	font-size:80%;
}
.articleBody{
	margin-top:25px
}


/***** Input to filter content inside tables (dynamic search)
/EN/City-Hall/Pages/Public-Meetings-Notices.aspx	 ****/
.filter input {
	color: #717895;
	font-style:italic;
	background-image:url("/_layouts/images/bgximg.png");
	background-repeat:repeat-x;
	background-position:0px -511px;
	border:1px #adb6ce solid;
	padding:0px 3px 2px 4px;
	margin-top:5px;	
}
/*Highlighted style for dynamic search*/
.highlighted, .highlight {COLOR: #000!important; background-color:#FFEC62;}


/***********************Form Generator Webpart ***********************/

/*****sample for styled and grouped ******/
.cobForm{background-color:#F3F3F3; padding:4px}
.cobFormLabel{width:100%; margin-right:10px; text-align:left}
.cobFormCell div, .cobFormLabel, .cobFormInput{float:none}
.cobForm > INPUT{display:none!important}
.cobFormCell div.cobFormLabelINSTRUCT {float:none; text-align:center}
.cobFormLabelINSTRUCT span.cobFormField {
font-size:105%;
font-style:italic;
padding:6px;
}
.cobFormLabelINSTRUCT span.cobFormField strong{font-weight:normal}
span.BodyTextRed {
	color:#930505;
	font-size:120%;
	font-weight:bold
}

.cobFormCell, .cobFormAttachments td {
padding:4px; border-right:1px solid #DBDCE3; border-left:1px solid #DBDCE3
}
#calendar div{position:static;}

.cobFormHeadNote{padding-left:6px; padding-top:6px}

.cobFormInput .ms-input{/*enter date type of input*/
	font-size:100%;
	font-family:inherit;
}
.cobForm input[type="radio"], .cobForm input[type="checkbox"] {
	font-size:100%;
	vertical-align:top;
	margin:6px 4px 0px 0px;
}
.cobForm .cobFormInput label{
	margin-bottom:0px;
	font-weight:normal;
	display:inline;
}
.cobFormTable, .cobFormAttachments{
background-color:#f8f8f8;
border-top:  1px solid #DBDCE3;	
border-bottom: 1px solid #DBDCE3;
border-left:none;
border-right:none;	
width:100%;
}
/**attachments***/
.cobFormAttachments{margin-top:6px; margin-bottom:6px}
.cobFormAttachments input{margin:4px 0px}
.cobFormLabel span.cobFormField{ background:transparent;text-transform:none; padding:0px 5px; margin:0px}
.cobFormInput .ms-dtinput{ padding-right:3px;}

/*captcha and form submit buttons*/
.cobForm2{background-color:#F3F3F3; text-align:center; padding:4px}
.cobForm2 div{text-align:left}
.cobForm2 input, .cobForm2 button{margin:8px 0px 10px}
.cobForm2 input[type="text"]{float:left;}
.cobForm2 .formButtonList {float: right; padding-top: 10px;}
a.whyCaptcha {display:block;}
.InputForm-Button{border-top:2px solid #fff; clear:both}

/****privacy statement*********/
.privacyTitle{
	font-size:125%;
	font-weight:600;
}
.privacyMessage a{
	white-space:nowrap
}

@media (max-width: 800px){
	.InputForm-Button{display:none}
	.cobFormInput input[type="text"],
	.cobFormInput textarea,
	.cobFormInput select,
	.cobForm .cobFormInput table {width:100%!important}
	.cobForm2 button{width:100%; margin:0px;}
	.cobForm2 .formButton{width:100%; margin:0px; padding-top:10px; padding-bottom:8px;}
}
@media (min-width: 801px){
	.cobFormLabel{width:125px; margin-right:10px; text-align:right}
		.cobFormCell div, .cobFormLabel, .cobFormInput{float:left}

}	
@media (min-width:992px){
	.cobFormLabel{width:200px;}
	.cobFormCell div, .cobFormLabel, .cobFormInput{float:left}
}


/*use this class (.group) when dividing a form in groups that need headings inserted*/
tr.group td{
background-color:#F3F3F3; border:1px solid #F3F3F3; border-bottom: 1px solid #DBDCE3; border-top: 1px solid #DBDCE3
}
tr.group td span{
display:block; margin:8px 6px 4px; padding:2px 8px 3px; text-align:left!important			
}
tr.group td h2{margin:0px;text-align:left;
margin-top:10px;}

/****error messages****/
.error {
	color:#930505!important;
	font-weight:bold!important;
	font-style:italic;
	text-align:left!important;
}

#pageLayout .Error {
    margin:0px!important;
	color:#930505!important;
	font-weight:bold!important;
	font-style:italic;
	text-align:left!important;
}




#linkedDocument a {
	font-weight:normal!important
}

/********small search box styles**********/
.contentArea #SRSB {
	/*background-image:url('/Style%20Library/BramptonImages/Generic/branding/search-Background.png');*/
	background-repeat:no-repeat;
	background-position:left top;
	height:42px;
	background-color:#f0f0f0;
	border-radius: 21px;
	webkit-box-shadow: inset 0 0 5px #D6D6D6;
    box-shadow: inset 0 0 5px #D6D6D6;
    margin:auto;  
    min-width:215px;
}

.contentArea #SRSB .srch-gosearchimg {
	display:none
}
.contentArea #SRSB .ms-sbtable-ex {
    border-collapse:collapse;
    border:0px solid transparent;
    float:none;
    width:100%;
}
.contentArea #SRSB .s4-search .srch-gosearchimg
{
	border:none!important;
	background-image:none;
	background-color:transparent;
	height:auto;
	margin-right:10px;
}
.contentArea #SRSB .ms-sbgo
{
    background:none;
    background-color:transparent;
    width:0px;
}
.contentArea #SRSB .cobSearchGo,
.contentArea #SRSB .ms-sbgo a{
	display:block;
	width:40px;
	height:30px;
	margin-right:5px;
	background-image:url('/Style%20Library/BramptonImages/Generic/branding/icon-search-blue.png')!important;
	background-repeat:no-repeat;
}

.contentArea #SRSB .cobSearchGo{
		height:40px;
}

.contentArea #SRSB .ms-sbLastcell{
        display:none;
        visibility:collapse;
}
.contentArea #SRSB input[type='text']{
	background-color:transparent;
	line-height:42px;
	height:42px;
	border:none;
	color:#1b1b1b;
	margin-left:15px;
	font-style:italic;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	background-image:none;
	border:none;
	}

.contentArea #SRSB .s4-search input.ms-sbplain {
    font-size: 100%;
    width:90% !important;
    background: none;
    border: none !important;
    height: 42px;
    padding: 0px;
}
/***search on medium Devices and Desktop***/
@media (min-width: 768px) {
	.contentArea #SRSB {
		width:70%;
		margin-left:0px;
	}
}

/**********custom calendar Grid found on /EN/City-Hall/meetings-agendas and /EN/Business/sbec/seminars-events/*****************/
/**********Meetings and Agendas Calendar Item Details at /en/City-Hall/meetings-agendas/Pages/Meeting-and-Agenda.aspx?ItemID=308*****************/

.MeetingAgendaEvent .eventDetails{
display:block; background-color:#f9fafc; border:1px dotted #a8c2e1; margin-top:15px; padding:20px
}
.ms-acal-rootdiv {
	margin-left:0px
}
.details {
	min-height:30px	
}
.details h3{
	display:block; width: 265px; text-align:right; float:left; margin-right:10px; margin-top:0px; margin-bottom:0px
}
.details span{
	display:block; width:475px; text-align:left; float:left
}

/**********end of custom calendar Grid found on /EN/City-Hall/meetings-agendas and /EN/Business/sbec/seminars-events/ *****************/

#bodyWebparts{
				margin-top:10px!important
}

/******Search Results and Faceted Search***************/
.cobCrumbContainer {
	margin-bottom:10px
}
.cobCrumbContainer .ms-sctabrx {
	white-space:normal!important; color:white!important; text-align:right; border-bottom:none; padding-bottom:4px!important}
.cobSearchBreadCrums { display:block; width:474px;background:url(/_layouts/images/alldaydefault.gif);background-position: center bottom; background-color:#FAFCFF; background-repeat:repeat-x; padding:3px; font-family:Tahoma; padding-left:6px; margin-bottom:6px; color:#3966bf; text-align:left}
.cobCrumbContainer .ms-sctabrx a {background:url(/_layouts/images/siteactionsmenugrad.gif); padding:1px 3px 3px 3px; color:white!important; text-decoration:none!important; font-weight:bold; font-size:11px!important; font-family:tahoma!important;
background-repeat:repeat-x; background-position:center top; border:1px solid #6f9dd9!important; background-color:#6f9dd9; margin-left:-6px; margin-bottom:5px}
.cobCrumbContainer .ms-sctabrx a:hover {
	background:url(/_layouts/images/siteactionsmenuhovergrad.gif);color:white; text-decoration:none; background-repeat:repeat-x; background-position:center top; border:1px solid #DB4E0A!important; background-color:#FDA020; margin-bottom:5px
}
#ctl00_m_g_ecc58b9e_7b80_4622_bc07_b3f969cc24e5_CrumbTable {
	margin-top:6px;
}
#ctl00_m_g_ecc58b9e_7b80_4622_bc07_b3f969cc24e5_CrumbTable table{
	border:none!important
}
.cobFacet td{
	background-color:#d5dbe9; padding:2px 6px; background:url(/_layouts/images/toolgrad.gif) left bottom repeat-x; border-top:1px solid #DAEAFF; border-bottom:1px solid #BFDCFF; 
}
.cobFacet{
	font-family:Tahoma; font-size:12px; font-weight:bold; color:#092d62!important
}
.cobCrumb{
font-family:Tahoma!important; color:#092d62!important; background-color: #ECF4FF; padding:2px
}
.cobCrumbHover{
font-family:Tahoma!important; color:#092d62!important; background-color:#fff5d5; padding:2px
}
.cobCrumbHover span {
	background-color:#fff5d5
}
.cobCrumbHover input  {
	display:none
}

.cobCrumb input  {
	display:none
}

/*special terms*/
.srch-BB-SpecialTerm {
	margin-bottom:0px!important
}
.srch-BestBetsWPTitle{
	font-family:Tahoma!important; color: #092d62!important;font-size:14px!important;}
.srch-BB-SpecialTerm b{
	font-family:Tahoma!important; color: #092d62!important;font-size:14px!important;}
div.srch-BestBets {padding-top:5px;
}
.srch-BestBetsWPTitle{text-transform:uppercase;				
} 
.srch-results a{
				COLOR: #1270df!important; text-decoration:none }
.srch-BestBets a{
				COLOR: #1270df!important; text-decoration:none }
.srch-results a:hover{
				COLOR: #1270df!important; text-decoration:underline }

.srch-BestBets a:hover{
				COLOR: #1270df!important; text-decoration:underline }

div#facetFilterHelpText {
				position:relative
}
.searchReset {display:block; width:94px; position:absolute; left:524px; top:-60px;}
div#facetFilterHelpText {
				font-family:Tahoma; font-size:11px; color:#092d62; padding-top:10px!important; padding-left:4px!important}
.searchReset a {display:block; background:url(/_layouts/images/siteactionsmenugrad.gif);border:1px solid #6f9dd9!important; background-color:#618fcb;background-repeat:repeat-x; padding:2px 0px 5px 0px!important; color:white!important; text-decoration:none!important; font-weight:bold;font-family:tahoma!important; text-align:center}
.searchReset a:hover {
	background:url(/_layouts/images/siteactionsmenuhovergrad.gif);color:white; text-decoration:none; background-repeat:repeat-x; background-position:center top; border:1px solid #DB4E0A!important; background-color:#FDA020; margin-bottom:5px
}

/*********Refine Your Search************/
.searchRefineList {width:205px;}
.searchRefineList td {padding:0px}
.searchRefineFacet td{background-color:#d5dbe9; padding:1px 6px 3px 6px; background:url(/_layouts/images/toolgrad.gif) left bottom repeat-x; border-top:1px solid #DAEAFF; border-bottom:1px solid #BFDCFF; /*background:url(/_layouts/images/hslice.png) left bottom repeat-x; border-top:1px solid #DAEAFF;*/ }
.searchRefineFacet a{font-family:Tahoma; font-size:12px; font-weight:bold; color:#092d62!important;}
.searchRefineHit td{padding-top:6px}
.searchRefineHit a {
	font-size:11px!important; font-family:Tahoma; color:#092d62!important; margin-left:6px
}
.searchRefineHit img{
	margin-left:7px; margin-right:-8px
}
.searchRefineFacetList {margin-bottom:7px}




/**********************Custom List Views (Simple, Grouped and Custom Elements)**************************/
.GroupedListView .firstRow th {
				font-size:89%!important
}
.GroupedListView td {
				font-size:89%!important
}
.CustomListView .firstRow td, .GroupedListView .firstRow td{padding:3px; background-color:#D8DEE7; font-weight:bold; color:#092d62; border-right:2px solid #fff; border-bottom:2px solid transparent; vertical-align:bottom}
.GroupedListView .firstRow th{padding:3px; background-color:#D8DEE7; font-weight:bold; color:#092d62; border-right:2px solid #fff; border-bottom:2px solid #fff; vertical-align:bottom}

.CustomListView .firstRow td {
	text-align: center; font-size:110%;
}
.CustomListView tr td{
	border-bottom:1px #D8DEE7 dotted;}
.GroupedListView .detailRows td { padding:3px; background-color:#F4F8FB; border-right:2px solid #fff; border-bottom:2px solid #fff}
.GroupedListView H2{margin-top:14px; margin-bottom:2px; margin-left:0px}
.GroupedListView #Group0 H2 img {display:none}
.GroupedListView img {margin-left:0px!important; margin-top:2px  }
.GroupedListView a span{
	color:#1270df!important
}
.GroupedListView h2 a{color:#092d62!important; font-weight:bold;}
.GroupedListView tr#group0 td{padding-top:8px}
.GroupedListView tr td{border-right:2px solid #fff}	
.GroupedListView #group1 td a {font-weight:bold}
	
.GroupedListView tr#group0 td a {font-weight:bold}
	
/**********************End of List Views Custome Elements**************************/





/********  Videos list View (items and srcroll) *******************/
div.scrollable {/*displays a scroll bar when the list it's bigger than 265px height*/
overflow:auto;
height: 265px; width: 240px;
scrollbar-base-color:white;
scrollbar-arrow-color:#f6f7f9;
scrollbar-3dlight-color:#f1f2f6;
scrollbar-darkshadow-color:#f1f2f6;
scrollbar-face-color:#092d62;
scrollbar-highlight-color:#f1f2f6;
scrollbar-shadow-color:#f1f2f6;
scrollbar-track-color:#f1f2f6;
}
#videoWrapper{
	background-color:#e3eaf2;			
}
.nowPlaying{
	background-color:#e3eaf2;			
}
a.videoLink {text-decoration:none!important}
/******** End of Videos list View **************************/


/*********employment workopolis IFRAME************/
body#bodyContent Table {
	width:100%!important;
}
.leftcolumntitle {
	display:none!important
}
.dataheadline1 {
	display:none!important
}
.datatablehead td{
	font-size:105%; background-color:#D8DEE7; font-weight:bold; color:#092d62; border-right:1px solid transparent; border-bottom:2px solid transparent; vertical-align:bottom
}
.datatablehead td a:visited {font-size:110%; color:#092d62!important;}
.datatablehead td a {font-size:110%; color:#092d62!important;}
.datatablehead td a:visited { text-decoration:underline}
.datatablehead td a:hover { text-decoration:underline}
.dataoddrow td {border-bottom:1px #D8DEE7 dotted;}
.dataevenrow td {border-bottom:1px #D8DEE7 dotted;}
.dataoddrow a{}
.dataevenrow a{}
.datatablehead img { margin-left:6px; vertical-align:middle }

.leftcolumn td {
	border:none!important; background-color:#F4F8FB; padding:2px 6px 2px 4px;}
	
/***********************ROAD WORKS DETAILS***********************/
.roadWorksDetails {
	width:100%!important;
}

#ctl00_m_g_4c252625_2717_4bbf_b631_2037e8d5ab13 table {
	width:100%!important;
}
/*********************END OF ROAD WORKS DETAILS********************/




/**************Expand Collapse effect within content (currently used on Building Division Pages)**********/
	a.ShowHide{
		text-align:right; color:#092d62!important; display:block; padding-right:18px; background-image:url(/_layouts/images/dlmax.gif); background-repeat:no-repeat; background-position:right 3px;
		font-size:12px!important; text-decoration:none!important; font-weight:bold; margin-bottom:-4px; margin-top:-4px;		
}
	
	a.slideDown  {
	background-image:url(/_layouts/images/dlmax.gif)!important; background-repeat:no-repeat; background-position:right 3px; }

	a.slideUp  {
	background-image:url(/_layouts/images/dlmin.gif); background-repeat:no-repeat; background-position:right center; }
/************Annual Reports************/
#AnnualReports .ReportItem{
	display:inline-block; float:left; text-align:center
}
#AnnualReports .ReportItem img{
	margin:6px 15px 20px 15px;
	border:none;
}
/*******Tax Bill info******* /EN/residents/Taxes-Assessment/taxation/Pages/Welcome.aspx*/
/***responsive****/
.TaxBillInfo div{
	background-color:#F2F5F9;
	border:1px solid  #97AAC6;
	padding:5px;
}
.TaxBillInfo h3{
	margin-top:5px;
}

.TaxBillInfo img{
	float:none
}	
@media (min-width: 1200px){
.TaxBillInfo div{
	min-height:240px;
	margin-left:420px;
}
.TaxBillInfo img{
	float:left
}
}
/*************Search Quicklinks Drop Down********/
/******currently not in use*******/
#topInquiries
        {
        background-color:#b7cce5;
        margin: 0px;
        border: #092d62 1px solid;
        width:170px;
        color:black;
        width:187px!important;margin-left:2px;
        } 

        #topInquiries ul
        {
        margin:0px; 
        padding:1px;

        }

        #topInquiries li
        {
        list-style:none;
        list-style-type:none;
        line-height:14px; display:block;
        }
        
#topInquiries li a{BACKGROUND-POSITION: 2px 8px;  padding:2px;	PADDING-LEFT: 10px;	BACKGROUND-IMAGE: url(/images/bulletBlue.gif);	BACKGROUND-REPEAT: no-repeat;
				text-decoration:none; color:#092d62; font-family:Tahoma; font-size:8pt; font-weight:normal; display:block;
}
#topInquiries li a:hover {
				text-decoration:none; background-color:#94b1d3; color:black;
}

/**********right nav OOB table views************/
#cobRightNav .ms-viewheadertr {/*hides the first Row (TH)on lists views*//*/EN/Online-Services/Pages/MainandWellingtonCam.aspx*/
	display:none!important;
}
#cobRightNav .ms-alternating { /*hides the alternating background color on lists views*/
	background-color:transparent!important;
}
#cobRightNav .ms-vb2 {
	border-right:none!important
}


/****webparts on Body Content styles overrides******/
/****http://wwwauthoring.brampton.ca/EN/City-Hall/HaveYourSay/Pages/HaveYourSay.aspx****/

.ms-rte-wpbox{
	font-family:"Segoe UI",'Open Sans',Arial,Helvetica,sans-serif;
	  color:#1b1b1b;
	  font-size:100%; /*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%; 

}
/***user agent override styles for chrome******/
table {
	border-color:transparent!important
}

/**************News listings**********************/
/************** in the news *************/
.news{
	padding-right:0px;
	padding-left:0px
}
.news h2{
	margin-left:15px;
}

.news .newsItem{
padding:6px 10px;
border-bottom:1px solid #E8E8E8;
min-height:60px;
clear:both
}
.news .newsItem:first-child{
	margin-top:-8px;
}
.news .newsItem:hover, .news .newsItem:focus {
   background-color:#F2F2F2;
   background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#F2F2F2));
   background-image:-webkit-linear-gradient(top, #ffffff, #F2F2F2); 
   background-image:-moz-linear-gradient(top, #ffffff, #F2F2F2);
   background-image:-ms-linear-gradient(top, #ffffff, #F2F2F2);
   background-image:-o-linear-gradient(top, #ffffff, #F2F2F2);
}
.news .newsItem .date{
	width:52px; height:50px; overflow:hidden;
	text-align:center; 
	background:#F2F2F2;
	-webkit-border-radius:2px; 
	-moz-border-radius:2px;  
	border-radius:2px;
	float:left;	
	margin-left:6px;
}

.news .newsItem:hover .date, .news .newsItem:focus .date{
	background:#0056ac;
	color:#fff;
}

.news .newsItem .date span{
	display:block;
	height:18px;
	font-size:14px;
}
.news .newsItem .date .dayMonth {
	margin-top:5px;
}
.news .newsItem a{
	color:#1b1b1b!important;
	text-decoration:none;
	display:block;
	margin-left:60px;
}

.news .newsItem p{
	margin:0px;
	margin-bottom:4px;
	text-decoration:none;
	color:#272727;
}
.news .viewAll{
	font-size:90%;
	background:#F2F2F2;
	background-image: url('/Style%20Library/BramptonImages/Generic/branding/mobileNav_selected_arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding:3px 20px 5px 5px;
	border-radius:3px;
	color:#1b1b1b;
	margin-top:15px;
	display:inline-block;
}

@media (min-width: 768px){
	.news h2{
		margin-left:0px;
	}
	.news .newsItem{padding:10px 0px;
	min-height:69px;}
}

/***************thumbnail listings (Thumbnail Image - Title - Description*****************/
/*****************used on /EN/Arts-Culture-Tourism/arts-walk-of-fame/Pages/Inductees.aspx***********************/
#ThumbnailView .thumbnailItem{
	padding: 3px;
	border: 1px solid transparent;
	min-height:90px;
}
#ThumbnailView .thumbnailItem img{
	padding:3px; border:1px solid #ddd!important;
	background-color:#fff;
	float:left;
	width:110px;
}

#ThumbnailView .thumbnailItem:hover{
	/*border: 1px solid #DDD;
	background-color:#f6f6f6;*/
}
#ThumbnailView .thumbnailItem:hover img{
	background-color:#DDD;
}


#ThumbnailView .thumbnailItem a h3{
	font-size:115%;
	font-weight:600;
	margin-left:115px;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
}

#ThumbnailView .thumbnailItem p{
	margin-left:115px;
	font-size:85%;
	margin-top:0px;
}
@media (min-width: 480px){
	#ThumbnailView .itemwrapper.col-sm-6{
		width:50%;
		float:left;
	}
	#ThumbnailView .thumbnailItem{
		padding: 6px;
		min-height:240px;
		overflow:hidden;
	}
	#ThumbnailView .thumbnailItem img{
		float:none;
		width:100%;
		padding:8px;
	}
	#ThumbnailView .thumbnailItem a h3{
		font-size:115%;
		font-weight:600;
		display:block;
		margin-left:0px;
	}
	#ThumbnailView .thumbnailItem p{
		margin-left:0px;
	}
}
@media (min-width: 768px){
	#ThumbnailView .thumbnailItem{
		min-height:300px;
	}
}
@media (min-width: 1200px){
	#ThumbnailView .thumbnailItem{
		min-height:260px;
	}

}
/************twitter feeds*************/
/************(/EN/Business/edo/Film-In-Brampton/Pages/Welcome.aspx)**********/
.twitterFeed{
	margin-left:-15px;
	margin-right:-15px;
	padding:20px 15px;
	background-color:#f2f2f2;
	border-top:1px solid #D4D4D4;
}
.twitterFeed h2{
	margin-top:0px;
	display:inline;
	line-height:36px;
}

.twitterFeed IFRAME{
	width:100%!important;
	min-height:250px!important;
}

.twitterFeed a.followTwitterUser {
	width:245px;
	background:url('/Style%20Library/BramptonImages/Generic/socialIcons/twitter-bird.png') no-repeat 6px center;
    font-size:18px!important;
    font-weight:400;
    font-style:italic;
    padding-left:26px;
    color:#00275A!important;
    text-decoration:none!important;
    line-height:36px;
}

.twitterFeed a.twitter-timeline {
	visibility:hidden
}
@media (min-width: 768px) {
	.twitterFeed{
	background-color:transparent;
	border-top:none;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
}
}
/***********page navigation on bottom of some list views****************/
/**********EN/residents/recreational-Activities/Pages/recreationsearch.aspx******/
table.pagebar tr{
	border-top:1px solid #e8e8e8;
}
table.pagebar td{
	padding-top:4px;
	padding-bottom:4px;
}
table.pagebar td span,
table.pagebar td a{
	display:inline-block;
	border-radius:2px;
	padding-right:5px;
	padding-left:5px;
}
table.pagebar td span{
	font-size:90%;
	font-style:italic;
}
table.pagebar td a[disabled="disabled"]{
	color:#000;
	background-color: #F3F5F8;
}
table.pagebar td a[disabled="disabled"]:hover{
	color:#000;
	background-color: #F3F5F8;
	text-decoration:none;
}
table.pagebar td span.navNext,
table.pagebar td span.navPrev{
	margin-right:10px;
	width:28px;
}

table.pagebar td a.navNext,
table.pagebar td a.navPrev{
	background-repeat: no-repeat;
	background-position: center center;
	padding-right:0px;
	padding-left:28px;
	line-height: 28px;
	width:28px;
	overflow:hidden;
	background-color: #F3F5F8;
	font-weight: normal;
}

table.pagebar td a.navNext{
	margin-right:10px;
	float:right;
	background-image: url('/Style%20Library/BramptonImages/Generic/branding/right_blue_arrow.png');
}
table.pagebar td a.navPrev{
	margin-left:10px;
	float:left;
	background-image: url('/Style%20Library/BramptonImages/Generic/branding/left_blue_arrow.png');
}

table.pagebar td a:hover,
table.pagebar td a:focus{
	background-color: #D7DDE8;
}

@media (min-width:480px){
	table.pagebar td span,
	table.pagebar td a{
		display:inline-block;
		border-radius:2px;
		padding-right:8px;
		padding-left:8px;
	}

	table.pagebar td span.navNext,
	table.pagebar td span.navPrev{
		margin-right:10px;
		display:inline-block;
		width:54px;
	}
	table.pagebar td a.navNext{
		padding-right:20px;
		padding-left:3px;
		width:auto;
		background-position: right center;

	}
	table.pagebar td a.navPrev{
		padding-left: 20px;
		padding-right:3px;
		width:auto;
		background-position: left center;
	}
}
@media print{
table.pagebar {
	display:none
}
}
