@import url(zero.css);
@import url(dark.css);

body { height: 100%; background: #ffffff; }

body, table { font: 11px/1.1 Helvetica, Arial, sans-serif; }
p { margin-bottom: 10px; line-height: 1.3; }

h2 { font-weight: normal; margin: 12px 0; }

a { text-decoration: none; }

/* Forms */

form { margin-left: -200px; }
	form div.item { clear: left; margin-bottom: 10px; }
	form div.item label { display: block; float: left; width: 190px; text-align: right; padding: 2px 10px 0 0; }
	form div.item div.input { margin-left: 200px; }
	form h2 { margin-left: 200px; }

input.text { font-size: 10px; padding: 1px; width: 163px; }
input.submit { border: none; color: white; font-size: 10px; margin-left: 10px; cursor: pointer; cursor: hand; }

/* Info-boxes */

.info-box { margin-left: -56px; position: relative; }
	.info-box p { margin-left: 56px; }
	.info-box a.icon { position: absolute; left: 0; top: 0; border: 1px solid black; display: block; opacity: 0.3; filter: alpha(opacity=30); }
	.info-box a.icon img { display: block; }
	.info-box a.icon:hover { opacity: 0.6; filter: alpha(opacity=60); }

/* Listen */

p.listen { position: absolute; bottom: 0; height: 14px; line-height: 1; padding-top: 2px; margin-left: -28px; padding-left: 28px; background: url(../images/speaker.gif) no-repeat top left }

/* Slideshows */

ul.slideshow { position: relative; }
	ul.slideshow li { display: block; list-style: none; position: absolute; top: 0; left: 0; }
	ul.slideshow img { display: block; }

/* Tickers */

.ticker {}
  .ticker a { display: none; }

/* Pagebar */

.pagebar { position: absolute; right: 0px; bottom: 0px; width: 390px; }
  .pagebar .directions { float: left; }
	.pagebar .new-search { float: right; }

#grid-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/debug/grid.png); }

#container { position: absolute; left: 50%; top: 50%; padding: 24px; width: 925px; height: 475px; margin: -262px 0 0 -486px; border: 1px solid #A3A3A3; z-index: 1; }
#logo { position: absolute; width: 174px; height: 16px; left: 773px; top: 501px; background-image: url(../images/logo.gif); text-indent: -5000px; }

.nav { font-size: 1px; line-height: 1px; }
	.nav li { display: block; list-style: none; padding: 2px; width: 46px; }
	.nav li.separated { margin-bottom: 50px; }
	.nav a { display: block; width: 44px; height: 44px; border-width: 1px; border-style: solid; color: #B3B3B3; background-color: white; position: relative; overflow: hidden; }
	.nav .icon { display: block; position: absolute; left: 0; top: 0; opacity: 0.3; filter:alpha(opacity=30); }
	.nav .caption { width: 144px; position: absolute; top: 0; left: 0; text-align: right; }

#nav-main { z-index: 10000; position: absolute; left: 24px; top: 24px; }
#nav-sub { z-index: 9000; position: absolute; left: 74px; top: 24px; }

.gallery td { width: 200px; vertical-align: middle; text-align: left; }
	.gallery a { display:block; }
	.gallery img { height: 144px; width: 194px; display:block }

.gallery-3x3 td { height: 150px; }
	.gallery-3x3 img { height: 144px; width: 194px; }
.gallery-3x2 td { height: 225px; }
	.gallery-3x2 img { height: 219px; width: 194px; }
	
/* irregular matrix gallery */

.gallery-irregular td { height: 150px; }
	.gallery-irregular .row-1 td.col-1 { height: 300px; width: 400px; }
		.gallery-irregular .row-1 img { height: 294px; }
		.gallery-irregular .row-1 td.col-1 img { width: 394px; }
		
#sub-content { position: absolute; left: 149px; top: 25px; line-height: 1.2; width: 195px; height: 447px; }
	#nav-items li { margin-bottom: 12px; }
	#sub-content .bottom { position: absolute; left: 0; bottom: 0; width: 195px; }
	#sub-content .bottom p { margin: 10px 0 0 0; }
	
	#nav-items dt { margin-bottom: 12px; }
	#nav-items dd { margin-bottom: 12px; }
	
	#sub-content .scroll-pane { overflow: hidden; height: 447px; width: 188px; }
		#sub-content .jScrollPaneContainer { }
		#sub-content .jScrollPaneContainer .scroll-pane { }
	
/*#nav-items, #sub-content { display: none; }*/
	
#content { width: 600px; height: 450px; float: right; position: relative; overflow: hidden; }
#full-image { display: block; }

#news-ticker { position: absolute; left: 349px; bottom: 33px; line-height: 1; }
#large-logo { position: absolute; top: 0; left: 0; background: url(../images/homepage-logo.png) no-repeat top left; text-indent: -5000px; width: 600px; height: 50px; }

#page-content { padding: 160px 0 0 210px; }
	#page-content #main-image { display: block; position: absolute; top: 2px; left: 0px; width: 194px; height: 144px; }
	#page-content #headline { position: absolute; left: 210px; top: 1px; margin: 0; }
	
	#page-content #page-page-content { text-align: justify; }
	
#back-link { display: block; position: absolute; left: 24px; top: 24px; background-image: url(../images/back.gif); width: 53px; height: 19px; text-indent: -5000px; }
#back-link:hover { background-image: url(../images/back_h.gif); }

#back-to-menu-link { opacity: 0.4; filter: alpha(opacity=40); display: block; position: absolute; left: 24px; top: 24px; background-image: url(../images/back_to_menu.gif); width: 91px; height: 19px; text-indent: -5000px; background-repeat: no-repeat; }
#back-to-menu-link:hover { opacity: 0.7; filter: alpha(opacity=70); }

#attachment-links { position: absolute; left: 24px; bottom: 9px; height: 18px; }
	#attachment-links li { float: left; margin-right: 5px; width: 39px; height: 18px; }
		#attachment-links li a { display: block; text-indent: -5000px; width: 39px; height: 16px; opacity: 0.4; filter: alpha(opacity=40); background: url(../images/pdf.gif) no-repeat top left; }
		#attachment-links li a:hover { opacity: 0.7; filter: alpha(opacity=70); }

#search-form { margin-top: 30px; }

#project-info { padding-top: 39px; width: 300px; float: left; height: 411px; position: relative; overflow: hidden; }
	#project-info h2 { margin-bottom: 12px; }
	
	#project-text-wrapper { text-align: justify;  }
	#project-text { padding-bottom: 1.4em; }
		#project-text p.last { margin-bottom: 0; }

	#project-details-wrapper { padding-top: 10px; background-color: white; position: absolute; bottom: 0; }

  #project-details { width: 300px; visibility: hidden; }
    #project-details th { width: 80px; vertical-align:top; }
    #project-details .lines-wrapper {  }
    #project-details .jScrollPaneContainer { width: 220px !important; }

#container { background-color: white; }
	
#project-gallery { float: right; width: 600px; }
	#project-gallery-slideshow { height: 450px; position: relative; }
		#project-gallery-slideshow li { display: block; list-style: none; position: absolute; top: 0; left: 0; width: 600px; height: 450px; background-color: white; cursor: pointer; cursor: hand }
	#project-gallery-actuator { position: absolute; bottom: 8px; height: 15px; }
		#project-gallery-actuator a { display: block; float: left; margin-right: 5px; width: 18px; height: 13px; }
		#project-gallery-actuator a.content-class-video { background: url(../images/video.png) no-repeat top left; }
		#project-gallery-actuator a.content-class-audio { background: url(../images/audio.png) no-repeat top left; }
		#project-gallery-actuator a.content-class-video,
		#project-gallery-actuator a.content-class-audio { text-indent: -5000px; width: 43px; opacity: 0.7; filter: alpha(opacity=70); border-color: black; }
		#project-gallery-actuator a.content-class-video:hover,
		#project-gallery-actuator a.content-class-audio:hover { opacity: 0.4; filter: alpha(opacity=40); }
		
#project-gallery-thumbs { position: absolute; top: 24px; right: 649px; height: 50px; width: 100px; }
		#project-gallery-thumbs li { text-align: right; display: none; }
	
#search-result-pager { position: absolute; left: 210px; top: 132px; }
#search-results { list-style-type: decimal; list-style-position: outside; line-height: 1.3; overflow: hidden; height: 275px; }
	#search-results li { margin-bottom: 10px; }
		#search-results a { display: block; margin-bottom: 10px; }
	
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: white;
	}
	.jScrollPaneDrag {
		position: absolute;
		background-image: url(../images/scroller-bg.gif);
		background-repeat: repeat-y;
		cursor: pointer;
		overflow: hidden;
	}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		border-top: 1px solid #b2b2b2;
	}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
		border-bottom: 1px solid #b2b2b2;
	}
	a.jScrollArrowUp {
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		text-indent: -2000px;
		overflow: hidden;
		/*background-color: #666;*/
		background-image: url(../images/arrow-up.gif);
		background-position: top center;
		background-repeat: no-repeat;
		height: 9px;
	}

	a.jScrollArrowDown {
		display: block;
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
		text-indent: -2000px;
/*		overflow: hidden;*/
		background-image: url(../images/arrow-down.gif);
		background-position: bottom center;
		background-repeat: no-repeat;
		height: 9px;
	}