Index: lams_learning/web/gate/passwordGateContent.jsp
===================================================================
diff -u -r255e14779b181a96063e506b5c99be6ffb47d2ad -reb433bcf2b935e3059899be4c11184c970234419
--- lams_learning/web/gate/passwordGateContent.jsp	(.../passwordGateContent.jsp)	(revision 255e14779b181a96063e506b5c99be6ffb47d2ad)
+++ lams_learning/web/gate/passwordGateContent.jsp	(.../passwordGateContent.jsp)	(revision eb433bcf2b935e3059899be4c11184c970234419)
@@ -34,14 +34,6 @@
 	<title><c:out value="${title}" /></title>
 	
 	<lams:css />
-	<style>
-		#passwordField {
-			margin-left: 10px;
-		}
-		#incorrectKey {
-			color: red;
-		}
-	</style>
 	<script type="text/javascript" src="${lams}includes/javascript/jquery.js"></script>
 	<script>
 		function customSubmitGateForm(){
@@ -57,15 +49,19 @@
 		<%@ include file="gateDescription.jsp"%>
 		
 		<c:if test="${gateForm.incorrectKey}">
+        <lams:Alert id="incorrectKey" type="danger" close="false">
+            <fmt:message key="label.password.gate.incorrect.password">
+            </fmt:message>
+        </lams:Alert>		
 			<p id="incorrectKey">
-				<fmt:message key="label.password.gate.incorrect.password" />
 			</p>
 		</c:if>
-		
-		<div class="voffset5">
-			<fmt:message key="label.password.gate.message" />
-			<input id="passwordField" type="text" maxlength="32" /><br><br>
-			<fmt:message key="label.password.gate.refresh" />
+		<div class="panel">
+			<div class="panel-body">
+				<div class="form-group">
+					<input type="text" class="form-control" id="passwordField" maxlength="32" autocomplete="off" placeholder="<fmt:message key="label.password.gate.message"/>"/>
+  				</div>
+			</div>
 		</div>
 
 		<%@ include file="../gate/gateNext.jsp"%>