/* CODEWARS HOLY GRAIL LAYOUT */
/************************/
/** MICE AND POPCORN: mouseover popups **/
/* last update 3/21/07 3pm*/
/************************/
/* center column mousepop positioning and formatting*/
#mainbox.mousepop a:hover{
	position:relative;
	color:#333;
	background-color:#f7f7f7;
	cursor:crosshair;
} 

#mainbox.mousepop a:hover span.popper{
left: 120px;
top:-50px;
border:1px #00CC00 double;
}
#mainbox.mousepop a span.popper {
position:absolute;
color:#333; 
font-weight:normal;
background-color: #f7f7f7;
width:300px;
/*height:250px;*/
padding:8px;
left: -999px; 
border:1px #00CC00 dotted;
text-decoration:none;
border:#009900 1px solid;
padding:.5em;	
background-image: url();
background-repeat:no-repeat;
font-size:.7em;
} 
#mainbox.mousepop a span.popper img{
width:266px;
height:200px;
border:0;
vertical-align:top;
margin-bottom:5px;
margin-left:8px;
}



#mainbox.mousepop a span.popper img.tall{
width:250px;
height:310px;
border:0;
vertical-align:top;
margin-bottom:5px;
margin-left:8px;
}

#mainbox.mousepop a{
display: block; 
color:#339966; 
background-color: #eee;
width:95%;
height:100px;
padding:.5em;
border:1px #00CC00 double;
margin:8px -20px;
text-decoration:none;
font-size:.9em;
color:#333333;

} /* display: block; here fixes Opera */ 
#mainbox.mousepop .mousetext{
color:#333;
font-style:italic;
font-size:.9em;
text-decoration:none;
}