source: VirtualCollectionRegistry/trunk/VirtualCollectionRegistry/src/main/webapp/css/_wizard.scss @ 5572

/*
Copyright (C) 2014 CLARIN

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

div.wizard .wicketExtensionsWizardHeaderTitle {
    padding: 0px 10px;
    font-size: 16px;
    font-weight: bold;
}

div.wizard .wicketExtensionsWizardHeaderSummary {
    padding: 5px 10px 0 10px;
    font-style: italics;
}

div.wizard .wizardHeader {
    border-bottom: 1px solid #000000;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

form.wizard {
    margin: 5px 4px;
    padding: 0;
    font-size: 100%;
    width: 978px;
    min-width: 978px;
}

form.wizard fieldset,
div.wizard div.fieldset {
    clear: both;
    font-size: 100%;
    border: none;
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
}

form.wizard div,
div.editDialog div {
    clear: left;
    display: block;
    /*  width: 354px;
      zoom: 1;
      margin: 5px 0 0 0;
      padding: 1px 3px;
    */
}

form.wizard .extrainfo {
    margin-left: 50px;
}

form.wizard .extrainfo a.extrainfotoggle {
    display: inline-block;
    float: right;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url(help-128.png); /* from http://www.iconsdb.com/ */
    background-size: 16px 16px;
    background-repeat: no-repeat;
}

form.wizard .extrainfo a.extrainfotoggle span {
    display: none;
}

form.wizard div.notes, form.wizard div.sidenotes {
    display: inline-block;
    height: auto;
    padding: 5px;
    border: 1px solid #666666;
    background-color: #ffffe1;
    color: #666666;
}

form.wizard div.notes {
    width: 80%;
    margin: 0 0 10px 70px;
}

form.wizard div.sidenotes {
    float: right;
    width: 198px;
    margin: 0 0 10px 10px;
}

form.wizard div.notes h4 {
    /*
    background-image: url(/images/icon_info.gif);
    background-repeat: no-repeat;
    background-position: top left;
    */
    text-align: center;
    padding: 3px 0 3px 0; /*27px; */
    margin: 0 0 3px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #666666;
    color: #666666;
    font-size: 100%;
}

form.wizard div.notes p {
    margin: 0em 0em 0.5em 0em;
    color: #666666;
    font-size: 80%;
}

form.wizard div.notes p.last {
    margin: 0em;
}

form.wizard div label {
    display: block;
    float: left;
    width: 140px;
    padding: 3px 10px;
    margin: 0 0 5px 0;
    text-align: right;
    font-weight: normal;
}

div.required label,
label.required {
    font-weight: bold !important;
}

form.wizard textarea {
    font-family: Verdana, sans-serif;
    font-size: 100%;
    width: 570px;
    overflow: auto;
    margin-bottom: 5px;
}

form.wizard .wizardButtons {
    border-top: 1px solid #000000;
    margin: 10px 0 0 0;
    clear: both;
}

form.wizard .buttonbar {
    margin: 10px 220px 0 0;
    padding: 0 10px 0 0;
    text-align: right; 
}

form.wizard .buttonbar input.button:hover,
div.modalDialog div.modalDialogButtons input.button:hover {
    color: #AE0000;
    background-color: #E9EEF7;
}

form.wizard .buttonbar  input.button[disabled],
form.wizard .buttonbar  input.button[disabled]:hover,
div.modalDialog div.modalDialogButtons input.button[disabled],
div.modalDialog div.modalDialogButtons input.button[disabled]:hover {
    color: #AFAFAF;
    border-color: #EFEFEF;
}

/*
 * modal dialog
 */
div.modalDialog {
    margin: 0;
    padding: 0;
}

div.modalDialog div.modalDialogContent {
    margin: 10px;
}

div.modalDialog div.modalDialogContent p {
    margin: 1em;
}

div.modalDialog div.modalDialogButtons {
    border-top: 1px solid #BBBBBB;
    margin: 0 5px 5px 5px;
    padding: 5px 0 0 0;
    text-align: center;
}

div.confirmationDialog {
    text-align: center;
}

div.longConfirmationDialog {
    text-align: left;
}

div.editDialog fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

div.editDialog fieldset label {
    display: block;
    float: left;
    /* width: 100px; */
    padding: 3px 5px 3px 0;
    margin: 0 0 5px 0;
    text-align: right;
}


/*
 * dialog customizations
 */
div.editCreatorDialog  fieldset label {
    width: 90px;
}

div.editCreatorDialog fieldset input,
div.editCreatorDialog fieldset textarea {
    width: 255px;
}

div.editResourceDialog fieldset label {
    width: 70px;
}

div.editResourceDialog fieldset input,
div.editResourceDialog fieldset textarea {
    width: 475px;
}

div.addResourcesDialog fieldset label {
    width: 85px;
}

div.addResourcesDialog fieldset input,
div.addResourcesDialog fieldset textarea {
    width: 460px;
}

div.addKeywordDialog fieldset input {
    width: 285px;
}

/*
 * create virtual collection wizard
 */
div.wizard a {
    font-weight: normal;
}

div.keywordsList {
    clear: none !important;
    width: 602px;
    margin-left: 160px;
    padding: 3px 0;
}

div.keywordsList div {
    clear: none;
}

div.keywordsList ul {
    list-style-type: square;
    margin: 0;
    padding: 0 0 0 16px;
}

div.keywordsList ul li {
    margin-top: 2px;
}

div.keywordsList ul li.first {
    margin-top: 0;
}

input.button {
    padding: 1px 4px;
    margin: 0 2px;
    color: #000000;
    background-color: #E9EEF7;
    border: 2px solid #D4DEEF;
    border-radius: 4px;
    -moz-border-radius: 4px;
}