.audiojs audio { 
    position: absolute; 
    left: -1px; 
}  
.audiojs { /* hesin teknar komponentin */
    width: 270px; 
    height: 36px; 
    background: #404040;    
    overflow: hidden; 
    font-family: monospace; 
    font-size: 12px;           
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); /* ger onki */
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);    /* ger onki */
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);      /* ger onki */
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);         /* ger onki */   
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}           
.audiojs .play-pause { 
    width: 40px; 
    height: 40px; 
    padding: 4px 6px; 
    margin: 0px; 
    float: left; 
    overflow: hidden; 
    border-right: 1px solid #000; 
}       
.audiojs p { 
    display: none; 
    width: 25px; 
    height: 40px; 
    margin: 0px; 
    cursor: pointer; 
}       
.audiojs .play { 
    display: block; 
}         
.audiojs .scrubber { 
    position: relative; 
    float: left; 
    width: 100px; 
    background: #5a5a5a;  /* background - undir bæði load og play ás */
    height: 14px; 
    margin: 10px; 
    border-top: 1px solid #3f3f3f; 
    border-left: 0px; 
    border-bottom: 0px; 
    overflow: hidden; 
}         
.audiojs .progress { /* HESIN teknar progress bar*/
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
    background: #ccc;
    z-index: 1;
    background: #4b0000 ;
    background: -webkit-gradient( linear, left top, right top, from( #4b0000 ), to( #702500 ) );
    background: -webkit-linear-gradient( left, #4b0000, #702500 );
    background: -moz-linear-gradient( left, #4b0000, #702500 );
    background: -ms-radial-gradient( left, #4b0000, #702500 );
    background: -o-linear-gradient( left, #4b0000, #702500 );
    background: linear-gradient( left, #4b0000, #702500 );
    
    -webkit-box-shadow: inset 0 0 5px #702500 ;
    -moz-box-shadow: inset 0 0 5px #702500 ;
    box-shadow: inset 0 0 5px #702500;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    /*background: #007fd1;     /* BLUE pogress bar 
    background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
    background: -webkit-linear-gradient( left, #007fd1, #c600ff );
    background: -moz-linear-gradient( left, #007fd1, #c600ff );
    background: -ms-radial-gradient( left, #007fd1, #c600ff );
    background: -o-linear-gradient( left, #007fd1, #c600ff );
    background: linear-gradient( left, #007fd1, #c600ff ); */
}         
.audiojs .loaded { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 14px; 
    width: 0px; 
    background: #000;           
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));          
    background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); 
}         
.audiojs .time { 
    float: left; 
    height: 36px; 
    line-height: 36px; 
    margin: 0px 0px 0px 6px; 
    padding: 0px 6px 0px 12px; 
    border-left: 1px solid #000; 
    color: #ddd; 
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); 
}         
.audiojs .time em { 
    padding: 0px 2px 0px 0px; 
    color: #f9f9f9; /* 00:00 - hvussu nógv er spælt av fíluni */
    font-style: normal; 
}         
.audiojs .time strong { 
    padding: 0px 0px 0px 2px; 
    font-weight: normal; 
}         
.audiojs .error-message { 
    float: left; 
    display: none; 
    margin: 0px 10px; 
    height: 36px; 
    width: 400px; 
    overflow: hidden; 
    line-height: 36px; 
    white-space: nowrap; 
    color: #fff;           
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; 
    -moz-text-overflow: ellipsis; 
    -webkit-text-overflow: ellipsis; 
}         
.audiojs .error-message a { 
    color: #eee; 
    text-decoration: none; 
    padding-bottom: 1px; 
    border-bottom: 1px solid #999; 
    white-space: wrap; 
}           /*      
.audiojs .play { 
    background: url("$1") -2px -1px no-repeat; 
}         
.audiojs .loading { 
    background: url("$1") -2px -31px no-repeat; 
}         
.audiojs .error { 
    background: url("$1") -2px -61px no-repeat; 
}         
.audiojs .pause { 
    background: url("$1") -2px -91px no-repeat; 
}         */        
.playing .play, .playing .loading, .playing .error { 
    display: none; 
}         
.playing .pause { 
    display: block; 
}                 
.loading .play, .loading .pause, .loading .error { 
    display: none; 
}         
.loading .loading { 
    display: block; 
}                 
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { 
    display: none; 
}         
.error .error { 
    display: block; 
}         
.error .play-pause p { 
    cursor: auto; 
}         
.error .error-message { 
    display: block; 
}