/*
------------------------------------------------------------
	Cambridge Journals Online
	
	HTML & CSS Convertion
	by: John Ryan Acoba
    Senior GUI Designer  
	
	1. Global Layout
	2. CorporateHomebar
	3. Header
	4. Page Global Settings
	5. Footer
	6. Content
	7. Left side bar content
	8. Right side content
	9. Legacy cotent
------------------------------------------------------------
*/


/* 
--------------------------------------
1. Global Layout
--------------------------------------
*/

body {font: 12px/1.5em Arial, Tahoma, Helvetica, Geneva, sans-serif !important; background: #c5dff6 !important;}
#container {width: 980px !important; margin: 0 auto; position: relative;}

a {color: #fff; text-decoration: none}
a:hover {color: #14497f; text-decoration: underline}

/* 
--------------------------------------
2. CorporateHomebar
--------------------------------------
*/

#corporateHomebar {position: relative; margin: 0; padding: 10px 0; font-size: 90%; line-height: 100%}
#corporateHomebar a {color: #636363}
#corporateHomebar #corporateHomebarPortalLink {position: absolute; top: 6px; left: 10px; display: none;}
#corporateHomebar #corporateHomebarPortalLink a {background: transparent url(../images/images/sprites.png) 0 0 no-repeat; float: left; text-indent: 18px; font-weight: bold}
#corporateHomebar #corporateHomebarTools {position: absolute; top: 6px; right: 10px}
#corporateHomebar #corporateHomebarTools ul li {list-style-type: none; display: inline; padding: 0 4px; margin: 5px 0; border-left: 1px solid #ccc}
#corporateHomebar #corporateHomebarTools ul li:first-child {border-left: none}
#corporateHomebar #corporateHomebarTools ul li a {padding-left: 4px}


/* 
--------------------------------------
3. Header
-------------------------------------- 
*/

#header {min-height: 40px; margin: 0; padding: 0; position: relative; padding: 15px 0; z-index: 999} /*for photo gallery*/
#header h1 a {background: transparent url(../images/images/sprites.png) -676px 0 no-repeat; width: 304px; height: 41px; float: left; margin-left: 20px}
#header h1 img {display: none}
#header #header-options {width: 60%; float: right}
#header #header-options #welcomebox {float: right; margin-right: 18em}
#header #header-options #welcomebox > h3 {display: block; margin: 10px 20px 10px 0; color: #000;}
#header #header-options #welcomebox > h3 > a {color: #045989;}
#header #header-options #welcomebox > h3 > a:hover {text-decoration: underline}
#header #header-options #welcomebox img {display: block}
#header #header-options ul#session {position: absolute; top: 20px; right: 20px;}
#header #header-options ul#session li {background: transparent url(../images/images/sprites.png) 0 0 no-repeat; display: inline; list-style-type: none; float: left; height: 32px; width: 105px; float: left; cursor: pointer; color:#000;}
#header #header-options ul#session li a {background: transparent url(../images/images/sprites.png) 0 0 no-repeat; float: left; text-decoration: none; padding: 6% 10px;}
#header #header-options ul#session li.basket {background-position: left -125px}
#header #header-options ul#session li.basket a {background-position: 10px -81px; text-indent: 25px; color: #3b3b3b !important}
#header #header-options ul#session li.basket a em {font-style: normal; padding: 0 1px}
#header #header-options ul#session li.login,
#header #header-options ul#session li.logout {background-position: right -125px}
#header #header-options ul#session li.login a,
#header #header-options ul#session li.logout a {background-position: 10px -46px; text-indent: 30px; color: #fff !important; } 

#header #session-dd-holder {margin: 0; padding: 10px; width: 30%; background: #f2f2f2; border: 1px solid #d9d9d9; position: absolute; top: 4em; right: 0; z-index: 999999; display: none}
#header #session-dd-holder .errorRow {color: #900; padding: 10px 0}
#header #session-dd-holder .ssdd-section {display: block}
#header #session-dd-holder .ssdd-section a {float: right}
#header #session-dd-holder .ssdd-section ul li {list-style-type: none !important; clear: both !important; padding: 5px 0}
#header #session-dd-holder .ssdd-section span.formbutton.small,
#header #session-dd-holder .ssdd-section span.formbutton.small a {width: 94%; float: left}
#header #session-dd-holder .ssdd-section-details {display: none}
#header #session-dd-holder .ssdd-section-details ul li {list-style-type: none !important; clear: both !important; overflow: hidden; padding: 2px 0}
#header #session-dd-holder .ssdd-section-details span.textbox {width: 95% !important}
#header #session-dd-holder .ssdd-section-details span.textbox input {width: 100% !important}
#header #session-dd-holder .ssdd-section-details .login_button_container ul {display: block; clear: both; overflow: hidden; padding: 10px 0}
#header #session-dd-holder .ssdd-section-details .login_button_container ul li {display: inline; clear: none !important}
#header #session-dd-holder .ssdd-section-details .login_button_container .errorRow {color: #FF0000;}
#header #session-dd-holder .ssdd-section-details .login_button_container span.formbutton.small {float: right}
#header #session-dd-holder .ssdd-section-details .login_button_container span.checkbox {margin: 2px}
#header #session-dd-holder .socialM_login {padding: 10px 0; display: block; clear: both}
#header #session-dd-holder .socialM_login ul li {display: inline; list-style-type: none; clear: none !important}
#header #session-dd-holder .socialM_login ul li a {background: transparent url(../images/images/sprites.png) 0 0 no-repeat; width: 40px; height: 40px; float: left; text-indent: -999em; margin: 2px 5px 2px 0}
#header #session-dd-holder .socialM_login ul li.facebook a {background-position: -590px -75px}
#header #session-dd-holder .socialM_login ul li.twitter a {background-position: -640px -75px}
#header #session-dd-holder .socialM_login ul li.googleplus a {background-position: -740px -75px}

#header #library-login {
	margin: 0;
	padding: 10px;
	width: 34%;
	background: #f2f2f2; 
	border: 1px solid #d9d9d9;
	position: absolute;
	top: 3.5em;
	right: 16em;
	z-index: 999999; 
	display: none
}
#header #library-login div {padding: 5px 0; float: left}
#header #library-login .selectbox {width: 200px !important}



/* 
--------------------------------------
4. Page Global Settings
--------------------------------------
*/

.page {background: #fff; padding: 6px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -ms-linear-gradient(#ffffff , #ffffff); -pie-background: linear-gradient(#ffffff, #ffffff); behavior: url(PIE.htc);}
.page-inner { padding: 0 20px 10px 20px; overflow: hidden;}

/* Global buttons start */
span.formbutton {background: transparent url(../images/images/sprites.png) left -333px no-repeat; height: 32px; float: left; padding: 0 0 0 2px}
span.formbutton a {background: transparent url(../images/images/sprites.png) right -375px no-repeat; width: auto; height: 32px; float: left; padding: 0 15px 0 10px; text-align: center; line-height: 250%; font-size: 100%; color: #fff}

.banner_left_content span.formbutton a {background: transparent url(../images/images/sprites.png) right -375px no-repeat; width: auto; height: 32px; float: left; padding: 0 15px 0 10px; text-align: center; line-height: 250%; font-size: 100%; color: #fff}

span.formbutton:hover {background: transparent url(../images/images/sprites.png) left -417px no-repeat}
span.formbutton:hover a {background: transparent url(../images/images/sprites.png) right -459px no-repeat; text-decoration: none}
span.formbutton.small {background: transparent url(../images/images/sprites.png) left -501px no-repeat; height: 28px}
span.formbutton.small a {background: transparent url(../images/images/sprites.png) right -539px no-repeat; height: 28px; line-height: 225%}
span.formbutton.small:hover {background: transparent url(../images/images/sprites.png) left -577px no-repeat}
span.formbutton.small:hover a {background: transparent url(../images/images/sprites.png) right -615px no-repeat; text-decoration: none}
span.formbutton.blue-button {background: transparent url(../images/images/sprites.png) left -945px no-repeat; height: 27px}
span.formbutton.blue-button a {background: transparent url(../images/images/sprites.png) right -982px no-repeat; height: 27px; line-height: 250%; font-size: 90%}
span.formbutton.blue-button:hover {background: transparent url(../images/images/sprites.png) left -1019px no-repeat}
span.formbutton.blue-button:hover a {background: transparent url(../images/images/sprites.png) right -1056px no-repeat; text-decoration: none}
span.formbutton.grayscale-button {background: transparent url(../images/images/sprites.png) left -1093px no-repeat; height: 27px}
span.formbutton.grayscale-button a {background: transparent url(../images/images/sprites.png) right -1130px no-repeat; height: 27px; line-height: 250%; font-size: 90%; color: #16518d}
span.formbutton.grayscale-button:hover {background: transparent url(../images/images/sprites.png) left -1167px no-repeat}
span.formbutton.grayscale-button:hover a {background: transparent url(../images/images/sprites.png) right -1204px no-repeat; text-decoration: none}
/* Global buttons end */

/* Global textbox start */
span.textbox,
span.textarea_box {background: #fff; border: 1px solid #ccc; padding: 4px 5px; background: -moz-linear-gradient(top, #ebebeb 1%, #fff 20%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ebebeb), color-stop(20%, #fff)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 20%); float: left}
span.checkbox {float: left; margin: 0; padding: 0; width: auto; height: auto}
span.textbox input,
span.checkbox input,
span.textarea_box textarea {margin: 0; padding: 0; border: none; background: none; outline: none; width: auto !important; height: auto !important}

span.textlabel {float: left; font-size: 100%;}
span.textlabel label {margin: 0; padding: 0;}


/* Global end start */

/* Select box start */
.selectbox {background: #e5e5e5; background: -moz-linear-gradient(top, #f8f8f8 1%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8f8f8), color-stop(100%, #e5e5e5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e5', GradientType=0); min-width: 80px; height: 24px !important; position: relative; border: solid 1px #999; line-height: 100%; text-decoration: none; text-align: left; vertical-align: middle; display: inline-block; float: left; cursor: pointer}
.selectbox .selectbox_label {padding: 6px 10px; font-size: 95%; color: #333; display: inline-block; white-space: nowrap; overflow: hidden; text-indent: inherit !important; width: auto !important}
.selectbox .selectbox_arrow {background: transparent url(../images/images/sprites.png) -955px -899px no-repeat; border-left: solid 1px #999; position: absolute; top: 0; right: 0; width: 25px; height: 100%}

.selectbox_menu {background: #e5e5e5; border: solid 1px #BBB; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); position: absolute; z-index: 999999 !important; overflow: auto}

.selectbox_inline {min-width: 80px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; overflow: auto}
.selectbox_inline:focus {border-color: #666}

.selectbox_options,
.selectbox_options li,
.selectbox_options li a {display: block; list-style-type: none; margin: 0; padding: 0; cursor: pointer; font-size: 98%; text-decoration: none !important; color: #000}
.selectbox_options li a {background: none; padding: 5px 2px; text-indent: 10px; white-space: nowrap; overflow: hidden}
.selectbox_options li.selectbox_hover a,
.selectbox_options li.selectbox_selected a {background: #c7c7c7}
.selectbox_options li.selectbox_disabled a {background: #c7c7c7; color: #888}

.selectbox.selectbox_disabled {color: #888 !important}
.selectbox.selectbox_disabled .selectbox_arrow {opacity: .5; filter: alpha(opacity=50); border-color: #666}
.selectbox_inline.selectbox_disabled {color: #888 !important}
.selectbox_inline.selectbox_disabled .selectbox_options a {background-color: transparent !important}

.selectbox a,
a.selectbox,
.selectbox a:hover,
a.selectbox:hover {text-decoration: none !important}
/* Select box end */


/* 
--------------------------------------
5. Footer
--------------------------------------
*/
#footer {background: #d8dde0; padding: 10px 0; color: #636363; line-height: 100%; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; behavior: url(PIE.htc); margin-bottom: 10px; height: 71px;}
.footer-content {float: left;}
#footer-link {font-size: 0.718em; text-align: center; padding-top: 10px; width: auto; float: right;}
#footer-link a {float: right; margin:5px 21px 0 0;}
#footer-link a.cam_grey {background: url(../images/images/sprites.png) no-repeat scroll -830px -51px transparent; width: 150px; height: 33px;}
#footer p.copyright {font-size: 0.925em; margin: 0 0 10px 0; padding: 5px 0px 0px 21px;}
#footer ul {font-size: 0.925em; line-height: 1.2em; margin: 19px 0 0 0; padding:0 0px 10px 16px;}
#footer ul li:first-child {border-left: medium none;}
#footer ul li {float: left; display: inline; margin-bottom: 10px; padding-left: 5px; border-left: 1px solid rgb(49, 50, 54);}
#footer ul li a {text-decoration: none; padding-right: 5px; color: #3f4346;}
#footer ul li a:hover {text-decoration: underline;}
#footer #footer-link img {display: none}

.footer-social {float:left;}
.footer-social ul {margin-top:14px !important; padding: 0 0 10px 42px !important;}
.footer-social ul li {border-left:none !important;}	
.footer-social ul li a {margin-right:3px !important;}
#footer .footer-social a {	display: inline-block; height: 32px; width:30px; overflow:hidden;}
#footer .footer-social a.foot-img-fb{background: url(../images/images/sprites.png) no-repeat scroll -1px -1800px transparent;}  
#footer .footer-social a.foot-img-fb:hover{background-position: -36px -1800px;}
#footer .footer-social a.foot-img-twit{background: url(../images/images/sprites.png) no-repeat scroll -1px -1767px transparent;}
#footer .footer-social a.foot-img-twit:hover{background-position: -36px -1767px;}
#footer .footer-social a.foot-img-blogger{background: url(../images/images/sprites.png) no-repeat scroll -71px -1800px transparent;}	  
#footer .footer-social a.foot-img-blogger:hover{background-position: -106px -1800px;}	  
#footer .footer-social a.foot-img-more{background: url(../images/images/sprites.png) no-repeat scroll -71px -1767px transparent;}	  
#footer .footer-social a.foot-img-more:hover{background-position: -106px -1767px;}

/* Thirdparty Banners start */
#thirdparty-banners {width: 980px !important; margin: 0 auto; padding: 20px 0 40px 0; display: block; clear: both; overflow: hidden}
#thirdparty-banners a {text-indent: -999em; float: left}
#thirdparty-banners ul {float: right}
#thirdparty-banners ul li {display: inline; list-style-type: none; float: left; padding: 0 0 0 10px}
#thirdparty-banners ul li a {background: transparent url(../images/images/sprites.png) -830px -51px no-repeat; float: left}
#thirdparty-banners ul li.crossref a {background-position: -453px -51px; width: 59px; height: 21px}
#thirdparty-banners ul li.citedby a {background-position: -523px -51px; width: 30px; height: 32px}
#thirdparty-banners ul li.counter a {background-position: -564px -51px; width: 59px; height: 20px}
#thirdparty-banners ul li.w3c a {background-position: -634px -51px; width: 62px; height: 21px}
#thirdparty-banners ul li.adobeReader a {background-position: -706px -51px; width: 75px; height: 21px}
#thirdparty-banners ul li.acap a {background-position: -791px -51px; width: 29px; height: 26px}
/* Thirdparty Banners end */


/* 
--------------------------------------
6. Content
--------------------------------------
*/

.titlepage {padding: 10px; display: block; clear: both}
.titlepage h2 {font-size: 175%; margin: 0; padding: 0}
.titlepage p {margin: 0; padding: 5px 0}

/* Breadcrumbs start */
ul.breadcrumb {display: block; clear: both; margin: 5px 0;}
ul.breadcrumb li {display: inline}
#container ul.breadcrumb li a{color:#045989 !important;}
/* Breadcrumbs end */

/* Top header start */
#top-header {margin: 0; padding: 0; clear: both; position: relative}
#top-header a {color: #fff}
#top-header .banner_left_content {width: 710px !important; height: 170px !important; position: relative}
#top-header .banner_left_content a img {width: 710px !important; height: 170px !important; position: absolute; top: 0; left: 0}
#top-header .banner_left_content.full {width: 100% !important}
#top-header .banner_left_content.full a img {width: 940px !important; height: 170px !important; position: absolute; top: 0; left: 0}
#top-header .banner_left_content h1 {position: absolute; top: 15px; left: 20px; padding: 10px 0; color: #fff; font-size: 215%; font-weight: normal; line-height: 100%; z-index: 200}
#top-header .banner_left_content h1.jnlBanner { width: 710px !important; height: 170px !important; position: absolute; top: 0; left: 0}
#top-header .banner_left_content p {position: absolute; bottom: 45px; right: 20px; font-size: 90%; line-height: 100%; color: #fff; z-index: 200}
#top-header .banner_left_content .topheader-feeds ul {position: absolute; bottom: 25px !important; right: 10px !important; left: auto !important; z-index: 999 !important} /* for photo gallery */
#top-header .banner_left_content .topheader-feeds ul a.rssBtn {background: transparent url(../images/images/sprites.png) -651px -25px no-repeat; width: 15px; height: 15px; float: left; text-indent: -999em; outline: none}
#top-header .banner_left_content .topheader-feeds ul a.atomBtn {background: transparent url(../images/images/sprites.png) -634px 0 no-repeat; width: 32px; height: 15px; float: left; text-indent: -999em; outline: none}
#top-header .banner_left_content ul {position: absolute; bottom: 25px; left: 20px; z-index: 200}
#top-header .banner_left_content ul li {display: inline; list-style-type: none; padding: 0 10px 0 0; float: left}
#top-header .banner_right {width: 220px !important; height: 170px !important; position: absolute; top: 0; right: 0; overflow: hidden}
#top-header .banner_right img {width: 220px !important; height: auto !important}
/* Top header end */

/* Navigation start */
#bottom-navigation-menu {margin: 10px 0; padding: 5px 10px; border: 1px solid #dbdbdb; background: -moz-linear-gradient(top, #fff 1%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(100%, #e0e0e0)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%); overflow: hidden}
#bottom-navigation-menu ul li {display: inline; float: left; margin: 0; padding: 0 10px 0 0; line-height: 200%}
#bottom-navigation-menu span.textbox {padding: 3px 5px; line-height: 150%}
#bottom-navigation-menu span.checkbox {margin: 2px 5px 0 0}
/* Navigation end */

#navigation-tabs {display: block; clear: both; overflow: hidden; padding: 0 0 10px 0; font-size: 115%;}
#navigation-tabs ul li {background: transparent url(../images/images/sprites.png) left -1601px no-repeat; height: 32px; float: left; margin: 0 5px 5px 0; padding: 0 0 0 1px; width:auto; }
#navigation-tabs ul li:last-child { margin: 0}
#navigation-tabs ul li a {background: transparent url(../images/images/sprites.png) right -1643px no-repeat; width: auto; height: 32px; float: left; padding: 0 48px 0 46px; text-align: center; line-height: 220%; font-size: 100%; color: #fff}
#navigation-tabs ul li:hover {background: transparent url(../images/images/sprites.png) left -1685px no-repeat; cursor:pointer;}
#navigation-tabs ul li a:hover {background: transparent url(../images/images/sprites.png) right -1728px no-repeat; text-decoration: none;}
#navigation-tabs li.currently {background: transparent url(../images/images/sprites.png) left -1685px no-repeat; cursor: default !important;}
#navigation-tabs li.currently a.current {background: transparent url(../images/images/sprites.png) right -1728px no-repeat; text-decoration: none; cursor: default !important;}

#center #navigation-tabs {padding: 0 0 10px 0}
#center #navigation-tabs ul li a {padding: 12px 15px}

/* Facepile start */
.facepile_container {margin: 0 0 10px 0; padding: 10px; border: 1px solid #d9d9d9; max-height: 150px; overflow: hidden}
.facepile_container img {clear: both; display: block; width: 40px; height: 40px; overflow: hidden}
.facepile_container a {margin: 0 2px 10px 0; text-align: center; display: inline; float: left}
.facepile_container p {display: block; clear: both; font-weight: bold; padding: 0 0 10px 0}

.facepile_container .fb {
	max-width: 280px;
	position: relative;
	height: 18px;
	margin-bottom: 7px;
	margin-top: 4px;
	
}

.facepile_container .fblogo {
	width: 24px;
	height: 25px;
	position: absolute;
    display: block;
    left:0;
    bottom: 0;
}

.facepile_container span {
	position: absolute;
    right: 0;
    bottom: 0;
	padding-right: 13px;
	margin-bottom: 5px;
}

/* Facepile end */


/* 
--------------------------------------
7. Left side bar content
--------------------------------------
*/ 

#left-sidebar {width: 230px !important; font-size: 95%; float: left; font-family:"Trebuchet MS", Helvetica, Jamrul, sans-serif;}
#left-sidebar .sidebar-ad-container { padding: 0; text-align: center; height:auto; display:block; clear:both; overflow:hidden; }
#left-sidebar .sidebar-ad-container img {vertical-align: middle; display:block; clear:both; margin: 0 0 10px 0; margin:0 auto; margin-bottom:10px;}

#left-sidebar .addthis_toolbox {margin: 0; padding: 5px 0 0 0; text-align: center}
#left-sidebar .sidebar-menu-container .s-menu { background: url("../images/images/sprites.png") no-repeat scroll left -1395px transparent;
    float: left;
    height: 34px;
    margin: 0 5px 0 0;
    padding: 0 0 0 1px;
    width: auto; clear:both;}
	
#left-sidebar .s-menu-box { margin-bottom:10px;}	

#left-sidebar .sidebar-menu-container .s-menu a { background: url("../images/images/sprites.png") no-repeat scroll right -1445px transparent;
    color: #FFFFFF;
    float: left;
    font-size: 100%;
    height:auto;
    text-align:left;
    width:213px !important; padding: 7px 8px; text-transform: uppercase; font-size: .90em;
    font-weight: bold;}

#left-sidebar .sidebar-menu-container .s-menu a:hover { width:93%; height:auto; display:inline-block; text-decoration:none !important; height:auto; display:inline-block; color:#fff; text-transform: uppercase; font-size: .90em;
    font-weight: bold; padding: 7px 8px;}

#left-sidebar .sidebar-menu-container .s-menu a .arrow-s-inactive{background-position: -252px -885px; padding: 0; background-image: url(../images/images/sprites.png); background-repeat: no-repeat; width:17px; height: 20px; float: right; cursor:pointer;}

#left-sidebar .sidebar-menu-container .s-menu a .arrow-s-active{padding: 0; background-image: url(../images/images/sprites.png); background-position: -252px -912px; background-repeat: no-repeat;width:17px; height: 20px; float: right;cursor:pointer;}



#left-sidebar .sidebar-menu-container .s-menu-box {display: block; clear: both; border: 1px solid #d9d9d9; padding: 10px; overflow: hidden}
#left-sidebar .sidebar-menu-container .s-menu-box h4 {padding: 0 5px; font-weight: bold; clear: both}
#left-sidebar .sidebar-menu-container .s-menu-box ul {padding: 0; float: left; line-height: 175%}
#left-sidebar .sidebar-menu-container .s-menu-box ul li {background: transparent url(../images/images/sprites.png) 5px -658px no-repeat; float: left; display: block; clear: both; padding: 0 10px 0 20px; width: 90%}
#left-sidebar .sidebar-menu-container .s-menu-box ul li a {padding: 2px 0; float: left; width: 100%}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-c {background-position: 0 -858px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-f {background-position: -500px -805px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-i {background-position: -500px -859px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-op {background-position: 0 -748px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-p {background-position: -500px -748px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container .s-menu-box ul li.icon-s {background-position: 0 -805px; padding: 0 10px 0 24px}
#left-sidebar .sidebar-menu-container.hidden .s-menu-box {display: none}
#left-sidebar .sidebar-menu-container.hidden .s-menu { clear:both; margin-bottom:10px;}

#left-sidebar .sidebar-menu-container.hidden .s-menu a { width:93%; height:auto; display:inline-block; color:#fff; text-transform: uppercase; font-size: .90em;
    font-weight: bold; padding: 7px 8px; }

#left-sidebar .sidebar-menu-container.hidden .s-menu a:hover { width:93%; height:auto; display:inline-block; text-decoration:none; }

#left-sidebar .sidebar-menu-container.hidden .s-menu a .arrow-s-active{background-position: -252px -885px; padding: 0; background-image: url(../images/images/sprites.png); background-repeat: no-repeat; width:17px; height: 20px; float: right; cursor:pointer;}

#left-sidebar .sidebar-menu-container.hidden .s-menu a .arrow-s-active{padding: 0; background-image: url(../images/images/sprites.png); background-position: -252px -912px; background-repeat: no-repeat;width:17px; height: 20px; float: right;cursor:pointer;}

#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button.normal { border: none !important; padding: 0 !important; margin: 0 !important}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button.normal ul li {padding: 5px 9%}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button.normal ul li a {width: 150px !important}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button {display: block; clear: both; float: left}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button:first-child {border-bottom: 1px solid #d9d9d9; margin: 0 5px 10px 5px; padding: 0 0 10px 0; width: 95%}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button:first-child span.formbutton a {padding: 0 12px 0 10px}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button ul {margin: 0 0 10px 0; padding: 0; border-bottom: none}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button ul li {background: none; display: inline !important; clear: none !important; width: auto !important; padding: 0 15px}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-button span.formbutton a {padding: 0 12px 0 10px; line-height: 275%; font-weight: bold}

#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-form {display: block; clear: both; overflow: hidden; padding: 0 5px}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-form ul {margin: 0 0 10px 0; padding: 5px 0; border-bottom: 1px solid #d9d9d9; float: none; overflow: hidden}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-form ul li {background: none; float: none; padding: 0}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-form span.checkbox {width: 8%; float: left; margin: 0; padding: 2px 0}
#left-sidebar .sidebar-menu-container .s-menu-box .s-menu-box-form span.textlabel {width: 85%; float: left; margin: 0; padding: 0 5px}

#left-sidebar .sidebar-menu-container .messagebox {background: #f2f2f2; border: 1px solid #d9d9d9; margin: 10px 0; padding: 10px; overflow: hidden}
#left-sidebar .sidebar-menu-container .search_terms {margin: 0 0 20px 0; overflow: hidden; clear: both} 
#left-sidebar .sidebar-menu-container .search_terms ul li {list-style-type: none; overflow: hidden; background: none !important; padding: 0 !important; width: 100% !important; display: block !important; clear: both !important}
#left-sidebar .sidebar-menu-container .search_terms ul {float: none}
#left-sidebar .sidebar-menu-container .search_terms ul li span {width: 80%; float: left}
#left-sidebar .sidebar-menu-container .search_terms ul li a {background: url(../images/images/sprites.png) right -95px no-repeat; text-indent: -999em; width: 17px; height: 17px; float: right}
#left-sidebar .sidebar-menu-container .search_terms p {font-weight: bold}
#left-sidebar .sidebar-menu-container .search_terms span a {float: right; display: block; clear: both; text-decoration: underline}
#left-sidebar .sidebar-menu-container .search_terms span a:hover {text-decoration: none}

#left-sidebar #welcomebox {margin: 0 0 10px 0; padding: 5px 0; overflow: hidden}
#left-sidebar #welcomebox h3 {font-size: 100%; font-style: italic; font-weight: bold; clear: both}
#left-sidebar #welcomebox img {margin: 0; float: left}
#left-sidebar #welcomebox p {width: 100%; margin: 5px 0; float: left; clear: both; display: block} 

#left-sidebar > p.mathjax a {float: left; margin-top: 2px; margin-bottom:10px;}
#left-sidebar > p.mathjax > span > a#mathjaxOff_FLM,
#left-sidebar > p.mathjax > a.whatsThis {padding: 0 3px; float: left; margin-top: 0}


/* 
--------------------------------------
8. Right side content
--------------------------------------
*/

#center {width: 73% !important; float: right}

#center .page-header,
#center .section-header {overflow: hidden !important; border-bottom: 1px solid #d9d9d9}
#center .section-header-no-line {overflow: hidden !important; }
#center .page-header h2,
#center .section-header h2 {font-size: 150%; font-weight: normal; padding: 0 0 10px 0; float: left}
#center .section-header-no-line h2 {font-size: 150%; font-weight: normal; padding: 0 0 10px 0; float: left}
#center .section-header p, #center .section-header-no-line p {font-size: 105%; padding: 0 0 10px 0; float: left; line-height:20px;}

#center .page-header .viewAll {float: right; padding: 10px; color: #fff}
#center .page-header .viewAll > a {color: #045989;}

#center #journals-holder {float: left; background: #F1F1F1; padding: 5px }
#center .jnlHolderTitle {font-size: 110%; font-weight:bold; margin: 10px 0}
#center .journals-holder {float: left; background: #F1F1F1; padding: 5px }


#center .tableofcontents-row {border-bottom: 1px solid #d9d9d9; display: block; clear: both; padding: 15px 0 10px 0; overflow: hidden; position: relative}
#center .tableofcontents-row h2 {font-size: 125%}
#center .tableofcontents-row .ji-intro-left h3 {font-size: 115%; font-weight: bold}
#center .tableofcontents-row .ji-intro-left h3 a {width: 100%; float: left}
#center .tableofcontents-row.searchresults .ji-intro-left h3 a {width: 98%; float: left}
#center .tableofcontents-row p { clear: both; display: inline-block; width: 85%; } 
#center .preview-div p{ width:100%;} 

#center .tableofcontents-row .ji-intro-right span.preview {background: transparent url(../images/images/sprites.png) left -501px no-repeat; height: 32px; float: left; padding: 0 0 0 2px; position: absolute; top: 1.5em; right: 0}
#center .tableofcontents-row .ji-intro-right span.preview a {background: transparent url(../images/images/sprites.png) right -539px no-repeat; width: auto; height: 32px; float: left; padding: 0 15px 0 13px; text-align: center; line-height: 210% !important; font-size: 100%; color: #fff}
#center .tableofcontents-row .ji-intro-right span.preview.active,
#center .tableofcontents-row .ji-intro-right span.preview:hover {background: transparent url(../images/images/sprites.png) left -577px no-repeat}
#center .tableofcontents-row .ji-intro-right span.preview.active a,
#center .tableofcontents-row .ji-intro-right span.preview:hover a {background: transparent url(../images/images/sprites.png) right -615px no-repeat; text-decoration: none}

#center .tableofcontents-row.fcl .ji-intro-right span.preview {
	background: transparent url(../images/images/sprites.png) left -501px no-repeat;
	height: 32px;
	float: left;
	padding: 0 0 0 2px;
	position: absolute;
	top: 0;
	right: 0;
}
#center .tableofcontents-row.fcl .ji-intro-right span.preview a {
	background: transparent url(../images/images/sprites.png) right -539px no-repeat;
	width: auto;
	height: 32px;
	float: left;
	padding: 0 15px 0 13px;
	text-align: center;
	line-height: 210% !important;
	font-size: 100%;
	color: #fff;
	margin-right: 7px;
}

#center .tableofcontents-row .previewbox {margin: 10px 0; padding: 0; display: none}
#center .tableofcontents-row .previewbox ul {float: left}
#center .tableofcontents-row .previewbox .contents > ul {clear: both}
#center .tableofcontents-row .previewbox ul li {display: inline; float: left; margin: 0 2px 0 0}
#center .tableofcontents-row .previewbox ul li a {background: -moz-linear-gradient(top, #6799CC 1%, #16518D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6799CC), color-stop(100%, #16518D)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6799cc', endColorstr='#16518d',GradientType=0 ); background: -o-linear-gradient(top, rgba(103,153,204,1) 0%,rgba(22,81,141,1) 100%); padding: 5px 10px; color: #fff; float: left}
#center .tableofcontents-row .previewbox ul li a:hover,
#center .tableofcontents-row .previewbox ul li a.active {background: #16518d; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16518d', endColorstr='#16518d',GradientType=0 ); text-decoration: none}
#center .tableofcontents-row .previewbox #content_container {border: 1px solid #6799CC; display: block; clear: both; padding: 10px; width: 96%; float: left; margin: 0 0 20px 0}
#center .tableofcontents-row .previewbox #content_container ul li a {background: none; filter: none; padding: 5px 10px; color: #045989; float: left}
#center .tableofcontents-row .previewbox #content_container ul li a:hover,
#center .tableofcontents-row .previewbox #content_container ul li a.active {background: none; filter: none; text-decoration: underline}
#center .tableofcontents-row .checkboxspace {width: 2%; float: left; padding: 2px 10px; position: relative !important}
#center .tableofcontents-row .checkboxspace span.checkbox {top: 2px; left: 10px}
#center .tableofcontents-row .checkboxspace span.checkbox,
#center .tableofcontents-row .checkboxspace span.checkbox input {margin: 0 !important; padding: 0 !important; float: none !important; width: auto !important; height: auto !important}
#center .tableofcontents-row .checkboxspace span.textlabel label {font-size: 90%; padding: 0 0 0 5px}
#center .tableofcontents-row .checkboxspace.allbatch {width: 22% !important; padding: 0 !important; float: left}
#center .tableofcontents-row .checkboxspace.allbatch a {font-size: 100% !important}
#center .tableofcontents-row .checkboxspace-related.groupbutton {width: 100% !important; padding: 0 !important; float: left}
#center .tableofcontents-row .checkboxspace-related.groupbutton .formbutton.blue-button a {font-size: 85% !important; padding: 0 3px}
#center .tableofcontents-row .checkboxspace-related {width: 83%; float: left}
#center .tableofcontents-row .checkboxspace-related-bbs {
	width: 94%;
	float: left;
	overflow: hidden;
	display: block;
	position: relative;
}
#center .tableofcontents-row .checkboxspace-related ul.bttn-row-options li { padding: 0 4px 0 0; float: left}
#center .tableofcontents-row .checkboxspace-related .ji-intro-left {width: 100%;}
#center .tableofcontents-row .checkboxspace-related .ji-author > p,
#center .tableofcontents-row.searchresults .checkboxspace-related > p {width: 90%}

#center .tableofcontents-row .sortby {overflow: hidden; padding: 0; }
#center .tableofcontents-row .sortby ul { margin-bottom: 10px; font-size: 90%; float: right; }
#center .tableofcontents-row .sortby ul li {display: inline; padding: 0 10px 0 0; float: left;}
#center .tableofcontents-row .sortBy ul li select {width: 175px !important}

#center .tableofcontents-row .checkboxspace .ji-intro-left.icon {width: 16px}

#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-c,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-f,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-i,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-op,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-p,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-s {background: transparent url(../images/images/sprites.png) 0 0 no-repeat; width: 16px; height: 16px; float: left; margin: 5px 0}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-c {background-position: 0 -864px}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-f {background-position: -501px -810px}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-i {background-position: -501px -864px}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-op {background-position: 0 -754px}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-p {background-position: -500px -754px}
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-s {background-position: 0 -810px}

#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-c,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-f,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-i,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-op,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-p,
#center .tableofcontents-row .checkboxspace .ji-intro-left.icon-s {position: absolute; top: 20px; left: 9px}

#center .tableofcontents-row .ji-links {display: block; clear: both; padding: 5px 0 0 0}
#center .tableofcontents-row .ji-links ul li {
	font-size: 90%;
	border-left: 1px solid #d9d9d9;
	list-style-type: none;
	display: inline;
	float: left;
	padding: 0 5px;
	height: 25px;
	margin-bottom: 8px;}
#center .tableofcontents-row .ji-links ul li:first-child {border: none !important}
#center .tableofcontents-row .ji-links ul li.icon-aa {background: transparent url(../images/icon/sprites-icons.gif) -190px -239px no-repeat; float: left; text-indent: 30px}
/* #center .tableofcontents-row.browseBy .browseBy_divider {width: 50%; float: left} */
#center .tableofcontents-row.browseBy .browseBy_divider .browseByRelated {width: 65%; float: left; padding: 0 0 10px 0}
#center .tableofcontents-row.browseBy .browseBy_divider .browseByImg {float: left}
#center .tableofcontents-row.browseBy .browseByItem {padding: 0 0 10px 0; clear: both}
#center .tableofcontents-row.browseBy .browseByItem.allcurrentvolume {padding: 20px 0 0 0}
/* #center .tableofcontents-row.browseBy .browseByItem .byCollection_divider {width: 45%; float: left} */
#center .tableofcontents-row.browseBy .browseByItem ul.byMonth li {padding: 0 0 10px 0}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection {display: block; clear: both; padding: 0 0 10px 0}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection li {display: inline; padding: 0 10px 10px 0 !important}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection li a img {margin: 5px 10px 0 5px}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection li p {clear: none !important; display: inherit !important}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection li p span {display: block}
#center .tableofcontents-row.browseBy .browseByItem ul.byCollection li.byCollection_info {width: 200px}
#center .tableofcontents-row.browseBy .browseByItem .browseByImg ul li {list-style-type: none; float: left !important; padding: 0 10px 0 0; width: auto; display: inline !important}
.browseByItem {}
#center .tableofcontents-row.browseBy .browseByItem .browseByImg a.rssBtn {background: transparent url(../images/images/sprites.png) -651px -25px no-repeat; width: 15px; height: 15px; float: left; text-indent: -999em}
#center .tableofcontents-row.browseBy .browseByItem .browseByImg a.atomBtn {background: transparent url(../images/images/sprites.png) -634px 0 no-repeat; width: 32px; height: 15px; float: left; text-indent: -999em}

#center .infobox-container { }
#center .infobox {color: #fff; width: 29%; float: left; margin: 20px 41px 20px 0; padding: 0}
#center .infobox.last {color: #fff; width: 29%; float: left; margin: 20px 0 20px 0; padding: 0}
#center .infobox a {margin: 0; padding: 0; color: #fff; text-decoration: underline}
#center .infobox a:hover { text-decoration: none}
#center .infobox img {background: none; margin: 0; padding: 0; float: left;}
#center .infobox h4 {background: #1e6faa; font-weight: bold; margin: 0 !important; padding: 10px}
#center .infobox .infobox-bg {background: #0d80c4;  margin: 0; padding: 10px}
#center .infobox .infobox-bg p {margin: 0; padding: 0px}

#center .container {background: #fff; border: 1px solid #d9d9d9; width: 44%; margin: 0; padding: 15px; min-height:400px;}
#center .container h3 {font-size: 115%; font-weight: bold; border-bottom: 1px solid #d9d9d9; padding: 0 0 10px 0}
#center .container ul li {padding: 10px 0 0 0}
#center .container.news {float: left; min-height:440px;}
#center .container.event {float: right; min-height:440px;}

#center .sort_container {background: #f2f2f2; border: 1px solid #d9d9d9; padding: 10px; overflow: hidden; line-height: 200%}
#center .sort_container .sortby {display: block; clear: both; overflow: hidden; padding: 0 0 10px 0; border-bottom: 1px solid #d9d9d9;}
#center .sort_container .hideborderbottom {border-bottom: none;}
#center .sort_container_jlg {position: absolute; right: 20px; margin-top: 10px; z-index: 1;}
#center .sort_container .sortby ul {margin: 0 30px 0 0; float: left}
#center .sort_container .sortby ul li {display: inline; padding: 0 10px 0 0; float: left}
#center .sort_container .sortby .selecbox_sortby {width: 200px !important}
#center .sort_container .sortby .selecbox_resultsperpage {width: 50px !important}
#center .sort_container .pagination {display: block; clear: both; overflow: hidden; padding: 0}
#center .sort_container .pagination ul {float: right}
#center .sort_container .pagination ul:first-child {float: left}
#center .sort_container .pagination ul li {display: inline; padding: 0 10px 0 0; float: left}
#center .sort_container .pagination span.textbox {line-height: 150%; padding: 3px 5px}
#center .sort_container .pagination .sh-right {float: right}
#center .sort_container .pagination .sh-right ul li { margin: 0; padding: 0 2px}
#center .sort_container .pagination .sh-right a.sh-right-rss {background: transparent url(../images/images/sprites.png) -651px -25px; width: 17px; height: 17px; float: left; text-indent: -999em; margin: 5px 0}
#center .sort_container .pagination .sh-right a.sh-right-atom {background: transparent url(../images/images/sprites.png) -634px 0; width: 32px; height: 15px; float: left; text-indent: -999em; margin: 5px 0}
#center .sort_container .pagination .sh-right a.whatsThis {margin: 0; padding: 0 5px}

#center .tableofcontents {background: #d9d9d9; border: 1px solid #d9d9d9; padding: 10px; overflow: hidden}
#center .tableofcontents p {border: none; display: inline !important}
#center .tableofcontents ul {float: right}
#center .tableofcontents ul li {list-style-type: none; display: inline; float: left}
#center #navigation-help {background: #f2f2f2; border: 1px solid #d9d9d9; padding: 10px 10px 0 10px; overflow: hidden; clear: both}
#center #navigation-help ul li {display: inline; list-style-type: none; float: left; padding: 0 10px 0 0; height: 30px; line-height: 2;}
#center #navigation-help ul.prevNext {float: right; padding-right: 10px;}
#center #navigation-help ul.prevNext li {padding-right: 0px;}
#center #navigation-help a.kindle {background: transparent url(../images/images/sprites.png) -501px -919px no-repeat scroll; float: left; text-indent: 25px; height: 20px; width: 20px; overflow: hidden;}
#center #navigation-help a.art-full-size {background: transparent url(../images/images/sprites.png) -965px -786px no-repeat; float: left; text-indent: 20px}
#center #navigation-help li.article-active{display: inline; background: transparent url(../images/images/sprites.png) -287px -1807px no-repeat; list-style-type: none; float: left; padding: 0 10px 0 0; height: 30px; line-height: 2; text-indent: 25px;}

#center #navigation-help .articles span { color: #35599B; display: block; font-size: .815em; font-weight: normal; line-height: 150%;}

#center #navigation-help .articles li.pdfDisable span { text-decoration:none !important; color:#999 !important;}

#center #navigation-help li.article-pdf {background: transparent url(../images/images/sprites.png) -961px -753px no-repeat; float: left; text-indent: 25px; height: 20px;}

#center #navigation-help li.rent-pdf {background: transparent url(../images/icon/pdf-rent.gif) no-repeat scroll; float: left; text-indent: 29px; height: 23px;}

#center #navigation-help a.typePDF {color:#f72f40;line-height:100%; font-weight:bold; display:block;}

#center #navigation-help li.article-html {background: transparent url(../images/images/sprites.png) -962px -814px no-repeat; float: left; text-indent: 25px; height: 20px;}

#center #navigation-help a.typeHTML { color:#3e81ec; line-height:100%; font-weight:bold; display:block;}

#center #navigation-help li.article-epub {background: transparent url(../images/images/sprites.png) -251px -852px no-repeat; float: left; text-indent: 25px; height: 20px;}

#center #navigation-help a.typeEPUB {color:#8dbf50; line-height:100%; font-weight:bold; display:block;}

#center #navigation-help li.article-xml { background: transparent url(../images/images/sprites.png) -243px -744px no-repeat;float: left;text-indent: 37px;height: 20px; }

#center #navigation-help a.typeXML { color: #7a43a2;line-height: 100%;font-weight: bold;display: block; }

#center #navigation-help span.xml { line-height: 150%;color: #35599b;font-size: smaller;display: block;font-weight: normal;text-indent: 35px; }

#center #navigation-help li.article-hi-pdf-dl {background: transparent url(../images/images/sprites.png) -954px -945px no-repeat; float: left; text-indent: 32px; height: 25px;}

#center #navigation-help a.hiresPdf {background: transparent url(../images/images/sprites.png) -954px -945px no-repeat; float: left; text-indent: -999999em; width: 25px !important;}

#center #navigation-help li.pdfDisable { background-position: -498px -1771px !important; }

#center #navigation-help li.article-rent { background: transparent url(../images/images/sprites.png) -246px -707px no-repeat; float: left; text-indent: 29px; height: 23px; }

#center #navigation-help li.article-rent span { text-indent: 29px; }

#center #navigation-help li.rent-off { background-position:-495px -1843px !important; }

#center #navigation-help li.HiPDFdisabled { background-position:-285px -1844px; }

#navigation-help li.pdfDisable a{
	text-decoration:none !important;
	color:#999 !important;
	cursor:default;
}

#navigation-help ul li a {
	display: block; 
}
#navigation-help ul ul {
	display: none;
}
#navigation-help ul li:hover > ul {
	display: block; 
}
#navigation-help ul ul {
	background-color: #dddddd!important;
	padding: 0;
	position: absolute;
	width: 120px;
	margin-top:0px;
	
}
#navigation-help ul ul li {
	float: none;
	position: relative; 
}
#navigation-help ul ul li a {
	margin-left:5px;
	line-height:2.8;
}
#center #navigation-help a.reprints { background: transparent url(../images/images/sprites.png) -965px -847px no-repeat; float: left; padding-left: 20px}
#center #navigation-help a.reprints-2lines {line-height:1.2; font-size:90%;}
#center #navigation-help a.comments {background: transparent url(../images/images/sprites.png) -501px -711px no-repeat; float: left; text-indent: 20px}
#center #navigation-help a.tokindle {background: transparent url(../images/icon/kindle.gif) no-repeat; float: left; text-indent: 25px; width: 20px; height:20px;}
#center #navigation-help a.togoogle {background: transparent url(../images/icon/googleDrive.gif) no-repeat; float: left; text-indent: 25px; width: 20px; height:20px;}
#center #navigation-help a.todropbox {background: transparent url(../images/icon/dropbox.gif) no-repeat; float: left; text-indent: 25px; width: 20px; height:20px;}

#center #navigation-help .addtobasket_container {display: block; clear: both; float: left; width: 100%}
#center #navigation-help .addtobasket_container ul li { padding: 0 10px 10px 0}

#center .specialPage-box {background: #f2f2f2; border: 1px solid #d9d9d9; padding: 10px; overflow: hidden; vertical-align: top}
#center .specialPage-box p {margin: 0; padding: 10px 0 0 0}
#center .specialPage-box p:first-child {padding: 0}
#center .specialPage-box p.blue-section-title {font-size: 125%}
#center .specialPage-box p.section-title {font-weight: bold}
#center .specialPage-box ul {padding: 10px 25px; float: left; clear: both; display: block; width: 650px;}
#center .specialPage-box ul li {list-style-type: disc}
#center .specialPage-box img {padding-right: 10px; float: left}

#center .section-header ul.jnlDetails { margin: 0; padding: 10px 0}
#center .section-header ul.jnlDetails li { display: block; clear: both}

#center ul.tabs {display: block; clear: both; overflow: hidden; padding: 0}
#center ul.tabs li {display: inline; list-style-type: none; padding: 0 0 0 5px; float: left}
#center ul.tabs li:first-child {padding: 0}
#center ul.tabs li a {background: -moz-linear-gradient(top, #6799CC 1%, #16518D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6799CC), color-stop(100%, #16518D)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6799cc', endColorstr='#16518d',GradientType=0 ); background: -o-linear-gradient(top, rgba(103,153,204,1) 0%,rgba(22,81,141,1) 100%); padding: 5px 10px; color: #fff; float: left}
#center ul.tabs li a:hover {background: #16518d; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16518d', endColorstr='#16518d',GradientType=0 ); text-decoration: none}

#center #tabclipboard-holder {border: 1px solid #16518D; margin: 0; padding: 10px; overflow: hidden}
#center #tabclipboard-holder.collapsed { border: none}
#center #tabclipboard-holder label#title {display: block; clear: both; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #d9d9d9}
#center #tabclipboard-holder label#title2 { float:left; width:700px; color:#045989; margin: 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #CCC; font-weight: bold; }
#center #tabclipboard-holder .bibtex { width: 700px; }
#center #tabclipboard-holder .editable { width: 455px; height: auto; border: 1px solid #ccc; padding: 7px; margin: 0 0 10px 0; float: left; line-height: 1.5em;}
#center #tabclipboard-holder label#note { float:left; width:700px; color:#045989; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; }
#center #tabclipboard-holder label#link {display: block; clear: both; padding: 0 0 10px 0}

/* 
--------------------------------------
JLG layout          
--------------------------------------
*/
#center .tableofcontents-row .ji-intro-left {float: left; width: 510px; }

#center .tableofcontents-row .tocImage {float: left; margin-right: 10px; width: 12%}
#center .tableofcontents-row .tocImage img {width: 84px; height: 84px; }
#center .tableofcontents-row .jlg-info_container {width: 80%; float: left}
#center .tableofcontents-row .jlg-info_container .previewbox {margin-left: 0}

#center .tableofcontents-row p {display: inline; float: left}

#center .tableofcontents-row .ji-intro-right {width: 580px; }
#center .tableofcontents-row .previewbox {width: 580px;}

/* 
--------------------------------------
9. Legacy cotent
--------------------------------------
*/

#openCloseAll {
	float: right;
	font-size: 90%;
	width: 100px;
	text-align: right;
	margin-top: 20px;
	margin-right: 15px;
}
#openCloseAll a {
	text-decoration: none;
	color: #FFF;
}
#openCloseAll a:hover {
	text-decoration: underline;
}
.aDescription {
	margin: 0;
	text-decoration:none;
	height:29px;
	color: #626262;
}
.aDescription-left {
	padding-left:20px;
	margin-top:15px;
	float:left;
	font-weight: bold;
	font-size: 90%;
}
#aDescription-right {
	float: right;
	font-size: 90%;
	font-weight: bold;
	width: 100px;
	text-align: right;
	margin-top: 15px;
	margin-right: 15px;
}
#aDescription-right2 {
	float: right;
	font-size: 90%;
	font-weight: bold;
	width: 100px;
	text-align: right;
	margin-top: 15px;
	margin-right: 10px;
}
#aDescription-right3 {
	float: right;
	font-size: 90%;
	font-weight: bold;
	width: 100px;
	text-align: right;
	margin-top: 15px;
	margin-right: 0px;
}
#back-issues-container {background-color:#FFFFFF; display: block; clear: both}
#back-issues-container p.prevTitle {
	color:#212121;
	float:left;
	font-size: 90%;
	font-weight:bold;
	padding:7px 0 7px 20px;
	width: 100%;
	border-left: 1px solid #dfdede;
}
.back-issue-row {
	float:left;
	font-size: 90%;
	color:#FFFFFF;
	background-image:url(../images/tabs/dividers.png);
	background-repeat:no-repeat;
	width: 100%;
	cursor:pointer;
	text-decoration:none;
	height:29px;
	background-position: -30px 0px; /* Related Content */
	overflow: hidden;
}
a.back-issue-row:hover {
	background-position: -30px -39px; color: #FFF; /* Related Content */
}
/*flmfix*/
a.inactive {
	background-position: -30px -78px; /* Related Content */
}
a.inactive:hover {
	background-position: -30px -117px; /* Related Content */
}
.back-issue-row .title {
	float:left;
	padding-top:8px;
	padding-left:17px;
	
}
.back-issue-row .browseBytitle {
	float:left;
	padding-top:8px;
	padding-left:75px;
}
.back-issue-row .details {
	float:right;
	padding-right:65px;
	padding-top:8px;
}
.bir-inner {
	border-left: 1px solid #dfdede;
	border-right: 1px solid #dfdede;
	display:none;
	float:left;
	overflow: hidden;
	width:99.8%;
}
.spacefix {
	float:left;
	margin-bottom:3px;
	height:1px;
	line-height:1px;
	clear:both;
	width: 100%;
}

