/* AutoSuggest.css (woensdag 14 december 2011 10:22:02) */ div.AutoSuggest { position: absolute; border: 1px solid #7E7E7E; border: 1px solid #000; background-color: Window; } div.AutoSuggest div { cursor: default; padding: 0 3px; background-color: Window; } div.AutoSuggest div.Current { background-color: #36c; color: #fff; } /* CoolForm.css (dinsdag 17 januari 2012 13:10:42) */ .CoolForm label { float: left; width: 10em; margin-right: 0.5em; padding-top: 0.2em; text-align: right; font-size: 80%; overflow: hidden; } .CoolForm fieldset { margin: .1em; padding: 0; } .CoolForm select { font-size: 80%; } .CoolForm legend { padding: 0.2em 0.5em; font-size: 80%; } .CoolForm label.Focus { background: #eef url("../../scf/jquery/behavior/styles/CoolForm/arrow-right-orange.png") no-repeat 0 0; color: #335; } .CoolForm label.Required { font-weight: bolder; } .CoolForm label.Required:after { content: "* "; } .CoolForm div.HtmlEdit, .CoolForm div.HtmlClassEdit { width: 450px; background-color: Window; overflow: scroll; padding: 6px; } .CoolForm .HtmlEdit p, .HtmlEdit div, .HtmlClassEdit p, .HtmlClassEdit div { margin: 2px; } .CoolForm button.cmd { width: 18px; height: 18px; background-repeat: no-repeat; background-position: 0 0; font: 10px "arial narrow"; } .CoolForm .Toolbar { position: absolute; border: 0px outset; padding-left: 23px; } .CoolForm .ActionBar button.tb { width: 14px; height: 14px; background-repeat: no-repeat; background-position: 2px 2px; font: x-small "arial narrow"; border-width: 1px; } .CoolForm button.tb { width: 14px; height: 14px; background-repeat: no-repeat; background-position: 2px 2px; font: x-small "arial narrow"; border-width: 1px; } .CoolForm .AutoEdit {border: 1px solid transparent} .CoolForm .Editable {border-style: dotted; border-color: red;} .CoolForm .EditInPlace {background-color: #ddd} .CoolForm br { clear: both; } .CoolForm .ExtendedNumScroll td, form.CoolForm { margin: 0; padding: 0; } .CoolForm a.Loaded:link { text-decoration: none; border: 0; color: red; } .CoolForm .Logging { width: 800px; font: 8pt tahoma, arial; } .CoolForm .TextBox, .CoolForm select { border: 1px solid #aaa; background-color: white; } .CoolForm .Invalid { background-color: #ffbbaa!important; } .CoolForm label, .CoolForm .Control { margin-top: 5px; } /* DefListMenu.css (woensdag 14 december 2011 10:22:02) */ .DefListMenu {border: 1px outset; background-color: #efefef; padding: 1px;} .DefListMenu {list-style-type:none; margin: 4px 0 0 0; padding:0; padding-left: 4px; display: block; position: absolute; margin-left: -10px } .DefListMenu li {display:block; float:left; position:relative; z-index:100; margin-right:1px; margin: 0px; padding-bottom: 2px; } .DefListMenu li span {display:inline; z-index:100; padding: 0; padding-right: 4px; } .DefListMenu li a, .DefListMenu li a:visited {display:block; padding:0; white-space:nowrap;} .DefListMenu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background-color: #efefef; } .DefListMenu dt {margin:0; font-size: 1.1em; float:left;} .DefListMenu dd {display:none; clear:left; margin:0; padding:0; text-align:left; border: 1px solid #c0c0c0} .DefListMenu dt a, .DefListMenu dt a:visited {display:block; padding: 5px 10px; text-decoration:none;} .DefListMenu dd a, .DefListMenu dd a:visited {text-decoration:none; display:block; padding: 5px 10px;} .DefListMenu li a:hover {border:0; text-decoration:underline;} .DefListMenu li:hover dd, .DefListMenu li a:hover dd {display:block;} .DefListMenu li:hover dl, .DefListMenu li a:hover dl {padding-bottom:1px;} .DefListMenu li:hover dt a, .DefListMenu li a:hover dt a, .DefListMenu dd a:hover {color:#c00;} /* DualList.css (woensdag 14 december 2011 10:22:02) */ table.DualList { width: 350px; border-collapse: collapse; border: 0; } .DualList td { width: 50%; } .DualList td .List { width: 100%; overflow: hidden; text-overflow: ellipsis; } .DualList button { display: block; } /* ResizableTextArea.css (woensdag 14 december 2011 10:22:02) */ .ResizeGrip { height: 9px; overflow: hidden; background: #eee url('../../scf/gfx/resizeGrip.png') no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; } /* Scf.Basics.css (woensdag 14 december 2011 10:22:02) */ table.ScfPopup{ z-index: 1; position: absolute; border-collapse: collapse; border: 1px solid #3483BA!important; text-align: left; width: 300px; height: 200px; border: 0; padding: 0; margin: 0; } .ScfPopupBody { width: 100%!important; height: 100%!important; margin: 0!important; padding: 4px; text-align: left!important; } .ScfPopup thead th{ vertical-align: middle!important; padding: 0px; margin: 0px; } .ScfPopup thead th img{ vertical-align: middle; } .ScfPopup thead th.Toolbar{ width: 1px; padding: 0px; margin: 0px; } .ScfPopup thead th.Title{ width: 99%; } .ScfPopup thead th{ height: 26px!important; overflow: hidden; text-align: left!important; border: 0px; color: #ddf; background: #fff url('../../scf/gfx/winbar.gif') repeat-x; line-height: 10px; } .ScfPopup tbody td{ text-align: left!important; vertical-align: top; background-color: #fff!important; color: black; } .ScfPopup tbody .ScfAjaxBusy { background: url('../../scf/gfx/ajaxload.gif') no-repeat 48% 48%; } .ScfAjaxBusySmall { color: #222; position: absolute; padding: 10px; padding-left: 34px; font-size: 8pt; border: 1px solid #bbb; background: #eee url('../../scf/gfx/ajaxload_small.gif') no-repeat 10px 10px; } .Clear { clear: both; } /* Scf.DocumentBehavior.css (woensdag 14 december 2011 10:22:02) */ .floatToolbar { position: absolute; z-index: 500; border: 1px outset; display: none; cursor: pointer; font-size: x-small; background: #dedede url("../../scf/gfx/bg8.png"); padding: 2px; } .floatToolbar .tbBtn button { border-width: 1px; border-style: solid; border-color: #fff #bbb #bbb #fff; font-size: x-small; } .floatToolbar .tbBtn div.sep{ display: inline; margin-right: 5px; } /* Scf.Form.DualList.css (dinsdag 17 januari 2012 13:10:43) */ table.DualList { width: 350px; border-collapse: collapse; border: 0; } form.float table.DualList{ display: inline; } .DualList td { width: 50%; margin: 0; } .DualList td .List { width: 100%; overflow: hidden; display: block; position: inherit!important; left: 0; top: 0; margin: 0; } .DualList button { display: block; font-family: consolas, courier; font-size: xx-small; font-weight: bold; width: 18px; margin: -1px; clear: none; padding: 1px; } /* Scf.Form.LayoutBase.css (dinsdag 17 januari 2012 13:10:43) */ /* floating labels... */ form.float dt.field-caption { float: left; min-width: 7em; text-align: right; } form.float dt.field-caption label{ float: none; padding-right: 0.4em; } form.float dt.field-caption label.Focus { font-weight: bolder; } form.float dd.field-group{ margin-left: 1em; } form.float dd.field-group fieldset{ border-style: solid; border-color: #ccc; border-width: 1px 0px 0px 0px; margin-right: 2em; } form.float dd.field-group legend{ font-weight: bolder; } form.float dt.field-caption { margin-left: 0; padding: 2px; width: 8em; font-size: smaller; } form.float dd.field-control{ margin-left: 0; margin-bottom: 2em; } form.float dd.field-validation{ } form.float dd.field div.FieldInfo { font-size: smaller; padding: 1px; border: 1px dotted transparent; margin-top: 4px; position: absolute; } form.float dd.field .FieldError{ border-color: red!important; background-color: infobackground; } /* Scf.Gui.ContextMenu.css (woensdag 14 december 2011 10:22:02) */ div.ContextMenuPopup { position: absolute; margin: 0px; padding: 0px; font: 8pt tahoma, 'ms sans serif'; border: 1px outset; } ul.ContextMenuPopup span { border-bottom: 1px solid #000000; } div.ContextMenuPopup a { display: block; padding: 2px 10px 3px 10px; text-decoration: none; color: windowtext; background: window; } div.ContextMenuPopup span.hr { display: block; border-bottom: 1px inset; margin-bottom: 1px; } div.ContextMenuPopup a:hover { text-decoration: none; color: highlighttext; background: highlight; } /* Scf.Gui.SxmlVisualizationBehavior.css (woensdag 14 december 2011 10:22:02) */ #sxi_tree { text-align: left; position: fixed; left: 0; z-index: 1; border-top: 5px solid #36b; display: block; width: 100%; height: 240px; background: #fff; overflow: auto; font-family: tahoma, arial; font-size: x-small; } #sxi_tree ul{ margin-left: 1.5em; } #sxi_tree ul li{ margin-left: 1.5em; } #sxi_tree li{ list-style: url('../../res/tree/tra.gif'); } #sxi_tree li.v{ list-style: url('../../res/tree/cf.gif'); display: none; } #sxi_tree li.m{ list-style: url('../../res/tree/xml.gif'); } #sxi_tree a:link, #sxi_tree a:visited{ color: #225; } #sxi_tree a:active{ text-decoration: underline; } #sxi_tree li.selected{ background-color: #ddd; color: #000; display: block; } #sxi_marker{ position: absolute; z-index: 500; border: 2px solid #000; display: none; cursor: pointer; background: #ddddfe; } #sxi_tree_ph { height: 245px; } /* Smartlet.css (woensdag 14 december 2011 10:22:02) */ .SmartletIcon80 { float:left; } /* SmartletEditor.css (dinsdag 17 januari 2012 13:10:43) */ form.SmartletEditor div{ position: relative; margin: 0; padding: 0; } form.SmartletEditor { margin: 0; padding: 0; } form.SmartletEditor .padding{ padding: 10px 25px 10px 115px; } form.SmartletEditor a.collaps{ display: block; height: 20px; width: 20px; background: url(../../Scf/Gfx/SmartletEditor/switch1.png) no-repeat center center transparent; position: absolute; left: 38px; top: -10px; } form.SmartletEditor a.collaps.closed{ background-image: url(../../Scf/Gfx/SmartletEditor/switch2.png); } form.SmartletEditor #headerpane{ background: url(../../Scf/Gfx/SmartletEditor/back_top.png) repeat-x left bottom #dddddd; border-bottom: 1px solid #979595; } form.SmartletEditor .headericon{ position: absolute; left: 15px; top: 10px; } form.SmartletEditor .headerdetails{ font-size: 0.9em; position: absolute; bottom: 0em; right: 25px; text-align: right; color: #797979; } form.SmartletEditor #descriptionpane{ background: #dddddd; border-bottom: 1px solid #979595; border-top: 1px solid #f1f1f1; color: #797979; } form.SmartletEditor #descriptionpane .padding { overflow: auto; } form.SmartletEditor #controlpane{ border-bottom: 1px solid #979595; border-top: 1px solid #f7f7f7; background: #ebebeb; color: #494949; } form.SmartletEditor #tablist{ margin: 0; padding: 0; list-style: none; float: left; width: 100%; background: url(../../Scf/Gfx/SmartletEditor/tabline.png) repeat-x left bottom; } form.SmartletEditor #tablist li{ float: left; background: url(../../Scf/Gfx/SmartletEditor/tabback.png) left top; margin-right: 10px; } form.SmartletEditor #tablist li a{ display: block; text-decoration: none; font-size: 1.2em; color: #ff433e; font-weight: bold; padding: 5px 10px; background: url(../../Scf/Gfx/SmartletEditor/tabright.png) no-repeat right top; } form.SmartletEditor #tablist li.active a{ padding-bottom: 7px; } form.SmartletEditor .tabcontent{ clear: both; margin: 10px 0; display: block; height: 200px; overflow: auto; } form.SmartletEditor #previewpane{ background: #dddddd; border-bottom: 1px solid #979595; border-top: 1px solid #f1f1f1; } form.SmartletEditor .previewbuttons{ position: absolute; left: 15px; top: 15px; width: 90px; } form.SmartletEditor .previewbuttons input{ width: 100%; font-size: 0.9em; margin-bottom: 1em; } form.SmartletEditor #previewpane iframe{ width: 100%; height: 100%; background-color: white; border: 1px solid #9a9a9a; display: inline; } form.SmartletEditor #previewpane label{ padding: 2px 8px 2px 8px; text-align: right; } form.SmartletEditor #formbuttons{ padding: 6px 25px 6px 95px; text-align: right; margin: 0; } form.SmartletEditor .formbuttons input{ margin-right: 10px; } form.SmartletEditor h1, form.SmartletEditor h2, form.SmartletEditor h3, form.SmartletEditor h4{ color: #ff433e; } form.SmartletEditor h1, form.SmartletEditor h2, form.SmartletEditor h3, form.SmartletEditor p{ padding: 0; font-size: 1em; margin: 0 0 1em 0; } form.SmartletEditor h1{ font-size: 2em; padding-top: 8px; padding-bottom: 24px; margin: 0; } form.SmartletEditor :focus{ outline: 0; } /* form elements */ form.SmartletEditor .formelements{ display: block; } form.SmartletEditor .tabcontent p{ margin-top: 5px; margin-bottom: 0px; clear: both; } form.SmartletEditor .tabcontent span.smlRemark { width: 500px; margin: 4px; padding: 6px; border: 1px solid #cccccc; background-color: #ffffcc; display: block; } form.SmartletEditor .tabcontent br { clear: both; } form.SmartletEditor .tabcontent label{ display: block; width: 10em; overflow: hidden; white-space: nowrap; float: left; padding-top: 4px; padding-right: 1%; text-align: right; height: 3.2ex; clear: left; } form.SmartletEditor .tabcontent div.checkbox label{ float: none; display: inline-block; width: auto; line-height: 1.5em; } form.SmartletEditor .tabcontent span.input{ display: inline-block; width: 57%; } form.SmartletEditor .w100{ width: 100%;} form.SmartletEditor .w90{ width: 90%;} form.SmartletEditor .w80{ width: 80%;} form.SmartletEditor .w70{ width: 70%;} form.SmartletEditor .w60{ width: 60%;} form.SmartletEditor .w50{ width: 50%;} form.SmartletEditor .w40{ width: 40%;} form.SmartletEditor .w30{ width: 30%;} form.SmartletEditor .w20{ width: 20%;} form.SmartletEditor .w10{ width: 10%;} form.SmartletEditor .field{ border: 1px solid #9a9a9a; margin-right: 1%; } form.SmartletEditor .clear{ clear: both; } form.SmartletEditor input.StringControl { width: 400px; border: 1px inset white; } form.SmartletEditor table.DualList { width: 450px; } form.SmartletEditor select { border: 1px inset white; margin: 2px; font-size: 90%; font-family: Arial, sans-serif; } /* SmartletList.css (dinsdag 17 januari 2012 13:10:43) */ div.SmartletLibrary { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #c9c9c9; font-size: 0.75em; position: absolute; width: 100%; top: 0; bottom: 0; overflow: hidden; } div.SmartletLibrary div{ position: relative; margin: 0; padding: 0; } div.SmartletLibrary #header{ background: url(../../Scf/Gfx/SmartletEditor/back_top.png) repeat-x left bottom #dddddd; border-bottom: 1px solid #979595; padding: 5px 4%; } div.SmartletLibrary #header label{ display: inline-block; padding-right: 5px; } div.SmartletLibrary #header p{ margin: 0; display: inline-block; width: 60%; float: left; } div.SmartletLibrary #header p.filter{ width: 40%; text-align: right; } div.SmartletLibrary a img{ border: 0; width: 64px; height: 64px; } div.SmartletLibrary .library{ background-color: #dddddd; border-bottom: 1px solid #979595; overflow: auto; } div.SmartletLibrary .library ul{ margin: 0; padding: 0; list-style: none; width: 96%; float: left; } div.SmartletLibrary .library li{ display: block; width: 43%; float: left; margin: 0 3% 0 3%; padding: 0; position: relative; color: #797979; background: url(../../Scf/Gfx/SmartletEditor/lib.png) repeat-x bottom left transparent; } div.SmartletLibrary .library li.hover{ background-image: url(../../Scf/Gfx/SmartletEditor/lib2.png); cursor: pointer; } div.SmartletLibrary .library li p{ padding:5px 10px 5px 90px; margin: 0; min-height: 65px; } div.SmartletLibrary .library li a{ display: block; color: #ff433e;; font-weight: bold; text-decoration: none; font-size: 1.4em; padding-bottom: 3px; } div.SmartletLibrary .library li a img{ position: absolute; top: 5px; left: 10px; } div.SmartletLibrary div.footer { background: url(../../Scf/Gfx/SmartletEditor/back_top.png) repeat-x left bottom #dddddd; border-top: 1px solid #979595; padding: 5px 4%; } div.SmartletLibrary div.footer button{ float:right; } div.SmartletLibrary .clear{ clear: both; } /* SmartletPanel.css (woensdag 14 december 2011 10:22:02) */ div.SmartletPanel {display: inline} div.SmartletPanel .PanelHeader {background: #fff url('../../scf/gfx/winbar.gif') repeat-x; font-size: 120%; text-align: center; color: white; padding: .2em;} div.SmartletPanel div.PanelBody {padding: 0px; background-color: #DFEDF7; border: 1px solid #0174BB;} /* TabStrip.css (woensdag 14 december 2011 10:22:02) */ ul.TabStrip { list-style-type: none; padding-bottom: 1.95em; margin: 0; } ul.TabStrip li { display: inline; } div.TabPages { border: 1px solid black; margin-top: -0.1em; min-height: 200px; } ul.TabStrip a.Tab { min-width: 50px; text-align: center; float: left; display: inline; border: 1px solid black; border-bottom: 0.1em solid white; height: 1.5em; margin: 0.2em 0em 0em 0em; white-space: nowrap; padding-left: 0.1em; padding-right: 0.1em; color: windowtext; text-decoration: none; padding: 0.1em; cursor: pointer; } ul.TabStrip li.Active a.Tab { z-index: 1; height: 1.82em; margin-top: 0em; } ul.TabStrip { margin-top: -0.2em; margin-bottom: -0.2em; z-index: 0; position: relative; padding: 0.2em; } div.TabPages div.Tab { display: none; overflow: auto; padding: 0.2em; clear: left; } div.TabPages div.Active { display: block; z-index: 0; } /* tooltip.css (dinsdag 17 januari 2012 13:10:43) */ .toolTip { position: relative; } .toolTipWrapper { width: 154px; position: absolute; top: 20px; display: none; color: black; font-weight: bold; font-size: 9pt; } .toolTipTop { width: 154px; height: 30px; } .toolTipMid { padding: 8px 15px; border-right: 2px solid #9B9B9B; border-left: 2px solid #9B9B9B; background-color: #FFFF9B; } .toolTipBtm { height: 13px; } /* WebEdit.css (woensdag 14 december 2011 10:22:02) */ .WebEdit { width: 350px; }