/* 
	TF2007Theme.css, 
	Last changed  $Revision: 1032 $
	Last modified $Date: 2015-10-04 15:18:25 +0200 (Sun, 04 Oct 2015) $, 
	Author: e|vo
	based on 
*/
/* _Id: zen.css,v 1.1.2.1 2007/01/28 21: 14: 01 jjeff Exp _ */

/*
 * ZEN STYLES
 *
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal5-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal5-reference.css file
 *   Forum            See line 197 of Zen's drupal5-reference.css file
 *   Menus            See line 667 of Zen's drupal5-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal5-reference.css file
 *   Polls            See line 287 of Zen's drupal5-reference.css file
 *   Search           See line 320 of Zen's drupal5-reference.css file
 *   User Profiles    See line 945 of Zen's drupal5-reference.css file
 */


/** body -- :layout.css ** /
body {}
*/

/* -- :layout.css
#page {}
*/

/** Header **/
/*#header {} :layout.css */

/*#logo-title {} :layout.css; Wrapper for logo, website name, and slogan */
	/*#logo {} :layout.css; Wrapper for logo */
	/*#logo-image {} The actual logo image */

/* #site-name {} :layout.css; The name of the website */

#site-name a:link,
#site-name a:visited {
	color: #000;
	text-decoration: none;
}

#site-name a:hover {
	text-decoration: underline;
}

/* #site-slogan {} The slogan (or tagline) of a website */

/* #header-blocks {} Wrapper for any blocks placed in the header region */



/* ::: Main (container for everything else) :::
#main {}

#main-inner {} */


/* ::: Content ::: */
/*#content {} :layout.css */

/* #content-inner {} :layout.css; padding-container */

/* #mission {} The mission statement of the site (displayed on homepage) */

/* #content-top {} Wrapper for any blocks placed in the "content top" region */

/* #content-header {} Wrapper for breadcrumb, title, messages, tabs, and help */

body.front #content-header h2.title { /* Recent Announcements on Front page */
	margin-left: 20px;
	margin-bottom: 0;
	padding-top: 10px;
	font-size: 177%;
}
	body.front #content-area h2.title {
		margin-top: 0;
	}

.breadcrumb {/* The path to the current page in the form of a list of links */
	padding-bottom: 0; /* Undo system.css */
	font-size: 90%;
}

/* h1.title, The title of the page */
/* h2.title, Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
	margin: 0;
}

div.messages { /* Important messages (status, warning, and error) for the user */
	background: #FF7;
	color: #000;
	min-height: 32px;                 /* icon height */
	/*margin: 0 1em 5px 1em;*/
	margin: 7px 0;
	padding: 0.5em 0.5em 0.5em 48px;
	/*font-style: italic;*/
}


/* ... Status and Error icons ... */

div.status { /* Normal priority messages */
	background-image: url(images/dialog-alert-message.png);
	background-repeat: no-repeat;
	background-position: .5em 50%;
}

div.warning, /* Medium priority messages */
tr.warning,
body.section-admin tr.warning {
	border-color: #FF7;
}

div.error, /* High priority messages. See also the .error declaration below. */
body.section-admin tr.error {
	background-image: url(images/dialog-alert-warning.png);
	background-repeat: no-repeat;
	background-position: .5em 50%;
	border: none;
}

.messages ul {
	padding: 0 0 0 20px;
	margin: 0;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
	background-color: #fcc;
	border-color: #ebb;
	color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
	background-color: #ffd;
	border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
	background-color: #dfd;
	border-color: #beb;
}



.help {/* Help text on a page */
	margin: 0.5em 0; /* e|vo 081020 zen 1.1: margin: 1em 0;*/
}

.more-help-link { /* Link to more help */
	font-size: 0.85em;
	text-align: right;
}

#content-area {/* Wrapper for the actual page content */
	position: relative;
}
body.front .node-type-newsitem {
	padding-bottom: 0;
}


/* A list of page numbers when more than 1 page of content is available */
.pager {
	clear: both;
	margin: 30px 0 1em;
	padding-left: 0; /* reset */
	text-align: center;
}

	.pager li {
		background-image: none;
		display: inline;
		list-style: none;
		list-style-type: none;
	}

	.pager a, 
	.pager a.active,
	.pager-current,
	#wizard button.next, /* hype-up-form */
	#node-form #edit-submit,
	#node-form #edit-preview,
	#node-form #edit-preview-changes,
	#node-form #edit-delete { /* Button style */
		background: #7A7A7A url(images/bg-mastergrid-8bit.png) -77px -45px;
		color: #F5F5F5;
		height: 23px;
		max-height: 23px;
		border: 1px solid #888D92;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		margin: 0 2px 0 2px;
		padding: 2px 0.5em;
		font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
		line-height: 21px;
		text-decoration: none;
		/*border: solid 1px #EEE;
		color: #2763A5;*/
		voice-family: "\"}\""; 
		voice-family: inherit;
		height: 21px;
	}
	.pager-current {
		background: none;
		color: #222;
		border-color: #EAEAEA #CCC #AAA;
		font-weight: bold;
	}
		.pager a:hover,
		#wizard button.next:hover {
			color: #FFF;
		}

.feed-icons { /* The links to the RSS or Atom feeds for the current list of content */
	margin: 1em 0;
}

/* #content-bottom {} Wrapper for any blocks placed in the "content bottom" region */


/** NAVBAR #navbar **/
#navbar {}

/* ::: Search||Finder ::: */
/* 
e|vo 100103: #search-box was till D6 the box!
e|vo 100416: #finder-block-1 was first try (abandoned)
#search-box {} Wrapper for the search form :layout.css */
#search .form-item {
	margin-top: 0;
}
#finder-block-2 .form-item,
#finder-block-1 .form-item,
#search-box .form-item {
	background: #FFF url(images/bg-searchinput.gif) repeat-x;
	width: 190px;
	margin: 0 5px 0 0;
	padding: 2px 2px 0;
	/*border: 1px solid #BBB; border-color: #BBB #ECECEC #ECECEC #BBB; TF.com*/
	border: 1px solid #F3F3F3;
}

#finder-block-2 .form-text, 
#finder-block-1 .form-text, 
#search-box .form-text, 
#user-login-form .form-text {
	color: #666;
	border: none;
}
#header-blocks #edit-2,
#header-blocks #edit-1 {
	width: 185px;
}

	html.js input.form-autocomplete {
		background-color: transparent;
		background-image: url(images/throbber.gif);
		background-repeat: no-repeat;
		background-position: 100% -50px;
	}
	html.js input.throbbing {
		background-position: 100% 0px;
		color: #000;
	}

