/* =========== */
/* = Palette = */
/* =========== */

/* Dark blue:   #17296b */
/* Mid blue:    #5960ac */
/* Light blue:  #c6e3f3 */
/* Green:       #6aa924 */
/* Red:         #d62828 */
/* Gray line:   #bdbdbd */

/* ============ */
/* = Defaults = */
/* ============ */

html,body,h1,h2,h3,h4,h5,ul, ol,p,form {
  padding:0;
  margin:0;
}
body {
  background:#fff;
  line-height:1.4em;
  color: #444;
  font: normal 12px/1.5em "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
  font-size: x-small; /* IE5 Win */
  voice-family: "\"}\""; 
  voice-family: inherit;
  font-size: small;
  min-width: 650px;      /* 2x LC width + RC width */
}
html>body { /* be nice to Opera */
  font-size: small;
}
h1, h2, h3, h4, h5, h6 {
  font-family:"Lucida Grande", "Helvetica Neue", Arial, sans-serif;
}
h1  {
  margin:1em 0 .8em 0;
  font-weight:normal;
  font-size:200%; 
  color: #444;
  line-height: 1.1em;
}
h1 a,h1 a:visited {
  color:#444;
  text-decoration:none;
}
h1 a:hover {
  color:white;
}
h2 {
  clear:both;
  font-weight:bold;
  margin:1.2em 0 .6em 0;
  padding:.25em .5em;
  color: #17296b;
  font-size: 125%;
  background: #fff url(/images/layout/gray-gradient.png) repeat-x 50% bottom;
  border-bottom: 1px solid #bdbdbd;
}
h2 a,h2 a:visited {
  color:#fff;
  text-decoration:none;
  border-bottom:1px dotted #fff;
}
h2 a:hover {
  color: #fff;
}
h3 {
  margin: 1em 0 .5em 0;
  padding-bottom: 2px;
  font-size: 120%;
  font-weight: normal;
  color: #17296b;
  border-bottom: 1px solid #eaeaea;
}
h4 {
  margin:.6em 0 .3em 0;
}
p {
  margin:.5em 0 1em 0;
  line-height:1.4em;
}
ul, ol {
  padding:.5em 0 0 .5em;
}
ul li, ol li, dl dd {
  line-height:1.4em;
  margin-left:1em;
}
ol li {
  padding-bottom:.3em;
}
a, a:visited {
  color:#5960ac;
  text-decoration:underline;
}
a:hover, a:active {
  color:#5960ac;
  background:#c6e3f3;
  text-decoration:none;
}
img { /* take care of those lame firefox image link borders */
	border:0 none; 
	margin:0; 
	padding:0;
	background-color:transparent;
}
a.padded-block {
  display:block;
  float:left;
  padding-top:0.2em;
}
/* For links that contain images or any link we don't want to be underlined */
a.no-underline {
  padding:0;
  margin:0;
  border-width:0px;
  background:none;
}

div.large {
  font-size: 125%;
  text-align:center;
  padding: 1em 1em;
  line-height: 1.2em;
}

a:hover.no-underline {
  border-bottom: 0;
}

hr {
  border-width:0;
  background-color:#bdbdbd;
  height:1px;
}


/* ========= */
/* = Flash = */
/* ========= */

div.message, 
div.error,
div.success {
  border: 2px solid #ddd;
  margin: 10px auto;
  font-weight: bold;
  padding: .6em 1em;
  background: #f3f3f3;
}
div.message {
  color: #17296b;
  border-color:#17296b;
}
div.error {
  color: #d62828;
  border-color: #d62828;
}
div.success {
  color: #1F9100;
  border-color: #1F9100;
}
.error {
  color:#d62828;
}

/* ========== */
/* = Layout = */
/* ========== */

div#master-container {
  margin:0 auto;
  width:990px;
}
div#header {
  padding:5px 0;
  margin-bottom:1em;
}
div#header h1 {
  margin:0;
  float:left;
}
div#header h1 a {
  position:relative;
  z-index:5;
  background:url(/images/layout/site_logo.png) no-repeat 5px 0px;
  height:37px;
  width:170px;
  float:left;
}
ul#login-links {
  z-index:5;
  position:relative;
  float:right;
  font-size:92%;
}


