/** Add css rules here for your application. */
body { overflow:hidden }

.chromeFramePrompt {
	z-index: 900000;
}
/**************************** Common ***********************************************/
.emphasize { text-decoration: underline; }

.myHighGridCell,
.myHighGridCellDark {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    border-bottom:1px solid #D7E3F1; border-top:1px solid #D7E3F1;
    background-color:#c0ffc0;
}
.myHighGridCellOver,
.myHighGridCellOverDark {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    margin:10px;
    border-bottom:1px solid #D7E3F1; border-top:1px solid #D7E3F1;
    background-color: #c0ffc0;
}
.myHighGridCellSelected,
.myHighGridCellSelectedDark {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    margin:10px;
    border-bottom:1px solid #D7E3F1; border-top:1px solid #D7E3F1;
    background-color:#c0ffc0;
}
.myHighGridCellSelectedOver,
.myHighGridCellSelectedOverDark {
   font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    margin:10px;
    border-bottom:1px solid #D7E3F1; border-top:1px solid #D7E3F1;
    background-color:#c0ffc0;
}
.myHighGridCellDisabled,
.myHighGridCellDisabledDark {
    font-family:Arial,Verdana,Bitstream Vera Sans,sans-serif; font-size:11px;
    color:black;
    margin:10px;
    border-bottom:1px solid #D7E3F1; border-top:1px solid #D7E3F1;
    background-color:#c0ffc0;
}

