@charset "UTF-8";

html, body {
	height: 100%;
	margin:0px;
	padding:0px;
	/* ? for IE ?*/
	text-align: center;
}

.container {
	/*width: span-24 width from blueprint + 2*padding */
	width:924px;	
	background:#CCCCCC none repeat scroll 0 0;
	text-align: left !important;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */
}

.push, .footer{
	height:20px;
}

.footer{
	background:#222222 none repeat scroll 0 0;
	color:#666666;
	padding:0.3em 0 0.2em;
	margin: 0px auto;
	width:924px;
	text-align: center;
}

/* TODO: larissa: solve with selectors, not extra stylenames */

.bodydarkbg {
	color:#ddd !important;
	padding:0; 
	margin:0;
	font-weight: normal;
}

p.bodydarkbg{
	padding:0.5em 0 0.6em 0;
}

.bodydarkbg.obs {
	padding-bottom:2.2em;
	font-size:0.95em;
	}

.h1_darkbg {
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	font-size:2.2em;
	font-weight:lighter;
	line-height:1.5em;
	color:#fff;
	margin:0px;
	
}

p.h1_darkbg {
	padding-bottom:0.5em;
}

.h2_darkbg {
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	font-weight:lighter;
	font-size:1.4em;
	color:#fff;
	
}

h3.bodydarkbg{
	padding-bottom:8px;
}

a:hover .bodydarkbg{
	color:#69c !important;
	text-decoration:none !important;
}

/* @group Vertical Panes */


.verticalPane{
	background: #ccc;
}

.paneMiddleGray{
	background: #555;
}

.lightGrey{
	background:#EEE;
}

.lightGreyBox{
	margin-top:.75em;
	margin-bottom:1.5em; 
	border:solid 1px #BBB; 
	background:#FFF; 
	padding:.75em; 
}

.paneDetails{
	background: #ccc;
}

.verticalPane .header, .paneDetails .headerDark{
	background-color:#666666;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #555555;
	clear:both;
	color:#FFFFFF;
	height:1.5em;
	padding:0.3em 12px 0.2em;
}

.paneContent{
	padding:1em 0 1em 1em;
}

.userPane{
	background: #222;
	padding:1em 0 2em 110px;
}

.paneDetails .paneDetailsHeader{
	background: #555 none repeat scroll 0%;
	width:100%
}

.contentBlock{
	background: #222;
	padding:1.5em 12px 1.5em 12px;
}

.space-before{
	margin-top:3em;
}

.space-after{
	margin-bottom:3em;
}

.white{
	background: #FFF url(../img/shadow_top.gif) repeat-x;
	border-top: #CCCCCC 1px solid;
}

.remark{
	color:#777;
}

.overlay{
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}


/* @end */


/* login */


.loginTitle{
	clear:both;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:1em;
	vertical-align:top;
	text-align:left;
}

.loginButton{
	position:relative;
	left:-148px;
	top:24px;
}

#loginForm, #forgotPasswordForm{
	text-align:left;
}

/* user picture */


#editBuddyIcon{
	padding:0.5em;
	text-align:left;
}

.imgUser{
	position:relative;
	overflow:hidden;
	width:112px;
}

/* @group header */


.pageHeader {
	background:	url(../img/MACE_logo_portal.png) no-repeat left top #000;
	font-size: 1.5em;
	color: #6699CC;
	margin-bottom:0.5em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 2.6em 1em 0.1em 120px;
}

.navigationHeader{
	background:	url(../img/portal_header_large.jpg) repeat-x left top #000000;
	margin:0px;
	padding:0px;
	position:relative;
	height:112px;
}

.logoHeader{
	background: url(../img/header_logo.gif) no-repeat left top;
	width: 227px;
	height: 80px;
	float:left;
}

.mainNavi{
	float:none;
	position:absolute;
	bottom:0px;
	margin:0px;
}

.mainNavi{
	float:left;
	padding-left:110px;
}

.subNavi{
	float:none;
	background:#222;
	padding:5px 0px 0px 110px;
}

