html,
body
{
	position:relative;
	font-size: 16px;
	height:100%;
    color: #555559;  /* cool gray */
    line-height: 1.7;
}

/* General */
/* =========== */
a:hover{
    color: #00abec;
}
a:focus{
	outline:none;
}
.h1, h1 {
    font-size: 35px;
}
.h2, h2 {
    font-size: 20px;
}
.h3, h3 {
    font-size: 18px;
}
.h4, h4 {
	font-size:17px;
}
h1,h2,h3,h4 {
  color:#1a1a1a;
}

iframe { border: none; }

textarea{
	resize:none;
}

header a, header a:focus, header a:hover, .alert a:hover, .alert a:focus, 
#footernavbar a:hover, #footernavbar a:focus, .panel a:hover, .panel a:focus,
.sectionnav a:hover, .sectionnav a:focus, .faq a:hover, .faq a:focus,
.sitelinks li a:hover, .listingitem a:hover, .listingitem a:focus{
	text-decoration: none;
}
#noscript{
	width: 100%;
	height: 50px;
	background-color: #FFCC66;
	text-align: center;
	padding: 5px;
}
img.lazy {
  display: none;
}
.collapsecontent{
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}
span.glyphicon, i.fa{
	margin-right:5px;
}
.required{
	color: red;
}

.inputError{
	border-color:red !important;
}
.fa_email_icon, .mailto, .fa_phone_icon, .fa_fax_icon, .bomgarChat, .libraryh3lp{
	display:inline-block; 
}
.fa_email_icon .btn, .mailto .btn, .fa_phone_icon span, .fa_fax_icon span, .contactbody .chatbutton .btn {
	text-align:left;
	vertical-align: inherit;
	line-height: inherit;
}
.fa_phone_icon .numcontact, .fa_fax_icon .numcontact, .fa_email_icon .btn, .bomgarChat .btn, .libraryh3lp .btn{
	display:inline-block;
	padding:6px 12px;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size:14px;
	min-width:150px;
	width:100%;
}
.chatbutton a:hover{
	text-decoration:none;
}

.mailto span{
	text-decoration: underline;
	cursor: pointer;
}

/* Layout */
/* =========== */
#mainwrapper{
 	min-height: 100%;
 	height:auto;
}
#mainwrapper .navbar{
	margin-bottom:0;
}
#sitelogo{
	float:left;
	margin-right: 40px;
	margin-top:5px;
}
#mainheader .sitelinks li{
	display:inline-block;
	padding: 5px;
	margin-right:2px;
	margin-top: 12px;
	float:left;
}
#mainheader .sitelinks li a{
	color:#000;
}
#mainheader form{
	float:right;
	width:33%;
}
#mainheader .mobilebtn{
	float:right;
}
#mainheader .btn{
	position:relative;
}
#msheader{
	background-color: #456466;
	margin-top:5px;
}
#msheader span.sectionTitle{
	float:left;
	margin:15px 0;
	font-size:25px;
}
#msheader span.sectionTitle a{
	color:#FFF;
}
#msheader .sectionRight{
	float:right;
	margin:15px 0;
}
#msheader .sectionRight a{
	outline: none;
}
#msheader .sectionRight .navbar-toggle{
	color:#FFF;
	padding:0 5px;
	margin: 5px 0;
	border:1px solid;
}
#msheader .linkswrapper{
	float:left;
}
#authUser:empty{
	display:none;
}
#authUser{
 	float:left;
	margin: 25px 0 0 15px;
	font-size:14px;
}
#authUser .authLabel{
 	margin-right:3px; 
}
#authUser>a::before{
	content: "(";
}
#authUser>a::after{
	content: ")";
}
#authUser a, #authUser a:hover, #authUser a:focus{
	color: #FFF;
	text-decoration:none;
}
#authUser .fa{
	margin:0;
}

/* Nav Bar */
/* ============== */
#navbar li a{
	color:#333;
	font-size: 14px;
    padding:5px;
}
#navbar.secondnav li.parentlink a{
	font-size:20px;
}
.navbar-nav li.selected{
	background-color: #EDEDED;
}
.secondnav ul{
	list-style: none;
	padding:10px 0;
}
.secondnav ul li{
	padding: 3px 0 0 0;
}
.secondnav ul.sub_subnav{
	list-style: none;
	padding:0;
}

.secondnav .navbar-nav i.subnavtoggle{
	margin-right:0;
	margin-left:2px;
}
#navbar .subnav li a{
	padding: 0;
}
.secondnav ul.subnav .container>li.parentlink{
	display:block;
	float:none;
	width:100%;
	padding-top:10px;
}
.secondnav .subnav li.sameheight{
	margin-bottom:0;
}
.secondnav .subnav{
 	display:none;
}
.secondnav .subnav.row{
	margin:7px 0 0 0;
	z-index:10000;
}
.subnavmenu{
	margin-bottom:10px;
} 
.mmcta{
	display:none;
	background-color: #CCCCCC;
}
.mmcta .mmalert{
	margin: 10px 0;
	padding: 0 20px;
}
#navbar .mmcta .mmalert a{
	color:#0E1B34;
}
.mmcta .mmalert:first-child{
	border-right:1px solid #999;	
}
.mmcta .mm-alert-title{
	font-size:24px;
}
.mmcta .mm-alert-desc{
	display:block;
	padding:0 10px;
}
.secondnav ul.multilevel-linkul-0, .secondnav ul.multilevel-linkul-0 ul{
 	display:none;
	list-style: none;
	padding:5px;
}
.secondnav .secondnavtoggle{
 	display:none;
	float:right;
 	padding:2px 5px; 
	margin:0;
	color:#999;
}
.secondnav .secondnavtoggle:hover{
	color:#666;
}

