/*
 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";
    }
}