/* 
updated 2016
    Document   : emerald.css
    Created on : 16-May-2012, 13:14:13
    Author     : hilli
    Description:
        Purpose of the stylesheet follows.
*/

/*
Selection taken from Main www.emeraldinsight.com website
*/


div.genFullBox {
	width: 99%;
	margin: 0 0 .5em 0;
	background:  #ECF0F3 url(/local_assets/img/surround/graded_round_box-wide.jpg) repeat-x left top;
	display:table;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	}
div.genFullBox h3, div.genFullBox h2 {
	padding:6px .5em;
	color: #3F3F3F;
	margin:0;
	font-size: 1.2em;
    -moz-border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
	}
div.genFullBox h3 {
	font-size: 1em;
	}
div.genFullBox h4 {
	font-size: 1em;
	margin: 0;
	padding:.5em .6em .4em .5em;
	font-weight: normal;
	background: #D5DEE3 url(/local_assets/img/surround/graded_round_box-wide_h4.jpg) repeat-x left top;
    }
div.genFullBox p {
	margin: .4em;
    }
 div.genFullBox img {
	float: left;
	margin: .6em .4em;
    }
div.genFullBox ul.imgList {
    list-style: none;
    margin: 0;
    padding: .5em 0 .8em .4em;
    }
div.genFullBox ul.imgList ul {
    list-style: circle;
    margin: 0 0 .4em .7em;
    }
div.genFullBox ul.imgList li.single {
	list-style: square;
	margin: 0 0 0 1.2em;
    }
div.genFullBox ul.imgList img {
	float: none;
	margin: 0 .4em 0 0;
    }
div.genFullBox div.content {
    padding: .5em .6em .5em 1.2em;
    }
div.genFullBox div.contentForm {
	padding: 0 .6em 0 1.2em;
	text-align:left;
	}
div.genFullBox div.content img {
	float: none;
	vertical-align:middle;
	margin:  0 .4em 0 0;
    }
   div.genFullBox div.imgMargin {
	margin-left: 49px;
    }
div.genFullBox ul, div.genFullBox ol {
	margin:.4em 0;
	padding-left: 20px;
    }

/* jnlHeadBox */
div.jnlHeadBox {
	width: 99.6%;
	margin: .6em 0 ;
	background: #F4F5F7; /* #ECF0F3; */
	display:block;
	padding: .5em 0 1em 0;
	font-size:1em;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
div.jnlHeadBox h1 {
	font-size: 1.4em;
	margin: 0 0 0 0;
	display:inline;
	}
div.jnlHeadBox p.issn {
        font-size:.88em;
        margin: 2px 0 10px 0;
color:#4A4A4A;
	}
div.jnlHeadBox img.cover {
	margin: 0 .5em;
	float:left;
	}
div.jnlHeadBox p {
	line-height: 1.6em;
	margin: 0 0 0 112px; /* 108 */
	font-size:.86em;
	}
div.jnlHeadBox div.jnlHeadBoxSearch {
	float: right;
	width: 18.3em;
	margin: 0 5px 0 10px;
	padding: 0 0 0 0;
	background:  #F4F5F7 url(/local_assets/img/surround/jnl_search_bg.gif) no-repeat left top;
	}
 div.jnlHeadBox div.jnlHeadBoxSearch fieldset {
	border: none;
	font-size: .86em;
	margin: .4em 0;
	}
div.jnlHeadBox div.jnlHeadBoxSearch input.text {
    width: 10em;
}
div.jnlHeadBox div.jnlHeadBoxSearch label {
    color:#4A4A4A;
}

/* SURROUND */
img.user_ImgLeft {
	float:left;
	margin-right: 6px;
	}
/*----  articleOptionsBox box: used for the print view/pdf view etc options on articles -----*/
div.articleOptionsBox {
	width: 99%;
	margin-top: .5em;
	padding: .2em 0 .5em 0;
	background: #F7F7F7;
	display:table;
	font-size:.86em;
}
div.articleOptionsBox .indent
{
	padding: 0 .5em 0 .5em;
}
/*----  genFullIndentBox box -----
Same as genFullBox but pulled in at the sides
*/
div.genFullIndentBox {
	width: 80%;
	margin-top: .5em;
	margin-bottom: .5em;
	background: #F7F7F7;
	display:table;
	padding-bottom:.5em;
	text-align:left;
	}
div.genFullIndentBox h3	{
	background-color: #EBEBEB;
	font-size:1.1em;
	padding:.16em .4em;
	color: #3F3F3F;
	margin-top:0pt;
	margin-bottom:0pt;
	border-bottom: 2px solid #FFF;
	}
div.genFullIndentBox p {
	padding: .4em;
	margin:0;
	}
div.genFullIndentBox img {
	float: left;
	border:1px solid #000;
	margin-right: .4em;
	position:relative;
	}
div#pgSectionCn div.genFullIndentBox ul {
	margin-bottom:0px;
	}