#mobile-search{
	margin: 5px 15px 0 15px;
}

#mssubnav{
	display:none;
}
#mssubnav.navbar{
	min-height: 30px;
	margin-bottom: 8px;
	color: #ddd;
}
#mssubnav .navbar-header{
	background-color: #1a1a1a;
}
#mssubnav .navbar-brand{
	height: 30px;
	padding:10px 0;
	margin-left: 10px;
}
#mssubnav .navbar-nav{
	margin-top:10px;	
}
#mssubnav .navbar-nav > li > a{
	border:none;
}
#mssubnav .navbar-nav li span {
    color: #929292;
}
#mssubnav .navbar-nav li span a{
	color: #1a1a1a;
}
#msnavbar ul{
	margin-top:0;
}
#msnavbar li>span{
	padding: 0 0 5px 5px;
    margin: 0 8px 5px 0;
    line-height: 20px;
    position: relative;
    display: block;
}
#msnavbar li>span>a{
	padding:0;
	margin:0;
}
#mssubnav .navbar-toggle{
	margin:0 10px 0 0;
	padding: 7px 25px;
}
#mssubnav .navbar-collapse{
	padding-left: 10px;
}
#mssubnav span.btnchevron{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.breadcrumb {
    font-size:14px;
    padding-top: 5px;
    margin-bottom: 10px;
    background-color: #FFF;
}
ol.breadcrumb li a {
    border-bottom: 2px solid #00abec;
    color: #333;
    text-decoration:none;
    padding: 5px;
}
.breadcrumb>li+li:before { padding: 0 5px; color: #ccc; content: "|"; }

.rotated{
  -ms-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
#maincontent .categorysections h1{
	margin-top:0;	
}
#mainpromo{
	background-color: #c7c7c7;
	padding-top: 35px;
	padding-bottom: 30px;
	margin:15px 0;
}
.footer {
	height:auto;
	background-color: #666;
	margin-top:15px;
	padding:15px 0;
	color:#FFF;
	font-size: 14px;
	line-height:2.0;
}
.footernav{
	margin-right:-15px !important;
	margin-left:-15px !important;
}
.footernav ul{
	background-color:#FFF;
	padding:5px;
	list-style:none;
	margin:7.5px 0;
}
.footernav>ul>li{
	width:25%;
	
}
.footernav .multilevel-linkul-1{
	display:none;
}

.footernavtoggle{
	display:none;
	color:#666;
	padding:5px;
}
.footerlinks{ margin-top:10px;}
.footerlinks ul{
	text-align: left;
    padding-top: 0;
	padding-left:0;
	margin-top: 0;
	margin-bottom:5px;
}
.footerlinks li, .sociallinks li{
	list-style: none;
	display: inline-block;
}
.footerlinks li a{
	color:#FFF;
	text-decoration: none;
	margin: 0 5px;
	font-size: 12px;
}
footer hr.divider {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #333;
}
.sociallinks .socialheader{
	font-size:18px;
	margin-right:10px;
	vertical-align:middle;
	color: #FFF;
}
.sociallinks ul{
	padding-left:0;
	display:inline-block;
}
.sociallinks li i{
	display:block;
}
.sociallinks li {
 	color:#FFF;
 	text-decoration: none;
}
.sociallinks ul.social{
	margin-top:0;
}
.fa-stack-1x {
    color:white;
}
.facebook, .sociallinks .facebook:hover .fa-stack-1x{
	color:#3A5795;
}
.twitter, .sociallinks .twitter:hover .fa-stack-1x{
	color:#55acee;
}
.youtube, .sociallinks .youtube:hover .fa-stack-1x{
	color: #cd201f;
}
.facebook, .twitter, .youtube{
	-webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.sociallinks .facebook:hover,.sociallinks .twitter:hover,.sociallinks .youtube:hover{
	color:#fff;
}
.socialiconsright { margin-bottom:10px;}
.socialiconsright a{
	display:inline-block;
	text-decoration:none;
	margin-right:10px;
}
#impliedsubmit, #explicitsubmit{
	color: #000;
}
.gmap{
	height:250px;
	margin-bottom: 10px;
}
.gmapcanvas{
	height:100%;
    margin: 0px;
    padding: 0px
}
.sectionnav{
	margin-bottom: 15px;
}
.sectionnav li{
	padding:10px;
}
.sectionnav .active{
	background-color: #337AB7;
	color: #FFF;
}
.sectionnav .menuparent, *.sectionnav .menuparent.active {
    background-color: #1a1a1a;
    padding: 10px;
}
	
#rightcta .alert, #localcta .alert, .bldgaddress{
	margin-bottom:10px;
	padding: 5px;
}