/* begin css tabs */
.tabnav {
  z-index:1;
  font-size: 93%;
  background: url(/images/layout/bg.gif)  repeat-x 50% bottom;
  float: left;
  width: 100%;
  line-height: normal;
}
.tabnav ul {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 10px;
  list-style-type: none;
}
.tabnav li {
  padding-right: 0px;
  padding-left: 9px;
  background: url(/images/layout/left.gif) no-repeat left top;
  float: left;
  padding-bottom: 0px;
  margin: 0 .3em 0 0;
  padding-top: 0px;
}
.tabnav a, .tabnav a:visited, .tabnav a:hover {
  padding-right: 15px;
  display: block;
  padding-left: 6px;
  font-weight: bold;
  background: url(/images/layout/right.gif) no-repeat right top;
  float: left;
  padding-bottom: 4px;
  color:#17296b;
  padding-top: 5px;
  text-decoration: none;
  border-bottom:none;
}
.tabnav a {
  float: none;
}
.tabnav a:hover {
  color:#6aa924;
}
.tabnav .selected-tab {
  background-image: url(/images/layout/left_on.gif);
}
.tabnav .selected-tab a, .tabnav .selected-tab a:visited, .tabnav .selected-tab a:hover {
  background-image: url(/images/layout/right_on.gif);
  padding-bottom: 5px;
  color:#17296b;
}

#top-level-navigation {
  margin-top:-30px;
}
#top-level-navigation ul {
  margin-left:200px;
}
div#search-bar {
  text-align:center;
  padding-top:1.5em;
  clear:both;
  border:1px solid #c6e3f3;
  border-top-width:0px;
  background:#c6e3f3 url(/images/layout/light-blue-gradient.png) repeat-x left top;
}
div#search-bar input {
  vertical-align:middle;
}
div#search-bar input[type=text] {
  margin:0;
}
div#search-bar strong {
  font-family:"Lucida Grande", "Helvetica Neue", Arial, sans-serif;
  font-size:95%;
}
#query-box {
  width:210px;
}
#distance-box {
  width:170px;
}
p#search-help {
  font-size:92%;
}

#bottom-level-navigation {
  padding-left:11em;
}
#bottom-level-navigation ul {
  float:left;
  padding-right:1em;
}
div#copyright {
  padding:4em 0 2em 0;
  clear:both;
  text-align:center;
}
#column-container {
  width:100%;
  margin:0;
  padding:0;
  border-width:0;
}
#column-container .column {
  vertical-align:top;
  margin:0;
}
#center {
  padding:0 20px;
}
#left {
  width:200px;    
}
#right {
  width:165px;
}
#promo {
  width:250px;
}
#left, #right, #promo {
  font-size:92%;
}
#job-listings {
  margin:0;
  padding:0;
}
#job-listings li {
  list-style:none outside none;
  margin:0 0 10px;
}
#job-listings li strong {
  font-size:100%;
  margin:0;
}
div#footer {
  background:#fff url(/images/layout/gray-gradient-striped.gif) repeat-x scroll left top;
  border:1px solid #e0e0e0;
  border-width:1px 1px 0 1px;
  margin-top:6em;
  padding:1em 1em 2em 1em;
  font-size:95%;
  clear:both;
}

#column-container .column > :first-child {
  margin-top:0;
}

#left h3, #right h3, #promo h3 {
  margin-bottom:0;
}

#blog-headlines {
  padding:0;
  margin:0;
}

#blog-headlines ul {
  margin: 0;
  padding: 0;
}

#blog-headlines ul li {
  list-style: none;
  clear:both;
  padding:0 0 0.5em 0;
  margin:0;
}

#blog-headlines ul li.latest {
  font-size:105%;
  padding-bottom: 1em;
}

img.with-border {
  border:1px solid #bdbdbd;
}

