/*********************************************************************************************************************
New Type Crossing (Drupal Version) Style Sheet
Author : Mark Mackenzie
Date   : January 2011

History:
FileVersion     AppVersion	Who		When				Why
----------------------------------------------------------------------------------------------------------------------
1.0.0.0         0.0.0.0     MM      January 2011		Created file

*********************************************************************************************************************/

/** browser leveler **/
@import url('reset.css');

/** general styles, text and links **/
html, body { margin:0; padding:0; }
body { background-color:#ffffff; margin-left:0px; margin-right:0px; color:#555; }
body, textarea { font-family:Arial,Helvetica,sans-serif; }
h1 { font-weight:bold; color:#018594; font-size:18px; line-height:24px; margin-top:10px; }
h2 { font-weight:bold; color:#018594; font-size: 14px; line-height:24px; margin-top: 10px; }
p, input { color:#474747; font-size:12px; line-height:16px; margin-bottom:20px; }
a, a:active, a:visited { color: #018594; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; color: #015B65; }
.content ul { list-style:disc; list-style-position:outside; padding-left:40px; font-size:0.8em; margin-bottom: 20px;}
.content ul li { display:list-item; line-height: 1.2;}
.content ol { list-style:decimal; list-style-position:outside; padding-left:40px; font-size:0.8em; }
.content ol li { display:list-item; margin-bottom:10px; }
.content table {margin-bottom: 20px;}
ul.time-line li { margin-bottom:10px; }
p.quick-time { text-align:center; }

/** global classes **/
.limit-width { margin:0 auto; width:778px; }
.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.arrow li a { background:url("http://www.newtynecrossing.info/sites/all/themes/custom/ntc/images/list-arrow.png") no-repeat 0 0 !important; padding-left:25px; }
.rss li a { background:url("http://www.newtynecrossing.info/sites/all/themes/custom/ntc/images/feed.png") no-repeat 0 0 !important; padding-left:25px; }
.all_corners { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.no_bottom_corners { -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-bottom-right-radius:0px;	border-bottom-left-radius:0px; }
.no_top_corners { -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; border-top-left-radius:0px; border-top-right-radius:0px; }
.box_shadow { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.2); -moz-box-shadow:0 5px 15px rgba(0,0,0,.2); }
.red-text { color:#ff0000; }
.pdf { background:url('images/pdf.png') no-repeat 0 0 #fff !important; }
.doc { background:url('images/doc.png') no-repeat 0 0 #fff !important; }
.view-header { margin-bottom:20px; }
.view-pager { display:block; margin-bottom:10px; }
.view-pager .item-list .pager { text-align:left; padding-left:0; }
.view-pager .item-list .pager li { border:solid 1px #bbb; margin:0; }
.site-map-menu * { font-size:1em !important; }

/** tables **/
table caption { border:1px solid #888; text-align:center; margin:2px; font-weight:bold; padding: 4px 0;  }
table { border:0; width:100%; }
table td, th { border:1px solid #ccc; font-size:0.75em; text-align:center; }
table th { background:#EEE url(http://www.newtynecrossing.info/sites/all/themes/custom/ntc/none); border:1px solid #AAA; font-weight:normal; font-size:0.9em; }
table th,
table td {
	padding: 5px;
}
.selectedRecord { background-color:#FB6060; }
table td:hover { cursor:pointer; }

/** header **/	
div#banner { height:85px; }
div#banner ul { list-style:none; }
div#banner ul li { padding-top:15px; float:left; }

/* primary links */
div#primary-links { border:0px; height:60px; text-align:right; margin-bottom:8px; }
div#primary-links ul li { display:inline; margin:0; float:left; text-align:center; padding:0; }
div#primary-links ul li a { margin: 0 1px; display:block; width:192px; height:60px; background-image:url("images/ntcnavbutton.png"); background-repeat:no-repeat; }
div#primary-links ul li a, div#primary-links  ul li a:active, div#primary-links  ul li a:visited { font-size:15px; color:#ffffff; font-weight:bold; line-height:54px; }
div#primary-links ul li a:hover, div#primary-links  ul li a:focus  { color:#000000; }

/* secondary links */
div#secondary-links { border:0px; text-align:right; }
div#secondary-links ul { float:right; }
div#secondary-links ul li { display:inline; margin: 0 3px; padding:0; }
div#secondary-links ul li a, div#secondary-links ul li a:visited { padding-left:12px; border-left:1px dotted #018594; font-size:11px; color:#666666; font-weight:normal; line-height:11px; }
div#secondary-links ul li a:hover, div#secondary-links ul li a:focus { color:#018594; }
div#secondary-links ul li.last a { border-right:1px dotted #018594; padding-right:12px; }

/** footer-links **/
div#footer-links { border:0px; text-align:right; margin-top:10px; margin-bottom:10px; border-top:3px solid #018594; }
div#footer-links ul { float:right; }
div#footer-links ul li { display:inline; margin: 0 3px; padding:0; }
div#footer-links ul li a, div#footer-links ul li a:visited { padding-left:12px; border-left:1px dotted #018594; font-size:11px; color:#666666; font-weight:normal; line-height:11px; }
div#footer-links ul li a:hover, div#footer-links ul li a:focus { color:#018594; }
div#footer-links ul li.last a { border-right:1px dotted #018594; padding-right:12px; }

/* interactive-map */
div.interactive-map { margin-bottom:10px; }
ul#interactive-map { list-style:none; padding-left:0;  }    
ul#interactive-map li.ntc_home_images { margin:0; float:left; }
ul#interactive-map li.ntc_home_images a { display:block; height:242px; }
ul#interactive-map #home_east_howdon { width:297px;  }
ul#interactive-map #home_river { width:114px;}
ul#interactive-map #home_jarrow { width:181px;  }
ul#interactive-map #home_south_junction { width:180px; }
.home_east_howdon_faded { background:url("images/home_east_howdon_faded.gif") no-repeat scroll 0 0 transparent; }
.home_river_faded { background:url("images/home_river_faded.gif") no-repeat scroll 0 0 transparent; }
.home_jarrow_faded { background:url("images/home_jarrow_faded.gif") no-repeat scroll 0 0 transparent; }
.home_south_junction_faded { background:url("images/home_south_junction_faded.gif") no-repeat scroll 0 0 transparent; }
.home_east_howdon { background:url("images/home_east_howdon.gif") no-repeat scroll 0 0 transparent; }
.home_river { background:url("images/home_river.gif") no-repeat scroll 0 0 transparent; }
.home_jarrow { background:url("images/home_jarrow.gif") no-repeat scroll 0 0 transparent; }
.home_south_junction { background:url("images/home_south_junction.gif") no-repeat scroll 0 0 transparent; }
#map-text { font-size:0.7em; }
div.interactive-map div.section { height:100px; width:100px; display:block; float:right; margin-top:-80px; }
div.interactive-map div.section img { position:relative; top:0; left:0; display:none; }

/* user panel */
div#user-panel-area { margin:0; padding:0; background: url("images/user-panel-background.png") repeat-x; padding-top:10px; padding-bottom:10px; border-bottom:3px solid #018594; }
div#user-panel { padding:3px; text-align:left; font-weight:bold; color:#ffffff; font-size:0.85em; }
div#user-panel div#name { float:left; display:block; padding:2px; text-align:center; border: 1px solid #ddd; margin-right:0.5em; }
div#user-panel div#name { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:0.5em; background-color:#4e8063;  }
div#user-panel ul { display:inline; }
div#user-panel ul, div#user_panel ul li { padding:0; margin:0; }
div#user-panel ul { list-style-type:none; }
div#user-panel ul li { display:inline; }
div#user-panel ul li a { font-size:0.85em; margin-right:0.5em; float:left; border: 1px solid #ddd; display:block; padding:2px; text-align:center; }
div#user-panel ul li a { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:0.5em; background-color:#DFECF2; }
div#user-panel ul li a:hover, .user_panel ul li a:focus, .user_panel ul li a:active { color:#000; background-color:#FFD78C; }
div#user-panel ul li a.active { background-color:#0e526d; color:#fff; border:1px solid #fff; border:1px solid rgba(255,255,255,.3); }

/* content */
#page-title, .content { text-align:left; }
#page-title { margin-bottom:15px; }
.content #home-content { float:left; width:560px; }
.content #home-content .field { margin-bottom:10px; }
.content #home-content .field-field-document-attachement * a,
	.content #home-content .field-field-user-defined-links * a { font-size:0.8em; }
.content #home-image-links { float:right; width: 190px; }
.content #home-image-links .homepage-link
{
	border: 2px solid #188493;
	margin-bottom: 20px;
	width: 186px;
}

.content #home-image-links .homepage-link img
{
	display: block;
}

.content #home-image-links .homepage-link .link
{
	background: #188493;
	padding: 0 10px;
}

.content #home-image-links .homepage-link .link a
{
	background: url('images/link-arrow.png') right center no-repeat;
	color: #fff;
	display: block;
	padding: 10px 0;

}

#block-views-homepage_carousel-block_1
{
	margin-bottom: 20px;
}

.cross-section { text-align:center; }
.cross-section img { margin:50px 0; }
.works-section { margin-bottom:30px; }
.works-section .field-field-document-attachement * .field-item, .works-section .field-field-user-defined-links * .field-item { margin:10px 0; }
ul.meetings, ul.documents { list-style:none; padding-left:20px; }
ul.meetings li, ul.documents li, ol.numbered-documents li { padding-left:40px; height:30px; padding-top:10px; }
ol.numbered-documents { list-style:decimal; padding-left:30px; font-size:0.8em; }
ol.numbered-documents li { padding-left:10px; }
	
/* news section */
.latest-news h2, .newsletters h2 { margin-bottom:10px; }
.all-news, .news-block, .newsletter-block { margin-bottom:10px; font-size:0.8em; }
ul.all-news, ul.news-block, ul.newsletter-block { list-style:none; padding-left:0; }
ul.all-news li, ul.news-block li, ul.newsletter-block li { padding-bottom:10px; }
ul.all-news li p, ul.news-block li p, ul.newsletter-block li p { margin-bottom:0; }
.view-all-news { font-size:0.8em; }

/* news content */
.news-node {  }
.news-node .news-excerpt, .news-node .news-content, .news-node .news-date { margin-bottom:10px; }
.news-node .news-date { color:#999 !important; }
.news-node .news-excerpt { font-weight:bold; }
.news-node .news-content .news-image { margin-top:20px; }

/* information centre */
.information-centre div { float:left; width:50%; margin-bottom:20px; }

/* vr model */
.vr-node object { margin-left:30px; }

/* images galleries */
ul.image-gallery { list-style:none; padding:0; }
ul.image-gallery li.image-gallery-item { float:left; width:365px; display:block; background-color:#018594; margin:5px; padding:5px; padding-bottom:4px; }
ul.image-gallery li.image-gallery-item a { display:block; color:#fff; font-weight:bold;  }
ul.image-gallery li.image-gallery-item a span { float:left; }
ul.image-gallery li.image-gallery-item a span.image-gallery-text { width:268px; padding-top:30px;  }
ul.image-gallery li.image-gallery-item a span.image-gallery-image { }
ul.image-gallery li.image-gallery-item a:hover span.image-gallery-text, ul.image-gallery li.image-gallery-item a:focus span.image-gallery-text { text-decoration:underline; }

/* slideshow */
div.slideshow ul { display: none; list-style:none; }
div.slideshow { width: 722px; height: 482px; position: relative; margin: 0 auto 0; margin-top: 10px; overflow: hidden; }
div.slideshow .loading-layer { background: white url("images/ajax-loader.gif") no-repeat center center; width: 722px; height: 482px; position: absolute; top: 0; right: 0; z-index: 100; }
div.slideshow .image-viewer { width: 722px; height: 482px; position: absolute; top: 0px; left: 0px; z-index: 0; }
div.slideshow .image-viewer div { width: 722px; height: 482px; position: absolute; top: 0px; left: 0px; }
div.slideshow .image-viewer img { border: 1px solid white; }
div.slideshow .image-viewer-current-image { z-index: 1; }
div.slideshow .image-viewer-next-image { z-index: 2; }
div.slideshow .control-panel { width: 400px; height: 50px; background: white; border: 1px solid white; z-index: 10; position:relative; top:430px; left:150px; }
div.slideshow .control-panel div { position: absolute; width: 30px; height: 30px; top: 10px; cursor: pointer; }
div.slideshow .control-panel .previous { background: url("images/previous.png") no-repeat; left: 75px; }
div.slideshow .control-panel .play { background: url("images/pause.png") no-repeat; left: 125px; }
div.slideshow .control-panel .paused { background: url("images/play.png") no-repeat; } 
div.slideshow .control-panel .next { background: url("images/next.png") no-repeat; left: 175px; }
div.slideshow .control-panel .view-thumbnails { width: 108px; height: 10px; background: url("images/view-thumbnails.png") no-repeat; top: 20px; left: 225px; }
div.slideshow .control-panel .hide-thumbnails { background: url("images/hide-thumbnails.png") no-repeat; }
div.slideshow .thumbnail-viewer { position:absolute; width:530px; height:265px; background:white; border:1px solid white; top:105px; left:95px; z-index:99; overflow-y:scroll; }
div.slideshow .thumbnail-viewer ul { display: block; }
div.slideshow .thumbnail-viewer ul li { float:left; padding:5px; }

/* ticker */
#ticker-wrapper.has-js { margin: 20px 0px 20px 0px; padding: 0px 5px; width: 780px; height: 30px; display: block; -webkit-border-radius: 15px; font-size: 0.75em; background:url('images/ntcticker_new.png') repeat-y; }
#ticker { width: 700px; height: 23px; display: block; position: relative; overflow: hidden; } 
#ticker-title { padding-top: 9px; color: #4a95a1; font-weight: bold; }
#ticker-content { margin: 0px; padding-top: 9px; position: absolute; color: #1F527B; font-weight: bold; overflow: hidden; white-space: nowrap; line-height: 1.2em; }
#ticker-content:focus { }
#ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #fff; display: block; width: 800px; height: 23px; }
#ticker-swipe span { margin-left: 1px; background-color: #fff; border-bottom: 1px solid #1F527B; height: 12px; width: 7px; display: block; }
#ticker-controls { padding: 0px 0px 0px 0px; list-style-type: none; float: left; margin-top:5px; }
#ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; }
#ticker-controls li#play-pause { background-image: url('images/controls.png'); background-position: 32px 16px; }
#ticker-controls li#play-pause.over { background-position: 32px 32px; }
#ticker-controls li#play-pause.down { background-position: 32px 0px; }
#ticker-controls li#play-pause.paused { background-image: url('images/controls.png'); background-position: 48px 16px; }
#ticker-controls li#play-pause.paused.over { background-position: 48px 32px; }
#ticker-controls li#play-pause.paused.down { background-position: 48px 0px; }
#ticker-controls li#prev { background-image: url('images/controls.png'); background-position: 0px 16px; }
#ticker-controls li#prev.over { background-position: 0px 32px; }
#ticker-controls li#prev.down { background-position: 0px 0px; }
#ticker-controls li#next { background-image: url('images/controls.png');	background-position: 16px 16px;	}
#ticker-controls li#next.over { background-position: 16px 32px;	}
#ticker-controls li#next.down {	background-position: 16px 0px; }
.js-hidden { display: none; }
.left #ticker-swipe { left: 80px; }
.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker { float: left; }
.left #ticker-controls { padding-left: 6px; }
.right #ticker-swipe { right: 80px; }
.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker { float: right; }
.right #ticker-controls { padding-right: 6px; }

/* search */
.block.block-search h2 { display:none; }
.block.block-search * input[type=text] { width:500px; }

/*Misc*/
.border-image img,
img.border-image
{
	border: 3px solid #cfcbca;
	display: block;
}

/* History */
.header-image
{
	margin-bottom: 20px;
}

.header-image .image
{
	float: left;
	width: 575px;
}

.header-image .nav
{
	float: right;
	margin-right: 20px;
	width: 160px;
}

.header-image .nav ul,
.header-image .nav li
{
	display: block;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.header-image .nav li a 
{
	background: url('images/link-arrow-white.png') center right no-repeat;
	display: block;
	margin-bottom: 10px;
	padding: 3px 0;
}

/*Breadcrumbs*/

.breadcrumbs 
{
	font-size: 12px;
	margin-bottom: 10px;
	padding: 0;
}

.breadcrumbs .current 
{
	font-weight: bold;
}

/*Library*/

.view-timelapse-categories .views-row,
.view-Gallery-images .views-row,
.library-items .item
{
	float: left;
	margin-bottom: 30px;
	width: 370px;
}

.view-timelapse-categories .views-row h2,
.view-Gallery-images .views-row h2,
.library-items .item h2
{
	margin: 0 0 5px;
}

.gallery .title a,
.library-items .item a,
.view-Gallery-images .views-row a.view,
.view-timelapse-categories .views-row a.view
{
	background: url('images/link-arrow-white.png') center right no-repeat;
	float: left;
	padding: 3px 40px 3px 0;
}

.view-timelapse-categories .views-row .content,
.view-Gallery-images .views-row .content,
.library-items .item .content
{
	float: right;
	width: 250px;
}

.view-timelapse-categories .views-row-odd,
.view-Gallery-images .views-row-odd,
.library-items .odd
{
	clear: left;
}

.view-timelapse-categories .views-row-even,
.view-Gallery-images .views-row-even,
.library-items .even
{
	float: right;
}

.view-timelapse-categories .views-row img,
.view-Gallery-images .views-row img,
.library-items .item img
{
	float: left;
	margin: 0 15px 15px 0;
}

.library-items .item p
{
	clear: left;
	display: block;
	margin-bottom: 0;
}

.view-timelapse-categories .views-row .content p,
.view-Gallery-images .views-row .content p
{
	margin-bottom: 5px;
}

.gallery-list-page .views-row
{
	width: 100%;
}

.gallery-list-page .views-row .content
{
	float: left;
	margin: 0 0 0 20px;
}

.gallery-list-page .views-row .image img
{
	margin: 0;
}

.gallery .image
{
	float: left;
	height: 106px;
	width: 106px;
}

.gallery .image img
{
	max-width: 100px;
}

.gallery .title a
{
	margin-bottom: 10px;
}

.gallery .content
{
	float: left;
}

.view-timelapse-categories .views-row h3,
.view-Gallery-images h3
{
	color: #018594;
	clear: both;
	display: block;
	margin-bottom: 20px;
}

.gallery .views-row,
.view-Gallery-images .copy
{
	clear: both;
}

.timeline
{
	border: 2px solid #73737B;
	overflow: hidden;
}

.dates-container
{
	background: url('images/fake-border.png') 0 74px repeat-x;
	height: 50px;
	overflow: hidden;
	padding: 30px 10px 5px;
	position: relative;
	width: 551px;
}

.dates-container .arrow
{
	height: 10px;
	line-height: 10px;
	left: 10px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 10px;
}

.dates-container #next
{
	left: auto;
	right: 10px;
}

.timeline .dates
{
	float: left;
	margin: 0;
	padding: 0;
	width: 551px;
}

.timeline .dates li 
{
	display: inline;
}

.timeline .dates-inner
{
	overflow: hidden;
}

.timeline .dates li a
{
	color: #188493;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 50px;
	position: relative;
	text-align: center;
	width: 65px;
}

.timeline .dates li .dot
{
	background: url('images/dot.png') no-repeat;
	bottom: 0;
	display: block;
	height: 10px;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	width: 10px;
	z-index: 10;
}

.timeline .dates li .active .dot
{
	background-image: url('images/dot-active.png');
}

.timeline #timeline-content
{
	clear: both;
	height: 109px;
	padding: 40px 60px 20px;
	position: relative;
	z-index: 0;
}

.timeline #timeline-content .hidden
{
	display: none;
}

.timeline #timeline-content .arrow
{
	background: url('images/timeline-prev.png') center center no-repeat;
	color: #fff;
	display: block;
	font-size: 0;
	height: 169px;
	left: 0;
	position: absolute;
	overflow: hidden;
	top: 0;
	width: 60px;
	z-index: 9;
	zoom: 1;
}

.timeline #timeline-content #next
{
	background-image: url('images/timeline-next.png');
	left: auto;
	right: 0;
}

.timeline #timeline-content #next.disabled
{
	background-image: url('images/timeline-next-disabled.png');
}

.timeline #timeline-content #prev.disabled
{
	background-image: url('images/timeline-prev-disabled.png');
}

.timeline #timeline-content .date-image
{
	float: left;
	width: 220px;
}

.timeline #timeline-content .date-image img
{
	display: block;
}

.timeline #timeline-content .date-content
{
	float: left;
	text-align: center;
	width: 230px;
}

.timeline #timeline-content .date-content h2
{
	color: #73737B;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
}

.timeline #timeline-content .date-content p
{
	color: #000;
}

#key-events.timeline .dates-container,
#key-events.timeline .dates-inner
{
	width: 754px;
}

#key-events.timeline .too-many-dates
{
	padding: 30px 30px 5px;
}

.dates-container .arrow
{
	display: none;
}

#key-events.timeline .too-many-dates a.next
{
	left: auto;
	right: 10px;
}

#key-events.timeline .too-many-dates,
#key-events.timeline .too-many-dates .dates-inner
{
	width: 714px;
}

#key-events.timeline .too-many-dates .dates-inner
{
	height: 50px;
	position: relative;
}

#key-events.timeline .too-many-dates .arrow
{
	display: block;
}

#key-events.timeline .too-many-dates .disabled
{
	color: #CCC;
}

#key-events.timeline .too-many-dates .dates
{
	float: none;
	position: absolute;
	left: 0;
	top: 0;
}

#key-events.timeline .date-content
{
	text-align: left;
	width: 400px;
}

.video-caption,
.caption
{
	background: #CCC;
	color: #000;
	display: block;
	font-size: 12px;
	line-height: 15px;
	min-height: 30px;
	padding: 3% 2%;
	width: 96%;

}

.caption-image img
{
	display: block;
}

.content iframe
{
	display: block;
	margin: 0 auto 20px;
	width: 640px;
}

.content iframe.left-video {
	display: block;
	margin: 0;
	width: 565px;	
}

.video-caption {
	display: block;
	min-height: auto;
	padding: 5px;
	width: 555px;
}