BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0;
    COLOR: #333;
    BORDER-TOP-STYLE: none;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial,"Helvetica Neue",Helvetica,sans-serif;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    TEXT-DECORATION: none;
    BORDER-BOTTOM-STYLE: none;
}
BODY.Standard
{
    MARGIN: 0px
}
.HeaderTop
{
    BACKGROUND-IMAGE: url(/RowNetWeb/images/VertGradientTop.gif);
    BACKGROUND-REPEAT: repeat-x
}
.HeaderBottom
{
    BACKGROUND-IMAGE: url(/RowNetWeb/images/VertGradientBotomGray.gif);
    BACKGROUND-REPEAT: repeat-x
}
TABLE.RECORDHEADER
{
    background-color: #666;
    border: 0;
    padding: 3px 20px;
    color: white;
    font-size: 1.4em;
}
TD.HEADERBG
{
    BACKGROUND-COLOR: #eeeeee;
}
.RECORDHEADER2
{
    FONT-WEIGHT: bold;    
    COLOR: white;
    BACKGROUND-COLOR: gray;
    padding: 10px 0;
}
.LabelWhite
{
    FONT-WEIGHT: normal;
    COLOR: white;
    TEXT-DECORATION: none
}
TABLE.DATAHEADER
{
	color: #fff;
	font-size: 1.4em;
	background-color: darkgray;
	padding: 0 20px;
	/*margin-top: 20px;*/
}
TABLE.WARNING
{
	color: #fff;
	font-size: 1.4em;
	background-color: #F44336;
	padding: 0 20px;
	/*margin-top: 20px;*/
}
TABLE.INFO
{
	color: #fff;
	font-size: 1.4em;
	background-color: #000; /*#2196F3;*/
	padding: 0 20px;
	/*margin-top: 20px;*/
}
/*TABLE.DATAHEADER input[type="submit"] { padding:4px 10px; font-weight:bold; margin-top:1px; }*/
/*TABLE.DATAHEADER input[type="submit"]:hover { color:red; }*/
INPUT.soft
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
INPUT.inactive
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
    BACKGROUND-COLOR: #d3d3d3
}
.gridInput
{
    BORDER-RIGHT: thin ridge;
    BORDER-TOP: thin ridge;
    BORDER-LEFT: thin ridge;
    BORDER-BOTTOM: thin ridge;
}
.RowData
{
	font-weight: bold;
}
TEXTAREA
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}
A.LinkBack
{
    padding: 4px 6px;
    border:1px solid #aaa;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-color: #eeeeee;
	text-decoration: none;
}
.pnlHomeNavMenuItem A.LinkBack:hover
{
	color: red;
}
.pnlHomeNavMenuItem A.MenuItem:link
{
    FONT-WEIGHT: bold;
    COLOR: #333;
    TEXT-DECORATION: none
}
.pnlHomeNavMenuItem A.MenuItem:visited
{
    COLOR: #333;
}

.pnlHomeNavMenuItem A.MenuItem:hover
{
    COLOR: red;
}

