@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;}
#login {width: 776px;margin: 0px auto; text-align: left;}
#header {height: 101px;}
#logo {width: 188px; height: 101px; background: url(logo.gif) 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: 41px; line-height: 41px;}
#copyright {width: 300px;float: left; color: #0574b5;}
#footer-links {width: 600px;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: 41px;}

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;}
	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: 16px; padding-left: 3px; padding-right: 2px;}
	#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-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: 200px;}
	#i-cta-r-body p {font: bold 16px Verdana, Tahoma, Helvetica, sans-serif !important;color: #FFF;}
	#i-cta-r-freetrial a {display: block; width: 100%; height: 88px;text-indent: -9999px;}
	#action-blocks {background: url(bg-action-blocks.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: 13px;background: url(bg-quicklinks.gif) 100% 0 repeat-y; height: 266px;}
	#what-quicklinks-head {background: url(bg-quicklinks-head.gif) no-repeat; height: 41px;}
	#whatis {width: 600px; float: left;margin-top: 10px;}
	#whatis p {padding: 0px 15px;}
	#whatis ul {margin-left: 35px;}
	#whatis ul li {list-style-image: url(arrow.gif);}
	#quicklinks {width: 300px; float: right;margin-top: 10px;}
	#quicklinks p {padding: 0px 26px;}
	#quicklinks ul {margin-left: 26px;}

/* 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;}