<style type="text/css" media="screen">

.yui3-dd-proxy {

text-align: left;

}

#play {

border: 1px solid black;

padding: 10px;

margin: 10px;

zoom: 1;

}

#play:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}

#play ul {

border: 1px solid black;

margin: 10px;

width: 200px;

height: 300px;

float: left;

padding: 0;

zoom: 1;

position: relative;

overflow: auto;

}

#play ul li {

background-image: none;

list-style-type: none;

padding-left: 20px;

padding: 5px;

margin: 2px;

cursor: move;

zoom: 1;

position: relative;

}

#play ul li.list1 {

background-color: #8DD5E7;

border:1px solid #004C6D;

}

#play ul li.list2 {

background-color: #EDFF9F;

border:1px solid #CDCDCD;

}

</style>

{{>scroll-list-source-html}}

<script type="text/javascript">

{{>scroll-list-source-js}}

</script>