/********************************/
/*	Popeyeform					*/

.popeyeform {
	color: #777676;
}
.popeyeform p {
	overflow: auto;
	font-size: inherit;
	margin-bottom: 1em;
	min-height: 22px;
}
.popeyeform div {
	margin-bottom: 1em;
}
.popeyeform fieldset label {
	margin-left: 25px;
}
.popeyeform label {
	width: 130px;
	margin-right: 10px;
	float: left;
	text-align: left;
}
.popeyeform input+label {
	width: auto;
	margin-left: 20px;
}
.popeyeform input[type=hidden]+label {
	margin-left: 0;
}
.popeyeform legend label {
	width: auto
}
.popeyeform input[type=checkbox]+label, form input[type=radio]+label {
	margin-left: 0;
}
.popeyeform textarea {
	width: 600px;
	height: 40px;
}
.popeyeform label.checkbox {
	width: auto
}
.popeyeform input[type=text], .popeyeform input[type=password], .popeyeform select{
	float: left;
	text-align: left;
	width: 162px;
}
.popeyeform select {
	width: 171px;
	/* Needs some extra px to be equal in size to text inputs */
}

input[type=text].extralong, input[type=password].extralong, select.extralong {
	width: 230px
}
input[type=text].long, input[type=password].long, select.long {
	width: 200px
}
input[type=text].short, input[type=password].short, select.short {
	width: 120px
}

.popeyeform .units {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 30px;
}
.popeyeform .inlines label {
	width: auto;
}
.active_switch {
	margin: 0; padding: 0;
	overflow: hidden; display: block;
}
.active_switch label {
	width: auto;
	float: none;	
}
.active_switch input {
	float: none;
}

.popeyeform label.validation_error:before {
	content: url(/img/error.png);
	margin-right: 5px;
	vertical-align: top;
}

/*************/
/* PPY Forms */
.ppy label {
	display: block;
	float: left;
	vertical-align: middle;
	text-align: left;		
	margin-top: 2px;
	padding-right: 5px;
}
.ppy input, .ppy textarea, .ppy select, .ppy button, .ppy .input {
	vertical-align: middle;
	padding-left: 2px;
	margin: 2px;
}
.ppy input[type=button], .ppy input[type=submit] {
	font-family: Verdana, sans-serif;
	padding: 0 10px;
}
.ppy button, .ppy .button, a.button, .ppy a.delete {
	font: bold 12px/14px Verdana,sans-serif;
	padding: 3px 10px;
	background: #4183B1;
	color: #FFFFFF;
	border: 1px solid #919191;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	cursor: pointer;
}
.ppy a.button, .ppy a.delete {
	text-decoration: none;
	margin: 3px 0 0;
	display: inline-block;
	padding: 4px 10px;
}
.ppy a.button:active, .ppy a.delete  { margin-top: 4px; margin-bottom: -1px;}
.ppy a.delete { background: #E7501E; }

.ppy input[type=checkbox], .ppy input[type=radio] {
	margin-top: 5px;
	margin-bottom: 4px;
}
.ppy .textbox {
	display: block;
	min-height: 20px;
	padding: 3px 0 2px;
	font-size: 14px;
	margin-left: 2px;
}
.ppy .textinfo {
	display: inline-block;
	min-height: 20px;
	padding: 3px 0 2px;
	font-size: 14px;
	margin-left: 2px;
}
.ppy .textbox input { margin-top: -5px; }

.ppy input.mini { width: 50px; }
.ppy select.mini { width: 58px; }
.ppy button.calendar { padding: 0; }
.ppy label.inline { display:inline; float: none; }
.ppy ul.checklist { overflow: auto; }
.ppy span.labelbox { display:block; float: left; }
/* .ppy input.delete { background: #e7501e; } */

.ppy div.checklist { max-height: 200px; overflow-y: scroll; }
.ppy .control_column { display: inline-block; vertical-align: top; background: #eee; margin-left: 2px; }

.ppy label, .ppy span.labelbox { width: 120px; }
.ppy .control, .ppy ul.checklist { margin-left: 120px; }
.ppy br.clear { clear: both; }