#rightcta .alertimg, #localcta .alertimg{
	width:50%;
	float:right;
	margin-right: 10px;
}
#rightcta .alertimg img, #localcta .alertimg img{
	width:100%;
}
#rightcta .alertbody, #localcta .alertbody{
	float:right;
}
.bldgaddress{
	border:1px solid #ddd;
}
.bldgaddress .bldgaddressheader{
	margin-bottom:10px;
	font-weight:600;	
}
.bldgaddress .gmap{
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
}
#righthub .panel-title{
	font-size: 14px;
}
.faqlisting {  
	margin-bottom:15px;
}
.faqtitle {
    border-bottom: 1px solid #DDDDDD;
 /*   padding-bottom: 10px; */
}
.faq {
	padding:8px; 
/*	padding-bottom:10px; */
	border-bottom:1px solid #ddd;
}
.faq .question {
 	color: #009D3A;
 	display: block;
 	font-weight:bold;
}
.faq .answer{
	margin-left:20px;
}
.sameheight .panel{
	height:100%;
	margin-bottom: 0;
}
.sameheight{
	margin-bottom: 15px;
}
.summary {
    font-size: 18px;
    padding-top: 10px;
}
.siteModalLaunch{
	display: inline-block;
	margin-bottom:10px;
}

/* Autocomplete for search */
/* ==================== */
span.twitter-typeahead {
  width: 100%;
  display:table !important;
}
span.tt-dropdown-menu { 
  width: 100%;
  margin-top:3px;
  padding:8px;
  background: #fff;
  text-align: left;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.tt-suggestion.tt-cursor {
  background-color: #fafafa;
}
.tt-hint {
  color: #aaa;
}
.tt-input, .tt-hint{
	border-top-left-radius: 4px !important;
  	border-bottom-left-radius: 4px !important;
} 

/* Popovers*/
/* ================ */
.alertnotifications i{
	color: #760C0C;
}
.alertbox{
	float: left;
    margin: 6px 3px;
}
.alertbox .badge{
	background-color:#760C0C;
	border-radius:0;
}
.alertbox a, .alertbox a:hover, .alertbox a:focus{
	color: #000;
	text-decoration:none;
}
.alertbox .fa{
	margin-right:2px;
}
.alertbox .alert,  .alertbox .btn{
	display: none;
	margin-bottom: 10px;
}
.popover-header {
    padding:8px 14px;
    background-color: #A8A4A4;
    border-bottom:1px solid #ebebeb;
    -webkit-border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    min-width:200px;
}
#quicklinkscontent{
	display:none; 
}
.quicklinkpopup{
	display:block;
 	margin:5px;
	color:#FFF;
}
.quicklinkpopup .qlLabel{
	border:1px solid #FFF;
	padding: 0 5px;
}
.quicklinkpopup .qlIcon{
 	display:none;
}
a.quicklinkpopup:hover, a.quicklinkpopup:focus{
	color:#FFF;
}
.quicklinks{
	margin-bottom: 10px;
}
.quicklinks ul{
	padding:0;
}
.quicklinks ul li{
	display:table;
	width:50%;
	height:auto;
	float:left;
	padding:5px;
}
.quicklinks ul li a{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	padding:10px;
	-moz-box-shadow:4px 4px 4px #888;
	-webkit-box-shadow:4px 4px 4px #888;
	box-shadow:4px 4px 4px #888;
	border:1px solid #CCC;
}
.quicklinks ul li a:hover{
	background-color:#E3E0E0;
}
.quicklinks a{
	text-decoration:none;
}
.linkswrapper .popover-content{
	padding: 9px 8px;
}
.popover{
	max-width:320px;
}
.popover-header .close{
	margin-top:-3px;
}
.popover-title {
    margin:0;
    padding:0;
    background-color: transparent;
    border:none;
    font-weight:600;
}

/* Important Now Central Promo */
/* ===================== */
.importantnowcol{
	padding:0;
	margin-bottom:10px;
}
.importantnowcol a{
	text-decoration: none;
	display:block;
	color: #333;
}
.importantnowcol .inwrap{
	background-color: #FFF;
	margin-left:5px;
	margin-right:5px;
}
.importantnowcol .sameheight{
	margin-bottom:0;
}
.importantnowcol .media-object{
	width: 165px;
}
.importantnowcol .media-left{
	padding-right:0;
}
.importantnowcol .media-body{
	padding:0 10px;
}
.importantnowcol .media-heading{
	margin-top:5px;
	margin-bottom:5px;
	font-weight: 600;
	line-height: 1.3	
}
.smalldesc{
	display: block;
	font-size: 12px;
	padding-top:4px;
	font-weight:400;
}
.picabove .media-left{
	display:block;
	overflow:hidden;
	align:center;
}
.picabove .media-object{
	width:100%;
}
.picabove .media-body{
 	max-height:100px; 
}
.picspan1{
	width:100%;
}
.picspan2{
	width:50%;
}