/* START | Related Articles New */
.spacefix-new {
	clear: both;
	float: left;
	height: 1px;
	line-height: 1px;
	margin-bottom: 1px;
	width: 720px;
}
.back-issue-row-new {
	background-image: url(../images/tabs/dividers_new.gif);
	background-repeat: no-repeat;
	background-position: -33px 0px;
	border-left:1px solid #c2c2c2;
	cursor: pointer;
	float: left;
	font-size: 0.918em;
	height: 29px;
	text-decoration: none;
	width: 100%;
}
a.back-issue-row-new:hover {
	background-position: -33px -45px;
	border-left:1px solid #c2c2c2;
}
a.inactive-new {
	background-position: -33px -90px;
	border-left:1px solid #748598;
	color: #fff;
}
a.inactive-new:hover {
	background-position: -33px -135px;
	border-left:1px solid #748598;
	height:29px;
}
.back-issue-row-new .title {
	float: left;
	padding-top: 7px;
	padding-left: 58px;
}
.journals-holder-inside { 
	display:block;
	overflow:hidden; 
}
.ji-users-new {
    border-bottom: 1px solid #E1E1E1;
    clear: both;
    display: block;
    font-size: 0.918em;
    line-height: 1.5em;
    padding: 20px 20px 20px 58px;
}
/* END | Related Articles New */

