/* ===================================================================================
    HW-Shared CSS Stylesheet for design1 general page, header, footer, and sidebars
   =================================================================================== */

div.hw-gen-page {
	font-family: "Lucida Sans Unicode", Arial, "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif;
	color: #403838; /*#666666;*/
	width: 970px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #ffffff;
	border: none;
}

#header, #footer {
	font-family: "Lucida Sans Unicode", Arial, "Lucida Grande", Tahoma, Verdana, Helvetica, sans-serif;
}


/* ============================================
    global default link styles
   ============================================ */
div.hw-gen-page a, div.hw-gen-page a:link {
	text-decoration: none;
	color: #202088;
}
div.hw-gen-page a:visited {
	text-decoration: none;
	color: #581858;
}
div.hw-gen-page a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #202088;
	color: #202088; /* 404068 */
}
div.hw-gen-page a:active {
	text-decoration: none;
	color: #202088;
}

/* --------------------------------------------
    header/footer default link styles
   -------------------------------------------- */
#header a, #header a:link,
#footer a, #footer a:link {
	color: #404040;
	border: none;
}
#header a:visited,
#footer a:visited {
	color: #404040;
	border: none;
}
#header a:hover,
#footer a:hover {
	color: #404040;
	border-bottom: 1px dotted #404040;
}
#header a:active,
#footer a:active {
	color: #404040;
	border: none;
}

/* --------------------------------------------
    sidebar columns default link styles
   -------------------------------------------- */
#col-2 a, #col-2 a:link,
#col-3 a, #col-3 a:link {
	color: #404040;
}
#col-2 a:visited,
#col-3 a:visited {
	color: #581858;
}
#col-2 a:hover,
#col-3 a:hover {
	border-bottom: 1px dotted #404040;
	color: #404040; /*#404068;*/
}
#col-2 a:active,
#col-3 a:active {
	color: #404040;
}

/* --------------------------------------------
    sidebar columns specific link styles
   -------------------------------------------- */
#col-3 ul.cover-announce a, #col-3 ul.cover-announce a:link,
#col-3 ul.cover-announce a:visited {
	color: #2f5085;
}
#col-3 ul.cover-announce a:hover {
	color: #2f5085;
	border-bottom: 1px dotted #2f5085;
}
#col-3 ul.cover-announce a:active {
	color: #2f5085;
}


/* ============================================
    global colors/bg-images for various areas
   ============================================ */
div.hw-gen-page {
	background-color: #ffffff;
}
#header {
	color: #666666;
}
#header #authstring {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#header #authstring a {
	color: #2F5085;
}
#header .header-buttons li {
	border-left: 2px solid #2F5085;
}
#header .header-buttons li span {
	color: #2F5085;
}
#header #hdr-login {
	background-image: url('/shared/img/standard-design/design1/header_texture_light.gif');
	border: 1px solid #666;
	border-left: 1px solid #999;
	border-right: none;
}
#header .header-qs {
	background-image: url('/shared/img/standard-design/design1/header_texture_dark.gif');
	color: #ffffff;
	border: 1px solid #666;
	border-right: 1px solid #999;
	border-left: none;
}
#content-block {
	background: transparent url('/shared/img/standard-design/design1/left-content-shadow.png') repeat-y top left;
}
#col-2, #col-3 {
	background-color: #eeeeee;
}


/* ============================================
    other styles for global design elements
   ============================================ */

/* --------------------------------------------
    header elements
   -------------------------------------------- */
#header {
	width: 970px;
	font-size: 1em; /*.867em;*/
	margin: 0; padding: 0;
	/*display: block;*/
	height:162px;
	border-bottom:1px solid #cccccc;/*changed from dotted*/
}
#main-logo {
	position: absolute;
	top: 77px;
	left: 0px;
	margin: 0;
	padding: 10px 0 1px 25px; /*This bottom padding removes break in left shadow*/
	background: transparent url('/shared/img/standard-design/design1/left-content-shadow.png') repeat-y top left;
	z-index:1;
}

#journal-title {
	margin:15px 0 0 24px;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
}

.about-the-journal{
	margin:30px 0px 0px 0px;
	/*max-width:250px;*/
	width:250px;
	font-size: 0.95em;
	font-weight: normal;
}
.home-block {float:left;}
.home-block ul.jnl-links {float:none;}

