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

body, input, textarea, select, option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

h2.common {
    color: #333;
    font-size: 14px;;
    margin: 0;
}

a.common {
    color: #ddd;
}

a.common span {
    color: #333;
}

a:hover {
    text-decoration: underline
}

.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;
}

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

span.common_badge {
    background: #aaa;
    color: white;
    font-size: 14px;
    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: 0 0 1.5em 0;
    font-size: 1.1em;
}

div.rendering h3 {
    margin: 0 0 1.5em 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: 1.5em 0;
}

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

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

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

div.rendering .minor {
    font-size: 14px;
    color: #333;
}

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

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

div.rendering span.badge {
    font-size: 14px;
    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: 14px;
}

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

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

div.rendering table.properties tr {
    border-bottom: 1px solid #dedcd2
}

div.rendering table.properties th {

    text-align: left;
    font-weight: normal;
    color: #666;
    white-space: nowrap;
    vertical-align: top;
    padding: 1em;
    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;
    font-size: 14px;
}

/************************ 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: 14px;
}

/********** 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: 14px;
}

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: 14px;
    line-height: 1.2em;
}

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

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: 14px;
}

div.portal_navigator a {
    text-decoration: none;
}

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;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background: #f6f6f6;
}

.portal_navigator_top {
    margin-bottom: 1.5em;
}

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: 14px;
}

div.portal_navigator_ordering {
    float: right;
    margin-right: 30px;
}

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 5px;
}

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_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;

}

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: #efede9;
    border: 1px solid #d8d5ca;
    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: #333;
    font-weight: bold;
    margin: 0px;
    display: block;
    padding: 2px 10px;
}

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

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

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: #333;
}

/***** 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;
}

ol.portal_list li.portal_list_item .title a {
    font-weight: bold
}

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: 14px;
    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;
    max-height: 115px;
}

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;
}

/* layout.css */
body {
    background: #fff;
    color: #333;
    font-family: Arial, 'HelveticaNeue-Roman', Helvetica, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 2em 0;
}

/***********************
* Building blocks
************************/

#wrapper {
    width: 100%;

}

/***********************
* Content blocks
************************/

#sidebar {
    width: 200px;
    float: right;
}

#sidebar_left {
    width: 280px;
    float: left;
}

#page {
    width: 700px;
    float: left;
}

#page_right {
    width: 620px;
    float: right;
}

/***********************
* Various layout
************************/

.left {
    float: left;
}

.right {
    float: right;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

div.gray_box {
    background: #d1e3ea;
    border-top: 4px solid #1c7698;
    border-radius: 2px;
    margin-bottom: 2em;
    padding: 0.5em 1.0em 0.75em 1.0em;
}

div.textblock {
    margin: 10px 0;
    line-height: 22px;
}

div.textblock ul {
    list-style: none;
}

div.textblock ul li {
    background: url(../../gfx/bullet.gif) left center no-repeat;
    padding-left: 15px;
}

.displaynone {
    display: none;
}

/* front.css */

/***********************
* Frontpage hero
************************/

.homepage-hero-wrapper {
    margin: -2em 0 2em;
    position: relative;
    background: #efede9;
}

.homepage-hero {
    max-width: 1100px;
    margin: 0 auto;
    background: url(../../gfx/banner.jpg) no-repeat top left;
    height: 353px;
    position: relative;
    overflow: hidden;
    z-index: 5;
}

.homepage-hero-content {
    width: 445px;
    top: 50px;
    right: 60px;
    position: absolute;
}

.homepage-hero h1 {
    color: #fff;
    border: 0;
    line-height: 30px;
    margin: 0 0 0.75em;
}

.homepage-hero form {
    margin: 0;
    overflow: hidden;
}

.homepage-hero input.portal_searchfield {
    font-size: 16px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-border-top-left-radius: 2px !important;
    -webkit-border-bottom-left-radius: 2px !important;
    -moz-border-radius-topleft: 2px !important;
    -moz-border-radius-bottomleft: 2px !important;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    width: 86%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.75em 0.5em;
    float: left;
}

.homepage-hero .search_button {
    font-size: 16px;
    width: 14%;
    padding: 0.73em 0.5em;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-border-top-right-radius: 2px !important;
    -webkit-border-bottom-right-radius: 2px !important;
    -moz-border-radius-topright: 2px !important;
    -moz-border-radius-bottomright: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    position: relative;
    float: left;
}

/***********************
* Frontpage layout
************************/

#frontpage .layout-container {
    overflow: auto;
    margin-left: -10px;
}

#frontpage .column {
    margin: 0 10px;
    overflow: hidden;
    float: left;
    display: inline;
}

#frontpage .row {
    overflow: hidden;
    margin: 0 0 20px 0 /* negative margin pulls it over to left to remove left hand margin on far left column */;
}

