/*[variables]
colors {@40: #C5C0C0; @30: #4D4D4D; @20: #999999; @10: #0099DD; @00: #4FA6C3; }

*/
/*[fmt]1000-110B-3*/
/*====================================================================================
WattBott Main styles
last update 09-07-2008
====================================================================================
-------------------- basic---------------------*/
body {background-color: #A7D2E2; color: #333333; background-image: url("/images/newbg3.png"); background-repeat: no-repeat; background-position: top center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 130%; margin: 0; padding: 0; }

body, html {height: 100%; }

html {font-size: 100.01%; height: 100.1%; }

table {border-collapse: collapse; border-spacing: 0; }

td, select, input, select, textarea, option, th {font: normal 1em Arial, Helvetica, sans-serif; }

td {vertical-align: middle;}

a {color: #0099DD; /*[e]@10*/ outline: none; text-decoration: none; cursor: pointer; }

a:visited {color: #016589; }

a:hover, a:visited:hover {color: #068FC0; text-decoration: underline; }

a:active {color: #068FC0; }

a img {border: 0; }

p {margin: 0; padding: 6px 0; }

hr {margin: 5px 0; padding: 0; height: 1px; color: #C5C0C0; /*[e]@40*/ background-color: #C5C0C0; /*[e]@40*/ border: 0 #C5C0C0; /*[e]0 @40*/ clear: both; }

td, th {margin: 0; padding: 2px; vertical-align: top; }

.clearme {}

.clearme:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.c {text-align: center; }

.l {text-align: left; }

.r {text-align: right; }

.fl {float: left; }

.fr {float: right; }

.cl {clear: left; }

.cr {clear: right; }
.clear { clear: both; }

.bold { font-weight: bold; }

/*ie5 mac only*/
* html>body .clearme {display: inline-block; overflow: visible; }

.calloutbox { border: 1px solid #C5C0C0; margin: 10px 0;  padding: 8px }

.small { font-size: 9px; line-height: 10px; }

/*-------------------- headers---------------------*/
h1 {font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; text-align: left; }

h2 {font-size: 32px; font-weight: normal; margin: 0 0 10px; padding: 5px 0; line-height: 100%; }

h3 {color: #003B59; font-size: 24px; font-weight: normal; margin: 0 0 10px; padding: 0; line-height: 130%; }

h4 {font-size: 14px; margin: 0; padding: 5px 0; }

h5 {font-size: 13px; margin: 5px 0; padding: 0; }

h6 {font-size: 12px; padding: 6px 0 0; font-weight: bold; margin: 0 0 -6px; }

h4.table_header {padding: 15px 0 0 0;}

/*-------------------- forms---------------------*/
form {margin: 0; padding: 0; }

option {padding: 0; }

input.textInput, textarea, select {background-color: #FEFEFE; border: 1px solid #8FAAC4; padding: 2px; }

input.textInput:focus, textarea:focus {background-color: #FEFEFE; border: 1px solid #068FC0; color: #333333; }

input.button {background-color: #068FC0; border: 1px outset #017DAB; color: #FFFFFF; float: right; font-weight: bold; margin-right: 12px; padding: 2px 8px; }

.label {display: block; float: left; width: 160px; color: #646464; font-weight: bold; margin-right: 5px; }

.label span.note {font-size: 11px; font-weight: bold; color: #868686; }

form p {clear: left; padding: 10px 0; }

/*====================================================================================
Layout
====================================================================================
-------------------- header---------------------*/
#headerBackg div { height: 152px;  width: 912px; margin: 0px auto -152px auto; background-position: center;}

#header { height: 82px; margin: 0px auto; position: relative; /*[disabled]width:1100px;*/ width: 912px; padding: 10px; padding-bottom: 0; }

#header h1 { margin: 26px 0 0 22px; position: absolute; }

#headertop { position: absolute; top: 14px; right: 44px; font-size: 11px; }

span.preview {font-size: 10px; text-transform: uppercase; margin-bottom: 20px; position: absolute; top: 23px; /*[empty]color:;*/ }

/*-------------------- nav---------------------*/
#nav { background-color: #C4E2EC /* #B5DAE7 */; bottom: 2px; float: left; font-size: 15px; right: 42px; margin: 0; padding: 0px; position: absolute; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }

#nav ul { float: left; margin: 0px 0 0 10px; padding: 4px 10px 0 0; }

#nav li {float: left; list-style-type: none; margin: 0; padding: 0 0 0 4px; }

#nav a {color: #035575; float: left; padding: 10px 18px 11px 14px; }

#nav li.active {background-image: url(/images/bg_active1.png); background-position: top left; background-repeat: no-repeat; color: #FFFFFF; }

#nav li.active a {background-image: url(/images/bg_active2.png); background-position: top right; background-repeat: no-repeat; color: #FFFFFF; }

#subnav {float: right; font-size: 11px; margin: 0px 0; padding: 0px; position: absolute; right: 42px; }

#subnav li { list-style: none; text-align: right;}

#subnav a {padding: 4px 2px; }

/*-------------------- content---------------------*/
#container { background: #ffffff; margin: 0px auto; padding: 3px; width: 918px; }

#footer {clear: both; background-color: #d9edf2; color: #7A7A7A; font-size: 11px; padding: 10px; margin: 10px auto; width: 880px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}

#serving {margin-top: 30px; text-align: center;}

#footer a:link {color: #7A7A7A; }

.copy {float: right; }

#lowerad {clear: both; padding: 24px 0 !important; /*[e]80px 0 30px*/ padding: 1px 0 0; text-align: center; }

.greybox { border:1px solid #C5C0C0; margin-bottom:16px; padding:4px 10px 4px 10px; }

.selectorbox { border: 3px solid #D5D5D5; margin:6px; float:left; }

.grbtn {border: none; margin: 2px 0 0 10px; }

.morelink {}

.morelink a, .addlink a, .expandlink a, .selectable a {background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 20px; }

.morelink a {background-image: url(/images/bullet_morelink.gif); }


.sampleprojectlink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/bg_addlink.gif); }

.emaillink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/ic_sendmail.gif); }

.twitterlink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/Twitter-24x24.png); }

.facebooklink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/FaceBook-24x24.png); }

.youtubelink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/Youtube-24x24.png); }

.flickrlink a { background-position: left center; background-repeat: no-repeat; font-weight: bold; line-height: 28px; display: inline-block; padding: 2px 0 2px 30px; background-image: url(/images/Flickr-24x24.png); }

#rss {background-image: url(/images/bg_divider.png); background-repeat: no-repeat; clear: both; color: #0B1519; padding: 15px 20px; background-position: -10px 0;}

#rss img {border-right: 1px solid #CCCCCC; float: left; margin-right: 8px; margin-top: -4px; }

.homebox {float: left; height: 260px; margin-left: 23px; position: relative; width: 264px; }

.homebox .morelink {bottom: 0; position: absolute; margin-top: 30px; clear: both; }

#explore {margin-left: 40px; }

#explore ul, #forumbox ul {margin: 0 0 10px; padding: 0; }

#explore li, #forumbox li {clear: left; list-style: none; margin: 0; padding: 8px 0; }

#explore li a, #forumbox li a {color: #333333; text-decoration: none; }

#explore li a:hover, #forumbox li a:hover, #footer a:hover {color: #068FC0; text-decoration: underline; }

#wattboters ul {clear: left; margin: 0; padding: 0; }

#wattboters li {width: 54px; float: left; font-size: 11px; line-height: 11px; list-style: none; margin: 0; padding: 5px 2px; text-align: center; }

/*photo overlays*/
.photo {float: left; position: relative; }

.photo span {display: block; left: 0; position: absolute; top: 0; z-index: 1000; }

.photo img {left: 7px; position: absolute; top: 7px; }

#explore .photo {height: 69px; margin: -4px 5px 0 0px; width: 87px; }

#explore .photo span {background: url(/images/gr_mask_explore.png) no-repeat; height: 69px; width: 87px; }

#wattboters .photo, .profilephoto .photo {height: 54px; margin: 0px; width: 54px; }

#wattboters .photo span, .profilephoto .photo span {background: url(/images/gr_mask_wattboters.png) no-repeat; height: 54px; width: 54px; }

.provider_photo_mask span {background: url(/images/gr_mask_profpics.gif) no-repeat; height: 80px; width: 90px; }
.wattboter_photo_mask span {background: url(/images/gr_mask_wattboters.png) no-repeat; height: 55px; width: 55px; }

.subinfo {color: #818181; font-size: 11px; }

.subinfo a:link {color: #818181 !important; /*[e]#818181*/ }

.subinfo a:hover {color: #068FC0 !important; /*[e]#068FC0*/ }

.friendimg .photo span {width: 96px; height: 96px; background: url(..//images/gr_mask_friends.gif) no-repeat; }

.friendimg .photo img {top: 0; left: 0; position: relative; }

/*-------------------------------------Interior Pages-----------------------*/
#submenu { background-color: #d9edf2 /*#67BAD6*/; margin: 0px 16px 20px; padding: 5px 20px 0; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }

#submenu li {float: left; list-style: none; background-repeat: no-repeat; font-size: 13px; padding: 0 0 0 3px; margin: 0 2px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}

#submenu li a {float: left; padding: 10px 12px 10px 10px; }

#submenu li.selected a { color: #094F6F;}

#submenu li.selected { background: #c2e1eb; }

.btn {background: url(/images/bg_btn1.png) no-repeat; display: -moz-inline-stack; display: inline-block; line-height: 36px; color: white !important; /*[e]white*/ font-size: 14px; height: 36px; text-align: center; padding: 0; }

.btn strong {display: block; background: url(/images/bg_btn2.png) no-repeat top right; margin-left: 5px; padding-right: 7px; white-space: nowrap; text-align: center; }

.whitebtn {background: url(/images/bg_wbtn1.png) no-repeat; display: -moz-inline-stack; display: inline-block; line-height: 36px; color: #333333 !important; /*[e]white*/ font-size: 14px; height: 36px; text-align: center; padding: 0; }

.whitebtn strong {display: block; background: url(/images/bg_wbtn2.png) no-repeat top right; margin-left: 5px; padding-left: 6px; padding-right: 6px; white-space: nowrap; text-align: center; }

.content {padding: 20px 40px; min-height: 600px;}

.main_content {min-height: 600px; clear: both;}

.account_content {padding: 20px 50px; margin-bottom: 40px;}

.account_box {margin: 40px; padding: 20px;}

.account_label{ width: 230px; float:left; color: #646464; font-weight: bold; margin-right: 5px;}

.edit_project { margin-top: 30px; }

.edit_project h3.step {font-size: 16px; padding-top: 14px; color: #686868; }

.edit_project a.btn { margin-left: 95px; width: 100px; }

.new_project_form a.btn { margin-left: 20px; width: 150px; }

#project_address { margin-top: 40px; }

#project_address label {color: #094F6F; display: block; font-size: 14px; margin-bottom: 5px; }

#project_address small {font-size: 80%; }

#project_address input {vertical-align: middle; }

#project_address input.text {border-width: 2px; font-size: 18px; padding: 4px; width: 288px; }

#project_options { margin-top: 20px; }

#project_options h4 { color: #ff4444; }

#project_options li { list-style: none; margin-bottom: 4px; }

#project_out_of_service { float: left; margin-top: 20px; margin-bottom: 20px; width: 360px; }

#project_out_of_service h4 { color: #67bad6 }

#project_out_of_service .register_notice div { margin: 20px 0; font-size: 16px; line-height: 1.2; }

#project_available_area { float: left; margin: 20px 0 20px 20px; }

#project_available_area li { margin-left: 20px; font-size: 16px; line-height: 1.3; }

form.edit_project_form input.textInput { font-size: 20px; width: 400px; }

form.edit_project_form textarea { width:  400px; }

form.edit_project_form label { font-weight: bold; font-size: 12px; width: 100px; float: left; margin-bottom: 4px; color: #6D6D6D; }

/*----------- my projects------------*/
#projectlist {margin: 30px; }

.printlink a, a.printlink {background: url(/images/ic_print.gif) no-repeat; padding-left: 20px; }

p.printlink {float: right; }

.project {padding: 20px 260px 20px 100px; border-top: 1px solid #CCC; color: #676767; line-height: 170%; position: relative; clear: left; }

.completeness {background: url(/images/bg_completeness.png) no-repeat; font-size: 10px; padding: 6px; width: 70px; height: 50px; float: left; line-height: 110%; position: absolute; top: 20px; left: 0; color: #527D8B; }

.completeness img{padding-top: 5px;}

.project h3 {color: #0099DD; /*[e]@10*/ margin-bottom: 0; }

h3 a {color: #0099DD; /*[e]@10*/ }

.project h4 {font-size: 22px; color: #686868; font-weight: normal; margin-bottom: -8px; }

.project h5 {text-transform: uppercase; margin-bottom: -8px; font-size: 11px; color: #8F8F8F; font-weight: normal; }

.projectedit .btn strong {width: 100px; }

.projectedit {float: right; width: 260px; position: absolute; top: 10px; text-align: center; right: 0; }

.projectedit a {font-weight: bold; color: #0099DD; /*[e]@10*/ padding: 0 2px; }

.projectedit p {font-weight: bold; color: #0099DD; /*[e]@10*/ padding: 0 2px; clear: left; text-align: center; }

.sort li {float: left; list-style: none; margin: 0; padding: 0; text-align: center; }

.sort {margin: 30px 0 0; padding: 5px 0 10px; }

.sort a {margin: 0 25px 0 0; padding: 0; font-weight: bold; color: #999999; /*[e]@20*/ display: block; text-align: center; }

.sortby {width: 101px; text-align: left !important; /*[e]left*/ }

.sorted a {color: #4D4D4D !important; /*[e]#4D4D4D*/ }

.sorted img {margin: 0 5px; vertical-align: baseline; }

#last_month_bill th { font-weight: normal; padding-left: 15px;}
#present_month_bill th { font-weight: normal; padding-left: 15px;}

/*---------------Project Details----------------*/
#projectPage {padding: 20px 15px 0 40px; }

#projectInfo h2, h2.step, h2.mailTitle, h2.profTitle {float: left; padding-right: 12px; border-right: 1px solid #AEAEAE; margin-right: 12px; line-height: 100%; }

h2.profTitle { max-width: 350px; }

#projectInfo h3 {margin: 10px 10px 0 0; float: left; }

#projectInfo h4, #mailInfo h4, #profInfo h4 {font-size: 22px; color: #686868; font-weight: normal; float: left; margin-top: 14px; margin-bottom: 0; }

#profInfo h4 img { margin-top: -14px; }

#profInfo div.logo { float: right; }

.smLink {font-size: 11px; }

.changeLink {float: left; padding: 23px 12px; }

.address {clear: left; color: #686868; padding-left: 10px; padding-top: 0; margin-top: -12px; position: relative; }

.projectnav {float: left; width: 242px; margin: 10px 0; padding: 0; }

.projectnav li {list-style-type: decimal; list-style-position: inside; color: #999999; /*[e]@20*/ line-height: 160%; margin: 0; padding: 0; }

.projectnav li a {color: #999999; /*[e]@20*/ }

.projectnav li.active, .projectnav li.active a {color: #4D4D4D; /*[e]@30*/ font-weight: bold; }

#projectInfo {margin: 0 0 15px; }

/*----Project Details---*/
#projectDetails {background-image: url(/images/bg_projectDetails.gif); background-repeat: repeat-x; color: #595959; }

.actionbtn {float: right; margin-top: 12px; }

.actionbtn .btn strong {padding: 0 22px 0 12px; font-size: 13px; min-width: 40px; margin-left: 7px; }

#detailtabs {float: left; margin: 0 0 0 10px; padding: 0; list-style-type: none; height: 77px;}

#detailtabs li {float: left; margin: 0; padding: 0; list-style-type: none; height: 75px; }

#detailtabs li a {padding: 7px 8px 6px; display: block; }

#detailtabs li.active {border: 1px solid #BFBFBF; border-bottom-color: #FFF; position: relative; z-index: 3000; background-color: #FFF; top: 1px; }

.detailContent {clear: both; border: 1px solid #BFBFBF; padding: 30px; background-color: #FFFFFF; }

.detailContent h3 {font-weight: bold; font-size: 18px; padding: 5px 0; }

.rnd {/*[disabled]background-color:inherit;*/ -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px;
}

.confidence {float: right; width: 330px; text-align: right; font-weight: bold; padding-top: 0; line-height: 110%; color: #676767; }

.confpercent {float: right; padding-top: 0; font-weight: bold; color: #32ACE3; margin-left: 10px; }

.confidence p {padding-top: 0; }

.confpercent img {margin-right: 10px; vertical-align: middle; }

.note {font-weight: normal; font-size: 11px; }

/*tables*/
.projectTable, .mailTable {border-collapse: separate; margin-top: 15px; }

.projectTable { width: 100%;}

.projectTable th, .mailTable th {padding: 6px 8px; font-weight: bold; line-height: 120%; }

.projectTable th a, .mailTable th a {color: #B4B4B4; }

.projectTable td, .mailTable td {padding: 4px 8px; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; color: #686868; }

.projectTable .alt td, .mailTable .alt td {background-color: #EBEBEB; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }

.totals td {border: 0; padding-top: 25px; background-color: #FFFFFF !important; /*[e]#FFFFFF*/}
.totals:hover td { color: #686868 !important; }

td img {vertical-align: sub; }

.projectTable tr { cursor: pointer; }
.projectTable tr:hover td { background-color: #94cee6; color: white; }
.projectTable tr:hover td a { color: white; }

.projectTable td.labelCol { width: 20%; }
.projectTable td.valueCol { width: 70%; }

/*---------- Recommendations-----------*/
.recommendation { border: 1px solid #B7B7B7; margin: 0 0 10px 10px; padding: 10px; position: relative; -moz-border-radius-topright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; width: 790px;}
.recommendation h3 { font-size: 18px; font-weight: bold; margin: 0; }
.recommendation ul { margin-left: 15px; }
.rec_description { padding-bottom: 10px; }
.processingMessage { font-size: 16px; color: #999; text-align: center; }
.processingMessage p { margin: 10px; }

.toggle_collapse { text-align: center; padding: 5px;  background-image: url(/images/hide_bg.png); background-repeat: repeat-x;}

.tabs {padding: 0 6px; clear: left; float: left; min-width: 460px; }
.tabs li {float: left; list-style-type: none; padding: 0; margin: 0; font-size: 16px; }
.tabs li a {display: block; background-image: url(/images/bg_profiletab1.png); background-repeat: no-repeat; padding: 0 0 0 6px; background-position: top left; color: #025675; margin: 4px 4px 0; }
.tabs li a span {display: block; background-image: url(/images/bg_profiletab2.png); background-repeat: no-repeat; background-position: top right; padding: 10px 22px 10px 16px; }
.tabs li.active {border: 1px solid #AEAEAE; border-bottom-color: #FFF; position: relative; z-index: 3000 !important; /*[e]3000*/ background-color: #FFF; top: 1px; padding: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;}
.tabs li.active a {background-image: url(/images/bg_profiletab1_active.png); float: left; color: #686868; }
.tabs li.active a span {background-image: url(/images/bg_profiletab2_active.png); }


.checktab {border: 1px solid #B7B7B7; float: left; /*[disabled]margin:-21px 0 0 -51px;*/ width: 30px; border-right: 0; padding: 0; background-color: #FFF; position: absolute; top: -1px; left: -31px; -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; }

.checktab span {display: block; line-height: 26px; height: 26px; text-align: center; margin: 2px;}

.checktab button {vertical-align: middle; font-size: 140%; font-weight: bold; padding-bottom: 10px;}

.recommended {color: #346E31;}
.worth_considering {color: #F4BB52;}
.not_recommended {color: #AE1F15;}

.recofinancials { width: 138px; padding: 6px; background: #f3f9fb; border: 1px solid #B7B7B7; position: relative; left: -1px; top: 8px; -webkit-border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; }

/*images*/
.rectimg {float: left;width: 105px; text-align: center; padding-top: 0; padding-left: 10px; margin-top: 5px; }

.rectimg .photo {height: 87px; margin: 0px; width: 105px; }
.rectimg .vpoto {height: 105px; margin: 0px; width: 87px; }

.rectimg .photo span {background: url(/images/gr_mask_rectthumb.gif) no-repeat; height: 87px; width: 105px; }
.rectimg .vphoto span {background: url(/images/gr_mask_rectthumb_v.gif) no-repeat; height: 105px; width: 87px; }

.rectimg .photo img {left: 0; top: 0; }

.recommendation hr {clear: left; }

.figures {background-position: left top; display: -moz-inline-stack; display: inline-block; background-image: url(/images/bg_figures2.png); font-size: 20px; vertical-align: text-bottom; background-repeat: no-repeat; text-align: right; }

.figures span {padding: 8px; display: -moz-inline-stack; display: inline-block; margin-left: 3px; background-position: top right; background-image: url(/images/bg_figures2.png); min-height: 22px; background-repeat: no-repeat; width: 106px;}

.reclist {margin: 0; padding: 0; }

.reclist li {margin: 4px; list-style-type: none; font-variant: small-caps; text-align: center; }

.recommendation h5 {font-size: 12px; }

.recommendation img {vertical-align: text-bottom; }

.recoption {clear: both; background-color: #F3F5BC; padding: 2px 0; margin-bottom: 15px; }

.unchecked .checktab span {background-color: #C6C6C6; }

.unchecked {opacity: .6; }

/*-----------Financials-------------*/
.fintabs {margin: 20px 0 0; padding: 0; clear: left; float: left; min-width: 460px; }

.fintabs li {float: left; list-style-type: none; padding: 0; margin: 2px 0 0 6px; font-size: 16px; font-weight: bold; border: 1px solid #AEAEAE; border-bottom-width: 0; position: relative; top: 2px; background-color: #FFF; }

.fintabs li a {display: block; background-image: url(/images/bg_fintabs.png); background-repeat: no-repeat; padding: 0 0 0 6px; background-position: top left; color: #0099DD; margin: 2px 2px 0; background-color: #EDEDED; }

.fintabs li a span {display: block; background-image: url(/images/bg_fintabs.png); background-repeat: no-repeat; background-position: top right; padding: 10px 22px 8px 16px; }

.fintabs li.active {border: 1px solid #AEAEAE; border-bottom-color: #FFF; z-index: 3000 !important; /*[e]3000*/ padding: 0; }

.fintabs li.active a {background-image: url(/images/bg_fintabs_active.png); float: left; color: #686868; }

.fintabs li.active a span {background-image: url(/images/bg_fintabs_active.png); }

/*-------------------------Providers-----------------*/
#projectProviders .morelink {float: right; margin: 18px 20px 0 0; }

.provtabs {margin: 0; padding: 6px 0 0; float: left; width: 162px; }

.provtabs li {margin: 0 0 10px; padding: 0; list-style: none; border: 1px solid #D7D7D7; border-right-color: #FFF; }

.provtabs li a {padding: 10px; min-height: 34px; display: block; font-size: 12px; font-weight: bold; }

.provtabs li.active {position: relative; z-index: 3000; border-color: #AEAEAE; border-right-color: #FFF; }

.provtabs li.active a {padding-left: 11px; color: #4D4D4D; }

.provtabs li a:visited, .provtabs .visited a {color: #A7A7A7; }

.provcontent {float: left; border: 1px solid #D7D7D7; width: 437px; padding: 25px; margin: 0 0 0 -1px; min-height: 300px; border-color: #AEAEAE; }

.provtable {clear: both; margin: 10px 0 20px; }

.provtable th {text-align: left; font-weight: bold; }

.provtable th a {color: #999999; }

.provtable td {border-top: 1px solid #B7B7B7; padding: 10px 6px; }

.provtabs li a:visited {padding: 10px; min-height: 34px; display: block; font-size: 12px; font-weight: bold; }

.provcontact, .provremove, .provcontacted, .provcontact:hover, .provremove:hover {display: -moz-inline-block; display: inline-block; line-height: 27px; width: 75px; text-align: center; color: white; font-size: 11px; font-weight: bold; background-repeat: no-repeat; }

.provcontact {background-image: url(/images/bg_btn_contact.png); }

.provremove {background-image: url(/images/bg_btn_remove.png); }

.provcontacted, .provcontacted:hover {background-image: url(/images/bg_btn_contacted.png); color: #898989; }

.provadv {width: 312px; margin: 15px 0 25px; }

.provadv th {width: 50%; text-align: left; padding: 4px; }

.provadv td {padding: 4px; }

/*----------------------- Popups -------------------*/
.lboxpop {background-color: white; width: 380px; padding: 5px; }

.lboxpop h3 {font-size: 20px; margin-bottom: 0; }

.lboxpop h4 {font-size: 14px; margin-bottom: 10px; font-weight: normal; }

.lboxpop hr {margin: 20px 0 10px; }

.lboxpop p {line-height: 150%; clear: none; }

.close {float: right; padding: 0; }

.lboxpop button strong {min-width: 80px; }

#trackTable {border-collapse: separate; }

#trackTable th {text-align: left; border-spacing: 20px; }

#trackTable td {padding: 10px; }

.addlink {float: right; margin: 0; padding: 0; }

.addlink a {background-image: url(/images/bg_addlink.gif); color: #0099DD !important; /*[e]@10*/ }
.expandlink a {background-image: url(/images/bg_addlink.gif); color: #1a1a1a !important; }
.selectable a {background-image: url(/images/bullet_morelink.gif); color: #1a1a1a !important; }
.selectable a.selected { background-image: url(/images/aesthetica/16x16/accept.png); }

.invite {padding-left: 68px; }

.invite .photo {margin-left: -68px; }

/* .lboxpop label { padding: 0 20px 0 10px; } */

.popwide {width: 560px; }

.lboxpop .textInput, .lboxpop textarea {width: 230px; }

.detailContent .clear { clear: both; line-height: 0.1em; height: 1px; }

.leadtypes, .other { float: left; width: 175px; text-align: left; margin: 0 0 5px 0; }

.reco_detail_tabs { width: 720px; margin: 0 auto;}

.add_balance { padding-left: 40px; padding-top: 5px; float: left };

/*.other { float: left; clear: left; width: 175px; text-align: left; margin: 10px 0 0px 0; height: 70px; }
*/
.twocol {float: left; width: 50%; clear: none; }

.popwide .detailContent {padding: 15px; margin-bottom: 10px; }

.popwide .fintabs {margin-top: 5px; }

body .popwide .single {margin-top: 20px !important; /*[e]20px*/ padding: 10px 15px; }

.popData {border: 1px solid #BFBFBF; float: left; width: 208px; margin: 10px; padding: 10px; height: 93px; }

.popData img {float: right; margin: 0 10px; }

.lboxpop fieldset { margin: 0 -10px 15px -10px; padding: 1px 0 10px 9px; border: 1px solid #CCC; }

.lboxpop fieldset legend { font-weight: bold; color: #404040; margin: 0 5px; padding: 0px 5px; }

.clearimages { clear: left; }

.popHelper { line-height: 0.2em; font-size: 0.9em; font-style: italic; margin: 0 0 10px 0; color: #777; }

.infoLine { line-height: 0.2em; font-size: 0.9em; font-style: italic; margin: 0 0 10px 0; color: #777; padding-top: 15px; padding-bottom: 10px; clear: both; text-align: center;}

/*public projects */
.projSearch {border-top: 1px solid #AEAEAE; margin: 20px 0; }

.projSearch input {vertical-align: middle; padding: 4px; background-color: #EBEBEB; }

.projSearch .morelink {float: right; }

.projList {float: left; width: 190px; margin: 10px 24px 20px 0; }

.projList h6 {margin: -5px 0 0; font-size: 10px; background-image: url(/images/bg_comm_hititle.gif); background-repeat: no-repeat; padding: 0 2px 8px 4px; color: white; line-height: 140%; }

.projList h4 {font-size: 16px; margin: 0; padding: 5px 0 0; font-weight: bold; }

.projList h5 {font-size: 16px; margin: 0; padding: 3px 0 5px; font-weight: normal; }

.projList h5 img {vertical-align: middle; float: right; }

.gmap {clear: both; border: 1px solid #CCC; padding: 5px; margin: 10px 5px 20px; line-height: 1; }

.gmap img {display: block; }

#prSearchRes {float: left; width: 430px; }

#prSearchRes select {margin-left: 10px; }

#prSearchRes h3, #featProjs h3 {font-size: 18px; }

#projSide {float: right; padding-top: 20px; width: 410px; }

#projSide .gmap {margin: 10px 0; padding: 2px; }

#featProjs {background-color: #DDE4E6; padding: 10px 20px; margin: 10px 0; }

#featProjs .projList {width: 358px; margin-right: 0; }

#featProjs .projList h4 {font-weight: normal; }

#featProjs .projList h4 img {float: right; }

#featProjs .projList h4 a {font-weight: bold; }

/*---------------------- Mail -------------------*/
.toptabs {margin: 20px 0 0; padding: 0 6px; clear: left; float: left; min-width: 460px; }

.toptabs li {float: left; list-style-type: none; padding: 0; margin: 0; font-size: 16px; position: relative; top: 3px; }

.toptabs li a {display: block; background-image: url(/images/bg_profiletab1.png); background-repeat: no-repeat; padding: 0 0 0 6px; background-position: top left; color: #025675; margin: 4px 4px 0; }

.toptabs li a span {display: block; background-image: url(/images/bg_profiletab2.png); background-repeat: no-repeat; background-position: top right; padding: 10px 22px 10px 16px; margin: 0; }

.toptabs li.active {border: 1px solid #AEAEAE; border-bottom-color: #FFF; position: relative; z-index: 3000 !important; /*[e]3000*/ background-color: #FFF; top: 1px; padding: 0; margin-right: 2px; }

.toptabs li.active a {background-image: url(/images/bg_profiletab1_active.png); float: left; color: #686868; }

.toptabs li a span em {font-size: 12px; font-style: normal; vertical-align: middle; }

.toptabs li.active a span {background-image: url(/images/bg_profiletab2_active.png); }

.toptabs li a.disabled { color: #62B6D5; }

.toptabs li a.disabled:hover { cursor: default; text-decoration: none; }

.tabdata {border: 1px solid #AEAEAE; clear: both; background-color: #FFF; padding: 20px; margin: -2px 0 0;}

.smbtn {background: url(/images/bg_smbtn.gif) no-repeat top left; display: -moz-inline-stack; display: inline-block; line-height: 28px; color: white !important; /*[e]white*/ font-size: 11px; height: 28px; text-align: center; padding: 0; }

.smbtn strong {display: block; background: url(/images/bg_smbtn.gif) no-repeat top right; margin-left: 22px; padding-right: 22px; white-space: nowrap; text-align: center; }

.grbtn {background: url(/images/bg_smbtn_gray.gif) no-repeat top left; display: -moz-inline-stack; display: inline-block; line-height: 28px; color: white !important; /*[e]white*/ font-size: 11px; height: 28px; text-align: center; padding: 0; }

.grbtn strong {display: block; background: url(/images/bg_smbtn_gray.gif) no-repeat top right; margin-left: 22px; padding-right: 22px; white-space: nowrap; text-align: center; }

.userimg .photo {height: 70px; margin: 0 0 10px -5px; width: 70px; }

.userimg .photo span {background: url(/images/gr_mask_user.gif) no-repeat; height: 70px; width: 70px; }

.userimg .photo img {margin: 0; top: 0; left: 0; }

/*----Error Messages---*/
.fieldWithErrors {border: 2px solid #CC0000 !important; /*[e]2px solid #CC0000*/ }

.errorExplanation {border: 2px solid #CC0000 !important; /*[e]2px solid #CC0000*/ margin: 10px; padding: 10px; }

.errorExplanation h2 {font-size: 24px; color: #CC0000; font-weight: bold; }

.errorExplanation ul {font-size: 11px; }

.errorExplanation ul li {list-style-type:none;}

.warningExplanation {border: 2px solid #0000cc !important; margin: 10px; padding: 10px; }


/*----Flash Messages---*/
#flash {margin: 6px auto; padding: 4px; text-align: center; width: 600px; font-weight: bold; }

.success {background: #ADDFAD; }

.error {background-color: #CC0000; color: #FFF; }

.notice {background: #FFF1A8; }

.red, .red a {color: red;}

.userimgBig .photo {height: 134px; margin: 0 0 10px -5px; width: 134px; }

.userimgBig .photo span {background: url(..//images/gr_mask_userbig.gif) no-repeat; height: 134px; width: 134px; }

.userimgBig .photo img {margin: 0; top: 0; left: 0; }

.logoimgBig .photo { margin: 0 0 10px -5px; width: 150px; height: 30px; }

.sendlink, .removelink, a.printlink, .bloglink {font-weight: bold; background-repeat: no-repeat; padding-left: 20px; }

.sendlink {background-image: url(/images/ic_sendmail.gif); }

.bloglink {background-image: url(/images/ic_blog.gif); }

.contentPage {padding: 20px 35px; }

.whbtn {display: -moz-inline-stack; display: inline-block; line-height: 28px; color: #333333 !important; background-color: white !important; /*[e]white*/ font-size: 11px; text-align: center; padding: 4px 8px; border: 1px solid #898989; line-height: 100%; }
.whbtn a { color: #333333 !important; }
.priv {margin: 0 5px; float: left; border: 1px solid #FFF; }

.priv.selected {border: 1px solid #67BAD6; }

.priv img {vertical-align: bottom; line-height: 20px; }

.priv:hover {border: 1px solid #D5D5D5; }

.adSidebar {float: right; margin-top: 53px; }

.adSidebar a img, .adBanner a img { border: 1px solid #999; }
.adSidebar a:hover img, .adBanner a:hover img { border: 1px solid #222; }

.deleted { opacity: .5;	filter: alpha(opacity=50); }

/*----Pagination---*/
.pagination { background: #F1F1F1; border: 1px solid #E5E5E5; text-align: center; padding: 1em; }
.pagination a, .pagination span { padding: 4px 6px; }
.pagination span.disabled { color: #AAA; }
.pagination span.current { font-weight: bold; background: transparent url(/images/apple-circle.gif) no-repeat 50% 50%; }
.pagination a { text-decoration: none; }
.pagination a:hover, .pagination a:focus { text-decoration: underline; }

/*----Icons---*/
.ico { padding: 1px; padding-left: 22px; }
.aim { background: url(/images/icons/aim.gif) no-repeat top left; }
.skype { background: url(/images/icons/skype.gif) no-repeat top left; }
.msnmessenger { background: url(/images/icons/msn.gif) no-repeat top left; }
.yahooim { background: url(/images/icons/yahoo.gif) no-repeat top left; }
.gtalk { background: url(/images/icons/google.gif) no-repeat top left; }
.icq { background: url(/images/icons/icq.gif) no-repeat top left; }

/*----Project Selector----*/
div#projectSelectionMenu { position: absolute; margin-right: 20px; z-index: 100; }
ul.projectSelection { padding: 1px 0 1px 0; list-style: none; margin: 0 0 0 0; border-top: 1px solid #2aa4dd; border-bottom: 1px solid #2aa4dd; z-index: 20; }
ul.projectSelection li { padding: 5px; margin: 1px 0 1px 0; background: #94cee6; }
ul.projectSelection li a { color: white; }
ul.projectSelection li:hover { background: #2aa4dd; }
ul.projectSelection li a:hover { text-decoration: none; color: white; }

/*----In-Place Editor----*/
.editable button { font-family: Arial,Helvetica,sans-serif; margin-top: 3px; font-size: 11px; color: #646464; }
.editable input { margin-right: 6px; }

/*---- Table Column Sorting ---*/
.sortUp, .sortDown { background-position: 80% center; background-repeat: no-repeat; }
.sortUp { background-image: url(/images/ic_arrowup.gif); }
.sortDown { background-image: url(/images/ic_arrowdown.gif); }

/*---- Product Info ----*/
.providers_connect_table { width: 680px; font-size: 13px; }
.providers_connect_table .header { border-bottom: 1px solid #ccc; }
.providers_connect_table th { text-align: left; font-weight: bold; }
.providers_connect_table td { padding: 10px 0 10px 0; vertical-align: middle; }
.recommended_reason { text-align: center; font-size: 13px;}
.recommended_because_title {text-align: center; color: #0C3969;}
.recommendation_reason_table { width: 45%; float: left; margin: 10px 15px 10px 15px;}
.recommendation_reason_table td {padding: 5px;}
.provider_item { width: 680px;}
.provider_list { height: 200px;}
.product_list { height: 120px;}
.product_item { width: 680px;}
.products_table { float: left; width: 23%; margin: 0 6px 0 6px;}
.products_table td { padding: 2px;}

.upfront_cost { text-align: center; font-size: 13px; margin-left: 70px;}
.upfront_title { font-weight: bold; color: #003B59; }
.upfront_value { font-weight: bold; color: red; }
.upfront_table { width: 500px}
.upfront_table td {padding: 5px;}
.incentive_value { font-weight: bold; color: green; }
.over_time_table { margin-bottom: 5px; margin-top: 10px; margin-left: 20px; width: 280px;}

/*---- Log ----*/
#log { position: absolute; top: 2px; right: 2px; z-index: 10000000; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
#log p { background-color: #222; border: 1px solid #000; color: #eee; padding: 5px; font-family: monospace; }
#log .header { text-align: right; padding: 5px;  background-color: #ddd; color: #222; border: 1px solid #666;}

/*---- Dataproviders ----*/
.dataproviders {padding: 10px;}
.dataproviders img{padding-left: 10px; padding-right: 10px;}

/*---- Loan Details ----*/
.loan_div {padding-top: 15px; padding-bottom: 15px;}
.loan_details {padding-left: 20px;}

/*---- Recommendation reasons ----*/
.dummyLink {color: #0099dd;}
.coming_soon {font-size: 300%; color: #ddd; font-weight: bold; margin-top: 100px; text-align: center;}

/*---- Locations ----*/ 
.country {background-color: #f2f2f2; }
.state {background-color: #f9f9f9; } 
.county {background-color: #fff; }

/*---- Pagination ----*/ 
#items_per_page {text-align: right; padding-top: 10px; }
.page_entries_info {float: right; color: #666; }

a.buttons {text-decoration: none; }

.block {padding-right: 20px;}
.big {font-size: 140%;}

.error_box {margin-left:30px; margin-right: 30px;}

/* ---- Share to friends Link ----*/
#friend_share {padding: 5px; background: #009cd5; color: white; font-weight: bold; text-align: center; margin: 10px;  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; clear: both;}
#friend_share a {color: #fff; text-decoration: underline;}
#friend_share_div {background-color: #d9edf2; font-size: 11px; padding: 10px; margin: 10px auto; width: 880px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; }
#friend_share_form_wrapper {margin-left: 150px; color: #4F98CC;}
#friend_share_form_wrapper .label {color: #4F98CC;}
#friend_share_form_wrapper label.error { color: #e00; background-color: #d9edf2;}

.connect_btn {padding-left:15px !important; max-width:90px; text-align:left !important; width:100px; padding-right:0px !important;}
.recaptcha {margin-left: 100px;} 
.reco_title {font-size: 180%; font-weight: bold; color: #1962AD; padding: 10px; margin-bottom: 10px; margin-left: -30px; display; block;}
.direction {text-align: center; padding: 10px; color: #686868; font-weight: bold; font-style: italic;}
.reco_title img {margin-bottom: -4px;}