/* Listings */
/* ==========  */
#newslisting, #eventslisting, #youtubelisting, #pinboard{
	padding:10px;
}
#newslisting>h4, #eventslisting>h4, #youtubelisting>h4, #pinboard>h4{
	font-size:24px;
	margin-top:0;
	margin-bottom:10px;
}
#newslisting a, #eventslisting a, #youtubelisting a{
	color: #333;
}
#eventslisting .more, #newslisting .more, #youtubelisting .more, #pinboard .more {
	display: none;
	float:right;
	padding:10px;
}
#newslisting .morenews, #eventslisting .moreevents, #youtubelisting .morevideos, #pinboard .morepinboard{
	font-weight:600;
	float:right;
	display: block;
	width:100%;
}
#newslisting p{
	margin:0;
}
#eventslisting{
	margin-bottom:15px;
}
#youtubelisting img, .video img{
	width:100%;
}
#youtubelisting .desc, .video .desc{
	padding:5px;
	display:block;
}
.listingitem{
	margin-bottom:5px;
	padding:10px;
	border:1px solid transparent;
}
.listingitem img{
	width:100%;
	height:auto;
}
.listingitem p{
	padding:5px;
	margin:0;
}
.listingitem .sameheight{
	margin-bottom:0;
}
.listingitem:hover{
	border:1px solid #999;
	background-color: #f3f3f3;
}
.eventoverview{
	color:black;
	font-weight:600;
}
.eventdetails{
	padding-left:5px;
}
hr.divider{
	border-color: #DDD;
	margin-left:-10px;
	margin-right: -10px;
}
.eventdetails time, .eventdetails span{
	display:block;
}
#pinboard{
	margin-bottom:25px;
}
#pinboard ul.pblist{
	list-style: none;
	overflow:hidden;
	padding:20px 10px;
	width:100%;
}
#pinboard ul.pblist li{
  float:left;
}
.ie8 #pinboard ul.pblist li{
 	margin-right:10px;
 	position:relative;
}
#pinboard ul.pblist li a p{
	font-family:"Reenie Beanie","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:28px;
	margin:0;
	line-height: 1.2;
}
.ie8 #pinboard ul.pblist li a p{
	font-family: Arial,Sans-Serif;
	font-size:18px;
}
#pinboard ul.pblist li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  min-height:6em;
  min-width: 120px;
  width:100%;
  padding:8px 15px 20px 15px;
  -moz-box-shadow:5px 5px 7px #888;
  -webkit-box-shadow: 5px 5px 7px #888;
  box-shadow: 5px 5px 7px #888;
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
  -webkit-transform:rotate(-6deg);
  -o-transform:rotate(-6deg);
  -moz-transform:rotate(-6deg);
  transform:rotate(-6deg);
}
#pinboard ul.pblist li:last-child a{
	margin-bottom:20px;
}
.ie8 #pinboard ul.pblist li a{
	margin-bottom:15px;
}

#pinboard ul.pblist li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  transform:rotate(4deg);
  position:relative;
  top:5px;
}
#pinboard ul.pblist li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  transform:rotate(-3deg);
  position:relative;
  top:-5px;
}
#pinboard ul.pblist li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  transform:rotate(5deg);
  position:relative;
  top:5px;
}
#pinboard ul.pblist li a:hover, #pinboard ul.pblist li a:focus{
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,0.5);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,0.5);
  box-shadow:10px 10px 7px rgba(0,0,0,0.5);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
   transform: scale(1.15);
   position:relative;
   z-index:5; 
}
.ie8 #pinboard ul.pblist li a:hover, .ie8 #pinboard ul.pblist li a:focus{
	position: static;
}
#pinboard ul.pblist li a.departmentnote{
	background-color: #ccf;
}

#pinboard i.fa-thumb-tack{
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	margin-top: 3px;
	color: #1a1a1a;
}
#pinboard .pin {
	background-color: #aaa;
	display: block;
	height: 32px;
	width: 2px;
	position: relative;
	left: 33%;
	top: 20px;
	z-index: 1;
}
#pinboard .pin:after {
	background-color: #A31;
	background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
	            inset 3px 3px 3px hsla(0,0%,100%,.2),
	            inset -3px -3px 3px hsla(0,0%,0%,.2),
	            23px 20px 3px hsla(0,0%,0%,.15);
	content: '';
	height: 12px;
	left: -5px;
	position: absolute;
	top: -10px;
	width: 12px;
}
#pinboard .pin:before {
	background-color: hsla(0,0%,0%,0.1);
	box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
	content: '';
	height: 24px;
	width: 2px;
	left: 0;
	position: absolute;
	top: 8px;
	transform: rotate(57.5deg);
	-moz-transform: rotate(57.5deg);
	-webkit-transform: rotate(57.5deg);
	-o-transform: rotate(57.5deg);
	-ms-transform: rotate(57.5deg);
	transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
}
#pinboard .pbdate{
	display: block;
	font-weight:bold;
}

#pinboard li a .pbdate{
	position:absolute;
	right:0;
	bottom: 0;
	font-size:12px;
	padding:5px;
}

.ie8 #pinboard li a .pbdate{
	margin-bottom:15px;
}

#mdPinboardContent textarea{
	width:100%;
	height:250px !important;
}

#mdPinboardNoteTitle{
	font-weight: bold;
}
#mdPinboardNoteBody .pbdate{
	display:block;
	width:100%;
}

.btnPostNote{
	float:right;
	font-weight:bold;
}
.btnPostNote, .btnPostNote:focus, .btnPostNote:hover{
	background-color:#ffc;
	outline:none;
	font-weight:bold;
}
.pbnoteright{
	float:right;
	margin:10px;
}
.documentlisting p{
	margin:0;
}
.documentlisting .filesize{
	margin-bottom:5px;
	font-style: italic;
	font-size: 12px;
}
.documentlisting .document{
	padding-top: 10px;
	padding-bottom: 10px;
}
.imagetextwrap {
	width: 100%;
}
.colcategory ul  {
	padding-left: 0px;
}
.colcategory .panel {
  border: 1px solid #ddd;
}
.colcategory .panel .panel-heading {
  padding: 15px; 
  border:none;
}
.colcategory .panel .panel-heading h4 {
	font-weight:700;
}
.colcategory .panel-title i.fa{
	float:right;
	margin-right:0;
}
.colcategory .panel-body ul{
	margin-bottom:0;
} 
.colcategory .panel-body ul li {
	list-style: none;
	font-size: 14px;
	margin-bottom:10px; 
}
.colcategory .panel-body ul li a {
	color: #666666;
}
.colcategory .panel-body ul li a:hover {
	color: #00abec;
}
.colcategory .fa-ul{
	margin-left: 1.142587em;
}

