FLUID-4825: replaced shadow on controls with border for themes. Remov…

…ed temporary css for initial overlay no longer needed.

css/VideoPlayer.css

@@ -124,6 +124,15 @@
     width: 30%;
 }
 
+.fl-theme-uio-yb .fl-videoPlayer-controller-buttons,
+.fl-theme-uio-wb .fl-videoPlayer-controller-buttons,
+.fl-theme-uio-by .fl-videoPlayer-controller-buttons,
+.fl-theme-uio-bw .fl-videoPlayer-controller-buttons {
+	box-shadow: none;
+	border: 1px solid;	
+	padding-bottom: 1px; /* For Safari and Chrome - without padding, button borders overlap controller border */
+}
+
 a.fl-videoPlayer-button-wrapper {
     text-decoration: none;
 }
@@ -665,23 +674,6 @@ ul.fl-videoPlayer-transcripts-languageList li {
     line-height: inherit !important;
 }
 
-/********************
- * UIO theme styling 
- ********************/
-
-.fl-theme-uio-bw .fl-videoPlayer-main,
-.fl-theme-uio-by .fl-videoPlayer-main {
-    border: 1px solid #fff;  /* This will go away once we have the proper styling for the initial overlay */
-}
-
-.fl-theme-uio-wb .fl-videoPlayer-main {
-    border: 1px solid white;  /* This will go away once we have the proper styling for the initial overlay */
-}
-
-.fl-theme-uio-yb .fl-videoPlayer-main {
-    border: 1px solid yellow;  /* This will go away once we have the proper styling for the initial overlay */
-}
-
 /***********************************************************
  * Styling overrides for the scrubber when using UIO themes
  ***********************************************************/