/* RESET STYLES */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

.nowrap {
	white-space:nowrap;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* WHOLE ELEMENT STYLES */

html {
	overflow-y: scroll;
}

body {
	background-color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/* Removed redundant heading definitions. See .content */

input, select {
	font-family: inherit; /* form inputs should inherit the font from the body */
}

a {
	outline: none;
	text-decoration: none;
}

a:focus, a:active {
	outline: none;
}

a:link {color: #447892}
a:visited {color: #8A8C8F}
a:hover {color: #4C993E}
a:active {color: #8A8C8F} /* E7A75C */

a.phone, a.phone:active, a.phone:visited, a.phone:hover {
	white-space: nowrap;
	color: #000;
	text-decoration: none;
}

sup, sub {
	font-size: 85%;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}


/* MAIN CONTAINERS */

.page, #page {
	width: 1025px;
	margin: 0 auto;
	background: transparent url('/assets/img/backgrounds/left-column.png') repeat-y scroll 0 0;
	overflow: hidden; /* prevent 1px whitespace between bottom of div and browser frame in Firefox */
}

.sidebar {
	width: 245px;
	float: left;
}

.main {
	width: 780px;
	float: left;
}

.header {
}

.footer {
	clear: both;
	overflow: hidden; /* prevent collapsing top margin */
}

.content {
	clear: both;
}

.content_head {
}

.content_main {
	float: left;
	width: 560px;
	min-height: 300px;
}

.content_sidebar {
	float: left;
	width: 220px;
}




/* SIDEBAR (fixed left column) */

.sidebar {
	font-size: 15px;
	color: #000;
}

/* Logo area */

.sidebar_logo {
	height: 90px;
	background-color: #DCDBE0;
	padding: 0.1px;
}

.sidebar_logo svg, .sidebar_logo image {
	width: 90px;
	height: auto;
	margin-right: 10px;
	display: block;
	float: left;
}

.sidebar_logo #hio_logo_bg {
	transition: none;
}

.sidebar_logo a:hover #hio_logo_bg {
	fill: #5884A1;
}

.sidebar_logo p {
	color: #000;
	font-size: 16px;
	margin-top: 32px;
}


/* Module elements in left sidebar */
.left_module {
	margin: 15px 20px;
	position: relative; /* contain absolute positioned link */
}

.left_module a.whole_div span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.left_module a.whole_div:hover ~ p {
	color: #447892;
}

.left_module h3 {
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}

.left_module.strong h3 {
	font-size: 20px;
}

.left_module p, .left_module ul li {
	margin-bottom: 0;
}

.left_module ul {
	margin: 5px 0 15px 0;
	line-height: 1.5;
}

.left_module ul li {
	margin-bottom: 0;
}

.left_module ul.blue_square li {
	padding-left: 15px;
	background: transparent url('/assets/img/icons/bullet-blue_square-10x10.png') no-repeat scroll 0 6px;
}

.left_module ul.blue_dot li {
	padding-left: 15px;
	background: transparent url('/assets/img/icons/bullet-blue_dot-4x4.png') no-repeat scroll 5px 10px;
}

.left_module ul li a:link {color: #000}
.left_module ul li a:visited {color: #000}
.left_module ul li a:hover {color: #000; text-decoration: underline}
.left_module ul li a:active {color: #000; text-decoration: underline}

.left_module p {
	line-height: 1.3;
}

.left_module p.one_line {
	color: #666;
}


/* Phone number section */

.left_module.phone_number {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px 0;
	text-align: center;
}

.left_module.phone_number h3 {
	font-size: 24px;
	color: #508FAF;
}

.left_module.phone_number p {
	font-size: 13px;
}



/* Value statement section */

.left_module.value_statement {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 10px;
	margin-bottom: 40px;
}

.left_module.value_statement p {
	line-height: 1.5;
	font-size: 16px;
}



/* social icons */

.left_module.social {
	margin-top: 100px;
}

.left_module.social ul {
	overflow: hidden; /* contain floated li */
	margin-bottom: 0;
}

.left_module.social li {
	float: left;
}

.left_module.social img {
	width: 32px;
	height: auto;
	display: block;
	padding: 0 5px;
}


/* search form - used in both sidebars, don't limit to .left_module */


.sidebar_search {
	border: 1px solid #CCC;
	background-color: #FFF;
}

.sidebar_search form {
}

.sidebar_search input {
}

.sidebar_search input.submit_search {
	position: static;
	float: left;
	display: block;
	padding: 5px;
	width: 24px;
	height: auto;
}

.sidebar_search input.search_input {
	background-color: #FFF;
	padding: 0;
	font-size: 17px;
	border: none;
	margin: 0 0 0 10px;
	height: 36px;
	line-height: 36px;
}

.left_module.sidebar_search input.search_input {
	width: 180px;
}

.module .sidebar_search input.search_input {
	width: 130px;
}


/* secure badge */

.left_module.secure_badge {
}

.left_module.secure_badge > a > img {
	width: 100px;
	height: auto;
}




/* When there is more than one phone number in the form at splash image */
.phone_primary {font-size:0.9em;}
.phone_secondary {font-size:0.8em;}




/* MAIN */

.main {
	background-color: #FFF;
}

.main img {
	max-width: 100%;
	height: auto;
}


/* HEADER */

.header {
}

.header_liner {
	margin-left: 30px;
}



/* Header nav and footer nav now styled mostly similar */

ul.text_nav {
	overflow: hidden; /* contain floated li */
	margin: 10px 0 10px -8px; /* -8px to counteract even padding on nav elements */
}

ul.text_nav li {
	float: left;
	padding: 8px 0;
}

ul.text_nav li a, ul.text_nav li.divider span {
	font-size: 14px;
	line-height: 1.333;
	display: block;
	padding: 4px 8px;
}

ul.text_nav li a:link {color: #8A8C8F}
ul.text_nav li a:visited {color: #8A8C8F}
ul.text_nav li a:hover {color: #000; text-decoration: underline}
ul.text_nav li a:active {color: #000; text-decoration: underline}

ul.text_nav li a.selected {
	color: #000;
}

ul.text_nav li.divider span {
	background-color: #DCDBE0;
	font-weight: bold;
}

ul.text_nav li.background a {
	background-color: #F8F8FB;
}


/* Header nav only */
ul.text_nav.header_nav {
}


/* Footer nav only */
ul.text_nav.footer_nav {
	margin-bottom: 30px;
}


/* Header social media */

.header div.social_media {
	color: #CCC;
	padding: 10px 8px;
	position: absolute;
	top: 0;
	right: 0;
}

.header div.social_media table tr td {
	vertical-align: middle;
	padding-right: 4px;
}






/* MOBILE HEADER */

.mobile_header {
	display: none;
}

/* MOBILE HEADER - top, the portion that is always on */

.mobile_header_top {
	position: relative; /* contain absolute positioned children */
	z-index: 2; /* rise above subsequent content */
}

.mobile_header_logo {
	position: absolute;
	top: 0;
	left: 0;
}

.mobile_header_logo svg, .mobile_header_logo image {
	display: block;
	width: 86px;
	height: 86px;
}

.mobile_header_logo image {
}

.mobile_header_logo #hio_logo_bg {
	transition: none;
}

.mobile_header_logo a:hover #hio_logo_bg {
	fill: #5884A1;
}


.mobile_toggle_label {
	position: absolute;
	top: 2px;
	right: 5px;
}

.mobile_toggle_label svg path.bg {
	fill: #000;
	fill-opacity: 0.25;
}

.mobile_toggle_label svg path.fg {
	fill: #FFF;
}

.mobile_toggle_label:hover svg path.fg {
	fill: #EEE;
}


/* These are seen on the quotes page, which has a simpler non-expanding mobile header */
.mobile_header_text, .mobile_telephone_help {
	display: block;
	margin-left: 86px; /* width of logo */
	height: 43px;
	line-height: 43px;
	padding-left: 10px;
	font-size: 14px;
	color: #FFF;
}

.mobile_header_text {
	background-color: #30576B;
}

.mobile_telephone_help {
	background-color: #E7A75C;
}

.mobile_telephone_help:link {color: #FFF}
.mobile_telephone_help:visited {color: #FFF}
.mobile_telephone_help:hover {color: #FFF}
.mobile_telephone_help:active {color: #FFF}



/* MOBILE HEADER - the toggle that turns the bottom section on and off */

input#mobile_toggle {
	display: none; /* Hidden checkbox for registering the toggle state */
}

input#mobile_toggle:checked + div.mobile_header_bottom {
	display: block;
}

/* MOBILE HEADER - bottom, the portion that is toggled on and off */

.mobile_header_bottom {
	display: none;
}


/* Content that is sometimes present between logo and menu button */

.mobile_header_bottom .infill {
	background-color: #E5E5E5;
	padding: 15px 0 0 96px; /* 96 is width of logo plus gutter */
	color: #8A8C8F;
	font-size: 15px;
	line-height: 1.15;
	height: 71px; /* height of logo minus top padding */
}

.mobile_header_bottom .infill a {
	color: #F57820;
	font-size: 17px;
	font-weight: bold;
}

.mobile_header_bottom .infill a:link {color: #F57820}
.mobile_header_bottom .infill a:visited {color: #F57820}
.mobile_header_bottom .infill a:hover {color: #E56010}
.mobile_header_bottom .infill a:active {color: #E56010}


/* Begin columns of links */

.mobile_column {
	width: 50%;
	float: left;
	background-color: #FFF;
}

.mobile_column.left {
}

.mobile_column.right {
}

.mobile_column li a {
	display: block;
	padding: 9px 10px;
	color: #000;
	font-size: 19px;
	border: 1px solid #DDD;
	margin-top: -1px; /* horizontal borders overlap */
}

.mobile_column li a:hover {background-color: #EEE}

.mobile_column.right li a {
	border-left: none; /* single pixel rule at center */
}


.mobile_search {
}

.mobile_search div {
	position: relative; /* Contain absolute position button image */
	width: 200px;
	margin: 10px auto;
}

.mobile_search input#mobile_search_input {
	padding: 2px 25px 2px 5px;
	font-size: 17px;
	width: 168px;
	margin: 0;
}

.mobile_search input#mobile_submit_search {
	position: absolute;
	top: 5px;
	right: 3px;
	padding: 0;
}





/* FOOTER */

.footer {
}

.footer_liner {
	margin: 60px 0 25px 30px;
}

/* See header section for footer nav, they are now styled similarly */


.footer_social {
	display: none; /* This gets revealed for mobile */
	margin-bottom: 20px;
}

.footer_social table tr td {
	padding: 5px;
	vertical-align: middle;
}


.footer_text {
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
}

.footer_text p {
	margin-bottom: 15px;
}






/* CONTENT */

.content {
}



/* Heading used in content body */

.content h1 {
	font-size: 32px;
	line-height: 1.25;
	font-weight: normal;
	margin: 0 0 20px 0
}

.content h2 {
	font-size: 24px;
	line-height: 1.25;
	font-weight: normal;
	margin: 30px 0 15px 0
}

.content h3 {
	font-size: 20px;
	line-height: 1.25;
	font-weight: normal;
	margin: 25px 0 12px 0;
}

.content h4, .content h5, .content h6 {
	line-height: 1.25;
	font-weight: bold;
	margin: 20px 0 10px 0
}

.content h4 {
	font-size: 18px;
}

.content h5 {
	font-size: 16px;
}

.content h6 {
	font-size: 14px;
}


/* Primary headings for each page */

.content_head h1, .content_head h2.title {
	margin: 20px 0 0 0;
	font-size: 32px;
	color: #000;
}

.content_head h2, .content_head h3.subtitle {
	margin: 0 0 20px 0;
	font-size: 24px;
	color: #8A8C8F;
}




/* Content head area */

.content_head {
	overflow: hidden; /* prevent collapsing margin */
}

.content_head_splash {
	overflow: hidden; /* prevent collapsing margin */
	position: relative; /* contain absolute positioned overlay, photo credit */
}

.content_head_splash > img {
	display: block;
	width: 780px;
	height: auto;
}

.content_head_splash img.splash_overlay {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: auto;
}

.content_head_splash p.cite {
	text-align: right;
	font-size: 11px;
	line-height: 1.25;
	position: absolute;
	bottom: 5px;
	right: 7px;
	color: #FFF;
}

.content_head_splash p.cite a {
	display: inline-block;
	line-height: 1.6;
}

.content_head_splash p.cite a.cc {
	padding-left: 18px;
	background: transparent url('/assets/img/icons/creative_commons.png') no-repeat scroll top left;
}

.content_head_splash p.cite a.public {
	padding-left: 18px;
	background: transparent url('/assets/img/icons/public_domain.png') no-repeat scroll top left;
}

.content_head_splash p.cite a:hover {
	text-decoration: underline;
}

.content_head_splash p.cite a:link {color: #FFF}
.content_head_splash p.cite a:hover {color: #FFF}
.content_head_splash p.cite a:visited {color: #FFF}
.content_head_splash p.cite a:active {color: #FFF}

.content_head_splash p.cite a.black:link {color: #000}
.content_head_splash p.cite a.black:hover {color: #000}
.content_head_splash p.cite a.black:visited {color: #000}
.content_head_splash p.cite a.black:active {color: #000}


.content_head_form {
}

.content_head_liner {
	margin: 0 0 0 30px;
}

.content_width {
	margin: 0 255px 0 0; /* right margin 195px + 60px to account for right sidebar and gutter */
}

/* Next and Previous navigation links */

/* First, class posts nav, which is words like "< Previous" and "Next >" */
.content_main ul.posts_nav {
	overflow: hidden; /* contain floated li */
	margin: 0 0 20px 0;
	font-size: 14px;
}

.content_main ul.posts_nav li {
	float: left;
	width: 50%;
	min-height: 17px; /* allow empty li to take up space */
}

.content_main ul.posts_nav li.posts_nav_left {
}

.content_main ul.posts_nav li.posts_nav_right {
	text-align: right;
}

.content_main ul.posts_nav li a {
	display: block;
	line-height: 1.25;
}

.content_main ul.posts_nav li.posts_nav_left a {
	padding-left: 10px;
}

.content_main ul.posts_nav li.posts_nav_right a {
	padding-right: 10px;
}

/* Second, compact posts nav, which is a small set of buttons like "[<][>]" */
ul.posts_nav.compact {
	font-size: 14px; /* size of unicode arrows */
	position: relative; /* contain absolute positioned buttons */
}

ul.posts_nav.compact li {
	display: block;
	height: 20px;
	width: 20px;
	border: 1px solid #CCC;
	background-color: #FFF;
	position: absolute; /* take these out of the regular flow of the page so headings stay constant whether this nav appears or not */
	top: 14px;
}

ul.posts_nav.compact li.posts_nav_left {
	right: 21px;
}

ul.posts_nav.compact li.posts_nav_right {
	right: 0;
}

ul.posts_nav.compact li a {
	display: block;
	height: 20px;
	width: 20px;
	line-height: 20px;
	text-align: center;
}

ul.posts_nav.compact li a:link    {background-color: #FFF; color: #8A8C8F}
ul.posts_nav.compact li a:visited {background-color: #FFF; color: #8A8C8F}
ul.posts_nav.compact li a:hover   {background-color: #EEE; color: #000}
ul.posts_nav.compact li a:active  {background-color: #EEE; color: #000}



/* Attribution section for single posts */

div.posts_by {
	margin-bottom: 20px;
	clear: both;
}

div.posts_by ul {
	margin: 0;
	list-style: none;
}

div.posts_by ul li {
	margin: 0;
	font-size: 11px;
}

div.posts_by ul li.author_name {
	font-size: 14px;
}

.quick_social {
	float: right;
}

.quick_social td {
	vertical-align: middle;
	padding: 0 2px;
}

/* Custom 22px social icons based on design, 2014-08-14 */
.quick_social a.img {
	display: block;
	height: 22px;
	width: 22px;
	background: transparent url('/assets/img/icons/social/sprites-22.png') no-repeat scroll 0 0;
	overflow: hidden;
}

.quick_social a.img.facebook {background-position: 0 0}
.quick_social a.img.twitter {background-position: -22px 0}
.quick_social a.img.google {background-position: -44px 0}
.quick_social a.img.sharethis {background-position: -66px 0}





/* Content main area */

.content_main {
}

.content_main_liner {
	margin: 0 30px;
}






/* Content meta section */
.content_meta {
	font-size: 12px;
	margin-bottom: 20px;
}


/* HIO social toolbar, 2015-10-02 */

table.hio_social_toolbar {
	border-collapse: separate;
	border-spacing: 4px;
	margin-bottom: 10px;
}

table.hio_social_toolbar td {
	border: none;
	padding: 0;
}

table.hio_social_toolbar td a {
	display: block;
}

table.hio_social_toolbar td a img {
	display: block;
}

table.hio_social_toolbar td a {background-color: #8A8C8F}
table.hio_social_toolbar td a.facebook {background-color: #305991}
table.hio_social_toolbar td a.twitter {background-color: #2DA7D2}

table.hio_social_toolbar td a:hover {background-color: #7A7C7F}
table.hio_social_toolbar td a.facebook:hover {background-color: #204981}
table.hio_social_toolbar td a.twitter:hover {background-color: #1D97C2}



/* Content comments section */

.content_comments {
	clear: both;
	margin-top: 40px;
	font-size: 12px;
}

/* Have facebook comments expand at larger sizes */
.fb-comments, .fb-comments * {
	width: 100% !important;
}






/* REUSEABLE CONTENT STYLES */


/* Text content (words, images, lists) viewed in full form  */

.full_text {
	line-height: 1.4;
	margin-bottom: 60px;
}

.full_text.content_width {
	margin: 0 255px 0 0; /* right margin 195px + 60px to account for right sidebar and gutter */
}

.full_text p {
	margin-bottom: 10px;
}

.full_text p.wp-caption-text {
	font-size: 12px;
}

.full_text p.footnote {
	padding-left: 35px;
}

.full_text p.footnote a.footnote {
	display: inline-block;
	width: 30px;
	margin: 0 5px 0 -35px;
	text-align: right;
}

.full_text ol, .full_text ul {
	margin-bottom: 10px;
}

.full_text ol {
	list-style-type: decimal;
}

.full_text ul {
	list-style-type: disc;
}

.full_text ol li, .full_text ul li {
	margin-left: 2em;
	margin-bottom: 10px;
}

.full_text ul.blue_square {
	list-style: none;
}

.full_text ul.blue_square li {
	padding-left: 15px;
	background: transparent url('/assets/img/icons/bullet-blue_square-10x10.png') no-repeat scroll 0 6px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.full_text blockquote {
	margin: 15px 25px;
}

.full_text hr {
	margin: 10px 0;
	border: none;
	border-top: 1px solid #CCC;
	clear: both;
}


/* Text content (posts) viewed in brief form */

/* common */

.brief_text {
	line-height: 1.333;
	clear: both;
	margin-bottom: 38px;
	overflow: hidden; /* contain floated image */
}

.brief_text div {
	margin-left: 115px; /* thumbnail width + gutter */
}

.brief_text h3 {
	margin: 0 0 5px 0;
}

.brief_text img.wp-post-image, .brief_text img.attachment-thumbnail {
	width: 100px;
	height: auto;
}

.brief_text p {
	margin-bottom: 10px;
}

.brief_text span.date {
	color: #8A8C8F;
}


/* specific */

/* POST - currently used on both posts and articles */
.brief_post {
	margin-bottom: 30px;
}

.brief_post h3 a:link {color: #000}
.brief_post h3 a:visited {color: #000}
.brief_post h3 a:hover {color: #000; text-decoration: underline}
.brief_post h3 a:active {color: #000; text-decoration: underline}


/* QUESTION */
.brief_question {
	margin-bottom: 30px;
}

.brief_question p {
	margin-top: 20px;
}


/* DEFINITION, RESOURCE, NEWS */
.brief_definition, .brief_resource {
	clear: none;
}

.brief_resource h3, .brief_news h3 {
	font-size: 16px;
	margin-bottom: 3px;
}


/* AUTHOR */
.brief_author {
	min-height: 100px; /* current thumbnail height */
}

.brief_author h3 {
	margin: 0;
	line-height: 1;
}

.brief_author p {
	margin-bottom: 0;
}

.brief_author img {
	float: left;
	width: 100px;
	height: auto;
}

.brief_author div {
	margin-left: 115px; /* current thumbnail width plus right margin */
}

.brief_author p.description {
	color: #666;
}


/* QUICK LOOK SECTION OF ARTICLES */
.quick_look {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}

.quick_look_liner {
	background-color: #FBF8EF;
	padding: 10px;
	margin: 0 0 0 7px;
}

.quick_look:first-child .quick_look_liner {
	margin: 0 7px 0 0;
}


.quick_look h3 {
	margin: 0 0 2px 0;
	font-size: 17px;
	font-weight: bold;
}

.quick_look p {
	font-size: 15px;
	line-height: 1.3;
	color: #666;
}

.quick_look p em {
	font-style: normal;
	color: #000;
}


/* A compact post shown in the right sidebar with thumbnail */
.sidebar_post {
	clear: both;
	margin-bottom: 25px;
	min-height: 100px; /* height of thumbnail */
	font-size: 13px;
	width: 220px; /* hardcode width so one long word that gets clipped doesn't expand all and lead to more clipping */
}

.sidebar_post img {
	width: 100px;
	height: auto;
}

.sidebar_post p {
	margin-left: 105px;
}
















/* CONTENT SIDEBAR */

.content_sidebar {
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}

.content_sidebar h3 {
	font-size: 18px;
	line-height: 1.333;
	margin: 0 0 8px 0;
	color: #666;
	font-weight: normal;
}

.content_sidebar h4 {
	font-size: 16px;
	line-height: 1.333;
	margin: 8px 0 5px 0;
	font-weight: normal;
}

.content_sidebar_liner {
}




/* Blocks of modules appearing in the sidebar */

.module {
	margin-bottom: 30px;
	padding: 0.1px; /* don't collapse margins */
}

/* Styles similar to other selects and inputs, could perhaps use a select/input theme */
.module select {
	margin-bottom: 10px;
	font-size: 17px;
	width: 100%;
	border: 1px solid #8A8C8F;
	color: #8A8C8F;
	background-color: rgba(230,230,230,0.7);
	padding: 0 7px;
	height: 38px;
	line-height: 38px;
}

/* Turn all of the options back to a normal color */
.module select option {
	color: #000;
	background-color: #FFF;
}

.module p {
	margin-bottom: 5px;
}

.module ul {
	margin: 5px 0 15px 0;
	line-height: 1.5;
}

.module ul li {
	margin-bottom: 0;
}

.module ul li svg {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	fill: #666;
}

.module ul li a:hover svg {fill: #447892}

.module ul li a:link {color: #000}
.module ul li a:visited {color: #000}
.module ul li a:hover {color: #000; text-decoration: underline}
.module ul li a:active {color: #000; text-decoration: underline}

.module ul.blue_dot li {
	padding-left: 15px;
	background: transparent url('/assets/img/icons/bullet-blue_dot-4x4.png') no-repeat scroll 5px 10px;
	font-size: 14px;
}



/* Twitter module */

div.tweet_module {
	padding: 7px 0;
}

.module p.twitter_content {
	color: #000;
	margin-bottom: 20px;
}


/* Ebook ad module */

.module.ebook_ad p {
	margin-top: 15px;
	font-size: 14px;
	color: #000;
}


/* King v Burwell module */

.module.king_v_burwell {
}

.module.king_v_burwell .go_button {
	border: none;
	color: #FFF;
	background-color: #508FAF;
	display: inline-block;
	line-height: 40px;
	width: 40px;
	font-size: 18px;
}

.module.king_v_burwell .go_button:hover {
	background-color: #5784A1;
}

/* Search forms at sidebar */

/*
This currently shares styles with another search form in
the other sidebar. See .sidebar_search in .header_column_1
*/


/* Open Enrollment Event Box module*/
.module.open_enrollment_event_box {
	border: 1px solid #8B8C94;
	padding: 0;
}

.module.open_enrollment_event_box h3 {
	background-color: #8B8C94;
	color: #FFF;
	font-size: 16px;
	margin: 0;
	padding: 5px 10px;
}

.module.open_enrollment_event_box ul {
	margin: 0;
	padding: 10px;
	line-height: 1.25;
	color: #000;
	font-size: 14px;
}

.module.open_enrollment_event_box ul li {
	margin-bottom: 5px;
}

.module.open_enrollment_event_box ul li a:link    {text-decoration: underline}
.module.open_enrollment_event_box ul li a:visited {text-decoration: underline}
.module.open_enrollment_event_box ul li a:hover   {text-decoration: underline}
.module.open_enrollment_event_box ul li a:active  {text-decoration: underline}


/* Recent Site Updates Module - actually a collection of several modules */

.modules_wrapper.recent_site_updates {
}

.modules_wrapper.recent_site_updates .module {
}

.modules_wrapper.recent_site_updates .module .sidebar_post {
	margin-bottom: 0; /* Don't need bottom margin here, because in site updates only one post is shown per section */
}

.modules_wrapper.recent_site_updates .module h3 a:link    {color: #666}
.modules_wrapper.recent_site_updates .module h3 a:visited {color: #666}
.modules_wrapper.recent_site_updates .module h3 a:hover   {color: #666; text-decoration: underline}
.modules_wrapper.recent_site_updates .module h3 a:active  {color: #666; text-decoration: underline}

.modules_wrapper.recent_site_updates .module p {
	line-height: 1;
	margin-bottom: 10px;
}

.modules_wrapper.recent_site_updates .module ul {
	margin-bottom: 10px;
	margin-left: 105px; /* thumbnail plus gutter */
}

.modules_wrapper.recent_site_updates .module ul li {
	line-height: 1;
	margin-bottom: 5px;
}

.modules_wrapper.recent_site_updates .module ul li:last-child {
	margin-bottom: 0;
}

.modules_wrapper.recent_site_updates .module ul li a {
	text-decoration: none;
}

/* Only include the p a to not show visited links in different color, to make links evergreen */
.modules_wrapper.recent_site_updates .module p a:link,
.modules_wrapper.recent_site_updates .module ul li a:link    {color: #447892}
.modules_wrapper.recent_site_updates .module p a:visited,
.modules_wrapper.recent_site_updates .module ul li a:visited {color: #447892}
.modules_wrapper.recent_site_updates .module p a:hover,
.modules_wrapper.recent_site_updates .module ul li a:hover   {color: #4C993E}
.modules_wrapper.recent_site_updates .module p a:active,
.modules_wrapper.recent_site_updates .module ul li a:active  {color: #4C993E}


/* State exchange list at sidebar */
/* See also .module ul */

ul.sidebar_exchanges {
}

ul.sidebar_exchanges li {
}

ul.sidebar_exchanges li a.selected {
	font-weight: bold;
}



/* FAQ categories at sidebar */
/* See also .module ul */

.faq_categories ul {
}

.faq_categories ul li {
}

.faq_categories ul li span {
}


/* Author social icons at sidebar */
ul.author_social {
	margin: 0;
	overflow: hidden; /* contain floated li */
}

ul.author_social li {
	margin: 0 7px 0 0;
	padding: 0;
	display: block;
	float: left;
}

ul.author_social li a {
}

ul.author_social li a img {
	display: block;
}





/* FRONT PAGE */




/* STATE GUIDES */

#states_root_nav {
	list-style: none;
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	margin-bottom: 30px;
}

#states_root_nav li {
	margin: 0;
}

#states_root_nav li a {
}

s#states_root_nav li a:hover {
	background-color: #F4F1BD;
}

#states_root_nav li a span.state_abbr {
	display: none;
}

div#BT50Widget {
	margin-top: 30px;
}

div#BT50Widget ul li {
	margin: 0;
}



/* STATE EXCHANGES */







/* BLOG */







/* GLOSSARY */

.glossary_nav {
	overflow: hidden; /* contain floated li */
	margin: 0 0 20px 0;
}

.glossary_nav li {
	float: left;
	border-left: 1px solid #CCC;
	padding: 1px 6px;
	font-size: 16px;
	color: #666;
}

.glossary_nav li:first-child {
	border: none;
}


.glossary_nav li a:link {color: #666}
.glossary_nav li a:visited {color: #666}
.glossary_nav li a:hover {color: #447892}
.glossary_nav li a:active {color: #000}


.glossary_drop_cap {
	font-size: 80px;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid black;
	width: 80px;
	line-height: 80px;
	text-align: center;
}



/* FREQUENTLY-ASKED QUESTIONS */






/* AUTHOR */

ul.posts_text_list {
}

ul.posts_text_list li {
	margin-bottom: 10px;
}

ul.posts_text_list li p {
	margin: 0;
}

ul.posts_text_list li p.title a {color: #000}
ul.posts_text_list li p.title a:hover {text-decoration: underline}

ul.posts_text_list li p.meta {
	font-size: 11px;
	color: #666;
}



/* CONTACT */

form.contact_form {
}

form.contact_form div {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

form.contact_form div.button {
	text-align: center;
	border: none;
}

form.contact_form div .err_msg {
	margin: 0;
	color: #900;
	font-weight: bold;
	text-align: center;
}

form.contact_form div label {
	width: 33%;
	display: inline-block;
	text-align: right;
}

form.contact_form div input, form.contact_form div textarea {
	width: 60%;
	padding: 3px;
	font-size: 14px;
}

form.contact_form div textarea {
	height: 120px;
}

form.contact_form div select {
	padding: 3px;
	font-size: 14px;
}









/* QUOTE FORMS - Parts that are reusable on several different forms */

/* Gold, rectangular, blank button */

form.hio_quote input.blank_gold, a.blank_gold {
	background: transparent url('/assets/img/quote-forms/buttons/blank-gold-slice.png') repeat-x 0 0;
	display: block;
	padding:0 15px;
	min-width: 131px;
	text-align: center;
	color: #000;
	border: 1px solid #94780D;
	border-radius: 3px;
	font-size: 18px;
}

form.hio_quote input.blank_gold {
	height: 36px;
}

a.blank_gold {
	height: 34px;
	line-height: 34px;
}

form.hio_quote input.blank_gold:hover, a.blank_gold:hover {
	background-position: 0 -34px;
}

form.hio_quote input.blank_gold.green_hilight {
	background-image: url('/assets/img/quote-forms/buttons/gold-green-slice.png');
}


/* 2015-10-07 - New button style - orange, rectangular, square corners */

input.orange, a.orange {
	padding:0 15px;
	min-width: 131px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	border: 1px solid #E56010;
	background-color: #F57820;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

input.orange {
	height: 36px;
}

a.orange {
	display: inline-block;
	height: 34px;
	line-height: 34px;
}

input.orange:hover, a.orange:hover {
	background-color: #E56010;
}

input.orange.large, a.orange.large {
	font-size: 30px;
	border-radius: 8px;
	min-width: 220px;
}

input.orange.large {
	height: 50px;
}

a.orange.large {
	height: 48px;
	line-height: 48px;
}







/* REUSABLE */

em {font-style: italic}
strong {font-weight: bold}

.clear {
	clear: both;
}

.theme_blue {
	color: #5E92B2;
}


.hio_table {
	border: 1px solid black;
	margin-bottom: 20px;
}

.hio_table th, .hio_table td {
	border: 1px solid #A9C6C9;
}

.hio_table th {
	font-size: 18px;
	background-color: #E2E0E0;
	padding: 4px;
}

.hio_table td {
	font-size: 13px;
}

.hio_table td a {
	display: block;
	color: #000;
	padding: 4px;
}

.hio_table td:hover {
	background-color: #F4F1BD;
}



table.hiotable {
	margin-bottom: 10px;
}

table.hiotable th, table.hiotable td {
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
}

table.hiotable th {
	border-color: #666;
	color: #FFF;
	background-color: #666;
	font-size: 18px;
	font-weight: normal;
}

table.hiotable td {
	border-color: #A9C6C9;
	color: #333;
	font-size: 14px;
}

table.hiotable td a {
	display: block;
}

table.hiotable td:hover {
	background-color: #E39830;
}

table.hiotable td:hover a {
	color: #FFF;	
}


/* A more compact version of the regular content table */
table.hiotable.compact {
}

table.hiotable th {
	font-size: 15px;
}

table.hiotable td {
	font-size: 12px;
}

/*SPECIAL TABLE FOR NARROW COLUMN */

table.hiotable_narrow {
	margin-bottom: 0px;
	width: 100%;
}

table.hiotable_narrow th, table.hiotable_narrow td {
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
}

table.hiotable_narrow th {
	border-color: #666;
	color: #FFF;
	background-color: #4f8eaf;
	font-size: 18px;
	font-weight: normal;
}

table.hiotable_narrow td {
	border-color: #A9C6C9;
	color: #333;
	font-size: 14px;
}

table.hiotable_narrow td a {
	display: block;
}

table.hiotable_narrow td:hover {
	background-color: #E39830;
}

table.hiotable_narrow td:hover a {
	color: #FFF;	
}



/* WORDPRESS BUILTINS */

div.alignright {float:right; margin:0 0 0 15px}
div.alignleft {float:left; margin:0 15px 0 0}
div.aligncenter {display: block; margin: 0 auto}
img.alignright {float:right; margin:0 0 10px 15px}
img.alignleft {float:left; margin:0 15px 10px 0}
img.aligncenter {display: block; margin: 0 auto 10px auto}
a img.alignright {float:right; margin:0 0 10px 15px}
a img.alignleft {float:left; margin:0 15px 10px 0}
a img.aligncenter {display: block; margin: 0 auto 10px auto}

.wp-caption {padding: 0}
.wp-caption-text {margin-bottom: 5px; text-align: center}

.wp-post-image {float: left; margin: 0}
.attachment-thumbnail {float: left; margin: 0}

.video {
	position: relative;
	padding-bottom: 61%;
	height: 0;
	overflow: hidden;
	margin: 10px 0;
}

.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









/* RESPONSIVE */

@media (max-width: 480px) {
	.page {
		width: auto;
		margin: 0;
		margin-bottom: 50px; /* Space at bottom of page for mobile quotes link to dock, to permit reading all of footer */
		background: none;
		overflow: auto;
	}

	.sidebar {
		display: none;
	}

	.mobile_header {
		display: block;
	}

	.main {
		float: none;
		width: auto;
	}

	/* Covers both main header and main footer nav in desktop */
	.text_nav, .header_nav, .footer_nav {
		display: none;
	}
	
	.content {
	}

	.content_main {
		float: none;
		width: auto;
	}

	.content_sidebar {
		float: none;
		width: auto;
		overflow: hidden; /* contain contents */
	}

	.footer_liner {
		width: auto;
		margin: 10px;
	}

	.quick_look {
		float: none;
		width: auto;
	}

	.quick_look_liner {
		margin: 0;
		padding: 15px;
	}

	.footer_social {
		display: block;
	}

	.footer_text {
		margin-left: 0; /* Align with content */
	}

	.content h1, .content_head h1, .content_head h2.subtitle {
		font-size: 24px;
	}

	.content h1 br, .content_head h1 br, .content_head h2.subtitle br {
		display: none;
	}

	.content h2, .content_head h2, .content_head h3.subtitle {
		font-size: 18px;
	}

	.content h2 br, .content_head h2 br, .content_head h3.subtitle br {
		display: none;
	}

	.content_head.no_image {
		margin-top: 86px; /* Height of mobile logo, to accommodate mobile header which overlays content */
	}

	.content_main_liner, .content_head_liner, .content_sidebar_liner {
		margin: 0 10px;
	}

	.content_width, .full_text.content_width {
		margin: 0;
	}

	ul.posts_nav.compact {
		font-size: 17px; /* larger arrow */
		height: 32px; /* height of box plus two borders */
		margin: 10px 0;
	}

	ul.posts_nav.compact li {
		height: 30px;
		width: 30px;
		top: 0;
	}

	ul.posts_nav.compact li.posts_nav_left {
		right: 41px; /* width of box + right whitespace + one border */
	}

	ul.posts_nav.compact li.posts_nav_right {
		right: 10px; /* right whitespace */
	}

	ul.posts_nav.compact li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
	}

	div.posts_by ul {
		clear: both;
	}

	/* 2015-10-09 - turn off splash overlay in mobile */
	.content_head_splash img.splash_overlay {
		display: none;
	}

	/* When search input goes full width in mobile view, stretch out more to fill container */
	.sidebar_search input.search_input {
		width: 90%;
	}

	.module {
		display: block;
	}

	.sidebar_post {
		width: auto;
	}

	.full_text {
		font-size: 16px;
		line-height: 1.5;
	}

}