/* styles for general non-edit record display */
#one {
	float: left;
	padding-right: 10px;
}

#two {
	float: right;
	padding-left: 10px;
	border-left: solid 1px #eee;
}

#keywords #one {
	width: 440px;
}

#keywords #two {
	width: 440px;
	border-left: none;
}

#org #one {
	width: 400px;	
}

#org #two {
	width: 440px;
}

#settings #one {
	width: 450px;
}

#settings #two {
	width: 330px;
}

#mastertask #one.edit {
	width: 520px;
}

#mastertask #two.edit {
	width: 360px;
}

#corrective_action #one {
	width: 520px;
}

#corrective_action #additional_task #one {
	width: 480px;
}

#corrective_action #two {
	width: 360px;
}

#potent_compound #one {
	width: 540px;
}

#potent_compound #two {
	width: 340px;
}

#mastertask #one.show,
#task #one.show {
	width: 540px;	
}

#mastertask #two.show,
#task #two.show {
	width: 340px;
}

#user #one.show,
#user #one.edit {
	width: 520px;	
}

#user #two.show,
#user #two.edit {
	width: 360px;		
}

#user_prefs #one.show,
#user_prefs #one.edit {
	width: 520px;	
}

#user_prefs #two.show,
#user_prefs #two.edit {
	width: 360px;		
}

#chart_input #one,
#chart_input #two {
	width: 440px;
}

/* common input field styles */
.field {
	clear: both;
}

.field label {
	float: left;
}

.field p {
	float: right;
}

.field p .note {
	color: #888;
}

.multiple_fields input {
	margin-bottom: 5px;
}

.show hr, .edit hr {
	height: 1px;
	border: none;
	background: #ccc;
	clear: both;
}

/* page-specific input field styles */
#mastertask .show .field label,
#task .show .field label {
	width: 11em;
}

#mastertask .show .field p,
#task .show .field p {
	width: 13em;
}

#mastertask .edit .field label {
	width: 11em;
}

#mastertask .edit .field p {
	width: 14em;
}

#corrective_action .show .field label,
#corrective_action .edit .field label {
	width: 12em;
}

#corrective_action .show .field p,
#corrective_action .edit .field p {
	width: 12em;
}

#potent_compound .show .field label,
#potent_compound .edit .field label {
	width: 10em;
}

#potent_compound .show .field p,
#potent_compound .edit .field p {
	width: 14em;
}

#potent_compound .field ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 14em;
}

#org #one .field label {
	width: 10em;
}

#org #one .field p {
	width: 18em;
}

#org #two .field label {
	width: 12em;
}

#org #two .field p {
	width: 20em;
}

#settings #one .field label {
	width: 15em;
}

#settings #one .field p {
	width: 18em;
}

#settings #two .field label {
	width: 10em;
}

#settings #two .field p {
	width: 12em;
}

#user #one .field label {
	width: 10em;
}

#user #one .field p {
	width: 26em;
}

#user #two .field label {
	width: 8em;
}

#user #two .field p {
	width: 18em;
}

#new_user_password {
	clear: both;
	border: solid 2px #444;
	padding: 10px 0 0 10px;
	margin-bottom: 10px;
	
}

#user #one #new_user_password .field label {
	width: 11em;
}

#user #one #new_user_password .field p {
	width: 23em;
}

#user_prefs #one .field label {
	width: 7em;
}

#user_prefs #one .field p {
	width: 30em;
}

#user_prefs #one.show ul {
	float: right;
	width: 30em;
	margin-bottom: 1em;
}

#notify_options {
	list-style: none;
	margin-bottom: 1em;
}

#user_prefs #two .field label {
	width: 8em;
}

#user_prefs #two .field p {
	width: 18em;
}

#password .field label {
	width: 12em;
}

#password .field p {
	width: 50em;
}

#chart_input #one .field label {
	width: 12em;
}

#chart_input #one .field p {
	width: 19em;	
}

#chart_input #two .field label {
	width: 8em;
}

#chart_input #two .field p {
	width: 21em;	
}

/* space between fields */ 
.show p,
.show hr,
.edit p,
.edit hr {
	margin-bottom: 8px;
}

/* comment display styles */
#comments table {
	width: 100%;
	border-collapse: collapse;
}

#comments table tr {
	vertical-align: top;
}

#comments table tr.odd {
	background: #eee;
}

#comments table td {
	padding: 5px;
	border-bottom: solid 1px #ccc;
}

#comments table td.comment_by {
	width: 18em;
	font-size: .8em;
}

#comments table td.comment_by img {
	float: left;
	margin-right: 5px;
	border: solid 1px #ccc;
}

.comment_at {
	color: #888;
}