/*
    Document   : pdbe_main
    Created on : 04-Feb-2014, 11:31:21
    Author     : glen
    Description:
        Purpose of the stylesheet follows.
*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1.000%;
    margin-right: 1.000%; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0; }

.omega {
    margin-right: 0; }

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_pdbe.alpha, .container_pdbe.omega {
    width: 100.000%; }
.container_pdbe.alpha.omega {
    width: 100.000%; }
.container_pdbe .grid_1 {
    width: 2.167%; }
.container_pdbe .grid_1.alpha, .container_pdbe .grid_1.omega {
    width: 3.167%; }
.container_pdbe .grid_1.alpha.omega {
    width: 4.167%; }
.container_pdbe.grid_1 {
    width: 2.167%; }
.container_pdbe .grid_2 {
    width: 6.333%; }
.container_pdbe .grid_2.alpha, .container_pdbe .grid_2.omega {
    width: 7.333%; }
.container_pdbe .grid_2.alpha.omega {
    width: 8.333%; }
.container_pdbe.grid_2 {
    width: 6.333%; }
.container_pdbe .grid_3 {
    width: 10.500%; }
.container_pdbe .grid_3.alpha, .container_pdbe .grid_3.omega {
    width: 11.500%; }
.container_pdbe .grid_3.alpha.omega {
    width: 12.500%; }
.container_pdbe.grid_3 {
    width: 10.500%; }
.container_pdbe .grid_4 {
    width: 14.667%; }
.container_pdbe .grid_4.alpha, .container_pdbe .grid_4.omega {
    width: 15.667%; }
.container_pdbe .grid_4.alpha.omega {
    width: 16.667%; }
.container_pdbe.grid_4 {
    width: 14.667%; }
.container_pdbe .grid_5 {
    width: 18.833%; }
.container_pdbe .grid_5.alpha, .container_pdbe .grid_5.omega {
    width: 19.833%; }
.container_pdbe .grid_5.alpha.omega {
    width: 20.833%; }
.container_pdbe.grid_5 {
    width: 18.833%; }
.container_pdbe .grid_6 {
    width: 23.000%; }
.container_pdbe .grid_6.alpha, .container_pdbe .grid_6.omega {
    width: 24.000%; }
.container_pdbe .grid_6.alpha.omega {
    width: 25.000%; }
.container_pdbe.grid_6 {
    width: 23.000%; }
.container_pdbe .grid_7 {
    width: 27.167%; }
.container_pdbe .grid_7.alpha, .container_pdbe .grid_7.omega {
    width: 28.167%; }
.container_pdbe .grid_7.alpha.omega {
    width: 29.167%; }
.container_pdbe.grid_7 {
    width: 27.167%; }
.container_pdbe .grid_8 {
    width: 31.333%; }
.container_pdbe .grid_8.alpha, .container_pdbe .grid_8.omega {
    width: 32.333%; }
.container_pdbe .grid_8.alpha.omega {
    width: 33.333%; }
.container_pdbe.grid_8 {
    width: 31.333%; }
.container_pdbe .grid_9 {
    width: 35.500%; }
.container_pdbe .grid_9.alpha, .container_pdbe .grid_9.omega {
    width: 36.500%; }
.container_pdbe .grid_9.alpha.omega {
    width: 37.500%; }
.container_pdbe.grid_9 {
    width: 35.500%; }
.container_pdbe .grid_10 {
    width: 39.667%; }
.container_pdbe .grid_10.alpha, .container_pdbe .grid_10.omega {
    width: 40.667%; }
.container_pdbe .grid_10.alpha.omega {
    width: 41.667%; }
.container_pdbe.grid_10 {
    width: 39.667%; }
.container_pdbe .grid_11 {
    width: 43.833%; }
.container_pdbe .grid_11.alpha, .container_pdbe .grid_11.omega {
    width: 44.833%; }
.container_pdbe .grid_11.alpha.omega {
    width: 45.833%; }
.container_pdbe.grid_11 {
    width: 43.833%; }
.container_pdbe .grid_12 {
    width: 48.000%; }
.container_pdbe .grid_12.alpha, .container_pdbe .grid_12.omega {
    width: 49.000%; }
.container_pdbe .grid_12.alpha.omega {
    width: 50.000%; }
.container_pdbe.grid_12 {
    width: 48.000%; }
.container_pdbe .grid_13 {
    width: 52.167%; }
.container_pdbe .grid_13.alpha, .container_pdbe .grid_13.omega {
    width: 53.167%; }
.container_pdbe .grid_13.alpha.omega {
    width: 54.167%; }
.container_pdbe.grid_13 {
    width: 52.167%; }
.container_pdbe .grid_14 {
    width: 56.333%; }
.container_pdbe .grid_14.alpha, .container_pdbe .grid_14.omega {
    width: 57.333%; }
.container_pdbe .grid_14.alpha.omega {
    width: 58.333%; }
.container_pdbe.grid_14 {
    width: 56.333%; }
.container_pdbe .grid_15 {
    width: 60.500%; }
.container_pdbe .grid_15.alpha, .container_pdbe .grid_15.omega {
    width: 61.500%; }
.container_pdbe .grid_15.alpha.omega {
    width: 62.500%; }
.container_pdbe.grid_15 {
    width: 60.500%; }
.container_pdbe .grid_16 {
    width: 64.667%; }
.container_pdbe .grid_16.alpha, .container_pdbe .grid_16.omega {
    width: 65.667%; }
.container_pdbe .grid_16.alpha.omega {
    width: 66.667%; }
.container_pdbe.grid_16 {
    width: 64.667%; }
.container_pdbe .grid_17 {
    width: 68.833%; }
.container_pdbe .grid_17.alpha, .container_pdbe .grid_17.omega {
    width: 69.833%; }
.container_pdbe .grid_17.alpha.omega {
    width: 70.833%; }
.container_pdbe.grid_17 {
    width: 68.833%; }
.container_pdbe .grid_18 {
    width: 73.000%; }
.container_pdbe .grid_18.alpha, .container_pdbe .grid_18.omega {
    width: 74.000%; }
.container_pdbe .grid_18.alpha.omega {
    width: 75.000%; }
.container_pdbe.grid_18 {
    width: 73.000%; }
.container_pdbe .grid_19 {
    width: 77.167%; }
.container_pdbe .grid_19.alpha, .container_pdbe .grid_19.omega {
    width: 78.167%; }
.container_pdbe .grid_19.alpha.omega {
    width: 79.167%; }
.container_pdbe.grid_19 {
    width: 77.167%; }
.container_pdbe .grid_20 {
    width: 81.333%; }
.container_pdbe .grid_20.alpha, .container_pdbe .grid_20.omega {
    width: 82.333%; }
.container_pdbe .grid_20.alpha.omega {
    width: 83.333%; }
.container_pdbe.grid_20 {
    width: 81.333%; }
.container_pdbe .grid_21 {
    width: 85.500%; }
.container_pdbe .grid_21.alpha, .container_pdbe .grid_21.omega {
    width: 86.500%; }
.container_pdbe .grid_21.alpha.omega {
    width: 87.500%; }
.container_pdbe.grid_21 {
    width: 85.500%; }
.container_pdbe .grid_22 {
    width: 89.667%; }
.container_pdbe .grid_22.alpha, .container_pdbe .grid_22.omega {
    width: 90.667%; }
.container_pdbe .grid_22.alpha.omega {
    width: 91.667%; }
.container_pdbe.grid_22 {
    width: 89.667%; }
.container_pdbe .grid_23 {
    width: 93.833%; }
.container_pdbe .grid_23.alpha, .container_pdbe .grid_23.omega {
    width: 94.833%; }
.container_pdbe .grid_23.alpha.omega {
    width: 95.833%; }
.container_pdbe.grid_23 {
    width: 93.833%; }
.container_pdbe .grid_24 {
    width: 100.000%;
    margin-left: 0;
    margin-right: 0; }
.container_pdbe .grid_24.alpha {
    width: 99.000%;
    margin-left: 1%; }
.container_pdbe .grid_24.omega {
    width: 99.000%;
    margin-right: 1%; }
.container_pdbe .grid_24.alpha.omega {
    width: 98.000%;
    margin-left: 1%;
    margin-right: 1%; }
.container_pdbe.grid_24 {
    width: 100.000%; }
.container_pdbe .prefix_1 {
    padding-left: 4.167%; }
.container_pdbe .prefix_2 {
    padding-left: 8.333%; }
.container_pdbe .prefix_3 {
    padding-left: 12.500%; }
.container_pdbe .prefix_4 {
    padding-left: 16.667%; }
.container_pdbe .prefix_5 {
    padding-left: 20.833%; }
.container_pdbe .prefix_6 {
    padding-left: 25.000%; }
.container_pdbe .prefix_7 {
    padding-left: 29.167%; }
.container_pdbe .prefix_8 {
    padding-left: 33.333%; }
.container_pdbe .prefix_9 {
    padding-left: 37.500%; }
.container_pdbe .prefix_10 {
    padding-left: 41.667%; }
.container_pdbe .prefix_11 {
    padding-left: 45.833%; }
.container_pdbe .prefix_12 {
    padding-left: 50.000%; }
.container_pdbe .prefix_13 {
    padding-left: 54.167%; }
.container_pdbe .prefix_14 {
    padding-left: 58.333%; }
.container_pdbe .prefix_15 {
    padding-left: 62.500%; }
.container_pdbe .prefix_16 {
    padding-left: 66.667%; }
.container_pdbe .prefix_17 {
    padding-left: 70.833%; }
.container_pdbe .prefix_18 {
    padding-left: 75.000%; }
.container_pdbe .prefix_19 {
    padding-left: 79.167%; }
.container_pdbe .prefix_20 {
    padding-left: 83.333%; }
.container_pdbe .prefix_21 {
    padding-left: 87.500%; }
.container_pdbe .prefix_22 {
    padding-left: 91.667%; }
.container_pdbe .prefix_23 {
    padding-left: 95.833%; }
.container_pdbe .prefix_24 {
    padding-left: 100.000%; }
.container_pdbe .suffix_1 {
    padding-right: 4.167%; }
.container_pdbe .suffix_2 {
    padding-right: 8.333%; }
.container_pdbe .suffix_3 {
    padding-right: 12.500%; }
.container_pdbe .suffix_4 {
    padding-right: 16.667%; }
.container_pdbe .suffix_5 {
    padding-right: 20.833%; }
.container_pdbe .suffix_6 {
    padding-right: 25.000%; }
.container_pdbe .suffix_7 {
    padding-right: 29.167%; }
.container_pdbe .suffix_8 {
    padding-right: 33.333%; }
.container_pdbe .suffix_9 {
    padding-right: 37.500%; }
.container_pdbe .suffix_10 {
    padding-right: 41.667%; }
.container_pdbe .suffix_11 {
    padding-right: 45.833%; }
.container_pdbe .suffix_12 {
    padding-right: 50.000%; }
.container_pdbe .suffix_13 {
    padding-right: 54.167%; }
.container_pdbe .suffix_14 {
    padding-right: 58.333%; }
.container_pdbe .suffix_15 {
    padding-right: 62.500%; }
.container_pdbe .suffix_16 {
    padding-right: 66.667%; }
.container_pdbe .suffix_17 {
    padding-right: 70.833%; }
.container_pdbe .suffix_18 {
    padding-right: 75.000%; }
.container_pdbe .suffix_19 {
    padding-right: 79.167%; }
.container_pdbe .suffix_20 {
    padding-right: 83.333%; }
.container_pdbe .suffix_21 {
    padding-right: 87.500%; }
.container_pdbe .suffix_22 {
    padding-right: 91.667%; }
.container_pdbe .suffix_23 {
    padding-right: 95.833%; }
.container_pdbe .suffix_24 {
    padding-right: 100.000%; }
.container_pdbe .push_1 {
    left: 4.167%; }
.container_pdbe .push_2 {
    left: 8.333%; }
.container_pdbe .push_3 {
    left: 12.500%; }
.container_pdbe .push_4 {
    left: 16.667%; }
.container_pdbe .push_5 {
    left: 20.833%; }
.container_pdbe .push_6 {
    left: 25.000%; }
.container_pdbe .push_7 {
    left: 29.167%; }
.container_pdbe .push_8 {
    left: 33.333%; }
.container_pdbe .push_9 {
    left: 37.500%; }
.container_pdbe .push_10 {
    left: 41.667%; }
.container_pdbe .push_11 {
    left: 45.833%; }
.container_pdbe .push_12 {
    left: 50.000%; }
.container_pdbe .push_13 {
    left: 54.167%; }
.container_pdbe .push_14 {
    left: 58.333%; }
.container_pdbe .push_15 {
    left: 62.500%; }
.container_pdbe .push_16 {
    left: 66.667%; }
.container_pdbe .push_17 {
    left: 70.833%; }
.container_pdbe .push_18 {
    left: 75.000%; }
.container_pdbe .push_19 {
    left: 79.167%; }
.container_pdbe .push_20 {
    left: 83.333%; }
.container_pdbe .push_21 {
    left: 87.500%; }
.container_pdbe .push_22 {
    left: 91.667%; }
.container_pdbe .push_23 {
    left: 95.833%; }
.container_pdbe .push_24 {
    left: 100.000%; }
.container_pdbe .pull_1 {
    left: -4.167%; }
.container_pdbe .pull_2 {
    left: -8.333%; }
.container_pdbe .pull_3 {
    left: -12.500%; }
.container_pdbe .pull_4 {
    left: -16.667%; }
.container_pdbe .pull_5 {
    left: -20.833%; }
.container_pdbe .pull_6 {
    left: -25.000%; }
.container_pdbe .pull_7 {
    left: -29.167%; }
.container_pdbe .pull_8 {
    left: -33.333%; }
.container_pdbe .pull_9 {
    left: -37.500%; }
.container_pdbe .pull_10 {
    left: -41.667%; }
.container_pdbe .pull_11 {
    left: -45.833%; }
.container_pdbe .pull_12 {
    left: -50.000%; }
.container_pdbe .pull_13 {
    left: -54.167%; }
.container_pdbe .pull_14 {
    left: -58.333%; }
.container_pdbe .pull_15 {
    left: -62.500%; }
.container_pdbe .pull_16 {
    left: -66.667%; }
.container_pdbe .pull_17 {
    left: -70.833%; }
.container_pdbe .pull_18 {
    left: -75.000%; }
.container_pdbe .pull_19 {
    left: -79.167%; }
.container_pdbe .pull_20 {
    left: -83.333%; }
.container_pdbe .pull_21 {
    left: -87.500%; }
.container_pdbe .pull_22 {
    left: -91.667%; }
.container_pdbe .pull_23 {
    left: -95.833%; }
.container_pdbe .pull_24 {
    left: -100.000%; }

.nopad {
    padding: 0px; }

.atm a{border:none;}
.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;list-style-image:none;}
.ui-menu .ui-menu-item{margin:5px 0 0 0;padding:0;zoom:1;float:left;clear:left;width:100%;border-bottom: 0px dotted #999 !important;}
.ui-menu .ui-menu-item a{
	/*text-decoration:none;display:block;padding:2px 4px;line-height:1.5;zoom:1;*/
	display:inline-block;
	font-size: 11.5px !important;
    border-bottom: 1px dotted #999 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #232323 !important;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 8px;
    width:94%;
}
.ui-menu .ui-menu-item a:hover{
	display:inline-block;
	font-size: 11.5px !important;
	border-top: 0px dotted #999 !important;
    border-left: 0px dotted #999 !important;
    border-right: 0px dotted #999 !important;
    border-bottom: 1px dotted #999 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #232323 !important;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 8px !important;
    background: rgba(115, 179, 96, 0.2) !important;
    width:94%;
    margin:0 0 0 0 !important;
}
.ui-widget-content{color:#222;border:1px solid #AAA;background:white;color:#222;}
.ui-tooltip{border-width:2px !important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:white;color:#222;font-family:Verdana,Arial,sans-serif;font-size:1.1em;padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #AAA;box-shadow:0 0 5px #AAA;word-wrap:break-word;}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active{
	/*font-weight:normal;margin:-1px 0 -1px 0 !important;*/
	display:inline-block;
	font-size: 11.5px !important;
    border-top: 0px dotted #999 !important;
    border-left: 0px dotted #999 !important;
    border-right: 0px dotted #999 !important;
    border-bottom: 1px dotted #999 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #232323 !important;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 8px !important;
    background: rgba(115, 179, 96, 0.2) !important;
    width:94%;
    margin:0 0 0 0 !important;
}
.pdbe_search_autocomplete div[data-type="category"]  div[data-type="column"]:last-child a {
	border-bottom: 0px dotted #999 !important;
}
.ui-helper-hidden-accessible{position:absolute !important;clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

.pdbe_search_autocomplete{
	font-family: Helvetica, Arial, FreeSans, "Liberation Sans", sans-serif !important;
	left:19% !important;z-index:9999;width:70% !important;max-width:1600px;margin:0 auto !important;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;list-style:none;float:left;display:block;position:absolute;cursor:default;border:1px solid #AAA;background:white;color:#222;font-family:Verdana,Arial,sans-serif;font-size:85%;outline:none;
	}
.pdbe_search_autocomplete div[data-type="category"]{
	margin-bottom:10px;
	border: 1px solid rgba(115, 179, 96, 5) !important;
	margin: 5px;
    padding: 5px;
 }
 .pdbe_search_autocomplete .categoryHeading{
	font-size:16px;
	border: 1px solid rgb(115, 179, 96) !important;
    background: rgba(115, 179, 96, 1);
    color: #fff;
    height: 20px;
    padding: 5px 10px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.pdbe_search_autocomplete .truncate-text{
    width:74%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-block;
    white-space: nowrap;
}
.pdbe_search_autocomplete .item_count{float:right;}
.pdbe_search_autocomplete .ui-widget{font-size:90%;background:white;}
.pdbe_search_autocomplete .item_count{float:right;}
.pdbe_search_autocomplete .ui-state-focus{background-image:none;}
.pdbe_search_autocomplete div[data-type='category']{margin-bottom:10px;}
.pdbe_search_autocomplete .hover,
.pdbe_search_autocomplete .ui-widget-content .ui-state-hover,
.pdbe_search_autocomplete .ui-widget-header .ui-state-hover,
.pdbe_search_autocomplete .ui-state-focus,
.pdbe_search_autocomplete .ui-widget-content .ui-state-focus,
.pdbe_search_autocomplete .ui-widget-header .ui-state-focus{border:1px solid #999;background:#DADADA;font-weight:normal;color:#212121;padding:.2em .3em;}
/*.pdbe_search_autocomplete .ui-menu-item a.ui-state-focus,
.pdbe_search_autocomplete .ui-menu-item a.ui-state-active{margin:-1px 0 0 0 !important;padding:2px 3px;}*/
.expanded .result_content{
    /*min-height:200px;*/
    height:100%;
    width:100%;
}

.data-hidden{
    display: none !important;
}
.pdbe_search_autocomplete .more_controller {
	width: 95%;
    text-align: right;
    font-weight: bold;
    padding: 5px 0;
}
.pdbe_search_autocomplete {
    left: auto !important;
    z-index: 9999;
    width: 96% !important;
    max-width: 1600px;
    margin: 0 auto !important;
}
/*Perhaps it's better to add category class to div with data-type='category'*/
.pdbe_search_autocomplete div[data-type="category"]:nth-child(4n+1) {
    clear: left;
}

/*=====================================================================*/
/* a class is set on body tag by Drupal spcifically for PDBe.

We use this class (subsite-pdbe) in the same way we use the class section-pdbe
in the atlas pages to write specific media queries that help to make the pages
responsive

*/

@media only screen and (max-width: 639px) {
    /* 480 =================================================== */
    body {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #intro h3 {
        padding: 0;
        font-size: 131%;
    }
    .subsite-pdbe .reset_auto {
        width: auto !important;
        float: none;
    }
    .subsite-pdbe .reset_100 {
        width: 98% !important;
        margin: inherit 1% !important;
        clear: both;
    }
    .subsite-pdbe .reset_80 {
        width: 78% !important;
        margin: 0 1% !important;
        clear: both;
    }
    .subsite-pdbe .reset_66 {
        width: 64.667% !important;
        margin: 0 1% !important;
        clear: both;
    }
    .subsite-pdbe .reset_50 {
        width: 48% !important;
        margin: 0 1% !important;
        clear: both;
    }
    .subsite-pdbe .reset_33 {
        width: 31.333% !important;
        margin: 0 1% !important;
        clear: both;
    }
    .subsite-pdbe .reset_20 {
        width: 18% !important;
        margin: 0 1% !important;
        clear: both;
    }
    #global-nav {
        display: none;
    }
/*    .subsite-pdbe .responsive_hide {
        display: none !important;
        visibility: hidden !important;
    }
    .subsite-pdbe .responsive_show {
        display: block !important;
        visibility: visible !important;
    }*/
    body.subsite-pdbe #mobile-menu {
        background: none;
        background-color: white;
        display: inline-block;
        margin: 0px;
        position: absolute;
        right: 2%;
        width: auto;
        top: 0.4em;
        font-size: 11pt;
        line-height: 1.1;
        vertical-align: bottom;
        border: 1px solid #666;
        padding: 1px 2px 3px 3px;
        border-radius: 5px;
        cursor: pointer;
    }
    div#local-masthead ul {
margin-top: 0px;
}
    body.subsite-pdbe #mobile-menu img {
        margin: 0
    }

    body.subsite-pdbe .local-search-form,
    body.subsite-pdbe .local-search-form #local-search fieldset {
        margin: 0 !important;
        width: 100% !important;
        border:0;
        padding: 0;
    }
    div#local-search form fieldset div.left,
    form#local-search fieldset div.left {
        width: 77%;
        float: left;
        margin: 1%;
    }
    div#local-search form fieldset div.right,
    form#local-search fieldset div.right {
        width: 21%;
    }
    body.subsite-pdbe .local-search-form #local-search {
        padding: 0;
    }
    body.subsite-pdbe .ebi-menu-icon {
        text-indent: inherit;
        vertical-align: middle;
        position: relative;
        margin: 0;
        left: 0;
        top: 0;
        float: right;
        font-weight: bold;
        line-height: 0.6em;
    }

    body.subsite-pdbe .ebi-menu-icon.icon-functional:before,
    body.subsite-pdbe .ebi-menu-icon.icon-generic:before,
    body.subsite-pdbe .ebi-menu-icon.icon-socialmedia:before,
    body.subsite-pdbe .ebi-menu-icon.icon-species:before {
        color: #333333;
        vertical-align: middle;
    }

