/*******************************************************************************
 * This file is DEPRECATED in favour of physics.css.
 * It is only still here because there are some external sites that still
 * reference http://www2.physics.ox.ac.uk/sites/all/themes/physics/style.css
 ******************************************************************************/










































/*==============================================================================
 Image Replacement
 http://wellstyled.com/css-replace-text-by-image.html
==============================================================================*/
.image-replacement,
.image-replacement-container
{
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.image-replacement span,
.image-replacement-target
{
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

a.image-replacement span,
a .image-replacement-target
{
    /* Make IE7 display the correct cursor */
    cursor: pointer;
}

/* http://www.ampsoft.net/webdesign-l/image-button.html */
button.image-replacement
{
    background: transparent;
    border: none;
    cursor: pointer;
    text-indent: -1000em;
}

/* To use:
 *
 * <div class="myclass image-replacement">
 *   Content
 *   <span></span>
 * </div>
 *
 * .myclass, .myclass span {
 *   background-image: url(/images/myimage.gif);
 *   height: 100px;
 *   width: 200px;
 * }
 */

/****************************************************************************
 * 0. Reset / set / html / body
 ***************************************************************************/
html
{
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

body
{
    margin: 0;
    padding: 0;
    color: #333;
    text-align: center; /* IE6 */
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}

tbody,
tr.even,
tr.odd
{
    border-color: #ddd;
}

td
{
    padding: 4px 8px;
}

a
{
    color: #002147;
    text-decoration: none;
}
a:hover
{
    color: #d31245;
}

.hidden
{
    display:none;
}

.clear
{
    clear: both;
}

.content a,
.underline
{
    text-decoration: underline;
}

.content .block a,
.block .content a
{
    text-decoration:none;
}

.content a.nounderline,
a.nounderline
{
    text-decoration: none;
}

/* Override Drupal style */
li a.active
{
    color: #002147;
}

/****************************************************************************
 * 1. Grid setup
 *
 * The site is based on two grids; a six column and a four column. The
 * majority is in the six column grid, so the classnames have been optimised
 * for that.
 *
 * For an element to be two columns (for example), use the .two-col class.
 * To use the four column grid, use a similar naming convention, but append
 * -4 to the class name, so a two column element will be .two-col-4
 *
 * Wrap the main content area in .container to use the grid classes.
 *
 * To help with layout, use .inner-cols which will reset the margins (see
 * the header with photo and description at the top of the person page
 * for an example.)
 ***************************************************************************/
.container
{
    width: 978px;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
}

/****************************************************************************
 * 1.1 6 column grid
 ***************************************************************************/
.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .one-col-4, .two-col-4, .three-col-4, .four-col-4
{
    float: left;
    margin: 0 10px;
}

.inner-cols
{
    margin: 0;
}

.one-col
{
    width: 143px;
}

.two-col
{
    width: 306px;
}
    .two-col.inner-cols
    {
        width: 326px;
    }

.three-col
{
    width: 469px;
}
    .three-col.inner-cols
    {
        width: 489px;
    }

.four-col
{
    width: 632px;
}
    .four-col.inner-cols
    {
        width: 652px;
    }

.five-col
{
    width: 795px;
}
    .five-col.inner-cols
    {
        width: 815px;
    }

.six-col
{
    width: 958px;
}
    .six-col.inner-cols
    {
        width: 978px;
    }

/****************************************************************************
 * 1.2 Four column grid
 ***************************************************************************/
.one-col-4
{
    width: 224px; /* mild temporary bodge to compensate for designs of different widths :/ */
}

.two-col-4
{
    width: 470px;
}

.three-col-4
{
    width: 715px;
}

.four-col-4
{
    width: 958px;
}

/****************************************************************************
 * 2. Header / footer
 ***************************************************************************/
#header
{
    min-height: 53px;
    background-color: #002147;
    margin: 0;
    padding: 0 0 12px 0;
}

.header-inner
{
    margin: 0 auto;
    width: 958px;
    padding: 0 10px 0 10px;
}

#header ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 780px;
}

.navigation li
{
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
}

.navigation li a
{
    background: #002147;
    border-left: 1px solid #002147; /* Ensures the widths match the footer */
    border-right: 1px solid #002147;
    color: #fff;
    display: block;
    font-family: DINCondensedA, "Tw Cen MT Condensed", "Arial Narrow Bold", "Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    line-height: 40px;
    padding: 13px 10px 0 10px;
}

.din-loaded .navigation li a
{
    text-transform: uppercase;
    font-size: 21px;
}
.navigation li.active a,
.navigation li a:hover
{
    background: #D31245;
}

/* Home link */
.navigation li.home-link a
{
    background-image: url("images/home-icon.png");
    background-position: center 26px;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    text-indent: -99999px;
    width: 21px;
}

#footer-links li.home-link a {
    background-image: url("images/home-icon-blue.png");
    background-position: center 13px;
    background-repeat: no-repeat;
}

#footer-links li.home-link a:hover {
    background-image: url("images/home-icon.png");
    background-position: center 13px;
    background-repeat: no-repeat;
}

/* Dropdown */
.navigation li.dropdown a
{
    background-image: url(images/dropdown-icon.png);
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    text-indent: -99999px;
    background-position: center 29px;
    width: 15px;
}

#search-information
{
    padding: 10px;
    color: #D31245;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    background-color: #ededed;
    border: 1px solid #ddd;
    clear: both;
}

#footer
{
    margin-top: 20px;
    background-color: #ededed;
    border-top: 1px solid #ddd;
}
#footer-nav
{
    padding: 22px 10px;
    width: 958px;
}
#footer-nav ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    width: 773px;
}
    #footer-nav li {
        margin-right: 8px;
    }

    #footer-nav li a
    {
        background: #fff;
        border: 1px solid #ddd;
        color: #002147;
        padding-top: 0;
    }
    #footer-nav li a:hover,
    #footer-nav li.active a
    {
        background: #D31245;
        color: #fff;
        text-decoration: none;
    }

#footer-blue
{
    background-color: #002147;
}
#footer-blue .container
{
    width: 958px;
    padding: 10px 10px;
}
#footer-blue .copyright
{
    float: left;
}
#footer-blue p
{
    margin: 0;
    padding:0;
    color: #fff;
}
#footer-blue a
{
    color: #fff;
    text-decoration: none;
}
#footer-blue a:hover
{
    text-decoration: underline;
}

