@import 'reset.css';

.clear-both {clear: both;}
.no-bg {background: none !important;}
.strong {font-weight: bold;}
* {outline: none;}
h1 {font-size: 12px; font-weight: bold; margin-bottom: 5px;}
body {text-align: center;}
body, p, td, li {font: 11px Tahoma, Helvetica, sans-serif;}
p, li,dd,dt {line-height: 18px;}
p {margin-bottom: 15px;}
a {color: #1181c1;text-decoration: none;}
a:hover {color: #0574b5;}
.nomargin {margin-bottom: 0px;}
.noborder {border: 0px !important;}
.content-sep {height: 1px; background: #e8e8e8;margin-bottom: 15px;}
#container {width: 900px;margin: 0px auto; text-align: left;padding-top:40px;}
#login {width: 776px;margin: 0px auto; text-align: left;}
#header {height: 101px;}
#logo {width: 188px; height: 101px; background: url(../img/logo.png) 10% 50% no-repeat;float: left;}
#logo a {display: block;text-indent: -9999px;width: 188px; height: 101px;}
#nav {width: 705px; height: 38px; float: right;margin-right: 7px; margin-top: 32px;}
#nav, #nav ul {background: url(bg-nav.gif) no-repeat;}
#nav ul li {display: inline; float: left; text-align: center;}
#nav-solutions a {width: 110px;}
#nav-reports a {width: 123px;}
#nav-company a {width: 122px;}
#nav-support a {width: 123px;}
#nav-contact a {width: 122px;}
#nav-login a {width: 105px;}
#nav ul li a {display: block;height: 38px; line-height: 38px; font-weight: bold; font-size: 12px;color: #000;}
#nav ul li a:hover, #nav ul li a.active {color: #0574b5;}

#content-wrapper {background: url(bg-content-wrapper.gif);} /* Interior pages; use a different ID for index page if needed */ 
#content-wrapper-index {}
#content-wrapper-left {background: url(bg-content-wrapper-left.gif) no-repeat;width: 608px;float: left;}
#content-wrapper-appframe {width: 590px;float: left;}
#cwl-inner {padding: 16px 15px 0 3px;}

#content-wrapper-right {width: 291px; float: right;background: url(bg-sidebar-nav.gif) no-repeat;}
#content-wrapper-right-blank {width: 291px; height: 574px; float: right;background: url(bg-sidebar-blank.gif) no-repeat;}

#subnav ul li a {color: #000000;line-height: 40px;text-indent: 30px; display: block;font-size: 15px;}
#subnav ul li a:hover,  #subnav ul li a.active {color: #0072aa;}
#subnav-company {background: url(bg-sidebar-nav-company.gif) no-repeat;}

#subnav-company ul li a {color: #000000;line-height: 40px;text-indent: 30px; display: block;font-size: 15px;}
#subnav-company ul li a:hover,  #subnav-company ul li a.active {color: #0072aa;}

#content-wrapper-right h2, #content-wrapper-right-blank h2 {margin: 60px 0 20px 0;font-weight: bold; color: #0072aa;padding-left: 30px;font-size: 14px;}
#content-wrapper-right p, #content-wrapper-right-blank p {padding: 0px 40px 0px 30px;}

#footer {background: url(bg-footer.gif) no-repeat; height: 30px; line-height: 25px;}
#copyright
{
	padding: 0px 10px;
	width: 250px;
	float: left;
	color: #0574b5;
	line-height: 25px;
}
#footer-links {width: 500px; float: right; text-align: right; }
#footer-links ul li {display: inline;}
#footer-links ul li a
{
	padding: 0px 10px;
	border-left: 1px solid #0574b5;
	color: #0574b5;
	line-height: 25px;
}

ul.list li {list-style-type: disc;padding-left: 10px;margin-bottom: 5px;margin-left: 20px;}

dl {margin: 0;}
dl dt {font-weight: bold;float: left;clear: left;padding-right: 0.5em;width: 35%;}
.dl dd {float: left;width: 65%;}

/* FAQ */

	dl.faq {}
	dl.faq dt {float: none; clear: both; padding: 0;width: 100%;}
	dl.faq dd {float: none; clear: both;width: 100%; margin-bottom: 10px;}
	dl.faq table {margin-left: 15px; border-collapse: collapse;}
	dl.faq table td {padding: 5px;}


/* LOGIN PAGE */
	#login #footer-links {width: 450px;}
	#login #copyright {color: #000;}
	#login #content-wrapper {width: 778px; margin: 0px auto;padding: 20px 0px; border-top: 1px solid #CCD5CB;}
/*	#secured-header {width: 505px; background: url(secured-service-access.gif) 50% 50% no-repeat; height: 100%; float: right;}*/
	#secured-header {width: 505px; height: 100%;}
/*	#secured-header h1 {text-indent: -9999px;} */
	#login-left {width: 49%; float: left; font-size: 14px;}
	#login-right {width: 49%; float: right; border-left: 1px solid #CCD5CB;}
	ul.arrows {padding: 10px 15px 10px 30px;}
	ul.arrows li {list-style-image: url(arrow-black.gif);line-height: 25px;}

	ul.dataList {padding-top: 40px;margin-bottom: 10px;}
	ul.dataList li.element-group, ul.dataList li.submit-group {display: table;width: 100%;padding: 0px 0px 10px 0px;}
	ul.dataList li.element-group label {font-weight: normal;display: block;float: left; width: 110px;font-size: 14px;}
	ul.dataList li.element-group input {width: 190px;padding:1px; font-size: 12px;}
	ul.dataList li.element-group strong {color: #FF0000;}
	
	ul.dataList li.submit-group input {padding: 5px;font-size: 14px;}

	button {border: 0px;padding: 0px;background: none;height: 21px;width: 104px;background-repeat: no-repeat;} /**text-indent: -9999px; ->this property is removed for sliders to work*/
	a.button {display: block;text-align: left;height: 21px;width: 104px;background-repeat: no-repeat;text-indent: -9999px !important;text-decoration: none;}
	button.login {background: url(btn-login.gif);}

	li.submit-group {width: 305px !important;text-align: right;display: block;}

	table.browser {border-collapse: collapse;}
	table.browser td {padding: 5px 5px 5px 0px;}

/* INDEX */
	#index-cta {background: url(bg-index-cta.gif) no-repeat; padding-top: 5px; padding-left: 3px; padding-right: 2px;}
	#index-cta-l {background: url(dashboard800.jpg) no-repeat;width: 800px; height: 432px; float: left;}
	#index-cta-l a {display: block; width: 100%; height: 100%;}
	/* #index-cta-l {background: url(bg-index-cta-l.jpg) no-repeat;width: 590px; height: 336px; float: left;} */
	/* #index-cta-l a {display: block; width: 100%; height: 100%;} */
	#index-cta-top {padding: 5px 5px 5px 5px; height: 20px;} 
	#index-cta-top p
{
	font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;
	color: #000000;
	font-weight: bold !important;
}
	#index-cta-r
{
	padding: 5px 0px 0px 2px;
	float: right;
	width: 82px;
	height: 345px;
	font: 14px Verdana, Tahoma, Helvetica, sans-serif !important;
	color: #000000;
	text-align: right;
	background: url(bg-sidebar-right.gif) ;
}
	#index-cta-r p {font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;color: #000000; padding-right: 5px;}
	#index-cta-r li
{
	font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;
	color: #000000;
	padding-right: 5px;
	font-weight: bold !important;
}
	#index-cta-r-ft
{
	padding: 5px 0px 0px 0px;
	float: right;
	width: 80px;
	height: 82px;
	font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;
	color: #000000;
	text-align: right;
	background: url(bg-sidebar-right.gif);
	font-weight: bold !important;
}
	/* #index-cta-r body p a {font: 14px Verdana, Tahoma, Helvetica, sans-serif !important;color: #000000;} */
	#index-cta-foot {background: url(bg-index-cta-foot.gif) no-repeat;height: 28px; width: 100%;}
	/* #index-cta-r {background: url(bg-index-cta-r.jpg) no-repeat;float: right;width: 290px; height: 336px;} */
	/* #index-cta-foot {background: url(bg-index-cta-foot.gif) no-repeat;height: 28px;} */
	/* #i-cta-r-body {padding: 34px 38px 0 38px; height: 20px;} */
	/* #i-cta-r-body {padding: 5px 5px 5px 5px; height: 20px;} */
	#i-cta-r-freetrial a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
	#action-blocks {background: url(bg-index-cta-foot.gif) no-repeat;height: 114px;margin-top: 12px;}
	.action-block {text-indent: -9999px;width: 33%; height: 114px;float: left;}
	.action-block a {display: block;height: 100%;}
	#what-quicklinks {margin-top: 0px; background: url(bg-quicklinks.gif) 100% 0 repeat-y; height: 350px;}
	/* #what-quicklinks {margin-top: 5px; background: url(bg-quicklinks.gif) 100% 0 repeat-y; height: 225px;} */
	#whatis {width: 600px; float: left;margin-top: 10px;}
	#whatis p {padding: 0px 4px; font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;}
	#whatis ul {margin-left: 35px; font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;}
	#whatis li
	{
		margin-left: 35px;
		font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;
		font-weight: bold !important;
	}
	#whatis ul li {list-style-image: url(arrow.gif);}
	#quicklinks
	{
		background-position: url(bg-sidebar-right.gif);
		width: 80px;
		float: right;
		padding: 5px 0px 0px 0px;
		background: url(bg-sidebar-right.gif);
		text-align: right;
		height: 220px;
		
	}
	#quicklinks p
	{
		font: 12px Verdana, Tahoma, Helvetica, sans-serif !important;
		padding-right: 5px;
		font-weight: bold !important;
	}
	#quicklinks ul {margin-left: 10px;}
	#quicklinks a
	{
		font: 12px Verdana, Tahoma, Helvetica, sans-serif !important; padding-right: 5px;
		font-weight: bold !important;
	}

/* SOLUTIONS */
	#solution-data-sources {margin-bottom: 12px;}
	#solution-nrgstream-central {margin-bottom: 16px;}
	#solution-nrgstream-buttons {margin-bottom: 9px;}
	#solution-data-sources, #solution-nrgstream-central, #solution-nrgstream-buttons {width: 590px; position: relative;}
	#solution-data-sources h1, #solution-nrgstream-central h1, #solution-nrgstream-buttons h1, #solution-data-sources h3, #solution-nrgstream-central h3, #solution-nrgstream-buttons h3 {text-indent: -9999px;}
	#solution-data-sources {background: url(bg-data-sources-types.gif) no-repeat; height: 240px;}
	#solution-nrgstream-central {background: url(bg-nrgstream-central.gif) no-repeat; height: 147px;}
	#solution-nrgstream-buttons {background: url(bg-nrgstream-buttons.gif) no-repeat; height: 107px;}
	#sol-data-sources li, #sol-data-types li, #sol-nrgstream-central li, #sol-nrgstream-buttons li {position: absolute;}
	#sol-data-sources li a, #sol-data-types li a, #sol-nrgstream-central li a, #sol-nrgstream-buttons li a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
	
	#sol-data-sources li.system {left: 121px; top: 37px;width: 123px; height: 24px;}
	#sol-data-sources li.government {left: 244px; top: 37px;width: 92px; height: 24px;}
	#sol-data-sources li.brokers {left: 336px; top: 37px;width: 63px; height: 24px;}
	#sol-data-sources li.exchanges {left: 398px; top: 37px;width: 80px; height: 24px;}
	
	#sol-data-types li.prices {left: 75px; top: 120px;width: 50px; height: 21px;}
	#sol-data-types li.operations {left: 124px; top: 120px;width: 81px; height: 21px;}
	#sol-data-types li.transmission {left: 204px; top: 120px;width: 90px; height: 21px;}
	#sol-data-types li.weather {left: 293px; top: 120px;width: 65px; height: 21px;}
	#sol-data-types li.supply {left: 358px; top: 120px;width: 116px; height: 21px;}
	#sol-data-types li.events {left: 474px; top: 120px;width: 54px; height: 21px;}
	
	#sol-nrgstream-central li.normalized {left: 43px; top: 37px;width: 150px; height: 17px;}
	#sol-nrgstream-central li.realtime {left: 245px; top: 37px;width: 119px; height: 17px;}
	#sol-nrgstream-central li.available {left: 363px; top: 37px;width: 120px; height: 17px;}
	
	#sol-nrgstream-buttons li.trader {left: 0px; top: 0px; width: 196px; height: 107px;}
	#sol-nrgstream-buttons li.professional {left: 196px; top: 0px; width: 201px; height: 107px;}
	#sol-nrgstream-buttons li.Xtractor {left: 395px; top: 0px;width: 195px; height: 107px;}

/* TABLES */ 
	table.data-table {width: 100%; border-collapse: collapse;margin-bottom: 10px;}
	table.data-table thead tr th {font-weight: bold; color: #0072aa; border-bottom: 1px solid #0072aa;}
	table.data-table tfoot tr td {font-style: italic;}
	table.data-table .center {text-align: center;width: 20%;}
	table.data-table th, table.data-table td {padding: 5px;}

/* ADDED BY TJY NRGSTREAM */
	#reg-response p {text-align: left;}
	#emailbody {width: 500px;margin: 0px auto; text-align: left; line-height: 25px;}
	#emailbody2 {width: 500px;margin: 0px auto; text-align: left; line-height: 15px; }
	#emailtop {width: 500px; margin: 0px auto; margin-top:10px; text-align: left; line-height: 15px; border-bottom: 2px solid #0574b5; background: url(logo.gif) no-repeat; background-position:top right;}
	#emailfont {font-size: 12px; margin-bottom: 5px;}
	#emailfont a {font-size: 12px; color: #1181c1; text-decoration: underline; font-weight: bold;}
	#emailbline {width: 500px; margin: 0px auto; text-align: left; border-bottom: 2px solid #0574b5;}
	#maplink-left {width: 225px; float: left; height: 500px;}
	#maplink-right {width: 675px; float: right; height: 500px;}

	
/*Image scroller modification - 20th April 2015 - JC */


      .slider 
	  {
       /* margin: 60px auto;
        width: 500px;*/
     }
	  .slick-dots
	  {
	   bottom:-20px !important
	 }    

      /* added the following to give the background color of the arrows as red for visibility, the default which can be found in the slick-theme.css was white */
    .slick-prev:before,
    .slick-next:before 
	{
        color: #6699CC !important;
    }
	.buttonPosition
	{
	 padding-left: 360px;
	 padding-top:5px;
	}
	
	.proButton
	{
	  background-color: #69C;
	  color: #000;
	  font-family: Arial;
	  /* font-weight: normal; */
	  /* font-weight: bold; */
	  font-size: 8pt;
	  border: thin solid #000;
	  padding: 3px;
	}
    .proButton:hover 
	{
        color: #FFFFFF !important;
    }
	
	.nottyButton
	{
	  background-color: #1C6D9A;
	  color: #FFFFFF ;
	  font-family: Arial;
	  font-size: 8pt;
	  border: thin solid #000;
	  padding: 3px;
	  margin:4px;
	}
    .nottyButton:hover 
	{
        color: #000 !important;
		background: #87CEFA !important;
    }
	.rightDiv
	{
		float: right;
		width: 200px;
		color: #000000;
		text-align: left;
		padding-top:8px;
		/*
		padding: 5px 0px 0px 12px;
		height: 345px;*/
	}
	.textElement
	{
		font: 14px Verdana, Tahoma, Helvetica, sans-serif !important;
	}
	/* Noty plugin - Custom style*/
	span.noty_text a
	{
		color:black ;
	}
	span.noty_text a:hover
	{
		color:#0065AA !important;
	}
	a.nottyButton
	{
		text-decoration:none !important;
		color: white !important;
	}

	ul#noty_bottom_layout_container.i-am-new li , ul#noty_topRight_layout_container.i-am-new li , ul#noty_topLeft_layout_container.i-am-new li 

	{
		border: 0px !important;
		border-radius :  0px !important;
		background-color: #BECFE9 !important;
		color: black !important;
	}
	.noty_text
	{
		font-size:13px !important;
	}
	ul#noty_top_layout_container.i-am-new li  
	{
		margin:0px !important;
		/* margin-top:0px !important;
		margin-bottom:2px !important;
		margin-left:2px !important;
		margin-right:2px !important;*/
		 padding-top:0px !important;
		padding-bottom:0px !important;
		padding-left:2px !important;
		padding-right:2px !important;
		
		border-top:0px !important;
		border-bottom: 1px solid black !important;
		border-left:1px solid black !important;
		border-right:1px solid black !important;
		border-radius :  0px !important; 
		
		background-color: #BECFE9 !important;
		color: black !important;

	}
	/* 
	ul#noty_top_layout_container.i-am-new li  * 
	{
		border: 0px !important;
		padding-top:1px !important;
		padding-bottom: 3px !important;
		border-radius :  0px !important;
		background-color: #BECFE9 !important;
		color: black !important;
	}*/