/* ========= */
/* = Forms = */
/* ========= */
label {
  display: block;
  margin:.5em .5em 0 0;
  padding:0;
  font-weight:bold;
  font-size:100%;
}
/* For multiple buttons */
.button_bar {
  padding:0;
  margin:1em 0 0 0;
  clear:both;
}
input[type=text],
input[type=password],
input[type=search],
input[type=file],
textarea,
select {
  margin-right:.5em;
  border:1px solid #bdbdbd;
  border-top:none;
  border-left:none;
  padding:.2em .4em;
  color:#333;
  background:#fff url(/images/inputbg.gif) no-repeat; 
}
input[type=radio],
input[type=checkbox] {
  border:none;
}
input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
  color: #000;
}
input.wide {
  width:80%;
}
textarea.huge {
  height:400px;
}
input.example-text {
  color:#999;
}
input[type=file] {
  border:1px solid #bdbdbd;
}
div.form-item {
  clear:both;
  padding:.2em 0 .4em 0;
}
div.form-item.focused {
  background-color:lemonchiffon;
}
div.form-item label {

}
textarea {
  width:80%;
	height:200px;
}
.small {
  margin:.2em .2em 0 0;
  font-weight:normal;
  font-size:92%;
}
.field-error {
  color:#d62828;
  font-size:92%;
  margin:0;
  padding:1px 0 0 0;
}
.help {
  color:#444;
  font-size:92%;
}
.inline {
  float:left;
  vertical-align:middle;
}
.inline .form-item {
  margin:0 .5em 0 0;
  clear:none;
  float:left;
}
.inline .field-error {
  clear:left;
  float:left;
}
span.required {
  color:#d62828;
  padding-left:.2em;
  font-weight:bold;
}
.fieldWithErrors {
  padding:.2em;
  background-color:#d62828;
  margin-right:.2em;
  display:block;
}
.fieldWithErrors input{
  margin-right:0;
}
div.dirty input, 
div.dirty select, 
div.dirty textarea{
  background:lemonchiffon url(/images/inputbg-dirty.gif) no-repeat;
}

/* =================== */
/* = Utility classes = */
/* =================== */

/* Horizontal lists */
ul.horizontal {
  margin: 0px;
  padding: 0px 0px 1em 0px;
}
ul.horizontal li {
  display: inline;
  padding:0;
  margin:0;
}

/* Link with no text */
a.no-text, a.no-text:hover {
  border-width:0;
}
/* Box with title */
div.box {
  border:1px solid #c6e3f3;
  margin:1em 0 2em 0;  
  background:#c6e3f3 url(/images/layout/blue-box-tile.png) 0 0 repeat-x;
}
div.box strong {
  font-size:130%; 
  margin: 0 0 .3em 0;
}
div.box h3 {
  margin-top:0;
  font-size:90%;
  font-weight:bold;
  color:#17296b;
  padding:0 .5em 5px .5em;
  position:relative;
  text-shadow:2px 2px #fff;
  border-bottom:1px solid #c6e3f3;
}

div.box h4 {
  font-size:95%;
  margin:.6em 0 .3em 0;
}

div.box div.box-content {
  min-height:50px;
  background-color:white;
  margin:0;
  padding:0.8em;
  line-height:1.2em;
}

div.box div.box-content p {
  margin:0;
  padding-bottom:0.5em;
}

/* Promo style for a box */
div.promo {
  margin:0;
  background:#fff;
}

div.promo h3 {
  font-weight:normal;
  margin:0 0 .6em 0;
  padding:.25em .5em;
  color: #fff;
  font-size: 120%;
  border:none;
  background:#6aa924;
  text-align: center;
}

div.promo h4 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  line-height: 1.5em;
}

div.promo div.box-content {
  padding: 0.5em;
  font-size: 100%;
}

div.status-button {
  padding-top: 0.5em;
}

/* Alternate message style for content blocks w/o content */
.no-content {
  font-style:italic;
}

.bold {
  font-weight: bold;
}

/* List titles should get no bullet */
li.list-title {
  display:inline;
  padding:0;
  margin-left:0;
}

ul.spacer {
  padding: 0.5em 0 1em 0;
}

ul.spacer li {
  padding: 0.5em 0 0.5em 0;
}