#frontpage .homepage-container {
    line-height: 24px;
    font-size: 14px;
}

#frontpage .grid_3 {
}

#frontpage .grid_8 {
}

/***********************
* Frontpage menu
************************/

#frontpage ul.homepage-links-group {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #d8d5ca;
}

#frontpage ul.homepage-links-group li {
}

#frontpage ul.homepage-links-group li a {
    display: block;
    padding: 10px 14px;
    color: #333;
    background: #efede9;
    border-bottom: 1px solid #d8d5ca;
    line-height: 20px;
    font-size: 15px;
    text-decoration: none;
}

#frontpage ul.homepage-links-group li a:hover {
    text-decoration: underline;
}

/***********************
* Frontpage texts
************************/

#frontpage div.box_bordered {
    border-top: 3px double #dedcd2;
    padding-top: 13px;
    margin-bottom: 25px;
}

#frontpage div.box_bordered h2 {
    margin-bottom: 15px;
}

#frontpage div.homepage-about p {
    line-height: 21px;
    font-size: 14px;
    font-size: 14px;
}

#frontpage div.homepage-container a.button_style {
    display: block;
    border-top: 1px solid #13546d;
    background: #1b7597;
    background: -moz-linear-gradient(top, #1b7597 0%, #196a88 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b7597), color-stop(100%, #196a88));
    background: -webkit-linear-gradient(top, #1b7597 0%, #196a88 100%);
    background: -o-linear-gradient(top, #1b7597 0%, #196a88 100%);
    background: -ms-linear-gradient(top, #1b7597 0%, #196a88 100%);
    background: linear-gradient(to bottom, #1b7597 0%, #196a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b7597', endColorstr='#196a88', GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    text-align: left;
    padding: 7px;
    padding-left: 12px;
    font-style: normal;
    font-size: 15px;
}

/* portal.css */

/***********************
* Portal list
************************/

ol.portal_list {
}

ol.portal_list li {
    padding: 6px 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #333;

}

ol.portal_list li.portal_list_item_group {
    font-size: 18px;
    border: 0;
}

ol.portal_list li.portal_list_item {

    border: 0;
}

/***********************
* Portal list -> Branding
***********************

div.portal_search_container.for_persons ol.portal_list li.portal_list_item,
div.portal_search_container.for_person ol.portal_list li.portal_list_item,
ol.portal_list.for_person li.portal_list_item,
ol.portal_list.for_persons li.portal_list_item  {
	background: url(../../gfx/person.png) 0 8px no-repeat;
}

div.portal_search_container.for_publications ol.portal_list li.portal_list_item,
div.portal_search_container.for_researchoutput ol.portal_list li.portal_list_item,
ol.portal_list.for_researchoutput li.portal_list_item,
ol.portal_list.for_publications li.portal_list_item  {
	background: url(../../gfx/output.png) 0 8px no-repeat;
}

div.portal_search_container.for_organisations ol.portal_list li.portal_list_item,
div.portal_search_container.for_organisation ol.portal_list li.portal_list_item,
ol.portal_list.for_organisation li.portal_list_item,
ol.portal_list.for_organisations li.portal_list_item {
	background: url(../../gfx/group.png) 0 8px no-repeat;
}

div.portal_search_container.for_projects ol.portal_list li.portal_list_item,
div.portal_search_container.for_project ol.portal_list li.portal_list_item,
ol.portal_list.for_project li.portal_list_item,
ol.portal_list.for_projects li.portal_list_item  {
	background: url(../../gfx/project.png) 0 8px no-repeat;
}

div.portal_search_container.for_activities ol.portal_list li.portal_list_item,
div.portal_search_container.for_activity ol.portal_list li.portal_list_item,
ol.portal_list.for_activity li.portal_list_item,
ol.portal_list.for_activities li.portal_list_item   {
	background: url(../../gfx/awards.png) 0 8px no-repeat;
}
*/

/***********************
* Workflow step
************************/

ol.portal_list li div.portal_content_properties {
    margin-left: 5px;
    margin-bottom: 5px;
}

ol.portal_list li span.workflow_step {
    background: #c28a0e;
    border: 0;
    color: #fff;
    padding: 0.25em;

    font-style: normal;
    margin-left: 3px;
}

/***********************
* Title
************************/

ol.portal_list li h2.title {
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: normal;
    margin-top: 0;
    font-style: normal;
    margin-right: 5px;
}

ol.portal_list li h2.title a {
}

ol.portal_list li h2.title a:hover {
}

/***********************
* Links in content
************************/

ol.portal_list li a {

    text-decoration: none;

}

ol.portal_list li a:hover {
    text-decoration: underline
}

ol.portal_list li ul.relations li a {
    border: 0;
}

ol.portal_list li span.file_attachment a {
    border-bottom: 0;
}

/***********************
* Various small fonts
************************/
ol.portal_list li p.type {
    font-size: 14px;
    margin: 3px 0;
    font-style: italic;

    display: none;
}

ol.portal_list li div.rendering_activity_short p.type,
ol.portal_list li div.rendering_researchoutput_short p.type {
    display: block;
}

ol.portal_list li div.rendering_activity_short p.type span.type_family,
ol.portal_list li div.rendering_researchoutput_short p.type span.type_family {
    display: none;
}

/***********************
* Pager / Navigator
************************/

div.portal_navigator_pages {
    margin: 15px 0;
    font-size: 14px;
    text-align: center;
}

div.portal_navigator_pages a,
div.portal_navigator_pages strong {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #B9D0DB;
    border-radius: 2px;
    color: #1c7698;
}

div.portal_navigator_pages a:hover {
    background-color: #B9D0DB;
}

div.portal_navigator_pages a span {
    color: #1c7698;
}

div.portal_navigator_pages strong {
    border: 1px solid #1c7698;
    background: #1c7698;
    color: #fff;
    font-weight: normal;
}

div.portal_navigator_pages em.portal_navigator_divider {
    margin-right: 5px;
}

div.portal_navigator_pages .portal_navigator_previous {
    background: url(../../gfx/arrows.png) left center no-repeat;
    padding-left: 25px;
}

div.portal_navigator_pages .portal_navigator_next {
    background: url(../../gfx/arrows.png) right center no-repeat;
    padding-right: 25px;
}

div.portal_navigator_pages .portal_navigator_previous_disabled, div.portal_navigator_pages .portal_navigator_next_disabled {
    display: none;
}

div.portal_navigator_bottom {
    border: 0;
}

div.portal_navigator_rss a.rss_link {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../../gfx/rss.png') left top no-repeat;
    margin-top: 5px;
}

/***********************
* No results
************************/

div.portal_navigator_empty {
    padding: 5px 0;
    text-align: center;
    font-size: 14px;
    font-style: italic;
}

/* global.css */

/***********************
* Quick navigation
************************/

ul.quick_nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    position: relative;
    left: -8px
}

ul.quick_nav li {
    display: inline;
    border-left: 1px solid #999;
    font-weight: bold;
    padding-left: 5px;
    margin-left: 3px;
}

ul.quick_nav li:first-child {
    border-left: 0;
}

ul.quick_nav li a {
    color: #333;
}

ul.quick_nav li a:hover {
    color: #000;
    text-decoration: underline;
}

/***********************
* Global tabs
************************/

ul.tabs {
    list-style: none;
    padding: 0;
    font-size: 14px;
    overflow: auto;
    position: relative;
    margin: 0;

}

ul.tabs:after {
    content: " ";
    display: block;
    border-bottom: 1px solid #dedcd2;
    clear: both;
    position: relative;
    top: -1px;
    margin-bottom: 1.5em

}

ul.tabs li {
    float: left;
    background: #fff;
    margin-right: 0.5em;

}

ul.tabs li:first-child a {

    margin-left: 0;
}

ul.tabs li a {
    position: relative;
    z-index: 10;
    border: 1px solid #fff;
    border-bottom: #E4E4DB;
    background: #fff;
    display: block;
    padding: 0.5em 0.75em;

    color: #333;
}

ul.tabs li a:hover,
ul.tabs li a:focus {
    background: #E4E4DB;
    border-color: #E4E4DB;
    text-decoration: none;
}

ul.tabs li.selected {
    z-index: 10;
}

ul.tabs li.selected a {
    background: #fff;
    border: 1px solid #d2d2c4;
    border-bottom: 1px solid white;
}

ul.tabs li.empty a {
    display: none;
}

/* Dark tabs */

ul.tabs.dark {
    margin: 0 auto;
    max-width: 1100px;
    border: 0;
    overflow: auto;

    position: relative;
    background: #002f5f;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

ul.tabs.dark:after {
    content: none;

}

ul.tabs.dark li {
    bottom: 0;
    margin-right: 0
}

ul.tabs.dark li a {
    background: #002f5f;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    color: #fff;
    display: inline-block;
    padding: 0.75em 1.5em;

}

ul.tabs.dark li a:hover {
    background: #1c7698;
    text-decoration: none;
}

ul.tabs.dark li.selected a {
    background: #002f5f;
    box-shadow: none;
    border: 0;
    border-right: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.3);

}

/***********************
* Global relations list
************************/

ul.relations {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.relations li {
    margin-bottom: 2px;
}

ul.relations li a {
    border-bottom: 1px solid #B9D0DB;
    text-decoration: none;
}

/***********************
* Global charts
************************/

div.portal_chart {
    height: 250px;
}

/***********************
* Global images
************************/

a img {
    border: 0;
}

#content img {
    border: 1px solid #ccc;
    padding: 3px;
}

/***********************
* Global headers
************************/

h1, .view_title .title {
    font-size: 30px !important;
    color: #B01C2E;
    line-height: 1.2em !important;
    font-family: Georgia;
    font-weight: normal;
    margin-bottom: 1em

}

h2 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

h3 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

h3.subheader {
    font-size: 16px;
}

/***********************
* Global links
************************/

a {
    color: #0f7ca4;
    text-decoration: none;
}

a:hover {
    text-decoration: underline
}

#wrapper a { /* border-bottom: 1px solid #B9D0DB; */
}

/* rendering_override.css */

/***********************
* Override default h2
************************/

div.rendering h2 {

    font-size: 16px;
    font-weight: bold;

}

div.rendering h2 a {

    border: 0;
}

div.rendering h2 a:hover {
}

/***********************
* Override default h3
************************/

div.rendering h3 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0;
}

/***********************
* Override properties in gray boxes
************************/

div.gray_box p.property strong {
    color: #333;
    font-weight: normal;
}

/***********************
* Override table properties
************************/

div.rendering table.properties {
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #dedcd2
}

div.rendering table.properties tr:first-child td, div.rendering table.properties tr:first-child th {
}

div.rendering table.properties tr:last-child td, div.rendering table.properties tr:last-child th {
}

div.rendering table.properties th {
    color: #333;
    font-style: italic;
    padding: 0.5em 1em 0.5em 0;
    width: 30%;
}

div.rendering table.properties td {
    padding: 3px 0;
    width: 60%;
}

/***********************
* Override keywords extenstions
* Override versioned documents
************************/

div.rendering_handlenetportal {
    background: #fff;
    margin-top: -20px; /* very bad hack to avoid the border above :-( */
}

div.rendering_versioneddocumentandlinkextensionanddoiportal {
    overflow: hidden;
}

div.rendering_keywordsextension_keywordsextensionportal,
div.rendering_activity_documentandlinkextensionportal,
div.rendering_handlenetportal {
    overflow: hidden;
    border-bottom: 1px solid #D2D2C4;
    padding: 10px 0 20px 0;
}

div.rendering_keywordsextension_keywordsextensionportal h3,
div.rendering_versioneddocumentandlinkextensionanddoiportal h3,
div.rendering_activity_documentandlinkextensionportal h3,
div.rendering_handlenetportal h3 {
    font-weight: normal;
    font-style: italic;
    width: 193px;
    color: #333;
    float: left;
    margin: 5px 0;
}

div.rendering_keywordsextension_keywordsextensionportal ul,
div.rendering_versioneddocumentandlinkextensionanddoiportal ul,
div.rendering_activity_documentandlinkextensionportal ul,
div.rendering_handlenetportal ul {
    float: left;
    margin: 5px 0 ! important;
    /*width: 60%;*/
    clear: right;
}

/***********************
* Override event long render
************************/

div.rendering_event_long h2 {

}

div.rendering_event_long p.type {
    font-size: 14px;
    font-style: italic;
}

/***********************
* Override person short render
************************/

div.rendering_person_short ul.relations li {
    padding: 0;
    margin: 0;
}

div.rendering_person_short h2.title span.person_postnominals {
    display: none;
}

/* header.css */

a.skip_content {
    position: absolute;
    top: -5000px;
    left: -5000px;
}

#header {
    position: relative;
    z-index: 10;
    padding: 2em 0 0 0;
    margin-bottom: 2em;
    background: #fff;
    -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.2);
}

