/*  Basic Settings
------------------------------------------------------------------------------------------------------ */

#container .module > h2, .module caption, 
#container .inline-group h2,
#container .inline-related h2 {
    margin: 0; padding: 7px 5px 6px 10px;
    color: #444; font-size: 12px; line-height: 16px; font-weight: bold;
    border-bottom: 1px solid #d4d4d4;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
    background-color: #e6e6e6;
}
#container .inline-related h3, 
#container .inline-related h4 {
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
}
#container .module caption a:link, .module caption a:visited {
    color: #444;
}
#container .module caption a:hover, .module caption a:active {
    color: #3da8cc;
}

/*  Modules
------------------------------------------------------------------------------------------------------ */

#container .module {
    margin-bottom: 5px;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background: #fff;
}
#container #content-main .module, 
#container #content .module {
    background: #eee;
}
#container #content-related .module, 
#container #content-related-extended .module {
    background: #fff;
}

/*  H2 in Fieldsets ................................................... */
#container fieldset.module {background-color: #EEEEEE;}
#container fieldset.module > h2 {
    margin: 0; padding-left: 15px;
    border-bottom: 1px solid #d4d4d4;
    background-color: #e0e0e0;
}

#container fieldset.collapse-closed h2.collapse-toggle {
    background-color: #e0f0f5;
    background-image: url('../img/icons/icon_fieldset_collapse-closed.png');
}
#container fieldset.collapse-closed h2.collapse-toggle:hover, 
#container fieldset.collapse-open h2.collapse-toggle {
    background-color: #c0e1ec;
    background-image: url('../img/icons/icon_fieldset_collapse-open.png');
}

/* Basic Settings, Fieldsets, Form-Rows
------------------------------------------------------------------------------------------------------ */

#container form {
    margin: 0; padding: 0;
}

#container fieldset {
    margin: 0; padding: 0;
}
#container fieldset > div:last-child {
    border-bottom: none !important;
    -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}

#container .form-row {
    overflow: hidden;
    padding: 8px 15px;
    line-height: 18px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e0e0e0;
}
#container .form-row:first-child {
    border-top: none;
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
#container .inline-related .form-row {
    padding: 5px 11px;
}
#container .form-row.last, 
#container .form-row:last-child {
    border-bottom: none !important;
}

#container .inline-related .module h4 + .form-row {
    padding: 5px 9px;
}
#container .inline-related .module.collapse-open .form-row {
    margin: -1px 1px 1px;
    border: 1px solid #d4d4d4;
    background: #eee;
}
#container .inline-related .module.collapse-open h4 + .form-row {
    border-top-color: #fff;
}
#container .inline-related .module.collapse-open .form-row:last-child {
    border-bottom: 1px solid #d4d4d4 !important;
}




/* Labels & Other Typographic Elements in Forms
------------------------------------------------------------------------------------------------------ */

#container label {
    margin: 5px 0 -5px;
    width: 150px;
    color: #444; font-size: 11px; line-height: 14px;
    cursor: pointer;
}
#container .required label, #container  label.required, 
#container .form-row .required label, #container  .form-row label.required {
    font-weight: bold;
}
#container fieldset.collapse-open label {
    width: 120px;
}


/*  Aligned Fieldsets ................................................... */

#container .aligned label {
    display: block; float: left;
    padding: 0 10px 6px 0;
    width: 120px;
}
#container .aligned .vCheckboxLabel {
    display: inline; float: none; clear: both;
    margin: 0 0 0 10px; padding: 0;
}

#container  form .aligned p, #container  form .aligned ul {
    margin-left: 0; padding-left: 0;
}
#container form .aligned table p {
    margin-left: 0; padding-left: 0;
}
#container form .aligned p.help {
    margin: 2px 0 0 131px; padding: 0;
}
#container form .aligned input + label + p.help {
    margin: 0 0 0 154px; padding: 0;
}
#container td p.help {
    margin-bottom: 3px; padding: 0;
}
#container fieldset .field-box {
    float: left;
    margin-right: 45px;
    white-space: nowrap;
}




/* Form Fields
------------------------------------------------------------------------------------------------------ */

#container input, #container textarea, #container select, #container button {
    margin: 0;
    vertical-align: middle;
    color: #666; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;
    border: 1px solid #bbb;
    border-color: #ccc #ddd #ddd #ccc;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    outline: none;
}
#container input:focus, #container textarea:focus, #container select:focus {
    border-color: #999 #bbb #bbb #999;
}

/*  Text, Password ................................................... */

#container input[type=text], #container input[type=password] {
    padding: 5px 3px 4px;
    height: 14px;
}
/*  Webkit browser hack: apply same horizontal padding as in moz browsers
    Moz Browsers have a default horizontal padding of 3px in input[type=submit] */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=text], input[type=password] {
        padding: 0 3px 4px;
        height: 19px;
        line-height: 25px !important;
    }
}


/*  File ................................................... */

#container input[type=file] {
    height: auto;
}
#container .inline-tabular input[type=file] {
    position: relative; top: 2px;
    margin-bottom: -2px;
}


/*  Textarea ................................................... */

#container textarea {
    vertical-align: top;
    padding: 3px;
}
#container fieldset.monospace textarea {
    font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
}


/*  Select ................................................... */

