/*
Contents
============================================================
ComboBox
    Container
    Results
    Navi
    Sub-info
    Select only
    
Simple
============================================================
*/

/**************************************
 Container
**************************************/
.ac_container{
    margin : 0;
    padding-bottom : 0px;
    width : 500px !important;
    background : white;
    border : none;
    position:relative;
    display:block;
}
.ac_input {
    border : 1px solid #CCCCCC;
    background-color : white;
    display : block;
    font-size : 16px;
    margin : 0;
    width : 320px;
    height: 30px;
    float : left;
}
.ac_container_open .ac_input{
    border-radius : 4px 0px 0px 0px !important;
}
.ac_button{
    border : none;
    text-align : center;
    cursor : pointer;
    clear: none;
    padding:0px;
/*    margin-right: 95px;*/
    margin-left:10px;
    float:left;
}
.ac_container_open .ac_button{
    border-bottom-right-radius : 0 !important;
    -moz-border-radius-bottomright : 0 !important;
}
.ac_button img{margin-top:-2px;}

.ac_button .button, .select-button {
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #444243 0%, #292728 100%);
    
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #444243 0%, #292728 100%);
    
    /* Opera */ 
    background-image: -o-linear-gradient(top, #444243 0%, #292728 100%);
    
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444243), color-stop(1, #292728));
    
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #444243 0%, #292728 100%);
    
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #444243 0%, #292728 100%);
    
    top: 16px; left: 0px; ; 
    padding: 8px 15px; 
    font-weight:bold; 
    color: white; 
    font-size: 17px;
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;    
}

/**************************************
 Results
**************************************/
.ac_selected {
    background-color:#def;
    font-weight:bold;
}
.ac_result_area {
    width:318px !important;
    /*background-color : transparent;*/
    margin : 0;
    padding : 0;
    list-style : none;
    position : absolute;
    z-index : 100;
    display : none;
    border : 1px solid #79b;
    border-top : 0;
    
/*  box-shadow : 2px 2px 2px rgba(0,0,0,0.4);*/
/*  -moz-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);*/
/*  -webkit-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);*/
}
.ac_results {
/*    width:200px !important;*/
    background-color : white;
    margin : 0;
    padding : 0;
    list-style : none;
}
.ac_results li{
    margin : 0;
    height : auto !important;
    padding : 3px 5px;
    white-space : nowrap;
    color : #000;
    text-align : left;
    overflow : hidden;
    font-size : 14px;
    font-family: arial;
    line-height : 1;
    position : relative;
}
.ac_over{
    cursor : pointer;
    background-color : #CCCCCC;
}
.ac_match{
    text-decoration : underline;
}
.ac_over .ac_match{
    text-decoration : none;
}

/**************************************
 Navi
**************************************/
.ac_navi{
    background : #eee;
    border-bottom : 1px solid #79b;
    margin : 0;
    padding : 4px;
    text-align : right;
    font-size : 13px;
    font-weight : normal;
    line-height : 1;
}
.ac_navi a : link,
.ac_navi a : visited,
.ac_navi a : hover,
.ac_navi a : active{
    color : blue;
    text-decoration : underline;
    margin : 0px 4px;
    font-weight : normal;
}
.ac_navi p{
    font-size : 15px;
    text-align : center;
    color : black;
    padding-top : 4px;
    margin : 0;
}
.ac_navi .current{
    font-weight : bold;
    font-size : 16px;
    color : #333333;
}
.ac_navi .page_end{
    color : gray;
    margin : 0px 4px;
    font-weight : normal;
}
.navi_page,
.navi_first,
.navi_prev,
.navi_next,
.navi_last{ margin:auto 4px !important; }
.ac_navi .info {
    margin:0px !important;
    padding:0px !important;
}

/**************************************
 Sub-info
**************************************/
.ac_subinfo {
    display:none;
    margin:0px !important;
    padding:0px !important;
}
.ac_subinfo dl{
    display:none;
    z-index : 200;
    border : 1px solid #aaa;
    border-top-right-radius : 4px;
    -moz-border-radius-topright : 4px;
    border-bottom-left-radius : 4px;
    -moz-border-radius-bottomleft : 4px;
    border-bottom-right-radius : 4px;
    -moz-border-radius-bottomright : 4px;
    
    box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    -moz-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow : 2px 2px 2px rgba(0,0,0,0.4);
    width : 260px;
    margin : 0;
    position : absolute;
    background : #eee;
    color : #000;
}
.ac_subinfo dt{
    width : 92px;
    word-wrap:break-word;
    clear : both;
    float : left;
    margin : 0;
    padding : 2px 4px;
    font-size : 13px;
    text-align : left;
    font-weight : normal;
    background : #CEDFF7;
    color : #37486A;
}
.ac_subinfo dt.hide {
    display:none !important;
}
.ac_subinfo dd{
    width : 152px;
    float : left;
    word-wrap:break-word;
    margin : 0;
    padding : 2px 4px;
    font-size : 13px;
}
/**************************************
 Select only
**************************************/
.ac_container .ac_select_ok{}
.ac_container .ac_select_ng{background : #fcc;}

/*=====================================
 Simple
-------------------------------------*/
.ac_s_input {
    border : 1px solid #79b;
    background-color : white;
    display : block !important;
    font-size : 16px;
    padding : 4px;
    margin : 0;
    width : 320px;
    float : left;
    
    border-radius : 4px;

    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;
}
.ac_container_open .ac_s_input{
    border-radius : 4px 4px 0px 0px !important;
}

/*=====================================
 TextArea
-------------------------------------*/
.ac_textarea {
    border : 1px solid #79b;
    background-color : white;
    font-size : 16px;
    padding : 4px;
    margin : 0;
    
    border-radius : 4px;

    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;
}
/*-------------------------------------
 選択してないほうの表示を暗くする
-------------------------------------*/
.ac_results_off {background:rgba(255, 255, 255, 1.0);}
.ac_input_off {
    background: #eee;
    color:#555;
}
.ac_hide {display:none;}