#header .header-buttons {
	position: absolute;
	margin: 0;
	right: 50px; /* move to right 2px if no rss */
	padding-bottom: 4px;
	padding: 19px 0 3px 0;
	list-style: none;
	overflow: hidden;
}
#header .header-buttons li {
	float: left;
	margin: 0;
	padding: 0;
}
#header .header-buttons li.first {
	border-left: none;
}
#header .header-buttons li  a {
	margin: 0 8px;
}
#header .header-buttons li.no-link span {
	margin: 0 8px;
	color: #999999;
}
#header .header-buttons li span {
	padding: .5em 0;
	margin: 0;
}
#header .header-rss {
	/* needs fixing */
	position: absolute;
	right: 2px;
	top: 20px; /*.7em;*/
	height: 16px;
	width: 36px;
	padding: 0; margin: 0;
}
#header .header-qs {
	position: absolute;
	left: 694px;
	top: 43px;
	height: 30px;
	width: 260px;
	display: inline;
	margin: 0;
	padding: 2px 0 0 10px;
	overflow: hidden;
}
#header .header-qs form {
	width: 190px; /*235px;*/
	margin: 0;
	padding: 5px;
}

#header .header-qs form div {
	margin: 0; padding: 0;
}
#header .header-qs input {
	width: 110px;
	font-size: 70%; /*8pt;*/
	margin: 0 3px;
}
#header .header-qs input#header-qs-search {
	height: auto;
	width: 5px;
}
#header .header-qs a {
	display: inline;
	margin: 0; padding: 0;
	text-align: right;
}
#header .header-qs label, #header #hdr-login label {
	margin: 0 2px 0 2px;
}
#header .header-qs .adv-search-link {
	font-size: 70%;
	position: absolute;
	top: 10px;
	right: 5px;
	width: 60px;
	margin-right: 3px;
}
#header .header-qs .adv-search-link a {
	border: 1px solid #ACA9AC;
	background-color: #D6D2D6;
	white-space: nowrap;
	padding: 1px 2px;
}

/* --------------
    ac elements
   -------------- */
#header div.inst-branding {
	/* needs fixing */
	width: 180px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 3px;
}
#header #authstring {
	background-image: url('/shared/img/standard-design/design1/header_texture_light.gif');
	display: block;
	clear: right;
	position: absolute;
	top: 43px;
	width: 336px;
	list-style: none;
	text-align: left;
	margin: 0 0 0 4px;
	padding: 5px 0 0;
	height: 27px;
}



#header #authstring li {
	white-space: nowrap;
	font-size: 86.67%;
}
#header #authstring a {
	border: none;
}
#header #hdr-login {
	position: absolute;
	left: 340px;
	top: 43px;
	width: 343px;
	height: 30px;
	display: inline;
	padding: 2px 0 0 10px; margin: 0;
	overflow: hidden;
}
#header label {
	font-size: 86.67%;
}
#header #hdr-login form {
	padding: 5px;
}
#header #hdr-login label#hdr-login-username-label {
	margin: 0 0 0 5em;
	text-align: right;
}

#header .header-qs label#header-qs-search-label,
#header #hdr-login label#hdr-login-username-label,
#header #hdr-login label#hdr-login-password-label {
	/*508 labels only -- not visible*/
	position: absolute; left: -9999px;
}
#header #hdr-login label#hdr-login-signin-label {
	margin: 0; padding: 0;
	text-align: right;
}
#header #hdr-login input {
	height: auto;
	width: 110px;
	font-size: 70%; /*8pt*/
	margin:	0 3px;
}
#header #hdr-login input#hdr-login-signin {
	width: 5px;
}
/* --------------------------------------------
    content area
   -------------------------------------------- */
#content-block {
	margin: 0;
	padding: 0 15px;
	width: 520px;
}
#content-block h1 {
	margin-top: 10px;
}
#content-end-sb {
	height: 15px;
	clear: both;
}
div.pagetype-proxied #content-block {
	padding: 0px;
	width: 730px;
}


/* set the toc page, cite text */
div#toc-header cite { font-style: normal; font-size: .8em; }

.toc-level a.toc-section-return:hover {
	border-bottom: none;
}
div.fig-inline a:hover {
	border-bottom: none;
}
div.fig-inline .callout-links a:hover {
	border-bottom: 1px dotted;
}
#sidebar-current-issue div.current-issue a {
	border-bottom: none;
}

