@CHARSET "UTF-8";

/* reset all default browser styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,textarea,select,blockquote,th,td {
margin:0;
padding:0}

table {
border-collapse:separate;
border-spacing:0}

fieldset,img {
border:0}

address,caption,cite,code,dfn,em,strong,th,td,var {
font-style:normal;
font-weight:normal}

ol,ul {
list-style:none}

caption,th {
text-align:left}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal}

q:before,q:after,blockquote:before,blockquote:after {
content:""}

abbr,acronym {
border:0}

a,a:link,a:hover,a:active,a:visited {
text-decoration:none}

/* end reset all default browser styles */

/* default styles */

html {
height:100%
}

body {
height:101%;
background:#FFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#6c6f70}

a,a:link,a:hover,a:active,a:visited {
color:#6c6f70;
margin-bottom:11px;
font-weight:bolder}

.listbox180 {
width:180px;
margin-left:5px}

.listbox220 {
width:220px;
margin-left:5px}

.listbox360 {
width:360px;
margin-left:5px}

/* end default styles */

/* define layout */

#omnibus {
margin:8px 4px}

#monstrator {
float:left;
min-width:1120px;
width:100%;
background:#FFF; 
}

#primus, #inter {
width:100%;
background-repeat:no-repeat;
background-position:100% 0}

#primus {
height:25px;
background-image:url("../images/component/mainMenuBar.png")}

#inter {
height:22px;
margin-top:3px;
border-bottom:#FFF 3px solid;
background-image:url("../images/component/subMenuBar.png")}

#inter.active {
border-bottom:#fdad19 3px solid}

#scaena { 
padding-left:208px}

#sinister, #dexter {
float:left;
position:relative;
margin-top:8px}

#sinister {
left:-208px;
width:200px}

#dexter {
margin-left:-208px;
left:8px;
width:100%}

#argumentum {
float:left;
width:100%}

/* end define layout

/* define custom default styles */

blockquote, q {
quotes:"" ""}

p, p.news {
font-size:12px;
color:#6c6f70;
margin-bottom:11px}

p {
margin-bottom:11px;
letter-spacing:0.05em}

p.news {
font-weight:bolder}

h1, h2, h3 {
color:#6c6f70;
font-weight:bolder}

h1 {
font-size:18px;
margin-bottom:11px}

h2, h3 {
font-size:14px}
/* end define custom default styles */

/* special main menu functions */
ul.topfunctions li {
float:right;
height:25px}

li.language {
margin:4px 4px 0 0;   
}

li.logout {
padding:0 0 0 1px;
width:26px;
background-color:#FFF;
background-image:url("../images/component/logoutw.png");
background-repeat:no-repeat;
background-position:0 0}

li.logout:hover {
background-position:0 50%}

li.logout:active {
background-position:0 100%}

/* end special main menu functions */


/* Tabs for main and sub menu */

.tabcontainer li,
.subtabcontainer li {
float:left;
font-weight:bold;
text-align:center;
background-color:#FFF;
background-repeat:no-repeat;
background-position:0 0}

.tabcontainer li {
width:200px;
height:25px;
line-height:25px;
background-image:url(../images/component/mainMenuTabw.png);   
}

.subtabcontainer li {
width:170px;
height:22px;
line-height:22px;
background-image:url(../images/component/subMenuTabw.png)}

.tabcontainer li.activemenutab,
.subtabcontainer li.activemenutab {
color:#FFF;
cursor:default;
background-position:0 100%}

.tabcontainer li.menutab:hover,
.subtabcontainer li.menutab:hover {
background-position:0 50%}

.tabcontainer li a,
.subtabcontainer li a {
display:block;  
}

.tabcontainer li.menutab a,
.subtabcontainer li.menutab a {
	font-weight: normal;
}

.tabcontainer li.bar {
background-image:url("../images/component/mainMenuBar.png");
width:5px}

.subtabcontainer li.bar {
background-image:url("../images/component/subMenuBar.png");
width:5px}

/* end tabs for main and sub menu */

/* portlet like jsf box */

div.boxcontainer {
position:relative;
margin-bottom:8px}

div.boxcontainer div.boxhead,
div.boxcontainer div.boxtitle {
height:24px;
width:100%}

