/* Default Overrides

    20170426    walterli    .twc-text-italic-small

*/

* {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

:not(i) {
	font-family: Arial, sans-serif;
}

html,
body {
	height: 100%;
}

body,
a {
	color: #333;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}

ol,
ul {
	padding-left: 24px;
}

p {
	text-align: justify;
}

textarea {
	white-space: pre-wrap;
}

/* Definitions by Properties */

:not(table).twc-center {
	text-align: center !important;
}
table.twc-center {
	margin-left: auto !important;
	margin-right: auto !important;
}

.twc-justify {
	text-align: justify !important;
}

.twc-left {
	text-align: left !important;
}

.twc-right {
	text-align: right !important;
}

/* Definitions of Categories */

.twc-headline {
	font-size: 150%;
	font-weight: bold;
	padding: 16px;
	text-align: center;
}

.twc-subheadline {
	border-bottom: 2px dotted #333333;
	font-size: 120%;
	font-weight: bold;
	margin: 16px 0 8px;
	padding: 8px 16px;
	text-align: left;
}

.twc-section {
	padding: 8px;
}

.twc-subsection {
	padding: 4px 8px;
}

.twc-notice {
	border: 1px solid #333;
	border-radius: 2px;
	display: inline-block;
	padding: 8px 16px;
}
.twc-notice,
.twc-notice * {
	color: #fff !important;
}

.twc-notice.twc-information,
.twc-notice.twc-okay {
	background: #393 !important;
}
:not(.twc-notice).twc-information,
:not(.twc-notice).twc-information *,
:not(.twc-notice).twc-okay,
:not(.twc-notice).twc-okay * {
	color: #393 !important;
}

.twc-notice.twc-importance {
	background: #369 !important;
}
:not(.twc-notice).twc-importance,
:not(.twc-notice).twc-importance * {
	color: #369 !important;
}

.twc-notice.twc-warning {
	background: #cc3 !important;
}
:not(.twc-notice).twc-warning,
:not(.twc-notice).twc-warning * {
	color: #cc3 !important;
}

.twc-notice.twc-error {
	background: #933 !important;
}
:not(.twc-notice).twc-error,
:not(.twc-notice).twc-error * {
	color: #933 !important;
}

.twc-datalabel {
	font-weight: bold;
	padding: 4px 8px;
}

.twc-datavalue {
	padding: 4px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.twc-text {
	padding: 4px 8px;
}

.twc-text-italic-small {
	padding: 4px 8px;
    font-size: small;
    font-style: italic;
    text-align: justify;
}

.twc-spinning .ui-dialog-titlebar {
	display: none;
}

/* Definitions of Elements */

button.twc-ui,
input[type="button"].twc-ui,
input[type="reset"].twc-ui,
input[type="submit"].twc-ui,
.twc-button {
	background: linear-gradient(to bottom, #fff 0%, #ccc 50%);
	border: 1px solid #999;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
}

button.twc-ui:focus:not(:disabled),
input[type="button"].twc-ui:focus:not(:disabled),
input[type="reset"].twc-ui:focus:not(:disabled),
input[type="submit"].twc-ui:focus:not(:disabled),
.twc-button:focus:not(:disabled),
button.twc-ui:hover:not(:disabled),
input[type="button"].twc-ui:hover:not(:disabled),
input[type="reset"].twc-ui:hover:not(:disabled),
input[type="submit"].twc-ui:hover:not(:disabled),
.twc-button:hover:not(:disabled) {
	background: linear-gradient(to bottom, #fff 0%, #ccc 50%);
	border: 1px solid #333;
}

button.twc-ui:active,
input[type="button"].twc-ui:active,
input[type="reset"].twc-ui:active,
input[type="submit"].twc-ui:active,
.twc-button:active {
	box-shadow: inset 0 0 1px #333;
}

button.twc-ui:disabled,
input[type="button"].twc-ui:disabled,
input[type="reset"].twc-ui:disabled,
input[type="submit"].twc-ui:disabled,
.twc-button:disabled {
	color: #999;
	cursor: default;
}

button.twc-ui.twc-compact,
input[type="button"].twc-ui.twc-compact,
input[type="reset"].twc-ui.twc-compact,
input[type="submit"].twc-ui.twc-compact,
.twc-button.twc-compact {
	background: none;
	border: 1px solid transparent;
	padding: 4px 8px;
}

hr.twc-ui,
.twc-hr {
	background: #ccc;
	border: none;
	height: 1px;
	margin: 8px 0;
}

table.twc-ui {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	table-layout: fixed;
	width: 100%;
}

input:not([type]).twc-ui,
input[type="text"].twc-ui,
input[type="password"].twc-ui,
textarea.twc-ui,
input[type="email"].twc-ui,
input[type="tel"].twc-ui,
.twc-textbox {
	border: 1px solid #999;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 8px;
}