﻿.gridView1      { font-family: Helvetica, Arial, Sans-Serif; }
.gridView1 img  { padding: 0.4375em; width: 4.5em; }
.gridView1 td { padding: 0.625em 0.1875em !important; }

.ArboristSearchResults              { clear: both; }            
.ArboristSearchResults td > ul      { margin: 0em; padding: 0em; list-style-type: none; }
.ArboristSearchResults td > ul > li { margin: 0em; padding: 0.1875em 0em; list-style-type: none; }
p            { clear: both; }

div.ArboristNameSearch { background-color: #99B2B2; padding: 0.625em 0.625em; margin: 0em 0em 1.25em 0em; width: 12.3125em; min-height: 15.625em; float: left; border: 0.0625em solid #3F5C57; border-radius: 0.3125em; box-shadow: 0.1875em 0.1875em  0.375em #AAA;}
.ArboristNameSearch h3 { margin: 0.3125em 0em 0.9375em 0em;   }
.taglabel  { color: #FFFFFF; font-size: 0.875em; display: block; margin-bottom: 0.25em; text-align: left;   }
.ArboristNameSearch input[type=text] { font-family: Helvetica, Arial, Sans-Serif; background-color: White; color: #3F5C57; font-size: 1em; padding: 0.25em 0.25em; margin-bottom: 0.625em; width: 9.375em; border-radius: 0.3125em; }

div.ArboristLocationSearch {  background-color: #99B2B2; padding: 0.625em 0.625em; margin: 0em 0em 1.25em 0em; min-height: 15.625em; float: left; border: 0.0625em solid #3F5C57; border-radius: 0.3125em; box-shadow: 0.1875em 0.1875em  0.375em #AAA; }
div.ArboristLocationSearch > span:first-child    { display: block; text-align: left; }
.ArboristLocationSearch h3 { margin: 0.3125em 0em 0.9375em 0em;   }
.ArboristLocationSearch input[type=text] { font-family: Helvetica, Arial, Sans-Serif; background-color: White; color: #3F5C57; font-size: 1em; padding: 0.3125em 0.1875em; margin-bottom: 0.625em; width: 9.375em; border-radius: 0.3125em; }
.ArboristLocationSearch select { font-family: Helvetica, Arial, Sans-Serif; width: 10em; color: #3F5C57; font-size: 0.875em; padding: 0.3125em 0.1875em; margin-bottom: 0.625em; border-radius: 0.3125em;  }
.ArboristLocationSearch > div + div, .ArboristLocationSearch > br + div   { float: left; border: 0.0625em solid #3F5C57; border-radius: 0.3125em; padding:  0.4375em;  margin: 0.625em 0em 0.625em 0em; }
.Validator    { width: 9.375em; padding: 0.3125em; margin: 0.3125em 0em; clear: left !important; }
.Validator ul   { padding: 0.3125em;  }

.ArboristInfo        { overflow: hidden; display: inline-block; min-width: 28.125em; float: left; margin-right: 1.25em; }
.ArboristDetails > div { background-color: #FFF; border: 0.0625em solid #CCCCCC; border-radius: 0.3125em; box-shadow: 0.1875em 0.1875em  0.375em #CCC; padding: 0.625em 0.9375em; margin-top: 0.625em; margin-bottom: 0.625em; }
.ArboristInfo > div { float: left;        }
.ArboristInfo > div > div > span:first-child { display: block; color: #888888; font-size:  0.75em; margin-top:  0.4375em;  }
.ArboristInfo > div > div > span:nth-child(2) { display: block; font-weight: bold; color: black; }
.ArboristDetails ul     { list-style-type: none; margin: 0em; padding: 0em;}
.ArboristName   { font-size:  1.5em !important; }

.credentials        { float: left; overflow: hidden; margin-right: 1.25em;  }
.credentials ul        { color: #3F5C57; font-weight: bold; }
.credentials li         { padding: 0.25em 0em;}
.credentialImages img   { padding: 0em; margin: 0em; width: 5em; image-rendering:optimizeQuality; }
.services           { float: left;   }
.services ul        { color: #3F5C57; font-weight: bold;}

.ArboristLogo   { float: right; padding: 0em !important; margin: 0.9375em 0.625em 0.625em 2.5em !important; }
.ISAMemberLogo  { float: left; margin: 0.9375em 0.3125em 1em 0em; }

      
.orSeperate { float: left; margin: 4.6875em 0.5em 0em 0.5em !important; padding: 0em; border: 0em !important; font-size: 0.8em; }

span.SearchInfo { padding: 0.3125em 0em; color: #000055; font-family: Helvetica, Arial, Sans-Serif; font-size: 0.875em; font-weight: bold; font-style: italic; }
        
        
@media screen and (max-width: 60em) /* 960px - 60em */
{

    div.orSeperate { clear: left; margin: 0em 0.625em 0em 2.5em !important; }
    div.orSeperate h3 { margin: 0em 0em 1em 0em; padding: 0em; }
    .ArboristLocationSearch { clear: left; }
    .ArboristNameSearch     { margin-bottom: 0em; }
}
@media screen and (max-width: 41.25em) /* 660px - 41.25em */
{
    .ArboristLocationSearch > div + div, .ArboristLocationSearch > br + div { clear: left; }
    .orSeperate { margin: 0em 0.625em 0em 2.5em !important; }
    .orSeperate h3  { margin: 0em 0em 0em 0em; padding: 0em; }
}