#footer-blue .footer-links
{
    float: right;
}
#footer-blue .footer-links ul
{
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}
#footer-blue .footer-links li
{
    color: #fff;
    float: left;
    font-weight: bold; /* Make &middot;s bold */
}
#footer-blue .footer-links li a
{
    color: #fff;
    font-weight: normal;
}

#subnav
{
    padding: 30px 10px 0 10px;
    width: 958px;
}
    #site-title
    {
        color: #002147;
        display: block;
        float: left;
        font-family: DINCondensedA, "Tw Cen MT Condensed", "Arial Narrow Bold", "Arial Narrow", Arial, sans-serif;
        font-size: 63px;
        line-height: 1em;
        letter-spacing: -2px;
        margin-bottom: 16px;
        margin-top: 3px;
        font-weight: normal;
    }
    #site-title:hover
    {
        color: #d31245;
    }
    .university-home
    {
        float: right;
    }
    .university-home img
    {
        display: block;
    }

ul.breadcrumbs
{
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #000;
    overflow: hidden;
    background-color: #ededed;
}
ul.breadcrumbs li
{
    float: left;
    margin-top: 1px;
}
    ul.breadcrumbs li a,
    ul.breadcrumbs li span
    {
        background-image: url(images/breadcrumbs.png);
        background-position: 0 -198px;
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: bold;
        height: 32px;
        left: -18px;
        line-height: 32px;
        margin-right: -30px;
        padding-left: 32px;
        padding-right: 47px;
        position: relative;
    }
    ul.breadcrumbs li.breadcrumb-1 a,
    ul.breadcrumbs li.breadcrumb-1 span
    {
        background-position: 0 -33px;
    }
    ul.breadcrumbs li.breadcrumb-2 a,
    ul.breadcrumbs li.breadcrumb-2 span
    {
        background-position: 0 -66px;
    }
    ul.breadcrumbs li.breadcrumb-3 a,
    ul.breadcrumbs li.breadcrumb-3 span
    {
        background-position: 0 -99px;
    }
    ul.breadcrumbs li.breadcrumb-4 a,
    ul.breadcrumbs li.breadcrumb-4 span
    {
        background-position: 0 -132px;
    }
    ul.breadcrumbs li.breadcrumb-5 a,
    ul.breadcrumbs li.breadcrumb-5 span,
    ul.breadcrumbs li.breadcrumb-6 a,
    ul.breadcrumbs li.breadcrumb-6 span,
    ul.breadcrumbs li.breadcrumb-7 a, /* Just in case, hopefully there will never be this many */
    ul.breadcrumbs li.breadcrumb-7 span,
    ul.breadcrumbs li.breadcrumb-8 a,
    ul.breadcrumbs li.breadcrumb-8 span,
    ul.breadcrumbs li.breadcrumb-9 a,
    ul.breadcrumbs li.breadcrumb-9 span
    {
        background-position: 0 -165px;
    }
    ul.breadcrumbs li a:hover
    {
        background-position: 0 0;
    }
    ul.breadcrumbs li span
    {
        cursor: default;
    }
div.no-breadcrumbs
{
    background-color: #002147;
    clear: both;
    height: 1px;
}

/****************************************************************************
 * 3. Block styles
 ***************************************************************************/
.inner-page
{
    padding-top: 28px;
}
.left-nav
{
}
    /* Headings */
    .left-nav h2
    {
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        margin: 0;
        padding: 0 5px 12px 5px;
    }

    .left-nav h2 a
    {
        display: block;
        text-decoration: none;
    }

    .left-nav h2 a:hover
    {
        color: #d31245;
    }

    /* Lists */
    .left-nav ul.menu
    {
        line-height: 1.2;
        margin: 0 0 25px 0;
        padding: 0;
    }
    .left-nav ul ul.menu
    {
        margin-bottom: 0;
    }

    /* List items */
    .left-nav li.leaf,
    .left-nav li.collapsed,
    .left-nav li.expanded
    {
        border-bottom: 1px solid #ddd;
        list-style: none;
        margin: 0;
        padding: 4px 0;
    }
    .left-nav li li.leaf,
    .left-nav li li.collapsed,
    .left-nav li li.expanded
    {
        border-bottom: none;
        padding: 0 0 0 10px;
    }

    /* Links */
    .left-nav ul a
    {
        color: #467593;
        display: block;
        padding: 4px 13px 4px 5px;
        text-decoration: none;
    }
    .left-nav ul a:hover
    {
        color: #d31245;
    }
    .left-nav ul a.active
    {
        color: #002147;
        background: url(images/left-nav-selected.gif) no-repeat right 7px;
    }

div.middle-right div.block
{
    border-top: 10px solid #ddd;
    padding-bottom: 1em;
}
    div.middle-right div.block:last-child
    {
        border-bottom: 2px solid #ddd;
    }
    div.middle-right div.block h2
    {
        margin-top: 0.5em;
    }
    div.middle-right div.block ul
    {
        list-style-type: none;
        padding: 0;
        margin: 2em 0 1em 0;
    }
    div.middle-right div.block li
    {
        border-bottom: 1px solid #ddd;
        padding: 1.02em 0;
    }
    div.middle-right div.block li:hover
    {
        background-color: #e1e1e1;
        outline: 3px solid #e1e1e1;
    }
    div.middle-right div.block li:hover h3
    {
        color: #d31245;
    }
    div.middle-right div.block h3
    {
        margin: 0;
        line-height: 1.4em;
    }
    div.middle-right div.block .news
    {
        border-top: 1px solid #ddd;
    }

div.middle-right div.block .news h3 {
    margin-bottom: 0.5em;
}

/********************************************************************************
 * Publications block
 * ******************************************************************************/
.publications li{
    height:80px;
    border-bottom: 1px solid #DDDDDD;
    padding:10px;
    overflow:hidden;
}

    .publications li h3 {
        max-height:4.2em;
        overflow:hidden;
    }
    .publications li:hover {
        background:#ddd;
    }
    .publications li p.journalinfo
    {
        font-size:0.8em;
        padding-bottom:0;
        margin-bottom:0;
    }

    .publications li.more-publications
    {
        height:1em;
    }

