﻿body
{
	margin: 0 auto;	
	background: #999 url(../images/pageBG.jpg) fixed repeat-x center top;
	text-align: center;	
	height: 100%;
	
}

table
{
	border-collapse: collapse;
}

td
{
	font-family: Tahoma;		
	font-size: 11px;
	color: #000000;	
	letter-spacing: 1;
	line-height: 15px;
}

p
{
font-family: Tahoma;		
	font-size: 11px;
	color: #000000;	
	letter-spacing: 1;
	line-height: 15px;
		
}

th
{
	font-family: Tahoma;		
	font-size: 112px;
	color: #000000;	
	letter-spacing: 1;
	line-height: 15px;
	
}

a, .content a:visited, .content a:active
{
	color: #00182D;	
	font-weight: bold;
	text-decoration: underline;
}

a:hover
{
	color: #8AA38F;	
	font-weight: bold;
	text-decoration: underline;
}

.boxBody a, .boxBody a:visited, .boxBody a:active
{
	color: #00182D;	
	font-weight: bold;
	text-decoration: underline;
}

.boxBody a:hover
{
	color: #8AA38F;	
	font-weight: bold;
	text-decoration: underline;
}

.boxBody2 a, .boxBody2 a:visited, .boxBody2 a:active
{
	color: #00182D;	
	font-weight: bold;
	text-decoration: underline;
}

.boxBody2 a:hover
{
	color: #8AA38F;	
	font-weight: bold;
	text-decoration: underline;
}

.ErrorLabel
{
    color: Red;
    font-weight:bold;
}

.SuccessLabel
{
    color: Green;
    font-weight:bold;
}


.goButton
{
	 height: 24px;
	 width: 25px;
	 vertical-align: top; 
	 
	 
}

.headerHolder
{
	background: #000 url(../Images/headerBG.jpg) repeat-x top left;
}

h1
{
	font-weight: bold;
	color: #000000;
	font-family: Tahoma;
	font-size: 18px;	
	margin-bottom: -3px;	
	*margin-bottom: -6px;	
	text-transform: uppercase;}

h2
{
	font-weight: bold;
	color: #000000;
	font-family: Tahoma;
	font-size: 16px;	
	margin-bottom: -6px;	
	text-transform: capitalize;
	
}

h3
{
	color:	#000;
	font-size: 14px;
	font-family: tahoma;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;
}
	


hr
{
	border: 0;
	height: 1px;
	color: #000000;
	background-color: #000000;
}

.mainBody
{
	width: 1000px;
	height: 100%;	
	background-color: #E5DCCB;			
}

table.leftMenu
{
	background: #A1B7CF;	
	height: 100%;
}

.menuHolder
{
	border-right: solid 1px #333;
}


.menuHolder td
{	
	background-color: #999;
	border-collapse: collapse;		
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;	
	
}

.menuHolder td table td
{
	border-top: solid 0px #333;
	border-bottom: solid 0px #333;
}

table.StaticMenuStyle
{
	width: 100%;
	border-right: solid 1px #333;
}

.StaticMenuStyle
{
	background: #999;		
	font-size: 13px;
	font-weight: bold;	
	width: 100%;	
	height: 26px;
}

.StaticMenuStyle td
{		
	font-weight: normal;			
	text-align: center;
	/*cursor: pointer;*/	
	font-size: 13px;	
	font-weight: bold;
	height: 26px;
}

table.StaticMenuStyle table
{
	border-left: 1px solid #363636;	
	font-size: 13px;
	font-weight: bold;
	height: 26px;
}

.StaticMenuStyle a, .StaticMenuStyle a:visited, .StaticMenuStyle a:active
{
	font-family: arial;
	color: #333;		
	text-decoration: none;	
	padding: 5px 0px;
	width: 100%;		
	*display: table;
	white-space: nowrap;	
	font-size: 13px;
	font-weight: bold;	
}




.StaticMenuStyle a:hover
{
	font-family: arial;
	color: #333;		
	text-decoration: none;
	padding: 5px 0px;
	width: 100%;	
	
	*display: table;				
	white-space: nowrap;	
	font-size: 13px;
	font-weight: bold;
}

table.StaticHoverStyle
{
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	color: #363636;
}



.StaticMenuItemStyle td 
{
	
	
	font-size: 13px;
	font-weight: bold;
}


.StaticHoverStyle td, .DynamicHoverStyle td
{
	background-color: #fff;
}

