diff --git a/LICENSE.md b/LICENSE.md
index 5ea3a59..3791dd1 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,4 +1,4 @@
-LCARS SDK License 15056.205 (v2.0.5)
+LCARS SDK License 15088.21 (v2.1.0)
 Author: Aric McGriff
 Email: contact@lcarssdk.org
 Website: http://www.lcarssdk.org
diff --git a/README.md b/README.md
index 2bae46e..974fba5 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-LCARS SDK 15056.205
+LCARS SDK 15088.21
 ============
 
 The LCARS SDK is a development kit and environment umbrella designed specifically for generating canon quality and functional LCARS interfaces within a webview.  Utilizing a webview the LCARS SDK can be applied to cross-modern internet browsers and both mobile and desktop applications.  Anywhere a webview is in place the SDK could be used.
diff --git a/index.html b/index.html
index e7332cf..b7f7ce0 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!-- LCARS SDK 15056.205
+<!-- LCARS SDK 15088.21
 - This file is a part of the LCARS SDK.
 - https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 - For more information please go to http://www.lcarssdk.org.
@@ -28,6 +28,349 @@
     
     <link rel="stylesheet" href="lcarssdk/addons/themes/theme_ussNotAffiliated.css" type="text/css" media="screen" charset="utf-8" /> 
 