/********************************************************************************
 * Related subdepartments  block
 * ******************************************************************************/

#content .view-related-subdepartments {
    padding-top:1.5em;
}

#content .view-related-subdepartments .views-row{
    padding:0;
    margin:0;
    padding-bottom:2px;
    border:0;
}

#content .view-related-subdepartments .views-row .home-section-link{
    margin:0;
}

/********************************************************************************
 * Related research group block
 * ******************************************************************************/

#content .block {
    /* To stop images from spilling over into the content */
    clear:both;
}

div#block-views-related_research_groups-block_1 {
    clear:both;
    border-top: 3px #ddd solid;
    padding-top: 10px;
}
    div#block-views-related_research_groups-block_1 h3 {
        margin-bottom: 0.5em;
    }

    div#block-views-related_research_groups-block_1 .views-field-field-description-value {
        padding-bottom: 5px;
    }


/********************************************************************************
 * Contactdetails block
 * ******************************************************************************/
.block-physicsaddressblock .content p{
    margin-bottom:1em;
}

/********************************************************************************
 * Blank blocks
 *
 * When you want to push the layout around a bit, you need to add blank blocks.
 * For the right column, this needs to be styled to remove the grey background
 * ******************************************************************************/
#block-block-8 {
    background-color:inherit;
    border:0;
}

.two-col-blocks .block {
    background-color: #ededed;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 1.3em;
    position: relative;
}

.two-col-blocks .block h2 {
    margin: 0;
    line-height: 1em;
    font-size: 30px;
}

.two-col-blocks .block h2:first-child {
    padding-top: 2px;
    padding-bottom: 0.5em;
}

/* Fix for texty content blocks */
.two-col-blocks .content p:last-child,
.two-col-blocks .content table:last-child,
.two-col-blocks .block p:last-child,
.two-col-blocks .block-block p:last-child,
.two-col-blocks .clear-block p:last-child,
.two-col-blocks .clearfix p:last-child 
{
    margin-bottom: 0;
}

.two-col-blocks .block h3 {
    font-size: 12px;
    letter-spacing: 0;
    margin: 0;
}

.two-col-blocks .block .content {
    background-color: #fff;
    padding: 15px;
    overflow:hidden;
}

.two-col-blocks .block .left-column {
    /* Display image field as left float in right sideblock */
    float:left;
    margin-top:2px;
}

.two-col-blocks .block .right-column {
    /* Text associated with image field above is shifted the appropriate amount */
    margin-left: 95px;
    padding:0;
}

.two-col-blocks .block ul {
    list-style-type: none;
    background-color: #fff;
    padding:0;
    margin:0;
}

.two-col-blocks .block li {
    list-style-type:none;
    margin:0;
}

.two-col-blocks .block li:last-child {
    border-bottom:0;
}

.two-col-blocks .block li div.list-container {
    margin:0;
    padding:6px 7px;
}

.list-container div.views-field-field-image-fid {
    height:75px;
    margin:6px 10px 6px 6px;
    padding:0;
}

.list-container div.views-field-created {
    margin-top:6px;
}

.list-container div.views-field-field-date-value2 {
    margin-top:0;
}

.two-col-blocks .block li div {
    padding-left:0;
}

.two-col-blocks .block li {
    margin:0;
}

.two-col-blocks .block li:hover a {
    color: #d31245;
    background:#e1e1e1;
}

/* CHYC look into removing this bit of redundancy (it is used in the publications block) */
.two-col-blocks .block li:hover a.fullstorylink {
    background-image: url("images/read-more-arrow.gif");
    background-position: right;
    background-repeat: no-repeat;
}

.two-col-blocks .block div.content ul {
    border-top: 1px solid #ddd;
    margin-left:-15px;
    margin-right:-15px;
}

.two-col-blocks .block div.content li .list-container {
    padding-left:15px;
    padding-right:15px;
    border-bottom: 1px solid #ddd;
}

.two-col-blocks .view-researchgroup-people li.views-row {
    padding-top:0px;
}

.two-col-blocks .block .researchgroup-profile-list-row-details {
    padding-left:100px;
}

    .researchgroup-profile-list-row-image
    {
        float:left;
    }

.two-col-blocks .block .researchgroup-profile-list-row-details h3 {
    padding-top:13px;
    padding-bottom:3px;
    font-size: 14px;
}

.people h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

    .two-col-blocks .view-researchgroup-people li.views-row{
        padding-top:0px;
    }

    /* People block in research pages */
    li.people
    {
        height:75px;
        border-bottom:1px solid #ddd;
        overflow:hidden;
    }

    li.people:hover {
        background:#ddd;
    }

        li.people .profile-image
        {
            float: left;
        }

        .two-col-blocks li.people .profile-teaser
        {
            padding-left: 90px;
            padding-right: 14px;
        }

        li.people h3
        {
            padding-top: 13px;
            padding-bottom: 7px;
            font-size: 14px;
        }

        .two-col-blocks li.people .profile-teaser p
        {
            line-height: 14px;
        }

.slidercontrolup {
    display: block;
    position: absolute;
    width: 284px;
    height: 27px;
    background-image: url(images/infobox-navigators.png);
    background-repeat: no-repeat;
    /*top: 88px;*/
    z-index: 10;
}

.slidercontroldown {
    display: block;
    position: absolute;
    width: 284px;
    height: 27px;
    background-image: url(images/infobox-navigators.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    bottom: 10px;
    z-index: 10;
}

.slidercontrolup.canmove,
.slidercontroldown.canmove
{
    cursor: pointer;
}
.slidercontrolup.canmove:hover
{
    background-position: top right;
}
.slidercontroldown.canmove:hover
{
    background-position: bottom right;
}

.block-image {
    background: #e3e3e3;
    text-align: center;
}

.block-image img {
    display: block;
    margin: 0 auto;
}

.block-caption {
    margin-top: 4px;
}

/* RSS & sharing stuff */
p.feed-icon-block {
    margin: 0;
}

a.feed-icon {
    color: #002147;
    vertical-align: top;
}

a.feed-icon:hover {
    color: #D31245;
}

a.feed-icon img {
    margin-right: 8px;
}

div.addthis_toolbox br {
    display: none;
}

/* News & Events */

div.views-field-nothing {
    clear:both;
    overflow: hidden;
    height: 0px;
}

/* "How do I?" block */

.block-how_do_i div#edit-destination-wrapper.form-item {
    margin: 0;
}