.form-text {
	border: 1px solid #BBB; 
	border-color: #BBB #ECECEC #ECECEC #BBB;
}
#edit-search-theme-form-keys {
	width: 167px;
}


#header-blocks #block-finder-finder_1,
#header-blocks #block-finder-finder_2,
#header-blocks #block-finder-finder_2-1 {
	width: 296px;
	float: right;
	margin-top: 13px;
}

#header-blocks #block-finder-finder_1 div.content,
#header-blocks #block-finder-finder_2 div.content { /* reset */
	padding-right: 0; 
}

#block-finder-finder_1 #edit-1-wrapper,
#block-finder-finder_2 #edit-2-wrapper,
#block-finder-finder_2 #edit-2-1-wrapper{
	width: 210px;
	float: left;
	padding: 0; /* reset */
	
}
	#block-finder-finder_1 #edit-1-wrapper #edit-1,
	#block-finder-finder_2 #edit-2-wrapper #edit-2,
	#block-finder-finder_2 #edit-2-1-wrapper #edit-2-1 {
		width: 210px;
	}
/* Finder Label Prob todo TEMP */
#block-finder-finder_1 #edit-1-wrapper label,
/* #block-finder-finder_2 not only, bec. Search res pages */#edit-2-wrapper label,
#header-blocks div.finder-block /*#edit-2-1-wrapper*/ label {
	display: none;
}
#block-finder-finder_1 #edit-submit,
#block-finder-finder_2 #edit-submit,
#block-finder-finder_2 #edit-submit-1 /* pages where there is another submit like upload */,
#block-finder-finder_2 #edit-submit-2,
.finder-view #edit-submit {
	float: left;
	background: url(images/bg-mastergrid-8bit.png) no-repeat 0 -44px;
	width: 67px;
	height: 21px;
	border: none;
	padding-top: 21px;
	padding-bottom: 0;
	overflow: hidden;
	text-indent: -9999em;
	/*cursor: pointer; */
}
	#block-finder-finder_1 #edit-submit:hover,
	#block-finder-finder_2 #edit-submit:hover,
	#block-finder-finder_2 #edit-submit-1:hover,
	#block-finder-finder_2 #edit-submit-2:hover,
	.finder-view #edit-submit:hover {
		-moz-box-shadow: 0 1px 1px rgba(27, 207, 232, 0.5);
	}
	#block-finder-finder_1 #edit-submit:active,
	#block-finder-finder_2 #edit-submit:active,
	#block-finder-finder_2 #edit-submit-1:active,
	#block-finder-finder_2 #edit-submit-2:active,
	.finder-view #edit-submit:active {
		background-position: 0 -65px;
	}

/** sidebar-left s. layout.css
#sidebar-left {}**/

/** sidebar-right s. layout.css
#sidebar-right {}**/

/** footer **/
/*#footer {} :layout.css */

#footer-inner {
	color: #222;
	text-shadow: 0 1px 0 #FFF;
}

	#footer a {
	  color: #036;
	  /*border-bottom: 1px dotted #FFFFFF;*/
	}
	#footer a:hover {
	  /*border-bottom: 1px solid #FFFFFF;*/
	}

/** closure **/
#closure-blocks {} /* Wrapper for any blocks placed in the closure region */


/* Book styles */
div.node div.content .book-navigation {
	background: #EEE;
}

div.node div.content .book-navigation ul.menu {
	border: 0;
	border-top: 1px solid #2763A5;
	margin: 0;
	padding-bottom: 10px;
}

div.node div.content .book-navigation .page-links {
	background: #C1D4EA; /*#347FD2;*/
	border: 1px solid #2763A5;
	border-width: 1px 0 1px 0;
	padding: 5px;
	margin: 0;
}


/** Drupal nodes **/
/* Node, View, Block, Content styles */
.node, .view, .box,
body.section-hyperaudio div.view-hyperaudio div.teaser {
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
	body.section-hyperaudio div.view-hyperaudio {
		padding-bottom: 0;
	}

h2.title {
	/*font-size: 1.4em; s. e|vo 100829: shortly before launch, rel. font-sizes doesn't work as expected, I don't give a shit any more */
	font-size: 18px;
}
.node h2.title { /* Node title */
	margin-bottom: .1em;
}
.node h2.title a { /* News Page Titles */
	/*color: #444;*/
	/*font-size: 1.3em;*/
	font-size: 18px;
}

.teaser h3.title,
.teasertext,
.hyperaudio-header,
body.node-type-hyperaudio .imagecache-thumb {
	margin-bottom: 5px;
}

.node .content,
.view .view-content {
	padding-top: 10px;
	padding-bottom: 5px;
}

#main .node .content {
	color: #222;
}

.content ul li,
.content ul.related_interviews li {
	list-style-position: inside !important;
}

#sidebar-left .block, #sidebar-right .block {
	/*border-bottom: solid #ddd 1px;*/
	padding-bottom: 12px;
	margin-bottom: 0; /* e|vo 090518: was 20px; */
}

.block .item-list ul {
	padding-left: 0;
}

#content .block ul li {
	/*list-style-image: url(images/bullet.gif); //e|vo 100126: TODO perhaps later*/
	list-style-type: disc;
}

.node { /* Node wrapper */
}

.sticky { /* A sticky node (displayed before others in a list) */
	border-bottom: solid 3px #EEE;
}

/* ... User profile content ... */
.profile {
	clear: none;
}

/* ... Unpublished Nodes ... */
.node-unpublished { /* Unpublished nodes */
	/* Drupal core uses a #fff4f4 background */
	/*background: transparent url(images/bg-not-published.png) repeat-x right bottom; e|vo 2011: no more images */
	background: transparent url(images/bg-not-published.png) repeat-x right bottom;
	/*e|vo 2011: no more images */
	background: -moz-linear-gradient(center top , #FFFFFE 0%, #EFC7B3 60%, #E8A07D 91%, #F9C4A7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFE), color-stop(60%,#EFC7B3), color-stop(91%,#E8A07D), color-stop(100%,#F9C4A7));
}
	.node-unpublished * {
		padding: 0 10px;
	}
	.node-unpublished #hyperaudioplayer-box {
		padding: 0;
	}

.node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
.comment-unpublished div.unpublished {
	height: 0;
	overflow: visible;
	color: #EEE;
	font-size: 75px;
	line-height: 1;
	/*font-family: Impact,"Arial Narrow",Helvetica,sans-serif;*/
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
	/*font-weight: bold;*/
	letter-spacing: -5px;
	text-transform: uppercase;
	text-align: center;
	word-wrap: break-word; /* A very nice CSS3 property */
}

