/* generic error bar */
/***
body.js_en #genericErrors {
    margin-left:auto;
    margin-right:auto;
    width:96.2em;
}
body.js_en #errors {
    position:fixed;
    background:#FF7F7F;
    z-index: 100;
    width: 98em;
    top: -45px;
}
body.js_en #errors p{
    color:#fff;
    font-weight:bolder;
    margin:0;
    padding: 1em;
}
body.js_en #showErrors{
    position: absolute;
    left: 10px;
    background: #FF7F7F;
    display: block;
    width: 6em;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
}
***/



/*js_en #browseByTopic li,*/
/*
.js_en #browseBySubject li {
    cursor:pointer;
}
*/
body.js_en form.simple label{
    background-color:#fff;
}

.js_en .slider {
    padding-left: 0.3em;
    font-size: 1em;
}

body.js_en .zoomImage {
    /*visibility:hidden;*/
    position:absolute;
    opacity:0;
    z-index:499;
}

body.js_en #zoomHTML {
    /*visibility:hidden;*/
    position:absolute;
    opacity:0;
    z-index:499;
    background-color:#fff;
    display: none;
}

body.js_en #zoomShadow {
    width:400px;
    height:100px;
    position:absolute;
    z-index:498;
    opacity:0.999999;
}
/* hide the thing from view! */
body.js_en #zoomShadow,
body.js_en #zoomClose,
body.js_en #zoomWait,
body.js_en #zoomCaption,
body.js_en #zoomHTML,
body.js_en #overlayContainer {
   display: none;
}

body.js_en #zSTopLeft {
    width:27px;
    height:25px;
    position:absolute;
    top:0;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow1.png) no-repeat top left;
}

body.js_en #zSTopMiddle {
    height:25px;
    position:absolute;
    top:0;
    left:27px;
    background: url(../images/figure_zoomer/zoom-shadow2.png) repeat top left;
}

body.js_en #zSTopRight {
    width:27px;
    height:25px;
    float:right;
    background: url(../images/figure_zoomer/zoom-shadow3.png) no-repeat top right;
}

body.js_en #zSLeft {
    width:27px;
    position:absolute;
    top:25px;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow4.png) repeat top left;
}

body.js_en #zSRight {
    width:27px;
    position:absolute;
    top:25px;
    right:0;
    background: url(../images/figure_zoomer/zoom-shadow5.png) repeat top right;
}

body.js_en #zSBottomLeft {
    width:27px;
    height:25px;
    position:absolute;
    bottom:0;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow6.png) no-repeat bottom left;
}

body.js_en #zSBottomMiddle {
    height:25px;
    position:absolute;
    bottom:0;
    left:27px;
    background: url(../images/figure_zoomer/zoom-shadow7.png) repeat bottom left;
}

body.js_en #zSBottomRight {
    width:27px;
    height:25px;
    position:absolute;
    bottom:0;
    right:0;
    background: url(../images/figure_zoomer/zoom-shadow8.png) no-repeat bottom right;
}

body.js_en #zoomClose {
    position: absolute;
    left: 0;
    top: -4px;
    opacity: 0.999999;
    z-index:500;
    cursor: pointer;
    width:30px;
    height:30px;
    background-image: url(../images/figure_zoomer/closebox.png);
}

body.js_en #zoomWait {
    position:absolute;
    background-image: url(../images/figure_zoomer/zoom-spin-1.png);
    width:50px;
    height:50px;
    visibility:hidden;
    z-index:501;
}

body.js_en #zoomCaption {
    color:#fff;
    position:absolute;
    background-color:#404040;
    padding:7.5px 7.5px;
    overflow:visible;
    display: none;
}

body.js_en #zoomWait.zoomed,
body.js_en #zoomClose.zoomed,
body.js_en .zoomImage.zoomed,
body.js_en #zoomShadow.zoomed,
body.js_en #zoomCaption.zoomed,
body.js_en #zoomHTML.zoomed,
body.js_en #overlayContainer.zoomed {
    display: block;
}