#loginComponent {
	bottom:0px;
	float:right;
}

.subNavi a, .mainNavi a{
	color: #888;
	margin-right:1px;
	height:18px;
	padding:0.2em .6em .2em .6em;
	display:block;
	float:left;
}

.subNavi a:hover, .mainNavi a:hover{
	text-decoration:none;
	background:#555;
	color: #eee !important;
}

.mainNavi a:active, .mainNavi a.active{
	background:#222;
	color: #eee !important;
}

.subNavi a:active,.subNavi a.active {
	background:#555;
	color: #eee !important;
}

.subNavi a:visited, .subNavi a.visited, .mainNavi a:visited, .mainNavi a.visited {
	color: #888;
}

.subNavi a.invisible{
	display:none;
}

.userSubNavi{
	color:#fff;
	padding-right:0.5em;
}


/* @end */

/* @detail page */

.detailTitle{
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	color:#fff;
	font-size:1.8em;
	margin-bottom:0.8em;
	margin-top:0.2em;
}

.headerDetail{
	background:#444;
	padding: 0.3em 12px 0.2em 12px;
	height: 1.5em;
	clear: both;
	border-top:1px solid #777;
}

.headerDetail .title{
	color: #ffffff !important;	
}

.boxDetail {
	background: #222 repeat-x;
	padding:1em;
	margin-bottom:.25em;
}

.boxDetail, .boxDetail p, .boxDetail div{
	color:#DDD !important;
}

.resourceKindThumb{
	background:#222 !important;
	width: 32px;
	height: 32px;
}

.boxDetail .repository{
	height:auto;
	padding-left:20px;
	background-position: 0px center ;
}


.relationPanel a, #relations div.noLink{
	display:block;
	background:#444 ;
	height:70px;
	padding:10px;
	margin-bottom:10px;
	overflow: hidden;
	color:#DDD;
}

#relations div.noLink{
	background:#none;
	border: 1px dashed #444;
}

.relationPanel .flickrContent a{
	padding:2px;
	height:86px;
}

.relationPanel a:hover{
	color:#FFF;
	text-decoration: none;
	background-color:#111;
}


span.visitContent{
	color:#999 !important;
}

a:hover span.visitContent{
	color:#DDD !important;
}

.noThumb{
	background: #444 url(../img/no_thumb.gif) no-repeat;
}

.pageThumb{
	padding:0px;
	background:transparent no-repeat;
	height:183px;
	width:288px;
}

.pageThumb .copyright{
	padding:.5em;
	color:#FFF;
	float:none;
	display:block;
	background-color:#000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	position:relative;
	top:220px;
}

.autoscroll{
	overflow:auto;
}

.detailDescription{
	min-height:73px;
	max-height:140px;
}

.boxDetail h4{
	text-transform:uppercase;
	font-weight:bold;
	color:#888;
	font-size:.9em;
	margin-bottom: .5em;
}

.boxUser {
	background-color:#fff;
/*	padding:12px 0px 8px 0px;  changed by tina 25.2*/
	padding:0px 0px 8px 0px; 
	margin-bottom:1em;
	
}

.titleBoxUser{
	font-family: "Myriad", "Myriad Pro", Helvetica, Arial, sans-serif !important;
	padding-top: 0.2em;
	padding-left: 0.7em;
	vertical-align:top;
	font-size:1.5em;
	line-height:1em;
 	margin-bottom:0.5em;
 	color:#000;
}

.box {
	background-color:#111;
	padding:1em;
	margin-bottom:1em;
	color:#AAA;
}

.detailsPopupHeader{
	background:	url(../img/details_popup_header.gif) repeat-x left top #000000;
	margin:0px;
	padding:0px;
	position:relative;
	height:37px;
	overflow:hidden;
}

/*
	Search results
	(to be moved in MACE_search.css?)
*/


.searchResults{
	height:540px;
}

#my_contents .searchResults{
	height:740px;
}

