/* THREE COLUMN LIQUID CENTER LAYOUT */
* {margin:0; padding:0;}  

@font-face {
  font-family: sentinel-black;
  src: url(/Fonts/SentinelBlack.otf) format("opentype");
}

@font-face {
  font-family: sentinal-black;
  src: url(/Fonts/SentinelBlackItalic.otf) format("opentype");
	font-style: italic;
}

@font-face {
  font-family: GothamNarrow;
  src: url(/Fonts/GothamNarrow-Book.otf) format("opentype");
	font-weight: normal;
}


body {
	font-size: 14pt;
	font-family: GothamNarrow;
	background-color: #e5e6e8;
	}

 .outer_wrapper {
        width:100%;
        height:100%;
        display: grid;
        grid-template-rows: auto 60px;
    }


.top_wrapper {
    width:100%;
    display:grid;
    grid-template-columns: 220px auto 185px;
    grid-auto-columns: minmax(220px, auto);
	}


@media (min-width: 1000px) {

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

	#pg-hdr-sgn-on-lnk {
			font-size: 1.4em;
		}

	div#header {
				background-color:#E85436;
	}
}


    @media (min-width: 0px) and (max-width: 1000px) {
        #right_col {
            visibility:hidden;
            display: none;
			}

        .top_wrapper {
             grid-template-columns: 220px auto;
             }  
		
		#hm-pg-issue_left {
			visibility: hidden;
			display: none;
			}

		#hm-pg-issue_center {
			visibility: visible;
			display: inline;
			text-align: center;
		}
		
		#hm-pg-right-content {
			display: inline;
			}	  
		
		#hm-pg-text {
			min-width:250px;
		}

        #center-col_seal {
            visibility: hidden;
            display: none;
			}  

		#pg-hdr-sgn-on-lnk {
			font-size: 1.2em;
		}
				
    }

    @media (min-width: 0px) and (max-width: 600px) {
        #left_col {
            visibility:hidden;
            display: none;
            }
		body {
			font-size: 1.2em;
		}

        .top_wrapper {
             grid-template-columns: auto;
            } 
		
        #center-col_seal {
            visibility: visible;
            display: inline;
			text-align:center;
			width:auto;
			}  
		
		#IJPC_Seal {
			text-align: center;
			display:inline-block;
			max-width: 200px;
			min-width: 80px;
			padding: 5px;
		}

		div#header {
			background-color:#3f93a3;
		}

		.buy_view_col {
			display:none;
			visibility: collapse;
		}

		.buy_view_in_date_col {
			visibility: visible;
		}

		#pg-hdr-sgn-on-lnk {
			font-size: 1.1em;
		}

		.price_header {
			font-size:.8em;
		}

		#content-hdr-txt {
			font-size: 1.0em;
		}

		/* Content menu is over on right in mobile portrait.  Move menu left a bit to keep in frame */
		#nav3 li ul a {
			width: 100px;
			position:relative;
			left: -25px;
		}

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

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

	 @media (min-width: 601px) {
		#center-col_seal {
            visibility: collapse;
            display: none;
            }
		
		.buy_view_col {
			visibility: visible;
		}

		.buy_view_in_date_col {
			display:none;
			visibility: collapse;
		}

	 }

	 @media (max-width: 1100px) {
		#hm-pg-allen {
			visibility: hidden;
			display: none;
		}
	 }

	@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#right_col {
	background-color:#3f93a3;
}

div#left_col {
	background-color:#3f93a3;
}

div#header {
	width:100%;
	min-height: 15px;
	/* background-color: #3f93a3; */
	
}

div#center-col_seal {
	background-color:#3f93a3;
}

div#header-ad-space {
	width:100%;
	display:inline-block;
	background-color:#E85436;
	text-align:center;
}

div#header-sign_on-search {
	float:right;
	width:100%;
	background-color: #E85436; 
	vertical-align: bottom;
}

form#header-search-form {
	 width:100%;
	 display:inline-block;
	 vertical-align:bottom;
}

div#hm-pg-top-area {
	display:grid;
    grid-template-columns: 300px auto;
}


