/*
Theme Name: New Shared Presentation Global Style Sheet
Description: global.css contains a reset, font normalization and some base styles.
Designer: ISITE Design, Inc
Designer URL: http://www.isitedesign.com
Author: City of Cambridge
--------------------------------------------------------------------------------------

/************************************************* */
/* BROWSER RESET
************************************************** */


body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dd,dt,blockquote,fieldset,legend,form {
	margin: 0;
	padding: 0;
	border: 0;
}

html,input,textarea,select { font-size: 100% } /* keep ie happy */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } 

ul { list-style: disc; }


/************************************************* */
/* BASIC ELEMENT STYLES
************************************************** */


/* ROOT
-------------------------------------------------- */

body {
	position: relative;
	font: 87.5% "myriad-pro", Arial, Helvetica, sans-serif; /*default font is 14px*/
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
}

#wrapper {
	z-index: 100;
	position: relative;
	width: 990px;
	margin: 0 auto;
}


/* HEADINGS
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	margin: 0.5em 0em;
}

h1	{ font-size: 2em; }
h2	{ font-size: 1.6em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.2em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }


/* TYPOGRAPHY
-------------------------------------------------- */

p {
	line-height:1.4em;
	margin-bottom: 1.165em;
}

abbr,acronym { cursor: help; }

legend {
	color:#818181;
    font-size: 1.3em;
    line-height: 1em;
}


/* LINKS
-------------------------------------------------- */

