body { 
	background: #666666;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}

.main{ 
	width:410px;
	height:408px;
	//background-size: 8px 8px;
	background-image:  url(../assets/image/bg1.png);
}
.titlebar{
	width: 100%;
}

.left{
	width: 50%;
	color: #fff;
	float: left;
}
.title{
	position: relative;
    top: 30px;
    left: 13px;
    font-size: 16px;
}
.titledisc{
	font-size: 13px;
    position: relative;
    top: 34px;
    left: 14px;
}
.right{
	opacity: 0;
    width: 50%;
    color: #fff;
    float: left;
    position: relative;
    left: 319px;
    top: 40px;
    font-size: 13px;

}

.anidisc{
	width: 99%;
}
.right a{
	text-decoration: none;
	color: #fff;

}

.animaldetails{
	/* background: #fff; */
	width: 100%;
	height: 310px;
	position: relative;
	display: none;
}

/* #upClick{
	background: url(../assets/image/uparrow.jpg);
	z-index: 99;
	position: absolute; 
	background-size: cover;
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	left: 5px;
}

#downClick{
	cursor: pointer;
	background: url(../assets/image/downarrow.jpg);
	z-index: 99;
	position: absolute;
	background-size: cover;
	background-position: center;
	border: 0;
	width: 25px;
	height: 20px;
	top: 134px;
	left: 5px;
}
 */
.btnaction{
	display: none;
	position: absolute;
    top: 235px;
    border: 1px solid #b5b0b0;
    width: 35px;
    height: 154px;
    left: 358px;
    padding: 0px;
}

.animalname{	opacity:0;
				position: relative;
				right: 45px;
				width: 400px;
				margin: -19px 0px;
}

.animalname li{
	list-style: none;
   
    color: #fff;
    float: left;
    cursor: pointer;
    font-size: 13px;
}

.animalImg{
	position: absolute;
	/* left: 25%; */
	margin: 0 auto;
	top: 2px;
}

.anidetail{
	overflow-y: scroll;
    height: 135px;
    margin: 15px;
    padding: 5px;
    border: 1px solid #5d5d5d;
    position: absolute;
    top: 135px;
}
.aniname{	text-transform: uppercase;}
.anidetail p{	margin: 0;
				font-size: 11px;
				color: grey;
				line-height: 15px;}
p{	margin: 0;
	font-size: 12px;
}

#animal_details{
	top: 80px;
    position: relative;
    //background: #fff;
    height: 310px;
}

#anititle{
	position: absolute;
    top: 115px;
    left: 10px;
    letter-spacing: 0px;
    color: #666666;
    font-size: 11px;
	opacity:0;
}
.animalname li:first-child {
  margin-left: 10px;
} 
.animalname li:nth-last-child(5) {
 margin-left: 33px;
}
.animalname li:nth-last-child(4) {
 margin-left: 25px;
} 
.animalname li:nth-last-child(3) {
  margin-left: 25px;
} 
.animalname li:nth-last-child(2) {
  margin-left: 35px;
} 
.animalname li:nth-last-child(1) {
  margin-left: 27px;
} 


/* .animalname li #1{}
.animalname li #2{margin-left: 33px;}
.animalname li #3{margin-left: 33px;}
.animalname li #4{margin-left: 39px;}
.animalname li #5{margin-left: 33px;} */