/*
Address: http://www.alistapart.com/articles/prettyaccessibleforms/
Author:  Nick Rigby (http://www.nickrigby.com)
*/

form.cmxform fieldset { margin-bottom: 10px; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }

form.cmxform legend { padding: 0 2px; font-weight: bold; *margin: 0 -7px; }
form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; }

form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }

/* Width of labels */
form.cmxform label { width: 190px; }

/* Width plus 3 (html space) */
form.cmxform fieldset fieldset label { margin-left: 123px; }


form.cmxform fieldset { margin-bottom: 20px; border: 1px solid #ddd; padding: 0px 10px 0px 10px; }
form.cmxform fieldset ol { padding-top: 10px; margin-bottom: 10px; }
form.cmxform fieldset .scrolldiv { border: 1px solid #ccc; overflow: auto; height: 200px; margin-bottom: 10px; }
form.cmxform fieldset table { margin-bottom: 10px; }
form.cmxform fieldset th, form.cmxform fieldset td { padding: 8px 5px 3px 5px; }
form.cmxform fieldset .scrolldiv table { margin: 0px; background: #fff; }
form.cmxform fieldset .notice { margin-top: 10px; margin-bottom: 10px; }
form.cmxform fieldset img { margin: 0px; }
form.cmxform fieldset li img { vertical-align: top; }
form.cmxform fieldset input, form.cmxform fieldset select { padding: 3px; }
form.cmxform fieldset label { padding: 5px 3px 3px 0px; }
form.cmxform fieldset li p { display: inline-block; line-height: 1.8; margin-bottom: 0px; padding: 5px 3px 3px 0px; vertical-align: top; }
form.cmxform fieldset input[type="text"] { width: 200px; }
form.cmxform fieldset input[type="password"] { width: 200px; }
form.cmxform fieldset input[type="checkbox"] { padding: 0px; }
form.cmxform fieldset input[type="file"] { margin-top: 5px; }
form.cmxform fieldset input[type="submit"] { padding: 2px; }
form.cmxform fieldset input[type="reset"] { padding: 2px; }
form.cmxform fieldset textarea { max-width: 650px; }
form.cmxform fieldset.result { background: #eee; color: #000; border: 1px solid #aaa; }
form.cmxform fieldset.result label { font-weight: bold; }
form.cmxform fieldset.result .scrolldiv { border: 1px solid #aaa; }

form.cmxform fieldset li.many label { width: auto; }
form.cmxform fieldset li.many input, form.cmxform fieldset li.many select { margin-right: 2px; }

form.cmxform fieldset.global legend { background: url('../images/icons/famfamfam/world.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.contact legend { background: url('../images/icons/famfamfam/telephone.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.files legend { background: url('../images/icons/famfamfam/attach.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.technology legend { background: url('../images/icons/famfamfam/building.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.circuit legend { background: url('../images/icons/famfamfam/chart_curve_edit.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.digital legend { background: url('../images/icons/famfamfam/application_form_edit.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.submit legend { background: url('../images/icons/famfamfam/accept.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.login legend { background: url('../images/icons/famfamfam/lock.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.group legend { background: url('../images/icons/famfamfam/group.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.customer legend { background: url('../images/icons/famfamfam/user.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.database legend { background: url('../images/icons/famfamfam/database.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.key legend { background: url('../images/icons/famfamfam/key.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }
form.cmxform fieldset.email legend { background: url('../images/icons/famfamfam/email.png') 2px no-repeat; padding-left: 24px; padding-bottom: 2px; }

#error { background: #FFD5D5; padding: 20px 20px 10px 20px; margin-bottom: 30px; border: 1px solid #ff0000; color: #000; }
#error ol li { margin-left: 40px; }
#error h4 { background: url('/images/icons/famfamfam/exclamation.png') 2px no-repeat; padding-left: 24px; font-weight: bold; color: #ff0000; border-bottom: 1px solid #000; margin-bottom: 20px; }

.fieldWithErrors { display: inline-block; }
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea { border: 2px solid #ff0000; }
.fieldWithErrors input[type="file"] { margin: 2px; }