.node-mine { /* A node created by the current user */
}

.node-teaser { /* A node displayed as teaser */
}

/* All nodes are given a node-type-FOO class that describes the type of
 * content that it is. If you create a new content type called
 * "my-custom-type", it will receive a "node-type-my-custom-type" class.
 */
.node-type-page {} /* Page content node */

.node-type-story {} /* Story content node */

.marker { /* "New" or "Updated" marker for content that is new or updated for the current user */
	color: #c00;
}

.node .picture {} /* The picture of the node author */

.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
	position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
}

.submitted { /* The "posted by" information */
	display: block;
	color: #AAA;
	font-size: 75%;
	text-align: right;
}
.view-news .submitted,
.view-news-frontpage .submitted,
.view-news-frontpage-promoted .submitted,
body.page-news #content-area .submitted,
body.node-type-newsitem #content-area .submitted {
	margin-bottom: 0.2em;
	text-align: left;
}

/* .node .taxonomy {} Node taxonomy (categories) */
.taxonomy {
	font-size: 90%;
	color: #878787; 
	display: inline;
}

.taxonomy ul.links li {
border: none;
padding: 0 .1em 0 .2em;
}

/*.taxonomy ul.links li:after {
content: ",";
}

.taxonomy ul.links li.last:after {
content: "";
}*/

.node div.links { /* Wrapper for node links */
	margin: 1em 0;
}
	.view-News div.links { /* for News Page */
	margin-top: 0; /* reset */
	}

ul.links {} /* Taxonomy links, node links, comment links */
	ul.links li {
		border-left: 1px solid #444;
		display: inline;
		list-style-type: none;
		padding: 0 0.5em;
	}
		ul.links li.first {
			border-left: none;
			padding-left: 0;
		}
		ul.links li.comment_add {
			border: none;
		}

ul.links.inline { /* "Add new comment" @ bottom of node */
	display: inline;
	border: none;
}

.preview .node { /* Preview of the content before submitting new or updated content */
	/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}


/** Drupal comments **/
#comments { /* Wrapper for all comments */
	margin: 1em 0;
}

.comment { /* Wrapper for a single comment */
	position: relative;
}

.comment-inner { /* Additional wrapper for a single comment */
}

#comments .odd { /* An odd-numbered comment in the list of comments */
}

#comments .even { /* An even-numbered comment in the list of comments */
	background-color: #F3F3F3;
}

.comment-unpublished { /* Unpublished comments */
	/* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished { /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
	background-color: #FFF;
}

.comment-by-author { /* A comment created by the node's author */
}

.comment-by-anon { /* A comment created by an anonymous user */
}

.comment-mine { /* A comment created by the current user */
}

.comment h3.title { /* Comment title */
}

.new { /* "New" marker for comments that are new for the current user */
	color: #C00;
}

.comment .picture { /* The picture of the comment author */
}

.comment .submitted /* The "posted by" information */
{
}

.comment .content /* Comment's content wrapper */
{
}

.comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
{
	margin: 1em 0;
}
#comments { /* e|vo 080102 */
	border-top: 1px solid #BBB;
}

.comment {
	margin: 0 0 10px 0;
	padding: 10px 10px 5px;
}


.comment-by-author {
	background: none;
	border: 1px solid #6191C5;
}

.comment h3.title, .comment h3.title a {
	font-size: 115%;
	color: #2266AB;
	font-weight: normal;
}

.comment .picture, .node .picture {
	float: left;
	margin-right: 15px;
}

.comment .new {
	color: #FFC600;
	font-weight: bold;
	font-family: "Trebuchet MS",Arial,Verdana,sans-serif;
}

.comment .links {
	text-align: right;
}


.indented { /* Nested comments are indented */
	/* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}

.preview .comment { /* Preview of the comment before submitting new or updated comment */
	/* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/** Drupal blocks **/
.block { /* Block wrapper */
	margin-bottom: 1em;
}

/* .block.region-odd {}		Zebra striping for each block in the region */

/* .block.region-even {}	Zebra striping for each block in the region */

/* .block.odd {}				Zebra striping independent of each region */

/* .block.even {}				Zebra striping independent of each region */

/* .region-count-1 {}		Incremental count for each block in the region */

/* .count-1 {}					Incremental count independent of each region */

/* .block h2.title {}		Block title */
	#sidebar-left .block h2.title a {
		margin: 0;
	}

/* .block .content {}		Block's content wrapper */
	#sidebar-left .block .content {
		padding-right: 10px;
	}

/* #block-aggregator-category-1 {} Block for the latest news items in the first category */

/* #block-aggregator-feed-1 {} Block for the latest news items in the first feed */

/* #block-block-1 {} 		First administrator-defined block */

/* #block-blog-0 {} 			"Recent blog posts" block */

/* #block-book-0 {} 			"Book navigation" block for the current book's table of contents */

/* #block-comments-0 {} 	"Recent comments" block */

/* #block-forum-0 {} 		"Active forum topics" block */

/* #block-forum-1 {} 		"New forum topics" block */

/* #block-menu-2 {} 			"Primary links" block */

/* #block-node-0 {}			"Syndicate" block for primary RSS feed */

/* #block-poll-0 {} 			"Most recent poll" block */

/* #block-profile-0 {} 		"Author information" block for the profile of the page's author */

/* #block-search-0 {} 		"Search form" block */

/* #block-statistics-0 {} 	"Popular content" block */

/* #block-user-0 {}			"User login form" block */

/* #block-user-1 {} 			"Navigation" block for Drupal navigation menu */

/* #block-user-2 {} 			"Who's new" block for a list of the newest users */

/* #block-user-3 {}			"Who's online" block for a list of the online users */


/** Drupal boxes **/
/* Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
/* .box {}						Wrapper for box */

/* .box-inner {} 				Additional wrapper for box */

/* .box h2.title {}			Box title */

/* .box .content {}			Box's content wrapper */

/** Miscellaneous Drupal styles **/
.error { /* Errors that are separate from div.messages status messages (see above.) */
	color: #C00;
}

.more-link { /* Aggregator, blog, and forum more link */
	text-align: right;
}

#user-login-form { /* Drupal's default login form */
	text-align: left;
}

tr.even, tr.odd { /* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
	border-bottom: none;
	padding: 0;
}

tr.even {
	background-color: #FFF; /* Drupal core uses a #eee background */
}