#container select {
    padding: 4px 3px 4px 0;
    height: 25px;
}
#container select[multiple=multiple] {
    padding-left: 1px;
    height: 160px;
}
#container option {
    padding-right: 30px;
    border-bottom: 1px dotted #ddd;
}
#container option:last-child {
    border-bottom: none;
}


/*  Checkbox, Radio ................................................... */

#container input[type=checkbox] {
    position: relative;
    margin: 0 0 0 130px;
    vertical-align: top;
}

#container input#id_cgu { margin-left: 0px; }

#container input[type=radio] {
	margin-left: 10px;
}

#container input[type=checkbox] {
    top: 2px;
}
#container table input[type=checkbox], #container table input[type=radio] {
    margin-left: 0;
}
#container .inline-group.inline-tabular input[type=checkbox], #container .inline-group.inline-tabular input[type=radio] {
    margin: 4px 0 -4px;
}
#container .form-row label + input + p.help input[type=checkbox] {
    position: relative; top: -2px; margin: 0 3px 0 0;
}


/*  Radiolists & Checkboxlists ................................................... */

#container #content ul.radiolist, #container #content ul.checkboxlist {
    position: relative; display: inline-block; float: none;
    margin: 4px 0 5px; padding: 0;
    line-height: 14px; font-weight: normal;
}
#container ul.inline li {
    float: left;
    white-space: nowrap;
    padding-right: 10px;
}
#container ul.radiolist label, #container ul.checkboxlist label {
    float: none; display: inline;
    padding-right: 0;
}
#container ul.radiolist label input, #container ul.checkboxlist label input {
    position: relative;
    margin: 0 2px 0 0 !important;
    vertical-align: top;
}
#container .inline-group ul.inline li {
    display: inline-block; float: none;
}


/* Form Fields Widths & Heights
------------------------------------------------------------------------------------------------------ */

#container input[type=text], #container input[type=password], 
#container input.vDateField, #container input.vTimeField, 
#container .change-list form table .vAutocompleteSearchField, 
#container .change-list form table .vM2MAutocompleteSearchField, 
#container .inline-tabular .vAutocompleteSearchField, 
#container .inline-tabular .vM2MAutocompleteSearchField {
    width: 200px;
}
#container select {
    min-width: 208px;
}

#container input.vTextField, #container input.vURLField, #container input.vFileBrowseField, #container textarea, 
#container .vLargeTextField, #container .vXMLLargeTextField, 
#container .change-form .vAutocompleteSearchField, 
#container .change-form .vM2MAutocompleteSearchField {
    width: 692px;
}

#container input.vForeignKeyRawIdAdminField, #container input.vIntegerField, #container input.vPositiveSmallIntegerField, 
#container input.vManyToManyRawIdAdminField, 
#container .inline-tabular input[type=text], #container .inline-tabular textarea {
    width: 100px;
}

#container .inline-tabular input.vTextField, 
#container .inline-tabular textarea.vLargeTextField, 
#container .inline-tabular input.vFileBrowseField {
    width: 230px;
}
#container .inline-tabular textarea.vLargeTextField {
    height: 100px;
}
#container .inline-tabular .form-cell>select, 
#container .change-list form table select {
    max-width: 230px;
}



/* Submit Row
------------------------------------------------------------------------------------------------------ */

#container .submit-row {
    margin: 20px 0 10px;
}
#container .change-form .submit-row {
    text-align: right;
}
#container .submit-row a {
    font-weight: bold;
}
#container .submit-row:first-child {
    margin-top: 3px;
}
#container .submit-row input + input {
    margin-left: 2px;
}


/*  Submit, Delete & Cancel Buttons ................................................... */

#container input[type=submit], #container input[type=button], #container button {
    margin-top: 0; margin-bottom: 0; padding: 4px 5px 5px;
    width: auto; height: 25px;
    color: #fff;
    border: none;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
    background: #acd7e5;
    cursor: pointer;
}
/*  Webkit browser hack: apply same horizontal padding as in moz browsers
    Moz Browsers have a default horizontal padding of 3px in input[type=submit] */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=submit], input[type=button], button {
        padding: 5px 8px 4px;
    }
}

#container .submit-row p.deletelink-box, 
#container .submit-row p.cancellink-box {
    position: relative; float: left;
    margin-right: 8px;
}
#container .submit-row a.deletelink, 
#container .submit-row a.cancellink {
    display: block;
    padding: 5px 7px 4px;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

#container input[type=submit].default, #container input[type=button].default, #container button.default {
    background: #309bbf;
}
#container .submit-row a.deletelink:link, #container .submit-row a.deletelink:visited {
    color: #fff;
    background: #bf3030;
}
#container .submit-row a.cancellink:link, #container .submit-row a.cancellink:visited {
    color: #666;
    background: #ddd;
}

#container input[type=submit]:hover, #container input[type=submit]:active, 
#container input[type=submit].default:hover, #container input[type=submit].default:active, 
#container input[type=button]:hover, #container input[type=button]:active, 
#container button:hover, #container button:active, 
#container .submit-row a.deletelink:hover, #container .submit-row a.deletelink:active, 
#container .submit-row a.cancellink:hover, #container .submit-row a.cancellink:active { 
    color: #fff;
    background: #444;
}