body {
	margin:0;
	padding:0;
	font-family: "Century Gothic";
	}
.bank {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	height: 37px;
	text-align: center;
	/* border: 1px solid #08606e; */
	}

.online {
	float: left;
	width: 22px;
	height: 24px;
	background: url(img/indicator.png) 0px 0px no-repeat;
	}

.offline {
    float: left;
    width: 22px;
    height: 19px;
    background: url(img/indicator.png) 0px -25px no-repeat;
    margin-top: 5px;
	}
	
.gangguan {
    float: left;
    width: 22px;
    height: 23px;
    background: url(img/indicator.png) 0px -44px no-repeat;
    margin-top: 4px;
	}

.indicators {
	position: relative;
	left: -21px;
	top: 4px;
	}
.bnk {
	position: relative;
	}

.banks-box {
	width: 17.4%;
	display: inline-block;
	height: 37px;
	}
.support {
	line-height: 36px;
	position: absolute;
	padding: 0px 9px;
	}

.banks-box .bca {
	background: url(img/bca.png) no-repeat 0 3px;
	height: 37px;
	}
.banks-box .mandiri {
	background: url(img/mandiri.png) no-repeat 0 3px;
	height: 37px;
	}

.banks-box .bri {
	background: url(img/bri.png) no-repeat 0 3px;
	height: 37px;
	}

.banks-box .danamon {
	background: url(img/danamon.png) no-repeat 0 3px;
	height: 37px;
	}
	
.banks-box .bni {
	background: url(img/bni.png) no-repeat 0 3px;
	height: 37px;
	}
	
.banks-box .ewallet {
	background: url(img/ewallet.png) no-repeat 0 3px;
	height: 37px;
	}