.feeds { float: left; width: 100px; clear: left; margin-top: -27px;display: block; }
.feeds li { display: inline; float: left; padding-left: 10px;}

.year-volume-container {width: auto}
.year-row-item {
	float:left;
	cursor:pointer;
	width: 100%;
	text-decoration:none;
	display:block;
	font-size: 90%;
	background-image:url(../images/background/plus-buttons_plain.gif);
	background-position:-1px -3px;
}
.year-row-item-nonexistent {
	float:left;
	cursor:pointer;
	width: 100%;
	text-decoration:none;
	display:block;
	font-size: 90%;
	background-image:url(../images/background/plus-buttons_plain.gif);
	background-position:-1px -3px;
}

.icon-row-s {
	background-position:-1px -183px;
}
.icon-row-f {
	background-position:-1px -361px;
}
.icon-row-t {
	background-position:-1px -541px;
}
.icon-row-p {
	background-position:-1px -723px;
}
.icon-row-o {
	background-position:-1px -903px;
}
.icon-row-c {
	background-position:-1px -1081px;
}
.icon-row-i {
	background-position:-1px -1262px;
}
.icon-row-op {
	background-position:-1px -1442px;
}



.year-row-item span, .year-row-item-nonexistent span {
	padding-top:8px;
	padding-bottom:8px;
	float:left;
}
.year-row-item span a, .year-row-item-nonexistent span a {
	text-decoration: none;
}
.year-row-item span a:hover, .year-row-item-nonexistent span a:hover {
	text-decoration: underline;
}
.year-row-item span.yri-year, .year-row-item-nonexistent span.yri-year {
	padding-left:74px;
}
.year-row-item span.yri-year2, .year-row-item-nonexistent span.yri-year2 {
	padding-left:15px;
}
.year-row-item span.yri-index, .year-row-item-nonexistent span.yri-index {
	padding-left:15px;
	font-size: 90%;
}
.year-row-item span.yri-longTitle, .year-row-item-nonexistent span.yri-longTitle {
	padding-left:15px;
	font-size: 90%;
	width: 100%;
	line-height: 1.1em;
}
.year-row-item span.yri-details, .year-row-item-nonexistent span.yri-details {
	float:right;
	font-size: 90%;
	padding-right:66px;
	text-indent:7px;
}
.year-row-item span.yri-details {
	float:right;
	font-size: 105%;
	padding-right:62px;
	text-indent:11px;
}
.year-row-item span.yri-details-nonexistent {
	display:block;
	float:right;
	font-size: 90%;
	height:6px;
	padding-right:67px;
	width:87px;
}
.year-row-closer {
	border-bottom:solid 1px #dfdede;
}
.year-volume-inner-container {
	float:left;
	padding-left:52px;
	margin-bottom:10px;
	margin-top: 10px;
	width: 90%;
	display: none;
	overflow: hidden;
}
.yvselector {
	float:left;
	width: 90%;
	padding-bottom:5px;
	padding-top:5px;
	cursor:pointer;
	border-bottom:solid 1px #dfdede;
	text-decoration:none;
	background-image:url(../images/background/plus-buttons_plain-mini.gif);
	background-repeat: no-repeat;
	background-position:-1px -3px;
}
.yvselector span.yri-index {
	padding-left:15px;
	font-size: 90%;
	text-indent: 44px;
}
.yvselector span.yri-index a {
	text-decoration: none;
}
.yvselector span.yri-index a:hover {
	text-decoration: underline;
}
.yvselector span.yri-price {
	padding-left:15px;
	font-size: 90%;
	font-weight: bold;
	text-indent: 38px;
}
.yvselector span.yri-price a {
	text-decoration: none;
}
.yvselector span.yri-price a:hover {
	text-decoration: underline;
}
.icon-row-mini {
	background-position:-1px -4px;
}
.icon-row-mini-s {
	background-position:-1px -54px;
}
.icon-row-mini-f {
	background-position:-1px -104px;
}
.icon-row-mini-c {
	background-position:-1px -304px;
}
.icon-row-mini-o {
	background-position:-1px -254px;
}
.icon-row-mini-p {
	background-position:-1px -202px;
}
.icon-row-mini-t {
	background-position:-1px -153px;
}
.icon-row-mini-i {
	background-position:-1px -4px;
}
.active-expanded {
	background-position: -1px -1648px;
}
.active-expanded-s {
	background-position: -1px -1828px;
}
.active-expanded-f {
	background-position: -1px -2010px;
}
.active-expanded-t {
	background-position: -1px -2188px;
}
.active-expanded-p {
	background-position: -1px -2372px;
}
.active-expanded-o {
	background-position: -1px -2551px;
}
.active-expanded-c {
	background-position: -1px -2733px;
}
.active-expanded-i {
	background-position: -1px -2912px;
}
.active-expanded-op {
	background-position: -1px -3094px;
}
.active-expanded-mini {
	background-position:-1px -381px;
}
.active-expanded-mini-s {
	background-position:-1px -430px;
}
.active-expanded-mini-f {
	background-position:-1px -480px;
}
.active-expanded-mini-c {
	background-position:-1px -680px;
}
.active-expanded-mini-o {
	background-position:-1px -630px;
}
.active-expanded-mini-p {
	background-position:-1px -578px;
}
.active-expanded-mini-t {
	background-position:-1px -529px;
}
.active-expanded-mini-i {
	background-position:-1px -381px;
}
.yvselectorlast {
	border-bottom:none;
}
.yvselector span.title {
	line-height:1.1; 
	width:53%; 
} 
.yvselector span {
	float:left;
	font-size: 90%;
	padding-left:74px;
	color: #045989;
}
.yvselector span.longTitle {
	width: 100%;
	background-image: none;
}
.icon-s-mini {
	background-image:url(../images/icon/icon-s-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-c-mini {
	background-image:url(../images/icon/icon-c-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-f-mini {
	background-image:url(../images/icon/icon-f-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-o-mini {
	background-image:url(../images/icon/icon-o-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-p-mini {
	background-image:url(../images/icon/icon-p-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-t-mini {
	background-image:url(../images/icon/icon-t-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-i-mini {
	background-image:url(../images/icon/icon-i-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.icon-op-mini {
	background-image:url(../images/icon/icon-op-mini.jpg);
	background-repeat:no-repeat;
	background-position:8px 8px;
}

.icon-f-med {
	background:url(../images/icon/icon-f-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}
.icon-s-med {
	background:url(../images/icon/icon-s-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}

.icon-t-med {
	background:url(../images/icon/icon-t-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}

.icon-p-med {
	background:url(../images/icon/icon-p-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}

.icon-o-med {
	background:url(../images/icon/icon-o-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}

.icon-c-med {
	background:url(../images/icon/icon-c-med.gif) 23px 10px no-repeat;
	display: block; width:38px;
}

ul.issue-container {
	float: left;
    padding-left: 20px;
    width: 100%;
	overflow: hidden;
	clear: both
}
ul.issue-container li {
	margin-left:20px;
	padding-left: 33px;
	padding-top:7px;
	padding-bottom:7px;
	font-size: 90%;
	clear: both;
	display: block;
	overflow: hidden;
	width: 82%
}
ul.issue-container li .red { width: 50%; color: #F00; }
ul.issue-container li a, .oyvolume span a {
	text-decoration:none;
	cursor: pointer;
}
ul.issue-container li a:hover, .oyvolume span a:hover {
	text-decoration: underline;
}
ul.issue-container li span.longSpace, .oyvolume span.longSpace {
	width: 100%;
	padding-bottom: 5px;
	float: left;
	clear: both;
}
ul.issue-container li span.issue-number, .oyvolume span.issue-number {
	width: 150px;
	padding-bottom: 5px;
	float: left;
	clear: both;
}
ul.issue-container li span.issue-date, .oyvolume span.issue-date {
	padding-left:20px;
	width: 95px;
}
ul.issue-container li span.issue-pages, .oyvolume span.issue-pages {
	padding-left:20px;
}
ul.issue-container li span.yri-index, .oyvolume span.yri-index {
	padding-left:20px;
}
ul.issue-container li span.printOnDemand, .oyvolume span.printOnDemand {
	font-size: 1em; font-weight: bold; float: left; clear: both; padding: 5px 0px 5px 25px;
	background: url(../images/icon/reprint.gif) no-repeat left top;
}
ul.issue-container li span.yri-price, .oyvolume span.yri-price {
	padding-left:25px;
	font-size: 90%;
	font-weight: bold;
}
ul.issue-container li span.yri-price a, .oyvolume span.yri-price a {
	text-decoration: none;
}
ul.issue-container li span.yri-price a:hover, .oyvolume span.yri-price a:hover {
	text-decoration: underline;
}
.grayrow {
	background-color: #F4F4F4
}

a.red {
	color: #F00;
}
a.red:hover {
	text-decoration: underline;
}
.blueDivider {
	margin: 0;
	padding-left: 20px;
	background: transparent url(../images/tabs/blueDivider.gif) 0px 0px repeat-x;
	font-size: 100%;
	color:#FFFFFF;
	text-decoration:none;
	height:29px;
	margin: 10px 0
}
.blueDivider p {
	float: left;
	padding-top: 0;
	line-height: 225%
}
.blueDivider p a {
	line-height: 100%;
	color:#FFF;
	float: left;
}
.bold {
	font-weight: bold;
}
.description-box {
    border-bottom: 1px solid #DFDEDE;
    font-size: 100%;
    padding-left: 20px;
    padding-bottom: 10px;
	overflow: hidden
}
.description-box p.instructions {
	line-height: 125%;
	padding: 7px 0;
	font-size: 	100%;
	width: auto;
}
.description-box p.instructions a {
	text-decoration: none;
}
.description-box p.instructions a:hover {
	text-decoration: underline;
}

.dkGrey {
	background-color:#CBCBCB;
	color:#212121;
	float:left;
	font-size: 100%;
	font-weight:bold;
	padding-left:20px;
	padding-top:12px;
	padding-bottom:12px;
	width: 97%;
}
.dkGrey p {
	float:left;
}
.dkGrey p a {
	text-decoration: none;
}
.dkGrey p a:hover {
	text-decoration: underline;
}
.dkGrey p img {
	margin-left: 10px;
	margin-bottom: -4px;
}

.description-box ul.alphabet {
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 100%;
	width: auto;
}
.description-box ul.alphabet li {
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
	width: auto;
	height: 19px;
}
.description-box ul.alphabet li .imgWrap {
	float: left;
	width: 60px;
	height: 19px;
	overflow: visible;
	vertical-align: bottom;
}
.description-box ul.alphabet li img {
	margin-right: 10px;
}
.description-box ul.alphabet li input {
	margin-right: 10px;
}
.description-box ul.alphabet li.vol {
	padding-left: 25px;
	margin: -10px 0 10px 0;
	width: auto;
	font-size: 100%;
}


.description-box p.blue-section-title {
	padding-top:18px;
	font-size: 125%;
	color: #045989;
	font-weight:bold;
}

#subscription {
	padding: 10px 0;
	margin: 0;
	font-size: 100%;
}
#subscription a {
	text-decoration: none;
}
#subscription a:hover {
	text-decoration: underline;
}
#subscription .Details {
	float: left;
}
#subscription .title {
	border-bottom: solid 1px #dfdede;
	float: left;
	background-color:#E9E7E7;
	padding: 10px;
}
#subscription .input {
	padding: 10px;
	float: left;
	border-bottom: solid 1px #dfdede;
	height: 25px;
}
#subscription .year {
	width: 50px;
}
#subscription .category {
	width: 100px;
}
#subscription .accessType {
	width: 100px;
}
#subscription .subPrice {
	width: 150px;
}
#subscription .sbasket {
	width: 140px;
	text-align: center;
}

/*basket_icon*/
#subscription .Details .input.sbasket a {
	background: url(../images/buttons/btn_sprite.png) -810px -598px no-repeat;
	width:46px;
	height:24px;
	display:block;
	margin-left:38px;
}

#contact-us-container {
	background-color:#FFFFFF;
	float:left;
}
#contact-us-container a {
	text-decoration: none;
}
#contact-us-container a:hover {
	text-decoration: underline;
}

.contact-us-container {
	float:left;
	width: 100%;
	border-bottom: 1px solid #dfdede;
	background-color: #F1F1F1;
}

.contact-us-row {
	float:left;
	font-size: 100%;
	color:#FFFFFF;
	background-image:url(../images/tabs/dividers.png);
	background-repeat:no-repeat;
	width:705px;
	cursor:pointer;
	text-decoration:none;
	height:29px;
	background-position:-10px 0px;
}
a.contact-us-row:hover {
	background-position:-10px -39px;
	color: #fff
}

.contact-us-row .title {
	float:left;
	padding-top: 5px;
	padding-left:17px;
}

.contact-details-left {
	width:400px;
	float:left;
	padding-left:20px;
	margin-top:7px;
	margin-bottom:7px;
	float:left;
	font-size: 100%;
}
* html .contact-details-left {
	width: 468px;
}
.pdfContent ul {
	margin-left: 16px;
	margin-top: 6px;
	font-size: 80%;
	font-weight: bold;
}
.pdfContent {
	width: 100%;
	height: 970px;
	padding: 0px;
}
.pdfContent ul li {
	line-height: 1.3;
	padding: 5px 10px 5px 0;
}
.pdfContent ul li span {
	float: left;
}
.pdfContent ul li a.pdf-download {
	background-position: 0 -58px;
	margin-left: 5px;
}
li a.pdf-download {
	background: url(../images/icon/sprites-icons.gif) 0 -55px no-repeat;
	padding-left: 25px;
	text-indent: 0;
	height: 20px;
	display: inline-block;
}
.contact-details-left p {
	font-weight: bold;
	margin: 10px 0;
	font-size: 1.1em;
}
.contact-details-left ul {
	padding: 0;
	margin-bottom: 10px;
}
.contact-details-left li {
	margin-bottom: 3px;
}
.contact-details-right {
	float:right;
	margin:20px 10px 10px 10px;
}
.contact-details-right img {
	border: 1px solid #666;
}
.cur-inner {
    border-left: 1px solid #DFDEDE;
    border-right: 1px solid #DFDEDE;
    display: none;
    float: left;
    width: 705px;
}

.accessWrap {
	background-color:#f1f1f1;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 100%;
}
.accessWrap p {
	padding: 10px 0 0 15px;
	line-height: 1.3em;
}
.accessWrap select, .accessWrap input {
	font-size: 100%;
}
.accessWrap .accessDetails {
	float:left;
	padding: 10px 20px 0 20px;
	color: #626262;
}
.accessWrap .accessDetails a { text-decoration: none; }
.accessWrap .accessDetails a:hover { text-decoration: underline; }
.accessWrap .title {
	float:left;
	width: 170px;
	padding-top: 5px;
	padding-right: 10px;
}
.accessWrap .accessInput {
	float: left;
	line-height: 1em;
	width: auto;
}

.selectbox_organisation {width: 400px}
.selectbox_journaltitle {width: 125px}
.selectbox_organisation .selectbox_label,
.selectbox_journaltitle .selectbox_label,
.selectbox_label.selectbox_journaltitle,
.selectbox_organisation-selectbox_menu,
.selectbox_journaltitle-selectbox_menu {font-size: 100%}

.accessWrap .accessInput .issn, .accessWrap .accessInput .eissn {
	float: left;
	width: 40px;
	padding: 5px
}
.accessWrap .accessInput .short {
	width: 30px;
}

.searchQuery-box {
    background-color: #F1F1F1;
    border-bottom: 1px solid #DFDEDE;
    font-size: 100%;
    padding: 10px 20px;
    width: 93%;
}
.searchQuery-box p.instructions {
	clear: both; 
	padding: 10px 0
}

.searchQuery-box p.result-message {
	margin-top: 5px;
	margin-left: 235px;
}
	
.searchQuery-box input {
	margin: 0 0 0 10px;
	padding: 5px 0;
	font-size: 100%;
	float: left
}

.movie-page-row {
    background-image: url("../images/tabs/dividers.png");
    background-position: -30px 0;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 100%;
    height: 29px;
    text-decoration: none;
    width: 678px;
	text-indent: 10px;
	line-height: 200%
}

.movie-container {
	background: #f2f2f2;
	border: 1px solid #DFDEDE;
	width: 656px;
	padding: 10px;
	overflow: hidden;
	clear: both
}
.movie-container select { width: 100%; height: 150px;}

.highlightMovies .movie {
    float: left;
    padding: 10px 20px;
    width: 40%;
}
.highlightMovies .movieDetails {
    color: #626262;
    float: left;
    width: 40%;
}
p.movieCaption, .highlightMovies .movieDetails p {
    color: #232323;
    font-weight: normal;
    margin-top: 8px;
    padding-bottom: 5px;
}
#highlightButtons li { padding: 0 10px 0 0; float: left}

.search-box-left {
    float: left;
    margin-bottom: 10px;
    width: 40%;
}
.search-box-right {
    float: left;
	width: 40%;
}

.searchTitle {
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 8px;
}

.arrowButtons {
    float: left;
    margin: 50px 0 0 0;
    padding: 0 10px;
    width: 40px;
}
.arrowButtons li {
	padding: 5px 0;
	display: block;
	float: left
}

.search-box {
    background-color: #F1F1F1;
    border-top: 1px solid #DFDEDE;
    font-size: 100%;
    padding: 10px 0;
}
.search-box:first-child {border-top: none}

.search-box-buttons {
    height: 24px;
    margin: 0;
    padding: 5px 0;
	clear: both
}
.search-box-buttons li {
    display: inline;
	margin: 0 10px 0 0;
	float: left
}

.recommendSubs-buttons {
	padding: 20px 0 20px 20px;
	margin: 0 0 0 0;
	height: 24px;
	background-color: #F1F1F1;
}
.recommendSubs-buttons li {
	display: inline;
}
.recommendSubs-buttons li a {
	height: 24px;
	float: left;
	background-position: left top;
	margin: 0 10px 0 0;
}

.editorialButtons {
	padding: 0;
	margin: 0;
	overflow: hidden
}
.editorialButtons li {
	display: inline;
	margin: 20px 10px 0 0;
	float: left
}

#player {
    margin: 20px auto;
    width: 500px;
	overflow: hidden
}

.instruction-note {
    float: left;
    font-size: 100%;
    line-height: 100%;
    margin-top: 3px;
    width: auto;
	margin: 0;
	padding: 0 0 20px 0
}

.fulltxt-details p.txtTitle {
    color: #232323;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 20px 0 0 0;
}

.fulltxt-holder .abstract img {
    width: 688px;
    max-width: none;
    max-height: none;
}

.suppMatlWrap {
	padding-bottom: 20px;
	margin: 0;
	font-size: 100%;
}
.suppMatlWrap a {
	text-decoration: none;
}
.suppMatlWrap a:hover {
	text-decoration: underline;
}
.suppMatlWrap .Details {
	float:left;
	padding: 10px 20px 0 0;
	color: #626262;
	width: 100%
}
.suppMatlWrap .title {
	float:left;
	padding: 5px 5px 5px 0;
	font-weight: bold;
}
.suppMatlWrap .DetailsInput {
	float: left;
	padding: 5px 5px 5px 0;
	line-height: 100%;
}
.suppMatlWrap .type {
	width: 10%;
}
.suppMatlWrap .mtlTitle {
	width: 25%;
}
.suppMatlWrap .description {
	width: 25%;
}
.suppMatlWrap .fileSize {
	width: 10%;
}
.suppMatlWrap .download {
	width: 25%;
}

.metrics-holder {
	font-size: 0.718em;
	color:#626262;
	background-color:#F1F1F1;
	display: none;
}
.metrics-holder .dataBox {
	background-color: #FFF;
	padding: 10px 10px;
	color: #333;
	width: 92%;
	border: 1px solid #666;
	margin: 20px 15px;
	float: left;
	font-size: 125%;
}
.metrics-holder .wrapData div {
	float: left;
	width: 20%;
	margin-bottom: 3px;
}
.metrics-holder .wrapData .left {
	font-weight: bold;
}
.metrics-holder .metricTitle {
	font-weight: bold;
	color: #333;
	padding: 20px 10px 10px 20px;
}
.metrics-holder #metricGraph, .metrics-holder #metricBar {
	margin-left: 20px;
	height: 400px;
	width: 660px;
}
.metrics-holder .metricGraph img {
	max-width: 100%;
}
.metricsInfo {
	padding: 20px 10px 20px 20px;
	float: left;
}
.metricsInfo .title {
	font-weight: bold;
	padding-bottom: 8px;
	color: #333;
}
.metricsInfo .citations {
	width: 420px;
	float: left;
}
.metricsInfo ul li {
	display: inline;
	border-right: 1px solid #666;
	padding-right: 3px;
}
.metricsInfo input {
	float: right; margin-right: 60px; color: #FFF;
}
.metricsInfo .excel-bttn {
	height:14px; border: none; font-size: 100%; font-weight: bold;
	text-decoration:none; text-align: center; width:143px;
	background: url(../images/buttons/btn_sprite.png) -279px -472px no-repeat;
	padding: 10px 0;
}
.metricsInfo .excel-bttn:hover {
	background: url(../images/buttons/btn_sprite.png) -279px -506px no-repeat;
}
.additional-info {
	background-color: #F1F1F1; 
	padding-left: 20px; 
	padding-top: 10px; 
	padding-bottom: 10px;
}
.pre-instructions {
	padding-top: 7px;
}

a.article-movie {
	background: url("../images/icon/movie.gif") no-repeat scroll 0 0 transparent;
	float: left;
	text-indent: 20px;
	width: 60px !important;
}

#center .sort_container #sort-movie .selecbox_sortby, #center .sort_container #sort-movie .selecbox_resultsperpage {
	height: 20px;
}

#center #sort_movie_container {
	background-color: #F8F8F8;
}

#center #sort_movie_container .pagination {
	margin-top: 10px;
}