a {
	color: #007ba3;
	text-decoration: none;
}
a:visited { color: #6ba7bb; }
a:hover {
	color: #3cc5f2;
	text-decoration: underline;
}
a:active { text-decoration: underline; }

/* links with arrow */
.get-more {
	padding-right: 10px;
	background: 100% 50% no-repeat;
}

.get-more:hover {
	background: 100% 50% no-repeat;
}

/* IMAGES
-------------------------------------------------- */
img { border: none; }

/* LISTS
-------------------------------------------------- */

li { 
	margin-left:2em;
}


/* TABLES
-------------------------------------------------- */

table {
	border: 1px solid #d0d0d0;
	width: 100%;
	border-collapse:collapse;
}

th { 
	background: #e1e1e1;
	font-size: 1.1em; 
	font-weight: normal; 
	padding: .5em 1em; 
	text-align: left; 
	border:1px solid #b3b2b2;
	font-weight: bold;
}

tr.even { background: #f5f3f3; }

td {
	border: 1px solid #d0d0d0;
	border-top:none;
	padding: .5em 1em;
	vertical-align: top;
}
td a { font-size:1.1em; }


/* FORM ELEMENTS
-------------------------------------------------- */

button {
	padding:.3em .5em;
	margin-top:1em;
	font-family:"myriad-pro", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color: #FFFFFF;
    cursor: pointer;
	border:none;
	text-shadow: 0px 1px 1px #818181;
}


/************************************************* */
/* PAGE SECTIONS
************************************************** */


/* HEADER
-------------------------------------------------- */

#header {
	width: 100%;
	height: 180px;
}

[role="banner"] {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 990px;
}

a.brand { 
	display: block;
	position:relative;
	top:0px;
	left:0px;
	margin: 0px;
	background: 0 0 no-repeat;
}
a.brand img { border:none; }
a.brand:hover { text-decoration: none; }

/* NAVIGATION
-------------------------------------------------- */

/* MAIN NAV */

nav[role=navigation] {
	position: absolute;
	top: -60px;
	left: 0;
	width: 990px;
	padding: 0;
	text-align: center;
}

nav[role=navigation] ul {
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	font-size:16px;
	padding:0px;
}

nav[role=navigation] li {
	display: inline-block;
	margin: 0;
}

nav[role=navigation] a {
	display: inline-block;
	padding: 10px 15px;
	line-height:20px;
	margin:0px;
	max-width:150px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 0 #404040;
	vertical-align:middle;
}

/* TOP UTILITY NAV */

.global-nav {
	float: right;
	padding: 0;
	text-align: right;
}

.global-nav li {
	display: inline;
	float: left;
	list-style: none;
	margin-left: 25px;
	padding: 0;
}
.global-nav a:hover { text-decoration:underline; }


/* LEFT NAV */

.subnav { margin: 0; }
.subnav h2 {
	vertical-align:middle;
	font-size:1.2em;
	margin: 0;
	padding:.3em 1em;
}

.subnav h2 a {
	margin:0px;
	padding:0px;	
}

.subnav ul {
	margin: 0;
	list-style:none;
}
.subnav .nav { font-size:1.08em; }
.subnav ul li {
	border-bottom: 1px dotted #d2d1ce;
	list-style:none;
	margin-left:0;
}
.subnav li:last-child { border: none; }

/**ensures correct incremental indentation (infinite) and font-shrinking (1 level down)**/

.subnav .nav > ul > li > ul { font-size:.9em; }
.subnav li {
	 font-size:1em;
	 padding:0em 0em 0em 1.1em; 
}

/**allows clicking anywhere in box to activate link**/
.subnav li a {
	padding: .4em .4em .4em 1.1em; 
	margin-left:-1.1em;
	display:block;	
}

/* FAT FOOTER NAV */

.meta {
	overflow: hidden;
	margin: 0;
}

.meta dl {
    float:left;
    margin-right: 25px;
    width: 163px;
    padding: 0;
}

.meta dl:last-child { margin: 0; }
.meta dt {
	font-size: 1.165em;
	line-height: 1em;
	padding-bottom: .25em;
	margin-bottom: 5px;
	color: #818181;
}
.meta dl.last {margin-right: 0;}


/* SITE UTILITY
-------------------------------------------------- */

.site-utility { 
	position: absolute;
	right: 0px;
	top: -175px; 
	width: 710px;
}
.site-utility a, .site-utility a:visited { color: #fff; }

/* TEXT SIZE */

ul.text-size { 
	color: #fff; 
	font-size: 1em; 
	float: right;
	clear: both;
	list-style: none; 
	margin-top: 10px;
	padding: 0;
}

.text-size li {
	float: left;
	padding: 0 2px 0 0;
	overflow: hidden;
	margin:0;
}

.text-size .heading {
	margin-right: 3px;
	font-size: 1em;
	color: #fff;
}

.text-size a {
	padding: 4px 3px 2px 3px;
	line-height: 0;
	color: #fff;
	text-decoration: none;
}

/*text sizes in control should be static*/
.text-size .text-sm { font-size: 14px; }

.text-size .text-md { font-size: 16px; }

.text-size .text-lg { font-size: 18px; }

/*text sizer increases body font-size and should match sizer font-sizes*/

body.text-md { font-size: 100%; }
body.text-lg { font-size: 112.5%; }


/* SEARCH FORM */

#search {
	display: inline;	
    position: absolute;
	right: 0;
	top: 62px;
}

#search input, #search button {
	display: inline;
	float: left;
}

#search button {
	background: transparent 50% 50% no-repeat;
	height: 33px;
	opacity: .83;
	position: absolute;
	right: 0;
	text-indent: -999em;
	width: 33px;
	margin:0;
	padding:0;
}

#search button:hover { opacity: 1; }

#search-text {
	background-color: #fff;
	border:none;
	color: #464646;
	text-indent: 5px;
	height: 33px;
	width: 210px;
	font-size: 1em;
}

/* CONTENT
-------------------------------------------------- */

#content {
	margin: 0 auto;
	padding: 18px 15px 40px 15px;
	width: 960px;
	float:left;
}

/* BREADCRUMBS */

/***old shared layouts have style #breadcrumbs, while new have .breadcrumb***/
.breadcrumb, #breadcrumbs {
	margin: -.25em 0 .7em 0em;
	padding: 0;
	font-size:.9em;
}

