/* OEM Schematic Picker */

/* Assembly tabs */

.AssyTabs
{
    left: 1px;
    position: relative;
    width: 150px;
}

.AssyTab
{
    background-color: #f8f8f8;
    background-image: url(/img/tabs/assytab_off.gif);
    background-repeat: no-repeat;
    font-size: 11px;
    cursor: pointer;
    height: 18px;
    width: 150px;
}

.AssyTab span
{
    color: #336699;
    padding-left: 8px;
    position: relative;
    top: 2px;
}

.AssyTabBottom
{
    background-image: url(/img/tabs/assytab_bottom.gif);
    background-repeat: no-repeat;
    height: 1px;
    width: 150px;
}

/* Schematic Picker */

.SchPick
{
    padding: 4px 10px 20px 0px;
}

.SchPickSearchL
{
    text-align: left;
    vertical-align: middle;
    width: 265px;                       /* Keeps the left table cell from expanding. */
}
.SchPickSearchL span
{
    font-weight: bold;
    position: relative;
    top: -1px;
}
.SchPickSearchR
{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.SchPickSearchR a
{
    margin-left: 10px;
    font-size: 11px;
    font-weight: normal;
}

.SchPickBox
{
    background-color: #ffffff;
    border: 1px solid #666666;
    font-size: 11px;
    overflow: auto;
    padding-left: 10px;         /* To help center the thumbnails in the box. Counts with width for 500px. */
    padding-top: 0px;
    padding-bottom: 20px;       /* To get scrollbar down a little. IE counts the scrollbar, FF does not. */
    width: 490px;
}

.SchPickBox td
{
    text-align: center;
    vertical-align: top;
}

/* Margins and paddings set up exact multiples of 7 tabs per row.
   margin bottom doesn't work for IE7, perhaps due to the float, so use the padding bottom instead. */
.SchPickItem
{
    float: left;
    margin: 12px 2px 0px 2px;
    padding: 5px 3px 10px 3px;
    text-align: center;
    width: 140px;
}

.SchPickImgBtn
{
    background-color: #ffffff;      /* Color and padding keep the image in place when bigger border hovers. */
    border: 1px solid #336699;
    height: 72px;
    margin-left: 7px;               /* HACK: Can't get image to center in IE7/FF, so just push it over. Close enough in IE6. */
    padding: 2px;
    width: 120px;
}
.SchPickImgBtnOn
{
    background-color: #ffffff;
    border: 3px solid #ffb541;      /* A lighter orange than the regular one. */
    height: 72px;
    margin-left: 7px;
    padding: 0px;
    width: 120px;
}
.SchPickImgBtnOver
{
    background-color: #ffffff;
    border: 3px solid #ff9900;
    height: 72px;
    margin-left: 7px;
    padding: 0px;
    width: 120px;
}

.SchPickResults
{
    margin-top: 6px;
    margin-left: 8px;           /* Shortens the orange line under the image. width wouldn't center this div. */
    margin-right: 8px;
    text-align: left;
}
.SchPickResults span
{
    font-size: 10px;
    margin-left: 4px;           /* Just come in from the line. */
    margin-right: 4px;
}
.SchPickResults div
{
    border-bottom: 1px solid #ff9900;
    font-weight: bold;
}
.SchPickResults div span
{
    font-size: 11px;
    margin-left: 4px;           /* Just come in from the line. */
}

.SchPickExpand
{
    text-align: right;
    width: 500px;
}
.SchPickPlusMinus
{
    border: 0px;
    height: 11px;
    margin-right: 2px;
    vertical-align: middle; 
    width: 11px;
}

.SchPickSearchValidator
{
  font-weight: bold;
}


/* Schematic image trail */

.SchImageTrail
{
    background-image: url(/img/ImageCalloutSch.gif);
    background-repeat: no-repeat;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    height: 250px;
    padding-top: 16px;
    width: 420px;
}
.SchImageTrail img
{
    position: relative;
    top: 2px;
    left: 8px;
}

/* Help link and image
    Move it up above the expand link. */
.HelpButton
{
    position: relative;
    top: -4px;
}