/* Global Styles */
html, body {background-color: #404040;}

html, body, div, td, p {font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333333; line-height: 18px;}

h2, h3 {font-size: 11px; margin: 0px;}

p {margin-top: 0px;}

a {color: #1d5184;}
a:hover {color: #0d004c;}

form {margin: 0px;}

td {vertical-align: top;}

hr {height: 1px; color: #dedede;}

ul {list-style-image: url(../images/arrow-bullet.gif);}
ul.noIndent {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;}

/* General */
div.linkBox {background-color: #f1f4f7; border: solid 1px #cbd7e2; padding: 3px 10px 6px 10px; line-height: 14px;}

/* Home Page-specific Styles */
table#homeTop {width: 100%;}
table#homeTop td.header {text-align: center; padding: 20px 15px 23px 15px; background-image: url(../images/buildings/building-4a.jpg); background-position: right bottom; background-repeat: no-repeat;}
table#homeTop td.shadow {background-image: url(../images/home-shadow.gif); background-repeat: repeat-x;}

td.factBox {border: solid 1px #dedede; width: 226px;}
td.factBox div.title {height: 25px; padding: 5px 0px 0px 10px; font-weight: bold; border-bottom: solid 1px #dedede; background-color: #fafafa;}
td.factBox div.chart {text-align: center; padding: 10px 0px 0px 10px;}
td.factBox div.content {padding: 10px;}
td.factBox div.content p.atAGlance {margin: 0px 0px 10px 0px;}

table.data {width: 100%;}
table.data td.number {text-align: right;}
table.data td.key {width: 9px; padding: 5px 5px 0px 0px;}
table.data td.key div {width: 9px; height: 9px;}
.pacific div {background-color: #304d6f;}
.eastNorthCentral div {background-color: #e05e24;}
.northeast div {background-color: #a3846f;}
.mideast div {background-color: #51b5ff;}
.southwest div {background-color: #f8cb64;}
.westNorthCentral div {background-color: #6ea4c0;}
.mountain div {background-color: #78c06a;}
.southeast div {background-color: #cecd50;}

.office div {background-color: #78c06a;}
.industrial div {background-color: #e05e24;}
.hospitality div {background-color: #f8cb64;}
.residential div {background-color: #6ea4c0;}
.retail div {background-color: #a3846f;}

#header {text-align: center; padding: 20px 15px 10px 15px;}

table#pageWrapper {background-color: #ffffff; text-align: center; margin: auto;}
table#pageWrapper td.top {background-image: url(../images/top-shadow.gif); background-repeat: repeat-x;}
table#pageWrapper td.bottom {background-image: url(../images/bottom-shadow.gif); background-repeat: repeat-x;}
table#pageWrapper td.left {background-image: url(../images/left-shadow.gif); background-repeat: repeat-y;}
table#pageWrapper td.right {background-image: url(../images/right-shadow.gif); background-repeat: repeat-y;}
table#pageWrapper td.page {width: 760px; padding: 1px; text-align: left;}

#nav {background-color: #010080;}
#nav td {border-bottom: solid 1px #b3b1b4;}
#nav td.separator {background-color: #4d4da6;}
#nav td.tab {border: 0px; background-color: #ffffff;}
#nav td.tab table td {border: 0px;}

table#clientLoginWrapper td.formWrapper {padding: 0px 0px 0px 17px; background-image: url(../images/client-login-background.gif); background-position: right top; background-repeat: no-repeat;}

table#clientLogin input {font-family: Verdana, Arial, Sans-Serif; font-size: 11px;}
table#clientLogin input.button {font-family: Verdana, Arial, Sans-Serif; font-size: 10px; color: #cccccc; background-color: #333333; border: 0px; height: 18px;}
table#clientLogin td {font-family: Arial, Verdana, Sans-Serif; font-size: 10px; color: #666666;}

#footer {border-top: solid 1px #b3b1b4; padding: 5px 20px 5px 20px;}
#footer, #footer td {font-size: 10px; color: #a6a6a6;}
#footer ul {list-style-type: none; margin: 0px; padding: 0px;}
#footer ul li {display: inline;}
#footer a {color: #a6a6a6; text-decoration: none;}
#footer a:hover {color: #666666;}

#credits {font-size: 10px; color: #666666; text-align: center; background-color: #404040;}
#credits a {color: #666666;}
#credits a:hover {color: #999999;}

/* Subpages */
#page td.side {width: 184px;}
#page td.title {width: 166px; padding: 0px 0px 0px 18px; vertical-align: middle; font-weight: bold; color: #ffffff; background-image: url(../images/subpage-title-bg.gif); background-repeat: no-repeat;}
#page td.title a {color: #ffffff; text-decoration: none;}
#page td.side ul {list-style-type: none; list-style-image: none; margin: 0px; padding: 0px; line-height: normal; background-color: #1d5184;}
#page td.side ul li {padding: 6px 0px 8px 0px; background-image: url(../images/nav/dots.gif); background-repeat: no-repeat; background-position: left top;}
#page td.side ul li a { margin-top: 0px; border: solid 0px red; display: block; padding: 0px 5px 0px 42px; color: #bccbda; background-image: url(../images/nav/arrow.gif); background-repeat: no-repeat; text-decoration: none;}
#page td.side ul li a {background-position: 33px 4px;}
#page td.side ul li a:hover {color: #ffffff; background-image: url(../images/nav/arrow-on.gif);}

#page td.side ul li.selected {font-weight: bold;}
#page td.side ul li.selected a {background-image: url(../images/nav/arrow-on.gif); color: #ffffff;}

td.side div {clear: both; border-top: solid 1px #ffffff;}
td.about div {padding: 250px 0px 0px 0px; background-image: url(../images/about-side.jpg); background-repeat: no-repeat;}

td.team div {padding: 250px 0px 0px 0px; background-image: url(../images/team-side.jpg); background-repeat: no-repeat;}

td.careers div {padding: 250px 0px 0px 0px; background-image: url(../images/careers-side.jpg); background-repeat: no-repeat;}

td.contact div {padding: 250px 0px 0px 0px; background-image: url(../images/contact-us-side.jpg); background-repeat: no-repeat;}

td.properties div {padding: 250px 0px 0px 0px; background-image: url(../images/properties-side.jpg); background-repeat: no-repeat;}

td.industrialSide div {padding: 250px 0px 0px 0px; background-image: url(../images/industrial-side.jpg); background-repeat: no-repeat;}
td.hospitalitySide div {padding: 250px 0px 0px 0px; background-image: url(../images/hospitality-side.jpg); background-repeat: no-repeat;}
td.residentialSide div {padding: 250px 0px 0px 0px; background-image: url(../images/residential-side.jpg); background-repeat: no-repeat;}
td.retailSide div {padding: 250px 0px 0px 0px; background-image: url(../images/retail-side.jpg); background-repeat: no-repeat;}

td.content {padding: 10px 30px 30px 30px; width: 516px;}
td.content img.headline {border-bottom: solid 1px #d9d9d9; margin-bottom: 10px;}

.breadcrumbs {color: #6e6e6e; padding: 0px 0px 20px 0px; font-size: 10px;}
.breadcrumbs ul {list-style-type: none; margin: 0px; padding: 0px;}
.breadcrumbs ul li {display: inline;}
.breadcrumbs ul a, .breadcrumbs a {font-size: 10px; color: #6e6e6e; text-decoration: none;}
.breadcrumbs ul a:hover, .breadcrumbs a:hover {color: #333333;}

table.list {width: 100%;}
table.list th {padding: 3px 5px 3px 5px; background-color: #6c8eaf; color: #ffffff; text-align: left; border-bottom: solid 3px #dde5ed;}
table.list td {padding: 3px 5px 3px 5px; border-bottom: solid 1px #dde5ed;}

/* Styles Carried Over from Responsible Contractor Program stylesheet */
#createUserForm input.textbox, select.dropdown {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 160px;
}

#createUserForm td {
	vertical-align: top;
	padding: 0px 20px 4px 0px;
}

#createUserForm td.requiredField {
	font-weight: bold;
}

#createUserForm span.requiredField {
	color: #9E1D20;
}

#editUserForm input.textbox, select.dropdown {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 160px;
}

#editUserForm td {
	vertical-align: top;
	padding: 0px 20px 4px 0px;
}

#editUserForm td.requiredField {
	font-weight: bold;
}

#editUserForm span.requiredField {
	color: #9E1D20;
}

#inquiryForm td, #passwordRecoveryForm td {
	vertical-align: top;
	padding-right: 20px;
	padding-bottom: 4px;
}