.resultList {
	margin:0px;
	padding:0px;
}

.resultListHeader {
	background:#fff;
	margin-right:1em;
	padding-left:1em;
	padding-top:1em;
	padding-bottom:.7em;
	margin-bottom:1em;
}

.resultListTitle{
	font-family:"Myriad Pro","Myriad",Calibri,Helvetica,Arial,sans-serif !important;
	vertical-align:top;
	font-size:1.5em;
	color:#888;
}

.resultListLoadingMessage{
	background:url(../img/working.gif)  no-repeat transparent;
	padding-left:25px;
}

.resultListTitle .numResults, 
.resultListTitle .searchTerm,
.resultListTitle .classificationTerm
{
	color:#444;
}

.resultListTitle .numResults
{
	font-weight:bold;
}

.resultList li{
	background-color: #FFF;
	list-style-type: none;
	margin:0px 12px 12px 0px;
	width:290px;
	float:left;
	clear:none;
}

/* for 2 columns of search results */

.span-16 .resultList li{
	width:286px;
}

.resultList a{
	display:block;
	float:none;
	clear:none;
	overflow:hidden;
	text-decoration:none;
	border:1px solid #999;
}

.resultList .viewMetadata{
	float:right;
	padding: 0.3em 1em;
	font-size:.9em;
}

.resultList a.searchResultLink {
	height:180px;
	/*padding: 0.7em 1em;*/
	color: #444;
	border-top-color: #FFF;
	border-left-color: #FFF;
	background:0px 29px no-repeat #FFF;
}

.resultList a.metaDataBar {
	background:#EEEEEE;
	border-top-color: #FFF;
	border-left-color: #FFF;
}

.resultList a:hover,  .resultList li.selected{
	cursor:pointer;
	border: 1px solid #000;
}

.resultList .title {
	padding: 0.35em;
	display:block;
	float:none;
	font-size:1.2em;
	color:#222;
	vertical-align:top;
	margin-bottom:0.2;
	font-weight:bold;
	background:#FFF;
	/*
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	*/
	border-bottom:1px solid #DDD;
}

.resultList .description {
	display:none;
}

.resultList .tags  {
	margin:.25em;
}

.resultList .tags span {
	float:left;
	background:#333;
	margin:1px 1px 0 0;
	padding:2px 5px;
	font-size: .9em;
	color:#FFF;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

.resultList .rating  {
	margin:7px 6px 0px 0px;
}

/*  ICONS */


.repository{
	background:transparent none no-repeat scroll 6px center;
	color:#999999;
	display:block;
	float:right;
	font-size:0.66em;
	font-weight:bold;
	text-transform:uppercase;
}

.metadataIcon{
	background:transparent none no-repeat scroll 3px center;
	display:block;
	float:right;
	height:24px;
	width:24px;
}


.pageNavigation{
	/*margin-right:1em;*/


	padding:0px;
}

.widgetNavigation{
	padding:0px;
}

.pageNavigation ol, .pageNavigation div{
	float: right;
	margin:0px;
	padding:0px;
}

.pageNavigation ol li{
	list-style: none;
	float: left;
	margin: 0px !important ;
	padding: 0px;
}

.pageNavigation ol li a{
	border: 1px solid #999;
	margin: 0px !important;
}

.pageNavigation a.selected, .pageNavigation a.selected:hover{
	background: url(../img/icons/button_disabled.png) repeat-x center left;
	color: #FFF;
	border: none;
	border: 1px solid #999;
}

/*
	related links
*/


.relatedLink{
	overflow:hidden;
	background-color: #FFF;
	border:1px solid #E0E0E0;
	list-style-type: none;
	width:90px;
	height:50px;
	float:left;
	clear:none;
	margin:0px 5px 5px 0px;
}

/* von tina feel free to change  */
.newWin{ 
	padding-left:12px;
	padding-top:90px;
}

#forgotPassword	{
	cursor:pointer;
}

.memberSearch {
	padding-top:5px;
}
.stop_float{   clear:both;   }
.float_left{   float:left;  }