/* Simple list with no bullets */
ul.simple {
  padding:0;
}
ul.simple ul {
  padding:0;
  margin:0 0 0 1em;
}
ul.simple li {
  list-style: none;
  clear:both;
  padding:0 0 .2em 0;
  margin:0;
}

/* Highlights text */
em.highlight {
  background:#c6e3f3;
  font-style:normal;
  font-weight:normal;
  color:#17296b;
  padding:1px 2px;
}

/* Clears floating elements */
.breaker {
  clear:both;
}

li.tight {
  font-size: 92%;
}

/* modify width and height of scrolling section if necessary	*/		
div.scroller { 
	width:750px; 
	overflow:hidden;
}
div.scroller div.content {
	width:10000px;
}

div.left {
  float:left;
}

div.right {
  float:right;
}

/* Drop selector */
.drop_selector {
  margin:.6em 0 0 0;
}

/* Hides an object */
.hidden {
  display:none;
}

/* Recaptcha */
#dynamic_recaptcha {
  height:130px;
}

/* ============= */
/* = Phone Numbers = */
/* ============= */
.phone-number-list-item a img {
  margin-top:2em;
}

/* ============= */
/* = Home page = */
/* ============= */
#mission-statement {
  margin:1em 0;
}
.category-row {
  width:100%;
  float:left;
  clear:both;
  padding:.2em 0 .3em 0;
}
.even {
  background:#f3f3f3;
}
.category-box {
  float:left;
  width:50%;
}
.category-box h3 {
  margin:0;
  padding:0;
  border-width:0;
  font-size:100%;
}
.category-box h3 a, .category-box h3 a:hover {
  border-width:0;
  text-decoration:underline;
  font-size:95%;
}
.category-box .swappable_container {
  font-size:92%;
  line-height:1.1em;
}
.category-box .swappable_container a{
  color:#666;
  background:none;
  border-bottom-width:0;
}
.category-box .swappable_container a:hover{
  color:#333;
  border-bottom-width:0;
  text-decoration:underline;
}
.category-box .swappable_container a.more-link {
  color:#5960ac;
  font-style:italic;
  text-decoration:none;
}

ul.category-list {
  padding: 0;
  margin: 0;
}

ul.category-list li {
  list-style: none;
  clear:both;
  padding: 0;
  margin: 0;
}

ul.category-list li.even, ul.category-list li.odd {
  padding-bottom: 1em;
}

ul.category-list li strong {
  font-size: 105%;
}

ul.category-list li ul, ul.category-list li ul li {
  padding: 0.5em 0 0 0;
  margin: 0;
}

ul.category-list li ul li {
  padding: 0.5em 0 0 0;
  margin: 0;
}

a.more-link-home {
  padding-top: 0.5em;
  color:#5960ac;
  font-style:italic;
  text-decoration:none;
  display:block;
  border-bottom: none;
}

div.rss-feed {
  padding: 1em 0 0 0;
  width: 100%;
  float: left;
}

div.rss-feed strong {
  font-size: 105%;
}

div.rss-feed img {
  padding: 0 0.2em 0.1em 0;
  vertical-align: bottom;
}
#featured-supplier {
  float:left;
}
#featured-supplier h3 {
  margin: 0.6em 0 1em;
}
#featured-supplier div.thumbnail-photo {
  margin-right:1em;
}
div.supplier-design-sample {
  margin:0.6em 0;
}
div.supplier-design-sample a {
  cursor:pointer;
}
div.supplier-design-sample a img {
  display:block;
  border:1px solid #bdbdbd;
}
/* ========= */
/* = About = */
/* ========= */
#engineers-suppliers-learn-more {
  float:left; 
  width:450px;
  margin-top:0.5em;  
}
#engineers-suppliers-learn-more strong {
  font-size: 110%; 
}
#engineers-suppliers-learn-more div {
  padding-top: 1em; 
}
#engineers-suppliers-learn-more div.left {
  float:left;
}
#engineers-suppliers-learn-more div.right {
  float:right;
}


/* =================== */
/* = Supplier Search = */
/* =================== */

