@import 'https://fonts.googleapis.com/css?family=Roboto:400,700';
body 
{
background: url("/images/bg-main.png") repeat-x scroll 0 0 #8E8E8E;
color:#666666;
    }
body * {font-size:.98em;
        font-family: 'Roboto', sans-serif;
        }
/* .secu-bg {background:url(/images/secu-bg.png) 80% -40% no-repeat; } */

.percentage-label {position:absolute;top:9px; left:13px; z-index:100;font-size:11px; color:#bbb}

.row.divider {background:url('/images/bbbbbb-px.gif') repeat-x center center; opacity:.5; filter:alpha(opacity=50); }
img.logo { margin-left:20px; }
.text-green { color:#00a32e; }

a {text-decoration:underline; color:#00a32e;}
dd a:hover {text-decoration:underline;}
.green-overlay { background: #00a32e; color:White; }
h4,h5 { color:#555555; }
h1 {font-family: 'Roboto', sans-serif; font-size:2.5em;}
h2 {font-family: 'Roboto', sans-serif; font-size:2.0em;font-weight:500;letter-spacing:-1px;}
h3 {font-family: 'Roboto', sans-serif; font-size:1.5em;}
h4 {font-family: 'Roboto', sans-serif; font-size:1.3em;}
h5 {font-family: 'Roboto', sans-serif; font-size:1.1em;}
.required {color:Red;}
.tab-section {background:#fefefe; padding:20px !important; /*ebe8e3*/
              -webkit-box-shadow: 10px 10px 5px 0 #aaaaaa;
              border:1px solid #ddd;
box-shadow: 10px 10px 5px 0 #aaaaaa;
              }

.row.total {
    background:#eeeeee;color:#333333;font-weight:bold;
}
    .row.total .columns {
        padding-top:10px !important;padding-bottom:10px !important;
    }
.striped {
padding-top:3px !important; padding-bottom:3px !important;
border-top:1px solid #ddd; margin-bottom:0px;
}
.striped:hover {
background:#bfe8cb;
}

.striped.disabled:hover {
background:inherit;
}

.stripeColor {
background:#f9f9f9;
}
.row.striped.disabled {
    color:#979797;
    font-style:italic
}
.CustomFee.checkbox input[type=checkbox] {
margin-bottom:0rem}
input[type="text"].smaller,
input[type="password"].smaller,
input[type="date"],
input[type="datetime"].smaller,
input[type="datetime-local"].smaller,
input[type="month"].smaller,
input[type="week"].smaller,
input[type="email"].smaller,
input[type="number"].smaller,
input[type="search"].smaller,
input[type="tel"].smaller,
input[type="time"].smaller,
input[type="url"].smaller,
textarea.smaller {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.775rem;
  margin: .2rem 0 .2rem 0;
  padding: 0.21rem;
  height: 1.4125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

.input-button {
    padding:10px 15px;background:#ccc;color:#333; border:0px;
}
.no-margin {
    margin:0 !important;
}
.no-padding {
    padding:0 !important
}
.x_content {
    background:white;
    border:1px solid #ddd;
    border-radius:20px;
    padding:3px;
}
.x_contentBody {
    border-radius:20px;
    padding:4px;
    background:#fefefe;
}
.x_contentHeader {
    border-bottom:1px solid #dddddd;
    padding-left:20px; padding-right:20px;
}
.x_contentHeader h1 {
    color:#00a32e
}
.x_contentHeader div {
    padding:10px;
}
.x_backButton {
    background:#005500;
    
    border-radius:20px 20px 0 0 ;
    padding:5px;
}   
    .x_backButton a {
        padding-left:15px;
        color:white;
        text-decoration: none;
    }
    .x_backButton a:hover {
        padding-left:15px;
        color:white;
        text-decoration: underline;
    }


/*************************************************************************************************************************** CALCULATORS **/
.quote-section {background:white;padding:10px;
              /*-webkit-box-shadow: 10px 10px 5px 0 #aaaaaa;
                box-shadow: 10px 10px 5px 0 #aaaaaa;*/
                border:1px solid #ddd;
                border-radius:10px;

              }
.smaller-label {
    padding:7px 5px !important;
}
.quote-section table {width:100%; border:none !important; }
.form-label { padding-top:5px !important;padding-bottom:5px !important;font-size:85%; }
.form-label.bold { font-weight:bold; }
.input-label {
    padding-top:12px !important;
    font-size:85%;
}
.display-label { padding-top:2px !important;padding-bottom:2px !important; }


.wrapper {width:100%; display:block; clear:both;}
ul.green li {list-style-image: url(/images/green-bullet.jpg); font-size:.85em;}
.calc-form-purchase {margin-left:40px;}
.row.header,tr.header, .header_cell
 {background: #00a32e; 
  border-top:1px solid #ddd;
             border-bottom:1px solid #ddd;
             color:#003300;
             font-weight:bold; 
             text-transform:uppercase; 
             font-size:.9em; 
             color:White;}
.tabular {background:white;}
.tabular .dollars {background:#eeeeee;padding:7px !important;text-align:right !important;}
.tabular .row {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tabular .row.plain {border:none;}
.tabular .columns.description {padding: 7px 5px !important;}
.tabular .tabletotal {font-weight:bold; text-transform:uppercase; }
.tabular .tabletotal .description {padding:7px 5px !important;background:#eeeeee;}
.tabular .tabletotal .dollars,
.tabular .tabletotal .total {padding:7px 5px !important;background:#eeeeee;}

.tabular .columns.total {background:yellow; padding:7px !important; text-align:right;}
.tabular .columns.linenumber {background:yellow;padding:7px !important;}
.tabular .exemption {font-size:10px; float:right;}
.show-for-print {display:none; }
.hide-for-print {display:inline;}
#divTitleServices, #divOwnersTitleInsurance, #divServicesToShopFor,#divTaxesAndOtherCharges,#divTitleServicesTotal { padding-right:5px; }
#divTransferTaxes, #divGovernmentRecordingCharges { padding-left:5px; }


/*************************************************************************************************************************** HOMEPAGE **/
.countyname {line-height:25px; margin-left:2px; margin-right:2px; }
.bgWhite { background:white; }
/*************************************************************************************************************************** BUTTONS **/
.btn-green {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a32e), color-stop(1, #008020) );
	background:-moz-linear-gradient( center top, #00a32e 5%, #008020 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a32e', endColorstr='#008020');
	background-color:#00a32e;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:none;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	padding-left:10px; padding-right:10px;
	width:auto;
	text-decoration:none;
	text-align:center;
}
.btn-green:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #008020), color-stop(1, #00a32e) );
	background:-moz-linear-gradient( center top, #008020 5%, #00a32e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#008020', endColorstr='#00a32e');
	background-color:#008020;
}.btn-green:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

/*************************************************************************************************************************** OLDER **/
/*font sizes*/
.XLG {font-size:14pt;color:#00502f;font-family:Arial;}
.LG {font-size:12pt;color:#4a482b;font-family:Arial;}
.MD {font-size:11pt;font-weight:bold;color:#3d3b26;font-family:Arial;}
.SM {font-size:10pt;}
.XSM {font-size:8pt;}
.XXSM {font-size:7pt;}
a img {border:0px;}

.size-10 { font-size:10px; }
.size-11 { font-size:11px; }
.size-13 { font-size:13px; }
.size-14 { font-size:14px; }
.size-15 { font-size:15px; }
.size-16 { font-size:16px; }
.size-18 { font-size:18px; }
.size-20 { font-size:20px; }

.margin0 {margin:0px 0px 0px 0px;}
.margin10 {margin:10px 10px 10px 10px;}
.margin3 {margin:3px 3px 3px 3px;}
.margin5 {margin:5px 5px 5px 5px;}

.pad0 {padding:0px 0px 0px 0px;}
.pad10 {padding:10px 10px 10px 10px;}
.pad10-5 {padding:10px 5px;}
.pad3 {padding:3px 3px 3px 3px;}
.pad5 {padding:5px 5px 5px 5px;}

.BT {border-top:1px solid #ddd;}
.BL {border-left:1px solid #ddd;}
.BB {border-bottom:1px solid #ddd;}
.BR {border-right:1px solid #ddd;}
.BX {border-right:1px solid #ddd;border-left:1px solid #bbbbbb;border-top:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;}

.BTdot {border-top:1px dotted #bbbbbb;}
.BLdot {border-left:1px dotted #bbbbbb;}
.BBdot {border-bottom:1px dotted #bbbbbb;}
.BRdot {border-right:1px dotted #bbbbbb;}
.BXdot {border-right:1px dotted #bbbbbb;border-left:1px dotted #bbbbbb;border-top:1px dotted #bbbbbb;border-bottom:1px dotted #bbbbbb;}

.BT2 {border-top:2px solid #bbbbbb;}
.BL2 {border-left:2px solid #bbbbbb;}
.BB2 {border-bottom:2px solid #bbbbbb;}
.BR2 {border-right:2px solid #bbbbbb;}
.BX2 {border-right:2px solid #bbbbbb;border-left:2px solid #bbbbbb;border-top:2px solid #bbbbbb;border-bottom:2px solid #bbbbbb;}

td.FormField {font-family:Tahoma;font-size:8pt;font-weight:bold;color:black}
a.PageLink {text-decoration:none;color:#666666;font-weight:200;font-size:10pt}
a.activePageLink {font-size:12pt;font-weight:600;color:#990000;text-decoration:none;}




td.tabnormal {background:#f0f0f0;padding-left:10px;padding-right:10px;}
td.tabnormal a {color:#cccccc;font-weight:bold;font-size:9pt;font-family:Arial;text-decoration:none;}
td.tabactive {background:#ffffff;padding-left:10px;padding-right:10px;}
td.tabactive a {color:#333333;font-weight:bold;font-size:9pt;font-family:Arial;text-decoration:none;}

/* header and footer stuff */
table.footer {background:#000033}
table.footer td {border-bottom:solid 1px #cccccc;height:80px;}
table.footer a {text-decoration:none;}
td.footerright {text-align:right;padding-right:20px;}

table.header {padding:0px 0px 0px 0px;}
table.header td {height:50px;}
table.header a {text-decoration:none;}

/* body stuff */
#RightBodyContent {border:1px solid #bbbbbb;background:white;}
#RightBodyScrollPadding {margin:10px 10px 10px 10px;}



.bgGreen {background-color:#00502f}
.bgDarkTan {background-color:#97946e;color:#e7e5ce}

/* First Trust, Second trust, table styling. 
#FirstTrustTable {border-collapse:collapse;border:1px solid #c8c6b3;font-size: 8pt;background:#e7e5ce;}
#FirstTrustTable .tablevalue {background-color:#e7e5ce;border-bottom:1px solid #c8c6b3;white-space:nowrap;text-align: left;}
#FirstTrustTable .dollars {background-color:#ffffff;border-bottom:1px solid #c8c6b3;border-right:1px solid #c8c6b3;text-align: right;padding-right:3px;padding-left:10px;}
#FirstTrustTable .tabletotal {color:black;font-weight: bold;text-align: right;}
#FirstTrustTable .tablelineno {color:black;background-color:#FFFF00;font-weight: bold;border-top:1px solid #c8c6b3;border-left:1px solid #c8c6b3;}

#SecondTrustTable {border-collapse:collapse;border:1px solid #c8c6b3;color:#ffffff;font-size: 8pt;background:#e7e5ce;}
#SecondTrustTable .tablevalue {background-color:#ffffff;border-bottom:1px solid #c8c6b3;text-align: left;}
#SecondTrustTable .dollars {background-color:#800000;border-bottom:1px solid #c8c6b3;text-align: right;padding-right:3px;}
#SecondTrustTable .tabletotal {color:black;font-weight: bold;text-align: right;}
#SecondTrustTable .tablelineno {color:black;background-color:#FFFF00;font-weight: bold;}

table.BlueTable {border-collapse:collapse;border:1px solid #c8c6b3;font-size: 8pt;background:#e7e5ce;}
table.BlueTable td.tablevalue {background-color:#e7e5ce;border-bottom:1px solid #c8c6b3;text-align: left;}
table.BlueTable td.dollars {background-color:#ffffff;border-bottom:1px solid #c8c6b3;border-right:1px solid #c8c6b3;text-align: right;padding-right:3px;}
table.BlueTable td.tabletotal {color:black;font-weight: bold;text-align: right;}
table.BlueTable td.tablelineno {color:black;background-color:#FFFF00;font-weight: bold;border-top:1px solid #c8c6b3;border-left:1px solid #c8c6b3;}

table.PurpleTable {border-collapse:collapse;border:1px solid #c8c6b3;font-size: 8pt;background:#e7e5ce;}
table.PurpleTable td.tablevalue {background-color:#e7e5ce;text-align: left;}
table.PurpleTable td.dollars {background-color:#e7e5ce;text-align: right;padding-right:3px;}
table.PurpleTable td.tabletotal {color:black;font-weight: bold;text-align: right;}
table.PurpleTable td.tablelineno {color:black;background-color:#FFFF00;font-weight: bold;border-top:1px solid #c8c6b3;border-left:1px solid #c8c6b3;}

table.OrangeTable {border-collapse:collapse;border:1px solid #c8c6b3;font-size: 8pt;background:#e7e5ce;}
table.OrangeTable td.tablevalue {background-color:#e7e5ce;text-align: left;}
table.OrangeTable td.dollars {text-align: right;padding-right:3px;}
table.OrangeTable td.tabletotal {color:black;font-weight: bold;text-align: right;}
table.OrangeTable td.tablelineno {color:black;background-color:#FFFF00;font-weight: bold;border-top:1px solid #c8c6b3;border-left:1px solid #c8c6b3;}
    */
.reqd {color:Red;}
.alert {color:Red;}
.error {color:Red;}

tr.tableheader td {
	font-size:8pt;
	text-transform:uppercase;
	color:#ffffff;
	background:#003300;
	border-bottom:1px solid #c8c6b3;
	border-top:1px solid #c8c6b3;
	text-align: left;
}

td.welcome p {font-size:9pt;line-height:175%;}

#overlayBackground {
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: black;
    z-index:500;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
p,li {line-height:175%;}
.form_buttons {height:27px;background:#c8c6b3;color:#111111;border:0px;font-family:Arial;}
.RedAlertField {background:#ffff00;}
td.tblCell {}

.textWhite {}
.textWhite td{}
.textWhite h1 {font-size:14pt;color:#e7e5ce;font-family:Arial;margin-bottom:5px;margin-top:8px;}
.textWhite h2 {font-size:11pt;color:#e7e5ce;margin-bottom:5px;}
.textWhite .XLG {font-size:14pt;color:#e7e5ce;font-family:Arial;}
.textWhite .LG {font-size:12pt;color:#e7e5ce;font-family:Arial;}
.textWhite .MD {font-size:11pt;font-weight:bold;color:#3d3b26;font-family:Arial;}

.textWhite .SM {font-size:10pt;}
.textWhite .XSM {font-size:8pt;}
.textWhite .XXSM {font-size:7pt;}

hr {
    padding:10px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;
    
}