body.js_en ul#overlayList{
    list-style-type:none;
    margin:0.5em;
}
body.js_en #overlayList li{
    text-indent: 0;
    clear:left;
}
body.js_en #overlayList li span.bullet{
    float:left;
    min-width:2em;
    display:block;
    text-align:right;
    overflow:visible;
}
body.js_en ul#overlayList li{
    line-height:1.5em;
}
body.js_en #overlayList li cite{
    display:block;
    margin:0 0 0 2.8em;
}

/*** Reference Links ***/
body.js_en #overlayList ul.externalReferences{
    margin:0;
    clear:both;
    width:100%;
    margin:0 0 0 2.8em;
}
body.js_en #overlayList .internalReferences{
    margin:0 0 0 2.8em;
}
body.js_en #overlayList ul.externalReferences li{
    display:inline;
    margin-right:0.5em;
    padding:0;
}
body.js_en #overlayList li .internalReferences ul{
    overflow: hidden;
    margin-left: -0.4em;
    float:left;
    margin-bottom:0.3em;
}
body.js_en #overlayList li .internalReferences ul li {
    border-left: 1px solid #757373;
    font-size: 1.1em;
    margin-left: -0.1em;
    display: inline;
    padding: 0 0.4em 0 0.3em;
    line-height:1.2em;
}
body.js_en #overlayList .internalReferences .directLinkLabel{
    display: block;
    padding-left: 0.4em;
    background: #e2eaed url(../images/wolIconsNew.gif) no-repeat 0 -278px;
    float:left;
    margin-right:0.7em;
}
body.js_en #overlayList .internalReferences .directLinkLabel a{
    display: block;
    font-weight: bold;
    padding: 0 0.4em 0 0;
    background:#e2eaed  url(../images/wolIconsNew.gif) no-repeat 100% -278px;
    color: #000;
    font-size: 0.9em;
    text-decoration:none;
    line-height:1.4em;
}
body.js_en #overlayList .custom li .internalReferences .directLinkLabel {
    margin-top:2px;
}
body.js_en #overlayList ol#citedByInternal li .internalReferences ul{
    margin-left:0;
}
body.js_en #overlayList div.internalReferences ul li a,
body.js_en #overlayList ul.externalReferences li a {
    font-size: 0.9em;
    color:#007E8B;
}


/*
body.js_en #authors sup,
body.js_en #authors sub
{
    display: none;
}
*/

body.js_en #overlayList caption {
    font-weight:bold;
    padding:0 0 1em;
    text-align:left;
    width:100%;
}

body.js_en #overlayList .equation .math, body.js_en #overlayList .equation img {
    float:left;
}

body.js_en #overlayList .number {
    float:right;
}


/* Andy: delete when js refactored */

