html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: Arial,Trebuchet MS,Helvetica,Sans-Serif; }
input, select, textarea { font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color: #666; font-weight: bold; }

body { background-color: #666; margin: 0; padding: 0; width: 100%; }
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; font-weight: normal; }
p { margin-top: 1em; margin-bottom: 1em; }
table tr { vertical-align: top; }
h1, h2, h3, h4, h5, h6, label, error { font-weight: bold; margin: 0.5em 0px; }
h1 { color: #E68E2F; font-size: large; margin-top: 0px; margin-bottom: 1em; }
h2 { color: #666; font-size: medium; }
h3 { color: #1C94C4; font-size: small; }
h4 { color: #8C085A; font-size: small; }
h5 { color: #222; font-size: x-small; }
h6 { color: #222; font-size: xx-small; }
ol, ul { margin-left: 1.5em; padding-left: 0px; }
ol { list-style-type: decimal; }
ul { list-style-type: square; }
li { margin-bottom: 0.5em; vertical-align: top; }
a { color: #1B5BAD; }
a:hover, a:active { color: #5789C8; }

body { margin: 0px; padding: 0px; background-color: #666; background-image: url(Hastings/bg-grey-fade.jpg?v=1); background-repeat: repeat-x; background-position: top left; }

.hmi-layout-container { min-width: 768px; width: 80%; margin: 12px auto; }
.hmi-layout-frame { border-top: 2px solid #8DADD6; border-bottom: 2px solid #8DADD6; background-color: #fff; color: #222; }
.hmi-layout-banner ul { float: left; position: absolute; top: 58px; }
.hmi-layout-banner-table { width: 100%; border-collapse: collapse; }
.hmi-layout-banner-table img { float: left}
.hmi-layout-banner-table td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }
.hmi-layout-banner li { float: left; padding: 0px; margin: 0px; list-style: none; }
.hmi-layout-banner li a { display: block; padding: 6px 12px; text-decoration: none; font-weight: bold; }
.hmi-layout-banner-table { margin: 0px; border-collapse: collapse; }
.hmi-layout-banner-table-bg { background-image: url(Hastings/banner-hastingsmutual-left.jpg?v=1); background-repeat: repeat-x; background-position: top left; }
.hmi-layout-banner-cell-bg { width: 100%; background-image: url(Hastings/banner-hastingsmutual-right.jpg?v=1); background-repeat: repeat-x; background-position: top left; }
.hmi-layout-banner-logo { float: left; margin-left: 2em; padding-top: 80px; background-image: url(Hastings/banner-hastingsmutual.jpg?v=1); background-repeat: no-repeat; background-position: top left; width: 351px; height: 108px; }
.hmi-layout-banner-find-an-agent { float: left; margin-left: 2em; padding-top: 80px; background-image: url(Hastings/banner-hastingsmutual-find-an-agent.jpg?v=1); background-repeat: no-repeat; background-position: top left; width: 351px; height: 269px; }
.hmi-layout-find-an-agent-form { position: relative; top: 52px; left: 80px; }
.hmi-layout-go-to-homepage-link { display: block; height: 100px; }
.hmi-layout-mainContent { clear: both; padding: 20px; border-bottom: #ddd 1px solid; border-top: #666 1px solid; font-size: medium; line-height: normal; }
.hmi-layout-footer { color: #ccc; font-size: smaller; padding: 3px; text-align: center; }
.hmi-layout-footer a:link, .hmi-layout-footer a:hover, .hmi-layout-footer a:active, .hmi-layout-footer a:visited { color: #ccc; text-decoration: none; }
.hmi-layout-footer a:hover { color: #eee; }
.hmi-layout-section { background-color: #ccc; padding: 1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.hmi-layout-wrap { background-color: #fff; padding: 1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.hmi-layout-popup { }
.hmi-layout-popup h2 { color: #1C94C4; text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding: 1em; }
.hmi-layout-popup .hmi-table { margin-left: auto; margin-right: auto; }
.hmi-layout-copy { font-family: Calabri, Tahoma, Verdana, Arial, Sans-Serif; line-height: 150%; font-size: medium; }
.hmi-layout-copy-header { font-family: Cambria, Verdana, Arial, Sans-Serif; line-height: 150%; font-size: medium; font-weight: bold; }
.hmi-layout-image-float-right { margin: 0 0 2em 2em; float: right; border: none; }
.hmi-layout-image-float-left { margin: 0 2em 2em 0; float: left; border: none; }

.fg-menu li { list-style-type: none; font-size: small; vertical-align: middle; }
.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active, .fg-menu span { font-size: small; white-space: normal; line-height: 1em; }
.fg-menu a:link { color: #222; }
.hmi-menu-divider { display: block; border: none; border-bottom: #999 solid 1px; margin: 2px 5px; padding: 0px; height: 1px; background-color: Transparent; }
#hmi-nav-menu .hmi-nav-link-top { color: #5789C8; font-size: medium; }
#hmi-nav-menu a:hover { color: #5789C8; }
.hmi-nav-link-top { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.hmi-nav-link-top.hmi-nav-state-hover { background-color: #fff; }

.hmi-table { border-collapse: collapse; border-left: 1px solid #ddd; border: 6px solid #eee; }
.hmi-table-centered { margin-left: auto; margin-right: auto; }
.hmi-table-striped { }
.hmi-table td, .hmi-table th { color: #666; padding: 8px; border-bottom: 1px solid #DDD; vertical-align: middle; }
.hmi-table label { font-size: small; margin-right: 0.5em; color: #666; display: block; margin-right: 1em; text-align: right; line-height: 1.5em; }
.hmi-table input[type="text"], .hmi-table input[type="password"], .hmi-table select { padding: 5px; }
.hmi-table-row-header th, .hmi-table-row-header td { background: #555; color: #eee; vertical-align: middle; padding: 6px; font-weight: bold; border-bottom: 1px solid #666; }
.hmi-table-row-light td { background-color: #eee; }
.hmi-table-row-medium td { background-color: #dcdcff; }
.hmi-table-row-total td { font-weight: bold; padding-top: 12px; background-color: #343466; color: #ecebff; }

.hmi-label-left label { text-align: left; }
.hmi-label-right label { text-align: right; }

.hmi-ui-text-focus { background-color: #ccc; }
.hmi-ui-text-watermark { color: #CCC; font-weight: bold; }
.hmi-ui-text-highlight { background-color: #fc6; }
.hmi-ui-error-message { color: #900; margin-bottom: 3px; }
.hmi-ui-indicator { background: url('Cad/indicator-trans.png') no-repeat center 33.3%; width: 16px; height: 16px; }
.hmi-ui-indicator-valid { background-position: top center; }
.hmi-ui-indicator-invalid { background-position: center 66.6%; }
.hmi-ui-indicator-wait { background-position: center 100%; }

.hmi-feedback { color: #333; border: 1px solid #222; margin: 1em 0; padding: .5em; background: url('Cad/bg-grey-invert.jpg?v=1') repeat-x 50% bottom; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.hmi-feedback td { vertical-align: middle; }
.hmi-feedback-icon { padding-right: 1em; vertical-align: top; }
.hmi-feedback-green { border-color: #6c3; background-image: url(Cad/bg-green-invert.jpg?v=1); }
.hmi-feedback-lightBlue { border-color: #036; background-image: url(Cad/bg-lightBlue-invert.jpg?v=1); }
.hmi-feedback-yellow { border-color: #f90; background-image: url(Cad/bg-yellow-invert.jpg?v=1); }
.hmi-feedback-red { border-color: #900; background-image: url(Cad/bg-red-invert.jpg?v=1); }

table.vTbl { border-collapse: collapse; }
table.vTbl td { border: 0px; padding: 0px; margin: 0px; }

.ui-tab-vertical { width: 130px; display: block; white-space: normal; }
.ui-state-highlight h2, .ui-state-error h2 { margin: 2em; }
.ui-state-error h2 { color: #fff; }

/* layout corrections for spacing */
#hmi-layout-banner-table {margin-bottom: 0px;}
.tabs ul { padding-top: 1em; }

/* Styles for jQuery menu widget
Author:	Maggie Wachs, maggie@filamentgroup.com
Date:		September 2008
*/


/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em;  overflow: hidden; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; }

.fg-menu a { border: 1px dashed transparent; }

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }