/*
 Copyright RLE International 2013
 Project WebETM SVG
 */
/* 
    Created on : 25.11.2013, 10:55:16
    Author     : arudnik
*/

/* ========================================================================== */


.searchDiagramLink:link { color:black;}
.searchDiagramLink:visited { color:black;}
.searchDiagramLink:active { color:#59DDFF;}
.searchDiagramLink:hover { color:#59DDFF;}

#searchControls {
  z-index:106;
  vertical-align: middle;
  padding-left: 27px;
  padding-top: 1px;
}
#searchForm form {
  margin-left: 6px;
}

#searchForm input{
  margin-right: 6px;
  margin-top: 2px;
  font-size: 0.9em;
  height: 15px;
}


.searchButton-C:before {
  content: "Search for a Components by Name / Number";
  padding-left:10px;
  margin-right: 20px;
  cursor: pointer;
  color: white;
  font-size: 0.9em;
  text-decoration: none;
  background: url(../images/pfeil_r.png) no-repeat 0 50%;
}

.searchButton-D:before {
  content: "Search for a Diagram by Title / Validity";
  margin-right: 20px;
  cursor: pointer;
  color: white;
  font-size: 0.9em;
  text-decoration: none;
  padding-left:10px;
  background: url(../images/pfeil_r.png) no-repeat 0 50%;
}

.searchButton-C:hover{
  color:#59DDFF;
}

.searchButton-D:hover{
  color:#59DDFF;
}

.searchButton-C{
  cursor: pointer;
  color: white;
}

.searchButton-D{
  cursor: pointer;
  color: white;
}

.searchButton img {
  margin-right:8px;
}

#searchContainer {
  z-index:109;
  margin: auto;
  max-width: 950px;
}

.searchtable .tab-line-header {
  background-color: #dddddd;
  height: 2px;
}

.searchtable .left {
  text-align: left;
}

.searchtable .right {
  text-align: right;
}

.searchtable .tab-line-header td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.searchtable .tab-line {
  background-color: #333333;
  height: 2px;
}

.searchtable .tab-line td{
  padding-top: 0px;
  padding-bottom: 0px;
}

.searchtable {
  width: 100%;
}


.searchtable .sC1 {
  padding-left: 10px;
  width:70px;
}

.searchtable .sC1 .sLocatorLink a {
  font-weight: bold;
}

.searchtable .sC2 {
  width: auto; /*  width auto adjusts*/
}

.searchtable .sC3 {
  width:10px;
}

.searchtable .sC4 {
  width:130px;
  cursor: pointer;
  text-decoration: underline;
}

.searchtable .sC5 {
  width:330px;
}

.searchtable .col1 {
  padding-left: 10px;
  width: 10px;
}

.searchtable .col2 {
  width: 125px;
  text-decoration: none;
}

.searchtable .col2 a {
  /*text-decoration: none;*/
}

.searchtable .col3 {
/*  width auto adjusts*/
}

.searchtable .col4 {
  width: 200px;
}

.searchtable .col5 {
  width: 70px;
}

.searchtable .col6 {
  width: 15px;
}


@media screen and (max-width: 780px) { 

#searchControls {
  float:right;
}

.searchButton-C:before {
  content: "Component";
}

.searchButton-D:before {
  content: "Diagram";
}
}