.code-fixed, .code-input, .code-input > input { text-transform: uppercase; font-family: monospace; }

#wnd .error { color: red;font-size: 14px;}

/* I10 Code Lookup */
.i10-code-lookup { }
.i10-code-lookup li { margin: 1ex }
.i10-code-lookup .code-type-sel { text-align: center; }
.i10-code-lookup code { font-size: 125%; }
.i10-code-lookup .instruct { font-size: 125%; }
.i10-code-lookup .period { font-size: 200%; font-weight: bold; }
.i10-code-lookup .unused { border-color: #CCC; background-color: #EEE; }
.i10-code-lookup .ignored { border-color: #ebccd1; background-color: #f2dede; color: #a94442 }
.i10-code-lookup .char { width: 15px; min-width: 15px; max-width: 100px; transition: width 0.25s; padding: 0.5ex; font-size: 110%; text-align: center; }
.i10-code-lookup .validation { border: 1px solid #ebccd1; background-color: #f2dede; color: #a94442; text-align: center; padding:1ex; }
.i10-code-lookup .characters { padding: 1em; text-align: center; }
.i10-code-lookup .lookup-results { padding: 1ex; text-align: center; }
.i10-code-lookup .actions { margin-top: 1ex; border-top: 1px solid #CCC; padding-top: 1ex; }
.i10-code-lookup .code-results { max-height: 200px; overflow: auto; position: relative; }
.i10-code-lookup .code-result { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #CCC; }
.i10-code-lookup .code-result-wrapper div:last-child { border-bottom-width: 0; }
.i10-code-lookup .code-results .code-fixed { width: 6em; display: block; float: left; }
.i10-code-lookup .code-results .code-description { display: block; margin-left: 6em; }
.i10-code-lookup .code-results .code-page { text-align: center; margin: 1em }
.i10-code-lookup .code-results .code-page a.disabled { color: #AAA; cursor: default; }
.i10-code-lookup .code-results .code-page a,
.i10-code-lookup .code-results .code-page span { width: 100px; text-align: center ; display: inline-block;}

/* Code Range Lookup */
.code-range-lookup { }
.code-range-lookup li { margin: 1ex }
.code-range-lookup code { font-size: 125%; }
.code-range-lookup .instruct { font-size: 125%; }
.code-range-lookup .to { font-style: italic;margin: 0 10px 0 10px; }
.code-range-lookup .period { font-size: 200%; font-weight: bold; }
.code-range-lookup .unused { border-color: #CCC; background-color: #EEE; }
.code-range-lookup .ignored { border-color: #ebccd1; background-color: #f2dede; color: #a94442 }
.code-range-lookup .code { width: 100px; min-width: 100px; max-width: 100px; transition: width 0.25s; padding: 0.5ex; font-size: 110%; text-align: center; }
.code-range-lookup .validation { border: 1px solid #ebccd1; background-color: #f2dede; color: #a94442; text-align: center; padding:1ex; }
.code-range-lookup .input { padding: 1em; text-align: center; }
.code-range-lookup .lookup-results { padding: 1ex; text-align: center; }
.code-range-lookup .actions { margin-top: 1ex; border-top: 1px solid #CCC; padding-top: 1ex; }
.code-range-lookup .code-results { max-height: 200px; overflow: auto; position: relative; }
.code-range-lookup .code-result { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px dotted #CCC; }
.code-range-lookup .code-result-wrapper div:last-child { border-bottom-width: 0; }
.code-range-lookup .code-results .code-fixed { width: 6em; display: block; float: left; }
.code-range-lookup .code-results .code-description { display: block; margin-left: 6em; }
.code-range-lookup .code-results .code-page { text-align: center; margin: 1em }
.code-range-lookup .code-results .code-page a.disabled { color: #AAA; cursor: default; }
.code-range-lookup .code-results .code-page a,
.code-range-lookup .code-results .code-page span { width: 100px; text-align: center ; display: inline-block;}
.code-range-lookup .control-group { margin-bottom: 20px;}

/* SearchCriteriaControl */
.criteria-group {  }
.criteria-group .controls { width: 125px; float: right;text-align: right;}
.criteria-group > label { font-size: 14pt; }
.criteria-group .list { font-size: 10pt;margin-bottom: 40px;border-top: 1px solid lightgray;}
.criteria-group .list .empty { font-style: italic;}
.criteria-group .list .criteria { margin: 5px 0 5px 0; }
.criteria-group .list .criteria .mode { padding-right: 5px; }
.criteria-group .list .criteria:hover { background-color: #D0F0ff; }
.criteria-group .list .criteria .text { width: 100px !important; }
.criteria-group .list .criteria .right { width: 16px !important;float: right;text-align: right;}