/* Common css rules shared by other css files */

body, input, textarea, select, option
{
	font-family: 'Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-size: 11px;
}

h2.common
{
	color: #0054A6;
	font-size: 13px;
	margin: 0;
}

a.common
{
	color: #ddd;
}
a.common span
{
	color: #0054A6;
}

a.common:hover
{
	color: #0054A6;
}

.common_component_error
{
	color: red;
}

/* TODO: Move to conditional IE6 css file: */
.common_clearfix {
	zoom: 1;     /* triggers hasLayout */	
}

.common_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.common_wrap_floats {
	overflow: hidden;	
}

.common_hidden {
	display: none;		
}

.common_padding {
	padding: 8px;	
}

.commom_padding_right {
	padding-right: 8px;	
}

.common_upperCase {
	text-transform: uppercase;	
}

/* Utility Classes */

.common_linespaceDown {
	padding-bottom: 6px;	
}

.common_linespaceUp {
	padding-top: 6px;	
}

.common_linespaceBoth {
	padding-top: 3px;
	padding-bottom: 3px;	
}

.common_rightAlign {
	text-align: right;	
}

.common_ellipsis {
	text-overflow: ellipsis;
}

input.common_hidden /* Used for hiding inputs */
{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

/******************** Icons ******************/

span.common_icon_16
{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.pure_dimmed_container:hover span.common_icon_16
{
	background-position: 0 -16px;
}

span.common_icon_24
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.pure_dimmed_container:hover span.common_icon_24
{
	background-position: 0 -24px;
}

div.rendering_researchoutput ul.digital_object_identifiers span.common_icon_16 { background-repeat: no-repeat; padding-bottom: 3px }
div.rendering_researchoutput ul.links span.common_icon_16 { background-repeat: no-repeat; padding-bottom: 3px }
div.rendering_researchoutput ul.documents span.common_icon_16 { background-repeat: no-repeat; padding-bottom: 3px }

/***************** Badge *******************/

span.common_badge
{
	background: #aaa;
	color: white;
	font-size: 9px;
	padding: 1px 4px;
	display: inline-block;
	text-align: center;
	margin-bottom: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}

div.rendering
{
	padding-bottom: 0.1px;
}

div.rendering h2
{
	margin: 0px;
	font-size: 1.1em;
}

div.rendering h3
{
	margin: 10px 0 0;
	font-size: 1em;
	color: #333;
}

div.rendering strong.title
{
	font-size: 1em;
}


div.rendering p
{
	font-size: 1em;
	margin: 0px;
}

div.rendering div.textblock p
{
	margin: 5px 0;
}

div.rendering_long div.textblock {
	margin: 5px 0;	
}

div.rendering p.type
{
	color: #999;
}

div.rendering p.type .strong
{
	font-weight: bold;
}

div.rendering .minor
{
	font-size: .8em;
	color: #333;
}

div.rendering .nonbold
{
	font-weight: normal;
}

div.rendering .dimmed
{
	color: #999;
}

div.rendering span.badge
{
	font-size: 10px;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding: 0 4px;
	border: 1px solid #ddd;
	color: #aaa;
	font-weight: normal;
	border-radius: 3px;
}

div.rendering span.badge_warning
{
	color: #f66;
	border-color: #faa;
}

/**************************** Highlight ***************************/

div.rendering span.highlight {
	background-color: #ff0;
    background-color: rgba(255,255,0,0.6);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

div.rendering p.type span.highlight {
	background: none;
}

/***************************** Lists ******************************/

div.rendering ul.relations
{
	list-style: none;
	padding: 0;
	margin: 5px 0;
	font-size: 1em;
}

div.rendering ul.relations_unspaced
{
	margin: 0;
}

div.rendering td ul.relations
{
	margin: 0;
}

div.rendering ul.hierarchy
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

div.rendering ul.hierarchy ul.hierarchy
{
	list-style: disc;
	padding-left: 20px;
}

div.rendering ul.spaced li {
	margin-bottom: 5px;
	padding-left: 0;
}

div.rendering ul.small li {
	font-size: 11px;	
}

/***************************** Properties *************************/

div.rendering table.properties
{
	width: 100%;
	font-size: 1em;
	border-spacing: 0;
	border-collapse: collapse;
}

div.rendering table.properties th
{
	padding: 1px 0;
	text-align: left;
	font-weight: normal;
	color: #666;
	white-space: nowrap;
	vertical-align: top;
	padding: 1px 10px 1px 0;
	width: 25%;
}

div.rendering table.rightProperties th
{
	text-align: right;
}

div.rendering table.groups
{
	margin-bottom: 5px;	
}

div.rendering div.compactProperties table.properties 
{
	width: auto;
}

div.rendering_clippingreferencesportal table.properties {
	margin-bottom: 10px;
}

div.rendering div.address {
    margin-bottom: 5px;
}

/************************ Paragraph property **********************/

p.property strong
{
	font-weight: normal;
	color: #666;
}

/************************** Inline *********************/

span.rendering_inline span.minor
{
	font-size: .85em;
	
}

span.rendering_inline span.dimmed
{
	color: #666;
	font-weight: normal;
	
}

/************************** Compact *********************/

div.rendering_compact h2
{
	margin: 0;
	font-size: 1em;
}

div.rendering_compact div.address
{
	margin-top: 5px;
	font-style: italic;
}

/****************************** Short ******************************/

div.rendering_short p.type
{
	margin-top: 2px;
}

div.rendering p.keywords {
	color: #999;	
}

div.rendering p.keywords span.keywords_title {
	color: #000;	
}

div.rendering_short p.jobtitles {
	margin: 5px 0;
	color: #333;	
}

/****************************** Long ******************************/

div.rendering_long p.authors
{
	font-size: 1em;
	margin: 5px 0px;
}

div.rendering_long ul.organisations
{
	list-style: none;
	padding: 0px;
}

div.rendering_long p.abstract
{
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 10px;
}

div.rendering_long p.type
{
	margin-top: 5px;
}

/********************** Files and images ***********************/

div.rendering_imagesportal div.image {
	margin-bottom: 10px;
	text-align: center;
} 

div.rendering_imagesportal img {
	margin: 10px 0;
	max-width: 500px;
}

div.rendering div.title_graphic img {
	margin-top: 10px;
	max-width: 550px;	
}

div.rendering_imagesportal div.textblock {
	margin-bottom: 10px;
	text-align: left;		
}

div.rendering_short img.logo_icon {
	background: white;
	float: left;
	max-width: 70px;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 2px 5px 0 0;	
}

/********************** Definition lists ***********************/

div.rendering dl
{
	font-size: 1em;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
	line-height: 1.4em;
}

div.rendering dt
{
	float: left;
	width: 180px;
	color: #666;
}

div.rendering dd
{
	margin-left: 200px;
	min-height: 17px;
}

div.rendering dd ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div.rendering dl.compact dt
{
	float: none;
	width: auto;
	display: inline;
}

div.rendering dl.compact dd
{
	float: none;
	width: auto;
	display: inline;
	margin: 0 0 0 5px;
}

/**************************** VCARD *********************/

div.rendering_bibtex, div.rendering_ris, div.rendering_wos {
	font-family: monospace;	
}

/**************************** VCARD *********************/

div.vcard span.type
{
	display: none;
}

/************************** Compact *********************/

div.rendering_compact h2
{
	margin: 0;
	font-size: 1em;
}

/********************* Nested rendering *******************/

div.rendering div.rendering h4
{
	font-size: .9em;
	margin: 0;
}

/*********************** Dark context *******************/

/* Wrap renderings in "common_context_dark" if the background is dark */

.common_context_dark .rendering *, .common_context_dark .rendering
{
	color: #fff !important;
}

.common_context_dark div.rendering span.highlight {
	background-color: #660;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 3px;
}


/*********************** Search context *******************/

.common_context_search div.rendering span.timespan.ended {
    /* we want an ended time span to appear as red when the rendering is shown as a search result */
    color: #8C3F3F;
}


/************ Links (in editors): ************/

div.rendering_link h2 {
	word-wrap: break-word;
}

/************ Press activity: ************/


div.rendering_press span.program {
	padding-right: 4px;
	margin-right: 4px;
	border-right: solid 1px silver;	
}


div.rendering_classificationcomponent h2.title
{
	font-size: 12px;
}

/********** JournalArticle Short: **********/


div.rendering_writtenproduction_short h2, div.rendering_writtenproduction_short p.authors {
	display: inline;
	margin-right: 4px;	
}

div.rendering_nonwrittenproduction_short h2, div.rendering_nonwrittenproduction_short p.authors {
	display: inline;
	margin-right: 4px;
}

/************** Person Short ***************/

div.rendering_person_short ul.organisations {
	padding: 0px;
	margin-bottom: 4px;
	list-style: none;
}

div.rendering_person_short p.titles {
	font-style: italic;
	margin-bottom: 4px;	
}

/************** Person Long: **************/

div.rendering_abstractperson_long ul.organisations li {
	margin-bottom: 10px;	
}

/************ Organisation Short: ************/

div.rendering_organisation_short ul {
	margin: 4px 0;
	padding: 0;	
}

div.rendering_organisation_short ul.organisations li {
	list-style-type: none;	
}

div.rendering_organisation_short p.takenover
{
	margin: 5px 0;
	color: #98999A;
}


/************* Organisation Long: *************/

div.rendering_organisation_long ul {
	margin: 4px 0;
	padding: 0;
}
	
div.rendering_organisation_long div.address {
	float: left;	
}

/**************** User Long: *****************/

div.rendering_user_long p.profile {
	padding: 4px 0px;
}


/************************** Portal *********************/

div.rendering_detailsportal div.textblock
{
	line-height: 1.5em;
	color: #333333;
	margin-bottom: 10px;
}

div.rendering_detailsportal table.properties
{
	margin: 5px 0;
}

div.rendering_associatesparticipantsclassified li, div.rendering_linkextensionportal li
{
	margin: 3px 0;
}

div.rendering_abstractperson_personorganisations li
{
	margin: 10px 0;
}

/************ Curriculum Vitae (CV) ************/

div.rendering_personalinfocurriculumvitaeblock_standard img
{
	float: right;
	width: 80px;
}

div.rendering_curriculumvitaeblocktext p
{
	margin: 5px 0;
	line-height: 1.3em;
}

div.rendering_person_cv_long
{
	font-size: 12px;
}

div.rendering_person_cv_long div.address
{
	margin-bottom: 5px;
}

div.rendering_person_cv_long ul.organisations
{
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

div.rendering_headingcurriculumvitaeblock h1
{
	font-size: 13pt;
	margin: 10px 0 5px;
	font-weight: normal;
}

div.rendering_textcurriculumvitaeblock
{
	font-size: 12px;
	line-height: 1.2em;
}

div.rendering_contentlistcurriculumvitaeblock
{
	font-size: 12px;
}

div.rendering_personalinfocurriculumvitaeblock
{
	overflow: hidden;
}

/********************* student project receipt ********************/

div.rendering_studentproject_receipt p
{
	margin-bottom: 10px;
}

div.rendering_organisation_profileinformation h3.subheader
{
	margin-top: 0;
}

div.portal_navigator
{
	font-size: 9pt;
}

div.portal_navigator div.rendering
{
	/* TODO: Make part of list component */
	padding:3px 4px;
}


div.portal_navigator_group
{
	font-weight: bold;
	padding-top: 3px;
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}

div.portal_navigator_group_1
{
	color: #666;
}

div.portal_navigator_group_2
{
	color: #aaa;
}

div.portal_navigator_item
{
	border-bottom: 1px solid #ddd;
	padding: 2px 10px;
}

div.portal_navigator_empty {	
}

span.portal_navigator_subsets
{
	color: #aaa;
	display: inline-block;
	padding: 3px 0px;
}

span.portal_navigator_subsets strong
{
	color: #000;
}

div.portal_navigator_top, div.portal_navigator_bottom
{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	background: #f6f6f6;
}

div.portal_navigator_navigator_pages {
	text-align: center;
	padding: 4px 0;
}

div.portal_navigator_navigator_pages div {
	display: inline-block;	
}

div.portal_navigator_navigator_row
{
	overflow: hidden;
	padding: 0 5px;
	font-size: 11px;
}

div.portal_navigator_ordering
{
	float: right;
}

div.portal_navigator_rss
{
	float: right;
}

div.portal_navigator_viewselector_control {
	float: right;
}

div.portal_navigator_viewselector_label {
	color: #3a3a3a;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	border-left: solid 1px #eeeeee;
	margin-left: 8px;
}

div.portal_navigator_viewselector {
	float: left;
	height: 26px;
	line-height: 26px;
	position: relative;
	padding: 0 1px;
}

div.portal_navigator_viewselector span {
	background: url('../../../core/style/gfx/pure_list_viewselector.png') left top repeat-x;
	position: absolute;
	display: block;
	height: 26px;
}

div.portal_navigator_viewselector ul {
	padding: 0;
	margin: 0;	
	position: relative;
	list-style-type: none;
}

div.portal_navigator_viewselector li {
	float: left;
}

div.portal_navigator_viewselector span.left {
	background-position: left -78px;
	left: 0;
	width: 4px;	
}

div.portal_navigator_viewselector span.right {
	background-position: right -130px;
	right: 0;
	width: 4px;	
}
div.portal_navigator_viewselector span.body {
	background-position: left -104px;
	left: 4px;
	right: 4px;
}

div.portal_navigator_viewselector a {
	display: block;
	margin: 3px 0px;
	line-height: 20px;
	height: 20px;
	width: 24px;
	background-image: url('../../../core/style/gfx/pure_list_views.png'); 	
}

div.portal_navigator_viewselector a.portal_navigator_view_list {
	background-position: 2px 1px;
}

div.portal_navigator_viewselector a.portal_navigator_view_graph {
	background-position: -49px 1px;
}

div.portal_navigator_viewselector a.portal_navigator_view_selected {
	background-color: #afb6bb;
	cursor: default;	
}

div.portal_navigator_viewselector a.portal_navigator_view_border {
	border-right: 1px solid #c7d2d9;
}

.portal_navigator_sort_descending, .portal_navigator_sort_ascending {
	padding-right: 20px;
	background-image: url('../../../core/style/gfx/pure_list_sort_direction.png');
	background-repeat: no-repeat;	
}

span.portal_navigator_sort_ascending {
	background-position: right -1px; 	
}

span.portal_navigator_sort_descending {
	background-position: right -22px;	 	
}

a.portal_navigator_sort_ascending {
	background-position: right 0px;	
}

a.portal_navigator_sort_descending {
	background-position: right -20px; 	
}

a.portal_navigator_sort_descending:hover {
	background-position: right -40px; 	
}

a.portal_navigator_sort_ascending:hover {
	background-position: right -60px;	
}

div.portal_navigator_window_and_pagesize {
	float: left;	
}

div.portal_navigator_header {
 	float: left;
	height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

div.portal_navigator_window_and_pagesize span.portal_navigator_window {
	visibility: visible; 
}

div.portal_navigator_window_and_pagesize:hover span.portal_navigator_window {
	visibility: hidden;
}

div.portal_navigator_window_and_pagesize span.portal_navigator_pagesize {
	visibility: hidden;	
}

div.portal_navigator_window_and_pagesize:hover span.portal_navigator_pagesize {
	visibility: visible;
}

div.portal_navigator_window_and_pagesize a, div.portal_navigator_popup_control a {
    text-decoration: none;
    color: #333;
}

div.portal_navigator_rendering
{
	float: right;
}

span.portal_navigator_window
{
}

/******************** Pages ********************/

div.portal_navigator_pages
{
	padding: 3px 5px;
}

span.portal_navigator_prev_next *
{
	display: inline-block;
	vertical-align: top;
}

.portal_navigator_previous
{
}

a.portal_navigator_previous:hover
{
	background-position: left -13px;
}

.portal_navigator_previous_disabled
{
	background-position: left -26px;
}

.portal_navigator_next
{
}

a.portal_navigator_next:hover
{
	background-position: left -52px;
}

.portal_navigator_next_disabled
{
	background-position: left -65px;
}

span.portal_navigator_pagesize
{
	display: block;	
	margin-top: -26px;
}

span.portal_navigator_paging
{
	vertical-align: top;
}

span.portal_navigator_links a, span.portal_navigator_links strong, span.portal_navigator_links em
{
	padding: 0px 3px;
}

span.portal_navigator_links em
{
	font-style: normal;
	color: #666;
}

span.portal_navigator_links em.portal_navigator_divider
{
	padding: 0px;
	color: #999;
}

span.portal_navigator_links a
{
	color: #ddd;
	cursor: pointer;
}

span.portal_navigator_links a span
{
	text-decoration: none;
	color: #333;
}

span.portal_navigator_links a:hover
{
	background-color: #ccc;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

span.portal_navigator_links strong
{
	background: #999;
	color: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0px 2px;
}

/**************************** List popup ****************************/



div.portal_navigator_popup_control
{
	height: 26px;
	background: url('../../../core/style/gfx/pure_list_dropdown.png') left -26px repeat-x;
	line-height: 26px;
	cursor: pointer;
	margin-left: 21px;
	margin-right: 21px;
}

div.portal_navigator_popup_control div
{
	background: url('../../../core/style/gfx/pure_list_dropdown.png') left 0px no-repeat;
	height: 26px;
	margin-left: -21px;
	padding-left: 21px;
}

div.portal_navigator_popup_control div div
{
	background: url('../../../core/style/gfx/pure_list_dropdown.png') right -52px no-repeat;
	padding: 0px 26px 0px 6px;
	margin-right: -21px;
	padding-right: 21px;	
}

div.portal_navigator_popup:hover div.portal_navigator_popup_control
{
	background-position: right -104px;
}

div.portal_navigator_popup:hover div.portal_navigator_popup_control div
{
	background-position: left -78px;
}

div.portal_navigator_popup:hover div.portal_navigator_popup_control div div
{
	background-position: right -130px;
}


div.portal_navigator_popup_content
{
	display: none;
	z-index: 2;
	position: absolute;
	background: #d4dce1 url('../../../core/style/gfx/pure_list_dropdown_back.png') top left repeat-x;
	border: 1px solid #c7d2d9;
	margin-top: -1px;
	padding: 5px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

div.portal_navigator_popup_content a span { 
	cursor: pointer;
}

div.portal_navigator_popup_content strong
{
	color: #999;
	font-weight: normal;
	margin: 0px 10px;
}

div.portal_navigator_popup_content ul
{
	margin: 0px;
	padding: 0px;
	color: #999;
	list-style: none;
}

div.portal_navigator_popup_content li
{
	display: block;
	padding: 0px;
}

div.portal_navigator_popup_content ul strong
{
	color: #000;
	font-weight: bold;
	margin: 0px;
	display: block;
	padding: 2px 10px;
}

div.portal_navigator_popup_content ul a
{
	color: #3e4b52;
	display: block;
	padding: 2px 10px;
	text-decoration: none;	
}

div.portal_navigator_popup_content ul a:hover {
	background-color: #444343;	
}

div.portal_navigator_popup_content ul a.selected
{
	font-weight: bold;
}

div.portal_navigator_popup_content ul a span
{
	color: #333;
	text-decoration: none;
}

div.portal_navigator_popup_content ul a:hover span
{
	color: white;
}


/***** white variant */
div.portal_navigator_white div.portal_navigator_top, div.portal_navigator_white div.portal_navigator_bottom
{
	background: none;
}





div.portal_hierarchynavigation ul
{
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

div.portal_hierarchynavigation ul ul
{
	padding-left: 20px;
}

div.portal_hierarchynavigation li
{
	margin-top: 3px;
}

div.portal_hierarchynavigation span.portal_selected a
{
	color: #000;
	font-weight: bold;
}

ol.portal_list
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ol.portal_list li.portal_list_item {
	border-bottom: 1px solid #EEEEEE;	
}

li.portal_list_item_group {
	border-bottom: 1px solid #D5D8DC;
	color: #333333;
	font-weight: bold;
	margin: 5px 2px 2px 2px;
	padding: 5px 0;
}

li.portal_list_item_group_first {
	margin-top: 0px;	
}

div.portal_columns
{
	width: 100%;
	/* Do not put overflow hidden here */
}

div.portal_columns_body
{
	width: 100.9%;
}

div.portal_columns_column
{
	float: left;
}

div.portal_columns_clear_end 
{
	clear: left;
	font-size: 0;
	line-height: 0;
}

div.portal_content_properties {
	float: right;
	width: auto;
	min-width: 16px;	
	line-height: 14px;	
}

div.portal_content_properties span.file_attachment {
	background: transparent url('../../../core/style/gfx/content_properties.gif') 0px 0px no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 4px;		
	margin-right: 2px;
}

div.portal_content_properties span.file_attachment a {
	width: 16px;
	height: 16px;
	display: inline-block;
}

div.portal_content_properties span.remote_origin, div.portal_content_properties span.workflow_step {
	clear: both;
	color: #999999;
	display: block;
	float: right;
	font-size: 10px;
	padding: 1px 0px;
}

div.portal_content_properties span.open_access_permission {
    background: transparent url('../../../core/style/gfx/open_access_content_property.png') 0px 0px no-repeat;
    display: inline-block;
    width: 50px;
    height: 18px;
    margin-top: 4px;
    margin-right: 5px;
}

select.custom_popup option {
	font-size: 0px;
	height: 0px;
	width: 0px;
	outline: none;			
}

div.portal_list_viewselector a.portal_list_view_hierarchical {
	background-position: -73px 1px;
}

div.portal_hierarchical_renderer {
	margin-top: 8px;	
}

div.portal_hierarchical_renderer ul, div.portal_hierarchical_renderer li {
	margin: 0;
	padding: 0;
	list-style: none;	
} 

div.portal_hd_item
{
	overflow: hidden;
}

div.portal_hd_body
{
	overflow: hidden;
}

div.portal_hierarchical_excluded {
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	opacity: 0.4;
}

a.portal_hd, a.portal_hd_nochildren
{
	float: left;
	width: 23px;
	height: 23px;
	cursor: default;
}

a.portal_hd span
{
	margin: 2px 0px 0px 7px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../../core/style/gfx/disclosure.png') no-repeat;
}

a.portal_hd_nochildren span {
	margin: 2px 0px 0px 8px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../../core/style/icons/monochrome/dot16.png') center center no-repeat;		
}

a.portal_hd span.busy, a.portal_hd span.busy:hover {
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;		
	background: url('../../../core/style/gfx/spinner.gif');	
}

a.portal_hd:hover span
{
	background-position: 0px -12px;
}

a.portal_hd_open span
{
	background-position: 0px -24px;
}

a.portal_hd_open:hover span
{
	background-position: 0px -36px;
}

div.portal_hd_body
{
	margin-left: 24px;
	margin-bottom: 5px;
}

div.portal_hierarchical_popup {
	text-align: left;	
}

div.portal_hierarchical_popup_wrapper {	
}

div.portal_hierarchical_popup_wrapper input {		
	cursor: pointer;
	padding-right: 20px;
	width: 200px;
	background: white url('../../../core/style/gfx/dropdown_arrow.gif') right center no-repeat;
}

div.portal_hierarchical_popup_wrapper input.busy {
	background: white url('../../../core/style/gfx/ajax-loader.gif') 99% center no-repeat;
}

div.portal_hierarchical_popup {
	display: none;
	position: absolute;
	z-index: 1000;
	background: white;
	padding: 8px;
	border: 1px solid silver;
	max-height: 300px;
	min-height: 100px;
	min-width: 300px;
	overflow-y: auto;	
}

body.portal_hierarchical_popup_visible select {
	visibility: hidden;
}


/** Checkbox variant **/

body div.portal_hd_check_body {
	vertical-align: middle;
	line-height: 18px;
	cursor: default;
	margin-bottom: 0;	
}

input.portal_hd_check {
	padding: 0;
	margin: 0 4px 0 0;
	vertical-align: middle;
}

div.portal_hd_check_body label {
	vertical-align: middle;
}

div.portal_hierarchical_check a.portal_hd span
{
	margin: 5px 0px 0px 7px;
}

div.portal_hierarchical_check a.portal_hd_nochildren span {
	margin: 5px 0px 0px 8px;
}



ul.portal_carousel
{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

li.portal_carousel
{
	margin-left: 0%;
	padding: 0px;
	width: 100%;
}

li.portal_carousel div.rendering
{
	padding: 10px;
}

div.portal_carousel_header
{
	background: #eee;
	font-size: 0;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	position: relative;
}

div.portal_carousel_header h2
{
	font-size: 14px;
	margin: 0;
}

span.portal_carousel_navigation
{
	position: absolute;
	right: 10px;
	height: 16px;
	top: 9px;
	line-height: 0;
}

a.portal_carousel_next
{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background: url('../../../core/style/icons/monochrome/rounded_arrow_right.png');
}

a.portal_carousel_previous
{
	vertical-align: middle;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('../../../core/style/icons/monochrome/rounded_arrow_left.png');
}

a.portal_carousel_next:hover, a.portal_carousel_previous:hover
{
	background-position: 0 -16px;
}

/************* Paper variant **************/

div.portal_carousel_paper li.portal_carousel
{
	background: url('../../../core/style/gfx/portal_carousel_bg_paper.png');
}

div.portal_carousel_paper ul.portal_carousel
{
	background: url('../../../core/style/gfx/portal_carousel_bg_paper.png');
	border-bottom: 1px solid #E9E9E9;
}

div.portal_carousel_paper div.portal_carousel_header
{
	background: url('../../../core/style/gfx/portal_carousel_footer_paper.png');
}

div.portal_carousel_paper div.portal_carousel_header h2
{
	font-family: Georgia, serif;
	color: #333;
}

div.portal_carousel_paper div.portal_carousel_footer
{
	background: url('../../../core/style/gfx/portal_carousel_footer_paper.png') 0 bottom;
	padding: 5px 10px;
	text-align: right;
}

div.portal_disclosure_body
{
	overflow: hidden;
	padding-left: 18px;
	min-height: 18px;
}

div.portal_disclosure_closed {
	padding: 1px 0;	
}

div.portal_disclosure_opened
{
	padding: 1px 0;
	visibility: hidden;
	overflow: hidden;
	height: 0;
}

a.portal_disclosure
{
	position: absolute;
	width: 17px;
	height: 17px;
	outline: none;
	cursor: default;
}

a.portal_disclosure span
{
	margin: 3px 0px 0px 2px;
	float: left;
	width: 11px;
	height: 11px;
	background: url('../../../core/style/gfx/disclosure.gif');
}

a.portal_disclosure:hover span
{
	background-position: 0px -12px;
}

a.portal_disclosure_open span
{
	background-position: 0px -24px;
}

a.portal_disclosure_open:hover span
{
	background-position: 0px -36px;
}

a.portal_disclosure_busy span, a.portal_disclosure_busy:hover span
{
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px;		
	background: url('../../../core/style/gfx/spinner.gif');	
}

div.portal_showmore_body
{
	overflow: hidden;
}

div.portal_showmore_open div.portal_showmore_body {
	overflow: visible;
	max-height: none;
}

a.portal_showmore_hide {
	display: none;	
}

div.portal_showmore_open div.portal_showmore_show {
	display: none;
}

div.portal_showmore_open a.portal_showmore_hide {
	display: inline;
}

div.portal_showmore_show
{
	padding-top: 5px;
}

div.portal_showmore_fade div.portal_showmore_show
{
	position: relative;
	background: url('../../../core/style/gfx/portal_showmore.png') left top repeat-x;
	padding-top: 20px;
	margin-top: -14px;
}

body.ie6 div.portal_showmore_fade div.portal_showmore_show
{
	margin-top: 0;
	background: none;
	padding-top: 5px;
}

/* ********************************************
CSS FIXES FOR EXTERNAL GRONINGEN STYLE - START
******************************************** */

.pure_portal #content ol,
.pure_portal .idContent ol {
    margin-left: 0;
    list-style-type: none;
    list-style: none;
}

.pure_portal p.type,
.pure_portal #content p.type {
    margin: 2px 0 0 0;
}

.pure_portal #content ul>li,
.pure_portal .idContent ul>li {
    background: none;
    padding: 0;
}

.pure_portal div.rendering p,
.pure_portal #content div.rendering p {
    margin: 0;
    font-size: 1em;
}

.pure_portal .publication_export strong,
.pure_portal .publication_export b,
.pure_portal #content .publication_export strong,
.pure_portal #content .publication_export b {
    font-weight: normal;
}


.pure_portal ul.relations li div.rendering ul.relations,
.pure_portal ol.portal_list li.portal_list_item div.rendering ul.relations,
.pure_portal #content ul.relations li div.rendering ul.relations,
.pure_portal #content ol.portal_list li.portal_list_item div.rendering ul.relations {
    margin: 0;
}

.portal_hierarchical_renderer .level1 > div.portal_hd_item > a {
    width: 18px;
}
.portal_hierarchical_renderer .level1 > div.portal_hd_item > a span {
    margin-left: 2px;
}
.portal_hierarchical_renderer .level1 > div.portal_hd_item > div.portal_hd_body {
    margin-left: 18px;
}

div.portal_hierarchical_renderer {
    margin: 0;
    top: -10px;
    position: relative;
}

/* ********************************************
CSS FIXES FOR EXTERNAL GRONINGEN STYLE - END
******************************************** */

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}



#main {
    min-height: 600px;
}


#mepaPageContent .content.fullwidth {
    width: 690px;
}

.page-tools {
    margin-top: 50px;
}



.pure_portal ul.tabs,
#content ul.tabs {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
    padding: 2px;
    padding-bottom: 0;
    background: #f1f1f1;
}
.pure_portal ul.tabs li,
#content ul.tabs li {
    float: left;
    margin-right: 1px;
    background: none;
    padding: 0;
}
ul.tabs li.empty {
    display: none;
}
ul.tabs li a {
    display: block;
    height: 38px;
    line-height: 38px;
    /* font-size: 12px; */
    font-weight: bold;
    text-decoration: none;
    padding: 0 10px;
    color: #555;
}
ul.tabs li:hover {
    background: #f7f7f7;
}
ul.tabs li:hover a {
    color: #029fed;
}
ul.tabs li.selected a {
    background: #fff;
    color: #029fed;
    box-shadow: 0 0 2px #c2c2c2;
}



