
#support-content,
#support-button
{
    z-index: 300;
}
#simulation-content,
#simulation-button,
#auditTrail-content,
#auditTrail-button,
#meddraCoding-button,
#meddraCoding-content,
#dicom-content,
#dicom-button
{
    z-index: 200;
}
#query-content,
#query-button
{
    z-index: 100;
}
#welcome-content,
#welcome-button
{
    z-index: 100;
}

#welcome-content,
#support-content,
#simulation-content,
#auditTrail-content,
#query-content
{
    display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    position: absolute;
    top:210px;
    right: -120px;
    opacity: 0;
    filter:alpha(opacity=0);
    overflow: hidden;
    margin-left:40px;
    padding:40px;
}

#meddraCoding-content,
#dicom-content
{
    display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    position: absolute;
    top:140px;
    right: -120px;
    opacity: 0;
    filter:alpha(opacity=0);
    overflow: hidden;
    margin-left:40px;
    padding:40px;
}
#welcome-content
{
    top:85px;
}

#welcome-button,
#support-button,
#simulation-button,
#auditTrail-button,
#meddraCoding-button,
#query-button
{
    cursor:pointer;
    display:block;
    text-decoration:none;
    position:absolute;
    right:0px;
    overflow:hidden;
    width:40px;
    height:40px;
    border:none;
    text-indent:-999px;
    z-index: 100;
    background-repeat: no-repeat;
}

#support-button
{
    top:210px;
    background-image: url('../images/base/ico-base.png');
    background-position: left -320px;
}
#query-button
{
    top:270px;
    background-position: left -240px;
}
#simulation-button,
#dicom-button
{
    top:330px;
    background-position: left -240px;
}
#auditTrail-button
{
    top:390px;
    background-position: left -80px;
}
#meddraCoding-button
{
    top:580px;
    background-position: left -240px;
}
#welcome-button
{
    top:85px;
    background-position: left -80px;
}


#welcomeHover-button,
#auditTrailHover-button,
#queryHover-button
{
    /*background:url('../images/base/ico-base.png') no-repeat left -120px;*/
    z-index:200;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
}

#welcome-button.button-hide,
#support-button.button-hide,
#simulation-button.button-hide,
#auditTrail-button.button-hide,
#meddraCoding-button.button-hide,
#query-button.button-hide,
#query-button.button-hide,
#dicom-button.button-hide
{
    background-image: url('../images/base/ico-base.png');
    background-repeat: no-repeat;
    background-position: left -160px;
}
#query-button.button-onGoing
{
    background-image: url('../images/base/ico-base.png');
    background-repeat: no-repeat;
    background-position: left -400px;
}

#queryHover-button {
    background:url('../images/base/ico-base.png') no-repeat left -440px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}
#meddraCodingHover-button {
    background:url('../images/base/ico-base.png') no-repeat left -160px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);

}

#supportHover-button {
    background:url('../images/base/ico-base.png') no-repeat left -360px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#welcome-button:active, #welcome-button:focus,
#support-button:active, #support-button:focus,
#simulation-button:active, #simulation-button:focus,
#auditTrail-button:active, #auditTrail-button:focus,
#meddraCoding-button:active, #meddraCoding-button:focus,
#query-button:active, #query-button:focus,
#toTop-button:active, #toTop-button:focus,
#dicom-button:active, #dicom-button:focus
{
    outline:none;
}

#toTop-button {
    cursor:pointer;
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:20px;
    right:0px;
    overflow:hidden;
    width:40px;
    height:40px;
    border:none;
    text-indent:-999px;
    background-image: url('../images/base/ico-base.png');
    background-repeat: no-repeat;
    background-position: left top;
    z-index: 100;
}

#toTopHover-button {
    background:url('../images/base/ico-base.png') no-repeat left -40px;
    width:40px;
    height:40px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#dicom_interface{
    border:none;
    /*padding-top: 110px;*/

}
#dicom-content{
    overflow: hidden;
    width: calc(100% - 280px) !important;
    height: calc(100vh - 115px) !important;
}

#dicom-button
{
    cursor:pointer;
    display:block;
    text-decoration:none;
    position:absolute;
    right: calc(100% - 200px) !important;
    overflow:hidden;
    width:40px;
    height:40px;
    border:none;
    text-indent:-999px;
    z-index: 100;
    background-repeat: no-repeat;
}

