/* Only display masthead background images on larger screens. */
@media (min-width: 992px) {

    /*
        1. Edit the .mdgov-masthead rule's background-image to your own default site-wide image.
        2. Use the .mdgov-fixed .mdgov-mastead rule to override your default if using a combination of fluid and fixed width layouts.
        3. Use masthead modifier classes "--tall, --full. REMOVE or COMMENT any not in use.
    */

    /* Default site-wide masthead. */
    .mdgov-masthead {
        background-image: url("../img/masthead-bg-fluid-1920x250.jpg");
    }

    /* Default site-wide fixed layout masthead. */
    .mdgov-fixed .mdgov-masthead {
        background-image: url("../img/masthead-bg-fixed-1200x250.jpg");
    }

    /* Tall fluid-width masthead. */ 
    .mdgov-masthead.mdgov-masthead--tall {
        background-image: url("../img/masthead-bg-tall-fluid-1920x500.jpg"); 
    }

    /* Tall fixed-width masthead. */
    .mdgov-fixed .mdgov-masthead.mdgov-masthead--tall {
        background-image: url("../img/masthead-bg-tall-fixed-1200x500.jpg");
    }

    /* Full-height, fluid-width masthead. */
    .mdgov-masthead.mdgov-masthead--full {
        background-image: url("../img/masthead-bg-full-fluid-1920x1020.jpg");
        overflow: hidden;
    }

   /* 
        Full-height, marketing masthead. Background set to none in order to let
        the background image slideshow define images. If not using slideshow, specify your marketing
        background image here.
    */
    .mdgov-masthead.mdgov-masthead--marketing {
        background-image: none;
    }

    /* 
        For displaying angled card background effect.
        Note that background color is specified as the primary brand in the core CSS already.
    */
    .mdgov-masthead.mdgov-masthead--full:before {
        content: "";
        backface-visibility: hidden;
        transform: skew(0deg,-3deg);
        height: 50%;
        width: 100vw;
        position: absolute;
        z-index: 0;
        transform-origin: bottom left;
        left: 0;
        bottom: -110px;
    }

    /* Full-height, fixed-width masthead. */
    .mdgov-fixed .mdgov-masthead.mdgov-masthead--full {
        background-image: url("../img/masthead-bg-full-fixed-1200x1020.jpg");
        background-size: auto;
        background-position: top center;
    }

    .mdgov-masthead--angled {
        background-image: url('../img/masthead-bg-angled.jpg');
    }

    /* Full-screen background example. 
    .mdgov-outerWrap {
        background-color: transparent;
    }
    body {
        background-image: url(../img/masthead-bg-full-fluid-1920x1020.jpg);
    }
    */
}

/*
    All styles below support the template demo site only. All styles below are OPTIONAL and may be removed as needed.
*/
#cphTitle_lblServerName{
	display:none;
}
.input-validation-error {
    border-color: #ff0000 !important;
}

input[type="color"] {
    width: 100%;
    max-width: 400px;
}

/* MVC Form Validation */
.field-validation-error {
    position: relative;
    left: 0;
    top: 0.5rem;
    background-color: #ff0024;
    color: #ffffff;
    padding: 0.5rem;
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.field-validation-error:after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    bottom: 100%;
    left: 2rem;
    border: solid transparent;
    pointer-events: none;
    border-color: rgba(255, 255, 0, 0);
    border-bottom-color: #ff0024;
    border-width: 0.5rem;
    margin-left: -0.5rem;
}

.validation-summary-errors ul {
    padding-left: 1.5rem;
    margin-top: 0.5rem;
}

/* Online Services Widget Container */
.svc_filterForm {
    background-color: #e9ecef;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {

    .field-validation-error {
        width: auto;
    }

}
#cphMainContentArea_ucSearchType_wzrdRealPropertySearch_ucSearchResult_gv_SearchByRPSale,
#cphMainContentArea_ucSearchType_wzrdRealPropertySearch_ucSearchResult_gv_SearchByRPSale tr th,
#cphMainContentArea_ucSearchType_wzrdRealPropertySearch_ucSearchResult_gv_SearchByRPSale tr td
{
    font-size: 0.85rem;
} 
.yellowbox {
  background-color: #009999;
  border: 1px solid #ccc;
  color: #fff;
  margin: 20px 0 20px 0;
  padding: 15px 20px 12px 20px;
  width: auto;
}

fieldset.formDataView {
    border: 1px solid #ccc;
    padding: 50px;
    margin-bottom: 20px;
}
.bntButton {
  background-color: #003366;
  border: 1px solid #ccc;
  color: #fff;
  margin: 15px 0 0 0;
  padding: 11px 20px 8px 20px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  line-height: 21px;
  font-size: 14px;
}
.btnNext {
  background-image: url(/RealProperty/images/icons/next.png);
  background-position: right 9px;
  background-repeat: no-repeat;
  background-color: #003366;
  border: 1px solid #ccc;
  color: #fff;
  margin: 15px 0 0 0;
  padding: 11px 41px 8px 5px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  line-height: 21px;
  font-size: 14px;
}
.btnPrevious,.btnReset
{
    background-image:url(/RealProperty/images/icons/previous.png);
    background-position:10px 9px;
    background-repeat:no-repeat;
	background-color:#003366;
	border:1px solid #ccc;
	color:#fff;
	margin:15px 0 0 0;
	padding:11px 5px 8px 41px;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	line-height:21px;
	font-size:14px;
}
.btnPrevious:hover,.btnReset:hover
{
    background-color: #000099;
    border: 1px solid #ccc;
}
.btnNext
{
    background-image:url(/RealProperty/images/icons/next.png);
    background-position:right 9px;
    background-repeat:no-repeat;
	background-color:#003366;
	border:1px solid #ccc;
	color:#fff;
	margin:15px 0 0 0;
	padding:11px 41px 8px 5px;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	line-height:21px;
	font-size:14px;
}
.btnNext:hover
{
    background-color: #000099;
    border: 1px solid #ccc;
}