.primary .breadcrumb li, .primary #breadcrumbs li { 
	display: inline-block;
	list-style: none;
	margin-right:.25em;
	margin-left:0px;
	color:#818181;
}

.primary .breadcrumb li a, .primary #breadcrumbs li a {
	padding-right:.25em;
}

/* MESSAGE BOX (ALERT)*/

#alert, .message-box {
	float:left;
	width:960px;
	clear: both;
	margin-bottom: 17px;
	padding: 10px 10px 10px 48px; 
	border: 1px solid #d11919;
	background: 13px 50% no-repeat;
}

#alert .date-box, .message-box .date-box {
	float: left;
	margin-right: 35px;
	width: 80px;
}

#alert .date,.message-box .date {
	color: #818181;
	line-height: .75em;
	font-size:1em;
}

#alert .time, .message-box .time {
	line-height: 0;
	font-size:1em;
}

#alert .message, .message-box .message {
	margin-top:7px;
	font-size: 1.165em;
	color: #cc0000;
}
    #alert .message p, .message-box .message p {
        color: #cc0000;
        font-size: 1em;
		display: inline;
        margin: 0;
        padding: 0;
    }

#alert .message a, .message-box .message a {
	padding-right: 10px;
	padding-left: 10px;
	background: 100% 50% no-repeat;
}

#alert .message a:hover, .message-box .message a:hover {
	background: 100% 50% no-repeat;
}

/* CAROUSEL DEFAULTS
-------------------------------------------------- */

#carousel .ui-tabs-hide { display:none; }

#carousel #selectionmenu {
	margin: 0 auto;
	width: 320px;
}
#carousel #selectionmenu.hide-menu { display: none; }

#carousel #selectionmenu li {
	float: left;
	list-style:none;
	padding: 8px;
	margin-left:0px;
	max-width:46px;
}

#carousel #selectionmenu img {
	height: 32px; 
	width: 46px; 
	border:none;
}

#carousel #selectionmenu img:hover {
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#carousel #selectionmenu li:hover, #carousel #selectionmenu li.ui-tabs-selected {
	margin: 0px;
	padding: 7px 7px 8px 7px;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	background-color:#fff;
}

#carousel #selectionmenu li.ui-tabs-selected img:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/* PRIMARY
-------------------------------------------------- */

.primary {
	float: left;
	padding: 0;
	width: 710px;
}

.no-right .primary {
	width:960px;
}


/* COLUMN WIDE */

.wide {
	width: 480px;
	float: right;
}
.col-3 .wide { width: 480px; }
.no-right .wide { width:730px; }
.no-left .wide { width:710px; }
.no-left.no-right .wide { width:960px; }

/* content images */
.wide div.right, .wide figure.right, .wide .calendar-image { float: right; margin: 5px; }
.wide .calendar-image { margin-top: 3em; }
.wide img.dk-blue-border { margin-left: 1em; }

.wide.column ul h2, #primary ul h2 { font-size:1.2em; }
.wide.column li, #primary li { margin-bottom: .7em; }

/*for old layouts*/
body.wide {
    float:none;
    width:auto;
}

/*HOME PAGE*/

/* home - resources */

.resources {
	clear: both;
	padding: 22px 0 0 16px;
	border-top: 1px solid #d9d9d9;
}

.resources ul {
    list-style: none;
}

.resources li {
	float: left;
    width: 33%;
    text-align: center;
    margin:10px 0;
}
.resources img { border: none; }


/* PRIMARY CONTENT ITEMS
-------------------------------------------------- */


/* LANDING CAROUSEL */

.landing #carousel {
    float: left;
	width: 480px;
	height:280px;
	margin: 0 0 30px 0;
	padding: 18px 20px 54px 20px;
    position: relative;
	border: 1px solid #dcdcdb;
}

.landing #carousel.static {
	padding:18px 20px;
	height:auto;	
}

