/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
	margin:0;
	padding:0;
	font-family:verdana;color:#369
}

#dd-demo-1 {
background:url(../dragdrop/assets/music.gif) 0 0 no-repeat;
border:1px solid #f00;
z-index:10;
cursor:default;
border:1px solid #666;
text-align:center;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:20px;
top:200px;
position:absolute
}

#dd-demo-2 {
background:#ffffff;
top:280px; left:80px;
cursor:default;
border:2px solid #ccc;
color:#ccc;
cursor:move;
height:60px;
width:60px;
left:220px;
top:200px;
position:absolute
}

#dd-demo-3 {
background:url(../dragdrop/assets/music.gif) 0 0 no-repeat;
border:1px solid #f00;
z-index:10;
cursor:default;position:absolute;
top:200px;left:140px;
border:1px solid #666;
text-align:center;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:120px;
top:200px;
position:absolute
}

#dd-demo-4 {
background:#ffffff;
top:280px; left:180px;
cursor:default;
border:2px solid #ccc;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:320px;
top:200px;
position:absolute
}

#dd-demo-5 {
background:url(../dragdrop/assets/music.gif) 0 0 no-repeat;
border:1px solid #f00;
z-index:10;
cursor:default;position:absolute;
top:200px;left:140px;
border:1px solid #666;
text-align:center;
color:#333;
cursor:move;
height:60px;
width:60px;
left:120px;
top:300px;
position:absolute
}

#dd-demo-6 {
background:#ffffff;
top:280px; left:180px;
cursor:default;
border:2px solid #ccc;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:320px;
top:300px;
position:absolute
}

#dd-demo-7 {
background:url(../dragdrop/assets/music.gif) 0 0 no-repeat;
border:1px solid #f00;
z-index:10;
cursor:default;position:absolute;
top:200px;left:140px;
border:1px solid #666;
text-align:center;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:20px;
top:300px;
position:absolute
}

#dd-demo-8 {
background:#ffffff;
top:280px; left:180px;
cursor:default;
border:2px solid #ccc;
color:#fff;
cursor:move;
height:60px;
width:60px;
left:220px;
top:300px;
position:absolute
}

.dd-demo { color:#666;font-size:2px }

#txt1 {font-size:8pt;overflow-y:scroll}