/* -------------- Form Elements ------------- */ fieldset { background: #f9f8cc; border: 1px solid #cccccc; margin-top: 10px; margin-bottom: 32px !important; padding: 10px; position: relative; border: 1px solid #cccccc !important; top: 12px; /* Offsets the negative margin of legends */ -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .fieldset-wrapper { margin-top: 10px; } .node-form .vertical-tabs .fieldset-wrapper { margin-top: 0; } .filter-wrapper { top: 0; padding: 1em 0 0.2em; -khtml-border-radius-topright: 0; -khtml-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .filter-help a { font-size: 0.857em; padding: 2px 20px 0; } .filter-wrapper .form-item label { margin-right: 10px; } .filter-wrapper .form-item { padding: 0 0 0.5em 0.5em; } .filter-guidelines { padding: 0 1.5em 0 0.5em; } fieldset.collapsed { background: transparent; -khtml-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 10px #dddddd solid; } fieldset legend { width: auto; border: 1px #1a6f93 solid; color: black; font-family: Arial; font-weight: none; font-size: 25px; margin-left: 25px; padding-right: 5px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; background:#f9f7cc; -moz-border-radius: 10px; margin-bottom: 10px; } fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } fieldset legend a { color: #3b3b3b; } fieldset legend a:hover, fieldset legend a:focus, fieldset legend a:active { color: #000; } fieldset .fieldset-wrapper { padding: 0 15px 15px; } fieldset .fieldset-description { margin-top: 5px; margin-bottom: 1em; line-height: 1.4; color: #3c3c3c; font-style: italic; } input { margin: 2px 0; padding: 4px; } input, textarea { font-size: 0.929em; } textarea { line-height: 1.5; } textarea.form-textarea, select.form-select { padding: 4px; } input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #ccc; } input.form-submit:hover, input.form-submit:focus { background: #dedede; } .password-suggestions ul li { margin-left: 1.2em; /* LTR */ } .form-item { margin-bottom: 1em; margin-top: 2px; } .form-item label { font-size: 0.929em; } .form-type-radio label, .form-type-checkbox label { margin-left: 4px; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2px; } .form-actions { padding-top: 10px; } /* Contact Form */ .contact-form #edit-name { width: 75%; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-mail { width: 75%; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-subject { width: 75%; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .contact-form #edit-message { width: 76.3%; -khtml-border-top-left-radius: 4px; -khtml-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .contact-form .resizable-textarea .grippie { width: 76%; -khtml-border-bottom-left-radius: 4px; -khtml-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Disabled form elements */ input.form-button-disabled, input.form-button-disabled:hover, input.form-button-disabled:focus, input.form-button-disabled:active, .form-disabled input, .form-disabled select, .form-disabled textarea { background: #ededed; border-color: #bbb; color: #717171; } .form-disabled .grippie { background-color: #ededed; border-color: #bbb; } .form-disabled label { color: #717171; } /* Animated throbber */ html.js input.form-autocomplete { background-position: 100% 4px; /* LTR */ } html.js input.throbbing { background-position: 100% -16px; /* LTR */ } /* Comment form */ .comment-form label { float: left; /* LTR */ font-size: 0.929em; width: 120px; } .comment-form input, .comment-form .form-select { margin: 0; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .comment-form .form-type-textarea label { float: none; } .comment-form .form-item, .comment-form .form-radios, .comment-form .form-type-checkbox, .comment-form .form-select { margin-bottom: 10px; overflow: hidden; } .comment-form .form-type-checkbox, .comment-form .form-radios { margin-left: 120px; /* LTR */ } .comment-form .form-type-checkbox label, .comment-form .form-radios label { float: none; margin-top: 0; } .comment-form input.form-file { width: auto; } .no-sidebars .comment-form .form-text { width: 800px; } .one-sidebar .comment-form .form-text { width: 500px; } .two-sidebars .comment-form .form-text { width: 320px; } .comment-form .form-item .description { font-size: 0.786em; line-height: 1.2; margin-left: 120px; /* LTR */ } #content h2.comment-form { margin-bottom: 0.5em; } .comment-form .form-textarea { -khtml-border-radius-topleft: 4px; -khtml-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .comment-form fieldset.filter-wrapper .fieldset-wrapper, .comment-form .text-format-wrapper .form-item { margin-top: 0; margin-bottom: 0; } .filter-wrapper label { width: auto; float: none; } .filter-wrapper .form-select { min-width: 120px; } .comment-form fieldset.filter-wrapper .tips { font-size: 0.786em; } #comment-body-add-more-wrapper .form-type-textarea label { margin-bottom: 0.4em; } #edit-actions input { margin-right: 0.6em; /* LTR */ } fieldset p { margin: 0 0 5px; text-align: left; }