/* customization by maik */

/*.full-story {*/
	/*margin-top:5px;*/
/*}*/
.full-story .paragraph h3 {
	padding-bottom: 5px;
}


/* INI web system advertisements stylesheet
   $Id: announcements.css 3132 2010-09-24 13:18:36Z dave $
   This file provides styles for home-page advertisement (as in
   press release) blocks, as well as detailed ad display and
   lists of advertisments in a category.
   
   Author: Dylan Muir <dylan@ini.phys.ethz.ch>
   Created: 1st March, 2008

   Modified: 21.7.9 -- the word "advertisement" caused problems with
    firefox ad-block, so now I've changed it to "announcement" -- dave.
*/

/* @override 
	http://dbdevel/~dave/db2/login/include/advertisements.css
	http://dbdevel/~dylan/db2/include/advertisements.css
	http://dbdevel/~maik/db2/include/advertisements.css
	http://dbdevel/~dylan/db2/login/include/advertisements.css
	http://dbdevel/~dylan/db2/include/advertisements-carousel.css
	http://dbdevel/~dave/db2/include/advertisements.css
	http://dbdevel.lan.ini.uzh.ch/~dylan/db2/include/advertisements.css
	http://dbdevel.lan.ini.uzh.ch/~dylan/db2/login/include/advertisements.css
	http://dbdevel.lan.ini.uzh.ch/~dave/db2/include/advertisements.css
*/

/* @group General ad styles */

div.announcement div.image-cap,
div.announcement-wide div.image-cap {
	padding: 0ex;
	float: none;
	width: auto;
	clear: none;
	background-color: transparent;
	margin: 0ex;
}

.image-cap img {
	width: auto;
	height: auto;
}

div.image-cap:after {
	display: none !important;
}

.announcement h1,
.announcement h2,
.announcement h3,
.announcement h4,
.announcement h5,
.announcement-wide h1,
.announcement-wide h2,
.announcement-wide h3,
.announcement-wide h4,
.announcement-wide h5 {
	margin: 0ex;
	padding: 0ex;
	line-height: 100%;
	font-size: 120%;
}

.announcement .paragraph,
.announcement-wide .paragraph,
.announcement p,
.announcement-wide p {
	display: inline;
	padding: 0ex;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}

.announcement a {
	line-height: 100%;
	background-color: #ced6e5;
}

.announcement .expand-story-link,
.announcement-wide .expand-story-link,
.announcement-full .expand-story-link {
	display: inline;
	font-size: 90%;
	color: #7f7f7f;
	font-style: italic;
	line-height: 100%;
	margin: 0 0 0 0.8ex;
	padding: 0;
}

.announcement .expand-story-link::after,
.announcement-wide .expand-story-link::after,
.announcement-full .expand-story-link {
	font-size: 90%;
	color: #7f7f7f;
	font-style: italic;
	line-height: 100%;
}

.announcement .category-link,
.announcement-wide .category-link {
	width: 100%;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	margin-top: 1ex;
}

.announcement .category-link a {
}

.announcement .category-link::after,
.announcement-wide .category-link::after,
.announcement-full .category-link::after {
	font-size: 90%;
	color: #7f7f7f;
	font-style: italic;
}

.announcement .display-date,
.announcement-wide .display-date,
.announcement-full .display-date {
	font-size: 80%;
	color: #666;
	line-height: 100%;
}

.category-link {
	clear: both;
}

/* @end */

/* @group Announcements blocks */

.announcement .category-link-arrow a {
	display: block;
	position: absolute;
/*	background: url(css_images/ad-arrow-left.png) no-repeat left bottom;*/
	bottom: -31px;
	left: -66px;
	width: 66px;
	height: 100px;
	z-index: 1;
	font-size: 1pt;
	color: #fff;
	text-indent: -300ex;
	overflow: hidden;
}

div.announcement div.image-cap {
	float: left;
	width: 100%;
	height: 100%;
}

div.announcement div.image-cap img {
	width: 100%;
}

.announcement div.sponsors {
	position: absolute;
	right: -15ex;
	bottom: 0ex;
	width: 15ex;
	display: block;
	overflow: hidden;
	background: white;
	background-color: rgba(255,255,255,0.7);
}