tr.odd {
	background-color: #F3F3F3; /* Drupal core uses a #eee background */
}
tr.even, tr.odd {
	border-bottom: 1px solid #E8E8E8;
}

tr.even:hover, tr.odd:hover {
	background-color: #F3F3F3;
}


li a.active { /* The active item in a Drupal menu */
	color: #000;
}


/** Drupal forms **/
html.js fieldset.collapsible legend a {
	background: transparent url(images/menu-expanded.png) no-repeat scroll 5px 75%;
	padding-left: 15px;
}

.form-item, /* Wrapper for a form element (or group of form elements) and its label */
.form-checkboxes,
.form-radios {
	margin: 1em 0;
}
	.form-item {
		margin: 0.5em 0;
	}

.form-item input.error, /* Highlight the form elements that caused a form submission error */
.form-item textarea.error,
.form-item select.error {
	border: 2px solid #c00;
}

.form-item label { /* The label for a form element */
	display: block;
	font-family: Arial,Helvetica,sans-serif; /* e|vo 081021: when it's bold, it's Arial! :) */
	font-weight: bold;
}

.form-item label.option { /* The label for a radio button or checkbox */
	display: inline;
	font-weight: normal;
}

.form-required { /* The part of the label that indicates a required field */
	color: #c00; /* perhaps FF6347 */
}

.form-item .description,
.form-description { /* The descriptive help text (separate from the label) */
	color: #878787;
	font-size: 0.85em;
}
.form-item:hover .description,
.form-item:hover .form-description {
	color: inherit;
}
	.form-item .description a,
	.form-description a {
		white-space: nowrap;
	}

.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
.form-radios .form-item {
	margin: 0.4em 0;
}

.form-submit /* The submit button */
{}

.container-inline div, 
.container-inline label { /* Inline labels and form divs */
	display: inline;
}

.tips { /* Tips for Drupal's input formats */
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}


/**
*   ICON STYLES 
*
*  Puts all the references to icon images in one place.
*/

/* Leaf, collapsed, and expanded icons used for navigation*/
.block li.leaf, ul.menu li.leaf {
	list-style-image: none; /* url(images/menu-leaf.png) */
	list-style-type: circle;
}

.block li.collapsed, ul.menu li.collapsed {
	list-style-image: url(images/menu-collapsed.png);
}

.block li.expanded, ul.menu li.expanded {
	list-style-image: url(images/menu-expanded.png);
}

.block li a.active {
	text-decoration: none;
}

/* Forum posts and recent blog posts */
.block-forum ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 5px 0px 5px 20px;
	background-image: url(images/page_text.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.block-blog ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 5px 0px 5px 20px;
}

/* Who's new & Who's online*/
#block-user-2 ul li, #block-user-3 ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 5px 0px 5px 20px;
	background-image: url(images/icon_user.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

/* Node links such as add comments, User's blog, etc */
/*#main .node div.links {
	margin: 1em 0 0;
	padding: 5px 0px 5px 13px;
	background: url(images/links.gif) no-repeat 0 .93em;
}*/



/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
 * admin section of the site.
 */
.section-admin tbody {
	border-top: 1px solid #ccc;
}

.section-admin th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}

.section-admin tbody th {
	border-bottom: 1px solid #ccc;
}

.section-admin thead th {
	text-align: left;
	padding-right: 1em;
	border-bottom: 3px solid #ccc;
}

.section-admin tr.even,
.section-admin tr.odd {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
}

/* ::::: Administration styles ::::: */
div.admin {
	padding-top: 10px !important;
}

div.admin .left,
div.admin .right { /* ! /drupal/admin.css */
	width: 48.5% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

div.admin-panel { /* ! /drupal/admin.css */
	padding: 5px 0 !important;
}

.admin-panel .body {
	background-color: #FFF;
	/*border: solid #6191C5 1px;*/
	padding: 0 2px 2px 0;
}

.admin-panel .body dl, .admin-panel .body p {
	padding: 10px 10px 0;
}

.admin-panel h3 {
	background: url(images/bg-admin-headline.png) no-repeat;
	color: #5D6063;
	border-width: 0;
	margin: 0;
	padding: 4px 0 8px 29px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 122%;
}

#finder-admin-links-1 { /* e|vo 100103 added, for 'Finder' (livesearch) module */
	position: absolute;
	top: 31px;
}
	#finder-admin-links-1 li {
		color: #B5FEFF;
		border-left: 1px solid #B5FEFF;
		font-size: 0.9em;
	}
		#finder-admin-links-1 li.first {
			border-left: 0;
		}
	#finder-admin-links-1 li a {
		color: #B5FEFF;
	}

#admin-menu { /* Module; only f. admins */
	width: 960px !important;
	height: 21px !important;
	top: -41px !important;
	border-bottom: 3px solid #E0E5EB !important;
} 
	#admin-menu:hover {
		top: -20px !important;
	}

/* Views Admin Links; modules/views.css */
/*div.view div.views-hide-hover, 
div.view:hover div.views-hide {
	top: -22px;
	right: 0;
}*/
div.view:hover div.views-hide {
	margin-top: -1.2em;
}
div.view div.views-admin-links li,
div.view div.views-admin-links li a,
.block div.view div.views-admin-links {
	color: #CCCF00; /* #B5FEFF */
	border-color: #CCCF00;
}
 
/* ***** Special TF modules, not Drupal ***** 
	 ****************************************** */

#autocomplete { /* ie456.css; was #live-search-results */
	background: transparent url(images/70percent-white.png) repeat !important;
	/*position: absolute;
	top: 21px;  e|vo 081021: -#navbar top; otherwise results are making the page jump 
	right: 0;
	width: 165px;*/
	border-color: #F3F3F3;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 8px;
	text-align: left;
	margin-left: -3px; /* error? xbrowser todo */
}
#autocomplete ul, 
#autocomplete li {
	background: none !important;
}
#autocomplete li {
	line-height: 1.7em;
	cursor: pointer;
}
#autocomplete li.selected {
	background: #F5F5F5 !important;
	color: #015AB1;
	text-decoration: underline;
}

#search-box .formfilter {
	display: none;
}

/* ***** Special TF parts, not by ZEN or Drupal ***** 
	 ************************************************** */



/* ||||| Common Classes ||||| */
.aligned-l { text-align: left; }
.aligned-c { text-align: center; }
.aligned-r { text-align: right; }
.b         { font-weight: bold; }
.clear,
br.clear   { clear: both; }
.f-l       { float: left; }
.f-r       { float: right; }
.iv,
.zzz,
.hiddenmodule { display: none; }