.btnNextDisabled
{
    background-image:url(/RealProperty/images/icons/next_inactive.png);
    background-position:right 9px;
    background-repeat:no-repeat;
	background-color:#ccc;
	border:1px solid #ccc;
	color:#fff;
    margin:15px 0 0 0;
	padding:11px 41px 8px 5px;
	font-weight:bold;
	border-radius:5px;
	
}
.btnReset
{ 
    background-image:none;
    background-position:10px 9px;
    background-repeat:no-repeat;
	background-color:#003366;
	border:1px solid #ccc;
	color:#fff;
	margin:15px 0 0 0;
	padding:11px 15px 8px 15px;
	font-weight:bold;
	cursor:pointer;
}
.btnNext:hover, .bntButton:hover {
  background-color: #000099;
  border: 1px solid #ccc;
}
blockquote
{ border-left:none;}
a:hover, a:focus {
  color: #663300;
  text-decoration: underline;
  outline: none;
}
a {
  color: #996600;
  text-decoration: none;
}
.btn-primary {
  color: #fff;
  background-color: #C8122C;
  border-color: #C8122C;
}
.btn-primary:hover {
  color: #fff;
  background-color: #a50f24;
  border-color: #990e22;
}
.mdgov-footer__middle, .mdgov-footer__bottom {
  text-align: center;
  clear: both;
  background-color: #C8122C;
}
.yellowbox {
  background-color: #009999;
  border-color: #CCC;
  }
  .yellowbox p
  { margin-bottom:0px;
      }
  .formError
{
    color:#FF0000;
}
  a[href$=".pdf"] {
  padding: 0 20px 0 0;
  background: transparent url(/RealProperty/images/icons/acrobat.gif) no-repeat center right;
}
.yellowbox a.pdfSearch {
    color: #fff;
    float: right;
    font-weight: bold;
    }
  
  .btnNewSearch {
  background-image: url(/RealProperty/images/icons/search_white.png);
  background-position: 12px 14px;
  background-repeat: no-repeat;
  background-color: #003366;
  background-color: #009999;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #fff;
  margin: 15px 0 5px 0;
  padding: 11px 5px 8px 30px;
  font-weight: bold;
  cursor: pointer;
}
.btnNewSearch:hover
{
    background-color:#9c1e24;
    background-color: #009999;
    border:1px solid #ccc;
}
.btnNewSearch_top
{
    background-image: url(/RealProperty/images/icons/search_white.png);
    background-position: 12px 14px;
    background-repeat: no-repeat;
    background-color: #003366;
    background-color: #009999;
    border: 1px solid #ccc;
    color: #fff;
    margin: 5px 0 0 0;
    border-radius: 5px;
    padding: 8px 5px 3px 30px;
    font-weight: bold;
    cursor: pointer;
}
.btnNewSearch_top:hover
{
    background-color:#9c1e24;
    background-color: #009999;
    border:1px solid #ccc;
}
select, textarea, input[type="text"] {
  display: inline-block;
  padding: 4px 6px;
  font-size: 1.2rem;
  color: #555;
}
.dataLabel
{
  font-size: 1.2rem;
 }
  .ui-table th, .ui-table td {
  line-height: 1.2em;
  text-align: left;
  padding: .4em .5em;
  vertical-align: top;
  font-size: 0.85rem;
}
select, textarea, input[type="text"] {
  width: 40%;
}
div.inline label {
  display: inline-block;
  padding: 0px 56px 0px 3px;
}
  #cphTitle_btnNewSearchTop1
  { margin:auto; }
  
  a.button, input.button[type="submit"], .actions button, .actions a {
  display: inline-block;
  background: #9c061b;
  text-decoration: none;
  padding: .8em 1.7em;
  border: none;
  text-align: center;
  -webkit-border-radius: .3em;
  -moz-border-radius: .3em;
  border-radius: .3em;
  margin: 1em .3em 1em 0;
  -webkit-transition: background .3s ease;
  -o-transition: background .3s ease;
  transition: background .3s ease;
  cursor: pointer;
  opacity: .9;
  color: #fff;
}
a.button.primary, input.button[type="submit"], .actions button.positive, #wrapper .actions a.positive {
  background: #828c95;
  background: -moz-linear-gradient(top, #9c061b 0%, #800415 36%, #9c061b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c061b, color-stop(36%,#800415), color-stop(100%,#9c061b));
  background: -webkit-linear-gradient(top, #9c061b 0%,#800415 36%,#9c061b 100%);
  background: -o-linear-gradient(top, #9c061b 0%,#800415 36%,#9c061b 100%);
  background: -ms-linear-gradient(top, #9c061b 0%,#800415 36%,#9c061b 100%);
  background: linear-gradient(top, #9c061b 0%,#800415 36%,#9c061b 100%);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
    a.button.primary:hover, a.button.secondary:hover,
 a.positive:hover, a.button.neutral:hover,
  a.neutral:hover, input.button[type="submit"]:hover,
  .actions button:hover, 
  a.button.negative:hover, .actions a.negative:hover {
  opacity: 1;
  cursor: pointer;
}