div#hm-pg-issue_left {
	float:left;
	width: 300px;
	grid-row: 1/2;
}


div#hm-pg-right-content {
	display:grid;
    grid-template-columns: minmax(300px, 1200px) 300px;
}

div#hm-pg-text {
	padding:10px;
	color:black;
	/*width:auto; */
	text-align:left;
}

div#hm-pg-allen {
	/* width:300px; /*
	/*min-width:150px; 
	max-width:250px;
	float:right; */
	padding-left: 20px;
}

div#hm-pg-article-block {
	clear:both;
	padding:5px;
	color:black;
	width:100%;
	grid-column:1/3;
}

div#hm-pg-articles-display {
	/* display:inline; */
	width:100%;
	align-content:center;
	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); 
  	grid-gap: 10px;
}

.hm-pg-article {
	float:left;
	/* display: inline; */
	padding:10px;
	color: #000000;
	width:160px;
	height:320px;
	/* font-family: sentinel-black; */
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: bold;
}

.hm-pg-article a:link		{ color: black; text-decoration: none }
.hm-pg-article a:visited   { color: black; text-decoration: none }
.hm-pg-article a:active	{ color: black; text-decoration: none }
.hm-pg-article a:hover     { color: #000; text-decoration: underline }

.hm-pg-article-img {
	width: 150px;
	height: 193px;
	border-width: 1px;
	border-style: solid;
	border-color: #cac8c8;
}

.hm-pg-sigblock {
	padding-top:10px;
	padding-right:0px;
	color:black;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
	text-align: right;
}


#hm-pg-btm-area {
	width:100%;
	clear:both;
	align-content:center;
	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
  	grid-gap: 2px;
}

.hm-pg-btm-block {
	width:93%;
	height:100%;
	padding:10px;
	float:left;
}


.sub-txt {
	color: #808080;
}


 div#content {
 	width:auto;
	padding:10px;
 	/* margin-left:211px; */
 	/* margin-right:202px; */
	/* background: url(/images/Background_Content_top.jpg) no-repeat; */
	background-color: #e5e6e8; /* #d04719; */
	}


 .footer {
 	width:100%;
	min-height: 20px;
	background-color: #E85436;
	vertical-align: middle;
	}


/* end of structural styles */ 

/* inner div margin */
#header_inner, #left_col, #content_inner, #promo_inner, #navbar-inner {
	overflow:hidden;	}  /* prevents oversize elements from breaking the layout */
	
div#navbar-inner {
	background-color:#818181;
	clear:both;
}



div#social_links {
	padding:0 20px 1em 1em;
	}
	
div#left_col {
	padding:10px 1em 1em 5px;
	}
	
div#content_inner {
	padding:0px 10px;
	font-size: 1em;
	color: #000000; 
 	font-weight: normal;
  	line-height: 120%;
	border-right: 1px solid #E85436;
	border-left: 1px solid #E85436;
	min-height: 730px;
	/* text-align: center; */
	}
	
div#footer_inner {
	width: 100%;
	max-width:800px;
	padding: 10px 10px;
	text-align:center;
	display: inline-flex;
	flex-flow: row wrap;
	justify-content: space-around;
	background-color: #E85436;
}

.footer_item {
	display: flex;
	padding: 10px 3px 0px 3px;
	font-size: 0.9em;
  	color: #000;
  	font-weight: bold;
	vertical-align: middle;
  }

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

.copyright {
  font-size: 0.9em;
  color: #000;
  font-weight: normal;
  }
/*  Treat as footer_item
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 }
*/

/* end inner div margins */


div#login_form {
	padding: 5px 5px 0 0;
	width: 175px;
	float: right;
}

.formbutton {
	width: 109px;
	height: 23px;
	border: 0;
	padding: 0;
	margin: 0;
}

#nav-pos {
	padding-left: 5px;
	width: 100%;
}

#nav-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: none;
	background-color: #818181;
	justify-content: space-around;
	display: inline-flex;
	flex-flow: row wrap;
	}


/***************************************************/
/************* main tab navigation *****************/

.nav-image {
	padding-left:2px;
	padding-right:10px;
	vertical-align: bottom;
	height:22px;
}

