/* New best practice: only apply these rules to the form.iconum-framework2008-common-forms-1-1  */

form { margin-bottom: 40px }
fieldset { padding-bottom: 0.6em }
legend { font-weight: bold !important }

/* 
Simple Clearing of Floats: http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ 
and
Clearing floats: http://www.quirksmode.org/css/clearing.html
*/
form div.question { margin-bottom: 1em; overflow: hidden; width: 100% } 
form div.question.no-margin { margin-bottom: 0 }

/* inputs */
input.text.extra-small, input.password.extra-small 	{ width: 5% }
input.text.small, input.password.small 	{ width: 15% }
input.text.medium, input.password.medium { width: 30% }
input.text.large, input.password.large { width: 60% }
fieldset input.text.large, fieldset input.password.large { width: 55% }
input.text.int, input.text.number, input.text.decimalnumber, input.text.money { text-align: right; padding: 1px 2px }  /* text-align right without a padding-right causes the cursor to disappear in IE and Opera */
input.readonly { color: #878787; background-color: #f0f0f0; border: 1px solid; padding: 1px 2px }
input.radio { width: auto }
input.checkbox { width: auto; margin-left: 0 }
div.label-after input.checkbox { float:left; margin-right: 0.5em }
button img { margin-right: 5px; }

/* labels */
label { float: left; width: 180px } /* the left margin of div.validationerror must be equal to the width of this label */
label.radio { float: none; width: auto; margin-right: 20px }
div.checkbox label { float: left }
div.checkboxes label { float: none }
div.label-after label.label-after { float: none; width: auto }
div.label-above label.label-above { float: none; width: auto; display: block; margin-bottom:0.5em; }
div.WhatYouSeeIsWhatYouMeanEditor label { margin: 1em 1em 0 1em }

/* validation */
form span.required { font-weight: bold; color: red }
form .validationerror { color: red }
form div.validationerror { margin: 0 0 0 180px }
form .label-above div.validationerror { margin-left: 0 }
form.validate .error { border:1px solid; margin-top:0.5em; padding: 0.3em 0.5em }

form .right { text-align: right }

form .multiselectable { width:500px; display:block; overflow: auto;	width: 100% }
form .multiselectable select, .multiselectable div { width: 200px; float:left }
form .multiselectable div * { display: block; margin: 0 auto }
form .multiselectable div { display: inline }
form .multiselectable .m-selectable-controls { margin-top: 3em; width: 50px }
form .multiselectable .m-selectable-controls button { margin-top: 1em }

form .hidden { display: none; visibility: hidden }

form .wym_box { height: 270px }

.view-form div.question { margin-bottom: 1em; overflow: hidden; }
.view-form div.question label { float: none }

form.iconum-framework2008-common-forms-1-1 textarea.load-event-onclick,
form.iconum-framework2008-common-forms-1-1 textarea.load-event-onmouseover { width: 100%; height: 200px }