.hidden,
.hidden-structure {
	visibility: hidden;
}

.no-bullets,
.no-bullets li { list-style: none; list-style-type: none; }
.nw { white-space: nowrap; }

/*.clearfix // e|vo in Drupal .clear-block */
html[xmlns] .clear-block { /* Op */
	display: block;
}

body.front #content-top,
body.front #content-top-promo,
body.front #content-top-promo-news,
body.front #content-header,
body.front #content-area,
body.not-front #content { /* ie456.css */
	position: relative; /* e|vo: due to ul.primary */
	/*background: url(images/70percent-white.png) repeat; todo & temp: e|vo 081023 due to performance problem */
	background: #FFF;
	/* url(images/bg.png) repeat; e|vo 090322: white instead of transparency, doesn't matter. */
}
body.front #content-top {/* Teasers */
	padding-top: 1px;
}
body.front #content-top-promo-news {
	padding-top: 0.9em; /* todo: hack */
}

	body.not-front #content {
		 background: #FFF url(images/bg-mastergrid-24bit.png) no-repeat -700px bottom;
		 min-height: 300px;
	}

/* ::: TF Shortinfo */
body.front #block-block-5 h2.title {
	display: none;
}
body.front #block-block-5 h2 {
	font-size: 122%;
}

/* ||||| BLOCKS ALL OVER ||||| */
.block-menu h2.title {
	display: none;
}

.block-menu ul { 
	padding-left: 0;
}

.block-menu ul li {
	margin: 0 0 0.2em 0;
}

#block-menu-primary-links ul.menu {
	margin-top: 0;
	padding-left: 0;
}

#block-menu-primary-links ul.menu li.leaf {
	margin: 0 0 0.4em 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
}

#block-menu-primary-links ul.menu li.leaf a { 
	font: normal 122% "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}

/* ... Block Language-Switcher ... */
#block-i18n-0,
#block-translation-0,
.block-translation {
	position: absolute;
	top: 31px;				/* 47px - 16px (#navbar start) */
	right: 170px;
	width: 99px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	font-size: 95%;
	white-space: nowrap; /* for Saf (KHTML) */
}

#block-i18n-0 ul li,
.block-i18n .item-list li,
.block-translation ul li {
	display: block;
	float: left;
	width: 43px;
	margin: 0;
	list-style-type: none;
	list-style: none;
}

 /*.block-translation .i18n-link .active, Don't show active language! */
#block-i18n-0 h2.title,
#block-i18n-0 img.i18n-icon,
.block-translation h2.title,
.block-translation .i18n-icon { /* Don't show language flag */
	display: none;
	visibility: hidden;
}

/* ... Block Featured Interviews ... */
#block-views-featured_interviews-block_1 div.content {
	margin-top: 0.7em;
}

#block-views-featured_interviews .view-featured-interviews, /* Todo Old D5 */
#block-views-featured_interviews-block_1 .view-featured-interviews {
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#block-views-featured_interviews-block_1 ul,
#block-views-featured_interviews-block_1 li {
	padding-left: 0;
	list-style: none !important;
	list-style-type: none !important;
}

#block-views-featured_interviews .teaser,
#block-views-featured_interviews-block_1 ul.ha-featured li { 
	background: #FFF;
	clear: none;
	float: left;
	width: 31%;
	margin-bottom: 0;
	padding-right: 3%;
	padding-bottom: 0;
}
#block-views-featured_interviews .teaser-last,
#block-views-featured_interviews-block_1 ul.ha-featured li.last { 
	width: 32%;
	padding-right: 0;
}
#block-views-featured_interviews .teaser .teaserimage, /* D5 */
#block-views-featured_interviews-block_1 div.view-featured-interviews .imagecache {
	display: block; 
	width: 190px;
	height: 147px;
	overflow: hidden;
}
#block-views-featured_interviews .teaser .teaserimage img { 
	width: 190px;
}
#block-views-featured_interviews .node-teaser-text div,
#block-views-featured_interviews .node-teaser-text ul {
	display: none;
}

/* ... Block News ... */
#block-views-news_block-block_1 h2.title a,
#block-views-news_block h2.title a {
	font-size: 100%;
}

#block-views-news_block-block_1 .view-news-block,
#block-views-news_block .view-news-block {
	margin-bottom: 0;
	padding-bottom: 0;
}

#block-views-news_block-block_1 .view .view-content,
#block-views-news_block .view .view-content {
	padding-top: 0;
}

#block-views-news_block-block_1 ul {
	padding-left: 0;
}
#block-views-news_block-block_1 ul li,
#block-views-news_block ul li,
#twitter_update_list li {
	margin-left: 0;
	margin-bottom: 6px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
#block-views-news_block-block_1 a,
#block-views-news_block a {
	font-size: 90%;
}

#block-views-news_block-block_1 .created,
#block-views-news_block .view-data-node-created /* D5 */ {
	font-size: 75%;
}

body.not-front #block-views-news_block-block_1 .content,
body.not-front #block-views-news_block .content {
	display: none;
}

/* ... Twitter-Block ... */
#twitter_update_list {
	padding-left: 0;
}
body.not-front #twitter_update_list {
	display: none;
}
	#twitter_update_list li {
		margin-bottom: 0.5em;
		font-size: 90%;
	}


/* ... Login Block ... */
#user-login-form {
	text-align: left;
}

#user-login-form .item-list ul {
	margin-top: 10px;
}

#user-login span { /* e|vo 071224, Drupal 5.5 && >6.13: for animated login-block! */
	z-index: 99;
}
#login-block-login {
	background: url(images/bg-mastergrid-24bit.png) no-repeat -1400px top;
	position: absolute;
	right: -8px;
	width: 345px;
	padding: 23px 10px 25px 0;
}
html.js #login-block-login {
	display: none;
}
	#login-block-login label {
		margin-left: 3px;
	}
	#login-block-login .form-required {
		display: none;
	}

#login-block-login #edit-name,
#login-block-login #edit-pass {
	background: #FFF url(images/bg-searchinput.gif) repeat-x scroll 0 0;
	width: 77px;
	font-size: 12px;
}

#edit-login-submit {
	background: #7A7A7A url(images/bg-mastergrid-8bit.png) -77px -45px;
	color: #FFF;
	width: 42px;
	height: 20px;
	border: 1px solid #888D92;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Arial,Helvetica,sans-serif;
}
	#edit-login-submit:active {
		background-position: -75px -66px;
	}

#edit-login-submit,
#login-block-login a {
	margin-right: 3px;
}