.StaticSelectedStyle, .DynamicSelectedStyle
{
	font-weight: normal;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
}


 .DynamicMenuStyle a, .DynamicMenuStyle a:visited, .DynamicMenuStyle a:active
{
	font-family: arial;
	color: #333;		
	text-decoration: none;
	padding: 7px 9px 7px 9px;
	width: 100%;		
	display: table;			
	white-space: nowrap;	
	font-weight: bold;
	font-size: 13px;
}

.DynamicMenuStyle
{
	border-top: 1px solid #333;	
}

.DynamicMenuStyle td
{
	border: 1px solid #333;		
	border-collapse: collapse;
	font-weight: bold;
	width: 100%;
	
	/*cursor: pointer;*/	
	background-color: Transparent;	
	font-size: 13px;
	
}

.DynamicMenuItemStyle
{
 width: 100%;	
 font-size: 13px;
 border-bottom: 1px solid #333;	
}


.DynamicMenuItemStyle td
{		
	padding: 7 9 7 9;
	*padding: 0 0 0 0;
	border: 0px solid #333;
	font-weight: bold;		
	text-align: left;
	width: 100%;	
	font-size: 13px;
}


.DynamicHoverStyle
{
	background-color: #999;
	width: 100%;
}

.DynamicMenuStyle a:hover 
{
	font-family: arial;
	color: #fff;		
	text-decoration: none;
	padding: 7px 9px 7px 9px;
	width: 100%;	
	
	display: table;			
	white-space: nowrap;	
	font-weight: bold;
	font-size: 13px;
}

.DATAGRID_BODY 
{
	
}

.DATAGRID_BODY td
{
	
	padding: 3px;
	text-align: left;
}

caption
{
		font-size: 12px;	
		padding-bottom: 3px;
}

.rowon
{
	background-color: ;
}

.rowoff
{
	background-color: ;
}

.EmptyRowStyle
{
	
}


.SelectedRowStyle
{
	
}

.HeaderRowStyle th, .HeaderRowStyle td
{
		
	text-align: left;	
	padding: 5px;
	color: #000000;		
	font-weight: bold;
	font-family: Tahoma;
	border-bottom: 1px solid #767679;	
	border-left: 1px solid #767679;
	border-right: 1px solid #767679;
	background: #BEBEC2 url(../images/boxTopBG.gif) repeat-x top center;
	
	
}

.HeaderRowStyle a, .HeaderRowStyle a:visited, .HeaderRowStyle a:active
{
	color: #000000;	
	font-size: 11px;	
}

.HeaderRowStyle a:hover
{
	color: #000000;	
	font-size: 11px;
}

.RowStyle td
{
	padding: 5px;	
		border-left: 1px solid #767679;
	border-right: 1px solid #767679;
	border-bottom: 1px solid #767679;
	
}

.AltRowStyle td Table tr td
{

	padding: 0px;
}

.RowStyle td Table tr td
{
		border-bottom: solid 0px #767679;
		padding: 0px;
}

.EditRowStyle td
{
	padding: 5px;	
	
		border-left: 1px solid #767679;
	border-right: 1px solid #767679;
}

.AltRowStyle td
{
	padding: 5px;		
	background-color: #CFD9D1;		
	border-left: 1px solid #767679;
	border-right: 1px solid #767679;
	border-bottom: 1px solid #767679;
}

.FooterRowStyle td
{
		
	text-align: left;	
	padding: 5px;
	color: #000000;		
	font-weight: bold;
	font-family: Tahoma;

	background: #BEBEC2 url(../images/boxTopBG.gif) repeat-x top center;
}




.PagerRowStyle
{
	width: 100%;	
}	


.PagerRowStyle td
{	

	text-align: center;	
	padding: 5px;
	color: #000000;		
	font-weight: bold;
	font-family: Tahoma;
	border-bottom: 1px solid #767679;	
	border-left: 1px solid #767679;
	border-right: 1px solid #767679;
	background: #BEBEC2 url(../images/gridPagerBG.gif) repeat-x top center;
	
}


.PagerRowStyle td table
{
	width:100%;	
}

.PagerRowStyle td table tr td
{	
	color: #000000;		
	border: none;	
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url() repeat-x top left;
}



.PagerRowStyle a, .PagerRowStyle a:visited, .PagerRowStyle a:active
{
	color: #000000;	
}




/*
.gridPagerStyle a:hover
{
	color: #00ff00;

}


.SEC_DATAGRID_FOOTER
{
	background-color: #00ff00;
}

.SEC_DATAGRID_EDIT_ITEM
{
	background-color: #00ff00;
	padding: 5px;
}
*/