div.boxcontainer div.boxhead {
background-image:url(../images/component/boxhead.png);
background-repeat:repeat-x;
background-position:0 50%}

div.boxcontainer div.boxtitle {
background:url(../images/component/boxright.png) no-repeat top right}

div.boxcontainer div.boxtitle div.boxtitleleft {
float:left;
height:24px;
min-width:9px;
background-image:url(../images/component/boxhead.png);
background-repeat:no-repeat;
background-position:0 0;
font-size:12px;
font-weight:bold;
line-height:2.2;
color:#FFF;
text-indent:10px}

div.boxcontainer div.boxhead div.boxtitleright {
float:left;
height:24px;
width:9px}

div.boxcontainer div.boxbody {
clear:both;
padding:4px;
border:#E0E0E0 1px solid;
min-height:44px;
text-align:left}
/* end portlet like jsf box */

/* forms default */
div.formcontainer {
float:left;
padding:4px}

div.formcontainer div.formhead, 
div.formcontainer div.formtitle {
clear:both;
height:24px;
width:100%}

div.formcontainer div.formhead {
background:url(../images/component/formhead.gif) repeat-x}

div.formcontainer div.formtitle {
background:url(../images/component/formheadright.gif) no-repeat top right}

div.formcontainer div.formhead div.formtitleright {
float:left;
height:24px;
width:10px}

