/*********************************************************************************************
	Project Name: Cambridge Department of Public
	Project URL: http://www.cambridgema.gov
	Description: contains style overwriting global.css needed for COC design, NewCity Layout
	Date: 20 August, 2010   
	Author: Petra Gregorova (ISITE Design, Inc.)
*********************************************************************************************/

/* Basic browser reset  */
body  {background-image:none; width: 100%; min-width: 940px;}

h1	{ color: #666; } 
h2	{ clear:both;color:#000; font-size: 1.5em; text-transform:uppercase; } 
h3	{ font-size: 1.5em; } 
	#page-home .col h3 { color: #830009; }
h4	{ color: #b0d57b; font-size: 1.4em; } 
h5	{ font-size: 1.2em; } 
h6	{ font-size: 1em; } 

img {border:1px solid #999; padding:3px;}

input, textarea { border: 1px solid #C7C9CB; }


hr {border:0;border-top: 1px dashed #999; height:1px; margin:20px 0 25px;}


div input {margin-bottom:0;}

/*---------------------------------- TABLE --------------------*/
table, thead {
	border: 1px solid #999;
}
td, th {
	font-size: 1.1em;
	padding: 8px;
}

td	{ border: 1px solid #ccc; padding: .5em;  }

/* #primary thead tr {background: url(../img/css/bg_table-th.gif) repeat-x 0 0;} */

#primary th {
	/* background: url(../img/css/bg_table-th-border.gif) no-repeat-y 0 0; */
	color:#fff;
	font-weight: bold;
	/* height:34px; */
	padding: 8px;
	text-align:left;
	border: 1px solid #999;
	background: #333;
}

/* #primary th.first, #primary th.last {background: url(../img/css/bg_table-th-border.gif) repeat-y 0 0; } */

/* #primary th.last {background-position:100% 0;}
* html #primary thead th.first {background: url(../img/css/bg_table-th-ie.gif) repeat-x 0 0;}
*+html #primary thead th.first {background: url(../img/css/bg_table-th-ie.gif) repeat-x 0 0;}
* html #primary thead th.last {background: url(../img/css/bg_table-th-right-ie.gif) repeat-x 100% 0;}
*+html #primary thead th.last {background: url(../img/css/bg_table-th-right-ie.gif) repeat-x 100% 0;} */

table.sortable {width:660px;}
.sortable td {
	border:0;
	padding: 4px 18px 3px;
}

.sortable tr.odd {background: #dbeaf1;}
.sortable th { cursor: pointer;}
#primary .sortable th a:link {color:#fff; text-decoration: underline;}
#primary .sortable th a:visited {color:#fff; text-decoration: underline;}
 
.ireports-table > p {
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
	padding: 15px 0;
	width: 100%;
}
#primary .ireports-table a {
	color: #2A5287;
	font-size: 1.2em;
	text-decoration: underline;
}
#primary .ireports-table a:hover {
	color:#63B3BB;
}

	.ireports-table .inner {
		clear:both;
		margin: 0 0 25px;
		overflow:hidden;
	}
		.ireports-table table { 
			border: none;		
			float: left;
			width: 100%;
		}
			.ireports-table td,
			.ireports-table tr,
			#primary .ireports-table th {	
				background:none;
				border:none;
				color:#000;
				font-size: 1.2em;
			}
		.ireports-table #map { 
			border:1px #000 solid;
			float:right; 
			margin:10px 15px;
		}


/*----------------------------------- Site Structure --------------------*/
#wrapper-content, #header, #content, #footer-content, #copyright {width:940px;}
#header-content/*, #nav*/ {width:720px;}

/* WRAPPER
-------------------------------------------------------------------*/
#wrapper {
	background:url(../img/css/bg_wrapper.gif) repeat-x 0 100%;
	clear:both;
	/* overflow:hidden; */
	width:100%;
    border-top:6px solid #831107;
 }

BODY.doublewide #wrapper {
    background: #fff;
}
 #wrapper-content {
	margin: 0 auto;
	height:auto;
	position:relative;
	overflow:hidden;
}

/* HEADER
-------------------------------------------------------------------*/
#header {
	color:#bfbfbf;
	height:155px;
	margin-bottom:10px;
	width:940px;
}
	#header img {border:0; padding:0;}

* html #content {  position:relative;clear:both; display:block;margin-top:15px; height:auto;}


#header-content { 
	background:#393939 url(../img/css/bg_header-content.gif) no-repeat 0 0;
	height:10em;
	padding-bottom:15px;
	position:absolute;
	right:0;
	top:155px;
	width:220px;
	z-index: 100;
}
* html #header-content {padding-bottom:0;}
#header-content ul  {font-size:1.2em;}
* html #header-content ul {margin:15px 8px 0;}

#header-content a {text-decoration:none;}
#header-content ul, #search-form ul { margin:15px 8px 15px; position:static;}
#header-content ul {border-bottom:1px solid #808080; padding-bottom:10px; }
#header-content li {display:inline; margin-left:0;}

#header-content li a, #header-content li a:link {color:#fff; font-weight:normal;margin-right:2px;}
#header-content li a:hover {color:#999;}
#header-content #alternate-txt li {zoom:1;} /* needed for IE6/7, so alternate links would be clickable */

