/* For shortcuts */

div#shortcuts { min-height: 13px; }

div.scitem, div.scpl
{
    padding: 3px 5px;
    border: 1px solid #999999;
    margin: 0 0 5px 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: auto;
    cursor: move;
}

div.scitem { background: #fff; }
div.scpl { background: #999; }

div#shortcuts div.scvis
{
    background: #ddeaef !important;
}

div#shortcuts div.scitem div.scno
{
    float: left;
    width: 20px;
    color: #999;
}

div#shortcuts div.scitem div.scdel 
{ 
    display: block; 
    float: right; 
    cursor: pointer;
}

div#shortcuts img.scicon
{
    float: left;
    margin-right: 5px;
}

/* For record edit */

div#rtetracklist, div#rteavailable { min-height: 13px; }

div.rteitem, div.rtepl
{
    padding: 3px 5px;
    border: 1px solid #999999;
    margin: 0 0 5px 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: auto;
    cursor: move;
}

div#rtetracklist div.rteitem { background: #fff; }
div#rteavailable div.rteitem { background: #ddeaef; }
div.rtepl { background: #999; }

/* For setlist */

div#pdsetlist { min-height: 23px; }

div.pditem, div.pdpl
{
    padding: 3px 5px;
    border: 1px solid #999999;
    margin: 0 0 5px 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: auto;
    cursor: move;
}

div.pditem { background: #ffffff; }
div.pdpl { background: #999999; }

div.pditem div.pdperformer { float: right; }
div.pditem div.pdsortorder 
{ 
    padding-top: 5px;
    margin: 0 5px 0 2px;
    float: left;
    color: #999;
}

div#pdsetlist div.pditem, div#pdsetlist div.pdpl { min-height: 23px; padding-right: 2px; }
div#pddesignertools div.pditem { min-height: 0; }

div#pdsetlist div.pditem div.pdsortorder { display: inline; width: 15px; }
div#pddesignertools div.pditem div.pdsortorder { display: none; }

div#pdsetlist div.pditem div.pdplay { padding-top: 5px; margin-right: 4px; float: left; }
div#pddesignertools div.pditem div.pdplay { display: none; }

div#pdsetlist div.pditem div.pddel 
{ 
    margin: 4px 2px 0px 2px;
    display: block; 
    float: right; 
    cursor: pointer;
}
div#pddesignertools div.pditem div.pddel { display: none; }

div#pdsetlist div.pditem div.pdpop { width: 60px; margin: 3px 4px 0px 2px; float: right; display: block; }
div#pddesignertools div.pditem div.pdpop { display: none; }
div#pdsetlist div.pditem div.pdreh { width: 60px; margin: 3px 4px 0px 2px; float: right; display: block; }
div#pddesignertools div.pditem div.pdreh { display: none; }

div#pdsetlist div.pditem div.pdname { max-width: 240px; padding-top: 5px; float: left; }
div#pddesignertools div.pditem div.pdname { padding-top: 0px; }

div#pdsetlist div.pditem div.pdperformer { display: inline; }
div#pddesignertools div.pditem div.pdperformer { display: none; }
div#pdsetlist div.pditem div.pdperformer select { max-width: 130px; margin-right: 3px; }

div#pdsetlist div.pdsong div.pdname { font-weight: bold; }
div#pddesignertools div.pdsong div.pdname { font-weight: normal; }

div.pdnoitem { font-style: italic; color: #333; }
div.pdsong { background: #ffffff; }
div.pdevent { background: #ddeaef; }
div.pdperformanceitem { background: #ffee99; }

/* ---------- For simple setlist ---------- */

div#simplesetlist div.item
{
    padding: 3px 5px;
    border: 1px solid #999999;
    margin: 0 0 5px 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: auto;
}

div#simplesetlist div.song { background: #ffffff; }
div#simplesetlist div.performanceitem { background: #ffee99; }
div#simplesetlist div.event { background: #ddeaef; }

div#simplesetlist div.sortorder { float: left; padding-top: 3px; width: 20px; color: #999; }
div#simplesetlist div.name { float: left; padding-top: 3px; width: 320px; }
div#simplesetlist div.info { float: left; padding-top: 3px; width: 200px; }
div#simplesetlist div.buttons { float: right; padding-top: 2px; }