+<style>
+
+    #wpr_viewport{width:1920px; height:1080px; padding:10px; text-align:right;}
+
+    #wpr_leftControls{width:465px;}
+    #wpr_leftControls > .column{top:0px; bottom:0px; right:0px; width:150px;}
+    #wpr_leftControls > :first-child{height:100%;}
+    .bracket{width:305px; height:255px;} 
+    #wpr_blockControls{top:260px; width:305px;}
+    #wpr_tabControls{width:305px; top:715px;}
+    
+    .buttonWrap{flex-wrap:wrap;}
+    .buttonWrap .button{margin-top:5px; margin-left:5px; position:relative;}
+    .buttonWrap .button:nth-child(odd){margin-left:0px !important;}
+    .buttonWrap .button:first-child, .buttonWrap .button:nth-child(2){margin-top:0px;}
+    
+    #wpr_mainView{margin-left:10px;}
+    #wpr_mainView > .header{height:320px;}
+    #wpr_mainView > .header .content{top:0px; right:0px; bottom:65px; left:185px;}
+    #wpr_mainView > .header .title{right:0px;}
+    #wpr_mainView > .header .column{left:0px; top:0px; bottom:0px; width:150px; overflow:visible;}
+    #wpr_mainView > .header .column .elbow .bar{width:206px; right:-204px;}
+    #wpr_mainView > .header .row{left:359px; right:0px; bottom:0px;}
+    
+    #wpr_mainView > .main .column{left:0px; top:0px; bottom:0px; width:150px;  overflow:visible;}
+    #wpr_mainView > .main .column .elbow .bar{width:206px; right:-204px;}
+    #wpr_mainView > .main .row{left:359px; right:0px; top:0px;}
+    #wpr_mainView > .main .content{top:65px; right:0px; left:185px; bottom:0px;}
+    
+    #wpr_mainView > .header .row .bar:nth-child(2), #wpr_mainView > .main .row .bar:nth-child(2){width:143px;}
+    #wpr_mainView > .header .row .bar:nth-child(4), #wpr_mainView > .main .row .bar:nth-child(4){width:414px;}
+    #wpr_mainView > .header .row .bar:nth-child(5), #wpr_mainView > .main .row .bar:nth-child(5){width:256px;}
+    #wpr_mainView > .header .row .bar:nth-child(6), #wpr_mainView > .main .row .bar:nth-child(6){width:79px;}
+    #wpr_mainView > .header .row .bar:nth-child(7), #wpr_mainView > .main .row .bar:nth-child(7){width:49px;}  
+    
+    #wpr_commandButtons{right:0px; bottom:0px; width:429px;}
+    #wpr_commandButtons.buttonWrap .button{margin-top:15px; margin-left:15px; width:207px;}
+    
+    /* Static Pattern Heights */
+    .twoHeight{height:125px;}
+    .threeHeight{height:190px;}
+    .fourHeight{height:255px;}
+  
+    body{-webkit-filter:hue-rotate(0deg) grayscale(0); filter:hue-rotate(0deg) grayscale(0); -webkit-animation: colorRotate 30s linear infinite; animation: colorRotate 30s linear infinite;}
+    
+    @-webkit-keyframes colorRotate {
+        0% {-webkit-filter: hue-rotate(0deg) grayscale(0); 	}
+        50%{-webkit-filter: hue-rotate(360deg) grayscale(0);}       
+        75%{-webkit-filter: hue-rotate(360deg) grayscale(1);}
+        100%{-webkit-filter: hue-rotate(360deg) grayscale(0); }
+    }
+
+    @keyframes colorRotate {
+        0% {filter: hue-rotate(0deg) grayscale(0);}
+        50%{ filter: hue-rotate(360deg) grayscale(0);}
+        75%{filter: hue-rotate(360deg) grayscale(1);}
+        100% {filter: hue-rotate(360deg) grayscale(0);}
+    }    
+
+     /* Red Alert Color Group */   
+    .ra_red1>.bar, .ra_red1>.block, .ra_red1>.button, .ra_red1>.cap{background-color:#330000; border-color:#330000;}
+    .ra_red2>.bar, .ra_red2>.block, .ra_red2>.button, .ra_red2>.cap{background-color:#660000; border-color:#660000;}
+    .ra_red3>.bar, .ra_red3>.block, .ra_red3>.button, .ra_red3>.cap{background-color:#990000; border-color:#990000;}
+    .ra_red4>.bar, .ra_red4>.block, .ra_red4>.button, .ra_red4>.cap{background-color:#cc0000; border-color:#cc0000;}
+    .ra_red5>.bar, .ra_red5>.block, .ra_red5>.button, .ra_red5>.cap{background-color:#ff0000; border-color:#ff0000;}
+
+    .ra_grey1>.bar, .ra_grey1>.block, .ra_grey1>.button, .ra_grey1>.cap{background-color:#cccccc; border-color:#cccccc;}
+    .ra_grey2>.bar, .ra_grey2>.block, .ra_grey2>.button, .ra_grey2>.cap{background-color:#999999; border-color:#999999;}    
+
+    .ra_white>.bar, .ra_white>.block, .ra_white>.button, .ra_white>.cap{background-color:#ffffff; border-color:#ffffff;}
+
+    .ra_red1:not(.complexButton){background-color:#330000; border-color:#330000;}
+    .ra_red2:not(.complexButton){background-color:#660000; border-color:#660000;}
+    .ra_red3:not(.complexButton){background-color:#990000; border-color:#990000;}
+    .ra_red4:not(.complexButton){background-color:#cc0000; border-color:#cc0000;}    
+    .ra_red5:not(.complexButton){background-color:#ff0000; border-color:#ff0000;}
+
+    .ra_grey1:not(.complexButton){background-color:#cccccc; border-color:#cccccc;}
+    .ra_grey2:not(.complexButton){background-color:#999999; border-color:#999999;}
+
+    .ra_white:not(.complexButton){background-color:#ffffff; border-color:#ffffff;}
+
+    .ra_redText1{color:#330000;}
+    .ra_redText2{color:#660000;}
+    .ra_redText3{color:#990000; }
+    .ra_redText4{color:#cc0000;}    
+    .ra_redText5{color:#ff0000;}
+
+    .ra_greyText1{color:#cccccc;}
+    .ra_greyText2{color:#999999;}
+
+    .ra_whiteText{color:#ffffff;}
+
+     /* Blink between button color and Grey 1 */   
+    .ra_g1:not(.complexButton){ -webkit-animation: ra_g1 3.5s step-end infinite !important; animation: ra_g1 3.5s step-end infinite !important; }
+    .ra_g1.complexButton :not(.numericBlock){ -webkit-animation: ra_g1 3.5s step-end infinite !important; animation: ra_g1 3.5s step-end infinite !important;}
+    @-webkit-keyframes ra_g1 {
+       from, to {}
+         50% {background-color:#cccccc; border-color:#cccccc;}
+    }
+    @keyframes ra_g1 {
+       from, to { }
+         50% {background-color:#cccccc; border-color:#cccccc;}
+    }
+
+    /* White Strobe */    
+    .alertFlash .alertFlash:not(.complexButton){-webkit-animation: whiteFade .25s linear; animation: whiteFade .25s linear;}
+    .alertFlash .alertFlash.complexButton :not(.numericBlock){-webkit-animation: whiteFade .25s linear; animation: whiteFade .25s linear;}
+    @-webkit-keyframes whiteFade {
+         0% {background-color:#ffffff;border-color:#ffffff; }    
+    }
+
+    @keyframes whiteFade {
+         0% {background-color:#ffffff;border-color:#ffffff; }
+    }   
+     
+</style>
+    
+<script>
+var colorArray = ['ra_red1', 'ra_red2', 'ra_red3', 'ra_red4', 'ra_red5'];
+var timer_colorChanges = null
+var array_colorChangeObjects = null;
+    
+var nemesisBracket = {type:'wrapper', class:'sdk bracket typeA', children:[
+        {type:'wrapper', class:'content'},
+        {type:'elbow', version:'topLeft', size:'small', class:'backet_typeA_elbow1', color:'ra_red5', children:[{type:'bar'}], noEvent:true},	
+        {type:'elbow', version:'topRight', size:'small', class:'backet_typeA_elbow2', color:'ra_red5', children:[{type:'bar'}], noEvent:true},	
+        {type:'elbow', version:'bottomLeft', size:'small', class:'backet_typeA_elbow3', color:'ra_red5', children:[{type:'bar'}], noEvent:true},	
+        {type:'elbow', version:'bottomRight', size:'small', class:'backet_typeA_elbow4', color:'ra_red5', children:[{type:'bar'}], noEvent:true},        
+        {type:'wrapper', class:'wrapper_leftColumn1', flex:'v', children:[
+            {type:'bar', class:'backet_typeA_leftColumn1_bar1', color:'ra_red4'},
+            {type:'bar', class:'backet_typeA_leftColumn1_bar2', color:'ra_red5', children:[{type:'bar', color:'ra_white'}]},
+            {type:'bar', class:'backet_typeA_leftColumn1_bar3', color:'ra_red4'}                     
+        ]},
+        {type:'wrapper', class:'wrapper_leftColumn2', flex:'v', children:[
+            {type:'bar', class:'backet_typeA_leftColumn2_bar1', color:'ra_red3'},
+            {type:'bar', class:'backet_typeA_leftColumn2_bar1', color:'ra_red2'},
+            {type:'bar', class:'backet_typeA_leftColumn2_bar3', color:'ra_red3'}                     
+        ]},
+        {type:'wrapper', class:'wrapper_leftColumn3', flex:'v', children:[
+            {type:'bar', class:'backet_typeA_leftColumn3_bar1', color:'ra_red5'},
+            {type:'bar', class:'backet_typeA_leftColumn3_bar2', color:'ra_red4', children:[{type:'bar', color:'ra_white'}]},
+            {type:'bar', class:'backet_typeA_leftColumn3_bar3', color:'ra_red5'}                     
+        ]},
+        {type:'wrapper', class:'wrapper_leftColumn4', flex:'v', children:[
+            {type:'bar', class:'backet_typeA_leftColumn4_bar1', color:'ra_red3'},
+            {type:'bar', class:'backet_typeA_leftColumn4_bar2', color:'ra_red2'},
+            {type:'bar', class:'backet_typeA_leftColumn4_bar3', color:'ra_red3'}                     
+        ]}       
+    ]
+}  
+
+var nemesisUI = {type:'wrapper', id:'wpr_viewport', class:'scale', version:'row', flex:'h', arrive:function(){$('#wpr_viewport').viewport('scale', {width:1920, height:1080});}, children:[
+    {type:'wrapper', id:'wpr_leftControls', children:[
+        {type:'wrapper', hidden:true, children:[
+            {type:'bracket', template:nemesisBracket},
+            {type:'wrapper', id:'wpr_blockControls', flex:'h', version:'buttonWrap', children:[
+                {type:'button', color:'ra_red4', version:'tabLeft'},
+                {type:'button', color:'ra_white'},
+                {type:'button', color:'ra_red4', version:'tabLeft'},
+                {type:'button', color:'ra_red4'},
+                {type:'button', color:'ra_red4', version:'tabLeft'},
+                {type:'button', color:'ra_red4'}            
+            ]},
+            {type:'wrapper', id:'wpr_tabControls', flex:'h', version:'buttonWrap', children:[
+                {type:'button', color:'ra_red2', version:'tabLeft'},
+                {type:'button', color:'ra_red4', version:'tabRight'},
+                {type:'button', color:'ra_red3', version:'tabLeft'},
+                {type:'button', color:'ra_red5', version:'tabRight'},
+                {type:'button', color:'ra_red4', version:'tabLeft', state:'ra_g1'},
+                {type:'button', color:'ra_red1', version:'tabRight'}            
+            ]},
+        ]},
+        {type:'wrapper', version:'column', flex:'v', children:[
+            {type:'button', color:'ra_red2', hidden:true, hidden:true},
+            {type:'button', color:'ra_red4', hidden:true, size:'twoHeight'},
+            {type:'button', color:'ra_red1', hidden:true},
+            {type:'button', color:'ra_red2', hidden:true, size:'threeHeight'},
+            {type:'button', color:'ra_grey1', hidden:true},
+            {type:'button', color:'ra_red4', hidden:true, size:'threeHeight'},
+            {type:'button', color:'ra_red2', hidden:true, size:'twoHeight'},
+            {type:'button', color:'ra_red3', hidden:true, flexC:'v'}
+        ]}         
+
+    ]},
+    {type:'wrapper', version:'column', id:'wpr_mainView', flex:'v', flexC:'h', children:[   
+        {type:'wrapper', version:'header', children:[
+            {type:'wrapper', version:'column', flex:'v', children:[
+                {type:'button', color:'ra_grey2', size:'threeHeight', hidden:true},
+                {type:'elbow', version:'bottomLeft', color:'ra_red5', flexC:'v', hidden:true}
+            ]},
+            {type:'wrapper', version:'row', flex:'h', children:[
+                {type:'bar', color:'ra_red4', hidden:true},
+                {type:'bar', color:'ra_red2', hidden:true},
+                {type:'bar', color:'ra_red4', hidden:true},
+                {type:'bar', color:'ra_red5', hidden:true},
+                {type:'bar', color:'ra_red5', hidden:true},
+                {type:'bar', color:'ra_red3', hidden:true},
+                {type:'bar', color:'ra_red2', hidden:true},
+                {type:'bar', color:'ra_grey1', hidden:true}
+            ]},
+            {type:'wrapper', version:'content', hidden:true, children:[
+                {type:'wrapper', id:'wpr_commandButtons', flex:'h', class:'buttonWrap', children:[
+                    {type:'button', color:'ra_red2', version:'pill'},
+                    {type:'button', color:'ra_red3', version:'pill'},
+                    {type:'button', color:'ra_red1', version:'pill'},
+                    {type:'button', color:'ra_grey1', version:'pill', label:'Documentation', state:'blink', href:'https://github.com/Aricwithana/LCARS-SDK/wiki'}           
+                ]},
+                {type:'title', text:'LCARS ALERT HUE ROTATION'}
+            ]}
+        ]},
+        {type:'wrapper', class:'main', flexC:'v', children:[
+            {type:'wrapper', version:'column', flex:'v', children:[
+                {type:'elbow', version:'topLeft', color:'ra_red5', size:'threeHeight', hidden:true},
+                {type:'button', color:'ra_red5', hidden:true},
+                {type:'button', color:'ra_red5', hidden:true},
+                {type:'button', color:'ra_red5', hidden:true},
+                {type:'button', color:'ra_red2', size:'twoHeight', hidden:true},
+                {type:'button', color:'ra_grey1', flexC:'v', hidden:true}
+            ]},
+            {type:'wrapper', version:'row', flex:'h', children:[
+                {type:'bar', color:'ra_red4', hidden:true},
+                {type:'bar', color:'ra_red2', size:'half', hidden:true},
+                {type:'bar', color:'ra_red4', hidden:true},
+                {type:'bar', color:'ra_red5', hidden:true},
+                {type:'bar', color:'ra_red5', hidden:true},
+                {type:'bar', color:'ra_red3', hidden:true},
+                {type:'bar', color:'ra_red2', hidden:true},
+                {type:'bar', color:'ra_grey1', hidden:true}
+            ]},
+            {type:'wrapper', version:'content', children:[]}
+        ]}
+    ]}
+]}   
+ 
+
+// Barebones 'Automated' Show Pattern - idea testing a later proper module.
+function showMainFrame(){
+    var headerBars = $('#wpr_mainView > .header .row *');
+    var headerColumn = $('#wpr_mainView > .header .column > *');
+    var mainBars = $('#wpr_mainView > .main .row *');
+    var mainColumn = $('#wpr_mainView > .main > .elbow, #wpr_mainView > .main .column > *');
+    var leftControlsColumn = $('#wpr_leftControls > .column > *')
+    
+    sequenceHeaderPattern = []
+    sequenceFooterPattern = []
+    
+    $(headerColumn).each(function(){
+        sequenceHeaderPattern.push(this);
+    });       
+    
+    $(headerBars).each(function(){
+        sequenceHeaderPattern.push(this);
+    });
+    
+    sequenceHeaderPattern.reverse()
+    
+    $(mainBars).each(function(){
+        sequenceFooterPattern.push(this);
+    });
+    
+    sequenceFooterPattern.reverse()
+    
+    $(mainColumn).each(function(){
+        sequenceFooterPattern.push(this); 
+    }); 
+    
+    $(leftControlsColumn).each(function(){
+        sequenceFooterPattern.push(this); 
+    }); 
+    
+    sequenceFooterPattern.push($('#wpr_leftControls > :first-child'))
+    sequenceFooterPattern.push($('.header .content'))
+
+    $(sequenceHeaderPattern).showObjectSequence({});
+    $(sequenceFooterPattern).showObjectSequence({success:function(){
+        $('#wpr_mainView .header > *:not(.column)').showObject({success:function(){
+            array_colorChangeObjects = $('#wpr_leftControls .button');
+            raMainFrameSetup();
+            timer_colorChanges = setInterval(function(){
+                var random = Math.floor(Math.random()*(array_colorChangeObjects.length+1))
+                $(array_colorChangeObjects[random]).objectSettings({color:LCARS.colorGen(colorArray)});
+            }, 3750);
+        }});
+    }});
+}
+
+
+// Barebones 'Automated' Alert System - idea testing a later proper module.    
+var headerRASequence = []
+var mainRASequence = []
+var timer_whiteFlash = null;  
+    
+function raMainFrameSetup(){
+    
+    var headerBars = $('#wpr_mainView > .header .row *');
+    var headerColumn = $('#wpr_mainView > .header .column > *');
+    var mainBars = $('#wpr_mainView > .main .row *');
+    var mainColumn = $('#wpr_mainView > .main .column > *');
+
+    $(headerColumn).each(function(){
+        headerRASequence.push(this);
+    });       
+    $(headerBars).each(function(){
+        headerRASequence.push(this);
+    });
+    
+    $(mainColumn).each(function(){
+        mainRASequence.push(this);
+    });
+    
+    mainRASequence.reverse();
+    
+    $(mainBars).each(function(){
+        mainRASequence.push(this); 
+    });
+    var posValHeader = .5;
+    var posValMain = .1;
+    $(headerRASequence).each(function(){
+        $(this).attr('style', '-webkit-animation-delay:' + posValHeader+'s; animation-delay:' + posValHeader+'s;')
+        $(this).addClass('alertFlash');
+        posValHeader = posValHeader + .1
+    });
+    
+    $(mainRASequence).each(function(){
+        $(this).attr('style', '-webkit-animation-delay:' + posValMain+'s; animation-delay:' + posValMain+'s;')
+        
+        $(this).addClass('alertFlash');
+        posValMain = posValMain + .1
+    }); 
+    console.log(posValMain*100);
+    timer_whiteFlash = setInterval(function(){$('body').toggleClass('alertFlash')}, posValMain*1000);
+}    
+
+
+$(document).on('ready', function(){
+    $(nemesisUI).createObject({appendTo:'body', success:function(){ 
+        showMainFrame();
+    }});
+});
+    
+</script>     
+    
 </head>
 
 <body ontouchstart="">
diff --git a/lcarssdk/15056.205 b/lcarssdk/15056.205
deleted file mode 100644
index a9b2305..0000000
--- a/lcarssdk/15056.205
+++ /dev/null
@@ -1 +0,0 @@
-Released 02.25.2015 v2.0.5
\ No newline at end of file
diff --git a/lcarssdk/15088.21 b/lcarssdk/15088.21
new file mode 100644
index 0000000..0690996
--- /dev/null
+++ b/lcarssdk/15088.21
@@ -0,0 +1 @@
+Released 03.29.2015 v2.1.0
\ No newline at end of file
diff --git a/lcarssdk/CHANGELOG.md b/lcarssdk/CHANGELOG.md
index 7d9ecf7..065f39c 100644
--- a/lcarssdk/CHANGELOG.md
+++ b/lcarssdk/CHANGELOG.md
@@ -113,6 +113,25 @@ EH: Arrive.js + arrive/leave setting
 CO: USS Not Affiliated theme updated
 
 
+15088.21-
+BF: Arrive.js to use Zepto.
+RM: Removed 'active' CSS state.
+RM: Active state JS for IE and touch.
+EH: Orient setting
+EH: Direction settings
+EH: Level Bars updated for direction
+    and orientation settings.
+CO: Added template to index.html, using 
+    the Alert Status Hue Rotation interface.
+BF: Place more than one onresize events on the UI.
+EH: Child Scale, scales a secondary inner 
+    interface to its parent.
+EH: Viewport Zoom uses zoom feature instead
+    of CSS scaling.  Provides a better visual
+    than scaling on Webkit browsers.
+EH: Child Zoom, zooms a seconary inner
+    inerface to its parent.
+
 Legend - 
 BF:  Bug Fix
 CO:  Cosmetic
diff --git a/lcarssdk/LICENSE.md b/lcarssdk/LICENSE.md
index 5ea3a59..3791dd1 100644
--- a/lcarssdk/LICENSE.md
+++ b/lcarssdk/LICENSE.md
@@ -1,4 +1,4 @@
-LCARS SDK License 15056.205 (v2.0.5)
+LCARS SDK License 15088.21 (v2.1.0)
 Author: Aric McGriff
 Email: contact@lcarssdk.org
 Website: http://www.lcarssdk.org
diff --git a/lcarssdk/README.md b/lcarssdk/README.md
index 2bae46e..974fba5 100644
--- a/lcarssdk/README.md
+++ b/lcarssdk/README.md
@@ -1,4 +1,4 @@
-LCARS SDK 15056.205
+LCARS SDK 15088.21
 ============
 
 The LCARS SDK is a development kit and environment umbrella designed specifically for generating canon quality and functional LCARS interfaces within a webview.  Utilizing a webview the LCARS SDK can be applied to cross-modern internet browsers and both mobile and desktop applications.  Anywhere a webview is in place the SDK could be used.
diff --git a/lcarssdk/addons/levelBar/levelBar.css b/lcarssdk/addons/levelBar/levelBar.css
index 7948aaf..00e1b54 100644
--- a/lcarssdk/addons/levelBar/levelBar.css
+++ b/lcarssdk/addons/levelBar/levelBar.css
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
@@ -14,11 +14,10 @@
 	display: -webkit-flex;     /* NEW - Chrome */
 	display: flex;   
 	-webkit-box-orient:horizontal; -moz-box-orient:horizontal; box-orient:horizontal; -webkit-flex-direction:row; -ms-flex-direction:row; -moz-flex-direction:row; flex-direction:row;
-    flex-direction:row-reverse;
+    flex-direction:row;
     padding:6px 0px 6px 0px;
 }
 
-.sdk.levelBar.vertical{-webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; flex-direction:column;}
 
 .sdk.levelBar > .cap{ 
 	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
@@ -28,8 +27,18 @@
 	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
 
-.sdk.levelBar .bar{position:relative; text-align:right;  width:calc(100% - 5px);  height:100%; -webkit-transition:width .75s linear; transition:width .75s linear; width:0px; }
-.sdk.levelBar .cap{border-right:5px solid #ffffff;  height:100%; margin-right:5px;background-color:transparent !important; position:relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0);} 
+.sdk.levelBar .bar{position:relative; text-align:left; width:calc(100% - 5px);  height:100%; -webkit-transition:width .75s linear; transition:width .75s linear; min-width:25px;} 
+.sdk.levelBar .cap{border-left:5px solid #ffffff;  height:100%; margin:0 0 0 5px;background-color:transparent !important; position:relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0);} 
 
+.sdk.levelBar.reverse{flex-direction:row-reverse;}
+.sdk.levelBar.reverse .bar{text-align:right;}
+.sdk.levelBar.reverse .cap{border:none; border-right:5px solid #ffffff;margin:0 5px 0 0;}
 
 
+.sdk.levelBar.vertical{-webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; flex-direction:column-reverse; width:60px; height:100%;}
+.sdk.levelBar.vertical .bar{position:relative; text-align:left; width:100%; height:calc(100% - 5px);  height:100%; -webkit-transition:height .75s linear; transition:height .75s linear; }
+.sdk.levelBar.vertical .cap{border:none; border-bottom:5px solid #ffffff; height:100%; margin: 0 0 5px 0; background-color:transparent !important; position:relative; box-shadow: 0 0 0px rgba(0, 0, 0, 0);}
+
+.sdk.levelBar.vertical.reverse{flex-direction:column; min-height:35px;}
+.sdk.levelBar.vertical.reverse .bar:before{bottom:auto; top:8px;}
+.sdk.levelBar.vertical.reverse .cap{border:none; border-top:5px solid #ffffff; height:100%; margin: 5px 0 0 0;}
diff --git a/lcarssdk/addons/levelBar/levelBar.js b/lcarssdk/addons/levelBar/levelBar.js
index 7699879..d15b9ea 100644
--- a/lcarssdk/addons/levelBar/levelBar.js
+++ b/lcarssdk/addons/levelBar/levelBar.js
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
@@ -100,7 +100,13 @@ LCARS.levelBar = {
                     }    
                     
                 }else if(typeof args.args.level === 'number'){
-                    $(elemBar).css('width', 'calc('+args.args.level + '% - 10px)');             
+                    
+                    if(allObjects[args.elemID].orient === 'vertical' || args.args.direction === 'vertical'){
+                        $(elemBar).css('height', 'calc('+args.args.level + '% - 10px)');     
+                    }else{
+                        $(elemBar).css('width', 'calc('+args.args.level + '% - 10px)');     
+                    }
+                               
                     allObjects[args.elemID].level = args.args.level;
                     if(allObjects[args.elemID].labelLink === 'label'){      
                         LCARS.settings.set(args.element, {label:''+args.args.level+''});
diff --git a/lcarssdk/addons/scrollbutton/scrollbutton.css b/lcarssdk/addons/scrollbutton/scrollbutton.css
index fe2be0d..9971c65 100644
--- a/lcarssdk/addons/scrollbutton/scrollbutton.css
+++ b/lcarssdk/addons/scrollbutton/scrollbutton.css
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
diff --git a/lcarssdk/addons/scrollbutton/scrollbutton.js b/lcarssdk/addons/scrollbutton/scrollbutton.js
index 69b84d5..b5be1cb 100644
--- a/lcarssdk/addons/scrollbutton/scrollbutton.js
+++ b/lcarssdk/addons/scrollbutton/scrollbutton.js
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
diff --git a/lcarssdk/addons/themes/theme_ussNotAffiliated.css b/lcarssdk/addons/themes/theme_ussNotAffiliated.css
index 037169b..7befc31 100644
--- a/lcarssdk/addons/themes/theme_ussNotAffiliated.css
+++ b/lcarssdk/addons/themes/theme_ussNotAffiliated.css
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
@@ -42,7 +42,7 @@
 
 
 .secondary1:not(.complexButton){background-color:#00cc99; border-color:#00cc99;}
-.secondary3:not(.complexButton){background-color:#009999; border-color:#009999;}
+.secondary2:not(.complexButton){background-color:#009999; border-color:#009999;}
 .secondary3:not(.complexButton){background-color:#006666; border-color:#006666;}
 .secondary4:not(.complexButton){background-color:#003333; border-color:#003333;}
 
diff --git a/lcarssdk/css/lcarssdk.css b/lcarssdk/css/lcarssdk.css
index 8767f07..143e108 100644
--- a/lcarssdk/css/lcarssdk.css
+++ b/lcarssdk/css/lcarssdk.css
@@ -1,6 +1,6 @@
 @charset "utf-8";
 
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
@@ -62,10 +62,10 @@ time, mark, audio, video, input {
 }
 
 * {
-    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
-	-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
+    -webkit-touch-callout: none;               
+    -webkit-user-select: none;
+	-webkit-text-size-adjust: none;            
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -79,9 +79,9 @@ time, mark, audio, video, input {
 .blockFont{font-family:'LCARS Block'; font-size:inherit;}
 
 html{overflow:hidden;}
-body{background-color:#000000;	height: 100%; width:100%; overflow:hidden; position: fixed; -webkit-transform:translate3d(0,0,0);}
+body{background-color:#000000;	height: 100%; width:100%; overflow:hidden; position: fixed; }
 
-.scaler, .stepper{-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -ms-transform-origin:0% 0%; overflow:hidden;} 
+.scale, .childScale{-webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -ms-transform-origin:0% 0%; overflow:hidden;} 
 
 ol, ul{list-style: none;}
 blockquote, q{quotes: none;	}
@@ -184,8 +184,8 @@ pre{white-space: pre-wrap;
 .block{position:absolute; height:60px; width:25px; background-color:inherit; -webkit-box-sizing:content-box; box-sizing:content-box; }
 .wrapper{position:absolute;}
 .content{position:absolute; color:#ffffff;}
-.title{position:absolute; background-color:#000000; padding-left:10px; padding-right:10px; color:#ffffff; font-size: 82px; height:60px; line-height: .82;}
-.numericBlock{background-color:#000000 !important; padding-left: 0px; text-align: right; font-size: 60px; line-height: 1; height:inherit; color:#ffffff; position:relative; -webkit-box-sizing: border-box; letter-spacing:5px; min-width:25px; width:auto; font-family:'LCARS Block'; margin:0px !important;}
+.title{position:absolute; background-color:#000000; color:#ffffff; font-size: 82px; height:60px; line-height: .82;}
+.numericBlock{background-color:#000000 !important; padding-left: 0px; text-align: right; font-size: 60px; line-height: 1; height:inherit; color:#ffffff; position:relative; letter-spacing:5px; min-width:25px; width:auto; font-family:'LCARS Block'; margin:0px !important;}
 .oval{position:absolute; border-radius:100%; width:45px; height:25px;}
 
 
@@ -477,7 +477,6 @@ pre{white-space: pre-wrap;
 .column{overflow:hidden;}
 .column>*{width:100%; position:relative; margin-top:5px;}
 .column.flexv>.complexButton>*{height:auto;}
-
 .column>*:first-child{margin-top:0px;}
 
 .row{overflow:hidden;}
@@ -486,69 +485,6 @@ pre{white-space: pre-wrap;
 
 
 
-/* Active State Animation */
-@-webkit-keyframes active {
-     0% {background-color:#ffffff;  color:#000000; border-color:#ffffff;}
-     100% {background-color:#ffffff; color:#000000; border-color:#ffffff;}
-}
-@keyframes active {
-     0% {background-color:#ffffff; color:#000000; border-color:#ffffff;}
-     100% {background-color:#ffffff;  color:#000000; border-color:#ffffff;}
-}
-
-/* Active State Parameters */
-
-/* Mouse-Desktop */
-html:not(.ie):not(.touch) .complexButton:not(.disabled):not(.noEvent):active :not(.numericBlock):not(.wrapper), 
-html:not(.touch) .button:not(.disabled):not(.noEvent):active, 
-html:not(.touch) .elbow:not(.disabled):not(.noEvent):active{-webkit-animation: active 1.25s linear infinite !important; animation: active 1.25s linear infinite !important;}
-
-html:not(.touch) .complexButton:active, html:not(.touch) .complexButton:active .block.numericBlock{-webkit-animation: none !important; animation: none !important;}
-
-
-/** Mobile/Touch
-*   Webviews add a 'pause' between touchstart and CSS :active. To ensure the state
-*   is applied and for the correct timing, three contact points are applied.
-*   
-*   First is the native CSS, which triggers after a pause and disappears slower.
-*   This is needed because touchstart/end/cancel trigger faster both when adding
-*   the .active class and removing it.  
-*
-*   Second is the typical .active class setting.  Third remedies a slight flicker
-*   when touching an element just slightly or really quickly. 
-*/
-
-html.touch:not(.ie) .complexButton:not(.disabled):not(.noEvent):active :not(.numericBlock):not(.wrapper), 
-html.touch:not(.ie) .button:not(.disabled):not(.noEvent):active, 
-html.touch:not(.ie) .elbow:not(.disabled):not(.noEvent):active{-webkit-animation: none !important; animation: none !important;}
-
-html.touch:not(.ie) .complexButton:active, html.touch:not(.ie) .complexButton:active .block.numericBlock{-webkit-animation: none !important; animation: none !important;}
-
-html.touch.touch:not(.ie) .complexButton:not(.disabled):not(.noEvent).active> :not(.numericBlock),  
-html.touch:not(.ie) .button:not(.disabled):not(.noEvent).active, 
-html.touch:not(.ie) .elbow:not(.disabled):not(.noEvent).active{-webkit-animation: active 1.25s linear infinite !important; animation: active 1.25s linear infinite !important;}
-
-html.touch:not(.ie) .complexButton.active, html.touch:not(.ie) .complexButton.active .block.numericBlock{-webkit-animation: none !important; animation: none !important;}
-
-html.touch:not(.ie) .complexButton:not(.disabled):not(.noEvent).active:active> :not(.numericBlock),  
-html.touch:not(.ie) .button:not(.disabled):not(.noEvent).active:active, 
-html.touch:not(.ie) .elbow:not(.disabled):not(.noEvent).active:active{-webkit-animation: active 1.25s linear infinite !important; animation: active 1.25s linear infinite !important;}
-
-html.touch:not(.ie) .complexButton.active:active, html.touch:not(.ie) .complexButton.active:active .block.numericBlock{-webkit-animation: none !important; animation: none !important;}
-
-
-/* IE since child mouse events do not trigger parent css states and MS won't change it.  Screw you IE.*/
-.ie .elbow:not(.disabled):not(.noEvent).active,
-.ie .complexButton:not(.disabled):not(.noEvent).active .cap, 
-.ie .complexButton:not(.disabled):not(.noEvent).active .block:not(.numericBlock), 
-.ie .complexButton:not(.disabled):not(.noEvent).active .bar,
-.ie .complexButton:not(.disabled):not(.noEvent).active .button{-webkit-animation: active 1.25s linear infinite !important; animation: active 1.25s linear infinite !important;}  
-
-.ie .complexButton.active, .ie .complexButton.active .numericBlock{-webkit-animation: none !important; animation: none !important;}
-
-
-
-
 
 /*Basic States*/
 .disabled{background-color:#505050 !important; border-color:#505050 !important; pointer-events:none; -webkit-animation:none !important; animation:none!important; cursor:default;}
diff --git a/lcarssdk/css/sdktemplates.css b/lcarssdk/css/sdktemplates.css
index 70e73e9..2c59a05 100644
--- a/lcarssdk/css/sdktemplates.css
+++ b/lcarssdk/css/sdktemplates.css
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
diff --git a/lcarssdk/js/arrive.js b/lcarssdk/js/arrive.js
index b8bf56d..5fec772 100644
--- a/lcarssdk/js/arrive.js
+++ b/lcarssdk/js/arrive.js
@@ -15,4 +15,4 @@ var _arrive_unique_id_=0;
   arguments)}}}}(),B=function(){var a=function(){this._eventsBucket=[];this._beforeRemoving=this._beforeAdding=null};a.prototype.addEvent=function(a,e,d,b){a={target:a,selector:e,options:d,callback:b,firedElems:[]};this._beforeAdding&&this._beforeAdding(a);this._eventsBucket.push(a);return a};a.prototype.removeEvent=function(a){for(var e=this._eventsBucket.length-1,d;d=this._eventsBucket[e];e--)a(d)&&(this._beforeRemoving&&this._beforeRemoving(d),this._eventsBucket.splice(e,1))};a.prototype.beforeAdding=
   function(a){this._beforeAdding=a};a.prototype.beforeRemoving=function(a){this._beforeRemoving=a};return a}(),w=function(a,c,e){function d(a){"number"!==typeof a.length&&(a=[a]);return a}var b=new B;b.beforeAdding(function(b){var c=b.target,d;if(c===n.document||c===n)c=document.getElementsByTagName("html")[0];d=new MutationObserver(function(a){e.call(this,a,b)});var m=a(b.options);d.observe(c,m);b.observer=d});b.beforeRemoving(function(a){a.observer.disconnect()});this.bindEvent=function(a,e,t){"undefined"===
 typeof t&&(t=e,e=c);for(var m=d(this),f=0;f<m.length;f++)b.addEvent(m[f],a,e,t)};this.unbindEvent=function(){var a=d(this);b.removeEvent(function(b){for(var c=0;c<a.length;c++)if(b.target===a[c])return!0;return!1})};this.unbindEventWithSelectorOrCallback=function(a){var c=d(this);b.removeEvent("function"===typeof a?function(b){for(var d=0;d<c.length;d++)if(b.target===c[d]&&b.callback===a)return!0;return!1}:function(b){for(var d=0;d<c.length;d++)if(b.target===c[d]&&b.selector===a)return!0;return!1})};
-  this.unbindEventWithSelectorAndCallback=function(a,c){var e=d(this);b.removeEvent(function(b){for(var d=0;d<e.length;d++)if(b.target===e[d]&&b.selector===a&&b.callback===c)return!0;return!1})};return this},k=new w(z,{fireOnAttributesModification:!1},x),l=new w(A,{},y);u&&g(u.fn);g(HTMLElement.prototype);g(NodeList.prototype);g(HTMLCollection.prototype);g(HTMLDocument.prototype);g(Window.prototype)}})(this,"undefined"===typeof jQuery?null:jQuery);
\ No newline at end of file
+  this.unbindEventWithSelectorAndCallback=function(a,c){var e=d(this);b.removeEvent(function(b){for(var d=0;d<e.length;d++)if(b.target===e[d]&&b.selector===a&&b.callback===c)return!0;return!1})};return this},k=new w(z,{fireOnAttributesModification:!1},x),l=new w(A,{},y);u&&g(u.fn);g(HTMLElement.prototype);g(NodeList.prototype);g(HTMLCollection.prototype);g(HTMLDocument.prototype);g(Window.prototype)}})(this,"undefined"===typeof Zepto?null:Zepto);
\ No newline at end of file
diff --git a/lcarssdk/js/lcarssdk.js b/lcarssdk/js/lcarssdk.js
index 8851983..52f1870 100644
--- a/lcarssdk/js/lcarssdk.js
+++ b/lcarssdk/js/lcarssdk.js
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
@@ -75,42 +75,85 @@ var LCARS = {
         $(wrapper).css('top', bodyH);
         $(wrapper).css('left', bodyW);
     },
+    
+    childScale:function(panelW, panelH, wrapper, max){
+        $('.childScale').each(function(){
+            var windowH = $(this).parent().height();
+            var windowW = $(this).parent().width();
+            var ratio = panelW/panelH;
+
+            var diffH = 1-((panelW - windowW)/panelW)
+            var diffW = 1-((panelH - windowH)/panelH)
+            if(max !== true  || max === true && diffW < 1 && diffH < 1 || max === true && diffW < 1 || diffH < 1){
+                if(panelW > panelH){
+                    if(windowH < (windowW*ratio)){
+                        $(wrapper).css('-webkit-transform', 'scale('+diffW+')');
+                        $(wrapper).css('-ms-transform', 'scale('+diffW+')');
+                        $(wrapper).css('transform', 'scale('+diffW+')');
+                    }
 
-     
-      
-/** +brief Viewport Stepper - IN PRODUCTION, DO NOT USE.
- *	&info - Shrink Width and Height of viewport in steps of passed parameters.
- *	@panelW - Width of container
- *	@panelH - Height of container
- *	@baseStepV - Base Vertical step height     
- *	@spacingStepV - BaseStepV + spacing between (60+5=65)
- *	@baseStepH - Base Horizontal step width 
- *	@spacingStepH -  BaseStepV + spacing between (150+5=155)
- *	@wrapper - Wrapper DOM Object
- *          
-        
-    stepper: function(panelW, panelH, baseStepV, spacingStepV, baseStepH, spacingStepH, wrapper){
-        var windowH = $(window).height();
-        var windowW = $(window).width(); 
-        var stepHeight = (Math.floor((windowH - baseStepV - 20)/spacingStepV) * spacingStepV) + baseStepV;	
-        var newWidth = Math.round(stepHeight*(panelW/panelH)); 
-        
-        if(newWidth < windowW){
-            $(wrapper).width(newWidth).height(stepHeight);  
-        }else{       
-            var stepWidth = (Math.floor((windowW - baseStepH - 20)/spacingStepH) * spacingStepH) + baseStepH;	
-            var newHeight = Math.round(stepWidth*(panelH/panelW)); 
-            $(wrapper).width(stepWidth).height(newHeight);  
-        } 
+                    if(windowW < (windowH*ratio)){
+                        $(wrapper).css('-webkit-transform', 'scale('+diffH+')');
+                        $(wrapper).css('-ms-transform', 'scale('+diffH+')');
+                        $(wrapper).css('transform', 'scale('+diffH+')');
+                    }
+                }
+                if(panelW < panelH){
+                    if(windowH > (windowW*ratio)){
+                        $(wrapper).css('-webkit-transform', 'scale('+diffH+')');
+                        $(wrapper).css('-ms-transform', 'scale('+diffH+')');
+                        $(wrapper).css('transform', 'scale('+diffH+')');
+                    }
+
+                    if(windowW > (windowH*ratio)){
+                        $(wrapper).css('-webkit-transform', 'scale('+diffW+')');
+                        $(wrapper).css('-ms-transform', 'scale('+diffW+')');
+                        $(wrapper).css('transform', 'scale('+diffW+')');
+                    }
+                }
+            }else{
+                $(wrapper).css('-webkit-transform', '');
+                $(wrapper).css('-ms-transform',  '');
+                $(wrapper).css('transform',  '');              
+            }
+
+            var bodyH = ((windowH - $(wrapper)[0].getBoundingClientRect().height)/2)
+            var bodyW = ((windowW - $(wrapper)[0].getBoundingClientRect().width)/2)
+            if(bodyH < 0){bodyH=0;}
+            if(bodyW < 0){bodyW=0;}
+            $(wrapper).css('top', bodyH);
+            $(wrapper).css('left', bodyW);
+        });
+    },
     
-        var bodyH = ((windowH - $(wrapper)[0].getBoundingClientRect().height)/2)
-        var bodyW = ((windowW - $(wrapper)[0].getBoundingClientRect().width)/2)
-        if(bodyH < 0){bodyH=0;}
-        if(bodyW < 0){bodyW=0;}
-        $(wrapper).css('top', bodyH);
-        $(wrapper).css('left', bodyW);
+    zoom:function(width, height){
+        var viewportWidth = $(window).width();
+        var viewportHeight = $(window).height();
+        var aspectUI = width/height;
+        var aspectViewport = viewportWidth / viewportHeight;
+        if(aspectUI < aspectViewport){
+            var zoomLevel = Math.round((viewportHeight/height)*100)/100 ; //Round to 1 decimal 
+        }else{
+            var zoomLevel = Math.round((viewportWidth/width)*100)/100 ; //Round to 1 decimal
+
+        }
+        $('html').css('zoom', zoomLevel);     
+    },
+    
+    childZoom:function(width, height){
+        $('.childZoom').each(function(){
+            var viewportWidth = $(this).parent().width();
+            var viewportHeight = $(this).parent().height();
+            var aspectUI = width/height;
+            var aspectViewport = viewportWidth / viewportHeight;
+            if(aspectUI < aspectViewport){
+                var zoomLevel = Math.round((viewportHeight/height)*100)/100; 
+            }else{
+                var zoomLevel = Math.round((viewportWidth/width)*100)/100;
+            }      
+            $(this).css('zoom', zoomLevel);     
+        });
     },
-    */ 
     
  
 /** +brief Randomly select color from array.
@@ -497,6 +540,38 @@ var LCARS = {
                 if(!allObjects[args.elemID].version){return null;}else{return allObjects[args.elemID].version;}
             }  
         },
+        
+        direction:function(args){
+            if(args.set === true){
+                if(args.args.direction === null && args.original.direction != null){     
+                    $(args.element).removeClass(args.original.direction);
+                    allObjects[args.elemID].direction = null;
+                }else if(typeof args.args.direction === 'string'){
+                    if(args.original.direction){$(args.element).removeClass(args.original.direction);}
+                    $(args.element).addClass(args.args.direction);
+                    allObjects[args.elemID].direction = args.args.direction;
+                }
+                return args.element;
+            }else{
+                if(!allObjects[args.elemID].direction){return null;}else{return allObjects[args.elemID].direction;}
+            }  
+        },
+            
+        orient:function(args){
+            if(args.set === true){
+                if(args.args.orient === null && args.original.orient != null){     
+                    $(args.element).removeClass(args.original.orient);
+                    allObjects[args.elemID].orient = null;
+                }else if(typeof args.args.orient === 'string'){
+                    if(args.original.orient){$(args.element).removeClass(args.original.orient);}
+                    $(args.element).addClass(args.args.orient);
+                    allObjects[args.elemID].orient = args.args.orient;
+                }
+                return args.element;
+            }else{
+                if(!allObjects[args.elemID].orient){return null;}else{return allObjects[args.elemID].orient;}
+            }  
+        },    
 
         label:function(args){
             if(args.set === true){
@@ -1810,16 +1885,28 @@ $.fn.viewport = function(action, args){
     var element = this;
     if(action === 'scale'){
         LCARS.scaler(args.width, args.height, element, args.max);
-        window.onresize = function(event) {
+        window.addEventListener("resize", function(event) {
             LCARS.scaler(args.width, args.height, element, args.max); 
-        }
-    }else if(action === 'step'){
-        LCARS.stepper(args.width, args.height, args.baseStepV, args.spacingStepV, args.baseStepH, args.spacingStepH, element);
-        window.onresize = function(event) {
-            LCARS.stepper(args.width, args.height, args.baseStepV, args.spacingStepV, args.baseStepH, args.spacingStepH, element);    
-        }
-    }
-    
+        });
+        
+    }else if(action === 'childScale'){
+        LCARS.childScale(args.width, args.height, element, args.max);
+        window.addEventListener("resize", function(event) {
+            LCARS.childScale(args.width, args.height, element, args.max); 
+        });
+        
+    }else if(action === 'zoom'){
+        LCARS.zoom(args.width, args.height);
+        window.addEventListener("resize", function(event) {
+            LCARS.zoom(args.width, args.height);    
+        });   
+        
+    }else if(action === 'childZoom'){
+        LCARS.childZoom(args.width, args.height);
+        window.addEventListener("resize", function(event) {
+            LCARS.childZoom(args.width, args.height);    
+        });    
+    }  
 }
 
 
@@ -1872,72 +1959,3 @@ $.fn.scrollRight = function(args){
         $(this).scrollLeft(scrollVal+args.step); 
     });
 }
-
-
-//Touch Specific Modifications
-if(webviewInfo.input === "touch"){
-
-    /**
-    * Native webview check states are click events
-    * which are 300ms slower than tap/touchstart.
-    * This prevents the native click event on touch
-    * interaction automatically.
-    */
-    $(document).on('click', '.touch .checkboxButton, .touch .radioButton', function(e){event.preventDefault();});
-
-    //IE Specific for Touch.
-    if(webviewInfo.ie === true){
-        /**
-        * For IE Active States.  Clicking on a child element does not 
-        * trigger its parents css :active state in IE.  JS is required with class change.
-        */
-        $(document).on('touchstart', '.ie.touch .complexButton:not(.disabled):not(.noEvent), .ie.touch :not(.complexButton)>.button:not(.disabled):not(.noEvent), .ie.touch .elbow:not(.disabled):not(.noEvent)', function(){
-            $(this).addClass('active');
-        });
-
-        $(document).on('touchend', '.ie.touch .complexButton.active, .ie.touch .button.active, .ie.touch .elbow.active', function(e){      
-            $(this).removeClass('active'); 
-        });
-
-        $(document).on('touchcancel', '.ie.touch .complexButton.active, .ie.touch .button.active, .ie.touch .elbow.active', function(e){      
-            $(this).removeClass('active'); 
-        });
-
-        $(document).on('mousedown', '.ie .complexButton:not(.disabled):not(.noEvent), .ie :not(.complexButton)>.button:not(.disabled):not(.noEvent), .ie .elbow:not(.disabled):not(.noEvent)', function(){
-            $(this).addClass('active');
-        });
-
-        $(document).on('mouseup', '.ie .complexButton.active, .ie.button.active, .ie .elbow.active', function(e){      
-            $(this).removeClass('active'); 
-        });
-
-        $(document).on('mouseup', '.ie body', function(e){      
-            var $activeElements = $('.complexButton.active, .elbow.active') 
-            if($activeElements.length > 0){
-                $activeElements.removeClass('active'); 
-            } 
-        });
-    }
-
-    //Browsers native input checked state is a click event, even on a touch screen.
-    $(document).on('click', '.checkboxButton, .radioButton', function(event){event.preventDefault();});
-
-
-    /**
-    * For Touch Active States.
-    *
-    * Only used because the :active CSS state is a click event and thus has the 300ms delay after click end.
-    */
-    $(document).on('touchstart', '.complexButton:not(.disabled):not(.noEvent), :not(.complexButton)>.button:not(.disabled):not(.noEvent), .elbow:not(.disabled):not(.noEvent)', function(){
-        $(this).addClass('active');
-    });
-
-    $(document).on('touchend', '.complexButton.active, .button.active, .elbow.active', function(e){      
-        $(this).removeClass('active'); 
-    });
-
-    $(document).on('touchcancel', '.complexButton.active, .button.active, .elbow.active', function(e){      
-        $(this).removeClass('active'); 
-    });
-
-}
\ No newline at end of file
diff --git a/lcarssdk/js/sdktemplates.js b/lcarssdk/js/sdktemplates.js
index 2e10ea2..aca34b2 100644
--- a/lcarssdk/js/sdktemplates.js
+++ b/lcarssdk/js/sdktemplates.js
@@ -1,4 +1,4 @@
-/** LCARS SDK 15056.205
+/** LCARS SDK 15088.21
 * This file is a part of the LCARS SDK.
 * https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
 * For more information please go to http://www.lcarssdk.org.
diff --git a/releases/LCARS-SDK_15088.21.zip b/releases/LCARS-SDK_15088.21.zip
new file mode 100644
index 0000000..87af21c
Binary files /dev/null and b/releases/LCARS-SDK_15088.21.zip differ