/* search form */
#search-form {height:auto;padding-top:20px;position:relative; right:0; text-align:right;}
#search-form label {line-height:1%;text-indent:-9999em;}
#search-form input, #search-form button {display:inline;}
#search-form input {margin: 0 8px 5px 0; width:194px;}
.google-watermark {text-indent:50px;background:White url(../img/css/google_watermark.gif) no-repeat 0 0;}
ul#alternate-txt {
	border:0;
	font-weight:normal;
	left:0; 
	position:absolute;
	text-align:left;
	top:5.5em;
	width:130px;
}
body.med-shell ul#alternate-txt {
    top: 2.5em;
}
* html #search-form  ul#alternate-txt {/*left:-220px;*/ top:33px;}
*+html #search-form  ul#alternate-txt {top:30px;}
#search-form  ul#alternate-txt { top:30px;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#search-form ul#alternate-txt {top:33px;}
} 

button.search, button:hover.search {background:url(../img/css/btn_search.png) no-repeat 0 0;height:22px;margin-right:8px; }
button:hover.search {background-position:0 -22px;}

button.go {background:url(../img/css/btn_go.png) no-repeat 0 0; height:19px; text-indent: -9999em; width: 24px; display: inline; margin-bottom: 0px; margin-left: 5px; }
 * html button.go {margin-bottom: 10px;}
 *+html button.go {margin-bottom: 10px;}
button:hover.go { background-position:0 -19px; }

#header #brand {
	background:transparent url(../img/css/logo_cambridge.jpg) no-repeat scroll 0 0;
	float:left;
	height:85px;
	margin-top:0;
	width:220px;
	height: 155px;
}
#header a#crest {
	background:transparent url(../img/css/bg_crest.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:96px;
	overflow:hidden;
	text-indent:-9999em;
	width:220px;
}
* html #header a#crest { height:95px;}

#header a#crest:hover {background-position:0 -96px;}


/* TEMPLATES
-----------------------------------------------------------------------*/
/* two col, secondary on right  */
#content {
	background: url(../img/css/bg_content.gif) repeat-y 100% 0;
	/*margin:0;*/
	padding:0 0 45px 0;
}
	#page-home #content {background: none;}
BODY.doublewide #content {
    background: none;
}
#primary{margin-top: 0;margin-left:15px; width:705px;}
* html #primary { width:700px; }

#secondary {
	float:right; 
	margin:10.4em 0 0 0; 
	padding:0; 
	width:220px
}
* html #secondary {width:220px; margin-left:7px; }
	#page-home #secondary {	margin:10.4em 0 0 0; }

/* three col, secondary on right, tertiary on left  */
.interior #primary { 	
	margin-top:45px;
	margin-left:185px;
	width:520px;
}
/*.interior #primary p {margin:2px;}*/
* html .interior #tertiary {margin-left:-935px; }

.interior.wide #primary { margin-left:0;width:705px;}
* html .interior.wide #primary {width:705px;}

#page-city.interior #primary {
	position:relative;
}



/* PRIMARY
-----------------------------------------------------------------------*/
/* LINKS */
.links {display:block; height:3em; position:relative;width:715px;}

/* BREADCRUMBS */
ul#breadcrumbs {clear:both; float:left; font-size:1.1em;margin:0 0 10px 0; width:100%;}
* html ul#breadcrumbs {margin-bottom:0px;}
#breadcrumbs li {float:left; list-style:none; margin-right:7px;}
#breadcrumbs li a {margin-right:7px;}

.links ul.nav {float:left;list-style:none; margin-left:0; position:absolute; right:10px; } 
.links ul.nav.left {left:0 !important;}
.links ul.nav li {display:block;float:left; }
.links ul.nav li a {text-indent:0; padding-left:30px;}
ul.page-actions {float:left;
	float:right;
	font-size:1.2em;
	margin:0.5em 0 0 3px;
	width:12.25em;
}

ul.page-actions li {list-style:none; text-align:right;}

#primary h1 {
	border-bottom:1px solid #666;
	clear:both; 
	font-size:2.6em; 
	font-weight:normal;
	margin-bottom:12px;
}
/*  #page-city #primary h1 {clear:left;width:335px;}
* html #page-city #primary h1 {width:325px;}  */
#primary p {margin-right:25px;}

/* ALERT */
#alert-wrapper {background-color:#770E08;}
#alert-wrapper h1 { border:0;font-weight:bold; font-size:1.6em;}
#alert {background:#fff url(../img/css/bg_alert.gif) repeat-x 0 100%;}

	#alert .date {margin-right:3px;}
	#alert .more {float:right; font-weight:bold; margin-right:9px;}


/* CAROUSEL 3-col layout */
#carousel-wrapper {
	background:url(../img/css/bg_carousel-bottom.gif) no-repeat 0 100%;
	border:0;
	margin:25px 0;
	width:520px;
}
	#page-home #carousel-wrapper {background: none;}

#carousel {
	background:url(../img/css/bg_carousel-top.gif) no-repeat 0 0;
	margin: 0;
	padding-top:8px;
	width:510px;
}
* html #carousel {margin-right:0;}

#carousel h1 {color:#fff; font-size:2em;margin:5px 0 10px;}

#carousel-inner {
	background-image:none; 
	background:#292929; 
	border:3px solid #6a6a6a; 
	margin:0 9px -2px 8px;
	padding:0 13px 15px 15px;
	width:460px;
}
* html #carousel-inner {padding-left:20px;}
#primary #carousel-inner img.right {margin:0; padding:3px;}
	#page-home #primary #carousel-inner  img.left {padding:0px;}
.carousel-content {background-image:none; /* background:#292929; */ position: absolute; left: 185px;}
#primary/*-inner*/ .carousel-content p{margin-right:0;}
.carousel-content a, .carousel-content a:link, .carousel-content a:active, .carousel-content a:visited {color:#fcc057;}
	#page-home .carousel-content a {font-weight: bold;}
.carousel-content a:hover {color:#999;}

#slide-1, #slide-2, #slide-3, #slide-4, #slide-5 {
	margin-top:5px;
	background-image:none;
}
#slide-1 {z-index:50;}
#slide-2 {z-index:40;}
#slide-3 {z-index:30;}
#slide-4 {z-index:20;}
#slide-5 {z-index:10;}

#selectionmenu {
	height:18px;
	position:absolute;
	right:0;
	top:195px;
	width:150px;
	z-index:100;
}
	#page-home #selectionmenu {width: 25px;}