#header .clearfix {
    max-width: 1100px;
    margin: 0 auto;
}

#header #logo {
    float: left;
    margin: 0 0 2em 2em;
}

#header #logo_payoff {
    float: left;
    margin-top: 8px;
    margin-left: 17px;
}

#header #logo_payoff span.go_back {
    font-family: Arial;
    font-size: 14px;
    right: 0;
    top: 0;
    display: none;
    visibility: hidden;

}

#header #logo_payoff span.go_back a {
    color: #333;
    position: absolute;
}

#header #logo_payoff span.go_back a:hover {
    color: #E4BB13;
}

#header #logo_payoff span.logo_title {
    font-family: Georgia, Verdana;
    display: block;
    font-size: 24px;
    color: #333;
    padding-top: 0.25em;
    margin-left: 1em;
}

#header #main_menu {
    background: #002f5f;
    overflow: hidden;
}

.search_form {
    float: right;
}

#header .search_form input.portal_searchfield {
    width: 250px;
}

#header .search_form input.search_button {
    width: 50px;
}

/* sidebar.css */

/*************************************
* Sidebar
**************************************/

/* breadcrumb.css */

/***********************
* Breadcrumb
************************/

ol.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

ol.breadcrumb li {
    display: inline;
    padding-right: 20px;
    background: url(../../gfx/arrows.png) right center no-repeat;
}

