diff --git a/css/VideoPlayer.css b/css/VideoPlayer.css
index a772ef6..3e147e6 100644
--- a/css/VideoPlayer.css
+++ b/css/VideoPlayer.css
@@ -34,11 +34,17 @@
     bottom: 0;
 }
 
+
+/***********
+ * Buttons *
+ ***********/
+ 
 .fl-videoPlayer-button {
     width: 30px;
     height: 30px;
     border: 0;
     cursor: pointer;
+    background-color: rgba(0, 0, 0, 0);
 }
 
 .fl-videoPlayer-controller-buttons .fl-videoPlayer-button,
@@ -78,55 +84,72 @@ a.fl-videoPlayer-button-wrapper {
     text-decoration: none;
 }
 
-/*
- * Play button
- */
+/* Play button */
 .fl-videoPlayer-play {
-    background: url('../images/play.png') no-repeat center center;
+    background-image: url('../images/default/play.png');
 }
 
 .fl-videoPlayer-play:hover {
-    background: url('../images/play_hover.png') no-repeat center center;
+    background-image: url('../images/default/play_hover.png');
 }
 
 .fl-videoPlayer-playing {
-    background-image: url('../images/pause.png');
+    background-image: url('../images/default/pause.png');
 }
 
 .fl-videoPlayer-playing:hover {
-    background-image: url('../images/pause_hover.png');
+    background-image: url('../images/default/pause_hover.png');
 }
 
-/*
- * Fullscreen button
- */
+/* Fullscreen button */
 .fl-videoPlayer-fullscreen {
-    background: url('../images/fullscreen.png') no-repeat center center;
+    background-image: url('../images/default/fullscreen.png');
 }
 
 .fl-videoPlayer-fullscreen:hover {
-    background: url('../images/fullscreen_hover.png') no-repeat center center;
+    background-image: url('../images/default/fullscreen_hover.png');
 }
 
 .fl-videoPlayer-fullscreen-on {
-    background-image: url('../images/smallscreen.png');
+    background-image: url('../images/default/smallscreen.png');
 }
 
 .fl-videoPlayer-fullscreen-on:hover {
-    background-image: url('../images/smallscreen_hover.png');
+    background-image: url('../images/default/smallscreen_hover.png');
 }
 
-/*
- * Volume controls
- */
+/* Volume button */
 .fl-videoPlayer-mute {
-    background: url('../images/volume.png') no-repeat center center;
+    background-image: url('../images/default/volume.png');
 }
 
 .fl-videoPlayer-muted {
-    background-image: url('../images/volume_off.png');
+    background-image: url('../images/default/volume_off.png');
+}
+
+/* Captions button */
+.fl-videoPlayer-captions-button {
+    background-image: url('../images/default/captions.png');
+}
+
+.fl-videoPlayer-captions-button:hover {
+    background-image: url('../images/default/captions_hover.png');
 }
 
+/* Transcript button */
+.fl-videoPlayer-transcripts-button {
+    background-image: url('../images/default/transcript.png');
+}
+
+.fl-videoPlayer-transcripts-button:hover {
+    background-image: url('../images/default/transcript_hover.png');
+}
+
+
+/******************
+ * Volume Control *
+ ******************/
+ 
 .fl-videoPlayer-volumeContainer {
     position: relative;
 }
@@ -153,6 +176,11 @@ a.fl-videoPlayer-button-wrapper {
     display: inline;
 }
 
