Fix some HTML Kickstart stuff

frontend/css/cvm.css

@@ -124,7 +124,7 @@ table.vpslist tr:hover
 	text-align: right;
 }
 
-.userbox a
+.userbox a, .userbox a:active
 {
 	display: block;
 	float: left;
@@ -165,7 +165,7 @@ table.vpslist tr:hover
 	background-color: #DCDCDC;
 }
 
-.sidebar a.button
+.sidebar a.sidebutton
 {
 	display: block;
 	padding: 5px 8px;
@@ -178,7 +178,7 @@ table.vpslist tr:hover
 	background-position: 8px 10px;
 }
 
-.sidebar a.button:hover
+.sidebar a.sidebutton:hover
 {
 	background-color: #CDCCDE;
 }

frontend/templates/main.tpl

@@ -4,7 +4,8 @@
 		<title>CVM</title>
 		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700">
 		<link rel="stylesheet" href="/css/cvm.css?1">
-		<link rel="stylesheet" href="/css/kickstart.css" media="all">
+		<link rel="stylesheet" href="/css/kickstart-grid.css" media="all">
+		<link rel="stylesheet" href="/css/kickstart-forms.css" media="all">
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 		<script src="/js/prettify.js"></script>
 		<script src="/js/kickstart.js"></script>

frontend/templates/main.vps.tpl

@@ -1,12 +1,12 @@
 <div class="sidebar">
-	<a class="button" id="button_overview" href="/<%?id>/">Overview</a>
+	<a class="sidebutton" id="button_overview" href="/<%?id>/">Overview</a>
-	<a class="button" id="button_statistics" href="/<%?id>/statistics/">Statistics</a>
+	<a class="sidebutton" id="button_statistics" href="/<%?id>/statistics/">Statistics</a>
-	<a class="button" id="button_reinstall" href="/<%?id>/reinstall/">Reinstall</a>
+	<a class="sidebutton" id="button_reinstall" href="/<%?id>/reinstall/">Reinstall</a>
-	<a class="button" id="button_backup" href="/<%?id>/backup/">Backups</a>
+	<a class="sidebutton" id="button_backup" href="/<%?id>/backup/">Backups</a>
-	<a class="button" id="button_webshell" href="/<%?id>/webshell/">WebShell</a>
+	<a class="sidebutton" id="button_webshell" href="/<%?id>/webshell/">WebShell</a>
-	<a class="button" id="button_ip" href="/<%?id>/ip/">IP Allocation</a>
+	<a class="sidebutton" id="button_ip" href="/<%?id>/ip/">IP Allocation</a>
-	<a class="button" id="button_alerts" href="/<%?id>/alerts/">Alerts</a>
+	<a class="sidebutton" id="button_alerts" href="/<%?id>/alerts/">Alerts</a>
-	<a class="button" id="button_api" href="/<%?id>/api/">API</a>
+	<a class="sidebutton" id="button_api" href="/<%?id>/api/">API</a>
 </div>
 
 <%?error>