* html #selectionmenu {}
*+html #selectionmenu {margin-right:10px;}

#selectionmenu li {float:left; list-style:none; margin-right:7px;}
	#page-home #selectionmenu li { padding-bottom: 7px; }
* html #selectionmenu li { float:left; margin-right:5px;width:25px;}
*+html #selectionmenu li { float:left;margin-right:5px;width:25px;}

#selectionmenu a:link, #selectionmenu a:active, #selectionmenu a:visited {
	background:url(../img/css/bg_carousel-slide.png) no-repeat 0 0;
	color:#fff;
	float:left; 
	font-weight:bold;
	height:16px;
	margin:0;
	padding:3px 2px 1px;
	text-align:center;
	width:16px;
}
	#page-home #selectionmenu a:link, #page-home #selectionmenu a:active, #page-home #selectionmenu a:visited { background:url(../img/css/bg_carousel-slide-sml.png) no-repeat 0 0; height: 15px; width: 15px; padding: 0px; color: #666; font-size: 0.9em;}
* html #selectionmenu a:link, * html #selectionmenu a:active, * html #selectionmenu a:visited {padding-left:1px; width:18px;}

#selectionmenu .ui-tabs-selected a, #selectionmenu .ui-tabs-selected a:link {color:#D5411F;}
#selectionmenu li.ui-tabs-selected a, #selectionmenu li.ui-tabs-selected a:link, #selectionmenu li.ui-tabs-selected a:active, #selectionmenu li.ui-tabs-selected a:visited, #selectionmenu a:hover { background-position: 0 -20px;color:#666;}
	#page-home #selectionmenu li.ui-tabs-selected a, #page-home #selectionmenu li.ui-tabs-selected a:link, #page-home #selectionmenu li.ui-tabs-selected a:active, #page-home #selectionmenu li.ui-tabs-selected a:visited, #page-home #selectionmenu a:hover { background-position: 0 -15px;color:#666;s}
#carousel .ui-tabs-hide { display: none; }



/* CAROUSEL (home) 2-col layout 
-----------------------------------------------------------------------*/
#page-home #primary {margin-left:0;position:relative;}
#page-home #primary h1 {border:0;} 

#page-home #carousel-wrapper { margin: 25px 0; }
#page-home #carousel {background:#2a5287 none; padding:0;width:auto;}
#page-home #primary #carousel h1 {margin-bottom:3px; font-size:2.5em;}
#page-home #carousel-inner {background:none; height: 395px; width:auto; border: 0px; margin:0; }

#page-home #carousel .carousel-content {
	position:absolute;
	left:0;
	width:300px;
	height:330px;
	background-color:#2a5287;
	opacity:0.9;
	padding:15px 15px 50px 15px;
	margin:0;
	overflow:hidden;
}

#page-home #carousel .carousel-content p, #page-home #carousel .carousel-content ul { font-size:1.8em; }
#page-home #carousel .carousel-content a:hover { color:#f6d5a7;}

#page-home #slide-1 img.left, #page-home #slide-2 img.left, #page-home #slide-3 img.left, #page-home #slide-4 img.left, #page-home #slide-5 img.left {
	border: none;
	float:left;
	width: 700px; 
	height: 395px; 
	display: block; /* added fixed size to prevent bad interaction with tabs */
}
* html img.right {padding:4px;}

#page-home #slide-1, #page-home #slide-2, #page-home #slide-3, #page-home #slide-4, #page-home #slide-5 {width:auto; margin:0;}

#page-home #slide-1 {background-image:none; z-index:50;}
#page-home #slide-2 {background-image:none; z-index:40;}
#page-home #slide-3 {background-image:none; z-index:30;}
#page-home #slide-4 {background-image:none; z-index:20;}
#page-home #slide-5 {background-image:none; z-index:10;}

#page-home #selectionmenu {
	position:absolute;
	left:0;
	top:367px;
	height: 15px;
	width:300px;
	padding:0;
	margin:0 0 0 15px;
}
#page-home #selection-menu li { float:left; padding-bottom:0; margin-right: 12px; }
#page-home #selectionmenu a:link, #page-home #selectionmenu a:active, #page-home #selectionmenu a:visited { background: #fff none; color:#fff; border-radius:10px; }
#page-home #selectionmenu li.ui-tabs-selected a, #page-home #selectionmenu li.ui-tabs-selected a:link, #page-home #selectionmenu li.ui-tabs-selected a:active, #page-home #selectionmenu li.ui-tabs-selected a:visited, #page-home #selectionmenu a:hover { background: #fcc057 none; color:#fcc057;}
/** html #page-home #selectionmenu  {top:180px;}*/

/* IMAGE GALLERY 
***************************************************************************************/
.photos-wrapper {float:left; height:550px; position:relative; text-align:center;width:530px; margin: 2em 0; }
.photos-wrapper .prev, .photos-wrapper .next {left:0; position:absolute; top:160px;}
.photos-wrapper .next {left:495px;}
.photos a { display: block; /*height: 335px; line-height: 335px;*/ }
.photos a img { display: inline; line-height: 335px; vertical-align: middle; }

#controls {float:right; width:175px;}