/*TESTSITE WARNING LABEL*/

.testsite_warning{
	background:url(../images/testing.gif) no-repeat;
	height:45px;
	width:18%;
	position:absolute;
	z-index:9999999;
	}
	
#center .tableofcontents-row .ji-links ul li.article-movie {
	background:url("../images/icon/movie.gif") no-repeat scroll 3px -4px transparent;
	width: 60px !important;
	float:left;
	text-indent:20px;
	}
	
	a.article-movie {
	background:url("../images/icon/movie.gif") no-repeat scroll 0 0 transparent;
	width: 60px !important;
	float:left;
	text-indent:20px;}
/*MOVIE ICON END*/

#center .sort_movie {background: #f2f2f2; padding: 10px; overflow: hidden; line-height: 200%}
#center .sort_movie .sortby {overflow: hidden; padding: 0 0 10px 0; border-bottom: 1px solid #d9d9d9}	

#center .sort_movie .sortby ul {margin: 0 10px 0 0; float: right}
#center .sort_movie .sortby ul li {display: inline; padding: 0 10px 0 0; float: left}
#center .sort_movie .sortby select#pageSize {width: 50px !important; height:20px; padding-right:0 !important;}

#center .sort_movie #sortby-bottom {overflow: hidden; padding: 10px 0 0 0; border-top: 1px solid #d9d9d9; border-bottom:0;}	