/* community overview */

.memberList li{
	overflow:hidden;

	background-color: #FFF;

	border:1px solid #E0E0E0;

	list-style-type: none;

	margin:0px 12px 12px 0px;

}



.memberList li.memListElement {

	width:130px;

	height:124px;

	float:left;

	clear:none;
	
	border: 1px solid #999999;

}
.memberListLink{
	text-decoration:none;
	cursor:pointer;
}
/* member widget on home */

#latestActiveUsers {
    width:290px;
    height:120px;
    margin:0px;
   
}
.memberListSmall li{
	overflow:hidden;
    
	background-color: #FFF;

	border:1px solid #E0E0E0;

	list-style-type: none;

	margin:0px 10px 6px 0px;

}
.memberListSmall li.memListElementSmall {

	width:60px;

	height:55px;

	float:left;

	clear:none;
	
	border: 1px solid #999999;

}
.memberListLinkSmall{
	text-decoration:none;
	cursor:pointer;
}


/*****************/
.info  {
	float:left;
	
	margin-left:15px;
	background: url(../img/error.png) no-repeat scroll 5px 50%;

	
	display:block;
	
	padding:.5em;
	margin-top:0px;
	padding-left:30px;
	text-align:left;
}
.userTile{
	padding:0px;
}
.userTile_name{
	background-color:#999999;
	font-size:1.0em;
	padding:2px;
	text-align:center;
	color:#000;
	width:130px;
	position:relative;
	top:102px;
}
.userTile_name span{
	padding-top:88px;
}
/* tabs (e.g for language selection) */

.tabbedHeader{
	background-color:#555555;
	height:1.5em;
	clear:both;
	padding:0.5em 0px 2px 12px;
}

.tabbedHeader .headline{
	float:left;
	color:#FFFFFF;
}

.ui-tabs-nav{
	border:0px;
	margin:0px;	
	padding:0px;
}

.ui-tabs-hide { 
	display: none; 
}

.ui-tabs-nav li{
	display:block;
	clear:none;
	float:right;
	border:0px;
	margin:0px 1px 0px 0px;	
	padding:0px;
}

.ui-tabs-nav li a{
	padding:0.6em 12px 0.3em;
}

.ui-tabs-nav li a:hover{
	text-decoration: none;
}

.ui-tabs-unselect a{
	color:#444;
	background:#AAA;
}

.ui-tabs-selected a{
	color:#000;
	background:#FFF;
}



/*loginComponent*/

#loginComponent{
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
	width:300px;
}

#loginComponent div{
	float:right;
}

.loggedInMessage{
	text-align:center;
}

.loggedInMessage img{
	padding:1.75em 1em 1em;
}

#loginComponent a{
	padding:0px;
	margin:0px;
	text-decoration: none !important;
}

#loginComponent a img{
	border:none;
	margin:0px;
}

#loginComponent .buttonBar{
	padding:0em 1em;
	/*
	position:relative;
	top:2.5em;
	*/
	bottom:0px;
	/*float:right;*/
}

#loginComponent .button{
	/*float:right;*/
	margin: 0px;
}

#loginComponent .loginPanelState {
	display:block;
	clear:both;
}

#loginComponent .loginPanelOverlay {
	position:absolute;
	left:61.85em;
	top: 7.7em;
	z-index:1000;
	border:1px solid #BBB;
	clear:none;
	width:15em;
}


#loginComponent .userName {
	font-weight:bold;
}

#loginComponent .loggedInMessage {
	float:right;
	font-size: 0.9em;
	margin: 0.25em;
	color:#fff;
}

#loginComponent .loginForm {
	clear:none;
}

#loginComponent label{
}

#loginComponent input{
	width: 95%;
	font-size:1em;
	line-height:1.3em;
}

.loginPanelOverlay {
	background: url(../img/login_header.gif) top left no-repeat;
	padding-top:50px;
	width:250px;
}

.loginPanelOverlay input[type="text"], .loginPanelOverlay input[type="password"] {
	width:240px;
}