ul#nav0 {
	padding-left: 1px;
	padding-top: 1px;
}

ul#nav1 {
	padding-top: 1px;
}

ul#nav2 {
	padding-top: 1px;
}

ul#nav4 {
	padding-top: 1px;
}

ul#nav5 {
	padding-top: 1px;
}

ul#nav6 {
	padding-top: 1px;
}

#nav0, #nav0 ul,
#nav1, #nav1 ul,
#nav2, #nav2 ul,
#nav3, #nav3 ul,
#nav4, #nav4 ul,
#nav5, #nav5 ul,
#nav6, #nav6 ul {
	/*float:left; 
	display:inline;*/
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
}

#nav0 a,
#nav1 a,
#nav2 a,
#nav3 a,
#nav4 a,
#nav5 a,
#nav6 a {
	display: block;
	font-size: 11px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	background: none;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 16px;
}

#nav0 a:hover,
#nav1 a:hover,
#nav2 a:hover,
#nav3 a:hover,
#nav4 a:hover,
#nav5 a:hover,
#nav6 a:hover {
	color: #999;
}

#nav0 a.sel,
#nav1 a.sel,
#nav2 a.sel,
#nav3 a.sel,
#nav4 a.sel,
#nav5 a.sel,
#nav6 a.sel {
	color: #5dafdb;;
}

#nav0 a.sel:hover,
#nav1 a.sel:hover,
#nav2 a.sel:hover,
#nav3 a.sel:hover,
#nav4 a.sel:hover,
#nav5 a.sel:hover,
#nav6 a.sel:hover  {
	color: #999;
}

/* dropdowns */
#nav0 li ul a,
#nav1 li ul a,
#nav2 li ul a,
#nav3 li ul a,
#nav4 li ul a,
#nav5 li ul a,
#nav6 li ul a {
	background: #666;
	text-align: left;
	padding: 4px 0 4px 25px;
	font-size: 18px;
	font-weight: normal;
	border-top: 1px solid #979797;
	border-left: none;
	border-right: none;
	width: 200px;
}

/* See media queries for Nav3 position change with mobile  */

#nav3 li ul a {
	width: 105px;
}

#nav0 li ul a:hover,
#nav1 li ul a:hover,
#nav2 li ul a:hover,
#nav3 li ul a:hover,
#nav4 li ul a:hover,
#nav5 li ul a:hover,
#nav6 li ul a:hover {
	background: #888;
	color: #fff;
}

#nav0 li,
#nav1 li,
#nav2 li,
#nav3 li,
#nav4 li,
#nav5 li,
#nav6 li {
	float: left;
}

#nav0 li ul,
#nav1 li ul,
#nav2 li ul,
#nav3 li ul,
#nav4 li ul,
#nav5 li ul,
#nav6 li ul {
	position: absolute;
	width: 115px; /* dropdown width + 10px buffer for Safari 1-2 */
	left: -999em;
}

#nav0 li:hover ul, #nav0 li.sfhover ul,
#nav1 li:hover ul, #nav1 li.sfhover ul,
#nav2 li:hover ul, #nav2 li.sfhover ul,
#nav3 li:hover ul, #nav3 li.sfhover ul,
#nav4 li:hover ul, #nav4 li.sfhover ul,
#nav5 li:hover ul, #nav5 li.sfhover ul,
#nav6 li:hover ul, #nav6 li.sfhover ul {
	left: auto;
}

#nav0 li ul ul,
#nav1 li ul ul,
#nav2 li ul ul,
#nav3 li ul ul,
#nav4 li ul ul,
#nav5 li ul ul,
#nav6 li ul ul {
	margin: -20px 0 0 110px;
}

#nav0 li:hover ul ul, #nav0 li.sfhover ul ul,
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul,
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul,
#nav3 li:hover ul ul, #nav3 li.sfhover ul ul,
#nav4 li:hover ul ul, #nav4 li.sfhover ul ul,
#nav5 li:hover ul ul, #nav5 li.sfhover ul ul,
#nav6 li:hover ul ul, #nav6 li.sfhover ul ul {
	left: -999em;
}