div#pgSectionCn div.genFullIndentBox ul li {
	list-style: square outside;
	}
/* interviewFullBox */
div.interviewFullBox {
	width: 99.9%;
	display: table;
	margin-bottom: 10px; /* the gap between the next box or content */
	clear:right;
	}
div.interviewFullBoxHead {
	background-color: #EBEBEB;
	margin: 0 0 0 74px;
	padding: 4px;
	border-left:1px solid #CCC;
	}
div.interviewFullBox p {
	font-size: .9em;
	margin: 0 0 0 74px; /* Margin fron img and sets it inline */
	border-left:1px solid #CCC;
	padding:4px;
	}
div.interviewFullBox h3 {
	font-size: .9em;
	display:inline;
	margin-top:0pt;
	margin-bottom:0pt;
	}
img.user_ImgRight {
	float:right;
	margin-left: 6px;
	}
/* genBoxThirdRt */
div.genThirdRtBox {
	width: 19.9em;
	float:right;
	margin: .5em 0 .5em .5em;
	padding-bottom:.5em;
	background: #F7F7F7;
	/*font-size:.86em;*/
	}
div.genThirdRtBox h3 {
	color:#000;
	background-color: #EBEBEB;
	padding: 0 4px;
	border-bottom: 2px solid #FFF;
	margin-top:0pt;
	margin-bottom:0pt;
	}
div.genThirdRtBox p {
	padding: .3em;
	margin:0;
	}
div.genThirdRtBox ul {
	margin-top:10px;
	margin-bottom:10px;
	}
div.genThirdRtBox li {
	margin: 0 0 0 -18px;
	}
div.genThirdRtBox div img{
	margin-top: 4px;
	}
div.genThirdRtBox p img{
	margin-right: 4px;
	float:left;
	}
/* journal index box jnlFullBox */
div.jnlFullBox {
	width: 99.9%;
	display: table;
	margin-bottom: 20px; /* the gap between the next box or content */
	clear:right;
	}
div.jnlFullBoxHead {
	background-color: #EBEBEB;
	margin: 0 0 0 72px;
	padding: 4px;
	border-left:1px solid #CCC;
	}
div.jnlFullBox p {
	font-size: .9em;
	margin: 0 0 0 72px; /* Margin fron img and sets it inline */
	border-left:1px solid #CCC;
	padding:4px;
	}
div.jnlFullBox h3 {
	font-size: .9em;
	display:inline;
	margin-top:0pt;
	margin-bottom:0pt;
	}
/* journal index box jnlFullBoxNoImg - as above but set margins to zero */
div.jnlFullBoxNoImg {
	width: 99.6%;
	display: table;
	margin-bottom: 20px; /* the gap between the next box or content */
	}
div.jnlFullBoxHeadNoImg {
	background-color: #EBEBEB;
	padding: 4px;
	border-left: 1px solid #CCC;
	margin-top:0pt;
	margin-bottom:0pt;
	}
div.jnlFullBoxNoImg p {
	font-size: .9em;
	border-left: 1px solid #CCC;
	padding: 4px;
	margin-top:0pt;
	margin-bottom:0pt;
	}
div.jnlFullBoxNoImg h3 {
	font-size: .9em;
	display:inline;
	margin-top:0pt;
	margin-bottom:0pt;
	}
/* jnlHeadBox small*/
div.jnlHeadSmallBox {
	width: 99.9%;
	background: #F7F7F7;
	display:table;
	padding:.5em 0 .3em 0;
	font-size:.92em;
	}
div#pgSectionCn div.jnlHeadSmallBox h1 {
	margin: 0 0 0 0;
	display:inline;
	}
div#pgSectionCn div.jnlHeadSmallBox h2 {
	font-size: 1.15em;
	font-weight:bold;
	display:inline;
	color:#4A4A4A;
	}
