/*Start styling HTML tags*/
body {
font-size: 12px;
line-height: 18px;
font-family: Helvetica, Arial, Sans-Serif;
color: #45433d;
background: url(../../images/diy-audit/diy-header-bkgrd-shrt.png) repeat-x;
}
a, a.text-link {
color: #2859a1;
text-decoration: none;
cursor:pointer;
font-weight:normal;
}
a:hover { text-decoration: underline;
}
table {
border-collapse: collapse;
}
a img {
border: 0;
}
input, textarea, select { font-family: Helvetica, Arial, Sans-Serif;
font-size:12px;
color:#161616;
}
textarea { overflow:hidden;
}
.required-field::after {
content: "*";
color: red;
}
h1 {
font-size:24px;
line-height:1.4em;
font-weight:bold;
color:#302f2b;
}
h2 {
font-size:18px;
line-height:1.4em;
font-weight:bold;
color:#302f2b;
}
h3 {
font-size:14px;
line-height:1.4em;
font-weight:bold;
color:#302f2b;
}
h1#logo a {
font-size:10px;
color:#eeeeeb;
text-decoration: none;
float: left;
width: 204px;
line-height:1em;
}
/* If NOT using class="om", make sure to change .header to height:4px;*/
h1#logo a span {
height: 89px;
width: 310px;
background: url(../../images/ui/logo-4.jpg) no-repeat 0 0;
display: block;
}
/* If using class om, make sure to change .header to height:60px;*/
h1#logo a span.om {
height: 38px;
width: 180px;
background: url(../../images/ui/omlogo.png) no-repeat 0 0;
display: block;
margin-top: 25px;
margin-left: 25px;
}
ol{
list-style-type:decimal;
margin-left:20px;
}
/*End styling of HTML tags*/
/* Start styling generic classes */
/* Padding convention: p=padding t=top, r=right, b=bottom,l=left,a=all*/
/* padding 25px*/
.pt25 {padding-top:25px;}
.pr25 {padding-right:25px;}
.pb25 {padding-bottom:25px;}
.pl25 {padding-left:25px;}
.pa25 {padding:25px;}
/* padding 15px*/
.pt15 {padding-top:15px}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}
.pa15 {padding:15px;}
/* padding 10px*/
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pa10 {padding:10px;}
/* padding 5px*/
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pa5 {padding:5px;}
.pl5 {padding-left:5px;}
.pt0 {padding-top:0px;}
.pt45 {padding-top:45px;}
.pt60 {padding-top:60px;}
/*End generic padding*/
/* Margin convention: p=padding t=top, r=right, b=bottom,l=left,a=all*/
.mt15{margin-top:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.ml15{margin-left:15px;}
.ma15{margin:15px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}
.ma20{margin:20px;}
.mt25{margin-top:25px;}
.mr25{margin-right:25px;}
.mb25{margin-bottom:25px;}
.ml25{margin-left:25px;}
.ma25{margin:25px;}
/* End generic margins */
/* Start generic widths*/
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
/* End Generic widths*/
.cl {
display: block;
height: 0;
font-size: 0;
line-height: 0;
text-indent: -4000px;
clear: both;
}
.notext {
font-size: 0;
line-height: 0;
text-indent: -4000px;
}
.left, .alignleft {
float: left;
display: inline;
}
.right, .alignright {
float: right;
display: inline;
}
/*End styling of generic classes */
/* #######################################
######### HEADER SECTION ############
#####################################*/
/*Start styling of the header*/
.header {
height:89px;
z-index:99;
position:relative;
}
.header .shell {
height:60px;
}
/*End styling of the header*/
/*Start of primary navigation tabs */
#navigation_big{
height: 35px;
float:left;
width:auto;
padding:33px 10px 0 0;
font-size:14px;
color:#333;
font-weight:bold;
}
#navigation_big ul {
list-style:none;
height:35px;
}
#navigation_big ul li {
float:left;
height:35px;
position: relative;
}
#navigation_big ul li a {
height:22px;
float:left;
text-align:center;
padding: 5px 10px 0;
color:#333;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background:#c4c3c2;
margin-right: 5px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}
#navigation_big ul li span { height:1px;
width: auto;
position:absolute;
bottom:0;
z-index:99;
left: 0;
}
#navigation_big ul li a.active,
#navigation_big ul li a:hover {
background: #F7F7F6;
-moz-box-shadow: 0 -4px 5px #000;
text-decoration: none;
color:#2859a1;
-webkit-box-shadow: 0 -4px 5px #000;
}
/*End of primary navigation tabs*/
/*Start of text links to right of primary tabs */
.sub-navigation { padding-top:34px;
font-size:14px;
font-weight:bold;
color:#b0b0af;
float:left;
}
.sub-navigation span {
padding:0 12px;
}
.sub-navigation a {
color:#b0b0af;
}
.sub-navigation span.last {
padding-right:0;
}
/*End of text links to right of primary tabs */
/*Start of top right Account and Logout*/
.top-navigation {
height:42px;
width:162px;
float:right;
}
.top-navigation ul {
list-style: none;
height: 42px;
}
.top-navigation ul li {
float: left;
position: relative;
height: 32px;
background: #b8c4c7;
background: -moz-linear-gradient(top, #d9dddc, #b8c4c7);
line-height: 30px;
background: -webkit-gradient( linear, left top, left bottom, from(#d9dddc), to(#b8c4c7));
}
.top-navigation ul li.first {
-moz-border-radius-bottomleft: 5px;
border-right: 1px solid #949898;
padding: 0 6px 0 12px;
-webkit-border-bottom-left-radius: 5px;
}
.top-navigation ul li.last {
-moz-border-radius-bottomright: 5px;
padding: 0 10px;
-webkit-border-bottom-right-radius: 5px;
}
.top-navigation ul li a.drop-down { margin-right: 4px;
}
.top-navigation ul li a.drop-down span {
border-color: #2859a1 transparent transparent;
border-style: solid;
border-width: 6px 4px 0 ;
width:0;
height:0;
left:5px;
top: 11px;
position:relative;
}
.dd {
position:absolute;
width:140px;
background:#f0f7fb;
border:1px solid #909595;
display:none;
z-index:99;
top:30px;
left:1px;
}
.dd ul {
height:100%;
}
.dd ul li {
float:none;
display:block;
border:0;
height:100%;
padding:0 0 0 0;
background: transparent;
}
.dd ul li a {
font-size:11px;
color:#013480;
padding:5px 18px;
display:block;
}
.dd ul li a:hover {
background:#d3e1e8;
text-decoration:none;
}
/*End of top right Account and Logout*/
/*Start styling the flexible bg behind the 960 grid */
.container {
padding:25px 0 0px;
z-index:2;
position:relative;
}
/*End styling of flexible bg*/
.smalltext{
color:#6c6961;
font-size:11px;
line-height:14px;
}
.smalltext a, a.smalltext{
color:#2859a1 !important;
}
/* ############################################
######### LEFT SIDEBAR SECTION ############
###########################################*/
.sidebar { height:100%;
padding-top:10px;
}
.sidebar h2 { font-size:11px;
text-transform:uppercase;
padding:5px 0;
}
/*Start profile display with picture in sidebar*/
.profile { width:120px;
background:#fff;
box-shadow: 1px 1px 1px #80807f;
-moz-box-shadow: 1px 1px 1px #80807f;
-webkit-box-shadow: 1px 1px 1px #80807f;
padding:6px 6px 2px 6px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.profile .img { height:141px;
width:120px;
display:block;
padding-bottom:2px;
}
.profile p { font-size:11px;
line-height:14px;
padding-left:3px;
}
.profile p a { color:#013480;
}
.profile { margin-bottom:17px;
}
/*End profile display in sidebar*/
/*This is the typical informatin block in the left sidebar*/
.sidebar .sideblock {border-bottom:1px solid #dddddb;
padding-bottom:20px;
margin-bottom:20px;
height:100%;
}
.sidebar .sideblock ul{
list-style:none;
}
.sidebar .sideblock ul li {float:left;
position: relative;
}
.sidebar .sideblock ul a {height:25px;
width:140px;
float:left;
text-decoration:none;
padding: 10px 0 0 10px;
color:#5999dd;
text-align:left;
}
.sidebar .sideblock ul li a:active,a.act-filter {text-decoration:none;
width:140px;
float:left;
padding:10px 0 0 10px;
text-align:left;
background:#efefef;
border:1px solid #d4d4d4;
color:#000000;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.sidebar .sideblock ul li a:hover{text-decoration:none;
width:140px;
float:left;
padding:10px 0 0 10px;
text-align:left;
color:#000000;
}
.sidebar ul li ul{
padding-left:20px;
height:auto;
font-size:11px;
}
.sideblock ul li ul li a, .sideblock ul li ul li a:hover, .sideblock ul li ul li a:active{
padding:0;
margin:0;
border:none;
}
.sideblock ul li ul li a:hover, .sideblock ul li ul li a:active{
background:none;}
/*Start side invite-a-friend form*/
.sidebar .send-entry { border-bottom:0;
}
.invite-form { padding-top:4px;
}
.invite-form span.field input { width:103px;
border:0;
background:transparent;
border:0;
padding:5px 4px;
}
.invite-form span.field { -moz-box-shadow: -1px -1px 2px #8a8a8a;
box-shadow: -1px -1px 2px #8a8a8a;
height:28px;
float:left;
background:#fff;
margin-top:1px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #ccc;
-webkit-box-shadow: -1px -1px 2px #8a8a8a;
}
.send-button {
padding:4px 8px;
background: -moz-linear-gradient(top, #d8dadb, #b7b7b7);
-moz-border-radius: 3px;
border: 1px solid #b7b7b7;
cursor:pointer;
background: -webkit-gradient( linear, left top, left bottom, from(#d8dadb), to(#b7b7b7));
-webkit-border-radius: 3px;
border: 1px solid #b7b7b7;
border-radius: 3px;
font-weight:normal;
color:#45433D;
text-shadow:1px 1px 0 #ddd;
}
.send-button .sm{
font-size:10px;
padding: 3px 5px;
}
.invite-form input.invite-submit { float:left;
margin-left:5px;
cursor:pointer;
padding: 0 2px;
}
.invite-form p { font-size:10px;
}
/*PROBLEM SECTION*/
.adduser{
padding: 3px 8px;
background: -moz-linear-gradient(top, #ebecec, #dfdfdf);
-moz-border-radius: 3px;
border: 1px solid #c6c4c4;
cursor:pointer;
background: -webkit-gradient( linear, left top, left bottom, from(#ebecec), to(#dfdfdf));
-webkit-border-radius: 3px;
border: 1px solid #c6c4c4;
border-radius: 3px;
font-weight:bold;
color:#414141;
min-width:100px;
/* Legacy browsers */
background: #dfdfdf url("gradient-bg.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: #dfdfdf;
background: #dfdfdf\0/;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFebecec, endColorstr=#FFdfdfdf);
}
@media all and (min-width: 0px) {
.adduser{
/* Opera */
background: #dfdfdf url("gradient-bg.svg");
/* Recent browsers */
background-image: -moz-linear-gradient(
top,
#ebecec,
#dfdfdf
);
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(#ebecec),
to(#dfdfdf)
);
}
}
/*END PROBLEM SECTION*/
/* ############################################
######### MAIN CONTENT SECTION ############
###########################################*/
/* Top graphing section starts*/
.graphing {
background-color:#111;
background:-moz-linear-gradient( top, #2b2a2a, #090808 );
background: -webkit-gradient( linear, left top, left bottom, from(#2b2a2a), to(#090808));
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow:1px 1px 0 #FFFFFF;
box-shadow:1px 1px 0 #FFFFFF;
-webkit-box-shadow:1px 1px 0 #FFFFFF;
margin-top:3px;
margin-bottom:2px;
padding:8px 10px;
height:100%;
display:block;
position:relative;
}
.graphing h2{
color:#eee;
padding:0 0 3px;
font-weight:normal;
text-transform:uppercase;
float:left;
}
/* filter-2 is for use on dark background filter-1 exists and is used on light backgrounds*/
ul.filter-2 {
float:none;
width:auto;
}
ul.filter-2 li{
display:inline;
width:auto;
}
ul.filter-2 li a { color:#777;
float:left;
padding:0 7px;
margin-right:10px;
line-height:20px;
height: 20px;
-moz-border-radius: 10px;
text-align: center;
line-height:20px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid transparent
}
ul.filter-2 li a:hover{
color:#ccc;
text-decoration:none;
background: #222;
font-weight: normal;
text-align: center;
line-height:20px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-box-shadow:-1px -1px 2px #000;
-moz-box-shadow:-1px -1px 2px #000;
box-shadow:-1px -1px 2px #000;
}
ul.filter-2 li a.new-link, ul.filter-2 li a:active {
height: 20px;
color:#6cbce1;
background: #222;
text-align: center;
line-height:20px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-box-shadow:-1px -1px 2px #000;
-moz-box-shadow:-1px -1px 2px #000;
box-shadow:-1px -1px 2px #000;
}
ul.filter-2 li a.new-link{
font-weight:bold;
}
ul.filter-2 li.caption{
float:left;
padding:1px 0;
margin-right:5px;
line-height:20px;
height: 20px;
color:#ccc;
text-transform:uppercase;
font-size:10px;
}
ul.stats{
float:right;
width:auto;
}
ul.stats li{
display:inline;
width:auto;
color:#a3e053;
padding:0 4px;
font-size:11px;
border-right:1px solid #444
}
/* Top graphing section ends*/
/* START STYLING OF RETROFIT TABLE*/
.retrofit {
background:#fff;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow:-1px -1px 0 #e9e8e8;
box-shadow:-1px -1px 0 #e9e8e8;
-webkit-box-shadow:-1px -1px 0 #e9e8e8;
margin-top:8px;
margin-bottom:20px;
padding:8px 0 30px 0px;
height:100%;
display:block;
}
#oa-questions #central-dash.retrofit {
background:transparent;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
padding-left:0px !important;
}
.retrofit-sm { background:#fff;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow:-1px -1px 0 #e9e8e8;
box-shadow:-1px -1px 0 #e9e8e8;
-webkit-box-shadow:-1px -1px 0 #e9e8e8;
margin-bottom:20px;
padding:15px;
height:100%;
display:block;
}
.retrofit-sm.alt{
background-color: #ffe1f0;
background-image: -moz-linear-gradient(top, #fff7fb, #ffe1f0);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff7fb),color-stop(1, #ffe1f0));
-webkit-box-shadow:2px 2px 8px #c3c3c3;
-moz-box-shadow:2px 2px 8px #c3c3c3;
box-shadow:2px 2px 8px #c3c3c3;
border:1px solid #f4dee9;
height:auto !important;
text-shadow: 0 1px 0 #FFFFFF;
}
.retrofit-sm.tabbed {
background:#fff;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-box-shadow:2px 2px 8px #c3c3c3;
-moz-box-shadow:2px 2px 8px #c3c3c3;
box-shadow:2px 2px 8px #c3c3c3;
border:1px solid #f4dee9;
height:auto !important;
}
.retrofit-sm.getting-started{
background: #efcd57; /* Old browsers */
background: -moz-linear-gradient(top, #efcd57 0%, #f7b542 62%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efcd57), color-stop(62%,#f7b542)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efcd57 0%,#f7b542 62%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efcd57 0%,#f7b542 62%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #efcd57 0%,#f7b542 62%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efcd57', endColorstr='#f7b542',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #efcd57 0%,#f7b542 62%); /* W3C */
}
.retrofit-sm.almost-there{
background: #b9e377; /* Old browsers */
background: -moz-linear-gradient(top, #b9e377 0%, #94bc48 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e377), color-stop(97%,#94bc48)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b9e377 0%,#94bc48 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b9e377 0%,#94bc48 97%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b9e377 0%,#94bc48 97%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e377', endColorstr='#94bc48',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b9e377 0%,#94bc48 97%); /* W3C */
}
.retrofit-sm.you-made-it{
background: #81bd5d; /* Old browsers */
background: -moz-linear-gradient(top, #81bd5d 1%, #96ce73 15%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#81bd5d), color-stop(15%,#96ce73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #81bd5d 1%,#96ce73 15%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #81bd5d 1%,#96ce73 15%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #81bd5d 1%,#96ce73 15%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bd5d', endColorstr='#96ce73',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #81bd5d 1%,#96ce73 15%); /* W3C */
}
.retrofit-sm h2{
font-size:16px;
letter-spacing: -0.03em;
}
.retrofit-sm h3{
font-size:12px;
letter-spacing: -0.03em;
}
.retrofit-gray{
color:#676767;
font-size:11px;
}
.retrofit p.slogan { color:#161616;
font-size:14px;
font-weight:bold;
padding-bottom:28px;
}
.retrofit-table { width:730px;
padding-bottom:10px;
}
.retrofit-table table { width:730px;
}
.retrofit-table tr th a.arr span {
border-color: #2859a1 transparent transparent;
border-style: solid;
border-width: 6px 4px 0 ;
width:0;
height:0;
left:5px;
top: 11px;
position:relative;
}
.retrofit-table tr th{
color:#444444;
font-weight:normal;
font-size:10px;
text-transform:uppercase;
padding:8px 5px;
cursor: pointer;
}
.retrofit-table.getting-started thead {
background: #efcd57; /* Old browsers */
background: -moz-linear-gradient(top, #efcd57 0%, #ed7c02 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efcd57), color-stop(100%,#ed7c02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efcd57 0%,#ed7c02 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efcd57 0%,#ed7c02 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #efcd57 0%,#ed7c02 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efcd57', endColorstr='#ed7c02',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #efcd57 0%,#ed7c02 100%); /* W3C */
}
.retrofit-table.almost-there thead {
background: #b9e377;
}
.retrofit-table.you-made-it thead {
background: #8fd167;
}
.retrofit-table tr th.first {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius: 5px;
text-align:left;
padding: 8px 0 0 10px;
}
.retrofit-table tr th.last {
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
padding:8px 10px 0 0;
}
.retrofit-table tr td, .retrofit-table tr td.flash{
text-align:center;
border-bottom:1px solid #dcd9d9;
font-size:13px;
vertical-align:top;
padding:10px 0 8px;
border-right: 1px solid #F1F1F1;
width: auto;
}
.retrofit-table tr.darker td { background:#f8f8f8;
}
.retrofit-table tr.declined td { background:#f8e8e8;
}
.retrofit-table tr td.improvement-name {
text-align:left;
padding-left:10px;
border-left: 1px solid #F1F1F1;
}
.retrofit-table tr td a { color:#45433d;
}
.retrofit-table tr td a:hover { color:#85a5b4;
text-decoration:none;
}
.retrofit-table tr td a span.improvement-description { height:16px;
width:16px;
display:inline-block;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #accad8;
color:#85a5b4;
font-weight:bold;
text-align:center;
margin:0 0 0 10px;
position:relative;
vertical-align:middle;
top:-2px;
}
.retrofit-table tr td.improvement-feedback {
text-align: center;
vertical-align: middle;
}
.improvement-feedback span.smiley {
width: 21px;
height: 21px;
display: inline-block;
background: transparent url(../../images/diy-audit/smileys.png) no-repeat -21px 0px;
}
.improvement-feedback span.smiley.selected {
background: transparent url(../../images/diy-audit/smileys.png) no-repeat 0px 0px;
}
.improvement-feedback span.frowney {
width: 21px;
height: 21px;
display: inline-block;
background: transparent url(../../images/diy-audit/smileys.png) no-repeat -21px -21px;
}
.improvement-feedback span.frowney.selected {
background: transparent url(../../images/diy-audit/smileys.png) no-repeat 0px -21px;
}
.improvement-feedback span.flag {
width: 19px;
height: 18px;
display: inline-block;
background: transparent url(../../images/diy-audit/flag.png) no-repeat 0px 0px;
}
.improvement-feedback span.flag.selected {
background: transparent url(../../images/diy-audit/flag.png) no-repeat 0px -68px;
}
span.check { height:21px;
width:20px;
background:url(../../images/ui/check.gif) no-repeat 0 0;
display:block;
margin:0 auto;
}
.cust_checkbox{
font-size:20px;
cursor: pointer;
}
.cust_radio_on{
background:url(../../images/ui/radiobox_on.png) no-repeat 0 0;
}
.cust_radio_hvr{
background:url(../../images/ui/radiobox_hvr.png) no-repeat 0 0 !important;
}
.cust_radio_off{
background:url(../../images/ui/checkbox_off.png) no-repeat 0 0;
}
.group{
color:#333;
}
fieldset{
border:1px solid #ccc;
}
fieldset label{
color:#999;
}
.retrofit-table tr td.group { text-align:left;
padding-left:17px;
}
.retrofit-table tr td.group span.space { display:inline-block;
width:23px;
}
.boxes { padding:0 0 29px 50px;
}
.box { background: -moz-linear-gradient( top, #fff, #e7e6e6 );
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e6e6));
border:1px solid #e6e6e4;
width:234px;
float:left;
margin-right:93px;
padding:10px 15px 82px 16px;
position:relative;
}
.monthly-retrofit { margin-right:0;
}
.box h2 { color:#45433d;
font-size:21px;
padding-bottom:18px;
}
.monthly-retrofit h2 { padding-bottom:8px;
}
.box .cost { border-bottom:1px solid #cfcdcd;
padding-bottom:6px;
margin-bottom:6px;
}
.box .cost p { float:left;
line-height:14px;
}
.box .cost p em { font-size:11px;
font-style:normal;
}
.box .cost span { float:right;
font-size:14px;
}
.box .cost span.middle { padding-top:3px;
}
.green-txt span { color:#466422;
}
.red-txt span { color:#bd3c27;
}
.sum-box { height:45px;
width:249px;
position:absolute;
bottom: 12px;
left: -7px;
padding: 20px 19px 0 13px;
}
.sum-box h2 { float:left;
font-size:16px;
padding-bottom:0;
}
.sum-box strong { float:right;
font-size:24px;
color:#5b5b5a;
}
.sum-box p { text-align:right;
width:100%;
font-weight:bold;
}
.your-retrofit .sum-box { background:url(../../images/ui/your-retrofit.gif) no-repeat;
}
.monthly-retrofit .sum-box { background:url(../../images/ui/monthly-retrofit.gif) no-repeat;
}
.actions { padding-left:280px;
}
.actions a { float:left;
margin:35px 20px 0 0;
text-decoration:underline;
position:relative;
}
/* ########## THIS IS THE STYLING FOR BIG RED BUTTONS ON THE SITE ##########*/
a.button, input.button {
cursor:pointer;
}
.actions a:hover { text-decoration:none;
}
a.button, input.button {
background:#b32701 url(../../images/ui/red-button-gradient.png) repeat-x;
background:-moz-linear-gradient(top, #ec4903, #b32701);
background: -webkit-gradient( linear, left top, left bottom, from(#ec4903), to(#b32701));
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ed7749;
color:#fff;
text-align:center;
font-size:13px;
padding: 9px 16px;
text-decoration: none;
-webkit-box-shadow:2px 2px 3px #969696;
-moz-box-shadow:2px 2px 3px #969696;
box-shadow:2px 2px 3px #969696;
text-wrap-mode: nowrap;
}
a.button strong, input.button {
font-size:23px;
display:block;
text-shadow:#8c1f02 0 -1px 1px;
font-weight: bold;
line-height:20px;
}
/*Make the button orange -> Add the subclass .orange */
a.button.orange, input.button.orange{
background-color: #ec9703;
background-image: -moz-linear-gradient(top, #ec9703, #da6701);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ec9703),color-stop(1, #da6701));
}
a.button.orange strong, input.button.orange strong{
text-shadow:#cf6400 0 -1px 1px;
}
/*Make the button orange -> Add the subclass .orange */
a.button.red, input.button.red{
background: #ed4a03; /* Old browsers */
background: -moz-linear-gradient(top, #ed4a03 0%, #cd2b00 57%, #b32701 92%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed4a03), color-stop(57%,#cd2b00), color-stop(92%,#b32701)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ed4a03 0%,#cd2b00 57%,#b32701 92%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ed4a03 0%,#cd2b00 57%,#b32701 92%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ed4a03 0%,#cd2b00 57%,#b32701 92%); /* IE10+ */
background: linear-gradient(top, #ed4a03 0%,#cd2b00 57%,#b32701 92%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed4a03', endColorstr='#b32701',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 1px 1px 1px #3b3a3a;
-moz-box-shadow: 1px 1px 1px #3b3a3a;
box-shadow: 1px 1px 1px #3b3a3a;
}
a.button.red, input.button.red, button.button.red{
text-shadow:#cf6400 0 -1px 1px;
}
/* make the button smaller */
a.button.sm, input.button.sm{
padding: 7px 10px;
font-size:10px;
letter-spacing:0.05em;
}
a.button.sm strong, input.button.sm strong{
font-size:15px;
}
a.button.md, input.button.md{
line-height:30px;
font-size:19px;
}
/* ########## THIS ENDS THE RED BUTTON STYLING ########## */
.footer {
}
p.copy { padding:30px 0 35px 0;
font-size:10px;
color:#6f6c63;
}
p.copy a { color:#6f6c63;
text-decoration:underline;
}
p.copy a:hover { text-decoration:none;
}
.pop-up-holder { display:none;
width:460px;
}
.pop-up-box { width:404px;
border:9px solid #e0dddd;
padding:14px 35px 23px 21px;
}
.pop-up-box h2 { font-size:24px;
color:#45433d;
font-weight:bold;
padding-bottom:8px;
}
.pop-up-box .col { color:#598c1a;
width:200px;
float:left;
padding-bottom:16px;
}
.pop-up-box .col p span { height:11px;
width:11px;
background:url(../../images/ui/pop-up-check.gif) no-repeat 0 0;
display:inline-block;
margin:1px 0 0 7px;
}
.pop-up-info h2 { font-size:13px;
padding-bottom:4px;
}
.pop-up-info p { padding-bottom:15px;
}
.energy-profile { height:33px;
background:-moz-linear-gradient(top, #f2f2f2, #e8e8e8);
-moz-border-radius: 5px;
border:1px solid #d0d0d0;
padding:8px 10px;
margin-bottom:5px;
background: -webkit-gradient( linear, left top, left bottom, from(#f2f2f2), to(#e8e8e8));
-webkit-border-radius: 5px;
-moz-box-shadow: 1px 1px 0px #fff;
-webkit-box-shadow: 1px 1px 0px #fff;
box-shadow: 1px 1px 0px #fff;
border-radius: 5px;
}
.energy-profile h2 { color:#161616;
text-transform:uppercase;
font-size: 12px;
float:left;
padding-right:11px;
padding-top:5px;
}
.progress { height:25px;
width:;
float:left;
padding-left:11px;
}
.progress span { -moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
background:#cecdcd;
height:25px;
width:87px;
float:left;
position:relative;
border:1px solid #bebebe;
margin-right:10px;
}
.progress span em { position:absolute;
-moz-border-radius-topleft: 3px;
display:block;
height:23px;
top:1px;
left:1px;
background: -moz-linear-gradient(top, #95bf56, #77af4a);
background: -webkit-gradient(linear, left top, left bottom, from(#95bf56), to(#77af4a));
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.progress p { float:left;
padding:4px 4px 0 0;
width:460px;
}
.progress p strong { font-size:28px;
}
a.blue-button, input.blue-button {
background:url(../../images/ui/bluebutton_firefox.png) repeat-x #2061b7;
background: -moz-linear-gradient( top, #73abe3, #2067c6);
float:left;
-moz-border-radius: 3px;
padding: 0 10px;
border: 1px solid #4075bb;
-moz-box-shadow: 1px 0px 1px #898989;
line-height:28px;
color:#fff;
margin-right:0;
background: -webkit-gradient(linear, left top, left bottom, from(#73abe3), to(#2067c6));
-webkit-border-radius: 3px;
-webkit-box-shadow: 1px 0px 1px #898989;
border-radius: 3px;
box-shadow: 1px 0 1px #898989;
}
a.blue-button{
text-decoration:none;
}
input.blue-button{
padding:6px;
cursor:pointer;
}
a.remove-link { height:18px;
width:19px;
float:right;
margin-top:5px;
background: -moz-linear-gradient(top, #bebebd, #8c8c8a);
color:#f1f1ee;
text-align: center;
font-size:15px;
line-height: 15px;
-moz-border-radius: 4px;
border: 1px solid #919191;
background: -webkit-gradient(linear, left top, left bottom, from(#bebebd), to(#8c8c8a));
-webkit-border-radius: 4px;
border-radius: 4px;
}
.statistics-table { height:196px;
width:760px;
display:block;
margin-bottom:7px;
}
.home-content { background:#fff;
border:1px solid #eae9e8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:2px 2px 3px #969696;
-webkit-box-shadow:2px 2px 3px #969696;
border-radius: 5px;
box-shadow:2px 2px 3px #969696;
}
.content { float:left;
-moz-box-shadow:2px -1px 2px #dddddd;
padding-bottom:0;
box-shadow:2px -1px 2px #dddddd;
-webkit-box-shadow:2px -1px 2px #dddddd;
}
.top-content { -moz-box-shadow:2px 2px 3px #dddddd;
box-shadow:2px 2px 3px #dddddd;
-webkit-box-shadow:2px 2px 3px #dddddd;
}
.content .block {
padding:11px 19px 12px 14px;
margin-bottom:7px;
-moz-box-shadow:0 2px 3px #dddddd;
box-shadow:0 2px 3px #dddddd;
-webkit-box-shadow:0 2px 3px #dddddd;
}
.content .block h2 { font-size:16px;
padding-bottom:21px;
}
.savings {padding:5px;
background: -moz-linear-gradient(top, #a9da7f, #97c66f);
background: -webkit-gradient(linear, left top, left bottom, from(#a9da7f), to(#97c66f));
border:3px solid #c7dbb0;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
line-height:12px;
padding-top:10px;
color:#466422;
float:left;
margin-right:15px;
}
.savings p strong { font-size:28px;
background:url(../../images/ui/saving-arrow.gif) no-repeat 0 8px;
display:block;
line-height:28px;
padding-left:11px;
}
.savings p strong span { font-size:18px;
}
.block .block-c { width: 300px;
float:left;
display:inline;
}
.block .block-c p { font-size:14px;
line-height:14px;
}
.block .block-c p.small { font-size:12px;
color:#726e66;
padding-bottom:10px;
}
.block .block-c p.links { padding-top:8px;
}
.block .block-c p.links a { margin-right:10px;
}
.diagrams { width:60px;
float:right;
display:inline;
height:95px;
padding-right:22px;
}
.diagram { height:95px;
width:29px;
float:left;
font-size:10px;
color:#5b5b5a;
line-height:12px;
margin-right:1px;
text-align:center;
position:relative;
}
.diagram span { height:66px;
width:29px;
display:block;
margin-bottom:4px;
position:relative;
}
.diagram span em { width:29px;
position:absolute;
bottom:0;
left:0;
z-index:2;
}
.green-diagram span em { background:-moz-linear-gradient(top, #97c156, #6ca947);
background: -webkit-gradient(linear, left top, left bottom, from(#97c156), to(#6ca947));
}
.orange-diagram span em { background:-moz-linear-gradient(top, #f3d54c, #feaf32);
background: -webkit-gradient(linear, left top, left bottom, from(#f3d54c), to(#feaf32));
}
.diagram-bubble { height:30px;
width:51px;
position:absolute;
background:#dfded9;
-moz-border-radius: 5px;
border:1px solid #bdbdbd;
z-index:99;
top:-20px;
left:6px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.diagram-bubble-holder { position:relative;
padding-top:3px;
}
span.bubble-arrow { height:8px;
width:8px;
background:url(../../images/ui/bubble-arrow.gif) no-repeat;
bottom:-15px;
left:33px;
position:absolute;
}
/* ==== Styles filters for main content ==== */
ul.filter-1{
float:right;
width:auto;
}
ul.filter-1 li{
display:inline;
width:auto;
}
/* filter-1 is for use on light background */
ul.filter-1 li a { color:#777;
float:left;
margin-right:10px;
line-height:20px;
height: 20px;
padding:0 7px;
-moz-border-radius: 10px;
text-align: center;
line-height:20px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid transparent
}
ul.filter-1 li a:hover{
color:#000;
text-decoration:none;
background: #none;
-moz-border-radius: 10px;
text-align: center;
line-height:20px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow:-1px -1px 2px #aaa;
-webkit-box-shadow:-1px -1px 2px #aaa;
box-shadow:-1px -1px 2px #aaa;
}
ul.filter-1 li a.new-link, ul.filter-1 li a:active { height: 20px;
color:#000;
background: #ededed;
-moz-border-radius: 10px;
-moz-box-shadow:-1px -1px 2px #aaa;
text-align: center;
line-height:20px;
-webkit-border-radius: 10px;
-webkit-box-shadow:-1px -1px 2px #aaa;
box-shadow:-1px -1px 2px #aaa;
border-radius: 10px;
}
/* ==== END filters for main content ==== */
.block h2.left { padding-bottom:20px;
}
.content .alerts { padding-bottom:26px;
padding-bottom:35px;
-moz-box-shadow:none;
box-shadow:none;
-webkit-box-shadow:none;
}
.alerts .block-c { float:none;
}
.alerts .darker { background:#f0f7fb;
}
.content .alerts h2 { padding-bottom:26px;
}
.alert {padding: 10px 10px 10px 10px;
border:1px solid #ddeaf2;
}
.alert span { background:url(../../images/ui/icos.gif) no-repeat;
height:26px;
width:26px;
float:left;
display:inline;
}
.alert span.fire-ico { background-position: left 0;
}
.alert span.light-ico { background-position: -26px 0;
}
.alert span.drop-ico { background-position: right 0;
}
.alerts .active { background:#fbf5e4;
border:1px solid #f3e8cb;
}
.alert span.hidden { background:transparent;
height:auto;
width:auto;
float:none;
display:none;
}
.alert span.hidden-text { background:transparent;
height:auto;
width:auto;
float:none;
display:none;
}
.alert p.small span.hidden { padding-left:0px;
}
.alert p.small span.hidden a { margin-right:18px;
display:inline-block;
padding:0px;
}
.alert p.small span.hidden a:hover { -moz-border-radius: 5px;
border-radius: 5px;
background:#efdf70;
-webkit-border-radius: 5px;
}
.alert p.small span.hidden a.last { margin-right:0;
}
.alert-c { display:inline;
float:left;
width:435px;
padding-left:6px;
}
.block-c .alert-c p { font-size:12px;
line-height:15px;
}
.block-c .alert-c p.small { font-size:11px;
}
.right-sidebar { width:188px;
float:left;
padding: 15px 20px 15px 15px;
}
.right-sidebar .entry h2 { font-size:16px;
padding-bottom:11px;
}
.right-sidebar .entry .meta { font-size:11px;
padding-bottom:12px;
}
.friends-gallery { padding-bottom:29px;
}
.friends-gallery .img { height:54px;
width:54px;
float:left;
display:inline;
margin-right:13px;
margin-bottom:13px;
}
.friends-gallery .last { margin-right:0;
}
.friends-gallery .img a img { border:1px solid #2859a1;
}
.friends-gallery .img a:hover img { border-color:#000;
}
/* BEGIN STYLING FOR HOME COMPARISONS */
#example{
padding-top:15px;
}
#examples dl{
padding:0;
float:left;
width:100%;
}
#examples dt{
padding:8px 0 0 0;
margin:0;
text-transform:uppercase;
font-size:11px;
}
#examples dd{
float:left;
font-size:10px;
color:#888;
display:inline;
padding:2px 0 0 5px;
}
#examples dd.ex{
padding:0;
}
#examples dd.ex span { height:23px;
width:100%;
position:relative;
display:block;
}
.your-house span { background:-moz-linear-gradient(top, #90c6ff, #63a9f2);
background: -webkit-gradient(linear, left top, left bottom, from(#90c6ff), to(#63a9f2));
}
.similar-house span { background:-moz-linear-gradient(top, #a3a4a3, #7e7f7e);
background: -webkit-gradient(linear, left top, left bottom, from(#a3a4a3), to(#7e7f7e));
}
.ideal-house span { background:-moz-linear-gradient(top, #6ba746, #5a8e3b);
background: -webkit-gradient(linear, left top, left bottom, from(#6ba746), to(#5a8e3b));
}
/* END STYLING FOR HOME COMPARISONS */
.bottom-content { padding:23px 10px 17px 14px ;
}
.bottom-content .left-content { width:375px;
float:left;
display:inline;
}
.bottom-content .left-content h2 { font-size:30px;
line-height:28px;
padding-bottom:16px;
}
.bottom-content .left-content .entry h3 { font-size:14px;
line-height:12px;
}
.bottom-content .left-content .entry { padding-bottom:6px;
}
.bottom-content .actions { padding-left:70px;
padding-top:5px;
}
.bottom-content .actions a { color:#da2f01;
}
.bottom-content .actions a.button { color: #fff;
}
.link-holder { position:relative;
height:20px;
display:inline-block;
z-index:99;
}
.actions .link-holder { float:left;
}
.cashflow-box { width:317px;
float:right;
border:1px solid #eaeaea;
padding:3px 11px 6px 5px;
margin-top:11px;
background: -moz-linear-gradient(top, #fcfcfc, #f4f5f5);
}
.cashflow-box h2 { font-size:17px;
padding:5px 0 36px 3px;
}
.cashflow-box h2 span { color:#598c1a;
}
.cashflow-box h2 span span.small { font-size:13px;
}
.cashflows { padding-left:17px;
}
.cashflows .entry { border-bottom:1px solid #d3d3cf;
padding-bottom:3px;
margin-bottom:4px;
}
.cashflows .last { border-bottom:0;
}
.cashflows .entry h3 { font-size:14px;
line-height:14px;
}
.cashflows .entry p { font-size:11px;
color:#5b5b5a;
}
span.breakdown { padding-left:30px;
}
.cashflows .entry .left { width:80px;
}
.cashflows .entry .right { width:220px;
}
.cashflows .entry .right p { color:#fff;
font-size:12px;
line-height:16px;
}
.grey-block { color:#fff;
height: 35px;
width:195px;
position:relative;
}
.grey-block span.arr { border-color: transparent #8e9ca2 transparent;
border-style: solid;
border-width: 17px 26px 18px 0;
position: absolute;
top:0;
left:0;
}
.grey-block span.dynamic { position:absolute;
top:0;
left: 0;
height: 32px;
background: -moz-linear-gradient(left, #8e9ba1, #69777d);
display:block;
margin-left: 26px;
padding: 3px 0 0 10px;
background: -webkit-gradient(linear, left top, right top, from(#8e9ba1), to(#69777d));
}
span.dynamic em { font-style: normal;
font-size: 12px;
}
.grey-block strong { font-size: 18px;
display:block;
font-weight: normal;
}
.blue-block { color:#fff;
height: 35px;
width: 74px;
position: relative;
float:left;
}
.blue-block span.arr { border-color: transparent #1d66c6 transparent;
border-style: solid;
border-width: 17px 26px 18px 0;
position: absolute;
top:0;
left:0;
}
.blue-block span.dynamic { position:absolute;
top:0;
left: 0;
height: 32px;
background: -moz-linear-gradient(left, #1e67c7, #4689d6);
display:block;
margin-left: 26px;
padding: 3px 0 0 10px;
background: -webkit-gradient(linear, left top, right top, from(#1e67c7), to(#4689d6));
}
.blue-block strong { display: block;
font-size: 18px;
}
.light-blue-block { height: 35px;
float:left;
width: 66px;
position:relative;
color:#fff;
}
.light-blue-block span.dynamic { position:absolute;
top:0;
left: 0;
height: 32px;
background: -moz-linear-gradient(left, #4c80b9, #6292c2);
display:block;
margin-left: 26px;
padding: 3px 0 0 10px;
background: -webkit-gradient(linear, left top, right top, from(#4c80b9), to(#6292c2));
}
.light-blue-block strong { display:block;
font-size: 18px;
}
.green-block { width: 50px;
float:right;
height: 37px;
position:relative;
text-align: center;
}
.green-block span.dynamic { background: -moz-linear-gradient(top, #afd060, #66a343);
position:absolute;
bottom: 0;
left: 0;
width: 50px;
height:100%;
-moz-box-shadow: -2px -2px 5px #567e1a;
background: -webkit-gradient(linear, left top, left bottom, from(#afd060), to(#66a343));
-webkit-box-shadow: -2px -2px 5px #567e1a;
box-shadow: -2px -2px 5px #567e1a;
}
.green-block span.dynamic p { padding-top:0;
}
.green-block span.arr { border-color: #66a343 transparent transparent ;
border-style: solid;
border-width: 25px 25px 0;
bottom:-25px;
left: 0;
position:absolute;
}
.green-block strong { display: block;
font-size: 18px;
}
.footer .cols { padding-top:18px;
padding-bottom:39px;
}
.footer .col { width:240px;
float:left;
display:inline;
}
.footer .col h2 { font-size:14px;
padding-bottom:3px;
}
.footer .col p { font-size:11px;
padding:0 19px 5px 0;
}
.footer .twitter-col { background:url(../../images/ui/twitter-col.gif) no-repeat left 28px;
padding-left:59px;
width:176px;
}
.twitter-content { background:#f6f5f4;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
padding: 13px 13px 16px 15px;
width:132px;
}
.twitter-content a { color:#002e52;
}
.feedback-form textarea.textarea-field { height:79px;
width:210px;
background:#fff;
-moz-border-radius: 5px;
-moz-box-shadow: -1px -1px 1px #c5c3c0;
border:1px solid #8a8a8a;
padding:5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: -1px -1px 1px #c5c3c0;
box-shadow: -1px -1px 1px #c5c3c0;
border-radius: 5px;
}
.feedback-form input.feedback-submit { width:71px;
color:#45433d;
float:right;
margin:6px 13px 0 0;
text-shadow:#d3d0c6 0 2px 1px;
font-weight:bold;
cursor:pointer;
}
.footer p.home-footer { width:818px;
margin:0 auto;
padding-top:15px;
background:url(../../images/ui/home-footer.gif) no-repeat 0 top;
text-align:center;
}
.create-account-form {background:#fff;
-moz-border-radius: 3px;
border:1px solid #d5d4d2;
-moz-box-shadow: 0px 0px 20px #ccc;
padding: 26px 20px 20px 43px;
display:block;
-webkit-border-radius: 3px;
-webkit-box-shadow: 0px 0px 20px #ccc;
margin:0;
}
.create-account-form h2 { color:#878787;
font-size:20px;
float:left;
padding:4px 0 14px 0;
}
.create-account-form .link-holder { font-size:11px;
font-weight:normal;
position:relative;
float:left;
padding:6px 10px 0 10px;
}
.create-account-form h2 a { font-size:11px;
font-weight:normal;
padding-left:10px;
}
.create-account-form h3 { font-size:16px;
padding-bottom:10px;
}
.tooltip { width:172px;
background:#fbf7a5;
border:4px solid #f1de6a;
-moz-box-shadow: 1px 1px 3px #909090;
position:absolute;
top:-30px;
left:95px;
z-index:99;
color:#4f372a;
-webkit-box-shadow: 1px 1px 3px #909090;
display:none;
height:auto;
}
.tooltip-holder { position:relative;
padding:7px 4px 13px 13px;
}
.tooltip-holder p { float:none;
}
.create-account-form span.tooltip-arr { height: 20px;
width:18px;
background:url(../../images/ui/tooltip-arr.gif) no-repeat 0 0;
position:absolute;
display:block;
top:26px;
left:-18px;
}
.top-right { width:230px;
float:right;
display:inline;
color:#5b5b5a;
font-size:11px;
text-transform:uppercase;
}
.top-right a, .top-right p { float:left;
}
.top-right a.secure-link { background:url(../../images/ui/secure-link.gif) no-repeat 0 1px;
padding-left: 18px;
color:#5b5b5a;
margin-right:22px;
}
.create-account-form .left { width:300px;
}
.create-account-form label {
font-size:14px;
font-weight:bold;
color:#444;
}
.create-account-form input.field { height:20px;
width:241px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 4px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin:5px 0 15px 0 ;
padding:8px;
font-size:16px;
color:#201616;
font-weight:normal;
letter-spacing:0.02em;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
}
.create-account-form input.field_new { height:20px;
width:300px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 4px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin-bottom:25px;
padding:8px;
font-size:16px;
color:#201616;
font-weight:bold;
padding:5px;
margin:5px 0 5px 0;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
}
.create-account-form input.field_n { height:20px;
width:255px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 4px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin-bottom:25px;
padding:8px;
font-size:16px;
color:#201616;
font-weight:bold;
padding:5px;
margin:5px 0 5px 0;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
}
.check-option input.check { height:13px;
width:13px;
float:left;
display:inline;
position:relative;
vertical-align: middle;
top:2px;
margin-right:4px;
}
.check-option label { font-size:12px;
font-weight:normal;
}
.create-account-form .right { padding:12px 30px 0 0;
}
.create-account-form .right h2 {
font-size:16px;
padding-bottom:10px;
float:none;
}
.create-account-form .right ul { color:#5b5b5a;
padding-left:16px;
padding-bottom:43px;
}
.create-account-form .right ul li { padding-bottom:6px;
list-style:disc;
}
.create-account-form .right a.button { margin-left:145px;
padding: 13px 42px 0 42px;
height: 34px;
}
/* USED ON CREDIT CARD PAGE*/
.cc-left{
width:399px;
border-right:1px dashed #ddd;
display:inline;
float:left;
margin-right:10px;
}
ul.bullets{
list-style-type:disc;
padding-left:10px;
}
.form-page { border-bottom:0;
}
.form-page p.copy { padding: 43px 0 0 38px;
}
.fieldset { position:relative;
z-index:2;
}
.error-msg { position:absolute;
width:150px;
background:#fef0f0;
border:3px solid #c84c37;
padding: 2px 12px;
color:#c61d01;
-moz-box-shadow: 2px 2px 2px #818181;
line-height:16px;
top:12px;
left:261px;
z-index:99;
-webkit-box-shadow: 2px 2px 2px #818181;
box-shadow: 2px 2px 2px #818181;
}
.error-msg span { float:left;
margin:5px 0 0 -29px;
border-color: transparent #c84c37 transparent transparent;
border-style: solid;
border-width: 10px 16px 10px 0;
}
.login-progress { float:left;
padding:2px 0 0 9px;
}
.login-progress span { height:14px;
width:14px;
float:left;
background:url(../../images/ui/login-progress.gif) no-repeat right 0;
margin-right:5px;
}
.login-progress span.active { background-position: left 0;
}
.names-fieldset { padding-top:21px;
}
.name-padding{padding-top:420px;
}
.names-fieldset input.field { float:left;
width:111px;
margin-right:10px;
}
.zip input.field { width:54px;
}
.zip label span { font-size:12px;
color:#6f6c64;
}
span.city { padding:0 0 0 53px;
margin:0px;
font-size:16px;
font-weight:bold;
}
.names-fieldset span{font-size:11px;
padding:0 0 0 10px}
.create-account-form input.phone-field { width:121px;
}
.field-3 input.field {width:40px !important;}
.field-2 input.field {width:25px !important;}
/*###### MARKED FOR DELETION ######*/
/*
.create-account-form input.phone-field_n { width:104px;
}
.create-account-form input.phone-field_new { width:153px;
}
*/
/*###### END MARKED FOR DELETION ######*/
.liability {font-size:10px;
width:143px;
float:left;
}
.liability_frm {float:left;
width:316px;
margin:0px;
padding:0px;
height:30px;
}
.small_font{font-size:10px;
padding:0 0 0 5px;
}
.certification{width:300px;
margin:10px 0 0 0;
padding:0px;
float:left;
}
.name_sm_new{width:190px;
margin:0px;
padding:0px;
float:left;
}
.name_drop_menu{width:110px;
margin:0px;
padding:0px;
float:left;
}
.name_drop_menu_in{width:110px;
margin:0px;
padding:0px;
height:20px;
}
.blue-box { background:#f0f7fb;
border:1px solid #d6e4eb;
padding:13px 12px 0 15px;
margin-bottom:110px;
}
.create-account-form .right .blue-box h2 { font-size:18px;
float:none;
padding-bottom:22px;
width:auto;
}
.blue-box p { padding-bottom: 19px;
}
.create-account-form .thanks-box { padding:13px 12px 50px 0px;
width:300px;
float:left;
}
.create-account-form .thanks-box h2 { font-size:18px;
float:none;
padding-bottom:22px;
width:auto;
}
.create-account-form .thanks-box p { padding-bottom: 19px;
}
.create-account-form .thanks-box ul{ padding:0 0 0 15px;
margin:0px;
}
.create-account-form .thanks-box ul li{list-style:decimal;
line-height:20px;
padding:0 0 0 10px;
}
.create-account-form .right ul li{list-style:disc;
}
.create-account-form .right .actions { padding: 0 0 0 40px;
}
.create-account-form .right .actions a.button { margin:0;
padding-left:10px;
padding-right: 10px;
}
/* START PUSH BUTTON SCHEDULING*/
.slider { width: 750px;
height:298px;
background:#f0f7fb;
border:1px solid #d6e4eb;
padding: 2px 14px 0 25px;
position:relative;
margin:0 0 11px 2px;
display:block;
}
.slider-holder, .jcarousel-clip {
width: 750px;
height:292px;
position:relative;
overflow:hidden;
}
.slider-holder ul { height:292px;
width: 750px;
position:relative;
list-style:none;
overflow:hidden;
}
.slider-holder ul li {
width: 750px;
height:292px;
float:left;
}
.slider-holder ul li .col { width:122px;
margin-right:30px;
float:left;
}
.slider-holder ul li .last { margin-right:0;
}
.slider-holder ul li .col h2 { font-size:14px;
color:#45433d;
background:none;
float:none;
padding-bottom:11px;
width:auto;
}
.checkbox_text{font-size:14px;
font-weight:bold;
text-transform:uppercase;
float:left;
}
.slider-holder ul li .col h3, .slider-holder ul li .col label { background: -moz-linear-gradient(top, #f4f4f5, #dedede);
-moz-border-radius: 3px;
height:33px;
display:block;
border:1px solid #afafaf;
line-height:32px;
padding-left:11px;
cursor:pointer;
font-size:14px;
padding-bottom:0;
background: -webkit-gradient( linear, left top, left bottom, from(#f4f4f5), to(#dedede));
-webkit-border-radius: 3px;
border-radius: 3px;
}
.slider-holder ul li .col h3.active, .slider-holder ul li .col label.active { background: -moz-linear-gradient(top, #c6c7c9, #a5a5a5);
-moz-border-radius: 3px;
height:33px;
display:block;
border:1px solid #afafaf;
line-height:32px;
padding-left:11px;
cursor:pointer;
font-size:14px;
padding-bottom:0;
background: -webkit-gradient( linear, left top, left bottom, from(#c6c7c9), to(#a5a5a5));
-webkit-border-radius: 3px;
border-radius: 3px;
}
.slider-holder ul li .col h3:hover, .slider-holder ul li .col label:hover { background: -moz-linear-gradient(top, #d9dadb, #c2c2c2);
-moz-border-radius: 3px;
height:33px;
display:block;
border:1px solid #afafaf;
line-height:32px;
padding-left:11px;
cursor:pointer;
font-size:14px;
padding-bottom:0;
background: -webkit-gradient( linear, left top, left bottom, from(#d9dadb), to(#c2c2c2));
-webkit-border-radius: 3px;
border-radius: 3px;
}
.slider-holder ul li .col h3:active {
background: -moz-linear-gradient(top, #c2c2c2, #d9dadb);
-moz-border-radius: 3px;
height:32px;
display:block;
border:1px solid #afafaf;
line-height:32px;
padding-left:11px;
cursor:pointer;
font-size:14px;
padding-bottom:0;
padding-top:1px;
background: -webkit-gradient( linear, left top, left bottom, from(#c2c2c2), to(#d9dadb));
-webkit-border-radius: 3px;
border-radius: 3px;
}
.slider-holder ul li .col h3 span { float:left;
width:12px;
height:12px;
margin-top:10px;
margin-right: 6px;
}
.slider-holder ul li .col h3.active span{
background: url(../../images/ui/check1.png) no-repeat;
}
.day-c { background:#fff;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border:1px solid #afafaf;
position:relative;
margin-top:-3px;
height: 118px;
overflow-y: scroll;
display:none;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
}
.day-c a:hover { background:#e4f1f7;
text-decoration:none;
}
.day-c a.selected { background:#5999dd;
color:#fff;
}
.day-part { padding-bottom:6px;
}
/*END PUSH BUTTON SCHEDULING*/
.slider-navigation a { position:absolute;
height:27px;
width:27px;
top:132px;
display:block;
font-size:14px;
font-weight:bold;
color:#45433d;
text-align:center;
line-height:26px;
text-decoration:none;
background: -moz-linear-gradient(top, #cecccd, #c2bfbf);
-moz-border-radius: 5px;
border: 1px solid #afafaf;
background: -webkit-gradient( linear, left top, left bottom, from(#cecccd), to(#c2bfbf));
-webkit-border-radius: 5px;
border-radius: 5px;
}
.slider-navigation a.slider-next { right:-39px;
}
.slider-navigation a.slider-prev { left:-39px;
}
.schedule h3 { font-size:18px;
color:#161616;
font-weight:normal;
padding-bottom:0;
}
.schedule .actions {
padding-left:460px;
margin-top:-22px;
}
.schedule .actions a.button { padding-top: 13px;
height: 34px;
}
.calendar { background:-moz-linear-gradient( top, #f9f9f9, #e8e8e7 );
width: 136px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 15px #bbb;
text-align:center;
float:left;
margin-right:29px;
text-transform:uppercase;
font-size:33px;
line-height:33px;
border-radius: 5px;
box-shadow: 0 0 15px #bbb;
background:-webkit-gradient( linear, left top, left bottom, from(#f9f9f9), to(#e8e8e7));
width: 136px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 15px #bbb;
}
.calendar strong { display:block;
font-size:45px;
line-height:45px;
font-weight:bold;
}
.calendar span.mounth { display:block;
height:41px;
background: -moz-linear-gradient(top, #b30504, #d10200);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
font-size:36px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
line-height:40px;
text-align:center;
text-shadow:0 -2px #690302;
margin-bottom:10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top:4px;
background: -webkit-gradient(linear, left top, left bottom, from(#b30504), to(#d10200));
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.calendar_s { background:-moz-linear-gradient( top, #f9f9f9, #e8e8e7 );
-moz-border-radius: 5px;
-moz-box-shadow: 0 0 15px #bbb;
text-align:center;
float:left;
margin-right:15px;
padding-bottom:5px;
padding-top:0px;
text-transform:uppercase;
font-size:14px;
line-height:14px;
border-radius: 5px;
box-shadow: 0 0 15px #bbb;
background:-webkit-gradient( linear, left top, left bottom, from(#f9f9f9), to(#e8e8e7));
width: 60px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 15px #bbb;
}
.calendar_s strong { display:block;
font-size:16px;
line-height:16px;
font-weight:bold;
margin-bottom:3px;
}
.calendar_s span.mounth { display:block;
height:21px;
background: -moz-linear-gradient(top, #b30504, #d10200);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
font-size:20px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
line-height:20px;
text-align:center;
text-shadow:0 -2px #690302;
margin-bottom:3px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top:4px;
background: -webkit-gradient(linear, left top, left bottom, from(#b30504), to(#d10200));
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
.address-info { width:245px;
float:left;
display:inline;
}
.address-info strong { font-size:62px;
line-height:60px;
}
.address-info p { font-size:28px;
line-height:28px;
padding:10px 0 20px 10px;
}
.address-info a { background: -moz-linear-gradient(top , #f4f4f5, #dedede);
display:block;
width:192px;
height:37px;
line-height:38px;
color:#161616;
font-size:13px;
padding-left:7px;
-moz-border-radius: 4px;
border:1px solid #afafaf;
border-radius: 4px;
background: -webkit-gradient(linear, left top , left bottom , from(#f4f4f5), to(#dedede));
-webkit-border-radius: 4px;
}
.address-info a span.pen-ico { height:17px;
width:16px;
background:url(../../images/ui/pen-ico.gif) no-repeat;
float:left;
margin:12px 7px 0 0;
}
.support { width:229px;
float:right;
padding-right:38px;
}
.support h3 { font-size:14px;
padding-bottom:0;
}
.support .entry { padding-bottom:12px;
}
.support .entry ul { padding-left:14px;
}
.success { padding-top:5px;
}
.success .actions { float:right;
width:320px;
padding-top:74px;
padding-left:0;
padding-top:13px;
}
.success .actions a.button { padding-top:10px;
height: 37px;
padding: 10px 8px 0 8px;
}
.form-page .container_16 { padding: 64px 0 0 105px;
}
.top-tooltip { width:310px;
border:4px solid #e6d465;
-moz-box-shadow:2px 1px 4px #909090;
background:#fffee0;
position:absolute;
z-index:99;
bottom:-0px;
left:-211px;
display:none;
-webkit-box-shadow:2px 1px 4px #909090;
}
.top-tooltip h2 { color:#302f2b;
font-size:24px;
padding-bottom:16px;
}
.top-tooltip p { padding-bottom:10px;
}
.top-tooltip p span { color:#a6a5a5;
font-size:34px;
line-height:32px;
float:left;
font-weight:bold;
padding: 3px 20px 10px 0;
}
.tooltip-rel { padding:13px 13px 15px 13px;
position:relative;
display:block;
}
.tooltip-rel span.arr { height:20px;
width:21px;
background:url(../../images/ui/top-tooltip-arr.gif) no-repeat 0 0;
position:absolute;
display:block;
bottom:-20px;
right: 33px;
}
form.address-enter input.field { padding:4px 8px;
}
.date-holder { width:101px;
}
.day-c a { display:block;
padding: 5px 22px 5px 0 ;
text-align:right;
color:#45433d;
}
.field_new{width:250px;
padding:4px 8px;
}
.field_n{width:200px;
padding:4px 8px;
}
/*Advisor's Overview*/
.johnsmithhd-n{width:750px;
padding:10px 0 0 0;
margin:0px;
float:left;
line-height:24px;
}
.johnsmithhd{width:460px;
padding:0 15px 10px;
margin:0px;
float:left;
line-height:24px;
}
.audited{width:140px;
padding:0px;
margin:0 15px 0 0px;
height:25px;
float:left;
}
.audited select option{background:#e8e8e8;
}
.audited-form{height:42px;
width:140px;
float:right;
padding:0px;
margin:0px;
}
.auditselect{ height: 32px;
width:134px;
padding:5px;
font-size:18px;
color:#000000;
}
.maincontent_advisors{width:730px;
padding:0px;
margin:0px;
float:left;
}
/*STYLES THE TABBED NAVIGATION FOR A HOME*/
.advisorsnav{ height: 29px;
float:left;
width:700px;
padding:5px 59px 0 0;
font-size:14px;
color:#333;
font-weight:bold;
border-bottom:1px solid #DCD9D9;
}
.advisorsnav ul { list-style:none;
height:29px;
margin:0 0 0 15px;
}
.advisorsnav ul li { float:left;
height:35px;
position: relative;
}
.advisorsnav ul li a {
height:23px;
/* width:103px; */
float:left;
text-align:center;
padding: 6px 14px 0;
color:#2859a1;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
background:#e4f1f6;
margin-right: 8px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
}
.advisorsnav ul li .active{
background: #ffffff;
text-decoration: none;
border-top:1px solid #d4d4d4;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
height:23px;
}
.advisorsnav ul li a:hover {
text-decoration: none;
background-color:#bcebfd;
}
.advisorsnav .disabled {
background: #e8eaec;
color:#9c9b9b;
}
.advisorsnav ul li a.active:hover{
background-color:#fff;
}
.m_advisors{width:740px;
padding:0 15px;
float:left;
}
.m_ad_progress{width:100%;
padding:10px 0 10px 0;
margin:0px;
}
.progressbarhead{width:130px;
padding:0px;
margin:0px;
float:left;
}
.progressbar{
/* Legacy browsers */
padding:0px;
margin:5px 0 5px 0;
float:left;
position:relative;
-webkit-border-radius: 1;
border: 1px solid #b7b7b7;
border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid #b7b7b7;
text-align:center;
width:580px;
height:10px;
margin:5px 0px 0 0;
background: #b7b7b7 url("../../images/ul/post.png") repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: #b7b7b7;
background: #b7b7b7\0/;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFd8dadb, endColorstr=#FFb7b7b7);
}
@media all and (min-width: 0px) {
.progressbar{
/* Opera */
background: #b7b7b7 url("../../images/ul/post.svg");
/* Recent browsers */
background-image: -moz-linear-gradient(
top,
#d8dadb,
#b7b7b7
);
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(#d8dadb),
to(#b7b7b7)
);
}
}
span.progressbarround{ background:url(../../images/ui/prgrssbarround.png)no-repeat;
position:absolute;
z-index:99;
width:30px;
height:30px;
left:25px;
bottom:-12px;
}
.m_adv_nav{width:100%;
padding:0px;
margin:0px;
font-size:10px;
text-transform:uppercase;
}
.m_adv_nav ul{list-style:none;
padding:0px;
margin:0px;
}
.m_adv_nav ul li{padding:10px 7px 0;
margin:0px;
float:left;
}
.notfication_adv{background:none repeat scroll 0 0 #FBF6DE;
border:1px solid #F3E27B;
margin:10px 0;
}
/*.notfication_adv{ background:#fbf6de;
margin:10px;
border: 1px solid #f3e27b;
width:650px;
padding:10px 20px 0 20px;
text-align:center;
}*/
.notfication_adv_head{width:490px;
float:left;
padding:0px;
margin:10px;
text-align:left;
}
.n_ad_bl_btn{padding:10px 0 0 0;
width:145px;
float:right;
}
.n_ad_bl_bt{padding-top:3px;
padding-bottom:3px;
height:25px;
}
/* RETROFIT FEED BY BEN */
#retrofitfeed{
padding:0 25px;
}
.feed-child{
border-bottom:1px #ccc dashed;
border-left:1px #ccc dashed;
padding: 6px 0 10px 10px;
margin: 4px 0 0 0;
}
.feed-child-comment{
border-bottom:1px #ccc dashed;
border-left:1px #ccc dashed;
padding: 6px 0 10px 10px;
margin: 4px 0 0 0;
background:#eee;
}
.feed-parent{
padding: 5px 0;
}
i{color:#777;
}
/* END RETROFIT FEED BY BEN */
/* START PRIMARY CALL OUT BOX */
#call-out{
padding:10px;
border:solid 1px #ccc;
background-color:#ecf6fa;
margin:10px 8px 20px;
}
a.padded-links{
margin:0 10px;
display:block;
float:left;
}
/* END PRIMARY CALL OUT BOX*/
/* BEING BREAKOUT BOX 1*/
.breakout1{
padding:10px;
border:solid 1px #ccc;
margin:0 0 10px 0px;
background-color:#ecf6fa;
color:#000000;
border:1px solid #d3edf7;
}
.projectfeed{width:330px;
margin:10px 0 0 0;
padding:10px 0 0 0;
float:left;
}
.projectfeed_date {
/* Legacy browsers */
height:40px;
width:30px;
border:3px solid #c7dbb0;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
line-height:12px;
padding-top:10px;
color:#466422;
float:left;
margin-right:32px;
background: #97c66f url(../../images/ui/porjectdate.png) repeat-x top;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: #97c66f;
background: #97c66f\0/;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFa9da7f, endColorstr=#FF97c66f);
}
@media all and (min-width: 0px) {
.projectfeed_date {
/* Opera */
background: #97c66f url("/images/ui/porjectdate.svg");
/* Recent browsers */
background-image: -moz-linear-gradient(
top,
#a9da7f,
#97c66f
);
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(#a9da7f),
to(#97c66f)
);
}
}
.projectfeed_date p strong { font-size:28px;
background:url(../../images/ui/saving-arrow.gif) no-repeat 0 8px;
display:block;
line-height:28px;
padding-left:11px;
}
.projectfeed_date p strong span { font-size:18px;
}
.hidedtails{width:70px;
float:right;
padding:5px;
}
.schd_audit_m{ width:330px;
float:left;
padding:10px 0 0 0;
margin:0px;
}
.schd_audit_text{ width:255px;
float:left;
padding:0px;
margin:0px;
}
schd_audit_text a{font-weight:normal;
font-size:12px;
}
.add_n_update{width:335px;
margin:10px 0 0 20px;
padding:10px 0 0 20px;
float:left;
}
.update_text_main{ width:300px;
margin:0 0 10px 0;
padding:10px 0 0 0;
}
.update{padding:0px;
margin:0px;
float:left;
}
.update_text{height:79px;
width:280px;
background:#fff;
-moz-border-radius: 5px;
-moz-box-shadow: -1px -1px 1px #c5c3c0;
border:1px solid #8a8a8a;
padding:5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: -1px -1px 1px #c5c3c0;
box-shadow: -1px -1px 1px #c5c3c0;
border-radius: 5px;
/*STYLES THE SIDE MESSAGING DIV*/
}
.sharewith{width:335px;
padding:0px;
margin:0px;
float:left;
}
.checking{ padding:0;
margin:0px;
float:left;
}
.checking p{ margin:0px;
padding:8px 0 8px 0;
}
.side_hello{ border-bottom:1px solid #dddddb;
padding-bottom:10px;
margin-bottom:20px;
height:100%;
margin-top:20px;
}
.side_hello_head{padding:5px 5px 5px 0px;
float:left;
}
.side_hello_editable{padding:5px 5px 5px 5px;
float:left;
}
.side_hello_editable a{color:#2859a1;
}
.side_hello_editable a:visited{color:#5999dd;
text-decoration:none;
}
/* SIDENAV AND SIDEBLOCK ARE REDUNDANT*/
.sidenav_new {border-bottom:1px solid #dddddb;
padding-bottom:10px;
margin-bottom:20px;
height:100%;
margin-top:20px;
}
.sidenav_new ul {list-style:none;
}
.sidenav_new ul li {float:left;
height:auto;
position: relative;
}
.sidenav_new ul li a {height:25px;
width:140px;
float:left;
text-decoration:none;
padding: 10px 0 0 10px;
color:#5999dd;
text-align:left;
border:1px solid transparent;
}
.sidenav_new ul li a:active {
text-decoration:none;
width:auto;
float:left;
padding:10px 0 0 10px;
text-align:left;
background:#efefef;
border:1px solid #d4d4d4;
color:#000000;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
.sidenav_new ul li a:hover {
border:1px solid #d4d4d4;
text-decoration:none;
width:140px;
float:left;
padding:10px 0 0 10px;
text-align:left;
color:#000000;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
/* Legacy browsers */
background: #eaeae8 url(../../images/ui/gradient-sidenav.png) repeat-x;
-o-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
/* Internet Explorer */
*background: #eaeae8;
background: #eaeae8\0/;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/ui/gradient-sidenav.png", sizingMethod="scale");
}
@media all and (min-width: 0px) {
.sidenav_new ul li a:hover {
/* Opera */
background: #dfdfdf url("../../images/ul/gradient-sidenav.png");
/* Recent browsers */
background-image: -moz-linear-gradient(
top,
#e8e8e8,
#e5e5e5 50%,
#dfdfdf
);
background-image: -webkit-gradient(
linear,
left top, left bottom,
from(#e8e8e8),
to(#dfdfdf),
color-stop(0.5, #e5e5e5)
);
}
}
.post{width:60px;
height:30px;
margin-left:100px;
padding:10px;
float:right;
}
.urprojects-table { width:730px;
padding-bottom:30px;
}
.urprojects-table table { width:730px;
}
.urprojects-table tr th a.arr span { border-color: #2859a1 transparent transparent;
border-style: solid;
border-width: 6px 4px 0 ;
width:0;
height:0;
left:5px;
top: 11px;
position:relative;
}
.urprojects-table tr th { background:#e4f1f6;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #dcd9d9;
color:#000000;
height:30px;
text-align:left;
padding:0 0 0 10px;
}
.urprojects-table tr td{ text-align:center;
border-bottom:1px solid #dcd9d9;
height:30px;
font-size:15px;
text-align:left;
padding:0 0 0 10px;
font-size:12px;
}
.urprojects-table tr.darker td { background: #f3f3f3;
text-align:left;
padding:0 0 0 10px;
}
.urprojects-table tr.active {background:#579ad7;
color:#ffffff;
}
.urprojects-table tr:hover td { background:#e4f1f6;
color:#000000;
cursor:pointer;
}
.urprojects-table tr.declined td { background:#f8e8e8;
}
.urprojects-table tr td.improvement-name {
text-align:left;
padding-left:8px;
}
.urprojects-table tr td a { color:#45433d;
}
.urprojects-table tr td a:hover { color:#85a5b4;
text-decoration:none;
}
.urprojects-table tr td a span.improvement-description { height:16px;
width:16px;
display:inline-block;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #accad8;
color:#85a5b4;
font-weight:bold;
text-align:center;
margin:0 0 0 10px;
position:relative;
vertical-align:middle;
top:-2px;
}
.checkbox, .radio { width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(../../images/ui/checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
noindent p{line-height:24px;
}
.radio { background: url(../../images/ui/radio.gif) no-repeat;
}
.select {position: absolute;
width: 118px;
height: 25px;
padding:3px 24px 0 8px;
font-weight:bold;
color:#45433D;
font: 12px/21px arial,sans-serif;
background: url(../../images/ui/dropdownlist.png) no-repeat;
overflow: hidden;
}
.textmainform{width:450px;
float:left;
margin:30px 0 10px 0;
padding:0px;
}
.textleftside{width:150px;
padding:5px 0 0px 0;
margin:0px;
text-align:left;
float:left;
}
.textrightside{width:180px;
padding:10px 0 0px 0;
margin:0px;
float:left;
l}
.textarea-fieldin { height:15px;
width:150px;
background:#fff;
-moz-border-radius: 5px;
-moz-box-shadow: -1px -1px 1px #c5c3c0;
border:1px solid #8a8a8a;
padding:5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: -1px -1px 1px #c5c3c0;
box-shadow: -1px -1px 1px #c5c3c0;
border-radius: 5px;
}
.textarea-field_cm { height:79px;
width:280px;
background:#fff;
-moz-border-radius: 5px;
-moz-box-shadow: -1px -1px 1px #c5c3c0;
border:1px solid #8a8a8a;
padding:5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: -1px -1px 1px #c5c3c0;
box-shadow: -1px -1px 1px #c5c3c0;
border-radius: 5px;
}
.chooseoption{width:200px;
padding:10px 0px 0 0px;
float:left;
margin:0 0 0 10px;
}
.chooseoption a{color:#2859a1;
text-decoration:underline;
}
.chooseoption a:active{color:#5999dd;
}
.cho_compny_text{width:250px;
padding:0px 0px 0 150px;
float:left;
margin:0px;
font-size:10px;
font-weight:bold;
}
.text_cont_ln{width:300px;
float:left;
padding:10px 0 0 130px;
margin:0px;
}
.text_cont_buttn{width:auto;
height:25px;
float:left;
padding:10px 0 0 130px;
margin:0px;
}
/*Choose option page */
.choose_option_page{ width:620px;
padding:0 0 0 20px;
margin:0px;
}
.choose_option-table { width:600px;
padding-bottom:30px;
}
.choose_option-table table { width:600px;
}
.choose_option-table tr th a.arr span { border-color: #2859a1 transparent transparent;
border-style: solid;
border-width: 6px 4px 0 ;
width:0;
height:0;
left:5px;
top: 11px;
position:relative;
}
.choose_option-table tr th { background:#e4f1f6;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #dcd9d9;
color:#000000;
height:30px;
text-align:left;
padding:0 0 0 10px;
}
.choose_option-table tr td{ text-align:center;
border-bottom:1px solid #dcd9d9;
height:30px;
font-size:15px;
text-align:left;
padding:0 0 0 10px;
font-size:12px;
}
.choose_option-table tr.darker td { background: #f3f3f3;
text-align:left;
padding:0 0 0 10px;
}
.choose_option-table tr.active {background:#579ad7;
color:#ffffff;
}
.choose_option-table tr:hover td { background:#e4f1f6;
color:#000000;
cursor:pointer;
}
.choose_option-table tr.declined td { background:#f8e8e8;
}
.choose_option-table tr td.improvement-name {
text-align:left;
padding-left:10px;
}
.choose_option-table tr td a { color:#45433d;
}
.choose_option-table tr td a:hover { color:#85a5b4;
text-decoration:none;
}
.choose_option-table tr td a span.improvement-description { height:16px;
width:16px;
display:inline-block;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #accad8;
color:#85a5b4;
font-weight:bold;
text-align:center;
margin:0 0 0 10px;
position:relative;
vertical-align:middle;
top:-2px;
}
.tickm{width:44px;
height:41px;
padding:0px;
margin:0px;
float:left;
}
.topspace{padding:100px 0 0 100px;
}
/*NEW FORM STYLING EXCLUDING SIGN UP FORMS*/
/*Styles the numbered bullets on the left of long forms*/
.fo2_no{width:40px;
font-size:54px;
color:#cac2c2;
padding:15px 0px 10px 0px;
float:left;
text-align:center;
font-weight:bold;
margin:10px 0 0 0;
}
.fo2_info_h{width:100px;
padding:10px 0 0 0;
float:left;
font-weight:bold;
margin:10px 0 0 0;
}
/* Styles the form elements*/
.form2 select{margin:13px 0 15px;}
.form2 label {width:130px;
padding:10px 0 10px 0px;
margin:3px 0 5px 0;
float:left;
display:block;
clear:both;
height:20px;
}
.form2 .inline-label{
display:inline;
float:left;
width:auto;
clear:none;
}
.form2 span {
font-size:10px;
color:#777;
}
.field-caption {float:left;padding:14px 5px 5px;
font-size:14px;
color:#888;
}
.form2 label.small {
width:auto;
padding-left:15px;
padding-right:5px;
clear:none;
}
.fo2_form{width:auto;
padding:8px 0 8px 0px;
float:left;
}
.form2 .field, .form2 .field_small, .form2 .field_xsmall, .form2 .field-textarea, .form2 .field_large, .form2 .field-textarea_large{
height:20px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 4px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin:10px 0;
padding:3px;
font-size:16px;
color:#201616;
font-weight:bold;
display:block;
float:left;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
}
.form2 .field-textarea{
height: 90px;
font-size:14px;
width:230px;
}
.form2 .field-textarea_large{
width: 400px;
height: 90px;
font-size:14px;
}
.form2 .field {
width:230px;
}
.form2 .field_small {
width:100px;
}
.form2 .field_xsmall {
width:50px;
}
.form2 .field_large{
width:400px;
}
.form2 .smalltext {
padding-left:140px;
margin-top:-5px;
}
.main_red_blue_s{margin-left:5px;
padding-top:5px;
padding-bottom:5px;
float:left;
width:230px;
}
.main_red_blue{
padding-top:5px;
padding-bottom:5px;
float:left;
border-bottom:1px solid #CCCCCC;
width:230px;
}
.redlink a{ color:#FF0000;
font-size:10px;
text-decoration:underline;
}
.redlink a:hover{
text-decoration:none;
}
.bluelink a{ color: #0066FF;
font-size:10px;
text-decoration:underline;
padding-left:5px;
width:230px;
}
.bluelink a:hover{text-decoration:none;
}
/*Style scrollable checklists */
.checklist {
border: 1px solid #ccc;
list-style: none outside none;
height: 10em;
overflow: auto;
width: 20em;
}
.checklist, .checklist li { margin: 0; padding: 0; }
.checklist label {
display: block;
text-indent: -25px;
padding: 3px 0 3px 30px;
margin:0;
height: 1%;
width:auto;
float:none;
}
* html .checklist label { height: 1%; }
.checklist label:hover { background: #f7e4f5;}
/* end scrollable checklists*/
/*END STYLING FOR NEW FORMS*/
/*START DEPRECATED STYLING*/
/*energy - form*/
.form1{margin-top:50px}
.energy_no{width:40px; font-size:54px; color:#cac2c2; padding:15px 0px 10px 0px; float:left; text-align:center; font-weight:bold; margin:50px 0 0 0;}
.energy_info_h{width:100px; padding:10px 0 0 0; float:left; font-weight:bold; margin:50px 0 0 0;}
.energy_name{width:120px; padding:10px 0 10px 0px; margin:3px 0 5px 0; float:left;}
.energy_status{width:140px; padding:5px 0 5px 0px; margin:0px 0 10px 0; float:left;}
.energy_name_form_right{width:230px; padding:8px 0 8px 0px; margin:3px 0 0 0; float:left;}
.energy_name_form_right .field { height:20px; width:240px; background:#fff; -moz-border-radius: 3px; border-radius: 4px; -moz-box-shadow: -1px -1px 1px #898989; box-shadow: -1px -1px 1px #898989; border:1px solid #d4d3d2; margin-bottom:0px; padding:3px; font-size:16px; color:#201616; font-weight:bold; -webkit-border-radius: 3px; -webkit-box-shadow: -1px -1px 1px #898989;}
.energy_name_form{width:300px; padding:8px 0 8px 0px; margin:3px 0 0 0; float:left;}
.energy_name_form .field { height:20px; width:230px; background:#fff; -moz-border-radius: 3px; border-radius: 4px; -moz-box-shadow: -1px -1px 1px #898989; box-shadow: -1px -1px 1px #898989; border:1px solid #d4d3d2; margin-bottom:0px; padding:3px; font-size:16px; color:#201616; font-weight:bold; -webkit-border-radius: 3px; -webkit-box-shadow: -1px -1px 1px #898989;}
.energy_name_form .field_small { height:20px; width:100px; background:#fff; -moz-border-radius: 3px; border-radius: 4px; -moz-box-shadow: -1px -1px 1px #898989; box-shadow: -1px -1px 1px #898989; border:1px solid #d4d3d2; margin-bottom:0px; padding:3px; font-size:16px; color:#201616; font-weight:bold; -webkit-border-radius: 3px; -webkit-box-shadow: -1px -1px 1px #898989;}
.main_red_blue_s{margin-left:5px; padding-top:5px; padding-bottom:5px; float:left; width:230px;}
.main_red_blue{padding-top:5px; padding-bottom:5px; float:left; border-bottom:1px solid #CCCCCC; width:230px;}
.redlink a{ color:#FF0000; font-size:10px; text-decoration:underline;}
.redlink a:hover{text-decoration:none;}
.bluelink a{ color: #0066FF; font-size:10px; text-decoration:underline; padding-left:5px; width:230px;}
.bluelink a:hover{text-decoration:none;}
/* END DEPRECATED FORM STYLING*/
.s-m-trans{border:none;
background:none;
}
.bluebox{background:#f0f7fb;
border:1px solid #d6e4eb;
padding:13px 0px 10px 0px;
width:270px;
}
.bn{border:none;
}
.bt{border-top:1px solid #CCCCCC;
width:230px;
}
.address-info_small { width:120px;
float:left;
display:inline;
float:left;
}
.address-info_small strong { font-size:28px;
line-height:30px;
}
.address-info_small p { font-size:12px;
line-height:14px;
padding:10px 0 20px 10px;
font-weight:bold;
}
.address-info_small a { background: -moz-linear-gradient(top , #f4f4f5, #dedede);
display:block;
width:192px;
height:37px;
line-height:38px;
color:#161616;
font-size:13px;
padding-left:7px;
-moz-border-radius: 4px;
border:1px solid #afafaf;
border-radius: 4px;
background: -webkit-gradient(linear, left top , left bottom , from(#f4f4f5), to(#dedede));
-webkit-border-radius: 4px;
}
.address-info_small a span.pen-ico { height:17px;
width:16px;
background:url(../../images/ui/pen-ico.gif) no-repeat;
float:left;
margin:12px 7px 0 0;
}
.textarea-field_cm_small { height:79px;
width:195px;
background:#fff;
-moz-border-radius: 5px;
-moz-box-shadow: -1px -1px 1px #c5c3c0;
border:1px solid #8a8a8a;
padding:5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: -1px -1px 1px #c5c3c0;
box-shadow: -1px -1px 1px #c5c3c0;
border-radius: 5px;
}
.sharewith_small{width:220px;
padding:0px;
margin:0px;
float:left;
}
.errorimg{width:24px;
height:24px;
}
label {cursor:pointer}
.italics{ font-style:italic;
}
/* ###### ADDED in earlier by Alex##### */
.entry_new{width:200px;
}
.field_others { height:20px;
width:120px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 4px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin-top:5px;
margin-bottom:25px;
padding:8px;
font-size:16px;
color:#201616;
font-weight:bold;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
float:left;
}
.field_others_small { height:20px;
width:30px;
background:#fff;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: -1px -1px 1px #898989;
box-shadow: -1px -1px 1px #898989;
border:1px solid #d4d3d2;
margin-top:5px;
margin-bottom:25px;
padding:8px;
font-size:16px;
color:#201616;
font-weight:bold;
-webkit-border-radius: 3px;
-webkit-box-shadow: -1px -1px 1px #898989;
float:left;
}
.recom_edit{float:left;
padding:10px 0 0 10px;
width:20px;
}
/* ###### STYLES ERROR AND NOTFICICATIONS DIVS ADDED on 09/08/2010 by Alex##### */
#flash_error, .error, .warning, .errorExplanation{
padding-top:15px;
padding-bottom:15px;
padding-right:15px;
padding-left:40px;
margin:10px 3px;
float:none;
width:auto;
background:#f4e6e6 url(../../images/ui/error.png) left center no-repeat;
border:1px solid #c84c37;
font-size:14px;
}
.errorExplanation p{
font-size:16px;
font-weight:bold;
}
.errorExplanation ul {
list-style-type:disc;
padding-left:15px;
}
#flash_success, #flash_notice, .notification, .notice{
padding:9px 15px 9px 40px;
margin:10px 3px;
float:none;
width:auto;
background:#fbf6de url(../../images/ui/notfica.png) left center no-repeat;
border:1px solid #f3e27b;
font-size:14px;
}
/* ###### THIS IS THE TABLE LESS LIST VIEW##### */
.tablecontainer{width:740px;
}
.tablemain_col_head, .tablemain_col_head_small{border-right:1px solid #FFFFFF;
color:#000000;
text-align:left;
width:150px;
float:left;
padding:5px;
}
.tablemain_col_head_des{border-right:1px solid #FFFFFF;
color:#000000;
text-align:left;
width:240px;
float:left;
padding:5px;
}
.tablemain_col, .tablemain_col_small{text-align:left;
width:150px;
float:left;
padding:5px;
}
.tablemain_col_small, .tablemain_col_head_small{
width:110px;
}
.tablemain_col_des{ width:240px;
float:left;
padding:5px;
}
.tablemain_col_large{ width:370px;
float:left;
padding:5px;
}
.tablecontainer li {color:#000000;
float:left;
}
.tablecontainer li.active{background:none repeat scroll 0 0 #579AD7;
color:#FFFFFF;
}
.tablecontainer li.row1:hover, .tablecontainer li.row2:hover{ background:#ecf6fa;
color:#000000;
cursor:pointer;
border:1px solid #d3edf7;
}
.tablemain_head{background:none repeat scroll 0 0 #E4F1F6;
color:#000000;
text-align:left;
float:left;
font-weight:bold;
}
.tablecontainer li.row1{background-color:#fff;
border-bottom:#F5F5F5 1px solid;
border-top:#F5F5F5 1px solid;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
}
.tablecontainer li.row2{background-color:#F5F5F5;
border-bottom:#fff 1px solid;
border-top:#fff 1px solid;
border-left:solid 1px #F5F5F5;
border-right:solid 1px #F5F5F5;
}
.clickable_area{float:left;
cursor:pointer;
}
/* ###### PROGRAMMER COMMENTS*/
.commentprog{
color:#9504ab;
border:solid 1px #ccc;
background-color:#f7e4f5;
padding:10px;
display:none;
}
textarea:focus, input:focus {
border: 1px solid #888 !important;
/* background-color: #fff9e2 !important;*/
background-color: #fff9e2; /* Jeff needs to override this value for the OM Analytics view */
}
.cancel-1{
margin:10px;
float:left;
display:inline;
padding-top:15px;
}
.cancel-2{
display:inline;
padding-top:3px;
}
.cancel-1 a, .cancel-2 a, span.remote-remove{
color:red;
padding:4px;
}
.cancel-1 a:hover, .cancel-2 a:hover, span.remote-remove:hover{
background-color:red;
color:#fff;
}
.stdpad-1{
padding:15px;
}
.stdpad-2{
padding:20px;
}
.ac_results{ width:auto !important; }
/* CSS BUTTON STYLING (INSPIRED BY CSS3PLEASE.COM)*/
a.button-b1 {
/*Roudn off corners*/
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
/*Add drop shadow*/
-moz-box-shadow: 2px 4px 14px #000;
-webkit-box-shadow: 2px 4px 14px #000;
box-shadow: 2px 4px 14px #000;
/*Make gradient background*/
background-color: #e4e3e3;
background-image: -moz-linear-gradient(top, #e4e3e3, #9d9d9d);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e4e3e3),color-stop(1, #9d9d9d));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e3e3', EndColorStr='#9d9d9d');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e4e3e3', EndColorStr='#9d9d9d')";
/*Tame the text*/
text-shadow: 0px 1px 0px #ddd;
font-size:18px;
color:#434242;
font-weight:bold;
text-decoration:none;
text-align:center;
/*define box*/
width:auto;
padding:5px 10px;
float:left;
display:inline; /*fixes IE double-margin issue on floats*/
border:1px solid #bbb;
}
a.button-b1:hover{
/*Make gradient background*/
background-color: #f8f8f8;
background-image: -moz-linear-gradient(top, #f8f8f8, #bbb);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #bbb));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#bbbbbb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#bbbbbb')";
}
a.button-b1 span{
font-size:11px;
float:none;
display:block;
font-weight:normal;
}
#chart-energy-saved-over-last-year{
height: 100px;
width: 90px;
float:right;
}
/*NO-DATA GRAPHING SECTION*/
.graphing .no-data{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:999;
background:transparent url(../../images/ui/transparency-black.png) repeat-x bottom left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.graphing .no-data .prompt{
margin:80px auto;
width:390px;
}
.graphing .no-data:hover .prompt ul{
list-style:none;
}
.graphing .no-data:hover .prompt ul li{
float:left;
display:inline;
margin:0 20px 0 0;
}
/*NO-DATA SAVINGS OVERVIEW*/
.overview{
position:relative;
padding:15px;
}
.overview .no-data{
background:transparent url(../../images/ui/transparency-white.png) repeat-x bottom left;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:999;
}
.overview .no-data .prompt{
width:200px;
margin:40px auto;
}
/*NO DATA COMPARE HOME*/
.compare{
position:relative;
display:inline;
float:left;
}
.compare .no-data{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:999;
background:transparent url(../../images/ui/transparency-white.png) no-repeat bottom left;
}
.compare .no-data .prompt{
margin:40px auto;
}
/*NO-DATA common styling and behaviours */
.no-data:hover{
background:none;
}
.no-data .prompt{
visibility:hidden;
}
.no-data:hover .prompt{
visibility:visible;
}
/*Clear Fix solution modeled after Dan Cederholm's recommendation */
.grouped:after{
content: ".";
display: block;
height:0;
clear:both;
visibility:hidden;
}
/* ############################################
######### ONLINE AUDIT BEGIN ############
###########################################*/
#online-audit .retrofit-sm{
height:180px;
}
h2.lean-light{
font-family:"franklin-gothic-urw",Helvetica,"Arial Black";
font-size:42px;
font-weight:700;
color:#1C2027;
text-shadow: 0px 1px 1px #fff;
}
h2.lean-light.getting-started{
color:#f1a840;
}
h2.lean-light.almost-there{
color:#95bc48;
}
h2.lean-light.you-made-it{
color:#6fa83b;
}
h2.lean-light span, h3.lean-light span, span.amp{
font-family:baskerville, "goudy old style", palatino, "book antiqua";
font-style:italic;
}
h2.lean-light span.form-title-gray{
font-size:30px;
font-family:"franklin-gothic-urw",Helvetica,"Arial Black";
color: #8a8b8b;
font-style: normal;
}
p.form-title-p{
margin: 0 0 15px 5px;
line-height: 10px;
}
h3.lean-light{
font-size:24px;
color:#8A8B8B;
font-weight:normal;
}
#grades{
position:relative;
}
.oa-grade-sm{
float:left;
margin:54px 0 0 0;
z-index:0;
padding:3px 5px;
background: -moz-linear-gradient(top, #a9da7f, #97c66f);
background: -webkit-gradient(linear, left top, left bottom, from(#a9da7f), to(#97c66f));
border:1px solid #c7dbb0;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
padding-top:10px;
color:#466422;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
width:36px;
float:left;
-moz-box-shadow: 1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
}
.oa-grade-sm strong{
font-size:18px;
padding:0 8px;
text-shadow:#000 0 -1px 1px;
}
.oa-grade{
padding:5px;
background: -moz-linear-gradient(top, #a9da7f, #97c66f);
background: -webkit-gradient(linear, left top, left bottom, from(#a9da7f), to(#97c66f));
border:3px solid #c7dbb0;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
text-align:center;
padding-top:10px;
color:#466422;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
width:90px;
float:right;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
box-shadow: 1px 1px 3px #888;
}
.oa-grade strong{
font-size:55px;
line-height:1.2em;
padding:0 12px;
text-shadow:#000 0 -1px 1px;
}
/* Start styling for slider version of the online audit */
#oa-slider{
padding:20px;
margin:15px 0 20px;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background: #e5e5e4;
background-image: -moz-linear-gradient(top, #f8f7f7, #d6d6d5);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f7f7),color-stop(1, #d6d6d5));
-moz-box-shadow: 2px 2px 3px #424040;
-webkit-box-shadow: 2px 2px 3px #424040;
box-shadow: 2px 2px 3px #424040;
}
#oa-slider #slider-title{
float:left;
width:420px;
}
#oa-slider h3{
font-size:12px;
font-weight:normal;
padding:0;
margin:0;
line-height:normal;
text-shadow: 0px 1px 1px #fff;
}
#oa-slider h2{
font-size:32px;
letter-spacing: -0.04em;
text-shadow: 0px 1px 1px #fff;
float:left;
padding-top:16px;
}
#oa-slider #slider-container{
width: 480px;
float:right;
display:inline;
position:relative;
}
#oa-slider #slider-container ul.labels{
left:-59px;
list-style:none outside none;
padding:0 20px;
position:absolute;
width:580px;
z-index:0;
}
#oa-slider #slider-container ul.labels li{
color:#4F5050;
float:left;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
text-align:center;
width:190px;
}
#oa-slider #slider-container ul.labels li em{
display:block;
font-style:normal;
font-size:14px;
color:#888888;
}
#oa-slider #slider-container ul.labels li.right em{
margin-left: 25px;
}
#oa-slider #slider-container ul.labels li.left em{
margin-right: 40px;
}
#oa-slider #slider{
margin: 0 15px
}
#oa-slider div#slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
background: #ff4800; /* Old browsers */
background: -moz-linear-gradient(left, #ff4800 0%, #fdec5f 37%, #c1d966 49%, #6ba846 70%, #598d3a 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff4800), color-stop(37%,#fdec5f), color-stop(49%,#c1d966), color-stop(70%,#6ba846), color-stop(99%,#598d3a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ff4800 0%,#fdec5f 37%,#c1d966 49%,#6ba846 70%,#598d3a 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ff4800 0%,#fdec5f 37%,#c1d966 49%,#6ba846 70%,#598d3a 99%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #ff4800 0%,#fdec5f 37%,#c1d966 49%,#6ba846 70%,#598d3a 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4800', endColorstr='#598d3a',GradientType=1 ); /* IE6-9 */
background: linear-gradient(left, #ff4800 0%,#fdec5f 37%,#c1d966 49%,#6ba846 70%,#598d3a 99%); /* W3C */
padding:1px 0;
}
#online-audit .ui-slider .ui-slider-handle{
position: absolute;
width:53px;
height:51px;
overflow: hidden;
border-style:none;
border:none;
margin:-10px 0 0 -25px;
background: transparent url(../../images/diy-audit/home-slider.png) no-repeat;
}
#online-audit #slider{
background:#adabab;
background-image: -moz-linear-gradient(top, #787878, #c7c7c7);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #787878),color-stop(1, #c7c7c7));
padding:1px 0;
width:418px;
height:8px;
border: 1px solid #cdcccc;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
margin:40px 30px 0;
}
/* End styling for slider version of the online audit*/
.star0, .star1, .star2, .star3, .star4, .star5, .star0-half, .star1-half, .star2-half, .star3-half, .star4-half{
height:20px;
width: 100px;
margin-bottom: 8px;
}
.star0{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 0;
}
.star0-half{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 200px;
}
.star1{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 180px;
}
.star1-half{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 160px;
}
.star2{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 140px;
}
.star2-half{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 120px;
}
.star3{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 100px;
}
.star3-half{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 80px;
}
.star4{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 60px;
}
.star4-half{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 40px;
}
.star5{
background: transparent url(../../images/diy-audit/star-sprite-half.png) 0 20px;
}
#online-audit .retrofit-table table, .retrofit-table{
width:690px;
}
#online-audit .retrofit{
margin-top:0px;
}
/*START FEEDBACK BUBBLE*/
.helpful{
padding:2px 5px;
margin:5px 0;
border:1px solid #ddd;
width:140px;
font-size:10px;
text-transform:uppercase;
background-color:#fdfdfd;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
a.button.button-alt1, input.button-alt1{
background-color: #ec9703;
background-image: -moz-linear-gradient(top, #ec9703, #da6701);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ec9703),color-stop(1, #da6701));
border:1px solid #e07a05;
color:#fff;
text-shadow:1px 0px 0px #ed8d20;
font-size:16px;
padding:4px 8px;
cursor:pointer;
}
.qtip-title span{
font-size:10px;
color:#5f5f5f;
text-shadow:-1px 0 0 #ffffff;
padding: 0 0 0 6px;
}
.qtip-title strong{
font-size:16px;
text-shadow: -1px 0 0 #ffffff;
color: #5f5f5f;
letter-spacing:-0.03em;
font-weight:bold;
}
.qtip-title div.frowney-title, .qtip-title div.smiley-title, .qtip-title div.flag-title{
margin-right: 10px;
display:block;
position:relative;
float:left;
width:21px;
height:21px;
line-height:normal;
background:transparent url(../../images/diy-audit/smileys.png) no-repeat 0 -21px;
}
.qtip-title div.smiley-title{
background:transparent url(../../images/diy-audit/smileys.png) no-repeat 0px 0px;
}
.qtip-title div.flag-title{
background:transparent url(../../images/diy-audit/flag.png) no-repeat 0px 0px;
}
.feedback textarea{
width:260px;
}
.feedback p{
padding:0px 10px;
}
/*END FEEDBACK BUBBLE*/
.tipsy2, .tipsy_link{
cursor:help;
text-decoration:underline;
}
em.tipsy2 {
font-style:normal;
}
/*jQuery scroll down div*/
#crunch-time-container{ /* needed for containing crunch-time */
position:relative;
}
#crunch-time{ /* needed for smooth floating*/
left: 0px;
/*position: absolute;*/
margin-left: 0px;
margin-top: -5px;
width: 220px;
}
#scroll-down{
/*position: absolute;*/
top: 0;
/* just used to show how to include the margin in the effect */
margin-top: 5px;
width: 220px;
}
#scroll-down.fixed {
position: fixed;
top: 0;
}
/*End jQuery scroll down div*/
/*jQuery tabs div*/
#tabs {
padding: 0px;
background: none;
border-width: 0px
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;;
}
#tabs .ui-tabs-nav {
padding-left: 0px;
background: transparent;
border-width: 0px 0px 1px 0px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#tabs .ui-tabs-panel {
padding: 0;
}
#tabs-list li
{
border: none;
text-align: center;
width:68px;
color: #000000 !important;
font-weight: bold !important;
}
#tab-1-btn{
background: #efcd57;
}
#tab-2-btn{
background: #b9e377;
}
#tab-3-btn{
background: #81bd5d;
}
#tab-3-btn a{
padding-right: 0px;
padding-left: 10px;
}
.ui-widget-header { border: none;}
/*End jQuery tabs div*/
/* Styles the numbers displayed for cashflow analysis*/
#crunch-time p.numbers-big{
font-family:georgia, "Book Antiqua", "Palatino Linotype", serif;
font-size:36px;
line-height:0.9em;
padding:normal;
color:#161616;
}
#crunch-time p.numbers-big span{
font-size:18px;
padding:0;
}
#oa-cashflow{
border-bottom: 1px solid #f0d2e1;
padding-bottom:15px;
color:#000000;
line-height:1em;
}
#oa-cashflow h2{
color:#ea5399;
font-size:18px;
padding-bottom:5px;
}
#oa-cashflow h2.sm{
color:#ea5399;
font-size:13px;
line-height:14px;
letter-spacing:-0.04em;
}
#crunch-time h3{
font-size:14px;
}
#oa-cashflow img{
float:left;
margin-right:7px;
position:relative;
}
#oa-cashflow p span{
font-family:georgia, "Book Antiqua", "Palatino Linotype", serif;
font-size:24px;
color:#161616;
padding-left:10px;
line-height:1.2em;
}
var {
font-style: normal;
}
#oa-cashflow p var.summary, #details-modal p var.summary{
font-family:georgia, "Book Antiqua", "Palatino Linotype", serif;
font-size:18px;
color:#161616;
padding-left:5px;
line-height:1.2em;
font-style: normal;
}
.details-modal p var.summary{
font-family:georgia, "Book Antiqua", "Palatino Linotype", serif;
font-size:24px;
color:#161616;
padding-left:5px;
line-height:1.2em;
font-style: normal;
}
#oa-cashflow p var.summary-lg{
font-family:georgia, "Book Antiqua", "Palatino Linotype", serif;
font-size:32px;
color:#161616;
padding-left:5px;
line-height:1.2em;
font-style: normal;
}
#oa-cashflow var#cash-flow{
font-size:36px;
}
#oa-action{
border-top: .5px solid #fff;
padding-top:10px;
}
#oa-customer-support h3{
background:transparent url(../../images/diy-audit/help.png) no-repeat;
padding:2px 0 2px 32px;
font-size:16px;
}
/* Styles content of dialogs in jQuery UI*/
.dialogs{
}
#home-details{
float:left;
}
#home-details h3{
border-top:1px dashed #ccc;
padding-top:15px;
}
#home-details h4{
font-size:12px;
}
#home-details dl{
margin-bottom:0px;
font-size:12px;
line-height:1.1em;
}
#home-details dt{
float:left;
display:inline;
margin:5px;
clear:left;
width:150px;
}
#home-details dd{
float:left;
display:inline;
margin:5px;
clear:right;
width:100px;
}
/*End styling of content of dialogs in jQuery UI*/
/* ###### BEING ONLINE QUESTIONS STYLING ######*/
/*from input slider by Jeff*/
.ui-container{
position:relative;
height: 40px;
margin: 40px 0 0 0;
float:left;
}
/* I've applied this as a class so it can be used for more than 1 instance */
.slider-callout {
background:url(../../images/diy-audit/slider-callout.gif) no-repeat;
height:45px;
width:45px;
overflow:hidden;
position:absolute;
top:-55px;
padding:8px 0 0 0;
margin-left:-15px;
text-align:center;
font-weight:bold;
color:#202020;
}
.ui-slider .ui-slider-handle{
width:32px;
height:32px;
background:url(../../images/diy-audit/slider-handle.png) no-repeat;
overflow: hidden;
position: absolute;
top: -10px;
border-style:none;
}
.ui-slider {
background:#adabab;
background-image: -moz-linear-gradient(top, #787878, #c7c7c7);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #787878),color-stop(1, #c7c7c7));
padding:1px 0;
width:268px;
height:8px;
border: 1px solid #bbb;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
/*End form input slider by Jeff*/
/* Start vertical tab styling */
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:flex; justify-content:space-between; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 55em;}
/*General tabs styling*/
#tabs{
border:none;}
/*override uniform styling*/
#oa-questions form label{
font-size:15px;
margin:3px 0;
display:block;
width:265px;
float:left;
font-weight:bold;
}
#oa-questions label.sm{
width:auto;
margin-right:20px;
font-weight:normal;
padding-top:5px;
}
#oa-questions .sm{
float:left;
padding:5px;
}
#oa-questions label.sm.off{
padding-top:35px;
margin-left:20px;
}
#oa-questions div.selector{
float:left;
}
#oa-questions input[type="text"],input[type="password"], #oa-questions input[type="radio"], #oa-questions input[type="checkbox"], #oa-questions textarea, #oa-questions form select{
font-size:15px;
background-color: #fff;
float:left;
margin-right:5px;
}
#oa-questions form ul li {
padding:8px;
margin: 3px 0;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:solid 3px #fff;
}
#oa-questions form ul li:hover {
border: dashed 3px #b2deeb;
}
#oa-questions form table:not(.no-hover-table) {
border-collapse: separate;
border-spacing: 0;
}
#oa-questions form table:not(.no-hover-table) td {
border-top: 3px dashed transparent;
border-bottom: 3px dashed transparent;
border-left: 3px dashed transparent;
border-right: 3px dashed transparent;
transition: border-color 0.2s ease;
}
#oa-questions form table:not(.no-hover-table) tr:hover td {
border-top-color: #b2deeb;
border-bottom-color: #b2deeb;
}
#oa-questions form table:not(.no-hover-table) tr:hover td:first-child {
border-left: 3px dashed #b2deeb;
}
#oa-questions form table:not(.no-hover-table) tr:hover td:last-child {
border-right: 3px dashed #b2deeb;
}
#oa-questions form ul li ul{
float:right;
}
#oa-questions form ul li ul li, #oa-questions form ul li ul li:hover{
border:none;
padding:0;
}
#oa-questions form select option{
padding-left:10px;
}
#oa-questions form ul li.error-validation,#oa-questions form ul li.error-validation:hover {
font-size:11px;
color:#C84C37;
background-color:#fef0f0;
border:dashed 3px #f7caca;
}
#oa-questions .error-recovery{
float:none;
clear:both;
display:block;
margin-left:250px;
}
.tipsy, .tipsy-bottom{
padding:1px;
background:#f7efab;
-moz-border-radius:8px;
margin:5px 0 5px 15px;
font-size:9px;
text-transform:capitalize;
letter-spacing:0.1em;
display:block;
width:30px;
float:left;
text-align:center;
color:#333;
font-weight:bold;
cursor:help;
border:1px solid #f1e685;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#oa-questions input.button {
/* Forcing the width so IE 7 doesn't truncate the button. */
width: 200px;
}
#oa-questions a.button, input.button{
margin: 0 40px 0 0;
min-width:150px;
}
#oa-questions form .previous-audits ul li{
border:none;
padding:5px 0px
}
a.previous-audit-button {
color:#2859a1;
}
a.view-previous-audit-button {
color:#2859a1;
}
#oa-questions .previous-audits{
padding:10px;
}
#oa-questions span.instructions {
color: #444444;
display: block;
float: left;
font-size: 11px;
margin-left: 10px;
padding-top: 5px;
}
/* STYLING FOR CURRENT VIEW OF ONLINE AUDIT ADDED MARCH 23, 2011 */
.oa-grade.alt{
float:left;
}
.oa-big-text{
font-size:24px;
line-height:1.2em;
}
.oa-big-text a{
text-decoration:underline;
}
.hide{
display:none;
}
/*#online-audit a span.improvement-description{
text-align:center;
border-bottom:1px solid #dcd9d9;
font-size:13px;
vertical-align:top;
padding:10px 0 8px;
border-right: 1px solid #F1F1F1;
width: auto;
text-decoration:underline;
}*/
/* ############################################
######### ONLINE AUDIT ENDS ############
###########################################*/
.img-right{
float:right;
padding:5px;
border: solid #ccc 1px;
}
.breakout1{
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:20px;
background-color:#f4f4f4;
border:1px solid #e4e4e4;
text-shadow: 1px 1px 0 #fff;
}
.breakout1 h2{
color:#5b5b5a;
font-size:18px;
font-weight:bold;
padding-bottom:10px;
}
img.pic {
display: inline;
float: right;
border: 8px solid #FEFFFF;
box-shadow: 5px 5px 2px #888;
}
.ctonly{
float:right;
}
/* Powered by Snugg Home Footer with tender support section*/
ul#footer-sh{
margin: 20px 0;
float:right;
font-size:11px;
color:#838383;
}
ul#footer-sh li{
padding: 4px 20px;
float:left;
}
ul#footer-sh li.powered-by-sh{
padding: 0 20px;
}
.powered-by-sh h2 a {
position:relative;
display:block;
width:176px;
height:20px;
font-size:13px;
}
.powered-by-sh h2 a span {
display:block;
position:absolute;
width:100%;
height:100%;
background:#ffffff url(../../images/powered-by-snugghome.png) no-repeat left top;
z-index:100; /* Places on top of text */
top:0;}
.powered-by-sh h2 a span:hover{
background:#ffffff url(../../images/powered-by-snugghome.png) no-repeat left bottom;
}
/* End Powered by Snugg Home*/
/* CT Public Nav*/
#ct-public-nav #nav {
clear: right;
float: right;
font-size: 1.15em;
height: 32px;
padding: 17px 0 0;
font-size: 130%;
}
#ct-public-nav #nav ul {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
#ct-public-nav #nav ul li {
float: left;
}
#ct-public-nav #nav ul li a {
color: #002854;
float: left;
height: 32px;
line-height: 32px;
margin: 0 5px;
padding: 0 12px;
text-decoration: none;
text-shadow: none;
}
#ct-public-nav #nav ul li.active a, #ct-public-nav #nav ul li.active a:hover {
background: none repeat scroll 0 0 #1C2027;
border-radius: 5px 5px 5px 5px;
color: #BCDADB;
}
#ct-public-nav #nav ul li a:hover {
background: none repeat scroll 0 0 #C8E1E2;
border-radius: 5px 5px 5px 5px;
}
#ct-public-nav #sign-up {
color: #2859A1;
float: right;
font-size: 0.85em;
height: 20px;
padding: 8px 6px 0 0;
}
/* End CT Public Nav*/
/*Start CT public footer*/
#ct-public-footer{
background: none repeat scroll 0 0 #EFECEC;
border-radius: 5px 5px 5px 5px;
clear: both;
min-height: 60px;
font-size:120%;
}
.footer-box {
-float: left;
-width: 33.33%;
min-height: 60px;
background-color: #EFECEC;
}
.footer-center-content {
font-size: 0.7em;
text-align: center;
}
.retrofit-table table.design-loads td {
text-align: left;
padding-left: 5px;
}
.retrofit-table table.cost-table td {
padding-left: 5px;
padding-right: 5px;
}
.retrofit-table table.cost-table th {
text-align: left;
}
#online-audit .footer-center-content #feedback-link.button, #oa-questions .footer-center-content #feedback-link.button {
float: none;
margin:5px;
}
#ct-public-footer ul {
float: left;
height: 52px;
line-height: 52px;
list-style: none outside none;
margin: 0;
padding: 0;
}
#ct-public-footer ul li {
float: left;
padding: 0 15px;
}
#ct-public-footer ol {
xheight: 52px;
xline-height: 52px;
list-style: none outside none;
margin: 0;
padding: 0;
}
#ct-public-footer ol li {
padding: 0px 15px 0px 30px;
font-size: 0.7em;
}
#ct-public-footer ol li:first-of-type {
font-size: 0.9em;
}
#ct-public-footer p.copyright {
color: #5B5B5A;
float: right;
font-size: 0.7em;
height: 30px;
line-height: 8px;
margin: 0;
padding: 0 26px 10px 0;
}
#oa-questions #feedback-link, #online-audit #feedback-link, #feedback-button, #loginerror-link, #loginerror-button {
line-height: 8px;
_margin-top: 8px !important;
_margin-right: 0 !important;
min-width: 0px;
background-color: #ec9703;
background-image: -moz-linear-gradient(top, #ec9703, #da6701);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ec9703),color-stop(1, #da6701));
}
#oa-questions #feedback-button strong, #online-audit #feedback-button strong {
text-shadow:#cf6400 0 -1px 1px;
}
@media (max-width:959px) {
#oa-questions #feedback-link, #online-audit #feedback-link {
margin-top: 4px !important;
}
.panel-row {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.panel-row > li {
flex: 1 1 250px;
min-width: 200px;
}
label.panel-count-control{
display: none !important;
}
}
/*End CT public footer*/
/*DIY Audit*/
.address-fields {
display:grid;
grid-template-columns: 180px 20px 50px 20px 100px;
}
.bills-table {
-width: 100%;
border-collapse: collapse;
margin-left: 3px;
}
.bills-table th,
.bills-table td {
padding: 0.5em;
-text-align: left;
_border-bottom: 1px solid #ccc;
vertical-align: top;
}
.bills-table input {
-width: 100%;
-box-sizing: border-box;
}
.bills-table .sm {
margin-right: 4px;
}
.bills-table .datepicker {
width: 100px;
}
.bills-table input {
width: 80px;
box-sizing: border-box;
padding: 4px 6px;
font-size: 15px;
}
#oa-questions .bulkPaste {
display: none;
font-size: 12px;
width: 200px;
height: 170px;
}
.blue-button {
background-color: #0052cc;
color: white;
font-weight: bold;
padding: 10px 20px;
border: none;
border-radius: 6px;
font-size: 16px;
cursor: pointer;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.blue-button:hover {
background-color: #003f99;
}
a.button.import-buttons {
line-height: 8px;
min-width: 0px;
background-color: #ec9703;
background-image: -moz-linear-gradient(top, #ec9703, #da6701);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ec9703), color-stop(1, #da6701));
width: 225px;
}
.bulkPaste {
width: 255px;
margin-top: 10px;
}
td.align-tip {
vertical-align: top;
}
#feedback-form label {
font-size: 15px;
margin: 3px 0;
display: block;
width: 265px;
float: left;
font-weight: bold;
}
#feedback-form table td {
padding: 18px;
}
details {
margin-left: 1em;
}
summary {
cursor: pointer;
}
#imagery-container {
display: flex;
flex-direction: column;
align-items: center; /* This will center everything horizontally */
}
#imagery-container-canvas {
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
}
#canvas {
display: block;
margin: 0 auto; /* fallback centering */
}
.icon-label-value__items {
display: flex;
flex-wrap: wrap;
justify-content: center; /* This centers the icon items in the container */
gap: 12px;
}
.icon-label-value__items {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Reduced gap for tighter layout */
}
.icon-label-value__item {
flex: 1 1 auto;
min-width: 80px; /* or smaller if you want */
}
.circle-container {
display: flex;
justify-content: center; /* center the group */
gap: 60px; /* adjust spacing between items */
margin: 20px 0;
flex-wrap: wrap; /* allow wrapping on small screens */
}
.circle-item {
text-align: center;
}
#panel-slider-container {
width: 100%;
}
#panel-slider {
width: 100%;
}
h2.lean-light span.no-lean-light,
h3.lean-light span.no-lean-light,
span.amp.no-lean-light,
span.no-lean-light {
font-family: inherit;
font-style: normal;
}
.spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
display: inline-block;
vertical-align: middle;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#uniform-skip-panels-checkbox{
float:left;
}
.panel-slider-group {
display: flex;
align-items: flex-start;
gap: 10px;
flex-wrap: wrap; /* wrap if needed on small screens */
}
#panel-slider-container {
flex-direction: column;
max-width: 300px;
}
#addedSolarArraySize {
align-self: center;
}
#imagery-container-canvas {
display: inline-block;
border: 2px solid #ccc;
border-radius: 15px;
overflow: hidden; /* Clips canvas corners */
}
#oa-questions span.instructions.unit {
color: #444444;
display: block;
float: left;
font-size: 14px;
margin-left: -10px;
padding-top: 24px;
}
/* Optionally, ensure .ui-container is wide enough and not floating for incentives tab */
#tabs-4off .ui-container, #tabs-incentives .ui-container {
float: none;
width: 100%;
min-width: 268px;
}
.field-error input[type="radio"] + label,
.field-error _label {
outline: 2px solid red;
border-radius: 4px;
padding: 2px;
}
.field-error .radio{
outline: 2px solid red;
border-radius: 4px;
}
.field-error input[type="radio"] {
outline: 2px solid red;
}
.field-error:focus {
border: 2px solid red !important;
background-color: #ffecec;
}
.address-fields {
display: grid;
gap: 10px;
}
#slider-callout-incentives-income {
font-size: 80%;
}
.ui-datepicker.ui-widget-content{
border: 0px;
}
/* Scanning bar animation */
.scanning-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 10px;
background-color: rgba(255, 0, 51, 0.5);
z-index: 10;
animation: scan 3s linear infinite;
}
@keyframes scan {
0% {
top: 0;
}
100% {
top: 100%;
}
}
/* Overlay to cover the image while scanning */
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.7);
z-index: 9;
overflow: hidden; /* Prevent resizing from scanning-bar */
}
.d-none {
display: none;
}
div.selector#uniform-panel-wattage {
min-width: auto !important;
width: auto !important;
}
div.selector#uniform-panel-wattage span {
width: auto !important;
display: inline-block !important;
}
#outdated-banner {
transition: background-color 0.5s ease-in-out;
}
#detailedFields > table.bills-table.bills-table-import > thead > tr > th {
font-size: smaller;
}
#oa-questions a#mainGas,
#oa-questions a#mainElec {
margin-left: 20px !important;
margin-top: 0px !important;
}
/* Sparkle / shake effect */
.shake {
animation: shake 0.4s;
}
@keyframes shake {
0% { transform: translateX(0); }
25% { transform: translateX(-5px); }
50% { transform: translateX(5px); }
75% { transform: translateX(-5px); }
100% { transform: translateX(0); }
}
/* Hide hamburger on large screens */
#hamburger {
display: none;
font-size: 1.75rem;
background: none;
border: none;
cursor: pointer;
padding: .5rem .75rem;
}
#tab-menu-toggle { display: none; }
#tab-list { display: block; } /* default desktop behavior */
#side-nav {
display: none;
}
#drawer-close{
display: none;
}
button.uppy-trigger-camera {
display: none;
}
/*One break point for mobile*/
@media (max-width:959px) {
/* Stop scroll chaining/bounce at the viewport */
html, body {
height: 100%;
overscroll-behavior: none; /* both axes */
/* or only vertical: overscroll-behavior-y: none; */
}
.container_12,
.container_16
{
margin-left: auto;
margin-right: auto;
width: 350px;
}
.header .container_16 {
margin-left: 15px;
}
#hamburger {
padding-left: 0px;
padding-top: 30px;
}
button.uppy-trigger-camera {
display: block;
}
#tab-list {
display:none;
}
.ui-tabs-vertical .ui-tabs-panel {
width:100%;
}
h2.lean-light {
font-size:32px;
}
.address-fields {
display: block;
}
#ct-public-footer ol li {
padding: 0px 0px 0px 0px;
font-size: 0.5em;
line-height: 12px;
}
#ct-public-footer ol li:first-of-type {
font-size: 0.6em;
padding-top: 2px;
}
#online-audit .retrofit-table table, .retrofit-table {
width: 100%;
}
#diy-result-slider {
display:none;
}
#crunch-time-container {
margin-left:20%;
top: 5px;
position: absolute;
}
#impact {
margin-top: 550px;
}
.bills-table,
.bills-table thead,
.bills-table tbody,
.bills-table th,
.bills-table td,
.bills-table tr {
display: block;
width: 100%;
}
.bills-table thead {
display: none; /* hide table header */
}
.bills-table tr {
margin-bottom: 1rem;
}
.bills-table th, .bills-table td {
border: none;
position: relative;
padding: 0.1em;
text-align: left;
}
.bills-table td::before {
position: absolute;
top: 8px;
left: 8px;
width: 45%;
white-space: nowrap;
font-weight: bold;
content: attr(data-label);
}
#oa-questions input[type="text"],
#oa-questions input[type="password"],
#oa-questions textarea{
margin-right: 5px;
width: 95%;
margin-bottom: 10px;
}
.footer-box {
width: 100%;
}
#oa-questions a.button.next-button, #oa-questions input.audit-form-submit {
display: block;
width: 100%;
box-sizing: border-box;
float: none !important;
clear: both;
margin: 10px 0;
}
.stdpad-1{
padding: 0px;
}
#feedback-button {
width:90%;
}
#utility-groups li.grouped, #gas-utlity-providers li.grouped {
display: block !important;
}
#mainGasTipsy, #mainElecTipsy {
margin-right: 10px;
}
#oa-questions form label.pt25{
margin-bottom: 20px;
}
#oa-questions form li.solar-enabled label{
float: none;
}
.burger-grid {
display: flex;
align-items: center; /* vertically center */
}
#hamburger {
font-size: 1.75rem;
background: none;
border: none;
cursor: pointer;
margin-right: 0.75rem; /* space between hamburger and logo */
}
#hamburger {
display: inline-block;
}
#side-nav.open {
left: 0; /* slide in */
}
#side-nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#side-nav li a {
display: block;
padding: 1rem;
border-bottom: 1px solid #ddd;
}
/* default page scrolls */
body { overflow-y: auto; }
/* lock background while menu is open */
body.menu-open {
position: fixed;
width: 100%;
overflow: hidden; /* hide page scroll */
}
/* Side drawer */
#side-nav {
display: block;
position: fixed;
top: 0;
left: 0;
height: 100vh; /* full screen height */
width: 280px;
background: #f5f5f5;
box-shadow: 2px 0 10px rgba(0,0,0,.2);
transform: translateX(-100%); /* hidden */
transition: transform .25s ease;
z-index: 10010;
overscroll-behavior: contain; /* don’t chain to body */
}
#side-nav .tablink{
font-size: 15px;
color:#000;
padding-top: .5rem;
padding-bottom: 1.25rem;
}
#side-nav.open {
transform: translateX(0);
overflow-y: auto;
height: 100dvh; /* full viewport height */
-webkit-overflow-scrolling: touch; /* smooth iOS scrolling */
}
/* Dim background and intercept clicks/scrolls */
#drawer-overlay {
top: 0;
position: fixed;
inset: 0;
background: rgba(0,0,0,.35);
opacity: 0;
pointer-events: none; /* ignore when closed */
transition: opacity .2s ease;
z-index: 100; /* under drawer, over page */
}
/* Close button */
#drawer-close {
position: absolute;
top: 10px;
right: 15px;
font-size: 2rem;
background: transparent;
border: none;
color: #fff;
cursor: pointer;
z-index: 101; /* above overlay content */
}
#drawer-overlay.open {
opacity: 1;
pointer-events: auto; /* catches outside clicks/scrolls */
}
.tablink.disabled {
pointer-events: none; /* not clickable */
opacity: 0.5; /* visually dim */
cursor: default;
}
#slider-thermostatHeatSettingAway.ui-slider, #slider-thermostatCoolSettingAway.ui-slider {
width: 200px;
}
#thermostatHeatSettingAway-tip,#thermostatCoolSettingAway-tip {
margin-left: -10px;
}
#skip-panels-tip{
margin-top: 0px;
}
#oa-questions input#solarArraySize, #oa-questions input#totalSolarArraySize{
width: 45%;
}
#panel-slider-container {
max-width: 100%;
}
} /*end small media*/