.block-how_do_i select#edit-destination{
    font-size: 1.3em;
    float: left;
    margin: 0 10px 0 0;
    width: 246px;
}

.block-how_do_i input#edit-go{
    background-color: #D31245;
    border: none;
    color: #fff;
    float: left;
    margin: 0;
    padding: 4px 0;
    text-align: center;
    width: 28px;
}

/****************************************************************************
 * 4. Typography
 ***************************************************************************/
h1, h2, h3, h4, h5, h6,
p,
ul, ol,
div.codeblock,
div.field-field-lead,
div.field-field-researchgroup-heads,
div.collapse,
table
{
    margin: 0 0 19px 0;
}

h1, h2, h3, h4, h5, h6
{
    color: #002147;
    font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

h1
{
    font-size: 33px;
    margin: 0 0 0.7em 0;
    letter-spacing: -1px;
    line-height: 1.2em;
}

h2
{
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 1.2em;
}

h3
{
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.4em;
}

h4, h5, h6
{
    font-size: 1em;
}

ul, ol{
    padding: 0 0 0 3em;
}

ul ul,
ul ol,
ol ul,
ol ol
{
    /* Nested lists */
    margin: 0;
}

.field-field-lead,
p.lead
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 19px;
}

/****************************************************************************
 * 5. Iconography
 ***************************************************************************/
