/* 
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
*/

.error_message {
	border-left:   3px solid #d02724;
	border-right:  3px solid #d02724;
	background:    #343434;
	padding-top:   0.2em; 
	padding-left:  0.2em; 
	padding-right: 0.2em; 
	color:         #ffdfdf;
}

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

input[type=text].input_alert, input[type=number].input_alert, select.input_alert {
	border: 1px solid #ff3f3f;
}

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;
}

select {
	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;
	font-family:      'Dejavu Sans Mono', 'Courier 10 pitch', monospace, Courier;
	font-size:        1.1em;
}

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_nowrap {
	border:        1px solid #8f8f8f;
	border-radius: 4px;
	white-space:   nowrap;
}

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;
	vertical-align: top;
	color:          #f7f7f7;
	padding:        0.2em;
}

td.column_subrow_name {
	text-align:     right;
	vertical-align: top;
	color:          #c7c7c7;
	padding:        0.1em;
}

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;
	font-size:   0.9em;
}
td.column_row_value_fixed_centered {
	text-align:  center;
	color:       #f7f7f7;
	font-family: 'Dejavu Sans Mono', Courier;
	padding:     0.2em;
	font-size:   0.9em;
}

.body_table {
	width:    90%;
	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;
}

.form_group_header1 {
	text-align:  left;
	font-size:   1.1em;
	font-weight: bold;
}

.form_group_header2 {
	text-align:  left;
	font-size:   1.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;
}

.subtle_text {
	color:      #9D9D9D;
	text-align: left;
}

.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;
}