* {margin:0; padding:0;}  

body {
	font: 14pt  arial, sans-serif;
	background-color: #E85436;
	min-width: 320px;
	height: 100%;
	}


 div#outer-wrapper {
        width:100%;
        height:100%;
        display: grid;
        grid-template-rows: auto auto 60px;
    }


div#inner-wrapper {
    width:100%;
	height: 100%;
    display:grid;
    grid-template-columns: 220px auto 190px;
    grid-auto-columns: minmax(220px, auto);
	}

/*Alternate div to remove far-right column if no ad to display there */
div#inner-wrapper-no-right-ad {
    width:100%;
    display:grid;
    grid-template-columns: 220px auto;
    grid-auto-columns: minmax(220px, auto);
	}

@media (min-width: 1000px) {

	div#hm-pg-issue_center {
		display:none;
		visibility: hidden;
	}

	/* Promo links shown on right when screen is wide */	
	div#nav-menu-center-col {
			display:grid;
			visibility: visible;
			grid-template-columns: 0px auto 80px;
		}


	div#nav-menu-left-col {
		display:inline;
		visibility: visible;
	}

	
	div#header_inner {
			display: grid;
			grid-template-columns: auto 220px;
    		grid-auto-columns: minmax(320px, auto) minmax(220px, 220px);
		}

}


    @media (min-width: 640px) and (max-width: 999px) {

		div#inner-wrapper {
             grid-template-columns: auto 190px;
             } 

		/* Alternate dive to remove far-right column if no ads */
		div#inner-wrapper-no-right-ad {
             grid-template-columns: auto;
             } 

		div#nav {
			display:none;
			visibility: hidden;
		}

	}


    @media (min-width: 0px) and (max-width: 639px) {

        div#inner-wrapper {
             grid-template-columns: auto;
             } 

		/* Alternate div to remove far-right column if no ads */
		div#inner-wrapper-no-right-ad {
             grid-template-columns: auto;
             } 

		/* Prom links AND login button shown in middle when screen is narrow */	
		div#right-col {
			display:none;
			visibility: hidden;
		}

		div#nav {
			display:none;
			visibility: hidden;
		}


		div#header_inner {
			float: left;
			/* grid-template-columns: auto; */
		}

		.long_words {
			font-size: .85em;
		}

		.really_long_words {
			font-size: .75em;
		}		
	} 



	@media (min-width: 1200px) {
		
		div#header_inner {
			display: grid;
			grid-template-columns: auto 220px;
    		grid-auto-columns: minmax(320px, auto) minmax(220px, 220px);
		}

		div#header_inner_left {
			grid-template-columns: auto auto;
		}

	}

	@media (min-width: 0px) and (max-width: 1550px) {
		
		div#header_inner {
			display: grid;
			grid-template-columns: auto;
    		grid-auto-columns: minmax(320px, auto);
		}
		
		div#header_inner_left {
			grid-template-rows: auto auto;
		}

		/* Leave just the login button for login on narrow screen */
		div#login_form_header {
			display: none;
			visibility: hidden;
		}

		div#login_form_promo {
			float:right;
			visibility: visible;
		}

		div#nav-menu-center-col {
			display:grid;
			visibility: visible;
			grid-template-columns: 50px auto 80px;
		}

	}

	@media (min-width: 1551px) {
	/* Promo links shown on right when screen is wide */	
		div#nav-menu-center-col {
			display:grid;
			visibility: visible;
			grid-template-columns: 0px auto;
		}

		div#login_form_promo {
			display: none;
			visibility: hidden;
		}
	}

	@media (max-width: 3000px) {
		.ad_narrow {display:none; visibility: hidden;}
		.ad_medium {display:none; visibility: hidden;}
		.ad_wide {display:none; visibility: hidden;}
		.ad_xtra_wide {display:inline-block; visibility: visible;}
	}

	@media (max-width: 1374px) {
		.ad_narrow {display:none; visibility: hidden;}
		.ad_medium {display:none; visibility: hidden;}
		.ad_wide {display:inline-block; visibility: visible;}
		.ad_xtra_wide {display:none; visibility: hidden;}
	}	

	@media (max-width: 947px) {
		.ad_narrow {display:none; visibility: hidden;}
		.ad_medium {display:inline-block; visibility: visible;}
		.ad_wide{display:none; visibility: hidden;} 
		.ad_xtra_wide {display:none; visibility: hidden;}
	}

	@media (max-width: 539px) {
		.ad_narrow {display:inline-block; visibility: visible;}
		.ad_medium {display:none; visibility: hidden;}
		.ad_wide {display:none; visibility: hidden;}
		.ad_xtra_wide {display:none; visibility: hidden;}
	}