.categorymore{
 	text-align: left;
 	text-transform: uppercase;	
    font-size: 14px;
    font-weight: 700;
 	background-color: #FFF;
}
.categorymore .fa, .headingonly .fa {
	float:left;
}
.categorymore a{ display:block;}
.categorymore h4, .headingonly h4{
	font-size:14px;
	color: #333;
	font-weight:700;
	margin-left:15px;
}
.categorymore h4:hover, .headingonly h4:hover{text-decoration: underline;}
.headingonly>i.fa{
	color: #337ab7;	
}
.headingonly:hover i.fa{
	color: #00abec;
}

/* Twitter Styles */
/* =================== */
#twtrwrapper .panel-body{
	height:450px;
	overflow: auto;
}
#twtrwrapper .autosized-media{
	width:80%;
}
.twitter-timeline{
	height:490px;
}
.tweetTime{
	float:right;
	color:#707070;
	font-size: 11px;
	margin-top:7px;
}
.tweetHeader img{
	height:30px;
	weight:30px;	
}
.tweetHeader .p-name{
	color: #292f33;
	font-weight: bold;
}
.tweetHeader a:hover span, .tweetHeader a:focus span{
	text-decoration:underline;
}
.tweetHeader a:hover, .tweetHeader a:visited, .tweetHeader a:focus,
.tweetHeader a:focus span.p-nickname, .tweetHeader a:hover span.p-nickname{
	text-decoration: none;
	outline: 0;
}   
.tweetHeader .p-nickname{
	color: #707070;
	font-size:12px;
}
.tweetContent .prettylink{
	color: #722b90;
}
ul.piped li + li:before{
	content: "| ";
	padding: 0px 8px 0px 3px;
}

/* Facebook Styles */
/* ============== */
#fbwrapper, #twtrwrapper {
	margin-bottom:15px;
}
.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
}

/* Utilities Nav */
/* ============ */
#utilitiesNav{
	position:fixed;
	bottom:0;
	right:30px;
	z-index:9999;
}
#utilitiesNav .btn{
	border-radius: 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#utilitiesNav .btn:focus{
	outline: none;
}
#utilitiesNav .btnChat, #utilitiesNav #chatbox{
	display:none;
}  

/* Banner Adverts */
/* ================= */
.banner{
	width: 728px;
	height : 90px;
	overflow:hidden;
	display:none;
}
#maincontent .banner{
	margin-bottom:10px;
}
.rightbanner{
	text-align:center;
}
.banner img{
	padding: 0px 10px;
}
.bannerright{
	width: 300px;
	height : 250px;
	overflow:hidden;
	padding:0;
	display:none;
}

#pbAdvert.bannerright{
	display:block;
}

/* Event Listing */
/* ============= */
.event-list {
	list-style: none;
	margin-top:10px;
	padding: 0;
}
.event-list > li{
	margin-bottom: 10px;
}
.event-list li > ul > li{
	list-style: none;
	margin-left: 15px;
}
.calendar{
	margin:.5px 10px 10px 0;
	float:left;
	width:45px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 16px/35px "Helvetica Neue", Arial, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
}
.calendar em{
	display:block;
	font:normal bold 11px/20px "Helvetica Neue", Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#85071c;
	background:-webkit-gradient(linear, left top, left bottom, from(#85071c), to(#ce0b2b)); 
	background:-moz-linear-gradient(top,  #85071c,  #ce0b2b); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #ce0b2b;
}	
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:4px;	
	width:6px;
	height:6px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
}
.calendar:before{left:7px;}	
.calendar:after{right:7px;}	
.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;
	top:-3px;	
	width:2px;
	height:10px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.calendar em:before{left:9px;}	
.calendar em:after{right:9px;}	

/* A to Z */
/* ========  */
#azindex.affix-top {
  position: relative;
  width: 200px;
  top:15px;
}
#azindex.affix {
  top:15px;
}
#azindex.affix, 
#azindex.affix-bottom {
    width: 200px;
}
#azindex.affix-bottom {
  position: absolute;
}
#azcontent li a i.fa{
	color: #333;
	margin-left:2px;
}
.atozsection{
	margin-bottom: 30px;
}
.atozsection li{
	list-style:none;
}
#azindex.nav > li{
	margin-left: 2px;
}
#azindex.nav > li > a{
	width:40px;
	border-radius: 0;
	margin-bottom: 3px;
	border: 1px solid #999;
}
#azindex.nav > li > a:hover{
	background-color: #337ab7;
	color: #FFF;
}
#azindex.nav > li > a.disabled{
	background-color: #dddddd;
	color:#C0C0C0;
}
.panel-default>a>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-group a.collapsed+.panel-collapse>.panel-body {
  border-top: 1px solid #ddd;
}