ul.relations,
ol.portal_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.relations li,
ol.portal_list li.portal_list_item {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
}
ul.relations.persons li,
ul.relations.organisations li,
ul.relations.homepage li,
ul.relations.phone li,
ul.relations.email li {
    padding: 0;
    border: 0;
}
div.sidebar_box ol.portal_list li.portal_list_item {
    padding: 8px 0;
}
ul.relations li div.rendering h2,
ol.portal_list li.portal_list_item div.rendering h2 {
    margin: 0 !important;
    padding: 0 0 3px  !important;
    font-size: 12px !important;
    font-weight: bold !important;
    font-family: Verdana, sans-serif !important;
    text-shadow: none !important;
    text-decoration: none !important;
    line-height: 18px !important;
}
ul.relations li div.rendering h2,
div.sidebar_box ol.portal_list li.portal_list_item div.rendering h2 {
    font-size: 11px !important;
}
ul.relations li div.rendering h2 a,
ol.portal_list li.portal_list_item div.rendering h2 a {
    text-decoration: none !important;
}
ul.relations li div.rendering h2 a:hover,
ol.portal_list li.portal_list_item div.rendering h2 a:hover {
    color: #029fed;
}
ul.relations li div.rendering ul.relations,
ol.portal_list li.portal_list_item div.rendering ul.relations {
    margin: 0;
}
ul.relations li div.rendering p.type,
ol.portal_list li.portal_list_item div.rendering p.type {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 13px;
}