ol.breadcrumb li a {
    margin-right: 6px;
    border-bottom: 1px solid #B9D0DB;
}

ol.breadcrumb li.selected, ol.breadcrumb li.green {
    color: #333;
    background: none;
}

/* search.css */

/*************************************
* Search
**************************************/

div.search_box form {
    position: relative;
}

/*************************************
* Search box on family search pages
**************************************/

input.portal_searchfield {
    border: 1px solid #d8d5ca;
    border-radius: 2px;
    color: #666;
    padding: 0.5em;
    width: 100%;
    font-size: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

input.search_button {
    background: none repeat scroll 0 0 #1c7698;
    border-color: #1c7698;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 0.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

input.search_button:hover {
    background: #5B8545;
}

.search_box input.search_button {
    width: 5%
}

.search_box input.portal_searchfield {
    width: 93%;
    border-color: #76acc1
}

/*************************************
* Search box -> Advanced
**************************************/
#advanced {
    margin-bottom: 1em;
    font-size: 14px;
}

div.portal_disclosure_body a.portal_link {
    font-size: 14px;
    border-bottom: 1px solid #B9D0DB;
}

div.search_box div.core_searchform_advanced input {
    font-size: 14px;
    border: 1px solid #BCC2C9;
    border-radius: 2px;
    width: 150px;
    padding: 0.5em;
}

div.search_box div.core_searchform_advanced select {
    border: 1px solid #BCC2C9;
    border-radius: 2px;
    padding: 0.5em
}

div.search_box div.core_searchform_advanced div.core_filter_legend {
    margin: 5px 0 2px 0;
}

div.search_box div.core_searchform_advanced span.portal_searchfield input {
    padding: 0.5em;
    font-style: normal;
    color: #000;
}

/*************************************
* Search index
**************************************/

div.search_index {
    margin-bottom: 1.5em;
}

div.search_index {
    overflow: auto;
}

div.search_index a {
    float: left;
    border: 1px solid #dedcd2;
    font-size: 14px;
    background: #efede9;
    color: #333;
    margin-right: 0.3em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

div.search_index a span {
    display: block !important;
    padding: 0.3em 0.65em;
}

div.search_index a:hover,
div.search_index a:focus {
    background: #fff;
    text-decoration: none;
}

div.search_index a.search_index_selected {
    background: none repeat scroll 0 0 #76A65C;
    border-color: #dedcd2;
    border-style: solid;
    border-width: 1px;
    color: white;

}

div.search_index a.search_index_unavailable {
    color: #aaa;
}

/*************************************
* Search refinements
**************************************/

ul.search_refinement {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

ul.search_refinement li {
    margin: 7px 0;
    color: #666;
}

ul.search_refinement li a.search_refinement_selected {
    font-weight: bold;
}

ul.search_refinement li.search_refinement_remove {
    background: url(../../gfx/remove.png) 0 10px no-repeat;
    padding-left: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

/* footer.css */

/***********************
* Footer
************************/

#footer {
    border-top: 1px solid #d8d5ca;
    padding-top: 1em;
    color: #333;
    font-size: 14px;
    max-width: 1100px;
    margin: 0 auto
}

#footer a {
    color: #B8B7B7;
    text-decoration: underline;
}

#footer a:hover {
    text-decoration: none;
}

/***********************
* Bottom
************************/

#bottom ul.quick_nav {
    max-width: 1100px;
    margin: 0 auto;
    font-size: 14px;
}