+
+/**********************************
+ * Captions and Transcripts Menus *
+ **********************************/
+ 
 .fl-videoPlayer-languageMenu {
     position: absolute;
     bottom: 2.5em;
@@ -163,7 +191,7 @@ a.fl-videoPlayer-button-wrapper {
     z-index: 2;
 }
 
-/* TODO: This is a temporary workaround to absolute positioning issues with the menu buttons */
+/* TODO: This is a temporary workaround to an absolute positioning issue with the menu buttons */
 .fl-videoPlayer-captions .fl-videoPlayer-languageMenu {
     margin-left: -3.5em;
 }
@@ -191,70 +219,18 @@ a.fl-videoPlayer-button-wrapper {
     font-weight: bold;
 }
 
-/*
- * Caption controls
- */
-.fl-videoPlayer-captions-button {
-    background: url('../images/captions.png') no-repeat center center;
-}
-
-.fl-videoPlayer-captions-button:hover {
-    background: url('../images/captions_hover.png') no-repeat center center;
-}
-
-.fl-videoPlayer-captions-button.fl-videoPlayer-caption-active {
-    background-color: orange;
-}
-.fl-videoPlayer-captions-button.fl-videoPlayer-caption-active:hover {
-    background-color: wheat;
-}
-
 ul.fl-videoPlayer-captions-languageList,
-ul.fl-videoPlayer-captions-languageList li {
-    display: block;
-}
-
-ul.fl-videoPlayer-captions-languageList .fl-videoPlayer-caption-selected {
-    color: yellow;
-}
-
-/*
- * transcript controls
- */
-.fl-videoPlayer-transcripts-button {
-    background: url('../images/transcript.png') no-repeat center center;
-}
-
-.fl-videoPlayer-transcripts-button:hover {
-    background: url('../images/transcript_hover.png') no-repeat center center;
-}
-
-.fl-videoPlayer-transcripts-button.fl-videoPlayer-transcript-active {
-    background-color: orange;
-}
-.fl-videoPlayer-transcripts-button.fl-videoPlayer-transcript-active:hover {
-    background-color: wheat;
-}
-
+ul.fl-videoPlayer-captions-languageList li,
 ul.fl-videoPlayer-transcripts-languageList,
 ul.fl-videoPlayer-transcripts-languageList li {
     display: block;
 }
-ul.fl-videoPlayer-transcripts-languageList .fl-videoPlayer-transcript-selected {
-    color: yellow;
-}
 
-.fl-videoPlayer-transcripts-close-button {
-    background: #fff url('../images/transcriptclose.png') no-repeat center center;
-}
-
-.fl-videoPlayer-transcripts-close-button:hover {
-    background: #fff url('../images/transcriptclose_hover.png') no-repeat center center;
-}
 
-/*
- * Scrub bar controls
- */
+/************
+ * Scrubber *
+ ************/
+ 
 .fl-videoPlayer-scrubberContainer {
     width: 100%;
     text-align: center;
@@ -376,6 +352,15 @@ ul.fl-videoPlayer-transcripts-languageList .fl-videoPlayer-transcript-selected {
     padding: 0.2em;
 }
 
+.fl-videoPlayer-transcripts-close-button {
+    background: #fff url('../images/default/transcriptclose.png') no-repeat center center;
+}
+
+.fl-videoPlayer-transcripts-close-button:hover {
+    background: #fff url('../images/default/transcriptclose_hover.png') no-repeat center center;
+}
+
+
 /**********************
  * Captionator Styles *
  **********************/
@@ -424,142 +409,246 @@ ul.fl-videoPlayer-transcripts-languageList .fl-videoPlayer-transcript-selected {
 .fl-theme-uio-yb .fl-videoPlayer-controller {
     background-color: black !important;
 }
-.fl-theme-uio-bw .fl-videoPlayer-controller,
-.fl-theme-uio-by .fl-videoPlayer-controller,
-.fl-theme-uio-bw .fl-videoPlayer-button,
-.fl-theme-uio-by .fl-videoPlayer-button {
-    border: 1px solid black;
-}
+
 .fl-theme-uio-wb .fl-videoPlayer-controller,
 .fl-theme-uio-yb .fl-videoPlayer-controller,
 .fl-theme-uio-wb .fl-videoPlayer-button,
 .fl-theme-uio-yb .fl-videoPlayer-button {
     background-color: black;
 }
-.fl-theme-uio-wb .fl-videoPlayer-controller,
-.fl-theme-uio-wb .fl-videoPlayer-button {
-    border: 1px solid white;
+
+.fl-theme-uio-wb .fl-videoPlayer-caption-captionText,
+.fl-theme-uio-yb .fl-videoPlayer-caption-captionText {
+    background-color: black;
 }
-.fl-theme-uio-yb .fl-videoPlayer-controller,
-.fl-theme-uio-yb .fl-videoPlayer-button {
-    border: 1px solid yellow;
+
+.fl-theme-uio-bw .fl-videoPlayer-caption-captionText,
+.fl-theme-uio-by .fl-videoPlayer-caption-captionText {
+    color: black;
 }
-/*
+
+.fl-theme-uio-wb .fl-videoPlayer-caption-captionText {
+    color: white;
+}
+
+.fl-theme-uio-bw .fl-videoPlayer-caption-captionText {
+    background-color: white;
+}
+
+.fl-theme-uio-by .fl-videoPlayer-caption-captionText {
+    background-color: yellow;
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-caption-captionText {
+    color: yellow;
+}
+
+.fl-theme-uio-bw .fl-videoPlayer-transcript-element-highlight {
+    background-color: black !important;
+    color: white !important;
+}
+
+.fl-theme-uio-wb .fl-videoPlayer-transcript-element-highlight {
+    background-color: white !important;
+    color: black !important;
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-transcript-element-highlight {
+    background-color: yellow !important;
+    color: black !important;
+}
+
+.fl-theme-uio-by .fl-videoPlayer-transcript-element-highlight {
+    background-color: black !important;
+    color: yellow !important;
+}
+
+
+/* Play button */
 .fl-theme-uio-bw .fl-videoPlayer-play,
 .fl-theme-uio-by .fl-videoPlayer-play {
-    background-image: url('../images/play-black.png');
+    background-image: url('../images/black/play.png');
+}
+
+.fl-theme-uio-bw .fl-videoPlayer-play:hover,
+.fl-theme-uio-by .fl-videoPlayer-play:hover {
+    background-image: url('../images/black/play_hover.png');
 }
+
 .fl-theme-uio-yb .fl-videoPlayer-play {
-    background-image: url('../images/play-yellow.png');
+    background-image: url('../images/yellow/play.png');
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-play:hover {
+    background-image: url('../images/yellow/play_hover.png');
 }
+
 .fl-theme-uio-wb .fl-videoPlayer-play {
-    background-image: url('../images/play-white.png');
+    background-image: url('../images/white/play.png');
+}
+
+.fl-theme-uio-wb .fl-videoPlayer-play:hover {
+    background-image: url('../images/white/play_hover.png');
 }
+
 .fl-theme-uio-bw .fl-videoPlayer-playing,
 .fl-theme-uio-by .fl-videoPlayer-playing {
-    background-image: url('../images/pause-black.png');
+    background-image: url('../images/black/pause.png');
+}
+
+.fl-theme-uio-bw .fl-videoPlayer-playing:hover,
+.fl-theme-uio-by .fl-videoPlayer-playing:hover {
+    background-image: url('../images/black/pause_hover.png');
 }
+
 .fl-theme-uio-yb .fl-videoPlayer-playing {
-    background-image: url('../images/pause-yellow.png');
+    background-image: url('../images/yellow/pause.png');
 }
+
+.fl-theme-uio-yb .fl-videoPlayer-playing:hover {
+    background-image: url('../images/yellow/pause_hover.png');
+}
+
 .fl-theme-uio-wb .fl-videoPlayer-playing {
-    background-image: url('../images/pause-white.png');
+    background-image: url('../images/white/pause.png');
 }
+
+.fl-theme-uio-wb .fl-videoPlayer-playing:hover {
+    background-image: url('../images/white/pause_hover.png');
+}
+
+
+/* Fullscreen button */
+
 .fl-theme-uio-bw .fl-videoPlayer-fullscreen,
 .fl-theme-uio-by .fl-videoPlayer-fullscreen {
-    background-image: url('../images/fullscreen-black.png');
+    background-image: url('../images/black/fullscreen.png');
+}
+
+.fl-theme-uio-bw .fl-videoPlayer-fullscreen:hover,
+.fl-theme-uio-by .fl-videoPlayer-fullscreen:hover {
+    background-image: url('../images/black/fullscreen_hover.png');
 }
+
 .fl-theme-uio-yb .fl-videoPlayer-fullscreen {
-    background-image: url('../images/fullscreen-yellow.png');
+    background-image: url('../images/yellow/fullscreen.png');
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-fullscreen:hover {
+    background-image: url('../images/yellow/fullscreen_hover.png');
 }
+
 .fl-theme-uio-wb .fl-videoPlayer-fullscreen {
-    background-image: url('../images/fullscreen-white.png');
+    background-image: url('../images/white/fullscreen.png');
 }
+
+.fl-theme-uio-wb .fl-videoPlayer-fullscreen:hover {
+    background-image: url('../images/white/fullscreen_hover.png');
+}
+
 .fl-theme-uio-bw .fl-videoPlayer-fullscreen-on,
 .fl-theme-uio-by .fl-videoPlayer-fullscreen-on {
-    background-image: url('../images/fullscreen-on-black.png');
+    background-image: url('../images/black/smallscreen.png');
 }
+
+.fl-theme-uio-bw .fl-videoPlayer-fullscreen-on:hover,
+.fl-theme-uio-by .fl-videoPlayer-fullscreen-on:hover {
+    background-image: url('../images/black/smallscreen_hover.png');
+}
+
 .fl-theme-uio-yb .fl-videoPlayer-fullscreen-on {
-    background-image: url('../images/fullscreen-on-yellow.png');
+    background-image: url('../images/yellow/smallscreen.png');
 }
+
+.fl-theme-uio-yb .fl-videoPlayer-fullscreen-on:hover {
+    background-image: url('../images/yellow/smallscreen_hover.png');
+}
+
 .fl-theme-uio-wb .fl-videoPlayer-fullscreen-on {
-    background-image: url('../images/fullscreen-on-white.png');
+    background-image: url('../images/white/smallscreen.png');
 }
+
+.fl-theme-uio-wb .fl-videoPlayer-fullscreen-on:hover {
+    background-image: url('../images/white/smallscreen_hover.png');
+}
+
+/* Volume button */
 .fl-theme-uio-bw .fl-videoPlayer-mute,
 .fl-theme-uio-by .fl-videoPlayer-mute {
-    background-image: url('../images/volume-black.png');
+    background-image: url('../images/black/volume.png');
 }
+
 .fl-theme-uio-yb .fl-videoPlayer-mute {
-    background-image: url('../images/volume-yellow.png');
+    background-image: url('../images/yellow/volume.png');
 }
+
 .fl-theme-uio-wb .fl-videoPlayer-mute {
-    background-image: url('../images/volume-white.png');
+    background-image: url('../images/white/volume.png');
 }
+
 .fl-theme-uio-bw .fl-videoPlayer-muted,
 .fl-theme-uio-by .fl-videoPlayer-muted {
-    background-image: url('../images/volume-muted-black.png');
+    background-image: url('../images/black/volume_off.png');
 }
+
 .fl-theme-uio-yb .fl-videoPlayer-muted {
-    background-image: url('../images/volume-muted-yellow.png');
+    background-image: url('../images/yellow/volume_off.png');
 }
+
+
 .fl-theme-uio-wb .fl-videoPlayer-muted {
-    background-image: url('../images/volume-muted-white.png');
+    background-image: url('../images/white/volume_off.png');
 }
+
+/* Captions and transcripts */
 .fl-theme-uio-bw .fl-videoPlayer-captions-button,
 .fl-theme-uio-by .fl-videoPlayer-captions-button {
-    background-image: url('../images/captions-black.png');
+    background-image: url('../images/black/captions.png');
 }
+
+.fl-theme-uio-bw .fl-videoPlayer-captions-button:hover,
+.fl-theme-uio-by .fl-videoPlayer-captions-button:hover {
+    background-image: url('../images/black/captions_hover.png');
+}
+
 .fl-theme-uio-yb .fl-videoPlayer-captions-button {
-    background-image: url('../images/captions-yellow.png');
+    background-image: url('../images/yellow/captions.png');
+}
+
+.fl-theme-uio-yb .fl-videoPlayer-captions-button:hover {
+    background-image: url('../images/yellow/captions_hover.png');
 }
+
 .fl-theme-uio-wb .fl-videoPlayer-captions-button {
-    background-image: url('../images/captions-white.png');
+    background-image: url('../images/white/captions.png');
+}
+
+.fl-theme-uio-wb .fl-videoPlayer-captions-button:hover {
+    background-image: url('../images/white/captions_hover.png');
 }
+
 .fl-theme-uio-bw .fl-videoPlayer-transcripts-button,
 .fl-theme-uio-by .fl-videoPlayer-transcripts-button {
-    background-image: url('../images/transcripts-black.png');
-}
-.fl-theme-uio-yb .fl-videoPlayer-transcripts-button {
-    background-image: url('../images/transcripts-yellow.png');
-}
-.fl-theme-uio-wb .fl-videoPlayer-transcripts-button {
-    background-image: url('../images/transcripts-white.png');
-}
-*/
-.fl-theme-uio-wb .fl-videoPlayer-caption-captionText,
-.fl-theme-uio-yb .fl-videoPlayer-caption-captionText {
-    background-color: black;
-}
-.fl-theme-uio-bw .fl-videoPlayer-caption-captionText,
-.fl-theme-uio-by .fl-videoPlayer-caption-captionText {
-    color: black;
-}
-.fl-theme-uio-wb .fl-videoPlayer-caption-captionText {
-    color: white;
-}
-.fl-theme-uio-bw .fl-videoPlayer-caption-captionText {
-    background-color: white;
-}
-.fl-theme-uio-by .fl-videoPlayer-caption-captionText {
-    background-color: yellow;
+    background-image: url('../images/black/transcript.png');
 }
-.fl-theme-uio-yb .fl-videoPlayer-caption-captionText {
-    color: yellow;
+
+.fl-theme-uio-bw .fl-videoPlayer-transcripts-button:hover,
+.fl-theme-uio-by .fl-videoPlayer-transcripts-button:hover {
+    background-image: url('../images/black/transcript_hover.png');
 }
 
-.fl-theme-uio-bw .fl-videoPlayer-transcript-element-highlight {
-    background-color: black !important;
-    color: white !important;
+.fl-theme-uio-yb .fl-videoPlayer-transcripts-button {
+    background-image: url('../images/yellow/transcript.png');
 }
-.fl-theme-uio-wb .fl-videoPlayer-transcript-element-highlight {
-    background-color: white !important;
-    color: black !important;
+
+.fl-theme-uio-yb .fl-videoPlayer-transcripts-button:hover {
+    background-image: url('../images/yellow/transcript_hover.png');
 }
-.fl-theme-uio-yb .fl-videoPlayer-transcript-element-highlight {
-    background-color: yellow !important;
-    color: black !important;
+
+.fl-theme-uio-wb .fl-videoPlayer-transcripts-button {
+    background-image: url('../images/white/transcript.png');
 }
-.fl-theme-uio-by .fl-videoPlayer-transcript-element-highlight {
-    background-color: black !important;
-    color: yellow !important;
+
+.fl-theme-uio-wb .fl-videoPlayer-transcripts-button:hover {
+    background-image: url('../images/white/transcript_hover.png');
 }
diff --git a/images/black/black_pause.png b/images/black/black_pause.png
new file mode 100644
index 0000000..b930070
Binary files /dev/null and b/images/black/black_pause.png differ
diff --git a/images/black/black_play_hover.png b/images/black/black_play_hover.png
new file mode 100644
index 0000000..7097888
Binary files /dev/null and b/images/black/black_play_hover.png differ
diff --git a/images/black/captions.png b/images/black/captions.png
new file mode 100644
index 0000000..1845dbd
Binary files /dev/null and b/images/black/captions.png differ
diff --git a/images/black/captions_hover.png b/images/black/captions_hover.png
new file mode 100644
index 0000000..a2a2a09
Binary files /dev/null and b/images/black/captions_hover.png differ
diff --git a/images/black/captions_on.png b/images/black/captions_on.png
new file mode 100644
index 0000000..a2a2a09
Binary files /dev/null and b/images/black/captions_on.png differ
diff --git a/images/black/fullscreen.png b/images/black/fullscreen.png
new file mode 100644
index 0000000..67c7b07
Binary files /dev/null and b/images/black/fullscreen.png differ
diff --git a/images/black/fullscreen_hover.png b/images/black/fullscreen_hover.png
new file mode 100644
index 0000000..98761d6
Binary files /dev/null and b/images/black/fullscreen_hover.png differ
diff --git a/images/black/pause_hover.png b/images/black/pause_hover.png
new file mode 100644
index 0000000..b84a2ef
Binary files /dev/null and b/images/black/pause_hover.png differ
diff --git a/images/black/play.png b/images/black/play.png
new file mode 100644
index 0000000..b022763
Binary files /dev/null and b/images/black/play.png differ
diff --git a/images/black/smallscreen.png b/images/black/smallscreen.png
new file mode 100644
index 0000000..cc9664c
Binary files /dev/null and b/images/black/smallscreen.png differ
diff --git a/images/black/smallscreen_hover.png b/images/black/smallscreen_hover.png
new file mode 100644
index 0000000..24f639c
Binary files /dev/null and b/images/black/smallscreen_hover.png differ
diff --git a/images/black/transcript.png b/images/black/transcript.png
new file mode 100644
index 0000000..48c89c8
Binary files /dev/null and b/images/black/transcript.png differ
diff --git a/images/black/transcript_hover.png b/images/black/transcript_hover.png
new file mode 100644
index 0000000..6e5f3e9
Binary files /dev/null and b/images/black/transcript_hover.png differ
diff --git a/images/black/transcript_on.png b/images/black/transcript_on.png
new file mode 100644
index 0000000..11b8a10
Binary files /dev/null and b/images/black/transcript_on.png differ
diff --git a/images/black/transcriptclose.png b/images/black/transcriptclose.png
new file mode 100644
index 0000000..45403e9
Binary files /dev/null and b/images/black/transcriptclose.png differ
diff --git a/images/black/uio.png b/images/black/uio.png
new file mode 100644
index 0000000..cdb20b1
Binary files /dev/null and b/images/black/uio.png differ
diff --git a/images/black/uio_hover.png b/images/black/uio_hover.png
new file mode 100644
index 0000000..1ed01e1
Binary files /dev/null and b/images/black/uio_hover.png differ
diff --git a/images/black/videodescription.png b/images/black/videodescription.png
new file mode 100644
index 0000000..d40a055
Binary files /dev/null and b/images/black/videodescription.png differ
diff --git a/images/black/videodescription_hover.png b/images/black/videodescription_hover.png
new file mode 100644
index 0000000..ad9ac45
Binary files /dev/null and b/images/black/videodescription_hover.png differ
diff --git a/images/black/videodescription_on.png b/images/black/videodescription_on.png
new file mode 100644
index 0000000..fc65b3e
Binary files /dev/null and b/images/black/videodescription_on.png differ
diff --git a/images/black/volume.png b/images/black/volume.png
new file mode 100644
index 0000000..29ed97c
Binary files /dev/null and b/images/black/volume.png differ
diff --git a/images/black/volume_off.png b/images/black/volume_off.png
new file mode 100644
index 0000000..d696aa2
Binary files /dev/null and b/images/black/volume_off.png differ
diff --git a/images/captions.png b/images/default/captions.png
similarity index 100%
rename from images/captions.png
rename to images/default/captions.png
diff --git a/images/captions_hover.png b/images/default/captions_hover.png
similarity index 100%
rename from images/captions_hover.png
rename to images/default/captions_hover.png
diff --git a/images/captions_on.png b/images/default/captions_on.png
similarity index 100%
rename from images/captions_on.png
rename to images/default/captions_on.png
diff --git a/images/fullscreen.png b/images/default/fullscreen.png
similarity index 100%
rename from images/fullscreen.png
rename to images/default/fullscreen.png
diff --git a/images/fullscreen_hover.png b/images/default/fullscreen_hover.png
similarity index 100%
rename from images/fullscreen_hover.png
rename to images/default/fullscreen_hover.png
diff --git a/images/pause.png b/images/default/pause.png
similarity index 100%
rename from images/pause.png
rename to images/default/pause.png
diff --git a/images/pause_hover.png b/images/default/pause_hover.png
similarity index 100%
rename from images/pause_hover.png
rename to images/default/pause_hover.png
diff --git a/images/play.png b/images/default/play.png
similarity index 100%
rename from images/play.png
rename to images/default/play.png
diff --git a/images/play_hover.png b/images/default/play_hover.png
similarity index 100%
rename from images/play_hover.png
rename to images/default/play_hover.png
diff --git a/images/smallscreen.png b/images/default/smallscreen.png
similarity index 100%
rename from images/smallscreen.png
rename to images/default/smallscreen.png
diff --git a/images/smallscreen_hover.png b/images/default/smallscreen_hover.png
similarity index 100%
rename from images/smallscreen_hover.png
rename to images/default/smallscreen_hover.png
diff --git a/images/transcript.png b/images/default/transcript.png
similarity index 100%
rename from images/transcript.png
rename to images/default/transcript.png
diff --git a/images/transcript_hover.png b/images/default/transcript_hover.png
similarity index 100%
rename from images/transcript_hover.png
rename to images/default/transcript_hover.png
diff --git a/images/transcript_on.png b/images/default/transcript_on.png
similarity index 100%
rename from images/transcript_on.png
rename to images/default/transcript_on.png
diff --git a/images/transcriptclose.png b/images/default/transcriptclose.png
similarity index 100%
rename from images/transcriptclose.png
rename to images/default/transcriptclose.png
diff --git a/images/transcriptclose_hover.png b/images/default/transcriptclose_hover.png
similarity index 100%
rename from images/transcriptclose_hover.png
rename to images/default/transcriptclose_hover.png
diff --git a/images/uio.png b/images/default/uio.png
similarity index 100%
rename from images/uio.png
rename to images/default/uio.png
diff --git a/images/uio_hover.png b/images/default/uio_hover.png
similarity index 100%
rename from images/uio_hover.png
rename to images/default/uio_hover.png
diff --git a/images/videodescription.png b/images/default/videodescription.png
similarity index 100%
rename from images/videodescription.png
rename to images/default/videodescription.png
diff --git a/images/videodescription_hover.png b/images/default/videodescription_hover.png
similarity index 100%
rename from images/videodescription_hover.png
rename to images/default/videodescription_hover.png
diff --git a/images/videodescription_on.png b/images/default/videodescription_on.png
similarity index 100%
rename from images/videodescription_on.png
rename to images/default/videodescription_on.png
diff --git a/images/volume.png b/images/default/volume.png
similarity index 100%
rename from images/volume.png
rename to images/default/volume.png
diff --git a/images/volume_off.png b/images/default/volume_off.png
similarity index 100%
rename from images/volume_off.png
rename to images/default/volume_off.png
diff --git a/images/white/captions.png b/images/white/captions.png
new file mode 100644
index 0000000..aaf0ff6
Binary files /dev/null and b/images/white/captions.png differ
diff --git a/images/white/captions_hover.png b/images/white/captions_hover.png
new file mode 100644
index 0000000..56cca24
Binary files /dev/null and b/images/white/captions_hover.png differ
diff --git a/images/white/captions_on.png b/images/white/captions_on.png
new file mode 100644
index 0000000..56cca24
Binary files /dev/null and b/images/white/captions_on.png differ
diff --git a/images/white/fullscreen.png b/images/white/fullscreen.png
new file mode 100644
index 0000000..105bd00
Binary files /dev/null and b/images/white/fullscreen.png differ
diff --git a/images/white/fullscreen_hover.png b/images/white/fullscreen_hover.png
new file mode 100644
index 0000000..63a4a27
Binary files /dev/null and b/images/white/fullscreen_hover.png differ
diff --git a/images/white/pause.png b/images/white/pause.png
new file mode 100644
index 0000000..41c9265
Binary files /dev/null and b/images/white/pause.png differ
diff --git a/images/white/pause_hover.png b/images/white/pause_hover.png
new file mode 100644
index 0000000..f3b4944
Binary files /dev/null and b/images/white/pause_hover.png differ
diff --git a/images/white/play.png b/images/white/play.png
new file mode 100644
index 0000000..86e395a
Binary files /dev/null and b/images/white/play.png differ
diff --git a/images/white/play_hover.png b/images/white/play_hover.png
new file mode 100644
index 0000000..ede9141
Binary files /dev/null and b/images/white/play_hover.png differ
diff --git a/images/white/smallscreen.png b/images/white/smallscreen.png
new file mode 100644
index 0000000..f0efd7b
Binary files /dev/null and b/images/white/smallscreen.png differ
diff --git a/images/white/smallscreen_hover.png b/images/white/smallscreen_hover.png
new file mode 100644
index 0000000..0b7f475
Binary files /dev/null and b/images/white/smallscreen_hover.png differ
diff --git a/images/white/transcript.png b/images/white/transcript.png
new file mode 100644
index 0000000..021178a
Binary files /dev/null and b/images/white/transcript.png differ
diff --git a/images/white/transcript_hover.png b/images/white/transcript_hover.png
new file mode 100644
index 0000000..33c0b1d
Binary files /dev/null and b/images/white/transcript_hover.png differ
diff --git a/images/white/transcript_on.png b/images/white/transcript_on.png
new file mode 100644
index 0000000..8ae1f6c
Binary files /dev/null and b/images/white/transcript_on.png differ
diff --git a/images/white/transcriptclose.png b/images/white/transcriptclose.png
new file mode 100644
index 0000000..b141beb
Binary files /dev/null and b/images/white/transcriptclose.png differ
diff --git a/images/white/uio.png b/images/white/uio.png
new file mode 100644
index 0000000..f0d31eb
Binary files /dev/null and b/images/white/uio.png differ
diff --git a/images/white/uio_hover.png b/images/white/uio_hover.png
new file mode 100644
index 0000000..5a64db7
Binary files /dev/null and b/images/white/uio_hover.png differ
diff --git a/images/white/videodescription.png b/images/white/videodescription.png
new file mode 100644
index 0000000..5c20049
Binary files /dev/null and b/images/white/videodescription.png differ
diff --git a/images/white/videodescription_hover.png b/images/white/videodescription_hover.png
new file mode 100644
index 0000000..f6291b2
Binary files /dev/null and b/images/white/videodescription_hover.png differ
diff --git a/images/white/videodescription_on.png b/images/white/videodescription_on.png
new file mode 100644
index 0000000..1eda2c5
Binary files /dev/null and b/images/white/videodescription_on.png differ
diff --git a/images/white/volume.png b/images/white/volume.png
new file mode 100644
index 0000000..1a417f0
Binary files /dev/null and b/images/white/volume.png differ
diff --git a/images/white/volume_off.png b/images/white/volume_off.png
new file mode 100644
index 0000000..e808a7e
Binary files /dev/null and b/images/white/volume_off.png differ
diff --git a/images/yellow/captions.png b/images/yellow/captions.png
new file mode 100644
index 0000000..47f6e01
Binary files /dev/null and b/images/yellow/captions.png differ
diff --git a/images/yellow/captions_hover.png b/images/yellow/captions_hover.png
new file mode 100644
index 0000000..37c1538
Binary files /dev/null and b/images/yellow/captions_hover.png differ
diff --git a/images/yellow/captions_on.png b/images/yellow/captions_on.png
new file mode 100644
index 0000000..37c1538
Binary files /dev/null and b/images/yellow/captions_on.png differ
diff --git a/images/yellow/fullscreen.png b/images/yellow/fullscreen.png
new file mode 100644
index 0000000..7a02d4e
Binary files /dev/null and b/images/yellow/fullscreen.png differ
diff --git a/images/yellow/fullscreen_hover.png b/images/yellow/fullscreen_hover.png
new file mode 100644
index 0000000..391fedc
Binary files /dev/null and b/images/yellow/fullscreen_hover.png differ
diff --git a/images/yellow/pause.png b/images/yellow/pause.png
new file mode 100644
index 0000000..693547c
Binary files /dev/null and b/images/yellow/pause.png differ
diff --git a/images/yellow/pause_hover.png b/images/yellow/pause_hover.png
new file mode 100644
index 0000000..fca058a
Binary files /dev/null and b/images/yellow/pause_hover.png differ
diff --git a/images/yellow/play.png b/images/yellow/play.png
new file mode 100644
index 0000000..80177f4
Binary files /dev/null and b/images/yellow/play.png differ
diff --git a/images/yellow/play_hover.png b/images/yellow/play_hover.png
new file mode 100644
index 0000000..42e0054
Binary files /dev/null and b/images/yellow/play_hover.png differ
diff --git a/images/yellow/smallscreen.png b/images/yellow/smallscreen.png
new file mode 100644
index 0000000..63893a3
Binary files /dev/null and b/images/yellow/smallscreen.png differ
diff --git a/images/yellow/smallscreen_hover.png b/images/yellow/smallscreen_hover.png
new file mode 100644
index 0000000..ee193ab
Binary files /dev/null and b/images/yellow/smallscreen_hover.png differ
diff --git a/images/yellow/transcript.png b/images/yellow/transcript.png
new file mode 100644
index 0000000..ed22f03
Binary files /dev/null and b/images/yellow/transcript.png differ
diff --git a/images/yellow/transcript_hover.png b/images/yellow/transcript_hover.png
new file mode 100644
index 0000000..6aeeae3
Binary files /dev/null and b/images/yellow/transcript_hover.png differ
diff --git a/images/yellow/transcript_on.png b/images/yellow/transcript_on.png
new file mode 100644
index 0000000..475b090
Binary files /dev/null and b/images/yellow/transcript_on.png differ
diff --git a/images/yellow/transcriptclose.png b/images/yellow/transcriptclose.png
new file mode 100644
index 0000000..ceced49
Binary files /dev/null and b/images/yellow/transcriptclose.png differ
diff --git a/images/yellow/uio.png b/images/yellow/uio.png
new file mode 100644
index 0000000..e4bb139
Binary files /dev/null and b/images/yellow/uio.png differ
diff --git a/images/yellow/uio_hover.png b/images/yellow/uio_hover.png
new file mode 100644
index 0000000..2c7cefa
Binary files /dev/null and b/images/yellow/uio_hover.png differ
diff --git a/images/yellow/videodescription.png b/images/yellow/videodescription.png
new file mode 100644
index 0000000..baacd0a
Binary files /dev/null and b/images/yellow/videodescription.png differ
diff --git a/images/yellow/videodescription_hover.png b/images/yellow/videodescription_hover.png
new file mode 100644
index 0000000..fb6a14d
Binary files /dev/null and b/images/yellow/videodescription_hover.png differ
diff --git a/images/yellow/videodescription_on.png b/images/yellow/videodescription_on.png
new file mode 100644
index 0000000..3dee04d
Binary files /dev/null and b/images/yellow/videodescription_on.png differ
diff --git a/images/yellow/volume.png b/images/yellow/volume.png
new file mode 100644
index 0000000..6665356
Binary files /dev/null and b/images/yellow/volume.png differ
diff --git a/images/yellow/volume_off.png b/images/yellow/volume_off.png
new file mode 100644
index 0000000..783a7f4
Binary files /dev/null and b/images/yellow/volume_off.png differ