body {
  border: none;
  margin: 0px;
  background-color: #f5f1e6;
  padding: 0px;
  color: #000000;
  font: 100% arial, helvetica, sans-serif;
}

#overlay { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: #ffffff; width: 100%; height: 100%; z-index: 1000; }
#overall { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1001; }

a { color: #105cb6; text-decoration: none; }
a:link { color: #105cb6; text-decoration: underline; }
a:visited  { color: #105cb6; text-decoration: underline; }
a:active { color: #105cb6; text-decoration: underline; }
a:hover { color: #105cb6; text-decoration: none; }
a.quoted { text-decoration: none; }
a.quoted:hover u { text-decoration: none; }

span { cursor: pointer; color: #105cb6; text-decoration: none; border-bottom: 1px dotted #105cb6; }
span.a { color: #000000; border-bottom: none; font-weight: bold; }

table { border: none; border-collapse: collapse; }
td { padding: 0px; }

input { border: 1px solid #cccccc; background-color: #ffffff; font-size: 100%; }

li { list-style-image: url('img/pt_li.gif'); }

.topmenu { background-color: #ffffff; }
.topmenu table { width: 100%; }
.topmenu .hello { font-size: 75%; vertical-align: top; text-align: right; padding: 8px; }
.topmenu #logo { padding: 8px 0px 0px 8px; width: 295px; }
.topmenu .menu { vertical-align: bottom; }
.topmenu .menu div { background: #dff3ff url('img/y1_tm.gif') no-repeat left top; margin-right: 3px; float: left; white-space: nowrap; }
.topmenu .menu div.a { background: #c0e8ff url('img/y1_tm_a.gif') no-repeat left top; margin-right: 3px; float: left; white-space: nowrap; }
.topmenu .menu div.a div { background: url('img/y2_tm_a.gif') no-repeat right top; margin: 0px; padding: 6px 11px 8px 11px; float: none; }
.topmenu .menu div.a div a { color: #000000; text-decoration: none; cursor: default; }
.topmenu .menu div.a div span { cursor: pointer; color: #000000; text-decoration: none; cursor: text; }
.topmenu .menu div div { font-size: 75%; background: url('img/y2_tm.gif') no-repeat right top; margin: 0px; padding: 6px 11px 8px 11px; float: none; }
.topmenu .hr { background: #c0e8ff url('img/topmenuhrbg.gif') repeat-x bottom; }

.toolbar table { width: 100%; font-size: 65%; }
.toolbar table td { padding: 6px 10px; }
.toolbar table td.td2 { text-align: center; }
.toolbar table td.td3 { text-align: right; }

#body { position: relative; overflow: hidden; margin: 0px 7px; }

.box { background: #ffffff url('img/boxbg1.gif') no-repeat left top; }
.box div { background: transparent url('img/boxbg2.gif') no-repeat right top; }
.box div div { background: transparent url('img/boxbg3.gif') no-repeat right bottom; }
.box div div div { background: transparent url('img/boxbg4.gif') no-repeat left bottom; }
.box div div div div { background: transparent url('img/boxbg5.gif') no-repeat left top; }
.box div div div div div { background: none; }


.databox { position: absolute; overflow: hidden; z-index: 1; }
.databox .element { position: absolute; background: #f0f4f6 url('img/boxbgiph.gif'); z-index: 1; }
.databox .leftborder { position: absolute; z-index: 3; background: transparent url('img/databoxleftbg.png') no-repeat left top; }
.databox .topborder { position: absolute; z-index: 3; background: transparent url('img/databoxtopbg.png') no-repeat right top; }
.databox .rightborder { position: absolute; z-index: 3; background: transparent url('img/databoxrightbg.png') no-repeat right bottom; }
.databox .bottomborder { position: absolute; z-index: 3; background: transparent url('img/databoxbottombg.png') no-repeat left bottom; }


.textreportbox { padding: 0px 12px 12px 12px; }
.textreportbox .c0 { display: table; width: 100%; }
.textreportbox .c0 .c1 { background: #ffffff url('img/rbh.gif') repeat-x top; padding: 0px; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 { background: url('img/rbv.gif') repeat-y right; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 { background: url('img/rbh.gif') repeat-x bottom; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 { background: url('img/rbv.gif') repeat-y left; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 { background: url('img/rbc1.gif') no-repeat left top; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 .c6 { background: url('img/rbc2.gif') no-repeat right top; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 .c6 .c7 { background: url('img/rbc3.gif') no-repeat right bottom; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 .c6 .c7 .c8 { background: url('img/rbc4.gif') no-repeat left bottom; display: block; width: 100%; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 .c6 .c7 .c8 .c { background: none; display: block; }
.textreportbox .c0 .c1 .c2 .c3 .c4 .c5 .c6 .c7 .c8 .cc { background: none; border-top: 1px solid #e1e1e1; display: block; }
.textreportbox .cborder { border-top: 1px solid #e1e1e1; }

.textreportbox .data1 { width: 100%; }
.textreportbox .data1 .kids { display: none; }
.textreportbox .d1s1 { width: 30%; color: #000000; font-weight: bold; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d1s2 { width: 10%; color: #000000; font-weight: bold; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d1s3 { width: 20%; color: #000000; font-style: italic; padding: 6px 16px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d1s4 { width: 40%; color: #105cb6; text-decoration: underline; font-size: 70%; text-align: right; padding: 6px 16px 5px; white-space: nowrap; cursor: pointer; }
.textreportbox .d1ep { padding: 6px 16px 5px 16px; }
.textreportbox .d1ee { display: none; font-style: italic; padding: 6px 16px 5px 16px; }

.textreportbox .noevents .d1ep { display: none; }
.textreportbox .noevents .d1ee { display: table-cell; }

.textreportbox .data1_a { width: 100%; }
.textreportbox .data1_a .d1s1 { color: #c9c8c8; }
.textreportbox .data1_a .d1s2 { color: #c9c8c8; }
.textreportbox .data1_a .d1s3 { color: #c9c8c8; }
.textreportbox .data1_a .kids { display: default; }

.textreportbox .print { cursor: pointer; }


.textreportbox .data2 { width: 100%; }
.textreportbox .data2 .kids { display: none; }
.textreportbox .d2s1 { width: 20%; color: #000000; font-weight: bold; font-size: 85%; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d2s2 { width: 10%; color: #000000; font-weight: bold; font-size: 85%; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d2s3 { width: 30%; color: #000000; font-style: italic; font-size: 85%; padding: 6px 16px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .d2s4 { width: 40%; color: #105cb6; text-decoration: underline; font-size: 70%; text-align: right; padding: 6px 16px 5px; white-space: nowrap; cursor: pointer; }

.textreportbox .data2_a { width: 100%; }
.textreportbox .data2_a .d2s1 { color: #c9c8c8; }
.textreportbox .data2_a .d2s2 { color: #c9c8c8; }
.textreportbox .data2_a .d2s3 { color: #c9c8c8; }
.textreportbox .data2_a .kids { display: default; }

.textreportbox .data3 { width: 100%; }
.textreportbox .data3 td.d2s1 { width: 20%; color: #000000; font-weight: bold; font-size: 85%; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .data3 td.d2s2 { width: 10%; color: #000000; font-weight: bold; font-size: 85%; padding: 6px 0px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .data3 td.d2s3 { width: 30%; color: #000000; font-style: italic; font-size: 85%; padding: 6px 16px 5px 16px; white-space: nowrap; cursor: pointer; }
.textreportbox .data3 td.d2s4 { width: 40%; color: #000000; font-style: italic; text-decoration: none; font-size: 70%; text-align: right; padding: 6px 16px 5px; white-space: nowrap; }
.textreportbox .data3.kids { display: default; }

.textreportbox .pager { padding: 10px 0px 0px 40px; }
.textreportbox .pager div { background: url('img/pagerc4.gif') no-repeat left bottom; float: left; }
.textreportbox .pager div div { background: url('img/pagerc1.gif') no-repeat left top; }
.textreportbox .pager div div div { background: url('img/pagerc3.gif') no-repeat right bottom; }
.textreportbox .pager div div div div { background: url('img/pagerc2.gif') no-repeat right top; }
.textreportbox .pager div div div div table { width: auto; background: none; }
.textreportbox .pager div div div div table td { font-weight: bold; padding: 4px 12px 2px; font-size: 70%; white-space: nowrap; }
.textreportbox .pager div div div div table td.earlier { font-weight: normal; color: #105cb6; text-decoration: underline; cursor: pointer; padding: 4px 0px 4px 12px; }
.textreportbox .pager div div div div table td.later { font-weight: normal; color: #105cb6; text-decoration: underline; cursor: pointer; padding: 4px 12px 4px 0px; }


.textreportbox .pager2 { padding: 0px 40px 16px 0px; border-top: 1px solid #e1e1e1; }
.textreportbox .pager2 div { background: url('img/pager2c1.gif') no-repeat left top; }
.textreportbox .pager2 div div { background: url('img/pager2c2.gif') no-repeat right top; }
.textreportbox .pager2 div div div { background: url('img/pager2c4.gif') no-repeat left bottom; }
.textreportbox .pager2 div div div div { background: url('img/pager2c3.gif') no-repeat right bottom; }
.textreportbox .pager2 div div div div table { width: auto; background: none; }
.textreportbox .pager2 div div div div table td { font-weight: bold; padding: 3px 12px 4px; font-size: 70%; white-space: nowrap; }
.textreportbox .pager2 div div div div table td.earlier { font-weight: normal; color: #105cb6; text-decoration: underline; cursor: pointer; padding: 2px 0px 5px 12px; }
.textreportbox .pager2 div div div div table td.later { font-weight: normal; color: #105cb6; text-decoration: underline; cursor: pointer; padding: 2px 12px 5px 0px; }


.textreportbox .data3 .darkitem { background-color: red; }
.textreportbox .data3 { width: 100%; }
.textreportbox .data3kids { padding: 0px 1px; }
.textreportbox .d3s1 { width: 15%; color: #000000; font-weight: bold; font-size: 70%; padding: 6px 0px 5px 16px; cursor: pointer; white-space: nowrap; }
.textreportbox .d3s2 { width: 10%; color: #222222;  font-size: 70%; padding: 6px 10px 5px 10px; cursor: pointer; white-space: nowrap; }
.textreportbox .d3s2.wrap { white-space: normal; width: 25%; }
.textreportbox .d3s3 { width: 65%; color: #000000; font-size: 75%; padding: 6px 0px 5px 10px; cursor: pointer; }
.textreportbox .d3s3 table td { font-size: 75%; }
.textreportbox .d3s4 { width: 10%; color: #105cb6; text-decoration: underline; font-size: 70%; text-align: right; padding: 6px 16px 5px; white-space: nowrap; cursor: pointer; }
.textreportbox .d3s5 { color: #333333; font-size: 70%; padding: 6px 0px 5px 16px; cursor: pointer; white-space: nowrap; }
.textreportbox .alarm { color: #9c0008; font-size: 90%; }
.textreportbox .comment { color: #333333; font-size: 90%; }
.textreportbox .data3 .kids { display: none; }
.textreportbox .d3progress { padding: 0px; width: 1%; }


.textreportbox .data3_a { width: 100%; }
.textreportbox .data3_a .d3s1 { color: #c9c8c8; }
.textreportbox .data3_a .kids { display: default; }

.textreportbox .chart { height: 150px; font-size: 75%; }

.box2 td.c1 { background: transparent url('img/b2c1.png') no-repeat; }
.box2 td.c2 { background: transparent url('img/b2c2.png') no-repeat; }
.box2 td.c3 { background: transparent url('img/b2c3.png') no-repeat; }
.box2 td.c4 { background: transparent url('img/b2c4.png') no-repeat; }
.box2 td.t { background: transparent url('img/b2t.png') repeat-x; }
.box2 td.b { background: transparent url('img/b2b.png') repeat-x; }
.box2 td.l { background: transparent url('img/b2l.png') repeat-y; }
.box2 td.r { background: transparent url('img/b2r.png') repeat-y; }
.box2 td.content, .box2_top td.content { background-color: #ffffff; }
.box2 td.content table td, .box2_top td.content table td { font-size: 70%; }

.box2_top td.c1 { background: transparent url('img/b2tc1.png') no-repeat; }
.box2_top td.c2 { background: transparent url('img/b2tc2.png') no-repeat; }
.box2_top td.c3 { background: transparent url('img/b2tc3.png') no-repeat; }
.box2_top td.c4 { background: transparent url('img/b2tc4.png') no-repeat; }
.box2_top td.t { background: transparent url('img/b2tt.png') repeat-x; }
.box2_top td.b { background: transparent url('img/b2tb.png') repeat-x; }
.box2_top td.l { background: transparent url('img/b2tl.png') repeat-y; }
.box2_top td.r { background: transparent url('img/b2tr.png') repeat-y; }

.frame { background: #fafafa; }
.frame td.c1 { background: transparent url('img/fc1.gif') no-repeat; }
.frame td.c2 { background: transparent url('img/fc2.gif') no-repeat; }
.frame td.c3 { background: transparent url('img/fc3.gif') no-repeat; }
.frame td.c4 { background: transparent url('img/fc4.gif') no-repeat; }
.frame td.m1 { background: url('img/fm1.gif') no-repeat center top; }
.frame td.m2 { background: url('img/fm2.gif') no-repeat center; }
.frame td.m3 { background: url('img/fm3.gif') no-repeat center bottom; }
.frame td.t { background: transparent url('img/ft.gif') repeat-x; }
.frame td.b { background: transparent url('img/fb.gif') repeat-x; }
.frame td.l { background: transparent url('img/fl.gif') repeat-y; }
.frame td.r { background: transparent url('img/fr.gif') repeat-y; }
.frame td.content { background: #fafafa; }

.separator { position: absolute; cursor: move; background: #ffffff url('img/vresizebg.gif') no-repeat center !important; }

.tabshead { position: absolute; z-index: 3; }
.tabshead table td { cursor: pointer; background: #e5f5ff url('img/thtsidebg.gif') no-repeat left top; font-size: 70%; }
.tabshead table td div { background: url('img/thtsidebg.gif') no-repeat right top; }
.tabshead table td div div { background: transparent url('img/thttopbg.gif') repeat-x top; }
.tabshead table td div div div { background: transparent url('img/thtbottombg.gif') repeat-x bottom; padding: 5px 4px 7px 8px; }
.tabshead table td div div div table td { padding: 1px 2px; background: none; white-space: nowrap; }

.tabshead table td.a { cursor: default; background: #d9d6cc url('img/thttopbg.gif') no-repeat left top; padding: 0px 1px; }
.tabshead table td.a div { background: #d9d6cc url('img/thttopbg.gif') no-repeat right top; }
.tabshead table td.a div div { background: #ffffff url('img/thttopbg.gif') repeat-x top; }
.tabshead table td.a div div div { background-color: #ffffff; padding: 5px 4px 7px 8px; }
.tabshead table td.a div div div table td { cursor: default; font-weight: bold; }
.tabshead table td.a div div div table td span { cursor: default; color: #000000; border-bottom: none; }

.tabshead table td div div div table td.progress img.progress { display: none; }
.tabshead table td.progress div div div table td.progress img.progress { display: inline; }

.tabshead table .leftside { cursor: default; background: #ffffff url('img/thleftbg.gif') no-repeat left top; padding: 0px; }
.tabshead table .middleside { cursor: default; background: #e8e4d9 url('img/thmiddlebg.gif') no-repeat left top; padding: 0px; vertical-align: bottom; }
.tabshead table .rightside { cursor: default; background: #ffffff url('img/thrightbg.gif') no-repeat left top; padding: 0px; vertical-align: bottom; }

.tabsbody { position: absolute; background: transparent url('img/boxbg1.png') no-repeat left top; z-index: 2; }
.tabsbody .d1 { background: transparent url('img/boxbg2.gif') no-repeat right top; }
.tabsbody .d1 .d2 { background: transparent url('img/boxbg3.gif') no-repeat right bottom; }
.tabsbody .d1 .d2 .d3 { background: transparent url('img/boxbg4.gif') no-repeat left bottom; }
.tabsbody .d1 .d2 .d3 .d4 { background: transparent url('img/boxbg5.gif') no-repeat left top; }
.tabsbody .d1 .d2 .d3 .d4 .whitebg { position: absolute; background: #ffffff; }

.objectlist { position: absolute; top: 0px; overflow: hidden; z-index: 2; }
.objectlist .objects { background: none; margin: 0px; }
.objectlist .objects td { font-size: 75%; font-weight: bold; padding: 10px 6px 5px 20px; }
.objectlist .objects td.search { font-size: 75%; padding: 10px 6px 5px 3px; cursor: pointer; }
.objectlist .objects td.progress { font-size: 75%; padding: 10px 0px 5px; }
.objectlist .objectscontainer { overflow: auto; margin: 0px 13px; }
.objectlist .objectscontainer div { background: #f5f1e6 url('img/y1_m_n.gif') no-repeat left top; margin-bottom: 3px; }
.objectlist .objectscontainer div div { background: url('img/y2_m_n.gif') no-repeat right top; }
.objectlist .objectscontainer div div div { background: url('img/y3_m_n.gif') no-repeat left bottom; }
.objectlist .objectscontainer div div div div { background: url('img/y4_m_n.gif') no-repeat right bottom;}
.objectlist .objectscontainer div div div div div { padding: 0px; margin: 0px; background: none;}
.objectlist .objectscontainer div div div div div table { width: 100%; }
.objectlist .objectscontainer div div div div div table td { font-size: 75%; padding: 6px; }

.objectlist .objectscontainer div div div div div table td.status1 { padding: 0px; width: 1px; }
.objectlist .objectscontainer div div div div div table td.status2 { padding: 0px; width: 1px; }

.objectlist .objectscontainer div div.statval1 div div div table td.status1 { background-color: #5c81f9; }
.objectlist .objectscontainer div div.statval1 div div div table td.status2 { background-color: #5c81f9; }

.objectlist .objectscontainer div div.statval2 div div div table td.status1 { background-color: #5fb62f; }
.objectlist .objectscontainer div div.statval2 div div div table td.status2 { background-color: #5fb62f; }

.objectlist .objectscontainer div div.statval4 div div div table td.status1 { background-color: #da4b3f; }
.objectlist .objectscontainer div div.statval4 div div div table td.status2 { background-color: #da4b3f; }

.objectlist .objectscontainer div div.statval5 div div div table td.status1 { background-color: #da4b3f; }
.objectlist .objectscontainer div div.statval5 div div div table td.status2 { background-color: #5c81f9; }

.objectlist .objectscontainer div div.statval6 div div div table td.status1 { background-color: #da4b3f; }
.objectlist .objectscontainer div div.statval6 div div div table td.status2 { background-color: #5fb62f; }

.objectlist .objectscontainer div div.statval8 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval8 div div div table td.status2 { background-color: #e7a455; }

.objectlist .objectscontainer div div.statval9 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval9 div div div table td.status2 { background-color: #5c81f9; }

.objectlist .objectscontainer div div.statval10 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval10 div div div table td.status2 { background-color: #5fb62f; }

.objectlist .objectscontainer div div.statval12 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval12 div div div table td.status2 { background-color: #e7a455; }

.objectlist .objectscontainer div div.statval13 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval13 div div div table td.status2 { background-color: #5c81f9; }

.objectlist .objectscontainer div div.statval14 div div div table td.status1 { background-color: #e7a455; }
.objectlist .objectscontainer div div.statval14 div div div table td.status2 { background-color: #5fb62f; }

.objectlist .objectscontainer div div div div div table td.icon { padding-left: 8px; width: 1%; }
.objectlist .objectscontainer.static div div div div div table td.icon { padding-left: 4px; }
.objectlist .objectscontainer div div div div div table td.title { padding: 6px 0px; overflow: hidden; }
.objectlist .objectscontainer div div div div div table td table.title { padding: 6px 0px; float:left; }
.objectlist .objectscontainer div div div div div table td .title { width: 110px; overflow: hidden; }
.objectlist .objectscontainer div div div div div table td .title span { text-decoration: underline; border: none; }
.objectlist .objectscontainer div div div div div table td.buttons table { width: auto; }
.objectlist .objectscontainer div div div div div table td.buttons table td { padding: 0px 0px 0px 4px; font-size: 60%; }

.objectlist .objectscontainer div div div div div table td .btn { background: url('img/sbtn1.gif') no-repeat left top; cursor: pointer; }
.objectlist .objectscontainer div div div div div table td .btn div { background: url('img/sbtn4.gif') no-repeat left bottom; padding-left: 3px; }
.objectlist .objectscontainer div div div div div table td .btn div div { background: url('img/sbtn2.gif') no-repeat right top; padding: 0px; }
.objectlist .objectscontainer div div div div div table td .btn div div div { background: url('img/sbtn3.gif') no-repeat right bottom; padding: 0px 4px 0px 1px; font-size: 10px; color: #105cb6; }
.objectlist .objectscontainer div div div div div table td .btn div div div td { font-size: 10px; color: #555555; padding: 0px; margin: 0px; }
.objectlist .objectscontainer div div div div div table td .btn div div div td.refreshicon { background: url('img/refresh.gif') no-repeat center; }
.objectlist .objectscontainer div div div div div table td img { cursor: pointer; }

.objectlist .objectscontainer div div div div div table td .btn_a { background: url('img/sbtns1.gif') no-repeat left top; cursor: pointer; }
.objectlist .objectscontainer div div div div div table td .btn_a div { background: url('img/sbtns4.gif') no-repeat left bottom; padding-left: 3px; }
.objectlist .objectscontainer div div div div div table td .btn_a div div { background: url('img/sbtns2.gif') no-repeat right top; padding: 0px; }
.objectlist .objectscontainer div div div div div table td .btn_a div div div { background: url('img/sbtns3.gif') no-repeat right bottom; padding: 0px 4px 0px 1px; font-size: 10px; }
.objectlist .objectscontainer div div div div div table td .btn_a div div div td { font-size: 10px; color: #ffffff; padding: 0px; }
.objectlist .objectscontainer div div div div div table td .btn_a div div div td.refreshicon { background: url('img/refresh_a.gif') no-repeat center; }


.ffobjectlist .objectscontainer div div div div div table td.optionspanel { border-top: 1px solid #ffffff; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn div div div { background: url('img/sbtn3.gif') no-repeat right bottom; padding: 0px 4px 2px 1px; font-size: 10px; color: #105cb6; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn div div div td { font-size: 10px; color: #105cb6; padding: 0px; margin: 0px; }

.objectlist .objectscontainer div div div div div table td.optionspanel .btn_panic { background: url('img/sbtnp1.gif') no-repeat left top; cursor: pointer; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn_panic div { background: url('img/sbtnp4.gif') no-repeat left bottom; padding-left: 3px; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn_panic div div { background: url('img/sbtnp2.gif') no-repeat right top; padding: 0px; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn_panic div div div { background: url('img/sbtnp3.gif') no-repeat right bottom; padding: 0px 4px 2px 1px; font-size: 10px; color: #105cb6; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn_panic div div div td { font-size: 10px; color: #820505; padding: 0px; margin: 0px; }

.objectlist .objectscontainer div div div div div table td.optionspanel .btn_a div div div { background: url('img/sbtns3.gif') no-repeat right bottom; padding: 0px 4px 2px 1px; font-size: 10px; color: #105cb6; }
.objectlist .objectscontainer div div div div div table td.optionspanel .btn_a div div div td { font-size: 10px; color: #ffffff; padding: 0px; margin: 0px; }

.objectlist .objectscontainer div div div div div table td.optionspanel .objectdesc { width: 100%; margin-bottom: 4px; }
.objectlist .objectscontainer div div div div div table td.optionspanel .objectdesc td { font-size: 70%; padding-bottom: 4px; color: #555555; }
.objectlist .objectscontainer div div div div div table td.optionspanel .objectdesc td.address { font-size: 70%; color: #105cb6; cursor: pointer; text-align: left; text-decoration: underline; padding-bottom: 13px; padding-left: 16px; }
.objectlist .objectscontainer div div div div div table td.optionspanel .objectdesc td span { border: none; color: #000000; cursor: default; }


.objectlist .objectscontainer div.a { background: #ebe4ce url('img/y1_m.gif') no-repeat left top; margin-bottom: 3px; }
.objectlist .objectscontainer div.a div { background: url('img/y2_m.gif') no-repeat right top; }
.objectlist .objectscontainer div.a div div { background: url('img/y3_m.gif') no-repeat left bottom; }
.objectlist .objectscontainer div.a div div div { background: url('img/y4_m.gif') no-repeat right bottom; }
.objectlist .objectscontainer div.a div div div div { padding: 0px; margin: 0px; background: none; }

.objectlist .objectscontainer div.alarm { background: #ffbabf url('img/y1_m_a.gif') no-repeat left top; margin-bottom: 3px; }
.objectlist .objectscontainer div.alarm div { background: url('img/y2_m_a.gif') no-repeat right top; }
.objectlist .objectscontainer div.alarm div div { background: url('img/y3_m_a.gif') no-repeat left bottom; }
.objectlist .objectscontainer div.alarm div div div { background: url('img/y4_m_a.gif') no-repeat right bottom; }
.objectlist .objectscontainer div.alarm div div div div { padding: 0px; margin: 0px; background: none; }


.contents { position: absolute; top: 0px; overflow: hidden; z-index: 2; }

.datetimepicker { position: absolute; left: 11px; z-index: 1; }
.datetimepicker .title { padding-bottom: 1px; }
.datetimepicker .title span { color: #888888; border-color: #888888; margin: 0px 7px 0px 7px; }
.datetimepicker .title span.noline { visibility: hidden; border: none; cursor: default; }
.datetimepicker .title_a { padding-bottom: 1px; }
.datetimepicker .title_a span { color: #000000; border-color: #000000; font-weight: bold; margin: 0px 7px 0px 7px; }
.datetimepicker .title_a span.noline { visibility: hidden; border: none; cursor: default; }

.calendar .weekdays td { padding: 0px; text-align: center; font-size: 60% !important; }
.calendar .weekdaysspace { padding: 10px 0px 2px; font-size: 60% !important; }
.calendar .weekdays .space { width: 1%; }
.calendar .dpmonth { position: relative; line-height: 150%; }
.calendar .month { width: 70px; }
.calendar .year { width: 40px; }
.calendar .dpmonth .m { background: #ffffff; padding: 0px 4px; }
.calendar .dpmonth .ms { font-weight: bold; background: #ffffff; padding-left: 4px; }
.calendar .s { padding-right: 5px; }
.calendar .s2 { line-height: 150%; }
.calendar .space { padding: 0px 2px; }
.calendar .dpdays td { padding: 0px 3px 1px 3px; text-align: right; cursor: pointer; }
.calendar .dpdays td.emptyday { cursor: default; }
.calendar .dpdays td.title { text-align: center; font-weight: bold; font-size: 60%; }
.calendar .dpdays td.holiday { color: #a20000; }
.calendar .selected { background-color: #ffc876; }
.calendar .emptytd { background-color: #dff3ff; font-size: 90%; }
.datetimepicker .buttons td { padding: 8px 5px 4px 5px; }

.mapelement { background: transparent url('img/mapbg.gif') !important; }

.smallbtn { background: url('img/sbtn1.gif') no-repeat left top; float: left; cursor: pointer; }
.smallbtn div { background: url('img/sbtn4.gif') no-repeat left bottom; padding-left: 5px; }
.smallbtn div div { background: url('img/sbtn2.gif') no-repeat right top; padding: 0px; }
.smallbtn div div div { background: url('img/sbtn3.gif') no-repeat right bottom; padding: 2px 6px 3px 1px; color: #105cb6; }

.smallbtn_s { background: url('img/sbtns1.gif') no-repeat left top; float: left; cursor: pointer; }
.smallbtn_s div { background: url('img/sbtns4.gif') no-repeat left bottom; padding-left: 5px; }
.smallbtn_s div div { background: url('img/sbtns2.gif') no-repeat right top; padding: 0px; }
.smallbtn_s div div div { background: url('img/sbtns3.gif') no-repeat right bottom; padding: 2px 6px 3px 1px; color: #ffffff; }

.smallbtn_c { padding: 1px 6px 2px 6px; color: #105cb6; text-decoration: underline; cursor: pointer; }

.alert { position: absolute; top: 10%; left: 28%; right: 28%; }
.alert table td.fcontent { font-size: 85%; padding: 10px; }
.objectsettings { position: absolute; top: 10%; left: 25%; right: 25%; }
.objectsettings table td.fcontent { font-size: 85%; padding: 5px; }


.objectsettings table td.ftabs { background-color: #ffffff; padding: 6px 12px 0px 12px; }
.objectsettings table td.ftabs .tabbottom { display: none; position: relative; }
.objectsettings table td.ftabs .tabbottom div { position: absolute; background: #fafafa url('img/objsettingstabr.gif') no-repeat right top; top: 0px; width: 100%; }
.objectsettings table td.ftabs .title { padding: 6px 8px 5px 8px; font-size: 70%; color: #105cb6; text-decoration: underline; cursor: pointer; }
.objectsettings table td.ftabs .active { background: #fafafa url('img/objsettingstablt.gif') no-repeat left top; }
.objectsettings table td.ftabs .active .title { background: url('img/objsettingstabrt.gif') no-repeat right top; color: #555555; font-weight: bold; text-decoration: none; cursor: default; }
.objectsettings table td.ftabs .active .tabbottom { display: block; }

.objectsettings .contentdiv { overflow: auto; padding: 6px; }
.objectsettings .contentdiv table { width: 100%; }
.objectsettings .contentdiv table td.fieldtitle { width: 1%; font-weight: bold; font-size: 70%; padding: 10px; padding-right: 40px; white-space: nowrap; }
.objectsettings .contentdiv table td.fieldcontent { font-size: 90%; padding: 10px; }
.objectsettings .contentdiv table td.fieldcontent span { padding: 0px; text-decoration:none; }
.objectsettings .contentdiv table td.fieldcontent2 { font-size: 90%; padding: 10px 10px 6px 10px; }
.objectsettings .contentdiv table td.fieldcontent div { display: inline; padding-right: 6px; }
.objectsettings .contentdiv table td.fieldcontent div.remarks { font-size:75%; display: inline; padding-right: 6px; }
.objectsettings .contentdiv table td.fieldcontent input { width: 100%; }
.objectsettings .contentdiv table td.fieldexample { color: #606060; font-size: 70%; padding: 0px 10px; }
.objectsettings .contentdiv table td.bottompadding { padding-bottom: 10px; }
.objectsettings .contentdiv table td.topborder { border-top: 1px solid #e8e8e8; }
.objectsettings .contentdiv .leftborder { border-left: 1px solid #e8e8e8; }
.objectsettings .contentdiv .rightborder { border-right: 1px solid #e8e8e8; }
.objectsettings .contentdiv table td table { width: auto; }
.objectsettings .contentdiv table td table img { cursor: pointer; }



.objectsettings .contentdiv .fuelcalibrationtabcontent .meta { width: 100%; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .alltherest { width: 50%; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .title { font-weight: bold; font-size: 70%; padding: 10px 10px 10px 2px; white-space: nowrap;}
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .title2 { font-weight: bold; font-size: 70%; padding: 0px; white-space: nowrap; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .content { font-weight: bold; font-size: 90%; padding: 10px 0px 10px 0px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .nopaddingleftright { padding-left: 0px; padding-right: 0px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .add { cursor: pointer; color: #105cb6; text-decoration: underline; font-size: 80%; padding: 10px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .error { color: #a20000; font-size: 80%; padding: 0px 10px 4px 0px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .error span { border: none; text-decoration: underline; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .meta .smallpaddingbottom { padding-bottom: 4px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table { height: 150px; overflow: auto; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table table { width: 100%; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table table td { padding: 3px 10px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table #liters { text-align: right; font-size: 90%; width: 1%; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table .selectedItem { color: #a20000; font-weight:bold; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table #volts { text-align: right; font-size: 90%; width: 1%; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table tr:hover { background-color: #dddddd; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table tr.alignrow:hover { background-color: transparent; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table tr.alignrow td { padding: 0px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent .table #remove { cursor: pointer; color: #105cb6; text-decoration: underline; text-align: left; font-size: 80%; width: 1%; padding-left: 29px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent td { width: auto; }
.objectsettings .contentdiv .fuelcalibrationtabcontent input { width: 70px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent select { font-size: 100%; width: 70px; }
.objectsettings .contentdiv .fuelcalibrationtabcontent.inprogress { background: url('img/ajax-loader2.gif') no-repeat center center; }
.objectsettings .contentdiv .fuelcalibrationtabcontent.inprogress table { display: none; }
.objectsettings .contentdiv .fuelcalibrationtabcontent.inprogress .table { border: none; }



.overallframe td.fc1 { background: transparent url('img/oac1.png') no-repeat; }
.overallframe td.fc2 { background: transparent url('img/oac2.png') no-repeat; }
.overallframe td.fc3 { background: transparent url('img/oac3.png') no-repeat; }
.overallframe td.fc4 { background: transparent url('img/oac4.png') no-repeat; }
.overallframe td.ft { background: transparent url('img/oat.png') repeat-x; }
.overallframe td.fb { background: transparent url('img/oab.png') repeat-x; }
.overallframe td.fl { background: transparent url('img/oal.png') repeat-y; }
.overallframe td.fr { background: transparent url('img/oar.png') repeat-y; }
.overallframe td.fcontent { background: #ffffff; }
.overallframe td.buttons table td { font-size: 75%; padding: 0px 0px 0px 10px; }
.overallframe td.title { text-align: center; font-weight: bold; font-size: 90%; }
.overallframe td td.error { font-size: 75%; padding: 0px 10px 3px 10px; font-weight: normal; color: #ae0c00; text-align: left; }


.bluebox { background-color: #DFF3FF; width: 100%; }
.bluebox td { padding: 0px; }
.bluebox .bg-b { background: url('img/bg2_l.gif') repeat-x left bottom; width: 100%; }
.bluebox .bg-l { background: url('img/bg1_l.gif') repeat-y left top; }
.bluebox .bg-r { background: url('img/bg1_l.gif') repeat-y right top; }
.bluebox .bg-t { background: url('img/bg2_l.gif') repeat-x left top; }
.bluebox .cont { padding: 6px 5px 8px 5px; }
.bluebox .cont .btnb { background: url('img/bg_btn1_b.gif') no-repeat left top; margin-bottom: 25px; cursor: pointer; }
.bluebox .cont .btnb td { background: url('img/bg_btn2_b.gif') no-repeat right top; padding: 1px 10px 2px; color: #ffffff; font-weight: bold; }
.bluebox .y1 { background: url('img/y1_l.gif') no-repeat left top; width: 12px; height: 12px; }
.bluebox .y2 { background: url('img/y2_l.gif') no-repeat right top; width: 12px; height: 12px; }
.bluebox .y3 { background: url('img/y3_l.gif') no-repeat left bottom; width: 12px; height: 12px; }
.bluebox .y4 { background: url('img/y4_l.gif') no-repeat right bottom; width: 12px; height: 12px; }
.bluebox .y1 div, .bluebox .y2 div, .bluebox .y3 div, .bluebox .y4 div { width: 12px; height: 12px; font-size: 1px; }


.objectfilter { padding: 0px 13px 5px 13px; }
.objectfilter input { width: 100%; font-size: 80%; }

.zonehint { padding-right:10px;}
.zonehint table {width:100%;}
.zonehint table .header {background-color: #DFF3FF; text-align:center; padding: 0px 5px 5px 0px;font-weight:bold;}
.zonehint table td.info { padding-left:5px;}

.pointhint { padding-right:10px;}
.pointhint table {width:100%;}
.pointhint table .header {background-color: #DFF3FF; text-align:center; padding: 0px 5px 5px 0px;font-weight:bold;}
.pointhint table td.info { padding-left:5px;}