body.js_en #overlayContainer {
    position:absolute;
    z-index:499;
    background-color:#fff;
    overflow:auto;
    padding:1.5em;
    width:62em;
}
body.js_en .zoomImage2 {
    visibility:hidden;
    position:absolute;
    opacity:0;
    z-index:499;
}
body.js_en #zoomShadow2 {
    width:400px;
    height:100px;
    position:absolute;
    z-index:498;
    opacity:0.999999;
    visibility:hidden;
}
body.js_en #zoomShadowShim {
    position:absolute;
    z-index:497;
    visibility:hidden;
}
body.js_en #zoomClose2 {
    position: absolute;
    left: 0;
    top: -4px;
    visibility: hidden;
    opacity: 0.999999;
    z-index:500;
    cursor: pointer;
    width:30px;
    height:30px;
    background-image: url(../images/figure_zoomer/closebox.png);
    display: block;
}
body.js_en #zoomShadow2.zoomed, body.js_en #zoomClose2.zoomed, body.js_en .zoomImage2.zoomed, body.js_en #zoomShadowShim.zoomed {
    visibility:visible;
}
body.js_en #zSTopLeft2 {
    width:27px;
    height:25px;
    position:absolute;
    top:0;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow1.png) no-repeat top left;
}
body.js_en #zSTopMiddle2 {
    height:25px;
    position:absolute;
    top:0;
    left:27px;
    background: url(../images/figure_zoomer/zoom-shadow2.png) repeat top left;
}
body.js_en #zSTopRight2 {
    width:27px;
    height:25px;
    float:right;
    background: url(../images/figure_zoomer/zoom-shadow3.png) no-repeat top right;
}
body.js_en #zSLeft2 {
    width:27px;
    position:absolute;
    top:25px;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow4.png) repeat top left;
}
body.js_en #zSRight2 {
    width:27px;
    position:absolute;
    top:25px;
    right:0;
    background: url(../images/figure_zoomer/zoom-shadow5.png) repeat top right;
}
body.js_en #zSBottomLeft2 {
    width:27px;
    height:25px;
    position:absolute;
    bottom:0;
    left:0;
    background: url(../images/figure_zoomer/zoom-shadow6.png) no-repeat bottom left;
}
body.js_en #zSBottomMiddle2 {
    height:25px;
    position:absolute;
    bottom:0;
    left:27px;
    background: url(../images/figure_zoomer/zoom-shadow7.png) repeat bottom left;
}
body.js_en #zSBottomRight2 {
    width:27px;
    height:25px;
    position:absolute;
    bottom:0;
    right:0;
    background: url(../images/figure_zoomer/zoom-shadow8.png) no-repeat bottom right;
}
/*
body.js_en #browseByTopic ol,

body.js_en #browseBySubject ol {
    display:none;
}
*/
body.js_en #fulltext .headingCont,
body.js_en #mrwFulltext .headingCont {
    width:100%;
    overflow:auto;
}
body.js_en #fulltext .headingCont h3,
body.js_en #mrwFulltext #article .headingCont h1,
body.js_en #mrwFulltext #article .headingCont h2,
body.js_en #mrwFulltext #article .headingCont h3,
body.js_en #mrwFulltext #article .headingCont h4{
    width: 500px;/*changed from 550px as stuffs in ie6*/
    /*addded for WOL-1708*/
    float:left;
    padding: 0 0 0.1em 0.25em;
    /*line-height: 100%;*/
}
body.js_en #fulltext .headingCont select,
body.js_en #mrwFulltext .headingCont select {
    border-right: #c7d5d9 0.1em solid;
    border-top: #c7d5d9 0.1em solid;
    font-size: 1.2em;
    margin: 0 0.3em 0.2em 0;
    border-left: #c7d5d9 0.1em solid;
    width: 20em;
    border-bottom: #c7d5d9 0.1em solid;
    float:right
}

/* mrw.css deviates with fulltext so we have to set extra rules to fix a few bugs */
body.js_en #mrwFulltext .headingCont select {
    font-size: 1em;
}

/*wol 1971 cleans up error messages when user has login failure*/
body.js_en .failureHeading,body.js_en .failureMessage {
    margin: 0;
    width:490px
}

body.js_en .failureHeading {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0;

}
body.js_en .failureMessage {
    padding: 0;
}

/*** Accordion ***/
.js_en #accordion h2{
    margin:0.5em 0 0 0;
    background-color:#e1e9eb;
    padding:0.5em;
    padding-left:1.7em;
    cursor:pointer;
    clear:both
}

/*
.js_en #accordion h2.ui-accordion-header {
    background: url(../images/888888_7x7_arrow_right.gif) no-repeat scroll 0.5em 50%;
    background-color:#e1e9eb;
}
.js_en #accordion h2.selected {
    background: url(../images/222222_7x7_arrow_down.gif) no-repeat scroll 0.5em 50%;
    background-color:#e1e9eb;
    color:#006976;
}*/


.js_en #accordion h2.ui-accordion-header {
    background: url(../images/wolIcons2.gif) no-repeat scroll -389px -118px;
    background-color:#e1e9eb;
}
.js_en #accordion h2.selected {
    background: url(../images/wolIcons2.gif) no-repeat scroll -389px -133px;
    background-color:#e1e9eb;
    color:#006976;
}


.js_en #trustedProxy #accordion fieldset.topLeftRoundCorner,
.js_en #referringUrl #accordion div.topLeftRoundCorner{
    padding-top:1.5em !important;
    background-position:0 5px;
}

/** my profile menu testing */
/*** Tabbed content ***/
body.js_en #login #loggedIn .profile ul {
    display: none;
}
body.js_en .profile {
    clear:both;
}
body.js_en .profile li {
    color:#757373;
    float:left;
   /*font-size:1.1em;*/
    font-weight:bold;
    margin-right:0.5em;
   /* background:#E9EFF0 url(../images/wolIcons2.gif) no-repeat scroll 0 -420px;*/
}