/*LARGE PDF CHANGES*/
.ji-links ul li.icon-pdf-large {
    background: url('../images/images/sprites.png') no-repeat scroll -284px -1769px transparent;


    float: left;
    text-indent: 25px;
    height: 18px;
}

#center #navigation-help li.article-pdf-large {
    background: url('../images/images/sprites.png') no-repeat scroll -284px -1772px transparent;
    float: left;
    text-indent: 32px;
    height: 20px;
}

/*EBUB COLOR CHANGES*/
.ji-links ul li.icon-pdf{
	background: transparent url(../images/images/sprites.png) -957px -752px no-repeat;
	float: left;
	text-indent: 25px;
	height: 18px;
}

.ji-links ul li.pdfDisable {
background-position: -494px -1770px;
}

.ji-links ul li.icon-rent {
	background: transparent url(../images/images/sprites.png) -244px -707px no-repeat;
	float: left;
	text-indent: 25px;
	height: 18px;
}

.ji-links ul li.rent-off {
	background-position: -493px -1843px !important;
}

.ji-links ul li.rent-pdf {
	background: transparent url(../images/images/sprites.png) -244px -710px no-repeat;
	float: left;
	text-indent: 25px;
	height: 23px; 
}
	
.ji-links a.type-pdf{
	color: #f72f40;
	font-weight: bold;
	line-height: 1.4;
	display: block;
}
		
.ji-links ul li.icon-pdf span, .ji-links ul li.icon-html span, .ji-links ul li.icon-epub span, .ji-links ul li.icon-xml span, .ji-links ul li.icon-aa span, .ji-links ul li.icon-pdf-hi-dl span, .ji-links ul li.rent-pdf span, .ji-links ul li.icon-pdf-large span, .ji-links ul .article-active span, .ji-links ul li.icon-aa span{
	display:block;
	font-size:75%;
	line-height:0.5;
	margin-bottom: 5px;
}

.ji-links ul li.icon-html{
	background: transparent url(../images/images/sprites.png) -957px -816px no-repeat; 
	float: left; 
	text-indent: 25px;
	height:18px;
	}
.ji-links ul li.icon-html-disabled {
	background: transparent url(../images/images/sprites.png) -492px -1877px no-repeat;
}	
.ji-links a.type-html{
	color:#3e81ec;
	display: block;
	font-weight: bold;
	line-height: 1.4;
}

.ji-links ul li.icon-epub{
	background: transparent url(../images/images/sprites.png) -244px -852px no-repeat; 
	float: left; 
	text-indent: 25px;
	height:18px;
	}
	
.ji-links a.type-epub{
	color:#8dbf50;
	font-weight:bold;
	line-height:1;
}
.ji-links ul li.icon-epub-disabled{
	background: transparent url(../images/images/sprites.png) -954px -1875px no-repeat;
}

/*EBUB COLOR CHANGES - ENDS*/

/*START XML*/
.ji-links ul li.icon-xml {
	background: transparent url(../images/images/sprites.png) -243px -743px no-repeat;
	float: left;
	text-indent: 32px;
	height: 18px;
}

.ji-links a.type-xml {
	color: #7a43a2;
	font-weight: bold;
	line-height: 1;
}

/*END XML*/
.ji-links ul li.icon-xml-disabled{
	background: transparent url(../images/images/sprites.png) -946px -1842px no-repeat;
}
.ji-links li.article-active-disabled {background: transparent url(../images/images/sprites.png) 8px -1870px no-repeat !important;}
.ji-links ul li.icon-html-disabled a, .ji-links ul li.icon-epub-disabled a, .ji-links ul li.icon-xml-disabled a, .ji-links ul li.icon-html-disabled span, .ji-links ul li.icon-epub-disabled span, .ji-links ul li.icon-xml-disabled span, .ji-links li.article-active-disabled a, .ji-links li.article-active-disabled span {
	color:#999;
	cursor:default;
	text-decoration:none;
}

/*START HIRES*/
.ji-links ul li.icon-pdf-hi-dl {
	background: transparent url(../images/images/sprites.png) -950px -945px no-repeat;
	float: left;
	text-indent: 30px;
	height: 18px;
}

.ji-links ul li.icon-pdf-hi-dl {
	text-indent: 30px;
}

.ji-links ul li.HiPDFdisabled {
	background-position: -281px -1844px;
}
/*END HIRES*/

/*related articles*/

.ji-usersholder {}

.ji-users{
	display:inline-block;
    padding: 20px 10px 20px 0;
	line-height:1.5em;
	border-bottom:solid 1px #e1e1e1;
}
.morearticles-holder { display:inline-block; float:right; margin:20px 20px 20px 0;} 
 .more-articles a{ display:inline-block; text-decoration:none;}
 .more-articles a:hover { text-decoration:underline;}

#center .page-header, #center .section-header {
    border-bottom: 1px solid #D9D9D9;
    overflow: hidden !important;
}

.ph-left {
	margin-top:5px;
	float:left;
	font-weight: bold;
}

.close-right {
	padding-right:20px;
	margin-top:15px;
	float:right;
	color: #FFF;
	font-size: 11px;
}

.close-right a {
	color: #FFF;
	text-decoration: none;
}

.ph-left h2 {
	line-height: normal;
}

.comments-holder {
	font-size: 100%;
	background-color:#F1F1F1;
}
.comment-details {
	padding:0px 60px 17px 17px;
	margin-top:0px;
}
.comments-holder .policy {
	border-bottom:solid 1px #dfdede;
	padding:0px 60px 17px 17px;
	font-size: 1em;
	background-color: #e6e6e6;
}
.comments-holder .policy p {
	margin-bottom: 5px;
	line-height: 1.4em;
}
p.policy-title {
	font-weight:bold;
	margin-bottom:3px;
	color:#232323;
	padding-top:17px;
}
.comments-holder .policy ol {
	margin: 10px 0;
	padding-left: 10px;
}
.comments-holder .policy ol li {
	margin-bottom: 3px;
	list-style:decimal;
	margin-left: 15px;
}
.comments-holder .comment, .comments-holder .introduction {
	border-bottom:solid 1px #dfdede;
}
.comments-holder .introduction p {
	font-size:1em;
	margin: 0 0 17px 15px;
	line-height: 1.4em;
}
.comments-holder .introduction p.header {
	font-weight:bold;
	margin-bottom:5px;
	color:#045989;
	padding-top:17px;
}
p.cd-name {
	font-weight:bold; margin-bottom:3px; color:#232323; padding-top:17px;
}
p.cd-role {
	font-size:0.917em; margin-bottom:17px;
}
p.cd-copy {
	line-height:1.4;
}
#newcomment {
	margin-top:15px;
}
.formcol1 {
	float:left; width:100%;
}
.formcol2 {
	float:left; width:100%;
}
.formrow {
	float:left; margin-bottom:14px; width: 45%;
}
#updateslabel {
	font-weight:normal; padding-left:5px; width:225px;
}
#notelabel {
	font-weight: normal; padding: 5px 0 0 5px; width: 500px;
}
.checkboxhelper {
	line-height:1.2; margin-top:14px;
}
.formrow label, .fullwidthrow label {
	font-size:0.917em; float:left; width:300px; color:#232323;
	font-weight:bold; margin-bottom:6px;
}
.formrow input {
	float:left; width:250px; padding:3px;
}
.formrow input.updates {
	float:left; width:15px; padding:3px;
}
.fullwidthrow label {
	width:600px;
}
.fullwidthrow textarea {
	width:620px; padding:3px; height:80px;
}
.fullwidthrow input {
	float:right; margin-top:15px; margin-right:12px;
}
.fullwidthrow span {
	margin-top:25px; 
}

.pdfContent iframe { width:100%; height:945px !important;
}

.alert-message {
	margin-bottom: 7px;
	margin-top: 5px;
	padding: 5px 14px;
	background-color: #B0080A;
}

.alert-message a {
	text-decoration: none;
	color: #FFF;
	line-height: 1.2em;
	width: 700px;
}
.alert-message a span {
	font-weight: bold;
}
.alert-message .close {
	float: right;
	width: 56px;
	height: inherit;
	margin-left: 13px;
}

.alert-message .close a {
	background: url(../images/images/sprites.png) -923px -1768px no-repeat;
	width: 56px;
	height: 19px;
	display: block;
	float: left;
	cursor: pointer;
	line-height: 16px;
	font-weight: bold;

}

