/* ----------------------------------------------------------------------------- */ /* ########################### DEFAULT UNI-FORM ################################ */ /* ----------------------------------------------------------------------------- */ .uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } .uniForm fieldset{ border: none; margin: 0; padding: 0; } .uniForm fieldset legend{ margin: 0; padding: 0; } .uniForm .ctrlHolder, .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; } .uniForm:after, .uniForm .buttonHolder:after, .uniForm .ctrlHolder:after, .uniForm .ctrlHolder .multiField:after, .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; } .uniForm label, .uniForm button{ cursor: pointer; } .uniForm label, .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; } .uniForm .textInput, .uniForm .fileUpload, .uniForm .selectInput, .uniForm select, .uniForm textarea{ float: left; width: 53%; margin: 0; } .uniForm .readOnlyLabel{ margin: 0; font-size: 1em; font-weight: bold; } .uniForm .readOnly{ font-size: .85em; } .uniForm .readOnly .choiceLabel{ color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; } .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; } .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; } .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; } .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; } .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; } .uniForm ul.alternate li label{ float: none; display: block; width: 98%; } .uniForm ul .textInput, .uniForm ul .selectInput, .uniForm ul select, .uniForm ul.alternate .textInput, .uniForm ul.alternate .selectInput, .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; } .uniForm label em, .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; } /* ------------------------------------------------------------------------------ */ /* ######################### ALTERNATE LAYOUT ############################### */ /* ------------------------------------------------------------------------------ */ /* Styles for form controls where labels are in line with the input elements */ /* Set the class of the parent (preferably to a fieldset) to .inlineLabels */ /* ------------------------------------------------------------------------------ */ .uniForm .inlineLabels label, .uniForm .inlineLabels .label, .uniForm .inlineLabels .readOnlyLabel{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; } .uniForm .inlineLabels .readOnlyLabel{ margin: 0; } .uniForm .inlineLabels .textInput, .uniForm .inlineLabels .fileUpload, .uniForm .inlineLabels .selectInput, .uniForm .inlineLabels select, .uniForm .inlineLabels textarea{ float: left; width: 64%; } .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; } .uniForm .inlineLabels ul{ float: left; width: 66%; } .uniForm .inlineLabels ul li{ margin: .5em 0; } .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; } .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; } .uniForm .inlineLabels ul li label .textInput, .uniForm .inlineLabels ul li label textarea, .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%; } .uniForm .inlineLabels .readOnly{ float: right; width: 66%; } .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; } /* ----------------------------------------------------------------------------- */ /* ########################### Additional Stuff ################################ */ /* ----------------------------------------------------------------------------- */ .uniForm legend{ color: inherit; } .uniForm .secondaryAction{ float: left; } .uniForm .inlineLabel input, .uniForm .inlineLabels .inlineLabel input, .uniForm .blockLabels .inlineLabel input, .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; } .uniForm .buttonHolder .inlineLabel, .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; } .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ } .uniForm .small { width: 30% !important; } .uniForm .medium{ width: 45% !important; } .uniForm .large { } .uniForm .auto { width: auto !important; height: auto !important; } .uniForm .small, .uniForm .medium, .uniForm .auto{ margin-right: 4px; } .uniForm .col{ float: left; } .uniForm .col{ width: 50%; } /* ----------------------------------------------------------------------------- */ /* ############################ CUSTOMIZATIONS# ################################ */ /* ----------------------------------------------------------------------------- */ .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; } .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; } .uniForm .ctrlHolder.focused{ background: #fffcdf; } .uniForm .inlineLabels .noLabel{} .uniForm .buttonHolder{ /*background: #efefef; text-align: right; margin: 1.5em 0 0 0;*/ padding: 1.5em; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; box-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; text-shadow: -1px -1px 0 rgba(0,0,0,.25); } .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; } .uniForm .secondaryAction { text-align: left; } .uniForm button.secondaryAction { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; } .uniForm .inlineLabels label em, .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; } .uniForm label small{ font-size: .75em; color: #777; } .uniForm .textInput, .uniForm textarea { padding: 4px 2px; border: 1px solid #aaa; background: #fff; } .uniForm textarea { height: 12em; } .uniForm select {} .uniForm .fileUpload {} .uniForm .inlineLabels select{ margin:0; width: 46%; /* <- Required property */ } .uniForm ul{} .uniForm li{} .uniForm ul li label{ font-size: .85em; } .uniForm .small {} .uniForm .medium{} .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */ .uniForm .auto {} .uniForm .small, .uniForm .medium, .uniForm .auto{} /* Get rid of the 'glow' effect in WebKit, optional */ .uniForm .ctrlHolder .textInput:focus, .uniForm .ctrlHolder textarea:focus{ outline: none; } .uniForm .formHint { font-size: .85em; color: #777; } .uniForm .inlineLabels .formHint { padding-top: .5em; } .uniForm .ctrlHolder.focused .formHint{ color: #333; } /* ----------------------------------------------------------------------------- */ /* ############################### Messages #################################### */ /* ----------------------------------------------------------------------------- */ /* Error message at the top of the form */ .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */ .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; } .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm .ctrlHolder.error, .uniForm .ctrlHolder.focused.error{ background: #ffdfdf url('https://5f4619.claudeassets.com/20180821212807im_/https://thinkomni.com/gbl/css/uniForm/1.5/img/uf_error.png'); border: 1px solid #f3afb5; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm .ctrlHolder.error input.error, .uniForm .ctrlHolder.error select.error, .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; } /* Success messages at the top of the form */ .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center; /* CSS3 */ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; } .uniForm #okMsg p{ margin: 0; } /* ----------------------------------------------------------------------------- */ /* ############################### Columns ##################################### */ /* ----------------------------------------------------------------------------- */ .uniForm .col{} .uniForm .col.first{} .uniForm .col.last{} .uniForm .col{ margin-bottom: 1.5em; } /* Use .first and .last classes to control the layout/spacing of your columns */ .uniForm .col.first{ width: 49%; float: left; clear: none; } .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; } .uniForm .colRight { width: 66%; float: right; clear: none; margin-right: 0; } .ctrlHolder.focused .textInput, .ctrlHolder.focused .textareaInput{ border-color: #DFD77D; } .ctrlHolder.focused.error .textInput, .ctrlHolder.focused.error .textareaInput{ border-color: #DF7D7D; } .uniForm .noSeperator { border-bottom:0; } .uniForm ul.inlineList li { display:inline; margin-right:10px; } .uniForm .ctrlHolder .errorField { color:#930; padding-left:0; font-weight:bold; margin-bottom:3px; } .uniForm .ctrlHolder.error { margin-bottom:5px; } .uniForm .ctrlHolder select.selectInput { border:1px solid #AAAAAA; padding:3px 3px 3px 1px; width:64.8%; } .uniForm .ctrlHolder.noSeperator { border-bottom:none; } .uniForm .inlineLabels .colRight .textInput, .uniForm .inlineLabels .colRight .fileUpload, .uniForm .inlineLabels .colRight .selectInput, .uniForm .inlineLabels .colRight select, .uniForm .inlineLabels .colRight textarea, .uniForm .inlineLabels .colRight ul, .uniForm .inlineLabels .colRight label { float:none; } .uniForm .inlineLabels .colRight ul { width:auto; } .uniForm .checkboxContainer input { position:relative; top:-2px; } #content .uniForm label { line-height:1.3em; } /*#content .uniForm .inlineLabels ul { list-style:none; padding:0; } #content .uniForm .inlineLabels ul li { background:none; padding:0; }*/ .uniForm .inlineLabels input.date, .uniForm .inlineLabels input.time { width:80px; } .uniForm .inlineLabels input.datetime { width:130px; } /* FILE ARCHIVED ON 15:11:58 Aug 04, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:49:25 Aug 14, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.614 exclusion.robots: 0.075 exclusion.robots.policy: 0.061 esindex: 0.01 cdx.remote: 3.852 LoadShardBlock: 460.692 (3) PetaboxLoader3.datanode: 552.451 (5) load_resource: 455.337 (2) PetaboxLoader3.resolve: 126.444 (2) */