A.LinkBack:hover    { color:red; }
A.MenuItem:link     { FONT-WEIGHT:bold; COLOR:#dce3c4; TEXT-DECORATION:none; }
A.MenuItem:visited  { color:#dce3c4; }
A.MenuItem:hover    { color:#fff; text-decoration:underline; }
.no-link a          { text-decoration:none; }
.no-link a:hover    { color:#333; }

.required                   { color: Red; }
.center                     { text-align: center; }
.strong                     { font-weight: bold; }
/*.search-header-container    { background-color:#666; border:0; padding:5px; }*/
.search-form-container      { padding: 5px 0 10px 0; border:0; /*box-shadow: 0px 0px 10px 0px #ccc;*/ }
.search-form-container td:first-child { padding-left:15px; }
.divider-box                { padding:2px 5px; border:1px solid #ccc; background-color:#f3f3f3; margin:0 12px 0 10px; }
.grid-header                { color:White; background-color:#666666; font-size:1.2em; white-space:nowrap; }
.grid-pager td              { font-size:1.2em; padding:5px 15px; }
.estate-record .data        { padding:0 30px; }
.estate-record .docket-history-data td, .estate-record .docket-history-data th { padding:5px; }
.estate-record .docket-history-data a:link      { color: #333; }
.estate-record .docket-history-data a:visited   { color: #333; }
.estate-record .docket-history-data a:hover     { color: red; }
.estate-record .docket-history-data a:active    { color: #333; }
.request-copy-form .request-copy-select-all     { padding:10px 0; margin:auto; }
.request-copy-form .select-copies td            { padding: 5px; }
.request-copy-form .customer-info-form          { background-color: #f8f8f8; padding: 20px 10px; }

.row-claim #tblClaimData.data    { margin: 10px 0 20px 0; }
.row-claim #tblClaimData.data td { vertical-align: top; }
.row-claim #tblClaimData.data td:first-child { padding-left: 80px; width:150px; }
.row-claim #tblClaimData.data .headding { font-weight: 700; font-size: 1.1em; background-color: #eeeeee; padding: 5px 20px !important; }

input[type="text"], input[type="password"], select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 6px;
    border-radius: 4px;
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px 0px #ccc;
}
/*
input[type="button"], input[type="submit"], button {
    cursor: pointer; 
    padding: 8px 16px; 
    text-transform: uppercase; 
}
*/
input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled {
    color:#bbb; 
    cursor:default; 
    opacity: 0.5;
}
.sticky-bottom
{
    position: fixed;
    bottom: 0px;
    padding-top: 10px;
    width: 100%;
    text-align: center;
}
@media print {
    .no-print {
         display: none;
    }
}
.info-box {
    background-color: #f8f8f8;
    border: 1px solid #aaa;
    box-shadow: 0 0 3px 0 #ccc;
    color: #000;
    margin: 0 0 10px 0;
    padding: 20px 30px;
}
.info-icon {
    background-image: url('info-icon.png');
    background-repeat: no-repeat;
    background-position: 10px 10px ;
}
.check-icon {
    background-image: url('check-icon.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
}
.info-text{
    font-size:small;
    font-weight:bold;
    /*color: #c00000;*/
}
.rounded-corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}
.payment-option {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 20px;
    background-color: #ffd400;
    border: 2px solid orange;
    font-weight: bold;
    margin-right: 20px;
    width: 100px;
    text-align: center;
}

#dgSearchResults tr:hover td
{
    background:#ccc;
    cursor:pointer;
}
#dgSearchResults tr:last-child td
{
    background:transparent;
    cursor:default;
}
#dgSearchResults tr:first-child td
{
    background:transparent;
    cursor:default;
}

/*SPINNING LOADER*/
@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
    position: fixed;
    text-align: center;
    bottom: 50%;
    left: calc(50% - 70px);
	/*position: relative;*/
    display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 12px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 1s infinite steps(8);
}
.small.progress {
	font-size: 6px;
}
.large.progress {
	font-size: 24px;
}
.progress:before,
.progress:after,
.progress > div:before,
.progress > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em; /* (container width - part width)/2  */
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #eee;
	box-shadow: 0 3.5em #eee; /* container height - part height */
	transform-origin: 50% 2.5em; /* container height / 2 */
}
.progress:before {
	background: #555;
}
.progress:after {
	transform: rotate(-45deg);
	background: #777;
}
.progress > div:before {
	transform: rotate(-90deg);
	background: #999;
}
.progress > div:after {
	transform: rotate(-135deg);
	background: #bbb;
}
/*END OF LOADING PROGRESS*/

/*HIDE JQUERY DIALOG BOX "X" CLOSE*/
.ui-dialog-titlebar-close {
    visibility: hidden;
}
div.ROW-header
{
    COLOR: white; /*#8a6d3b*/
    font-family: 'Times New Roman';
    font-size: 2.5em;
    background-color:#6c6c6c;
    border-top:1px solid #ccc; 
    padding:10px;
}
.icon-viewpage {
    border: 0 none;
    height: 20px;
    margin-left: 5px;
    vertical-align: bottom;
}
.warning-icon, .success-icon, .error-icon {
    float: left;
    margin-right: 30px;
    margin-top: -20px;
}


/*PROGRESS STEPS*/
/* http://www.kodhus.com/css-only-step-progress-bar */

.sticky-bottom-progress {
    position: fixed;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    background-color: gainsboro;
    z-index: 99;
}
.container {
    width: 600px;
    margin:auto;
}
.progressbar {
    counter-reset: step;
}
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}
.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    color: darkorange;
}
.progressbar li.active:before {
    border-color: orange;
}
.progressbar li.active + li:after {
    background-color: orange;
}
/*
.progressbar li.active {
    color: green;
}
.progressbar li.active:before {
    border-color: #55b776;
}
.progressbar li.active + li:after {
    background-color: #55b776;
}
*/
/*END PROGRESS*/

/*BEGIN ADMIN ONLINE HELP DIALOG*/
#dialog-adminhelp .heading {
    margin: 0 0 20px 0;
}
#dialog-adminhelp .heading h3 {
    padding: 20px 80px;
    margin: 0;
}
#dialog-adminhelp .step-header {
    font-weight: bold;
    width: 94%;
    background-color: #beccbb;
    color: #fff;
    padding: 10px 20px;
}
#dialog-adminhelp .step-header:hover {
    cursor: pointer;
    background-color: #becccc;
}
#dialog-adminhelp .steps {
    margin-bottom: 20px;
}
#dialog-adminhelp .step-content {
    margin-left: 30px;
}
#dialog-adminhelp hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
#dialog-adminhelp .steps img {
    margin: 5px 0;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    padding: 5px;
}
#dialog-adminhelp .btn-toggle {
    width: 28px;
	height: 28px;
	background: green;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
    
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    margin-top: -5px;
}
#dialog-adminhelp .btn-toggle-plus {
    margin-left: 1px;
    /*margin-top: 2px;*/    
}
#dialog-adminhelp .btn-toggle-minus {
    margin-left: 1px;
    margin-top: 0;
}
#dialog-adminhelp .help-topic-btn {
    width: 100%;
}
#dialog-adminhelp .help-topic-btn td {
    padding: 10px 5px;
    border: 1px solid #999;
    border-right: 0;
    text-align: center;
    background-color: #fff;
    font-size: 0.9em;
    font-weight: bold;
}
#dialog-adminhelp .help-topic-btn td:last-child {
    border-right: 1px solid #999;
}
#dialog-adminhelp .help-topic-btn td.topic-btn {
    background-color: #ccc;
    cursor: pointer;
}
#dialog-adminhelp .help-topic-btn td.topic-btn:hover {
    background-color: #ddd;
}
#dialog-adminhelp .help-topic-btn .active {
    border-bottom: 0;
    background-color: #f7f7f7 !important;
}
#dialog-adminhelp .help-topic {
    padding: 20px 10px 0 10px;
    border: 1px solid #999;
    border-top: 0;
    background-color: #f7f7f7;
}
#dialog-adminhelp .topic-title {
    border-bottom: 4px solid #8b0101;
}
/*END ADMIN ONLINE HELP DIALOG*/

