/* imports: resets, and mini projects */
@import url(resetStyles.css);

/* utility */
.clear {clear:both; height: 0px;}
.bottom {height: 50px;}
.CM {padding-left: 29px; margin-left: 0;}
.Default .CM { margin-bottom:275px; }

/* element defaults */
body {display: none;}
body {font-family: Verdana, Sans-Serif; font-size: 11px; color: #666;}
a, a:active, a:visited {text-decoration: none; color: #ff6600;}
a:hover {text-decoration: underline;}
/* headings */
h1 {font-weight: normal; color: #fff; font-family: Arial, Sans-Serif; font-size: 36px;}
h1, h1#contentTitle { color:#96AC8E; line-height:150%; }
h4 {line-height:150%;}
h5, h2 {line-height: 150%; font-weight: normal; color: #658076; font-family: Arial, Sans-Serif; font-size: 21px; padding: 0 0 17px 0;}
h6 {font-weight: bold; color: #6C7F8C; font-family: Arial, Sans-Serif; font-size: 14px; margin-bottom: 8px;}

ul, ol, dl {position: relative;}
/* - - - - - - - - - - global - - - - - - - - - - */
div.container {width: 916px; margin: 15px auto 0 auto; border: solid 1px #ccc; padding: 1px; background: url(../Images/bgContainerTop.gif) repeat-x;}
/* global: header */
#logo {float: left; margin: 17px 0 0 34px;}
.mast {height: 92px;}
.headerImage {float: right; width: 580px; height: 83px; margin-top: 9px;}
body.Services .mast .headerImage {background: url(../Images/hdrOurServices.jpg) right no-repeat}
body.Tools .mast .headerImage {background: url(../Images/hdrTools.jpg) right no-repeat}
body.Customers .mast .headerImage {background: url(../Images/hdrCustomers.jpg) right no-repeat}
body.About .mast .headerImage {background: url(../Images/hdrAbout.jpg) right no-repeat}
#sectionTitle {float: right; background: url(../Images/bgOurServices.jpg) no-repeat right; width: 660px; height: 85px; margin-top: 8px}
#sectionTitle h3 {width: 350px; font-weight: normal; color: #48685c; font-family: Arial, Sans-Serif; font-size: 36px; float: right; margin: 22px 120px 0 0;}
#sectionTitle h3, #sectionTitle span, #sectionTitle h1 {display: none;}
body.Services #sectionTitle h3#ServicesTitle, 
body.Tools #sectionTitle h3#ToolsTitle,
body.Customers #sectionTitle h3#CustomersTitle,
body.About #sectionTitle h3#AboutTitle {display: block;}/* Only display the title of the current section; see /Common/AJAX-Controls/sectionTitles.html */
/* global: nav */
.navigation {background: #96ac8e; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
.navigation ul {list-style: none;}
.navigation ul li {float: left;}
.pNav {background: url(../Images/pNavBackground.png) repeat-x; height: 29px;}
.pNav li {border-right: solid 1px #bbc3c9; height: 29px; border-bottom: solid 1px #fff;}
.pNav li a:link, .pNav li a:visited {text-decoration: none;}
.pNav li.Default {width: 152px; background: url(../Images/txtHome.gif) center center no-repeat }
.pNav li.Services {width: 163px; background: url(../Images/txtServices.gif) center center no-repeat}
.pNav li.Tools {width: 197px; background: url(../Images/txtTools.gif) center center no-repeat}
.pNav li.Customers {width: 213px; background: url(../Images/txtCustomers.gif) center center no-repeat}
.pNav li.About {width: 186px; border-right: none; background: url(../Images/txtAbout.gif) center center no-repeat}
.pNav li:hover, .pNav li.selected {background-color: #96ac8e; border-bottom: none;}
.pNav li a {display: block; height: 29px;}
.sNav {display: none;  clear: left; height: 22px; margin-top: 3px; line-height: 22px; color: #fff;}
.sNav li {color: #fff;}
.sNav li a:link, .sNav li a:visited {margin: 0 20px; color: #fff; text-decoration: none;}
.sNav li.selected {background: #fff;}
.sNav li.selected a:link, .sNav li.selected a:visited {color: #416055; margin: 0; padding: 0;}
.sNav li.selected div {color: #416055; margin: 0 20px; _margin: 0 20px 0 12px;}
.sNav li.selected div, .sNav li.selected img {display: block; float: left; height: 22px;}
/* since sNav's are positioned under each of their buttons, we must set their position manually, and not globally */
ul#Tools {padding-left: 230px;}
ul#Services {padding-left: 15px;}
ul#Customers {margin-left: 490px; width: 420px; }
ul#About {margin-left: 385px; width: 525px;}
/* global: tNav */
#tNav {display: none}
#tNav ul {list-style: none;}
#tNav ul li a {text-decoration: none;}
#tNav ul li {padding: 0 0 0 8px; width: 236px; height: 25px; line-height: 23px; background: url(../Images/bgTnav.gif) no-repeat;}
#tNav ul li a:link, #tNav ul li a:visited {color: #ff6600; display: block;}
#tNav ul li.selected a, #tNav ul li.selected a:link,#tNav ul li.selected a:visited {color: #6c7f8c; font-weight: bold;}
#tNav ul li a:hover {color: #6c7f8c; font-weight: bold;}
/* global: contact callout */
div#contactCO {padding-bottom: 50px;}
.Default div#contactCO {padding-bottom: 0;}
div.contactCallout {background: url(../Images/bgCallout.png) repeat-y; width: 245px; margin-top: 20px;}
div.contactCallout a:active, div.contactCallout a:visited {color: #ff7011; text-decoration: none}
div.contactCallout p {padding: 13px 13px 0 19px;}
div.contactCallout h4 {font-size: 20px; color: #48685c; padding: 4px 19px 6px 19px;}
body#Contact-Us-Body div.contactCallout p,
body#Abq-Body div.contactCallout p,
body#Fmy-Body div.contactCallout p {padding: 0;}
body#Contact-Us-Body div.contactCallout h4,
body#Abq-Body div.contactCallout h4,
body#Fmy-Body div.contactCallout h4 {padding: 0;}
body#Contact-Us-Body div.contactCallout h4 embed, body#Contact-Us-Body div.contactCallout h4 object,
body#Abq-Body div.contactCallout h4 embed, body#Abq-Body div.contactCallout h4 object,
body#Fmy-Body div.contactCallout h4 embed, body#Fmy-Body div.contactCallout h4 object {height: 26px;}
.contactContact {padding: 13px 50px 5px 14px; background: url(../Images/bgContactContact.gif) no-repeat right bottom}
/* global: quick select control */
div.quickSelect {}
#quickSelector {color: #666}
div.quickSelect select {display: block; width: 200px; float: left; color: #999; margin-top: 3px; margin-right: 6px;}
#btnGo {float: left;}
div.quickSelect div.formQS {margin-top: 10px; height: 25px}
div.quickSelect a {display: block; text-transform: capitalize;}
body#Services-Body a#allServices {display: none}
/* global: footer */
.footer ul {list-style: none; clear: left; margin: 0 auto; padding-bottom: 8px; height: 10px;}
.footer ul li {float: left;}
div.footer {background: url(../Images/bgFooter.gif) repeat-x; height: 70px; text-align: center; color: #fff; padding-top: 30px; font-size: 11px; clear: both;}
.footer ul a:link, .footer ul a:visited {color: #fff; margin: 0 18px; text-decoration: none; }
.footer p {font-size: 10px; margin-top: 10px; color: #fff;}
body.Default div.footer ul a#fHome,
body.Services div.footer ul a#fServices,
body.Tools div.footer ul a#fTools,             /* FOOTER SELECTED */
body.Customers div.footer ul a#fCustomers,
body.Press div.footer ul a#fPress,
body.About div.footer ul a#fAbout {color: #30495c;}
.TL {}
.TL a, .TL a:visited, .TL a:active {color:#fff}
/* global: mainContent */
.mainContent {padding-left: 29px;}
.mainContent h2 {font-weight: normal; color: #48685c; font-family: Arial, Sans-Serif; font-size: 36px; margin: 15px 30px; line-height:150%;}
.rightColumnHeader {margin-left: 29px; line-height: 22px; font-weight: normal; color: #658076; font-family: Arial, Sans-Serif; font-size: 21px; padding: 0 0 17px 0;}
.leftColumn {float: left; width: 244px; padding: 0 25px 0 0;}
.rightColumn {float: left; background: url(../Images/bgRightColumn.gif) repeat-y; width: 601px; line-height: 16px;}
.border {background: url(../Images/bgBorderClip.gif) 0px bottom no-repeat; width: 571px; padding-right: 10px; background-attachment: fixed;}
div.mainContent div.border div {}
div.mainContent div.border p {line-height: 16px; padding-bottom: 15px;}
body div.container div.mainContent div.hr {margin: 0; height: 20px; border-bottom: solid 1px #ccc; margin-bottom: 20px;}
div.mainContent div.rightColumn ul {margin: 3px 0 0 15px;}
div.mainContent ul li {list-style-type: none; color: #6699cc; line-height: 16px; background: url(../Images/ulBullet.gif) no-repeat 0px 5px; padding-left: 10px;}
.testemonial {padding-right: 15px;}
.testemonial * {display: block;}
.testemonial h5 {margin: 18px 0 4px 0;}
.testemonial a, .testemonial a:visited {color: #666;}
.testemonial a:hover {text-decoration: none;}
.testemonial .quoteBtn {margin-top: 10px;}
/* landing pages */
body#Services-Body div.leftColumn {margin-top: 0px;}

/* - - - - - - - - - - section/page or control or project specific - - - - - - - - - - */
/* Default */
#mast {width: 922px; margin: auto; height: 200px;}
body.Default .container {border-top: none; margin-top: 0;}
body.Default div.mainContent div.leftColumn { padding-left: 29px; padding-bottom: 126px;}
body.Default div.mainContent {padding-left: 0; margin-top: 25px;}
body.Default div.mainContent .leftColumn {}
body.Default div.container div.mainContent div.hr {height: 6px}
/* All Sub Sections */
body#Services-Body div.container div.mainContent div.leftColumn {margin-top: 18px;}
body#Customers-Body div.container div.mainContent div.leftColumn,
body#Tools-Body div.container div.mainContent div.leftColumn,
body#About-Body div.container div.mainContent div.leftColumn {margin-top: 0px;}
body#Services-Body div.container div.mainContent div.rightColumn,
body#Customers-Body div.container div.mainContent div.rightColumn,
body#Tools-Body div.container div.mainContent div.rightColumn,
body#About-Body div.container div.mainContent div.rightColumn {padding-top: 17px;}
/* all sections: main page */
div.custom {margin-left: 0; height: 255px; border-bottom: solid 1px #ccc; padding-bottom: 40px; padding-left: 26px; background: url(../Images/imgServicesGuy.jpg) right bottom no-repeat;}
/* by section: imagery */
html body#Default-Body .mainContent {background: url(../Images/bgHomeRcol.jpg) no-repeat bottom right;}
html body#Default-Body .mainContent .leftColumn {height: 350px;}
html body#Services-Body .mainContent .custom {background: url(../Images/bgServices.jpg) no-repeat bottom right; padding-right: 30px;}
html body#Tools-Body .mainContent .custom {background: url(../Images/bgTools.jpg) no-repeat bottom right; padding-right: 30px;}
html body#About-Body .mainContent .custom {background: url(../Images/bgAbout.jpg) no-repeat bottom right; padding-right: 30px;}
html body#Customers-Body .mainContent .custom {background: url(../Images/bgCustomers.jpg) no-repeat bottom right; padding-right: 30px;}
html body#Services-Body .mainContent .rightColumn, html body#Tools-Body .mainContent .rightColumn, html body#Customers-Body .mainContent .rightColumn, html body#About-Body .mainContent .rightColumn {width: 618px;}
html body#Services-Body .mainContent .rightColumn .border, html body#Tools-Body .mainContent .rightColumn .border, html body#Customers-Body .mainContent .rightColumn .border, html body#About-Body .mainContent .rightColumn .border {width: auto; padding-right: 0;};
/* services */
body#Services-Body div.custom ul {margin: 0px 0 0 15px;}
body#Tower-Owner-Services-Body div.mainContent ul {margin-top: 10px; margin-left: 10px;}/* inherits left margin */
body#Tower-Owner-Services-Body div.mainContent ul li {}

/* quotes */
div.quote {padding-right: 22px; height: 202px;}
div.quote img.quoteImage {float: left; display: none;}
div.quote div.quoteContent {padding-top: 0;}
div.quote .quoteContent h4 {font-size: 25px; margin-bottom: 0px;}
div.quote .quoteContent h4.line1 {padding-right: 75px;}
div.quote .quoteContent span {display: block; margin: 7px 0;}
div.quote .quoteContent img.quoteBtn {}

/* case Studies */
div.caseStudyCO {padding-left: 29px;}
div.caseStudyCO img {display: block; float: left;}
div.caseStudyCO div.content {width: 385px; float: right; margin-right: 10px;}
div.caseStudyCO div.content img {margin-top: 10px;}
div.caseStudyCO h5 {margin: 0; display: inline;}
#btnCaseStudies {margin-left: 10px;}
html body div.mainContent div.CaseStudyAb p {padding-bottom: 3px;}
.CaseStudyAb {margin-bottom: 22px;}
/* market segments */
.marketExamples {padding-left: 20px; width: 350px; float: left;}
.marketExamples .aTestimonial {width: 150px; border-right: dotted 1px #000; padding-right: 10px; float: left; margin-right: 10px; margin-bottom: 15px;}
.marketExamples .aTestimonial ul li {color: #666;}
div.marketExamples div.aTestimonial ul {margin: 0;}
.marketExamples .aTestimonial b {color: #6699cc; padding: 10px 0; display: block;}
.testimonailCO {float: right; width: 209px;}
.testContent {background: url(../Images/bgTestimonials.gif); padding: 0 10px 0 17px;}
.testimonailCO .testContent span {color: #666; display: block; margin-bottom: 5px; padding-top: 10px;}
html body .marketExamples div.last {border-right: none; margin-right: 0; padding-right: 0;}
body#Commercial-Lending-Services-Body .border {width: 600px;}

/* faq pages */
div.ask {border-right: solid 1px #ccc; float: left; width: 340px;  padding-top: 5px; height: 44px; margin-bottom: 15px;}
div.askBtn {float: left; width: 165px; padding-top: 8px; padding-left: 20px;}
div.question {margin-bottom: 25px; }
a.backToTop {display: block; text-decoration: underline;}
div.question b {color: #6699cc; line-height: 16px;}
ul.questionList {clear: left;}

/* contact */
body#Contact-Us-Body div.maintContent div {margin-left: 0;}/* todo: clean this up */
body#Contact-Us-Body input {background: #fff;}
.contactInfo {padding-left: 29px; border-bottom: solid 1px #ccc; background: url(../Images/imgHQ.jpg) no-repeat right bottom; height: 190px; padding-right: 255px;}
.contactInfo b {color: #6699cc; text-transform: uppercase;}
div.formTitle {border-bottom: dotted 1px #ccc; height: 14px; margin-bottom: 20px; padding-top: 30px;}
div.formTitle span {color: #416055; font-weight: bold;}
div.formTitle b {float: right;}
div.form {padding-left: 29px; clear: both;}
div.form input, div.form select {display: block; width: 210px; margin-bottom: 15px;}
div.form .radio input {display: inline; width: auto; margin-bottom: 0;}
div.form div.formLcol {border-right: solid 1px #ccc; padding-right: 40px; width: 240px; _width: 210px; float: left}
div.form div.formRcol {padding-left: 50px; width: 210px; _width: 210px; float: left}
div.additionalInfo {clear: both; padding-left: 29px}
.submitL {float: left; width: 256px; font-size: 10px; margin-top: 30px;}
.submitR {float: left; width: 120px; padding: 0px 0pt 0pt 75px; margin-top: 30px;}
.submit {margin-left: 360px;}
/* industry news / whats new */
.industryNews {padding-left: 29px;}
.articles {padding-left: 29px;}
.articles .date {font-size: 12px; color: #666; font-weight: bold;}
.articles .title {color: #ff6633; font-weight: bold; padding-bottom: 6px;}
.newsSeperator {display:block; margin: 22px 0;}
.newsItem {margin-left: 0;}
.author {color: #333;}
.publication {}
.subTitle {display: block; margin-bottom: 7px;}
/* locations */
html body div.location {padding-left: 21px; width: 160px; border-right: dotted 1px #ccc; margin-bottom: 25px; float: left; height: 83px; line-height: 16px;}
.location b {display: block; color: #6699cc; text-transform: uppercase; font-weight: normal;}
.location span {display: block;}
.location a {display: block;}
html body div.lastLocation {border-right: none;}

/* apply */
.apply {padding-left: 29px}

/* submit a question */
.submitQuestion {padding-left: 29px; height: 470px;} /* height is for thank you page */

/* executives */
.execL {float: left; padding-left: 20px;}
.managementTeam b {color: #6699cc}
.execR {width: 107px; float: left; border-left: solid 1px #ccc; padding-left: 54px;}
.managementTeam .hr {clear: left;}
.leader { padding-left: 20px; padding-right: 70px;}

/* bluebook */
.DLBluebook {padding: 0px 5px; text-align: center !important;}
.bbHeader {background-color: #96ac8e; color: #fff; height: 25px; line-height: 25px; font-size: 12px; padding: 0px 10px; padding-left: 5px; text-align: center !important; width: 175px;}
.bbCell {padding: 2px 10px 3px 5px;text-align: center !important; width: 175px;}
.bbCellAlt {padding: 2px 10px 3px 5px; background-color: #e8e8e8;text-align: center !important; width: 175px;}
.bbAvg {padding: 12px 10px 3px 5px; font-weight: bold;text-align: center !important; width: 175px;}
.bluebook p {margin-left: 20px;}
.lineup {margin-left: 20px;}
p.lineup {margin-left: 30px;}
.btnStyle {background-color: #96ac8e; padding: 5px 10px; color: #fff; border: 0px; cursor: pointer;}

/* client testimonials */
.categoryListing {padding-left: 29px; line-height: 16px; margin: 15px 0;}
.categoryListing h5 {margin-bottom: 5px;}
.category {padding-bottom: 15px;}
.quotes {padding-left: 29px; padding-bottom: 15px;}
.quotes h6 {color: #88a399; margin: 22px 0 0 0;}
.quotes b {color: #6699cc; display: block;}
.quotes span {display: block; font-weight: bold; font-style: italic}
.pdfLink {padding-left: 10px; display: none}

/* careers */
body#Careers-Body div.mainContent div.rightColumn ul {margin-bottom: 5px;}
.positionListing {margin-bottom: 40px;}
.positions {margin-bottom: 40px;}
.positions .postionTitles h6 {margin-bottom: 0;}
.positions .postionTitles {margin-bottom: 10px;}


/*calculator styles */
.calculatorArea {padding: 0px 0px 0px 29px;}
.calculatorArea table.tblInputs {width: 100%; margin-top: 20px;}
.calculatorArea table.tblInputs input {width: 90px; height: 15px; border: solid 1px #999; margin-top: 4px; text-align: right;}
.calculatorArea table.tblInputs input.required {border: solid 1px #999;}
.calculatorArea table.tblInputs input.readonlyitem {border: 1px solid #ebedf0; background-color: #ebedf0;}
.calculatorArea table.tblInputs input.readonlysum {color: #666; border: 1px solid #d7dce1; background-color: #d7dce1; font-weight: bold;}
.calculatorArea table.tblInputs td {border-bottom: solid #fff 1px; padding:0px 5px; margin: 0; line-height: 27px;}
.calculatorArea table.tblInputs td.center {text-align: center;}
.calculatorArea table.tblInputs td.item {background-color: #ebedf0;}
.calculatorArea table.tblInputs td.field {width: 100px; text-align: right;}
.calculatorArea table.tblInputs td.sum {background-color: #d7dce1; text-transform: uppercase;}

.calculatorArea table.tblCompare {width: 100%; margin-top: 20px;}
.calculatorArea table.tblCompare input {width: 90px; height: 15px; border: solid 1px #999; margin-top: 4px; text-align: center; border: 1px solid #ebedf0; background-color: #ebedf0;}
.calculatorArea table.tblCompare td {background-color: #ebedf0; border-bottom: solid #fff 1px; padding:0px 5px; margin: 0; line-height: 27px; text-align: center; border-right: 1px solid #fff;}
.calculatorArea table.tblCompare th {background-color: #d7dce1; text-transform: uppercase; text-align: center; font-weight: bold; padding:5px; border-right: 1px solid #fff;}


.calculatorArea table.tblFloater {position: absolute; z-index: 5; margin: 8px 0px 0px 250px; background-color:#d7dce1; border:2px solid #9aa7b3;}
.calculatorArea table.tblFloater th {text-transform: uppercase; text-align: center; font-weight: bold; padding: 3px; border-bottom: 2px solid #9aa7b3;}
.calculatorArea table.tblFloater td {border-right: 1px solid #9aa7b3; border-left: 1px solid #9aa7b3; height: 27px;}
.calculatorArea table.tblFloater input {width: 70px;  margin-top: 4px; border: 0px; background-color: #d7dce1; text-align: center;font-size: 11px; }
.disclaimer {clear:both; padding-top: 6px;}