/* 
Colours;
- Darkest Gray:      #343434
- Logo Gray:         #9ba0a5
- Lightest Gray:     #f7f7f7
- Font Dark Gray:    #444444
- Font Light Gray:   #f2f2f2
- Alteeve Red:       #d02724
- Footer background: #171717
- Footer text:       #515151
*/

input[type=text].input_clear, input[type=number].input_clear {
	border: 1px solid #9ba0a5;
}

input[type=text].input_alert, input[type=number].input_alert {
	border: 2px solid red;
}

input[type=text], input[type=number] {
	width: 100%;
	padding: 6px 10px;
	margin: 2px 0;
	display: inline-block;
	border: 1px solid #9ba0a5;
	border-radius: 2px;
	box-sizing: border-box;
	background-color: #343434;
	color: #f7f7f7;
}

body {
	font-family: 'Dejavu Sans', Arial, Helvetica, Verdana, Sans-Serif;
	background-image: url("/skins/alteeve/images/Texture.jpg");
	background-repeat: repeat;
	color:             #f2f2f2;
}

table.data_table {
	border:        1px solid #8f8f8f;
	border-radius: 4px;
}
tr.data_row {
	border-top: 1px solid #5f5f5f;
}

td.column_header {
	text-align: left;
	color:      #9ba0a5;
	padding:    0.15em;
}

td.column_row_name {
	text-align: left;
	color:      #f7f7f7;
	padding:    0.2em;
}

td.column_row_value {
	text-align: left;
	color:      #f7f7f7;
	padding:    0.2em;
}

td.column_row_value_fixed {
	text-align:  left;
	color:       #f7f7f7;
	font-family: 'Dejavu Sans Mono', Courier;
	padding:     0.2em;
}

.body_table {
	width:    90%;
/* 	border:   0.1em solid blue; */
	margin:   auto;
	top:      0;
	position: absolute;
	left:     5%;
}

.config_header1 {
	color:      #f7f7f7;
	text-align: center;
	font-size:  2em;
}

.config_header2 {
	color: #f2f2f2;
	text-align: center;
	font-size: 1em;
}

table {
	border-spacing:  0;
	border-collapse: collapse;
	vertical-align:  top;
}
td {
/* 	border: 1px solid green; */
	padding:         0;
	border-collapse: collapse;
}

.logo {
	border-top:   0.3em solid transparent;
	border-left:  0.3em solid transparent;
	border-right: 0.3em solid transparent;
	height:       2.5em;
}

.top_icon {
	border-top:   0.3em solid transparent;
	border-left:  0.3em solid transparent;
	border-right: 0.3em solid transparent;
	height:       2.5em;
}

.header {
	text-align:    center;
	background:    #343434;
	color:         #f2f2f2;
	border-bottom: 0.2em solid #d02724;
}
.header a:link, .header a:visited {
	cursor:          pointer;
	color:           #f6f6f6;
	text-decoration: none;
}
.header a:hover {
	cursor:          pointer;
	color:           #f6f6f6;
	text-decoration: none;
}

.footer {
	text-align: center;
	background: #171717;
	font-size:  12px;
	color:      #515151;
	width:      90%;
	position:   fixed;
	bottom:     0;
	left:       5%;
}

.footer a:link, .footer a:visited {
	cursor:          pointer;
	text-decoration: none;
	color:           #515151;
}

.footer a:hover {
	cursor:          pointer;
	text-decoration: none;
	color:           #616161;
}