/*BEGIN PAYMENT HELP DIALOG*/
#dialog-paymenthelp .heading {
    margin: 0 0 20px 0;
}
#dialog-paymenthelp .heading h3 {
    padding: 20px 80px;
    margin: 0;
}
#dialog-paymenthelp .step-header {
    font-weight: bold;
    width: 94%;
    background-color: #beccbb;
    color: #fff;
    padding: 10px 20px;
}
#dialog-paymenthelp .step-header:hover {
    cursor: pointer;
    background-color: #becccc;
}
#dialog-paymenthelp .steps {
    margin-bottom: 20px;
}
#dialog-paymenthelp .step-content {
    margin-left: 30px;
}
#dialog-paymenthelp hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
#dialog-paymenthelp .steps img {
    margin: 5px 0;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    padding: 5px;
}
#dialog-paymenthelp .btn-toggle {
    width: 28px;
	height: 28px;
	background: green;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
    
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    margin-top: -5px;
}
#dialog-paymenthelp .btn-toggle-plus {
    margin-left: 1px;
    margin-top: 2px;    
}
#dialog-paymenthelp .btn-toggle-minus {
    margin-left: 1px;
    margin-top: 0;
}
.hidden {
    display: none;
}
/*END PAYMENT HELP DIALOG*/

/*BEGIN ESTATE SEARCH HELP DIALOG*/
#dialog-searchhelp .heading {
    margin: 0 0 20px 0;
}
#dialog-searchhelp .heading h3 {
    padding: 20px 80px;
    margin: 0;
}
#dialog-searchhelp .step-header {
    font-weight: bold;
    width: 94%;
    background-color: #beccbb;
    color: #fff;
    padding: 10px 20px;
}
#dialog-searchhelp .step-header:hover {
    cursor: pointer;
    background-color: #becccc;
}
#dialog-searchhelp .steps {
    margin-bottom: 20px;
}
#dialog-searchhelp .step-content {
    margin-left: 30px;
}
#dialog-searchhelp hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
#dialog-searchhelp .steps img {
    margin: 5px 0;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
    padding: 5px;
}
#dialog-searchhelp .btn-toggle {
    width: 28px;
	height: 28px;
	background: green;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
    
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    margin-top: -5px;
}
#dialog-searchhelp .btn-toggle-plus {
    margin-left: 1px;
    margin-top: 2px;    
}
#dialog-searchhelp .btn-toggle-minus {
    margin-left: 1px;
    margin-top: 0;
}

