/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

Color Guide:

BLUE: 469fbd


========= */

@font-face 			 	{ font-family: 'HBold';
						  src: url('font/helveticaneue-webfont.eot');
						  src: local('?'), 
						  url('font/helveticaneue-webfont.woff') 
						  format('woff'), 
						  url('font/helveticaneue-webfont.ttf') 
						  format('truetype'), 
						  url('font/helveticaneue-webfont.svgz#webfontrNSiPDBI') 
						  format('svg'), 
						  url('font/helveticaneue-webfont.svg#webfontrNSiPDBI') 
						  format('svg');
						  font-weight: normal;
						  font-style: normal; }

@font-face 				{ font-family: 'HCY';
					      src: url('font/helveticacy-webfont.eot');
						  src: local('?'), 
						  url('font/helveticacy-webfont.woff') 
						  format('woff'), 
						  url('font/helveticacy-webfont.ttf') 
						  format('truetype'), 
						  url('font/helveticacy-webfont.svgz#webfontqd2cG2zG') 
						  format('svg'), 
						  url('font/helveticacy-webfont.svg#webfontqd2cG2zG') 
						  format('svg');
						  font-weight: normal;
						  font-style: normal; }




/* 1.0 UNIVERSAL RESETS ------------------------------------------ */

* 						{ margin:0; padding:0; }
html					{ overflow-y:scroll; }
html, body				{ height:100%; }
html, body, ul, li, img { padding: 0; margin: 0; border: 0; }
a 						{ outline: none; }
img 					{ border: none; }
ul 						{ list-style-image: none; 
					  	  list-style-position: outside; 
					  	  list-style-type: none; }
ul li 					{ padding:0; 
					 	  margin:0; }
						  

/* Superscript reset to prevent line-height breaking */
sup 					{ vertical-align: 0; 
						  position: relative; 
						  bottom: 1ex; }



/*
2.0 GENERIC CLASSES
------------------------------------------
Utility class to clear an element */

.clear 					{ clear: both; }
br.clear 				{ height: 0 !important; display: block; }
.clearfix:after 		{ content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 				{ display: block; }
/* End hide from IE Mac */
* html .clearfix 		{ height: 1px; }

/* Generic class to set up image replacements */
.replaced 				{ text-indent: -1000em; 
						  overflow: hidden; 
						  background-repeat: no-repeat; 
						  display: block; }

/* Generic class to hide elements (such as Flash to account for Thickbox issues) */
.hidden 				{ visibility: hidden !important; }
.error 					{ color: red; }
.fright 				{ float: right; }
.fleft 					{ float: left; }
.click					{ width:100%; height:100%; display:block; }
.click2					{ width:100%; height:100%; display:block; text-indent:-999em; }
.smallcaps				{ font-variant:small-caps; }
.underline				{ border-bottom:1px solid; }				
::selection 			{ background: #469fbd; color:#FFF; }
::-moz-selection 		{ background: #469fbd; color:#FFF; }
.amp					{ font-family:Arial, Helvetica, sans-serif; }
.bold					{ font-weight:bold; }

.space20				{ display:inline-block; height:20px; clear:both; width:100%;  }
.space340				{ display:inline-block; height:340px; clear:both; width:100%; }

/* remember to define focus styles! ›››› onfocus="this.value=''; this.onfocus=null;" */
:focus 					{ outline: 0; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

body 					{ line-height:170%;
						  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
						  font-size:12px;
						  color:#A1A1A1;
						  background-repeat:no-repeat; }
						  
body:before 			{ content:"";
						  height:100%;
						  float:left;
						  width:0;
						  margin-top:-32767px;/ }

p						{ text-align:justify; }

#page					{ min-height:100%;  }

#main 					{ overflow:auto;
						  padding-bottom:200px; }  /* must be same height as the footer */
						  
						  
.wrap					{ width:960px; 
						  margin:0 auto; 
						  position:relative; }
	
.content				{ margin:0 auto;
						  min-height:100%; 
						  width:960px;
						  position:relative; }


/*
3.1 HEADER STRUCTURE
------------------------------------------
*/
.logo					{ background-image:url(../img/logo.png);
						  width:297px;
						  height:52px;
						  background-repeat:no-repeat;
						  margin:30px 0 0 -3px;
						  float:left; }

.tbar					{ width:100%;
						  background-color:#469fbd;
						  color:#FFF;
						  font-size:11px; 
						  display:inline-block;
						  border-bottom:1px solid #E1E1E1; }
						  
#menu li a				{ color:#AAA;
						  float:right;
						  padding:7px 0;
						  margin: 0 20px 0 0;
						  width:auto;
						  letter-spacing:0.02em;
						  font-size:15px;
						  font-weight:lighter; }
						  
#menu li a:hover
						{ color:#469fbd; }

#menu					{ float:right;
						  margin:35px -20px 0 0;
						  width:600px; }

.fixborder				{ display:inline-block; 
						  height:20px;
						  background-color:transparent;
						  width:100%;
						  margin: 0 0 10px 0; }
						  
/*
3.1.1 HEADER STRUCTURE - LOGIN
------------------------------------------
*/
						  
						  
#topnav 				{ text-align:right; 
						  float:right;
						  display:inline-block;
						  margin:7px 0;}

#topnav a.signin 		{ text-decoration:none;
						  color:#fff;
						  font-weight:bold; }

a.signin 				{ position:relative;
						  margin-left:3px;
						  text-transform:none; }
						  
#topnav a.menu-open 	{ outline:none; }

#small_signup 			{ display:inline;
						  float:none;
						  line-height:23px;
						  margin:25px 0 0;
						  width:170px; }

