diff --git a/app/shared/directives/ipaInput/ipaInput.css b/app/shared/directives/ipaInput/ipaInput.css
new file mode 100644
index 000000000..2be7075d9
--- /dev/null
+++ b/app/shared/directives/ipaInput/ipaInput.css
@@ -0,0 +1,21 @@
+.ipa-input {
+	border: 1px solid #d9d9d9;
+	border-top-color: #c0c0c0;
+	background-color: white;
+	border-radius: 3px;
+	box-sizing: border-box;
+	height: 31px;
+	width: 100%;
+	padding: 5px;
+}
+
+.ipa-input:hover {
+	border-color: #b9b9b9;
+	border-top-color: #a0a0a0;
+	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+}
+
+.ipa-input:focus {
+	outline: 0;
+	border-color: #4d90fe;
+}
\ No newline at end of file
diff --git a/app/shared/directives/ipaInput/ipaInput.html b/app/shared/directives/ipaInput/ipaInput.html
new file mode 100644
index 000000000..1c258f01f
--- /dev/null
+++ b/app/shared/directives/ipaInput/ipaInput.html
@@ -0,0 +1,2 @@
+<input class="ipa-input" ng-model="value">
+</input>
\ No newline at end of file
diff --git a/app/shared/directives/ipaInput/ipaInput.js b/app/shared/directives/ipaInput/ipaInput.js
new file mode 100644
index 000000000..7866888b1
--- /dev/null
+++ b/app/shared/directives/ipaInput/ipaInput.js
@@ -0,0 +1,14 @@
+sharedApp.directive("ipaInput", this.ipaInput = function () {
+	return {
+		restrict: 'E',
+		templateUrl: 'ipaInput.html',
+		replace: true,
+		scope: {
+			onUpdate: '&?',
+			value: '='
+		},
+		link: function(scope, element, attrs) {
+			// Intentionally empty
+		}
+	};
+});
\ No newline at end of file