.spec-table {

	font-family: verdana;
	position: relative;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	display: table;
}

.spec-table .col {

	text-align: center;
	padding: 5px;
}

.spec-table .col img {

	width: 100%;
	max-width: 200px;
}

.spec-table .spec-header {

	text-align: center;
	font-weight: bold;
}

.spec-table .spec-table-data {

	background-color: white;
}

.spec-table .spec-table-header {

	text-align: center;
	font-weight: bold;
	background-color: white;
}

.spec-table .spec-table-name {
	
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	
	font-size: 14pt;
	
	color: white;
	text-shadow: 1px 1px black;
	
	position: relative;
	
	z-index: 6;
	text-align: center;
	
	float: left;
	width: 0px;
	height: 0px;
	top: 10px;
}

.spec-table-name-container {

	min-width: 30px;
	max-width: 30px;
	width: 30px;
}

.spec-table-name-underscore {

	text-shadow: none;
}

.spec-table .editable {

	background-color: white;
}

.spec-table .editable:hover {

	background-color: lightgrey;
}

/**
	Spec Tables special css
*/

.Analog {

	background-color: #F85443;
}

.Archiving {

	background-color: #007AC3;
}

.IP {

	background-color: #7CBFCC;
}

.Joystick_Specs {

	background-color: #F89B42;
}

.Server {

	background-color: #F89B42;
}

.Settings {

	background-color: #F85443;
}

.Software {
	
	background-color: #F89B42;
}

.General {

	background-color: #BA8654;
}

.Storage {

	background-color: #F85443;
}

.spec-gl-1-1 {
	
	width: 100%;
}

.spec-gl-1-2 {
	
	width: 50%;
}

.spec-gl-1-3 {
	
	width: 33.3333%;
}

.spec-gl-1-4 {
	
	width: 25%;
}

/**
	MEDIA QUERIES
*/
@media all and (max-width: 480px) {

	.spec-table tr:first-child td:first-child {
	
		display: none;
	}
}