#slant {padding:0; margin:0px 0px 0px 0px; list-style:none; font-size:10px;}
#slant li {float:left; text-align:center; margin-right:-13px;width:auto;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0px 3px 0px 3px; height:15px; background:#0d2d6e; float:left; cursor:pointer; color:#FFF; line-height:16px;}

#slant a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#0d2d6e;}

#slant a span {height:0; border-bottom:15px solid #0d2d6e; border-right:15px solid #fff;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-bottom:3px solid #fff; border-right:3px solid #0d2d6e;}

#slant a b.p1 {height:0; margin-bottom:15px;}
#slant a b.p2 {height:3px; margin-bottom:9px;}
#slant a b.p3 {height:6px; margin-bottom:6px;}
#slant a b.p4 {height:9px; margin-bottom:3px;}
#slant a b.p5 {height:12px;}

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:3px solid #fff; border-right:3px solid #0d2d6e;}

#slant a b.p6 {height:12px;}
#slant a b.p7 {height:9px;}
#slant a b.p8 {height:6px;}
#slant a b.p9 {height:3px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#7379a7;}

#slant a:hover em {color:#FFF; background:#7379a7;}

#slant a.selected em {color:#FFF; background:#f26936;}

#slant a:hover b.p1, 
#slant a:hover b.p2, 
#slant a:hover b.p3, 
#slant a:hover b.p4, 
#slant a:hover b.p5  {border-right-color:#7379a7; background: #7379a7;}


#slant a.selected b.p1,
#slant a.selected b.p2,
#slant a.selected b.p3,
#slant a.selected b.p4,
#slant a.selected b.p5 {border-right-color:#f26936; background: #f26936;}








#slant a:hover span {border-bottom-color:#7379a7;}

#slant a.selected span {border-bottom-color:#f26936;}

#slant a.selected:hover b, #slant a.selected:hover em, #slant a.selected:hover span {cursor:default;}