.landing #carousel .ui-tabs-panel > img {
    display: block;
	float: left;
	padding: 3px;
	border: 1px solid #d9d9d9;
	max-width: 235px;
	max-height: 175px;
	overflow: hidden;
}

.landing #carousel .ui-tabs-panel {
    float: left;
	margin-bottom: 10px;
    width: 100%;
	max-height:200px;
}

.landing #carousel .carousel-content {
	float: right;
	margin: 0;
	width: 180px;
	max-height:180px;
	overflow:hidden;
}

.landing #carousel .controls {
	position: absolute;
    left: 46px; 
	bottom: 0;
	width: 385px;
	background: 0 100% no-repeat;
}

.landing #carousel #selectionmenu { padding-top: 5px; }
.landing #carousel #selectionmenu li { margin: 0 22px; height: 30px; }
.landing #carousel .back, .landing #carousel .forward {
	display: block;
	position: absolute;
	top: 19px;
	width: 14px;
	height: 19px;
	text-indent: -9999px;
	background: 0 0 no-repeat;
}

.landing #carousel .back { left:0; }
.landing #carousel .forward { right:0; }


/* FEATURED CONTENT (Landing Pages) */

.featured {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #DCDCDB;
	clear: both;
}

.wide .featured .left { 
	float: left;
	width: 227px;
	margin:0px;
}

.wide .featured .right {
	float: right;
	width: 227px;
	margin:0px;
}

.featured img {
	padding: 3px;
	border: 1px solid #d9d9d9;
	max-width:180px;
	height:120px; /*ensure titles start at same height between left and right*/
}

.featured a {
	padding-right: 10px;
	background: 100% 50% no-repeat;
}

.featured a:hover { background: 100% 50% no-repeat; }

/* ICONS */

.pdf, .doc, .docx, .ppt, .pptx, .xls, .xlsx, .flash, .gif, .jpg, .png, .misc, .rss, .media, .external, .zip, .arcgis, .github{
	background:url(/styles/images/icon-pdf.png) no-repeat 0 0;
	display:block;
	height:24px;
	overflow:hidden;
	text-indent:-9999em;
}

.document.pdf { background-image: url(/styles/images/icon-pdf.png);}
.doc, .docx, .document.doc, .document.docx {background-image:url(/styles/images/icon-word.png);}
.ppt, .pptx, .document.ppt, .document.pptx {background-image:url(/styles/images/icon-powerpoint.png);}
.xls, .xlsx, .document.xls, .document.xlsx {background-image:url(/styles/images/icon-excel.png);}
.flash, .document.flash {background-image:url(/styles/images/icon-flash.png);}
.gif, .document.gif {background-image:url(/styles/images/icon-gif.png);}
.jpg, .document.jpg {background-image:url(/styles/images/icon-jpg.png);}
.png, .document.png {background-image:url(/styles/images/icon-png.png);}
.misc, .document.misc {background-image:url(/styles/images/icon-misc.png);}
.rss, .document.rss {background-image:url(/styles/images/icon-rss.png);}
.media {background-image:url(/styles/images/icon-media.png);}
.external{ background-image:url(/styles/images/icon-online.png); height:30px;}
.zip, .document.zip { background-image: url(/styles/images/icon-zip.png); }
.github, .document.github { background-image: url(/Layouts/Cambridge2016/_resources/images/social/github.png); background-size: 24px 24px; }
.arcgis, .document.arcgis { background-image: url(/styles/images/icon-arcgis.png); }

/* PAGINATION */

.pagination { margin-bottom: 6em; }

.pagination p {
	padding: 0;
	line-height: 1.1em;
	margin: 0 0 .4em 0;
	float:left;
}

.pagination p.page-select {
    text-align: right;
	float:right;
}

/* CONTACT FORM */

.contact-form .yourContactInfo { margin-top:1em;}
.contact-form .yourContactInfo input { display:block; }
.contact-form legend { margin-bottom: .5em; }

