/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

skully.css for AO Foundation Surgery (inside of #maincontent ? )
11.02.2005: msc

updates history: 
2008-05-28 (rbu)
2008-06-04 (msc) / _innov


 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Das Skelett im Background: */

#skully,
#skullyFlash {
position:relative;top:0;left:0;
width:220px;height:550px;
background:#fff url(/wps/images/skullyGraphics2006/bg_skully2008.jpg) no-repeat; 
/* bg_skully2008_dev.jpg has lines for positioning */
margin-bottom:20px; /* Damit der Text unten den Skully nicht umfliesst */
}

#skully.Innovations{
/* keine Planungslinien */
background:#fff url(/wps/images/skullyGraphics2006/bg_skully2008_innovations.jpg) no-repeat; 
}

#skullyFlash { 
background-image: none;
}

/* + + + + + + + + + + + + + + + + + + + + + + +  */
/* Gemeinsame Eigenschaften der einzelnen Links: */


#cmf,
#cervical,
#lumbar,
#pelvicRing,
#acetabulum,

#proximalHumerus,
#humerusShaft,
#distalHumerus,
#proximalForearm,
#forearm,
#distalRadius,
#hand,

#proximalFemur,
#femurShaft,
#distalFemur,
#proximalTibia,
#tibiaShaft,
#distalTibia,
#malleoli,
#foot,

/* new elements */
#clavicula_innov,
#thoracoLumbar_innov,
#sternum_innov,
#ulna_innov,
#fibula_innov,

/* position changed */
#tibiaShaft_innov,
#distalTibia_innov,
#malleoli_innov, /* not in use yet */
#foot_innov {
display:block;
position:absolute;
overflow:hidden;
background:none;
margin:0;padding:0;border:0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Position, Abmessungen und Hoverbild der einzelnen Links: */

/* ACHTUNG PFAD:
Im Portalkontext richtig: background: url(/wps/images/skullyGraphics2006/btn_cmf_hover.gif) no-repeat; */


#cmf{
width:50px;height:68px;
top:15px;left:77px;
background: url(/wps/images/skullyGraphics2006/btn_cmf.gif) no-repeat;
}
#cmf:hover{
background: url(/wps/images/skullyGraphics2006/btn_cmf_hover.gif) no-repeat;
}





#cervical{
width:50px;height:17px;
top:84px;left:77px;
background: url(/wps/images/skullyGraphics2006/btn_cervical.gif) no-repeat;
}
#cervical:hover{
background: url(/wps/images/skullyGraphics2006/btn_cervical_hover.gif) no-repeat;
}


#pelvicRing{
width:106px;height:25px;
top:215px;left:48px;
background: url(/wps/images/skullyGraphics2006/btn_pelvicRing.gif) no-repeat;
}
#pelvicRing:hover{
background: url(/wps/images/skullyGraphics2006/btn_pelvicRing_hover.gif) no-repeat;
}

#acetabulum{
width:106px;height:21px;
top:241px;left:48px;
background: url(/wps/images/skullyGraphics2006/btn_acetabulum.gif) no-repeat;
}
#acetabulum:hover{
background: url(/wps/images/skullyGraphics2006/btn_acetabulum_hover.gif) no-repeat;
}







#proximalHumerus{
width:50px;height:25px;
top:101px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_proximalHumerus.gif) no-repeat;
}
#proximalHumerus:hover{
background: url(/wps/images/skullyGraphics2006/btn_proximalHumerus_hover.gif) no-repeat;
}

#humerusShaft{
width:50px;height:40px;
top:127px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_humerusShaft.gif) no-repeat;
}
#humerusShaft:hover{
background: url(/wps/images/skullyGraphics2006/btn_humerusShaft_hover.gif) no-repeat;
}

#distalHumerus{
width:50px;height:25px;
top:168px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_distalHumerus.gif) no-repeat;
}
#distalHumerus:hover{
background: url(/wps/images/skullyGraphics2006/btn_distalHumerus_hover.gif) no-repeat;
}

#proximalForearm{
width:50px;height:20px;
top:194px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_proximalForearm.gif) no-repeat;
}
#proximalForearm:hover{
background: url(/wps/images/skullyGraphics2006/btn_proximalForearm_hover.gif) no-repeat;
}

#forearm{
width:50px;height:32px;
top:215px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_forearm.gif) no-repeat;
}
#forearm:hover{
background: url(/wps/images/skullyGraphics2006/btn_forearm_hover.gif) no-repeat;
}

#distalRadius{
width:50px;height:25px;
top:248px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_distalRadius.gif) no-repeat;
}
#distalRadius:hover{
background: url(/wps/images/skullyGraphics2006/btn_distalRadius_hover.gif) no-repeat;
}


#hand{
width:50px;height:48px;
top:274px;left:155px;
background: url(/wps/images/skullyGraphics2006/btn_hand.gif) no-repeat;
}
#hand:hover{
background: url(/wps/images/skullyGraphics2006/btn_hand_hover.gif) no-repeat;
}






#proximalFemur{
width:50px;height:30px;
top:263px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_proximalFemur.gif) no-repeat;
}
#proximalFemur:hover{
background: url(/wps/images/skullyGraphics2006/btn_proximalFemur_hover.gif) no-repeat;
}

#femurShaft{
width:50px;height:61px;
top:294px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_femurShaft.gif) no-repeat;
}
#femurShaft:hover{
background: url(/wps/images/skullyGraphics2006/btn_femurShaft_hover.gif) no-repeat;
}