div.jnlHeadSmallBox p{
	line-height: 1.4em;
	margin: 0 0 0 81px;
	}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch {
	float:right;
	width: 15em;
	margin-left: 10px;
	margin-right: 5px;
	}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch fieldset {
	border: 1px solid #ddd;
	background:none;
	padding: 4px;
	}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch input.text {
	width: 12em;
}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch label {
	font-size: .9em;
	color:#4A4A4A;
}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch .button {
	padding-top: 4px;
	text-align:center;
}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch ul {
	margin-top:4px;
	margin-bottom:0;
	}
div.jnlHeadSmallBox div.jnlHeadSmallBoxSearch ul li {
	margin: 0 0 0 -16px;
	}
/*----  genHalfBox box -----*/
div.genHalfBox {
	width: 99.6%;
	display: table;
	margin-top: .5em;
	margin-bottom: .5em;
	}
div.genHalfBox div.genHalfBoxLt h3, div.genHalfBox div.genHalfBoxRt h3 {
	background-color: #EBEBEB;
	font-size:1.1em;
	padding:.16em .4em;
	color: #3F3F3F;
	border-bottom: 2px solid #FFF;
	margin-top:0pt;
	margin-bottom:0pt;
	}
	div.genHalfBox div.genHalfBoxLt h3 a, div.genHalfBox div.genHalfBoxRt h3 a{
	text-decoration: none;
	color: #3F3F3F;
	}
div.genHalfBox div.genHalfBoxLt {
	float:left;
	width: 49.2%;
	background: #ECF0F3;
	padding-bottom:.5em;
	}
div.genHalfBoxLt p, div.genHalfBoxRt p {
	padding: .4em;
	margin:0;
	}
div.genHalfBox div.genHalfBoxRt {
	float:right;
	width: 49.2%;
	background: #ECF0F3;
	padding-bottom:.5em;
	}
div.genHalfBoxLt img, div.genHalfBoxRt img  {
	float:left;
	margin: 5px 0 0 5px;
	}
div.genHalfBox div.genHalfBoxRt  div.imgNoWrap, div.genHalfBox div.genHalfBoxLt div.imgNoWrap{
	margin-left: 76px;
}
div.genHalfBox div.genHalfBoxRt  div.imgNoWrapSmall, div.genHalfBox div.genHalfBoxLt div.imgNoWrapSmall{
	margin-left: 50px;
}
div.genHalfBox ul {
	margin-top: .5em;
	margin-bottom: .5em;
}
/* articleFullBox */
div.articleFullBox {
	width: 99%;
	display: table;
	margin-bottom: 20px; /* the gap between the next box or content */
	}
div.articleFullBoxHead {
	background-color: #EBEBEB;
	margin: 0 0 0 83px;
	padding: 4px;
	border-left:1px solid #CCC;
	}
div.articleFullBox p {
	font-size: .9em;
	margin: 0 0 0 83px; /* Margin fron img and sets it inline */
	border-left:1px solid #CCC;
	padding:4px;
	}
div.articleFullBox h3 {
	font-size: .9em;
	display:inline;
	margin-top:0pt;
	margin-bottom:0pt;
	}
/* genQuarterRtBox */
div.genQuarterRtBox {
	width: 15em;
	float:right;
	margin: .5em 0 .5em .5em;
	padding-bottom:.5em;
	background: #F7F7F7;
	clear:right;
	}
div.genQuarterRtBox h3 {
	color:#3F3F3F;
	background-color: #EBEBEB;
	padding: 0 4px;
	border-bottom: 2px solid #FFF;
	margin-top:0pt;
	margin-bottom:0pt;
	}
div.genQuarterRtBox p {
	padding: .3em;
	margin:0;
	}
div.genQuarterRtBox ul {
	margin-top:0;
	margin-bottom:0;
	}
div.genQuarterRtBox li {
	margin: 0 0 0 -18px;
	}
div.genQuarterRtBox div img{
	margin-top: 4px;
	}
div.genQuarterRtBox p img{
	margin-right: 4px;
	float:left;
	}
/* eventsFullBox */
div.eventsFullBox {
	width: 99.6%;
	margin-top: .5em;
	margin-bottom: .5em;
	display:table;
	padding-bottom:.5em;
	border:1px solid #F7F7F7;
	}
div.eventsFullBox div.evtype {
	background-color: #EBEBEB;
	padding:.16em .4em;
	margin-top:0pt;
	margin-bottom:0pt;
	border-bottom: 2px solid #FFF;
	}
