html, body { margin:0px;padding:0px;text-align:center; }

img { border:0px; }

p { margin:0px;padding:4px 0px 0px 0px; }
ul { margin-top:0px;margin-bottom:0px; }
button { color:black; }

.container { margin:0 5px;text-align:left; }
.container-space { margin:0 14px; }

#preloader { width:218px;height:92px;background:transparent url("../images/preload.jpg") no-repeat scroll left top;position:relative;text-align:right;font-weight:bold;margin-left:20px;margin-right:auto; }
#preloader div { width:0px;height:92px;background:transparent url("../images/preload.jpg") no-repeat scroll left bottom;position:absolute;left:0px;top:0px; }

input, textarea, select { border:solid 1px #CCCCCC; }
input[type="checkbox"], input[type="radio"]{ border:none; }
input.input_error, textarea.input_error, select.input_error { border:solid 1px red; }
input.button { margin:1px; }

.centered { text-align:center; }
.centered>div { text-align:left;margin-left:auto;margin-right:auto; }

.bordered { border:solid 1px #CCCCCC; }
.border-dot { border:dotted 1px #CCCCCC; }

.error_message { color:red;font-weight:bold; }
.info_message { color:black;font-weight:bold; }

.ellipsis { white-space:nowrap;width:100%;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis; }

#progress { background-color:white;color:black;padding:4px;position:fixed;top:0px;right:0px;bottom:auto;left:auto;z-index:1000; }

table.content { table-layout:fixed;width:100%;margin:0; }
td.content-left { width:250px;vertical-align:top; }
td.content-center { vertical-align:top; }
td.content-right { width:250px;vertical-align:top; }

.content-left-space { margin:4px; }
.content-center-space { margin:4px 20px; }
.content-right-space { margin:4px; }

.control-buttons { margin:4px 0px 0px 4px; }

/* http://blog.hedgerwow.com/2007/11/14/item-list-grid-real-world-practice-with-displayinline-block-across-browsers/ */
.inline-block { display:-moz-inline-stack;display:inline-block;_overflow:hidden;zoom:1;*display:inline; }

/* message */
.message-box { width:400px;border:solid 1px #cccccc;background-color:#f4f4f4;color:#000000;padding:8px; }
.message-info { font-weight:bold;padding-bottom:8px;}
.message-input { border:solid 1px #cccccc;width:100%; }
.message-buttons { height:30px;vertical-align:top;margin:10px 0px; }
.message-buttons a { margin:0px 4px;float:right;display:block;border:solid 0px black; }

.localization { border:solid 1px #cccccc;background-color:#f4f4f4; }
.localization-inner { margin:8px; }

/* button */
a.button  {  text-decoration:none;background:transparent none no-repeat scroll right bottom;color:#ffffff;text-align:center;font-weight:bold;outline:none;overflow:visible;white-space:nowrap;vertical-align:middle;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; }
a.button span.b-b { display:block;background:transparent none no-repeat scroll left top; }
a.button span.b-t { display:block;background:transparent none repeat-x scroll left center;padding:0px 1px; }
a.button:hover { color:#ffffff;text-decoration:none; }
a.button:active { background-position:100.01% bottom; }

a.simple-button{height:23px;background-image:url("../images/button-simple.gif");padding-right:8px;font-size:14px; }
a.simple-button span.b-b { background-image:url("../images/button-simple.gif");padding-left:8px; }
a.simple-button span.b-t { line-height:16px;max-height:16px;min-height:16px;background-color:#4c4c4c;background-image:url("../images/button-simple.gif");padding:3px 6px 4px 6px; }
a.simple-button:active span.b-t { padding-top:4px;padding-bottom:3px; }

/* popup */
div.popup-backzone { display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background-color:white; }
div.popup-zone { display:none;position:fixed; }

/* drag */
.drag-element { position:absolute;z-index:1;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50); }

/* base-editor */
table.base-editor { width:100%;border-top:solid 1px #b9b7ae;border-left:solid 1px #b9b7ae;color:#000000; }
td.base-editor-title, td.base-editor-cell { border-right:solid 1px #b1cedd;border-bottom:solid 1px #b9b7ae;padding:0px 4px; }
td.base-editor-title { background-color:#f7f7f7;font-weight:bold; }
img.base-editor-add, img.base-editor-remove { width:16px;height:16px;cursor:pointer; }
img.base-editor-add { background:transparent url("../images/icon-add.gif") no-repeat; }
img.base-editor-remove { background:transparent url("../images/icon-delete.gif") no-repeat; }

/* base-table */
table.base-table { width:100%;border-top:solid 1px #b9b7ae;border-left:solid 1px #b9b7ae;border-bottom:solid 1px #b9b7ae;color:#000000; }
td.base-table-title, td.base-table-empty,
td.base-table-cell, td.base-table-cell2 { border-width:0px;border-right:solid 1px #b9b7ae; }
td.base-table-title { background-color:#f7f7f7;font-weight:bold;height:30px;border-bottom:solid 1px #b9b7ae; }
td.base-table-empty { background-color:#ffffff; }
td.base-table-cell { background-color:#f7f6f3; }
td.base-table-cell2 { background-color:#fdfdfd; }
td.base-center { text-align:center; }
td.base-right { text-align:right; }
td.base-padding { padding:2px 4px; }
td.base-top { vertical-align:top; }
td.base-select { background-color:#ffffa6; }

/* page control */
div.pagecontrol { height:20px;line-height:20px; }
div.pagecontrol a { text-decoration:none;outline:none;margin:0px 2px;font-weight:bold;color:#000000; }
div.pagecontrol a.page-current { color:#bf0054; }

/* treeview */
.tree-view { width:100%;height:100%;overflow:auto;text-align:left; }
.tree-node { white-space:nowrap;font-size:14px;margin-left:0px;margin-right:auto;overflow:hidden;background:transparent url("../images/icon-tree-hlines.gif") no-repeat; }
.tree-node img { height:20px;vertical-align:middle; }
.tree-text { cursor:default;padding:0 2px; }
.tree-active { width:16px;background:transparent url("../images/icon-tree-active.gif") no-repeat scroll left top; }
.tree-check { width:12px;background:transparent url("../images/icon-check.gif") no-repeat scroll left center; }
.tree-icon { width:20px;background:transparent none no-repeat scroll left top; }
.tree-content { margin:0;padding:0 0 0 16px;list-style-type:none;background:transparent url("../images/icon-tree-vlines.gif") repeat-y scroll left top; }
.tree-waiter { width:113px;height:14px;background:transparent url("../images/progress.gif") no-repeat; }
.tree-icons { background-image:url("../images/icon-tree-default.gif"); }
.tree-hover .tree-text { text-decoration:underline; }
.tree-selected .tree-text { background-color:#b1cedd; }

/* tabcontrol */
.tab-container {  }
.tab-container-div { width:100%;height:24px;white-space:nowrap;overflow:hidden; }
.tab-userlayout { width:0px; }
.tab-content { border:solid 1px #cccccc;padding:0px 4px; }

a.tab-item{height:24px;background-image:url("../images/button-tab.gif");padding-right:10px;font-size:12px;color:#ffffff;margin:0px 1px; }
a.tab-item span.b-b {  background-image:url("../images/button-tab.gif");padding-left:10px; }
a.tab-item span.b-t { line-height:17px;max-height:17px;min-height:17px;background-image:url("../images/button-tab.gif");padding-top:3px;padding-bottom:4px; }
a.tab-item:hover { color:#ffffff;text-decoration:underline; }
a.tab-item-active, a.tab-item-active:hover { color:#ffff00; }

td.tab-arrow-left, td.tab-arrow-right { width:20px;text-align:center; }
div.tab-arrow-left, div.tab-arrow-right { margin:0px auto;width:16px;height:16px;background:transparent url( "../images/icons-scroll.png" ) no-repeat;cursor:pointer; }
div.tab-arrow-left	{ background-position:left -32px; }
div.tab-arrow-right { background-position:left -48px; }

/* virtual grid */
div.vgrid { position:relative;overflow:hidden;border:solid 1px #b9b7ae; }
div.vgrid div.vcontent { position:absolute;left:0px;top:0px;overflow:hidden; }
div.vgrid div.vscroll { width:100%;height:100%;overflow:auto; }
div.vgrid div.vscroll div {}
table.vgrid-table { empty-cells:show;color:#000000; }
tr.vgrid-empty td, td.vgrid-empty { }
tr.vgrid-header td, td.vgrid-header { border-right:solid 1px #b9b7ae;border-bottom:solid 1px #b9b7ae;color:#666666;background-color:#A9E0E3;text-align:center;padding:0px 2px; }
tr.vgrid-default td, td.vgrid-default,
tr.vgrid-default2 td, td.vgrid-default2,
tr.vgrid-selected td, td.vgrid-selected { border-right:solid 1px #b9b7ae;border-bottom:solid 1px #b9b7ae;background-color:white;text-align:left;cursor:default;padding:0px 2px; }
tr.vgrid-default2 td, td.vgrid-default2 { background-color:#F4F4F4; }
tr.vgrid-selected td, td.vgrid-selected { background-color:#E8A7A4; }
.vgrid-editors-input { border:solid 1px #cccccc;padding:0px;margin:0px; }

/* file browser */
.fb-container { width:100%;height:100%;overflow:auto; }
.fb-waiter { width:113px;height:14px;background:transparent url("../images/progress.gif") no-repeat; }

.fb-node-container { border:solid 1px white;float:left;text-align:center;overflow:hidden;margin:0px; }
.fb-node-icon { }
.fb-node-name { height:20px;overflow:hidden;font-size:9px;line-height:10px; }
.fb-node-selected { border:dotted 1px #b1cedd; }

.fb-icon-container { width:70px;/*height:70px;*/ }
.fb-icon-icons { width:50px;height:50px;background-image:url("../images/icon-fb-default.gif"); }
.fb-icon-name { width:70px; }

.fb-thumb-container { width:270px;/*height:270px;*/ }
.fb-thumb-icons { width:250px;height:250px;background-image:url("../images/icon-fb-thumbnails.gif"); }
.fb-thumb-name { width:270px; }

/* wysiwyg */
.wysiwyg { border:solid 1px ButtonShadow; }
.wysiwyg textarea { width:100%;border-width:0px; }
.wysiwyg iframe { width:100%;border-width:0px; }
.wysiwyg-area { background:ButtonFace;border-bottom:solid 1px ButtonShadow;padding:5px;color:black;text-align:left; }

.wysiwyg-tbb { width:20px;height:20px;background:transparent url("../images/icon-wysiwyg.gif") no-repeat; }
.tbb-bold { background-position:-20px 0; }
.tbb-italic { background-position:-40px 0; }
.tbb-underline { background-position:-60px 0; }
.tbb-strikethrough { background-position:-80px 0; }
.tbb-left { background-position:-100px 0; }
.tbb-center { background-position:-120px 0; }
.tbb-right { background-position:-140px 0; }
.tbb-justify { background-position:-160px 0; }
.tbb-number { background-position:-180px 0; }
.tbb-bullet { background-position:-200px 0; }
.tbb-indent { background-position:-220px 0; }
.tbb-outdent { background-position:-240px 0; }
.tbb-undo { background-position:-260px 0; }
.tbb-redo { background-position:-280px 0; }
.tbb-color { background-position:-300px 0; }
.tbb-hilite { background-position:-320px 0; }
.tbb-rule { background-position:-340px 0; }
.tbb-superscript { background-position:-360px 0; }
.tbb-subscript { background-position:-380px 0; }
.tbb-link { background-position:-400px 0; }
.tbb-image { background-position:-420px 0; }
.tbb-table { background-position:-440px 0; }
.tbb-paste_text { background-position:-460px 0; }
.tbb-paste_from_word { background-position:-480px 0; }
.tbb-paste_from_excel { background-position:-500px 0; }
.tbb-clean { background-position:-520px 0; }
.tbb-gentle_clean { background-position:-540px 0; }
.tbb-html { background-position:-560px 0; }
.tbb-spellcheck { background-position:-580px 0; }
.tbb-add_row_above { background-position:-600px 0; }
.tbb-add_row_below { background-position:-620px 0; }
.tbb-delete_row { background-position:-640px 0; }
.tbb-add_column_before { background-position:-660px 0; }
.tbb-add_column_after { background-position:-680px 0; }
.tbb-delete_column { background-position:-700px 0; }
.tbb-flash { background-position:-720px 0; }

/* divbox */
div.divbox {}
div.divbox div.box-tr { overflow:hidden;background:transparent none no-repeat scroll right bottom; }
div.divbox div.box-tl { overflow:hidden;background:transparent none no-repeat scroll left top; }
div.divbox div.box-tc { overflow:hidden;background:transparent none repeat-x scroll left center; }
div.divbox div.box-tcc { height:100%;overflow:hidden; }
div.divbox div.box-cr { height:100%; }
div.divbox div.box-cl { height:100%; }
div.divbox div.box-cc { width:100%;height:100%;overflow:hidden; }
div.divbox div.box-br { overflow:hidden;background:transparent none no-repeat scroll right bottom; }
div.divbox div.box-bl { overflow:hidden;background:transparent none no-repeat scroll left top; }
div.divbox div.box-bc { overflow:hidden;background:transparent none repeat-x scroll left center; }

div.default-box { width:100%;overflow:hidden; }
div.default-box div.box-tr { height:36px;background-image:url("../images/box-white-t.gif"); }
div.default-box div.box-tl { height:36px;background-image:url("../images/box-white-t.gif");margin-right:12px; }
div.default-box div.box-tc { height:30px;background-image:url("../images/box-white-t.gif");background-color:#e5e5e5;margin-left:12px;padding-top:6px;line-height:30px;color:#4d8932;font-size:18px;font-weight:bold; }
div.default-box div.box-cr { background:white;border-left:solid 1px #b1b1b1;border-right:solid 1px #b1b1b1; }
div.default-box div.box-cl { margin:0px 4px;background:white url("../images/box-white-c.gif") repeat-x scroll left bottom;border-top:dotted 1px #b9b7ae; }
div.default-box div.box-br { height:12px;background-image:url("../images/box-white-b.gif");position:relative;overflow:visible; }
div.default-box div.box-bl { height:12px;background-image:url("../images/box-white-b.gif");margin-right:12px; }
div.default-box div.box-bc { height:12px;background-image:url("../images/box-white-b.gif");margin-left:12px;font-size:1px; }

div.alt-box { width:100%;overflow:hidden; }
div.alt-box div.box-tr { height:36px;background-image:url("../images/box-yellow-t.gif"); }
div.alt-box div.box-tl { height:36px;background-image:url("../images/box-yellow-t.gif");margin-right:12px; }
div.alt-box div.box-tc { height:30px;background-image:url("../images/box-yellow-t.gif");background-color:#f0d763;margin-left:12px;padding-top:6px;line-height:30px;color:#a68c25;font-size:18px;font-weight:bold; }
div.alt-box div.box-cr { background:white;border-left:solid 1px #b1b1b1;border-right:solid 1px #b1b1b1; }
div.alt-box div.box-cl { margin:0px 4px;background:#faf29b url("../images/box-yellow-c.gif") repeat-x scroll left bottom;border-top:dotted 1px #b9b7ae; }
div.alt-box div.box-br { height:12px;background-image:url("../images/box-yellow-b.gif"); }
div.alt-box div.box-bl { height:12px;background-image:url("../images/box-yellow-b.gif");margin-right:12px; }
div.alt-box div.box-bc { height:12px;background-image:url("../images/box-yellow-b.gif");margin-left:12px;font-size:1px; }

/* slide image */
.slideimage { margin:4px 0px; }
.slideimage-fullimage-container { position:relative;text-align:center;overflow:hidden; }
.slideimage-fullimage-container img { border:solid 1px #ececec;margin-top:auto;margin-bottom:auto; }
.slideimage-waiter { width:16px;height:16px;display:none;background:transparent url("../images/loading.gif") no-repeat;position:absolute;left:0px;top:0px; }
.slideimage-thumbnails-table { table-layout:fixed;width:100%;height:146px;background:transparent none repeat-x;margin-top:8px; }
.slideimage-thumbnails-container { width:100%;margin:4px; }
.slideimage-thumbnails-container img { margin:0px 4px;border:solid 1px #ececec;cursor:pointer; }
.slideimage-thumbnails-l, .slideimage-thumbnails-r { width:13px;background:transparent none no-repeat; }
.slideimage-thumbnails-l { background-position:left top; }
.slideimage-thumbnails-r { background-position:right top; }
.slideimage-thumbnails-left, .slideimage-thumbnails-right { width:20px;text-align:center; }
.slideimage-thumbnails-left div { margin:0px auto;width:14px;height:15px;background:transparent url("../images/arrow-left.gif") no-repeat;cursor:pointer; }
.slideimage-thumbnails-right div { margin:0px auto;width:14px;height:15px;background:transparent url("../images/arrow-right.gif") no-repeat;cursor:pointer; }
.slideimage-thumbnails-center { text-align:center; }
.slideimage-thumbnails-center img { vertical-align:middle; }

/* calendar */
.calendar { table-layout:fixed;width:100%;height:100%;cursor:default; }
td.calendar-prev, td.calendar-next { width:30px;height:20px;cursor:pointer;text-align:center; }
td.calendar-prev div, td.calendar-next div { width:9px;height:9px;margin:auto;background:transparent url("../images/icon-arrows.gif") no-repeat scroll left center; }
td.calendar-next div { background-position:right center; }
.calendar-current { width:100%;text-align:center;font-weight:bold;color:#000000; }
.calendar-matrix { width:100%;height:100%;border-left:1px solid #DEDEDE; }
.calendar-week-day { width:18px;height:18px;text-align:center;background-color:#006dbf;font-weight:bold;color:#ffffff;border:1px solid #DEDEDE;border-width:1px 1px 0px 0px; }
.calendar-day, .calendar-day-current, .calendar-day-outperiod, .calendar-day-outmonth
{ width:18px;height:18px;text-align:center;font-weight:bold;cursor:pointer;border:1px solid #DEDEDE;border-width:0px 1px 1px 0px; }
.calendar-day { background-color:#ffffff;color:#000000; }
.calendar-day-current { background-color:#659f0b;color:#ffffff; }
.calendar-day-outperiod { background-color:#F4F4F4;color:#dedede; }
.calendar-day-outmonth { background-color:#F4F4F4;color:#666666; }
.calendar-popup { width:200px;position:absolute;display:none;background-color:#ffffff;border:solid 1px #CCCCCC; }

/* rate */
.rate { width:100px;height:20px;background:transparent url("../images/icons-rate.gif") no-repeat scroll left top;vertical-align:middle;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; }
.rate div { width:100px;height:20px;background:transparent url("../images/icons-rate.gif") no-repeat scroll left bottom; }

/* autosuggest */
.autosuggest-output { height:147px;overflow:auto;position:absolute;background-color:transparent;text-align:left;cursor:default;/*z-index:3;*/ }
.autosuggest-output div { padding:3px 0 3px 3px;font-size:90%;border:1px solid #b9b7ae;border-top:none;background-color:white; }
.autosuggest-output div.active { color:#5d9345; }
.autosuggest-output div em { font-weight:bold;font-style:normal; }