.description-box p.section-title a span.source {
	font-style:oblique;  
}

.description-box span.Back {
    background: url("../images/images/sprites.png") no-repeat scroll left -501px transparent;
    height: 32px;
    float: left;
    padding: 0px 0px 0px 2px;
    top: 1.5em;
    right: 0px;
	margin-top: 10px;
}

.description-box span.Back a {
    background: url("../images/images/sprites.png") no-repeat scroll right -539px transparent;
    width: auto;
    height: 32px;
    float: left;
    padding: 0px 15px 0px 13px;
    text-align: center;
    line-height: 210% !important;
    font-size: 100%;
    color: rgb(255, 255, 255); 
}

.no-bottom {
	border-bottom:none !important;
}

.topicArticle {
	background-color: #FFD!important;
	background-image: none!important;
	height: 100%;
}
.topicArticle .ji-links ul li {
	background-color: #FFD!important;
}
h2.topic {
	background-color: #FFD!important;
	background-image: none!important;
	height: 100%;
}

.description-box p.section-title {
	padding-bottom:5px;
	margin-top:8px;
	font-size: 	0.99em;
	color:#232323;
	font-weight:bold;
}

#thirdparty-banners ul li .beian {
	background: none;
	text-indent: inherit;
	
}

ul li a.highlightArt {
        display: block;
        font-size: 0.918em;
        height: 23px;
        margin-bottom: 5px;
        text-indent: 8px;
        width: 100px;
        color: black;
        background: url(../images/buttons/btn_sprite.png) -486px -771px no-repeat;
}

.mostCited {
    border: 1px solid #D9D9D9;
    overflow: hidden;
}
#sub-navigation-tabs {
	float: left;
	width: 100%;
	font-size: 0.688em;
	line-height: normal;
	background: url(../images/background/tabs/tab_bg_drk_grey.gif) repeat-x 0px 0px;
}
#sub-navigation-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 0 10px 0 3px;
}
#sub-navigation-tabs ul li, #navigation-tabs ul li.current {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
#sub-navigation-tabs ul li a {
	color: #555555;
	text-decoration: none;
	margin-left: 2px;
	padding-left: 5px;
	font-size:1.4em !important;
	
}
#sub-navigation-tabs ul li a span {
	padding: 10px 16px 9px 8px;
	margin-top: 3px;
}
#sub-navigation-tabs ul li a, #navigation-tabs ul li a span {
	display: block;
	float: left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#sub-navigation-tabs ul li a, #navigation-tabs ul li a span {
	float: none;
}
/* End IE5-Mac hack */

#sub-navigation-tabs ul li a:hover {
	color: #FFF;
	background: url(../images/background/tabs/left_subhover.gif) left top no-repeat;
	text-decoration: none;
}
#sub-navigation-tabs ul li a:hover span {
	background: url(../images/background/tabs/right_subhover.gif) right top no-repeat;
}
#sub-navigation-tabs ul li a.current, #sub-navigation-tabs ul li a.current:hover {
	background: url(../images/background/tabs/left_on_grey.gif) left top no-repeat transparent;
	color: #202020;
}
#sub-navigation-tabs ul li a.current span {
	background: url(../images/background/tabs/right_on_grey.gif) right top no-repeat transparent;
}
#sub-navigation-tabs ul li.firstView a {
	color: #FFF;
	background: url(../images/background/tabs/left_firstView.gif) left top no-repeat;
	text-decoration: none;
	margin-left: 2px;
	padding-left: 26px;
	font-style: italic;
}
#sub-navigation-tabs ul li.firstView a span {
	background: url(../images/background/tabs/right_firstView.gif) right top no-repeat;
	padding: 10px 20px 9px 7px;
}
#sub-navigation-tabs ul li.firstView a:hover {
	background-image: url(../images/background/tabs/left_hoverFirstView.gif);
}
#sub-navigation-tabs ul li.firstView a:hover span {
	background-image: url(../images/background/tabs/right_hoverFirstView.gif);
}
#sub-navigation-tabs ul li.firstView a.current {
	background-image: url(../images/background/tabs/left_on_firstView.gif);
	color: #333;
}
#sub-navigation-tabs ul li.firstView a.current span {
	background-image: url(../images/background/tabs/right_on.gif);
}
#sub-navigation-tabs ul li a span {
	display: block;
}

.mostCitedContent {	
	background: none repeat scroll 0 0 #F2F2F2;
	display:block;
	clear: both;
    overflow: hidden;
	padding: 20px 3px 20px 10px;
}

.mostCitedContent p {padding-bottom: 10px}

.tableofcontents-row-container { position: relative}

