/*
Below are the visual styles of the WIYN What/Where box.
You can make minor edits to this code in order to make it fit 
the style of your site. We recommend you do not make any changes
to the lower section of code and only minor color and font changes
to the upper code section.

Always test your changes before deploying. We can help with custom edits
to this code for special cases.

*/

/* ======= Edit these style for your site ==========*/

/*overall control properties */
.wiynBox  
{
   font-size:12px;
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   border-bottom: 3px #dddde0 solid;
   border-top: 3px #dddde0 solid;
   text-align:left;
   
}

/*text box properties */
#wiyn_whatSearchBox #wiyn_tb_what,#wiyn_whereSearchBox #wiyn_tb_where 
{
    width:200px;/*width of the text boxes for both what and where*/
}

/* what text box font size*/
#wiyn_whatSearchBox input 
{
 font-size:11px;
}

/* where text box font size*/
#wiyn_whereSearchBox input
{
 font-size:11px;
}

/*drop box properties*/
.wiyn_drop 
{
    background-color:#fcfcfc;
    border: solid 1px #0f0f0f;
    
}

/*drop box header properties */
.wiyn_dropHeader 
{
    background-color:#0000aa;
    color:#ffffff;
    font-weight:bold;
  
}

/*Category drop box letter accross the top*/
.wiyn_what_letters
{
    color:#222222;
    background-color:#dddddd;
}

/*Category drop box listing text*/
.wiyn_what_category
{
    color:#222222;
    background-color:#ffffff;
}

/*Location Drop box book text*/
.wiyn_where_book
{
  
    font-weight:bold;
    color:#222222;
    background-color:#ffffff;
    
}

/*Location Drop box neighborhood listing text*/
.wiyn_where_NH
{
    color:#222222;
    background-color:#ffffff;
}

/*Auto suggest boxes general*/
.wiyn_Suggestions
{
    border: 1px solid black;
    background-color:#ffffff;
}

/*Auto Suggestions highlighted*/
.wiyn_Suggestions div.current {
    background-color: #3366cc;
    color: white;
}

/*Auto Suggestions dividers*/
div .wiyn_getDivide{

 border-top:solid 1px #222222;
 border-bottom:solid 1px #222222;
 background-color:#e0e0e0;

}

/*======================================================*/
/* ======= please do NOT edit below this line ==========*/
/*======================================================*/


#wiynBox
{
    padding:2px 0 2px 0; 
    position:relative; 
    z-index:200; 
    float:center;
    margin:auto;
    width:525px;
}
    
#wiyn_whatBox
{
    position:relative; 
    float:left;
    margin:5px 0 5px 0;
}


#wiyn_whatTitle
{
    position:relative;  
    padding:0;
    margin:0; 
    font-size:12px;
    font-weight:bold;
       
}
#wiyn_whatSearchBox
{
    position:relative; 
   
}
#wiyn_whatBottom
{
    position:relative;  
    font-size:11px; 
}
        
#wiyn_whereBox
{
    position:relative; 
    float:left;
    margin:5px 0 5px 10px;
}

#wiyn_whereTitle
{
    position:relative;
    font-size:12px;
    font-weight:bold;
}
#wiyn_whereSearchBox
{
    position:relative;   
}

#wiyn_whereBottom
{
    position:relative;
    font-size:11px;
}   
 
#wiyn_whatSearchBox #wiyn_tb_what,#wiyn_whereSearchBox #wiyn_tb_where /*text box properties */
{
    padding:1px 0 0 2px;
    margin:0;
    position:relative;   
}

#wiyn_btnSearch
{
    float:left;
    margin:16px 0 3px 3px;
    margin-top:16px;
    
}
#wiyn_what_drop /*what drop box properties */
{
    position:absolute;
    width:486px;
    visibility:hidden;
    
}
#wiyn_where_drop /*what drop box properties */
{
    position:absolute;
    width:380px;
    visibility:hidden;
    
}

#wiynBox .wiyn_drop /*general drop box properties */
{
    padding:0;
    margin:0;  
    z-index:300;  
    top:0;
    left:0;
}

.wiyn_dropHeader
{
    position:relative;
    padding:3px;
    margin:0; 
}

.wiyn_headerTitle
{
    position:relative; 
    float:left;
}

.wiyn_headerClose
{
    position:relative; 
    float:right;
}

.wiyn_headerCloseBtn
{
    position:relative; 
    float:left;
    cursor:pointer;
}

#wiyn_what_alpha
{
    position:relative;
    margin:0;
}
.wiyn_what_letters
{
    text-transform:uppercase;
    margin:0;
    float:left;
    padding:2px 0;
    margin:0;
    width:18px;
    height:18px;
    text-align:center;  
    cursor:pointer;  
    font-size:11px;
}

#wiyn_whereLink
{
    position:relative;   
}

.wiyn_content_scroll
{
    position:relative;
    margin:0;
    padding:0;
    overflow:scroll;
    height:300px;
    
}

#wiyn_what_content
{
    position:relative;
    padding:5px 10px 3px 5px;
}

#wiyn_what_content .wiyn_letter_head
{
    position:relative;
    margin:15px 0px 10px 5px; 
    text-transform:uppercase;
    font-size:20px;
}


.wiyn_what_category
{
    position:relative;
    margin:0;
    height:19px;
    cursor:pointer; 
}
#wiyn_where_books
{
     position:relative;
     margin:0;
     padding:20px 0 20px 0;
    
}
.wiyn_where_book_row
{
    position:relative;
    margin:0 0 0 0;
    padding:0;
    
}
.wiyn_where_filter
{
    position:relative;
    float:left;
    width:10px;
    text-align:center;
    
    
}
.wiyn_where_book
{
    position:relative;
    float:left;
    height:19px;
    cursor:pointer;  
    font-size:14px;
    
}

#wiyn_where_content
{
    position:relative;
    padding-bottom:30px;
    
}

#wiyn_where_content_left
{
    position:relative;
    float:left;
    padding-left:10px;
    width:170px;
    
}

#wiyn_where_content_right
{
    position:relative;
    float:right;
    padding-right:10px;
    width:160px;
    
}
.wiyn_where_NH
{
    position:relative;
    height:16px;
    cursor:pointer; 
}


.wiyn_Suggestions
{
    position: absolute;   
    padding:0 0 15px 0;
    top:0;
    left:0;
    visibility:hidden; 
    z-index:300;
}

.wiyn_Suggestions div {
    cursor: default;
    padding:1px 5px;
    position: relative; 
}

.wiyn_Suggestions div.current {
    background-color: #3366cc;
    color: white;
}
div .wiyn_getDivide{
    margin-top:12px;
}