/*body.js_en .profile li a,*/
body.js_en .profile li span {
    display:block;
    background:transparent url(../images/wolIcons2.gif) no-repeat scroll 100% -462px;
    padding:0.4em 0.9em 0.3em;
}

body.js_en .profile li a {
    color:#5D5D5D;
}
body.js_en .profile li.active {
    background:#007e8b url(../images/subNav_007e8b_left.gif) no-repeat;
}
body.js_en .profile li.active a {
    background: url(../images/subNav_007e8b_right.gif) no-repeat 100% 0;
    color:#fff;
}

body.js_en .profile li.active li a {
    background-image: none;
    color:#5D5D5D;
}

body.js_en .profile li ul {
    left: 0;
    position:absolute;
    z-index:100;
    padding-top: 2px;
}

body.js_en .profile li ul li{
    width: 28.1em;
    background-image: none;
    background-color: #fff;
    margin: 0;
    border-bottom: 2px solid #E1E9EB;
    border-left: 2px solid #E1E9EB;
    font-size:1em;
}

body.js_en .profile li ul li a {
    background-image: none;
    background-color: #fff;
    padding: 0;
    padding: 0.5em;
    display: block;
}

body.js_en .profile li ul li a:hover {
    background:#E1E9EB;
}
body.js_en #pageNavAndTools #showFullJournalMenu{
    display:block;
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:0.5em;
    margin-top:0.5em;
    color:#3D3D3D;
}

body.js_en #allParagraphs{
    display: none;
}

body.js_en #login form label#emailLabel,
body.js_en #login form label#passwordLabel{
    position:absolute;
    top:3em;
    left:0.6em;
    cursor:auto;
    display:block;
}
body.js_en #login form label#passwordLabel {
    top:5.3em;
}

/*** MRW ***/
body.js_en #browseMrw li a.branchLabel {
    text-decoration:none;
    font-weight:bold;
    line-height:140%;
}
body.js_en #browseMrw li a.branchLabel:hover span {
    text-decoration:underline;
}
body.js_en .emrw-table .title {
    padding-left:6em;
}


/*** Initialise page elements in a hidden state ***/
body.js_en .jumpList,
body.js_en .emrw-table .table-container {
    display:none;
}

/*** Gloabl messaging ***/
.js_en #handle {
    background-color:silver;
    float:right;
    font-size:1.2em;
    padding:0.3em;
    outline:0;
    text-decoration:none;
    color:#fff;
    text-align:center;
}
.js_en #globalMessaging {
    z-index:50;
}

.js_en #globalMessaging ul {
    font-size: 1em;
}


body.js_en #exportCitation #exportOptions {
    float:none;
    width:100%;
}

body.js_en #overlayContainer  form.simple fieldset input,
body.js_en #overlayContainer  form.simple fieldset textarea,
body.js_en #overlayContainer  form.simple fieldset select{
    margin-right:25%;
}
body.js_en #overlayContainer form.simple .submit {
    margin-right:38.4%;
}


/*** External reporting interface ***/
.js_en #productType, .js_en #reportOwner, .js_en #reportType, .js_en #reportYear, .js_en #reportMonth, .js_en #reportFormat {
    float:left;
    margin-right:1em;
}
.js_en #productType {
    width:12em;
}
.js_en #reportOwner {
    width:10em;
}
.js_en #reportYear {
    width:5em;
}
.js_en #reportMonth {
    width:7em;
}
.js_en #reportFormat {
    width:4em;
}
.js_en #additionalInformation .articleCategory a {
    margin-left: 0.5em;
}

.js_en #authorsDetail,
.js_en #editorsDetail,
.js_en #publicationHistoryDetails,
.js_en #howToCite,
.js_en #errata,
.js_en #fundingInfo,
.js_en #isbnInfo,
.js_en #bookSeriesInfo {
    display: none;
}

.js_en #toggleAddInfo {
    clear: left;
}

.js_en #toggleAddInfo a {
    margin-right: 0.5em;
}