.announcement .sponsors img {
	display: inline;
	width: auto !important;
	height: 1.2em;
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

.announcement .sponsors a {
	display: block;
	float: left;
	background: none;
	padding: 0.5ex;
}

.announcement div.sponsors a:hover {
	background-color: #a1adc4;
}

/* @end */

/* @group Announcement lists (details) */

div.announcement-wide {
	position: relative;
	min-height: 12ex;
	padding: 2ex;
	background-color: #eee;
	float: left;
	width: 95%;
}

.announcement-wide h1 a {
	line-height: 100%;
}

div.announcement-wide div.image-cap {
	position: absolute;
	top: 2ex;
	bottom: 2ex;
	width: 12ex;
	overflow: hidden;
}

div.announcement-wide div.image-cap p {
	display: none;
}

div.announcement-wide div.image-cap::after {
	display: none;
}

.announcement-wide .an-content {
	position: relative;
	margin-left: 13ex;
	margin-right: 10ex;
}

.announcement-wide div.sponsors {
	position: absolute;
	top: 2ex;
	bottom: 2ex;
	right: -10ex;
	width: 10ex;
	border-left: 1px solid #000;
}

div.announcement-wide div.sponsors div.image-cap {
	position: static;
	top: 0ex;
	bottom: 0ex;
	margin: 0ex;
	padding: 0ex;
	background: none;
	float: left;
	width: auto;
	height: auto;
}

.announcement-wide .sponsors img {
	height: 1em;
	width: auto;
}

.announcement-wide .sponsors a {
	display: table-cell;
	padding: 0.25ex;
}

.announcement-wide div.sponsors a:hover {
	background-color: #ced6e5;
}

.announcement-wide div.category-link-arrow {
	display: none;
}


.announcement-wide span.mutable-object {
	position: static;
	margin: 0ex;
}

/* @end */

/* @group Full page announcements */

div.announcement-full {
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}

.announcement-full h1,
.announcement-full h2,
.announcement-full h3,
.announcement-full h4,
.announcement-full h5 {
	font-size: 120%;
}

.announcement-full h1 a {
	line-height: 100%;
}

.announcement-full .category-link {
	text-align: left;
	font-size: 110%;
	font-style: italic;
	margin-top: 1em;
	clear: left;
}

.announcement-full div.sponsors:before {
	display: block;
	content: "Sponsors and funding sources";
	font: bold 140% "Myriad Pro", "Helvetica Neue", Helvetica, "Lucida Grande", Lucida, Verdana, Geneva, Arial, sans-serif;
}

.announcement-full .sponsors a {
	display: block;
	float: left;
	background: none;
	padding: 0.5ex;
	margin-bottom: 1.25em;
}

.announcement-full div.sponsors a:hover {
	background-color: #e6e8f2;
}

div.announcement-full div.sponsors div.image-cap img {
	height: 5ex;
	width: auto;
	clear: none;
}

div.announcement-full div.sponsors div.image-cap {
	position: static;
	top: 0ex;
	bottom: 0ex;
	margin: 0ex;
	padding: 0ex;
	background: none;
	float: left;
	width: auto;
	height: auto;
}

div.announcement-full div.sponsors div.image-cap::after {
	display: none;
}

div.announcement-full div.image-cap {
	float: right;
	clear: right;
	margin-bottom: 2ex;
	margin-right: 2ex;
	margin-left: 2ex;
}

div.announcement-full div.image-cap img {
	width: 30ex;
}


/* @end */

/* @group Carousel announcements */

.carousel div.announcement {
	position: absolute;
	top: 0ex;
	left: 0ex;
	right: 0ex;
	bottom: 0ex;
}

.carousel .announcement * {
	color: #222 !important;
}

.carousel .announcement .image-cap {
	position: absolute;
	top: 0ex;
	left: 0ex;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.carousel .announcement .image-cap img {
	position: absolute;
	width: 100%;
	height: auto;
}

.carousel .announcement .an-content {
	position: absolute;
	bottom: 0ex;
	right: 13ex;
	left: 0ex;
	background: white;
	background-color: rgba(255,255,255,0.9);
	z-index: 1;
	padding: 2ex;
	padding-top: 2ex;
	padding-bottom: 2ex;
	margin: 0ex;
}

.carousel .announcement .title a {
	line-height: 100%;
	background-color: transparent;
}

.carousel .announcement .category-link-arrow a {
	display: none;
}

.carousel .announcement .category-link {
	text-align: left;
}

.carousel .announcement div.sponsors {
	position: absolute;
	right: -13ex;
	top: 0ex;
	bottom: 0ex;
	width: 13ex;
	clear: both;
	background-color: white;
	background-color: rgba(255,255,255,0.9);
	border-left-style: solid;
	border-left-width: 1px;
}

div.carousel div.announcement div.an-content div.sponsors div.image-cap {
	position: static;
	width: auto;
	height: auto;
	float: right;
}

div.carousel div.announcement div.sponsors img {
	position: static;
	height: 1.1em;
	width: auto;
}

.carousel .announcement div.sponsors a {
}

/* @end */

/* @group In-line announcements */

div.announcement-inline {
	display: block;
	overflow: hidden;
}

div.announcement-inline * {
	display: inline;
	padding: 0ex;
	margin: 0ex;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Geneva, Arial, sans-serif;
}

.announcement-inline .title h1,
.announcement-inline .title h2,
.announcement-inline .title h3 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5em;
	float: left;
	margin-right: 1ex;
}

div.announcement-inline div.image-cap,
.announcement-inline .expand-story-link,
.announcement-inline .category-link,
.announcement-inline .category-link-arrow,
.announcement-inline .paragraph {
	display: none;
}

.announcement-inline div.sponsors {
	display: block;
	background: white;
	background-color: rgba(255,255,255,0.7);
	float: left;
}

.announcement-inline .sponsors img {
	height: 1.1em;
}

.announcement-inline .sponsors a {
	display: table-cell;
	padding: 0.25ex;
}

.announcement-inline .sponsors a:hover {
	background-color: #e5dfc3;
	background-color: rgba(213,202,151,0.5);
}



/* @end */