/* Search Thumbnail */
div.search_thumbnail {
  padding-bottom:.6em;
  border-bottom: 1px solid #bdbdbd;
  width:100%;  /* IE 6 fix */
}
div.thumbnail-content h5 {
  display:inline;
  text-transform:uppercase;
  color:#666;
  font-size:95%;
  margin:.2em .2em 0 0;
  font-weight:normal;
  background:#f3f3f3;
  padding:1px 2px;
}
div.search_thumbnail p {
  margin:0.6em 0;
  padding:0;
}
div.search_thumbnail h3 {
  font-size:130%;
  color:#333;
  font-weight:bold;
  border-bottom-width:0;
  margin:0.6em 0;
}
div.thumbnail-photo {
  padding:5px;
  float:left;
  margin:0;
  border:1px solid #bdbdbd;
}

div.thumbnail-photo a {
  cursor:pointer;
}

div.thumbnail-photo img {
  display:block;
}

div.featured {
  margin:0;
  padding:0; 
  border-width:0px;
  background:white;
  display:block;
  float:none;
}
div.thumbnail-content {
  width:60%;
  float:left;
  margin-left: 1em;
}
.favorite-text {
  padding-top:2em;
  font-weight:bold;
}
.favorite_icon {
  position:relative;
  top:4px;
  cursor:pointer;
}
.favorite-text .favorite_icon {
  margin-top:1em;
}
#error-cases {
  font-size:130%;
  color:#17296b;
  margin-bottom:1em;
}
#error-cases ul {
  color:#333;
}
#results-info p {
  background:lemonchiffon;
  font-size:130%;
  padding:0;
  margin:0;
}
#results-info {
  text-align:center;
  font-size:92%;
  margin:.8em 0 .3em 0;
  padding-bottom:.3em;
}
/* Guided nav */
ul.selected_items li a {
  border-width:0;
  padding-left:.5em;
}
.guided-nav .more-link {
  font-style:italic;
}

/* Sort */
div#sort-options {
  padding:.6em;
  border:1px solid #c6e3f3;
}
div#num-per-page-selector {
  float:right;
}
div#num-per-page-selector select {
  margin:0;
}
/* Pagination Links */
#pagination {
  clear:both;
  margin:1em 0;
  text-align:center;
}
.page-number {
  margin:0 .4em;
  padding:.2em .3em;
  border:1px solid #bdbdbd;
}

/* Refinement area */
input.refinement-field {
  width:80%;
}

/* ==================== */
/* = Supplier Profile = */
/* ==================== */
.supplier_name {
	font-size: 175%;
	font-weight: bold;
	margin: 0 0 .25em 0;
}

.specialties_header {
	display: inline;
	margin-right: 1em;
}

#profile-photo {
  float: right;
}

#profile-left-column, #profile-right-column {
	float: left;
	width: 48%;
}
#profile-left-column p, #profile-right-column p {
  margin-bottom: 1em;
}
#profile-left-column ul.simple li, #profile-right-column ul.simple li {
  padding-left: 0.5em;
}
#profile-left-column {
  margin-right: 4%;
}
.profile_controls {
	margin-top: .5em;
	margin-bottom: 1.5em;
}
#profile_flag {
  text-align:center;
}
#main-profile-content {
  float:left;
  width:450px;
  overflow:hidden;
}
#main-profile-content h1 {
  margin: 0.2em 0 0.6em 0;
}
#main-profile-content div {
	margin: 0 5em 1em 0;
	font-size: 90%;
	float: left;
}
#main-profile-content p {
  margin: 0;
}
#main-profile-content ul.simple li {
	margin: 0;
	padding: 0;
}
#main-profile-content ul.horizontal {
  padding-top: 0.5em;
}
/* Feedback summary box */
#supplier-review-summary-heading {
  padding: 0;
  text-align:center;
}
#supplier-review-summary-heading a {
  cursor:pointer;
}
#supplier-review-summary-heading a img {
  display:block;
}

#supplier-review-summary-table {
  width: 200px;
}

#supplier-review-summary-table td {
  width: 100px;
  text-align: left;
}