/* ... Administration, User Menu ... */
#sidebar-left #block-user-1 {
	padding-right: 0;
}
#block-user-1 ul.menu {
	padding-left: 0;
}
#block-user-1 ul.menu li {
	margin-left: 0.3em; /* !system.css */
	/*white-space: nowrap; e|vo 100424 D6 disabled*/
	overflow: visible;
}
#block-user-1 ul.menu li.leaf {
	padding-right: 0;
}
#block-user-1 ul.menu li a {
	overflow: hidden;
}
	#block-user-1 ul.menu ul.menu {
		padding-left: 1em;
	}
	#block-user-1 ul.menu li li {
		padding-top: 0;
		margin-left: 0.5em;
}


/* ::::: Front Page ::::: */
/* ..... News-Frontpage ..... */
.view-news-frontpage {
	margin-bottom: 0; /* reset */
}

#content-top-promo-news h2.title,
#content-top-promo-news .content,
#content-top-promo-news .view .view-content {
	margin-top: 0;
	/*padding-top: 0; e|vo 081023: on front-page to less space */
}


/* ::: HYPE/RAUDIO||RVIDEO ::: */
/* hype___ teaser list */
body.section-hyperaudio div.view-hyperaudio h3.title {
	/*font-size: 135%; e|vo 100829: shortly before launch, rel. font-sizes doesn't work as expected, I don't give a shit any more*/
	font-size: 18px;
	font-weight: normal;
}

/* main nav bullets for Recordings, Persons, Topics */
/*li.mainNavListitemMarker,
li.mainnavBulletItem {
	list-style-image: url(images/menu-bullet.png) !important;
	padding-left: 0.9em;
} e|vo 090318: disabled bec.of reducing to only Recordings*/


#block-views-featured_interviews h2.title,
#content h1.title {
	margin-top: 0;
	padding-top: 5px;
}

body.section-hyperaudio h2.title {
	margin-bottom: 0.5em; /* same as #block-menu-primary-links ul.menu li.leaf */
}



/* ||||| Navigation ||||| */
.nolink-menu-item {
	color: #444;
	font-size: 115%;
	/*font-weight: bold;*/
}
	.nolink-menu-item strong {
		font-size: 110%;
}

.feed-icon {
	padding-right: 4px;
}

#block-menu-2 .content,
.block-translation .content {
	margin-top: 0;
}

/*.node-type-person, D5*/
.node-type-topics {
	margin-bottom: 1.5em;
	overflow: auto; /* to get floated divs into outer node-type-div, see http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
}

/*.node-type-person .image-attach-teaser,
.node-type-person .image-attach-body {
	float: left;
	margin: 0 1em 0 0;
} D5*/
/*#content .node-type-person h3.title, D5*/
#content .node-type-topics h3.title {
	margin-bottom: 0.3em;
	font-size: 135%;
	font-weight: normal;
}

/* Sortorder Nav on Hype/all */
#nav-sortorder {
	position: absolute;
	top: -27px;
	right: 0;
	width: 210px;
	text-align: right;
}
	#nav-sortorder ul {
		display: inline;
	}
		#nav-sortorder ul a.current {
			color: #444;
			text-decoration: none !important;
			cursor: default;
		}
		#nav-sortorder ul ul {
			display: none;
		}

/* ::: HYPE NODE VIEW ::: */
body.node-type-hyperaudio #content h2.title {
	/*font-size: 1.7em;*/
	font-size: 18px;
}

h3.speakers {
	margin-bottom: 0;
}
	body.node-type-hyperaudio #content h3.speakers {
		font-size: 1.3em;
		margin: 15px 0 0 0;
	}
		body.node-type-hyperaudio #content h3.speakers a {
			color: #444;
		}
	
body.node-type-hyperaudio .submitted {
	position: absolute; 
	top: 0;
	right: 0;
	width: 200px;
}

ul.metaaudio {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
	ul.metaaudio li,
	div.hype-meta-kw,
	#nav-sortorder {
		/*float: left;
		width: 33%;*/
		color: #878787;
		display: inline;
		border-left-color: #878787 !important;		
		list-style: none;
		list-style-type: none;
		padding-right: 14px;
		font-size: 90%;
	}
	div.hype-meta-kw,
	#nav-sortorder,
	#nav-sortorder li.last {
		padding-right: 0; /* reset */
		border-left-color: #878787 !important;	
	}
		div.hype-meta-kw a,
		.view-News .submitted a {
			color: #878787;
		}
		div.teaser:hover div.hype-meta-kw a,
		.view-News div.node:hover .submitted a {
			color: #015AB1;
		}

.noimage {
	background: #EEE;
	float: right;
	width: 120px;
	height: 90px;
	margin-left: 10px;
	text-decoration: none;
}

.teaserimage {
	display: block;
	float: left;
	width: 215px;
	height: 160px;
}
body.node-type-hyperaudio .imagecache-thumb {
	float: right;
	margin-left: 20px;
}
div.view-hyperaudio .teaserimage {}

.view-content-hyperaudio .node-teaser-text {
	/*float: left; e|vo 090621: no float here, to ensure floating around the image*/
	position: relative;
	min-height: 90px;
	/* width: 385px; was 395px, due to Hyperaudio node listings */
}

body.node-type-hyperaudio .field-transcription {
	margin-top: 10px;
	margin-bottom: 15px;
}


/* timecode */
a.timecode {
	display: inline-block;
	background: #111 url(images/bg-btn-hyperaudiolink.png) no-repeat top left;
	color: #FFF;
	min-width: 30px;
	padding: 0.1em 0.2em 0.1em 1.4em;
	font: normal 80% Tahoma,Arial,Helvetica,sans-serif;
	text-decoration: none !important;
	letter-spacing: 0.1em;
}
	a.timecode:link {
		color: #FFF !important; 
	}
	a.timecode:visited {
		color: #FFF !important;
	}
	a.timecode:hover {
		background-color: #FDF01F; 
		color: #F3F3F3;
		border-bottom: 1px solid rgba(27,207,232,1);
		box-shadow: 0 0 2px rgba(27,207,232,0.5);
		-moz-box-shadow: 0 0 2px rgba(27,207,232,0.5);
		-webkit-box-shadow: 0 0 2px rgba(27,207,232,0.5);
	}
	a.timecode:active {
		background: #000 url(images/bg-btn-hyperaudiolink-act.png) no-repeat top left; 
		color: #FFF;
	}