/* Main Detail Content */
/* ================== */
.maindetail {
    margin-bottom: 40px;
}
.maindetailimg{
	position:relative;
}
.maindetailimg img{
	width: 100%;
	
}
.maindetailimg .imgdescription{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background-color:#000;
	color:#fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.maindetailimg .imgdescription_content{
	padding:15px;
	margin:0;
}
.legaltitle, .legaltext p{
	font-size: 12px;
	/* font-style: italic; */
	margin: 0;
}
.legaltitle{ font-weight:600;}
.legaltext p{ padding-bottom: 10px; }
#detailmore{
	margin-bottom: 5px;
	display:none;
}

/* Contact */
/* ============= */
.maincontact, .rightcontact{
	border:1px solid #DDD;
	padding:10px;
	margin-bottom:15px;
        background-color:#E5EAEA;
        color: #1a1a1a;
}
.maincontact.contactfeature{
	display:none;
}
.maincontact .contactheader, .rightcontact .contactheader{
	padding:8px 0;
	border-bottom: 1px solid #DDD;
	font-weight: 600;
}
.contactbody .contactimage {
	padding-right:0;
}
.contactbody .contactimage img{
 	width:100%;
 	margin-bottom:10px; 
}
.contactbody .noimg .fa_email_icon, .contactbody .noimg .fa_phone_icon, .contactbody .noimg .fa_fax_icon{
	display:inline-block;
}
.contactbody .plusminus{
 	display:block;
 	background-color: #DDD;
 	padding:5px;
 	margin: 0 0 10px 0;
}
.contactbody .plusminus, .contactbody .plusminus:focus, .contactbody .plusminus:hover{
 	text-decoration: none;
}
.contactbody .plusminus i.fa{
 	float:right;
 	margin-top:5px;
}
.contactbody .gmap{
	height: 200px;
}
.rightcontact .gmapwrapper, .rightcontact .addresswrapper{
	width:100%
}
.rightcontact .gmap{
	height: 150px;
}
.bldgaddress .fa_email_icon, .bldgaddress .fa_phone_icon, .bldgaddress .fa_fax_icon,
.rightcontact .contactbody .fa_email_icon, .rightcontact .contactbody .mailto, 
.rightcontact .contactbody .fa_phone_icon, .rightcontact .contactbody .fa_fax_icon{ 
  	display:block; 
} 
.contactrightmainfeature{
	display:block;
}



.wordwrap{
   white-space: pre-wrap;         
   white-space: -moz-pre-wrap;     
   white-space: -pre-wrap;        
   white-space: -o-pre-wrap;       
   word-wrap: break-word;      
}
/* modal pop up content type */
.modal-popup {
    background: #EAEAEA;
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    color: #1A1A34;
}

/* Login */
/* ============ */
.msgErr{
	display:none;
	color:red;
	padding:5px 0;
}
.loginwait{
	display:none;
}
.loginbtns, .submitBtns{
	float:right !important;
}

.fpwd{
	font-size:12px;
	padding:3px;
	text-align: right;
}
.loginwait, .loginbtns
{
	padding-left:0;
	padding-right:0;
} 

#mdPinboard .loading, #frmLondonMetLogin .loading{
	float:left;
	width:100%;
}
#mdPinboard .loading span, #frmLondonMetLogin .loading span{
  float: left;
  margin-left: 30px;
  margin-top: 3px;
}

#mdPinboard .modal-body .loading{
	float:none;
}

.modal{
	z-index: 10000;
}

.loading{
	height:24px;
	width:24px;
	background: url('/css/images/ajax-loader.gif') no-repeat;
	display:block;
	margin: 5px auto;
}

.fa-rss{
	color: #f26522;
}

