/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_listsx.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#listsx { 
	border:0px solid #f00;   
	list-style:none; 
	position:relative; 
	text-align:center; 
	float:right;
	padding:0px; 
	z-index:500;
	left:54px;
	width:54px;
	}/* margins for this demonstration only */

#listsx a img{border:none; width:25px; background:none;} 

#listsx li {
display:inline; 
float:left; 
height:15px;
border:0px solid #f00;

}



#listsx div {display:none; }
#leftborder{border-left:#7bc6ff; display:compact;}
#listsx li a:hover {text-decoration:none; white-space:normal; background-position:100px 15px; color:#ff8600;}
#listsx li:hover > a {text-decoration:none; white-space:normal; background-position:130px 15px;}
#listsx :hover div
{display:block; width:180px;  position:absolute; left:-168px; top:3px;  padding-bottom:11px;}
#listsx :hover div.pos2 { filter: alpha(opacity=90); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;}

#listsx .two:hover {position:relative;}
#listsx .single:hover {position:relative;}

#listsx :hover div dl {display:inline;  padding:0; margin:0 10px 10px 10px; float:left; width:159px;  }
#listsx :hover div dl dt {width:179px; background:#888; text-indent:10px; margin:5px 0 10px 0; text-decoration:none; height:20px; line-height:20px;}

#listsx .two:hover div {left:-150px; }
#listsx .two:hover div dl {width:129px;}
#listsx .two:hover div dl dt {width:129px;}

#listsx .single:hover div dl {width:129px;}
#listsx .single:hover div dl dt {width:129px;}

#listsx :hover div dl dd {padding:0; margin:0;}

#listsx :hover div dt a {text-decoration:none; cursor:default; font-weight:normal; color:#fff;}

#listsx :hover div dd a {
display:block; 
text-align:left; 
padding-left:10px;
padding-top:3px;
text-decoration:none; 
font-weight:bold; 
font-size:10px; 
background:#fff; 
color:#666;
text-indent:10px; 
line-height:16px;
border-left:1px solid #7bc6ff;
border-right:1px solid #7bc6ff;
}

#listsx :hover div dd a.sub {
display:block; 
text-align:left; 
padding-left:30px;
padding-top:2px;
text-decoration:none; 
font-weight:normal; 
font-size:10px; 
color:#8ca81a;
text-indent:10px; 
line-height:16px;

}
#listsx :hover div dd a.sub:hover{
font-weight:bold;
padding-left:29px;
padding-top:2px;
background:;
background-position:23px;
}
#listsx :hover div dd a:hover {
padding-left:9px;
padding-bottom:2px;
text-decoration:none; 
font-weight:bold;
color:#fff;
background:#0889ec;
/*border-bottom:1px dotted #ff8600;*/
}

#listsx .clear {clear:both;}