html { height: 100%;} /* Needed for Safari/Chrome */
body { font-family: Arial, "Lucida Grande", Tahoma; font-size: 11px; padding: 0; margin: 0;}
button { font-size: 100%; font-family: Tahoma, Arial;}
textarea { font-family: Tahoma, Arial; font-size: 97%; }
select {font-size: 97%; }
a {color: blue;}
a:visited {color: blue;}
optgroup { font-style: normal; }
h2 { margin: 2px 0 5px 0;}
h3 { margin: 2px 0 5px 0;}

.ap-footer { font-size: 10px; margin: 20px 0; text-align: center; clear: both;}
.ap-box-shadow { box-shadow: 5px 5px 5px #666;  -moz-box-shadow: 5px 5px 5px #666;  -webkit-box-shadow: 5px 5px 5px #666; }
.ap-modal {  border: 1px solid #888; background-color: ivory;  box-shadow: 5px 5px 5px #666;  -moz-box-shadow: 5px 5px 5px #666;  -webkit-box-shadow: 5px 5px 5px #666; }
.ap-modal-captionbar { padding: 3px; background-color: midnightblue; color: white; margin: 0;}
.ap-modal-content { padding: 5px 10px; }
.ap-modal-close { display: block; float: right; margin: 3px; width: 12px; height: 12px; cursor: pointer;background: url(../img/close.gif) no-repeat;}
.ap-error { color: red; }

a.ap-logo { color: black; border: none; text-decoration: none;}
a.ap-logo:visited { color: black; border: none; text-decoration: none;}

.sf-small-caption { margin: 6px 2px; padding: 0;}
.sf-ul { list-style: none; padding: 0; margin: 0; vertical-align: bottom; height: 20px;}
.sf-pseudolink { color: blue; cursor: pointer; text-decoration: none;}
.sf-imageref { max-width: 80px; max-height: 40px; }

.sf-option-disabled { color: #ccc; background-color: white; }
.sf-weblink { width: 15px; height: 15px; display: inline-block; border: none; text-decoration: none; background: url(../img/link-to.gif) no-repeat;}
.sf-boolean { padding-left: 4px;}
.sf-menusep { color: #888; padding: 0 5px;}
.sf-icon-help {position: relative; background: url(../img/icon_help.gif) no-repeat; width: 12px; height: 12px; padding-left: 13px; margin: 15px 0 0 5px;}
.sf-icon-help span { white-space: normal; text-align: left; display: none; position: absolute; left: 5px; top: 5px; width: 200px; font-size: 95%; z-index: 2000; padding: 8px; border: 1px outset #bbb; background-color: #f4fcff;}
.sf-icon-help:hover span { display: block;}
.sf-icon-help ul { margin: 0; padding-left: 15px;}
.sf-icon-help ul li { margin: 2px; padding: 0;}


.sf-resize-handle { position: absolute; bottom: 1px; right: 1px; width: 12px; height: 12px; background: url(../img/resize_handle.png) no-repeat; cursor: se-resize;}

.sf-panelclose  { width: 12px; height: 12px; padding: 0; margin: 2px; border: 1px outset #ccc;background: url(../img/close.gif) no-repeat;display:inline-block;}
.sf-paneldrag   { width: 12px; height: 12px; padding: 0; margin: 2px; border: 1px outset #ccc;background: url(../img/drag_12x12.gif) no-repeat;cursor:move;display:inline-block;}
.sf-download-small {width: 12px; height: 12px; padding: 0; margin: 2px; border: 1px outset #ccc;background: url(../img/download_12x12.gif) no-repeat;display:inline-block;cursor:pointer;}

.sf-icon-btn { padding: 2px 2px 2px 18px; margin: 3px 5px; border: 1px outset #aaa; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.sf-btn-save { background: #f4f4f4 url(../img/save.gif) 2px center no-repeat;}
.sf-btn-cncl { background: #f4f4f4 url(../img/cancel-red.gif) 2px center no-repeat;}
.sf-btn-add  { background: #f4f4f4 url(../img/fff-silk/icons/add.png) no-repeat;}
.sf-btn-del  { background: #f4f4f4 url(../img/fff-silk/icons/delete.png) no-repeat;}
.sf-btn-edit { background: #f4f4f4 url(../img/edit_12x12.gif) 2px 4px no-repeat;}
.sf-btn-ok   { min-width: 60px; background: #f4f4f4 url(../img/success.png) no-repeat;}
.sf-btn-export { background: #f4f4f4 url(../img/export.png) no-repeat 1px;}

.sf-delete-small { cursor: pointer; border: none; margin: 3px; width: 10px; height: 10px; padding: 0; background: url(../img/btn_delete.png) no-repeat;}

.sf-error-panel {z-index: 1000; display: none; position: absolute; top: 50px; left: 200px; max-width: 250px;background: LightGoldenrodYellow url(../img/warning.gif) no-repeat 3px 3px;padding: 4px 10px 4px 20px; border: 1px outset red;}
.sf-error-panel .sf-error-pointer { position: absolute; top: -7px; left: 3px; border-bottom: 5px solid red; border-right: 5px solid transparent;border-left: 5px solid transparent; border-top: 0; }

.sf-loading-state { display: none; text-align: center; width: 80px; color: red; font-weight:bold; padding-left: 20px; background: url(../img/indicator.white.gif) no-repeat left; }
.sf-drag-proxy { width: 150px; height: 30px; text-align: center; font-size: 105%; font-weight: bold; padding-top: 4px; position: absolute; display: none; z-index:50;color:black;background: #b2fcb2 url(../img/green_check_15x15.gif) no-repeat center right; border: 1px outset #888; opacity: 0.7; -moz-opacity: 0.70; }
.sf-drag-proxy-dontdrop { background: pink url(../img/deny_16x16.gif) no-repeat center right;}
.sf-colresize-proxy {width: 1px; height: 100px; border-left: 1px dashed #aaa; position: absolute; display: none;}
.sf-action-btn { cursor: pointer; border-width: 1px; border-style: outset; padding: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: ivory;}
.sf-image-btn { padding: 0; margin: 0; border: 0; cursor: pointer; background: none; }
.sf-textbox { width: 150px; font-size: 97%; }
.sf-textbox-number { width: 40px; }
.sf-textbox-integer { width: 40px; }
.sf-textbox-currency { width: 50px; }
.sf-truncated-string { border-bottom: 1px dashed #ccc; }

#sf-tooltip { position:absolute; z-index: 100; border:1px solid #333; background:#f7f5d1; width: 150px; padding:2px 5px; color:#333; font-size: 94%; display:none; }	

#sf-appchooser { position: absolute; right: 5px; bottom: -1px; display: block; padding: 4px 18px 4px 4px; cursor: pointer; background: url(../img/menu-trigger.gif) no-repeat right center; z-index: 2 /* so that menu bar doesn't clobber it */;}
#sf-appchooser:hover { padding: 3px 19px 3px 3px; border: 1px solid #ccc; border-right: 1px solid #666; background-color: ivory; border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px;  -webkit-border-top-right-radius: 3px; -moz-border-radius: 3px 3px 0 0;}
#sf-app-add {position: absolute; right: 110px; bottom: 3px;}

a.sf-action-link { color: midnightblue; text-decoration: underline; cursor: pointer; selectable: off; -moz-user-select: none; padding: 4px; border: none; margin: 2px;}
a.sf-action-link:hover { color: midnightblue; text-decoration: none; cursor: pointer; selectable: off; -moz-user-select: none; border: 1px solid #b8b8b8; margin: 1px; background-color: #d1e3fa; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
a.sf-action-link:visited { color: midnightblue; text-decoration: underline; cursor: pointer; selectable: off; -moz-user-select: none;}
a.sf-action-link:hover:visited { text-decoration: none; cursor: pointer; selectable: off; -moz-user-select: none; border: 1px solid #b8b8b8; background-color: #d1e3fa; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.sf-datacell-datetime { text-align: center;}
.sf-datacell-number   { text-align: right;}
.sf-datacell-integer  { text-align: right;}
.sf-datacell-currency { text-align: right;}

.sf-bad-data { background: pink url(../img/bad-data.gif) no-repeat 2px 2px;}

.sf-invalid { border: 2px dotted #e25f53; background-color: LightGoldenrodYellow; }
input.sf-invalid { border: 2px dotted #e25f53 !important; }
.sf-invalid input { border: 2px dotted #e25f53; background-color: peachpuff; }

a.sf-btn {background-color: ivory; text-decoration: none; color: black; display: block; padding: 2px 4px; margin: 3px 4px; border-style: solid; border-width: 1px; border-top-color: #ccc; border-left-color: #ccc;border-bottom-color: #888; border-right-color: #888;}

.sf-outset { border-style: solid; border-width: 1px; border-top-color: #ccc; border-left-color: #ccc;border-bottom-color: #888; border-right-color: #888;}
.sf-inset  { border-style: solid; border-width: 1px; border-top-color: #888; border-left-color: #888;border-bottom-color: #ccc; border-right-color: #ccc;}
.sf-light-text  {color: #aaa;}

.sf-checked-image { background: url(../img/small-check.gif) no-repeat left top; width: 12px; height: 10px; }

.sf-data-modified { background-color: peachpuff; /* border: 1px solid red; */ }

div.sf-clearer { clear: both; padding: 0; margin: 0; line-height: 0; }

.sf-clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.sf-clearfix { display: inline-block; }

.sf-prev { cursor: pointer;background: url(../img/left-arrow-blue-12x16.gif) no-repeat left; height: 14px; width: 16px;}
.sf-next { cursor: pointer;background: url(../img/right-arrow-blue-12x16.gif) no-repeat left; height: 14px; width: 16px;}

#sf-content-pane { min-width: 990px; width: 100%; position: relative; margin-bottom: 30px; }

.sf-menu-trigger {margin-right: 3px; padding: 3px; cursor: pointer; background: url(../img/menu-trigger.gif) no-repeat right;}
.sf-menu-trigger:hover {padding: 2px; background: #d1e3fa url(../img/menu-trigger.gif) no-repeat right; border-style: solid; border-width: 1px; border-color: #ccc #888 #888 #ccc;}
.sf-menu-trigger-label { margin-right: 14px; }


.sf-list-captionregion { background-color: #f9fdfe; /* #e7e7e7; */ }
.sf-list-captiontable { width: 100%; border-bottom: 1px solid #c6c6c6;}
.sf-list-caption { margin: 3px 2px;}
.sf-list-captiontable td {  padding: 2px; }
.sf-list-loadingwrap { position: relative; }
.sf-list-loadingwrap .sf-loading-state { position: absolute; left: 100px; top: 3px;}

.sf-list-table {border-collapse: separate; cell-spacing: 0;  empty-cells: show; border: 1px solid #777; table-layout: fixed; background-color: aliceblue;}

/* .sf-list-header { border-top: 1px solid #ccc; background: url(../img/sprite-sky.gif) repeat-x 0 -155px;} background: url(../img/sky-blue-multi.gif) repeat-x left top;*/
/* .sf-list-header-highlight { background: url(../img/sprite-sky.gif) repeat-x 0 0;}  background: url(../img/sky-blue-multi.gif) repeat-x left top;*/
.sf-list-colcaptionwrap { margin-right: 5px; /* Accommodate the sort arrow */ }
.sf-list-colcaption { text-align: left; background-color: #cbdce2; border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD; border-style: solid; border-width: 1px; text-overflow: ellipsis; /* border-bottom: 1px solid midnightblue; */  width:100px;}
.sf-list-colcaption div { padding: 3px 10px 3px 3px; font-weight: bold; cursor: pointer; white-space: nowrap; selectable: off; -moz-user-select: none;  }
.sf-list-checkbox { margin: 1px; }
.sf-list-checkboxcol { width: 25px; text-align: center; padding: 2px !important; }
.sf-list-hdr-sort-up {background: url(../img/sort_up.gif) no-repeat right;}
.sf-list-hdr-sort-down {background: url(../img/sort_down.gif) no-repeat right;}
.sf-list-hdr-colfilterwrap { padding: 2px 6px; display: none; /* TODO work on this */ }
.sf-list-body > tr > td { padding: 4px; border-left: 1px solid #ccc;border-top: 1px solid #ddd; vertical-align: top; }

.sf-list-datacell { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 120px;}
.sf-list-body .sf-datacell-datetime { max-width: 130px;}
.sf-list-body .sf-datacell-number   { max-width: 80px;}
.sf-list-body .sf-datacell-integer  { max-width: 80px;}
.sf-list-body .sf-datacell-currency { max-width: 80px;}
.sf-list-body .sf-datacell-boolean { text-align: center;}
.sf-list-body .sf-datacell-url { max-width: 40px; text-align: center;}

.sf-list-table .sf-datacell-boolean div { margin: auto;}

.sf-list-table tr.sf-list-row-selected {background-color: #d8e5f2; /* #dddffa; */ }
.sf-list-table tr.sf-list-row-selected td { border-bottom: 1px solid #888; border-top: 1px solid #ccc;  }
.sf-list-table tr.highlight td { padding-bottom: 3px /* compensate for border-bottom on highlight */; background: url(../img/gray-grade.gif) repeat-x; border-bottom: 1px solid #888; /* background-color: cornsilk; border-top: 1px solid; border-bottom: 1px solid; */}
.sf-list-table-grouplabel { padding: 4px 0 4px 16px; text-align: left; cursor: pointer; background-color: #fffff8; border-top: 1px solid #ccc; border-bottom: 1px solid midnightblue;}
.sf-list-table-totalsrow td { background-color: #f0f0ff; font-weight: bold; text-align: right; }

.sf-list-pager { float: right; display: none; }
.sf-list-pager img { vertical-align: middle; margin: 0 5px; cursor: pointer; }
.sf-list-pagesel { font-size: 100%; }
.sf-list-prev-btn { cursor: pointer; background: url(../img/left-arrow-blue-12x16.gif) no-repeat; padding: 0; border: 0; width:12px; height: 16px;}
.sf-list-next-btn { cursor: pointer; background: url(../img/right-arrow-blue-12x16.gif) no-repeat; padding: 0; border: 0; width:12px; height: 16px;}
.sf-list-reccount { white-space: nowrap; }
.sf-list-tools { position: relative;}
.sf-list-tools .sf-toolbar { float: right; margin: 2px; }

.sf-editable-table .sf-editable:hover { background-color: lightgoldenrodyellow; border: 1px solid #aaa; padding: 3px;}

button.sf-fov-refresh { background: url(../img/refresh_blue_16x16.gif) no-repeat left; }
button.sf-fov-add { background: url(../img/fff-silk/icons/add.png) no-repeat left; }
button.sf-fov-del { background: url(../img/fff-silk/icons/delete.png) no-repeat left; }

button.sf-clone { background: url(../img/copy.gif) no-repeat left; }

.sf-finder { margin-top: 5px; }
.sf-finder-form { display: inline; }
.sf-find-btn { cursor: pointer; padding: 0; border: 0; margin: 0; width: 16px; height: 20px;background-image: url(../img/search.gif);}
.sf-find-clear-btn {display: block; padding: 0; border: 0; margin: 0; width: 16px; height: 20px;background-image: url(../img/clear-search.gif);}
.sf-find-text { width: 60px; }

.sf-find-extended-fieldsbox { text-align: left; display: none; padding: 5px 15px; margin: 0 0 10px 50px; width: 700px; border: 1px solid #bbb; border-color: #bbb #888 #888 #bbb; background-color: ivory; }
.sf-find-fieldsbox-wrapper {position: relative;}
.sf-find-extended-close-trigger {float: right; margin: 0 4px;}
h4.sf-find-extended-caption { margin: 0 0 10px 0; border-bottom: 1px solid #ccc; float: left;}
div.sf-find-fieldsbox { font-size: 94%; position: absolute; z-index: 20; display: none; top: 0px; left: -2px; padding: 4px; background-color: ivory; border: 1px outset midnightblue;}
table.sf-find-fields tr td { padding: 2px 0 5px 0; white-space: nowrap;}
table.sf-find-fields a.sf-list-search-adv { text-decoration: none; display: block; color: blue;border-top: 1px solid #ccc; padding-top: 4px;}
.sf-save-search-form { margin-left: 40px; display: none; }

.sf-find-filtereditor { margin-bottom: 10px; width: 95%; }

/* div.sf-fe-wrapper { position: relative; margin-left: auto; margin-right: auto;} Not needed -- we want the terms to align left in the wrapper */
.sf-fe-term { margin: 2px; text-align: left;}
.sf-fe-delete-filter { display: none;  float: right; margin: 0 8px;}
.sf-filterlist-ul .sf-list-ul-li:hover .sf-fe-delete-filter {display: inline;}

.sf-fe-terms { margin-top: 10px; margin-bottom: 10px; table-layout: fixed;}
.sf-fe-addterm-trigger { float: left; }
.sf-fe-error { display: none; float: left; color: red; font-weight: bold;}
.sf-fe-cell-right { padding-left: 15px; }
select.sf-fe-op { width: 110px; }
input.sf-fe-value {width: 65px; border: 1px inset #aaa; } /* Same size as date chooser popup minus padding */
.sf-fe-caption { float: left; width: 275px; display: block; margin: 5px 50px 5px 10px;}
.sf-fe-fieldid-cell { width: 250px;}
.sf-list-footer { padding: 0; position: relative; }



/***
  table.sf-rv { border-collapse: collapse; border: 1px solid #ccc; font-size: 100%; width: 600px; }
  table.sf-rv .sf-rv-label { width: 75px; font-weight: bold; border: 1px solid #ccc; padding: 4px;}
  table.sf-rv .sf-rv-cell { width: 220px; padding: 3px 4px; border: 1px solid #ccc; min-width: 200px; }
  table.sf-rv .sf-rv-cell-highlight { background-color: lemonchiffon; }
***/

.sf-rv-cell-datetime { white-space: nowrap; }

.sf-stringpicker-container { position: relative; width: 150px; }
.sf-stringpicker-choice { width: 99%; overflow: hidden; cursor: pointer; padding: 3px; display: block;background: url(../img/arrow-down.gif) no-repeat center right;}
.sf-stringpicker-list { position: absolute; background-color: LemonChiffon; display: none; overflow: auto;  }
.sf-stringpicker-container ul { list-style: none; padding: 0; margin: 0; height: 100%;  }
.sf-stringpicker-container li { border-top: 1px solid #d8d8d8; padding: 2px; display: block; cursor: pointer;}
.sf-stringpicker-list-item-hover { color: white; background-color: purple; }
.sf-stringpicker-container input {border-width: 1px; padding-right: 15px; background:url(../img/arrow-down.gif) no-repeat center right;}


.sf-datepicker-container-dyn { position: absolute; display: none; z-index: 50000;}
table.sf-datepicker { border-top: 1px solid #ccc; border-left: 1px solid #ccc;  border-right: 2px solid #888; border-bottom: 2px solid #888; font-family: Tahoma,Arial; font-size: 10px; border-collapse: collapse; background-color: ivory; color: black; }
table.sf-datepicker th { font-weight: normal; }
tbody.sf-datepicker-body tr td { cursor: pointer; background-color: #e0e8ff; border: 1px solid #b7c7d5; text-align: right;padding: 2px 2px 2px 3px; height:14px;}
table.sf-datepicker thead th { border-bottom: 1px solid #aaa;  }
table.sf-datepicker td.nav {cursor: pointer; width: 10px;}
table.sf-datepicker td.nav-hover { background-color: lightblue;}
table.sf-datepicker td.month-name { text-align: center; }
table.sf-datepicker span.nav-adj {position: relative; font-size: 10px;}
.sf-datepicker-todaycell { background-color: #bfbfff !important; border-color: white black black white !important; }
table.sf-datepicker td.wkend { color: #aaa; }
table.sf-datepicker .nav-pre-yr { width: 10px; background: url(../img/double_arrow_left_8x7.gif) no-repeat left;}
table.sf-datepicker .nav-pre-mo { width: 7px; background: url(../img/arrow_left_5x7.gif) no-repeat 2px;}
table.sf-datepicker .nav-nxt-yr { width: 10px; background: url(../img/double_arrow_right_8x7.gif) no-repeat right;}
table.sf-datepicker .nav-nxt-mo { width: 7px; background: url(../img/arrow_right_5x7.gif) no-repeat 2px;}
table.sf-datepicker td  { font-size: 10px;}
table.sf-datepicker th  { font-size: 10px;}


.sf-ipe { display: block; position: absolute; margin-left: -2px; margin-top: -2px; }
.sf-ipe-wrapper { /* background-color: LemonChiffon; */ z-index: 5; }
.sf-ipe-wrapper textarea {height: 18ex; width: 250px;}
.sf-ipe-error { position: absolute; display: block;z-index: 3; width: 160px;padding: 6px; font-size: 92%; background-color: lemonchiffon; color: red; display:none; border: 1px solid #bbb; }
.sf-ipe-hiddencontent { visibility: hidden; }

.sf-date-ipe-wrapper {  width: 30ex /* Wide enough to allow for help icon */; }
.sf-date-ipe-wrapper .sf-datepicker-container-dyn {  z-index: 20; }
.sf-date-ipe-wrapper input { width: 95%; font-size: 100%; width: 12ex; margin-bottom: 1px; }
.sf-date-ipe-wrapper .sf-ipe-error { position: absolute; top: 30px; z-index: 20; width: 160px;padding: 6px; background-color: lemonchiffon; color: red; display:none; border: 1px solid #bbb; }

.sf-boolean-ipe-wrapper { width: 14ex; }

.sf-ipe-save { color: blue; margin-right: 6px; cursor: pointer;}
.sf-ipe-cancel { color: blue; margin-right: 6px; cursor: pointer;}

.sf-form-label {text-align: right; padding: 3px 4px; font-size: 95%; }
.sf-form { position: relative; background-color: aliceblue; border: 1px solid #777; padding: 0; }
.sf-form-contentwrapper {padding: 10px 0; background-color: aliceblue; min-height: 100px; max-height: 300px; overflow: auto; width: 800px; }
.sf-form-singlecolumn { /* width: 320px; Don't do this, because the form will become too narrow and the panel shadow will show as background */ }
.sf-form-caption {background-color: midnightblue; color: white; padding: 4px 0;}
.sf-form-caption h3 { margin: 0 0 0 2px; padding: 0; }
.sf-form-textundercaption { padding: 3px; }
.sf-form .sf-ipe-wrapper { display: block; position: static; background-color: transparent; }
.sf-form-button { margin: 12px 6px; padding: 1px; width: 4em;  }
.sf-form-item { width: 360px; display: inline-block; float: left; padding: 2px 5px; min-height: 20px;}
.sf-form-item-0 {clear: left;}
.sf-form .sf-form-label { width: 80px; float: left;}
.sf-form-label-required { color: #e25f53; }
.sf-form-cell { width: 200px; float: left; padding: 3px 4px;  }
.sf-form-cell select { max-width: 210px; }
.sf-form-sectionhdr {clear: both; width: 50%;  margin: 10px 0 2px 15px; font-weight: bold; padding: 1px;}
.sf-form-sectionwrap { padding: 0; clear: both; min-height: 15px; border-top: 1px solid #ccc;}
.sf-form-sectionwrap:first-child { border: none;}
.sf-form .sf-rv-row { border-top: none;}
.sf-form-buttons  {padding: 4px; background-color: transparent; }
.sf-fov-addform .sf-form-caption { cursor: move; }


.sf-rv {  background-color: aliceblue; border: 1px solid #777; }
.sf-rv-content { clear: left; width: 100%; min-height: 200px; max-height: 300px; overflow: auto; }
.sf-rv-row { position: relative; clear: both; border-top: 1px solid #d8d8d8; }
.sf-rv-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sf-rv-wrap {padding:  0 2px 2px 0; background-color: #ccc; }
.sf-rv-item { width: 295px; display: inline-block; float: left; padding: 2px 5px; min-height: 20px; position: relative /* Needed for the edit link inside */;}
.sf-rv .sf-rv-item-0 {clear: left;}
.sf-rv .sf-rv-label { width: 70px; float: left; text-align: right; font-weight: bold; font-style: italic; padding: 3px 4px; font-size: 95%; overflow: hidden;}
.sf-rv .sf-rv-label-required { color: #e25f53; }
.sf-rv .sf-rv-cell { width: 200px; float: left; padding: 3px 4px; min-height: 14px; }
.sf-rv .sf-rv-cell-editable:hover { background-color: lemonchiffon;  border: 1px solid #aaa; padding: 2px 3px;}
.sf-rv h3 { float: left; margin: 5px 0 10px 5px; width: 30%;}
.sf-rv .sf-btn-save { visibility: hidden; }
.sf-rv-toolbar { width: 50%; float: left; margin: 5px 0;}

.sf-rv-sectionhdr {clear: both; width: 50%;  margin: 10px 0 2px 15px; font-weight: bold; font-size: 105%; padding: 1px;}
.sf-rv-sectionwrap { margin-bottom: 10px; clear: both; min-height: 15px;}

.sf-rv-editlayout { position: relative; }
.sf-rv-editlayout .sf-rv-sectionhdr:hover { border: 1px dashed #ccc; padding: 0;}
.sf-rv-editlayout .sf-rv-item { cursor: move; padding: 2px 5px;}
.sf-rv-editlayout .sf-rv-item:hover { border: 1px dotted red; padding: 1px 4px;}
.sf-layoutedit-palette .sf-rv-item { width: 120px;}
button.sf-editlayout-newsection {position: absolute; z-index: 1; top: 4px; right: 20px; font-size: 95%; background:#d9e4f4 url(../img/add_section.gif) no-repeat 1px 1px; padding: 1px 1px 1px 16px; border: 1px outset #aaa; }

.sf-layoutedit-palette-wrap { width: 640px; margin-top: 20px; border: 1px solid #ccc; background-color: lightgoldenrodyellow;}
.sf-layoutedit-palette-wrap h4 { margin: 2px 0 5px 2px;}
.sf-layoutedit-palette { padding: 10px; position: relative; border-top: 1px solid #ccc; }
.sf-rv-editorpanel { width: 660px; max-height: 350px; overflow: auto;}
.sf-rv-edit-trigger { font-size: 94%; position: absolute; display: none; top: 3px; right: 3px; z-index: 1; }
.sf-rv-editable .sf-rv-item:hover .sf-rv-edit-trigger { display: inline;}



div.sf-address span.street { display: block;}
div.sf-address span.country { display: block;}

div.sf-address-edit { padding: 20px 3px; border: 1px outset #ddd; /* background-color: LemonChiffon; */ z-index: 20;}
div.sf-address-edit table  { border-collapse: collapse; width: 90%;}
div.sf-address-edit table tr { vertical-align: top; font-size: 100%; font-family: inherit; }
div.sf-address-edit table tr td.label { padding: 1px 3px; text-align: right; }
div.sf-address-edit textarea.street { overflow: hidden; height: 2.5em; width: 98%;}
div.sf-address-edit input.city { width: 98%;  }
div.sf-address-edit input.zipCode { width: 90%; }
div.sf-address-edit input.state { display: none; width: 50px; }
div.sf-address-edit div.btns { padding-top: 15px; text-align: center;}

.sf-page-caption-bar {position: relative; padding: 12px 0 2px; margin-bottom: 10px; background-color: aliceblue; border-bottom: 1px solid #99aabd;}
.sf-page-caption { display: inline; margin: 10px 50px 2px 5px;}
.sf-page-captionbar-table { width: 970px;}

.sf-fov { display: none; } /* Initially hidden */
.sf-fov-list { min-width: 300px; width: 320px; padding: 5px;}
.sf-fov-list .sf-list { padding: 0 2px 2px 0; background-color: #ccc; width: 320px; } /* Shadow */
.sf-fov-detailpanel { padding: 0 2px 2px 0; background-color: #ccc; margin-bottom: 20px; display: none /* Avoid the initial ugly bar if the detail is empty */;  } /* Shadow */
.sf-fov-caption-extra { margin: 5px 0; margin-left: 5px; }
.sf-fov-back-to-reclist {float: left; display: none;margin-left: 50px; margin-top: 10px;}
.sf-fov-detail {padding: 5px 0 0 5px; min-width: 600px; width: 640px; }
.sf-fov-formwrapper {display: none; padding-top: 20px;}
.sf-fov-contentarea {padding: 10px 0 0 5px; position: relative /* Needed for absolutely-positioned fov-statusreport */ }
.sf-fov-listanddetail { text-align: left; width: 980px; position: relative;}
.sf-fov-statusreport { position: absolute; z-index: 3; top: 0; left: 750px; width: 150px; height: 25px; padding-top: 5px; text-align: center;background-color: peachpuff; border: 1px outset #aaa; display: none;}
.sf-fov-datatools { /* float: right;*/ }
.sf-fov-finder {width: 165px; margin: 0 5px 0 15px;}
.sf-fov-filterselect { width: 180px; }
.sf-fov-tools-widget  {margin: 0 5px 0 15px; }
.sf-fov-tools-menu-trigger {margin-bottom: 1px; /* Tweak for FF? */}
.sf-fov-tools-list {display: none; position: absolute; z-index: 20; list-style: none; min-width: 120px; padding: 0; margin: 0; border: 1px outset #ccc; top: 4px; left: -3px;  background-color: ivory;  }

.sf-fov-firstfilter {border-top: 1px solid #666;}

.sf-toolbar { border-collapse: collapse; }
.sf-toolbar-cell {/* border: 1px solid #bbb; background: #f9f9f9 url(../img/gray-grade.gif) repeat-x;*/ font-size: 95%;  }
.sf-toolbar-btn       { margin: 2px 2px 2px 4px; padding: 2px 2px 2px 18px; cursor: pointer; border: none; background-color: transparent !important; }
.sf-toolbar-btn:hover { margin: 1px 1px 1px 3px; background-color: #c9defa !important; border: 1px solid #aaa;  border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.sf-toolbar-menu-trigger       { padding: 2px 13px 2px 2px; margin: 2px 0 0 4px; border: none; cursor: pointer; background-color: transparent; background: url(../img/menu-trigger.gif) no-repeat right;}
.sf-toolbar-menu-trigger:hover { padding: 1px 12px 1px 2px; margin: 2px 0 0 4px; border: 1px solid #aaa;  background-color: #c9defa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

.sf-fov-tools-list-wrapper { position: relative; z-index: 20;}
.sf-fov-tools-item { padding: 1px; background-color: inherit; margin: 0; }
.sf-fov-tools-item-label { display: block;padding: 1px 2px; background-color: inherit; margin: 1px; border: 1px solid ivory; }
.sf-fov-tools-item-highlight { background-color: #e0ecfc; border: 1px solid #999;}
.sf-fov-toolbar { padding: 0 15px; }

.sf-fov-list .sf-list-table { width: 320px; }

.sf-fov-widelist .sf-evenrow { background-color: white;}
.sf-fov-widelist .sf-list-body td { border-left: none;}

.sf-colchooser { display: none; position: absolute; z-index: 3; padding: 0; width: 450px;border: 1px outset #ccc; background-color: ivory;} /* Column chooser for wide list */
.sf-colchooser-btns {text-align: center;}
.sf-colchooser-btns button { margin: 10px 5px;}
.sf-colchooser .sf-moveall {display: none;}
.sf-colchooser .sf-subsel h3 { background-color: midnightblue; color: white; cursor: move; margin: 0 0 2px; padding: 2px;}
.sf-colchooser .sf-subsel-content { padding: 5px;}

.sf-filterlist { display: none; text-align: left; }
.sf-filterlist-editpanel {float: left; margin-left: 20px; display: none; background-color: white; padding-bottom: 10px;min-width: 500px; min-height: 200px; border: 1px solid #ccc;}
.sf-filterlist-editpanel .sf-fe-wrapper { width: 98%; }

.sf-filterlist-ul { float: left; width: 300px; list-style: none; border-top: 1px solid #d8d8d8; padding: 0; margin: 0;}
.sf-list-ul-li { padding: 8px; border-style: solid; border-color: #d8d8d8; border-width: 0 1px 1px 1px; background-color: white; }
.sf-list-ul-li-selected {background:#efefef url(../img/sky-blue-multi.gif) repeat-x 0 -150px;}

.sf-filteredit-caption { width: 50%; float: left; margin: 2px 15px 5px 2px; }
.sf-filteredit-buttons { padding: 15px 0 0 20px; }


.sf-banner   { border-bottom: 1px solid #777; height: 60px; padding-top: 5px; position: relative; background: url(../img/banner-bg.png) repeat-x;}/*url(../img/light-blue-1x98.gif) repeat-x;}*/
.sf-banner h1 { font-size: 135%; margin: 3px auto 8px auto; width: 50%; }
.sf-welcome-msg { position: absolute; top: 5px; left: 170px;}
.sf-banner-topright { position: absolute; top: 5px; right: 5px; }
.sf-logoutlink { margin: 4px;}

.sf-small-popup-form { display: none; position: absolute;z-index: 3; padding: 5px; border: 1px outset #aaa; background-color: ivory;}
.sf-prefs {position: absolute; display: none;}
button.sf-prefs-save {margin: 6px;}
.sf-prefs h4 { margin: 0 0 4px 0;}
.sf-prefs td { padding: 2px;}


.sf-menubar-ul   { position: absolute; left: 0; bottom: -1px; list-style: none; padding: 0; margin: 0;}
.sf-menubox-ul   { list-style: none; padding:0;margin: 0 5px 5px 0; z-index: 20;border: none;  background: ivory;position:relative;left:-1px;top:-1px;}
.sf-menubox-li { margin: 0; padding: 0; border-left: 1px solid rgb(196,202,208); background-color: ivory;}
.sf-menubar-item { white-space: nowrap; padding: 3px; margin: 0 10px; cursor: pointer; }
.sf-menubar-li  { float: left; padding: 0 1px; margin: 0; position: relative; border-bottom: 1px solid #777;}
/* .sf-menubar-li  { float: left; padding: 1px 1px 0 1px; margin: 0; position: relative; border-bottom: 1px solid #777;}
         --- Needed to compensate ---^^^^^^^^^^^^^^^^^^^^^^ -- for the border when highlighted. Otherwise the menu items "jump".
         But that re-introduces the line below the selected item. So not included for now. */
.sf-menubar-li:hover { background-color: ivory; margin: 0; padding: 0; border-width: 1px 1px 0 1px; border-style: solid; border-color: #aaa; border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px 5px 0 0; z-index: 20;}

.sf-menubox-wrap {width: 105%; position: absolute; background: url(../img/shadowAlpha.png) no-repeat bottom right !important;margin:0; display: none; min-width: 140px;}
.sf-menubar-li:hover .sf-menubox-wrap-hover { display: block; }

.sf-menubox-ul .sf-menuitem:hover { background-color: #d9e4f4; padding: 2px 4px; border: 1px outset mediumblue;}
.sf-menuitem { white-space: nowrap; padding: 3px 5px; margin: 1px 0; cursor: pointer;}
/* .sf-menuitem-highlight:hover { background-color: #d9e4f4; padding: 2px 4px; border: 1px outset mediumblue;} */
.sf-menuseparator { border-left: 1px solid rgb(196,202,208); padding: 3px 0; background-color: ivory;}
.sf-menuseparator div {font-size:1px;line-height:1px;height:1px;background:blue;padding: 0; display: block;}
.sf-menubaritem-selected { background-color: #ebf5fd; margin: 0; padding: 0; border-style: solid; border-width: 1px 1px 0 1px; border-color: #aaa;border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px; }
.sf-menubaritem-selected .sf-menubar-item { font-weight: bold; }

textarea.sf-choiceslist { height: 6ex; overflow-y: auto; }


.sf-dynmenu-shadowbox {display: none; position: absolute; z-index: 10; background: url(../img/shadowAlpha.png) no-repeat bottom right !important; width: 7.0em;}
.sf-dynmenu-wrap {z-index: 0; background-color: ivory; border: 1px solid #718bb7; padding: 1px; width: 6.7em; position: relative; left: -6px; top: -6px;}
.sf-dynmenu {list-style: none; margin: 0; padding: 0; font-size: 95%; }
.sf-dynmenu li { margin: 0; padding: 0;}
.sf-dynmenu-rule { margin: 4px 8px 4px 2px; font-size: 1px; line-height: 1px; background-color: #718700; }
.sf-dynmenuitem { padding: 2px 15px 2px 3px; cursor: pointer;-moz-user-select:none; }
.sf-dynmenuitem-withsubmenu { background: url(../img/arrow_right_blue_12x9.gif) no-repeat center right; position: relative;}
.sf-dynmenuitem-highlight { background-color: #d9e4f4; padding: 1px 14px 1px 2px; border: 1px solid mediumblue;}
.sf-dynmenu-submenubox { position: absolute; display: none; top: 2px; left: 0;}

.sf-inputbox-with-menu {padding-right: 15px; background:url(../img/arrow-down.gif) no-repeat center right;}

.sf-progressbar { border: 1px solid midnightblue; position: relative; height: 20px; display: none;}
.sf-progressbar-msg {position: absolute; z-index: 3; width: 70%; padding: 3px; font-size: 92%; }
.sf-progressbar-time {position: absolute; z-index: 3; left: 70%; padding: 3px; font-size: 92%; text-align: right;}
.sf-progressbar-inner { display: none; position: absolute;  z-index: 2; width: 0; height: 18px; background: url(../img/sprite-sky.gif) repeat-x; border: 1px solid #1166e9;}

iframe.sf-progress-frame { display: none; width: 0; height: 0; }

.sf-scrollable-list { overflow: auto;position:relative; width: 200px; height: 50px; border-width: 1px; border-style: solid; border-color: #ddd #999 #999 #ddd;}
.sf-scrollable-list-ul { list-style: none; margin: 0; padding: 0; }
.sf-scrollable-list-ul li { font-size: 95%; display: block; margin: 0; padding: 2px; border-bottom: 1px solid #ddd; cursor: default; }
.sf-scrollable-list-ul li:hover { background-color: #d8d8d8; cursor: default; }
.sf-scrollable-list-focusitem { background-color: #eee; }

.sf-selectbox-button { margin: 0; padding: 1px 20px 1px 1px; width: 100px; height: 20px; border: 1px solid #ccc; background: white url(../img/selectbox.gif) no-repeat right;}
.sf-selectbox-button span { white-space: nowrap; text-align: left;overflow: hidden; display: block /* Needed for overflow:hidden to take effect */;}
.sf-selectbox-list {position: absolute;}
.sf-selectbox-list .sf-scrollable-list { height: 125px; z-index: 50000; background-color: white; color: black; }
.sf-selectbox-list .sf-selectbox-list { z-index: 50000; }

.sf-autocomplete-box { width: 150px; font-size: 97%; }

.sf-import { text-align: left;margin: 10px 0 0 5px; width: 980px; position: relative;}
.sf-import-step { position: relative;  height: 410px; min-height: 410px; padding: 10px; display: none; border-top: 10px solid midnightblue;}
.sf-import-steps-container {background-color: white; border-style: solid; border-color: mediumblue;border-width: 0px 1px 1px 1px;}
.sf-import-ribbon {}
.sf-import-ribbon-ul { list-style: none; padding: 0; margin: 0; vertical-align: bottom; height: 20px;}
.sf-import-ribbon-li { float: left; padding: 2px 10px; margin: 0 20px 0 0; height: 14px;background-color: gainsboro; border-style: solid; border-color: #ccc #ccc gainsboro #ccc;border-width: 1px; -moz-border-radius: 5px 5px 0 0;  -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}
.sf-import-ribbon-li-selected {color: white;background-color: midnightblue; border-color: mediumblue;border-width: 1px; border-bottom: 1px solid midnightblue;}
.sf-import-buttons { padding: 0; text-align: center; position: absolute; top: 4px; right: 5px;}
.sf-import-buttons button { margin: 4px 10px;}
.sf-import-step-content { height: 350px; width: 100%; }
.sf-import-datasrc-file { display: none; }
.sf-import-datasrc-pastedata { margin-top: 10px;}
.sf-import-datasourcespec {clear: left; display: none; /* Displayed only for FF3, for now */ }
.sf-import-fieldnames { position: absolute; width: 300px; height: 300px; }
.sf-import-fieldnames textarea { width: 220px; height: 220px; margin: 5px auto;}
.sf-import-lookupsel { width: 80px; }
.sf-import-lookupsel-cell {padding: 0 3px 0 10px; display: none; white-space: nowrap;}
.sf-import-actionopt-cell { padding-left: 15px; display: none;}

table.sf-import-step1-options { position: absolute; top: 3px; left: 450px; }

table.sf-import-step2 { border-collapse: collapse; table-layout: fixed;}
table.sf-import-step2 tbody td { padding: 2px 3px; border: 1px solid #ddd; font-size: 95%; width: 120px; overflow: hidden; text-overflow: ellipsis; }
.sf-import-wizard-step2-tablewrap {width: 100%; height: 365px; overflow: auto; border: 1px solid #ccc; clear: both;}
.sf-import-step2-progress { display: block; position: absolute; left: 150px; top: 5px; height: 20px; width: 200px; }
.sf-import-step1-working { position: absolute; top: 40px; right: 5px; width: 80px; height: 25px;}

.sf-import-step2-erropts-wrap {position: absolute; left: 360px; top: 5px; }
.sf-import-step2-errors-wrap {position: absolute; z-index: 10; left: 580px; top: -90px; width: 170px; height: 120px; /* overflow: hidden;*/  padding: 2px 12px 30px 2px; width:150px;background-color:lightgoldenrodyellow;display: none; border: 1px outset #ff3366;}
.sf-import-step2-errors-wrap .sf-resize-handle { z-index: 2; }
.sf-import-step2-errors-wrap .sf-download-small { position: absolute; top: 3px; right: 20px;}
.sf-import-step2-errors-wrap h4 { margin: -2px -12px -2px -2px; cursor: move; padding: 3px 3px 5px 3px; background-color: #d8d8d8;}
.sf-import-step2-errors { width: 100%; height: 100%; overflow: auto; font-size: 95%; padding: 0 12px 12px 0; }
.sf-import-step2-errors-table td { padding: 2px; border-bottom: 1px solid #ccc; vertical-align: top;white-space:nowrap;}
.sf-import-step2-errors-table td.number { padding-right: 5px;}
.sf-import-step2-errors-table th { padding: 2px 4px; border-bottom: 1px solid #ccc; vertical-align: top; /* min-width: 50px; */}
.sf-import-step2-fieldsel { width: 100px;}
.sf-import-step2-ermsg { width: 120px;}
table.sf-import-step2 tbody td.sf-import-step2-datacell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100px; padding: 2px 3px;}
table.sf-import-step2 tbody td.sf-import-step2-datacell:hover {background-color: lemonchiffon;}
.sf-import-errorcell-highlight { background-color: peachpuff;}
td.sf-import-step2-datacell .sf-textbox { width: 118px; border-width: 1px; border-color:  #666 #ccc #ccc #666; border-style: solid; }

.sf-import-step-content h3 { margin: 2px 10px 5px 0; display: inline-block; float: left;}
textarea.sf-import-csv-data {font-family: fixed; font-size: 95%; height: 280px; width: 920px;}
.sf-import-step3-detail { position: relative; padding: 5px 20px; height: 350px; border: 1px solid #ccc; overflow: auto; clear:both;}
.sf-import-step3-detail table { margin: 0; border-collapse: collapse; width: 300px; float: left; }
.sf-import-step3-detail td { padding: 3px 6px; border: 1px solid #ddd; }
.sf-import-step3-detail th { padding: 3px 6px; font-size: 110%; border: 1px solid #ddd; white-space: nowrap; }
.sf-import-step3-errors-wrap { width: 450px; float: right; margin-right: 5px;}
.sf-import-step3-errors { width: 450px; height: 250px; }

button.sf-import-next { }
.sf-import-error-message {position: absolute; z-index: 2;top: 60px; left: 100px; max-width: 500px; display: none; padding: 15px 15px 15px 30px; border: 1px solid red; background: peachpuff url(../img/warning.gif) no-repeat 5px 15px;}
.sf-import-progressbar-wrap { position: absolute; left: 150px; top: 5px; width: 230px; height: 20px; font-size: 92%; }
.sf-import-progressbar-wrap .sf-import-progressbar { width: 230px; }


.sf-preview-editable { min-height: 20px; padding: 1px; border: 1px dashed #aaa; cursor: pointer;}
.sf-lighter-color { font-weight: lighter; color: #aaa; }
.sf-fov-editlayout-captionbar  { clear: both; }
.sf-fov-editlayout-captionbar h1 { text-align: left; float: left; width: 30%; margin-top: 0px; margin-bottom: 10px;}
.sf-fov-editlayout-captionbar .btns { text-align: right; float: right; width: 30%; margin-right: 10px;}

.sf-fov-editlayout .sf-list-table { width: 100%;}

.sf-applist { position: absolute; right: -1px; top: 18px; z-index: 32;  display: none;  }
#sf-appchooser:hover .sf-applist { display: block; }
.sf-applist-ul { list-style: none; padding: 0; margin: 0; vertical-align: bottom; height: 20px; width: 150px;}
.sf-applist-li { background: ivory; padding: 5px 4px; border-style: solid; border-color: #ccc #666 #ddd #ccc; border-width: 0 1px 1px 1px; }
.sf-applist-li:last-child { border-bottom-color: #666;}

.sf-exporter { width: 600px; background-color: ivory;}
.sf-exporter-fields { position: relative; border: 1px solid #ccc; padding: 5px; height: 200px; overflow: auto; clear: both;}
.sf-exporter-field  { float:left; width: 160px; margin: 5px; white-space: nowrap; }
.sf-exporter-field input { display: block; float: left; vertical-align: top; margin: 1px 3px;}
.sf-exporter-btns { text-align: center; padding: 10px; }
.sf-exporter-btns button { margin: 0 10px; }
.sf-exporter-all { margin-left: 15px; }

.sf-fov-childpanel { margin-top: 20px; clear: left;}
.sf-fov-childpanel h2 { font-size: 100%; margin: 5px 2px; }
.sf-fov-childpanel th div { font-weight: normal; }
.sf-fov-childpanel .sf-list { padding: 0 2px 2px 0; background-color: #ccc; /* Provides the shadow */}
.sf-fov-childpanel .sf-list-table { width: 640px; }
.sf-fov-childpanel .sf-tabcontent { padding: 0; }
.sf-fov-childpanel .sf-tabcontent-wrapper { border: none; }


#sf-md-field-formbox {padding: 0; position:absolute;display:none;background-color:white;width: 680px; min-height: 290px; border: 1px solid #888;}
#sf-md-field-formbox h3 { margin: 0; padding: 4px 2px; background-color: midnightblue; color: white; }
form#sf-md-addfield { display: none; }
form#sf-md-editfield { display: none; }
#sf-md-editfield-description textarea { height: 6ex;}
#sf-md-addfield-description textarea { height: 6ex;}

.sf-md-new { background: url(../img/new_table.gif) no-repeat 1px;}
.sf-md-destroy { background: url(../img/burn.png) no-repeat 1px;}
.sf-md-importnew { background: url(../img/import1.png) no-repeat 1px;}

.sf-delete-btn-small { background: url(../img/delete.icon.gif) no-repeat 1px; width: 14px; height: 14px; padding: 0; margin: 0;}

#sf-home-left  { float: left; width: 250px; height: 100px; min-height: 300px; margin: 20px 30px 0 20px;}
#sf-home-right { position: absolute; right: 0; top: 0; width: 550px; }


.sf-tbl-list .sf-list-ul-li { margin-bottom: 10px; }
.sf-tbl-description {padding: 3px;}


.sf-monthview-tbl { border-collapse: collapse; }
.sf-monthview-month-heading { font-size: 105%; padding: 10px; min-width: 80px; position: relative; top: -3px;}
.sf-monthview-date-heading { padding-left: 3px; background-color: #f0f8ff; border-width: 0 1px 1px 0; border-style: solid; border-color:  #d8d8d8  #aaa #aaa  #d8d8d8; margin: 0; font-weight: bolder; }
.sf-monthview-tbl tr { vertical-align: top;}
.sf-monthview-tbl th  { border: 1px solid #ccc; border-bottom-color: #aaa; padding: 3px; width: 120px;  background-color: #d4e5fb; }
.sf-monthview-tbl td { text-align: left; border: 1px solid #ccc; width: 139px; height: 100px; }
.sf-monthview-day {padding: 4px; margin: 0;}
.sf-monthview-item { width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px; border-bottom: 1px dotted #aaa; margin-bottom: 4px;}
.sf-monthview-item:hover { background-color: floralwhite; border-bottom: 1px solid #aaa;}
.sf-monthview-todaycell { background-color: cornsilk; }
.sf-monthview-heading-left { display: block;float:left;width: 19%;text-align:left;}
.sf-monthview-heading-right { display: block;float:right;width: 19%;text-align:right;}
.sf-monthview-heading-center { display: block;margin: auto;width: 60%;text-align:center;}


.ap-weekcal { width: 980px;}
.ap-weekcal-caption {background-color: rgb(212, 229, 251); border: 1px solid rgb(170,170,170); border-width: 1px 1px 0 1px; padding: 6px;}
.ap-weekcal-caption-center  { float: left; width: 50%; font-size: 105%;text-align:center;}
.ap-weekcal-table { border-collapse: collapse; border: 1px solid #ccc;}
.ap-weekcal th {background-color: rgb(240, 248, 255); border-right: 1px solid #ccc; }
.ap-weekcal-colcaption { white-space: nowrap; padding: 3px 10px; width: 178px; }
.ap-weekcal-hourlabel { font-size: 108%; text-align: right;}
.ap-weekcal-cell { border: 1px solid #ccc; padding: 3px; height: 20px; }
.ap-weekcal-evenrowcell { border-bottom: 1px solid #eee; }
.ap-weekcal-item { border-bottom: 1px dotted #aaa; margin-bottom: 5px; padding: 3px; width: 140px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; }
.ap-weekcal-caption .sf-image-btn { vertical-align: middle; margin: 2px 15px;}
.ap-weekcal-fieldchooser { display: none; float: left; width: 25%; padding-left: 10px;}
.ap-weekcal-table tbody tr { height: 30px;}

.sf-monthchooser .sf-changedate { padding: 0; }
.sf-monthchooser .sf-image-btn { vertical-align: middle; }

/* sf-erl  is "Edit Report Layout" */
.sf-erl { position: relative; overflow: auto; padding: 0 10px; min-height: 400px; width: 980px; }
.sf-erl-blurb { float: left; width: 400px; margin-bottom: 5px; }
.sf-erl-addcol { float: left; margin: 0 0 5px 25px;}
.sf-erl-form { position: absolute; z-index: 5; display: none; padding: 0 6px 6px 0; background: url(../img/shadowAlpha.png) no-repeat bottom right !important;  }
.sf-erl-formcontent { background-color: ivory; border: 1px solid #aaa; padding: 4px;}
.sf-erl-formcontent table { border-collapse: collapse; }
.sf-erl-form .sf-form-button { padding: 0;}
.sf-erl-form .sf-form-label { width: auto; text-align: right; padding-right: 2px;}
.sf-erl-form .sf-ipe-wrapper { background: none; }
.sf-erl-table { border-collapse: collapse; empty-cells: show; clear: left;}
.sf-erl-hdr {height: 22px; width: 120px; position: relative; text-align: left;  font-weight: normal;}
.sf-erl-table tbody td { height: 20px;}
.sf-erl-hdr-menu   { background: url(../img/menu-trigger.gif) bottom right no-repeat;}
.sf-erl-hdr-delete { background: url(../img/delete.icon.gif) bottom right no-repeat;}
.sf-list-hdr-resize-grip { cursor: e-resize; float: right; display: block; margin-left: 5px; border-left: 1px solid #aaa; background-color: #eee; width: 3px; height: 20px;}

.sf-erl-hdr .sf-erl-hdr-inner { position: relative; width: 100%; padding: 0; margin: 0; height: 12px;}
.sf-erl-hdr-inner .sf-list-captiontext { margin-left: 5px; padding: 0; float:left; position: relative; font-weight: normal !important; cursor: move; selectable: off; -moz-user-select: none;}
.sf-erl-hdr-tools {display: none; position: absolute; padding: 2px; right: 8px; top: 0; width: 30px; text-align:center;background-color: #c0d0e2; height: 16px; z-index: 2; }
.sf-erl-hdr-tools a { display: inline-block; height: 12px; width: 12px; cursor: pointer; border: 1px outset #eee; padding: 1px;margin:0;}
.sf-erl-hdr:hover .sf-erl-hdr-tools { display: block;}

.sf-tabset-wrapper {}
.sf-tablist { list-style: none; padding: 0; margin: 0; vertical-align: bottom; height: 20px;}
.sf-tab { text-align: center;max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; selectable: off; -moz-user-select: none; float: left; height: 14px; display: inline-block; padding: 2px 5px; margin: 0 10px 0 0; background-color: gainsboro; border-style: solid; border-color: #ccc;border-width: 1px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;}
.sf-tab-selected {color: white;background-color: #3366aa; border-color: mediumblue;border-width: 1px; border-bottom: 1px solid #3366aa;}
.sf-tabcontent-topstripe { background-color: #3366aa; height: 15px;}
.sf-tabcontent-wrapper { border-width: 0 1px 1px 1px; border-style: solid; border-color:mediumblue; min-height: 420px; background-color: white;}
.sf-tabcontent { padding-left: 10px; padding-top: 10px; display: none; }

.sf-editrpt-form { margin-bottom: 10px; position: relative;}
.sf-editrpt-form td { vertical-align: top; padding: 4px;}
.sf-editrpt-form h3 {float: left; width: 70%; margin: 0 0 10px 0;}
.sf-editrpt-form-btns  { padding-left: 50px !important; }
.sf-editrpt-form-btns button,.sf-editrpt-form-btns input { margin-left: 10px; padding: 3px; }
.sf-editrpt-form-save { background: #f4f4f4 url(../img/save.gif) 2px center no-repeat; }
.sf-editrpt-form-savenrun { background: #f4f4f4 url(../img/save-n-run.gif) 2px center no-repeat; }
.sf-editrpt-form-run { background: #f4f4f4 url(../img/green_arrow_12x12.gif) 2px center no-repeat; }
.sf-editrpt-form-cancel { background: #f4f4f4 url(../img/cancel-red.gif) 2px center no-repeat;}
.sf-editrpt-addcol-sel-invalid { color: #ccc;}
.sf-editrpt-addcol-sel { color: black; background-color: white; border: 1px inset #aaa;}
.sf-editrpt-tabgroup { width: 980px; }
.sf-editrpt-name-cell input { width: 60ex;}
.sf-editrpt-desc-cell textarea { width: 250px; height: 45px; }
.sf-editrpt-calcchoice { padding-left: 4px; font-style: italic; }
.sf-editrpt-fldprops-body1 { display: none; }


.sf-runrptbtn-edit { background: url(../img/page_edit.gif) no-repeat 1px;}
.sf-runrptbtn-export { background: url(../img/export.png) no-repeat 1px;}
.sf-runrptbtn-publish { background: url(../img/publish.gif) no-repeat 1px;}
.sf-runrptbtn-print { background: url(../img/print.png) no-repeat 1px;}
.sf-runrptbtn-layout { background: url(../img/layout.gif) no-repeat 1px;}
.sf-runrpt-layoutchooser { position: absolute; z-index: 1; display: none; }

.sf-runrpt-publish { display: none; position: absolute; padding: 5px; width: 280px;}
.sf-runrpt-publish-url { display: block; margin: 10px; width: 250px; }
.sf-runrpt-publish-url textarea { display: block; width: 250px; }
.sf-runrpt-publish .sf-rpt-publish-close { margin: 10px auto; text-align: center; }
.sf-runrpt-publish-tooltip { display: none; }
.sf-runrpt-publish-buttons { padding: 5px; text-align: center; }


.sf-reports { text-align: left; } /* Override the value inherited from sf-fov-contentarea */
.sf-reportlist { padding: 4px; empty-cells: show; }
.sf-reportlist-caption { float: left; width: 80%; margin: 0; padding-bottom: 15px; }
.sf-reportlist-name { display: block; width: 60%; padding: 2px 0; font-weight: bolder; color: blue; cursor: pointer; }
.sf-reportlist-description { clear: both; padding: 6px 0; display: block;}
.sf-reports-listwrap { clear: both; position: relative; background-color: white;}
/* .sf-reports-listwrap { clear: both; height: 600px; overflow: auto; position: relative; background-color: white;}*/
/* -------------------------------------------------------------------^^^^^^^^^^^^^^^^^^^ */
/* Needed only for IE. Without this, the content ul shows through the div. Known IE bug. */
.sf-reportlist-table { border-collapse: collapse; border: 1px solid #ccc; width: 980px; }
.sf-reportlist-itemcell { width: 30%; padding: 5px; /* position: relative; */ border-bottom: 1px solid #ccc; }
.sf-report-new { background: url(../img/fff-mini/page_new.gif) no-repeat left;}
/*.sf-reportlist-menutrigger { float: right; width: 15px; height: 14px; padding: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ccc; background-color: transparent; display:none; }*/
.sf-reports-view { padding-left: 10px; min-width: 690px;}

.sf-report-run { display: none; position: relative; }
.sf-report-run .sf-list-captiontable h2 { font-size: 115%; margin: 4px 0; }
.sf-report-run .sf-barchart { width: 600px; }
.sf-report-run .sf-barchart-label { width: 120px; }
.sf-report-run .sf-tabcontent-wrapper { width: 980px; height: auto; }
.sf-report-run .sf-tabcontent { height: 470px; overflow: auto; padding: 0;}

.sf-report-run .sf-monthview-tbl { width: 100%; }
.sf-report-run .sf-piechart { margin: 10px 0 0 10px; }
.sf-reports-refresh { background: url(../img/refresh_blue_16x16.gif) no-repeat left; }

.sf-reportlist-item-over { background-color: MintCream; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.sf-reportlist-itemtooltip { display: none; }

.sf-report-grouping-table { cell-spacing: 0; border-collapse: collapse; }
.sf-report-grouping-table th { padding: 4px 8px; text-align: left; background-color: #cbdce2; border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD; border-style: solid; border-width: 1px;  }
.sf-report-grouping-table td { padding: 4px; border: 1px solid #ddd; background-color: aliceblue; }
.sf-report-grouping-cell-list { list-style: none; padding: 0; margin: 0;}
.sf-report-grouping-cell-list li { margin-bottom: 4px;}



.sf-cl-editorwrap {padding: 3px 0 0 0; width: 400px;}
.sf-cl-editor {min-height: 20px; max-height: 90px; overflow: auto; border: 1px solid #888; padding: 0; width: 208px; }
.sf-cl-editor .sf-list thead { display: none; }
.sf-cl-editor .sf-list-table  { background-color: white; border: none; width: 188px; /* Need width spec on table in Firefox 3, otherwise overflow: hidden will not work on its cells. */}
.sf-cl-editor .sf-list-body td { padding: 1px; height: 16px; }
.sf-cl-delete-btn { padding: 3px; cursor: pointer; margin: 2px; padding: 0;}
/* .sf-cl-delete-btn:hover { padding: 2px; border: 1px outset #333; background-color: #ccc; } */
.sf-cl-editor-addnew { margin-left: 5px; padding: 1px; display: inline; }

.sf-sfdc-menu { float: left; width: 140px; margin-left: 10px; margin-top: 15px;}
.sf-sfdc-menu-ul { list-style: none; margin: 0; padding: 0 0 0 5px;}
.sf-sfdc-menu-li { padding: 3px 6px; margin: 0 0 5px 0; position: relative; left: 1px; cursor: pointer; color: blue; }
.sf-sfdc-menu-li-selected { background-color: aliceblue;  border: 1px solid #aaa; border-right: 0;}
.sf-sfdc-actions { float: left; width: 500px;  background-color: aliceblue; margin-top: 15px; border: 1px solid #aaa; padding: 10px 5px;}
.sf-sfdc-action-panel { display: none; min-height: 200px; margin-left: 5px;}
form.sf-sfdc-login { width: 300px; text-align: center; padding: 5px; }
form.sf-sfdc-login .sf-form-label { width: 100px; float: left; }
form.sf-sfdc-login .sf-form-cell { width: 150px;  float: left;}
.sf-sfdc-sessioninfo { width: 90%; padding: 5px; margin: 0 0 0 15px; display: none; border: none; }
.sf-sfdc-sessioninfo .sf-rv-item { width: 240px; }
.sf-sfdc-sessioninfo .sf-rv-cell { width: 150px; }
.sf-sfdc-refresh-objects { float: right; }

.sf-sfdc-availables-wrap { margin: 10px 5px; height: 250px; width: 480px; overflow: auto; }
.sf-sfdc-chosen-tables { margin: 20px 0; }
table.sf-sfdc-tables { margin: 15px 0 10px 5px; border-collapse: collapse;}
table.sf-sfdc-tables th { padding: 2px 5px; border: 1px solid #ccc; }
table.sf-sfdc-tables td { padding: 1px 5px; border: 1px solid #ccc; }

ul.sf-sfdc-available-objects { list-style: none; padding: 0; margin: 0;}
.sf-sfdc-available-object { width: 200px; float: left; margin: 2px 4px; padding: 1px; }
.sf-sfdc-selected-object { border: 1px solid midnightblue; padding: 0; background: #cfe1fa; }
.sf-sfdc-available-object input { vertical-align: middle;}

.sf-sfdc-download-data-status { float: right; width: 350px; }
.sf-sfdc-existingtable { padding-left: 25px; display: inline-block; background: url(../img/small-check.gif) no-repeat 5px 4px;}
button.sf-sfdc-logout { float: right; }


.sf-layout-chooser { width: 380px; margin: 0; padding: 0 2px; font-size: 90%;background-color: #d7e6fb /* aliceblue */; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd #888 #888 #aaa; }
.sf-layout-chooser-list { list-style: none; padding: 0; margin: 0; }
.sf-layout-level1 { padding: 5px 0 5px 5px; background-color: white; border-style: solid; border-width: 1px; border-color: #aaa #eee #eee #aaa; display: none; }
.sf-layout-level1-li-first { border-top: 1px solid #aaa !important; }
.sf-layout-level1-li-last { border-bottom: 2px solid #aaa !important; }
.sf-layout-level1-li { margin: 0; padding: 2px 2px 0 0; }
.sf-layout-level1-li input { vertical-align: baseline; margin-bottom: 8px; }
.sf-layout-level1-li li { margin-bottom: 2px; }
.sf-layout-datefields, .sf-layout-numberfields, .sf-layout-numberfields-agg, .sf-layout-allfields, .sf-layout-allfields-out { width: 140px; }
.sf-layout-chooser-btns { padding: 8px; text-align: center; }
.sf-layout-chooser-btns button { margin: 2px 5px; width: 50px; }

.sf-mvv { width: 100%; margin-bottom: 10px; background-color: aliceblue;}
.sf-mvv-days { border-collapse: collapse; width: 100%; border: 1px solid #888;}
.sf-mvv-daylabel { width: 60px; border-right: 1px solid #ccc; padding: 4px 2px;}
.sf-mvv-caption { text-align: center; font-size: 115%; font-weight: bold; padding: 6px; border-bottom: 1px solid #888;}
.sf-mvv-dayrow { border-width: 0 0 1px 0; border-style: solid; border-color: #ccc; padding: 0;}
.sf-mvv-dayrow-0 { background-color: #e0f0ff; /* border-bottom: 1px solid #888; */ }
.sf-mvv-dayrow-6 { background-color: #e0f0ff; }
.sf-mvv-daycontent {}
.sf-mvv .sf-monthview-item { overflow: visible; padding: 2px;}
.sf-mvv-wkday { margin-right: 1ex; display: inline-block; width: 30px;}

.sf-barchart-table {border: 1px solid midnightblue; border-collapse: collapse; }
.sf-barchart-table-th {selectable: off; -moz-user-select: none; text-align: left; padding: 4px 15px 4px 2px;background-color: #cbdce2; border-color: #FDFDFD #93AFBA #93AFBA #FDFDFD; border-style: solid; border-width: 1px; }
.sf-barchart-item { }
.sf-barchart-label { max-width: 120px; text-align: right; border-right: 1px solid #ccc; padding: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sf-barchart-barcell   { width: 80%; border-left: 1px solid #ccc;  /* border-bottom: 1px solid #ccc; */ padding: 5px 0;  }
.sf-barchart-barcell-last   { border-bottom: 1px solid midnightblue; }
.sf-barchart-bar   { height: 13px; background-color: #c9defa; border: 1px outset #235bdd; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc #888 #888 #fff; }
/* .sf-barchart-bar:hover { background-color: #bbf; } */


.sf-vbarchart { padding-top: 5px; padding-left: 5px;}
.sf-vbarchart-wrap {height: 220px;}
.sf-vbarchart-ylabels { width: 8ex;}
.sf-vbarchart-marker { height: 43px /* (Height of vbarchart-wrap)/5 - 1 */ ; border-bottom: 1px dotted #ddd; }
.sf-vbarchart-marktxt { position: relative; left: -7ex; top: -6px;}
.sf-vbarchart-bar { width: 10px;background-color: #85c1f8; border: 1px outset #235bdd; border-bottom: none; padding: 0; position:absolute; bottom: 0;}
.sf-vbarchart-barlabel {float: left; text-align: center; width: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0;}
.sf-vbarchart-bars-wrap {position: relative; border: 1px solid #ccc;}

.sf-piechart-items { position: absolute; left: 210px; width:200px; top: 5px; } 
.sf-piechart-items td { padding: 3px;}
.sf-piechart-items-pct { white-space: nowrap; } 

.sf-report-norendering { display: block; margin: 30px; }

.sf-report-matrix-table { border-collapse: collapse; background-color: aliceblue; border: 1px solid midnightblue;}
.sf-report-matrix-table thead {  background-color: #e0f0ff;  border: 1px solid midnightblue; }
tr.sf-report-matrix-col-labels th { text-align: left;border: 1px solid midnightblue; padding: 6px 10px; }
.sf-report-matrix-head-cell { font-weight: normal; border-bottom: 1px solid midnightblue; padding: 4px; width: 150px;  }
.sf-report-matrix-cell { border: 1px solid #ddd; border-right: none; border-bottom: none;padding: 4px;}
.sf-report-matrix-cell-list { margin: 0; padding: 0; list-style: none;}
.sf-report-matrix-cell-list li { margin: 0; padding-bottom: 5px; }
.sf-report-matrix-mainheading { text-align: center;border: 1px solid; border-color: midnightblue; padding: 6px 10px; }
.sf-report-matrix-leftcol { border-right: 1px solid midnightblue;}

.sf-record-tooltip {}
.sf-record-tooltip-table { }
.sf-record-tooltip-table tr {vertical-align: top;}
.sf-record-tooltip-table td {}
.sf-record-tooltip-itemlabel { font-style: italic; }

.sf-subsel { position: relative; }
.sf-subsel-group-wrap {width: 200px; float: left; margin: 10px;}
.sf-subsel-group {border: 1px solid #ccc; height: 150px; overflow: auto;}
.sf-subsel-item { display: block; padding: 2px; white-space: nowrap; cursor: move; }
.sf-subsel-item:hover { padding: 1px; border: 1px dotted #aaa; background-color: aliceblue;}
.sf-subsel-textundercaption { display: block; clear: left; }


#sf-objects-view-fov-detailpanel { float: left; /* So that width fits the form exactly */ }
form.sf-newtableform { padding: 0; background-color: aliceblue; border: 1px solid #777; position: absolute; display: none; }
.sf-newtableform-table input { background-color: white; padding: 1px; border: 1px inset #aaa; }
.sf-newtableform-table input[type=button] { background: none; border: none; }
.sf-newtableform-fields-wrap { padding: 10px 5px; border: none;}
.sf-newtableform-table { margin: 4px; }
.sf-newtableform-table td { padding: 2px; }

table.sf-newtableform-fields { border-collapse: collapse;}
table.sf-newtableform-fields td { text-align: center;}
table.sf-newtableform-fields th { font-weight: normal; }
table.sf-newtableform-fields .sf-newtableform-fieldtype { width: 120px;}

.sf-fov-childpanel .sf-rv-edit-trigger { display: none !important;}

#ap-home-content {}

.ap-home-apps { width: 720px; float: left; padding: 0 10px; }
.ap-home-apps-list { margin: 0; padding: 0;}
.ap-home-apps-list table { border-collapse: collapse; border: 1px solid #d8d8d8; width: 650px;}
.ap-home-apps-list table thead th { text-align: left; padding: 4px 5px; border-bottom: 1px solid #ddd; background: url(../img/light-blue-1x98.gif)  repeat-x;}
.ap-home-apps-list table tbody.sf-oddrow { background-color: #f4fcff;}

.ap-home-apps-ul { list-style: none; margin: 0; padding: 0;}
.ap-home-apps-ul li { margin: 0 10px 10px 0; padding: 5px; float: left; width: 330px; display: inline-block; /*background-color: #f8f8f8; border: 1px solid #f4f4f4;-moz-border-radius:3px;-webkit-border-radius:3px;*/}

.ap-home-appname { padding: 2px 10px 2px 5px; }
.ap-home-appdesc { padding: 5px 0 5px 5px; border-bottom: 1px solid #ddd;}
.ap-home-appinfo { float: left; width: 85%; margin-right: 5%; }
.ap-home-appcreated { padding: 2px 5px; white-space: nowrap;}
.ap-home-lastaccess { padding: 2px 5px; white-space: nowrap;}
.ap-home-disk_space_bytes { padding: 2px 5px; text-align: right;}
.ap-home-totaldiskuse { margin-left: 50px;}

/* tbody.ap-home-app:hover { background-image: url(../img/light-gray-grade.jpg); background-repeat: repeat-x; background-position: 150px 0; border-bottom: 1px solid #bbb; }*/
.ap-home-app-triggers { visibility: hidden; float: right; font-size: 95%; margin: 2px; display: inline-block; }
.ap-home-app-triggers .sf-pseudolink { margin: 2px 5px;}
/* .ap-home-apps-list h3 { float: left; margin: 3px 15px 3px 0;} */
.ap-home-apps-list table tbody.ap-app-editable:hover .ap-home-app-triggers { visibility: visible; }

.ap-home-acctinfo-items { width: 270px; list-style: none; margin: 0; padding: 0;clear: left;}
.ap-home-acctinfo-items li { position: relative; padding: 3px 0;}
.ap-home-acctinfo-items .ap-item-label { width: 70px; padding: 2px; display: inline-block;}
.ap-home-acctinfo-items .ap-item-value { width: 160px; padding: 2px; display: inline-block;}
.ap-item-edit-trigger { position: absolute; top: 0; right: 0; font-size: 95%; display: none;}
.ap-home-acctinfo-items li:hover .ap-item-edit-trigger {display: inline;}

.ap-home-lastlogins { list-style: none; margin: 0; padding: 0;}
#ap-home-useracct {  width: 250px; position: absolute; left: 700px; padding: 0 10px 0 0; }
#ap-home-useracct h3 { float: left; margin: 5px 30px 5px 0; }
#ap-home-useracct .sf-btn-edit { float: left; margin-left: 70px; }
#ap-home-useracct table td { padding: 4px 10px 4px 0;}

#ap-edit-my-account { display: none; position: absolute; }
#ap-edit-my-account .ap-modal-content { padding: 10px;}
.ap-editacct-items { margin: auto; }
#ap-edit-my-account .ap-home-acctinfo-items {}
#ap-edit-my-account .ap-item-label { width: 90px;  padding: 2px;  vertical-align: middle;}
#ap-edit-my-account .ap-item-value { vertical-align: middle;  padding: 2px;}

form.ap-appshare-form { border: 1px solid; border-color: #ccc #333 #333 #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: aliceblue; margin: 20px; display: inline-block; padding: 0;}
table.ap-appshare { }
.ap-appshare-app-name { width: 200px;}
.ap-appshare-app-desc { width: 200px;}
.ap-appshare-username { width: 150px;}
.ap-appshare-user-email { width: 150px;}
.ap-appshare-users th { font-weight: normal; font-size: 95%;}
.ap-appshare-users .sf-delete-small { visibility: hidden; }
.ap-appshare-form-content {  padding: 5px;}

.sf-logged-out { width: 300px; height: 200px; padding: 30px; margin: 50px auto; border: 1px solid #bbb; background-color: #f4f4f4;}

#sf-no-tables-blurb { margin: 40px; width: 400px; }

form.sf-feedback {display: none; width: 450px;}



#page-chooseapp  .sf-chooseapp-name { display: inline; margin: 2px 30px 5px 0;}
#page-chooseapp  .sf-chooseapp-desc { display: block; margin: 2px 0 10px 0;}
#page-chooseapp  .sf-chooseapp-list { border-collapse: collapse; margin-top: 10px; width: 600px; }
#page-chooseapp  .approw td { border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}

#page-chooseapp  .approw {border-left: 1px solid #d8d8d8;border-right: 1px solid #d8d8d8;}

#page-chooseapp  .sf-chooseapp-screenslink {margin-left: 30px; font-size: 95%;display:none;}
#page-chooseapp  .sf-chooseapp-appinfo { padding-top: 2px;}
#page-chooseapp  .sf-chooseapp-appinfo:hover .sf-chooseapp-screenslink { display: inline;}

.ap-multipick-wrap { max-height: 150px; overflow: auto; border: 1px solid; border-color: #ccc #666 #666 #ccc; }
.ap-multipick-item { display: inline-block; width: 90px; float: left; padding: 1px; border-bottom: 1px solid #ccc; }
.ap-multipick-item-selected { background-color: #cde1fa; border-bottom: 1px solid ivory; }
.ap-multipick-ckbox { margin: 0 3px;}

.ap-multipick-ipe { background-color: ivory; width: 210px; border: 1px solid; border-color: #ccc #666 #666 #ccc; color: black; z-index: 30;}

.sf-fov-addform .ap-multipick-wrap { width: 210px; background-color: white;}

.sf-zencart-actions { float: left;  background-color: aliceblue; margin-top: 15px; border: 1px solid #aaa; padding: 10px 5px;}
.sf-zencart-action-panel { min-height: 200px; margin: 0 10px; width: 500px; float: left;}
form.sf-zencart-login { width: 550px; padding: 5px; }
form.sf-zencart-login .sf-form-item { width: 540px; float: left; }
form.sf-zencart-login .sf-form-label { width: 100px; float: left; }
form.sf-zencart-login .sf-form-cell { width: 420px;  float: left;}
#sf-zencart-loginform-url input { width: 300px; }

.sf-zencart-tblitem { margin-right: 20px; }
form.sf-zencart-login .sf-form-helpcell { display: block; clear:left; }

.sf-zencart-status { float: left; width: 300px; height: 200px; margin-left: 20px; }
.sf-zencart-status-working {  display: none; width: 120px; padding: 5px 0 0 25px;height: 16px;  background: url(../img/indicator.white.gif) no-repeat;}
.sf-zencart-status table th { padding: 2px 5px; white-space: nowrap; border-bottom: 1px solid #ccc; }
.sf-zencart-status table td { padding: 2px 5px; white-space: nowrap; border-bottom: 1px solid #ccc; min-height: 20px;}

.ap-dashboard { width: 980px; margin-top: 5px; margin-left: 10px;}
.ap-dashboard-col { width: 485px; float: left; }
.ap-dashboard-right { margin-left: 15px; }
.ap-dashboard-cell { width: 470px; border: 1px solid #eee; margin-bottom: 20px;}
.ap-dashboard-caption { background: url(../img/blue-grade-22x34.png) bottom left repeat-x; height: 22px; border:  1px solid #ccc; border-bottom: none; }
.ap-dashboard-caption h4 { margin: 0; float: left; width: 80%; padding: 2px;}
.ap-dashboardcell-btn { float: right; width: 16px; height: 16px; margin: 2px; }
.ap-dashboardcell-tabular { background: url(../img/table-16x16.jpg) no-repeat; border: 1px inset #ccc;}
.ap-dashboardcell-chart { background: url(../img/chart-16x16.jpg) no-repeat;  border: 1px outset #ccc;}
.ap-dashboardcell-edit { background: url(../img/page_edit.gif) no-repeat;  margin: 2px 4px 2px 10px; }
.ap-dashboard-report { height: 240px; overflow: auto;}
.ap-dashboard-report .sf-list-table {width: 100%;}
.ap-dashboard-report .sf-barchart { border: 1px solid #777; }
.ap-dashboard-report .sf-barchart-label { max-width: 50px; }
.ap-dashboard-report .sf-barchart-barcell { max-width: 375px; }
.ap-dashboard-report .sf-barchart-barcell-last { border: none; }
.ap-dashboard-report .sf-barchart-table { border: none; }
.ap-dashboard-report .sf-piechart { margin: 10px; }

.ap-dashboard-action { cursor: pointer; visibility: hidden; float: right; width: 20px; height: 20px; background: url(../img/menu-trigger.gif) 4px 4px no-repeat;}
.ap-dashboard-caption:hover .ap-dashboard-action { visibility: visible; }
.ap-dashboard-report-rendered { display: none; }
.ap-dashboard-editlayout { position: absolute; left: 300px; }

/* Dashboard layout editor styles */
.ap-dble { width: 670px; margin: 20px; display: none; background-color: ivory; border: 1px solid #777; }
.ap-dble-availables { width: 215px;height: 300px; overflow: auto; border: 1px solid #ccc; float: left; margin-top: 10px; background-color:white;}
.ap-dble-layout { width: 410px;height: 300px; overflow: auto; float: right; margin-left: 20px; border: 1px solid #ccc;  margin-top: 10px; background-color:white;}
.ap-dble-col { float: left; width: 190px; height: 260px;border: 1px solid #ccc; margin-left: 8px;}
.ap-dble h3 { margin: 2px; text-align: center; }
.ap-dble-col h4 { margin: 2px; text-align: center; border-bottom: 1px solid #ccc;}
.ap-dble-dragable { cursor: move; }
.ap-dble-availables table { border-collapse: collapse; border: none; width: 100%;}
.ap-dble-availables th { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left;}
.ap-dble-availables td { border-bottom: 1px solid #ccc; padding: 4px;}
.ap-dble-availables-col1 { width: 60%; }
.ap-dble-availables-col2 { width: 40%; }
.ap-dble-col-content .ap-dble-dragable { padding: 4px 2px; border-bottom: 1px solid #ccc;}
.ap-dble-caption-available { width: 210px; float: left;}
.ap-dble-caption-layout { width: 400px; float: left;}

/* Item selector */
.ap-itemsel { padding: 1px; border: none; background-color: white; display: inline-block; height: 18px; position: relative;}
.ap-itemsel-selectedbox {cursor: default; white-space: nowrap; overflow: hidden; display: inline-block; height: 17px;background: white url(../img/pseudo-select-downarrow-14x19.jpg) no-repeat top right;border: 1px inset #aaa; padding-right: 15px;}
.ap-itemsel-choices {background-color: white; list-style: none; display: none; position: absolute; top: 20px; z-index: 30;  padding: 0;margin: 0;border: 1px outset #ccc; width: 210px;}
.ap-itemsel-grphdr { font-weight: bold; clear: left; margin: 0; border: 1px outset #bbb; padding: 2px; cursor: pointer;}
.ap-itemsel-grphdr:first-child { margin-top: 0;}
.ap-itemsel-grp { margin: 1px; padding: 0; display: none; }
ul.ap-itemsel-options {list-style: none; margin: 0; padding: 0; overflow: auto; max-height: 200px;}
.ap-itemsel-option { padding: 1px; cursor: pointer;}
.ap-itemsel-option:hover {padding: 0; border: 1px solid #bbb; background-color: #e1ecfc; color: black; }

.ap-itemsel-grphdr-closed { background: #d8e8ff url(../img/plus.gif)  2px 4px no-repeat; padding-left: 16px;}
.ap-itemsel-grphdr-open   { background: #d8e8ff url(../img/minus.gif) 2px 4px no-repeat; padding-left: 16px; }
.ap-itemsel-selected { padding:  0; border: 1px solid #bbb; background-color: #e1ecfc; color: black;}
.ap-itemsel-options-closed { display: none;}
.ap-itemsel-subgrphdr { margin-bottom: 1px;}

/* Field selector */
.ap-fieldsel { width: 230px; }
.ap-fieldsel .ap-fieldsel-option { padding: 1px 0; margin-left: 15px;} 
.ap-fieldsel-opt-col1 { width: 210px; vertical-align: top; }
.ap-fieldsel-triggerelt { width: 15px;  border-left: 1px dotted #ccc; background: url(/img/downArrowBlack9x9.gif) 2px 2px no-repeat; visibility: hidden; cursor: pointer;}
.ap-fieldsel-opt-agfns { margin: 0; padding: 0; display: none; list-style: none; }
.ap-fieldsel-option:hover .ap-fieldsel-triggerelt  { visibility: visible;}
.ap-fieldsel-opt-agfns div { padding: 2px; border: none; float: left; width: 95px;}
.ap-fieldsel-subgrp-caption { font-weight: bold; padding: 2px; background-color: #f0f0ff; border-bottom: 1px solid #bbb; border-top: 1px solid #ddd; cursor: pointer;}
.ap-fieldsel-option-keyfield { background-image: url(/img/key12.gif); background-repeat: no-repeat; background-position: 2px 2px; }
/* .ap-fieldsel-opt-agfns div:hover { padding: 1px; border: 1px outset midnightblue; background-color: #dfebfc; } */


.sf-editrpt-tabgroup ul.ap-itemsel-options { max-height: 200px; }



.ap-batchop { height: 350px; width: 450px;}
.ap-batchop-fieldval-sel { display: none; max-width: 120px; }
.ap-batchop-valuecell { padding: 2px; }
.ap-batchop-errorcell { border: 1px solid red; padding: 1px;}
.ap-batchop-fieldval-txt { font-size: 97%; }
.ap-batchop-fieldval-multipick { background-color: white;}
.ap-batchop-fieldval-multipick .ap-multipick-wrap { width: 220px; height: 80px;}
.ap-batchop-fieldval-multipick .ap-multipick-item { width:180px;}



.ap-sa-accountinfo { margin-right: 15px;}

/* div.ap-sa-myacct { position: relative; width: 400px;} */
div.ap-sa-myacct { position: relative; width: 220px; padding: 5px 10px;}
table.ap-sa-myacct-contact { float: left; width: 180px;}
div.ap-sa-myacct th { text-align: left;}
.ap-sa-myacct-label { white-space: nowrap;}

table.ap-sa-myacct-subscription { float: right; width: 180px;}
.ap-sa-subscribe {float: right; margin: 15px;}
.ap-sa-acctinfo-wrap .ap-modal-button-ok { border: none; background: none; color: blue; cursor: pointer;}

.ap-sa-trial-expiry { position: absolute; top: 25px; right: 10px; color: #d00; font-weight: bold;}

#ap-lang-sel-wrap { position: absolute; left: 750px; bottom: 0px; width: 180px; height: 20px; display: none;}
#ap-lang-sel { width: 90px;}
#ap-lang-sel-wrap .sf-icon-help { margin-left: 5px;}
#ap-lang-sel-wrap .sf-icon-help span { top: 15px; left: -100px;}

.sa-excel-export { background: url(/img/excel-12x12.gif) no-repeat 3px 3px;}

#product-add-form .ap-multipick-item { width:185px;}
#product-add-form .ap-multipick-wrap { max-height: 120px;}
#product-fov-listanddetail .ap-multipick-item { width: 185px;}
.ap-multipick-ipe .ap-multipick-item { width: 185px;}