/* Guide to */
/* ============== */
.gtHeading{
	font-weight: bold
}
.gtItem .gtImage, .gtItem .gtText{ 
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.gtItem{
	padding: 10px 0;
}
.gtItem .gtImage, .gtItem .gtText{
	width: 50%;
}
.gtItem .step{
	display:block;
	font-weight: bold;
}
.gtItem:nth-child(even).alternate .gtImage, .gtItem:nth-child(odd).alternate .gtText{
	float:left;
}
.gtItem:nth-child(odd).alternate .gtImage, .gtItem:nth-child(even).alternate .gtText{
	float:right;
}
.gtItem:last-child{
	margin-bottom:30px;
}
.gtItem img{
	padding-top:10px;
	width:100%;
}


/* jsHtmlArea */
/* ===================== */
.jHtmlArea{
	width:100% !important;
}
.jHtmlArea .h1,.h2,.h3,.h4,.h5,.h6{
	margin:0;
}

/* Document Icons */
/* ======================== */
.icon-office, .office { color : #2A5699;}
.icon-word { color : #2A5699;}
.icon-ppt { color: #D24625; }
.icon-xls { color: #207245; }
.icon-pdf, .pdf { color: #BB0706; }
.icon-document { color: #333; }

a[href$=".pdf"] .media h5.media-heading:before, a[href$=".pdf"].alert-link:before,
a[href$=".xls"] .media h5.media-heading:before, a[href$=".xls"].alert-link:before,
a[href$=".xlsx"] .media h5.media-heading:before, a[href$=".xlsx"].alert-link:before,
a[href$=".doc"] .media h5.media-heading:before, a[href$=".doc"].alert-link:before,
a[href$=".docx"] .media h5.media-heading:before, a[href$=".docx"].alert-link:before,
a[href$=".ppt"] .media h5.media-heading:before, a[href$=".ppt"].alert-link:before,
a[href$=".pptx"] .media h5.media-heading:before, a[href$=".pptx"].alert-link:before,
a[href$=".txt"] .media h5.media-heading:before, a[href$=".txt"].alert-link:before,
a[href$=".mmp"] .media h5.media-heading:before, a[href$=".mmp"].alert-link:before{
    display: inline-block;
    margin-right: 3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

a[href$=".pdf"] .media h5.media-heading:before, a[href$=".pdf"].alert-link:before{
	content: "\f1c1";
	color: #BB0706;	
}
a[href$=".xls"] .media h5.media-heading:before, a[href$=".xls"].alert-link:before,
a[href$=".xlsx"] .media h5.media-heading:before, a[href$=".xlsx"].alert-link:before{
	content: "\f1c3";
	color: #207245;
}
a[href$=".doc"] .media h5.media-heading:before, a[href$=".doc"].alert-link:before,
a[href$=".docx"] .media h5.media-heading:before, a[href$=".docx"].alert-link:before{
	content: "\f1c2";
	color: #2A5699;
}
a[href$=".ppt"] .media h5.media-heading:before, a[href$=".ppt"].alert-link:before,
a[href$=".pptx"] .media h5.media-heading:before, a[href$=".pptx"].alert-link:before{
	content: "\f1c4";
	color: #D24625;
}
a[href$=".txt"] .media h5.media-heading:before, a[href$=".txt"].alert-link:before,
a[href$=".mmp"] .media h5.media-heading:before, a[href$=".mmp"].alert-link:before{
	content: "\f0f6";
	color: #333;
}




/*
	Media queries
    =============
*/

@media (max-width: 991px){
	.importantnowcol, #eventslisting .listingitem { width:50%; }
	.picspan3{ width:33.33%; }
	.picspan6.colitem6, .picspan6.colitem5, .picspan5.colitem5{
		width:100%;
		margin-bottom: 5px;
	}
	.picspan6.colitem6 .media, .picspan6.colitem5 .media, .picspan5.colitem5 .media{
		background-color: transparent;
	}
	.picspan6.colitem6 .media-object, .picspan6.colitem5 .media-object, .picspan5.colitem5 .media-object{
		display:none;
	}
	.picspan6.colitem6 .media-body, .picspan6.colitem5 .media-body, .picspan5.colitem5 .media-body{
		padding:0 10px 0 10px;
	}
	.footernav>ul>li{
		width:33.33%;
	}
}

@media (min-width: 769px){
	#detailbody, .mmcta{
		display:block;
	}
 	.secondnav ul.multilevel-linkul-0, .secondnav ul.multilevel-linkul-0 ul{ 
  		display:none !important; 
 	}
 	.nav>li{
		position:static !important;
	}
	.secondnav ul.subnav{
		position:absolute;
		left:0;
 		width:100%;
		padding:0;
                margin-top:11px;
		z-index:9999;
		-moz-box-shadow: 3px 8px 8px #333;
	    -webkit-box-shadow: 3px 8px 8px #333;
	    box-shadow: 3px 8px 8px #333;
	}
	.secondnav ul.subnav .container>li{
		float:left;
		width:33.33%;
		padding:5px;
	}
	#navbar .subnav li a{
	   	color:#337AB7;
	   	font-weight:600;
	   	display: inline-block;
	   	line-height: 1.3;
	}
	#navbar .sub_subnav li a{
		font-size: 14px;
		color:#1a1a1a;
		font-weight:400;
	}
	#navbar .subnav li.parentlink a{
		color:#1a1a1a;
	}  
	.secondnav .subnav{
		background-color:#EDEDED;
	}
	.secondnav ul.subnav .container>li.parentlink i.navclose{
		float:right;
		color: #666;
	}
	.secondnav ul.subnav .container>li.parentlink i.navclose:hover{
		color: #000;
		cursor: default;
	}
}

@media (min-width: 1000px){
	.secondnav ul.subnav .container>li{
		width:25%;
	}
}

@media (min-width: 1200px){
	.container-fluid {
	    width: 1170px;
	}
}

@media (max-width: 768px) {
	.h1, h1 {
		font-size:25px;
	}
	.footer hr.divider {
	 	display:none;
	}
	.maincontact.contactfeature{
		display:block;
	}
	.contactrightmainfeature{
		display:none;
	}
	#rightsidebar .sectionnav{
		display:none;
	}
	#mssubnav, .secondnav li a, .secondnav .secondnavtoggle, .footernav a{
		display:block;
	}
	.secondnav .secondnavtoggle, .secondnav .secondnavtoggle.rotated{
		padding: 10px 20px;
		margin-top:-8px;
	}
	.secondnav .subnavtoggle{
		float:right;
	}
	.navbar-nav li.selected{
		background-color: #1A1A1A;
	}
	.subnav .navclose, .sub_subnav{
		display:none;
	}
	#navbar .nav>li {
	  border-bottom: 1px solid #484747;
	}
	#navbar li a{
		padding:10px 0;
	}
	#navbar .subnav li a{
		padding:5px;
	}
	.secondnav>ul>li{
		padding: 0;
	}
	#navbar li ul.subnav {
	  background-color: #313131;
	}
	#navbar li ul.subnav a{
	  color: #eaeaea;
	}
	#navbar li ul.subnav a:hover{
	  color: #00abec;
	}
	#navbar.secondnav li.parentlink a {
    	font-size: 16px;
	}
	ul.sub_subnav{
		display:none;
	}
	.subnavmenu{
		margin-bottom:0;
	} 
	.subnav .navclose, .sub_subnav{
		display:none;
	}
	.secondnav .navbar-nav{
		margin-top:0;
		margin-bottom:0;
	}
	.secondnav ul li{
		padding: 0;
	}
	.secondnav ul.subnav .container>li.parentlink{
		padding-top:0;
	}
 	.secondnav li > a, .secondnav li > span > a{
 		margin: 0;
 		padding: 7px 0 7px 5px;
 	}
 	.footernavtoggle{
		display: block;
		width:100%;
	}
	.footernav > ul > li{
		float:left;	
		width:50%;
	}
	.footernav li ul li{
		padding: 5px 0;
 	} 
	.imagetextwrap{
		width:170px;
		float:left;
		margin-right:10px;
	}
	#newslisting h4{
		margin-top:0;
	}
	#newslisting .morenews{
		margin-top:10px;
	}
	.quicklinkpopup .qlLabel{
		display:none;
	}
	.quicklinkpopup  .qlIcon{
		display:inline-block;
	}
	
}

