body {
	margin: 0px;
	padding: 0px;
	background-color: #606060;
	/* background-color: #ccc; */
	color: #fff;
	height: 100%;
}
body, h1, h2, h3, h4, input, textarea, select {
	font-family: "Open Sans";
	font-weight: 300;
}
@media screen and (max-width: 480px) {
	body {
		overflow-x: hidden;
	}
}
@media screen and (min-width: 1200px) {
	body {
		overflow-x:hidden;
	}
}

h1 {
	font-weight: normal;
	font-size: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 10px;
/*
	padding-left: 64px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 64px;
*/
}

h2 {
	font-weight: normal;
	font-size: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 10px;
}

h3 {
	font-weight: normal;
	font-size: 19px;
	margin-top: 0px;
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 32px;
	}
	h2 {
		font-size: 16px;
	}
}

input, select {
	font-size: 18px;
	padding: 7px;
}
option {
	background-color: #666;
}
input[type="button"], input[type="submit"], select, .buttonize {
	cursor: pointer;
	font-weight: 100;
	/*border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid #aaa;
	background:linear-gradient(to bottom, #eee 5%, #ddd 100%);*/
	background:linear-gradient(to bottom, rgba(120,120,120,1) 5%, rgba(90,90,90,1) 100%);
	margin-right: 10px;
	margin-top: 10px;
	color: #fff;
	border:0px solid white;
	line-height: 24px;
}
input[type="button"]:hover, input[type="submit"]:hover, .buttonize:hover {
	/*
	background-color: #dadaee;
	border: 1px solid #5c64ac;
	border-top: 1px solid #5c64ac;
	border-left: 1px solid #5c64ac;
	color: #2734ac;
	box-shadow: 1px 1px 1px #5c64ac;
	background:linear-gradient(to bottom, #e1e5f8 5%, #b7c0ed 100%);
	*/
	background:linear-gradient(to bottom, rgba(140,140,140,1) 5%, rgba(110,110,110,1) 100%);
}
input[type="button"]:active, input[type="submit"]:active, .buttonize:active {
	position: relative;
	left: 1px;
	top: 1px;
	/*
	box-shadow: 0px 0px 1px none;
	background:linear-gradient(to top, #e1e5f8 5%, #b7c0ed 100%);
	*/
}
input, textarea {
	border: 0px solid black;
	background-color: rgba(0,0,0,0.6);
	font-weight: 500;
	color:#fff;
}
input:active, textarea:active {
	/*background-color: #FFC;*/
}
input:focus, textarea:focus {
	/*background-color: #FFC;*/
}


#jhajxwrpr {
	margin: 0px;
	padding: 0px;
	background:linear-gradient(to bottom, #fffafa 0%, #ccc 100%);
	background:linear-gradient(to bottom, #191919 0%, #606060 100%);
	min-height: 550px;
}
#jhajxinly {
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 99998;
}
#jhajxinly div.loading {
	margin: auto;
	text-align: center;
	vertical-align: middle;
	background-color: rgba(0,0,0,0.4);
	padding: 20px;
}
#jhajxinly div.window {
	margin: auto;
	background-color: rgba(50,50,50,0.9);
	padding: 20px;
	padding-right: 30px;
	padding-left: 30px;
	box-shadow: 0px 0px 50px #000;
}
#jhajxinly div.head {
	font-size: 18px;
	margin-bottom: 10px;
}
#jhajxinly textarea {
	font-family: monospace;
	display:block;
	white-space: pre;
	min-height: 19px;
	min-width: 200px;
}
#jhajxinly textarea.multiline {
	width: 720px;
	height: 500px;
}
#jhajxinly textarea.single {
	width: 500px;
	/*height: 19px;*/
	height: 32px;
	font-size: 16px;
	padding: 7px;
}
#jhajxinly div.btn {
	display: inline-block;
	border: 1px solid black;
	height: 19px;
	padding: 7px;
	cursor: pointer;
	width: 100px;
	text-align: center;
}
#jhajxinly div.btn:hover {
	background-color: #cfc;
}
@media screen and (max-width: 480px) {
	#jhajxinly {
		width: 100% !important;
		left: 0px !important;
	}
	#jhajxinly textarea {
		width: 100% !important;
	}
	#jhajxinly textarea.multiline {
		height: 200px;
	}
}