.contact-form input { width: 20em; margin-bottom:.5em; }

.contact-form label {
	font-weight:bold;
	display:block;
	font-size:1.1em;
}

.contact-form select, .contact-form SPAN.recipient { width: 20em; }

.contact-form textarea {width: 100%; height: 10em; display:block;}


/* SEARCH RESULTS */

.search-results {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #D0D0D0;
	clear: both;
}
.search-results .result { margin-bottom:1.4em; }
.search-results .url { color:green; }

/*TABULAR DATA PAGES*/

table.tablesorter td {
	border-bottom: 1px solid #D0D0D0;
}

/* LIST PAGES W/ TABLES (PUBLICATIONS, PERMITS) */

#looking-for {
	border-bottom: #D0D0D0 1px solid;
	margin-bottom:1em;
}


#looking-for ol { margin-top: 1em;	}

#looking-for ol p { margin-bottom: 0em; }

#looking-for li {
    float: left;
    margin:0 25px 0 0;
	list-style:none;
}

#looking-for select { max-width:200px; }

#looking-for label {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:.5em;
}

.sortable td {	
	border-right: none;
	border-left: none;
}

/*DETAIL PAGE (DOCUMENTS, PERMITS)*/

ul.doc-related-links li {
	list-style:none;
	margin-left:0em;
}

.doc-related-links a {
	padding-left: 30px;
	display:inline-block;
	text-indent:0;
	height:24px;
	overflow:visible;
	background:url(/styles/images/icon-misc.png) no-repeat 0 0;
}

.main-link a {
	font-size:1.3em;
	text-indent:0;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
    padding-left: 40px;
}

/*DETAIL PAGE - PROJECTS*/

/* tabs */

.ui-tabs { 
	border: 0 !important;
    margin: 0;
    overflow: hidden;
}
.ui-tabs .ui-tabs-hide {
	position: absolute;
    left: -10000px;
}
.tabs {
	clear:both;
	border-bottom:1px solid #000;
	float:left;
	padding:0;
	width:100%;
}

#primary .tabs li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

.tabs li a {
	display:block;
	padding:.5em 1em;
	margin: 0px 5px 0px 0px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top-right-radius:3px; 	
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px; 	
	-moz-border-radius-topleft:3px;
}

.tabs .current, .tabs a:hover {
	color: #fff;
	text-decoration:none;
	border-top: 1px solid #000; 
	border-right: 1px solid #000; 
	border-left: 1px solid #000; 
	background-color: #666666; 
 }
 
.tabs + .panes {
	 clear:both;
	 padding:1em;
}

/*icons inside tabs*/
div.panes ul.publications li {
	text-indent:0;
	height:24px;
	overflow:visible;
	margin: 0em 0em 1em 0em;
	padding-left:30px;
}	


/* LIST PAGES W/ BULLETS(CALENDAR, NEWS, FAQ, MANUAL LIST)*/

.calendar-list li p, .news-archive li p {
	margin-bottom:.25em;
}

/* CALENDAR ONLY */

/* page content */
ul.tabs-calendar { margin-bottom:.5em; }
ul.tabs-calendar li {
	display: inline;
	margin:0;
}

ul.tabs-calendar li a {
	padding: .2em .4em;
	font-weight:bold;
	margin-right: 1em;
	margin-left:0;
}

ul.tabs-calendar li a.current {
	background-color: #e8e6e2;	
}

.calendar h1 {
	border-bottom:1px solid #d0d0d0;
	margin-bottom:.5em;
}
.calendar h1 span {	margin: 0em .3em; }

/* mini calendar control */
.block-calendar h4 {
	margin-top:1.2em;
	text-align:center;	
}

.block-calendar #calendar-title {
	width: 150px;
	display:inline-block;
	padding:5px;
	margin-bottom:.5em;
}

.block-calendar #calendar-title a.prev { float: left; }
.block-calendar #calendar-title a.next { float: right; }

