.editorconfig

+[*.{js,php}]
+indent_style = space
+indent_size = 2

.gitignore

 junk
 junk/*
 local_config.php
-
+.htaccess

config.php

@@ -6,11 +6,7 @@ $config["db"]["host"] = null;
 $config["db"]["user"] = null;
 $config["db"]["password"] = null;
 $config["db"]["database"] = null;
-
-$config["basket_db"]["host"] = null;
-$config["basket_db"]["user"] = null;
-$config["basket_db"]["password"] = null;
-$config["basket_db"]["database"] = null;
+$config["db"]["port"] = 3306;
 
 require_once("local_config.php");
 

css/style.css

@@ -108,132 +108,93 @@
 .dataTables_scrollHead {
 height: 37px;
 }
-.ac-container{
-	width: 100%;
-	/*margin: 4x 0px 6px 0px;*/
-	text-align: left;
-}
-  .ac-container label{
-	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
-	padding: 5px 20px;
-	position: relative;
-	z-index: 20;
-	display: block;
-	height: 24px;
-	cursor: pointer;
-	color: #777;
-	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
-	line-height: 26px;
-	font-size: 18px;
-	background: #ffffff;
-	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
-	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
-	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
-	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
-	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
-	box-shadow: 
-		0px 0px 0px 1px rgba(155,155,155,0.3), 
-		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
-		0px 2px 2px rgba(0,0,0,0.1);
+
+.input-container {
+    display: flex;
+    justify-content: space-between;
 }
-.ac-container label:hover{
-	background: #fff;
+
+.network-input {
+    flex-basis: 49%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 }
-.ac-container input:checked + label,
-.ac-container input:checked + label:hover{
-	background: #c6e1ec;
-	
-	color: #3d7489;
-	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
-	box-shadow: 
-		0px 0px 0px 1px rgba(155,155,155,0.3), 
-		0px 2px 2px rgba(0,0,0,0.1);
+
+.network-input select {
+    font-size: 1.5em;
 }
-.ac-container label:after,
-.ac-container input:checked + label:after{
-	content: '';
-	position: absolute;
-	width: 24px;
-	height: 24px;
-	right: 13px;
-	top: 7px;
-	background: transparent url(../images/arrow_down_y.png) no-repeat center center;	
+
+.network-button-container {
+    display: flex;
+    flex-wrap: wrap;
 }
-.ac-container input:checked + label:after{
-	background-image: url(../images/arrow_up_y.png);
+
+.network-button-container .network-select {
+    border: 1px solid #CCCCCC;
+    border-radius: 5px;
+    margin: 0em 1em 1em 0;
+    padding: 10px;
 }
-/*.ac-container input{
-	display: none;
-}*/
-.ac-container article{
-	background: rgba(255, 255, 255, 0.5);
-	margin-top: -24px;
-	overflow: hidden;
-	height: 24px;
-	position: relative;
-	z-index: 10;
-	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-}
-.ac-container article p{
-	font-style: italic;
-	color: #777;
-	line-height: 23px;
-	font-size: 14px;
-	padding: 20px;
-	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+
+.network-button-container .network-select.selected {
+    background-color: #2d9b2e;
+    color: white;
 }
-.ac-container input:checked ~ article{
-	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
+
+.network-button-container .network-select.active {
+    border: 1px solid red;
 }
-.ac-container input:checked ~ article.ac-small{
-	height: 140px;
+
+.network-control {
+    flex-basis: 49%;
+    display: flex;
+    flex-direction: column;
 }
-.ac-container input:checked ~ article.ac-medium{
-	height: 180px;
+
+.network-wrapper {
+    display: flex;
+    justify-content: space-between;
+    height: 100%;
 }
 
-.ac-container input:checked ~ article.ac-extra-medium{
-	height: auto;
+.network-container {
+    flex-basis: 100%;
+    border: 1px solid #CCCCCC;
+    height: 700px;
 }
 
-.ac-container input:checked ~ article.ac-large{
-	height: 620px;
+.network-table-wrapper {
+    display: flex;
+    justify-content: space-between;
 }
 
-.ac-container input:checked ~ article.ac-large-input{
-	height: 291px; 
+.network-table-wrapper div {
+    flex-basis: 100%;
 }
 
+.network-table-wrapper div table {
+    width: 100%;
+}
 
-/*AR*/
-.ar-container{
+.accordion{
 	width: 100%;
-	margin: 10px auto 30px auto;
+	/*margin: 4x 0px 6px 0px;*/
 	text-align: left;
 }
-.ar-container label{
+  .accordion .accordion-head {
 	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
+        user-select: none;
 	padding: 5px 20px;
 	position: relative;
 	z-index: 20;
 	display: block;
-	height: 30px;
+	height: 24px;
 	cursor: pointer;
 	color: #777;
 	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
-	line-height: 33px;
-	font-size: 19px;
+	line-height: 26px;
+	font-size: 18px;
 	background: #ffffff;
 	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
@@ -246,132 +207,71 @@ height: 37px;
 		0px 0px 0px 1px rgba(155,155,155,0.3), 
 		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
 		0px 2px 2px rgba(0,0,0,0.1);
-		
 }
-.ar-container label:hover{
+.accordion .accordion-head:hover{
 	background: #fff;
 }
-.ar-container input:checked + label,
-.ar-container input:checked + label:hover{
+.accordion .accordion-head.opened,
+.accordion .accordion-head.opened:hover {
 	background: #c6e1ec;
+	
 	color: #3d7489;
 	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
 	box-shadow: 
 		0px 0px 0px 1px rgba(155,155,155,0.3), 
 		0px 2px 2px rgba(0,0,0,0.1);
 }
-.ar-container label:after,
-.ar-container input:checked + label:after{
+.accordion .accordion-head:after {
 	content: '';
 	position: absolute;
 	width: 24px;
 	height: 24px;
 	right: 13px;
 	top: 7px;
-	background: transparent url(../images/arrow_down</