#bottom ul.quick_nav a {
    font-weight: normal !important
}

/* views.css */

/***********************
* Global view
************************/

div.view {
    margin: 15px 0;
}

div.view p.view_id {
    font-style: italic;
    color: #ccc;
    text-align: right;
    font-size: 14px;
}

div.view p.readmore {
    font-size: 14px;
}

/***********************
* View title
************************/

div.view div.view_title h2.title {
    font-size: 21px;
    color: #B01C2E;
    line-height: 24px;
    margin: 14px 0 7px 0;
    font-weight: normal;
}

div.view div.view_title p.type {
    font-size: 14px;

    margin-bottom: 14px;
}

div.view div.view_title p.type span.type_family {
    display: none;
}

.view_title {
    margin-bottom: 2em
}

/***********************
* View containers
************************/

div.view div.view_container {
    margin-top: 10px;

}

div.view div.view_content {
    width: 70%;
    float: left;
    padding: 1em 0;
}

.publications_view .tabs {
    width: 70%
}

div.view div.view_sidebar {
    float: right;
    width: 25%;
    padding: 10px 0 10px 10px;

}

div.view div.view_sidebar ol.portal_list h2.title {
    font-size: 14px
}

.view_sidebar h2,
.view_sidebar h3,
.view_sidebar h4,
.view_sidebar h5,
.view_sidebar h6,
.view_sidebar p,
.view_sidebar ul {
    font-size: 14px !important;
    line-height: 1.4em
}

