/*++
/*============================================================================
/* Produced by Logica UK, Energy & Utilities Division.
/* Copyright (c) 2000 Logica UK Ltd.
/*
/* FILENAME:    summary.ucs
/* VERSION:     1.11
/* PATHNAME:    /app/kfigkernel/master/neta/sw/bmra/server/bsp/css/s.summary.ucs
/* LAST CHANGE: 08/08/21
/*
/* DESCRIPTION
/* The CSS file that has all the styling information for the main electricity
/* Summary Page.
/*============================================================================
--*/
body {margin:0px;padding:0px;background:#eeeeee; color:#000000; min-width:800px; font-family:sans-serif; }
#container {width:100%;height:100%;min-width:900px; }
#banner {width:100%;height:70px;background:#4682b4; color:#000000; min-width:800px;display:none;}
#navigation{float:left;width:100%; border-top:1px solid #4682b4; border-bottom:1px solid #4682b4; background:#FFFFFF; height:25px;}
#right {width:60%;  margin-left:280px;}
#swcontentwrapper {width:1000px; height:auto; margin:30px auto 30px auto;  background:#bebebe; color:#000000;}
#contentwrapper {width:700px; height:auto; margin:30px auto 30px auto;  background:#bebebe; color:#000000;}
* html #contentwrapper {margin-top:20px;}
#content {width:98%; height:auto; background:#FFFFFF; color:#000000; margin:5px auto 0px auto; padding-top:10px; text-align:center; }
#leftcolumnwrapper {width:250px; height:auto; top:300px; position:fixed; left:15px; background:#bebebe; padding:5px; min-width:220px;}
#leftcolumn {width:99%; height:99%;background:#FFFFFF; padding:1px;}
#colors {margin-top:5px;}
#watermark {text-align:left;}
#footer {clear:both;}
#hiddenwatermakrs {display:none}
.logo_images {border:0px;padding-top:10px;padding-left:10px; padding-right:10px;}
.menucontainer {width:750px;margin:auto;display:none;}
.IHWM {list-style:none;}
.IHWM a {text-decoration:none;}
.IHWM a:hover {text-decoration:underline;}
.explain {width:100%; height:30px; margin-bottom:30px;}
.showTextTable,  .showTextGraph   {width:120px;height:auto; float:right; margin:0px 15px 0px 0px;background:#4682b4; color:#FFFFFF; padding:5px; text-decoration:none; z-index:10;}
.showHistory  {width:120px; height:auto; float:left; margin:0px 0px 0px 15px; background:#4682b4; color:#FFFFFF; padding:5px; text-decoration:none; z-index:10;}
.ngrid {width:300px; height:auto; float:left; margin:0px 0px 0px 44px; background:#4682b4; color:#FFFFFF; padding:5px; text-decoration:none; z-index:10;}
.noliststyle {list-style:none; font-size:12px; margin-top:1px;}
.noliststyletwo {font-size:12px;list-style:none; margin-bottom:2px;}
.hint {font-size:12px; margin-left:15px;}

/*ANCHORS*/
 a:hover.showTextTable,  a:hover.showTextGraph, a:hover.showHistory  {position: relative;}
 a.showTextTable span,  a.showTextGraph span, a.showHistory span {display: none; font-size:12px;}
 a:hover.showTextTable  span {width:650px;display: block;position: absolute; top:20px; left:-550px; padding: 16px; margin: 10px; background: #88B0D2; border: 1px dotted #c0c0c0; -moz-opacity: 0.95;
	opacity:.95;filter: alpha(opacity=95); text-align:justify; }
 a:hover.showTextGraph  span {width:650px;display: block;position: absolute; top:-150px; left:-550px; padding: 16px; margin: 10px; background: #88B0D2; border: 1px dotted #c0c0c0; -moz-opacity: 0.95;
	opacity:.95;filter: alpha(opacity=95); text-align:justify; }
 a:hover.showHistory  span {width:650px;display: block;position: absolute; top:-150px; left:-590px; padding: 16px; margin: 10px; background: #87CEFA; border: 1px dotted #c0c0c0; -moz-opacity: 0.95;
	opacity:.95;filter: alpha(opacity=95); text-align:justify; }
 /*system warnings*/
 a:hover.warningspages {position: relative;}
 a.warningspages span {display: none; font-size:12px; }
 a:hover.warningspages span {width:947px;display: block;position: absolute; top:20px; left:-845px; padding: 16px; margin: 10px; background: #88B0D2; border:  1px dotted #c0c0c0; -moz-opacity: 0.95; opacity:.95;filter: alpha(opacity=95); text-align:justify; }
 a:hover.nonsoso span {top:-125px;}
 a:hover.soso span {top:-75px;}
 a:hover.systemmessages span {top:-75px;}
 /*end of warnings*/

/* MISC*/
h2 {color:#FFFFFF; background:#4682b4; margin:0px auto; border:0px;width:600px; height:28px;padding:7px 0 5px 0px; text-align:center; font-size:16px;}
ul.floating_sidebar  {list-style:none;padding:0px; margin:0px; width:100%;}
fieldset {border:0px;}

.chartframe {display:block; z-index:1;width:420px;margin:auto;}
.chartcontainer {width:auto;; height:auto;}
.sibebartitle {color:#4682b4;}
.logoleft { float:left;}
.logoright {float:right; padding-top:20px;}

.underlined {text-decoration:underline;}

p {padding:2px 0px 2px 0px; margin:0px; }
 a:hover.marketimbalancetext  span {top:-180px; }
 a:hover.systempricestext  span {top:-214px; }
 a:hover.systemdemandstext  span {top:-108px; }
 a:hover.ddamtext  span {top:-186px; }
 a:hover.demandtext  span {top:-155px; }
 a:hover.surplustext  span {top:-297px; }
 a:hover.longtermsurplustext  span {top:-163px; }
 a:hover.interconnectorsgraphtext span { top:-120px;  }
 a:hover.dailyenergyvolumestext span {top:-110px; }
 a:hover.peakwindgenerationtext span {top:-135px;  }
 a:hover.temperaturedatatext span {top:-180px;  }
 a:hover.windfcoutturntext span {top:-165px;  } 
 a:hover.generationbyfueltypetabletext span {top:-165px;  }  
 a:hover.generationbyfueltypegraphtext span {top:-165px;  }   
 a:hover.rollingdemand span {top:-173px;  }
 a:hover.rollingfrequency span {top:-177px;  }

#systemdemandsrolling, #systemfrequency, #marketimbalancediv, #systempricesdiv, #systemdemandsactualandforecastdiv, #daydayaheadmargindiv, #daydaydemand214div, #daydaymargin214div, #longtermsurplusdiv, #generationbyfueltypegraphdiv, #interconnectorsgraphdiv, #dailyenergyvolumesdiv, #temperaturedatadiv, #windfcoutturndiv, #rollingfrequencydiv, #rollingdemanddiv {width:auto; height:410px;}

#systemfrequencycontainer, #systemdemandsrollingcontainer {margin:auto;width:600px; height:400px; border:1px solid lightgrey;}

#modalWindow {
	z-index:1000;
	display:none;
	position: absolute;
	left:50%;
	width:968px;
	height:450px;
	margin:-220px 0 0 -489px;
	border:1px solid #fff;
	background:white !important;
	text-align:left;
	border:6px solid #bebebe;
	overflow:auto;
	}
	
#modalWindowWrapper {
	cursor:pointer;
	display:none;
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
	 
	background:black;
	background-color:#000;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	
}

.orangeicon {border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 11px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:0;}
/* fake checkbox : unchecked (default/base) state */
.fakecheck {	font: 14px Tahoma, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight: bold;	outline: none;	background: url(../images/checkbox.gif) no-repeat;	height: 16px;	width: auto;	display: inline;	margin-left:10px;	padding: 1px 0px 0px 20px;}
/* fake checkbox : hover state */
.fakecheck:hover {	color:#0066FF;	text-decoration: underline;}
/* fake checkbox : checked state */
.fakechecked {	background-position: left -25px;}
.showWarningInfo    {width:700px;height:auto; float:right; text-decoration:none;   color:#000000;}

a.showWarningInfo span  {display: none; font-size:12px;}
a:hover.showWarningInfo  span {margin:auto;width:700px;display: block;position: absolute; top:5px; left:132px; background: #88B0D2; color:#ffffff; border: 1px dotted #c0c0c0; -moz-opacity: 0.95;
	opacity:.95;filter: alpha(opacity=95); text-align:justify; }

a:hover.showWarningInfo {cursor:pointer; background:#eeeeee}