body {
    background: #ddd;
     background-image: url("/media/images/pill_bg.jpg") ;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    margin-top: 60px;

}

a.fill {
    display:block;
}

a.fill:hover {
    background-color: blue;
    color: blue !important;
}
.navbar {
    background: #3d3d3d url(/media/images/toolbar_bg.png) repeat-x;
}

.navbar-inverse .navbar-nav>.active>a {
    color: #ffffff;
    text-shadow: 0px 1px 1px #666666;
    text-decoration: none;
    background: url(/media/images/button_over.png) repeat-x left top;
}

.jumbotron {
    background: rgba(107, 123, 145, 0.8);
    background-image: url("/media/images/embl_jumbo.png");
    background-position: 20px 25%;
    background-repeat: no-repeat;
    color: white;
    padding: 20px;
    text-shadow: 1px 1px 2px #333333;
}
.jumbotron h1 {
    font-size: 2.4em;
}
.jumbotron h1 span {
    font-size: 0.75em;
    margin-bottom: -5px;
}
.jumbotron p {
    font-size: 1.2em!important;
}

.boxDiv {
    background-color: rgba(165, 181, 203,0.4);
    padding: 10px;
    border-radius: 6px;
    margin: 10px 0;
}
#searchPanel {
   background-color: rgba(165, 181, 203,0.4);
   border: rgba(165, 181, 203,0.6);
}
#searchPanel .panel-heading {
    font-weight: bold;
       border: rgba(165, 181, 203,0.6);
    background-color: rgba(165, 181, 203,0.4);
}
.tColHd {
    border-left: 2px solid red !important;
    border-right: 2px solid red !important;
}
.bHd {
    font-size: 1.1em;
    font-weight: bold;
    background:rgba(165, 181, 203,0.6);
    border: none!important;
}
.dbStat th {
    background:rgba(220,220,220,0.6);
    border:none!important;
}
.dbStat td {
    border-top:1px solid rgba(165, 181, 203,0.6)!important;
}

.dbStat {
    background:rgba(165, 181, 203,0.4);
}
.dbStat .panel-heading {
    border: rgba(165, 181, 203,0.6);
    background-color: rgba(165, 181, 203,0.4);
}

.drugDetail table {
    margin-right: auto;
    border-collapse: initial;
    table-layout: fixed;
    word-wrap: break-word;
}
.drugDetail table th {
    padding: 5px;
    text-align: center;
    background: rgba(165, 181, 203,0.9);
}
.drugDetail table td {
    padding: 0 2px ;
}

.seDetailTable td {
    padding: 0px 10px;
}
.seDetailTable h3 {
    margin-top: 0;
}

.lblPop th {
    text-align: right;
}
.lblPop td {
    padding-left: 10px;
}
#searchResWrap {
    position: relative; height: 1px;z-index: 10;
}
#searchResPanel {
    display:none;
    width:100%;
    z-index: 99;
    background: rgba(250,250,254,1);

}
#searchRes {
    background: transparent;

}
#overDiv table {
    background-color: rgba(255,255,255,0.8)!important;
    border-radius: 10px;
}
#overDiv table td {
    padding: 5px;
}
#searchBoxRes {
    width: 100%;
}
#searchBoxRes td {
    vertical-align: top; width: 50%;
}
#searchBoxRes h3 {
    margin-top:0;
}
.spacedBox {
    padding: 3px;
}
.spacedBox .boxDiv h3.top {
    margin-top: 0px;
}

.tooltip.top .tooltip-inner {
    background-color:rgba(203, 203, 203,1);
    padding: 10px;
    color: black;
    white-space: normal;
    max-width: 400px;
}
.tooltip.top .tooltip-arrow {

    border-top-color: rgba(165, 181, 203,0.8);
}



/*original styles*/

drugList  {
        padding: 0;
        margin: 10px 0;
}

.drugList li {
        list-style: none;
        border-bottom: 1px solid #ccc;
        padding-left: 30px;
        background: url(/media/images/pill.png) no-repeat 0 50%;
        background-size: auto 9px;
}
.drugList li:hover {
    background: url(/media/images/pill_h.png) no-repeat 0 50%;
    background-size: auto 9px;
}

.drugImg img {

        padding: 5px;
        background: rgba(255,255,255,0.8);
        border: 1px solid #777;
        text-align: center;
}
.bg_grey {
  background-color: #666;
}

.fg_grey {
  color: #666;
}

.bg1 {
     background-color: #ddd;
}

.bg12 {
     background-color: #e8e8e8;
}

.bg2 {
     background-color: white;
}

.bg1 .def { color:#999; }
.bg2 .def { color:#bbb; }

.selected { font-weight: bold; }

.small { font-size: 0.7em; }


.nowrap { white-space: nowrap; }


#treeControl {
        border: 1px solid #aaa;
}
#treeControlHead {
        margin-bottom: 3px;
padding: 5px;
}
#treeControl .dynatree-container {
             border:none!important;
}

#atcTree { position: relative;}
span.annoTreeHd { font-size: 14px; position:absolute;  color: black!important;}
span.proCnt {  color: black!important; position:absolute; right: 275px;}
span.proCntP { color: black!important;   position:absolute; right: 200px;}
span.domCnt {  color: black!important;  position:absolute; right: 100px;}
span.domCntP {  color: black!important; position:absolute; right: 25px;}
span.dynatree-node:hover { background-color: #dfd; width: 100%;}