body {
	font-family: 'Lucida Grande',Helvetica,Arial,sans-serif;
  background-color: #c8d5d8;
  margin: 0;
  padding: 0;
}

h1, h2, h3 {
  margin: 0;
  font-weight: normal;
}

h2 {
  color: #666;
  font-size: 153.9%;
  text-decoration: none;
  margin-top: 15px;
  padding-left: 5px;
}

h3 {
  text-decoration: none;
  display: inline;
}

#doc3 {
  margin-left: 0;
  margin-right: 0;
}

#hd, #ft {
  text-align: left;
}

#hd {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  background-color: #1c2122;
  color: #fe5c11;
  height: 74px;
}

#logo {
  margin: 24px 0 0 15px;
}

#hd a, #hd a:visited, #hd a:hover {
  color: #fe5c11;
  font-weight: bold;
}

#bd {
  padding: 0 15px 15px 15px;
}

#ft {
  border-top: 1px solid #ddd;
  background-color: #dae3e5;
}

#footerText {
  padding: 33px 15px;  
}

#ft {
	color: #666;
	font-size: 77%;
  height: 80px;
}

#ft a, #ft a:visited, #ft a:hover {
  color: #666;
}

h2 a {
	font-size: 153.9%;
	color: #666;
	text-decoration: none;
}

h3 a {
	text-decoration: none;
}

.version {
	color: #666;
}

#searchform {
	display: inline;
}

#searchform input {
	margin-top: -1px;
}

.adsense {
    float: right;
    margin: 0 15px 0 0;
    padding: 7px 15px;
}

.tool {
  padding: 5px;
  background-color: #dae3e5;
  margin-bottom: 1px;
}

.tool:hover {
  background-color: #ffc;
}

.toolName {
  color: #c34c15;
  margin-right: 0.2em;
  font-weight: bold;
}

.externalLinks {
  /*float: right;*/
  display: inline;
}

.externalLinks a, .toggleDetails {
  font-size: 85%;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 0 5px;
}

.toggleDetails {
  cursor: pointer;
  color: blue;
}

.externalLinks a:hover, .expandDetails a:hover, .toggleDetails:hover {
  background-color: #eee;
}

.details {
  color: #666;
  margin-bottom: 7px;
}

.details a {
  color: #666;
  text-decoration: underline;
}

.partialDetails {
  height: 1.2em;
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0;
}

.expandDetails {
  display: block;
  float: right;
  position: relative;
}

.detailsGradient {
  position: absolute;
  right: 0;
  display: inline;
  width: 50px;
  left: -50px;
  height: 100%;
}

.partialDetails .detailsGradient {
  background: transparent url(details-gradient.png) repeat-y scroll right center;  
}

.tool:hover .partialDetails .detailsGradient {
  background-image: url(details-gradient-highlight.png);
}

.updatedDate {
  color: #666;
  font-size: 85%;
}

.note a {
  color: #666;
}

.note {
  color: #666;
  font-size: 85%;
  padding: 5px;
}

.article {
  padding: 5px;
  background-color: #dae3e5;
  margin-bottom: 1px;
}

.articleTitle a {
  font-size: 100%;
  color: #c34c15;
  font-weight: bold;
}

h3.articleTitle {
  display: block;
}

.articleBody {
  font-size: 85%;
  color: #666;  
}