#simatic-search a:hover {
  color: #800080;
}

#search-box h2 {
  color: #5c6876;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 6px;
  margin-bottom: 5px;
  letter-spacing: 0.2px;
  font-family: 'Franklin Gothic Medium', 'Franklin Gothic';
  margin-left: -1px;
}

#search-box textarea {
  width: 307px;
  height: 90px;
  margin-bottom: 6px;
  font-family: Arial;
  font-size: 12px;
  padding-left: 12px;
  padding-top: 2px;
}

#search-input {
  width: 310px;
  height: 25px;
  padding-left: 10px;
  margin-bottom: 10px;
  border: none;
}

#search-text-wrapper {
  display: table;
  border-spacing: 0px;
  margin-top: -10px;
  margin-bottom: 20px;
}

#search-box #advanced a {
  color: #5c6876;
  border-bottom: 1px dotted #5c6876;
  vertical-align: bottom;
}

#search-tip {
  margin-top: 10px;
  font-size: 12px;
  margin-left: -2px;
}

#search-button {
  background-image: url(../images/search-button.png);
  background-repeat: no-repeat;
  background-color: #C9CFD4;
  border: none;
  cursor: pointer;
  width: 61px;
  height: 20px;
  float: right;
}

div#simatic-search {
  display: block;
  clear:right;
  border:1px solid #CCCCCC;
  padding: 20px;
  padding-top: 10px;
  background-color: #C9CFD4;
  border: 1px solid #99A2AE;
  border-radius: 2px;
  width: 320px;
  position: relative;
  font-size:10pt;
}

/* search */

.input {
  display: block;
}

.input span {
  display: block;
  position: absolute;
  padding: 5px;
  margin-left: 3px;
  color: #999;
  z-index: 1;
  cursor: text;
}

.input input, .input textarea, .input select {
  z-index: 0;
  padding: 6px;
  margin: 0;
  font: inherit;
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .input input, .input textarea, .input select { padding: 4px; }
}

textarea.search {
  overflow: auto;
  resize: none;        
}

.search-input {
  display: none;
}

div#search-buttons span {
  border-bottom: 1px dotted black;
  display:inline;
  cursor:pointer;
  color: #5C6876;
}

div#search-buttons span:hover {
  border-bottom: 1px dotted rgb(139, 148, 160);
}

div#search-buttons #s-b-left {
  width:220px;
  float:left;
}

div#search-buttons #s-b-left img {
  margin-bottom:-5px;
}

div#search-buttons #s-b-right {
  width:210px;
  float:right;
  clear:right;
  text-align:right;
}

div#search-buttons #s-b-right input {
/*  width: 70px;
  height:25px;*/
}

div.search-description {
  color:#333333;
  font-size:12px;
  margin-top: 45px;
}

#search-description th, 
#simatic-products th {
  padding-right: 10px;
}

#fixedtableheader0 th {
  text-align: left;
}

label.search-input {
  display: none;
}

label.search-textarea {
  display: block;
}

label.search-textarea span {
  display: block;
}

div#textarea-description {  
  display: block;
}

div#input-description {
  display: none;
}

label.search-input input {
  width: 320px;
}

label.search-textarea textarea {
  width: 316px;
}

label.search-textarea span {
  width: 310px;
}

div#simatic-content .products-table {
  background-color: #FFFFFF;
}

div#simatic-search p {
  margin-bottom: 10px;
}

div#simatic-search p.last {
  margin-bottom: 0px;
}

table#search-materials p {
  margin-bottom: 10px;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}