.Search
{
	height: 100%;
	border: solid 1px #9a9a9a;
	vertical-align: top;
	padding: 10px;
}

.leftColumn
{
	vertical-align: top;
	height: 100%;	
	width: 250px;
}


.contentHolder
{
	vertical-align: top;				
	
	width: 978px;
	
	text-align: left;		
	border-right: solid 1px #333;
	border-left: solid 1px #333;
	background: #e1e1e1;
}

.Content
{
	width: 100%; 
}


.homePageContent
{
	 width: 100%;
	 height: 100%;
}

.homePageContent td
{
	 vertical-align: top;	 
}

.homeContent
{
	 width: 1000px;	 
	 background: #fff;
	 height: 400px;
}

table.homeContent td
{
	 vertical-align: top;
	 padding: 20px;
}

.homeContent td td
{
	  padding: 10px;
}

.operationsContent
{
	 width: 1000px;	 
	 background: #fff;
	 height: 400px;
}

.operationsContent td
{
	 vertical-align: top;
	 padding: 5px;
}


.homeRightColumn
{
	border-left: solid 1px #9a9a9a;	
	background-color: #D32E12;	
	vertical-align: top;
	padding: 0px;
	width: 248px;
	
}

.footerHolder
{
	background: #000 url(../images/footerHolderBG.jpg) repeat-x top center;
	
}

.footer
{
	
	width: 100%;	
}

td.Notice
{
	height: 100px;
	vertical-align: top;
	color: #fff;
	padding-top: 50px;	
}

.footer td
{	
	font-family: Tahoma;		
	letter-spacing: 1;
	color: #D7A900;
	font-size: 9px;		
	padding-top: 10px;
}


.footer a, .footer a:visited, .footer a:active
{
	font-family: Tahoma;
	font-size: 9px;
	color:  #D7A900;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1;
}

.footer a:hover
{
	font-family: Tahoma;
	font-size: 9px;
	color:  #ffffff;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1;
}

.FormRequiredTextField
{
	background-color: #F5F5EB;
	padding: 5px;	
	
	font-weight: bold;
}

.FormDataField
{
	padding: 5px;
	
}

.FormTextField
{
	background-color: #F5F5EB;
	padding: 5px;
	border-top: solid 0px #ffffff;
	
	
}