div.eventsFullBox p, div.eventsFullBox h3 {
	padding: 0px 6em 0 .4em;
	margin-top: 6pt;
	margin-bottom: 6pt;
	}
fieldset.fieldsetClear {
	border:none;
	}
fieldset.fieldsetPlain {
	border:1px solid #FFF;
	margin: 0 0 0 0;
	}
fieldset.fieldsetPlain legend {
	background: none;
	}
fieldset.fieldsetPlain .padding {
	padding:.4em .5em;
	}
.user_quote {
	margin-right:50px;
	margin-left:50px;
	}
/* multipartThirdRtBox */
div.multipartThirdRtBox {
	width: 19.9em;
	float:right;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: .5em;
	padding-bottom:.5em;
	background: #F7F7F7;
	}
div.multipartThirdRtBox h3 {
	color:#3F3F3F;
	background-color: #EBEBEB;
	padding: 0 4px;
	border-bottom: 2px solid #FFF;
	margin-top:0pt;
	margin-bottom:0pt;
	}
div.multipartThirdRtBox p {
	padding: .3em;
	margin:0;
	}
div.multipartThirdRtBox ul {
	margin-top:.4em;
	margin-bottom:0;
	}
div.multipartThirdRtBox ol {
	margin-top:.4em;
	margin-bottom:0;
	}
div#pgSectionCn div.multipartThirdRtBox ul li {
	margin: 0 0 0 -16px;
	list-style: square;
	padding: 0 0 0 0;
	}
div#pgSectionCn div.multipartThirdRtBox ol li {
	margin: 0 0 0 -14px;
	padding: 0 0 0 0;
	}
div#pgSectionCn div.multipartThirdRtBox ul li img{
	padding: 0 .2em 0 0;
	}
div.multipartThirdRtBox div img{
	margin-top: 4px;
	}
div.multipartThirdRtBox p img{
	margin-right: 4px;
	float:left;
	}
div.graphicalHeader {
    width: 99%;
    height: 148px;
    border:1px solid #FFF;
}
div.graphicalHeader div.graphicalHeaderImg {
    float:right;
}
div.graphicalHeader h1 {
    margin: 107px 0 0 12px;
    color: #000;
    font-size:2.4em;
}
div.imgBox {
    width: 99%;
    display:table;
    padding: 0 0 10px 0;
}
div.imgBox div.box1, div.imgBox div.box3 {
    float:left;
    width: 32%;
    padding:0 0 0 132px;
    height: 130px;
/*     border:1px solid red;*/
}
div.imgBox div.box2, div.imgBox div.box4 {
    float:right;
    width: 31%;
    padding:0 10px 0 132px;
    height: 130px;
/*    border:1px solid red; */
}
div.imgBox div.box3, div.imgBox div.box4 {
    /* padding-top:54px; */
}
div.imgBox h3 {
    color:#3F3F3F;
    font-size:1.3em;
    margin: 18px 0 0 0;
    padding: 0;
}
div.imgBox h3 a {
    color:#3F3F3F;
    text-decoration: none;
}
div.imgBox h3 a:hover {
    text-decoration: underline;
}
div.imgBox p {
    margin-top: 4px;
}
div#headerBox1 {
       height: 40px;
       margin: 17px -3px 0 0;
       text-align: right;
        }
div#shareBox {
       margin: 4px -2px 0 0;
       text-align:right;
        }

/* Added for Reading List page  ian Hill 2011 */

img.togglePhoto {
        border: 0;
        float: left;
        width: 45px;
        height: 60px;
}

 

div .clickToggle {
        padding-left: 15px;
        background-image: url(/local_assets/img/surround/icon_openclose.gif) ;
        background-position: -10px -7px;
        background-repeat: no-repeat;
            }

div .subjectClickToggle {
        padding-left: 15px;
        background-image: url(/local_assets/img/surround/icon_openclose.gif) ;
        background-position: -10px -4px;
        background-repeat: no-repeat;
            }

div .categoryClickToggle {
        padding-left: 15px;
        background-image: url(/local_assets/img/surround/icon_openclose.gif) ;
        background-position: -10px -6px;
        background-repeat: no-repeat;
        margin-left: 15px;
	}
	
div.interviewFullBox .toggleAbstract p {
        background: #ECF0F3 ;
}