/******************/
/* CONTENT HEADER */
#content-header { padding: 9px 10px 0px; }
#content-header-top { border-bottom: 1px solid #c5c5c5; padding: 5px 10px 10px 0; position: relative; }
#content-header-top h1 { margin-bottom: 6px; }
#content-header-bottom { padding: 13px 10px 7px; }

/******************/
/* FILTER OPTIONS */
#filter-options { overflow: auto; }
#filter-options li { float: left; margin-right: 0.6em; line-height: 30px; }
#filter-options li a { font-size: 1.6em; cursor: pointer; }
#filter-options li a span { border-bottom: 2px solid #c50e1d; }
#filter-options li a:hover span { border-bottom: 2px solid #000; }
#filter-options li div { 
    display: none; 
    position: absolute;
    background: #fff;
    border:1px solid #C6BDBE;
    z-index: 100; /* must beat map */
}
#filter-options li div a { 
    border-top: 1px solid #e8e8e8;
    padding: 4px 15px;
    font-size: 1.25em;
    line-height: 30px;
    display: block; 
    border-bottom: 0px;  
    margin-bottom: 0px;
}
#filter-options li div a:hover {
    background: #c40e1d;
    color: #fff;
}
#filter-options li div a.first {
    border-top: 0px;
}
#filter-options .dropdown {
    padding-right: 20px;
    background: url('../images/arrow-down-red.png') center right no-repeat;
}

button.ui-datepicker-trigger {
    display: hidden; /* can't be 'none' as then datepicker shows in wrong place */
    height: 0px;
    width: 0px;
    background: none;
    border: 0px;
    text-indent:-99999px;
}

/******************/
/* VIEW SWITCH / SHARE ICONS */
/* 
    technically the view switch is not part of filtering, but have dealt with it
    all here to avoid duplicating declarations in grid_map_index.css 
*/
#share-icons { position: absolute; right: 10px; bottom: 20px; }
#share-icons a {
    float: left;
    display: block;    
    cursor: pointer;
}
a#alert-text {
    display: block;
    height: 20px;
    left: -146px;
    top: 0px;
    background: url('../images/bell.gif') top right no-repeat; 
    padding-top: 2px;
    padding-right: 28px;
}
a#alert-text:hover, a#alert-text.alert-button-selected {
    color: black;
    background-position: bottom right;
}

.grid-map-button { 
    height: 22px; 
    width: 22px; 
    background: url('../images/grid-map-buttons.png'); top left; 
    float: left;
    margin-left: 4px;
}

#change_view_text{color: #C50E1D;float:left;line-height:25px;margin:0 5px 0 0;}
#map-button, #grid-button, #list-button { outline: none; }
#map-button { background-position: -88px 0px; margin:0 20px 0 4px;}
#grid-button { background-position: -110px 0px; }
#list-button { background-position: -178px 0px; }
#facebook-button { background-position: -132px 0px; }
#twitter-button { background-position: -156px 0px; }
#rss-button { background-position: -66px 0px; }
#contribute-button { background-position: 0px 0px;}
#map-button:hover, #map-button.selected { background-position: -88px -22px !important; }
#grid-button:hover, #grid-button.selected { background-position: -110px -22px !important; }
#list-button:hover, #list-button.selected { background-position: -178px -22px !important; }
#facebook-button:hover, .facebook-button-selected { background-position: -132px -22px !important; }
#twitter-button:hover, .twitter-button-selected { background-position: -156px -22px !important; }
#rss-button:hover { background-position: -66px -22px; }
#contribute-button:hover { background-position: 0px -22px; }
#print-button { 
    background: url('../images/print-icon.png') 0 0;
    text-indent:-9999px;
    float:left;
    display:block;
    width:22px;
    height:22px;
}
#print-button:hover{ background-position:-22px 0;}


.grid-map-buttons .selected{
    cursor: default;
    display: none;
}
.list-grid-map-buttons .selected{ 
    cursor: default;
    display: block;
}
.list-grid-map-buttons a{
    cursor: pointer;
}
#view-switch-text{
    margin-left: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

#subscribe-box {
    display: none; 
    width: 280px; 
    background: white;    
    position: absolute;
    right: 10px;
    padding: 15px;
    border: 1px solid #f5d4d6;
    top: 28px;
    font-size: 0.9em;
    color: #333 !important;
    z-index: 100;
}
#subscribe-box p {
    margin-bottom: 4px;
}
#subscribe-box input[type='text'], #subscribe-box input.text {
    margin: 5px 0 0 0;
    float: left;
}
#subscribe-box input[type='submit'], #subscribe-box input.submit {
    margin-top: 5px;
    position: relative;
    float: left;
    top: -1px;
}
#close-subscribe-box {
    float: right;
    height: 15px;
    width: 15px;
    background: transparent url('../images/close.png') no-repeat;
    cursor: pointer;
    display: block;
}
#close-subscribe-box:hover {
    background-position: 0px -15px;
}


/******************/
/* LOADER STUFF */
#loading-more {
    padding: 4px 0px 12px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    border: 1px solid #eeb5bb;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    display: none;
    margin: auto;
    width: 120px;
    text-align: center;
}
#loading-more img {
    margin-right: 10px;
    position: relative;
    top: 2px;
}
#view-more {
    margin: auto;
    display: block;
    height: 34px;
    width: 120px;
    background: url('../images/view-more.png') no-repeat top;
}
#view-more:hover {
    background-position: 0px -34px;
}