.FormHeader
{
	background-color: #D8CAAF;
	padding: 5px;
	color: #000000;
	font-weight: bold;
	border-top
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.HeaderRow
{
	background-color: #D8CAAF;
	padding: 5px;
	color: #000000;
	font-weight: bold;	
	border-bottom: solid 1px #000000;
}

.FormLabelCell
{
	
	padding: 5px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

.FormInstructions
{
	
}

.FormContent
{
	
}

.FormFooter
{
	padding: 5px;
	text-align: right;

}







.FormValidation
{
	background-color: #F5F5EB;
	padding: 5px;
	
}

.FormFields
{
	padding: 5px;
	
}

.FormLabelRequired
{
	background-color: #F5F5EB;
	padding: 5px;
	
}

.FormLabel
{
	background-color: #F5F5EB;
	padding: 5px;
	
}

.RequiredStar
{
	font-weight: bold;
	color: #ff0000;	
	width: 15px;
	text-align: left;	
	padding-right: 5px;	
}

.NotRequiredStar
{
	font-weight: bold;
	color: #ff0000;	
	width: 15px;
	text-align: left;	
	padding-right: 5px;	
	visibility: hidden;
}

.iconKey
{
	white-space: nowrap;
	
	text-align: left;	
	padding-left: 5px;
	padding-right: 5px;
	*padding-left: 2px;
	*padding-right: 3px;
}



.box
{

	height: 100%;	
	*border: solid 1px #fff;
}



.boxBody
{
	background: #fff url(../images/boxBG.jpg) repeat-X bottom center;
	padding: 10px;
	vertical-align: top;
    border: solid 1px #fff;
    *border: solid 0px #fff;
}

.boxBody2
{
	background: #fff url(../images/boxBG.jpg) repeat-X top center;
	padding: 10px;
	vertical-align: top;
	border: solid 1px #fff;
	*border: solid 0px #999;
}

.titleBox
{
	
	width: 180px;	
	*border: solid 1px #ccc;
	
}



.titleBoxBody
{
	background: #fff url(../images/boxBG.jpg) repeat-X bottom center;
	padding: 5px 10px;
	vertical-align: top;
	border: solid 1px #ccc;
	*border: solid 0px #ccc;
}

 .boxbody2
{
	*border-left: solid 1px #525253;	
	border-right: solid 1px #525253;	
	padding: 14px 14px 0px 14px;
	background: #BEBEC2 url(../images/boxContentBG.jpg) repeat-y top left;
	*background: #BEBEC2 url() repeat-y top left;
	font-size: 10px;	
}

.boxbody2 ul
{
 margin-left: -25px;
 *margin-left: 15px;
 
}


.boxBottom
{
	width: 100%;	
	font-weight: bold;
	font-family: Tahoma;
	border-bottom: 0px solid #767679;
	background: #BEBEC2 url(../images/boxBottomBG.gif) repeat-x bottom center;
	padding-bottom: 5px;
}

.boxCornerRight
{
	background: transparent url(../images/boxCornerBGRight.gif) no-repeat top right;
	height: 24px;
}

.boxCornerLeft
{
	background: transparent url(../images/boxCornerBGLeft.gif) no-repeat top left;
	height: 24px;
}

/*------ history ------------*/
	.history
{
	background: #DAC8BA url(../images/history_back.jpg) top left;	
	color: #000000;		
	border: #5A0B02 1px solid;	
	padding: 10px;
	width: 800px;
}

.newsarticleHome
{
    margin-bottom: 10px;    
}

/*------ print ------------*/

.print 
{ 
    display: none;
}
/* Specifies how tags With these classes are printed */

@media print {

    /* All the form elements under the class bellow will Not be printed */
        .noprint {
	         display: none;
	        }
}

/* ============================================================================
   CSP REMEDIATION: Extracted Inline Styles
   Added for Content Security Policy compliance - removing all inline styles
   ============================================================================ */

/* COVID Banner Styles (from SiteMaster.Master inline style block) */
.covid span {
    color: #fff;
}
.covid a, .covid a:visited, .covid a:active {
    color: #fff;
}
.covid a:hover {
    color: #fff;
}

/* Master Page Layout Styles */
.master-layout-table {
    width: 100%;
    height: 100%;
}
.header-spacer {
    width: 50%;
}
.header-logo-cell {
    width: 500px;
}
.header-right-cell {
    width: 500px;
    text-align: right;
}
.content-spacer {
    background: transparent;
}
.content-cell {
    width: 1000px;
    padding: 0px;
}
.footer-height {
    height: 100%;
}
.footer-content {
    height: 100%;
    vertical-align: top;
}
.footer-text-right {
    text-align: right;
    vertical-align: top;
}
.fnf-logo {
    margin-left: 20px;
}

/* Wistia Video Embed Styles */
.wistia-wrapper {
    padding: 75.0% 0 0 0;
    position: relative;
}
.wistia-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wistia-video {
    height: 100%;
    position: relative;
    width: 100%;
}
.wistia-swatch {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 200ms;
    width: 100%;
}
.wistia-swatch-img {
    filter: blur(5px);
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/* Utility Classes - Width */
.width-50pct { width: 50%; }
.width-100pct { width: 100%; }
.width-100px { width: 100px; }
.width-230px { width: 230px; }
.width-250px { width: 250px; }
.width-400px { width: 400px; }
.width-425px { width: 425px; }
.width-500px { width: 500px; }
.width-640px { width: 640px; }
.width-780px { width: 780px; }
.width-800px { width: 800px; }
.width-1000px { width: 1000px; }

/* Utility Classes - Height */
.height-100pct { height: 100%; }
.height-100px { height: 100px; }
.height-283px { height: 283px; }
.height-400px { height: 400px; }
.height-480px { height: 480px; }

/* Utility Classes - Text Alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Utility Classes - Vertical Alignment */
.vertical-top { vertical-align: top; }
.vertical-middle { vertical-align: middle; }
.vertical-bottom { vertical-align: bottom; }

/* Utility Classes - Padding (Individual Sides) */
.padding-0 { padding: 0; }
.padding-0px { padding: 0px; }
.padding-3px { padding: 3px; }
.padding-5px { padding: 5px; }
.padding-10px { padding: 10px; }
.padding-20px { padding: 20px; }
.padding-top-0 { padding-top: 0; }
.padding-top-3 { padding-top: 3px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-20 { padding-top: 20px; }
.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-3 { padding-bottom: 3px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-right-0 { padding-right: 0; }
.padding-right-10 { padding-right: 10px; }
.padding-right-20 { padding-right: 20px; }
.padding-left-0 { padding-left: 0; }
.padding-left-10 { padding-left: 10px; }
.padding-left-20 { padding-left: 20px; }

/* Utility Classes - Padding (Compound) */
.padding-20-0-0-0 { padding: 20px 0px 0px 0px; }
.padding-10-0-0-0 { padding: 10px 0px 0px 0px; }

/* Utility Classes - Border */
.border-0 { border: 0; }
.border-none { border: none; }
.border-solid-black-1 { border: solid 1px #000; }
.border-solid-gray-1 { border: solid 1px #ccc; }
.border-solid-green-0 { border: solid 0px #00ff00; }
.border-top-gray { border-top: 1px solid #767679; }
.border-bottom-gray { border-bottom: 1px solid #767679; }
.border-right-black { border-right: solid 1px #000; }
.border-collapse { border-collapse: collapse; }

/* Utility Classes - Background */
.bg-transparent { background: transparent; }

/* Utility Classes - Display */
.display-none { display: none; }
.display-block { display: block; }
.display-inline { display: inline; }
.display-inline-block { display: inline-block; }

/* Utility Classes - Position */
.position-relative { position: relative; }
.position-absolute { position: absolute; }

/* Utility Classes - Font and Text */
.font-tahoma-10 { font: normal 10px tahoma; }
.font-weight-bold { font-weight: bold; }
.font-weight-normal { font-weight: normal; }
.color-red { color: #990000; }
.color-white { color: #fff; }
.color-black { color: #000; }

/* Utility Classes - Nowrap */
.nowrap { white-space: nowrap; }

/* ECAccount Specific Styles */
.ec-account-container {
    padding: 0px;
    border: solid 0px #00ff00;
}
.ec-account-header {
    padding: 20px 0px 0px 0px;
}
.ec-form-table {
    border: solid 1px #ccc;
    width: 100%;
}
.ec-form-collapse {
    border-collapse: collapse;
}

/* Contact Form Specific Styles */
.contact-form-container {
    width: 425px;
    border: solid 1px #ccc;
}
.contact-field {
    width: 400px;
    padding-bottom: 3px;
}
.contact-message-box {
    width: 250px;
}

/* Error Page Styles */
.error-message-font {
    font-family: Verdana;
}

/* Utility Classes - Padding Left */
.padding-left-15 { padding-left: 15px; }

/* Utility Classes - Font Size */
.font-size-8px { font-size: 8px; }
.font-size-16px { font-size: 16px; }

/* Utility Classes - Width */
.width-50pct { width: 50%; }
.width-133px { width: 133px; }
.width-135px { width: 135px; }
.width-155px { width: 155px; }
.width-170px { width: 170px; }
.width-195px { width: 195px; }
.width-285px { width: 285px; }

/* Default.aspx specific classes */
.default-news-box {
    width: 285px;
}
.default-rate-box {
    width: 195px;
}
.default-office-box {
    width: 170px;
}
.default-history-box {
    width: 155px;
}
.default-lang-box {
    width: 133px;
}
.default-wistia-embed {
    display: inline-block;
    height: 113px;
    position: relative;
    width: 150px;
}
.margin-bottom-0 { margin-bottom: 0px; }

/* Office.aspx specific classes */
.office-box {
    width: 155px;
    border: solid 1px #ccc;
}
.width-165px { width: 165px; }
.text-align-center { text-align: center; }

/* Operations.aspx specific classes */
.width-220px { width: 220px; }
.text-align-left { text-align: left; }
.padding-top-15 { padding-top: 15px; }

/* ContactUs.aspx specific classes */
.contact-table-425 {
    width: 425px;
    border: solid 1px #ccc;
}
.contact-table-300 {
    width: 300px;
}
.contact-width-75pct {
    width: 75%;
}
.contact-width-25pct {
    width: 25%;
}
.contact-width-60pct {
    width: 60%;
}
.contact-width-40pct {
    width: 40%;
}
.contact-bg-ccc {
    background-color: #ccc;
}
.contact-bg-f0f0f0 {
    background-color: #f0f0f0;
}
.contact-bg-e5e9ec {
    background-color: #E5E9EC;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.color-green {
    color: green;
}
.font-weight-bold {
    font-weight: bold;
}
.vertical-align-top {
    vertical-align: top;
}
.padding-right-20 {
    padding-right: 20px;
}
.padding-bottom-3 {
    padding-bottom: 3px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.border-bottom-gray {
    border-bottom: 1px solid #767679;
}
.border-top-gray {
    border-top: 1px solid #767679;
}
.padding-10-0 {
    padding: 10px 0px;
}
.padding-10-0-0-0 {
    padding: 10px 0px 0px 0px;
}

/* Additional utility classes */
.bg-c2c2c2 {
    background-color: #c2c2c2;
}