* {
  box-sizing: 		border-box;
}

body {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  color:			#151C54;
  background-color: #FFFFFF;
  display:			flex;
  flex-direction:	column;
  min-height:		100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[disabled] {
  background-color:	#E4E4E4;
  color:			#000000;
}

table {
  text-align: 		left;
  padding:			0px;
  margin:			auto;
  width:			100%;
}

thead,thead:link,thead:visited,thead:hover { 
  position:			sticky;
  top:				0px;
}

tr {
  padding:			0px;
  margin:			0px;
}

td {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  padding:			0px;
  margin:			0px;
  text-align:		left;
  white-space:		nowrap;
}

a {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  text-decoration: 	none;
  color:			#151C54;
}

a:link {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  text-decoration: 	none;
}

a:visited {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  text-decoration: 	none;
}

a:hover {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
}

select {
  height:			22px;
  width:			183px;
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  border:			1px solid #0066FF;
  border-radius:	5px;	
  padding:			3px;
  background-color:	#FFFFFF;
}

code::-moz-selection{
  background:		#CC0000;
  color:			#FFFFFF;
}

input {
  height:			14px;
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  padding:			3px;
  border-radius:	5px;	
  width:			175px;
  border:			1px solid #0066FF;
}

input[class="spinnerinput"] {
  width:			20px;
  border-radius:	0px;
}

textarea {
  font-size: 		11px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  width:			175px;
  height:			18px;
  line-height:		1.15;
  border-radius:	5px;	
  border:			1px solid #0066FF;
  padding:			1px;
}

form {
  display:			inline;
  margin:			0px;
}

sup {
  font-size: 		6px;
}

div {
  padding:			0px;
  margin:			auto;
  display:			block;
}

span {
  padding:			0px;
  margin:			0px;
}

canvas {
  background-color:#FFFFFF;
}

.svgicon {
  width:			16px;
  height:			16px;
}

.svgsmall {
  width:			14px;
  height:			14px;
  padding:			1px;
}

.svgcheckboxdiv {
  fill:				#000000;
}

.svgcheckbox {
  width:			14px;
  height:			14px;
  fill:				inherit;
}

.svgcheckboxReadOnly {
  fill:				#555555;
}

.checkboxlight {
  fill:				#FFFFFF;
}

hr {
  border-width:		0px;
  border-bottom:	1px solid #DDDDDD;
}

.bodycolor {
  background-color:	#F4F4F4;
}

.button {
  height:			auto;
  padding:			5px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  width: 			100px;
  border-style: 	solid;
  border-width: 	1px;
  border-radius:	20px;
  background:		linear-gradient(0deg, #DDDDDD, #FFFFFF);
  border-color:		#DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  color:			#151C54;
}

.button:hover {
  height:			auto;
  padding:			5px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  width: 			100px;
  border-style: 	solid;
  border-width: 	1px;
  border-radius:	20px;	
  background:		linear-gradient(0deg, #DDDDDD, #FFFFFF);
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  cursor:			pointer;
}

.groupcontainer {
  width:			auto;
  overflow:			hidden;
  border-radius:	20px;
  background-color:	#FFFFFF;
}

.grouphead {
  text-align:		left;
  padding:			10px 15px 0px 15px;
  vertical-align:	middle;
  background-color:	#FFFFFF;
}

.groupheadnotitle {
  padding:			0px 15px 0px 15px;
}

.groupheadbox {
  border-bottom:	1px solid #DDDDDD;
  padding:			10px 0px 10px 0px;
}

.groupheadtitle {
  display:			inline-flex;
  font-weight:		bold;
  font-size:		14px;
}

.groupheadlink {
  padding-top:		3px;
  text-align:		right;
  display:			inline-block;
  float:			right;
}

.groupbody {
  border-style: 	solid;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  background-color: #FFFFFF;
  width:			100%;
  padding:			0px;
}

.groupFullBody {
  vertical-align:	top;
  padding:			10px 0px 10px 0px;
}

.groupinnerbody {
  text-align: 		left;
  vertical-align:	top;
  padding:			3px 10px 0px 10px;
}

.groupbodycolor {
  background-color: #FFFFFF;
}

.groupbott {
  border-style: 	solid;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  height:			3px;
  background-color: #FFFFFF;
  font-size: 		3px;
  padding:			0px;
}

.whitebott {
  border-style: 	solid;
  border-width: 	0px 0px 2px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  height:			3px;
  background-color: #FFFFFF;
  font-size: 		3px;
  padding:			0px;
}

.whitebottleft {
  width:			6px;
  height:			3px;
  background:		url(../../pics/ecar-Silver/group-box-head-bg-left-bottom-white.gif) bottom left no-repeat;
  font-size: 		3px;
  padding:			0px;
}

.whitebottright {
  width:			6px;
  height:			3px;
  background:		url(../../pics/ecar-Silver/group-box-head-bg-right-bottom-white.gif) bottom right no-repeat;
  font-size: 		3px;
  padding:			0px;
}

.groupbox2 {
  border-style: 	ridge;
  border-width: 	0px 0px 1px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.grouphead2 {
  padding-left:		5px;
}

.grouphead2text {
  background-color: #E4EBF4;
  position:			relative;
  top:				5px;
}

.groupbody2 {
  border-style: 	ridge;
  border-width: 	0px 1px 1px 1px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  background-color: #E4EBF4;
  width:			100%;
}

.groupboxlist {
  border-bottom:	1px solid #DDDDDD;
  padding:			10px 0px 10px 0px;
  background-color:	#FFFFFF;
}

.groupheadlist {
  text-align:		left;
  padding:			10px 15px 0px 15px;
  vertical-align:	middle;
  background-color:	#FFFFFF;
  font-weight:		bold;
  font-size:		14px;
  display:			inline-flex;
}

.groupheadlistlink {
  text-align:		right;
  padding:			10px 15px 0px 3px;
  width:			auto;
  display:			inline-block;
}

.groupbodylist {
  border-style: 	solid;
  border-width: 	0px 2px 1px 1px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.groupBoxInstructions {
  padding:			5px 5px 7px 7px;
  white-space:		normal;
}

.mainHeaderContainer {
  background-color: #FFFFFF;
}

.mainHeader {
  background-color: #FFFFFF;
  width:			50%;
  margin-left:		0px;
  padding:			0px;
  display:			inline-block;
  vertical-align:	middle;
}

.mainHeaderRight {
  background-color: #FFFFFF;
  width:			50%;
  margin-right:		0px;
  padding:			0px;
  display:			inline-block;
  vertical-align:	middle;
  float:			right;
  text-align:		right;
}

.ecareheaderimage {
  max-width:		100%;
  max-height:		100%;
}

.productOffering {
  border-radius:	15px;
  border-style: 	solid;
  border-width: 	2px;
  border-color:		#000000;
  width:			auto;
  padding:			10px;
  display:			inline-block;
  margin-right:		20px;
  margin-bottom:	20px;
  vertical-align:	top;
}

.productOfferingSelected {
  border-radius:	15px;
  border-style: 	solid;
  border-width: 	2px;
  border-color:		#000000;
  width:			auto;
  padding:			10px;
  display:			inline-block;
  margin-right:		20px;
  margin-bottom:	20px;
  background-color:	#0066FF;
  vertical-align:	top;
  color:			#FFFFFF;
}

.productOffering:hover, .productOfferingSelected:hover {
  cursor:			pointer;
}

.productShowSelected {
  display:			none;
}

.productShowUnselected {
  display:			block;
}

.productGroupArea {
  border-radius:	15px;
  background-color:	#FFFFFF;
  padding:			20px;
  margin-bottom:	10px;
}

.productGroupTitle {
  font-weight:		bold;
  font-size:		14px;
  padding:			10px 0px 15px 0px;
  border-bottom:	1px solid #DDDDDD;
  white-space:		normal;
  margin-bottom:	10px;
}

.productQuantityArea {
  margin:			auto;
  text-align:		center;
}

.advertisementArea {
  width:			auto;
}

.advertisementImage {
  max-width:		700px;
  max-height:		100%;
}

.ecareMessagesArea {
  border-style: 	solid;
  border-width: 	0px;
  border-radius:	20px;
  padding:			1px 20px 1px 20px;
  background-color:	#FFFFFF;
  max-width:		76%;
  width:			auto;
  color:			#FF0000;
  white-space: 		pre-wrap;
  margin:			auto;
}

.mainMenu {
  border-style: 	solid;
  border-color:		#FFFFFF;
  border-width: 	1px;
  border-radius:	10px 0px 0px 0px;	
  background:		#FFFFFF;
  position:			absolute;
  right:			0px;
  margin-top:		-30px;
  width:			auto;
  padding:			0px;
}

.mainMenuLinkDiv {
  display:			inline-block;
  text-align:		center;
  padding:			8px 13px 8px 13px;
}

.mainMenuLink {
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  text-decoration: 	none;
  padding:			8px 0px 8px 0px;
}

.mainMenuLink:link {
  font-weight: 		normal;
}

.mainMenuLink:visited {
  font-weight: 		normal;
}

.mainMenuLink:hover {
  border-bottom:	4px solid #0066FF;
}

.mainMenuLinkSelected {
  border-bottom:	4px solid #0066FF;
}

.mainMobileMenu {
  background:		#FFFFFF;
  position:			absolute;
  right:			0px;
  margin-top:		-38px;
  width:			auto;
  padding:			0px 0px 5px 0px;
  display:			none;
  border-radius:	10px 0px 0px 0px;	
}

.mainBody {
  background-color:	#F4F4F4;
}

.mainFooter {
  background-color: #000000;
  color:			#FFFFFF;
  width:			100vw;
}

.mainFooterLeft {
  display:			inline-block;
  margin-left:		0px;
  padding:			40px 0px 40px 40px;
  max-width:		50%;
}

.mainFooterRight {
  display:			inline-block;
  float:			right;
  vertical-align:	top;
  text-align:		right;
  padding:			40px 40px 40px 0px;
}

.mainFooterLinkArea {
  padding:			0px 0px 10px 0px;
}

.eftNotEnrolled {
  fill:				#333333;
  color:			#333333;
  padding-left:		8px;
  vertical-align:	middle;
}

.eftPending {
  fill:				#2ECCFF;	
  color:			#2ECCFF;	
  padding-left:		8px;
  vertical-align:	middle;
}

.eftActive {
  fill:				#55F000;	
  color:			#55F000;	
  padding-left:		8px;
  vertical-align:	middle;
}

.eftSuspended {
  fill:				#2ECCFF;	
  color:			#2ECCFF;	
  padding-left:		8px;
  vertical-align:	middle;
}

.divAutopayText {
  display:			inline-block;
  vertical-align:	top;
  padding-top:		2px;
}

.totalDueText {
  font-size:		15px;
}

.ecareaccount {
  width:			5px;
  padding:			0px;
}

.iconimage {
  padding-bottom:	6px;
}

.iconsep {
  width:			20px;
}

a.ecarelink:link, a.ecarelink:hover, a.ecarelink:visited {
  font-weight: 		bold;
}

a.iconlink:link, a.iconlink:hover, a.iconlink:visited {
  font-weight: 		normal;
  text-decoration: 	none;
}

a.linkHighlight:link,a.linkHighlight:visited {
  color:			#0066FF;
}

a.linkHighlight:hover {
  color:			#0066FF;
}

a.linkWhite:link,a.linkWhite:visited {
  color:			#FFFFFF;
}

a.linkWhite:hover {
  color:			#FFFFFF;
}

.quickLinkArea {
  padding:			5px 5px 5px 5px;	
}

.spinnerdecrease, .spinnerincrease {
  display:			flex;
  border-style: 	solid;
  border-color:		#0066FF;
  font-size: 		14px;
  width:			18px;
  height:			20px;
  text-align:		center;
  vertical-align:	middle;
  align-items:		center;
  padding:			0px 3px 0px 3px;
  background-color:	#153574;
}

.spinnerdecrease {
  border-width:		1px 0px 1px 1px;
  border-radius:	5px 0px 0px 5px;
}

.spinnerincrease {
  border-width:		1px 1px 1px 0px;
  border-radius:	0px 5px 5px 0px;
}

.spinnericon {
  fill:				#FFFFFF;
  width:			8px;
  height:			8px;
  margin:			auto;
}

.spinnerdecrease:hover, .spinnerincrease:hover {
  background-color:	#005A95;
  cursor:			pointer;
}

.spinnerinput {
  text-align:		center;
  border-width:		1px 0px 1px 0px;
}

.rowlinkover {
  background:		linear-gradient(0deg, #EAEAEA, #FFFFFF);
  cursor:			pointer;
}

.checkbox {
  border:			none;
  background:		transparent;
  height:			14px;
  margin: 			auto;
  padding:			1px;
  width:			13px;
}

.devzone {
  background-color:	#ff9999;
  padding:			3px;
  border-bottom:	1px solid #000000;
  width:			100%;
  position:			absolute;
  z-index:			99;
}

.contmargin {
  width:			100%;
  text-align: 		center;
  margin-left: 		auto;
  margin-right: 	auto;
}

.contcolor {
  padding:			0px;
}

.buttonadd {
  height:			auto;
  padding:			5px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  width: 			100px;
  color:			#333333;
  border-width: 	1px;
  border-radius:	20px;	
  border-color:		#9E9E9E;
  background-color:	#0066FF;
}

.buttonadd[disabled="disabled"] {
  color: 			#777777;
}

.buttonremove {
  height:			auto;
  padding:			5px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		bold;
  width: 			100px;
  color:			#333333;
  border-width: 	1px;
  border-radius:	20px;	
  border-color:		#9E9E9E;
  background-color:	#0066FF;
}

.buttonremove[disabled="disabled"] {
  color: 			#777777;
}

.dueButtons {
  padding:			5px;
  text-align:		center;
}

.dueAmount {
  font-size:		22px;
  font-weight:		bold;
  padding-left:		8px;
  padding-top:		2px;
  padding-bottom:	2px;
}

.dueDate {
  padding-left:		8px;
  padding-top:		2px;
  padding-bottom:	2px;
}

.payButton,.payButton:link,.payButton:visited,.payButton:hover {
  width:			100%;
  padding:			4px;
  height:			auto;
}

.invoiceButton,.invoiceButton:link,.invoiceButton:visited,.invoiceButton:hover {
  width:			100%;
  padding:			4px;
  height:			auto;
}

#divViewInvoiceButton {
  display:			none;
}

.supportButton,.supportButton:link,.supportButton:visited,.supportButton:hover {
  background:		linear-gradient(0deg, #DDDDDD, #FFFFFF);
  border-color:		#DDDDDD #DDDDDD #DDDDDD #DDDDDD;
  width:			100%;
  padding:			4px;
  height:			auto;
  display:			none;
}

.supportButton:hover {
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.invoicePayLinks {
  padding:			5px;
  line-height:		2.0;
  width:			180px;
  margin-left:		0px;
  text-align:		center;
}

.iconbutton {
  padding-top:		3px;
  padding-bottom:	4px;
  padding-right:	5px;
  padding-left:		3px;
  cursor:			pointer;
}

.iconbuttonover {
  padding-top:		3px;
  padding-bottom:	4px;
  padding-right:	5px;
  padding-left:		3px;
  cursor:			pointer;
}

.iconbuttonsmall {
  text-align:       center;
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	8px;
  padding-left:		6px;
  cursor:			pointer;
}

.iconbuttonsmallover {
  text-align:       center;
  padding-top:		2px;
  padding-bottom:	2px;
  padding-right:	8px;
  padding-left:		6px;
  cursor:			pointer;
}

.iconbuttonextrasmall {
  text-align:       center;
  cursor:			pointer;
}

.iconbuttonextrasmallover {
  text-align:       center;
  cursor:			pointer;
}

.buttonsrch {
  padding:			1px 5px 1px 5px;
}

.buttoncal {
  padding:			2px 5px 1px 5px;
}

.sectionarea {
  width:			100%;
  margin:			auto;
}

.sectioncell {
  text-align: 		left;
  vertical-align:	top;
  padding:			3px 10px 0px 10px;
}

.sectionPadding {
  padding:			10px 10px 10px 0px;
  vertical-align:	top;
  text-align:		left;
}

.phoneinput {
  background:		none;
  border:			none;
  color:			#FF0000;
}

.datedisplay {
  height:			12px;
  font-family: 		Helvetica,Arial,Tahoma;
  font-weight: 		normal;
  margin: 			0px 0px 0px 0px;
  border:			1px solid #9E9E9E;
  padding:			2px;
  background-color:	#E4E4E4;
  width:			173px;
}

.controlpanelarea {
  width:			250px;
  position:			absolute;
  z-index:			90;
}

.controlpaneltitle {
  padding:			10px 0px 0px 5px;
  font-weight: 		bold;
  font-size: 		14px;
}

a.mbsmenulink:link,a.mbsmenulink:visited {
  white-space:		nowrap;
  font-weight: 		bold;
  text-align:		left;
  text-decoration: 	none;
  color:			#000000;
  background-color: #E4EBF4;
  display:			block;
  padding:			0px;
}

a.mbsmenulink:hover {
  white-space:		nowrap;
  font-weight: 		bold;
  text-align:		left;
  text-decoration: 	none;
  color:			#000000;
  display:			block;
  padding:			0px;
}

.fulltreearea {
  height:			455px;
  width:			230px;
  overflow:			hidden;
  background-color:	#FFFFFF;
  padding:			0px;
}

.fulltreeareatop {
  height:			81px;
  width:			230px;
  overflow:			hidden;
  background-color:	#FFFFFF;
  padding:			0px;
}

.fulltreeareahover {
  border:			1px solid #9E9E9E;
}

.fulltreeareafixed {
  height:			18px;
  width:			223px;
  background-color:	#FFFFFF;
  padding:			4px 4px 2px 4px;
  overflow:			hidden;
  border-bottom:	1px solid #9E9E9E;
}

.fulltreeareascrollgtr {
  height:			68px;
  width:			223px;
  background-color:	#FFFFFF;
  padding:			2px 4px 4px 4px;
  overflow:			auto;
}

.fulltreeareascroll {
  height:			365px;
  width:			223px;
  background-color:	#FFFFFF;
  padding:			2px 4px 4px 4px;
  overflow:			auto;
}

.fulltreebott {
  border-style: 	solid;
  border-width: 	0px 0px 2px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  height:			6px;
  background-color: #FFFFFF;
  font-size: 		1px;
}

.fulltreebottleft {
  width:			6px;
  height:			6px;
  background:		url(../../pics/ecar-Silver/tree-left-bottom.gif) bottom left no-repeat;
  font-size: 		1px;
}

.fulltreebottright {
  width:			6px;
  height:			6px;
  background:		url(../../pics/ecar-Silver/tree-right-bottom.gif) bottom right no-repeat;
  font-size: 		1px;
}

.treerow {
  padding:			2px 0px 2px 0px;
}

.treeselect {
  width:			1500px;
  border-width: 	0px 0px 0px 0px;
  background-color: #F5DAAF;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			0px;
}

.treeindent {
  font-size: 		15px;
  padding-left:		10px;
}

a.treelink:link,a.treelink:visited,a.treelink:hover {
  font-weight: 		normal;
  color: 			#000000;
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			0px;
}

.treelink {
  width:			1500px;
  border-width: 	0px 0px 0px 0px;
  background-color:	#FFFFFF;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			0px;
}

.treeiconarea {
  display:			none;
}

.treeiconcell {
  background:		none;
  border-bottom:	1px solid #9E9E9E;
}

.treeiconselected {
  border-bottom:	1px solid #9E9E9E;
}

a.treeiconlink:link,a.treeiconlink:visited {
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			2px 2px 2px 2px;
  display:			block;
  width:			auto;
  background:		none;
}

a.treeiconlink:hover {
  border-width: 	0px 0px 0px 0px;
  cursor:			pointer;
  padding:			2px 2px 2px 2px;
  display:			block;
  width:			auto;
}

.treeiconlink {
  width:			300px;
  border-width: 	0px 0px 0px 0px;
  background-color:	#FFFFFF;
  font-weight: 		normal;
  color: 			#000000;
  cursor:			pointer;
  padding:			0px;
}

.divcontainer {
  overflow:			scroll;
}

.addlinfo {
  height:			300px;
}

.ddlcontainer {
  display:			none;
  position:			absolute;
  width:			150px;
  height:			120px;
  text-align:		left;
  border-top:		1px solid #9E9E9E;
  border-bottom:	2px solid #000000;
  border-left:		1px solid #9E9E9E;
  border-right:		2px solid #000000;
  background-color: #E4EBF4;
  z-index:			90;
}

.ddlscroll {
  width:			147px;
  height:			117px;
  text-align:		left;
  overflow:			scroll;
  margin:			auto;
}

.ddllist {
  width:			100%;
  height:			auto;
  margin-left:		0px;
}

.ddlcell {
  width:			auto;
  display:			block;
  padding:			1px 2px 1px 2px;
  text-align:		left;
  font-weight: 		normal;
}

.ddlcell:hover {
  cursor:			pointer;
  background:		linear-gradient(0deg, #EAEAEA, #FFFFFF);
  width:			auto;
  display:			block;
  padding:			1px 2px 1px 2px;
  text-align:		left;
  font-weight: 		normal;
}

.combobuttonarea {
  vertical-align:	middle;
  padding:			0px;
}

.combobuttoninnerarea {
  border-style: 	solid;
  border-width:		1px 1px 1px 0px;
  border-color: 	#8DB4E3;
  background-color:	#FFFFFF;
  padding:			0px 1px 0px 2px;
}

.combobuttoninnerarearo {
  background-color:	#E4E4E4;
  padding:			0px 0px 0px 1px;
}

.combobuttonreadonly {
  border-style: 	solid;
  border-width:		1px 1px 1px 1px;
  border-color: 	#E4E4E4;
  background-color:	#FFFFFF;
  padding:			1px;
}

.displaybox {
  overflow:			auto;
  position:			absolute;
  width:			200px;
  height:			100px;
  text-align:		left;
  border-style:		solid;
  border-width:		1px 2px 2px 1px;
  border-color:		#9E9E9E;
  white-space:		normal;
  z-index:			99;
  padding:			3px;
  background-color: #E4EBF4;
}

.hovertextarea {
  overflow:			visible;
  position:			fixed;
  width:			auto;
  text-align:		left;
  border-style:		solid;
  border-width:		1px;
  border-color:		#000000;
  white-space:		normal;
  z-index:			99;
  padding:			2px 3px 2px 3px;
  background-color: #FFFFE1;
  display:			none;
}

.emailbox {
  border-style:		solid;
  border-width:		1px;
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  background-color: #FFFFFF;
}

.emailhead {
  background-color: #9E9E9E;
  font-weight: 		bold;
  color:			#000000;
}

.tabsarea {
  padding:			0px 10px 0px 10px;	
}

.tabcontainer {
  overflow:			hidden;
}

.tabmiddle {
  text-align:		center;
  font-weight: 		bold;
  padding:			2px 3px 2px 3px;
  display:			inline-block;
}

a.tablink:link,a.tablink:visited,a.tablink:hover {
  font-weight: 		bold;
  display:			block;
  padding:			3px 3px 3px 3px;
}

.tabmiddleselected {
  text-align:		center;
  font-weight: 		bold;
  padding:			2px 3px 2px 3px;
  background-color: #FFFFFF;
  display:			inline-block;
  border-bottom:	4px solid #0066FF;
}

a.tablinkselected:link,a.tablinkselected:visited,a.tablinkselected:hover {
  font-weight: 		bold;
  display:			block;
  padding:			3px 3px 3px 3px;
}

.tabbody {
  width:			100%;
}

.tabbott {
  font-size:		2px;
}

.expandarea {
  width: 			98%;
  height: 			98%;
  z-index:			94;
  position:			fixed;
  top:				1%;
  left:				1%;
}

.pageoverlay {
  text-align:		center;
  width: 			100%;
  height: 			100%;
  position:			fixed;
  left:				0;
  top:				0;
  z-index:			98;
  display:			none;
}

.pagelayeroutercontainer, .pagelayererrorcontainer {
  background-color: transparent;
  width:			auto;
  box-shadow:		0px 1px 7px #888888;
  border-radius:	10px;
  border-width:		1px; 
  border-style: 	solid;
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  max-height:		100vh;
  overflow:		auto;
}

.pagelayererrorcontainer {
  padding:			10px;	
  background-color:	#FFFFFF;
}

.pagelayercontainer {
  text-align:		center;
  position:			fixed;
  z-index:			96;
  display:			none;
  background:		url(../../pics/ecar-Silver/transparent.gif) 0 0 repeat;
  padding:			0px 0px 0px 0px;
  left:				0;
  top:				0;
}

.pagelayerarea {
  text-align:		center;
  width: 			100%;
  height: 			100%;
  position:			fixed;
  display:			none;
  background:		url(../../pics/ecar-Silver/transparent-dim.gif) 0 0 repeat;
  padding:			0px 0px 0px 0px;
}

.pagelayer {
  text-align:		center;
  margin-left:		auto;
  margin-right:		auto;
  position:			absolute;
  top:				10%;
  left:				10%;
  padding:			0px 0px 0px 0px;
}

.pagelayerbordcenter {
  background:		none;
  background-color: transparent;
}

.transparent {
  background:		url(../../pics/ecar-Silver/transparent.gif) 0 0 repeat;
}

.transparent-dim {
  background:		url(../../pics/ecar-Silver/transparent-dim.gif) 0 0 repeat;
}

.errorbox {
  margin-left:		auto;
  margin-right:		auto;
  width:			500px;
  white-space:		normal;
  background:		url(../../pics/ecar-Silver/transparent.gif) 0 0 repeat;
}

.ajaxprogress {
  margin-left:		auto;
  margin-right:		auto;
  background:		url(../../pics/ecar-Silver/transparent.gif) 0 0 repeat;
}

.jsscriptarea {
  display:			none;
  visibility:		hidden;
  position:			fixed;
}

.debugarea {
  text-align:		center;
  margin:			auto;
  padding:			5px;
}

.listretainarea {
  position:			fixed;
  z-index:			100;
}

.cmenuarea {
  width: 			auto;
  overflow:			hidden;
  display:			none;
  background-color: #E4EBF4;
  z-index:			100;
  position:			fixed;
  top:				1%;
  left:				1%;
  border-top:		1px solid #9E9E9E;
  border-bottom:	2px solid #000000;
}

.cmenudisabled {
  white-space:		nowrap;
  font-weight: 		normal;
  text-align:		left;
  text-decoration: 	none;
  display:			block;
  padding:			3px 5px 3px 5px;
  width:			150px;
  border-left:		1px solid #9E9E9E;
  border-right:		2px solid #000000;
}

a.cmenulink:link,a.cmenulink:visited {
  white-space:		nowrap;
  font-weight: 		normal;
  text-align:		left;
  text-decoration: 	none;
  display:			block;
  padding:			3px 5px 3px 5px;
  width:			150px;
  border-left:		1px solid #9E9E9E;
  border-right:		2px solid #000000;
}

a.cmenulink:hover {
  white-space:		nowrap;
  font-weight: 		normal;
  text-align:		left;
  text-decoration: 	none;
  background:		linear-gradient(0deg, #EAEAEA, #FFFFFF);
  display:			block;
  padding:			3px 5px 3px 5px;
  width:			150px;
  border-left:		1px solid #9E9E9E;
  border-right:		2px solid #000000;
}

@media print {
  .listheadcontainer {
	display:	none;
  }
  .areaToNotPrint * {
    visibility: hidden;
  }
  .areaToPrint, .areaToPrint * {
    visibility: visible;
  }
  .areaToPrint {
 	position: absolute;
    left: 0;
    top: 0;
  }
}

.listcontainer {
  background-color: #FFFFFF;
  overflow:			scroll;
  height: 			calc(100% - 19px);
  border-radius:	20px;
}

.listhead {
  background-color: #FFFFFF;
  font-weight: 		normal;
  text-align:		left;
  vertical-align: 	bottom;
  padding: 			5px;
  border-bottom:	1px solid #9E9E9E;
}

.listheadhidden {
  display:			none;
}

.listheaddata {
  padding: 			0px 5px 0px 5px;
  font-size:		14px;
  width:			100%;
  background:		transparent;
  opacity:			0.0;
  filter:			alpha(opacity=0);
  -moz-opacity:		.00;
}

.listheaddatahidden {
  display:			none;
}

.listdata {
  font-weight: 		normal;
  padding: 			5px;
  overflow:			visible;
  white-space:		nowrap;
  border-bottom:	1px solid #DDDDDD;
  cursor:			pointer;
}

.listdatahidden {
  display:			none;
}

.listselect {
  background:		#EEEEEE;
  font-weight: 		normal;
  padding: 			5px;
  overflow:			visible;
  white-space:		nowrap;
  border-bottom:	1px solid #DDDDDD;
  cursor:			pointer;
}

.listselecthidden {
  display:			none;
}

.listrow {
  border-bottom:	1px solid #E4EBF4;
}

.listrow:hover {
  border-bottom:	1px solid #E4EBF4;
  cursor:			pointer;
}

a.listheadlink:link,a.listheadlink:visited {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  padding: 			1px 5px 1px 5px;
}

a.listheadlink:hover {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  background:		linear-gradient(0deg, #EAEAEA, #FFFFFF);
  padding: 			1px 5px 1px 5px;
}

a.listheadsortlink:link,a.listheadsortlink:visited {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  padding: 			1px 5px 1px 5px;
}

a.listheadsortlink:hover {
  text-decoration: 	none;
  display:			block;
  font-weight: 		normal;
  background:		linear-gradient(0deg, #EAEAEA, #FFFFFF);
  padding: 			1px 5px 1px 5px;
}

.staticlisthead {
  background-color: #FFFFFF;
  font-weight: 		normal;
  vertical-align: 	bottom;
  padding:			5px;
  border-bottom:	1px solid #9E9E9E;
}

.staticlistdata {
  font-weight: 		normal;
  vertical-align: 	middle;
  padding:			5px 3px 5px 3px;
}

.justright {
  text-align: 		right;	 
}

.rowsep {
  font-size: 		3px;
}

.colsep {
  width:			5px;
}

.fieldarea {
  width:			1%;
  margin-left:		0px;
  padding:			0px;
}

.fieldcell {
  width:			auto;
  padding:			0px;
}

.fieldlabel {
  text-align:		left;
  padding:			0px 0px 0px 8px;
  width:			110px;
  vertical-align:	middle;
  display:			table-cell;
  padding:			1px 0px 1px 3px;
}

.fieldlabeltextarea {
  vertical-align:	top;
  padding-top:		4px;
}

.fieldlabelinner {
  padding:			0px;
  width:			110px;
  vertical-align:	middle;
  overflow:			hidden;
}

.fieldlabelinnerreq {
  padding:			0px;
  width:			110px;
  vertical-align:	middle;
  overflow:			hidden;
  font-weight:		bold;
}

.fieldvalue {
  vertical-align:	middle;
  padding:			0px 0px 0px 3px;
  display:			table-cell;
  height:			20px;
}

.fieldlabelchk {
  text-align:		left;
  padding:			6px 0px 0px 3px;
  height:			20px;
  vertical-align:	top;
}

.fieldvaluecheckbox {
  vertical-align:	top;
  padding-top:		5px;	
}

.fieldareacheck {
  padding-top:		2px;
}

.fielddata {
  height:			20px;
  vertical-align:	middle;
}

.fontattention {
  color: 			#FF0000;
}

.fontbold {
  font-weight: 		bold;
}

.fonterr {
  font-weight: 		bold;
  color: 			#CC0033;
}

.calarea {
  position:			fixed;
  display:			none;
  z-index:			95;
  border:			1px solid #333333;
  background-color:	#FFFFFF;
  border-radius:	15px;
}

.calareainner {
  background-color: #FFFFFF;
  border-style: 	solid;
  border-width: 	0px 0px 0px 0px;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.calhead {
  padding:			4px 10px 4px 10px;
  background-color: #EEEEEE;
  font-size: 		15px;
  text-align:		center;
  border-width:		0px 1px 1px 0px;
  border-style:		solid;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}
 
input[class="calyear"] {
  width:			35px;
}

input[class="caltime"] {
  width:			45px;
}

.calcell {
  padding:			4px 10px 4px 10px;
  text-align:		center;
  font-size: 		15px;
  border-width:		0px 1px 1px 0px;
  border-style:		solid;
  border-color: 	#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
  background-color: #FFFFFF;
}

.calcell:hover {
  background-color:	#333333;
  color:			#FFFFFF;
  cursor:			pointer;
  font-size: 		15px;
}

.calcelloth {
  background-color:	#EEEEEE;
}

.calcellselected {
  padding:			4px 10px 4px 10px;
  text-align:		center;
  background:		linear-gradient(0deg, #CCCCCC, #FFFFFF);
  font-size: 		15px;
}

.calbutton {
  width:			70px;
}

.wizardArea {
  max-width:		900px;
}

.wizardpagetitle {
  font-size: 		12px;
  font-weight: 		bold;
  border-bottom:	1px solid #DDDDDD;
  white-space:		normal;
  padding:			20px 35px 15px 5px;
  margin-bottom:	10px;
  text-align:		center;
}

.readonlycolor {
  color:			#AAAAAA;
}

.contcontainer {
  width:			100vw;
  overflow:			hidden;
  background-color:	#F4F4F4;
  flex:				1 1 auto;
}

.canvasClickArea {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,0,0,0.2);
  position:			absolute;
}

.canvasClickArea:hover {
  border:			1px solid #FF0000;
  border-radius:	5px;
  background-color:	rgba(255,0,0,0.5);
  position:			absolute;
  cursor:			pointer;
}

.canvasClickAreaPrint {
  border:			0px solid #FF0000;
  border-radius:	5px;
  background-color:	transparent;
  position:			absolute;
}

.canvasButtonArea {
  position:			fixed;
  right:			20px;
  top:				10px;
}

.custlistlink,.custlistlink:hover,.custlistlink:link,.custlistlink:visited {
  white-space:		nowrap;
  font-weight: 		normal;
  font-size: 		12px;
  text-align:		left;
  text-decoration: 	none;
  color:			#000000;
  display:			block;
  padding:			5px;
  white-space:		normal;
}

.custlistlink:hover,.custlistlink:link,.custlistlink:visited {
  background-color: #E4EBF4;
}

.installAddressSuggested {
  width:			500px;
  height:			200px;
  overflow:			scroll;
  border:			1px solid #9E9E9E;
}

.statusMessage {
  transition:		1s opacity;
  text-align:		center;
  position:			fixed;
  padding:			10px;
  display:			block;
  left:				50%;
  margin-left:		-100px;
  top:				20%;
  white-space:		normal;
  width:			200px;
  border:			1px solid #000000;
  z-index:			99;
  background-color:	#EEEEEE;
  border-radius:	5px;
  box-shadow:		1px 1px 1px #888888;
}

.loginName {
  padding:			3px 0px 3px 0px;
  font-size:		9px;
  font-weight:		bold;
  text-align:		right;
}

.accountField {
  width:			150px;
  font-size:		9px;
}

.loginAccess {
  padding:			10px 0px 10px 0px;
  margin:			auto;
  font-size:		14px;
  text-align:		center;
  font-weight:		bold;
}

.loginAccessExtended {
  padding:			0px 0px 5px 0px;
  margin:			auto;
  text-align:		center;
  color:			#555555;
  white-space:		pre-wrap;
}

.loginLabel {
  padding:			3px 0px 3px 3px;
  text-align:		left;
}

.loginInput {
  font-size:		18px;
  padding:			6px;
  width:			240px;
}

.loginButton,.loginButton:link,.loginButton:visited,.loginButton:hover {
  width:			100%;
  padding:			8px;
}

.loginPadding {
  width:			auto;
  padding:			10px 30px 10px 30px;
  text-align:		center;
}

.registerButton,.registerButton:link,.registerButton:visited,.registerButton:hover {
  width:			100%;
  padding:			8px;
  background:		linear-gradient(0deg, #DDDDDD, #FFFFFF);
  border-color:		#DDDDDD #DDDDDD #DDDDDD #DDDDDD;
}

.registerButton:hover {
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.signupButton,.signupButton:link,.signupButton:visited,.signupButton:hover {
  width:			100%;
  padding:			8px;
  background:		linear-gradient(0deg, #DDDDDD, #FFFFFF);
  border-color:		#DDDDDD #DDDDDD #DDDDDD #DDDDDD;
}

.signupButton:hover {
  border-color:		#9E9E9E #9E9E9E #9E9E9E #9E9E9E;
}

.installInstructions {
  white-space:		normal;	
  padding:			15px;
}

.installTimeInstructions {
  text-align:		center;
  padding:			5px;
  white-space:		normal;
}

.installTime, .installTimeSelected {
  padding:			5px 5px 5px 5px;
  border:			1px solid #0066FF;
  border-radius:	5px;
  width:			80px;
  display:			inline-block;
  text-align:		center;
  font-weight:		bold;
  font-size:		12px;
  margin:			10px 10px 0px 0px;
}

.installTimeSelected {
  background-color:	#0066FF;
  color:			#FFFFFF;
}

.installAddressPage {
  max-width:		500px;
}

.installAddressField {
  width:			300px;
}

.installCalendar, .installTimeArea {
  border:			0px solid #0066FF;
  border-radius:	15px;
  padding:			10px;
  background-color:	#FFFFFF;
}

.installTimeArea {
  margin-top:		5px;
  text-align:		center;
  padding:			5px;
  white-space:		normal;
}

.installCalendarMonth, .installTimeInstructions {
  font-size:		16px;
  font-weight:		bold;
  text-align:		center;
  border-bottom:	1px solid #DDDDDD;
  padding:			3px 0px 5px 0px;
}

.installCalMonthNav {
  padding:			0px 20px 0px 20px;
}

.installCalHead, .installCalDay, .installCalDayAvail, .installCalDaySelected {
  padding:			5px 3px 5px 3px;
  text-align:		center;
  font-size:		14px;
  font-weight:		bold;
}

.installCalDayAvail, .installCalDaySelected {
  border-radius:	15px;
  border:			1px solid #0066FF;
}

.installCalDaySelected {
  background-color:	#0066FF;
  color:			#FFFFFF;
}

.installCalDayAvail:hover, .installCalDaySelected:hover {
  cursor:			pointer;
  background-color:	
}

.installChargeSummary {
  padding-left:		10px;
}

.installChgSummaryProductTitle {
  font-weight:		bold;
  font-size:		14px;
  min-width:		200px;
}

.installChgSummaryProductSep {
  height:			20px;
}

.installChgSummaryLineDescription {
  padding:			5px 10px 5px 10px;
}

.installChgSummaryLineTotal {
  padding:			5px 0px 5px 0px;
}

.installFeaturePage {
  width:			600px;
}

.installContactPage {
  width:			500px;
}

.installConfirmationPage {
  width:			650px;
}

.installCheckText {
  width:			300px;
  white-space:		normal;
}

.wizardProgressBar {
  text-align:		center;
  width:			fit-content;
  padding-top:		10px;
}

.wizardProgressBranchArea {
  display:			inline-block;
  vertical-align:	middle;
  padding:			0px;
}

.wizardProgressNodeArea {
  display:			inline-block;
  vertical-align:	middle;
  padding:			0px;
  position:			relative;
}

.wizardProgressNode, .wizardProgressBranch {
  fill:				#C4C4C4;
  stroke:			#C4C4C4;
}

.wizardProgressNodeSelected, .wizardProgressBranchSelected {
  fill:				#0066FF;
  stroke:			#0066FF;
}

.wizardProgressNumber {
  position: 		absolute;
  top: 				0px;
  left: 			0px;
  color: 			#FFFFFF;
  fill:				#FFFFFF;
  stroke:			#FFFFFF;
  font-weight:		bold;
  width:			36px;
  height:			36px;
  padding:			0px;
  align-items:		center;
  display:			flex;
  text-align:		center;
}

.wizardProgressNode, .wizardProgressNodeSelected {
  width:			36px;
  height:			36px;
}

.wizardProgressIcon {
  width:			20px;
  height:			20px;
  margin:			auto;
}

.wizardConfirmArea {
  width:			600px;	
}

.wizardConfirmSpacer {
  height:			5px;
}

.wizardConfirmGroupArea {
  width:			auto;
  overflow:			hidden;
  border-radius:	20px;
  background-color:	#FFFFFF;
  padding:			10px;
  margin-bottom:	10px;
}

.wizardConfirmationPrintButton {
  margin-right:		0px;
  padding-bottom:	5px;
}

.wizardConfirmationTitle {
  white-space:		normal;	
  font-weight:		bold;
  font-size:		14px;
}

.wizardConfirmationSectionTitle {
  display:			block;
  padding:			10px 0px 10px 0px;
  font-weight:		bold;
  white-space:		normal;
  border-bottom:	1px solid #DDDDDD;
  margin-left:		8px;
}

.wizardConfirmDataLabel, .wizardConfirmDataValue {
  display:			inline-block;
  white-space:		normal;
  vertical-align:	top;
  padding:			5px 0px 5px 0px;
}

.wizardConfirmDataLabel {
  width:			270px;
  margin-left:		20px;
}
	
.wizardConfirmDataValue {
  width:			300px;
}
	
.resetPasswordArea {
  width:			450px;	
}

.inlineDiv {
  display:			inline-block;
  vertical-align:	top;
}

.ifmMerchantIframe {
  border:			none;
  width:			400px;
}

.ifmMerchant415 {
  height:			415px;
}

.ifmMerchant480 {
  height:			480px;
}

.ifmMerchant370 {
  height:			370px;
}

.payDetailButtons {
  width:			407px;
}

#divAccountsAreaMobile {
  display:			none;
}

.quickPayArea {
  width:			400px;
}

.paymentReceiptArea {
  width:			500px;
}

.divWrapText {
  width:			300px;
}

.responsiveHidden {
  display:			block;
}

.responsiveDisplay {
  display:			none;
}

#txtNewComment {
  	width:			650px;
	height:			105px;
}

#troubleNotesArea {
  width:			700px;
  height:			200px;
  overflow:			hidden;
}

.chatWindow {
  display:			none;
  width:			320px;
  height:			530px;
  position:			absolute;
  right:			0px;
  bottom:			50px;
  margin-right:			40px;
  background-color:		#ffffff;
  border-radius:		20px;
  filter:			drop-shadow( 2px 2px 2px rgba(80, 80, 80, .5));
  border:			3px solid #151C54;
}

.chatIcon {
  position:			absolute;
  right:			50px;
  top:				-50px;
}

/* Responsive CSS for mobile devices */
@media only screen and (max-width: 800px) {
  #divQuickLinks {
	display:		none;
  }
  #divAccountsArea {
	display:		none;
  }
}

@media only screen and (max-width: 480px) {
  body, td, input, select, a, textarea, svg, .installTime, .installTimeSelected {
    line-height:		1.4;
    font-size:			17px;
  }
  input {
	height:				30px;
  	width:				260px;
	max-width:			260px;
  }
  select {
	height:				38px;
  	width:				268px;
	max-width:			268px;
  }
  a {
	font-size: 			17px;
  }
  textarea {
	max-width:			268px;
  }
  .fielddata {
	height:				30px;
	vertical-align:		middle;
  }
  .button, .button:hover, .button:visited {
	min-width:			100px;
  	width:				auto;
  }
  .loginButton, .loginButton:hover, .loginButton:visited,
  .registerButton, .registerButton:hover, .registerButton:visited,
  .signupButton, .signupButton:hover, .signupButton:visited,
  .payButton, .payButton:hover, .payButton:visited,
  .invoiceButton, .invoiceButton:hover, .invoiceButton:visited,
  .supportButton, .supportButton:hover, .supportButton:visited
   {
	width:				100%;
  }
  .spinnerdecrease, .spinnerincrease {
	width:				34px;
	height:				36px;
  }
  .fieldlabel {
  	display:			block;
  	margin-left:		0px;
  	padding-top:		10px;
  }
  .fieldlabelchk {
	padding:			5px 0px 0px 5px;
  }
  .fieldlabelinnerreq, .fieldlabelinner {
	width:				300px;
  }
  .svgicon {
	width:				28px;
	height:				28px;
  }
  .svgcheckbox {
	width:				32px;
	height:				32px;
  }
  .errorbox {
	width:				auto;
	white-space:		normal;
  }
  .grouphead {
	padding:			0px 3px 0px 3px;
  }
  .groupheadtitle {
  	font-size:			20px;
  	text-align:			center;
  	display:			block;
  }
  .groupheadlink {
	padding-right:		10px;
  }
  .groupinnerbody {
	padding:			2px;
  }
  .groupcontainer {
	padding:			5px 5px 5px 5px;
	max-width:			91vw;
  }
  #xdivMainSiteFooterLinks {
	display:			none;
  }
  .mainHeaderRight {
  	display:			none;
  }
  .mainFooterLeft {
	padding:			20px 0px 20px 20px;
  	font-size:			11px;
  }
  .mainFooterRight {
	padding:			20px 20px 20px 0px;
  	font-size:			11px;
  }
  .mainFooterCopyright {
  	white-space:		normal;
  }
  .sectioncell {
	padding:			0px;
  }
  .sectionPadding {
    padding:			5px;
  }
  .loginPadding {
    padding:			10px;
  }
  .loginName {
	font-size:			14px;
	font-weight:		bold;
	text-align:			center;
  }
  .loginAccessExtended {
	display:			none;
  }
  .resetPasswordArea {
	width:				auto;	
  }
  #divMainTabMenu {
	display:			none;
  }
  #divTotalDueSummary {
	display:			none;
  }
  #divInvoiceDelivery {
	display:			none;
  }
  #divAdvertisementArea {
	display:			none;
  }
  #divViewInvoiceButton {
	display:			block;
  }
  #divInvoicePaymentLinks {
	display:			none;
  }
  #divPayAndDeliverArea {
	width:				300px;
  }
  #divAccountsAreaMobile {
	display:			block;
  }
  .mainMobileMenu {
	display:			block;
  }
  .dueAmount {
    font-size:			30px;
  }
  .mainMenuLinkDiv {
	font-size:			14px;
	padding:			14px 13px 0px 13px;
  }
  .dueButtons {
	padding:			15px 5px 15px 5px;	
  }
  .ifmMerchantIframe {
	border:				none;
	width:				100%;
  }
  .ifmMerchant415,.ifmMerchant480,.ifmMerchant370 {
	height:				300px;
  }
  .payDetailButtons {
	width:				auto;
  }
  .divAutopayText {
	padding-top:		3px;
  }
  .accountField {
	width:				270px;
	font-size:			inherit;
  }
  .rotateText {
	width:				270px;
	padding:			20px;
	white-space:		normal;
	text-align:			center;
  }
  .quickPayArea {
	width:				auto;
  }
  .paymentReceiptArea {
	width:				auto;
  }
  #txtNewComment {
  	width:				98%;
	height:				200px;
  }
  .installAddressField {
	width:				268px;
  }
  .wizardProgressBar {
	padding:			5px 5px 15px 5px;
  }
  .wizardProgressBranchExtra {
	display:			none;
  }
  .wizardProgressNumber {
  	display:			none;
  }
  .wizardProgressNode, .wizardProgressNodeSelected {
	width:				20px;
	height:				20px;
  }
  .wizardArea {
	padding:			10px;	
  }
  .wizardpagetitle {
	font-size:			17px;	
  }
  .responsiveHidden {
	display:			none;
  }
  .responsiveDisplay {
	display:			block;
  }
  .responsiveListContainer {
	background-color:	#FFFFFF;
	border-radius:		15px;
	padding:			5px;
  }
  .responsiveListTitle {
	display:			block;
	padding:			10px 0px 5px 0px;
	font-weight:		bold;
	white-space:		normal;
	border-bottom:		1px solid #DDDDDD;
	margin-left:		8px;
  }
  .responsiveListDetail {
  	padding:			2px 0px 2px 0px;
  }
  .responsiveListSelect {
  	display:			inline-block;
  	padding:			6px 3px 3px 0px;
  	vertical-align:		top;
  }
  .responsiveListData {
  	display:			inline-block;
  	padding:			3px 0px 3px 3px;
  	vertical-align:		top;
  	white-space:		normal;
  	width:				90%;
  }
  .productOffering, .productOfferingSelected {
	margin-right:		0px;
  }
  #divInstallChargeSummary {
	display:			none;
  }
  .installCalHead, .installCalDay, .installCalDayAvail, .installCalDaySelected {
	font-size:			19px;
  }
  .installFeaturePage, .installContactPage, .installConfirmationPage {
	width:				auto;
  }
  .installCheckText {
	width:				260px;
	white-space:		normal;
  }
  .wizardConfirmArea {
	width:				auto;
  }
  .wizardConfirmDataLabel {
	display:			block;
  	margin-left:		10px;
  	width:				270px;
  }
  .wizardConfirmDataValue {
	display:			block;
  	float:				left:
  	padding-left:		50px;
  	white-space:		normal;
  	margin-left:		40px;
  	width:				280px;
  }
  .installAddressSuggested {
	width:				300px;
  }
  .custlistlink,.custlistlink:link,.custlistlink:visited,.custlistlink:hover {
  	padding:			10px 5px 10px 5px;
  }
  #subContactArea {
	display:			none;
  }
  #divProfilePayAndDeliverArea {
	display:			none;
  }
  #divProfilePrimaryContactArea {
	display:			none;
  }
  a.linkHighlight, a.linkHighlight:hover, a.linkHighlight:visited {
	font-size:			14px;
	margin-right:		10px;
  }
  .mobileFooterPadding {
	height:				300px;
  }
  .chatWindow {
	margin-left:			auto;
	margin-right:			auto;
	right:			0px;
	left:			0px;
  }
}