/*-------------------------------------------------------------------------*/
/*  5.  Bank Online/Offline
/*-------------------------------------------------------------------------*/
.bank-panel{
    display: block;
    position: fixed;
    z-index: 99;
}
.bca-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/BCA') 0px 0px no-repeat;
}
.bni-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/BNI') 0px 0px no-repeat;
}
.bri-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/BRI') 0px 0px no-repeat;
}
.mandiri-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/MANDIRI') 0px 0px no-repeat;
}
.danamon-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/DANAMON') 0px 0px no-repeat;
}
.danamon-status{
	background: url('http://iframe.lexusdomino.idevgroups.com/bank/CIMB') 0px 0px no-repeat;
}
.bank-panel ul li{ list-style-type: none;}
.bank-panel.right{
    top: 19%;
    right: 0px;
}

.bank-panel .panel-black{
    display: block;
    position: relative;
    background-color: #a5a5a5;
    width: 150px;
    height: 70px;
    margin-bottom: 2px;
    border-radius: 12px 0px 0px 12px;
    -webkit-border-radius: 12px 0px 0px 12px;
    -moz-border-radius: 12px 0px 0px 12px;
    -ms-border-radius: 12px 0px 0px 12px;
    -o-border-radius: 12px 0px 0px 12px;
}

.online{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 12px;
    margin-left: 6px;
    background: url(images/indicator.png) 0px 0px no-repeat;
}

.offline{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 17px;
    margin-left: 6px;
    background: url(images/indicator.png) 0px -44px no-repeat;
}

.bank-panel .bca{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(images/bank.png) -5px 0px no-repeat;
}

.bank-panel .mandiri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(images/bank.png) -127px 0px no-repeat;
}

.bank-panel .bri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(images/bank.png) -250px 0px no-repeat;
}

.bank-panel .bni{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(images/bank.png) -373px 0px no-repeat;
}

.bank-panel .danamon{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(images/bank.png) -494px 0px no-repeat;
}

.bank-panel .cimb{
    float: right;
    width: 120px;
    height: 45px;
    margin-top: 0px;
    background: url(images/bank.png) -635px  0px no-repeat;
}