.person_view ul.relations li {
    padding: 0;
    border: none;
}


#sidebar {
    word-wrap: break-word;
}

#sidebar .grey-box .block:first-child {
    padding: 15px;
}

#sidebar h3 {
    font-size: 14px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

#sidebar div.block > div.rendering,
#sidebar .sidebar_box_body {
    margin-bottom: 20px;
}

#sidebar .grey-box ul > li {
    background: none;
}

.content h3 {
    margin-top: 20px !important;
}

a.portal_graphviewer_button {
    margin: 20px 0;
}

p.view_id {
    display: none;
}



div.search_box_fields {
    overflow: hidden;
    padding: 10px 0;
}

p.core_searchform_text {
    float: left;
}

.search_box_fields input.portal_searchfield {
    width:221px;
    color: #333;
    font: 11px Verdana, Arial, sans-serif;
    border: 1px solid #ccc;
    padding: 7px 10px;
    /* height:13px; */
    margin: 0;
    /* float:left; */
    background: #f5f5f5 url(../../gfx/bg-text.gif) repeat-x;
}

.search_box_fields input.portal_searchfield:focus {
    background: #fff url(../../gfx/bg-text2.gif) repeat-x;
    border: 1px solid #999;
}

.search_box_fields textarea {
    width: 286px !important;
    height: 105px;
    min-height: 50px;
    max-height: 350px;
    overflow: auto;
}