body.node-type-hyperaudio div.hr {
	background: url(images/bg-mastergrid-8bit.png) no-repeat 0 0;
	width: 400px;
	height: 8px;
	margin-left: 106px;
}
	body.node-type-hyperaudio div.hr hr {
		display: none;
	}

#metainfo-box {
	margin-bottom: 1.1em;
}

#metainfo-box h2 {
	background: url(images/menu-expanded.png) no-repeat 5em 0.35em;
	margin-top: 0.3em;
	padding-right: 14px;
	font-size: 1.2em;
	font-weight: bold;
}

/*body.node-type-hyperaudio .comment_add {
	font-weight: bold;
}*/


/* ... HYPERAUDIO/VIDEO PLAYER ... */
#hypervideoplayer-box { /* e|vo 100914: 384px x 288px */
	background: #666;
	position: fixed;
	top: 163px;
	right: 15px;
	width: 360px;
	height: 260px;
	box-shadow: 0 4px 7px rgba(0, 0, 0, 0.85);
	-moz-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.85); /* Fx 3.5-3.6 */
	-webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.85);
}
/* html>body #hypervideoplayer-box, x:-moz-any-link, x:default { Fx 3.0 only 
	background: url(images/bg-mastergrid-24bit.png) no-repeat -376px 0;
}*/
#hyperaudioplayer-box {
	margin: 15px 0 25px 0;
}
	#hypervideoplayer-box .title,
	#hyperaudioplayer-box .title {
		color: #F3F3F3;
		padding: 2px 3px 2px 5px;
		text-transform: capitalize;
	}
	#hyperaudioplayer-box .title {
		display: none;
	}
	/* TN 2015-10-04: removing draggable function due to sticky bug.   html.js #hypervideoplayer-box .title {
		cursor: move;
	} */
	html.js #hypervideoplayer-box #hyperaudioplayer-placeholder div {
		width: 360px !important;
	}
	
	#hyperaudioplayer-placeholder object {
		outline: none;
	}

#downloadbutton {
	position: fixed;
	top: 333px;
	right: 15px;		
}

#hype-download {
	float: right;
	display: block;
	margin: 5px 0;
	font-size: 0.9em;
}



/* ::: HYPERAUDIO ORBITS ::: */
.orbit {
	display: inline;
	background: #F00;
	padding: 0 2px;
}

.orbit * {
	background: #F00;
}

.orbittooltip { /* TEMP */
	color: #111;
	width: 200px;
	border: 1px solid #111;
	padding: 4px;
	font-size: 11px;
}

.orbit-color1 {
	background: #FFB005;
}
.orbit-color2 {
	background: #FF5400;
}

h3#tooltipTitle {
	margin-bottom: 2px;
	margin-top: 2px;
}
h3#tooltipEnTitle {
	padding-bottom: 6px;
}

#tooltipKeywords {
	color: #444;
	padding-top: 4px;
}

#tooltipText {
}

/* insert/update orbit popup */
body#hyperaudio-orbit {
	min-width: 0 !important;
	background: none;
	margin: 10px;
}

body#hyperaudio-orbit input.orbittextfield {
	width: 100%;
}

body#hyperaudio-orbit table.properties tr.column1 {
	width: 100%;
}

body#hyperaudio-orbit textarea#content {
	width: 100%;
}

body#hyperaudio-orbit fieldset {
	border: none;
}

body#hyperaudio-orbit td.column1 {
	width: 30%;
}

.mceWindowHead {
	background-color: #015AB1;
}



/* ::::: HYPE(RAUDIO/RVIDEO) NODE FORM ::::: */
/* _____ Node Edit Form 
			body.hype-edit_____ */
#node-form > div {
	overflow-x: hidden;
}

.filefield-element .widget-preview {
	max-width: 40%;
}

#node-form .node-form .form-text {
	width: auto !important;
}
body.node-type-hyperaudio #node-form #edit-title,
body.page-upload #node-form #edit-title {
	font-size: 1.25em;
}
body.node-type-hyperaudio #node-form #edit-title,
body.node-type-hyperaudio #node-form #edit-taxonomy-tags-1 {
	width: 39.8em !important; /* e|vo: was 46.7em, due to font-size above*/
}
	body.hype-up #node-form #edit-title { /* Edit */
		width: 598px !important;
	}
body.node-type-hyperaudio #node-form #edit-taxonomy-tags-3 { /* Languages */
	width: 7em !important;
}

body.hype-edit #node-form .page fieldset { /* Fieldsets of the Steps */
	border: none;
	margin: 0;
}
	body.hype-edit #node-form .page fieldset legend { 
		display: none;
	}
	
body.hype-edit #node-form .page h3 {
	font-size: 1.2em;
}


body.hype-edit #edit-field-languages-spoken-value-wrapper, 
body.page-upload #edit-field-languages-spoken-value-wrapper { /* Languages Spoken DropDown */
	float: left;
	width: 177px;
}
	body.hype-edit #edit-field-languages-spoken-value-wrapper select, 
	body.page-upload #edit-field-languages-spoken-value-wrapper select {
		width: 150px;
	}
	body.hype-edit div.container-inline-date,
	body.page-upload div.container-inline-date {
		float: left !important;
		clear: none;
		display: block !important;
		width: 140px !important;
		margin: 0;
	}
body.hype-edit #edit-field-tags-value-wrapper label, 
body.page-upload #edit-field-tags-value-wrapper label {
	clear: both;
}
body.hype-edit  #edit-field-recdate-0-value-datepicker-popup-0,
body.page-upload #edit-field-recdate-0-value-datepicker-popup-0 {
	width: 128px;
}

#edit-language-wrapper label {
	float: left;
	width: 66px;
}
#edit-language {
	float: left;
	width: 90px;
}
#edit-language-wrapper div.description {
	clear: both;
}

body.hype-edit #content-area .page .form-item,
body.page-upload #content-area .page .form-item {
	margin: 0 0 13px;
	padding: 0;
}
	.fieldset-wrapper, fieldset > div {
		padding: 0 7px;
	}


/* ... TinyMCEEditor ... */
#edit-field-transcription-0-value_ifr { /* Transcription IFrame */
	height: 210px;
}

body.mceContentBody { 
	min-width: 0 !important;
	background: none;
	margin: 10px;
	font-size: 0.75em; /* e|vo: todo - does it work? */
}

#mce_editor_2 { /* iframe with contents */
	max-width: 593px !important; /* due to overlong contents, f.e. Audios with overlong title; e|vo 090318: 610px reduced to 593px bec. of horizontal scrollbars */
	min-height: 290px !important;
}

