/************************** SEARCH BOX *********************/

.searchBox
{
    margin-bottom:4px;
    border-radius:4px;
//    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
//    background-color:#F5F5F5;
//    padding-top:8px;
//    background-image: linear-gradient(to top, #FFFFFF 0%, #FDFDFD 70%, #F9F9F9 100%);
}


.searchBody
{
    width:100%;
    height:100%;

    font-family:'Roboto Condensed';
    font-size:18px;
    line-height:21px;

    color:#434343;
}


.searchBoxTitle
{
    float:left;
    margin-left:8px;
    margin-top:7px;
//    text-shadow: 0px 1px 0px #FFF;
}

#locationInput
{
    float:right;
    position:relative;
    width:140px;
    height:20px;
    right:-5px;

    z-index:10;
    padding:5px;
    padding-left:8px;
    border-width:0px;

    background:#FCFCFC;
    font-family:'Helvetica Neue', Helvetica;
    font-size:13px;
    color:#6B6B6B;

    border-color:#EEE;
    border-top-width:1px;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#locationSearchDiv
{
    position:relative;
    float:right;
    top:2px;
    padding-right:10px;
}
#locationSearchNew .tooltiptext 
{
    visibility: hidden;
    width: 120px;
    background-color: red;
    font-family:Helvetica Neue, Helvetica;
    font-size:11px;

    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 2px 0;
    position: absolute;
    z-index: 1;
    right: 104%;
}

#locationSearchNew .tooltiptext::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%; /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent red;
}

#locationSearchIconDiv
{
    position:relative;
    float:right;
    right:0px;
    top:-2px;
    z-index:20;
    padding:2px;
    cursor: pointer;
}

#locationSearchButton
{
    position:relative;
    float:right;
    right:0px;
    top:1px;
    z-index:20;

    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: none;
//    border-bottom: 1px solid #ddd;
    box-sizing: border-box;

    cursor: pointer;
}


#currentLocation
{
    position:absolute;
    left:10px;
    top:10px;

    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    outline: none;
    border: none;
//    border-bottom: 1px solid #ddd;
    box-sizing: border-box;

    cursor: pointer;
}
#locationSearchNew
{
    position:absolute;
    left:50px;
    top:10px;

}




#currentLocationImg
{
    width:15px;
    margin-left:8px;
    margin-top:8px;
}


.noResultsBox, .noEventsBox
{
    width:544px;
    padding-top:10px;

    font-family:'Roboto Condensed';
    font-size:16px;
    font-weight:300;
    line-height:21px;
}

#goButton
{
    position:relative;
    float:left;
    left:30px;
    margin-top:15px;
    margin-bottom:20px;

    color:white;
    font-family:'Roboto Condensed';
    font-size:16px;
    font-weight:300;

    padding:3px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    margin-right:5px;

    background-color:#088ADA;
    border-style:solid;
    border-color:white;
    border-width:1px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    box-shadow: 0px 0px 4px 0px #AAA;

    cursor: pointer;
}

.calmcat
{
    color:#353535;

    font-size:18px;
    font-family:'Roboto Condensed';
    text-shadow: 0px 1px 0px #FFF;
    
    margin-top:100px;
    margin-left:100px;
}
.calmcatImg
{
    float:left;
    margin-right:15px;
    width:120px;
}
.calmcatText
{
    float:left;
    margin-top:50px;
}

/************************* SEARCHBOX CITY ***************************/

.searchBoxCity
{
    width:654px;
    height:475px;
    margin-right:10px;
    margin-bottom:14px;
    background-color:#EEE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    padding:10px;
}

.searchBodyCity
{
    background:url(/images/child/search/search_bg_body.png) repeat-y;
    height:100%;

    font-family:'Roboto Condensed';
    font-size:18px;
    line-height:21px;

    color:#434343;
    
    padding-top:7px;
}

.searchBottomCity
{
    background:url(/images/child/search/search_bg_body.png) repeat-y;
    height:14px;
}

.mapDivCity
{
    width:100%;
    height:100%;
}

.mapHeader
{
    height:45px;
    padding-left:10px;
    padding-top:5px;
}
.mapDiv
{
    width:562px;
    height:420px;
    margin:auto;

border-width:1px;border-color:#777;border-style:solid;border-radius:4px;border-bottom-color:white;border-right-color:white;
}


.tooltip .tooltiptext::after {
    content: " ";
        position: absolute;
            top: 50%;
                left: 100%; /* To the right of the tooltip */
                    margin-top: -5px;
                        border-width: 5px;
                            border-style: solid;
                                border-color: transparent transparent transparent black;
}

/*********************************** MEDIA QUERIES *************************************/

@media only screen 
and (max-width : 1169px) 
{
    .searchBoxCity
    {
	width:426px;
	height:350px;
    }
}


/*********************** FILTERGROUPS & ADVANCED SEARCH ****************************/


.filterHeader
{
    height:50px;
    padding-left:10px;
    padding-top:17px;
}

.filtergroup, .searchOpeningHours
{
    font-family:Helvetica Neue, Helvetica;
    font-size:13px;
    margin-left:30px;
}

.dropdownFilterTitle
{
    float:left;
    min-width:60px;
    max-width:210px;
    margin-right:10px;
    margin-bottom:10px;
}

.checkboxFilterTitle
{
    margin-bottom:10px;
}

.checkboxFilterDiv
{
    float:left;
    width:185px;
}