/*================================================================
    Company browser and profiles
================================================================*/

#companyFilterForm {
  background: #fff url(topcornerswhite12.gif) center top no-repeat;
  padding: 12px 13px;
  width: 894px;  
}

#companyFilterForm #companyRoleFilters {
  height:400px;
}



#companyFilterForm .column {
  display: inline;
  float: left;
  width: 149px;
}

#companyFilterForm .column .companyRole {
  font-size: 9px;
}

#roleFilterControls {
  background: #f0f0f0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 8px -13px;
  padding: 6px 13px;
}

#roleFilterControls .fakeLink {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

#companyList {
  margin-top: 18px;
  margin-right: -16px;
}

#companyList .pagination {
  clear: both;
  margin: 16px 0;
}

#companyList .column, #companySelectorListing .column {
  background: #fff url(bottomcorners3.gif) center bottom no-repeat;
  display: inline;
  float: left;
  margin-right: 16px;
  padding-bottom: 12px;
  width: 218px;
}

#companyList .column ul, #companySelectorListing .column ul {
  background: #fff url(topcornerswhite3.gif) center top no-repeat;
  list-style: none;
  margin: 0;
  padding: 12px 12px 0;
}

#companyList .column li, #companySelectorListing .column li {
  font-size: 11px;
  line-height: 12px;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}

#companyList .column ul ul, #companySelectorListing .column ul ul {
  background: url(treeview-trunk.gif) 4px bottom no-repeat;
  margin: 0;
  padding: 0 0 0 5px;
}

#companyList .column ul ul li, #companySelectorListing .column ul ul li {
  background: url(treeview-branch.gif) 0 11px no-repeat;
  padding-left: 12px;
}

#companyList .column li a, #companySelectorListing .column li a {
  text-decoration: none;
  text-transform: uppercase;
}
#companyList .column li a:hover, #companySelectorListing .column li a:hover { color: #000; }
#companyList .column li a.profiled, #companySelectorListing .column li a.profiled { color: #000; }
#companyList .column li a.profiled:hover, #companySelectorListing .column li a.profiled:hover { text-decoration: underline; }

#companyList .pagination, #companySelectorListing .pagination {
  clear: both;
}

.companyNav {
  background: #fff;
  border-top: 2px solid #bfb28a;
  margin: 16px 0;
  padding: 4px 12px 6px;
}

.companyNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.companyNav ul li {
  border-bottom: 1px solid #bfb28a;
  display: inline;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 0 12px 0 0;
  padding: 0;
}

.companyNav a {
  color: #000;
  text-decoration: none;
}

#company h2 {
  background: #fff url(whitetitlebox.gif) center top no-repeat;
  font: normal 22px Helvetica, Arial, sans-serif;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  margin: 0 0 18px;
  padding: 12px;
}

#company #newsList, #company .profile {
  background: #fff url(bottomcorners7.gif) center bottom no-repeat;
  display: inline;
  margin: 0 0 16px;
  padding: 12px;
  clear: left;
  float: left;
  width: 506px;
}

#company #newsList h3, #company .profile h3 {
  background: #bfb28a url(topcorners7.gif) center top no-repeat;
  color: #fff;
  font: normal 16px Helvetica, Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: -12px -12px 12px;
  padding: 6px 12px;
  height: 18px;
}

#company .profile h4 {
  border-bottom: 1px solid #cd4126;
  color: #666;
  font-size: 14px;
  line-height: 18px;
  margin: 18px 0 0;
  text-transform: uppercase;
}

#company .profile p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin-top: 0;
}

#company #newsList h4 a, #company #newsList .newsItemData {
  width: 362px;
}

#company #projectListColumn {
  display: inline;
  float: right;
  width: 374px;
}

#company .projectList {
  background: #fff url(bottomcorners5.gif) center bottom no-repeat;
  margin: 0 0 16px;
  padding: 12px;
  width: 350px;
}

#company .projectList h3 {
  background: #bfb28a url(topcorners5.gif) center top no-repeat;
  color: #fff;
  font: normal 16px Helvetica, Arial, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: -12px -12px 0;
  padding: 6px 12px;
  height: 18px;
}

#company .projectList .pagination {
  font-size: 11px;
}

#company .projectList table {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  font-size: 10px;
  width: 100%;
  overflow: hidden;
}

#company .projectList table th, #company .projectList table td {
  border-bottom: 1px solid #999;
  padding: 4px 8px;
  text-align: left;
}

#company .projectList .projectColumn {
  background: #eee;
  color: #444;
  font-weight: bold;
  text-transform: uppercase;
}

#company .projectList table .dateColumn { width: 90px; }
#company .projectList table .capacityColumn { text-align: right; }
#company .projectList table .techColumn { text-align: center; }

#company .projectList table a {
  text-decoration: none;
  text-transform: uppercase;
}
#company .projectList table a:hover { color: #000; }