.ji-links ul li.icon-pdf {position: relative; width: 75px; background-position: -952px -752px}
.ji-links ul li.icon-pdf.pdfDisable {position: relative; width: 75px; background-position: -489px -1770px}
.ji-links ul li.icon-pdf.pdfDisable > a {color: #999}
.ji-links ul li.icon-pdf > a.button {padding: 2px 5px}
.ji-links ul li.icon-pdf > a > i {background: transparent url(../images/images/sprites.png) -245px -663px no-repeat; text-indent: -999em; width: 14px; height: 11px; position: absolute; top: 7px; right: 5px}

.ji-links ul li.icon-media-pdf {padding-top: 0; padding-right: 2px !important; padding-left: 2px !important; overflow: hidden; height: 40px !important}
.ji-links ul li.icon-media-pdf > a {background: url(../images/icon/sprites-icons.gif) -288px -298px no-repeat; float: left; text-indent: 35px; color: #FA0540; height: 30px; line-height: 300%}
.ji-links ul li.icon-media-pdf > i {font-size: 75%; font-style: normal; padding: 0 4px}
.ji-links ul li.icon-media-pdf > i:first-of-type {line-height: 100%}
.ji-links ul li.icon-media-pdf > i:last-of-type {display: block; clear: both; line-height: normal; text-indent: 30px}
.ji-links ul li.icon-media-pdf.icon-pdf-view > a {background-position: -290px -724px}

.ji-links ul li.icon-media-pdf-disabled {padding-top: 0; padding-right: 2px !important; padding-left: 2px !important; overflow: hidden; height: 45px !important; position: relative}
.ji-links ul li.icon-media-pdf-disabled > a {background: url(../images/icon/sprites-icons.png) -288px -660px no-repeat; float: left; text-indent: 35px; color: #999; height: 30px; line-height: 175%; font-size: 100%; font-weight: bold}
.ji-links ul li.icon-media-pdf-disabled > i {font-size: 80%; font-style: normal; padding: 0 4px; color:#999}
.ji-links ul li.icon-media-pdf-disabled > i:first-of-type {line-height: 100%; position: absolute; top: 19px; left: 33px}
.ji-links ul li.icon-media-pdf-disabled > i:last-of-type {display: block; clear: both; line-height: normal; text-indent: 30px}
.ji-links ul li.icon-media-pdf-disabled.icon-pdf-view-disabled > a {background-position: -290px -783px;}

.pdf-container > ul {z-index: 999999999; width: 240px; position: absolute; top: 157px; left: 85px; background: #fff; border: 1px solid #e1e1e1; box-shadow: 1px 5px 5px #ccc; -webkit-box-shadow: 1px 5px 5px #ccc; -moz-box-shadow: 1px 5px 5px #ccc}
.pdf-container > ul > li {border: none; height: auto; padding: 0; float: none; display: block; overflow: hidden; font-size: 90%}
.pdf-container > ul > li > a.type-pdf-norm {background: url(../images/icon/sprites-icons.gif) -290px -724px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.pdf-container > ul > li > a.type-pdf-large {background: url(../images/icon/sprites-icons.gif) -288px -365px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.pdf-container > ul > li > a.type-pdf-hires {background: url(../images/icon/sprites-icons.gif) -288px -237px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.pdf-container > ul > li > a.type-pdf-media {background: url(../images/icon/sprites-icons.gif) -288px -293px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.pdf-container > ul > li > a {background: url(../images/icon/sprites-icons.png) -290px -724px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%; font-weight: bold}
.pdf-container > ul > li:last-child > a > i:last-of-type {clear: both; float: left; line-height: 150%;}

.pdf-container > ul > li > a:hover {background-color: #f2f2f2; text-decoration: none}
.pdf-container > ul > li > a > i {color: #8F8F8F; font-style: normal; font-weight: normal; font-size: 0.815em}
.pdf-container > ul > li > a > i:nth-child(3) {float:left;}
.pdf-container > ul > li > a.type-pdf-media > i:last-of-type {clear: both; float: left; line-height: 200%}
.pdf-container > ul > li:nth-child(1) > a {background-position: -292px -361px}
.pdf-container > ul > li:nth-child(2) > a {background-position: -288px -237px}
.pdf-container > ul > li:nth-child(3) > a {background-position: -288px -300px}

a.icon-pdf-disabled {background-position: -290px -783px !important; color:#999 !important; cursor:default;} 
a.icon-hipdf-disabled {background-position: -240px -454px !important; color:#999 !important; cursor:default;}  
a.icon-mediapdf-disabled {background-position: -289px -662px  !important; color:#999 !important; cursor:default;}
.pdf-container-2rows  > ul {bottom:-61px !important;}
.pdf-container-2rows-abstract  > ul {bottom:-65px !important; border: solid 1px;}
.pdf-container-2rows-fulltext  > ul {bottom:-62px !important;}
.pdf-container > ul > li.pdfDisabled {background-position: -245px -488px}
.pdf-container > ul > li.pdfDisabled > a.type-pdf-norm {color: #999; background-position: -290px -601px}
.pdf-container > ul > li.pdfDisabled > a.type-pdf-hires {background-position: -240px -454px}
.pdf-container > ul > li.pdfDisabled > a.type-pdf-media {background-position: -289px -656px}

.pdf-container > ul > li.pdfDisabled > a {background-position: -290px -724px}
.pdf-container.pdf-view.pdf-disabled > ul > li > a {background-position: -290px -783px}

.tableofcontents-row-container { position: relative}

.ji-links ul li.icon-media-pdf {padding-top: 0; padding-right: 2px !important; padding-left: 2px !important; overflow: hidden; height: 45px !important; position: relative}
.ji-links ul li.icon-media-pdf > a {background: url(../images/icon/sprites-icons.png) -288px -298px no-repeat; float: left; text-indent: 35px; color: #FA0540; height: 30px; line-height: 175%; font-size: 100%; font-weight: bold}
.ji-links ul li.icon-media-pdf > i {font-size: 80%; font-style: normal; padding: 0 4px}
.ji-links ul li.icon-media-pdf > i:first-of-type {line-height: 100%; position: absolute; top: 19px; left: 33px}
.ji-links ul li.icon-media-pdf > i:last-of-type {display: block; clear: both; line-height: normal; text-indent: 30px}
.ji-links ul li.icon-media-pdf.icon-pdf-view > a {background-position: -290px -724px}

.icon-media-pdf-container > div.pdf-container > ul {z-index: 999999999; width: 240px; position: absolute; bottom: auto; top: 40px; left: 85px; background: #f2f2f2; border: 1px solid #e1e1e1; box-shadow: 1px 5px 5px #ccc; -webkit-box-shadow: 1px 5px 5px #ccc; -moz-box-shadow: 1px 5px 5px #ccc}
.icon-media-pdf-container > div.pdf-container > ul > li {border: none; height: auto; padding: 0; float: none; display: block; overflow: hidden}
.icon-media-pdf-container > div.pdf-container > ul > li.article-pdf > a {background: url(../images/icon/sprites-icons.png) -290px -724px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.icon-media-pdf-container > div.pdf-container > ul > li > a:hover {background-color: #fff; text-decoration: none}
.icon-media-pdf-container > div.pdf-container > ul > li.article-pdf-large > a:hover {background-color: #fff; text-decoration: none}
.icon-media-pdf-container > div.pdf-container > ul > li.article-hi-pdf-download > a:hover {background-color: #fff; text-decoration: none}
.icon-media-pdf-container > div.pdf-container > ul > li.article-media-pdf-download > a:hover {background-color: #fff; text-decoration: none}
.icon-media-pdf-container > div.pdf-container > ul > li > a > i {color: #8F8F8F; font-style: normal}
.icon-media-pdf-container > div.pdf-container > ul > li.article-pdf-large > a {background: url(../images/icon/sprites-icons.png) -288px -365px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.icon-media-pdf-container > div.pdf-container > ul > li.article-hi-pdf-download > a {background: url(../images/icon/sprites-icons.png) -288px -237px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}
.icon-media-pdf-container > div.pdf-container > ul > li.article-media-pdf-download > a {background: url(../images/icon/sprites-icons.png) -288px -293px no-repeat; float: left; text-indent: 27px; color: #FA0540; padding: 6px 10px; display: block; width: 100%}

.icon-media-pdf-container > div.pdf-container > ul > li.article-media-pdf-download > a > i:last-of-type {clear: both; float: left; line-height: 200%}

.pdf-container.pdf-toc > ul > li > a {font-size: 90%}

.pdf-container.pdf-disabled > ul > li {background-position: -245px -488px}
.pdf-container.pdf-disabled > ul > li a {color: #999; background-position: -290px -601px}
.pdf-container.pdf-disabled > ul > li:nth-child(2) > a {background-position: -240px -454px}
.pdf-container.pdf-disabled > ul > li:nth-child(3) > a {background-position: -289px -662px}
.pdf-container.pdf-view > ul > li > a {background-position: -290px -724px}
.pdf-container.pdf-view.pdf-disabled > ul > li > a {background-position: -290px -783px}

#center #navigation-help {min-height: 30px}
#center #navigation-help > ul.articles:first-of-type {margin-bottom: 5px; float: left; overflow: hidden}
#center #navigation-help li.article-pdf.icon-media-pdf {padding-top: 0; padding-right: 2px !important; padding-left: 2px !important; overflow: hidden; height: 45px !important; background: #f2f2f2; text-indent: inherit; position: relative; width: 178px;}
#center #navigation-help li.article-pdf.icon-media-pdf:hover {background-color: #ddd}
#center #navigation-help li.article-pdf.icon-media-pdf > a {background: url(../images/icon/sprites-icons.png) -288px -303px no-repeat; float: left; text-indent: 35px; color: #FA0540; height: 25px; line-height: 1.75; font-size: 100%; font-weight: bold;  padding-right: 5px;}
#center #navigation-help li.article-pdf.icon-media-pdf.disabled-pdf > a {background: url(../images/icon/sprites-icons.png) -288px -665px no-repeat; float: left; text-indent: 35px; color: #FA0540; height: 25px; line-height: 100%; font-size: 100%; font-weight: bold}
#center #navigation-help li.article-pdf.icon-media-pdf.disabled-pdf > a {color: #999;}
#center #navigation-help li.article-pdf.icon-media-pdf.disabled-pdf > i {color: #999;}
#center #navigation-help li.article-pdf.icon-media-pdf > i {font-size: 80%; font-style: normal; color: #35599B; padding: 0 4px}
#center #navigation-help li.article-pdf.icon-media-pdf > i:first-of-type {line-height: 100%; position: absolute; top: 15px; left: 33px}
#center #navigation-help li.article-pdf.icon-media-pdf > i:last-of-type {display: block; clear: both; line-height: normal}
#center #navigation-help li.article-pdf > i {font-size: 80%; font-style: normal; color: #35599B; padding: 0 4px}
#center #navigation-help li.article-pdf > i:first-of-type {line-height: 100%; position: absolute; top: 15px; left: 33px}
#center #navigation-help li.article-pdf > i:last-of-type {display: block; clear: both; line-height: normal}
#center #navigation-help li.article-pdf.icon-media-pdf.icon-pdf-view > a {background-position: -290px -724px}

#center #navigation-help li.article-pdf.icon-media-pdf.icon-media-pdf-one {width: 16.9em}
#center #navigation-help li.article-pdf.icon-media-pdf.icon-media-pdf-one > i:first-of-type { display:block;}
#center #navigation-help li.article-pdf.icon-media-pdf.icon-media-pdf-one > i:last-of-type {position: absolute; bottom: -1px; }
#center #navigation-help li.article-pdf.norm-media-pdf-disabled > a {background: url(../images/icon/sprites-icons.png) -288px -303px no-repeat; float: left; text-indent: 35px; color: #FA0540; height: 25px; line-height: 100%; font-size: 100%; font-weight: bold}
#center #navigation-help li.article-pdf.norm-media-pdf-disabled > i {font-size: 80%; font-style: normal; color: #35599B; padding: 0 4px}
#center #navigation-help li.article-pdf.norm-media-pdf-disabled > i:first-of-type {line-height: 100%; position: absolute; top: 15px; left: 33px}
#center #navigation-help li.article-pdf.norm-media-pdf-disabled > i:last-of-type {display: block; clear: both; line-height: normal}

#center #navigation-help li.media-pdf-view { display:block}
#center #navigation-help li.article-pdf.icon-pdf {position: relative; width: 75px; background-position: -952px -752px}
#center #navigation-help li.article-pdf.icon-pdf:hover {background-color: #ddd}
#center #navigation-help li.article-pdf.icon-pdf > a {padding: 5px}
#center #navigation-help li.article-pdf.icon-pdf > a > i {background: transparent url(../images/images/sprites.png) -245px -663px no-repeat; text-indent: -999em; width: 14px; height: 11px; position: absolute; top: 2px; right: 5px}

.icon-media-pdf-container {position: relative}
.icon-media-pdf-container .icon-media-pdf-container > div.pdf-container > ul {bottom: auto; top: 40px; background: #f2f2f2; border: 1px solid #d9d9d9}
.icon-media-pdf-container .pdf-container > ul > li > a:hover {background-color: #fff}
.icon-media-pdf-container #navigation-help li.article-pdf.icon-pdf > a {line-height: 50%; color: #FA0540; font-weight: bold; text-indent: 30px}
.icon-media-pdf-container #navigation-help li.article-pdf.icon-pdf.pdfDisable > a {color: #999}

.icon-media-pdf-container #navigation-help li.article-pdf.icon-pdf > a > i {right: 15px !important}

.icon-media-pdf-container .pdf-container.pdf-first-link > ul {bottom: -90px; left: 0; right: auto}

.firstview-container .tableofcontents-row-container .pdf-container > ul{left:52px;}

.issue-button-container {float: right; margin: 0 10px}
.issue-button-container > ul > li {display: block; width: auto; min-height: inherit; padding: 0 0 5px 0 !important; margin: 0; font-size: 12px; overflow: hidden}
.issue-button-container > ul > li.first-list-ie-support > span {color: #999; font-size: 10px; line-height: 100%; display: block; clear: both; padding: 0 !important; float: none}
.issue-button-container > ul > li.first-list-ie-support > a {line-height: 125%}
.issue-button-container > ul > li.first-list-ie-support > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -104px -363px no-repeat; float: left; width: 20px; height: 20px; margin: 0 2px 0 0}
.issue-button-container > ul > li.last-list-ie-support > a {line-height: 115%}
.issue-button-container > ul > li.last-list-ie-support > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -184px -380px no-repeat; float: left; width: 13px; height: 15px; margin: 0 2px 0 0}

.yvselector.issue-links {background-image: url(../images/background/plus-buttons_plain-mini-issue.gif); float: none; overflow: hidden}

ul.issue-container.issue-links {float: none; overflow: hidden; width: auto}
ul.issue-container.issue-links li {width: auto}

#navigation-help .issue-button-container {float: left; padding: 2px 0; margin: 0}
#navigation-help .issue-button-container > ul {float: left; padding: 2px 0; margin: 0}
#navigation-help .issue-button-container > ul > li {float: left; clear: both} 
#navigation-help .issue-button-container > ul > li:first-child > a {line-height: 150%}
#navigation-help .issue-button-container > ul > li > a {float: left}
#navigation-help .issue-button-container > ul > li:hover {background-color: transparent}
#navigation-help .issue-button-container > ul:first-of-type > li > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -104px -363px no-repeat; float: left; width: 20px; height: 20px; margin: 0 2px 0 0}
#navigation-help .issue-button-container > ul:last-of-type > li > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -184px -380px no-repeat; float: left; width: 13px; height: 15px; margin: 0 2px 0 0}

#navigation-help ul.articles > li { height: 20px; padding-right: 15px !important}
#navigation-help ul.articles > li > a {line-height: 150%}
#navigation-help ul.articles > li.buy-issue {margin-bottom: 10px; height: auto !important; overflow: hidden; padding: 0 20px 0 0 !important; clear:left;} 
#navigation-help ul.articles > li.buy-issue > a {line-height: 170%}
#navigation-help ul.articles > li.buy-issue > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -104px -364px no-repeat; float: left; width: 20px; height: 20px; margin: 0 2px 0 0}
#navigation-help ul.articles > li.buy-issue > span {color: #999 !important; display: block; clear: both; padding: 0 !important; float: none; text-indent: inherit !important}
#navigation-help ul.articles > li.buy-book {min-width: 7em; max-width: 17em}
#navigation-help ul.articles > li.buy-book > a {white-space: normal}
#navigation-help ul.articles > li.buy-book > a > i {text-indent: -999em; background: transparent url(../images/icon/sprites-icons.png) -309px -1285px no-repeat; float: left; width: 13px; height: 15px; margin: 0 2px 0 5px}

#center #navigation-help li.article-html-disabled {
	background: transparent url(../images/images/sprites.png) -497px -1875px no-repeat;
}
#center #navigation-help li.article-epub-disabled {
	background: transparent url(../images/images/sprites.png) -961px -1875px no-repeat;
}
#center #navigation-help li.article-xml-disabled {
	background: transparent url(../images/images/sprites.png) -946px -1843px no-repeat;
}
#center #navigation-help li.article-active-disabled  { background: transparent url(../images/images/sprites.png) 3px -1870px no-repeat; text-indent:27px;}
#center #navigation-help li.article-html-disabled a, #center #navigation-help li.article-epub-disabled a, #center #navigation-help li.article-xml-disabled a, #center #navigation-help li.article-html-disabled span, #center #navigation-help li.article-epub-disabled span, #center #navigation-help li.article-xml-disabled span, #center #navigation-help li.article-active-disabled a , #center #navigation-help li.article-active-disabled span {
	color:#999;
	cursor:default;
	text-decoration:none;
}
/*Start - Additional Log in for Antiquity*/
.sort_container {
	overflow: hidden;
	padding: 10px;
	clear: both;
}

.login_new a {
	background: url("../images/buttons/btn_sprite.png") no-repeat -1021px -5px;
	width: auto;
	height: 24px;
	display: block;
	color: #fff;
	padding: 0 5px 0 20px;
	border-radius: 3px;
	font-size: 1em !important;
	text-decoration: none;
	float: left;
}

.login_new a:hover {
	background: url("../images/buttons/btn_sprite.png") no-repeat -1021px -38px;
	height: 24px;
	text-decoration: none;
}

.login_new.toc a {
	background: url("../images/buttons/btn_sprite.png") no-repeat -1021px -5px;
	width: 50px;
	height: 20px;
	display: block;
	color: #fff;
	padding: 2px 0 0 30px;
	border-radius: 3px;
	font-size: 1em !important;
	text-decoration: none;
	float: left;
}

.login_new.toc a:hover {
	background: url("../images/buttons/btn_sprite.png") no-repeat -1021px -38px;
	height: 20px;
	text-decoration: none;
}

/*MODAL BOX */
/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
    height: 400px;
    width: 600px;
}

#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
	background-color: #000;
	display: none;
	width: 100%;
	height: 100%;
	display: none;
	opacity: 0.8;
}

#boxes #windowLogin {
	position: absolute;
	left: 0;
	top: 0;
	width: 350px;
	/*height: 208px;*/
	display: none;
	z-index: 9999999;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); 
}
#boxes .modal-contentLogin {
	width: 350px;
	position: relative;
	z-index: 9999999;
	margin: 0 auto;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7); 
}
#boxes .modal_headerLogin {
	position: relative;
	padding: 18px 18px 14px;
	border-bottom: 1px solid rgb(204, 204, 204);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align:center;
}

#boxes .modal_header h2 { font-size:14px; font-weight:bold;}

#boxes .close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/buttons/btn_sprite.png) no-repeat scroll -870px -657px transparent;
	z-index: 2;
}
#boxes .modal_bodyLogin {
	padding: 15px;
	font-size: 12px;
	text-align:center;
}

.modal_bodyLogin .modalsubmitlong {
	background: url(../images/buttons/btn_sprite.png) 0 -554px no-repeat;
	width: 252px;
	font-size: 12px;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif !important;
	color: #FFFFFF !important;
	text-align: center !important;
	text-decoration: none !important;
	border: none;
	height: 34px;
	margin: 5px auto;
	display: block;
	cursor:pointer;
	padding-top: 8px;
	height: 26px;
}

.modal_bodyLogin .modalsubmitlong:active{ 
	text-indent: -2px;
}

.modal_bodyLogin .modalsubmitlong a{
	text-align: center
}

.modal_bodyLogin .modalsubmitlong:hover { 
	background: url(../images/buttons/btn_sprite.png) 0 -588px no-repeat; 
	width: 252px;
}

.passwordDetails span {
	color: #000;
	font-size: 11px;
	font-family: inherit;
}
.passwordDetails .pass_security {
	font-size: 11px;
	font-family: inherit;
	margin-left: 131px;
}

.passwordDetails .pass_security a {
	text-decoration: none;
}

.ssdd-section-details.popup {
	background: white;
	display: none;
	float: left;
	padding:0 0 0 25px;
} 

.ssdd-section-details.popup div.submitrow {
    margin:0;
	padding:0;
    width: 220px;
	text-align:left;
}

.ssdd-section-details.popup div.submitrow1 {
    margin:0;
	padding:0;
    width: 220px;
	text-align:left;
}

.ssdd-section-details.popup div.socialM_login {
    float: left;
    margin-top: 10px;
    width: 220px;
	text-align:left;
}

.ssdd-section-details.popup .popup-register { text-align:left; border:1px solid red; margin:0; padding:0;}

.ssdd-section-details.popup div {
	float: left;
	margin-bottom: 10px;
	width: 199px;
}

.ssdd-section-details.popup label{
	margin-bottom: 5px;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	color: #272727;
	float: left;
}

.ssdd-section-details.popup input {
	float: left;
	width: 290px;
}

.ssdd-section-details.popup div.check input {
	float: left;
	margin-bottom: 7px;
	margin-left: 1px;
	margin-right: 6px;
	width: 10px;
}
.ssdd-section-details.popup div.check {
    float: left;
    margin-bottom: 0;
    margin-top: -5px;
    width: 290px;
} 
.ssdd-section-details.popup div.check label {
	float: left;
	margin-top: 1.5px;
}
.ssdd-section-details.popup div.submitrow {
	margin-bottom: 5px;
	width: 220px;
	margin-top: 0px;
}
.ssdd-section-details.popup div.submitrow a {
	line-height: normal;
	margin-top: 4px;
	text-decoration: none;
	padding-bottom: 3px;
}
.ssdd-section-details.popup div.submitrow a:hover {
	text-decoration: underline;
}
.ssdd-section-details.popup div.submitrow a#forgot {
	width: 130px;
	float: left;
}
.ssdd-section-details.popup div.submitrow a#submitUsrnamePassword {
	background: url(../images/buttons/btn_sprite.png) -450px -500px no-repeat;
	padding: 5px 0px;
	height: 14px;
	width: 80px;
	font-weight: bold;
	color: #FFF;
	float: right;
	margin-top: -25px;
	text-align: center;
}
.ssdd-section-details.popup div.submitrow a#submitUsrnamePassword:hover {
	background: url(../images/buttons/btn_sprite.png) -450px -524px no-repeat;
	text-decoration: none;
}
.ssdd-section-details.popup div.submitrow a#submitUsrnamePassword input {
	width: 56px;
	height: 21px;
}

.ssdd-section-details.popup div.submitrow1 {
    margin-bottom: 5px;
    width: 290px;
    margin-top: 0px;
}
.ssdd-section-details.popup div.submitrow1 a {
	line-height: normal;
	margin-top: 15px;
	text-decoration: none;
	padding-bottom: 3px;
}
.ssdd-section-details.popup div.submitrow1 a:hover {
	text-decoration: underline;
}
.ssdd-section-details.popup div.submitrow1 a#forgot {
	width: 130px;
	float: left;
}
.ssdd-section-details.popup div.submitrow1 a#submitUsrnamePassword {
	background: url(../images/buttons/btn_sprite.png) -450px -500px no-repeat;
	padding: 5px 0px;
	height: 14px;
	width: 80px;
	font-weight: bold;
	color: #FFF;
	float: right;
	margin-top: -25px;
	text-align: center;
}
.ssdd-section-details.popup div.submitrow1 a#submitUsrnamePassword:hover {
	background: url(../images/buttons/btn_sprite.png) -450px -524px no-repeat;
	text-decoration: none;
}
.ssdd-section-details.popup div.submitrow1 a#submitUsrnamePassword input {
	width: 56px;
	height: 21px;
}

.ssdd-section-details.popup div.errorRow {
	margin-left: -25px;
	margin-top: -7px;
	text-decoration: none;
	color: #F00;
	background: #fff;
	padding: 10px 15px 5px 25px;
	width: 290px;
	float: left;
} 

.ssdd-section-details.popup div.errorRow a {
	font-size: 0.958em;
}

.ssdd-section-details.popup div.socialM_login {
	float: left;
	margin: 0;
	padding-bottom: 10px;
	width: 220px;
}

.ssdd-section-details.popup div.socialM_login label {
	width: 220px;
}

.ssdd-section-details.popup div.socialM_login ul {
	margin: 0;
	padding: 0;
}

.ssdd-section-details.popup div.socialM_login ul li {
	display: inline;
}

.ssdd-section-details.popup div.socialM_login ul li a {
	background: url(../images/icon/sprites-icons.gif) no-repeat;
	float: left;
	text-indent: -9999em;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}

.ssdd-section-details.popup div.socialM_login ul li.facebook a {
	background-position: 0px -120px;
}

.ssdd-section-details.popup div.socialM_login ul li.twitter a {
	background-position: -50px -120px;
}

.ssdd-section-details.popup div.socialM_login ul li.linkedin a {
	background-position: -100px -120px;
}

.ssdd-section-details.popup div.socialM_login ul li.googleplus a {
	background-position: -150px -120px;
}

#windowLogin{
	display: none;
}
/*End - Additional Log in for Antiquity*/
/*JOU-15266 - START*/
.dark-grey-divider {border-color:#bab9b9 !important;}
#center .transfer-copyright {padding: 10px 0 20px 0 !important;}
#center .transfer-copyright .inputDetails input {display:inline-block; float:left; margin-right: 10px;}
#center .transfer-copyright textarea {resize:none; font-size:100%;}

.description-box .title {float:left; width:20%;display:inline-block; }
.description-box .typeInput {display:inline-block;}
.description-box .typeInput ul li {display:block; }
.description-box .typeInput ul {padding-top: 0 !important; }
.more-space-top {padding-top:10px !important;}

.copy-inner-container {margin-left:18px; line-height: 1.7;}
.copy-inner-container div label span {display: inline-block; margin: 0 0 10px 26px;}
.author-list textarea {font-size: 100%; margin-left: 38px; margin-bottom:10px;}

.copyholder-info {margin: 15px 0 0 30px;}

#center .transfer-copyright .section-title {margin-bottom:10px;}
.OA-textarea textarea, .OA-textarea input {width:519px; margin:10px 0;}

.gov-exempt {float: left;}
.gov-exempt-text {float: left; line-height: 1.5; width: 79%;}

.recaptcha-container {padding-top:10px; padding-left:16px;}
.userDetails-buttons span {margin-right:10px;}
.userDetails-buttons {padding-left:20px;}

/*JOU-15266 - END*/
/*Start for BBS*/
.inner-item {
    position: relative;
} 

div.space {
	height: 10px;
	display: block;
	clear: both;
}

.abstractselector {
	padding-left: 20px;
	display: block;
	overflow: hidden;
}

.abstractselector.noborder {
	padding-left: 20px;
	display: block;
	overflow: hidden;
	border-bottom: none;
}

.abstractselector-erratum {
	padding: 5px 0 5px 20px;
	display: block;
	overflow: hidden;
	border-top: 1px solid #e1e1e1
}
.miniselector {
	float: left;
	width: 94%;
	padding: 5px 0 5px 40px;
	cursor: pointer;
	text-decoration: none;
	background-image: url(../images/background/plus-buttons_plain_flm.gif);
	background-repeat: no-repeat;
	margin: 0;
}
.miniselector.plus {
	background-position: 0 0;
}
.miniselector.minus {
	background-position: 0 -183px;
}
.fcl-title {
	color: #212121;
	font-weight: bold;
}
#center .tableofcontents-row.fcl {
	border-bottom: medium none;
	display: block;
	clear: both;
	padding: 5px 0px 5px 40px;
	position: relative;
	overflow: hidden;
}
#center .tableofcontents-row.fcl1 {
	border-bottom: none;
	display: block;
	clear: both;
	padding: 0 0 10px 0 !important;
	margin-left: -32px;
	position: relative;
	overflow: hidden;
	width: 104%;
}
#center .tableofcontents-row.fcl2 {
	border-bottom: none;
	display: block;
	clear: both;
	padding: 0;
	position: relative;
	overflow: hidden
}
#center .abstractselector.noborder {
	border-bottom: none;
	padding: 5px 0 0 0;
}
#center .tableofcontents-row.fcl-erratum {
	display: block;
	clear: both;
	padding: 10px 0 10px 0;
	position: relative;
	overflow: hidden;
	font-size: .9em;
	border-bottom: none;
}
#center .tableofcontents-row.subfcl-erratum {
	display: block;
	clear: both;
	padding: 10px 0 10px 0;
	position: relative;
	overflow: hidden;
	font-size: .9em;
	border-bottom: none;
	margin-left: 40px;
}

