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; }

body { margin: 0px; padding: 0px; background-color: #666; background-image: url(Images/bg-grey-fade.jpg?v=1); background-repeat: repeat-x; background-position: top left; }
body, td, th, textarea, input, select, h2, h3, h4, h5, h6 { font-style: normal; font-variant: normal; font-weight: normal; }
input, select, textarea { font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif; color: #666; }
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; }
b,strong { font-weight: bold; }
i,em { font-style: italic; }
hr { color: #fff; }

.hide { display: none; }
.red { color: #f00; }

.hmi-layout-container { min-width: 768px; width: 90%; 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: 57px; margin: 0 0 0 1.5em; }
.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(Images/banner-hastingsmutual-left.jpg); background-repeat: repeat-x; background-position: top left; }
.hmi-layout-banner-cell-bg { width: 100%; background-image: url(Images/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(Images/banner-hastingsmutual.jpg?); 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(Images/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: 50px; left: 70px; }
.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; border-radius: 6px; }
.hmi-layout-wrap { background-color: #fff; padding: 1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.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; }
.hmi-popup-outline { border: solid 4px orange; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.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; 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-divider-thin { width: 100%; height: 2px; background-color: #ccc; margin: 1em 0; }
.hmi-divider-grey { border-top: 2px solid #ccc; margin: 2em 0px; }

.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('Images/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('Images/bg-grey-invert.jpg') repeat-x 50% bottom; -moz-border-radius: 4px; -webkit-border-radius: 4px; 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(Images/bg-green-invert.jpg); }
.hmi-feedback-lightBlue { border-color: #036; background-image: url(Images/bg-lightBlue-invert.jpg); }
.hmi-feedback-yellow { border-color: #f90; background-image: url(Images/bg-yellow-invert.jpg); }
.hmi-feedback-red { border-color: #900; background-image: url(Images/bg-red-invert.jpg); }

.hmi-bg-lightBlue { background: url(Images/bg-lightBlue.jpg) repeat-x top; }
.hmi-bg-lightGrey { background: url(Images/bg-grey.jpg) repeat-x top; }
.hmi-bg-orange { background: url(Images/gradientBg_orange.jpg) repeat-x top; }

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

/* JQuery UI Style Modifications */
.ui-datepicker-trigger { position: relative; top: 5px; }
#ui-datepicker-div { z-index: 9999999; }
.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; }
.ui-widget { font-size: 0.9em; }
.ui-button { font-size: 90%; }

/* 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; }