@charset "UTF-8";
/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,object,cite {margin:0; padding:0;}
img {border:0;}

.white {background:#fff url('/uploads/images/white-subtle-gradient.gif') top repeat-x; border-bottom:1px solid #DCDAD8; padding:0 15px;} /* padding: 0; but added 15px for padding on window resize */
body {background:#fafafa; color:#57504A;}
body, textarea, input, select, button {font: normal 81.25% "energy", "energy-soft", Arial, Helvetica, sans-serif; /* 75% */}
h1 {font-size:2.7em; color:#F47920; margin-bottom:.5em;}
h2 {font-size:1.8em; color:#F47920; margin-bottom:.75em; font-weight:normal;}
h3 {font-size:1.5em; color:#F47920; margin-bottom:1em; font-weight:normal;}
h4 {font-size:1.2em; color:#57504A; line-height:1.5em; margin-bottom:1.2em;}
h5, h6 {font-size:1em; line-height:1.5em; font-weight:bold;}
h5 {margin-bottom:1em;}
p {line-height:1.5em; margin-bottom:1.5em;}
em, .italic {font-style:italic;}
strong, .bold {font-weight:bold;}
blockquote {padding-left:1.5em; margin-left:1.5em; border-left:1px solid #57504A;}
hr {border:none; background:#DCDAD8; height:1px; margin-bottom:1.5em;}

::selection {background:#F47920; color:#fff;}
::-moz-selection {background:#F47920; color:#fff;}
.highlight {background: #fec057; background: rgba(254,192,87,0.35);}

.content li ul, .content li ol {margin:0 1.5em;}
.content ul, .content ol {margin:0 0 1.5em 1.5em; line-height:1.5em;}
.content ul {list-style-type:disc;}
.content ul ul {list-style-type:square;}
.content ol {list-style-type:decimal;}
.content ol ol {list-style-type:lower-alpha;}
.content li {margin-left:1.5em;}
.content ul.space-out li {margin-bottom:.75em;}

a {color:#F47920; text-decoration:underline; cursor: pointer;}
a:hover, a:focus {text-decoration:none; background:#f0f0f0; background:rgba(162,149,138,.1); color:#333;}
a img {border:none;}
a.nohover:hover {background:none; text-decoration:none; border:none;}
a.pdf, a.link, a.twitter, a.phone, a.map, a.email {background-image:url('/img/pdf.gif'); background-repeat:no-repeat; background-position:left; padding-left:20px;}
a.link {background-image:url('/img/earth.gif');}
a.dotted {text-decoration:none; border-bottom:1px dotted;}
a.dashed {text-decoration:none; border-bottom:1px dashed;}

.mainblock {max-width:800px; margin:0 auto;}
.thin_column {max-width: 600px; margin: 0 auto;}

.header {border-bottom:1px solid #beb5ad; padding:50px 0 20px; position:relative;}
.mobile-menu, .m-sub, .mobile-nav {display:none;}
.logo, .logo:hover {background:url('https://cdn.ambitenergy.io/images/ambitenergy/ambit-energy-logo-sm.png') 0px -30px no-repeat; width:195px; height:47px; display:block; text-indent:-9999px;    background-size: 100%;
  
    background-position: 1px;}

.content {padding:20px 0;}
.content .contentleft, .content .contentright {float:left; position:relative;}
.content .contentleft {width:69.5%; margin:0 2.1% 0 0;}
.content .contentright {width:26.3%; margin:0 0 0 2.1%;}

.footer {background:url('/img/footer-shadow.png') no-repeat top center; background-size:850px auto; padding:20px 15px; color:#a2958a; font-weight:normal; line-height:14px;} /* padding: 20px 0; but added 15px for padding on window resize */
.footerlinks, .sponsors {list-style:none; overflow:hidden;}
.footer li, .footer p {font-size:10px;}
.footerlinks li {float:left; padding-right:5px;}
.footerlinks li:after {content: "|"; padding-left:5px;}
.footerlinks li.last:after {content:none;}
.footerlinks a {text-decoration:none;}
.footer p a {color:#A2958A;}
.footer p {margin-top:14px;}

/* ------ buttons ----------- */
.btn {background:#666666; color:#fff; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .4em 2em .55em; border: none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(66,66,66,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(66,66,66,1);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.btn:hover, .btn:focus {color:#666666; background: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.btn:active {color:#666666; -webkit-box-shadow:none; box-shadow:none;}
.smallbtn {font-size:87.5%; padding:.25em 1em .4em;}

.yellowbtn {background:#FEC057; color: #555555;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(254,192,87,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(254,192,87,1);
}
.yellowbtn:hover, .yellowbtn:focus {background:#FFFFFF; color: #555555;}
.yellowbtn:active {color:#666666;}

.greenbtn {background:#8DC63F;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(141,198,63,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(141,198,63,1);
}
.greenbtn:hover, .greenbtn:focus {background:#FFFFFF; color: #8DC63F;}
.greenbtn:active {color:#666666;}

.redbtn {background:#B30838;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(179,8,56,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(179,8,56,1);
}
.redbtn:hover, .redbtn:focus {background:#FFFFFF; color: #B30838;}
.redbtn:active {color:#666666;}

.orangebtn {background:#F47920;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(255,99,25,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(255,99,25,1);
}
.orangebtn:hover, .orangebtn:focus {background:#FFFFFF; color: #F47920;}
.orangebtn:active {color:#666666; -webkit-box-shadow:none; box-shadow:none;}

.lightgraybtn, .lightgraybtn:hover, .lightgraybtn:focus, .lightgraybtn:active {background:#BBBBBB; color: #FFFFFF;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(185,185,185,1); 
	box-shadow: 0 0 0 2px rgba(255,255,255,1),0 0 0 3px rgba(185,185,185,1);
}

/********* MODULES ***************/
.module {padding:20px; background:#f4f4f3; position:relative; margin:0 0 20px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.module_single {padding:20px; margin:20px 0;}
.white_box {background:#FFFFFF; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; border: 1px solid #e5e5e5; margin-bottom: 20px;}

/************ FORMS *************************/
.hiddenFields {display:none;}
form.module {padding:20px;}
form.module em {font-style:normal; color:#F47920; padding-left:3px;}
form.module label {float:left; width:25%; padding-right:5%; cursor:pointer;}
form.module input, form.module textarea, form.module select {font-size:1.1em;}
form.module input {width:40%;}
form.module textarea {width:69%;}
form.module .clear {padding:5px 0 15px; overflow:hidden;}
form.module input.btn {margin-left:30%; width:auto;}
form.module input.btn.no_push {margin-left:0;}

form.module .inputgroup {width:70%; float:right; font-weight:normal;}
form.module .inputgroup input {width:auto; margin-right:7px;}
.buttongroup {text-indent: 4px;}
.buttongroup button {margin-right: 10px;}

form.module label.error {color:#b30838; width:100%;}
form.module input, form.module textarea, form.module select {margin-left:1px;}

.push-right {margin-left: 30%;}
.error {margin-left: 30%; color: #B30838; font-style: italic; margin-bottom: 0;}

.feedback-good, .feedback-bad, .feedback-warning, .feedback-loading, .feedback-warning-full {background: url("/img/feedback-warning.png") no-repeat right; display: inline-block; height: 20px; text-indent: -9999px; width: 27px; position: relative; top: 7px; margin-top: -5px;}
.feedback-good {background-image: url("/img/feedback-good.png");}
.feedback-bad {background-image: url("/img/feedback-bad.png");}
.feedback-warning {background-image: url("/img/feedback-warning.png"); opacity:.5;}
.feedback-warning-full {background-image: url("/img/feedback-warning.png");}
.feedback-loading {background-image: url("/img/loading-icon.gif");}
.feedback-first {background-position: left;}

/********** No Nav Pages **********/
body {border-top:5px solid #F47920;}
.header {padding-top:30px;}
.header p {font-size:2.7em; color:#F47920; font-weight:bold; margin-bottom:0; margin-top:18px; line-height:29px;}
.logo-go-right {position:absolute; right:0; top:32px;}

/* Tag Cloud */
ul.tags {list-style:none; margin:0;}
ul.tags li {display:inline-block; margin:0 8px 10px 0;} /* 8px here because the inline block adds an extra space */ 
ul.tags a {display:block; font-weight:bold; background:#eceae8; padding:7px 20px 8px; text-decoration:none; color:#57504A; -webkit-border-radius:3px; border-radius:3px;}
ul.tags a:hover, ul.tags a:focus {background:none; color:#F47920;} 
/* END Tag Cloud */

/* Expandable Question */
.question {padding:20px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; display: block;}
.question.odd {background:#f5f4f3;}
.question_expand {float:left; color:#FFFFFF; background:#F47920; text-decoration:none; display:block; width:32px; height:32px; line-height:27px; font-size:24px; font-weight:bold; text-align:center; padding:0 0 0 1px; -webkit-border-radius:3px; border-radius:3px;}
.question_title, .question_content {margin-left:52px;}
.question_title {margin-bottom:0; line-height:30px; color:#57504A;}
.question_content {margin-top:20px;}
a.question {color:#57504A;}
a.question:hover {background: #F47920;}
a.question:hover h3 {color: #FFFFFF;}
a.question:hover .question_expand {background: #FFFFFF; color: #F47920;}
/* END Expandable Question */

/* Search Field */
.search {margin-bottom:35px;}
input.input {border:2px solid #CCCCCC; height:40px; margin-right:10px; min-width:270px; font-size:1.5em; padding:0 15px; -webkit-border-radius:20px; border-radius:20px;}
.live_results {border: 2px solid #ccc; border-width: 0 0 2px 2px; margin-left: 20px;}
.live_results h6 {font-size:1.25em; font-weight: normal;}
.live_results h6 a, .live_results > h6.instr {color:#57504A; text-decoration: none; padding: 5px 15px 5px 35px; text-indent: -20px; display: block;}
.live_results > h6:last-of-type {border-top:1px solid #CCC;}
/* END Search Fields */

/* Confirmation Chunks */
	.data_confirmation {display: none;}
	.confirmation_chunk h6 {float: left; padding-right: 5%; width: 25%; color: #A2958A;}
	.confirmation_chunk p {margin-left: 30%; color: #A2958A;}
/* END Confirmation Chunks */

/********** OVERRIDES *************/
.hide, .show970, .show768, .show640, .show480, .show320 {display:none;}
.nowrap {white-space:nowrap;}
.nopadmargin {padding:0; margin:0;}
.nopadtop, img.nopadtop {padding-top:0;}
.nopadbottom {padding-bottom:0;}
.nopadright {padding-right:0;}
.nopadleft {padding-left:0;}
.nomargintop {margin-top:0;}
.nomarginbottom {margin-bottom:0;}
.content ul.nomarginbottom, .content ol.nomarginbottom {margin-bottom:0;}
.nomarginright {margin-right:0;}
.nomarginleft {margin-left:0;}
.add-margintop-20 {margin-top:20px;}
.add-marginbottom-20 {margin-bottom:20px;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.w100 {width:100%;}
.w66 {width:66%;}
.w50 {width:50%;}
.w50p {width:46%; padding:2%;}
.w33 {width:33%;}
.w25 {width:25%;}
.noshadow {-webkit-box-shadow:none; box-shadow:none;}
.nobold {font-weight:normal;}
.orangetext {color: #F47920;}
.browntext {color:#57504A;}
.lightbrowntext {color:#A2958A;}
.redtext {color:#B30838;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.m-l-130 {margin-left:130px;}
.lh2x {line-height:2em;}
.f0-5 {font-size:0.5em;}
.f0-75 {font-size:0.75em;}
.f1 {font-size:1em;}
.f1-25 {font-size:1.25em;}
.f1-5 {font-size:1.5em;}
.f1-75 {font-size:1.75em;}
.f2 {font-size:2em;}
.f2-5 {font-size:2.5em;}
.f3 {font-size:3em;}
.f4 {font-size:4em;}
.hideForSure {display: none !important;}

/********** MEDIA QUERIES *********/
@media all and (max-width:970px) {
	.show970 {display:block;}
	.hide970 {display:none;}	
}
@media all and (max-width:768px) {
	.show768 {display:block;}
	.hide768 {display:none;}
}
@media all and (max-width:639px) {
	.show640 {display:block;}
	.hide640 {display:none;}

	body {border:none;}
	h1 {font-size:2em;}
	
	.content {padding:10px 15px;}
	/*.content .contentleft, .content .contentright {margin:0; padding-left:3%; padding-right:3%; width:94%;}
	.content .contentright {position:relative; top:auto;}*/
	.white {padding:0; border:0; background-image:none;}
	
	.header {background:#F47920; padding:0 5px; border:none;}
	.logo, .logo:hover {background:none; height:39px; width:200px; text-indent:10px; line-height:40px; text-decoration:none; color:#fff; font-size:18px;}
	.header p {display:none;}
		
	.footer {background:url('/img/footer-shadow.png') no-repeat top center; padding:20px 15px; color:#a2958a; font-weight:normal; line-height:14px;}
	.footer p {padding-left:0; padding-right:0;}
		
	.module {padding-top:20px;}
	.module_content {margin-bottom:20px;}
	.module :last-child {margin-bottom:0;}

	form.module input {width:60%;}

	.logo-go-right {position:relative; right:auto; top:auto;}
	
	.module p:last-child {margin-bottom: 1.5em;}
	.module p:last-child.nomarginbottom {margin-bottom:0;}
}
@media all and (max-width:479px) {
	.show480 {display:block;}
	.hide480 {display:none;}

	form.module label {float:none; display:block; width:95%; padding-right:0;}
	form.module input, form.module textarea, form.module select {width:83%;}
	form.module .clear {overflow:auto;}
	form.module input.btn, .error {margin-left:0; width:auto;}
	.push-right {margin-left:0;}

	form.module .inputgroup {width:100%; float:none;}
	.buttongroup button:first-of-type {margin-left: 4px;}
	.buttongroup button {margin-top: 5px;}

	.w33, .w50, .w50p, .w66 {width:100%; float:none;}
	img.w33, img.w50 {padding:0 0 15px;}
}
@media all and (max-width:320px) {
	.show320 {display:block;}
	.hide320 {display:none;}
}