#distalFemur{
width:50px;height:30px;
top:356px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_distalFemur.gif) no-repeat;
}
#distalFemur:hover{
background: url(/wps/images/skullyGraphics2006/btn_distalFemur_hover.gif) no-repeat;
}

#proximalTibia{
width:50px;height:30px;
top:387px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_proximalTibia.gif) no-repeat;
}
#proximalTibia:hover{
background: url(/wps/images/skullyGraphics2006/btn_proximalTibia_hover.gif) no-repeat;
}


#lumbar{
width:50px;height:34px;
top:180px;left:77px;
background: url(/wps/images/skullyGraphics2006/btn_lumbar.gif) no-repeat;
}
#lumbar:hover{
background: url(/wps/images/skullyGraphics2006/btn_lumbar_hover.gif) no-repeat;
}


/* + + + Version for Traumaline and Surgery + + + BEGIN + + + */

#tibiaShaft{
width:50px;height:60px;
top:418px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_tibia_shaft.gif) no-repeat;
}
#tibiaShaft:hover{
background: url(/wps/images/skullyGraphics2006/btn_tibia_shaft_hover.gif) no-repeat;
}

#distalTibia{
width:50px;height:26px;
top:479px;left:75px;
background: url(/wps/images/skullyGraphics2006/btn_distal_tibia.gif) no-repeat;
}
#distalTibia:hover{
background: url(/wps/images/skullyGraphics2006/btn_distal_tibia_hover.gif) no-repeat;
}

#malleoli{
width:50px;height:26px;
top:479px;left:127px;
background: url(/wps/images/skullyGraphics2006/btn_malleoli.gif) no-repeat;
}
#malleoli:hover{
background: url(/wps/images/skullyGraphics2006/btn_malleoli_hover.gif) no-repeat;
}

#foot{
width:50px;height:35px;
top:506px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_foot.gif) no-repeat;
}
#foot:hover{
background: url(/wps/images/skullyGraphics2006/btn_foot_hover.gif) no-repeat;
}

/* + + + Version for Traumaline and Surgery + + + END + + + */



/* + + + Version for Innovations + + + BEGIN + + + */
/* OLD position and graphic with NEW idNames */

#tibiaShaft_innov {
width:50px;height:40px;
top:418px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_tibiaShaft_innov.gif) no-repeat;
}
#tibiaShaft_innov:hover {
background: url(/wps/images/skullyGraphics2006/btn_tibiaShaft_innov_hover.gif) no-repeat;
}

#distalTibia_innov {
width:50px;height:30px;
top:459px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_distalTibia_innov.gif) no-repeat;
}
#distalTibia_innov:hover {
background: url(/wps/images/skullyGraphics2006/btn_distalTibia_innov_hover.gif) no-repeat;
}


/* 
#malleoli_innov {
width:50px;height:15px;
top:490px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_malleoli_innov.gif) no-repeat;
}
#malleoli_innov:hover {
background: url(/wps/images/skullyGraphics2006/btn_malleoli_innov_hover.gif) no-repeat;
} 
*/


#foot_innov {
width:51px;height:35px;
top:506px;left:104px;
background: url(/wps/images/skullyGraphics2006/btn_foot_innov.gif) no-repeat;
}
#foot_innov:hover {
background: url(/wps/images/skullyGraphics2006/btn_foot_innov_hover.gif) no-repeat;
}

/* + + + Version for Innovations + + + END + + + */




/* New in 2008/06 (Innovations): */

#thoracoLumbar_innov {
top: 102px; left: 57px;
width: 45px; height: 77px;
background: url(/wps/images/skullyGraphics2006/btn_thoracoLumbar.gif) no-repeat; 
z-index: 10;
}
#thoracoLumbar_innov:hover{
width: 91px;
background: url(/wps/images/skullyGraphics2006/btn_thoracoLumbar_hover.gif) no-repeat; 
overflow: visible;
}


#sternum_innov {
top: 102px; left: 103px;
width: 45px; height: 77px;
background: transparent url(/wps/images/skullyGraphics2006/btn_sternum.gif) no-repeat;
}
#sternum_innov:hover {
left: 57px;
width: 91px;
background: transparent url(/wps/images/skullyGraphics2006/btn_sternum_hover.gif) no-repeat;
z-index: 20;
}





#clavicula_innov {
top: 90px; left: 27px;
width: 50px; height: 20px;
background: url(/wps/images/skullyGraphics2006/btn_clavicula.gif) no-repeat;
z-index: 40;
}
#clavicula_innov:hover {
background: url(/wps/images/skullyGraphics2006/btn_clavicula_hover.gif) no-repeat;
}


#ulna_innov {
top: 202px; left: 27px;
width: 20px; height: 60px;
background: transparent url(/wps/images/skullyGraphics2006/btn_ulna.gif) no-repeat;
}
#ulna_innov:hover {
background: transparent url(/wps/images/skullyGraphics2006/btn_ulna_hover.gif) no-repeat;
}


#fibula_innov {
top: 387px; left: 56px;
width: 18px; height: 102px;
background: transparent url(/wps/images/skullyGraphics2006/btn_fibula.gif) no-repeat;
}
#fibula_innov:hover {
background: transparent url(/wps/images/skullyGraphics2006/btn_fibula_hover.gif) no-repeat;
}