.view_sidebar h3.boxtitle {
    font-size: 16px !important;
}

.view_sidebar a {
    font-weight: normal !important
}

div.rendering_versioneddocumentandlinkextensionanddoiportal {
}

/***********************
* Organisation relation icon
************************/

div.rendering_associatesorganisationsportal ul.relations.organisations li,
div.rendering_organisation_bristolorganisationparentsportal ul.relations.organisations li,
div.rendering_organisation_bristolorganisationchildrenportal ul.relations.organisations li,
div.rendering_associatesexternalorganisationsportal ul.relations.organisations {
    margin-bottom: 8px;
}

/***********************
* Person relation icon
************************/

div.rendering_person_bristolsupervisedbyportal ul.relations.persons li,
div.rendering_person_bristolsupervisedbyportal ul.relations.persons li,
div.rendering_person_bristolsupervisedbyportal ul.relations.persons li {
    background: url(../../gfx/person.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 8px;
}

/***********************
* Organisation view
************************/

div.organisation_view div.rendering_organisation_compact p.type {
    display: none;
}

div.organisation_view div.rendering_organisation_organisationcontactportal h3 {
    display: none;
}

/***********************
* Person view
************************/

div.person_view div.view_title div.rendering_person_personorganisationstitlesportal h2 span.person_postnominals,
div.person_view div.view_title div.rendering_person_personorganisationstitlesportal p {
    display: none;
}

div.person_view div.person_vcard {
    border-bottom: 1px solid #D2D2C4;
    padding-bottom: 24px;
}

div.person_view div.person_vcard div.person_photo {
    border: 1px solid #D2D2C4;
    background: #fff;
    width: 187px;
    padding: 4px;
    float: left;
    margin-right: 20px;
}

div.person_view div.person_vcard div.person_photo img {
    display: block;
    width: 187px;
}

div.person_view div.person_vcard div.person_text {
    float: left;
    width: 350px;
    margin-top: 10px;
}

div.person_view div.rendering_personorganisationstitlesportal p,
div.person_view div.rendering_personorganisationstitlesportal span.person_postnominals {
    display: block;
    color: #333;
    font-style: italic;
    font-weight: normal;
    margin: 5px 0;
    font-size: 16px;
}

div.person_view div.rendering_personorganisationsnamelistportal ul.relations.organisations li {
    background: url(../../gfx/group.png) left center no-repeat;
    padding-left: 30px;
    margin-bottom: 8px;
}

div.person_view div.rendering_person_supervisedbyportal ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

div.person_view div.rendering_person_supervisedbyportal ul li p {
    margin: 5px 0;
}

div.person_view div.rendering_person_supervisedbyportal ul li p.period {
    color: #7D8287
}

div.person_view div.rendering_person_personorganisationsaddressportal div.address {
    margin-bottom: 15px;
}

/***********************
* Activity view
************************/

div.activities_view div.rendering_event_long {
    margin: 20px 0;
}

/***********************
* Project view
************************/

div.projects_view div.rendering_project_compact p.type {
    display: none;
}

div.projects_view div.rendering_fundedproject_bristolprojectdetailsportal {
    margin-top: 15px;
}

div.projects_view div.rendering_fundedproject_bristolprojectdetailsportal ul.documents li {
    font-size: 14px;
    color: #999;
}

/***********************
* Publications view
************************/

div.publications_view div.rendering_researchoutput_abstractportal,
div.publications_view div.rendering_contributiontobookanthology_bristolbibliographicnoteportal {
    border-bottom: 1px solid #D2D2C4;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.publications_view div.rendering_contributiontobookanthology_versioneddocumentandlinkextensionanddoiportal .digital_object_identifiers {
    display: none;
}

/* ADDED BY UOB MAY 2014 */
#full_content {
    max-width: 1100px;
    margin: 0 auto 3em auto;
}

/* #GRID */
/* gutters are equivalent to 28px at max width */

.grid_1 {
    width: 6.14%;
}

.grid_2 {
    width: 14.67%;
}

.grid_3 {
    width: 23.2%;
}

.grid_4 {
    width: 31.74%
}

.grid_5 {
    width: 40.27%;
}

.grid_6 {
    width: 48.0%;
}

.grid_7 {
    width: 57.330%;
}

.grid_8 {
    width: 65.870%;
}

.grid_9 {
    width: 74.400%
}

.grid_10 {
    width: 82.930%;
}

.grid_11 {
    width: 91.460%;
}

.grid_12 {
    width: 100%;
}

.column {
    margin: 0 0 0 2.389% /* gutter */;
    float: left;
    display: inline;
    /* overflow: hidden; */
}