@media (max-width: 750px) {
	.importantnowcol{
		width:100%;
		margin-bottom: 5px;
	}
	.importantnowcol .media-object{
		display:none;
	}
	.importantnowcol.colitem1 .media-left, .importantnowcol.colitem2 .media-left{
		display:block;
		overflow:hidden;
	}
	.importantnowcol.colitem1 .media-object, .importantnowcol.colitem2 .media-object{
		width:100%;
		display:block;
	}
	.importantnowcol.colitem1 .media-body, .importantnowcol.colitem2 .media-body{
		height:auto;
		background-color:#FFF;
	}
	.importantnowcol.colitem1, .importantnowcol.colitem2 {
		width:50%;
		margin-bottom:10px;
	}
	#mainheader form{ 
		width:0;
 	}
	.picspan3.colitem3, .picspan3.colitem2, .picspan2.colitem2{
		border:none;
	}
	.picspan3.colitem3 .media-body{
		height:inherit;
	}
}

@media (min-width: 600px) {
	.colcategory .panel-body {
   		min-height:100px;
	}
}

@media (max-width: 580px) {
	.colcategory, .colcategory .sectionlisting, 
	#newslisting .featurednews .listingitem, #newslisting .secondarynews,
	#rightcta .cta, #localcta .cta, #youtubelisting .listingitem:first-child{
		width:100%;
	}
	
	#youtubelisting .listingitem, .videolisting .video{
		width:50%;
	}
	#copyright{
		margin-bottom: 15px;
	}
	.popoveradvert{
		display:none;	
	}
	.gtItem .gtImage, .gtItem .gtText{
		width: 100%;
	}
}

@media (max-width: 520px) {
	#mainheader .mobilebtn{
		position:absolute;
		top:10px;
		right:10px;
	}
	.sitelinks{
		clear: both;
		padding-left: 10px;
	}
	#msheader .navbar-toggle{
		padding-right:5px;
	}
	.footernav>ul>li{
		width:100%;
	}
	.pbnoteright{
		display:none;
	}
	#authUser a{
		padding:0;
	}
	#authUser>a::before, #authUser>a::after{
		content: "";
	}
	.authLabel{
		display:none;
	}
}

@media (max-width: 440px) {
	#newslisting .listingitem, #eventslisting .listingitem, .documentlisting .document,
	#youtubelisting .listingitem, #pinboard .pbcol, .videolisting .video{
		width:100%;
	}
	#pinboard ul{
		margin-bottom:0;
	}
	.contactbody .contactimage, .contactbody .contactnumbers{
		width:100% ;
		padding-right:10px;
	}
	.importantnowcol.colitem1, .importantnowcol.colitem2{
		width:100%;
		margin-bottom: 5px;
	}
	.importantnowcol.colitem2 .media-object{
		display:none;
	}
	.importantnowcol.colitem2 .media-body{
		padding:0 10px 0 10px;
		background-color: transparent;
		height:inherit;
	}
 	.fa_email_icon, .fa_phone_icon, .fa_fax_icon, .libraryh3lp{
    	display: block !important;
	}
	.bomgarChat{
    	display: block;
	}
	#msnavbar li>span{
		padding: 0 0 8px 5px;
	    margin: 0 8px 8px 0;
	}
	#msheader span.sectionTitle{
		font-size:22px;
	}
	.sectionRight .alertbox, .sectionRight .linkswrapper{
		margin-right: 4px;
		margin-left: 4px;
	}
	.loginbtns .loginclose{
		display:none;
	}
	#authUser{
		border:none;
		margin-top:21px;
		margin-left:10px;
	}
	
}

@media (max-width: 320px) {
	#msheader span.sectionTitle {
	  font-size: 16px;
	  margin: 20px 0;
	}
	#mdPinboard .loading span, #frmLondonMetLogin .loading span{
		font-size:14px;
	}
}

/* Print CSS */
@media print {
	.collapse {
	    display: block !important;
	    height: auto !important;
	}
	
	#accordion .panel-heading .fa, .plusminus .fa, .cta, #twtrwrapper, #fbwrapper, 
	#eventslisting .moreevents, #newslistings .morenews, #pinboard .morepinboard, 
	.sociallinks, .footernavtoggle, .footerlinks, #utilitiesNav, #rightbanner{
		display:none;
	}
	
	#mssubnav, #footernavbar, #youtubelisting{
		display:none !important;
	}
	
	a[href]:after {
   		content: none !important;
  	}
}