/*
 * How To Change Radio Button Checkbox Style in CSS:
 * http://viralpatel.net/blogs/css-radio-button-checkbox-background/
 */
input[type="radio"] {
	display: none;
	margin: 4px;
	vertical-align: middle;
}
input[type="radio"] + label {
	display: inline-block;
	height: 17px;
	line-height: 17px;
	margin-right: 2px;
	padding: 2px 7px;
	background-color: #F3F3F1;
	border: 1px solid #9C9C9C;
}
input[type="radio"]:checked + label {
	background-image: none;
	background-color: #99CC33;
}

#edit_history_data_container {
	width: 588px;
	height: 180px;
	background-color: #FFFFFF;
	border: 1px solid #94C721;
	padding: 0 20px 0 20px;
}
.edit_history_data_title_line {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #D6D0D6;
	width: 588px;
}
.edit_history_data_title_line .edit_history_data_title {
	font-weight: bold;
	color: #4A4A4A;
	font-size: 18px;
	float: left;
}
.edit_history_data_title_line .edit_history_data_close {
	float: right;
	background: url('../images/closed.png') no-repeat;
	height: 11px;
	width: 11px;
	margin: 15px 0 0 0;
	cursor: pointer;
}
.edit_history_data_content {
	color: #4A4A4A;
	font-size: 14px;
}
.edit_history_data_content .refer_range {
	height: 26px;
	line-height: 26px;
	margin-top: 6px;
	margin-bottom: 10px;
}
.edit_history_data_content .refer_range .refer_text {
	margin-right: 8px;
}
.edit_history_data_content .refer_range .refer_value {
	margin-right: 8px;
}
.edit_history_data_content .edit_data {
	line-height: 26px;
}
.edit_history_data_content .edit_data .date {
	height: 26px;
	line-height: 26px;
}
.edit_history_data_content .edit_data .date .date_text {
	margin-right: 8px;
}
.edit_history_data_content .edit_data .data {
	height: 26px;
	line-height: 26px;
}
.edit_history_data_content .edit_data .data .prompt {
	margin-right: 8px;
}
.edit_history_data_content .edit_data .state {
	height: 26px;
	line-height: 26px;
	float: left;
}
.edit_history_data_content .edit_data .state .prompt {
	margin-right: 8px;
}
.edit_history_data_content .edit_data .state .text {
	font-weight: bold;
}
.edit_history_data_content .edit_data .state .normal {
	background-color: #B8DB70;
	padding: 2px;
}
.edit_history_data_content .edit_data .state .abnormal {
	background-color: #FFB3B3;
	padding: 2px;
}
.edit_history_data_content .edit_data .state .unknown {
	background-color: #B3D9FF;
	padding: 2px;
}
.edit_history_data_content .edit_data #delete_btn {
	float: right;
	height: 26px;
	line-height: 22px;
	padding: 1px 26px;
	margin-right: 8px;
	background-color: #E64848;
}
.edit_history_data_content .edit_data #edit_btn, .edit_history_data_content .editing_data #save_btn {
	float: right;
	height: 26px;
	line-height: 22px;
	padding: 1px 26px;
}
.edit_history_data_content .editing_data {
	line-height: 26px;
	display: none;
}
.edit_history_data_content .editing_data .date {
	height: 26px;
	line-height: 26px;
	position: relative;
	margin-bottom: 2px;
}
.edit_history_data_content .editing_data .date .date_text {
	margin-right: 8px;
	float: left;
}
.edit_history_data_content .editing_data .date .datepicker_container {
	width: 148px;
	float: left;
	position: relative;
}
.edit_history_data_content .editing_data .date .datepicker {
	background: #FFFFFF;
	border: 1px solid #9C9C9C;
	color: #B9B9B9;
	width: 131px;
	height: 17px;
	line-height: 17px;
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}
.edit_history_data_content .editing_data .date .ui-datepicker-trigger {
	position: absolute;
	top: 4px;
	right: 8px;
	cursor: pointer;
}
.edit_history_data_content .editing_data .date .datepicker_container .valid {
	border: 2px solid green;
}
.edit_history_data_content .editing_data .date .datepicker_container .invalid {
	border: 2px solid red;
}
.edit_history_data_content .editing_data .data  {
	height: 26px;
	line-height: 26px;
	float: left;
	top: 1px;
}
.edit_history_data_content .editing_data .data .prompt {
	margin-right: 8px;
	float: left;
}
.edit_history_data_content .editing_data .data input {
	color: #5C5C5C;
	background-color: #FFFFFF;
	border: 1px solid #9C9C9C;
}
.edit_history_data_content .editing_data .data .valid {
	border: 2px solid green;
}
.edit_history_data_content .editing_data .data .invalid {
	border: 2px solid red;
}
.edit_history_data_content .editing_data .data .radio_input {
	margin-right: 8px;
	float: left;
}
.edit_history_data_content .editing_data .data .data_input {
	width: 200px;
	height: 17px;
	line-height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 8px;
}
.edit_history_data_content .editing_data .data_unit {
	height: 26px;
	line-height: 26px;
	margin-right: 8px;
}
.edit_history_data_content .editing_data .reason {
	height: 26px;
	line-height: 26px;
	float: left;
}
.edit_history_data_content .editing_data .reason .prompt {
	margin-right: 8px;
	float: left;
}
.edit_history_data_content .editing_data .reason input {
	color: #5C5C5C;
	background-color: #FFFFFF;
	border: 1px solid #9C9C9C;
}
.edit_history_data_content .editing_data .reason .valid {
	border: 2px solid green;
}
.edit_history_data_content .editing_data .reason .invalid {
	border: 2px solid red;
}
.edit_history_data_content .editing_data .reason .reason_input {
	width: 330px;
	height: 17px;
	line-height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
}