/*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;
}
.ddContainer{
    cursor:pointer;
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif;
}
#playlistButtonContainer{
    text-align:center;
    padding:5px;
    border-top:0;
    display:none;
}
.outerDropContainer{
    cursor:pointer;
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif;
}
.innerDropContainer{
}
.playlistName{
    color: #343434;
    font-size:9pt;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:2px;
    cursor:pointer;
    border-right:1px solid white;
}
.playlist{
    display:none;
}
.playlistItem{
}
.playlistItem td{
    color: #343434;
    font-size:9pt;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:15px;
    cursor:pointer;
}
.ddTextCell{
}
.deleteIconCell{
    width:15px;
}
.dragItem{
    width:100%;
    background-color:#f4f4f4;
    color: #343434;
}
.dragItemUnderlined{
    width:100%;
    background-color:#f4f4f4;
    color: #343434;
}
.dragItemSelected{
    width:100%;
    background-color: #d1d1d1;
    color: #343434;
}
.dragItemInTransit{
    position:absolute;
    background-color:transparent;
    color: #343434;
}
.dragItemInTransit td{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9pt;
}
.dragItem td{
    background-color:#f4f4f4;
    color: #343434;
    font-size:9pt;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:2px;
    cursor:pointer;
}
.dragItemUnderlined td{
    background-color:#f4f4f4;
    color: #343434;
    font-size:9pt;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:2px;
    cursor:pointer;
    text-decoration:underline;
}
.dragItemSelected td{
    background-color: #d1d1d1;
    color: #343434;
    font-size:9pt;
    padding-top:3px;
    padding-bottom:7px;
    padding-left:20px;
    padding-right:2px;
    cursor:pointer;
}

.buttonWidth{
    width:120px;
    margin-left:auto;
    margin-right:auto;
    font-size:9pt;
    cursor:pointer;
}
#popupTransparency{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#333333;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.popupContainer{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.popupContainer td{
    vertical-align: middle;
    text-align: center;
}
.popupVisible{
    padding:0px;
    color:black;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    background-color:white;
    border:none;
    margin:auto;
    text-align:center;
    position:relative;
}
.popupCancel{
    position:absolute;
    top:4px;
    right:4px;
    cursor:pointer;
}