Updated Config with "new" options.

data/interfaces/brink/CSS/StyleSheet.css

@@ -882,7 +882,35 @@ footer
 div#version { text-align: center; font-weight: bold; }
 div#donate { text-align: center; margin: 20px auto 20px auto; }
 
-div#shutdown{ text-align: center; vertical-align: middle; }
+div#shutdown
+{ 
+	position: fixed; 
+	top: 0px; 
+	left: 0px; 
+	width: 100%; 
+	height: 100%; 
+	background-color: rgba(0,0,0,0.9);
+	z-index: 9999;
+}
+div#shutdown div
+{
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 0px;
+	height: 0px;
+}
+div#shutdown div div
+{
+	text-align: center;
+	position: relative;
+	float: left;
+	left: -150px;
+	top: -100px;
+	width: 300px;
+	height: 200px;
+}
+
 
 .cloudtag { padding-top: 30px; font-size:16px; }
 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }

data/interfaces/brink/CSS/selectFix.css

@@ -1,17 +0,0 @@
-select, .select
-{
-    background-color: #FFF;
-    color: #222; /*default styling of input*/
-    line-height: 40px;
-    height: 40px;
-    width: 46.72466734902764%;
-}
-select
-{
-    width: 46.72466734902764%;
-}
-.arrow
-{
-    background-color: #E4AACC;
-    border-left: 1px solid #000;
-}

data/interfaces/brink/config.html

@@ -619,6 +619,27 @@
                                 </option>
 					        %endfor
 					    </select>
+						
+						<div id="customoptions">
+							<h3>Host:<br>
+								<input type="text" name="customhost" value="${config['customhost']}" size="20">
+							</h3>
+							<h3>
+								Port:<br>
+								<input type="text" name="customport" value="${config['customport']}" size="8">
+							</h3>
+							<h3>
+								Sleep Interval:
+								<br>
+								<input type="text" name="customsleep" value="${config['customsleep']}" size="4">
+							</h3>
+						</div>
+						
+						<div id="hpserveroptions">
+							<h3>Username:<br><input type="text" name="hpuser" value="${config['hpuser']}" size="20"></h3>
+							<h3>Password:<br><input type="password" name="hppass" value="${config['hppass']}" size="15"></h3>
+							<i class="smalltext2"><a href="http://headphones.codeshy.com/vip">Get an Account</a></p>
+						</div>
 				    </td>
                 </tr>
             </table>

data/interfaces/brink/shutdown.html

@@ -7,7 +7,17 @@
 <%def name="body()">
 	<div class="table_wrapper">
 		<div id="shutdown">
-		<h1>Headphones is ${message}</h1>
+			<div>
+				<div>
+				<span>
+					<h1>Headphones is ${message}</h1>
+				</span>
+				<br />
+				<span>
+					Estimate ${timer} seconds
+				</span>
+				</div>
+			</div>
 		</div>
 	</div>
 </%def>