/* FILTERBAR */


/* Dimensions */
#filterBar { width:760px; height:20px; position:relative; padding-bottom:4px; z-index:500;}
#filterBar .optionwrapper { overflow:auto; }
#filterBar .optionwrapper, .optionAll { width: 192px; }
#filterBar .optionAll { height: 20px; }
#filterBar .filterButton { width: 147px; }

/* styles */

#filterBar #filterBarHead { background: url('../images/filterBarHead.jpg') no-repeat top left; height:4px; width:755px;  top:0px; left:0px; z-index:1;}
#filterBar .filterBarBG { background: url('../images/filterBarBody.jpg') repeat-y top left; padding-left:4px; padding-top:0px; }
#filterBar #filterBarFooter { background: url('../images/filterBarFooter.jpg') no-repeat bottom left; height:8px; width:755px; bottom:0px; left:0px; z-index:1 !important; }

#filterBar .divider { height:1px !important; border-bottom:1px dotted #000; margin:2px 0px; cursor:auto; }
#filterBar .divider:hover { background:#fff; }

#filterBar .optionwrapper { border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px solid #acacac; }

#filterBar a { text-decoration:none; color:#000; font-family:arial; font-size:12px; }


#filterBar .filterButton,
#filterBar .optionAll, 
#filterBar .theOtherOptions ul li { cursor:pointer; }

#filterBar .optionAll { border-left: 1px solid #acacac; border-right: 1px solid #acacac; border-bottom: 1px dotted #000; }
    
/* #filterBar .filterButton { background:url('../images/arrow_sub-open.gif') no-repeat 133px 12px #fff; position:relative;  } */
#filterBar .filterButtonA { background:url('../images/arrow_sub-open.gif') no-repeat 133px 6px; position:relative;  }

#filterBar .filterButton:hover { background:url('../images/filterBarLinkHover.jpg') repeat-x left top #fff; position:relative;  }
#filterBar .firstFilterButton { border-left:none; }
#filterBar .lastFilterButton { background:url('../images/arrow_sub-open.gif') no-repeat 157px 12px; width: 168px;  }
#filterBar .filterButton a { padding-left:10px; }

#filterBar .filterButton a.filterButtonA, #filterBar .filterButton a.filterButtonAActive { font-weight:bold; display:block; }
#filterBar .filterButton a { white-space:nowrap; overflow:hidden;}

#filterBar .filterButton a.filterButtonAActive, #filterBar .filterButtonActive { background: url('../images/filterBarLinkHover.jpg') repeat-x !important; }

.current_page_item { 
    background:url('../images/pager_bg.jpg') no-repeat top left;
}

#filterBarPager_abs .current, #filterBarPager_rel .current,  
#footerPager .current { font-weight:bold;}
#filterBarPager_abs .arrows_right, #filterBarPager_rel .arrows_right {  
        -moz-border-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px;
        -webkit-border-radius: 5px; 
        -webkit-border-top-left-radius:0px;
        -webkit-border-bottom-right-radius:0px;
        -webkit-border-bottom-left-radius:0px;
    }
#filterBarPager_abs .arrows_left, #filterBarPager_rel .arrows_left { 
        -moz-border-radius: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; 
        -webkit-border-radius: 5px; 
        -webkit-border-top-right-radius:0px;
        -webkit-border-bottom-right-radius:0px;
        -webkit-border-bottom-left-radius:0px;                
    }

#filterBarPager_abs ol li, #filterBarPager_rel ol li, 
#footerPager ol li{ border:1px solid #acacac; padding:4px; margin-left:2px; height: 15px; display:inline-block;}

#filterBarPager_abs ol li a, #filterBarPager_rel ol li a, 
#footerPager ol li a, {  text-decoration:none; }

#filterBarPager_abs { height:21px; padding:6px 0px; position:absolute; top:-37px; right:0px;}
.footerPager #filterBarPager_abs { top:0px; }
#filterBarPager_rel { text-align: right; margin: 5px 0; }

    /* styles - colors */
    #filterBar .theOtherOptions ul li { background:#FFF; }
    
    #filterBar .optionAll, 
    .theOtherOptions ul li,
    .theOtherOptions ul li a { height:26px; white-space:nowrap; }
    .theOtherOptions ul li a, #filterBar .optionAll { padding:5px 0px;  }
                
    #filterBar .optionAll:hover, 
    .theOtherOptions ul li:hover,
    #filterBar .optionAll a:hover, 
    .theOtherOptions ul li a:hover { background: url('../images/filterBarLinkHover.jpg') repeat-x #fff; }
    
    /*#filterBar .filterwrapper { background:#FFF; }*/
    #filterBar .optionwrapper, #filterBar .optionAll { background:#FFF; }
    
/* layout */

#filterBar .optionwrapper,
#filterBar > .filterButton:hover > .optionwrapper,
#filterBar .filterButton,
#filterBar .optionAll a,
#filterBar .filterwrapper:hover,
#filterBar .theOtherOptions ul li a { display:block; }

#filterBar .filterButton { float:left; /*margin-top:-2px; margin-left:-1px;*/ height:20px; border:1px solid #acacac; padding-top:5px; border-top:0px; border-left:0px; }

#filterBar .filterwrapper { position:absolute; top:0px; left:-1px; padding-top:32px; background:# !important; z-index:450; display:none !important; margin-top:-7px;  }

#filterbar > .filterButton:hover > .optionwrapper { position:absolute;  }

#filterBar .theOtherOptions ul, 
#filterBar .theOtherOptions ul li { margin:0px; padding:0px; }

#filterBar .filterButton:hover .filterwrapper, #filterBar .over .filterwrapper { display:block !important; }

#filterBar .hoverFilterBar .filterwrapper {display:block;}
.hoverFilterBar, .hoverFilterBar .filterwrapperZ, .hoverFilterBar .filterwrapperZ .optionwrapper, .hoverFilterBar .filterwrapperZ .optionwrapper .theOtherOptions, .hoverFilterBar .filterwrapperZ .optionwrapper .theOtherOptions ul li  { z-index:800 !important; }
#filterBar .filterwrapperZ { position:relative; z-index:1000;}