#header div.banner-ads {
	position: absolute;
	top: 77px;
	left: 376px;
	width: 594px;
	background: transparent url('/shared/img/standard-design/design1/banner-shadow.png') repeat-y top right;
	height: 85px;
	padding: 0;
	margin: 0;
  text-align: center;
}
#header div.banner-ads ul {
	list-style: none;
	width: 570px;
	padding-top: 30px;
	margin: 0px;
}
#header div.banner-ads ul li {
	display: inline;
  position: relative;
  height: 40px;
  margin: 0;
  padding: 0 15px;
}
#header div.banner-ads ul li img {
	border: 1px solid #999999;
}

#header .banner-ads li.position-1 {
  /* margin-left: 21px; */
  width: 220px;
}
#header .banner-ads li.position-2 {
  margin-left: 6px;
  width: 372px;
}

/*
#header div.banner-ads ul li.no-ad {
	border: 1px dotted #F0F0F0;
}
*/

#header div.banner-ads ul li.no-ad span {
	width: 200px;
	height: 40px;
	margin: 5px;
}
/***uncomment to add home-page-ads***
#header ul.home-page-ads li { width: 200px; height: 50px; border: 1px solid #666; background-color: #ffffff; padding: 0; margin-top: 5%; }
#header ul.home-page-ads li#home-page-ads-left { margin-right: 50%; position: absolute; left: 0; }
#header ul.home-page-ads li#home-page-ads-right  { margin-right: 25px; position: absolute; right: 0; }
***/

#col-2, #col-3 {
	margin: 0; padding: 0;
}
#col-2 { background-color: #F7F7F7; }
#col-2 div { margin-top: 5px; }

#col-3 { width: 210px; background-color: #D8D8D8; }

#col-3 { float: left; }

#col-3 { background: transparent url('/shared/img/standard-design/design1/right-content-shadow.png') repeat-y top left; }

#col-3 { /**keep this comment background: transparent url('/shared/img/standard-design/design1/right-content-shadow.png') no-repeat top right;*/ padding: 0; margin: 0; background-color: #ffffff; }
#col-3 #top-pub-links-shadow { width: 4px; position: absolute; top: 162px; right: 0; background: transparent url('/shared/img/standard-design/design1/right-content-shadow.png') no-repeat top right; border-bottom: none; }
#col-3 .col-3-top { width: 205px; /*width: 202px; border-left: 3px solid #566C8F;*/ background: transparent url('/shared/img/standard-design/design1/bottom-content-shadow-2.png') repeat-x top left; margin: 0 4px 0 0; padding: 0 ; height: 8px; }

/*
#pageid-home #col-3 .col-3-top { background: #637ca4 url('/shared/img/standard-design/design1/top-pub-links-shadow.png') repeat-x top left; }
*/

#col-3 div#sidebar-global-nav { margin: 0; padding: 0; }

#col-3 ul.pub-links { margin: 0 4px 0 0; padding: 0; border: none; width: 205px; /*standard col-3 is 210, minus ca. 4px so that right-extending shadows end at 960*/ list-style-image:  url('/shared/img/standard-design/design1/white-dot-arrow.gif'); }
#col-3 ul.pub-links li {
	background: #637ca4 url(/shared/img/standard-design/design1/white-dot-arrow.gif) no-repeat scroll 10px 12px;
	border: none;
	border-left: 4px solid #566C8F;
	padding: 10px 10px 10px 12px;
	font-weight: bold; margin: 0 0 1px 0px;
}
#col-3 ul.pub-links li span {
	font-size: 92%;
	/*padding-left: 3px;*/
}

#col-3 ul.pub-links li a {
	color: #E1E1E1;
	margin-left: 8px;
	/*background: transparent url(/shared/img/standard-design/design1/white-dot-arrow.gif) no-repeat scroll left 3px;*/
}
#col-3 ul.pub-links li a:link,
#col-3 ul.pub-links li a:visited {
	color: #E1E1E1;
}
#col-3 ul.pub-links li a:hover {
	color: #E1E1E1;
	border-bottom: 1px dotted #E1E1E1;
}
#col-3 ul.pub-links li a:active {
	color: #E1E1E1;
}
/*#col-3 ul.pub-links li a { padding: 0 0 0 7px; }*/