p.email
{
    display: block;
    background-color: #EDEDED;
    background-image: url(/sites/all/themes/physics/images/email.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    margin-top: 7px;
    margin-bottom:0px;
}
.email a,
.email span.spamspan
{
    display: block;
    color: #d31245;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    border: 1px solid #ddd;
}
.email a:hover
{
    color: #002147;
}

/* Duplication here. TODO: Remove it */
.personal-webpage
{
    display: block;
    background-color: #EDEDED;
    background-image: url(/sites/all/themes/physics/images/www.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    margin-bottom:0px;
}
.personal-webpage a
{
    display: block;
    color: #d31245;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    border: 1px solid #ddd;
}
.email a:hover
{
    color: #002147;
}



/****************************************************************************
 * 6. Tabbed interface
 ***************************************************************************/
/* Container */
.tabs-bg-primary,
.tabs-bg-secondary
{
    background: url(images/tabs-bg-primary.gif);
    clear: both;
    padding-bottom: 1px;
    margin-bottom: 21px;
}

.tabs-bg-secondary
{
    background: url(images/tabs-bg-secondary.gif);
}

/* List */
ul.primary,
ul.secondary,
#content ul.primary,
#content ul.secondary,
#content .researchgrid-links ul
{
    border: none;
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    white-space: normal;
}

ul.secondary,
#content ul.secondary
{
    padding-left: 30px;
}

/* Tabs */
ul.primary li,
ul.secondary li,
#content ul.primary li,
#content ul.secondary li,
#content .researchgrid-links li
{
    float: left;
    height: 31px;
    margin-right: 2px;
    padding: 0;
    white-space: nowrap;
}

ul.secondary li,
#content ul.secondary li
{
    height: 29px;
}

ul.secondary li,
ul.secondary li.active,
ul.secondary li.ui-tabs-selected,
#content ul.secondary li,
#content ul.secondary li.active,
#content ul.secondary li.ui-tabs-selected
{
    border-color: #fff;
}

/* Links */
ul.primary li a,
ul.secondary li a,
#content ul.primary li a,
#content ul.secondary li a,
#content .researchgrid-links li a
{
    background-color: #eee;
    border: none;
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 1px 14px 0 14px;
    text-decoration: none;
}

ul.secondary li a,
#content ul.secondary li a
{
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    padding: 1px 12px 0 12px;
}

ul.primary li a:hover,
ul.secondary li a:hover,
#content ul.primary li a:hover,
#content ul.secondary li a:hover,
#content .researchgrid-links li a:hover
{
    color: #D31245;
}

ul.primary li.active a,
ul.secondary li.active a,
ul.primary li.ui-tabs-selected a,
ul.secondary li.ui-tabs-selected a,
#content ul.primary li.active a,
#content ul.secondary li.active a,
#content ul.primary li.ui-tabs-selected a,
#content ul.secondary li.ui-tabs-selected a
{
    background-color: #fff;
    color: #D31245;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 0 13px 1px 13px;
}

ul.secondary li.active a,
ul.secondary li.ui-tabs-selected a,
#content ul.secondary li.active a,
#content ul.secondary li.ui-tabs-selected a
{
    padding: 0 11px 1px 11px;
}

/****************************************************************************
 * 7. Person pages
 ***************************************************************************/
.profile-page h1
{
    border-top: 1px solid #ddd;
    margin: 0;
    padding-top: 12px;
    line-height: 1;
}

    .profile-page .job-title
    {
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding-top:10px;
    }

        .profile-page .job-title p{
            padding:0;
            margin:0;
        }

.profile-page .profile-image {
    float:left;
}

.profile-page .profile-header {
    margin-left: 163px;
}

.profile-page .tabs-bg-primary {
    margin-bottom: 18px;
}

/****************************************************************************
 * 8. Search results pages
 ***************************************************************************/
.searchresults .pagination
{
    margin: 0;
    padding: 5px 7px;
    background-color: #ededed;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-top: 10px;
}
.searchresults .pagination li
{
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 !important;
    background-image: none !important;
    text-align: center;
    margin-right: 5px;
}

.searchresults .pagination li.active
{
    background-color: #d31245 !important;
}
.searchresults .pagination li.active a
{
    color: #fff !important;
}


.searchresults
{
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
    .two-col-4.searchresults
    {
        background-image: url(images/resultsbox-2.gif);
    }
    .one-col-4.searchresults
    {
        background-image: url(images/resultsbox-1.gif);
    }
    .one-col-4.searchresults.infobox
    {
        background-image: none;
        background-color: #ededed;
        border: 1px solid #ddd;
        width: 222px; /* compensate for border */
    }
    .four-col-4.searchresults
    {
        background-image: url(images/resultsbox-4.gif);
        height: 105px;
    }

.searchresults h1
{
    padding-left: 10px;
    margin-bottom: 20px;
}

.searchresults .results-meta
{
    background-color: #fff;
    margin: 0 10px 30px 10px;
    color: #d31245;
    padding: 3px 3px 3px 5px;
}

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

.searchresults ul.people li
{
    padding-left: 120px;
    padding-bottom: 10px;
    background-position: 10px 10px;
    border-bottom: 1px solid #ddd;
    min-height: 110px;
}

.searchresults li
{
    margin: 0;
    padding: 10px;
}

div.views-admin-links ul.links li a
{
    display:inline;
    padding:0;
    margin:0;
}

div.views-admin-links ul.links li
{
    padding:0; margin:0;
}

.searchresults li h2,
.searchresults li h3
{
    margin-top: 0;
}

.searchresults li:hover
{
    background-color: #ddd;
}
    .searchresults li:hover h2 a,
    .searchresults li:hover h3 a
    {
        color: #d31245;
    }

    .two-col-4.searchresults li
    {
        padding-left: 110px;
        padding-bottom: 20px;
        background-image: url(images/nebula-small.jpg);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        border-bottom: 1px solid #ddd;
    }

.searchresults.infobox p
{
    margin-bottom: 10px;
}
.searchresults.infobox ul
{
    margin-bottom: 10px;
}
.searchresults.infobox li
{
    background-color: #fff;
    margin: 0 10px;
    border-bottom: 1px solid #ddd;
}
.searchresults.infobox li:hover
{
    background-color: #ddd;
}
    .searchresults.infobox li p,
    .searchresults.infobox li h3
    {
        margin: 0;
    }


/* split long URLs across 2 (or more) lines if it's really long */
.searchresults li
{
    overflow: hidden !important;
}
.searchresults a
{
    word-wrap: break-word;
}


/****************************************************************************
 * 9. Landing page tiles
 ***************************************************************************/
/* Grid */
ul.landing-grid
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 958px;
}

/* Row */
li.landing-grid-row
{
    clear: both;
    margin: 0 0 9px 0;
    overflow: hidden;
}

/* Row title */
div.landing-grid-row-title
{
    background-color: #ededed;
    border: 1px solid #ddd;
    float: left;
    height: 121px;
    padding: 10px;
    position: relative;
    width: 208px;
}

li.landing-grid-row div.landing-grid-row-title:hover
{
    background-color: #333;
}

div.landing-grid-row-title h2
{
}

#content div.landing-grid-row-title h2 a
{
    text-decoration: none;
}

div.landing-grid-row-title:hover h2 a
{
    color: #fff;
}

div.landing-grid-row-title p
{
    bottom: 18px;
    margin: 0;
    position: absolute;
    left: 10px;
    width: 208px;
}

div.landing-grid-row-title:hover p
{
    color: #999;
}

/* Row body */
div.landing-grid-row-body
{
    background: #e6e6e6;
    float: left;
    margin-left: 2px;
    position: relative;
    width: 726px;
}

.has-js div.landing-grid-row-body
{
    background: transparent;
    height: 143px;
    overflow: hidden;
}

.has-js div.landing-grid-row-background
{
    background: #e6e6e6;
    height: 143px;
    left: 28px;
    position: absolute;
    top: 0;
    width: 669px;
}

ul.landing-grid-row-cells
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.has-js ul.landing-grid-row-cells
{
    border-left: 1px solid #fff;
    left: 28px;
    position: absolute;
    width: 10000px; /* No wrapping */
    top: 0;
}

/* Prev/next buttons */
.has-js div.landing-grid-row-prev,
.has-js div.landing-grid-row-next
{
    height: 143px;
    position: absolute;
    width: 28px;
}

.has-js div.landing-grid-row-prev-on,
.has-js div.landing-grid-row-next-on
{
    cursor: pointer;
}

.has-js div.landing-grid-row-prev
{
    background-image: url(images/gridarrows.png);
    background-position: -168px 0;
    border-right: 1px solid #fff;
    left: 0;
}

.has-js div.landing-grid-row-prev-on
{
    background-position: 0 0;
}

.has-js div.landing-grid-row-prev-on:hover
{
    background-position: -28px 0;
}

.has-js div.landing-grid-row-prev-click,
.has-js div.landing-grid-row-prev-click:hover
{
    background-position: -56px 0;
}

.has-js div.landing-grid-row-next
{
    background-image: url(images/gridarrows.png);
    background-position: -168px 0;
    border-left: 1px solid #fff;
    right: 0;
}

.has-js div.landing-grid-row-next-on
{
    background-position: -84px 0;
}

.has-js div.landing-grid-row-next-on:hover
{
    background-position: -112px 0;
}

.has-js div.landing-grid-row-next-click,
.has-js div.landing-grid-row-next-click:hover
{
    background-position: -140px 0;
}

/* Cells */
li.landing-grid-cell
{
    background-position: 0 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 143px;
    float: left;
    margin: 0;
    position: relative;
    overflow: hidden;
    top: 0;
    width: 241px;
}

.has-js li.landing-grid-cell
{
    width: 222px;
}

.has-js li.landing-grid-cell:hover
{
    /*background-position: -4px -4px; /* Accounts for the border */
    /*border: 4px solid #D31245;
    height: 135px;*/
    /*width: 445px;*/
}

/* Cell text */
div.landing-grid-cell-text
{
    background-image: url(images/trans.png);
    bottom: 0;
    color: #fff;
    margin: 0;
    padding: 10px;
    position: absolute;
    width: 425px;
}

#content div.landing-grid-cell-title a
{
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    width: 202px;
}

div.landing-grid-cell-description
{
    display: none;
}

/*.has-js li.landing-grid-cell:hover div.landing-grid-cell-description
{
    display: block;
}*/

/****************************************************************************
 * Dave's hacks for demonstrator
 ***************************************************************************/
#login {
    background-color:#EDEDED;
    color:#002147;
    font-size:1.25em;
    height: 1.25em;
    margin: 0 auto;
    padding: 10px;
    text-align: right;
    width: 938px;
}

#login a:hover {
    color:#D31245;
}