#nav0 li:hover ul, #nav0 li li:hover ul, #nav0 li.sfhover ul, #nav0 li li.sfhover ul,
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul,
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul,
#nav3 li:hover ul, #nav3 li li:hover ul, #nav3 li.sfhover ul, #nav3 li li.sfhover ul,
#nav4 li:hover ul, #nav4 li li:hover ul, #nav4 li.sfhover ul, #nav4 li li.sfhover ul,
#nav5 li:hover ul, #nav5 li li:hover ul, #nav5 li.sfhover ul, #nav5 li li.sfhover ul,
#nav6 li:hover ul, #nav6 li li:hover ul, #nav6 li.sfhover ul, #nav6 li li.sfhover ul {
	left: auto;
}



/* top header login area */
.btn_sign_on_header {
	background: url(/Images/btn_sign_on_header.gif);
	vertical-align: top;
	width: 53px;
	/* height: 19px; */
}

/* Home Page Stuff */

.motto {
	font-family:sentinel-black;
	font-weight: bold;
	font-size:2em;
	padding:0px 10px 10px 20px;
	line-height:1.1em;
}

.quicklink {
	width: 30%;
	padding: 10px;
	float: left;
	display: inline;
	min-width:190px;
}

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

.quicklink_title {
	font-weight: bold;
	width:100%
}

.quicklink_blurb {
	padding-top: 8px;
	font-size: .8em;
	line-height: 1em;
}

#pg-hdr-sgn-on-lnk {
	float:right;
	vertical-align:baseline;
	padding: 2px 5px 2px 10px;
	font-weight: bold;
}

#pg-hdr-sgn-on-lnk a:link	{ color: black; text-decoration: none }
#pg-hdr-sgn-on-lnk a:hover   { color: white; text-decoration: none }

#search-block {
	margin-top: 10px;
	padding-left: 20px;
	text-align: left;
}

select#pd0 {
	width: 135px;
	float: left;
}

div#search-txt {
	float: left;
	width: 65px;
	padding-left: 6px;
	line-height: 20px;
}

#sb0 {
	height: 24px;
}

div#search-txt-box {
	float: right;
	/*width: 100%; */
	padding-top: 5px;
	vertical-align: bottom;
}


.formTxt {
	color: #ccc;
}

.formTxtWrite {
	color: #000;
}


#learn-more-arrow {
	background: url(/Images/link_arrow.gif) no-repeat;
	border: none;
	padding-right: 5px;
	width: 13px;
	height: 13px;
}

.learn-more-link {
	font-family: GothamNarrow;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

input#btn0 {
	float: left;
	background: url(/Images/btn_GO.gif);
	width: 38px; 
	height: 23px;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align:bottom;
}

input#txt0 {
	width: 215px;
	float:left;
	height: 1.1em;
	font-size: 1.0em;
	padding: 0px 0px 0px 2px; 
	vertical-align:bottom;
}


input#indx-email-txt {
	float:left;
	display:inline;
	width: 70%;
	height: 25px;
}

input#btn1 {
	float: left;
	display: inline;
	background: url(/images/btn_SIGN_UP.gif);
	width: 69px;
	height: 22px;
	border: 0;
	padding: 0;
	margin: 0;
}


.clearfloats {
	clear: both;
}

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

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


#content-hdr {
	padding-bottom: 17px;	
}


#content-hdr-txt {
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: top;
}

#content-hdr-txt2 {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.content-hdr-txt2b {
	font-size: 18px;
	font-weight: bold;
	/* padding-bottom: 5px;  */
	padding-top: 15px;
}

#content-hdr-txt2a {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}

.titles  {
	font-size: 1.2em;; 
	font-weight: Bold;
}

/* Ariticle (A) List (L)  fonts */
.alt {font-size: 0.9em;font-weight:bold}
.ala {font-size: 0.9em;}
.alp {font-size: 1.0em;}


/* begin table-0 ************************************************************** */

table#table-0 {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
	color: #231f20;
	line-height: 1.2;
}

table#table-0 td {
	border-top: 1px solid #000;
	padding: 3px 0;
}

table#table-0 tr.table-0-spacing td {
	padding: 0;
	border: 0;
	background: #999186;
}

