/*
 * Styles for the dynamic case settings, on both the "RMG Settings" page
 * and on individual cases in the generated meta box.
 */

.case-setting-row {
	margin-bottom: 3em;
}

.case-setting-row:hover {
	background: #fafafe;
}

.case-setting-row label {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

.case-setting-row input[type="text"], .case-setting-row textarea, .case-setting-row select {
	display: inline-block;
	width: 250px;
	vertical-align: middle;
}

.remove-case-setting, .add-new-rmg-setting {
	display: block;
	padding: 4px 8px;
	border: 1px solid #CCCCCC;
    border-radius: 4px;
    cursor: pointer;
}

.remove-case-setting {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
}

.add-new-rmg-setting {
    background: #efefef;
}

.dynamic-case-meta .setting-name  {
	font-weight: bold;
	margin: 10px 0 4px;
	display: block;
}

.dynamic-case-meta input[type="text"], .dynamic-case-meta select {
	width: 200px;
}

.dynamic-case-meta label input[type="checkbox"] {
	vertical-align: middle;
	margin: 0 1.5em 0 .5em;
}

.case-setting-row {
	margin-bottom: 2em;
	overflow: auto;
}

.case-setting-cell {
	float: left;
	width: 50%;
}

.range-options.options-disabled {
	display: none;
}