﻿.bubble 
{
position: absolute;
width: 60px;
height: 86px;
padding: 0px;
background: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: #A7C6F0 solid 3px;
display:none;

}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 8px 6px 0;
border-color: transparent #A7C6F0;
display: block;
width: 0;
z-index: 1;
left: -8px;
top: 16px;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 10px 8px 0;
border-color: transparent #A7C6F0;
display: block;
width: 0;
z-index: 0;
left: -13px;
top: 14px;
}
.bubble div 
{
    height:18px;
    /*background-image:url(images/textbg.gif);
    background-repeat:repeat-x;*/
    background-position:center top;
    text-align:center;
    vertical-align:middle;
    padding-top:10px;
    border-bottom-color:ActiveBorder;
    cursor:pointer;
   
  
}
.bubble div:hover
{
    background-color:#d0def2
}
.title_background {
    /*background-image: url(images/textbg.gif);*/
    background-repeat: repeat-x;
    background-position: center top;
    font: bold 14px cambria;
    color: #000000;
    height: 20px;
}
.test_details {
   
    float: left;
    vertical-align: top;
    /*height: 110px;
    overflow: auto;*/
    border: 1px solid #ccc;
    
    margin-left: 5px;
    width:90%;
}
.button_Box {
    border: #f00 solid 0px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    float: left;
    width:5%;
    margin-left:10px;
}
    .button_Box a {
        cursor:pointer;
       
    }
    
.dashboard_table {
    border-collapse:collapse;
    
}
.dashboard_table td  {
    border-collapse:collapse;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
/*department bubble*/
#dvSelection 
{
position: absolute;
display:none;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: solid 1px #18A98A;
-moz-box-shadow: 0 0 5px #18A98A;
-webkit-box-shadow: 0 0 5px #18A98A;
box-shadow: 0 0 5px #18A98A;
}

#dvSelection td {
height:20px;
background-position:center top;
}
#dvSelection td:hover {
    background-color:#18A98A;
    z-index:50;
    border-radius:2px;
    -moz-border-radius:2px;	
    color:#ffffff;
}

    .button_Box a {
    width: 75px;
    margin-top: 5px;

    }
   