textarea#edit-transcription {
	width: 98%;
}

table.mceEditor tr,
table.mceEditor td { /* e|vo 081116: TinyMCE !important */
	padding: 0;
	line-height: 0px;
}

.mceEditor { /* table.mceEditor */
	background: none !important;
	max-width: 595px !important; /* e|vo 090318: 612px reduced to 595px bec. of horizontal scrollbars */
	border-collapse: separate !important;
	border: none !important;
	margin: 3px 0 0 1px !important;
}
.mceEditor td { /* Main content edit td */
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #ECECEC #BBB #BBB #ECECEC !important;
	border-bottom: none !important;
}

.mceEditor .mceToolbarTop, 
.mceToolbarBottom,
.mceEditor .mceStatusbarBottom { /* editor_ui.css (line 11) */
	background: none !important;
	border: none !important;
}
.mceEditor .mceStatusbarBottom {
	background: url(images/tinymce-bg-status.png) repeat-x !important;
}

.mceToolbarTop a:hover {
	padding: 1px !important;
}
	.mceToolbarContainer {
		background: transparent url(../../modules/tinymce/tinymce/jscripts/tiny_mce/themes/advanced/images/button_bg_black.html) repeat scroll 0 0 !important;	}

.mceEditorIframe { 
	width: 595px !important; /* e|vo 090318: 612px */
}

/* ... TinyMCE Single Buttons ... */
a.mceButtonDisabled img, 
a.mceButtonNormal img, 
a.mceButtonSelected img {
	margin-left: 1px !important;
}
a.mceButtonDisabled img, 
a.mceButtonNormal img, 
a.mceButtonSelected img {
	margin-left: 0 !important;
}
a.mceButtonNormal img:hover, 
a.mceButtonSelected img:hover {
	background: #4694C4 url(images/tinymce-button_bg_hov.png) repeat scroll 0 0 !important;
}
a.mceButtonSelected img {
	background: #4694C4 url(images/tinymce-button_bg_act.png) repeat scroll 0 0 !important;
}

#mce_editor_2_justifyleft,
#mce_editor_2_image,
#mce_editor_2_cut {
	margin-left: 4px !important;
}

.wysiwyg-toggle-wrapper {
	text-align: right;
	float: right; /* trying */
	font-size: 90%;
}

a#wysiwyg4hyperaudio-metainfo,
a#wysiwyg4hyperaudio-transcription,
a#wysiwyg4hyperaudio-teaser { /* "disable rich-text" link */
	display: block;
	margin-top: -0.5em;
	font-size: 88%;
	text-align: right;
	text-transform: capitalize;
}



/* ::: Hype Teaser Mask ::: */
#mask {
	background: #F0F0F0 url(images/TF.org-bg_gradient_090509.jpg) repeat-x; 
}



/* _____ HYPE Upload/Create Form:
			body.page-upload ____ */
#edit-title-wrapper {
	margin-bottom: 10px;
}
#edit-title-wrapper label {
	font-size: 120%;
}

body.page-upload > div .form-text {
	background: #FFF url(images/bg-searchinput.gif) repeat-x;
	width: 320px;
	border: 1px solid #DDD;
	padding: 2px;
}
	body.page-upload > div #edit-1 { /* reset */
		background-image: none;
	}

	body.page-upload #edit-field-imagefield-0-ahah-wrapper {
		padding: 0;
	}
	body.page-upload .filefield-element {
		margin: 0; /* reset filefield.css */
	}
	body.page-upload .filefield-element .widget-edit {
		max-width: 100%;
	}
	
/* Progressbar styles */
.progress .bar {
	/*background: #FFF url(../../misc/progress.gif);*/
	border: 1px solid #AAA;
}
.progress .filled {
	background: #0072b9;
	border-bottom: 0.5em solid #004a73;
	opacity: 0.8;
}

#node-form .form-submit {
	margin-top: 10px;
}

	
/* ... jQuery Tools Scrollable ... */
/* navigation */
#hype-up-nav {
	background: url(images/bg-mastergrid-24bit.png) no-repeat -1400px bottom;
	width: auto !important;
	height: 33px;
	padding: 0;
}
	#hype-up-nav li {
		display: block; 
		float: left; 
		width: 33%;
	}
	#hype-up-nav li a { 
		color: #39c; 
		display: block; 
		float: left; 
		margin-right: 1px; 
	}
	#hype-up-nav li a.current { 
		color: #222;
		text-decoration: none;
		cursor: default;
	}

/* scrollable root element */
#wizard {	
	/*border: 1px solid #DDD; only dev TODO*/
	height: 580px;
	margin: 0 0 20px;
	width: 600px;
	overflow: hidden;
	position: relative;
}  

/* scrollable items */
#hype-up-scrollable {
	position: absolute;
	width: 20000em;	
	clear: both;
}

/* single item */
#wizard .page {	
	padding: 0;
	width: 600px;
	float:left;	
}

/* title */
#wizard h3 {
	display: inline-block; /* todo IE6 */
	border-bottom: 1px solid #CCC;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0 0 10px;
}

#wizard h2 em {
	display:block;
	font-size:14px;
	color:#666;
	font-style:normal;
	margin-top:5px;
}


/* form */
#wizard fieldset {
	display: block; 
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
}
	#wizard legend {
		display: none;
	}

/* input fields */
#wizard label em {
	font-size:11px;
	color:#666;	
	font-style:normal;
}

/*#wizard label span {
	color:#b8128f;
	font-weight:bold;
	position:relative;
	top:4px;
	font-size:20px;
}*/

#wizard #edit-field-transcription-0-value {
	height: 400px;
}

#wizard .double label { 
	width: 50%;
	float: left;
}

#wizard .double .text {
	width: 93%;	
}

#wizard .right {
	float: right;
	width: 160px;	
}

/* validation error message bar */
#hype-up-error-box {
	display: none;
	background: #FF7 url(images/dialog-alert-warning.png) no-repeat .5em 50%;
	padding: 15px 15px 12px 15px;
	font-size: 18px;
	text-align: left;
	text-indent: 36px;
	overflow: visible;
}

#wizard .error {
	border: 1px solid #C00;
}

html.js fieldset.collapsed legend span {
	display: block !important;
}



/* ||||| FINDER RESULT PAGES ||||| */
#content-area div.finder-results {
	margin-top: 40px;
}


/* ||||| CATEGORY/TAGS PAGES ||||| */
body.section-category h2.title {
	font-size: 17px;
}

#finder-block-2 {
	visibility: hidden;
}

#personal-block {
	visibility: hidden;
}