1<style type="text/css"> 2<!--/* <![CDATA[ */ 3div.login { 4 width: 25em; 5 margin: auto; 6 padding: 3px; 7 font-weight: bold; 8 border: 2px solid #445588; 9 color: #303c5f; 10 font-family: sans-serif; 11} 12div.login div { 13 margin: 0; 14 padding: 0; 15 border: none; 16} 17div.login .login_header { 18 background: #445588; 19 border-bottom: 1px solid #1b2236; 20 height: 1.5em; 21 padding: 0.45em; 22 text-align: left; 23 color: #fff; 24 font-size: 100%; 25 font-weight: bold; 26} 27div.login .login_content { 28 background: #d0d5e1; 29 padding: 0.8em; 30 border-top: 1px solid white; 31 border-bottom: 1px solid #565656; 32 font-size: 80%; 33} 34div.login .login_footer { 35 background: #a2aac4; 36 border-top: 1px solid white; 37 border-bottom: 1px solid white; 38 text-align: left; 39 padding: 0; 40 margin: 0; 41 min-height: 2.8em; 42} 43div.login fieldset { 44 margin: 0; 45 padding: 0; 46 border: none; 47 width: 100%; 48} 49div.login label { 50 clear: left; 51 float: left; 52 padding: 0.6em 1em 0.6em 0; 53 width: 8em; 54 text-align: right; 55} 56/* image courtesy of http://www.famfamfam.com/lab/icons/silk/ */ 57#authen_loginfield { 58 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG5SURBVHjaYvz//z8DJQAggFiIVfh0twHn9w8KD9+/ZBT+9/cfExfvwwc87GxWAAFEtAFf3yl++/9XikHXL56BkYmJ4dKmcoUPT99PBQggRmK8ALT9v4BUBQMLrxxQMztY7N+PjwyXtk76BxBATMRoFjGewsDCx8jw9Oxyht9vboIxCDAxs/wCCCC8LoBrZv/A8PPpVoZ/39gZ7p57xcDLJ8Xw5tkdBrO8DYwAAcRElOYXaxn+/73DwC4vzyAmzsLw58kJsGaQOoAAYiJK868nDGwSXgxvjp1n+Hz7HoNawRFGmFqAAMIw4MBEDaI1gwBAAKEYsKtL/b9x2HSiNYMAQACBA3FmiqKCohrbfQ2nLobn97Yz6Br/JEozCAAEEDgh/eb6d98yYhEDBxsnw5VNZxnOffjLIKltw/D52B6GH89fMVjUnGbEFdgAAQRPiexMzAyfDk9gMJbmYbh17irDueMrGbjExBi8Oy8z4ksnAAEENuDY1S8MjjsnMSgaezJ8Z2Bm+P95PgPX6ycENYMAQACBwyDSUeQ/GzB926kLMEjwsjOwifKvcy05EkxMHgEIIEZKszNAgAEA+j3MEVmacXUAAAAASUVORK5CYII=') no-repeat 0 1px; 59 background-color: #fff; 60 border-top: solid 1px #565656; 61 border-left: solid 1px #565656; 62 border-bottom: solid 1px #a2aac4; 63 border-right: solid 1px #a2aac4; 64 padding: 2px 0 2px 18px; 65 margin: 0.3em 0; 66 width: 12em; 67} 68/* image courtesy of http://www.famfamfam.com/lab/icons/silk/ */ 69#authen_passwordfield { 70 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKbSURBVHjaYvz//z8DPvBko+s0IJUJ5U6X8d+dhSwPEEAMIANw4ccbXKYB8f8/P+6BMYgNEkNWAxBAhDV/Pff/5+t5/39/2gcU/gc25P5qpzkwdQABxIjNCzBnS7p2Mfz5tJ+BkVWE4dWRxWA5oBcYHiyyYnj5heGAedYxR4AAwmXAf0mPWQx/3q9n+P/3I9AAMaCoBsPr4x0MDH/+MUgHrGG4P8eF4fVf9gMAAcSEK/D+/3oA1gxm/3kLJG8wSDhWMAjoeTJ8fxjNoJDQzyD0+7sDQACx4DKAkVWcgZGZG2jIV6AJfxn+/37F8OfPO6BhRxl+f/nIwC7xluHPm58MAAHEhMX5ILHp787OYvj/7zvDr7f7Gf59vw804DUwPM4x/P3+loFb0ZfhVlc1wxMu7psAAcSCEd9MjAzswoYMAppmDD9e9DKwcIkwMHFyMPx+dZnh7+9vDDxqwQx3Ji1jeMrJc9W1/JQOQAAheyFT2mctw9+vpxh+fz7A8O1JDQMrEz/QK2YMb47uZpD0SmEAmsRwu7eJ4QUX1wWXklOGIE0AAcQIim9YShOzSmf49W4xw5+PdxlYeIUYWLh9GS6vXPH+3U/Gd3K/vikzcTAzvOTkOmNXeNIUZitAALFAbF4D9N8Bhl+vJjP8/vCUgY1fkoGZ24PhysoV7178Y9vmW3M8FqZBHS3MAAIIZMDnP59P835/3Mnw98t7Bg5xNQZGNnOgzSvfv2ZgX+dbfiwVX14BCCCQAbyMrNwMDKxcDOxi/Az/WU0YLi1b8/E9K8cqr6JjGQwEAEAAMf378+/cn+//GFi5bRiYuMOBzt7w4RMH50IPIjSDAEAAsbz8+Gfdh9VFEr9//WX7//s/009uzlmuWUcqGYgEAAEGAIZWUhP4bjW1AAAAAElFTkSuQmCC') no-repeat 0 1px; 71 background-color: #fff; 72 border-top: solid 1px #565656; 73 border-left: solid 1px #565656; 74 border-bottom: solid 1px #a2aac4; 75 border-right: solid 1px #a2aac4; 76 padding: 2px 0 2px 18px; 77 margin: 0.3em 0; 78 width: 12em; 79} 80#authen_rememberuserfield { 81 clear: left; 82 margin-left: 8em; 83} 84#authen_loginfield:focus { 85 background-color: #ffc; 86 color: #000; 87} 88#authen_passwordfield:focus { 89 background-color: #ffc; 90 color: #000; 91} 92div.login a { 93 font-size: 80%; 94 color: #303c5f; 95} 96div.login div.buttons input { 97 border-top: solid 2px #a2aac4; 98 border-left: solid 2px #a2aac4; 99 border-bottom: solid 2px #565656; 100 border-right: solid 2px #565656; 101 background-color: #d0d5e1; 102 padding: .2em 1em ; 103 font-size: 80%; 104 font-weight: bold; 105 color: #303c5f; 106} 107div.login div.buttons { 108 display: block; 109 margin: 8px 4px; 110 width: 100%; 111} 112#authen_loginbutton { 113 float: right; 114 margin-right: 1em; 115} 116#authen_registerlink { 117 display: block; 118} 119#authen_forgotpasswordlink { 120 display: block; 121} 122ul.message { 123 margin-top: 0; 124 margin-bottom: 0; 125 list-style: none; 126} 127ul.message li { 128 text-indent: -2em; 129 padding: 0px; 130 margin: 0px; 131 font-style: italic; 132} 133ul.message li.warning { 134 color: red; 135} 136 137/* ]]> */--> 138</style> 139 140<form name="loginform" method="post" action=""> 141 <div class="login"> 142 <div class="login_header"> 143 Sign In 144 </div> 145 <div class="login_content"> 146 <ul class="message"> 147<li class="warning">Invalid username or password<br />(login attempt 1)</li> 148 </ul> 149 <fieldset> 150 <label for="authen_username">User Name</label> 151 <input id="authen_loginfield" tabindex="1" type="text" name="authen_username" size="20" value="user1" /><br /> 152 <label for="authen_password">Password</label> 153 <input id="authen_passwordfield" tabindex="2" type="password" name="authen_password" size="20" /><br /> 154 <input id="authen_rememberuserfield" tabindex="3" type="checkbox" name="authen_rememberuser" value="1" />Remember User Name<br /> 155 </fieldset> 156 </div> 157 <div class="login_footer"> 158 <div class="buttons"> 159 <input id="authen_loginbutton" tabindex="4" type="submit" name="authen_loginbutton" value="Sign In" class="button" /> 160 161 162 </div> 163 </div> 164 </div> 165 <input type="hidden" name="destination" value="http://localhost?rm=two;authen_username=user1" /> 166 <input type="hidden" name="rm" value="authen_login" /> 167</form> 168<script type="text/javascript" language="JavaScript">document.loginform.authen_username.select(); 169</script> 170