#footer {
	color: #2f5085;
	/*font-size: .8em;*/
	font-weight: bold;
	background-color: #fff; 
	margin: 0;
	text-align: left;
}
#footer div.block-1 { padding: 1em 0 1em 0; margin-left: 5px;  width: 755px; background: transparent url('/shared/img/standard-design/design1/bottom-content-shadow-2.png') repeat-x top left; font-size: 1em; }
#footer div.block-1 p, #footer div.block-1 span { font-size: 86.67%; }
#footer p.copyright { text-align: left; margin: 0 0 5px 0; /*font-size: .9em;*/ }
#footer ul { list-style: none; text-align: left; margin-left: 0; padding-left: 0; }
#footer ul li { border: none; display: inline; padding: 0; margin: 0 5px 0 0; }

/* sidebar element styles */
/* artice content-box list style */
#col-2 div.content-box ol {
	/*list-style-type: square;*/
	list-style-image: url(/shared/img/standard-design/design1/black-dot-arrow-sm.gif);
}
#col-2 div.content-box ol li {
	margin-left: 21px;
}
#col-2 div.content-box .cb-slug ol,
#col-2 div.content-box .cb-corr-slug ol,
#col-2 div.content-box .cb-addendum ol,
#col-2 div.content-box .cb-addendum-slug ol,
#col-2 div.content-box #cb-art-links ol {
	list-style: none;
}

#col-2 div.content-box ol li div.social-bookmarking  li{
	margin-left: 0;
}
#col-2 div.content-box div#cb-art-soc ol li {
	margin-left: 0;
}

#col-2 #article-cb-main ul.social-bookmark-links{
padding-bottom:5px;
}

/* article content box color */
#col-2 div.cb-contents {
	border-left: 1px solid #DBDBDB;
	background-color: #F7F7F7;
}
#col-2 .content-box h4 {
	background-color: #F7F7F7;
	border-bottom:1px solid #DBDBDB;
}
#col-2 div.cb-section {
	border-right:10px solid #F7F7F7;
}
#col-2 .cb-section-header a {
	border-bottom: none;
}

div.hw-gen-page  .view-more {
	border: 1px solid #DCDCDC;
}

/* specific content-box stuff */
#col-2 #cb-art-cat ol  {
	margin-left: 0;
	padding-left: 0;
}
#col-2 #cb-art-cat ol ul {
	margin-left: 0;
}
#col-2 #cb-art-cat ol li li {
	margin-left: 0;
}
#col-2 div.cb-slug ol {
	list-style:none;
}
#col-2 div.content-box div.cb-slug ol li {
	margin: 0 10px;
}
#col-2 div.cb-slug ol li div#slugline {
	margin: 0;
}
#col-2 div.cb-slug ol li div#slugline .span {
	white-space: no-wrap;
}


/* needs to be journal-specific */
#col-3 #sidebar-current-issue { background-color:#C9ACB5; border:2px solid #A4858D; color: #5e413f; width: 180px; }
#col-3 .content-box h3 { color: #5e413f; }

.article-nav, .search-nav { border: 1px solid #DCDCDC; }
.article-nav:hover, .search-nav:hover {
	background-color: transparent;
}

/* offscreen elements */
#skip-link
{ position: absolute; left: -9999px; }

/*ac condition - extend authstring when header.login is suppressed */
#header #authstring.suppress-header-login{
	width: 688px;
	border: 1px solid #666666;
	border-left-color: #999999;
}

#header #hdr-login.suppress-header-login{
    display: none;
}

#authstring ul{ 
    padding-top: 4px; 
}
/* proxied tables */
#proxied-contents table.tborder1,#proxied-contents  table.tborder1 td {
border:1px solid #333333;
}

table tr td[align="right"] {text-align:right;}
table tr td[align="left"] {text-align:left;}
table tr td[align="center"] {text-align:center;}
table tr td[valign="middle"] {vertical-align:middle;}
table tr td[valign="top"] {vertical-align:top;}
table tr td[valign="bottom"] {vertical-align:bottom;}
#proxied-contents  table[cellpadding="6"] tr td,
#proxied-contents  table[cellpadding="5"] tr td  {padding:3px;}
#proxied-contents  table[cellpadding="4"] tr td {padding:2px;}
#proxied-contents  table[cellpadding="3"] tr td {padding:2px;}
#proxied-contents  table[cellpadding="2"] tr td,
#proxied-contents  table[cellpadding="1"] tr td {padding:1px;}