#dialog-searchhelp .help-topic-btn {
    width: 100%;
}
#dialog-searchhelp .help-topic-btn td {
    padding: 10px 5px;
    border: 1px solid #999;
    border-right: 0;
    text-align: center;
    background-color: #fff;
    font-size: 0.9em;
    font-weight: bold;
}
#dialog-searchhelp .help-topic-btn td:last-child {
    border-right: 1px solid #999;
}
#dialog-searchhelp .help-topic-btn td.topic-btn {
    background-color: #ccc;
    cursor: pointer;
}
#dialog-searchhelp .help-topic-btn td.topic-btn:hover {
    background-color: #ddd;
}
#dialog-searchhelp .help-topic-btn .active {
    border-bottom: 0;
    background-color: #f7f7f7 !important;
}
#dialog-searchhelp .help-topic {
    padding: 20px 10px 0 10px;
    border: 1px solid #999;
    border-top: 0;
    background-color: #f7f7f7;
}
#dialog-searchhelp .topic-title {
    border-bottom: 4px solid #8b0101;
}
/*END ESTATE SEARCH HELP DIALOG*/

/*TABS=================================================================*/
.tab {
  overflow: hidden;
  background-color: #f1f1f1;
  border: 0px solid #ccc;
  border-bottom: 0 !important;
  margin: 5px 10px 0 10px;
  padding: 5px 5px 0 4px;
  -moz-border-radius: 17px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 9px 9px 0 0;
}
.tab button {
  background-color: #dce3c4;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  margin-right: 5px;
  transition: 0.3s;
  width: 100px;
  -moz-border-radius: 17px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
  color: #333;
  font-weight:700;
}
.tab button.active {
  background-color: #fff !important;
  border-bottom: 2px solid #fff !important;
  cursor: text;
}
.tab-body { margin: 0 10px; padding: 5px 5px; }

/*ESTATE tab style*/
.row-estate .tab { background-color: #666 !important;}
.row-estate .tab button { background-color: silver; border: 2px solid #666; }
.row-estate .tab button:not(.active):hover { background-color: lightgray; }
.row-estate .tab-body { border: 5px solid #666 !important; border-top: 0 !important; }
.row-estate .search-header-container { background-color:#666; border:0; padding:5px; }

/*CLAIMS tab style #494E6B*/
.row-claim .tab { background-color: #294473 !important; } /*dark blue 294473*/
.row-claim .tab button { background-color: darkgray ; border: 2px solid #294473; }
.row-claim .tab button:not(.active):hover { background-color: mediumaquamarine; }
.row-claim .tab-body { border: 5px solid #294473 !important; border-top: 0 !important; }
.row-claim .search-header-container { background-color:#294473; border:0; padding:5px; }