div.formcontainer div.formtitle div.formtitleleft {
float:left;
height:24px;
background:url(../images/component/formheadleft.gif) no-repeat top left;
font-size:12px;
font-weight:bold;
line-height:2.2;
text-indent:15px;
color:#6C6F70}

div.formcontainer div.formbody {
clear:both;
padding:20px 10px 25px 10px;
border:#E0E0E0 1px solid}

div.formbody td {
text-align:left;
vertical-align:middle;
padding:4px}

div.formbody label {
font-size:12px;
color:#6C6F70}

input, 
textarea,
select,
button,
div.formbody input, 
div.formbody textarea,
div.formbody select {
background:#FFF;
border:1px solid #E0E0E0;
border-radius:4px;
color:#6C6F70}

div.formbody input {
font-size:12px;
font-weight:normal;
margin:5px 0;
padding:2px}

div.formbody textarea,
div.formbody select {
padding:0;
margin-top:5px;
margin-bottom:4px
}

input[type="checkbox"],
input[type="radio"],
div.formbody input[type="checkbox"],
div.formbody input[type="radio"] {
background:#FFF;
border:1px solid #FFF}

input:hover,
textarea:hover,
select:hover,
input:ACTIVE,
textarea:ACTIVE,
select:ACTIVE,
input:FOCUS,
textarea:FOCUS,
select:FOCUS,
div.formbody input:hover,
div.formbody textarea:hover,
div.formbody select:hover,
div.formbody input:ACTIVE,
div.formbody textarea:ACTIVE,
div.formbody select:ACTIVE,
div.formbody input:FOCUS,
div.formbody textarea:FOCUS,
div.formbody select:FOCUS {
background-color:#FFF1CC}

input[disabled],
textarea[disabled],
select[disabled],
input[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover,
div.formbody input[disabled],
div.formbody textarea[disabled],
div.formbody select[disabled],
div.formbody input[disabled]:hover,
div.formbody textarea[disabled]:hover,
div.formbody select[disabled]:hover { 
background-color:#ECECEC}

input.button90,
input.button120,
input.button150,
input.button180,
div.formbody input.button90,
div.formbody input.button120,
div.formbody input.button150,
div.formbody input.button180 {
border:none;
margin:0;
padding:0;
height:24px;
cursor:pointer;   
}

input.button90,
div.formbody input.button90 {
background:url(../images/component/formbutton90.gif) no-repeat top left;
width:90px}

input.button90:disabled {
	background: url(../images/component/formbutton90disabled.gif) no-repeat top left;
	cursor: default;
}

input.button120,
div.formbody input.button120 {
background:url(../images/component/formbutton120.gif) no-repeat top left;
width:120px}

input.button150,
div.formbody input.button150 {
background:url(../images/component/formbutton150.gif) no-repeat top left;
width:150px}

input.button180,
div.formbody input.button180 {
background:url(../images/component/formbutton180.gif) no-repeat top left;
width:180px}

/* end forms default */

/* forms without box */

input {
font-size:12px;
font-weight:normal;
margin:5px 0;
padding:2px}

textarea,
select {
padding:0}

/* end forms without box */

/* jsf form components rendered in a table (e.g. checkboxes) */

table.form label,
table.form input,
table.form select,
table.form legend {
display:block;
float:left}

table.form label {
margin-top:4px;
text-align:right; 
padding:0 5px}

table label.label_bold {
font-weight:bold}
/* end jsf form components rendered in a table (checkboxes) */

/* end forms default */

/* start form validation */

span.required {
color:#FFBA00;
font-weight:bold;
font-size:17px
}

.validationErrorMessage {
background:url("../images/common/validationError.png") no-repeat left;
vertical-align:super;
margin-bottom:5px
}

span.validationError input {
border:1px solid #EB6E5A}

span.validationError label, span.validationError span.required {
color:#EB6E5A
}

/* end form validation */

/* start view messages */

.msgInfo, .msgError, .msgWarning, .msgSubTitle, .msgSubMenu {
padding:4px;
margin-bottom:5px;
white-space:nowrap;
display:block;
border:1px solid;
background:#FFF;   
}

.msgError {
border-color:#EB6E5A;
color:#EB6E5A}

.msgInfo {
border-color:#0044FF;
color:#0044FF}
.msgWarning {
border-color:#FFBA00;
color:#FFBA00}

.msgSingle {
position:absolute}
/* end view messages */

/* List-table */
.listtable {
margin-bottom:8px;
border:none;
padding-left:4px}

.listtable td.left,
.listtable td.right,
.listtable th {
padding:1px;
text-align:left}

.listtable td.left {
padding-right:8px}

.listtable td.left label {
font-weight:bold}

.listtable th {
padding-top:4px;
padding-bottom:8px;
font-weight:bold}

/* end list-table */

/* Solarmax RichFaces components */

#errorCountSelectBox {
	position: absolute;
	z-index: 2;
	top: 3px;
	right: 10px;
	width: 400px;
	text-align: right;	
}

/* start richfaces extended dataTable */

/* add's a scrollbar to the extended datatable */
.extdt-content  {
overflow-x:hidden;
overflow-y:auto}
.extdt-subheader,.extdt-sortable-header,.extdt-subheadercell {
background: url(../images/component/smalltab_back.gif) repeat-x;
font-size: 12px;
   
padding: 2px;
text-align: left;
vertical-align: top}
.extdt-cell {
text-align: left;
vertical-align: middle;
padding: 0px}

/* end of richfaces extended dataTable */

/* start richfaces dataTable */

.rich-table-caption {
text-align:center;
margin-bottom:4px
}
.rich-table-subheadercell {
background:url(../images/component/smalltab_back.gif) repeat-x;
color:#6C6F70; 
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top}

.rich-table-sortable-header {
font-weight:bolder}

.rich-table {
margin:0; 
padding:0;
color:#6c6f70;
border:#E0E0E0 1px solid;
min-width:230px}

.rich-table-row td {
font-size:12px;
font-weight:normal;
text-align:left;
white-space:nowrap;
padding:4px}

.rich-sort-icon {
vertical-align:bottom}

.rich-sdt-sort-asc {
background:url(../images/component/table_sort_up.png) repeat-x}

.data_row {
background:#FFF}
.data_row_tainted {
background:#EEE}

.rich-table-row td.cell_text {
text-align:left}

.rich-table-row td.cell_number {
text-align:right}

.rich-table-row td.cell_date {
text-align:left}

.tbl_export {
margin:4px 0}

.no_wrap_cols{
white-space: nowrap}


/* end RichFaces dataTable */

/* begin RichFaces dataScroller */

.rich-datascr {
padding:4px 0}

.rich-datascr-act, .rich-datascr-inact {
font-weight:bolder;   
font-size:12px;
padding:0 2px}

.rich-datascr-button {
cursor:pointer}

.rich-datascr-button-dsbld {
cursor:default}

.rich-datascr-act {
text-decoration:none;
cursor:default}

.rich-datascr-inact {
text-decoration:underline;
cursor:pointer}

/* end RichFaces dataScroller */

/* RichFaces Calendar */

.rich-calendar-exterior,
.rich-calendar-popup {
background:#F0F0F0;
border:#C0C0C0 1px solid;
border-spacing:1px}

div.formbody .rich-calendar-popup td {
text-align:center}

.rich-calendar-header {
background:url(../images/component/smalltab_back.gif) repeat-x}

.rich-calendar-month {
vertical-align:middle}

div.rich-calendar-tool-btn {
font-weight:bold;
text-align:center}

.rich-calendar-tool-btn-hover,
.rich-calendar-tool-btn-press {
cursor:pointer}

.rich-calendar-cell,
.rich-calendar-days,
.rich-calendar-weekends,
.rich-calendar-week,
.rich-calendar-select {
height:15px;
width:28px}

.rich-calendar-week {
background:#FFBA00;
color:#000;
border:#FFBA00 1px solid}

.rich-calendar-cell {
background:#FFF}

.rich-calendar-today {
color:#FFBA00;
font-weight:bold}

.rich-calendar-select {
background:#FFF1CC}

.rich-calendar-btn,
.rich-calendar-date-layout-ok,
.rich-calendar-date-layout-cancel {
background:url(../images/component/smalltab_back.gif) repeat-x;
border:#C0C0C0 1px solid;
cursor:pointer}

.rich-calendar-date-layout {
background:#F0F0F0;
border:#C0C0C0 1px solid;
border-spacing:1px}

div.formbody .rich-calendar-date-layout td {
text-align:center; 
}

.rich-calendar-date-layout-ok,
.rich-calendar-date-layout-cancel {
width:50%}

div.rich-calendar-time-btn {
width:100%;
font-weight:bold;
text-align:center}

.rich-calendar-editor-btn-over {
cursor:pointer}

.rich-calendar-editor-btn-selected {
color:#FFBA00;
font-weight:bold;
cursor:default}

.rich-calendar-input {
width:100px}
/* end RichFaces Calendar */

/* RichFaces TabPanel */

.rich-tabpanel-content {
border:#E0E0E0 1px solid;
padding:12px;
font-size:12px;
color:#6c6f70}

.rich-tab-inactive,
.rich-tab-active,
.rich-tab-disabled {
height:20px;
padding:4px;
border:#E0E0E0 1px solid;
font-size:12px;
color:#6C6F70
}

.rich-tab-inactive {
background:url(../images/component/formhead.gif) repeat-x;
border-bottom:none;
cursor: pointer}

.rich-tab-active {
background:url(../images/component/rf_tab_active.gif) repeat-x;
border-bottom:none;
cursor:default}

.rich-tab-disabled {
color:#E0E0E0;
border-bottom:none;
cursor:default}

/* end RichFaces TabPanel */

/* RichFaces FileUpload component */

.rich-fileupload-list-overflow {
overflow-x:hidden;
overflow-y:auto}

.rich-fileupload-name {
height:58px;
padding:2px 10px;
width:100%}

.rich-fileupload-del {
padding:3px 0;
text-align:center;
width:90px}

.rich-fileupload-scroll {
text-align:center;
width:10px}

.rich-fileupload-button-content {
padding:2px 6px 2px 3px;
text-align:left;
white-space:nowrap}

.rich-fileupload-name-padding {
padding:2px 0}

.rich-fileupload-ico {
background-position:0 50%;
background-repeat:no-repeat;
padding-left:19px;
vertical-align:middle}

input.rich-fileupload-hidden {
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
position:relative;
text-align:left}

.rich-fileupload-table-td {
border-bottom:1px solid #C0C0C0;
white-space:nowrap}

.rich-fileupload-anc {
color:#0078D0}

.rich-fileupload-toolbar-decor {
border-bottom:1px solid #C0C0C0;
width:100%}

.rich-fileupload-button-border {
border:1px solid #C0C0C0;
margin:2px}

.rich-fileupload-button-dis {
cursor:pointer;
padding:2px}

.rich-fileupload-enrty-dis {
background:#D6E6FB;
padding:2px}

.rich-fileupload-button-content {
color:#6C6F70;
display:block;
text-decoration:none}

.rich-fileupload-button-content * {
font-weight:normal}

.rich-fileupload-button,
.rich-fileupload-button-light,
.rich-fileupload-button-press {
cursor:pointer;
background:url(../images/component/formhead.gif) repeat-x top left}

.rich-fileupload-button {
padding:2px}

.rich-fileupload-button-light {
border:1px solid #6C6F70;
padding:1px}

.rich-fileupload-button-press {
border:1px solid #6C6F70;
padding:2px 0 0 2px}

.rich-fileupload-ico-add-dis,
.rich-fileupload-ico-start-dis,
.rich-fileupload-ico-clear-dis {
color:#C0C0C0}   

.rich-fileupload-ico-add,
.rich-fileupload-ico-add-dis {
background-image:url(../images/buttons/drive.png)}

.rich-fileupload-ico-start,
.rich-fileupload-ico-start-dis {
background-image:url(../images/buttons/accept.png)}

.rich-fileupload-ico-stop {
background-image:url(../images/buttons/stop.png)}

.rich-fileupload-ico-clear,
.rich-fileupload-ico-clear-dis {
background-image:url(../images/buttons/cross.png)}

/* End RichFaces FileUpload component */

.extdt-row-selected, .rich-sdt-row-selected, .extdt-row-active, .rich-sdt-row-active {

/* osa 02-03-2012 new color for the selected row - should be reviewed by a designer*/
/* background:#FFF1CC; */
background:#FFF1AA}
/* osa 02-03-2012 end*/

/* End SolarMax RichFaces components */

/* MaxControl registration Tab with colums */

div.mcOneColumn,
div.mcTwoColumnLeft,
div.mcTwoColumnRight {
padding:8px;
float:left;
border:#E0E0E0 1px solid;
min-height:440px;
width:690px;
overflow:auto;   
}

div.mcOneColumn {
border:none}

div.mcTwoColumnLeft {
width:430px}

div.mcTwoColumnRight {
margin-left:20px;
width:207px;
text-align:center}

div.mcLevel {
margin-left:3px;
background:url(../images/component/mclevel.gif) no-repeat right;
width:180px;
height:25px;
padding-top:14px;
padding-right:8px;
text-align:right;
font-size:12px}

div.mcbutton {
position:absolute;
top:420px;
margin-left:12px;
padding:10px 0;
border-top:#E0E0E0 1px solid;
border-bottom:#E0E0E0 1px solid}

div.mcsubmit {
padding:8px 8px 15px 8px;
border:none}

/* End MaxControl registration Tab with to colums */

/* FacilityMerging selected facilities txt label */

.facilityMergeTxt_facilityLabel, deviceMergeTxt_deviceLabel {
font-weight:bold;  
}

/* end FacilityMerging selected facilities txt label */

/* Graphic definitions for the Operatingstatus */

.operatingstatusWorking, .operatingstatusPartial, .operatingstatusHalted {
width:11px;
height:11px;
display:block
}

.operatingstatusWorking {
background:#299000
}

.operatingstatusPartial {
background:#FFCC00
}

.operatingstatusHalted {
background:#DD0000
}

/* End Graphic definitions for the Operatingstatus */

/* Graphic definitions for the Notificationstatus */

.notification, .notification_failure, .notification_error, .notification_warning {
width:11px;
height:11px;
display:block
}

.error_1, .error_2, .notification_failure {
background:#FFCC00
}

.error_3, .error_4, .notification_error {
background:#DD0000
}

.warning, .notification_warning {
background:#FF8000
}

/* End Graphic definitions for the Notificationstatus */

/* Graphic definitions for the FunctionStatus */

.functionstatusNew, .functionstatusProc, .functionstatusApp {
width:11px;
height:11px;
display:block
}

.functionstatusApp {
background:#299000
}

.functionstatusProc {
background:#FFCC00
}

.functionstatusNew {
background:#DD0000
}

.checkbox input, .checkbox_disabled input {
vertical-align:middle
}

.checkbox_disabled {
color:red}

.checkbox_disabled input[type="checkbox"][enabled]:active {
background:red}

/* End Graphic definitions for the FunctionStatus */

/* Graphic definitions for the JobStatus */

.jobStatusRunning, .jobStatusDisabled {
width:11px;
height:11px;
display:block
}

.jobStatusRunning {
background:#299000
}

.jobStatusDisabled {
background:#DD0000
}

/* End Graphic definitions for the JobStatus */

/* Background definitions for Device Chooser option TODO:define the exact bg colors */
option.cat0 {
background:#FFF}

option.cat1 {
background:#ffe}

option.cat2 {
background:#eee}

option.cat3 {
background:#ffb}

option.cat4 {
background:#eec}

option.cat5 {
background:#ddc}

option.cat6 {
background:#feb}

option.cat7 {
background:#ddb}

option.cat8 {
background:#eda}

option.mc {
font-weight:bolder;
text-decoration:none}

/* MaxControl Exception outputs */

.exception_title, 
.exception_message {
color:#990000}

.exception_trace {
border:1px solid #990000;
background:#F9F9F9}

/* End MaxControl Exception outputs */

/* Portal view (page) with colums */

div.oneColumn,
div.twoColumnLeft,
div.twoColumnRight {
padding:0;
float:left;
border:none;
min-height:440px;
width:690px;
overflow:auto;
text-align:left}

div.twoColumnLeft {
width:440px}

div.twoColumnRight {
margin-left:5px;
width:220px}

/* End portal view (page) with colums */

/* image-table */

table.imagetable {
border:none;
width:190px}

table.imagetable img {
border:#E0E0E0 1px solid}

table.imagetable img.default {
border:none}

table.imagetable img.arrow {
border:none;
padding:0 3px}

table.imagetable td.left,
table.imagetable td.right {
width:50%;
padding-bottom:4px}

table.imagetable td.left {
text-align:left}

table.imagetable td.right {
text-align:center}

/* end image-table */

/* 3 cols in in content view */

div.threecol {
clear:both;
display:block;
width:100%;
height:140px;
margin-top:10px;
text-align:left;
padding:5px;
border:#E0E0E0 1px solid;
overflow:auto}

div.threecol div.child,
div.threecol div.lastchild {
width:30%;
height:120px;
border-right:#E0E0E0 1px solid;
padding:5px;
float:left}

div.threecol div.child {
margin-right:10px}

div.threecol div.lastchild {
border:none;
height:130px}

div.threecol td.left {
text-align:right}

div.threecol td.right {
padding-left:10px;
text-align:left}

/* end 3 cols in in content view */


/* ********************************************* */

/* Trend/Spot/Energy report choosers, created by copy/paste from:3 cols in content view */
/* TODO initial implementation */

div.reportchoosers {
text-align:left;
padding:4px 0;
border:#E0E0E0 1px solid;
border-radius:4px;
overflow:auto;
height:132px;
min-width:600px}

div.reportchoosers div.keychooser,
div.reportchoosers div.datechooser,
div.reportchoosers div.outputchooser {
height:122px;
border-right:#E0E0E0 1px solid;
padding:4px;
float:left;
margin-right:4px}

div.reportchoosers div.keychooser {
width:30%;
min-width:230px}

div.reportchoosers div.datechooser {
width:20%;
min-width:156px}

div.reportchoosers div.outputchooser {
border:none}

/* ******************************************************** */

/* 1 col in in content view */

div.onecol {
clear:both;
display:block;
width:auto;
height:auto;
margin-top:0;
margin-bottom:8px;
text-align:left;
padding:0;
border:none;
overflow:visible}

/* end 1 col in in content view */

/* definitions for zooming generated charts */

.imgareaselect-border1 {
background:url(../images/zoom/border-v.gif) repeat-y left top}

.imgareaselect-border2 {
background:url(../images/zoom/border-h.gif) repeat-x left top}

.imgareaselect-border3 {
background:url(../images/zoom/border-v.gif) repeat-y right top}

.imgareaselect-border4 {
background:url(../images/zoom/border-h.gif) repeat-x left bottom}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
opacity:0.8;
/* IE 5-7 */
filter:alpha(opacity=80);
/* IE >7 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}

.imgareaselect-handle {
background:#000;
border:solid 1px #000;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}

.imgareaselect-outer {
background:transparent}

.imgareaselect-selection {
background:yellow;
border:solid 1px #000;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}

/* end definitions for zooming generated charts */

/* definitions for date format chooser */

table.datechooser {
margin-top:4px;
padding:4px 0}

table.datechooser td.start {
text-align:left}

table.datechooser td.middle {
text-align:center;   
}

table.datechooser td.end {
text-align:right;   
}

table.datechooser img:HOVER {
cursor:pointer}

/* end definitions for date format chooser */

/* definitions for DeviceChooser (multi/single facility) */

.devicechooser_switchbutton {
border:medium none;
float:right;
margin-right:5px}

table.devicechooser_radio {
padding:4px 2px 0 6px}

table.devicechooser_radio tr td {
padding-right:6px}

table.devicechooser_radio tr td input {
vertical-align:middle}

/* definitions for DeviceChooser (multi/single facility) */

div.formbody input.button180 {
border:none;
margin:0;
padding:0;
height:24px}

/* definitions for chart buttons in facility overview (spot, trend, engergy) */

.report_button,
.report_button:hover,
.report_button:active {
height:24px;
width:36px;
border:none;
margin-right:4px;
background-image:url("../images/buttons/report_button.png");
cursor:pointer} 

.bar {
background-position:0 0}

.bar:hover {
background-position:50% 0}

.abar,
.abar:hover,
.bar:active {
background-position:100% 0}

.pie {
background-position:0 14%}

.pie:hover {
background-position:50% 14%}

.apie,
.apie:hover,
.pie:active{
background-position:100% 14%}

.line {
background-position:0 29%}

.line:hover {
background-position:50% 29%}

.aline,
.aline:hover,
.line:active {
background-position:100% 29%}

.table {
background-position:0 43%}

.table:hover {
background-position:50% 43%}

.atable,
.atable:hover,
.table:active {
background-position:100% 43%}

.button_pdf {
background-position:0 57%}

.button_pdf:hover {
background-position:50% 57%}

.button_pdf:active {
background-position:100% 57%}

.button_zoom {
background-position:0 72%}

.button_zoom:hover {
background-position:50% 72%}

.button_azoom,
.button_azoom:hover,
.button_zoom:active {
background-position:100% 86%}

/* end definitions for chart buttons in facility overview (spot, trend, engergy) */

/* definitions for the solarmax quickhelp component */

.quickhelp-container {
vertical-align:middle;
text-align:left;
cursor:pointer}

.rich-tool-tip {
background:#F0F0F0;
color:#6C6F70;
border:1px solid #FFBA00;
padding:10px;
min-width:200px;
max-width:400px}

.rich-tool-tip label {
font-weight:bold}

/* end definitions for the solarmax quickhelp component */

/* definitions for the solarmax context help popup */

div.pophelp {
margin:10px;
width:350px;
height:400px;
overflow:hidden;   
}

div.pophelp div.header {
overflow:hidden}

div.pophelp div.content {
width:330px;
height:380px;
overflow:auto;
margin-bottom:10px}

div.pophelp div.header table.header {
position:relative;
border:none;
width:100%;
margin-bottom:5px}

div.pophelp div.header table.header td {
padding:3px;
vertical-align:bottom}

/* end definitions for the solarmax context help popup */


/* definitions for the solarmax subtable component */

.subtable {
border-color:#FFBA00}

.subtable_header {
background:url(../images/component/smalltab_back_over.gif) repeat-x}

/* end definitions for the solarmax subtable component */


.availabilityState_available, .availabilityState_failure, .availabilityState_notAvailable, .availabilityState_noData {
width:11px;
height:11px;
display:block}

.availabilityState_available {
background:green}

.availabilityState_failure {
background:red}

.availabilityState_notAvailable {
background:orange}

.availabilityState_noData {
background:grey}

/* osa 05.02.2012 simpleTogglePanel in functionconfirmation_edit.xhtml */
.rich-stglpanel-header {
text-align:left;
padding-left:5px} 
/*osa 05.02.2012 end*/

/* Tooltip. */
.hover {
	position: relative;
}

.tooltip {
	display: none;
	background: #F0F0F0;
	border: 1px solid #FFBA00;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	top: -10px;
	left: 100px;
	z-index: 1;
}

.hover:hover .tooltip {
	display: block;
}
/* Tooltip end. */

.boxbodyTable {
	padding-left: 5px;
}

.notificationMessage ul {
	list-style: circle;
}
.notificationMessage em {
	font-style: italic;
}
.notificationMessage li {
	margin-left: 15px;
}
.notificationMessage ol {
	list-style: decimal;
}
.notificationMessage strong {
	font-weight: bold;
}