#search-box{ margin:0.7em 0 0.3em 0; }

  

/* sort & filter controls */

#sort,#online,#gender{ position:absolute; top:0px; height:2.6em; font:bold 80% Arial, sans-serif; color:#666; 

  z-index:100; border-top:1px solid #FFF2BF; border-bottom:1px solid #F2BD2F; padding:2 0 3 2px;

  display:inline; cursor:pointer; -moz-box-sizing:border-box; box-sizing:border-box; }

#sort .heading,#online .heading,#gender .heading{ float:left; padding:0.5em 0 0 0.2em; }

#sort img,#online img,#gender img{ border:0; vertical-align:bottom; margin:0.4em 3 0 5px; float:left;}

#sortPD,#onlinePD,#genderPD{ position:absolute; top:2.05em; z-index:60; line-height:1.55em; padding:0 0 0.3em 0.3em;

  display:none; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; background:#FFF2BF;

  border-style:solid; border-width:0 1 1 1; border-color:#000 #333 #333 #CCC; }

#sortPD a,#onlinePD a,#genderPD a{ font:normal 0.75em Arial, serif; height:1.7em; text-decoration:none; margin:0; border:0;}     

#sortPD #spacer, #onlinePD #spacer, #genderPD #spacer{ margin-left:0.75em; }

#sortPD a:hover,#onlinePD a:hover,#genderPD a:hover{text-decoration:underline; border:0; }

#sortPD img, #onlinePD img, #genderPD img{ margin:0px 0px 3px 0; vertical-align:bottom; }



#online{ right:159px; width:5.8em; }

#onlinePD{ right:7.27em; width:7.3em; padding-top:0.3em; }   

#onlinePD img{ margin:0px 3px 3px 1px; vertical-align:bottom; }

  

#gender{ right:80px; width:6.15em; }

#genderPD{ right:3.65em; width:6.3em; }   

#genderPD img{ margin:0px 3px 3px 1px; vertical-align:bottom; }

                 

#sort{ right:-1px; width:6.3em; padding-top:1px; }

#sortPD{ right:0; width:5.03em; }  

#sortPD img{ margin:0px 3px 3px 1px; vertical-align:bottom; }