/* reducing all grid widths by 0.2em for IE  to prevent float drop */
.ie6 .grid_1, .ie7 .grid_1, .ie8 .grid_1 {
    width: 6.05%;
}

.ie6 .grid_2, .ie7 .grid_2, .ie8 .grid_2 {
    width: 14.383%;
}

.ie6 .grid_3, .ie7 .grid_3, .ie8 .grid_3 {
    width: 22.925%;
}

.ie6 .grid_4, .ie7 .grid_4, .ie8 .grid_4 {
    width: 31.466%
}

.ie6 .grid_5, .ie7 .grid_5, .ie8 .grid_5 {
    width: 41.467%
}

.ie6 .grid_6, .ie7 .grid_6, .ie8 .grid_6 {
    width: 48.55%;
}

.ie6 .grid_7, .ie7 .grid_7, .ie8 .grid_7 {
    width: 56.05%
}

.ie6 .grid_8, .ie7 .grid_8, .ie8 .grid_8 {
    width: 64.383%
}

.ie6 .grid_9, .ie7 .grid_9, .ie8 .grid_9 {
    width: 72.717%
}

.ie6 .grid_10, .ie7 .grid_10, .ie8 .grid_10 {
    width: 81.05%
}

.ie6 .grid_11, .ie7 .grid_11, .ie8 .grid_11 {
    width: 89.383%
}

.ie6 .grid_12, .ie7 .grid_12, .ie8 .grid_12 {
    width: 99.8%
}

.row {
    margin: 0;
    overflow: auto;
    width: 100%;
}

.row .column:first-child {

}

.layout-container {
    margin: 0 0 0.75em 0;
    /* overflow: auto;  removed to allow some boxes to overflow. Have set clearfix on layout-container */
    width: 100%;
}