/* Supplier Reviews */
#supplier-review-controls {
  margin:0 0.6em;
}
#supplier-reviews {
  margin:1em 0;
}
.supplier-review-promo {
  margin: .5em 0 1em 0;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
  padding:.5em 0;
  color:#6aa924;
}
.supplier-review-promo a {
  text-decoration:underline;
  border-bottom-width:0;
  
}
.supplier-review-promo p {
  margin: 0;
}

.supplier-review {
  border-bottom: 1px solid #bdbdbd;
  min-height: 90px;
  padding:10px;
  font-size:92%;
}

.supplier-review-comment {
  font-size:112%;
  margin:1em 0;
}

.supplier-review-date {
  float: right;
  font-style: italic;
}

strong.positive {
  color: #6aa924;
}

strong.negative {
  color: #d62828;
}

#profile-edit-header {
  width:100%;
  float:left;
  margin:1em 0;
}

#profile-edit-header h1 {
  float:left;
  margin:0;
}

#profile-edit-header a {
  float:right;
}

#profile_wizard {
  background:lemonchiffon;
  clear:both;
  margin: 1em 0;
  padding: 0.5em;
}

/* Portfolio */
#portfolio {
  float:left;
  margin-top:1em;
  width:100%;
}
#portfolio div.thumbnail-photo {
  width:143px;
  margin: 1em 2em 1em 0;
  background:#f3f3f3; 
  font-size:92%;
}
#portfolio div.thumbnail-photo p {
  overflow:hidden;
  margin: 1em 0;
}
#portfolio div.photo-controls {
  float:left;
  margin-bottom:0.6em;
}
#portfolio div.photo-controls img {
  float:left;
  display:inline;
  margin: 0 0.4em 0 0;
}
#sortable_portfolio_list {
  clear:both;
  float:left;
  width:100%;
  margin: 1em 0;
}

#sortable_portfolio_list div.edit-photo-thumbnail {
  float:left;
  clear:both;
  width:100%;
  margin: 1em 0;
}

#sortable_portfolio_list img.photo-drag {
  float:right;
  display:block;
  margin: 50px 1em 0;
}

a.button-portfolio-preview {
  float:right;
  padding:0;
  margin:0;
  border-width:0px;
  background:none;
}

a.button-portfolio-preview img {
  display:block;
}

/* Service selection screen */
.selection-container {
  float:left;
  width:50%;
}
.selection li {
  cursor:move;
}
.selector {
  float:right;
  padding:1em 0 0 1em;
  width:45%;
  background: #f3f3f3;
  border:1px solid #bdbdbd;
}
.selector input {
  width:80%;
}
.selector ul {
  font-size:92%;
  margin:1em 0 0 0;
  padding:0 1em 1em 0;
  height:200px;
  overflow:auto;
}
.selector li {
  list-style:none;
  padding:0 0 .4em 0;
  margin:0 0 .2em 0;
  border-bottom:1px solid #bdbdbd;
}
ul.selection {
  font-size:92%;
}
ul.selection a, ul.selection a:hover, ul.selection a:visited {
  border-width:0;
}
ul.selection li {
  list-style: none;
  padding:0 0 .2em 0;
  margin:0;
}
/* Contacts and memberships */
.profile-column {
	float: left;
	width: 45%;
	padding-right: 1.2em;
}

.profile-column p {
	margin-bottom: 1em;
}

.profile-column ul li {
  padding-bottom: 1em;
}

li.organization-membership p, li.organization-contact p {
  padding:0.2em;
}

li.organization-membership strong, li.organization-contact strong {
  font-size: 110%;
}

li.organization-membership h5.active {
  color: #fff;
  font-size: 120%;
  border-bottom: 1px solid;
  background:#6aa924;
  padding: 0.2em;
}

li.organization-membership h5.pending {
  color: #fff;
  font-size: 120%;
  border-bottom: 1px solid;
  background:#d62828;
  padding: 0.2em;
}

li.organization-contact h4 {
  color: #fff;
  font-size: 120%;
  border-bottom: 1px solid;
  background:#17296b;
  padding: 0.2em;  
}

/* ========================== */
/* = Supplier Services List = */
/* ========================== */

.services_list_column {
  position:relative;
  float:left;
  padding-left: 5px;
  padding-right: 5px;
  width: 30%;
}