table#table-0 tr.table-0-spacing td img {
	display: block;
}

table#table-0 tr.tbl-head td {
	color: #fff;
	background: #999186;
	border-top: 0;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
}

table#table-0 tr.tbl-col-hdr th {
	background: #ccc;
	text-align: left;
}

table#table-0 td.tbl-C {
	text-align: center;	
	vertical-align: top;
}

table#table-0 td.tbl-L {
	text-align: left;
	padding-left: 10px;
	padding-right: 15px;
	vertical-align: top;
}
table#table-0 td.tbl-L a:link { color:#000000; text-decoration: none; }
table#table-0 td.tbl-L a:hover { color:#ea613e; text-decoration: none; }
table#table-0 td.tbl-C a:link { color:#000000; text-decoration: none; }
table#table-0 td.tbl-C a:hover { color:#ea613e; text-decoration: none; }

table#table-0 td.tbl-R {
	text-align: right;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}

table#table-0 tr.row-odd td {
	background: #fcf9f3;
}

/* end table-0 */

/* begin table-1 ************************************************************** */

table#table-1 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #000;
	border-collapse: collapse;
	color: #231f20;
	line-height: 1.2;
}

table#table-1 a:link { color:#000000; text-decoration: none; }
table#table-1 a:hover { color:#ea613e; text-decoration: none; }

/*
table#table-1 tr.t1 {
}
*/

table#table-1 td {
	border-top: 1px solid #000;
	padding: 3px 0;	
	vertical-align: top;
}

table#table-1 tr.table-1-spacing td {
	padding: 0;
	border: 0;
	background: #999186;
}

table#table-1 tr.table-1-spacing td img {
	display: block;
}

table#table-1 tr.tbl-head td {
	color: #fff;
	background: #999186;
	border-top: 0;
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}

table#table-1 tr.tbl-col-hdr th {
	background: #ccc;
	text-align: left;
	padding-left: 5px;
	vertical-align: bottom;
}

table#table-1 td.tbl-C {
	text-align: center;	
	background: red;
}

table#table-1 td.tbl-L {
	text-align: left;
	padding-right: 5px;
}

table#table-1 td.tbl-L0 {
	text-align: left;
	padding-left: 5px;
	vertical-align: top;
}

table#table-1 td.tbl-L1 {
	text-align: left;
	padding-left: 14px;
	vertical-align: top;
}

table#table-1 td.tbl-Lt {
	text-align: left;
	padding-left: 10px;
	vertical-align: top;
}
table#table-1 tr.tbl-col-hdr th.tbl-Lt {
	padding-left: 10px;
}


table#table-1 td.tbl-L2 {
	text-align: left;
	padding-right: 14px;
}

table#table-1 tr.row-odd td {
	background: #fcf9f3;
}

table#table-1 tr.row-hilite td {
	background: #e7a74a;
}	

/* end table-1 ************************************************************************* */

/* begin table-2 **************************************************************************** */
.table-2 {
	margin: 0;
	padding: 0 0 14px 0;
	border: 0;
	line-height: 1.4;
}

.table-2 tr td a {
	padding: 20px 20px 10px 0px;
}

/* end table-2 ************************************************************************* */

/* Products index page */
.products-index-table {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	width:100%;
}

.library-archive-item {
 	flex:30%;
	padding: 10px 10px 0px 0px;
}

.theme-archive-item {
	flex:45%;
	padding: 10px 10px 0px 0px;
}
/* End products index page */



/* Authors index page */
.author-index-table {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	width:100%;
}

.author-index-item {
 	flex:45%;
	padding: 10px 10px 0px 0px;
}



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

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

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

#pagebottomads {
	width:100%;
	padding: 5px 10px 1px 10px;
}	

#pagerightads {
	width:180px;
	padding: 3px 3px;
}
/* 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;
}


.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: 1em;
	/*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;

}

.thumbnail_div {
	float:left;
	display:inline;
	vertical-align:top; 
	padding:5px; 
	width:10%; 
	min-width:65px;
}


.thumbnail_pic {
	border:1px solid #888888;
	transition: transform .1s; /* Animation */
	transform-origin: center;
	margin: 0 auto;
}

