input, textarea, select {
    background-image: url('../img/form/input/normal.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

input.required, textarea.required, select.required {
    background-image: url('../img/form/input/required.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

input.disabled, textarea.disabled, select.disabled {
    background-image: url('../img/form/input/disabled.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

input {
    padding:3px 5px;
    height: 15px;
    |height: 14px;
    _height: 12px;
    border:1px solid;
    border-color: gray #d0d0d0 #d0d0d0 gray;
}

textarea {
    padding:3px 5px;
    border:1px solid;
    border-color: gray #d0d0d0 #d0d0d0 gray;
    overflow:auto;
}

select {
    padding:1px 0;
    border:1px solid;
    border-color: gray #d0d0d0 #d0d0d0 gray;
    background-image: none;
}

select option {
    background-color: white;
}

input.error, textarea.error, select.error {
    background-image: url('../img/form/input/error.gif');
    background-position: left top;
    background-repeat: no-repeat;
    border-color: #FF8888;
}

span.component {
    display: block;
}

input.checkbox {
    padding: 0 !important;
    width: auto !important;
    margin-right: 10px;
    margin-left: 10px;
    |border: none;
    cursor: pointer;
    _cursor: hand;
}

input.checkbox:hover {
    |border: none;
}

.form {
    padding: 0;
    margin: 0;
}

.form div.clear {
    clear: both;
}

.form div {
    margin: 0;
    padding: 0;
    padding-top: 15px;
    |padding-top: 0px;
    |margin-top: 12px;
}

.form2 div {
    margin: 0;
    padding: 0;
}

.form2 div.single {
    padding-top: 15px;
    |padding-top: 0px;
    |margin-top: 12px;
}

.form div.columns {
    padding-top: 15px;
    |padding-top: 0px;
    |margin-top: 12px;
}

.form label, .form span.label {
    display: block;
    font-weight: bold;
    padding-bottom: 2px;
}

.form input, .form textarea, .form select, .form span.component {
    width: 518px;
}

.group .form input, .group .form textarea, .group .form select, .group .form span.component {
    width: 465px;
}

.form .tab-panel input, .form .tab-panel textarea, .form .tab-panel select, .form .tab-panel span.component {
    width: 506px;
}

.group .form .tab-panel input, .group .form .tab-panel textarea, .group .form .tab-panel select, .group .form .tab-panel span.component {
    width: 454px;
}

.form .tinymce {
}

.form .mceEditor {
    padding: 0;
    margin: 0;
}

.form .mceEditor input, .form .mceEditor select {
    width: inherit !important;
}

.form .columns .right {
	float: right;
	width: 263px;
}

.form .columns .left {
	float: left;
	width: 263px;
}

.form .columns input, .form .columns textarea, .form .columns span.component {
    width: 251px;
}

.form input.date {
	width: 480px;
}

.form .columns input.date {
	width: 220px;
}

.group .form input.date {
	width: 444px;
}

.form .columns select {
    width: 261px;
    |width: 263px;
    height: 22px;
    |height: auto;
}

html:not([lang*=""]) head~body .form .columns select {
    width: 263px;
}

button, .filter-td .go, .filter-td .clear {
    background-image: url('../img/form/button/background-22.gif');
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid gray;
    height: 22px;
    max-height: 22px;
    cursor: pointer;
    _cursor: hand;
}

.buttons.afterTable {
    margin-top: 20px !important;
}

.buttons {
    padding: 0 !important;
    margin: 0 !important;
}

.buttons input, .group .buttons input {
    background-image: url('../img/form/button/background-22.gif');
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid gray;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    _cursor: hand;
    cursor: pointer;
    width: auto;
    font-weight: bold;
}

html:not([lang*=""]) head~body .buttons input, html:not([lang*=""]) head~body .group .buttons input {
    width: auto;
}

.buttons a {
    background-image: url('../img/form/button/background-22.gif');
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid gray;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.buttons a:hover {
    border: 1px solid black;
    text-decoration: none;
    color: black;
}

.buttons input:hover {
    border: 1px solid black;
}

.buttons {
    text-align: center;
    padding: 0;
    margin: 0;
}

input:active, textarea:active, select:active, button:focus {
    border: 1px solid black;
}

input:focus, textarea:focus, select:focus, button:focus {
    border: 1px solid black;
}

input:hover, textarea:hover, select:hover, button:hover {
    border: 1px solid black;
}

input.error:active, textarea.error:active, select.error:active {
    border: 1px solid red;
}

input.error:focus, textarea.error:focus, select.error:focus {
    border: 1px solid red;
}

input.error:hover, textarea.error:hover, select.error:hover {
    border: 1px solid red;
}

.preForm {
    background-color: white;
    padding: 5px;
    padding-right: 20px;
}

/* palette */
table.palette {
    border: none;
}

table.palette td {
    padding: 0;
    margin: 0;
}

table.palette td.header {
    font-weight: bold;
    background-color: #eef7ff;
    padding: 2px;
    border-top: 1px solid #729ac2;
    border-bottom: 1px solid #729ac2;
    padding-left: 5px;
    width: 200px;
}

table.palette td.pane {
    margin: 0;
    padding: 0;
    text-align: center;
}

table.palette td.pane select {
    padding: 0;
    margin: 0;
    width: 100%;
}

table.palette td.buttons {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

table.palette td.buttons button {
    width: 40px;
    height: 19px;
    max-height: 19px;
    padding: 1px;
    margin: 0px;
}

/* IE7 */
@media {
    table.palette td.buttons button {
        height: 20px;
        max-height: 20px;
        margin-top: 1px;
    }
}

/* konqeuror hack */
body:last-child:not(:root:root) table.palette td.buttons button {
    height: 16px;
    max-height: 16px;
    margin-top: -3px;
}

/* FF */
html:not([lang*=""]) head~body table.palette td.buttons button {
    padding: 0px;
}

table.palette td.buttons button img {
    border: none;
    padding: 0px;
    margin: 0px;
}

/* group */
.group {
    border: 1px solid #CCD;
    position: relative;
    margin-top: 30px;
    background-color: white;
}

.group div.title {
    position: absolute;
    padding: 4px;
    top: -14px;
    left: 10px;
    background-color: white;
    border: 1px solid #CCD;
    font-weight: bold;
    background-color: #f9f9f9;
    background-image: url('../img/form/button/background-22.gif');
}

.group .form {
    padding-top: 10px;
    padding-left: 25px;
    _padding-left: 10px;
    padding-right: 25px;
    _padding-right: 10px;
    padding-bottom: 10px;
}

.group div.content {
    padding: 5px;
    padding-top: 20px;
}

/* table */
.table {
    margin-top: 15px;
}

.table select {
    margin: 0;
    width: 100%;
    height: 19px;
    padding: 1px;
}

.table input.checkbox {
    width: 14px;
    height: 14px;
}

.table table input {
    width: 100%;
    cursor: text;
}

.table table {
    background-color: white;
    border-collapse: collapse;
    width: 100%;
}

.table table td {
    padding: 3px;
    border: 1px solid #d6d3cd;
    overflow: hidden;
    white-space: nowrap;
}

.table table tr td.edit, .table table tr td.edit-date {
    padding: 0px;
    margin: 0px;
    padding-right: 2px;
}

.table table tr td.edit span {
    display: block;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

html:not([lang*=""]) head~body .table table tr td.edit,
html:not([lang*=""]) head~body .table table tr td.edit-date,
html:not([lang*=""]) head~body .table table tr td.filter-td {
    padding-right: 14px;
}

html:not([lang*=""]) head~body .table table tr td.edit span {
    margin-left: 0px;
}

.table table tr td.edit-date span.yui-skin-sam {
}

.table table tr td.edit-date input.date, .table table tr td.filter-td input.date {
    width: 80%;
}

html:not([lang*=""]) head~body .table table input {
    margin-left: 1px;
    position: relative;
}

html:not([lang*=""]) head~body .table table select {
    position: relative;
}

.table table .disabled {
    cursor: default;
}

.table table .enabled {
    _cursor: hand;
    cursor: pointer;
}

.table table tr td.id {
    background-color: #edeae0;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #d6d3cd;
    border-left: 1px solid #d6d3cd;
    border-right: 1px solid #d6d3cd;
    background-image: url("../../img/components/table/lightgray.png");
    background-position: top;
    background-repeat: repeat-x;
}

.table table tr td.id:hover {
    background-color: #e4e2d7;
}

.table table tr th.id {
    text-align: center;
}

.table table tr th.action {
    text-align: center;
}

.table table th {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #edeae0;
    font-weight: normal;
    border: 1px solid #d6d3cd;
    border-bottom: 2px solid #d6d3cd;
    background-position: center right;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.table table th a, .table table th span {
    text-decoration: none;
    color: black;
    display: block;
    cursor: default;
    _width: 100%;
    padding-top: 2px;
    |padding-top: 4px;
    padding-bottom: 2px;
    |padding-bottom: 4px;
}

.table table th a span {
    padding: 0;
    margin: 0;
    _cursor: hand;
    cursor: pointer;
    overflow: hidden;
}

.table table th a {
    _cursor: hand;
    cursor: pointer;
}

.table table th.wicket_orderNone {
    background-image: url("../img/table/arrow_off.png");
}

.table table th.wicket_orderNone:hover {
    background-color: #e4e2d7;
}

.table table th.wicket_orderDown {
    background-image: url("../img/table/arrow_down.png");
}

.table table th.wicket_orderDown:hover {
    background-color: #e4e2d7;
}

.table table th.wicket_orderUp {
    background-image: url("../img/table/arrow_up.png");
}

.table table th.wicket_orderUp:hover {
    background-color: #e4e2d7;
}

.table table tr.even {
    background-color: #f7f7f7;
}

.table table tr.odd {
    background-color: white;
}

.table img.button {
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 0px;
    display: inline;
    float: none;
    margin-left: 3px;
    margin-right: 3px;
}

.table table img.ok {
    background-image: url(../img/table/buttons/ok.png);
    _background-image: url(../img/table/buttons/ok.gif);
}

.table table img.okdisabled {
    background-image: url(../img/table/buttons/ok_disabled.png);
    _background-image: url(../img/table/buttons/ok_disabled.png);
}

.table table img.cancel {
    background-image: url(../img/table/buttons/cancel.png);
    _background-image: url(../img/table/buttons/cancel.gif);
}

.table table img.canceldisabled {
    background-image: url(../img/table/buttons/cancel_disabled.png);
    _background-image: url(../img/table/buttons/cancel_disabled.gif);
}

/* feedback */
div.feedback {
    padding: 5px;
    margin: 0;
}

div.feedback ul {
    padding: 0;
    margin: 5px;
}

div.feedback li.feedbackPanelERROR {
	list-style-type: none;
    background-image: url("../img/error.gif");
    background-repeat: no-repeat;
    line-height: 16px;
    vertical-align: middle;
    padding: 0;
    padding-left: 16px;
    margin: 0;
}

div.feedback span.feedbackPanelERROR {
    font-weight: bold;
    color: red;
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

div.feedback li.feedbackPanelINFO {
	list-style-type: none;
    background-image: url("../img/info.gif");
    background-repeat: no-repeat;
    line-height: 16px;
    vertical-align: middle;
    padding: 0;
    padding-left: 16px;
    margin: 0;
}

div.feedback span.feedbackPanelINFO {
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

div.feedback li.feedbackPanelWARNING {
	list-style-type: none;
    background-image: url("../img/warning.gif");
    background-repeat: no-repeat;
    line-height: 16px;
    vertical-align: middle;
    padding: 0;
    padding-left: 16px;
    margin: 0;
}

div.feedback span.feedbackPanelWARNING {
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

/* events */
.events {
    text-align: right;
}

.events select, .events input {
    width: auto;
}

.events input {
    margin-left: 10px;
}


.filter-td .go {
	width: 50%;
}

.filter-td .clear {
	width: 50%;
}

.table td.small {
    width: 50px;
}

.yui-calcontainer {
    width: 184px;
}

table.terms {
    width: 100%;
    border-collapse: collapse;
}

table.terms th {
    background-color: #f0f0f0;
}

table.terms td, table.terms th {
    border: 1px solid gray;
    text-align: center;
    padding: 2px;
}

table.terms td a {
    font-weight: normal !important;
}

table.terms tr.special, table.terms tr.special a {
    background-color: #f5f5ff;
    color: blue !important;
}

table.terms tr.special a:hover {
    color: #fd8f00 !important;
}