/*    body.subsite-pdbe div#local-masthead nav {
        display: none; }*/
    body.subsite-pdbe div#local-title {
        width: 100%;
        margin: 0;
        display: block;
        background-color: rgba(216, 229, 216, 0.8);
    }
    body.subsite-pdbe div#local-title a {
        width: 32px;
        margin: 4px;
        display: block; }
    body.subsite-pdbe div#local-title span {
        width: 88%;
        margin: 0;
        display: block; }
    body.subsite-pdbe div#local-title img {
        margin: 1%;
        width: 100%;
        height: 100%; }
    body.subsite-pdbe div#local-title p {
        font-size: 100%;
        padding: 1%; }
    body.subsite-pdbe div#local-title {
        margin-top: auto;
    }
    body.subsite-pdbe div#local-title.logo-title-strapline h1 {
        font-size: 200%;
        width: 100%;
        display: block;
        margin: 0.4em 0 0 0;
        padding: 0 0 0 1%;
        white-space: nowrap;
        line-height: 0.5; }
    body.subsite-pdbe div#local-title.logo-title-strapline br {
        display: none; }

    body.subsite-pdbe .pdbe-intro-image {
        float: none;
        clear: both;
    }
    body.subsite-pdbe .pdbe-content,
    body.subsite-pdbe .pdbe-quick-info,
    body.subsite-pdbe .moved-from-top,
    body.subsite-pdbe .entry-content-left,
    body.subsite-pdbe .entry-content-right,
    body.subsite-pdbe .pdbe-intro-title,
    body.subsite-pdbe .pdbe-intro-method,
    body.subsite-pdbe .pdbe-intro-resolution,
    body.subsite-pdbe .pdbe-ligand-interaction,
    body.subsite-pdbe .pdbe-intro-citation {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        left: 0%; }
    body.subsite-pdbe .pdbe-quick-info.move-to-bottom {
        display: none;
    }
    body.subsite-pdbe .moved-from-top {
        display: block;
    }
    body.subsite-pdbe .pdbe-intro-citation .citation-doi {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        left: 0%; }
    body.subsite-pdbe .pdbe-intro-citation .citation-reference {
        width: 98%;
        text-align: left; }
    body.subsite-pdbe .entry-breadcrumb h2 {
        margin: 9px 0 0 0;
        padding: 0 5px;
        font-size: 167%;
    }
    body.subsite-pdbe .sequence_summary,
    body.subsite-pdbe .sequence_summary_label_right,
    body.subsite-pdbe .sequence_summary_label_left {
        margin-top: 9px;
        margin-bottom: 5px;
        font-weight: bold;
        font-family: monospace;
    }

    body.subsite-pdbe .sequence_summary_label_right {
        text-align: left;
        margin-left: 0;
    }
    body.subsite-pdbe .sequence_summary_label_left {
        text-align: right;
        margin-right: 0;
    }

    body.subsite-pdbe .sequence_summary .pdbseqview_leftlabelcol,
    body.subsite-pdbe .sequence_summary .pdbseqview_rightlabelcol,
    body.subsite-pdbe .sequence_summary br {
        display: none;
    }
    body.subsite-pdbe .pdbe_quick_related_reviews ul:first-of-type {
        margin: 0;
    }

    .ui-tooltip {
        word-wrap: break-word;
    }

}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
    /* 480 =================================================== */
    body.subsite-pdbe div#local-title {
        font-size: 85%;
    }
    body.subsite-pdbe div#local-title a img {
        width: 10%;
        height: 10%;
        margin: 1%;
        display: block;
    }
    body.subsite-pdbe .pdbe-content .pdbe-topic h4 {
        border-bottom: 1px solid #b3b3b3;
        width: 95%;
        display: block;
        font-size: 150%;
    }
    div#local-search form fieldset div.left,
    form#local-search fieldset div.left {
        width: 77%;
        margin-right: 2%;
        float: left;
    }
    div#local-search form fieldset div.right,
    form#local-search fieldset div.right {
        width: 21%;
    }
}
@media only screen and (min-width: 640px) and (max-width: 959px) {
    /* 480 =================================================== */

/*    .subsite-pdbe .responsive_hide {
        display: none !important;
        visibility: hidden !important;
    }
    .subsite-pdbe .responsive_show {
        display: block !important;
        visibility: visible !important;
    }*/
    body.subsite-pdbe div#local-title {
        font-size: 70%;
        width: 60%;
        margin-top: 1.5em;
    }
    body.subsite-pdbe div#local-title p,
    body.subsite-pdbe div#local-title br {
        display: none;
    }
    body.subsite-pdbe div#local-title h1 {
        padding-right: 0;
    }
    body.subsite-pdbe .local-search-form {
        width: 38% !important;
    }
    div#local-search form fieldset,
    form#local-search fieldset {
        padding-right: 0.3em;
    }
    body.subsite-pdbe div#local-title a img {
        width: 32px;
        height: 32px;
        margin: 1%;
        display: block;
    }
    body.subsite-pdbe .pdbe-content .pdbe-topic h4 {
        border-bottom: 1px solid #b3b3b3;
        width: 95%;
        display: block;
        font-size: 150%;
    }
    div#local-search form fieldset div.left,
    form#local-search fieldset div.left {
        width: 82%;
        margin-right: 1%;
        float: left;
    }
    div#local-search form fieldset div.right,
    form#local-search fieldset div.right {
        width: 32px;
        height: 32px;
    }
    form#local-search fieldset .right span.search-icon:after {
        color: #fff;
        display: inline;
        position: relative;
        left: 1px;
        top: -21px;
        cursor: pointer;
        font-family: 'EBI-Functional';
        font-size: 100%;
        content: attr(data-icon);
    }
    div#local-search form fieldset input.form-submit,
    div#local-search form fieldset input.submit,
    form#local-search fieldset input.submit {
        max-width: 24px;
        height: 24px;
        color: transparent;
        overflow: hidden;
        text-shadow: none;
    }



    body.subsite-pdbe .pdbe-content {
        font-size: 12px;
    }
    body.subsite-pdbe .pdbe-content,
    body.subsite-pdbe .pdbe-quick-info,
    body.subsite-pdbe .moved-from-top,
    body.subsite-pdbe .pdbe-intro-title,
    body.subsite-pdbe .pdbe-intro-method,
    body.subsite-pdbe .pdbe-intro-resolution,
    body.subsite-pdbe .pdbe-ligand-interaction,
    body.subsite-pdbe .pdbe-intro-citation {
        width: 98% !important;
        margin-left: 1%;
        margin-right: 1%;
        left: 0%; }

    body.subsite-pdbe #mobile-menu {
        background: none;
        background-color: white;
        display: inline-block;
        margin: 0px;
        position: absolute;
        right: 2%;
        width: auto;
        top: 0.4em;
        font-size: 11pt;
        line-height: 1.1;
        vertical-align: bottom;
        border: 1px solid #666;
        padding: 1px 2px 3px 3px;
        border-radius: 5px;
        cursor: pointer;
        z-index: 100;
    }
    body.subsite-pdbe #mobile-menu img {
        margin: 0
    }

}
@media only screen and (max-width: 1382px) {
    /* 1382 =================================================== */
    body {
        max-width: 1600px;
        margin: 0 auto; }
}
div#local-search form fieldset, form#local-search fieldset {
    padding: 0.5em 0.2em 0.5em 0.3em !important;
}
div#local-search form fieldset div.left, form#local-search fieldset div.left{
    width: 78% !important;
}
div#local-search form fieldset div.right, form#local-search fieldset div.right {
    width: 20% !important;
}


