﻿/* output.css - Y: filter form styles */
#activityfilterform {
    background-color: #f1f0eb; width: 100%;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 1em;
}
#activityfilterform select {
    margin:0.25em 0;
    padding: 2px;
    color: #555;
    border:1px solid #AAADBF;
}
#activityfilters {
    margin: 1em;
    padding: .75em 0 0 0;
}
#saf_clsdi { width: 240px; }
#saf_more { color: #5E7AA2; /*#0066cc*/ margin: 10px 0px; cursor: pointer; }
#saf_ddf {margin:  0 .25em 0 0; padding: 0;}
#saf_opt { margin: 10px 0 10px 20px; }
#saf_time { width: 220px; }
#saf_day { width: 220px; }
#saf_age { width: 220px; }
#saf_loc { width: 220px; }
#saf_acttype { width: 240px; }
#saf_actname { width: 240px; }
#activitytextsearch { margin-top: 4px; padding: 0 0 10px; }
#saf_stt { border:1px solid #AAADBF; padding: 4px; font-size: 1em; color: #524641; width: 210px; }

#saf_bgo, #saf_clr {
    background: transparent url('/images/cov/ui/button_safari_cmd.png') left top no-repeat;
    margin-top: 1em; margin-right: .5em;
    border: none;
    color: #fff;
    width: 64px;
    height: 24px;
    text-align: center;
}
#saf_bgo:hover, #saf_clr:hover {
    background-position: left -29px;
    cursor: pointer;
}

/* activitylist - output template styles */
#activitylist { font-size: 1em; }
#activitylist a img { text-decoration:none; border:none; }
#activitylist .ctcard td a img { border: none; text-decoration:none; padding-right: 5px; vertical-align: middle; }
#activitylist table, #activitylist table td { border: none; text-align: left; padding: 0 0; vertical-align: top; } 
#activitylist table td { border: none; text-align: left; vertical-align: top;padding: 0 0; }
#activitylist table td div { border: none; line-height: 1.5em; margin: 0; padding: 0; }     
#activitylist .ctcard { border-bottom: 1px solid #deddd6; margin: .5em 0; padding: .5em .7em; }
#activitylist .ctcard table { margin: 0 0 0; width: 100%; border: none; /*padding: .5em;*/}
#activitylist .ctcard table td { /*padding-top: 0px;*/ padding: 0 0; /*0.25em;*/ background: #fff; /*border:none;*/ border-color: #fff; vertical-align: top; line-height: 1.5em; }
.ctitle { font-size: 1.1em; /*15px; */ font-weight: bold; color: #333; }
#activitylist .ctcard td.ccol2 { width: 35%; }
.ccatg { font-weight: bold; color: #333;}
.paction, .paction td { padding: 0; border: none; }
.cmap a img { border: none; text-decoration:none; padding-right: 5px; vertical-align: middle; }
.cmap a, .cmap a:link, .cmap a:visited { height: 30px; line-height: 30px; text-decoration: none; color: #5E7AA2 /*#5e7aa2*/; vertical-align: middle; }
.cmap a:hover, .cmap a:active {text-decoration: underline; }
.ccor { color: #808080; text-align: right; }    
td.cplc { padding-left: 0;text-align:left; }
#activitylist table.paction { border: 0 none #fff; margin: 0 0 0; margin-top:.5em; margin-bottom: 0;}
#activitylist table.paction td { height: 30px; line-height: 30px; margin-bottom: 0; padding: 0 0 0 0; vertical-align: middle; }
#activitylist table.paction td.ccor { text-align: right; }                                
#activitylist .paction td.cmap { height: 30px; line-height: 30px;vertical-align: middle; }
#activitylist table.paction td {
    border: 0px solid #fff;
    border-collapse: collapse;
    padding: 0 0;
    vertical-align: middle;
}
#activitylist table.paction .covbr { height: 30px; line-height: 30px; margin-bottom: 0; /*text-align: center; */text-align: right; padding-right: .75em;vertical-align: middle; color: #333366; }
#activitylist span.pricereduced { text-decoration: line-through; }

/* lessons filter */
#lessonsContainer p {
    text-align: center;
    font-weight: bold;
}
.covbuttongroup {
    display: block; text-align: center;
    list-style: none;
    margin: 1em 0; padding: 0;
}
.covbuttongroup li {
    display: inline-block;
    padding: 0 0 0 1.2em;
}
.covbuttongroup li input[type=radio] {
    display: none;
}
.covbuttongroup li label {
    display: block;
    font-size: 1em;
    background: transparent url('/images/cov/ui/cov-button-cmd.png') right top;
    margin: 0; padding: .3em 1.2em .5em 0;
}
.covbuttongroup li.selected {
    background-position: left -104px;
}
.covbuttongroup li:hover label,
.covbuttongroup li.selected label {
    background-position:  right -34px;
}
.cov-table-alternate {
    background: #f1f0eb;
}
 

@media (max-width:980px) {
    #lessonfilter .covbuttongroup li.covbuttoncmd {
        margin: .5% 0;
        padding-left:0; padding-right: 0;
        width: 48%;
    }
    #lessonfilter .covbuttongroup li:nth-child(odd) {
        clear: both;
        float: left;
    }
    #lessonfilter .covbuttongroup li:nth-child(even) {
        float: right;
    }
    #lessonfilter .covbuttongroup li label {
        margin: 0; padding: 0;
        background-color: inherit;
        background-image: none;
    }
    #lessonfilter .covbuttongroup li:hover,
    #lessonfilter .covbuttongroup li.selected {
        background-color: #3c4e69;
        cursor: pointer;
    }
}