div#header {
	width:100%;
	min-height: 85px;
	background: url(/images/Background_Header_3.jpg) top left round;
}

div#header_inner {
	width: 100%;
	/*
	display: grid;
	grid-template-columns: auto 220px;
    grid-auto-columns: minmax(520px, auto) minmax(220px, 220px);
	*/
}

div#header_inner_left {
	min-width: 320px;
	height: auto;
	display: grid;
}

div#header_inner_left_left {
	display:grid; 
	grid-template-rows: 49px 20px 0px;
	grid-auto-rows: minmax(49px, auto) minmax(20px 40px) minmax(0px, auto);
}


img#header-image {
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 600px;
	border: none;
	padding-right: 5px;
}

div#right-col {
 	float:left;
 	background-color: #d04719;
	border: 1px solid #E8A38C;
	border-bottom: none;
	}

	
div#txt_title {
	float: left;
	width: auto;
	min-width:340px;
	padding: 5px 0 0 5px;
	overflow: hidden;
	}
	
div#txt_brought {
	float: left;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 12.25pt;
	font: tahoma arial sans-serif;
	color: 000;
	overflow: hidden;
	align-self: flex-start;
}

#txt_brought a {
	 color: #000; 
	 text-decoration: underline;
	}

#txt_brought a:hover {color: #fff;}

#login_form_header {
	float: right;
	padding: 5px;
	text-align: right;
}

a#login_link {
	font-size: 0.65em;
	color: #000000;
	font-weight: bold;
	}
	/* style="font-size:11px; */

a#login_link:hover {
	color: #d04719;
	}

.login_field {
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

a#logout_link,
a#logout_link_promo {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	}

a#logout_link:hover {
	color:#E85436;
}

a#logout_link_promo:hover {
	color:#ffffff;
}


div#navmenu {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-basis: auto;
	flex-grow: 1;
	justify-content: left; 
	padding-left:15px;
}	

div#navmenu div a:link     { color: #FFF; text-decoration: none; font-weight: bold;}
div#navmenu div a:visited  { color: #FFF; text-decoration: none; font-weight: bold;}
div#navmenu div a:active  { color: #FFF; text-decoration: none; font-weight: bold;}
div#navmenu div a:hover    { color: #000; text-decoration: underline; font-weight: bold;}

div#navmenu div {
	padding-left: 0px;
	padding-top: 7px;
	min-width: 150px;
}

 #nav {
	float: left;
 	background-color: #d04719;
	border: 1px solid #E8A38C;
	border-bottom: none;
	}


div#nav-menu-center-col {
	width: 100%;
	min-width: 320px;
	background-color: #d04719;
	border: 1px solid #E8A38C;
	border-top: none;
	border-bottom: none;
}

div#nav-menu-center-col-left {
	border: 1px solid #E8A38C;
	border-right: none;
	border-left: none;
}

div#nav-menu-center-col-mid {
	border:none;
}

 #content {

	/* background: url(/images/Background_Content_top.jpg) no-repeat; */
	background-color: #E85436; /* #d04719; */
	border-right: 1px solid #E8A38C;
	height: 100%;
	}

	
 #footer {
 	width:100%;
	min-height: 20px;
	clear:both; 
 	background: url(/images/Background_Footer_3.jpg) top left round;
	border: 1px solid #E8A38C;
	}