.block-calendar { margin-bottom: 1em; }

.block-calendar table.calendar {
	margin: 0 auto;
	width:auto;
	font-size:.85em;
}

.block-calendar th {
	padding:.5em;
	text-align:center;
	font-size: 1em;
}
.block-calendar td {
	text-align:center;
	padding:.5em;
}
.block-calendar td a {
	font-weight:bold;
	text-decoration:underline;
	font-size:1em;
}

.block-jumpnav.block-calendarfilter p, .block-jumpnav.block-calendarfilter label, .block-jumpnav.block-calendarfilter input { font-size:1.1em; }

.block-jumpnav.block-calendarfilter p {
	margin-bottom:.5em;
	font-weight:bold;
}
/* iCalendar download */
#ical-download { 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; }

/* NEWS LIST ONLY */

.news-archive .pagination {
	margin-bottom: 2.5em;
}


/* FAQ ONLY */

.faq-list a.toggle { 
	background: transparent 0px 0px no-repeat; 
	display:block;
	float:left;
	clear:left;
	height:10px;
	width:10px;
	margin: 7px 5px 0px 0px;
}

.faq-list .open a.toggle {
	 background-position: -16px 2px;
}

.faq-list h2 {
	clear:right; 
	width:470px;
}

.faq-list h2:hover {
	cursor: pointer;
}

.faq-list li { 
	list-style:none; 
	margin-left:10px;
}

/* MANUAL LIST ONLY */
.no-right .manual-list-box .col, .no-left .manual-list-box .col {
	float:left;
	width: 50%;
}
	

/* PHOTO GALLERY */

/*main photo*/
.photos-wrapper { 
	float:left; 
	position:relative; 
	text-align:center; 
	width:70%; 
	margin: 2em 0; 
}
.photos-wrapper > div.photos { height:340px; }
.photos a { display: block; }
.photos a img { 
	display: inline; 
	line-height: 335px; 
	vertical-align: middle; 
	max-width: 85%; 
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 3px rgba(0, 0, 0, 0.2);

}

.photo-caption { margin-top:10px; }
.photo-caption h2 {
	font-size:1.1em;
	color:#404040; 
}
.photo-caption { color:#616161; }

/*photo gallery - thumbnails*/
#photos { 
	float:right; 
	margin: 2em 0;
	width:26%; 
	overflow: hidden; 
	height: 425px; 
}
#photos li { 
	border:1px solid #999; 
	float:left;
	margin:0px 0px 10px 15px;  
	overflow:hidden; 
	position:relative;
}
#photos li:hover { 
	cursor: pointer;
	border: 1px solid #0B9444;
}
#photos img { 
	border:none; 
	padding:0; 
}
#photos img.photo-selected { opacity: 0.6 !important; filter: alpha(opacity=100) !important; } /*must override style placed on element*/
ul#photos img { opacity: 1!important; filter: alpha(opacity=60) !important; } /*overrides styling problem with photo galleries on tabs pages and image thumbnails after page 1*/
.project-page ul#photos, .project-page #controls { width:27%; }/*override for decreased width on project pages*/

/*photo gallery - main and part of thumbnail controls*/
.photo-navigation .prev, .photo-navigation .next {
	background: no-repeat 0 0;
	cursor: pointer;
	display:block;
	height:20px;
	text-indent:-9999em;
	width:24px;
}
.photo-navigation .next {
	background-position: -30px 0px;
}
.photo-navigation .next:hover { background-position: -30px -20px; }
.photo-navigation .prev:hover{ background-position: 0px -20px; }
.photos-wrapper .prev, .photos-wrapper .next {
	left:0; 
	position:absolute; 
	top:160px;
}
.photos-wrapper .next {
	left:auto;
	right:0;
}

/*photo-gallery thumbnail controls*/
#controls { 
	float:right; 
	width:25%; 
	clear:both;
}
#controls .photo-navigation { 
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#controls .photo-navigation li { 
	float:left; 
	padding:0px 2px;
	margin-left:0;
	list-style:none;
}
#controls .photo-navigation li.next { float: right; padding-right:0px; }