.username{
	text-transform: uppercase;
	font-weight: normal;

}

#tab_container{
	background-color: #222;
}

/* tag clouds */

.tagCloud{
	clear:both;
}

.tagCloud h4{
	text-transform:uppercase;
	font-weight:bold;
	text-align: right;
	color:#665;
	font-size:.9em;
	float:left;
	line-height:40px;
	padding:0 6px 4px;
}

.tagCloud .key_1 { 
	font-family: Helvetica, Arial, sans-serif, !important;
	font-size:90%;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
}
.tagCloud .key_2 { 
	font-size:100%;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
.tagCloud .key_3 { 
	font-size:120%;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
}
.tagCloud .key_4 { 
	font-size:140%;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

.tagCloud .key_5, .tagCloud .key_6 {
	font-size:160%;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.tagCloud li {
	float:left;
	margin:1px 1px 0px 0px;
}

.tagCloud li a{
	color:#000;
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	font-family:"Myriad Pro", "Myriad",Helvetica,Arial,sans-serif;
	line-height:20px;
	padding:8px 8px 4px 8px;
	/*padding: 5px 6px 2px;*/
}

.tagCloud li a:hover, .tagCloud li a.selected{
	text-decoration:none;
	color:#FFF !important;
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}

.MACEwidgetComponent .tagCloud li a{
	background:#DDD none repeat scroll 0 0;
	padding:6px 6px 2px 6px;
}

.tagCloud li a:hover{
	background:#666;
}

.tagCloud li a.selected{
	background:#333 !important;
}

.tagCloud li a sup.numResults{
	position:relative;
	font-size: 9px !important;
	color: #444;
	top:0px;
	right:0px;
}

.tagCloud li a:hover sup.numResults, .tagCloud li a.selected sup.numResults{
	color: #FFF;
}

/** User tiles */
.userTile{
	background: #FFF center center no-repeat;
}

/** RATING ICONS */

.rating{
	width:67px;
	height:12px;
}

.rating_0{
	background:url(../img/icons/rating/rating_0.gif) no-repeat;
}

.rating_1{
	background:url(../img/icons/rating/rating_1.gif) no-repeat;
}

.rating_2{
	background:url(../img/icons/rating/rating_2.gif) no-repeat;
}

.rating_3{
	background:url(../img/icons/rating/rating_3.gif) no-repeat;
}

.rating_4{
	background:url(../img/icons/rating/rating_4.gif) no-repeat;
}

.rating_5{
	background:url(../img/icons/rating/rating_5.gif) no-repeat;
}

/**
	TOOLTIPS
*/

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(../js/tipsy/images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../js/tipsy/images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east  { background-image: url(../js/tipsy/images/tipsy-east.gif);  background-position: right center; }
  .tipsy-west  { background-image: url(../js/tipsy/images/tipsy-west.gif);  background-position: left center; }

/* @group Auto complete */

.ac_results {
	padding: 0px;
	border: 1px solid #AAAAAA;
	background-color: white;
	overflow: hidden;
	z-index: 99999;

}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;

}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* MACE customizations */

.ac_results{
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

.ac_results li{
	font: inherit !important;
	border-bottom:1px solid #BBB;
}

.ac_results li small{
	font-size:.9em;
	line-height:1.5;
	font-style: normal;
	color:#888;
	margin-top: 5px;
	float:left;
}

.ac_results li strong{
	color: #333;
}

.ac_odd {
	background-color: #EEE !important;
}

.ac_even {
	background-color: #FFF !important;
}

.ac_over, .ac_over strong {
	background-color: #333333 !important;
	color: #FFFFFF !important;
}

.ac_over small{
	color:#eee !important;
}
/* new for italian version */

#language_chooser {cursor:pointer;}
.footer a, a:link, a:active, a:visited {
	color: #69c;
	text-decoration: none;
}
.newsbox{
    margin-bottom:24px;
    background-color: #111111 ;
  
}
/* @end */