/* Developer's Custom Fields CSS
*********************************************************************/

/* Clearfix */
.slt-cf-cf:before, .slt-cf-cf:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.slt-cf-cf:after { clear: both; }
.slt-cf-cf { zoom: 1; }

div.slt-cf-warning, div.slt-cf-alert {
	border-width: 1px;
	border-style: solid;
	padding: 0 0.6em;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 5px 0 15px;
}
div.slt-cf-warning {
	background-color: #FFEBE8;
	border-color: #C00;
}
div.slt-cf-alert {
	background-color: #ffffe0;
	border-color: #e6db55;
}

/* Multiple input fields */
div.slt-cf-fixed-width {
	float: left;
	margin: 0 7px 7px 0;
}

/* TinyMCE */
table.mceLayout {
	border-left: 1px solid #dfdfdf !important;
	border-right: 1px solid #dfdfdf !important;
}

/* Post meta fields */
form#post {
	div.slt-cf {
		margin: 20px 10px;
		label.slt-cf-label,
		legend,
		h4.slt-cf-label {
			font-size: 14px;
			font-weight: bold;
		}
		h4.slt-cf-label {
			display: inline;
			margin: 0;
		}
		legend {
			padding: 0 0 7px;
		}
		&.clone {
			label.slt-cf-label,
			legend {
				font-size: 11px;
			}
		}
	}
	div.slt-cf-text.label-block .slt-cf-input,
	div.slt-cf-textarea.label-block .slt-cf-input,
	div.slt-cf-textile.label-block .slt-cf-input {
		width: 97%;
	}
	div.slt-cf-textarea label.slt-cf-label,
	div.slt-cf-textile label.slt-cf-label,
	div.slt-cf-wysiwyg label.slt-cf-label {
		display: block;
		margin-bottom: 5px;
	}
	div.slt-cf-select label.slt-cf-label,
	div.slt-cf-file label.slt-cf-label,
	div.slt-cf-text label.slt-cf-label {
		padding-right: 10px;
	}
	div.slt-cf-select.label-block label.slt-cf-label,
	div.slt-cf-file.label-block label.slt-cf-label,
	div.slt-cf-text.label-block label.slt-cf-label,
	div.slt-cf-notice.label-block h4.slt-cf-label,
	div.slt-cf-date.label-block label.slt-cf-label,
	div.slt-cf-datetime.label-block label.slt-cf-label,
	div.slt-cf-time.label-block label.slt-cf-label {
		display: block;
		margin-bottom: 3px;
	}
	div.slt-cf-multifield {
		margin-bottom: 7px;
	}
}

// Sortable
ul.slt-cf-sortable li {
	margin-bottom: 6px;
	span.ui-icon {
		display: inline-block;
		position: relative;
		top: 2px;
		cursor: move;
	}
}

/* User profile fields */
#profile-page span.mceEditor {
	display: block;
	width: 70%;
}

/* Gmap Geocoding autocomplete */
.ui-autocomplete {
	margin-top: 20px;
	padding: 0;
	width: 300px !important;
	background: #fff !important;
	border: 1px solid #999 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius:5px !important;
	box-shadow: 3px 3px 4px #666;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	font-size: 11px !important;
	list-style-type: none;
}
.ui-menu-item a {
	display: block !important;
	padding: 5px 7px !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}
.ui-menu-item a:hover, .ui-menu-item a:focus, .ui-menu-item a:active, #ui-active-menuitem {
	background: #69c !important;
	color: #fff !important;
	cursor: pointer !important;
}

/* Timepicker related styles */
.ui-timepicker-div{
	.ui-widget-header {
		margin-bottom: 8px;
	}
	dl {
		text-align: left;
		dt {
			height: 25px;
			margin-bottom: -25px;
		}
		dd {
			margin: 0 10px 10px 65px;
		}
	}
	td {
		font-size: 90%;
	}
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* Color previews */
.slt-cf-color-preview {
	display: inline-block;
	padding: .3em 1em;
	margin: .4em;
	vertical-align: top;
	text-align: center;
	border: 1px solid #666;
}

/* Attachments lists */
ul.slt-cf-attachments-list {
	li {
		float: left;
		margin: 0 20px 20px 0;
		.slt-cf-attachment {
			display: block;
			overflow: hidden;
			&.file {
				box-sizing: border-box;
				padding: 10px;
				min-height: 80px;
				-moz-box-shadow: inset 0 0 10px 1px #999;
				-webkit-box-shadow: inset 0 0 10px 1px #999;
				box-shadow: inset 0 0 10px 1px #999;
				p {
					margin: 0;
					padding-top: 45px;
				}
			}
		}
		label {
			display: block;
			text-align: center;
			.slt-cf-attachment {
				margin-bottom: .6em;
			}
		}
	}
}