/*----------------------------------------------------------------------------*/
/*  Style Sheet for the search interface                                      */
/*                                                                            */
/*----------------------------------------------------------------------------*/

#selectedPartsList{
  position:relative;
  z-index: 100;
  margin-bottom: 10px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 9pt;
}

#searchControls
{
  text-align: left;
}

#searchControls fieldset{
  border: none;
  padding: 3px 3px 3px 5px;
  margin: -10px 0 0 0;
  border-left: 1px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
}

#searchControlButton
{
  width: 120px;
  padding-left: 2px;
  text-align: center;
  border-left: 1px solid #3f3f3f;
  border-right: 1px solid #3f3f3f;
  border-bottom: 1px solid #3f3f3f;
  cursor: pointer;
}

div#formPanel {
  padding: 8px;
  border: 1px solid black;
}

.selPartEntry{ width:100%; padding: 3px 0 3px 0; margin-bottom:3px; float:left; /*background-color: #333333; border: 1px solid #3f3f3f;*/ }

.selPartLabel{ float:right; padding-top:7px; text-align: left; width: 48%; font-size: 0.8em;}

.selPartControls{ float: left; }

.searchFormElem{ font-size: 12px; border: 1px #666666 solid; }

#searchButton{
/*  width: 215px;
  float: right;
  margin-right: 45px;*/
}

.searchText{
  font: normal 14pt Arial, Sans-Serif;
  color: #757575;
  width: 223px;
  margin: 0 0 18px 0;
  border: 1px solid #757575;
}

.searchSelect{
  font: normal 14pt Arial, Sans-Serif;
  color: #757575;
  width: 225px;
  margin: 0 0 18px 0;
  border: 1px solid #757575;
  background-color: #fff;
}

.activeField{
  color: #000;
}
/*
.greenSearchButton {
  background: #7dbf3f;
  background-image: -webkit-linear-gradient(top, #7dbf3f, #659c27);
  background-image: -moz-linear-gradient(top, #7dbf3f, #659c27);
  background-image: -ms-linear-gradient(top, #7dbf3f, #659c27);
  background-image: -o-linear-gradient(top, #7dbf3f, #659c27);
  background-image: linear-gradient(to bottom, #7dbf3f, #659c27);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 6px;
  text-shadow: 1px 1px 1px #b3b3b3;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 6px 15px 6px 15px;
  text-decoration: none;
}

.greenSearchButton:hover {
  background: #8fc24b;
  text-decoration: none;
}

.greenSearchButton {
    margin-top: -20px;
    cursor:pointer;
    width:100%;
    border:none;
    font-weight: bold;
}
*/

.greenSearchButton {
    margin-top: -20px;
    width: 100%;
    font: normal 1.2em 'Arial Black';
    padding: 5px;
    background-color: #83cc3f;
    border: 1px solid #324034;
    color: #324034;
    cursor: pointer;
}

.remButton{
  font: normal 1.0em 'Arial Black';
  padding: 3px;
  background-color: #ff8a90;
  border: 1px solid #4e0003;
  color: #4e0003;
  cursor:pointer;
}

.chngButton{
  font: normal 1.0em 'Arial Black';
  padding: 3px;
  background-color: #83cc3f;
  border: 1px solid #324034;
  color: #324034;
  cursor:pointer;
}

/*--[ Search Tip Box ]--------------------------------------------------------*/
.tipContainer{position:relative;}

#searchTipPanel{
     position: absolute;
    top: -50px;
    left: 0px;
    width: 210px; 
    z-index: 100;
  visibility: hidden;
  opacity: 0;
}
#searchTipBox{
  float: left;
  padding: 10px;
  font-size: 0.8em;
  width: 200px;
  background-color: #d7d7d7;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color:#000;
  position: relative;
  left: -3px;
}
#searchTipArrow{
    float: left;
    margin-top: 75px;
    border-bottom: 10px solid #d7d7d7;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

/*--[ Arrow animation ]-------------------------------------------------------*/
.triangle{
  display: inline-block;
  color: #83cc3f;
  border-right: 10px solid;
  border-bottom: 10px solid;
  width: 15px; height: 15px;
  transform: rotate(-45deg);
  -webkit-transform: rotate( -45deg );
  -moz-transform: rotate( -45deg );
  opacity: 0;
}

ul.arrow{
  list-style-type:none;
  visibility: hidden;
  padding:0;
  margin:0;
}

ul.arrow li.point{
  float:left;
  margin-top:-8px;
  border-left: 20px solid #83cc3f;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

ul.arrow li.bolt{
  float:left;
  height:21px;
  width: 80px;
  background-color: #83cc3f;
  margin-top:1px;
}

/* aadel - 2016-12-12 changed margin left to 20px from 35px to avoid ipad air run off */
.arrowPanel{
  position:relative;
  display:table;
  width: 100px;
  margin: 0 0 7px 20px;
}

ul.arrowAnim{
  height: 26px;
  width: 100px;
  padding:0;
  margin:0 0 18px 0;
  list-style-type: none;
}

ul.arrowAnim li{
  margin: 0 0 18px 0;
}

.arrowPanel .stepOverlay{
  position:absolute;
  font: normal 1.3em Arial;
  color: #fff;
  top:0;
  left:2px;
}

.active .stepOverlay{ color: #000; font-weight: bold; }

.active ul.arrow{ visibility: visible                      !important; }
.inactive .arrowAnim{ visibility: hidden; }

/* addition- aadel - 2016-12-13 */
#liveSearchForm .right.panel input, 
#liveSearchForm .right.panel select {
    height: 26px;    
}

/* addition - aadel - 2017-01-12 - mozilla's faded placeholder fix for the zipcode text input*/
::-moz-placeholder {
  opacity: 1;
}