ul#photos { clear: none; float:right; margin: 2em 0; width:175px; height: 420px; overflow: hidden; }
ul#photos li {border:1px solid #999; display:block;float:left;margin:0 6px 10px 0;  overflow:hidden; position:relative;}
ul#photos li:hover, ul#photos li.selected {border:1px solid #e79520;}
ul#photos li.odd {margin-right:0;}
ul#photos img { border:0; padding:0;}

.photo-caption {margin-top:10px;}
.photo-caption h2, .interior #primary .photo-caption p { display:block; margin:0 auto;width:457px;}
.photo-caption h2 {color:#666;font-size:2.6em; font-weight:normal;  text-align:left;text-transform:none;}
.photo-caption p {text-align:left;}

.prev, .next { 
	background:url(../img/css/icon-arrows-gallery.gif) no-repeat -2px 0;
	cursor: pointer;
	display:block;
	float:left;
	height:34px;
	text-indent:-9999em;
	width:28px;
}
.next {background-position:-35px 0;}
:hover.next {background-position: -35px -42px;}
:hover.prev {background-position: -2px -42px;}
#controls .photo-navigation {
	clear: both;
	float: none;
	list-style:none; 
	margin: 0 auto;
	padding: 0 20px 0 0;
	text-align: center;
	width: auto;
}
#controls .photo-navigation li { float:left; font-size:1.2em;height:34px;padding:2px;}
#controls .photo-navigation li.prev, #controls .photo-navigation li.next {width:25px;}
#controls .photo-navigation li.next { float: right; }
#primary #controls .photo-navigation a {border:0; padding:0; margin:0;}
#controls .photo-navigation li.page-select				{ padding: 3px 10px; text-align: center; width: 76px; }
#controls .photo-navigation li.page-select span 		{ padding: 3px 4px; }
#controls .photo-navigation li.page-select .current a 	{ color: #999; cursor: default; }


/* COL */
.col {float:left; margin:0 15px 35px 0; width:320px;}
* html .col {width:310px;  margin-right:12px; }