#center .tableofcontents-row .ji-intro-left h3.a-smaller {
	font-size: 100%;
	font-weight: bold
}

.miniselector {
	background-image: url(../images/background/plus-buttons_plain_flm.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	margin: 0;
	padding: 5px 0 5px 40px;
	text-decoration: none;
	width: 94%;
}

.miniselector.plus {
	background-position: 0 0;
}

.miniselector.minus {
	background-position: 0 -183px;
}

.fcl-title {
	color: #212121;
	font-weight: bold;
}

.ji-links li.article-active {
	background: transparent url(../images/images/sprites.png) -282px -1807px no-repeat;
	float: left;
	height: 20px;
	text-indent: 25px;
}

.ji-links li a.typeHTML {
	color: #3e81ec;
	font-weight: bold;
	display: block;
	padding: 2px 0;
}

.browseByItem p.coll-description {
	width: 99% !important;
	margin-bottom: 10px;
}

.browseByItem ul.upcoming-coll li span.coll-title {
	font-weight: bold;
}

li.view-all-collection a {
	background: url("../images/images/sprites.png") no-repeat -288px -1877px;
	text-indent: 23px;
}

.collection-description {
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #d9d9d9;
	border-top: none;
	line-height: 200%;
	overflow: hidden;
	padding: 10px;
}

p.article-collection {
	font-size: 110%;
	line-height: 1.35;
	margin-top: 0 !important;
	width: 100%;
}

p.article-collection a {
	font-weight: bold;
}

#navigation-help ul.prevNext  li a {
	display: inline !important;
}

h2.article-title {
	margin-top: 8px;
}

h3.article-title {
	color: #045989;
}

.inner {
	width: 100% !important;
}

#center .tableofcontents-row.subfcl-erratum {
    display: block;
    clear: both;
    padding: 10px 0px;
    position: relative;
    overflow: hidden;
    font-size: 0.9em;
    border-bottom: medium none;
    margin-left: 40px;
}

#center .tableofcontents-row.fcl2 {
    border-bottom: medium none;
    display: block;
    clear: both;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
/*End for BBS*/

/* 
---------------------------------------
 Podcast Link | Raymond Bonoan 
---------------------------------------
*/
/*** GENERIC ***/
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.floatLeft {
	float: left;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.podcastContent a, .podcastContent a:link {
	text-decoration: none;
}
.podcastContent a:hover {
	text-decoration: underline;
}
/*** GENERIC ***/


/*** ICONS ***/
/* Pseudo Class Before|After IE7 */
ul.p-actions > li > a.rss, ul.p-actions > li > a.itunes, li a.less-info, li a.more-info, li a.transcript-button, li a.download, li a.play, li a.close-player, ul.p-actions > li > a {
 *zoom: expression(  this.runtimeStyle.zoom="1",  this.appendChild( document.createElement("small") ).className="after",  this.insertBefore( document.createElement("small"), this.firstChild ).className="before"  );
}
/* Pseudo Class Before|After IE7 */

ul.p-actions > li > a.itunes .before, /* Pseudo Class IE7 */ ul.p-actions > li > a.itunes:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll 0 -1346px transparent;
	width: 24px;
	height: 24px;
	margin: -7px 3px 0 0;
}
ul.p-actions > li > a.rss .before, /* Pseudo Class IE7 */ ul.p-actions > li > a.rss:before {
	background: url(../images/buttons/btn_sprite.png) no-repeat scroll -870px -626px transparent;
	width: 18px;
	height: 18px;
	margin: -3px 1px 0 0;
}
ul.p-actions > li > a .before, /* Pseudo Class IE7 */ ul.p-actions > li > a:before {
	content: "";
	width: 17px;
	height: 17px;
	float: left;
	margin: -2px 3px 0 0;
}
li a.play .before, /* Pseudo Class IE7 */ li a.play:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -43px -1350px transparent;
}
li a.download .before, /* Pseudo Class IE7 */ li a.download:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -84px -1350px transparent;
}
li a.transcript-button .before, /* Pseudo Class IE7 */ li a.transcript-button:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -203px -1350px transparent;
}
li a.more-info .before, /* Pseudo Class IE7 */ li a.more-info:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -163px -1350px transparent;
}
li a.less-info .before, /* Pseudo Class IE7 */ li a.less-info:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -123px -1350px transparent;
}
li a.close-player .before, /* Pseudo Class IE7 */ li a.close-player:before {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -241px -1350px transparent;
}
/*** ICONS ***/



/*** Podcast Content Area ***/
.podcastContent .p-description {
	padding-top: 10px;
	float: left;
	width: 73%;
	/* width:480px; */
	text-align: justify;
}
.podcastContent .p-description h2 {
	color: #000;
	font-size: 1.4rem;
	margin: 0 0 10px;
}
.podcastContent .p-description > h3 {
	color: #000;
	font-size: 1rem;
	margin: 10px 0 -5px 0;
	display: block;
}
.podcastContent .p-description > .episode-list-partial > h3 {
	color: #000;
	font-size: 1rem;
	margin: 5px 0 0;
}
.podcastContent .episode-date {
	font-style: italic;
	font-size: .9em;
	color: #909090;
}
.podcastContent .authorName {
	font-size: .8rem;
	color: #434a54;
	margin: 5px 0 10px 0;
}
.p-description p {
 font-size:.8rem;
	line-height: 1.2rem;
}
.podcastContent {
	margin: 10px 0;
	padding: 10px 0;
}
.podcastContent > .crumbs {
	color: #045989;
	margin: 0 10px 20px;
 font-size:.75rem;
}
.podcastContent .p-image {
	float: left;
	margin: 0 10px;
	padding: 10px 0 0 0;
}
.podcastContent .p-actions-bar > ul.p-actions li {
	display: inline-block;
	zoom: 1; /* IE 7 */
 *display: inline; /* IE 7 */
	margin: 10px 15px -10px 0;
	height: 30px;
 font-size:.75rem;
}
.podcastContent .p-image > ul.p-actions li {
	display: inline-block;
	zoom: 1; /* IE 7 */
 *display: inline; /* IE 7 */
 font-size:.75rem;
	position: relative;
	top: 20px;
	left: 8px;
	margin: 0 5px;
}
.podcastContent .partial-podcast-description {
	height: 1.2em; /* exactly one line */
	overflow: hidden;
}
.podcastContent .partial-podcast-description > p {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 1em;
}
.podcastContent .partial-podcast-description-with-image {
	height: 6em; /* exactly three lines */
	overflow: hidden;
}
/*** Podcast Content Area ***/



/*** 3 Podcast Listen Button ***/
.podcastListen > a,
.podcastListen > a:link {
	background-color: #b59147;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	font-size: .75rem;
	display: block;
	width: 200px;
}
.podcastListen > a:hover {
	background-color: #866217;
	text-decoration: none;
}
/*** 3 Podcast Listen Button ***/



/*** 4 Article Details ***/
#center .tableofcontents-row .ji-links ul li.icon-podcastLink {
	background: url('../images/icon/sprites-icons.png') no-repeat scroll -291px -488px transparent;
	height: 28px;
	padding: 0 10px 0 0;
	margin-top: -5px;
}
#center .tableofcontents-row .ji-links ul li.icon-podcastLink > span {
	padding-left: 35px;
	color: #8f8f8f;
}
a.type-podcastLink {
	color: #8d6a29;
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: -5px;
	padding-top: 3px;
	text-indent: 35px;
}
/*** 4 Article Details ***/



/*** 5 Related Podcast ***/
li a.podcastRelated {
	background: url("../images/icon/sprites-icons.png") no-repeat scroll -291px -488px transparent;
	height: 28px;
	padding: 4px 0 0;
	margin-top: -4px;
	text-indent: 33px;
}
li a.podcastRelated {
	color: #8d6a29;
	font-weight: bold;
}
a.podcastRelated + span {
	padding-left: 8px;
	margin-top: -14px;
}
/*** 5 Related Podcast ***/


/*** 6 CJO Podcasts page ***/
a.allEpisodes, a.allEpisodes:link {
	color: #045989;
	text-decoration: none;
	margin: 5px 0 15px 0;
	font-size: 1.1em;
	display: inline-block;
	zoom: 1; /* IE7 */
 *display: inline; /* IE7 */
}
a.allEpisodes:hover {
	text-decoration: underline;
}
.podcastList {
	margin: 10px 0;
	padding: 10px 0;
}
.podcastList .p-image > ul.p-actions li {
	position: relative;
	top: 5px;
	left: 8px;
}

.podcastContent .p-image > img {
	width: 150px;
}

/*** 6 CJO Podcasts page ***/


/*** 2 Episode List Without Images ***/
ol.episode-list {
	list-style: decimal inside none;
	color: #045989;
 font-size:.75rem;
	border: 1px solid #e8e8e8;
	padding: 5px;
	margin: 10px 0 10px;
	line-height: 20px;
}
ol.episode-list > li:nth-child(even) {
	background: #e8e8e8;
}
/*** 2 Episode List Without Images ***/


/*** 1B Episode List | Info ***/
.podcastContent .episode-list-partial img {
	margin: 5px 5px 0 0;
	max-width: 150px;
	min-width: 100px;
}
.podcastContent .episode-list-partial p {
	padding-bottom: 10px;
}
.podcastContent .episode-list-partial {
	background: white;
	margin: 15px 0 0 0;
	padding: 5px 10px;
	border: 1px solid #e6e9ed;
	border-bottom: none;
}
.podcastContent .p-actions-bar {
	background: #d8dde0;
	padding: 0 10px;
	border-bottom: 1px solid #aab2bd;
}
.podcastContent ul.related-links {
	list-style: none;
	font-size: .75rem;
	line-height: 1.2em;
	margin-top: -10px;
	padding-left: 10px;
}
.podcastContent ul.related-links li {
	margin: 7px 0;
}
/*** 1B Episode List | Partial Info ***/


/* Pagination */
.podcastContent ul.pagination {
	margin: 20px 0 0;
	padding: 10px 0;
}
.podcastContent ul.pagination > li {
	display: inline;
}
.podcastContent ul.pagination > li > a {
	margin: 0 1px;
	background: #fff;
	padding: 5px 15px;
	border: 1px solid #e6e9ed;
}
.podcastContent ul.pagination > li > a:hover, .podcastContent ul.pagination > li.active > a {
	background: #aab2bd;
	text-decoration: none;
	color: white;
}
/* Pagination */


/* 2B Example More Than 10 Episodes */

.podcastContent li > .thumb-actions, .podcastContent .podcast-thumbnails .episode-date {
	margin: 3px 0;
}
.podcastContent li > .thumb-actions a {
	margin: 0 2px;
	width: 17px;
	height: 17px;
	display: inline-block;
	zoom: 1; /* IE 7 */
 *display: inline; /* IE 7 */
	text-align: center;
}
.podcastContent li > .thumb-actions a.play {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -43px -1350px transparent;
}
.podcastContent li > .thumb-actions a.download {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -84px -1350px transparent;
}
.podcastContent li > .thumb-actions a.transcript-button {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -203px -1350px transparent;
}
.podcastContent li > .thumb-actions a.more-info {
	background: url(../images/icon/sprites-icons.png) no-repeat scroll -163px -1350px transparent;
}
ul.podcast-thumbnails > li {
	padding: 10px 0 2px 0;
	margin: 10px 10px 0 0;
	height: 185px;
	width: 112px;
	border: 1px solid #e6e9ed;
	background: white;
	text-align: center;
	font-size: .85rem;
	float: left;
}
â€‹ /* 2B Example More Than 10 Episodes */


/* Podcast Player */
.playerContainer {
	margin: 5px 0;
}
.podcastPlayer {
	background: #d8dde0;
	height: 35px;
	display: block;
	width: 400px;
	padding: 10px 20px 10px 0;
}
.podcastPlayer .playing a {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid #434a54;
	border-bottom: 10px solid transparent;
	float: left;
}
.podcastPlayer .playing a:hover {
	border-left: 20px solid #aab2bd;
}
.podcastPlayer .pause a {
	width: 7px;
	height: 19px;
	background: #434a54;
	margin: 1px 0 0 2px;
	float: left;
}
.podcastPlayer .time {
	width: 250px;
	height: 10px;
	background: #434a54;
	margin: 5px 0 0 7px;
	float: left;
}
.podcastPlayer .time > span.ellapsed {
	font-size: .7rem;
	position: relative;
	left: 110px;
	top: 10px;
}
.podcastPlayer .time > span.newWindow {
	font-size: .75rem;
	position: relative;
	left: 0;
	top: 10px;
}
.podcastPlayer .volume a {
	border-right: 14px solid #434a54;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	height: 7px;
	width: 0;
	float: left;
	margin: 0 3px 0 10px;
}
.podcastPlayer .volume a:hover {
	border-right: 14px solid #aab2bd;
}
.podcastPlayer .bar a {
	width: 5px;
	height: 19px;
	background: #434a54;
	margin: 1px 3px 0 0;
	float: left;
}
.podcastPlayer .bar a:hover {
	background: #aab2bd;
}
.podcastPlayer .bar a.inactive {
	background: #aab2bd;
}
/* Podcast Player */
/* 
---------------------------------------
 Podcast Link | Raymond Bonoan 
---------------------------------------
*/
/* BBS Redesign*/
.bg-gray {
    background-color: #F2F2F2;
}
#center .ta-bbs {
	font-size: 1em !important;
	font-weight: bold;
	margin-left: 40px;
}
.target-article-box {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 94.5%;
}
.bbs-gray-bgTitle {
	background-color: #d9d9d9;
	clear: both;
	display: block;
	margin: 0;
	padding: 8px 5px 5px 5px;
	overflow: hidden;
	width: 98.5%;
}
#center .target-article-box .bbs-gray-bgTitle span.preview {
	background: url("../images/images/sprites.png") no-repeat scroll left -501px transparent;
	float: right;
	height: 32px;
	padding: 0 0 0 2px;
	right: 0;
	top: 0;
}
#center .target-article-box .bbs-gray-bgTitle span.preview a {
	background: url("../images/images/sprites.png") no-repeat scroll right -539px transparent;
	color: #fff;
	float: left;
	font-size: 100%;
	height: 32px;
	line-height: 210% !important;
	padding: 0 15px 0 13px;
	text-align: center;
	width: auto;
}
#center .target-article-box .bbs-gray-bgTitle span.preview.active, #center .target-article-box .bbs-gray-bgTitle span.preview:hover {
	background: transparent url(../images/images/sprites.png) left -577px no-repeat
}
#center .target-article-box .bbs-gray-bgTitle span.preview.active a, #center .target-article-box .bbs-gray-bgTitle span.preview:hover a {
	background: transparent url(../images/images/sprites.png) right -615px no-repeat;
	text-decoration: none
}
.bbs-ta-Title {
	float: left;
	font-size: 1.19em;
	font-weight: bold;
	padding-top: 5px;
	width: 88%;
}
#center .target-article-box .ji-intro-left.icon {width: 16px}
#center .target-article-box .ji-intro-left.icon-c {background-position: 0 -864px}
#center .target-article-box .ji-intro-left.icon-f {background-position: -501px -810px}
#center .target-article-box .ji-intro-left.icon-i {background-position: -501px -864px}
#center .target-article-box .ji-intro-left.icon-op {background-position: 0 -754px}
#center .target-article-box .ji-intro-left.icon-p {background-position: -500px -754px}
#center .target-article-box .ji-intro-left.icon-s {background-position: 0 -810px}
#center .target-article-box .icon-c, #center .target-article-box .icon-f, #center .target-article-box .icon-i, #center .target-article-box .icon-op, #center .target-article-box .icon-p, #center .target-article-box .icon-s {
	background: url("../images/images/sprites.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 16px;
	margin: 0;
	width: 16px;
}
#center .target-article-box .bbs-gray-bgTitle .bbs-ta-Title .ji-intro-left {
	margin: 0 5px;
}
.wrapper-related-bbs {
	display: block;
	overflow: hidden;
	padding: 0 0 10px 10px;
}
#center .checkboxspace-related-bbs .ji-author.space p {
	margin: 8px 0;
}

.ji-links .image-holder {height:auto !important;}

.ji-links .image-holder img {
	max-height: 80px;
    max-width: 80px;
    vertical-align: top;
}

.ji-links .image-holder span.openURL-label {
    margin-left: 3px;
}

/*CJO-5023*/
.section-header h2 {
width:98%}

a.skip {
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -500px;
    width: 1px;
}

a.skip:active, a.skip:focus, a.skip:hover {
	height: auto;
	left: 0;
	overflow: visible;
	top: 0;
	width: auto;
	color: #ffffff;
}