#signin_menu 			{ -moz-border-radius-bottomleft:5px;
						  -moz-border-radius-bottomright:5px;
						  -webkit-border-bottom-left-radius:5px;
						  -webkit-border-bottom-right-radius:5px;
						  display:none;
						  background-color:#469FBD;
						  position:absolute;
						  width:210px;
						  z-index:100;
						  border-left:1px solid #FFF;
						  border-right:1px solid #FFF;
						  border-bottom:1px solid #FFF;
						  border-top: 0px transparent; 
						  text-align:left;
						  padding:12px;
						  top: 28.5px; 
						  right: -10px; 
						  margin-top:5px;
						  margin-right: 0px;
						  *margin-right: -1px;
						  font-size:11px; }

#signin_menu input[type=text], #signin_menu input[type=password] 
						{ display:block;
						  -moz-border-radius:4px;
						  -webkit-border-radius:4px;
						  border:1px solid #ACE;
						  font-size:13px;
						  margin:0 0 5px;
						  padding:5px;
						  width:203px;
						  color:#AAA; }
	
#signin_menu p 			{ margin:0; }

#signin_menu a 			{ color:#6AC; }

#signin_menu label 		{ font-weight:normal;
						  text-transform:none; }
						  
#signin_menu p.remember { padding:10px 0; }

#signin_menu p.forgot, #signin_menu p.complete 
						{ clear:both;
						  margin:5px 0; }
						  
#signin_menu p a 		{ color:#F1F1F1 !important;
						  text-transform:none; }
	
#signin_submit 			{ -moz-border-radius:5px;
						  -webkit-border-radius:5px;
						  border:none;
						  padding:4px 10px 5px;
						  font-size:11px;
						  margin:0 5px 0 0;
						  font-weight:bold; }

#signin_submit:hover, #signin_submit:focus 
						{ cursor:pointer;
						  background-color:#FFF;
						  color:#000;  }						  
						  
.needacct				{ text-transform:none;
						  color:#FFF; }						  

.account				{ margin: 0 0 0 0px;
						  padding: 0 5px;
						  color:#FFF;
						  font-weight:bold; }
 

/*
3.2 FOOTER STRUCTURE
------------------------------------------
*/

#footer					{ height:180px;
						  clear:both;
						  width:100%;
						  background-color:#F1F1F1;
						  padding:8px 0;
						  margin:-200px 0 0 0 ;
						  color:#FFF;
						  border-top: 1px solid #E1E1E1;
						  position:relative;
						  line-height:170%; }
						  

						  
#footer a				{ color:#AAA; }

#footer a:hover			{ color:#469fbd }
						  
#footer .wrap ul li a	{ display:block;
						  width:auto;
						  font-size:12px;
						  color:#AAA;
						  margin: 0 10px 0 0;
						  clear:both; }
						  
