.generic-list { width:675px; margin-left:16px; }



/*  COMMON LISTING STYLES */


.listfilter 
{
    background:#d2d2d2;
    padding:8px 15px;
}
    .filter-dropdown { margin-left:1em; }
    #content .filterbutton 
    {
        display:block; height:35px; width:111px; background:url(/imgs/pet-listings/btn_filter-pets.png) transparent no-repeat;
        border:none; overflow:hidden; text-indent:-999px; float:right; margin:14px 0 25px 0;
    }
        #content .filterbutton:hover, #content .btn-filter-opportunities:hover { background-position:0px -35px; }
    
    #content .btn-filter-opportunities 
    {
        display:block; height:35px; width:189px; background:url(/imgs/btn-filter-opportunities.png) transparent no-repeat;
        border:none; overflow:hidden; text-indent:-999px; float:right; margin:14px 0 25px 0; vertical-align: bottom;
    }
    
.morelink { display:block; text-decoration:none; color:#333333; }
    .morelink:hover { background:#efefef; color:#333333; }
    /* .morelink span 
    {
      position:absolute; 
      width:100%;
      height:100%;
      top:0;
      left: 0;
      z-index: 1;
    }  */
.petheader, .volunteerheader, .jobsheader, .multiheader
{
    width:600px;
    overflow:hidden;
}
    .petheader div, .petlistitem div, .volunteerlistitem div, .multiheader div, .multilistitem div { float:left; }
    .petheader .col1 { width:131px; font-size:20px; color:#4a4a4a;}
    .petheader .col2, .petlistitem .col2 { width:119px;}
    .petheader .col3, .petlistitem .col3 { width:183px;}
    .petheader .col4, .petlistitem .col4 { width:149px;}
    .petheader .col2, .petheader .col3, .petheader .col4, .multiheader .col2, .multiheader .col3, .multiwrapper-details .service { color:#939393; font-size:16px; padding-top:2px;}
    
.petwrapper, .volunteerwrapper, .jobswrapper, .multiwrapper { background:url(/imgs/bg-detailcontent.png) no-repeat top; }

    
.petlistitem, .volunteerlistitem, .joblistitem, .multilistitem
{
    width:678px;
    overflow:hidden;
    padding:11px 11px 20px 17px;
    position:relative;
    background:url(/imgs/list-divider.png) transparent no-repeat 17px bottom;
}
.petlistitem
{
    background:url(/imgs/list-divider-orange.png) transparent no-repeat 17px bottom;
}

    .petlistitem:hover, .volunteerlistitem:hover, .joblistitem:hover, .multilistitem:hover { background:url(/imgs/list-divider-over.png) #efefef no-repeat 17px bottom; }
    .petlistitem:hover { background:url(/imgs/list-divider-orange-over.png) #efefef no-repeat 17px bottom; }
    .petlistitem .col1, .volunteerlistitem .col1 { width:114px; }
    .petlistitem .col2, .petlistitem .col3 { font-weight:bold; }
    .petlistitem a, .multilistitem { color:#333333; text-decoration:none; }
    
.go-back 
{
    display:block; color:#269389; text-transform:uppercase; float:right;
    background:url(/imgs/backarrow.png) no-repeat bottom left; padding:13px 0 0 32px; margin-top:-13px; text-decoration:none;
}   
    
    
/* PETS DETAILS PAGE */

.featured-listing { overflow:hidden; text-align:center; width:100%;padding-top:13px;}
.featured-listing a { color:#EF8700; text-transform:uppercase; text-decoration:none;}
    .featured-listing a:hover { text-decoration:underline; }
.featured-listing #prev { float:left; display:block; background:url(/imgs/backarrow-orange.png) no-repeat bottom left; padding:13px 0 0 32px; margin-top:-13px;  }
.featured-listing #next { float:right; display:block; background:url(/imgs/nextarrow-orange.png) no-repeat bottom right; padding:13px 32px 0 0; margin-top:-13px;}
.featured-listing:hover #prev {  background:url(/imgs/backarrow-orange-over.png) no-repeat bottom left;  }
.featured-listing:hover #next { background:url(/imgs/nextarrow-orange-over.png) no-repeat bottom right; }

.featured-listing .prevItem { float:left; display:block; background:url(/imgs/backarrow-orange.png) no-repeat bottom left; padding:13px 0 0 32px; margin-top:-13px;  }
.featured-listing .nextItem { float:right; display:block; background:url(/imgs/nextarrow-orange.png) no-repeat bottom right; padding:13px 32px 0 0; margin-top:-13px;}
.featured-listing:hover .prevItem {  background:url(/imgs/backarrow-orange-over.png) no-repeat bottom left;  }
.featured-listing:hover .nextItem{ background:url(/imgs/nextarrow-orange-over.png) no-repeat bottom right; }


#petpanes .wrapper, .jobswrapper-details, .volunteerwrapper-details, .multiwrapper-details { margin-top:20px; width:592px; padding:34px 78px 25px 36px; background:url(/imgs/bg-detailcontent.png) transparent no-repeat top left; overflow:hidden;}
    #petpanes h2 { color:#333333; }
    #petpanes .photo { float:left; width:234px; padding-right:39px; }
    #petpanes .content { float:left; width:319px; }
        #petpanes .sf_genericContent { line-height:20px; }
    .adoption { margin:30px 0; overflow:hidden;}
    .adoption .apply, .adoption .share { float:left; }
    .btn-adoption-form { display:block; height:1px; padding-top:34px; width:152px; text-indent:-999px; margin-right:25px;
                         background:url(/imgs/pet-listings/btn_adoption-form.png) transparent no-repeat 0px 0px !important;
    }
        .btn-adoption-form:hover { background-position:0 -35px; }
        
        
    #petpanes .disclaimer { font-size:10px; }
    
    
/* VOLUNTEERS LISTINGS */

.volunteerlistitem { color:#333333; }
.volunteerwrapper a { text-decoration:none; }
.volunteerwrapper .name { font-weight:bold; display:block; }
.volunteerwrapper-details h2, .jobswrapper-details h2, .multiwrapper-details h2 { color:#333333; }



/*  JOBS LISTINGS */


.joblistitem { line-height:20px; }
    .joblistitem .jobstatus { margin-left:8px; padding-left:12px; background-repeat:no-repeat; background-position:left; color:#7d7d7d; font-size:11px; text-transform:uppercase; }
    .jobswrapper-details .jobstatus { margin-right:15px; padding-left:12px; background-repeat:no-repeat; background-position:left; font-size:11px; text-transform:uppercase; }
    
    .joblistitem .open, .jobmeta .open { background-image:url(/imgs/job-status/open.png); }
    .joblistitem .closed, .jobmeta .closed { background-image:url(/imgs/job-status/closed.png); }
    .joblistitem .cancelled, .jobmeta .cancelled { background-image:url(/imgs/job-status/cancelled.png); }
    .joblistitem .filled, .jobmeta .filled { background-image:url(/imgs/job-status/filled.png); }
    .joblistitem .onhold, .jobmeta .onhold { background-image:url(/imgs/job-status/onhold.png); }
    .joblistitem .shortlisted, .jobmeta .shortlisted { background-image:url(/imgs/job-status/shortlisted.png); }
    
    .jobdesc { margin:0.75em 0; }
    
    
    .jobcategory, .jobmeta { color:#959595; }
    .jobmeta {font-size:11px; }
    
    
    
    
/* MULTI LISTINGS */
    .multiheader .col1 { width:143px; font-size:20px; color:#4a4a4a;}
    .multilistitem .col1 { width:126px; }
    .multiheader .col2, .multilistitem .col2 { width:175px;}
    .multiheader .col3, .multilistitem .col3 { width:275px;}
    
    
.multilistitem .col2 .name, .multilistitem .col2 .phone { display:block; }
.multicultural .chk-all-events-wrap { float:none; }

.multiwrapper-details { overflow:hidden; margin-top:20px; }
/* .multiwrapper-details .service { float:right; } */
.multiwrapper-details .left, .multiwrapper-details .right { line-height:20px; float:left; overflow:hidden; margin-top:1em; }
.multiwrapper-details .left { margin-right:50px; width:285px; }
.multiwrapper-details .right { width:250px; }
.multiwrapper-details #map_canvas { margin:1em 0 2em 0; }
.multiwrapper-details .contentimage { margin-top:1em; }

.multicultural .checkboxlist label { width:300px; font-size:12px; }


/* PARK FINDER */

.parkWrap .pbt .dropdownstyle, .parkWrap .pbt .popupBody { background-color:#306da5; color:#ffffff; }
.parkWrap .pbt .dropdownstyle .event-type, .parkWrap .pbt2 .dropdownstyle .event-type, #content .parkWrap .pbt .dropdownstyle .span, .parkWrap .popupBody { color:#ffffff; }
.parkWrap .pbt2 .dropdownstyle, .parkWrap .pbt2 .popupBody { background-color:#85b46c; }
    .parkWrap .dd-select-filters { color:#ffffff; }
    
    
.parkWrap .park-twocolumn 
{
    
}
.parkWrap .park-twocolumn .col1, .parkWrap .park-twocolumn .col2 { width:50%; float:left; } 
    .parkWrap .park-twocolumn .col2 { text-align:right; }  
.parklocation { position:relative; width:699px; height:67px; background:url(/imgs/park-finder/bg-listitems.png) transparent no-repeat top left; margin-bottom:25px; }
    .parkname, .parkregion, .parklocation .am, .amheading { position:absolute; }
    .parkname { top:0; left:5px; font-weight:bold; }
    .parkregion { top:0; left:276px; }
    .amheading { top:26px; left:6px; font-size:12px; color:#717171; }
    #content .parklocation .am { top:26px; left:66px; list-style:none; width:615px; margin:0; height:36px; overflow:hidden; }
        #content .parklocation .am li { float:left; list-style:none; width:37px; height:35px; text-indent:-999px; overflow:hidden; background-repeat:no-repeat; margin:0 4px 4px 0; }
        
        
.am .baseball { background-image:url(/imgs/park-finder/am-ball-diamond.png); }
.am .ball-diamond { background-image:url(/imgs/park-finder/am-ball-diamond.png); }
.am .basketball { background-image:url(/imgs/park-finder/am-basket.png); }
.am .basketball-court { background-image:url(/imgs/park-finder/am-basket.png); }
.am .communitygarden { background-image:url(/imgs/park-finder/am-community-garden.png); }
.am .community-garden { background-image:url(/imgs/park-finder/am-community-garden.png); }
.am .discgolf { background-image:url(/imgs/park-finder/am-disc-golf.png); }
.am .disc-golf { background-image:url(/imgs/park-finder/am-disc-golf.png); }
.am .displaygarden { background-image:url(/imgs/park-finder/am-display-garden.png); }
.am .display-garden { background-image:url(/imgs/park-finder/am-display-garden.png); }
.am .dogoffleash { background-image:url(/imgs/park-finder/am-dog-offleash.png); }
.am .dog-off-leash { background-image:url(/imgs/park-finder/am-dog-offleash.png); }
.am .fishing { background-image:url(/imgs/park-finder/am-fishing.png); }
.am .lacrossbox { background-image:url(/imgs/park-finder/am-lacrossebox.png); }
.am .lacrosse-box { background-image:url(/imgs/park-finder/am-lacrossebox.png); }
.am .lawnbowling { background-image:url(/imgs/park-finder/am-lawn-bowling.png); }
.am .lawn-bowling { background-image:url(/imgs/park-finder/am-lawn-bowling.png); }
.am .offroadcycling { background-image:url(/imgs/park-finder/am-off-road-cycling.png); }
.am .off-road-cycling { background-image:url(/imgs/park-finder/am-off-road-cycling.png); }
.am .outdoorpool { background-image:url(/imgs/park-finder/am-outdoor-pool.png); }
.am .outdoor-pool { background-image:url(/imgs/park-finder/am-outdoor-pool.png); }
.am .picnicshelter { background-image:url(/imgs/park-finder/am-picnic.png); }
.am .picnic-shelter { background-image:url(/imgs/park-finder/am-picnic.png); }
.am .playground { background-image:url(/imgs/park-finder/am-playground.png); }
.am .rollerhockey { background-image:url(/imgs/park-finder/am-roller-hockey.png); }
.am .roller-hockey { background-image:url(/imgs/park-finder/am-roller-hockey.png); }
.am .runningtrack { background-image:url(/imgs/park-finder/am-running-track.png); }
.am .running-track { background-image:url(/imgs/park-finder/am-running-track.png); }
.am .sandvolleyball { background-image:url(/imgs/park-finder/am-sand-volleyball.png); }
.am .sand-volleyball { background-image:url(/imgs/park-finder/am-sand-volleyball.png); }
.am .skateboard { background-image:url(/imgs/park-finder/am-skateboard.png); }
.am .sportsfield { background-image:url(/imgs/park-finder/am-sportsfiled.png); }
.am .playing-field { background-image:url(/imgs/park-finder/am-sportsfiled.png); }
.am .sports-field { background-image:url(/imgs/park-finder/am-sportsfiled.png); }
.am .tenniscourt { background-image:url(/imgs/park-finder/am-tenniscourt.png); }
.am .tennis-court { background-image:url(/imgs/park-finder/am-tenniscourt.png); }
.am .trails { background-image:url(/imgs/park-finder/am-trails.png); }
.am .washrooms { background-image:url(/imgs/park-finder/am-washroom.png); }
.am .waterspraypark { background-image:url(/imgs/park-finder/am-water-spray.png); }
.am .water-spray-park { background-image:url(/imgs/park-finder/am-water-spray.png); }