.search_box_fields input.search_button {
    text-shadow: 0 -1px 0 #0179B4;
    color: #fff;
    padding: 0 14px 2px 24px;
    margin: 0 -14px;
    border: none;
    cursor: pointer;
    float: left;
    overflow: visible;
    font: bold 11px Verdana, Arial, sans-serif;
    height: 29px;
    line-height: 26px;
    background: url(../../gfx/sprite.png) no-repeat 14px -142px;
}

.search_box_fields div.search_button_container {
    text-shadow: 0 -1px 0 #0179B4;
    height: 29px;
    border: 1px solid #018cd0;
    font: 11px/28px Verdana, Arial, sans-serif;
    color: #fff;
    /* float:left; */
    display: inline-block;
    padding: 0 15px;
    background: #029fed;
    background:
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM1ZWMzZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzZGI0ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMyMWFiZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDZhMWVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 1%, #5ec3f4 2%, #3db4f1
    50%, #21abf1 50%, #06a1ec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(2%, #ffffff), color-stop(2%, #5ec3f4),
    color-stop(50%, #3db4f1), color-stop(50%, #21abf1),
    color-stop(100%, #06a1ec));
    background: -webkit-linear-gradient(top, #9adaf8 0%, #9adaf8 1%, #5ec3f4 1%, #3db4f1
    50%, #21abf1 50%, #06a1ec 100%);
    background: -o-linear-gradient(top, #9adaf8 0%, #9adaf8 1%, #5ec3f4 1%, #3db4f1 50%,
    #21abf1 50%, #06a1ec 100%);
    background: -ms-linear-gradient(top, #9adaf8 0%, #9adaf8 1%, #5ec3f4 1%, #3db4f1 50%
    , #21abf1 50%, #06a1ec 100%);
    background: linear-gradient(top, #9adaf8 0%, #9adaf8 1%, #5ec3f4 1%, #3db4f1 50%,
    #21abf1 50%, #06a1ec 100%);
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
    -moz-box-shadow: 0 1px 1px #fff;
    text-decoration: none;
    cursor: pointer;
    vertical-align: bottom;
    margin-left: 20px;
}

.search_box_fields div.search_button_container:hover {
    background: #ffffff;
    background:
    url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiMwMjlmZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDI5ZmVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 1%, #029fed 2%, #029fed
    100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
    color-stop(2%, #ffffff), color-stop(2%, #029fed),
    color-stop(100%, #029fed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 1%, #029fed 2%, #029fed
    100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 1%, #029fed 2%, #029fed 100%
    );
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 1%, #029fed 2%, #029fed
    100%);
    background: linear-gradient(top, #ffffff 0%, #ffffff 1%, #029fed 2%, #029fed 100%);
    position: relative;
}

.search_box .portal_disclosure {
    margin-bottom: 20px;
}



.search_index {
    margin-bottom: 20px;
}

.search_index a {
    display: inline-block;
    margin: 0 3px 3px 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: #d8d8d8;
    color: #000;
    text-decoration: none;
}
.search_index a:hover,
.search_index a.search_index_selected {
    background: #41b6f1;
    color: #fff;
    font-weight: bold;
}
.search_index a.search_index_unavailable {
    opacity: .5;
}


#advanced a.portal_link {
    display: block;
    margin-bottom: 10px;
}

.core_searchform_advanced .core_filter {
    float: left;
    width: 40%;
    height: 60px;
    margin-right: 5%;
}
.core_searchform_advanced label {
    font-weight: bold;
}
.core_searchform_advanced input {
    background: #fff;
    padding: 4px 6px;
    line-height: 1;
    border: 1px solid #bbb;
    width: 220px;
}

.core_searchform_advanced select {
    -webkit-appearance:none;
    -moz-appearance: none;
    border-radius: 0;
    border: 1px solid #bbb;
    padding: 6px;
    padding-right: 20px;
    line-height: 1;
    outline: none;
    cursor: pointer;
    width: 200px;
    background: #fff url('../../../core/style/gfx/dropdown_arrow.gif') right center no-repeat;
}

.core_filter_publicationyears_content select {
    width: 80px;
}

a.portal_disclosure span {
    margin-top: 5px;
}
div.portal_disclosure ul.relations {
    margin: 0;
}


.rendering_person .minor,
.rendering_person p.type {
    display: none !important;
}


.person_info_photo {
    float: left;
    max-width: 120px;
    max-height: 120px;
    overflow: hidden;
    margin: 0 20px 20px 0;
}
.person_info_photo_right {
    float: right;
    margin: 20px;
}

.person_info_photo img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}


p.readmore {
    margin: 7px 0 15px;
}

p.pure_deeplink {
    margin-bottom: 15px;
    font-size: 10px;
}
p.pure_deeplink a {
    color: #949494;
}


.searchall_results p.readmore {
    margin-bottom: 35px;
}

p.type span.type_family {
    display: none;
}

h2.title a {
    text-decoration: none;
}
h2.title a:hover {
    color: #029fed;
}

.publication_export strong,
.publication_export b {
    font-weight: normal;
}


div.portal_navigator a.rss_link {
    background: url('../../gfx/rssfeed.png') left top no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 3px;
    text-decoration: none;
    overflow: hidden;
}




ul.content_navigation {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    line-height: 16px;
}
ul.content_navigation li {
    float: left;
}
ul.content_navigation li.selected a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
ul.content_navigation span.separator {
    color: #ccc !important;
    padding: 0 4px;
}

/************** Document box ***************/

div.rendering_publicationdocumentsportal,
div.rendering_documentextensionportal,
div.rendering_versioneddocumentandlinkextensionportal
{
    max-width: 200px;
    min-width: 160px;
    float: right;
    background: url('../../gfx/TabOff.png') bottom right no-repeat #F4F4F4;
    padding: 10px;
    margin-top: 10px;
    margin-left: 15px;
    overflow: hidden;
}

div.rendering_publicationdocumentsportal h3,
div.rendering_documentextensionportal h3,
div.rendering_versioneddocumentandlinkextensionportal h3
{
    margin: 0 0 5px;
    color: #666666;
}

div.rendering_publicationdocumentsportal ul,
div.rendering_documentextensionportal ul,
div.rendering_versioneddocumentandlinkextensionportal ul.documents {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.rendering_publicationdocumentsportal li,
div.rendering_documentextensionportal li,
div.rendering_versioneddocumentandlinkextensionportal ul.documents li
{
    background: url('../../gfx/document.png') 1px 2px no-repeat !important;
    padding-left: 34px !important;
    min-height: 36px;
}

div.rendering_publicationdocumentsportal p.dimmed,
div.rendering_documentextensionportal p.dimmed,
div.rendering_versioneddocumentandlinkextensionportal p.dimmed
{
    color: #666666;
    font-size: 9px;
}

div.rendering_versioneddocumentandlinkextensionportal li
{
    border-bottom: none !important;
}