#login ul {
    float:right;
    margin-bottom:0;
}

#login ul li {
    float:left;
    list-style-type:none;
    margin:0 1em;
}

#login ul li:last-child {
    margin-right:0.5em;
}

#help {
    background-image:url("images/help.png");
    background-repeat:no-repeat;
    float:left;
    padding-left:1.25em;
}

.messages
{
    background: #dae2eb;
    border: 1px solid #b1c3d4;
    color: #002046;
    margin: 0 0 19px 0;
    padding: 5px 9px;
}

.messages ul
{
    list-style: none;
    margin: 0;
    padding: 1px 0 0 0;
}

.messages li
{
    border-top: 1px solid #b1c3d4;
    margin-top: -1px;
    padding: 5px 0;
}

.messages li:first-child
{
    border-top: none;
}

.messages a
{
    text-decoration: underline;
}

.revisioning-information
{
    margin-bottom: 19px;
}

.block .revisioning-information
{
    margin-bottom: 10px;
}

.revisioning-information .showing-unpublished-revision,
.revisioning-information .showing-published-revision
{
    line-height: 22px;
    padding: 3px 3px 3px 13px;
}

  .revisioning-information .showing-unpublished-revision
  {
      background: #ff0;
      border: 1px solid #ee0;
  }

  .revisioning-information .showing-published-revision
  {
      background: #7f0;
      border: 1px solid #6b0;
  }

.revisioning-information a
{
    text-decoration: underline;
}

.revisioning-information img.bullet-flashing
{
    padding-right:5px;
}

.revisioning-information .menu-change
{
    background: #ff0;
    border: 1px solid #ee0;
    border-top: 2px solid #ff0;
    line-height: 22px;
    padding-left:3.1em;
    font-weight:bold;
}


.revisioning-information a.show-published-button,
.revisioning-information a.publish-button,
.revisioning-information a.revert-button
{
    color: #fff;
    float: right;
    font-weight: bold;
    margin-left: 3px;
    padding: 0 5px;
    text-decoration: none;
}

.revisioning-information a.publish-button
{
    background: #d31245;
}

.revisioning-information a.show-published-button,
.revisioning-information a.revert-button
{
    background: #bbb;
}

.helptext
{
    border: 2px solid #002147;
    margin-bottom: 1.5em;
    padding: 0 10px;
}

.helptext-inner
{
    float: left;
    width: 150px;
}

.red
{
    color: red;
}

.hidden
{
    display:none;
}

/****************************************************************************
 * Collapsible boxes
 ***************************************************************************/
.collapse
{
    border-bottom: 1px solid #ddd;
}

.collapse h3
{
    border-top: 1px solid #ddd;
    color: #4b7593;
    font-size: 12px;
    letter-spacing: 0;
    margin: 0 0 11px 0;
    padding: 11px 0;
}

.collapse h3.collapsed,
.collapse h3.expanded
{
    /* These classes are only added if JS is enabled */
    background: url(images/collapsible-arrows.png) no-repeat;
    cursor: pointer;
    margin: 0;
    padding-right: 115px;
}

.collapse h3.collapsed
{
    background-position: right 15px;
}

.collapse h3.expanded
{
    background-position: right -169px;
}

div.collapsed
{
    display: none;
}

div.collapsible-inner
{
    padding-top: 3px;
    padding-bottom: 1px; /* To prevent jumping during slide effect */
}

#content table.attachments {display:none;}

.block table.attachments
{
    width:100%;
    margin-bottom: 0;
}
.block table.attachments td
{
    background:#fff;
}

/****************************************************************************
 * img_assist images
 ***************************************************************************/
span.inline-left
{
    display: block;
    float: left;
    margin: 5px 20px 15px 0;
}

span.inline-right
{
    display: block;
    float: right;
    margin: 5px 0 15px 20px;
}

span.inline-center
{
    display: block;
    text-align: center;
}

span.inline .caption
{
    display: block;
}

.image-clear
{
    display: block;
    clear: both;
    height: 1px;
    line-height: 0px;
    font-size: 0px;
    margin-bottom: -1px;
}

/****************************************************************************
 * Search results
 ***************************************************************************/
dl.search-results
{
    margin: 19px 0;
}

.search-results dt,
.search-results dd
{
    margin: 0;
    padding: 0;
}

.search-results dt.title
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.search-results dd
{
    margin-bottom: 19px;
}

.search-results p
{
    margin-bottom: 5px;
}

#content .search-results .search-url a
{
    color: #888;
    text-decoration: none;
}

#content .search-results .search-url a:hover
{
    text-decoration: underline;
}

/****************************************************************************
 * Search form
 ***************************************************************************/
.search-box
{
    float: right;
    margin-top: 18px;
}

.search-box .form-item
{
    float: left;
    margin: 0 5px 0 0;
}

.search-box .form-item input
{
    width:120px;
    background: #002147;
    border: 2px solid #4d647f;
    color: #fff;
    padding: 3px 5px;
}

.search-box .form-submit
{
    background: #cf013a;
    border: none;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 4px 5px;
    text-transform: uppercase;
}

/****************************************************************************
 * User login form
 ****************************************************************************/

#user-login-form p
{
    margin-bottom:10px;
    margin-left:2px;
}

/****************************************************************************
 * Search results
 ***************************************************************************/
#content .item-list .pager
{
    line-height: 1em;
    text-align: left;
}

#content .item-list .pager li
{
    float: left;
    margin: 0 3px 3px 0;
    padding: 0;
    white-space: nowrap;
}

#content .item-list .pager li a,
#content .item-list .pager li.pager-current,
#content .item-list .pager li.pager-ellipsis
{
    float: left;
    font-weight: normal;
    padding: 6px 6px;
    text-decoration: none;
}

#content .item-list .pager li.pager-ellipsis
{
    padding-left: 2px;
    padding-right: 2px;
}

#content .item-list .pager li a,
#content .item-list .pager li.pager-current
{
    background: #ededed;
    border: 1px solid #ddd;
    color: #4678a5;
}

#content .item-list .pager li a:hover,
#content .item-list .pager li.pager-current
{
    background: #cf013a;
    border-color: #cf013a;
    color: #fff;
}