#footer .wrap ul li a:hover						  
						{ color:#469fbd }
						
.copyright				{ color:#AAA;
						  font-size:0.85em;
						  clear:both;
						  margin:10px 0 0 0; }
						  
.cont					{ float:right;
						  color:#AAA;
						  clear:both;
						  font-size:0.95em;
						  margin:10px 0 0 0; }
						  
.ccc					{ color:#CCC; }
						  
.logoA					{ background-image:url(../img/logoAsm.png);
						  width:163px;
						  height:30px;
						  display:inline-block;
						  background-repeat:no-repeat;
						  margin: 0 0 5px 0;
						  float:right; }

.one					{ display:inline-block;
						  margin: 0 40px 0 0;
						  float:left;
						  width:170px; }

.two					{ display:inline-block;
						  width:170px;
						  margin: 0 40px 0 0;
						  float:left; }
						  
.phone					{ background-image:url(../img/phone.png);
						  width:181px; 
						  height:50px;
						  background-repeat:no-repeat;
						  float:right;
						  clear:right; }



/*
4.0 HEADINGS
------------------------------------------
*/

h1, h2, h3, h4, h5		{ font-family:'HBold';
						  color:#AAA;
						  line-height:normal; }

h1 						{ font-size:2.4em;
						  font-weight:normal;
						  line-height:130%;
						  margin:0 0 5px;
						  padding:0 0 5px;
						  text-align:left;
						  color: #B8B8B8;
						  font-size: 22px;
						  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
						  font-weight: bold; }
						  
h2 						{  }
h3 						{  }
h4 						{  }
h5 						{  }

.energyinvoicesHDR		{ background-image:url(../img/energyinvoices.png);
						  width:178px;
						  height:33px;
						  display:block;
						  text-indent:-999em;
						  background-repeat:no-repeat; }

.telecominvoicesHDR		{ background-image:url(../img/telecominvoicesHDR.png);
						  height:33px;
						  width:199px;
						  display:block;
						  text-indent:-999em;
						  background-repeat:no-repeat; }

.billingHDR				{ background-image:url(../img/billingHDR.png);
						  width:72px;
						  height:33px;
						  background-repeat:no-repeat;
						  margin: 0 0 0 -3px;
						  text-indent:-999em;
						  border:none;  }
						  
.dashboardHDR			{ background-image:url(../img/dashboardHDR.png);
						  width:125px;
						  height:33px;
						  background-repeat:no-repeat;
						  margin: 0 0 0 -3px;
						  text-indent:-999em;
						  border:none;  }
						  
.invoicesHDR			{ background-image:url(../img/invoicesHDR.png);
						  width:94px;
						  height:33px;
						  background-repeat:no-repeat;
						  margin: 0 0 0 -3px;
						  text-indent:-999em;
						  border:none;  }
						  
.serviceagreementHDR	{ background-image:url(../img/serviceagreementHDR.png);
						  width:174px;
						  height:27px;
						  background-repeat:no-repeat;
						  margin:0 0 20px -3px;
						  text-indent:-999em;
						  border:none;  }
						  
.reportsHDR				{ background-image:url(../img/reportsHDR.png);
						  width:86px;
						  height:27px;
						  background-repeat:no-repeat;
						  margin:0 0 20px -3px;
						  text-indent:-999em;
						  border:none;
						  float:left;  }
						  
.accountHDR				{ background-image:url(../img/accountHDR.png);
						  width:95px;
						  height:27px;
						  background-repeat:no-repeat;
						  margin:0 0 20px -3px;
						  text-indent:-999em;
						  border:none;  }
						  
.servicesHDR			{ background-image:url(../img/servicesHDR.png);
						  width:117px;
						  height:24px;
						  background-repeat:no-repeat;
						  margin:30px 0 -30px -1px;
						  text-indent:-999em;
						  border:none;  }
						  
#disclaimerHDR			{ color:#AAA;
						  font-weight:bold;
						  border:none;
						  text-shadow:none; }

/*
5.0 BRANDING
------------------------------------------
*/


/*
6.0 LINKS
------------------------------------------
*/

a						{ text-decoration:none;
						  color:#469fbd; }

.sysok a				{ text-decoration:underline;
						  color:#FFF; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/



/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/


/*
10.0 LISTS
------------------------------------------
*/



/*
11.0 TABLES
------------------------------------------
*/



/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

#myform	.orange			{ float:right;
						  margin:20px 90px 0 0; }

.faio li				{ padding:0;
						  margin:5px 0 0 20px; }

.wwdfyb					{ background-color:#AAAAAA;
						  color:#FFFFFF;
						  float:right;
						  margin:0 0 20px;
						  padding:20px;
						  width:410px;
						  display:inline-block; }
						  
.wwdfyb li				{ padding:0;
						  margin:5px 0 0 20px; }

.mtop					{ margin-top:10px; }

.hold1					{ float:right;
						  margin:0 0 20px 0;
						  display:inline-block;  }

.HDRrow					{ display:inline-block;
						  clear:both;
						  width:960px; }

.ddinput2				{ float:right; }

.emptychart				{ display:block;
						  background-image:url(../img/schart.png);
						  background-repeat:no-repeat;
						  background-position:center center;
						  height:300px;
						  width:960px;  }	
						  
.emptychart p			{ background-color:#AAAAAA;
						  color:#FFFFFF;
						  float:right;
						  margin:90px 40px 20px 0;
						  padding:20px;
						  width:300px; }	
						  
.ecfillA				{ background-color:#469FBD;
						  color:#FFFFFF;
						  float:right;
						  margin:60px 40px 20px 0;
						  padding:20px;
						  width:300px;  }	
						  
.trialmodeHDR			{ background-image:url(../img/trialmodeHDR.png);
						  width:99px;
						  height:23px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em;
						  margin:0 0 0 -3px; }		


.leftHDR .orange		{ margin:85px 0 0 5px;  }

.catch .orange			{ margin:125px 0 0 0;  }

.last3cont .orange		{ float:right;
						  margin:10px 0 0 0; }


.orange 				{ color:#fff;
						  background:#f5ab00;
						  background: -webkit-gradient(linear, left top, left bottom, from(#f5ab00), to(#ef8000));
						  background: -moz-linear-gradient(top,  #f5ab00,  #ef8000);
						  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5ab00", endColorstr="#ef8000"); 
						  -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
						  box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
						  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
						  cursor:pointer;
						  font-size:11px;
						  padding:8px 15px;
						  text-decoration:none;
						  text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
						  border:none;
						  text-transform:uppercase;
						  -moz-border-radius: 5px;
					  	  -khtml-border-radius: 5px;
					  	  -webkit-border-radius: 5px;
						  float:left; }
						  
.orange:hover			{ background:#ef8000;
						  background: -webkit-gradient(linear, left top, left bottom, from(#ef8000), to(#f5ab00));
						  background: -moz-linear-gradient(top,  #ef8000,  #f5ab00);
						  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef8000", endColorstr="#f5ab00");  }

/*
13.0 IMAGES
------------------------------------------
*/


/*
14.0 META
------------------------------------------
*/


/*
15.0 ACCESSIBILITY
------------------------------------------
*/


/*
16.0 PAGE SPECIFIC
------------------------------------------
*/


/*16.1 HOME
------------------------------------------
*/

.rightcol2 .WatchVideo	{ margin:0px 0 0 150px;  }

.rightcol2 .vidboxSM	{ margin:0; }

.vidboxSM .WatchVideo	{ position:absolute;
						  top:100px;  }

.WatchVideo				{ background-image:url(../img/play1.png);
						  width:117px;
						  height:110px;
						  background-repeat:no-repeat;
						  display:block;
						  margin:45px 0 0 250px; }
						  
.WatchVideo:hover		{ background-image:url(../img/play2.png); }

.homeleft				{ float:left;
						  width:300px;  }
						  
.st						{ margin:5px 0;
						  font-weight:bold;  }

.catch					{ float:left;
						  width:300px;
						  height:100px;
						  background-image:url(../img/catch.png);
						  background-repeat:no-repeat;
						  display:inline-block; }

.vidbox					{ width:628px;
						  height:200px;
						  border:1px solid #AAA;
						  float:right;
						  background-color:#000;
						  display:inline-block;
						  background-image:url(../img/vid.png);}

.voicebox				{ background-image:url(../img/vibox.jpg);
						  background-repeat:no-repeat;
						  width:300px;
						  height:200px;
						  margin: 0 27px 20px 0;
						  border:1px solid #AAA;
						  float:left; }
						  
.energybox				{ background-image:url(../img/ebox.jpg);
						  background-repeat:no-repeat;
						  width:300px;
						  height:200px;
						  margin: 0 27px 20px 0;
						  border:1px solid #AAA;
						  float:left; }
						  
.testibox				{ width:300px;
						  height:200px;
						  border:1px solid #AAA; }
						  
	

.featuredtest			{ float:left;
						  text-align:justify;
						  width:300px;
						  margin: 25px 0 0 0;
						  font-size:1.1em; }
						  
.testimonial			{ font-size:1.1em;
						  margin: 0 0 5px 0;
						  line-height:190%;
						  font-weight:lighter;
						  color:#A1A1A1; }
						  
.timex					{ background-image:url(../img/timex.png);
						  width:60px;
						  height:45px;
						  float:left;
						  background-repeat:no-repeat;
						  margin:5px 5px 0 0; }
						  
.who					{ float:right;
						  font-style:italic;
						  margin:10px 0 0 0;
						  font-size: 0.9em; }
						  
.savetime				{ background-image:url(../img/savetimehdr.png);
						  width:342px; 
						  height:31px;
						  background-repeat:no-repeat;
						  margin:40px 0 0 0;
						  float:left;
						  display:inline-block; }
						  
.subfeature				{ float:right;
						  border-left:1px solid;
						  display:inline-block;
						  color:#AAAAAA;
						  font-size:14px;
						  font-weight:lighter;
						  margin:30px 0 0 0;
						  padding: 0 0 0 20px;
						  width:580px;
						  line-height:170%; }
						  
.starttxt				{ background-image:url(../img/starttodaytxt.png);
						  width:315px;
						  height:46px;
						  margin:15px 0 15px -1px; }
						  
.getstarted				{ background-image:url(../img/getstartedbtn.png);
						  width:142px;
						  height:24px;
						  background-repeat:no-repeat;
						  float:right;
						  margin: -20px 0 0 0; }




/*16.1.1 HOME TESTIMONIAL SLIDER
------------------------------------------
*/

#presentation_container	{ width:260px;
						  height:160px; 
						  float:left; 
						  display:inline-block;
						  border:1px solid #AAA;
						  padding:20px; }
						  
.pc_item .desc h1 		{ color: #FFF;
						  margin: 0 0 5px 0;
						  padding: 0 0 5px 0; 
						  border-bottom:1px solid;
						  width:100%; }
						  
.pc_item .desc 			{ width: 260px;
						  padding: 15px 0 0 15px;
						  height: 180px;
						  line-height: 1.4em;
						  text-align:justify;
						  background-color:#FFF;
						  font-size:12px;
						  color:#777;
						  word-spacing: -0.1em;
						  font-weight:lighter;
						  margin:-20px 0 0 -20px; }
						  
.bar 					{ visibility:hidden; }


.descr					{ float:right;
						  width:190px; }



/*16.2 SERVICE PAGES
------------------------------------------
*/

#pba .leftcol			{ margin: 0;
						  width:460px; } 

.b12					{ margin:0;
						  float:left;
						  width:490px; } 

#four					{ margin:10px 0 10px 10px; } 

.b1cont					{ width:960px;
						  clear:both;
						  display:inline-block; }

.b1 h3					{ font-size:16px;
						  margin: 0 0 5px 0;
						  color:#469fbd; } 

.b1:first-child			{ margin: 10px 10px 10px 0; }

.b1						{ background-image:url(../img/gradbgA.png);
						  float:left;
						  background-repeat:repeat-x;
						  background-position:center;
						  margin:10px;
						  padding:15px;
						  width:193px;
						  height:118px;
						  line-height:normal;
						  display:inline-block;
						  border:1px solid #F1F1F1; }

#pba .wwdfyb			{ line-height:150%;
						  width:430px;
						  margin:0;
						  height:252px; }

.pbaHDR					{ background-image:url(../img/pbaHDR.png);
						  width:334px;
						  height:25px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  border:none; }

.svcbod					{ line-height:150%; } 

.pbap, .smap			{ text-align:left; } 

.pbap					{ float:left;
						  width:400px;
						  margin:-10px 0 0 96px; }

.smap					{ float:left;
						  width:400px;
						  margin:-10px 0 0 63px; }			

.YOUdecide				{ clear:both;
						  margin:40px 0 60px;
						  height:200px; }

.youdecHDRx				{ background-image:url(../img/youdecHDRx.png);
						  width:356px;
						  height:26px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  margin:10px 0 10px 20px; }

.lmtb					{ background-image:url(../img/lmtb.png);
						  width:75px;
						  height:13px;
						  background-repeat:no-repeat;
						  position:absolute;
						  top:24px;
						  text-indent:-999em;
						  right:-18px; }
						  
.lmtb:hover				{ background-image:url(../img/lmtbW.png); }

#lbra					{ left:-7px;
						  padding:0;
						  position:absolute; }

#rbra					{ position:absolute;
						  right:-35px;
						   }

#cbra					{ padding:0;
						  position:absolute;
						  left:488px; }

.bra					{ background-image:url(../img/brArrow.png);
					      width:53px;
						  height:60px;
						  background-repeat:no-repeat; }

#sb1					{ float:left;
						  margin:20px 10px 20px 0;  }

#sb2					{ float:right;
						  margin:20px 0 20px 10px;  }  

#ab1					{ float:left;
						  margin:0px 10px 20px 45px;
						  position:relative; }

#pb1					{ float:left;
 						  margin:0 0 20px 85px;
						  position:relative; }  

.svcbod .rightcol		{ margin:20px 0;
						  width:425px; }
						  
.gaw					{ width:100%; 
						  height:60px;
						  background-color:#F1F1F1; 
						  display:inline-block;
						  clear:both; }
 
.aop					{ clear:both;
						  width:1000px;
						  margin:0 auto;
						  position:relative; } 

.myauditbox p, .permissionsbox p
						{ margin:10px 0; }			

.myauditbox .learnmore, .permissionsbox .learnmore
						{ float:right;
						  margin:-31px 0 0;
						  clear:both; }

.myauditbox, .permissionsbox
						{ background-repeat:no-repeat;
						  display:inline-block;
						  width:400px;
						  padding:0;
						  height:60px;
						  line-height:150%;
						  background-position:12px 0;  }

.myauditbox				{ background-image:url(../img/myauditbox.png);
						  float:left; }
						  
.permissionsbox			{ background-image:url(../img/permissionsbox.png);
						  float:right; }




.svcbox					{ margin:20px 0 0 0;
						  padding:20px;
						  display:inline-block;
						  width:428px;
						  height:170px;
						  position:relative;
						  line-height:150%;
						  border:1px solid #F1F1F1;
						  background-image:url(../img/gradbgA.png);
						  background-repeat:repeat-x;
						  background-position:bottom center; }

.svcbod .telecomHDR, .svcbod .energyexHDR
						{ margin:-5px 0 5px -1px;
						  height:26px; }

.svcbox .learnmore		{ right:20px;
						  position:absolute;
						  bottom:20px; }
						
.learnmore				{ background-image:url(../img/learnmore.png);
						  width:140px;
						  height:22px;
						  background-repeat:no-repeat;
						  text-indent:-999em; }

.sp1, .sp2				{ display:inline-block;
						  line-height:145%;
						  background-repeat:no-repeat;
						  background-color:#F1F1F1;
						  padding:14px 20px 15px 220px;
						  height:173px;
						  overflow:hidden;  }

.sp1					{ margin:0px 0 20px;
						  float:left;
						  width:230px;
						  background-image:url(../img/step1box.png); }

.sp2					{ float:left;
						  margin:70px 0 40px;
						  width:430px;
						  background-image:url(../img/step2box.png); }


.LGBox, .RBBox, .LWbox, .RWBox
						{ display:inline-block;
						  width:470px;
						  line-height:155%;  }
						  
.LWBox, .RWBox			{  }

.LWBox					{  }

.RWBox					{  } 

.LGBox, .RBBox			{ color:#FFF;
						  height:91px;
						  background-repeat:no-repeat;  }

.LGBox					{ float:right;
						  margin:0 0 20px 0;
						  background-image:url(../img/telecomarrow.png);
						  background-color:#AAA; }
						  
.RBBox					{ float:right;
						  margin: 0 0 20px 0;
						  background-image:url(../img/energyarrow.png);
						  background-color:#469fbd; }
						  
						  
						  
						  

.energyexHDR			{ background-image:url(../img/energyexHDR.png);
						  width:337px;
						  height:35px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  border:none;
						  margin:0 0 0 -1px; }
						  
.energyWHDR				{ background-image:url(../img/energyWHDR.png);
						  width:272px;
						  height:30px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  border:none;
						  margin:0 0 0 -1px; }
						  
.vidboxSM				{ background-image:url(../img/vid.png);
						  background-repeat:no-repeat;
						  background-position:center;
						  height:145px;
						  margin:-40px 0 0; }
 
.vidboxSM img			{ margin:0;
						  width:410px; }

.solutionHDR			{ background-image:url(../img/solutionHDR.png);
						  width:62px;
						  height:18px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em;
						  margin:10px 0 0 -1px;
						  display:inline-block; }

.telecomHDR				{ background-image:url(../img/telecomHDR.png);
						  width:439px;
						  height:25px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em;
						  margin: 0 0 0 -3px; }
						  
.telecomWHDR			{ background-image:url(../img/telecomWHDR.png);
						  width:352px;
						  height:30px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em;
						  margin: 0 0 0 -3px; }

.leftHDR				{ background-image:url(../img/svc/leftHDR.png);
						  background-repeat:no-repeat;
						  width:600px;
						  height:200px;
						  margin: 0 0 0 -8px;
						  float:left; }
						  
.leftHDR .trydemo		{ margin:85px 0 0 5px; }
						  
.Rblubox				{ float:right;
						  background-color:#469fbd;
						  background-image:url(../img/svc/bluboxHDR.png);
						  background-repeat:no-repeat;
						  background-position: center 15px; 
						  width:313px;
						  padding:50px 20px 10px;
						  color:#FFF;
						  line-height:140%;
						  display:inline-block; }
						  
.Rblubox p				{ margin:10px 0;  }

.Rcont					{ display:inline-block;
						  float:right;
						  width:313px;
						  margin:0px 20px 0 0;
						  color:#AAA; }
						  
.Rcont img				{ margin:20px 0 15px 0; }
 
.greyLbox				{ background-color:#AAA;
						  color:#FFF;
						  background-repeat:no-repeat;
						  background-position:20px 18px;
						  padding: 20px 20px 20px 85px;
						  width:503px;
						  float:left;
						  line-height:160%;
						  display:inline-block;
						  margin: 0 0 20px 0; }
						  
.greyLbox p				{ margin:5px 0 0 0;  }

#one					{ background-image:url(../img/svc/1.png); }
#two					{ background-image:url(../img/svc/2.png); }
#three					{ background-image:url(../img/svc/3.png); }

.last3cont				{ float:left;
						  color:#AAA;
						  padding: 0px 20px 20px 85px;
						  width:503px;
						  line-height:normal;
						  margin: 0 0 20px 0; }
						  
.youdecide				{ background-image:url(../img/svc/youdecHDR.png);
						  width:249px;
						  height:17px;
						  background-repeat:no-repeat;
						  margin: 0 0 10px -1px; }

.last3cont ul			{ margin:10px 0;
						  float:left; }
						  
.lastRp					{ background-image:url(../img/lastRp.png);
						  width:324px;
						  height:76px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  margin:20px 0 0 -5px; }



/*16.3 ABOUT STRUCTURE
------------------------------------------
*/

.TBHDR					{ color:#FFFFFF;
						  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
						  font-weight:bold;
						  font-size:22px; }

.abtHDR					{ text-indent:-999em;
						  background-image:url(../img/abtHDR.png);
						  background-repeat:no-repeat; 
						  height:22px;
						  width:142px;
						  text-decoration:none;
						  border:none; }
						  
.leftcol				{ float:left;
						  width:480px;
						  display:inline-block;
						  margin:20px 0 60px; }
						  
.leftcolopen			{ margin:0 0 60px 0; }
						  
.leftcol p				{ margin:10px 0;  }

.rightcol				{ float:right;
						  width:410px;
						  background-color:#AAA;
						  padding:20px;
						  color:#FFF;
						  margin: 0 0 20px 0;
						  display:inline-block; }
						  
.rightcol2				{ float:right;
						  width:410px;
						  background-color:#000;
						  padding:20px;
						  color:#FFF;
						  margin:65px 0 20px 0;
						  display:inline-block; }
						  
.rightcol3				{ float:right;
						  width:410px;
						  background-color:#AAA;
						  padding:20px;
						  color:#FFF;
						  margin:40px 0 20px 30px;
						  display:inline-block; }
						  
						  
						  
.rightcol img			{ float:left;
						  margin:10px 20px 0 0; }
						  
.rightcol .orange img	{ margin:0; 
					      float:none; }
						  
.rightcol p				{ margin: 0 0 10px 0;  }





/*16.4 SIGNUP STRUCTURE
------------------------------------------
*/

.createacct				{ float:right;
						  margin: 20px 70px 10px 0;}

.registerHDR			{ text-indent:-999em;
						  background-image:url(../img/registerHDR.png);
						  width:226px;
						  height:22px;
						  background-repeat:no-repeat;
						  border:none;
						  margin:0 0 20px 0; }

.signup					{ width:600px;
						  display:inline-block; }

.label					{ float:left;
						  width:140px;
						  margin:0px 10px 5px 0;
						  padding:5px 10px; 
						  height:20px;
						  letter-spacing:0.05em; }
						  
.salabel				{ float:left;
						  width:195px;
						  margin:0px 10px 5px 0;
						  padding:0px 10px; 
						  height:20px;
						  letter-spacing:0.05em; }
						  
.labelerr				{ 
						  color:#ef8000;
						  float:left;
						  width:140px;
						  margin:0px 10px 5px 0;
						  padding:5px 10px; 
						  height:20px;
						  letter-spacing:0.05em; }
						  
.input					{ border:none;
						  background-color:#F1F1F1;
						  padding:5px 10px;
						  font-size:14px;
						  height:20px;
						  margin:0 0 5px;
						  color:#555;
						  width:220px; }
						  
.cbinput				{ border:none;
						  background-color:#F1F1F1;
						  color:#555;
						  width:40px; }
						  
.ddinput				{ border:none;
						  background-color:#F1F1F1;
						  padding:5px 10px;
						  font-size:14px;
						  height:30px;
						  margin:0 0 5px;
						  color:#555;
						  width:239px; }
						  
.inputerr				{ border:none;
						  background-color:#f5ab00;
						  padding:5px 10px;
						  font-size:14px;
						  height:20px;
						  margin:0 0 5px;
						  color:#FFF;
						  width:220px; }
						  
.input:focus			{ color:#FFF;
						  background-color:#A1A1A1; }
						  
.rightcol .input:focus	{ color:#333;
						  background-color:#CCC; }
						  
.rightcol .input:hover	{ background-color:#CCC;  }

.input:hover			{ color:#FFF;
						  background-color:#AAA; }
						  
.fileinput				{ border:none;
						  background-color:#F1F1F1;
						  margin:5px 0; }
						  
						  
.sysalert				{ background-image:url(../img/white60.png);
						  display:inline-block;
						  padding:10px 20px;
						  background:#f5ab00;
						  color:#FFF;
						  width:920px;
						  clear:both; 
						  margin-bottom:10px; }
						  
.sysalert h2			{ margin:0 0 5px 0;
						  letter-spacing: 0.02em;
						  font-weight:lighter; }
						  
.sysok					{ background-image:url(../img/white60.png);
						  display:inline-block;
						  padding:10px 20px;
						  background:#4ebd46;
						  color:#FFF;
						  width:920px;
						  clear:both;
						  margin-bottom:10px; }
						  

						  
.sysok h2				{ margin:0 0 5px 0;
						  letter-spacing: 0.02em;
						  font-weight:lighter; }

.syserror				{ background-image:url(../img/white60.png);
						  display:inline-block;
						  padding:10px 20px;
						  background:#bd4646;
						  color:#FFF;
						  width:920px;
						  clear:both; 
						  margin-bottom:10px; }
						  
.syserror h2			{ margin:0 0 5px 0;
						  letter-spacing: 0.02em;
						  font-weight:lighter; }
						  
.acctstep1				{ float:right;
						  width:450px;
						  background-image:url(../img/acctstep1.png);
						  height:250px;
						  background-repeat:no-repeat;
						  margin:19px 0 0 0; }
						  
.acctstep2				{ float:right;
						  width:450px;
						  background-image:url(../img/acctstep2.png);
						  height:250px;
						  background-repeat:no-repeat;
						  margin:19px 0 0 0; }
						  
.acctstep3				{ float:right;
						  width:450px;
						  background-image:url(../img/acctstep3.png);
						  height:350px;
						  background-repeat:no-repeat;
						  margin:70px 0 0 0; }

/*16.5 CONTACT PAGE STRUCTURE
------------------------------------------
*/

.contactHDR 			{ background-image:url(../img/contactHDR.png);
						  width:126px;
						  height:26px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  border:none; }
						  
.textbox 				{ border:none;
						  background-color:#F1F1F1;
						  padding:10px;
						  font-size:14px;
						  height:170px;
						  margin:0 0 5px;
						  color:#555;
						  width:220px; }
						  
.textbox:focus, .textbox:hover
						{ color:#FFF;
        				  background-color:#A1A1A1; }
						  
button					{ margin: 0 0 0 10px; }

.rightcol .contactpg	{ font-size:14px;
						  font-weight:lighter; }

.rightcolimg			{ margin:26px 0 -180px -20px;
						  display:inline-block;
						  overflow:hidden;
						  width:450px; }



/*16.6 CAREERS PAGE & UPLOAD INVOICES STRUCTURE 
------------------------------------------
*/

.rightcol h2			{ font-weight:lighter;
						  margin: 0 0 10px 0; }		
	
.uploadinvoicesHDR		{ background-image:url(../img/uploadinvoicesHDR.png);
						  width:176px; 
						  height:33px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em;
						  margin:0 0 0 -3px; } 

.careersHDR				{ background-image:url(../img/careersHDR.png);
						  width:900px;
						  height:23px;
						  background-repeat:no-repeat;
						  text-indent:-999em;
						  border:none; }


/*16.7 PRESS RELEASE STRUCTURES
------------------------------------------
*/

.pressHDR				{ background-image:url(../img/pressHDR.png);
						  width:175px;
						  height:26px;
						  background-repeat:no-repeat;
						  border:none;
						  text-indent:-999em; }
						  
.postdate				{ float:right;
						  width:145px;
						  height:80px;
						  line-height:normal; }

.posted					{ color:#EFEFEF;
						  text-transform:uppercase;
						  font-size:0.85em;
						  float:right;
						  margin: 1px 0 0 0;
						  clear:both; }

.date					{ margin:0;
						  float:right;
						  clear:both;
						  color:#555; 
						  }

.headline				{ float:left;
						  color:#FFF;
						  width:260px;
						  line-height:normal;
						  text-align:justify;
						  font-weight:lighter;
						  font-size:13px; }

.pressitem				{ margin:0;
  						  height:70px;
						  margin:15px 0 0 0; 
						  border-bottom: 1px dotted; }


.pressitem:last-child	{ border:none; }


/*16.8 FORGOT PASSWORD STRUCTURE
------------------------------------------
*/

.centerbox				{ width:410px;
						  background-color:#AAA;
						  padding:20px;
						  color:#FFF;
						  float:right;
						  display:inline-block; }
						  
.centerbox h2			{ font-weight:lighter;
						  margin:0px 0px 10px 0px; }
						  
.centerbox p			{ margin: 0 0 10px 0;  }

.fform					{ float:left;
						  width:410px;
						  margin:68px 0;
						  display:inline-block; }
						  
#btnAA, #btnAB			{ margin:10px 0;
						  float:right; }
						  
.signinHDR				{ background-image:url(../img/signinHDR.png);
						  width:66px;
						  height:42px;
						  background-repeat:no-repeat;
						  margin: -45px 0 0 5px;
						  text-indent:-999em;
						  border:none; }



/*17.0 MANAGE STRUCTURES
------------------------------------------
*/

.download				{ text-align:center; }

.pdf					{ background-image:url(../img/pdf.jpg);
						  width:20px;
						  height:20px;
						  background-repeat:no-repeat;
						  float:left; }
						  
.excel					{ background-image:url(../img/excell.jpg);
						  width:20px;
						  height:20px;
						  background-repeat:no-repeat;
						  float:left;
						  margin: 0 0 0 15px;}

.table					{ width:960px;
						  -moz-border-radius: 5px;
					   	  -webkit-border-radius: 5px;
						  border-radius:5px; }

.table th				{ text-align:left;
						  padding:5px 10px;
						  letter-spacing:0.05em;
						  font-weight:lighter;
						  font-size:14px;
						  color:#000; }

.table td				{ height:45px;
						  padding:5px 10px; 
						  letter-spacing:0.05em;
	/*					  
						  background-image:url(img/tbbg.png);
						  background-repeat:repeat-x;
						  
	*/
						   }

.totals 				{ background-color:#EFEFEF;
						  text-transform:uppercase;
						  color:#555;
						  font-size:13px;
						  
						  background-repeat:repeat-x; }

.even					{ background-color:#f5fafa }

.odd					{ background-color:#FEFEFE; }