/**************************** Grids/Tables *****************************************/
.active-record { background: #C0FFC0; }

.listTable tbody > tr > td { border-right: 1px solid #EDEDED; }
.listTable tbody > tr > td:FIRST-CHILD { border-left: 1px solid #EDEDED; }

.listgrid-in-stack { border-width: 0 0 1px 0; border-style: solid; border-color: #A7ABB4 }
.listgrid-in-stack-single { border-width: 0; border-style: solid; border-color: #A7ABB4 }
.no-bottom-top-border { border-width: 0 1px 0 1px; border-style: solid; border-color: #A7ABB4 }

.pulse,
.pulseDark,
.pulseDown,
.pulseDownDark,
.pulseDisabled,
.pulseDisabledDark,
.pulseSelectedDisabled,
.pulseSelectedDisabledDark {
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	-moz-animation-name: pulse;
	-webkit-animation-name: pulse;
	-o-animation-name: pulse;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
    border-top: 1px solid #FAFAFA;
    border-bottom:1px solid #EDEDED;
}

.pulseOver,
.pulseOverDark {
	background-color: #daecff;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	-moz-animation-name: pulse;
	-webkit-animation-name: pulse;
	-o-animation-name: pulse;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
    border-top: 1px solid #FAFAFA;
    border-bottom:1px solid #EDEDED;
}

.pulseSelected,
.pulseSelectedDark,
.pulseSelectedDown,
.pulseSelectedDownDark {
	background-color: #d9e4f6;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	-moz-animation-name: pulse;
	-webkit-animation-name: pulse;
	-o-animation-name: pulse;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
    border-top: 1px solid #FAFAFA;
    border-bottom:1px solid #EDEDED;
}

.pulseSelectedOver,
.pulseSelectedOverDark {
	background-color: #bfdcf9;
	-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-o-animation-duration: 2s;
	-moz-animation-name: pulse;
	-webkit-animation-name: pulse;
	-o-animation-name: pulse;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-moz-animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color:black;
    border-top: 1px solid #FAFAFA;
    border-bottom:1px solid #EDEDED;
}

@-moz-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }
}

@-webkit-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }
}

@-o-keyframes pulse {
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }
}

/*************************** Tabs *********************************************************/
.mytabSetContainer { background-color: #e0e0e0; }

/*************************** Plant Manager *********************************************/
.widgets-placeholder { margin: 0px 0; }
.placeholder-title { font-size: medium; color: #484848; padding: 2px }
.simple-widget { }
.apcode-widget { }
.apcode-widget-title { font-size: small; color: grey; }
.apcode-widget-title-medium { font-size: medium; color: grey; }
.apcode-widget-value { font-size: medium; font-weight:  bold; color: #484848; }
.left-separator { border-left: 1px solid #E0E0E0; }
.right-separator { border-right: 1px solid #E0E0E0; }
.apcode-graph {  }

/* Weather default styles */
.weather-widget-title { font-size: small; color: white; }
.weather-widget-value { font-size: larger; font-weight: bold; color: white }
.weather-widget {  }
.weather-widgets-column, .weather-widgets-separator { margin: 0px 5px; }
.weather-widgets-separator { border-right: 1px solid #787878; }
.weather-widgets-placeholder { background: grey; }
.weather-placeholder-title { font-size: medium; color: white; padding: 10px 0 0 10px !important; width: 99% !important; }

/* Weather dark theme */
.weather-widget-title-dark { font-size: medium; color: grey; }
.weather-widget-value-dark { font-size: medium; font-weight: bold; color: #484848; }
.weather-widget-dark { font-size: medium; font-weight: bold; color: #484848; }
.weather-widgets-column-dark, .weather-widgets-separator-dark { margin: 0px 5px; }
.weather-widgets-separator-dark { border-right: 1px solid #787878; }
.weather-widgets-placeholder-dark { background: grey; }
.weather-placeholder-title-dark { font-size: medium; color: #484848;; padding: 10px 0 10px 10px !important; width: 99% !important; }

/* Weather dark small theme */
.weather-widget-title-darksmall { font-size: x-small; color: grey; }
.weather-widget-value-darksmall { font-size: medium; font-weight: bold; color: #484848; }
.weather-widget-darksmall { font-size: medium; font-weight: bold; color: #484848; }
.weather-widgets-column-darksmall, .weather-widgets-separator-darksmall { margin: 0px 5px; }
.weather-widgets-separator-darksmall { border-right: 1px solid #787878; }
.weather-widgets-placeholder-darksmall { background: grey; }
.weather-placeholder-title-darksmall { font-size: medium; color: #484848;; padding: 10px 0 10px 10px !important; width: 99% !important; }

.padding-top-5px { padding-top: 5px; }

.frozen-panel {  }

.separator-bar { background-color: #484848; height: 2px !important; }
.multigraph-separator { border-left: 2px solid #484848; }

.highcharts-container { padding-top: 2px; }

.meter-led { line-height: 2px; margin-top: 1px; }
.led-default { background-color: grey; }
.led-1 { background-color: #ff0000; }
.led-2 { background-color: #ff2200; }
.led-3 { background-color: #ff4800; }
.led-4 { background-color: #ff6e00; }
.led-5 { background-color: #ff9000; }
.led-6 { background-color: #ffae00; }
.led-7 { background-color: #ffe200; }
.led-8 { background-color: #b1ff00; }
.led-9 { background-color: #54ff00; }
.led-10 { background-color: #00ff01; }

.highcharts-title { font-size: medium !important; color: #484848 !important; fill: #484848 !important; }
.highcharts-subtitle { font-size: small !important; color: #484848 !important; fill: #484848 !important; }

.bottom-separator { border-bottom: 2px solid black; }
.bottom-separator-slim { border-bottom: 1px solid #E0E0E0; }
.bottom-separator-slim-hard { border-bottom: 1px solid black; }
.left-separator-slim-hard { border-left: 1px solid  black; }
.right-separator-slim-hard { border-right: 1px solid black; }
.clear-seperator { border : none; }
.left-separator-hard { border-left: 2px solid black; }


.now-label { background: #2E5497; }
.today-label { background: #78797B; }
.vlabel { font-weight: bold; transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg); }
.now-label .vlabel { font-size: 10px; color: white; position: relative; top: 37px;}
.today-label .vlabel { font-size: 10px; color: white; position: relative; top: 22px;}

/*************************** Login Form ************************************************/

.gchartestapp-GChartExample19-CurveEditingForm {
background-color: #DDF;
border-width: 10px;
border-color: black;
border-style: solid;
border-width: 1px;
padding: 10px;
}

.copyright {
	font-size: 10pt;
	font-weight: normal;
	color: #777777;
	text-align: center;
	font-family: verdana;
}

.loginPageTable {
	background-color: #ABCDEF;
}

.loginForm {
	background-color: rgb(150, 50, 150);
}

.revenueText {
	font-size: 10pt;
	font-family: verdana;
	margin: 2pt;
}

.titleHeader {
	font-size: 8pt;
	font-weight: bold;
	font-family: verdana;
}

.textHeader {
	font-size: 11pt;
	font-weight: bold;
	font-family: verdana;
	margin: 2pt;
	text-indent: 30pt;
}

.headerTimeStyle {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #585353;
}

.usernameBox {
	font-size: 8pt;
	font-family: verdana;
}

.passwordBox {
	font-size: 8pt;
	font-family: verdana;
}

.langBarStyle {
	background-color: rgb(255, 255, 255);
	font-size: 13pt;
	font-weight: bold;
	color: #777777;
	text-align: right;
	font-family: verdana;
}

.languageButton {
	font-size: 13px;
	font-family: verdana;
}

.languageButtonOver {
	font-size: 13px;
	font-family: verdana;
	font-weight: bold;
}

.langSeperatorStyle {
	font-size: small;
}

.loginFooterImage {
	background-color: #ABCDEF;
}

.loginError {
	font-size: 8pt;
	font-weight: bold;
	font-family: verdana;
}

.logoImage {
	margin-left: 20px;
}

.timeButton {
	font-size: small;
}

.timeButtonOver {
	font-weight: bold;
}


/*********************** Form Window *********************************/

.formWindow {
	border: 1px solid grey;
	background-color: #E0E0E0;
	font-size: 11pt;
	font-weight: normal;
	font-family: verdana;
	margin: 2pt;
}

/*********************** Main Application Window *********************************/
.statusInfoStyle {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #585353;
}

.poweredInfoStyle {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: #585353;
	text-align: center;
}


.mainBackgroundColor {
	background-color: #D7E3F1;
	/*background-color: #FFFFFF;*/
}

.graphBackgroundColor {
	background-color: #FFFFFF;
	/*border: 1px solid #C0C3C7;*/
}

.powerFlowBkg {
	background-color: #D7E3F1;
}

.powerFlowFont {
	font-family: verdana;
	font-size: 14px;
	font-weight: normal;
	color: #585353;
}

.fangBanner {
	background-color:#3AB9D5;
}

.fangBannerLabel {
	color:white;
	text-align: center;
	font-size:14px;
	font-weight: bold;
}

/************************ Tab Set *****************************************/

.TabSet {
background-color: #D7E3F1; /*behind of the tab title*/
}


.select {
	font-size: 12px;
	font-weight: normal;
	color: blue;
	text-decoration: underline;
}

/************************ Help Set *****************************************/

.helpStyle {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;

}

/*********************** Header - User Info Panel ********************************/
.headerInfoTitleStyle {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


.headerInfoDataStyle {
	font-family: verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.headerStyle {
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFFFFF;
}

/*********************** Header - clock widget ********************************/
.loadingImageButton {
	outline: none; /* removes dotted focus outlines on selection */
}

.corners{
	/* safari */
/*	-webkit-border-radius: 5px; */
	/* mozilla */
/*	-moz-border-radius: 5px; */
    /* css3 */
/*	border-radius: 5px; */
	/* -khtml-border-radius: 5px; */
}

.onOffButtonLeft, .onOffButtonLeftSelected, .onOffButtonRight, .onOffButtonRightSelected {
	padding: 2px 4px ;
	border: 1px solid #A6ABB4;/*dark  grey*/
	font-size: 9px;
}

.onOffButtonLeft, .onOffButtonLeftSelected {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

	background-color: #E9E9E9; /*light grey*/
}

.onOffButtonLeftSelected {
	background-color:#5388DF; /*light blue*/
	color:white;
}

.onOffButtonRight, .onOffButtonRightSelected {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	background-color: white;
	color:black;
}

.onOffButtonRightSelected {
	background-color:#E9E9E9; /*light grey*/
}

/*********************** Equipment & Events Manager Panel ********************************/
.sectionTitle {
	font-size: large;
	font-weight: bold;
}

.parametersSection {
	background-color: #F6F6F6;
}

.stateSection {
	color: #FFFFFF;
}

.errorMessage {
	color: black;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	background-color: red;
	border: 1px solid black;
	height: 40px;
}


/*********************** Multiple Real Time Monitor ************************************/
.monitorRow {
	font-family: verdana;
	font-size: 12px;
	background-color: #D7E3F1;
}


/*********************** Color Picker ************************************/
.colorPickerRow {
	font-family: verdana;
	font-size: 12px;
	background-color: #FFFFFF;
}


/*********************** Plant Manager Graphs ************************************/
.graphLabelRow {
	font-family: verdana;
	font-size: 12px;
}

/************************ Administration Management *************************************/
.formHeader {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #585353;
	margin-left: 0;
}

/************************ Mimic Diagrams *************************************/
.mimicPresenter {
	background-color: #F6F6F6;
}

/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

/** Class set to listgrig's Indicator cell baseStyle,
so that it doesn't shown selected on mouse over */
.noRowSelection, .noRowSelectionOver,
.noRowSelectionDark, .noRowSelectionOverDark {
	background-color: transparent;
}