/****************************************************************************
 * Homepage
 ***************************************************************************/
.home-page
{
    padding-top: 19px;
}

.home-page p
{
    margin-bottom: 13px;
}

.home-column
{
    border-top: 10px solid #ddd;
}
.home-primary .home-column
{
    margin-bottom: 30px;
}
.home-secondary .home-column
{
    margin-bottom: 14px;
}

.home-separator
{
    border-top: 1px solid #ddd;
    height: 5px;
}

.home-primary h2
{
    font-family: DINCondensedA, "Tw Cen MT Condensed", "Arial Narrow Bold", "Arial Narrow", Arial, sans-serif;
    font-size: 50px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: -2px;
    margin: 10px 0 20px 0;
}
.din-loaded .home-primary h2
{
    text-transform: uppercase;
}
.home-primary h2 a:hover
{
    color: #cf013b;
}

.home-secondary h2
{
    font-size: 20px;
    line-height: 1.2em;
    margin: 14px 0 11px 0;
}
.home-secondary h2 a:hover
{
    color: #cf013b;
}

.home-section-link a
{
    background: #002147 url(images/home-section-arrow.png) no-repeat right center;
    color: #fff;
    display: block;
    line-height: 1.3em;
    padding: 6px 8px;
    text-transform: uppercase;
}
    .home-section-link a:hover
    {
        background-color: #cf013b;
    }
    .home-red .home-section-link a
    {
        background-color: #cf013b;
    }
    .home-red .home-section-link a:hover
    {
        background-color: #002147;
    }
    .home-blue .home-section-link a
    {
        background-color: #467593;
    }
    .home-blue .home-section-link a:hover
    {
        background-color: #002147;
    }
    .home-vanilla .home-section-link a
    {
        background-color: #a19588;
    }
    .home-vanilla .home-section-link a:hover
    {
        background-color: #002147;
    }

.home-image img
{
    display: block;
}

.home-image-caption
{
    display: block;
    font-size: 10px;
    line-height: 1.2em;
    text-align: right;
}

.home-image-caption,
.home-image-caption a
{
    color: #999;
    text-decoration: none;
}

.home-image-caption a:hover
{
    text-decoration: underline;
}

.home-intro-text
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3em;
}

.home-tactical-text
{
    border-top: 1px solid #ddd;
    padding: 10px 0 5px 0;
}

.home-secondary ul
{
    border-top: 1px solid #ddd;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.home-secondary ul li
{
    border-bottom: 1px solid #ddd;
    padding: 1px 0;
}

.home-column ul li .list-container a,
.two-col-blocks ul li .list-container a {
    text-decoration: none;
}

.home-column ul li .list-container,
.two-col-blocks ul li .list-container {
    padding: 6px 7px;
}

.home-secondary ul.news-events li .list-container
{
    padding: 8px 7px;
}
.has-js ul li:hover .list-container
{
    background-color: #e1e1e1;
}

.home-secondary ul li h3
{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}
.home-secondary ul li h3
{
    color: #888;
    padding-bottom: 4px;
}

.home-secondary ul li p
{
    margin: 0;
}
.home-secondary ul.news-events li p
{
    font-size: 13px;
    font-weight: bold;
}

.home-secondary ul li a
{
    color: #333;
}
.home-secondary ul li a:hover,
.has-js .home-secondary ul li:hover a
{
    color: #d31245;
}

.home-events-image,
.home-outreach-image
{
    padding-bottom: 5px;
}

.home-events-image img,
.home-outreach-image img
{
    display: block;
}

.home-outreach-image
{
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px;
}

.home-outreach-content ul
{
    margin-top: 16px;
}

/*********************************************************
 * Views Content                                    *
 * *******************************************************/


#content .listing-grid div.views-row, li.views-row {
    padding-left:150px;
    padding: 1em 0 0 138px;
}

.listing-grid .views-row h3 {
    margin-bottom: 0.5em;
}

.listing-grid div.views-row, li.views-row {
    border-bottom:1px #ddd solid;
}

.listing-grid div.views-row:first-child {
    border-top:1px #ddd solid;
}

.listing-grid li.views-row
{
    padding-left:0;
}

/* The following can be used to style the research groups in the subdepartment page.
 * The mockups use li elements.
 */
/*
 * #content div.view-research-subdepartment div.views-row {
    margin-top:3px;
    margin-bottom:13px;
}
*/

div.view-research-subdepartment h2,
div.view-researchexternal-subdepartment h2
{
    padding-top:3px;
}

div.view-researchexternal-subdepartment div.views-row:hover,
div.view-research-subdepartment div.views-row:hover
{
    background:#ddd;
}

.listing-grid .views-field-field-image-fid {
    float: left;
    margin: 3px 0 10px -138px;
}

/*The research subdepartment is a clickableBlock, so needs slightly different margins so as the hover looks nice */
.view-researchexternal-subdepartment .views-field-field-image-fid{
    float: left;
    margin: 3px 0 10px -127px;
}

.view-research-subdepartment .views-field-field-image-fid{
    float: left;
    margin: 3px 0 10px -127px;
}

#content .listing-main .views-field-title a
{
    color: #d31245;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4em;
    margin-top: 3px;
    margin-bottom: 5px;
    text-decoration: none;
}

#content .listing-main .views-field-title a:hover
{
    text-decoration: underline;
}

.clearboth
{
    display: block;
    clear:both;
}

.fullstorylink a,
a.fullstorylink
{
    font-weight: bold;
    text-decoration: none;
    background-image: url("images/read-more-arrow.gif");
    background-position: right;
    background-repeat: no-repeat;
    color: #555;
    font-size: 1.25em;
    font-weight: bold;
    padding-right: 10px;
    text-decoration: none;
}

.fullstorylink a:hover,
a.fullstorylink:hover
{
    color: #D31245;
}

/****************************************************************************
 * Image Galleries
 ***************************************************************************/
.galleria_wrapper img
{
    display: block;
}

.galleria_container .caption
{
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px 0 20px 0;
    text-align: left;
}


.submitted
{
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    margin-top: 20px;
    padding: 0 3px;
}

.submitted a
{
    text-decoration: underline;
}

