/*
	CSS styles for various forms which use forms.php
 */
 
/*
 * Form field styles 
 */

/* Page level error - not field specific */
.page-errors .error {
	background: red;
	color: white;
	border: 1px solid #FF0000;
	padding: 0.5em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.field {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #b2dde2;
}

/* Item viewing classes */

/* Generated by FormErrorManager */
.field .error {
	color: red;
	font-weight: bold;
}

.field label, .field .label {
	font-weight: bold;
	color: #a92b2b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px;
}

.field input {
	/*display: block;*/
	margin: 1px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}

.field .description {
	font-size: 90%;
	color: gray;	
}

label.datetime {
	font-weight: normal;
	color: black;
	display: inline;
}

.calendar-holder input {
	display: inline;
}

.image-picker .scroll-pane {
	overflow: auto;
	margin: 0.5em;
	height: 300px;
}

/* Active <div> has image in it.
   Note that we need to reserve space for empty cells initially and then
   dispose it using display:none due to render engine restrictions.
 */
.image-picker .item-slot-active,
.image-picker .item-slot-selected,
.image-picker .item-slot-empty {
	width: 140px;
	height: 200px;
	border: 3px solid #ddDDdd;
	cursor: pointer;
	overflow: hidden;
}

.image-picker .item-slot-active:hover {
	border: 3px solid #ddDd00;
}

/* Has selected image */
.image-picker .item-slot-selected {
	border: 3px solid #aa5555;
}

/* Reserved for image fill in */
.image-picker .item-slot-empty {
	display: none;	
}

.image-picker-preview {
	width: 200px;
	height: 200px;	
}

.image-picker-preview-missing {
	color: red;	
}

.yebo-dialog p {
	padding: 0.5em;
}

.yebo-dialog input {
	margin: 0.5em;
	margin-bottom: 1em;
	padding: 0.5em;
}
input, textarea, select {
	border: 1px solid #008793;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}
.simple-date-holder {
	float: left;
	padding: 2px;
}
.image-picker-element {
	border: 1px solid #008793;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px;
}

.inputElement {
	border: 1px solid #008793;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}