/* end of structural styles */ 

/* inner div margin */
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}

div#social_links {
	padding:0 20px 1em 1em;
	}
	
div#nav_inner {
	padding:5px 1em 1em 5px;
	}
	
div#content-inner {
	height: 93%;
	clear: both;
	padding:20px 10px 10px 10px;
	font-size: 1em;
	color: #FFF; 
 	font-weight: normal;
  	line-height: 120%;
	}
	
div#footer_inner {
	padding:10px 10px 10px 20px;
	text-align:center;
	}
/* end inner div margins */



/* Home Page Stuff */

#quicklinks {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-basis: auto;
	flex-grow: 1;
	justify-content: space-evenly;
	align-items: flex-start;
}

.quicklink {
	/* padding: 10px; 
	*/
	min-width:155px;
	width: 33%;
	
}

.quicklink_graphic {
	float: left;
	padding: 5px 10px 5px 0px;
	width: 100px;
	height: 100px;
	border-style: none;
}

.quicklink_title {
	font-weight: bold;
	width:100%;
	padding: 20px 20px 0px 0px;
}

.quicklink_blurb {
	padding: 5px 10px 5px 0px;
	font-size: 1.0em;
	line-height: 1.1em;
}

.clearfloats {
	clear: both;
}

/* Default text styles */
p {padding-top: 1em;}

a:link       { color:#FFFFFF; text-decoration: underline }
a:visited    { color:#dddddd; text-decoration: underline }
a:active     { color:#000000; text-decoration: underline }
a:hover      { color:#000000; text-decoration: underline }




/* Ad related styles */
.adswithborder {
	border-width: 1px solid #CCCCCC;
}

#pagebacklink {
	padding-top: 10px;
	text-align: center;
}

#page-top-ad img {
	padding: 5px;
	/*padding: 0px 0 4px 30px; */
	width: 100%;
	min-width: 320px;
	height: auto;
}	

#pagebottomads {
	padding: 5px 0 1px 30px;
}	

#page-right-ad img {
	width:180px;	
	padding: 5px;
	
}

.ads_leaderboard {
	padding: 2px;
	width:100%;
	max-width: 800px;
	min-width: 350px;
	text-align: center;
	display: inline-block;
}	

.ads_super_leaderboard {
	padding: 2px;
	width:100%;
	max-width: 1100px;
	min-width: 750px;
	text-align: center;
	display: inline-block;
}	

.ads_banner {
	padding: 2px;
	width:100%;
	max-width: 600px;
	min-width: 300px;
	text-align: center;
	display: inline-block;
}	

.ads_vertical {
	padding: 2px;
	width:100%;
	max-width: 180px;
	min-width: 120px;
	text-align: center;
	display: inline-block;
}
/* End Ad related styles */


.navmenu {
  font-size: 0.9em;
  color: #FFF;
  font-weight: bold;
  }