/* ---------------------- LOGIN ----------------------- */

div.loginbox.outer {
	width: 100%;
	text-align: center;
	margin-top: 50px;
}
div.loginbox.inner {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	border: 2px solid #aaa;
	padding: 40px;
}
div.loginbox.name {
	display: inline-block;
}
div.loginbox table td:first-child {
	text-align: right;
}
div.loginbox table td:last-child {
	text-align: left;
}
div.loginbox input[type=text], div.loginbox input[type=password] {
	width: 100%;
}
@media screen and (max-width: 480px) {
	div.loginbox.outer {
		margin-top: 0px;
	}
	div.loginbox.inner {
		padding: 20px;
		border: 0px;
		border-bottom: 1px solid #aaa;
	}
}
@media screen and (min-width: 480px) {
}


/* ---------------------- BUTTONS ----------------------- */

.btn, .btn.outer, .btn.inner {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.btn.outer {
	display: flex;
	overflow: hidden;
}

.btn.inner {
	width: 100%;
	text-align: center;
	overflow: hidden;
	cursor:pointer;
	height: 80px;
	/*display: inline-block;*/
}
.btn.inner:active {
	position:relative;
	top:1px;
	left:1px;
}
.btn.inner.down {
	position: relative;
	height: 93px;
}


.btn .info {
	position:absolute;
	white-space:nowrap;
	overflow:hidden;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
	height:30px;
	vertical-align: top;
}
.btn .info.topleft {
	float:left;
}
.btn .info.topright {
	float:right;
}

.btn .padding {
	line-height: 20px;
}

.btn .icon, .btn .text, .btn .subtext {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-align:center;
	vertical-align: middle;
}
.btn .side {
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(1);
	height: 87px;
	width: 35px;
	position: absolute;
	margin-left: 10px;
}
.btn .side img {
	margin-top: 23px;
	width: 35px;
}
.btn.sideicon .line1, .btn.sideicon .line2 {
	margin-left: 40px;
}
.btn .line1 {
	margin-top: 16px;
	margin-bottom: 0px;
}
.btn .line2 {
	margin-bottom: 20px;
}
.btn .icon img {
	height: 32px;
	color: #FFF;
	filter: invert(1);
}
.btn .text {
	font-size: 20px;
	font-weight: 400;
}
.btn .subtext {
	font-size: 13px;
	font-weight: 400;
}


/* ---------------------- TABS ----------------------- */

.tabbar {
	display: grid;
	grid-template-columns: repeat(8, 1fr) 170px;
	
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.tabbar.nothome {
	border-bottom: 1px solid #ff409a;
}


@media screen and (max-width: 480px) {
	.tabbar.nothome {
		/* grid-template-columns: repeat(6, 1fr); */
		grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
	}
	.tabbar.home {
		grid-template-columns: repeat(2, 1fr);
	}
	.tabbar .infobox {
		display: none;
	}
}
@media screen and (min-width: 480px) {
	.tabbar .infobox {
		overflow: hidden;
		white-space: nowrap;

		grid-column: 9;

		padding-top: 10px;
		padding-left: 10px;
	}
}



/* ---------------------- SWITCHBOX ----------------------- */

.switchbox {
	display: grid;
	grid-template-columns: repeat(24, 1fr);
	grid-column-gap: 10px;
	/* grid-row-gap: 10px; */
}
.switchbox .btn.outer {
	margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
	.switchbox {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media screen and (min-width: 480px) {
	.switchbox {
		margin: auto;
		max-width: 550px;
	}
}

	
/* ---------------------- LISTS ----------------------- */

@media screen and (max-width: 480px) {
	table.tlist {
		display: block;
		font-size: 12px;
		overflow-x: scroll;
	}
}
@media all, screen and (min-width: 480px) {

	table.tlist {
		width: 100%;
		margin-bottom: 5px;
		border-collapse: collapse;
	}
	table.tlist thead tr td {
		font-weight: bold;
		border-bottom: 3px solid black;
	}
	
	table.tlist tr td {
		border-bottom: 1px solid #BBB;
		border-collapse: collapse;
		padding: 5px;
	}
	table.tlist tbody tr:nth-child(even) td {
		background-color: rgba(85,85,85,1);
	}
	table.tlist tbody tr:nth-child(odd) td {
		background-color: rgba(65,65,65,1);
	}
	table.tlist tbody tr td:nth-child(1n+1).def, table.tlist thead tr td {
		border-left: 1px solid #BBB;
	}
	
	table.tlist tr td.btn {
		width: 1px;
		white-space:nowrap;
		padding: 0px;
		padding-right: 5px;
	}


	table.tlist td.clickable {
		cursor: pointer;
	}
	table.tlist tbody tr:nth-child(even) td.clickable:hover {
		background-color: rgba(100,100,255,0.6);
		/*outline: 1px solid #0f0;*/
	}
	table.tlist tbody tr:nth-child(odd) td.clickable:hover {
		background-color: rgba(100,100,255,0.6);
		/*outline: 1px solid #0f0;*/
	}
	table.tlist td.clickable:hover .clickable {
		color: #0f0 !important;
		/*text-decoration: underline;*/
	}

	
	table.tlist tr td.def.ip_address, table.tlist tr td.def.ip_address_current {
		min-width: 130px;
	}
	
	table.tlist tr td.server_interface {
		margin: 0px;
		padding: 0px;
		width: 0px;
		overflow:hidden;
		font-size: 11px;
		font-weight: bold;
	}
	
	table.tlist tr td.server_interface > div {
		margin: 0px;
		padding: 0px;
		
		transform: rotate(-90deg);
	}
	table.tlist tr td.server_interface > div > div {
		margin: 0px;
		padding: 0px;
	}
	
	/* device_list: must_reset_ip */
	table.tlist tr.must_reset_ip:nth-child(even) td {
		background-color: #FFCCCC;
	}
	table.tlist tr.must_reset_ip:nth-child(odd) td {
		background-color: #FFDDDD;
	}
	table.tlist tr.must_reset_ip td, table.dl tr.must_reset_ip td * {
		color: #A00 !important;
		border-right: 1px solid #000;
	}
	table.tlist tr.must_reset_ip .date, table.dl tr.must_reset_ip .date {
		color: #A00 !important;
		font-weight: 600;
	}
	table.tlist tr.must_reset_ip .mac_address, table.dl tr.must_reset_ip .mac_address {
		color: #A00 !important;
		font-weight: 600;
	}
	table.tlist tr.must_reset_ip .ip_address, table.dl tr.must_reset_ip .ip_address {
		color: #A00 !important;
		font-weight: 600;
	}
	
	table.tlist tbody tr:nth-child(even).online td {
		background-color: #007700;
	}
	table.tlist tbody tr:nth-child(odd).online td {
		background-color: #006600;
	}
	
	/* device_list: group_id_empty */
	table.tlist tr.group_id_empty:nth-child(even) td {
		background-color: #FF0;
		font-weight: bold;
	}
	table.tlist tr.group_id_empty:nth-child(odd) td {
		background-color: #FF4;
		font-weight: bold;
	}
	
	/* device_list: device_type */
	table.tlist tr.device_type_static div.device_type {
	}
	table.tlist tr.device_type_dynamic div.device_type {
		font-weight:bold;
	}	
		
	
}

/* device_list: server_interfaces */
table.tlist tr td.server_interface_eth1 {
	background-color: #844 !important;
}
table.tlist tr td.server_interface_eth1 {
	background-color: #88E !important;
}
table.tlist tr td.server_interface_eth2 {
	background-color: #E1E !important;
}



tr.zwave.today td {
	color: #ff0;
	font-weight: bold;
	border-top: 1px solid #ff0;
	border-bottom: 1px solid #ff0;
}



div.mac_address {
	font-family: "Courier New", Courier, monospace;
	color: #F55;
}
div.mac_vendor {
	font-size: 11px;
}
div.device_type {
	/*font-family: "Courier New", Courier, monospace;*/
	color: #399;
}
div.ip_address {
	font-family: "Courier New", Courier, monospace;
	color: #f0f;
}
div.date {
	font-size: 11px;
	color: #ff0;
	white-space: nowrap;
}
div.netbios_name {
	font-size: 11px;
}



/* --- weather ---*/
@media screen and (max-width: 480px) {
	div.weatherstats {
		width: 100%;
		height: 300px;
	}
}
@media screen and (min-width: 480px) {
	div.weatherstats {
		display: inline-block;
		width: 50%;
		height:450px;
		padding: 0px;
	}
}

table.wthh {
	border-collapse: collapse;
}
.wthh .wdate {
	color: #000000;
	text-align:center;
}
.wthh .wdate .date {
	color: #000000;
	font-size: 10px;
}
.wthh .wdate .time {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.wthh .entry td {
	border-bottom: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}
.wthh tr:first-child td  {
	border-bottom: 1px solid #666;
}
.wthh .entry:last-child td {
	border-bottom: none;
}
.wthh .leg {
	vertical-align: middle;
}
.wthh .pil {
	width: 15px;
	text-align: center;
	font-weight: bold;
	padding-right: 2px;
}
.wthh .val {
	text-align: right;
}
.wthh .val.act {
	font-weight: bold;
}
.wthh .val.high {
	color: #ee6655;
}
.wthh .val.low {
	color: #4488ee;
}
.wthh .leg.comp {
	text-align: right;
}
.wthh .leg.act.dot {
	padding-left: 5px;
	padding-right: 2px;
}
.wthh .leg.comp.dot {
	padding-left: 2px;
	padding-right: 5px;
}


/* ---- heating ---- */
.block_select {
	margin-left: 10px;
}
.weekday_buttons {
	margin-left: 10px;
}
.weekday_buttons div {
	display:inline-block;
	width:calc(14.2% - 32px);
	
	text-align: center;
	max-width: 95px;
	padding:8px;
	margin-right:10px;
}
.weekday_buttons div span {
	display: inline-block;
	overflow:hidden;
	width:100%;
}
.weekday_buttons .unassigned {
	cursor: pointer;
}
.weekday_buttons .assigned {
	/*
	background-color: #ffff00;
	border: 1px solid #aaaa66;
	box-shadow: 1px 1px 1px #999933;
	background:linear-gradient(to bottom, #ffffcc 5%, #ffff00 100%);
	color: #666622;
	*/
	color: #000;
	background:linear-gradient(to bottom, rgb(225,225,0) 5%, rgb(255,255,40) 100%);
	cursor: not-allowed;
	font-weight: 600;
}
.weekday_buttons .today {
	border: 5px solid rgb(255,0,0);
	color: rgb(255,0,0);
	font-weight: 700;
}




/* ------ BUTTONS ------- */

/*
	_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_[ ]_     1/12    w_12   span 1
	_[     ]_[     ]_[     ]_[     ]_[     ]_[     ]_     1/6     w_6    span 2
	_[         ]_[         ]_[         ]_[         ]_     1/4     w_4    span 3
	_[             ]_[             ]_[             ]_     1/3     w_3    span 4
	_[                     ]_[                     ]_     1/2     w_2    span 6
	_[                                             ]_     1/1     w_1    span 12
*/

.w_1 {
	grid-column: span 24;}
.w_2 {
	grid-column: span 12;}
.w_3 {
	grid-column: span 8;}
.w_4 {
	grid-column: span 6;}
.w_5 {
	grid-column: span 4;}
.w_6 {
	grid-column: span 4;}
.w_7 {
	grid-column: span 3;}
.w_8 {
	grid-column: span 3;}
.w_9 {
	grid-column: span 2;}
.w_10 {
	grid-column: span 2;}
.w_11 {
	grid-column: span 2;}
.w_12 {
	grid-column: span 2;}
.w_13 {
	grid-column: span 1;}
.w_14 {
	grid-column: span 1;}
.w_15 {
	grid-column: span 1;}
.w_16 {
	grid-column: span 1;}
.w_17 {
	grid-column: span 1;}
.w_18 {
	grid-column: span 1;}
.w_19 {
	grid-column: span 1;}
.w_20 {
	grid-column: span 1;}
.w_21 {
	grid-column: span 1;}
.w_22 {
	grid-column: span 1;}
.w_23 {
	grid-column: span 1;}
.w_24 {
	grid-column: span 1;}



.btn.green {
	/* green is now blue :) */
	background:linear-gradient(to bottom, rgba(  0,136,212,1) 5%, rgba(  0,119,201,1) 100%);
}
.btn.green:hover {
	background:linear-gradient(to bottom, rgba( 20,156,232,1) 5%, rgba( 20,139,221,1) 100%);
}
.btn.orange {
	background:linear-gradient(to bottom, rgb(255,150,0) 5%, rgb(255,170,0) 100%);
}
.btn.orange:hover {
	background:linear-gradient(to bottom, rgb(255,170,20) 5%, rgb(255,190,0) 100%);
}
.btn.purple {
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
}
.btn.pink {
	background:linear-gradient(to bottom, #ff5bb0 5%, #ff409a 100%);
}
.btn.white {
	background:linear-gradient(to bottom, rgba(100,100,100,0.5) 5%, rgba(0,0,0,0) 100%);
}
.btn.red {
	background:linear-gradient(to bottom, #ea0223 5%, #ff1604 100%);
}
.btn.red:hover {
	background:linear-gradient(to bottom, #ff1333 5%, #ff3624 100%);
}

/* http://www.bestcssbuttongenerator.com/#/35 */

/*
.btn.green {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	border:1px solid #83c41a;
	color:#ffffff;
	text-shadow:0px 1px 0px #86ae47;
}
.btn.green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b0d952), color-stop(1, #94be3c));
	background:-moz-linear-gradient(top, #b0d952 5%, #94be3c 100%);
	background:-webkit-linear-gradient(top, #b0d952 5%, #94be3c 100%);
	background:-o-linear-gradient(top, #b0d952 5%, #94be3c 100%);
	background:-ms-linear-gradient(top, #b0d952 5%, #94be3c 100%);
	background:linear-gradient(to bottom, #b0d952 5%, #94be3c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0d952', endColorstr='#94be3c',GradientType=0);
	background-color:#b0d952;
}
.btn.green:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
*/

/*
.btn.orange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	border:1px solid #eeb44f;
	color:#ffffff;
	font-size:15px;
	text-shadow:0px 1px 0px #cc9f52;
}
.btn.orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fbb962), color-stop(1, #f3971e));
	background:-moz-linear-gradient(top, #fbb962 5%, #f3971e 100%);
	background:-webkit-linear-gradient(top, #fbb962 5%, #f3971e 100%);
	background:-o-linear-gradient(top, #fbb962 5%, #f3971e 100%);
	background:-ms-linear-gradient(top, #fbb962 5%, #f3971e 100%);
	background:linear-gradient(to bottom, #fbb962 5%, #f3971e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb962', endColorstr='#f3971e',GradientType=0);
	background-color:#fbb962;
}
.btn.orange:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}
*/

/*
.btn.purple {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	border:1px solid #a511c0;
	color:#ffffff;
	text-shadow:0px 1px 0px #9b14b3;
}
.btn.purple:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b51ed1), color-stop(1, #990cb2));
	background:-moz-linear-gradient(top, #b51ed1 5%, #990cb2 100%);
	background:-webkit-linear-gradient(top, #b51ed1 5%, #990cb2 100%);
	background:-o-linear-gradient(top, #b51ed1 5%, #990cb2 100%);
	background:-ms-linear-gradient(top, #b51ed1 5%, #990cb2 100%);
	background:linear-gradient(to bottom, #b51ed1 5%, #990cb2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b51ed1', endColorstr='#990cb2',GradientType=0);
	background-color:#b51ed1;
}
.btn.purple:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
}
*/

/*
.btn.lightgrey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	text-shadow:0px 1px 0px #ffffff;
	color: #888888;
}
.btn.lightgrey .icon img {
	filter: invert(0.65);
}
.btn.lightgrey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #e2e2e2));
	background:-moz-linear-gradient(top, #f4f4f4 5%, #e2e2e2 100%);
	background:-webkit-linear-gradient(top, #f4f4f4 5%, #e2e2e2 100%);
	background:-o-linear-gradient(top, #f4f4f4 5%, #e2e2e2 100%);
	background:-ms-linear-gradient(top, #f4f4f4 5%, #e2e2e2 100%);
	background:linear-gradient(to bottom, #f4f4f4 5%, #e2e2e2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0);
	background-color:#f4f4f4;
}
.btn.lightgrey:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
*/

/*
.btn.pink {
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
	border:1px solid #ee1eb5;
	color:#ffffff;
	text-shadow:0px 1px 0px #c70067;
}
.btn.pink:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f74e9e), color-stop(1, #ee006a));
	background:-moz-linear-gradient(top, #f74e9e 5%, #ee006a 100%);
	background:-webkit-linear-gradient(top, #f74e9e 5%, #ee006a 100%);
	background:-o-linear-gradient(top, #f74e9e 5%, #ee006a 100%);
	background:-ms-linear-gradient(top, #f74e9e 5%, #ee006a 100%);
	background:linear-gradient(to bottom, #f74e9e 5%, #ee006a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f74e9e', endColorstr='#ee006a',GradientType=0);
	background-color:#f74e9e;
}
.btn.pink:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #ef027d 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0',GradientType=0);
	background-color:#ef027d;
}
*/

/*
.btn.red {
	-moz-box-shadow:inset 0px 1px 0px 0px #f0877d;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0877d;
	box-shadow:inset 0px 1px 0px 0px #f0877d;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5e52), color-stop(1, #e04638));
	background:-moz-linear-gradient(top, #ff5e52 5%, #e04638 100%);
	background:-webkit-linear-gradient(top, #ff5e52 5%, #e04638 100%);
	background:-o-linear-gradient(top, #ff5e52 5%, #e04638 100%);
	background:-ms-linear-gradient(top, #ff5e52 5%, #e04638 100%);
	background:linear-gradient(to bottom, #ff5e52 5%, #e04638 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e52', endColorstr='#e04638',GradientType=0);
	background-color:#ff5e52;
	border:1px solid #f53f36;
	color:#ffffff;
	text-shadow:0px 1px 0px #810e05;
}
.btn.red:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	border:1px solid #d83526;
	color:#ffffff;
	text-shadow:0px 1px 0px #b23e35;
}
.btn.red:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
*/


/*
.btn.white {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #ececec;
	color:#aaaaaa;
	text-shadow:0px 1px 0px #ffffff;
}
.btn.white:hover {
	background:-moz-linear-gradient(top, #fafafa 5%, #f3f3f3 100%);
}
.btn.white .icon img {
	filter: invert(0.75);
}
.btn.white:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
*/


/* ---- footer ---- */

.footer {
	font-size: 11px;
	
	display:grid;
	grid-template-columns: 50% 50%;
	
	border-top: 1px solid #999;
}

.footer div {
	padding-left: 10px;
	padding-right: 10px;
}

.footer .copyright {
	text-align:right;
}
.footer .info {
	text-align:left;
}