.services_list_column li {
  font-size: 92%;
}

.services_list_column li a {
  border-width:0;
  text-decoration: none;
  color:#666;
}

.services_list_column li a:hover{
  color:#333;
  border-bottom-width:0;
  text-decoration:underline;
}

.services_list_column h3 {
  margin:0;
  padding-top: 1em;
  border-width:0;
  font-size: 100%;
  font-weight: bold; 
}

.services_list_column h3 a {
  border-width:0;
  text-decoration:underline;
}

.services_list_column ul {
  list-style-type: none;
  padding:0em 0 0 0em;
}

/* ============= */
/* = Dashboard = */
/* ============= */


table.stats2 {
  border-collapse: collapse;
}

table.stats2 caption {
  font-weight: bold;
  #font-size: 120%;
}

thead.stats2 {
  color: #17296b;
  border-top: 2px solid #bdbdbd;
  border-bottom: 2px solid #bdbdbd;
}

thead.stats2 th {
  font-weight: normal;
  text-align: left;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

thead.stats2 th.year {
  font-weight: normal;
  text-align: center;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

table.stats2 .year_boundary {
  border-right: 1px solid #bdbdbd;  
}


tbody.stats2 td {
  #border-bottom-style: solid;
  #border-bottom-width: 1px;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

tbody.stats2 th {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  #border-right: 1px solid #bdbdbd;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

tbody.stats2 td {
  text-align: right;
}

table.stats2 .summary_row {
  border-top: 1px solid #bdbdbd;  
  font-weight: bold;
}

table.stats2 .last_row {
  border-bottom: 2px solid #bdbdbd;  
}

table.stats2 .summary_column {
  border-left: 1px solid #bdbdbd;  
  font-weight: bold;
}

#profile-status p {
  line-height:1.2em;
  padding-bottom: 0.5em;
}

/* ================ */
/* = Tech Support = */
/* ================ */

.two_col_column {
  position:relative;
  float:left;
  padding-left: 5px;
  padding-right: 5px;
  width: 45%;
}

.warning {
  background:lemonchiffon;
  clear:both;
}

/* ========================== */
/* = Detailed Category Page = */
/* ========================== */

#service-picture-changer {
  float:left;
  clear:left;
  margin:0 1em 1em 0;
  width:230px;
  border:1px solid #bdbdbd;
  padding:10px;
  background:#f3f3f3;
}
#current-photo-container {
  height:230px;
  border-bottom:1px solid #bdbdbd;
  margin-bottom:10px;
}
#service-picture-changer .chooser {
  width:60px;
  display:block;
  float:left;
}
#service-picture-changer .last {
  width:50px;
}
.category-page-list-container, .category-page-link {
  float:left;
  width:40%;
  margin-right:8%;
}
#category-results-message {
  font-style:italic;
  font-size: 120%;
  background:lemonchiffon;  
}
.home-page-list-container {
  float:left;
  width: 33%;
}
.home-page-list-container h3 {
  margin:1em 12px 0.6em 4px;
  font-size:110%;
  padding-left:.5em;
}
.home-page-list-container div {
  padding-top: 1em;
}
.home-page-list-container ol, ul {
  margin:1em 0;
  padding:0 0 0 1em;
}
/* ===================== */
/* = About Badges page = */
/* ===================== */

.code-snippet {
  background:#f3f3f3;
  border:1px solid #bdbdbd;
  padding:1em 2em;
  color:#333;
}

#admin-faq-list {
  width: 100%;
  float:left;
}

#admin-faq-list .certification {
  width:25%;
  float:left;
  margin: 1em 0;
}

#admin-faq-list .admin-certification div {
  margin: .5em 0 0;
}

#my-certifications {
  float:left;
  width:525px;
}

#my-certifications h1 {
  margin: 0 0 1em;
}


#items {
  margin-top: 1em;
  padding:1em .5em;
  width:100%;
  float:left;
}

#items div {
  float:left;
  width:33%;
}

#new-certifications {
  float:right;
  width:175px;
}

#certifications {
  text-align:center;
}

#certifications img {
  margin: .6em 0;
}
#available_list {
  font-size:92%;
}