.indigo-tabs {
       margin: 0px auto;
       position: relative;
       width: 172px;
       height: 304px;
       border: 0px solid #ccc;
}

.indigo-tab {
       float: left;
}

.indigo-tab label {
       display: relative;
       margin: 0px 0px 0px 0px;
       position: relative;
       left: 57px;
       top: 295px;
       z-index: 3;
       text-align: center;
       padding-left: 0px;
       color: #fff;
	   text-shadow: 0px 0px 0px black;
	   background:none;
       font-size: 5px;
	   opacity: 0.5;
}

.indigo-tab input[type=radio]:checked ~ label {
       z-index: 3;
	          text-align: center;
       color: #fff;
	   background:none;
       font-size: 5px;
	   	   opacity: 0.9;
}

.indigo-tab input[type=radio] {
       display: none;
}

.indigo-content {
       position: absolute;
       top: 0px;
       left: 0px;
       background: #e0e0e0;
       height: 304px;
       width: 172px;
text-align: center;
       opacity: 0;
	    
       -webkit-transition: 0.6s ease-in;
       -moz-transition: 0.6s ease-in;
       -ms-transition: 0.6s ease-in;
       -o-transition: 0.6s ease-in;
}

.indigo-tab input[type=radio]:checked ~ label ~ .indigo-content {
       z-index: 1;
       opacity: 1;
	          text-align: center;
       padding-left: 0px;
       color: #fff;
	   background:none;
       font-size: 5px;
	   	   opacity: 0.9;
}

.indigo-app-two {
       height: 304px;
       width: 172px;
       position: absolute;
       bottom: 0;
       background: none;
       overflow: auto;
     text-align: right;
       color: #888;
}

.indigobottom {
	width: 55px;
	position: absolute;
	top: 296px;
	left: 55px;
	height: 8px;
	background-color: #333;
	border-top: 0px solid #dadada;
	opacity: 0.5;
	border-radius: 30px;
	z-index: 2;
}