
#contain23 {
width: 500px !important;
margin-left: 50px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
word-spacing: normal;
}

#eye { 
padding-top: 20px;
float:left;
margin-bottom: 10px;
text-align: left;
background-color:transparent;
}

.eyeball {z-index:1 !important; max-width:100%;
max-height:100%;}

#eye td {
padding: 5px;
vertical-align:text-top;
}
#maineye {
float:right;
width:350px;
margin-bottom: 20px;
/*left: 150px;*/
position:relative;
max-width:100%;
max-height:100%;
	}
	
.name {
font-weight: 700;
color:#333;
}
button {
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
font-size:82%;
width: 100px;
line-height: 26px;
margin-right: 15px;
margin-left: 25px;
margin-bottom: 5px;
padding: 2px 0 2px 0;
}

.description {
font-size: 90%;
color:#333;
padding-left:15px;
margin-top: 20px;
position: absolute;
}

#description {
	display:none;
}

a {
text-decoration: none;
color:#000;
}

.inxlogo { 
position: relative;
top: -10px;
left: 300px;
max-width:100%;
max-height:100%;}

.eyelidimage {display:none;
position: absolute;
top:3px;
left:0px;
z-index: 990;
max-width:100%;
max-height:100%;}

.corneaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 190;
max-width:100%;
max-height:100%;}

.irisimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 880;
max-width:100%;
max-height:100%;}

.pupilimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 890;
max-width:100%;
max-height:100%;}

.lensimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 970;
max-width:100%;
max-height:100%;}

.retinaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 900;
max-width:100%;
max-height:100%;}

.nerveimage {display:none;
position: absolute;
top:0px;
left:1px;
z-index: 120;
max-width:100%;
max-height:100%;}

.maculaimage {display:none;
position: absolute;
top:3px;
left:0px;
z-index: 100;
max-width:100%;
max-height:100%;}

.foveaimage {display:none;
position: absolute;
top:3px;
left:0px;
z-index: 160;
max-width:100%;
max-height:100%;}

.vitreousimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 146;
max-width:100%;
max-height:100%;}

.info {
display:inline-block;
width: 225px;
height: 77px;
float:right;
padding: 5px;
}


/*Interactive Eye iPad Vertical View
================================================== */
@media (max-width: 768px){
#maineye{
width: 275px;
height: 280px;
margin-right: 28px;
vertical-align:top;
left: 10px;
}
.description {
margin-top: 0px;
position: inherit;
float:left;
}
}

@media (max-width: 768px){
#contain23 {
width: 310px !important;
margin-left: 100px;
font-family: Arial, Helvetica, sans-serif;
line-height: normal;
word-spacing: normal;
}
}

@media (max-width: 768px){
button {
	margin: 0 0 10px 0 ;
	line-height: 25px;
	float:left;
}
.vitreous {
	margin-left: 105px;
}
}

@media (max-width: 768px){
.eyelidimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 990;}
}

@media (max-width: 768px){
.corneaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 190;}
}

@media (max-width: 768px){
.irisimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 880;}
}

@media (max-width: 768px){
.pupilimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 890;}
}

@media (max-width: 768px){
.lensimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 970;}
}

@media (max-width: 768px){
.retinaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 900;}
}

@media (max-width: 768px){
.nerveimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 120;}
}

@media (max-width: 768px){
.maculaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 100;}
}

@media (max-width: 768px){
.foveaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 160;}
}

@media (max-width: 768px){
.vitreousimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 146;}
}



/*Interactive Eye Mobile iPhone 4 Horizontal
================================================== */
@media (max-width: 480px){
#maineye{
width: 275px;
height: 280px;
vertical-align:top;
}
#contain23 {
margin-left: 25px;
}
.description {
margin-top: 0px;
}
}

@media (max-width: 480px){
.eyelidimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 990;}
}

@media (max-width: 480px){
.corneaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 190;}
}

@media (max-width: 480px){
.irisimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 880;}
}

@media (max-width: 480px){
.pupilimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 890;}
}

@media (max-width: 480px){
.lensimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 970;}
}

@media (max-width: 480px){
.retinaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 900;}
}

@media (max-width: 480px){
.nerveimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 120;}
}

@media (max-width: 480px){
.maculaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 100;}
}

@media (max-width: 480px){
.foveaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 160;}
}

@media (max-width: 480px){
.vitreousimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 146;}
}


/*Interactive Eye Mobile iPhone 5 Vertical
================================================== */
@media (max-width: 320px){
#maineye{
width: 275px;
height: 280px;
vertical-align:top;
}
#contain23 {
margin-left: -22px;
}
.description {
margin-top: 0px;
}
}

@media (max-width: 320px){
.eyelidimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 990;}
}

@media (max-width: 320px){
.corneaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 190;}
}

@media (max-width: 320px){
.irisimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 880;}
}

@media (max-width: 320px){
.pupilimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 890;}
}

@media (max-width: 320px){
.lensimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 970;}
}

@media (max-width: 320px){
.retinaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 900;}
}

@media (max-width: 320px){
.nerveimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 120;}
}

@media (max-width: 320px){
.maculaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 100;}
}

@media (max-width: 320px){
.foveaimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 160;}
}

@media (max-width: 320px){
.vitreousimage {display:none;
position: absolute;
top:0px;
left:0px;
z-index: 146;}
}
