/* FONTS */
@font-face {
    src:                     local("Arial");
    fontFamily:             ArialEmbedded;
    fontWeight:             normal;
}
 
@font-face {
    src:                     local("Arial");
    fontFamily:             ArialEmbedded;
    fontWeight:             bold;
}

/* TYPE SELECTORS */
Application {
    background-color:         #000000;
    font-family:             ArialEmbedded;
}

PlaylistPlayer {
    vertical-gap:             0;
}

SongRenderer {
    color:                     #000000;
    horizontal-gap:         0;
    padding-left:            10px;
    padding-right:            5px;
    vertical-gap:            0;
    vertical-align:         middle;
}

TextInput {
    background-alpha:         .5;
    background-color:         #FFFFFF;
    border-style:             solid;
    border-thickness:         1;    
}

VScrollBar {
   cornerRadius: 0;
   highlightAlphas: 0, 0;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #cccccc, #cccccc, #999999, #999999;
   trackColors: #ffffff, #ffffff;
   borderColor: #ffffff;
   iconColor: #000000;
   thumbOffset: 0;
   border-style:none;
   
}

HScrollBar {
   cornerRadius: 0;
   highlightAlphas: 0.1, 0;
   fillAlphas: 0.73, 0.79, 0.75, 0.65;
   fillColors: #000000, #000000, #000000, #000000;
   trackColors: #000000, #000000;
   themeColor: #000000;
   borderColor: #000000;
   iconColor: #ffffff;
}

WindowedApplication {
    background-color:         #000000;
}

/* CLASS SELECTORS */
.cancelButton {
    skin: Embed(source="/assets/x.png");    
}

.downloadButton {
    color:                    #000000;
    corner-radius:             0;
    font-weight:             normal;
    padding-bottom:            0;
    padding-left:            0;
    padding-right:            0;
    padding-top:            0;
    roll-over-color:         #FFFFFF;
    selection-color:         #FFFFFF;
    text-roll-over-color:     #333333;
}

.overlay {
    border-style:             solid;
    border-thickness:        0;
    color:                     #FFFFFF;
    corner-radius:            0;
    font-size:                 12;
    padding-top:             15;
    right:                     0;
}

.playerHeader {
    color:                    #FFFFFF;
    padding-bottom:            10px;
    padding-left:            10px;    
    padding-right:            10px;
    padding-top:            10px;
    vertical-align:            bottom;
}

.playheadActive {
    color:                     #009400;
    text-align:             right;
}

.playheadInactive {
    color:                     #BBBBBB;
    text-align:             right;
}

.playlistTitle {
    font-size:                14;
    font-weight:            bold;    
}

.playlistGrid {
    border-style:             none;
    use-roll-over:             false;
    vertical-grid-lines:    false;
}

.songTitle {
    font-size:                24;
    font-weight:            bold;
}

.toolbar {
    background-color:        #25AAFF;
    border-style:            solid;
    border-thickness:        0;
    color:                     #FFFFFF;
    horizontal-gap:            0;
}

.toolbarButton {
    corner-radius:             0;
    font-weight:             normal;
    padding-bottom:            0;
    padding-left:            0;
    padding-right:            0;
    padding-top:            0;
    roll-over-color:         #FF8000;
    selection-color:         #FFFFFF;
    text-roll-over-color:     #FFFFFF;
    color: #FFFFFF;
}