/*for Webkit*/
::-webkit-input-placeholder {
    color:    #a9a9a9;
}
/*for Firefox*/
::-moz-placeholder {
    color:    #454545;
}
/*for IE10+*/
:-ms-input-placeholder {
    color:    #a9a9a9;
}
/*for IE*/
input.placeholder {
    color:    #a9a9a9;
}
/**************************************
 Container
**************************************/
.direct_container{
    background: none repeat scroll 0 0 white;
    border: medium none;
    margin: 0;
    padding: 0;
    position: absolute;
}
.direct_input {
    border: 1px solid #79b;
    border-right: none;
    background-color: white;
    display: block !important;
    font-size: 16px;
    padding: 4px;
    margin: 0;
    width: 320px;
    float: left;
    border-radius: 4px 0px 0px 4px;
    box-shadow:         1px 1px 1px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:    1px 1px 1px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}
.direct_container_open .direct_input{
    border-radius : 4px 0px 0px 0px !important;
}
/**************************************
 Results
**************************************/
.direct_result_area {
    padding : 0;
    list-style : none;
    position : absolute;
    z-index : 100;
    display : none;
    border : 1px solid #95a1ac;
  border-radius: 0 0 3px 3px;
    border-top : 0;
    box-shadow :         0 2px 0 rgba(0,0,0,0.1);
    -moz-box-shadow :    0 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow : 0 2px 0 rgba(0,0,0,0.1);
}
.direct_results {
    margin : 0;
    list-style : none;
    background-color : white;
  border-radius: 0 0 3px 3px;
  border-top: 1px solid #333;
  top: -1px;
  position: relative;
}
#sogo_main .direct_results:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  border-left: 1px dotted #ccc;
  position: absolute;
  left: 50%;
  top: 0;
}
#sogo_main .direct_results li {
  width: 231px;
}
.direct_results li{
    margin : 0;
    height : auto !important;
    white-space : nowrap;
    color : #000;
    text-align : left;
    overflow : hidden;
    font-size : 14px;
    line-height : 1;
    position : relative;
  display: inline-block;
  width: 174px;
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.direct_results li:hover {
  background: #fffddb;
}
#sogo_main .direct_results.alert li {
    width: 482px;
    cursor: default;
}
#sogo_main .direct_results.alert:after {
    content: none;
}
#sogo_main .direct_results.alert li:hover {
    background: none;
}
.direct_selected {
    background-color:#def;
    font-weight:bold;
}

.direct_results_off {
    background:rgba(255, 255, 255, 0.8);
}
.direct_input_off {
    background: #eee;
    color:#555;
}
.direct_hide {
    display:none;
}
/**************************************
 Simple
**************************************/
#direct_suggest {
    border: 1px solid #002f61;
    border-radius: 3px;
    background: #fff;
    padding: 0 0 0 8px;
    font-size: 14px;
    width: 187px;
    height: 30px;
    float: left;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
    margin: 9px 9px 0;
}
.direct_s_input {
    border: 1px solid #002f61;
    border-radius: 3px;
    background: #fff;
    padding: 0 0 0 8px;
    font-size: 14px;
    width: 187px;
    height: 30px;
    float: left;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
}
.direct_container_open .direct_s_input{
    border-radius: 4px 4px 0px 0px !important;
}
/*** tsukin ***/
ul.tsukin_results {
  position         : absolute;
  border           : 1px solid #79b;
  background-color : white;
  margin           : 0;
  padding          : 0;
  list-style       : none;
  display          : none;
  z-index          : 1000;
}
ul.tsukin_results li {
  border           : 0px solid #79b;
  margin           : 0;
  height           : auto !important;
  padding          : 3px 5px;
  white-space      : nowrap;
  color            : #333333;
  text-align       : left;
  overflow         : hidden;
  font-size        : 14px;
  line-height      : 1;
  position         : relative;
}
ul.tsukin_results li.tsukin_over {
  cursor           : pointer;
  background-color : #454545;
  color            : #fff !important;
  text-decoration  : none;
}
ul.tsukin_results li{
  width            : 92%;
  float            : none;
  border-radius    : 4px;
}
ul.tsukin_results li span{
 font-size  :  10.5px !important;
}