html, body { margin:5px;padding:5px;text-align:center; }
body,form { font-family:Tahoma,Arial,Century Gothic,Georgia,Verdana,Serif,Sans-serif;color:#616161; }
body,form,table { font-size:12px; }

img { border:0px; }

a { color:#167BF6;text-decoration:none; }
a:hover { color:#292929;text-decoration:underline; }
.anchor { color:#167BF6; }

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

.container { margin:0 auto;width:960px;text-align:left;background:#ffffff; }
.admin { width:auto; }

#preloader { width:218px;height:92px;background:transparent none no-repeat scroll left top;position:relative;text-align:right;color:#383922;font-weight:bold;margin-left:20px;margin-right:auto; }
#preloader div { width:0px;height:92px;background:transparent none no-repeat scroll left bottom;position:absolute;left:0px;top:0px; }

.top-menu { height:24px;line-height:20px;text-align:center;color:#222222; }
.top-menu a { color:#222222;margin:0px 20px; }
.top-menu a:hover { color:#001FA5; }

/*
.footer-t { clear:both;height:27px;margin:10px 32px 0px 32px;background:transparent url("../images/footer-t.gif") no-repeat scroll right bottom; }
.footer-t .b-b { height:27px;background:transparent url("../images/footer-t.gif") no-repeat scroll left top;margin-right:8px; }
.footer-t .b-t { height:27px;background:#aeaeae url("../images/footer-t.gif") repeat-x scroll left center;margin-left:8px; }
*/

.footer-b { color:#001FA5;clear:both;height:51px;margin:0px 10px;background:transparent url("../images/footer-b.gif") no-repeat scroll right bottom; }
.footer-b .b-b { height:51px;background:transparent url("../images/footer-b.gif") no-repeat scroll left top;margin-right:8px; }
.footer-b .b-t { height:51px;background:white url("../images/footer-b.gif") repeat-x scroll left center;margin-left:8px; }

input.input, textarea.input, select.input { border:solid 1px #b9b7ae; }
input.input_error, textarea.input_error, select.input_error { border:solid 1px red; }
input.button { color:black;border:solid 1px #001FA5;font-size:12px;font-weight:bold;background-color:white;cursor:pointer; }

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

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

.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; }

.px { font-size:1px; }

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

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

.content-left-space { margin:6px 4px; }
.content-center-space { margin:6px 14px; }
.content-right-space { margin:6px 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;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;text-transform:lowercase; }

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

/* button */
a.button  {  text-decoration:none;background:transparent none no-repeat scroll right bottom;color:black;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:white none repeat-x scroll left center;padding:0px 1px;  }
a.button:hover { color:#001FA5;text-decoration:none; }
a.button:active { background-position:100.01% bottom; }

a.simple-button{height:22px;padding-right:8px;font-size:12px;border:solid 1px #001FA5; }
a.simple-button span.b-b {  padding-left:8px; }
a.simple-button span.b-t {  padding:2px 6px 4px 6px;line-height:16px; }
a.simple-button:active span.b-t { padding-top:3px;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-table */
table.base-table { width:100%;border-top:solid 1px #b9b7ae;border-left:solid 1px #b9b7ae;border-bottom:solid 1px #b9b7ae; }
td.base-title, td.base-empty, td.base-cell, td.base-cell2 { border-width:0px;border-right:solid 1px #b9b7ae;}
td.base-title { background-color:white;font-weight:bold;height:30px;border-bottom:solid 1px #b9b7ae;color:#001FA5; }
td.base-empty { background-color:white; }
td.base-cell { background-color:#f7f6f3; }
td.base-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; }
img.base-add, img.base-remove { width:16px;height:16px;cursor:pointer; }
img.base-add { background:transparent url("../images/icon-add.gif") no-repeat; }
img.base-remove { background:transparent url("../images/icon-delete.gif") no-repeat; }

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

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

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

a.tab-item{height:24px;padding-right:10px;font-size:12px;color:#001FA5;margin:0px 1px; }
a.tab-item span.b-b {  padding-left:10px; }
a.tab-item span.b-t {  padding-top:3px;padding-bottom:4px;line-height:17px;}

a.tab-item:hover { color:#001FA5;text-decoration:underline; background-color:#001FA5; }
a.tab-item:hover span.b-b {  background-color:#001FA5;  color:White;}
a.tab-item:hover span.b-t {  background-color:#001FA5; color:White;}

a.tab-item-active, a.tab-item-active:hover { color:white; background-color:#001FA5;}
a.tab-item-active span.b-b {  background-color:#001FA5; }
a.tab-item-active span.b-t {  background-color:#001FA5;}

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; }
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; }

/* 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:34px;background-image:url("../images/box-gray-h.gif"); }
div.default-box div.box-tl { height:34px;background-image:url("../images/box-gray-h.gif");margin-right:8px; }
div.default-box div.box-tc { height:32px;background-image:url("../images/box-gray-h.gif");background-color:#e3e3e3;margin-left:8px;padding:2px 10px 0px 10px;line-height:32px;color:#292929;font-family:Arial;font-size:18px;font-weight:bold; }
div.default-box div.box-cr { background:white;border-left:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7; }
div.default-box div.box-cl { background:white url("../images/box-gray-c.gif") repeat-x scroll left top;margin:0px 1px;padding:17px; }
div.default-box div.box-br { height:8px;background-image:url("../images/box-white-b.gif"); }
div.default-box div.box-bl { height:8px;background-image:url("../images/box-white-b.gif");margin-right:8px; }
div.default-box div.box-bc { height:8px;background-image:url("../images/box-white-b.gif");margin-left:8px;font-size:1px; }

div.border-box { width:100%;overflow:hidden; }
div.border-box div.box-tr { height:8px;background-image:url("../images/box-white-t.gif"); }
div.border-box div.box-tl { height:8px;background-image:url("../images/box-white-t.gif");margin-right:8px; }
div.border-box div.box-tc { height:8px;background-image:url("../images/box-white-t.gif");margin-left:8px;font-size:1px; }
div.border-box div.box-cr { background-color:white;border-left:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7; }
div.border-box div.box-cl { padding:0px 5px; }
div.border-box div.box-br { height:8px;background-image:url("../images/box-white-b.gif"); }
div.border-box div.box-bl { height:8px;background-image:url("../images/box-white-b.gif");margin-right:8px; }
div.border-box div.box-bc { height:8px;background-image:url("../images/box-white-b.gif");margin-left:8px;font-size:1px; }

div.mini-box { width:100%;overflow:hidden; }
div.mini-box div.box-tr { height:4px;background-image:url("../images/box-white2-t.gif"); }
div.mini-box div.box-tl { height:4px;background-image:url("../images/box-white2-t.gif");margin-right:4px; }
div.mini-box div.box-tc { height:4px;background-image:url("../images/box-white2-t.gif");margin-left:4px;font-size:1px; }
div.mini-box div.box-cr { background-color:#fafafa;border-style:none; }
div.mini-box div.box-cl { background:#fafafa url("../images/box-gray2-c.gif") repeat-x scroll left bottom;padding:15px; }
div.mini-box div.box-br { height:4px;background-image:url("../images/box-gray2-b.gif"); }
div.mini-box div.box-bl { height:4px;background-image:url("../images/box-gray2-b.gif");margin-right:4px; }
div.mini-box div.box-bc { height:4px;background-image:url("../images/box-gray2-b.gif");margin-left:4px;font-size:1px; }

.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:11px;border:1px solid #b9b7ae;border-top:none;background-color:white; }
.autosuggest-output div.active { color:#167BF6; }
.autosuggest-output div em { font-weight:bold;font-style:normal; }

.clr0 { color:#616161; }
.clr1 { color:#003f8d; }
.clr2 { color:#3aa500; }
.clr3 { color:#ad2929; }
.clr4 { color:#001fa5; }
.clr5 { color:#370581; }
.clr9 { color:#000000; }

.font0 { font-family:Tahoma;font-size:12px;font-weight:normal; }
.font1 { font-family:Arial;font-size:42px;font-weight:bold; }
.font2 { font-family:Arial;font-size:16px;font-weight:bold; }

.box-header { height:31px;line-height:31px;border-bottom:solid 1px #000000;position:relative; }

.icon-help, .icon-print, .icon-close  { width:16px;height:16px;background:transparent none no-repeat;cursor:pointer; }
.icon-help { background-image:url("../images/icon-help.gif"); }
.icon-print { background-image:url("../images/icon-print.gif"); }
.icon-close { background-image:url("../images/icon-close.gif"); }
.box-header .icon-help { position:absolute;top:6px;right:0px; }
.box-header .icon-print { position:absolute;top:6px;right:20px; }
#c_chart .icon-close { position:absolute;top:6px;right:6px; }
#c_chart .icon-print { position:absolute;top:6px;right:26px; }

.alarm-table { table-layout:fixed;width:100%; }
.alarm-table th { font-family:Arial;font-size:18px;font-weight:normal;text-decoration:underline;border-style:none;padding:0px; }
.alarm-table th.alarm-title { text-decoration:none;font-weight:bold;white-space:nowrap; }
.alarm-table td { padding:2px 0px;border-bottom:dotted 1px #124686; }

.rate-table {  }
.rate-title { font-family:Arial;color:#909090;font-size:18px;white-space:nowrap; }
.rate-value { font-family:Times New Roman;color:#c60101;font-size:21px; }

.c-chart { text-align:right;padding:4px 0px;font-family:Arial;font-size:16px; }
.c-chart a { text-decoration:underline; }