p.form_error
{
	color: red;
	font-weight: bold;
}

table#key
{
	width: 100%;
	border: 4px solid #000000;
	
}

table#events
{
	width: 100%;
	border: 4px solid #a2a3a5;
	margin-top: 5%;

}	

th, td
{
	padding: 3px;
}

tr.key_header
{
	background-color: #000000;
	color: #ffffff;
}


tr.events_header
{
	background-color: #a2a3a5;
	color: #ffffff;
}

tr.pumpoff
{
	background-color: #ffdaa3;
}

tr.off_level
{
	background-color: #c0f0cd;
}


tr.pumpon
{
	background-color: #d1b0f5;
}

tr.startup
{
	background-color: #fcd1d6;
}

tr.webtest
{
	background-color: #b7ddf4;
}	

/* mobile phone in portrait */
div#header_img
{
	float: left;
	background-image: url("../images/pixie_door_phone.jpg");
	width: 80px;
	height: 105px;
}

div#header_txt
{
	float: left;
	background-image: url("../images/MurtWell_phone_150px.png");
	width: 150px;
	height: 105px;
}


/* Larger than mobile */
@media (min-width: 480px) {
	
	div#header_img
	{
		float: left;
		background-image: url("../images/pixie_door_phone.jpg");
		width: 80px;
		height: 105px;
	}

	div#header_txt
	{
		float: left;
		background-image: url("../images/MurtWell_phone.png");
		width: 320px;
		height: 105px;
	}
	
	
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 700px) {
	
	div#header_img
	{
		float: left;
		background-image: url("../images/pixie_door_tablet.jpg");
		width: 120px;
		height: 158px;
	}

	div#header_txt
	{
		float: left;
		background-image: url("../images/MurtWell_tablet.png");
		width: 400px;
		height: 158px;
	}
	
	
}

/* Larger than tablet */
@media (min-width: 1200px) {
	
	div#header_img
	{
		float: left;
		background-image: url("../images/pixie_door_full.jpg");
		width: 200px;
		height: 264px;
	}

	div#header_txt
	{
		float: left;
		background-image: url("../images/MurtWell_full.png");
		width: 700px;
		height: 264px;
	}


}