.thumbnail_pic:hover {
  	transform: scale(3.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	position:relative;
    /*
	top:+60px;
    left:-120px;
    */
	height:auto;
    display:block;
    z-index:999;
}

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

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


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

.tool_index_table 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: .75em;
	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: .75em;
	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: 1.2em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 110%;
	border-collapse: collapse;
	padding: 2px 4px 2px 0px;
}

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

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

.two_col_input_form_table td input,select {
	font-size: 0.85em;
}

/* Classes for responsive input table fields */
.narrow_input {
	width:50%; 
	max-width:300px;
}

.medium_input {
		width:75%; 
		max-width:450px;
		min-width:200px;
}

.wide_input {
	width:95%; 
	max-width:450px;
}

/* Asterisk for required items */
.c4 { color: Red; font-size: medium; }

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

@media (min-width: 0px) and (max-width: 400px) {
	.prod-img:hover {
		transform: scale(1.1); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
}

.prod-img:hover {
  	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	position:relative;
    top:+80px;
    left:+75px;
	height:auto;
    display:block;
    z-index:999;
}

/* BUTTONS */
.formbutton {
	/*width: 109px;
	height: 23px; */
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.btn_accept {
	background: url(/Images/btn_accept.gif);
}

.btn_cancel {
	background: url(/Images/btn_cancel.gif);
}

.btn_change_to_standard_rates {
	background: url(/Images/btn_change_to_standard_rates.gif);
	width: 192px;
}

.btn_continue {
	background: url(/Images/btn_continue.gif);
}

.btn_finalize_order {
	background: url(/Images/btn_finalize_order.gif);
}

.btn_join {
	background: url(/Images/btn_join.gif);
}

.btn_join_ct {
	background: url(/Images/btn_join_ct.gif);
	width: 192px;
}

.btn_preview_order {
	background: url(/Images/btn_preview_order.gif);
}

.btn_renew_ct {
	background: url(/Images/btn_renew_ct.gif);
	width: 192px;
}

.btn_reset {
	background: url(/Images/btn_reset.gif);
}

.btn_search {
	background: url(/Images/btn_search.gif);
}

.btn_sign_on {
	background: url(/Images/btn_sign_on.gif);
}

.btn_submit {
	background: url(/Images/btn_submit.gif);
}

.btn_verify {
	background: url(/Images/btn_verify.gif);
}

.btn_change_to_standard_rates {
	background: url(/Images/btn_change_to_standard_rates.gif);
	width: 192px;
}

input#btn_prod_co {
	width: 118px;
	height: 70px;
	background: url(/Products/Button_CheckOut_norm.gif);
	border: 0;
	display: block;
}

input#btn_prod_co:hover {
	background: url(/Products/Button_CheckOut_hover.gif);
	cursor: pointer;
}

input#btn_prod_bs {
	width: 105px;
	height: 54px;
	background: url(/Products/Button_BackStore_norm.gif);
	border: 0;
	display: block;
}

input#btn_prod_bs:hover {
	background: url(/Products/Button_BackStore_hover.gif);
	cursor: pointer;
}

input#btn_prod_ec {
	width: 105px;
	height: 54px;
	background: url(/Products/Button_EmptyCart_norm.gif);
	border: 0;
	display: block;
}


input#btn_prod_ec:hover {
	background: url(/Products/Button_EmptyCart_hover.gif);
	cursor: pointer;
}

input#add2cart {
	width: 129px;
	height: 33px;
	background: url(/Images/btn_Add_to_Cart.gif);
	background-size: cover;
	margin: 12px 0 0 0;
	padding: 0;
	border: 0;
	display: block;
}

input#vcc {
	width: 94px;
	height: 94px;
	background: url(/Images/view_cart_checkout.jpg);
	/*margin: 0 auto 28px; */
	padding: 0;
	border: 0;
	display: block;
}

input#vcc:hover {
	cursor: pointer;
}

.journallist  {
	font-size: 10pt; 
	line-height: 12pt;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	color: black;
	text-align: center;
	vertical-align: left;
}