/****************************************************************************
 * Front page blocks
 * *************************************************************************/


.home-column div.views-field-title .field-content a
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
}

.home-column li.views-row{
    clear:both;
    list-style-type:none;
}

.home-column li.views-row{
    margin:0;
}

.home-column div.views-row p
{
    margin-bottom:5px;
}

.home-column .views-field-created, .views-field-field-date-value2 {
    margin-top:5px;
    color:#555;
}

.views-field-created {
    color: #555;
    margin-bottom: 4px;
}

.inline-clear {
    clear: both;
    display: block;
}

/* Hack for Linux systems overflowing in inputs */
input
{
    font-family:Arial,Helvetica,Verdana,Tahoma,sans-serif;
    font-size:12px;
}

/* <hr> */
hr
{
    background: #ccc;
    border: none;
    color: #ccc;
    height: 1px;
    margin: 19px 0;
}

/* BUEditor dropdowns */
.bue-popup-body {
    background-color: #ededed !important;
}

a.choice-link {
    background-color: #fff !important;
    border: 1px solid #ddd;
    color: #002149 !important;
    display: block;
    font-size: 1.5em;
    padding: 4px;
    text-align: center;
}

a.choice-link:hover,
a.choice-link:hover * {
    background-color: #CF013A !important;
    color: #fff !important;
}

a.choice-link.symbol {
    width: 20px;
}

/* Masquerade block */
.block-masquerade {
    background: #dae2eb;
    border: 1px solid #b1c3d4;
    clear: both;
    color: #002046;
    margin: 19px 0 0 0;
    padding: 5px 9px;
}

.block-masquerade h2,
.block-masquerade form,
.block-masquerade div,
.block-masquerade ul,
.block-masquerade .item-list ul li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

.block-masquerade h2 {
    font-size: 12px;
    letter-spacing: 0;
    margin-right: 5px;
}

.block-masquerade input.form-text {
    width: 200px;
}

.block-masquerade div.description {
    display: block;
}

.block-masquerade .item-list ul li {
    margin-left: 3px;
}

/**
 * Node edit form
 */

/* The hidetitle input should hug the inputs above it and
 * shun those below it
 */
#edit-field-hidetitle-value-wrapper {
    margin-top:0;
    margin-bottom:2em;
}

/* Tidy up the LDAP contact search box */
.two-col-blocks .block.block-ldapdirectory h2 {
    padding-bottom: 0;
}

.imagecache-profile_image{
    float:left;
}

.profile-content{
    padding-top:4px;
}

/* For tabbed browsing (currently used for user profiles) */

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

.min-profile-title-height{min-height:123px;}

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

#user-login-form input.form-text
{
    width: 276px;
}

.one-col #user-login-form
{
    padding-bottom: 15px;
}

.one-col #user-login-form input.form-text
{
    width: 137px;
}

.two-col-blocks #user-login-form .form-item
{
    margin-top: 0;
}

/* Fieldsets */
fieldset
{
    border: 1px solid #ddd;
}

fieldset legend
{
    border: 1px solid #ccc;
    color: #D31245;
    font-weight: bold;
    padding: 2px 7px 1px 7px;
}

fieldset.collapsible legend
{
    padding: 0;
}

#content fieldset legend a
{
    color: #D31245;
    padding: 2px 7px 1px 15px;
    text-decoration: none;
}

#content fieldset.collapsed legend a
{
    color: #002147;
}

#content div.researchgrid-links
{
    padding-bottom:10px;
    float:right;
    margin-top: -34px;
}
#content div.researchgrid-links ul
{
    float:none;
    display:block;
}

#content div.researchgrid-links li
{
    float:none;
    display:inline;
    margin: 0;
    padding: 6px 0 6px 10px;
}

#content div.researchgrid-links li a
{
    float:none;
    padding: 3px 5px;
    border: 1px solid #ddd;
}

/* People block */
/*
div.middle-right div.block-walloffaces,
div.middle-right div.block-walloffaces:last-child
{
    border: none;
}

div.middle-right div.block-walloffaces h2
{
    background: #ededed;
    border: 1px solid #ddd;
    font-size: 30px;
    margin: 0;
    padding: 10px;
}

div.middle-right div.block-walloffaces ul
{
    margin-top: 10px;
}
*/

div.middle-right div.block-walloffaces,
div.middle-right div.block-walloffaces:last-child
{
    border-bottom: none;
}

div.middle-right div.block-walloffaces h2
{
    margin-bottom: 15px;
}

div.middle-right div.block-walloffaces ul
{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
}

div.middle-right div.block-walloffaces li
{
    padding: 7px 0;
}

div.middle-right div.block-walloffaces li:hover
{
    outline: none;
}

div.middle-right div.block-walloffaces a
{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

div.middle-right div.block-walloffaces li:hover a
{
    color: #d31245;
}

/* Wall of faces - filters */
div.walloffaces-filters
{
    background: #ededed;
    border: 1px solid #ddd;
    margin-bottom: 14px;
    padding: 5px;
}

div.walloffaces-filters ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div.walloffaces-filters li
{
    float: left;
    margin-right: 4px;
}

#content div.walloffaces-filters li a
{
    background: #fff;
    color: #002147;
    float: left;
    padding: 4px 10px;
    text-decoration: none;
}

#content div.walloffaces-filters li.selected a
{
    color: #d31245;
}

/* Wall of faces */
ul.walloffaces
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 969px; /* 11px bigger than container to allow for right column margins */
}

ul.walloffaces li
{
    float: left;
    margin-right: 11px;
    margin-bottom: 11px;
    width: 110px;
}

div.walloffaces-image img
{
    display: block;
}

div.walloffaces-name
{
    background: #ededed;
    border: 1px solid #ddd;
}

#content div.walloffaces-name a
{
    color: #666;
    display: block;
    height: 56px; /* up to 3 lines of text */
    padding: 3px 6px;
    text-decoration: none;
}

/* Wall of faces - 4 col version (e.g. Subdepartments) */
.four-col ul.walloffaces
{
    width: 643px; /* 11px bigger than container to allow for right column margins */
}

/* Unpublished nodes - remove Drupal default style */
.node-unpublished
{
    background-color: transparent;
}