/*
 * This file contains css stuff which is required in both nice admin and public.
 */

/* overrides for normalize.css to match original ext styling... */
ul, ol {
    margin: 0;
    list-style: none;
}

legend {
    width: auto;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 0;
    border-bottom: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 1px 3px;
    margin-bottom: 0;
    font-size: 12px;
}

.x-form-text, textarea.x-form-field {
    padding: 1px 3px;
}

label, input, button, select, textarea {
    font-size: 12px;
}

table {
    border-collapse: separate;
    text-indent: 0;
}

label {
    margin-bottom: 0;
}

p {
    margin: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

img {
    vertical-align: bottom;
}

th,td{
    margin: 0;
    padding: 0;
}

dl, menu, ol, ul {
    margin: 0;
}

dd {
    margin: 0;
}

menu, ol, ul {
    padding: 0;
}

a {
    text-decoration: none;
}
/* end normalize.css "fixes" */


/* visually indicates when a form field value is diff to the original value; the user has changed that field */
.fieldLabelModified {
    color: #003399;
}

/* visually indicates when a form field value is not accepted */
.fieldLabelError {
    color: #660000 !important;
}

/* fixes layout issues with display fields (value height == label height); at least required for ExtJs <= 3.2.1 */
.x-form-display-field {
    padding-top: 3px !important;
}


.hide {
    display: none
}

/*hide overflow of too large labels*/
.x-form-item-label {
    overflow: hidden;
}

/* fixes disappearing checkboxes in IE7*/
.x-form-check-wrap {
    height:1%;
}


.unstyled-btn .x-btn-tl, .unstyled-btn .x-btn-tr, .unstyled-btn .x-btn-tc, .unstyled-btn .x-btn-ml, .unstyled-btn .x-btn-mr, .unstyled-btn .x-btn-mc, .unstyled-btn .x-btn-bl, .unstyled-btn .x-btn-br, .unstyled-btn .x-btn-bc {
    background-image: url(/img/s.gif) !important;
}

/*
* Fixes layout issues in IE until v9 at least (padding got ignored in strict mode). Could report that to extjs...
*/
.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
    padding:3px 3px 3px 5px !important;
}

/* used in the detail forms to show the version and timestamp line. on the ext hbox container. */
.formAutoInfoContainerBox {
    padding-bottom:5px;
    font-size:10px;
    color:gray;
}
.formAutoInfoContainer td.key {
    font-weight:bold;
    padding-left:20px;
    padding-right:4px;
    vertical-align:top;
}
.formAutoInfoContainer td.value {
    padding-right:20px;
    vertical-align:top;
}

/* better style for moneyamount fields */

.nice-moneyamountfield {
    text-align: right;
    max-width: 110px;
}

/* data view */

.table-item-wrap {
    float: left;
}

.x-view-over {
    cursor: pointer;
}

/* used in ListContainer.js */
.x-grid3-col .x-grid3-cell-inner .thumb_big {
    visibility:hidden;
    display:none;
    height:1px;
    width:1px;
}

/* used in NiceDataView.js */

.thumb-wrap .thumb_small{
    visibility:hidden;
    display:none;
    height:1px;
    width:1px;
}

.thumb-wrap {
    float: left;
    font-size: 11px;
    margin: 10px;
    width: 120px;
    height: 110px;
    padding: 10px;
    border: 1px solid #fff;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
}

.thumb-wrap span {
    display: block;
    overflow: visible;
    text-align: center;
}

.x-view-over {
    background-color: #FAFAFA;
    border-color: #ddd;
}

.x-view-selected {
    background-color: #DFE8F6;
    border-color: #ddd;
}

/* dms / cms tree: not published nodes */
.x-tree-node .node-changed a span {
    font-style: italic;
}

.x-tree-node .node-offline a span {
    font-style: italic;
    color: #505050;
}

/* entity mark column */
img.marked.invisible {
    display: none;
}