diff --git a/nano/css/shared.css b/nano/css/shared.css
index e60d22c356..23dc48bd0e 100644
--- a/nano/css/shared.css
+++ b/nano/css/shared.css
@@ -30,7 +30,7 @@ hr {
     height: 1px;
 }
 
-.link, .linkOn, .linkOff, .selected, .disabled {
+.link, .linkOn, .linkOff, .selected, .disabled, .yellowButton, .redButton {
     float: left;
     min-width: 15px;
     height: 16px;
@@ -174,33 +174,11 @@ h4 {
 }
 
 .redButton {
-    float: left;
-    min-width: 15px;
-    height: 16px;
-    text-align: center;
-    color: #ffffff;
-    text-decoration: none;
     background: #ea0000;
-    border: 1px solid #161616;
-    padding: 0px 4px 4px 4px;
-    margin: 0 2px 2px 0;
-    cursor: default;
-    white-space: nowrap;
 }
 
 .yellowButton {
-    float: left;
-    min-width: 15px;
-    height: 16px;
-    text-align: center;
-    color: #ffffff;
-    text-decoration: none;
     background: #cacc00;
-    border: 1px solid #161616;
-    padding: 0px 4px 4px 4px;
-    margin: 0 2px 2px 0;
-    cursor: default;
-    white-space: nowrap;
 }
 
 .highlight {
diff --git a/nano/templates/advanced_airlock_console.tmpl b/nano/templates/advanced_airlock_console.tmpl
index 1c723f859a..e60cf7c932 100644
--- a/nano/templates/advanced_airlock_console.tmpl
+++ b/nano/templates/advanced_airlock_console.tmpl
@@ -40,8 +40,8 @@
 			{{:helper.link('Cycle to Interior', 'arrowthickstop-1-e', {'command' : 'cycle_int'}, data.processing ? 'disabled' : null)}}
 		</div>
 		<div class="itemContent" style="padding-top: 2px">
-			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? null : null)}}
-			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? null : null)}}
+			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? 'yellowButton' : null)}}
+			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? 'yellowButton' : null)}}
 		</div>
 	</div>
 	<div style="padding-left: 10px; width: 80px; float: left">
diff --git a/nano/templates/docking_airlock_console.tmpl b/nano/templates/docking_airlock_console.tmpl
index 9dd1709c69..08d4dbf0e4 100644
--- a/nano/templates/docking_airlock_console.tmpl
+++ b/nano/templates/docking_airlock_console.tmpl
@@ -11,7 +11,7 @@
 					<span class="bad" style="float:left">DOCKED-OVERRIDE ENABLED</span>
 				{{/if}}
 				<span style="float:right">
-					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? null : null)}}
+					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? 'redButton' : null)}}
 				</span>
 			</div>
 		{{else data.docking_status == "docking"}}
@@ -22,7 +22,7 @@
 					<span class="bad" style="float:left">DOCKING-OVERRIDE ENABLED</span>
 				{{/if}}
 				<span style="float:right">
-					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? null : null)}}
+					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? 'redButton' : null)}}
 				</span>
 			</div>
 		{{else data.docking_status == "undocking"}}
@@ -33,7 +33,7 @@
 					<span class="bad" style="float:left">UNDOCKING-OVERRIDE ENABLED</span>
 				{{/if}}
 				<span style="float:right">
-					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? null : null)}}
+					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? 'redButton' : null)}}
 				</span>
 			</div>
 		{{else data.docking_status == "undocked"}}
@@ -44,12 +44,12 @@
 					<span class="bad" style="float:left">OVERRIDE ENABLED</span>
 				{{/if}}
 				<span style="float:right">
-					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? null : null)}}
+					{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? 'redButton' : null)}}
 				</span>
 			</div>
 		{{else}}
 			<span class="bad">ERROR</span>
-			{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? null : null)}}
+			{{:helper.link('Override', 'alert', {'command' : 'toggle_override'}, null, data.override_enabled ? 'redButton' : null)}}
 		{{/if}}
 	</div>
 </div>
@@ -78,19 +78,19 @@
 			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, 'disabled', null)}}
 		{{else}}
 			{{if data.interior_status.state == "open"}}
-				{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, null)}}
+				{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, 'redButton')}}
 			{{else}}
-				{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? null : null)}}
+				{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? 'yellowButton' : null)}}
 			{{/if}}
 			{{if data.exterior_status.state == "open"}}
-				{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, null)}}
+				{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, 'redButton')}}
 			{{else}}
-				{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? null : null)}}
+				{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? 'yellowButton' : null)}}
 			{{/if}}
 		{{/if}}
 		</div>
 	</div>
 	<div class="item" style="padding-top: 10px; width: 100%">
-			{{:helper.link('Abort', 'cancel', {'command' : 'abort'}, (data.processing && !data.airlock_disabled) ? null : 'disabled', (data.processing && !data.airlock_disabled) ? null : null)}}
+			{{:helper.link('Abort', 'cancel', {'command' : 'abort'}, (data.processing && !data.airlock_disabled) ? null : 'disabled', (data.processing && !data.airlock_disabled) ? 'redButton' : null)}}
 	</div>
 </div>
\ No newline at end of file
diff --git a/nano/templates/simple_airlock_console.tmpl b/nano/templates/simple_airlock_console.tmpl
index 714c939800..ca49b20f6a 100644
--- a/nano/templates/simple_airlock_console.tmpl
+++ b/nano/templates/simple_airlock_console.tmpl
@@ -19,18 +19,18 @@
 		</div>
 		<div class="itemContent" style="padding-top: 2px; width: 100%">
 		{{if data.interior_status.state == "open"}}
-			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, null)}}
+			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, 'redButton')}}
 		{{else}}
-			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? null : null)}}
+			{{:helper.link('Force exterior door', 'alert', {'command' : 'force_ext'}, null, data.processing ? 'yellowButton' : null)}}
 		{{/if}}
 		{{if data.exterior_status.state == "open"}}
-			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, null)}}
+			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, 'redButton')}}
 		{{else}}
-			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? null : null)}}
+			{{:helper.link('Force interior door', 'alert', {'command' : 'force_int'}, null, data.processing ? 'yellowButton' : null)}}
 		{{/if}}
 		</div>
 	</div>
 	<div class="item" style="padding-top: 10px; width: 100%">
-			{{:helper.link('Abort', 'cancel', {'command' : 'abort'}, data.processing ? null : 'disabled', data.processing ? null : null)}}
+			{{:helper.link('Abort', 'cancel', {'command' : 'abort'}, data.processing ? null : 'disabled', data.processing ? 'redButton' : null)}}
 	</div>
 </div>
\ No newline at end of file