interface.css

body {
	text-align: center;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}

#introText{
	height: 110px;
}

#divider {
	width: 800px;
	height: 1px;
	background-color: #696969;
	margin-left:100px;
}	

#divider2{
	width: 1000px;
	height: 3px;
	background-color: #8FA843;
}	

#exhTitle {
	background-color: #8FA843;
	color: #FFFFFF;
	height: 20px;
}

#aniTitle {
	background-color: #B3D6A5;
	width: 320px;
	height: 30px;
	padding-top: 10px;
}

#aniTitleB {
	background-color: #D6CAE3;
	width: 320px;
	height: 30px;
	padding-top: 10px;
}

#aniTitleF {
	background-color: #99BAF2;
	width: 320px;
	height: 30px;
	padding-top: 10px;
}

#aniTitleC {
	background-color: #C7AE8B;
	width: 320px;
	height: 30px;
	padding-top: 10px;
}

#noAnimals {	
	background-color: #B3D6A5;
	width: 320px;
	float: left;
		height: 30px;
	padding-top: 10px;
}

#costForNext {	
	background-color: #B3D6A5;
	width: 320px;
	float: left;
	margin-left: 19px;
		height: 30px;
	padding-top: 10px;
}

#income {	
	background-color: #B3D6A5;
	width: 320px;
	float: left;
	margin-left: 19px;
	
}

#totalIncome {	
	background-color: #B3D6A5;
	width: 320px;
	float: left;
	margin-left: 19px;
		height: 30px;
	padding-top: 10px;
}

#backLow{
	background-color: FFFFE0;
	border:1px solid #9f9f9f;
	height: 107px;
}

button {
	width: 150px;
    padding:10px;
    background-color:rgba(255,204,0,1);
    border-radius:25px;
    cursor:pointer;
    display:block;
	margin-left: 425px;
	margin-top: -30px;
}

button:hover {
    background-color: #ffffff;
}

/*Button clicked*/
button:active{
	background-color:white;
 }

.manualButton {
	background:url(zoodollarcoin_clicked.png) no-repeat;
	margin-left: 20px;
	padding:68px;
}

.manualButton:hover {
	/*
	background:url(zoodollarcoinhover.png) no-repeat;
	*/
	background:url(zoodollarcoin_hover.png) no-repeat;
	margin-left: 20px;
	padding:68px;
}
/*Add funds button clicked*/
.manualButton:active{
	/*
	inset: 4px -4px 0 #000000;
	border-radius: 555px;
	background-color:red;
	margin-top: 10px;
    margin-left: 10px;
	*/
	background:url(zoodollarcoin.png) no-repeat;
	margin-left: 2px;
 }

.saveload{
	width: 50px;
    padding:10px;
	float: right;
    background-color:rgba(255,204,0,1);
    border-radius:25px;
    cursor:pointer;
    display:block;
	margin-left: 10px;
	margin-top: -30px;
}

#btnUpg {
	margin-left: 400px;
	width: 200px;
	margin-top: 50px;
    background-color: #8FA843;	
	color: #FFFFFF;
}

#btnUpg:hover {
    background-color: #000000;	
}
div:hover:before {
    content: attr(data-tooltip);
    position: absolute;
    padding: 5px 10px;
    margin-left: 100px;
    border-radius: 3px;
}