.col h3, .news h3 {font-size:1.5em; margin-bottom:20px; text-transform:uppercase;}
h4 a:link, h4 a:active, a:visited,
.col h4 a:link, .col h4 a:active, .col h4 a:visited {color:#2a5287; }
h4 a:hover, .col h4 a:hover {color:#999;}
.col h5 {font-size:.9em;}
.col p {font-size:1.1em;}
.col p a {clear:both; display:block;}
.col ul {font-size:1.1em; margin-left:0;}
.col li { clear:both;list-style:none;}
.col li img {margin:0 10px 10px 0;}
.col li.first {clear:both; }


.interior .col {
	border:0; 
	margin-bottom: 2em;
	margin-top: 2em;
	padding:0; 
	width:230px;
}
* html .interior .col {padding-right:9px;}
.interior.wide .col {margin-top:2em;}

.interior div.col.last {padding-top:0;}

.interior .col h3{margin-bottom:10px;}
.interior .col img { display: block; margin: 0 auto .7em auto; padding:3px;}
.interior .col img.left { margin: 0 auto .7em auto; }
.interior .col li {margin:0;}

#primary .col.right {border-left:1px solid #a7a9ac; float:left;  padding:0 0 0 15px;text-align:left; width:230px;}
* html .interior .col.right {padding-left:9px; padding-right:0; }
* html .interior #primary .col.right { margin-right:0; } /* this much specificity on a 20px right margin in global.css forcing column to wrap in ie6 */
#page-home #primary .col.right {width:340px;}
.wide #primary .col.right {width:310px; }


* html .interior.wide .col {width:305px;}

#primary .col p, .interior #primary .col p {margin-right:0; margin-bottom:1em;}

/* PAGINATION */
.pagination {clear:both; margin-bottom:15px;width:100%;}

/* PAGE-COUNT */
#primary p.page-count {color:#808285;float:left; font-size:1.1em;margin-right:25px; margin-left:0;}
#primary p.page-count a, #primary p.page-count a:visited {color:#717173; font-weight:bold;}
#primary p.page-count a:hover {text-decoration:underline;}

/* PAGE-SELECT */
#primary p.page-select {color:#231f20;text-align:right;}
#primary .pagination p.page-select { margin-right:0;position:absolute; right:0; text-align:right; top:0;}


/* FAQs */
.faq #primary h2 {
	background:url(../img/css/icon-faq-open.gif) no-repeat 0 0;
	cursor: pointer;
	font-size:1.2em;
	margin-bottom:20px;
	padding-left:20px; 
	text-transform:none; 
}
.faq #primary h2.close {background:url(../img/css/icon-faq-close.gif) no-repeat 0 0;}
	.faq #primary .answer h2 {background: none; padding-left:0px;}
.answer {margin-left:20px;}
.answer ol, .answer ul {margin:0 1.5em 1em 2em;}
.answer table {font-size: 0.8em;}


/* PROJECTS */
.panes {
	background:#FFF;
    border: 1px solid #ccc;
	height:auto;
	overflow: auto;
    padding: 1em 17px;
}
.project-page .panes { height:350px; }

#primary .panes h1 {border:0;margin:5px 0 0;}
#primary .panes h1 span{border:none;float:left; margin:0 0 5px; width:auto; }

.panes h1 a.prev, .panes h1 a.next {
	background:url(../img/css/icon-arrows-large.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:15px;
	margin:12px 7px 0 7px;
	overflow:hidden;
	text-indent:-9999em;
	width:13px;
}
.panes h1 a.next {background-position:-13px 0;  }
.panes h1 a:hover.prev {background-position:0 -15px;}
.panes h1 a:hover.next {background-position:-13px -15px;}

.panes hr {clear:both;color:#ccc; margin:0 0 10px; }

.panes h2,.interior #primary .panes ul p {margin:0;text-transform:none;}
.panes h2 {font-size:1.3em;}
.panes ul{clear:both;list-style:none; margin:0;}
.panes li {margin-bottom:1em; padding:7px 5px 5px;}
.panes li.last {margin-bottom:0;}
.panes li.even {background-color:#fbefde;}

/* --- tabs --- */
#content ul.tabs, #content ul.tabs-calendar {
	border-bottom:0;
    list-style: none;
    margin: 1.5em 0 0;
}

.tabs li, .tabs-calendar li {float:left;margin: 1px 5px 0 0;}
* html .tabs li, * html .tabs-calendar li {margin-right:0;}


/* off state - left border */
.tabs a, .tabs a span, 
.tabs-calendar a, .tabs-calendar a span {
    background: url(../img/css/bg_tabs.gif) no-repeat;
	color: #000;
	display:block;
    padding: 0 10px 0 0;
}
* html .tabs a, * html .tabs a span,
* html .tabs-calendar a, * html .tabs-calendar a span { padding-right:0;}

/* off state - right border */
.tabs a, .tabs a:active,.tabs a:focus, .tabs a:visited,
.tabs-calendar a, .tabs-calendar a:active,.tabs-calendar a:focus, .tabs-calendar a:visited {
	background-position: 100% -60px;
	font-size:1.2em;
	font-weight:bold;
    line-height: 1.2;
    padding-left: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 2;     
}
* html .tabs a, * html .tabs a.current,* html .tabs a:visited.current, * html .tabs a:hover,
* html .tabs-calendar a, * html .tabs-calendar a.current,* html .tabs-calendar a:visited.current, * html .tabs-calendar a:hover {float:left;}

.tabs a span, .tabs-calendar a span { padding: 0 0 0 10px; }

* html .tabs a span, * html .tabs a span {float:left;height:1.2em;padding-left:15px;}
*+html .tabs-calendar a span, *+html .tabs-calendar a span {height:1.2em;}
* html .tabs a, * html .tabs a span, 
* html .tabs-calendar a, * html .tabs-calendar a span { margin-right:7px;}

/* on state - left border */
.tabs a.current span, .tabs a:hover span, 
.tabs-calendar a.current span, .tabs-calendar a:hover span { 
    background-position: 0 -125px;
	color: #fff; 
	text-decoration: none; 
}
.tabs a.current,.tabs a:visited.current, .tabs a:hover,
.tabs-calendar a.current,.tabs-calendar a:visited.current, .tabs-calendar a:hover { background-position: 100% -186px;}
* html .tabs a.current, * html .tabs-calendar a.current {background-position:100% -186px;}
.tabs a.current, .tabs a:hover, .tabs a:focus, .tabs a:active,
.tabs-calendar a.current, .tabs-calendar a:hover, .tabs-calendar a:focus, .tabs-calendar a:active {
	outline: 0;
	color:#fff;
}
.tabs a span, .tabs-calendar a span {
    padding-top: 10px;
	padding-bottom: 8px;
}

/* @ Opera, use pseudo classes otherwise it confuses cursor... */
.tabs a.current, .tabs a:visited.current,
.tabs-calendar a.current, .tabs-calendar a:visited.current { cursor: text; }
/* @ Opera, we need to be explicit again here now... */
.tabs a:hover, .tabs a:focus, .tabs a:active,
.tabs-calendar a:hover, .tabs-calendar a:focus, .tabs-calendar a:active  { cursor: pointer; }

/* SECONDARY
-----------------------------------------------------------------------*/

/* CALLOUT */
#secondary .callout {
	background:#EBEBEB;
	border:0;
	border-top:1px solid #fff;
	color:#1a1a1a;
	margin-bottom:0px;
	padding:0 0 15px 0;
	width:220px;
}
#secondary h2 {margin:16px 10px 15px;}
#secondary p {margin:0 10px 1em;}

/** html #secondary .callout {border:1px solid orange;}*/

#secondary .callout a, .callout a:active, .callout a:visited {color:#2A5287;text-decoration:none;}
#secondary .callout.feature a, .callout.feature a:active, .callout.feature a:visited {color:#FCC057; }
#secondary .callout.feature a:hover {color:#FCC057;  text-decoration:underline;}
.callout.feature p {color:#fff; margin:0 13px 7px;}

	#secondary .callout h3 { background: url(../img/css/bg_home_right.jpg) repeat-x; background-color:#c7c7c7; color:white; font-size:1.4em; padding:5px 10px 3px; text-transform:uppercase;}
	#secondary .callout h4, #secondary h4 {
		color:#000; 
		font-size:1.2em;
		margin-bottom:0; 
		padding:8px 10px 0; 
		text-transform:uppercase;
	}
#secondary .contact-info h4 {
    font-size: 1.33em;
    font-weight: bold;
}
.callout ul, .callout ol {font-size:1.2em;list-style:none; margin:0;}
.callout ul, .callout p, .callout img {margin:7px 13px 0;}
.callout ul li {line-height:150%;}
.callout iframe { margin-left:10px; }

#secondary dl {font-size:1.2em;}
dl.service-hours {margin:0 13px 9px;}
dl.service-hours dt{float:left;width:100px; }

.callout label {line-height:1%; margin:0 0 3px 0;text-indent:-9999em; }
*+html .callout label {margin-bottom:-7px; }
.callout select {width:165px;}
.callout img {margin:0;}

/* CALLOUT FEATURE */
#secondary .callout.feature {
	background:#666;
	border:2px solid #484848;
	margin: 32px auto;
	padding:10px 0px;
	/*text-align:center;*/
	width:192px;
}
#secondary .callout.feature.homepage {background: none; padding: 0px; width: 194px;}
#secondary .callout.feature.noborder {border:0; padding:0;}
* html #secondary .callout.feature {width:190px; }

