.detail_table {
	float: left;
	width: 600px;
	}
.detail_key {
	background-color: rgb(225,225,225);
	float: left;
	margin: 0px 2px 4px 2px;
	padding: 2px 4px 2px 4px;
	width: 250px;
	}
.detail_val {
	background-color: rgb(255,255,255);
	border-color: rgb(225,225,225);
	border-style: solid;
	border-width: 1px;
	float: left;
	margin: 0px 2px 4px 2px;
	padding: 2px 4px 2px 4px;
	width: 250px;
	}
.field_contents {
	margin-bottom: 20px;
	}
.field_name {
	background-color: rgb(75,75,75);
	color: rgb(255,255,255);
	margin-bottom: 5px;
	padding: 3px;
	text-align: center;
	}
.history_key {
	background-color: rgb(75,75,75);
	color: rgb(255,255,255);
	padding: 3px;
	}
.history_table {
	width: 500px;
	}
.history_val {
	background-color: rgb(255,255,255);
	border-color: rgb(75,75,75);
	border-style: solid;
	border-width: 1px;
	margin-bottom: 15px;
	padding: 3px;
	}
#pagination {
	float: right;
	}
.pagination {
        background-color: rgb(235,235,235);
        border-color: rgb(150,150,150);
        border-style: solid;
        border-width: 1px;
        color: rgb(0,0,0);
        cursor: pointer;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-left: 5px;
        text-align: center;
        text-decoration: none;
        width: 30px;
        }
.pagination:hover {
        background-color: rgb(175,175,175);
        }
.pagination.current_page {
        background-color: rgb(125,125,125);
        color: rgb(255,255,255);
        }
.pagination_input {
	border-color: rgb(150,150,150);
	border-width: 1px;
	height: 30px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	width: 30px;
	}
.record_controls {
	display: none;
	}
.record_detail_button {
	cursor: pointer;
	font-size: 1.2em;
	margin-left: 20px;
	}
.record_detail_icons {
	float: left;
	text-align: center;
	width: 75px;
	}
.record_detail_icon {
	cursor: pointer;
	display: block;
	font-size: 1.8em;
	margin-bottom: 20px;
	}
.record_detail_table {
	float: left;
	max-width: 530px;
	}
.record_inactive_row {
	background-color: rgb(200,100,100);
	color: rgb(255,255,255);
	}
.record_search {
	float: right;
	height: 22px;
	margin-left: 15px;
	}
.record_search_x {
	cursor: pointer;
	float: right;
	font-size: 1.2em;
	margin-left: 5px;
	}
.sort {
	cursor: pointer;
	}
.validate_error {
	background-color: rgb(255,0,0);
	}

@media (max-width: 650px) {
	.desktop_show {
		display: none;
		}
	.detail_key, .detail_val {
		float: none;
		}
	.detail_val {
		margin-bottom: 15px;
		}
	#mobile_table_wrap {
		overflow-y: auto;
		width: 100%;
		}
	#pagination {
		float: none;
		text-align: center;
		}
	.record_controls {
		display: block;
		}
	.record_detail_icon {
		display: inline-block;
		margin-left: 20px;
		margin-right: 20px;
		}
	.record_detail_icons {
		width: 300px;
		}
	.record_detail_table {
		width: 260px;
		}
	.record_search {
		float: none;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-top: 10px;
		}
	.record_search_x {
		float: none;
		margin-bottom: 10px;
		margin-top: 10px;
		}
	}