Rename DOM elements filmout, instead of "video"

app/index.html

@@ -350,18 +350,20 @@
                 <button>Use Video</butto>
             </div>
             <div id="filmout_preview_wrap">
-              <img src="#" id="filmout">
+              <div id="filmout_monitor">
+                <img src="#" id="filmout">
+              </div>
             </div>
             <div id="filmout_position_wrap">
               <button id="filmout_rewind"><</button>
-              <input id="filmout_position" type="text" value="00001"/>
+              <input id="filmout_position" class="count" type="text" value="00001"/>
               <button id="filmout_advance">></button>
             </div>
             <div id="filmout_functions">
-              <button id="filmout_preview">Preview</button>
-              <button id="filmout_meter">Meter</button>
-              <button id="filmout_focus">Focus</button>
-              <button id="filmout_field">Field Guide</button>
+              <button id="filmout_preview">PREVIEW</button>
+              <button id="filmout_meter">METER</button>
+              <button id="filmout_focus">FOCUS</button>
+              <button id="filmout_field">FIELD GUIDE</button>
             </div>
           </div>
         </div>

app/less/app.less

@@ -8,7 +8,7 @@
 @import "./scroll.less";
 @import "./settings.less";
 @import "./mscript.less";
-@import "./video.less";
+@import "./filmout.less";
 
 #screens{
 	overflow-x: hidden;

app/less/filmout.less

@@ -1,14 +1,14 @@
 #path_bar{
 	
 }
-#video_file {
+#filmout_file {
 	
 }
-#video_preview_wrap {
+#filmout_preview_wrap {
 	background: #000;
 	width: 100%;
 }
-#video_preview {
+#filmout {
 	height: 400px;
 	min-height: 400px;
 	width: auto;