/*  GLOBAL STYLES ____________________________________________________________________________________ */
body {
    max-width: inherit;
    margin: 0 auto;
    font: .9em "Lato", Arial;
    color: #646464;
    text-align: left;
    background-color: #ffffff
}

#container {
    max-width: inherit;
    margin: 0;    
}

a, a:link, a:visited {
    outline: none;
    text-decoration: underline;
    color: #FFFFFF;
}

a:hover,a:active{outline:none;text-decoration:none;}

a.active{text-decoration:none;}

td{padding-bottom:10px;}

tr.NoPad td{padding-bottom:0px;}

.clear{clear:both}

p {padding:0;margin:0px 0px 5px 0px;line-height:15px;font-size:1em;font-family:"Lato", Arial;}

#title h1 {
    color: #fff;
    font-size: 20px;
    font-family: "Lato", Arial;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0 23px;
    padding: 5px 0 0 0;
    word-spacing: 7px;
    position: absolute;
}

#title_results h1 {
    color: #fff;
    font-size: 20px;
    font-family: "Lato", Arial;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0 23px;
    padding: 5px 0 0 0;
    word-spacing: 7px;
    position: absolute;
}

/* SEARCH PANE _______________________________________________________________________________________ */
#searchtitle{margin:0;padding:0;}

#title{background-color:#165D36;color:whitesmoke;height:38px;position:relative;margin-top:1px;}
#title_results {
    background-color: #165D36;
    color: whitesmoke;
    height: 38px;
    position: relative;
    margin-top: 1px;
}

#searchpane{overflow:hidden;margin:0;padding:30px 77px 0px 22px;}

#submitbtn {
    background: #165D36 url('Images/search.png') no-repeat left; 
    background-size: 25px 25px;
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}

#logo {
    width: 100px;
    height: 25px;
    float: right;
    padding-top: 10px;
    padding-right: 5px;
    visibility: visible;
}

/*#gensearch{float:left;margin:0;padding:0;width:300px;height:105px; } */
#gensearch{/*float:left;*/
           margin:0;padding:0;
           /*width:300px;*/
           width:0%;
           font-size: 3vw;
} 

#gensearch table {width:100%; padding:0; border-spacing:0; border:0; font-family:"Lato", Arial; color:#646464;}


#btn-w2g {
    background: #165D36 url('Images/w2g.png') no-repeat center;
    background-size: 25px 25px;
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}

#btn-map {
    background: #165D36 url('Images/map.png') no-repeat center;
    background-size: 25px 25px;
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}

#btn-gallery {
    background: #165D36 url('Images/gallery.png') no-repeat center;
    background-size: 25px 25px;
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}

#btn-cem360 {
    background: #165D36 url('Images/cem360.png') no-repeat center;
    background-size: 25px 25px;
    border: none;
    color: white;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 2px;
}


/*  SEARCH FORMS _____________________________________________________________________________________ */
input.textbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.2em;width:220px;}

input.textbox, label{margin:0;}

input.textbox, textarea, select{padding:2px}

input.smalltextbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.1em; width:50px;}

input.smalltextbox, label{margin:0;}

input.smalltextbox, textarea, select{padding:2px}

input.largetextbox, textarea, select{background-color:#efefef;color:#646464;border:1px solid #999999;font-size:1.1em;width:400px;}

input.largetextbox, label{margin:0;}

input.largetextbox, textarea, select{padding:2px}

label.padbottom{line-height:21px}

td.padtop{padding-top:4px;}

td.advsearch1{vertical-align:middle;}

/*td.advsearch2{vertical-align:top;font-size:1.2em;}*/

td.advsearch2 {
    vertical-align: top;
    font-size: 3vw;
}

td.search1 {vertical-align:middle;height:25px;padding-top:0px;padding-bottom:0px;font-size:20px;}

td.search2 {vertical-align:middle;height:25px;padding-top:0px;padding-bottom:0px;font-size:15px;}

#SearchInstructions {font-weight:bold;}

#advsearch table {width:100%; padding:0; border-spacing:0; border:0; padding-left:18px; font-family:"Lato", Arial; color:#646464;}

/* RESULTS GRID ______________________________________________________________________________________ */

/*Mehmed 26/11/2021*/
p.servicename, p.servicetime {
    padding: 0;
    margin: 0px 0px 0px 0px;
    font-family: "Lato", Arial;
    font-size: 24px;
    line-height: normal;
}

p.servicedata {
    padding: 0;
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-family: "Lato", Arial;
    line-height: normal;
}


.grid {border-spacing: 3px;border-style:none;width:100%;Padding: 3px;}

/*.grid td, .grid th {border: 0 none;height: 20px;font-size:1.0em;}*/
    .grid td, .grid th {
        border: 0 none;
        height: 20px;        
        font-size: 2vw;
    }

    .grid tr {
        border-bottom: 1px solid black;
    }

    .grid th {
        background-color: #c5c5c5;
        color: #165D36;
        font-size: 3vw;
        /*Mehmed - 29/11/2021 - Changed padding from 15 to 2px*/
        /*padding-top: 15px;*/
        padding-top: 15px;
        text-align: left;
        font-weight: bold;
        text-transform: uppercase;
        /*Mehmed - 29/11/2021 - Changed padding from 10 to 2px*/
        /*padding-bottom: 10px*/
        padding-bottom: 10px
    }

.gridAltRow {background-color:#e4e4e4;}

p.NoResults {font-size:medium; font-family:"Lato", Arial;color:#646464;}
p.ResultsCount {font-size:.9em; font-family:"Lato", Arial;color:#646464;}

p.ResultsCount span {color:#165D36;font-weight:bold}

.ResultsPager {background-color: #165D36;color: white;}

.ResultsPager a {color: white;}

tr.ResultsPager td{padding-bottom:0px;}

/*td.DOB {font-size:16px; font-family:"Lato", Arial;width:300px;border:hidden;}*/
td.label_bold {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:auto;padding-bottom:0px;height:30px}
td.detail_label {font-size:21px; font-family:"Lato", Arial;width:auto;border-spacing:0; border:0;height:25px}
td.label_bold_fhome {font-size:25px; font-family:"Lato", Arial;font-weight:bold;width:auto;padding-bottom:0px;height:30px}
td.detail_label_fhome {font-size:21px; font-family:"Lato", Arial;width:auto;border-spacing:0; border:0;height:25px}  

/* code to make mobile friendly - the defaults above assume mobile and are 100% values below are for PC*/
@media only screen and (max-width: 980px) {
    #gensearch {
        width: auto;
        float: left;
    }

    #title {
        height: 55px;
    }

    #title_results {
        height: 55px;
    }

    #title h1 {
        font-size: 36px;
    }

    #title_results h1 {
        font-size: 36px;
    }

    td.search1 {
        height: 25px;
        font-size: 36px;
    }

    td.search2 {
        height: 25px;
        font-size: 30px;
    }

    #submitbtn {
        background-size: 35px 35px;
        font-size: 36px;
    }

    #btn-w2g, #btn-map, #btn-cem360, #btn-gallery {
        background-size: 45px 45px;
        font-size: 46px;
    }

    p.servicename, p.servicetime {
        font-size: 36px;
    }

    p.servicedata {
        font-size: 32px;
    }

	input.largetextbox, textarea, select{font-size:40px;}

}