#secondary .callout.feature img { display:block; margin:0 auto;}

#secondary .callout.feature h3 { background:#666;color:#fff;  padding-top:0;text-align:left;}
.callout.feature img {border:3px solid #fff; padding:0;}
.callout.feature.homepage img {border:0px; padding:0;}

/* VCARD */
.vcard {font-size:1.2em; margin:0 10px;} 
.vcard strong {clear:left; float:left; text-transform:uppercase;}
.vcard .adr {display:block;}	
.vcard .type {margin-right:5px;}
.vcard abbr {border:0;}



/* TERTIARY */
#tertiary ul {margin-bottom:15px;} 

#tertiary, #nav-secondary {width: 160px;}
.interior #tertiary {margin-top:45px;}

/* added by Christoph to fix nav dissapearing in ie6 bug he caught */
* html .interior #tertiary { margin-left: -700px; }

#nav-secondary {
	background:#d3d3d3;
	border:1px solid #8b8b8b;
    float: left;
	margin-bottom:15px;
	padding:2px;	
}

#nav-secondary h2  { 
	background:url(../img/css/bg_h2-tertiary.gif) repeat-x left bottom;
	border-bottom:0; 
	color:#fff;
	font-size:1.2em;
	margin:0; 
	padding:7px 10px 25px;
}

#nav-secondary ul { 
	background:#4f5052;
	font-size:1.2em;
	list-style:none;
	margin:-5px 0 0;
	padding-bottom:10px;

}
* html #nav-secondary ul {margin-left:0;}
#nav-secondary li.active { background:transparent none; }
#nav-secondary li { border-bottom: 1px dashed #737373; margin-bottom:0.5em;padding:0 0 4px 0; margin: 0 10px 0.5em;}
#nav-secondary li a {color:#fff; text-decoration:none;}
#nav-secondary li.last {border:0; margin-bottom:0; padding-bottom:0;}
#nav-secondary li a:hover {color:#7f7f7f;}
#nav-secondary li.active li {background:url(../img/css/bullet-tertiary-nav.gif) no-repeat 0 0; }
#nav-secondary li.active a {color:#fff; font-weight:bold;}
#nav-secondary li li a, #nav-secondary li.active li a { font-size:.9em; font-weight:normal;}
#nav-secondary li li a {}
#nav-secondary li li li {line-height:100%;}

#nav-secondary ul ul {font-size:1em;}
#nav-secondary ul ul li {
	background:url(../img/css/bullet-tertiary-nav.gif) no-repeat 0 0;
	border:0; 
	margin:0; 
	padding:0 0 0 13px;
}

#nav-secondary ul ul ul {font-size:1em; margin:0;}
#nav-secondary ul ul ul li { 
	background:transparent none;
	line-height:120%;
	list-style:none;
	margin-bottom:.25em;
	padding:0;
}
#nav-secondary ul ul li.active li { 
	background:transparent none;
}

#nav-secondary ul ul ul li a, #nav-secondary ul li.active ul ul li a { color:#999999; }
#nav-secondary ul ul ul li a:hover, #nav-secondary ul li.active ul ul li a:hover {text-decoration:underline;}

#nav-secondary li ul, #nav-secondary li.active ul ul { height:0; margin:0; overflow:hidden; padding:0; }
#nav-secondary li.active ul, #nav-secondary li.active li.active ul { height:auto; margin-top:.25em; padding-bottom:5px; }

#tertiary .callout {
	background:#666; 
	border:2px solid #484848;
	clear:both;
	margin-bottom:10px; 
	overflow:hidden; 
	text-align:center;
	width:160px;
}
#tertiary h3 {text-transform:uppercase;}
#tertiary .callout h3 {color:#fff; text-transform:none;}
#tertiary .callout p {color:#fff;}
#tertiary .callout img {margin:5px 0;}

#tertiary .callout a {color:#FCC057;}
#tertiary .callout a:hover { text-decoration:underline;}

#tertiary #final-actions select {width: 125px; display: inline; clear: none;}
#tertiary #final-actions h3 { color: #830009; font-size: 1.2em; }
#tertiary #final-actions a { text-decoration: none; }
#tertiary #final-actions a.database { border-top: 1px solid #808080; border-bottom: 1px solid #808080; font-size: .9em; padding: .5em 0 .5em 0; }

/* CALENDAR 
----------------------------------------------------------------------------*/
#tertiary .block-calendar {
	border:1px solid #999;
	margin-bottom:15px;
	padding:3px;
	width:154px;
}
.block h4 { 
	background:url(../img/css/bg_h4-calendar.gif) repeat-x 0 100%; 
	color:#fff;
	float:left;
	padding:3px 0 4px;
	text-align:center;
	text-transform:uppercase;
	width:154px;
}
.block h4 span { float:left; width:100px;}
.block a.prev, .block a.next {
	background:url(../img/css/icon-arrows.gif) no-repeat 0 0;
	display:block;
	float:left;
	height:10px;
	margin:3px 0 0 7px;
	overflow:hidden;
	text-indent:-9999em; 
	width:15px;
}
.block a:hover.prev, .block a:hover.next {background-position: 0 -10px;}
.block a.next { background-position: -15px 0;float:right; margin-right:7px;}
* html .block a.prev {margin-left:3px;}
* html .block a.next {margin-right:3px;}