/*photo gallery - page numbers*/
#controls .photo-navigation a {
	padding:0; 
	margin:0;
}
#controls .photo-navigation li.page-select{ 
	padding: 3px 10px; 
	width: 63px; 
}
#controls .photo-navigation li.page-select span { padding: 3px 4px; }
#controls .photo-navigation li.page-select .current a { 
	color: #616161; 
	cursor: default; 
}

/*WEB FORMS*/

.form-page .scfForm {
	font-family: "myriad-pro", Arial, Helvetica, sans-serif;
}
.form-page .scfSubmitButtonBorder { padding-left: 30%; padding-top: 20px;}
.form-page .scfRequired { color: red; }
.form-page .scfDropListUsefulInfo, .form-page .scfEmailUsefulInfo, .form-page .scfMultipleLineTextUsefulInfo, .form-page .scfSingleLineTextUsefulInfo, .form-page .scfPasswordUsefulInfo, .form-page .scfNumberUsefulInfo, .form-page .scfDatePickerUsefulInfo, .form-page .scfDateUsefulInfo, .form-page .scfRadioButtonListUsefulInfo, .form-page .scfListBoxUsefulInfo, .form-page .scfCheckBoxListUsefulInfo, .form-page .scfFileUploadUsefulInfo, .form-page .scfDateSelectorUsefulInfo, .form-page .scfCreditCardTextUsefulInfo, .form-page .scfConfirmPasswordUsefulInfo, .form-page .scfCaptchaUsefulInfo, .form-page .scfTelephoneUsefulInfo, .form-page .scfSmsTelephoneUsefulInfo { color:inherit; }


/* SITE MAP */

.wide .sitemap li { 
	line-height: 1.7; 
	padding: 0 0 0 24px; 
	position: relative; 
	margin:0;
	list-style-type:none;
}

.sitemap a { font-size: 1.2em; }
.sitemap ul ul a { font-size: 1.1em; }
.sitemap a.off, .sitemap a.on { background: transparent 0 0 no-repeat; }
.sitemap a.off {
	background-position: 2px 2px;
    display: block;
    float: none;
    height: 17px;
    margin: 2px 6px 0 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0.2em;
    text-indent: -999em;
    width: 16px;	
}
.sitemap a.on { background-position: -16px 2px; }

/* MAP GALLERY */
.map-gallery-page .map-image { text-align: center; }
.map-gallery-page .map-image img { max-width: 300px; }
.map-gallery-page.no-right .map-image img, .map-gallery-page.no-left .map-image img { max-width: none; }

/* EMBEDDED STORY MAP */
.video .link-full-screen { 
	font-size: 1.1em;
	margin: 10px 0;
	padding-left: 16px;
	float:right;
	display:inline-block;
	background: transparent url("/styles/images/icon-full-screen.png") no-repeat 0 50%; 
}

/* SECONDARY
-------------------------------------------------- */

.secondary {
	float: right;
	overflow: hidden;
	width: 225px;
}

/* INFO ASIDE */

.secondary .info h2 {
	padding: .3em;
	font-size: 1.3em;
	text-align: center;
}

.secondary .info li {
	list-style:none;
	margin-left:0px;
}

.secondary .info label {
	font-size: 1.25em;
	color: #232323;
}

.secondary .info select {
	margin-bottom: 10px;
	width: 100%;
	color:#414141;
}

/* CALLOUT BOX */

.callout {
	clear: left;
	margin: 15px 0px;
}

.callout h3 {
	font-size: 1.15em;
}

.callout img {
	display: block;
	margin: 0 auto;
	z-index: 10;
	padding: 3px;
	border: 1px solid #d9d9d9;
	max-width:215px;
}

.callout p {
	margin: 0;
    padding: 0;
}

