.slot {
border: 2px solid #808080;
background-color: #CDCDCD;
color: #666666;
text-align: center;
position: relative;
float: left;
margin: 4px;
width: 60px;
height: 60px;
z-index: 0;
}
.player {
border: 2px solid #808080;
color: #ffffff;
text-align: center;
position: relative;
float: left;
margin: 4px;
width: 60px;
height: 60px;
top: 150px;
z-index: 1;
cursor: move;
}
#pt1 {
clear: both;
}
.bottom {
top: 50px;
}
#pt1, #pt2 {
background-color: #71241A;
}
#pb1, #pb2 {
background-color: #004C6D;
}
#pboth1, #pboth2 {
background-color: #FFA928;
}
#workarea {
position: relative;
height: 300px;
width: 500px;
}
#workarea .yui3-dd-drop-active-valid {
border: 2px solid green;
}
#workarea .yui3-dd-drop-over {
background-color: green;
}
#workarea .yui3-dd-drop-active-invalid {
border: 2px solid red;
}