.list-no-style {
    list-style-type: none;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* lists of links as nav */
.list-links {
    border-bottom: 1px solid #d8d5ca;
    font-size: 0.875em;
}

.list-links li {
    border-top: 1px solid #d8d5ca;

}

.list-links a {
    display: block;
    zoom: 1;
    padding: 0.5em 5%;
    text-decoration: none;
    background: #efede9;
    color: #333;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;

}

.list-links a:hover, .list-links a:focus {
    background: white;
    color: #333;
}

/* #MODULES */
/* snippets of code for teasers, related items. Used on homepages and sidebars */

/* basic module */
.module {
    margin-bottom: 1.5em;
    position: relative;
}

.ie6 .module,
.ie7 .module,
.ie8 .module {
    border-top: 1px solid #dedcd2;
}

.module p,
.module ul,
.module ol,
.module form,
.module dl,
.module table {
    font-size: 0.875em;
    margin-bottom: 0.75em;
    line-height: 1.5em
}

/* module headings */
.module-heading {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 0;
    line-height: 1.142em;
    border-top: 1px solid #dedcd2;
    position: relative;
    color: #333
}

/* .grid_4 .module-heading,
.grid_3 .module-heading,
.align-right .module-heading, */
[class*="layout-"]  .module-heading {
    padding-bottom: 0
}

.ie6 .module-heading,
.ie7 .module-heading,
.ie8 .module-heading {
    border-top: 1px solid #dedcd2;
    padding-top: 0.6em;
    margin-top: 2px;
}

.module-heading:before {
    content: " ";
    height: 1px;
    border-top: 1px solid #dedcd2;
    display: block;
    padding-top: 0.55em;
    margin-top: 2px;
}

.module-box {
    background: #efede9;
    border-top: 4px solid #dedcd2;
    margin-bottom: 1.5em;
    overflow: hidden;
    padding-left: 1.5% /* for full width */;
    padding-right: 1.5% /* for full width */;
}

.grid_4 .module-box,
.grid_3 .module-box {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

/* module box headings */
.module-box .module-heading {
    border: 0;
    padding-top: 0.575em;
}

.ie6 .module-box .module-heading,
.ie7 .module-box .module-heading,
.ie8 .module-box .module-heading {
    margin: 0;
    zoom: 1;
}

.module-box .module-heading a {
    border: 0;
}

.module-box .module-heading:before {
    content: none !important;
}

.recent_publications .tab_nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 14px;
    position: relative;
    top: 1px;
    z-index: 10
}

.recent_publications .tab_nav li {
    float: left;
    list-style-type: none;
    list-style-image: none;
    margin: 0 0.25em 0 0;
    padding: 0;

}

.recent_publications .tab_nav li.selected {
    border: 1px solid #d8d5ca;
    border-bottom: 0;
    background: #fff
}

.recent_publications .tab_nav a {
    padding: 0.5em 1em;
    display: block;
    color: #333
}

.recent_publications .tabs {
    line-height: 1.5em;
    border: 1px solid #d8d5ca;
    padding: 1em;
    position: relative;

    z-index: 5
}

.recent_publications .tabs, .recent_publications .tabs .title {
    font-size: 14px
}

.recent_publications .tabs ul {
    margin: 0;
    padding: 0;
}

.recent_publications .tabs li {
    list-style-type: none;
    list-style-image: none;
    margin: 0 0 0.75em 0;
    padding: 0;
}

a.btn {
    background-color: #b01c2e;
    border: 1px solid #b01c2e;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
    padding: 0.5em 1em;
    display: inline-block;
    margin: 0 0 0.5em 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none !important;
    -moz-background-clip: border !important;
    -webkit-background-clip: border !important;
    background-clip: border-box !important;
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

a.btn:hover,
a.btn:focus {
    text-decoration: none !important;
    color: #fff !important;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding !important;
    -webkit-background-clip: padding !important;
    background-clip: padding-box !important;
    -moz-background-clip: border !important;
    -webkit-background-clip: border !important;
    background-clip: border-box !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #161b20;
    background-image: none;
}

a.btn-full-width {
    padding: 0.5em 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

a.btn-b-blue,
input[type="submit"].btn-b-blue,
.module-box-d-blue.module-box a.btn,
.module-box-d-blue input[type="submit"],
a.btn-d-blue:hover,
input[type="submit"].btn-d-blue:hover,
input[type="submit"].btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:hover,
.module-box-b-blue input[type="submit"]:hover,
a.btn-d-blue:focus,
.module-box-b-blue.module-box a.btn:focus,
.module-box-b-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn,
.module-box-tint-b-blue input[type="submit"] {
    background-color: #1c7698;
}

/* dark blue button */
a.btn-d-blue,
input[type="submit"].btn-d-blue,
.module-box-b-blue.module-box a.btn,
.module-box-b-blue input[type="submit"],
a.btn-b-blue:hover,
input[type="submit"].btn-b-blue:hover,
input[type="submit"].btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:hover,
.module-box-d-blue input[type="submit"]:hover,
a.btn-b-blue:focus,
.module-box-d-blue.module-box a.btn:focus,
.module-box-d-blue input[type="submit"]:focus,
.module-box-tint-b-blue.module-box a.btn:hover,
.module-box-tint-b-blue input[type="submit"]:hover,
.module-box-tint-b-blue.module-box a.btn:focus,
.module-box-tint-b-blue input[type="submit"]:focus {
    background-color: #002f5f;
}

/* ORGANISATION PHOTOS */

ul.organisation_photos {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.organisation_photos li {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 200px;
    max-height: 200px;
}

ul.organisation_photos li img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    padding: 2px;
    border: 1px solid #d2d2c4;
}

/* SEARCH AUTO COMPLETION */

ul.portal_textfield_completion {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0;
    list-style: none;
    position: absolute;
    display: block;
}

ul.portal_textfield_completion li {
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 5px 10px;
    cursor: pointer;
    font-size: 14px;
}

ul.portal_textfield_completion li:hover {
    text-decoration: underline;
}

div.search_box p {
    margin: 0;
}

div.search_box p.termsofuse {
    margin-top: 8px;
    font-size: 14px;
}

div.search_box .core_filter_legend {
    margin-top: 10px !important;
}

div.search_box .core_filter_authors_all {
    display: none;
}

div.search_box div.core_filter_authors ul {
    margin: 0;
}

div.search_box div.core_filter_authors ul li {
    margin-top: 5px;
}

div.search_box div.core_filter_authors ul li a {
    margin-left: 10px;
    font-size: 12px;
}

/* OVERRIDES */

a.portal_hd_nochildren span {
    margin-top: 7px;
}

a.portal_disclosure span {
    margin-top: 7px;
}

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

.spacer_block {
    float: left;
    display: inline-block;
    width: 30px;
    height: 1px;
}

div.rendering ul.relations li span.orcid {
    float: right;
}

.export_citation {
    float: left;
    width: 30%;
    text-align: right;
    border-bottom: 1px solid #dedcd2;
    line-height: 27px;
    font-size: 12px;
}

.export_citation ul {
    list-style: none;
}

.export_citation ul li {
    float: right;
    margin-right: 5px;
}

.rendering_researchoutput_short .numberofpages {
    display: none;
}

.portal_list_item .person-image {
    float: left;
    margin-right: 5px;
}

.portal_list_item .rendering_person_short {
    float: left;
    padding: 0 4px !important;
}

.related_item_group ol li, .view_sidebar .portal_list li {
    display: none;
}

.related_item_group ol li:nth-child(1), .related_item_group ol li:nth-child(2), .view_sidebar .portal_list li:nth-child(1), .view_sidebar .portal_list li:nth-child(2) {
    display: block;
}

.btn-read-all {
    font-size: 14px;
    text-decoration: underline;
}

.btn-read-all:hover {
    text-decoration: none;
}