.block h4 a:hover.next {background-position: -15px -10px;}
table.calendar, table.calendar thead {border:0; width:154px;}
table.calendar tr {background:none;}
table.calendar 	{ background: #fff; clear:both; margin: 0 auto; }
table.calendar th,
.ajax__calendar_container thead td	{ background: #fff; border: none; }
table.calendar th {color:#000; height:25px;padding: 0; text-align:center; text-decoration:none;}
	table.calendar th.first, table.calendar th.last { background:0;}
table.calendar a, table.calendar a:active, table.calendar a:visited { color:#fff;font-weight: bold; }
table.calendar a:hover {color:#999;}
table.calendar td {
	background:#636363; 
	border:1px solid #808080;
	color:#ccc; 
	font-size:1em;
	padding:.3em 0; 
	text-align:center; 
}
table.calendar td.off-month {background:#999; }
table.calendar td.on			{ background:#e69420 url(../img/css/bg_h4-calendar.gif) repeat-x 0 100%; color:#fff; }
table.calendar td.empty			{ background: #e8e8df ; }
table.calendar td.alert			{ background: #ffd0d0; }

#tertiary .block-calendarfilter { padding-bottom:1px;position:relative;}
#tertiary input {width:154px;}
#tertiary select {clear:both; margin-bottom:10px;width:160px;}

/* iCalendar download */
#ical-download { clear:both; margin-bottom:2em; padding-left:22px; }
#ical-view {
	min-height:14px;
	padding-left:22px;
	background: transparent url('/styles/images/icon-ical.png') 0px 0px no-repeat;
	margin-bottom:.25em;
	margin-left:-22px;
}
#ical-download .ical-attr li { margin-bottom: 0; }

/* GLOBAL NAVIGATION 
*************************************************************************/
#nav {
	border-top: 6px solid #323232;
	left:0;
	position: absolute;
	top:155px;
	width:720px; 
	z-index:200;
}
* html #nav {border-top:6px solid #323232; height:31px; zoom:1;}


#nav ul {top:0;}
* html #nav ul {top:0;}

#nav ul a, #nav ul li {height:31px;}

#nav .nav-home {background-position: 0 0; width:62px;}
#nav .nav-city {background-position: -62px 0; width:138px;}
#nav .nav-permits {background-position: -200px 0; width:176px;}
#nav .nav-living {background-position: -376px 0; width:110px;}
#nav .nav-working {background-position: -486px 0; width:103px;}
#nav .nav-visiting {background-position: -589px 0; width:131px;}

/* hover states */
#nav .nav-home:hover {background-position: 0 -31px;}
#nav .nav-city:hover {background-position: -62px -31px;}
#nav .nav-permits:hover {background-position: -200px -31px;}
#nav .nav-living:hover {background-position: -376px -31px; }
#nav .nav-working:hover {background-position: -486px -31px; }
#nav .nav-visiting:hover {background-position: -589px -31px;}

/* active states */
#page-home #nav .nav-home {background-position: 0 -31px; }
#page-city #nav .nav-city {background-position: -62px -31px; }
#page-permits #nav .nav-permits {background-position: -200px -31px;}
#page-living #nav .nav-living {background-position: -376px -31px; }
#page-working #nav .nav-working {background-position: -486px -31px; }
#page-visiting #nav .nav-visiting {background-position: -589px -31px; }

/* MEDIUM DEPARTMENTS SHELL MAIN NAVIGATION */
.med-shell #nav .nav-home {width:63px;}



/* SECONDARY NAVIGATION */
#secondary #nav {
    height: auto;
	position: relative;
	top: 0;
}
#secondary #nav a, #secondary #nav li {
	float: none;
	padding: 0;
}



/* FOOTER
-------------------------------------------------------------------*/
#footer
{
	background: #666666;
	border-top: 5px solid #841208;
	clear: both;
	color: #fff;
	min-width: 940px;
}
#footer-content {
	/*clear:both;*/
	margin:0 auto; 
	overflow:hidden;
	padding:15px 0 30px;
}

#footer-content dl {
	float:left;
	margin:0 35px 16px 0;
	width:160px;
}
	#footer-content dl.last {margin-right:0;}
	
#footer-content dl dt {
	color:#B2B2B2;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
	/*margin:0 0 6px 0;*/
}
#footer-content dl dd {
	font-size:1.2em;
	line-height:1.4em;
	/*margin:0 0 6px 0;*/
}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#999;}

#copyright { 
	border-top:1px solid #5c5f55; 
	font-size:1.2em;
	margin:0 auto; 
	overflow:auto;
	padding-top:1em;
}
#copyright ul {float:left; margin:0 0 25px; position:relative; width:570px;}
#copyright li {color:#9fa199;display:inline;list-style:none;}
#copyright li a {text-decoration:none;}
#copyright ul.copy {float:right; width:auto;}
#copyright #languages {float:right; text-align:right;width:250px;}