.navmenu li a:link		{ color: #FFF; text-decoration: none }
.navmenu li a:visited   { color: #FFF; text-decoration: none }
.navmenu li a:active	{ color: #FFF; text-decoration: none }
.navmenu li a:hover     { color: #000; text-decoration: underline }
  

.btext {
	font-size: 13px;
	color: #000;
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	top: auto;
}

div#promo {
	background-color: #d04719;
	border: 1px solid #E8A38C;
	border-left: none;
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-basis: auto;
	flex-grow: 1;
	justify-content: space-evenly;
}

div#login_form_promo {
	float:right;
	vertical-align: middle;
	padding: 5px;
	background-color: #d04719;
	border: 1px solid #E8A38C;
	border-right: none;
	border-left: none;
}

.promotitle {
  font: 1em arial;
  color: #fff; 
  font-weight: bold;
  padding: 5px;
  }

.promotitle a:link		{ color: #FFF; text-decoration: none }
.promotitle a:visited   { color: #FFF; text-decoration: none }
.promotitle a:active	{ color: #FFF; text-decoration: none }
.promotitle a:hover     { color: #000; text-decoration: underline }
  

.footer {
  	font-size: .8em;
  	color: #000;
  	font-weight: bold;
  }

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

.copyright {
  font-size: .8em;
  color: #000;
  font-weight: normal;
  }

a.copyright:link       { color: #FFF; text-decoration: none }
a.copyright:active     { color: #FFF; text-decoration: none }
a.copyright:visited    { color: #FFF; text-decoration: none }
a.copyright:hover      { color: #FFF; text-decoration: none }

.power {
  font: 6pt arial;
  color: #FFF;
  font-weight: normal;
  }

a.power:link       { color: #FFF; text-decoration: none }
a.power:active     { color: #FFF; text-decoration: none }
a.power:visited    { color: #FFF; text-decoration: none }
a.power:hover      { color: #FFF; text-decoration: none }

h1 {
    font-size: 1.3em;
	color: #FFF;
	font-family: arial;
	font-style: normal;
	font-weight: bold;
	top: auto;
	margin:0px;
	padding: 10px 0 10px 0;
	text-align: right;
}

h2 {
    font-size: 1em;
	color: #595959;
	font-family: verdana;
	font-style: normal;
	font-weight: normal;
	top: auto;
	margin:0px;
}

img.border {
	padding: 6px 6px 6px 6px ;
}

ul {
	list-style-type: disc;
	list-style-position: inside;
	/*margin-left: 10px; */
	padding-left: 2em;
	text-indent: -1em;
	}

.inputButton {
  border: 1px solid #484848;
  background-color: #ff6b08;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}

input.big {
  font-size: 14px;
}

.inputfield {
 
 border: 1px groove #000;
 font: 14px arial; color: #000;

}


/* Generic tool related  */
.tool_title {
	font-size: 1.25em;
	text-align: right;
}

.tool_title_date {
	font-size: 0.85em;
	text-align: right;
	margin-top: -.5em;
}

.tool_text_medium {
	font-size: 1em;
}

.tool_text_medium p {
	padding-top: 1em;
	}

.tool_index_table {
	background-color: #F5F5F5;
	border: 1px solid #000000;
	border-collapse: collapse;
	width: 100%;
}

.tool_index_table th {
	font-weight: bold;
	color: #000000;
	border: 1px none #000000;
	border-collapse: collapse;
}

.tool_index_table td {
	padding-left: 1.2em;
	padding-right: .2em;
	text-indent: -1em;
	border: 1px none #000000;
	border-collapse: collapse;
	color: #000000;
	line-height: 150%;	
}

.tool_index_table tr {
	border: 1px none #000000;
	border-collapse: collapse;
	color: #000000;	
}


.tool_index_table a {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.tool_index_table a:hover {
	color: #888888;
	}

#tool_index {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	flex-basis: auto;
	flex-grow: 1;
	justify-content: space-between;
	align-items: flex-start;
	background-color: #F5F5F5;
	border: 1px solid #000000;
	border-collapse: collapse;
	
}

#tool_index div {
	width: 130px;
	min-width: 23%;
	padding-left: 1.2em;
	padding-right: .2em;
	text-indent: -1em;
	line-height: 150%;	
	font-weight: bold;
	color: #000000;
}

#tool_index div a {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

#tool_index div a:hover {
	color: #888888;
	}

.left_title_img {
	margin: 4px;
}

/* Alternate colored row listing */
.oddrow {
	background-color : white;
	border: 1px solid #999999;
	border-collapse: collapse;
}

.evenrow {
	background-color : #CCCC99;
	border: 1px solid #999999;
	border-collapse: collapse;
}	

.tool_data_table {
	background-color: #F5F5F5;
	border: 2px solid #333333;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	line-height: 110%;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.tool_data_table th {
	font-weight: bold;
	border: 2px solid #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.tool_data_table td {
	border: 2px solid #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.tool_data_table a {
	color: #000000;
}

.tool_reference_table {
	background-color: #F5F5F5;
	border: none;
	font-size: .70em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	line-height: 110%;
	margin: 2px;
}

.tool_reference_table a {
	color: #000000;
}

.tool_reference_table td {
	vertical-align: top;
}

.tool_reference_table th {
	vertical-align: top;
}



/* Two-column display table for database tools */
.tool_two_col_data_table {
	background-color: #F5F5F5;
	border: 2px solid #333333;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 110%;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.tool_two_col_data_table th
{
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	border: 2px solid #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.tool_two_col_data_table td {
	text-align: left;
	vertical-align: top;
	border: 2px solid #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;	
}

.tool_two_col_data_table a {
	color: #000000;
}

/*Data input form */

.two_col_input_form_table {
	border: none;
	font-size: .75em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 110%;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.two_col_input_form_table th
{
	text-align: right;
	font-weight: bold;
	border: 2px none #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;
}

.two_col_input_form_table td {
	text-align: left;
	border: 2px none #CCCC99;
	border-collapse: collapse;
	padding: 2px 4px 2px 4px;	
}

.prod_cd_image {
	 padding: 10px 30px 10px 0;
	 width: 200px;
	 border: none;
}


.formtext {
	height:16pt;
	vertical-align:middle;
	font-size: 1.0em;
}

.formula-search-list {
	font-size: 1.0em;
	width:100%;
	max-width:800px;
}

.formula-index-link {
	font-size: 1.2em;
	font-weight: bolder;
	color: black;
	text-decoration: underline;
}

.formula-index-link:link  	{ color: #000;}
.formula-index-link:active  { color: #000;}
.formula-index-link:visited { color: #000;}
.formula-index-link:hover   { color: #FFF;}


/* BUTTONS */

.formbutton {
	width: 109px;
	height: auto;
	border: 0;
	padding: 5px;
	vertical-align:middle;
	cursor:pointer;
}

.btn_sign_on {
	background: url(/Images/btn_sign_on.gif);
	background-size: cover;
    background-position: center;
}

/* top header login area */
.btn_sign_on_header {
	
	vertical-align: top;
	background: url(/Images/btn_sign_on_header.gif);
	background-size: 100%;
	width: 70px;
	height: 25px;
}


.btn_accept {
	background: url(/Images/btn_accept.gif);
	background-size: cover;
    background-position: center;
}

.btn_cancel {
	background: url(/Images/btn_cancel.gif);
	background-size: cover;
    background-position: center;
}

.btn_change_to_standard_rates {
	background: url(/Images/btn_change_to_standard_rates.gif);
	width: 192px;
	background-size: cover;
    background-position: center;
}

.btn_continue {
	background: url(/Images/btn_continue.gif);
	background-size: cover;
    background-position: center;
}

.btn_finalize_order {
	background: url(/Images/btn_finalize_order.gif);
	background-size: cover;
    background-position: center;
}

.btn_join {
	background: url(/Images/btn_join.gif);
	background-size: cover;
    background-position: center;
}

.btn_join_ct {
	background: url(/Images/btn_join_ct.gif);
	width: 250px;
	background-size: cover;
    background-position: center;
}

.btn_preview_order {
	background: url(/Images/btn_preview_order.gif);
	background-size: cover;
    background-position: center;
}

.btn_renew_ct {
	background: url(/Images/btn_renew_ct.gif);
	width: 250px;
	background-size: cover;
    background-position: center;
}

.btn_reset {
	background: url(/Images/btn_reset.gif);
	background-size: cover;
    background-position: center;
}

.btn_search {
	background: url(/Images/btn_search.gif);
	width:125px;
	background-size: cover;
    background-position: center;
}

.btn_submit {
	background: url(/Images/btn_submit.gif);
	background-size: cover;
    background-position: center;
}

.btn_verify {
	background: url(/Images/btn_verify.gif);
	background-size: cover;
    background-position: center;
}