﻿#url {display: none}

.formLabel {
	color: #222;
	display:inline;
}
	
.formTable {
	background-color: #fff;
}

.formTable input, .formTable textarea, .formTable select, .formTable option {
	font-family: Courier New, serif;
	font-size: 12px;
	max-width: 344px;
}

.formTable td {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}

.formTable td.label {
	background-color: #eee;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: right;
	width: 150px;
}

.formTable td.infotext {
	background-color: #eee;
	border-right: 1px solid #ccc;
	font-size: 14px;
	text-align: left;
	width: 100%;
}

.formTable td.label label {
	/* width: 150px; */
	display: block;
}

.formTable .colLabels td {
	background-color: #ccc;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 14px;
	font-weight: bold;
}

.formTable tfoot td {
	background-color: #ccc;
	border-top: 1px solid #999;
	text-align: left;
}

label.validation-failed {
	color: red;
}

.alphacube_message ul * {
	text-align: left !important;
}

input[type="checkbox"], input[type="radio"] {
	margin: 10px 0;
}
/* found at http://elvery.net/demo/responsive-tables/ */
@media only screen and (max-width: 780px) {
	
	.formTable {
		background-color: #eee;
		border: 1px solid #ccc;
		width: 100%;
	}
	
	.formTable input, .formTable textarea, .formTable select, .formTable option {
		font-family: Courier New, serif;
		font-size: 12px;
		max-width: 250px;
	}

	
	/* Force table to not be like tables anymore */
	.formTable table, 
	.formTable thead, 
	.formTable tbody, 
	.formTable th, 
	.formTable td, 
	.formTable tr { 
		display: block;
		text-align:left; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.formTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.formTable tr { border: 1px solid #ccc; }
 
	.formTable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/* padding-left: 50%; */
		white-space: normal;
		text-align:left;
		background-color: #eee;
		border-right: 1px solid #ccc;

	}
 
	.formTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	
	.formTable td.infotext {
		background-color: #eee;
		border-right: 1px solid #ccc;
		font-size: 14px;
		text-align: left;
		width: 100%;
	}
	
	.formTable td.label label {
		display: block;
		text-align:left;	}
	.formTable td.label {
		border: none;
	}
	/*
	Label the data
	*/
	.formTable td:before { content: attr(data-title); }
}