div.form {}

div.form input,
div.form textarea,
div.form select {
	margin: 0.2em 0;
	width: 78%;   
	padding: 10px 0 10px 1%;
	font-size: 1.2em;
    border: 1px solid #DDD;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

div.form .reason {
    width: 65%!important;
}

.search {
    width: 20%!important; // TODO JORN
}

div.form select { 
	width: 79%; 
	border: 0;
	background: #FFF url(../images/select-bg.png) no-repeat 99% 15px; 
	-webkit-appearance: none; 
	border: 1px solid #DDD;
}
div.form input[type="checkbox"] { margin: 15px 0; width: auto; font-size: 0; }

input[type="submit"], #customerdiv, a.a-button {
    padding: 10px 30px !important;
    margin: 10px !important;
    text-decoration: none;
    display: inline-block;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: 700;
    border: none !important;
    background-color: #f78f1e;
    width: auto !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
}
input[type="submit"]:hover, #customerdiv:hover { background-color: #bcbdc0; }

div.form fieldset {
	border: 1px solid #DDD;
	padding: 10px;
	margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

label {
	display: inline-block;
	line-height: 48px;
	width: 19%;
	padding-right: 1%;
	text-align: right;
	color: #999;
    vertical-align: top;
}

div.form .row { margin-bottom: 5px; }
div.form .hint { margin: 0; padding: 0; color: #999; }
div.form .note { font-style: italic; color: #999; margin-left: 265px; }

div.form span.required { color: red; }

div.form input[type="button"] {
    -webkit-box-shadow: #B4B5B5 1px 1px 1px;
    -moz-box-shadow: #B4B5B5 1px 1px 1px;
    box-shadow: #B4B5B5 1px 1px 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #99a7b5;
    background-color: #b6bbc1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b6bbc1), to(#9aa1aa));
    background-image: -webkit-linear-gradient(top, #b6bbc1, #9aa1aa);
    background-image: -moz-linear-gradient(top, #b6bbc1, #9aa1aa);
    background-image: -ms-linear-gradient(top, #b6bbc1, #9aa1aa);
    background-image: -o-linear-gradient(top, #b6bbc1, #9aa1aa);
    background-image: linear-gradient(to bottom, #b6bbc1, #9aa1aa);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b6bbc1, endColorstr=#9aa1aa);
}

div.form input[type="button"]:hover {
    border: 1px solid #b3bec8;
    background-color: #D4DAE0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#D4DAE0), to(#B6BBC1));
    background-image: -webkit-linear-gradient(top, #D4DAE0, #B6BBC1);
    background-image: -moz-linear-gradient(top, #D4DAE0, #B6BBC1);
    background-image: -ms-linear-gradient(top, #D4DAE0, #B6BBC1);
    background-image: -o-linear-gradient(top, #D4DAE0, #B6BBC1);
    background-image: linear-gradient(to bottom, #D4DAE0, #B6BBC1);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D4DAE0, endColorstr=#B6BBC1);
}

div.form div.error label:first-child,
div.form label.error,
div.form span.error {
	color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
	background: #E6EFC2;
	border-color: #C6D880;
}

div.form div.success label { color: inherit; }

div.form .errorSummary {
	border: 2px solid #C00;
	padding: 7px 7px 12px 7px;
	margin: 0 0 20px 0;
	background: #FEE;
	font-size: 0.9em;
}

div.form .errorMessage { color: red; font-size: 0.9em; }

div.form .errorSummary p { margin: 0; padding: 5px; }
div.form .errorSummary ul { margin: 0; padding: 0 0 0 20px; }

div.wide.form label {
	float: left;
	margin-right: 10px;
	position: relative;
	text-align: right;
	width: 100px;
}

div.wide.form .row { clear: left; }
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage { clear: left; padding-left: 110px; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #EFEFEF !important;
	border-radius: 0 !important;
}

.ui-accordion .ui-accordion-content { padding: 10px !important; }

ui-helper-clearfix elfinder-cwd ui-selectable ui-droppable elfinder-cwd-view-icons {background-color: white;}

#save-event-button {float: right;}

/*
08 Notifications
---------------------------------------------------------------------------------------------------- */

div.flash-error, div.flash-notice, div.flash-success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
div.flash-error, div.flash-notice, div.flash-success { margin: 80px 90px -50px 30px; }
div.flash-error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
div.flash-notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
div.flash-success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
div.flash-error a { color: #8a1f11; }
div.flash-notice a { color: #514721; }
div.flash-success a { color: #264409; }
div.form .rememberMe label { display: inline; }
div.view {}
div.search-form { padding: 10px; background: #eee; }