/* Form Styles... */ div.success { margin: 20px; padding: 10px; height: 400px; } div.success h1 { } div.success h2 { } form.standard { width: 680px; margin: 0 auto 0 auto; padding: 0; } form.standard .fieldnote { font-size: 0.8em; color: gray; padding-bottom: 5px; display:inline-block; } form.standard div.content { background: #E5E0C4; padding: 10px 14px; border-radius: 5px; } form.standard fieldset { padding: 0 0 10px 0; margin: 10px 0 10px 0; border: none; } form.standard fieldset.bottom { padding: 10px 0px 10px 10px; } form.standard fieldset legend { font-weight:bold; text-transform:none;/*uppercase;*/ font-size:14px; line-height:18px; color:white;/*black;/*#666666;*/ background-color: #725e28; background-image: url(images/bg_honeycomb_20_358.png); background-size: 129px; border-radius: 5px; padding:5px 20px 5px 10px; margin:0 0 0 -5px; display: block; width: 92.6%; /*630px;*/ } form.standard div.frow { clear: both; margin: 5px 0; } form.standard dl { width: 73.5%; /*500px;*/ margin-left: 20px; } form.standard dl dt { margin: 0 0 0 -5px; padding: 15px 0 0 5px; } form.standard dl dd { margin: 0; padding:5px 0; } form.standard dl.content { width:95.6%; /*650px;*/ margin:0; } form.standard dl dd.group { background: rgba(100,50,0, 0.1); border-radius: 0.25em; } form.standard label { margin-bottom: 10px; padding: 7px 10px 0px 0px; vertical-align: baseline; font-weight: bold; } form.standard label.minor { float: none; margin: 5px; padding: 0; text-align: left; width: auto; } form.standard input, form.standard select, form.standard textarea { border: 1px solid #aaaaaa; background: white; padding: 3px; margin: 0; font-size: 1em;/*12px;*/ border-radius: 3px; box-sizing: border-box; } form.standard input[type="text"] { /*width: 73.5%; /*500px;*/ } form.standard select { /*width: 74.7%; /*508px;*/ } form.standard textarea { font-size: 12px; height: 296px; width: 100%; } form.standard input[type="checkbox"], form.standard input[type="radio"] { width:auto; } form.standard textarea#txtContent { width:100%; } form.standard textarea.short { height: 100px; } form.standard textarea.shorter { height: 50px; } form.standard .wide { width: 66.2%; } form.standard .thin { width: 100px; } form.standard .thinner { width: 50px; } form.standard .thinnest { width: 25px; } form.standard .full { width:100%; } form.standard .norm { width: auto; } form.standard .button { width: auto; color: white; font-size: 14px; padding: 7px 14px; cursor: pointer; background: #880606; border: none; border-radius: 5px; } form.standard .smbutton { width: auto; color: white; font-size: 12px; text-decoration: none; padding: 3px 6px; cursor: pointer; background: #725e28; border: none; border-radius: 5px; } form.standard .aContentToggle { float:right; } form.standard .aGetSelectedTag { float:right; } div.timestamp { margin: 10px 0; } span.field_option { float: right; margin: 0 0 0 10px; } /* specific form overrides */ form#frmCmsLogin .content { background-image: url(images/lock_icon_light.png); background-repeat: no-repeat; background-position-x: 97%; background-position-y: 50%; } form#frmCmsLogin input { font-size:1.5em; } form#frmCmsLogin fieldset { background: none; } /* Tag Editor Styles... */ div.tag_editor { float: left; width: 80.9%; /*550px;*/ } div.tags_display { padding: 10px 3px 3px 3px; clear: both; } div.tags_display a { background: #d0b39b; padding: 3px 5px; margin: 2px; border-radius: 3px; text-decoration: none; color: black; /*white-space: nowrap;*/ display: inline-block; } div.tags_display a:hover { background: #926d4e url(images/icon_x_white_offset_sm.png) right center no-repeat; color: white; padding-right: 17px; } input.new_tag_field { } div.tag_row { background: #D0B39B; padding: 3px 5px; margin: 2px; border-radius: 3px; text-decoration: none; color: black; display: block; } div.tag_row a { color: white; text-decoration: none; } div.tag_row a:hover { color: white; border-bottom: 2px solid white; } div.tag_row a.right { float: right; margin: 0 0 0 10px; } div.tag_row a.delete { background: url(images/icon_x_white_offset_sm.png) right center no-repeat; width: 15px; height: 15px; text-indent: -9999px; } /* Key Value Pair Editor Styles... */ div.keyValuePairs_wrapper { display: inline-block; min-width: 33%; padding: 0.3em 0.5em 0.7em 0.5em; background: rgba(255,255,255,0.2); border-radius: 0.33em; } table.keyValuePairs { width: 100%; border-collapse: collapse; } table.keyValuePairs th, table.keyValuePairs td { width: 50%; text-align: left; } table.keyValuePairs td { cursor: pointer; border: 1px solid rgba(0,0,0,0.05); } table.keyValuePairs.autoKeys td, table.keyValuePairs.autoValues td { width: auto; } table.keyValuePairs.autoKeys td:nth-of-type(2) input, table.keyValuePairs.autoValues td:nth-of-type(2) input { width: auto; } div.keyValuePairs_buttons { margin-top: 0.5em; } div.keyValuePairs_buttons div.left { float:left; } div.keyValuePairs_buttons div.right { float:right; } /* Derivative control overrides */ table.productQtyPairs td select { width: auto; } table.embedLookupTag { border-spacing: 1em; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; width: 100%; } table.embedLookupTag td { width: 50%; } table.embedDiscountTag { margin-bottom: 0.5em; } table.embedDiscountTag td { vertical-align: top; padding: 0 0 0.5em 0.5em; } /* error styles must be at end to avoid override. */ div#divValidationError { padding-top:5px; padding-left:10px; color:red; font-size:14px; line-height:120%; } div#divValidationError:first-line { font-weight:bold; } .validationError { border: 2px solid red !important; background: #fff6f3 !important; color: black !important; }