/** Add css rules here for your application. */
.molecularSectionPanelHeading {
    font-size: 13px;
}

.molecularMainSectionPanel {
    margin-bottom: 10px;
}

.molecularMainSectionPanelTitleBar {
    //-moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #D3DEF6 url("images/hborder.png") repeat-x scroll 0 -989px;
    border-color: #BBBBBB #BBBBBB -moz-use-text-color;

    border-width: 1px 1px 0;
    font-weight: bold;
    padding: 3px;
}

.molecularMainSectionPanelContent {
    background: white none repeat scroll 0 0;
    border: 1px none #BBBBBB;
    border-top: solid #BBB;
    border-bottom: 0 -moz-use-text-color;
    /*padding: 20px 20px 20px 20px;*/
}

.filterTitle{
    height: 35px;
    vertical-align: top;
    font-weight: bold;

}

.filterSearchBox{
    width: 99%;
    border: 1px solid #ccc;
    background-image:url('images/icons/Search16.png');
    background-repeat:no-repeat;
    background-position: right;
    background-size: 26px 26px;

}

.filterListBox{
    font-family: sans-serif;
    border: 1px solid #ccc;
}

.facetListBox{
    color: rgba(21, 22, 24, 0.94);
    #font-family: sans-serif;
    font-size: 12px;
    border: 1px solid #ccc;
    margin-top: 3px;
    overflow: hidden;
}

#sizeRangePanel .label {
    font-size: 10pt;
    color: black;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#sizeRangePanel .labelContent {
    font-size: 10pt;
    margin-left: 0.5em;
    color: #f00000;
}

.searchCheckBoxListItemChecked{
    font-weight:bold;
    color: cornflowerblue;
}

.searchCheckBoxListItemDisabled{
    color: darkgrey;
}

.showMarkersDisabled{
    color: darkgrey;
}

.noPublicationLabel{
    color: red;
    font-size: large;
    margin-top: 20px;
    margin-left: 20px;
}

.k13Table{
    margin-right: 10%;
    margin-left: 10%;
    margin-top: 10px;

}

.headerButtons{
    position: absolute;
    right: 2%;
    bottom: 2%;

}

.wwarnheader {
    height: 190px;
}

.rightMargin{
    margin-right: 3px;
}

.pubTable{
    /*height:300px;*/
    overflow-y:auto;
    display:block;
    width: 680px !important;
}

.pubTable td{
    width: 49%;
    height: 30px;
}

.valButton{
    margin-bottom: 5px;
    margin-top: 5px;
    width: 200px;
}

.logotext{
    font-size: 26px !important;
    color: #D80009;
    /*font-family: Verdana,Geneva,sans-serif;*/
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    position: absolute;
    top: 100px;
    left: 328px;
    width: 568px;
    height: 50px;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.gwt-DecoratedTabBar {
    margin-bottom: 3px;
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px; /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTop {
    background: #FFFFFF;
}

.gwt-DecoratedTabBar .tabTopCenter {
    padding: 0px;
    background: #303030;
    color: #ffffff
}
.gwt-DecoratedTabBar .tabTopLeft {
    padding: 0px;
    zoom: 1;
    background: #303030;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius:3px;
    border-top-left-radius: 6px;
}

.gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
    background: #303030;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius:3px;
    border-top-right-radius: 6px;
}

.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
    width: 6px;
    height: 6px;
    overflow: hidden;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
    width: 6px;
    padding: 0px;
    background: #303030;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 4px 2px 4px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #303030;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
    color: white;
    background: #D80009;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
    background: #D80009;
    background-position: 0px -61px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
    background: #D80009;
    background-position: -6px -61px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
    background: #D80009;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    background: #D80009;;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
    cursor: default;
    color: #999999;
}

.gwt-PopupPanel {
    border: 2px solid #a6a5a6;
    padding: 3px;
    background: white;
}


.searchCheckBoxList{
    border: 1px solid #ccc;
    #height: 100px;
    width: 190px;
    font-size: 12px;
    margin-bottom: 10px;
    overflow-x: hidden !important;

}

.searchCheckBoxList td{
    width: 99%;
    white-space: nowrap;
    padding-left: 2px;
}

.searchCheckBoxList label{
    margin-left: 1px;
    white-space: normal;
}

.searchBox{
    width: 190px;
    border: 1px solid #ccc;
    background-image:url('images/icons/Search16.png');
    background-repeat:no-repeat;
    background-position: right;
    background-size: 26px 26px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.initialSearchBoxText{
    color:darkgrey;
}

.searchableCheckBoxClearAnchor{
    float: right;
    font-size: 1em;
    font-weight: bold;
}

.navbar-header a{
    display:block;
    background: url(images/logo.png) no-repeat;
    width:300px;
    height: 80px !important;
}

.navbar-header a:hover {
    display:block;
    background: url(images/logo.png) 0 -80px no-repeat;
    width:300px;
    height: 80px !important;
}

.navbar-nav > li > a {padding-top:30px !important; padding-bottom:30px !important;}
.navbar {min-height:80px !important}

.strapline {
    color: #d80009;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-align: right;
    margin: 0;
    /*clear:both;*/
    position: absolute;
    top: 155px;
    right: 25px;
}

#filterContainer .btn-primary{
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

#filterContainer .btn-primary:hover{
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

#nav-main li.active a{
    background-color: #a9a9a9;
    color: #ffffff;
}

.hoverItem{
    font-size: medium;
}

.hoverTreatItem{
    font-size: 1em;
}

.hoverPanel{
    margin-left: 5px;
    margin-right: 5px;
}

.hoverTitle{
    font-weight: bold;
    line-height: 3em;
    border-bottom: solid #a6a5a6;
}

.legendButton{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.legendButton:hover, .legendButton:focus, .legendButton:active, .legendButton.active, .open > .dropdown-toggle.legendButton {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.popupItem{
    /*font-size: large;*/
}

.hoverInfo{
    font-size: small;
}

/* move dialog box in front of disabled layer*/
.modal-dialog {
    z-index: 1040;
}