﻿.gridView1      { font-family: Helvetica, Arial, Sans-Serif; }
.gridView1 img  { padding: 7px; }
.gridView1 td { padding: 10px 3px !important; }

.ArboristSearchResults              { clear: both; }            
.ArboristSearchResults td > ul      { margin: 0px; padding: 0px; list-style-type: none; }
.ArboristSearchResults td > ul > li { margin: 0px; padding: 3px 0px; list-style-type: none; }

div.verifyNameSearch { background-color: #99B2B2; border: 1px solid #3F5C57; border-radius: 5px; box-shadow: 3px 3px 6px #AAA; padding: 10px 20px; margin: 0px 0px 20px 0px; width: 292px; min-height: 227px; float: left; }
.verifyNameSearch h3 { margin: 5px 0px 15px 0px; }
.label  { color: white; font-size: 14px; display: block; margin-bottom: 4px;   }
.verifyNameSearch input[type=text] { background-color: White; color: #3F5C57; font-size: 18px; padding: 5px 5px; margin-bottom: 10px; border-radius: 5px;  }

div.verifyIDSearch { background-color: #99B2B2; border: 1px solid #3F5C57; border-radius: 5px; box-shadow: 3px 3px 6px #AAA; padding: 10px 20px; width: 292px; min-height: 227px; float: left; text-align: center; margin-bottom: 20px; }
.verifyIDSearch h3 { margin: 5px 0px 15px 0px; }
.verifyIDSearch input[type=text] { background-color: White; color: #3F5C57; font-size: 18px; padding: 5px 3px; margin-bottom: 10px; border-radius: 5px;  }
.verifyIDSearch input[type=submit] { margin-top: 15px;  }

.CertPrefix { display: inline-block; width: 35px; text-align: center;  }
.CertNumber { display: inline-block; width: 50px; text-align: center;  }
.CertSuffix { display: inline-block; width: 20px; text-align: center;  }
        
.certIDExample span { background-color: #CCC; margin: 0px 2px; padding: 2px 3px; border-radius: 5px;}
        
.orSeperate { float: left; margin: 4.6875em 0.5em 0em 0.5em !important; padding: 0em; border: 0em !important; font-size: 0.8em; }

span.SearchInfo {  padding: 5px 0px; color: #000055; font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold; font-style: italic; }

        
@media screen and (max-width: 60em) /* 960px - 60em */
{

    #secondaryContent > div > div > div.orSeperate { clear: left; margin: 0em 0.625em 0em 2.5em !important; }
    #secondaryContent > div > div > div.orSeperate h3 { margin: 0em 0em 1em 0em; padding: 0em; }
    .verifyIDSearch { clear: left; }
    .verifyNameSearch     { margin-bottom: 0em; }
}
@media screen and (max-width: 41.25em) /* 660px - 41.25em */
{
    .verifyIDSearch > 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; }
}