.callout a {
	padding-right: 12px;
	background: 100% 50% no-repeat;
}

.callout a:hover {
	text-decoration: none;
	background: 100% 50% no-repeat;
}

/* CONTACT ASIDE */

.secondary .contact h2 {
	font-size:1em;
}

.secondary .contact ul {
	color:#555;
	margin-bottom:1em;
}

.secondary .contact li {
	list-style:none;
	margin-left:0px;
}

/* SOCIAL ASIDE */

.social ul { margin: 0; }
.social li {
	display: inline;
	margin-right: 3px;
}
.social a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 1px;
    background-size: contain;
}
.social a:hover { border-bottom: 1px solid #565656; margin-bottom: 0px;}

.social .facebook {
    background-image: url(/Layouts/Cambridge2016/_resources/images/social/facebook.png);
}
.social .twitter {
    background-image: url(/Layouts/Cambridge2016/_resources/images/social/twitter.png);
}
.social .youtube {
    background-image: url(/Layouts/Cambridge2016/_resources/images/social/youtube.png);
}
.social .instagram {
    background-image: url(/Layouts/Cambridge2016/_resources/images/social/instagram.png);
}
.social .github {
    background-image: url(/Layouts/Cambridge2016/_resources/images/social/github.png);
}
.social .tumblr {
	background-image: url(/Layouts/Cambridge2016/_resources/images/social/tumblr.png);
}
.social .flickr {
	background-image: url(/Layouts/Cambridge2016/_resources/images/social/flickr.png);
}


/* TERTIARY
-------------------------------------------------- */

.tertiary {
	float: left;
	width: 215px;
}

.info select {
	width: 100%;
}

/* FOOTER
-------------------------------------------------- */

footer[role="contentinfo"] { 
	clear: both; 
	padding: 28px;
}


/* COPYRIGHT */

.copyright 	{
	color: #818181;
	margin: 1.5em 0em 0em 0em;
}


/* INFO LINKS */

ul.info-links {
	margin-top:.5em;
}
.info-links li {
	display: inline;
	margin: 0px 6px 0px 0px;
	padding-right: 6px;
	border-right: 1px solid #ccc;
}

.info-links li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: none;
}


/* GLOBAL OBJECTS
-------------------------------------------------- */

.accessibility {
	height: 0;
	left: -9999em;
	line-height: 0;
	position: absolute;
	text-indent: -9999em;
}

/* SELF-CLEAR FLOATS

.group:before,
.group:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

*:first-child+html .group { min-height: 1px; } */


/* VENDOR SPECIFIC (device browsers)
-------------------------------------------------- */

body {
	-webkit-text-size-adjust : 100%; 
	-ms-text-size-adjust : 100%;
}

.ie7 img,
.iem7 img { -ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-o-box-sizing : border-box;
	box-sizing : border-box;
}

/* PRINT STYLES
-------------------------------------------------- */

@media print {
* { 
	background : transparent !important; 
	color : black !important; 
	text-shadow : none !important; 
	filter : none !important;
	-ms-filter : none !important;
} 

a, a:visited { 
	color : #444 !important; 
	text-decoration : underline;
}

/*a[href]:after { content : " (" attr(href) ")"; }

abbr[title]:after { content : " (" attr(title) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { content : ""; }*/

pre, blockquote { 
	border : 1px solid #999; 
	page-break-inside : avoid;
}

thead { display : table-header-group; }

tr, img { page-break-inside : avoid; }

@page { margin : .5cm; }

p, h2, h3 { 
	orphans : 3; 
	widows : 3;
}

h2, h3 { page-break-after : avoid; }
}/*/mediaquery*/

.oldNewsWarning {
	background-color: #B98F00;
	color: White;
	padding-top: 4px;
	padding-bottom: 3px;
	border-radius: 5px;
}



.oldNewsWarningIcon {
	vertical-align: text-bottom;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 15px;
	height: 15px;
}