/*----------------------------------- Type, Links and Lists----------*/
a, a:link, a:active, a:focus, a:visited { color: #2A5287;  }
a:hover, a:focus 	{ color: #999; }
#primary a, #primary a:visited {text-decoration:none;}

a.more, #primary a.more, #footer a.more {text-decoration:none;}

.email {
	background:url(../img/css/icon-pdf.gif) no-repeat 50% 0;
	display:block;
	height:20px;
	overflow:hidden;
	text-indent:-9999em;
}
.print {background:url(../img/css/icon-print.gif) no-repeat 17px 2px;}
.rss {background:url(../img/css/icon-rss.gif) no-repeat 12px 0;}
.email {background:url(../img/css/icon-email.gif) no-repeat 0 0; padding-left:23px; text-indent:0;}

ul, ol {font-size:1.2em; margin:0 0 .5em;}



/*----------------------------------- Forms -------------------------*/
#primary div input, #tertiary div input {margin-bottom:5px;}

/* sitecore form overrides */
.scfSubmitButton 		{ background: #5a595c url(../img/css/btn_bg.png) 0 0 repeat-x; }
.scfSubmitButton:hover 	{ background-position: 0 -200px; }

/* contact form */

.contact-form input {width: 200px; font-size: 13px;}
.contact-form select{width: 200px; font-size: 12px;}
.contact-form textarea {width: 480px; height: 150px; font-size: 12px;}
.contact-form button {background: #5a595c url(../img/css/btn_bg.png) 0 0 repeat-x; height: 22px; margin-right: 8px; padding: 3px 10px;}
.contact-form button:hover {background-position:0 -22px;}
.contact-form LABEL.recipient {display:inline-block;}
.contact-form P.recipient {margin-left:1em; display:inline-block; vertical-align:top;}

.multi-choice-thanks { 
	border:1px #a5a5a5 solid;ee
	overflow:hidden; 
}
	.multi-choice-thanks .inner { padding:20px; }
	.multi-choice-thanks h2 {
		font-size: 1.05em;
		font-size: 1rem;
		font-weight: bold;
	}

		#primary .multi-choice-thanks ol { margin:0; padding:0; text-align:left; }

			.multi-choice-thanks li,
			.multi-choice-thanks label input { display:inline-block; }

	.multi-choice-thanks li:last-child { clear:both; display:block; margin-top:15px; width:100%; }
	.multi-choice-thanks button {
		background: #949699; /* Old browsers */
		background: -moz-linear-gradient(top,  #949699 0%, #5a595c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949699), color-stop(100%,#5a595c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #949699 0%,#5a595c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #949699 0%,#5a595c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #949699 0%,#5a595c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #949699 0%,#5a595c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949699', endColorstr='#5a595c',GradientType=0 ); /* IE6-9 */
		border-radius:10px;
		padding:4px 20px;
	}
	
	.multi-choice-thanks button:hover {
		background: #666666; /* Old browsers */
		background: -moz-linear-gradient(top,  #666666 0%, #3b3a3c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3b3a3c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #666666 0%,#3b3a3c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #666666 0%,#3b3a3c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #666666 0%,#3b3a3c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #666666 0%,#3b3a3c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3b3a3c',GradientType=0 ); /* IE6-9 */		
	}
	.multi-choice-thanks .yes { margin-right:15px; }

/*----------------------------------- Randoms/dev utility styles ---*/
#primary .right { margin:0 0 10px 10px;}
div.left {margin:5px 15px 0 0;}

.breadcrumbs { font-size:1.1em;list-style:none; margin:0 0 15px 0;}
.breadcrumbs li { display:inline;}

.resources { 
	background:url(../img/css/bg_resources-bottom.gif) repeat-x 0 100%;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
	font-size:1.2em; 
	list-style:none; 
	margin:0; 
	overflow:hidden;
	padding-bottom:6px;
	text-align:center; 
	width:700px;
}
* html .resources {padding-bottom:10px;}
.resources li {background:url(../img/css/bg_resources-top.gif) repeat-x 0 0;float:left; padding:6px 0;width:140px;}
* html .resources li {padding-top:10px;}

.resources li a {}
#primary .resources li a img { border:0;}

/* NEWS */
ul.news {
	border:0;
	border-bottom:1px solid #808080;
	font-size:1.2em;
	list-style:none; 
	margin-left:0; 
	padding-left:0; 
	width:auto;
}
#primary ul.news a, #primary ul.news a:active, #primary ul.news a:visited {color:#2A5287;}
#primary ul.news a:hover {color:#999;}

#page-home .news {border:0; padding-left:0; width:330px;}
	#page-home .news img {border:1px solid #999; float:left;}
	
#page-home .online-services {
    border-bottom:1px solid #a7a9ac;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
}
#page-home .online-services H2 {
    color:#830009;
    font-size:2em;
    margin-bottom:0;
    text-align:center;
}
.social-media {
    position:absolute;
    top:0;
    right:0;
}
#page-home .social-media IMG.last {padding:0;}
#page-home .social-media IMG {padding:0 4px 0 0;}
#page-home .online-services LI {margin:0;font-weight:bold;height:32px;}
#page-home .online-services LI IMG {padding:0;top:0;float:left;}
#page-home .online-services LI A {display:block;line-height:32px;}

.search-results .result {
    font-size:1.33em;
    margin-bottom:1em;
}
.search-results .url {
    color:Green;
}

/*---------------Webcast Popout Player----------------*/

body.webcast-popout {
	width:490px;
	min-width:0;
	margin:auto;
}

.webcast-popout #content, .webcast-popout #wrapper, .webcast-popout #wrapper-content {
	width:100%;
	background:none;	
}

.webcast-popout #content {
	margin:0;	
	padding:0;
}

.webcast-popout.interior #primary {
	margin:0;
	padding:5px;
	width:auto;	
}

.webcast-popout a#brand {
	display:block;
	height:31px;
	text-indent:-9999em;
	background:#850c01 url(../img/cambridge_logo_short.jpg) no-repeat;
	width: 100%;
}

.iReportFormPanel p {
    font-size:1.2em;
}
.iReportFormPanel label {
    width:30%;
    display:inline-block;
}
.iReportFormPanel input {
    width:60%;
    display:inline-block;
    font-size:1.2em;
}
.iReportFormPanel input[type='submit'] {
    width:auto;
    display:block;
}
.iReportFormPanel div.field {
    margin-bottom:5px;
}
.iReportFormPanel .validationSummary {
    font-size:1.2em;
    font-weight:bold;
}
.iReportFormPanel .validationSummary ul { font-size:1.0em;font-weight:normal;}
.iReportFormPanel pre { 
    font-size:1.2em;
}