@import "/resource/css/help_window.css";

/* =====================
   Defaults                
======================== */

body, div, ul, li, dl, p, h1, h2,  h3, h4, h5, h6, img, 
form, fieldset, legend, label, blockquote, acronym, abbr {
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 70%;    
}

body, input, select {
    font-family: verdana, sans-serif;
}

input, select {
    font-size: 1em;
}

ul, ol {
    list-style: none;
}

acronym {
    font-style: normal;
}


/* ======================== 
   Layout                   
=========================== */

body {
    text-align: center; /* [1] */
}

#wrap {
    text-align: left;
    margin: auto;
    width: 970px;
}

#primary_nav {
    float: left;
    width: 100%;
}

#secondary_nav {
    float: left;
    width: 100%;
}

#header {
    height: 113px;
    float: left;
    width: 100%;
}

#breadcrumbs {
    float: left;
    width: 100%;
}

#main_content {
    float: left;
    width: 100%;
}

#primary_footer {
    float: left;
    width: 100%;
    margin-left: -1px;
}

#secondary_footer {
    clear: both;
    width: 100%;
}

#wrap,
#primary_footer {
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 1px solid rgb(204, 204, 204);
}

/* ==========================
   Layout Per-Page           
============================= */

#main_content #first {
    display: inline; /* [3] */
    margin: 0 15px;
}

.article_search_results #main_content #first {
    width: 730px;
    float: left;
    margin-top: 28px;
}

.my_account #main_content #first {
    float: left;
    width: 185px;
}

.my_account #main_content #second {
    float: left;
    width: 316px;
}

.my_account #main_content #third {
    float: left;
    margin-left: 15px;
    width: 214px;
}

.subject #main_content #first {
    float: left;
    width: 640px;
}

.subject #main_content #second {
    float: left;
    width: 300px;
}

/* ==========================
   Content                 
============================= */

a  {
  text-decoration: none;
}

a:hover  {
  text-decoration: underline;
}


a:link {
    color: #0000cc;
}

a:visited {
    color: #660198;
}

#wrap {
    background-color: #ffffff;
}

.inline_button {
    position: relative;
    top: 5px;
}

/* --------------------------
   Primary Nav
----------------------------- */

#primary_nav {
    background-color: #b8aa9e;
    background-image: url( /resource/image/trim/nav_separator_dark_grey.gif );
    background-position: 264px 2px;
    background-repeat: no-repeat;
    padding-top: 8px;
    padding-bottom: 6px;
}

#primary_nav ul {
    float: left;
    margin-left: 4px;
    width: auto; /* [2] */
}

#primary_nav ul li {
    display: inline; /* [3] */
    float: left;
    margin-left: 8px; /* [8] */
    margin-right: 8px;
    width: auto;
}

#primary_nav ul li.selected {
    background-image: url( /resource/image/trim/arrow_white.gif );
    background-position: 0 1px;
    background-repeat: no-repeat;
    margin-left: 0px; /* [8] */
    padding-left: 8px; /* [8] */
}

#primary_nav ul li a:hover {
    background-position: -140px 0px;
}

#primary_nav ul li.separator_after {
    margin-right: 18px;
}

#primary_nav ul li a,
#primary_nav ul li strong {
    background-repeat: no-repeat;
    float: left;
    height: 9px;
}

#primary_nav ul li#nav_our_journals a,
#primary_nav ul li#nav_our_journals strong {
    background-image: url( /resource/image/nav/our_journals.gif );
    width: 93px;
}

#primary_nav ul li#nav_access_purchase a,
#primary_nav ul li#nav_access_purchase strong {
    background-image: url( /resource/image/nav/access_purchase.gif );
    width: 128px;
}

#primary_nav ul li#nav_for_authors a,
#primary_nav ul li#nav_for_authors strong {
    background-image: url( /resource/image/nav/for_authors.gif );
    width: 84px;
}

#primary_nav ul li#nav_for_librarians a,
#primary_nav ul li#nav_for_librarians strong {
    background-image: url( /resource/image/nav/for_librarians.gif );
    width: 97px;
}

#primary_nav ul li#nav_for_societies a,
#primary_nav ul li#nav_for_societies strong {
    background-image: url( /resource/image/nav/for_societies.gif );
    width: 88px;
}

#primary_nav ul li#nav_corporate_services a, 
#primary_nav ul li#nav_corporate_services strong {
    background-image: url( /resource/image/nav/corporate_services.gif );
    width: 134px;
}

#primary_nav ul li#nav_our_journals strong {
    background-image: url( /resource/image/nav/our_journals_selected.gif );
}

#primary_nav ul li#nav_access_purchase strong {
    background-image: url( /resource/image/nav/access_purchase_selected.gif );
}

#primary_nav ul li#nav_for_authors strong {
    background-image: url( /resource/image/nav/for_authors_selected.gif );
}

#primary_nav ul li#nav_for_librarians strong {
    background-image: url( /resource/image/nav/for_librarians_selected.gif );
}

#primary_nav ul li#nav_for_societies strong {
    background-image: url( /resource/image/nav/for_societies_selected.gif );
}

#primary_nav ul li#nav_corporate_services strong {
    background-image: url( /resource/image/nav/corporate_services_selected.gif );
}

/* --------------------------
   Secondary Nav
----------------------------- */

#secondary_nav {
    background-color: #49382a;
}

#secondary_nav ul {
    float: right;
    padding-bottom: 4px;
    padding-top: 6px;
    width: auto; /* [2] */ 
}

#secondary_nav ul li {
    display: inline; /* [3] */
    float: left;
    margin-right: 12px; 
    padding-left: 8px;
    width: auto;
}

#secondary_nav ul li.selected {
    background-image: url( /resource/image/trim/arrow_white.gif );
    background-repeat: no-repeat;
}

#secondary_nav ul li a:hover {
    background-position: -80px 0px;
}

#secondary_nav ul li a,
#secondary_nav ul li strong {
    background-repeat: no-repeat;
    float: left;
    height: 8px;
}

#secondary_nav ul li#nav_about_us a,
#secondary_nav ul li#nav_about_us strong {
    background-image: url( /resource/image/nav/about_us.gif );
    width: 61px;
}

#secondary_nav ul li#nav_news a,
#secondary_nav ul li#nav_news strong {
    background-image: url( /resource/image/nav/news.gif );
    width: 33px;
}

#secondary_nav ul li#nav_contact_us a,
#secondary_nav ul li#nav_contact_us strong {
    background-image: url( /resource/image/nav/contact_us.gif );
    width: 74px;
}

#secondary_nav ul li#nav_my_basket a,
#secondary_nav ul li#nav_my_basket strong {
    background-image: url( /resource/image/nav/my_basket.gif );
    width: 67px;
}

#secondary_nav ul li#nav_my_account a,
#secondary_nav ul li#nav_my_account strong {
    background-image: url( /resource/image/nav/my_account.gif );
    width: 78px;
}


/* --------------------------
   User Navigation
----------------------------- */

#user_nav {
    background-color: #eeeeee;
    float: left;
    width: 100%;
}

#user_nav font,
#user_nav #authstring {
    display: inline; /* [3] */
    float: left;
    margin: 0 15px;
    padding: 4px 0 5px 0;
    width: auto;
    color: #A52A2A;
    font-size: 11px;
    }

#authstring {

	width: 640px;

	text-align: left;

	margin-bottom: 0em;

}


#user_nav #authstring li {
 	display: inline;
	border-left: none;
	padding: 0em .1em;
}

#authstring .subscr-ref {
	font-weight: bold;
	border-left: none;
}


#user_nav a {
    color: #000000;
    text-decoration: none;
}

#user_nav a:hover {
    color: #b57f0f;
    text-decoration: underline;
}

/* --------------------------
   Header
----------------------------- */

#header {
    background-repeat: no-repeat;
}


#header h1 {
    background-repeat: no-repeat;
    display: block;
    height: 14px;
    margin: 12px 0 0 22px;
}

#header h1#page_title {
    font-weight: lighter;
    font-size: 130%;
    color: white;
    text-transform: uppercase;
}

/* --------------------------
   Breadcrumbs
----------------------------- */

#breadcrumbs {
    margin-top: 10px;
    margin-bottom: 18px;
}

#breadcrumbs ul {
    float: left;
    padding-left: 7px;
    width: auto;  
}

#breadcrumbs ul li {
    background-image: url( /resource/image/trim/arrow_black.gif );
    background-position: 0 0.45em;
    background-repeat: no-repeat;
    float: left;
    margin-right: 4px;
    padding-left: 8px;
    width: auto;
}

#breadcrumbs ul li.first {
    background-image: none;
}

/* --------------------------
   Forms
----------------------------- */

fieldset {
    width: 99%;
    border: 0 solid #fff;
    margin-bottom: 15px;
}

fieldset fieldset {
    width: auto;
    border: 0 solid #fff;
    margin: 0;
    padding: 0;
    display: block;
}

fieldset legend {
    margin-bottom: 5px;
    font-size: 1.1em;
    font-weight: bold;
    color: #816d5b;
}

div#validationerror {
    border: 2px solid #f11;
    padding: 2pt;
    margin-bottom: 1em;
}

div#validationerror ul li {
    background-image: url( /resource/image/trim/arrow_black.gif );
    background-position: 0 0.45em;
    background-repeat: no-repeat;
    margin-right: 4px;
    padding-left: 8px;
}

fieldset div.form_item {
    padding: 4px 0;
    margin-bottom: 3px;
    float: left;
    clear: both;
    width: 100%;
}

fieldset div.inerror {
    background-color: #ccc;
    margin-bottom: 2px;
}   

fieldset div.form_item div.input {
    float: left;
    width: 180px;
}

fieldset div.form_item div.input div.column {
    float: left;
}

fieldset div.form_item .input .note {
    font-size: 90%;
    width: 34em;
}

fieldset span.required {
    overflow: visible;
    display: inline;
    font-size: 90%;
    color: #f11;
}

fieldset div.inerror ul.error {
    margin: 0;
    color: #f11;
}

fieldset div.inerror ul.error li,
#first fieldset div.inerror ul.error li {
    margin: 3px 0;
}

fieldset#personal_details label,
fieldset.basic label {
    float: left;
    width: 12em;
    padding: 0.2em;
    margin-right: 0.5em;
}

fieldset#personal_details p#optin {
    padding: 0;
}

fieldset#personal_details p#optin label {
    display: inline;
    float: none;
    width: 100%;
}

fieldset#personal_details p#optin input {
    margin: 0;
    padding: 0;
    margin-top: 15px;
}

fieldset.questions label {
    float: none;
    width: 99%;
    text-align: left;
    padding: 0.2em;
    display: block;
}

fieldset.questions div.form_item {
    margin-bottom: 1em;
    width: 99%
}

fieldset.questions div.form_item div.input {
    padding: 3px 3px 0px 1.5em;
    margin: 0px;
}

fieldset.questions input.inline,
fieldset.questions select.inline {
    padding-left: 0px;
}

fieldset p {
    float: left;
    clear: both;
}

/* --------------------------
   Highwire Main Content
----------------------------- */

#content #hw{
    margin-bottom: 15px;
    clear: both;
}

#content #hw h1, #content #hw h2, #content #hw h3, #content #hw h4, #content #hw h5, #content #hw h6 {
    padding: 3px 0px 10px 0px;
}

#content #hw p {
    padding: 5px 0px;
}

#content #hw form {
    padding: 5px 0px;
}

#content #hw table[width="640"], #content #hw table[width="600"] {
    min-width: 725px;
}

/* --------------------------
   Main Content
----------------------------- */

#main_content .section h2 {
    color: #49382a;
    font-weight: lighter;
    font-size: 120%;
    padding: 5px 8px 0px 8px;
}   

#main_content .block {
    display: block;
    margin: 0 0 10px 0;
}

#main_content .clear {
    display: block;
    clear: both;
}

#main_content .inline {
    display: inline;
}

#main_content ul.emphasised li,
#header ul.emphasised li {
    background-image: url( /resource/image/trim/arrow_black.gif );
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 8px;
}

#main_content ul.emphasised li.rss {
    background-image: url( /feed_icon.jpg );
    background-position: 0px;
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 17px;
}

#main_content .indent_1 {
    margin-left: 2em;
}
#main_content .indent_2 {
    margin-left: 4em;
}
#main_content .indent_3 {
    margin-left: 6em;
}


/* 16/08/05 JM - breaking layout in IE
#main_content .contact {
    clear: both;
    display: inline;
    float: left;
    width: 258px;
}
*/

#main_content .contact h4,
#main_content .contact .name {
    color: #816d5b;
    font-size: 1em;
    font-weight: bold;
}

#main_content .contact h4 a,
#main_content .contact .name a {
    color: #816d5b;
}

#main_content .contact_expertise {
    width: 258px;
    float: left;
}


/* ------------------------ */

#main_content #first {
    padding-bottom: 12px;
}

#main_content #first h2 {
    background-color: #ab9c8f;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    height: 24px;
    margin-bottom: 12px;
}

#main_content #first h2.tight {
    margin-bottom: 2px;
}

#main_content #first h2.unemphasised {
    background-color: transparent;
    background-position: 0px 10px;
    margin-bottom: 10px;
}

#main_content #first h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 12px;
}

#main_content #first h3.unemphasised {
    color: #816d5b;
}

#main_content #first h3.emphasised {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    margin-right: 10px;
    padding-bottom: 8px;
}

#main_content #first h4 {
    color: #816d5b;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
}

#main_content #first .contact h4 {
    margin-bottom: 2px;
}

#main_content #first h4.unemphasised {
    font-weight: normal;
}

#main_content #first p {
    margin-bottom: 10px;
}

#main_content #first .separator_after {
    padding-bottom: 10px;
}

#main_content #first ul li {
    margin-bottom: 10px;
    margin-left: 15px;
}

#main_content #first ol li {
    margin-bottom: 10px;
    margin-left: 15px;
}

#main_content #first ul.disc {
    list-style-type: disc;
}

#main_content #first ul.square {
    list-style-type: square;
}

#main_content #first ul.circle {
    list-style-type: circle;
}

#main_content #first ol.decimal {
    list-style-type: decimal;
}

#main_content #first ol.lroman {
    list-style-type: lower-roman;
}

#main_content #first ol.uroman {
    list-style-type: upper-roman;
}

#main_content #first ol.lalpha {
    list-style-type: lower-alpha;
}

#main_content #first ol.ualpha {
    list-style-type: upper-alpha;
}

#main_content #first ol li.note{
    list-style-type: decimal;
}

#main_content #first .journal_list {
    margin-bottom: 12px;
}

/* ------------------------ */

#main_content .features h2 {
    background-color: #e5dfd1;
    background-position: 8px 10px;
    background-repeat: no-repeat;
    height: 28px;
    margin-bottom: 18px;
}

#main_content .features .feature {
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#main_content .features .feature h3,
#main_content .features .feature h4  {
    color: #816d5b;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 8px 6px 8px;
}

#main_content #second .features .feature h3 {
    clear: both;
}

#main_content .features .feature .contact .name  {
    color: #816d5b;
    font-size: 1em;
    font-weight: bold;
    padding: 0 8px 6px 8px;
}
 
#main_content .features .feature h5 {
    color: #816d5b;
    font-size: 1.1em;
    font-weight: bold;
    margin-left: 8px;
    margin-right: 8px;
}

#main_content .features .feature img {
    margin: 0 8px 12px 8px;
}

#main_content .features .feature p {
    margin: 0 8px 8px 8px;
}

#main_content .features .feature li {
    margin: 0 8px 8px 8px;
}

#main_content .features .feature.special {
    background-color: #ede8e1;
    margin-left: 1px;
}

#main_content .features .feature.promo h2 {
    background-color: transparent;
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 1.1em;
    font-weight: bold;
    height: auto;
    margin: 0 0 10px 8px;
    padding: 10px 8px 4px 0;
}

#main_content .features .feature.promo h2 em {
    color: #816d5b;
    display: block;
    font-style: normal;
    margin: 2px 0;
}

#main_content .features .feature.first h2 {
    background-color: transparent;
    margin: 0;
}

#main_content .features .feature.stronger  {
    background-color: #e5dfd1;
    padding-bottom: 6px;
}

#main_content .features .feature.stronger  h2 {
    margin: 0;
}

#main_content .features .feature.normal {
    background-color: #faf7f2;
}

#main_content .features.separator_after .feature,
#main_content .features .separator_after {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 15px;
}

#main_content .features.separator_after .feature.last {
    background-position: 0 -1px; /* [4] */
    border: 0;
    margin-bottom: 0;
}


#main_content .features .feature.separator_before {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: top;
    background-repeat: repeat-x;
    padding-top: 15px;
}

#main_content .features.separator_after .feature.followed_on {
    background-image: none;
    border: 0;
}

#main_content .features .feature .separator_after,
#main_content #first .features .feature .separator_after {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    border: 0;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#main_content .features .feature p.separator_after {
    padding-bottom: 16px;
    border: 0;
}

#main_content .features .feature h3.separator_after {
    padding-bottom: 10px;
    border: 0;
}

/* --------------------------
   Primary Footer
----------------------------- */

#primary_footer {
    background-color: #ab9c8f;
    /*background-image: url( /resource/image/backgrounds/footer.gif );*/
    background-position: 194px -32px; 
    background-repeat: no-repeat;
}

#primary_footer #site_logo {
    float: left; 
    padding-left: 20px;
    margin-top: 20px;
    width: auto; 
}

#primary_footer #site_logo strong {
    background-image: url( /resource/image/text/headings/footer_ouptext.gif );
    background-repeat: no-repeat;
    display: block;
    height: 55px;
    margin-bottom: 6px;
    width: 219px;
}

#primary_footer #site_logo em {
    background-image: ;
    background-repeat: no-repeat;
    display: block;
    height: 6px;
    width: 177px;
}

#primary_footer #third_nav ul {
    text-align: right;
    margin-top: 26px;
    margin-right: 20px;
    width: auto;
}

#primary_footer #third_nav ul li {
    display: inline;
    margin-left: 10px;
}

#primary_footer #third_nav ul li a {
    color: #ffffff;
}

#primary_footer #other_oup_sites {
    clear: both;
    background-image: url( /resource/image/trim/border_dotted_white_horiz.gif );
    background-repeat: repeat-x;
    float: left; 
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

#primary_footer #other_oup_sites form {
    clear: both;
    float: right;
    padding: 14px 20px 0 20px;
    width: auto;

}

#primary_footer #other_oup_sites form label {
    display: block;
    color: #ffffff;
    margin-bottom: 2px;
}

/* --------------------------
   Secondary Footer
----------------------------- */

#secondary_footer {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-repeat: repeat-x;    
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

#secondary_footer #copyright {
    background-colour: #ab9c8f;
    margin-right: 15px;
    width: auto;
}


/* ==============================
   Backgrounds for 'Faux Columns' 
================================= */

.my_account #main_content {
}


/* =============================
Fieldset & Legend alignments
================================ */

fieldset {
    float: left; /* [6] */
    width: auto; /* [6] */    
}

legend {
    position: relative; /* [6] */
}


/* =============================
   Results format widget
================================ */

fieldset#results_format .radio_wrap_first_second,
fieldset#results_format .radio_wrap_third_fourth {
    float: left;
    width: 730px;
}

fieldset#results_format .radio_wrap_third_fourth {
    margin-top: -1px;
    clear: both;
}

fieldset#results_format .radio_wrap_first,
fieldset#results_format .radio_wrap_third {
    width: 300px;
    float: left;
}

fieldset#results_format .radio_wrap_second,fieldset#results_format .radio_wrap_fourth {
    width: 430px;
    float: left;
}

fieldset#results_format .radio_wrap_first_second,
fieldset#results_format .radio_wrap_fourth {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: top;
    background-repeat: repeat-x;
}

fieldset#results_format .radio_wrap_third_fourth,
fieldset#results_format .radio_wrap_first {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
}

fieldset#results_format .radio_wrap_second,
fieldset#results_format .radio_wrap_second {
    background-image: url( /resource/image/trim/border_dotted_grey_vert.gif );
    background-position: left;
    background-repeat: repeat-y;
    margin-left: -1px;
}

fieldset#results_format .radio_wrap_third {
    background-image: url( /resource/image/trim/border_dotted_grey_vert.gif );
    background-position: right;
    background-repeat: repeat-y;
}

fieldset#results_format .radio_wrap_first,
fieldset#results_format .radio_wrap_second,
fieldset#results_format .radio_wrap_third,
fieldset#results_format .radio_wrap_fourth {
    padding: 4px 0 5px 0;
}

/* ==========================
   Content Per Page
============================= */

/* --------------------------
   Search Forms
----------------------------- */

.advanced_article_search #header {
    background-image: url( /resource/image/backgrounds/header_5.jpg );
}

#main_content #first form#journal_search {
    background-color: #e5dfd1;
    margin-bottom: 20px;
    padding: 10px 15px 10px 15px;
}

#main_content #first form#journal_search label#label_in_subject {
    margin: 0 4px;    
}

#main_content #first form#journal_search input#search_journals {
    width: 205px;
}

#main_content #first form#journal_search ul.emphasised li {
    margin: 0;
}

#main_content #first form#browse_by_subject {
    background-color: #e5dfd1;
    margin-bottom: 20px;
    padding: 10px 15px 10px 15px;
}

#main_content #first form#browse_by_subject select#browse_by_subject {
    width: 180px;
}

#main_content #first form#browse_by_subject ul.emphasised li {
    margin: 0;
}

h2#find_results_for {
   background-image: url( /resource/image/text/headings/find_results_for.gif );
   margin-bottom: 2px;
}

/* --------------------------
   Article Search Results 
----------------------------- */

.article_search_results #header {
    background-image: url( /resource/image/backgrounds/header_5.jpg );
}

.article_search_results .field_wrap {
    background-color: #e5dfd1;
}

.article_search_results #main_content strong.keyword {
    color: #d84519;
    font-weight: bold;
}

.article_search_results #main_content #searched_for {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    padding-top: 8px;
    float: left;
    width: 100%;
}

.article_search_results #main_content #searched_for h3 {
    margin: 0 0 0 15px;
}

.article_search_results #main_content #searched_for ul li {
    margin: 6px 0 8px 15px;
}

.article_search_results #main_content #searched_for ul li a#search_again {
    background-image: url( /resource/image/buttons/search_again.gif );
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 99px;
}

.article_search_results form#article_search {
    float: left;
    width: auto;
    margin-bottom: 20px;
}

.article_search_results form#article_search fieldset#results_format {
    width: 730px;
}

.article_search_results #main_content form#article_search input#refresh_results {
    margin: 10px 15px;
}    

.article_search_results #main_content form#article_search {
    background-color: #faf7f2;
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;
    float: left;
    width: auto;
}

.article_search_results form#article_search fieldset#results_format legend {
    float: left;
    margin: 4px 0px 6px 15px;
    width: auto;
}

.article_search_results form#article_search fieldset#results_format .radio_wrap_first input,
.article_search_results form#article_search fieldset#results_format .radio_wrap_second input,
.article_search_results form#article_search fieldset#results_format .radio_wrap_third input,
.article_search_results form#article_search fieldset#results_format .radio_wrap_fourth input {    
    margin-left: 15px;
}

.article_search_results #main_content #article_results {
    float: left;
    width: auto;

}

.article_search_results #main_content #results_count {
    background: #cbc0b7;
    float: left;
    width: 730px;
    
}

.article_search_results #main_content #results_count h3.text {
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding: 4px 15px;
    margin: 0;
}

.article_search_results #main_content #article_results #checked_items_below_outer_wrap,
.article_search_results #main_content #article_results #checked_items_above_outer_wrap {
    background-color: #e5dfd1;
    background-repeat: no-repeat;
    float: left;
    padding: 6px 0 4px 0;
    width: 730px;
}


.article_search_results #main_content #article_results #checked_items_below_outer_wrap {
    background-image: url( /resource/image/trim/checkbox_arrow_down.gif );
    background-position: 10px 6px;
}

.article_search_results #main_content #article_results #checked_items_above_outer_wrap {
    background-image: url( /resource/image/trim/checkbox_arrow_up.gif );
    background-position: 10px 3px;
    margin-top: 20px;
}



.article_search_results #main_content #article_results fieldset#checked_items_below #checked_items_below_wrap,
.article_search_results #main_content #article_results fieldset#checked_items_above #checked_items_above_wrap {
    float: left;
    position: relative;    
    left: 16em;
    margin-bottom: -1.6em;
    margin-right: -16em;
    top: -1.6em;
    width: 480px;
}

.article_search_results #main_content #article_results fieldset#checked_items_below,
.article_search_results #main_content #article_results fieldset#checked_items_above {
    padding-left: 35px;
}

.article_search_results #main_content #article_results fieldset#checked_items_below .separator_before,
.article_search_results #main_content #article_results fieldset#checked_items_above .separator_before {
    background-image: url( /resource/image/trim/border_dotted_grey_vert.gif );
    background-position: left;
    background-repeat: no-repeat;    
    float: left;
    margin-left: 5px;
    padding-left: 5px;
    width: auto;
}

.article_search_results #main_content #article_results fieldset#checked_items_below #go_first,
.article_search_results #main_content #article_results fieldset#checked_items_above #go_second {
    top: 1px;    
    padding-left: 10px;
}

.article_search_results #main_content #results_pages {
    float: left;
    text-align: center; /* [1] */
    margin: 20px 0;
    width: 100%;
}

.article_search_results #main_content #results_pages ul {
    margin: auto;
    width: 46em;
}

.article_search_results #main_content #results_pages ul li {
    float: left;
    margin: 0 1em;
    width: auto;
}

.article_search_results #main_content #results_pages ul li a#previous {
    background-image: url( /resource/image/buttons/previous.gif );
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 81px;
}

.article_search_results #main_content #results_pages ul li a#next {
    background-image: url( /resource/image/buttons/next.gif );
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 52px;
}

.article_search_results #main_content #results_pages ul li strong {
    display: block;
    float: left;
    margin-left: 1em;
    width: auto;
}

.article_search_results #main_content #results_pages ul li ul {
    float: left;
    margin: 0 1em;
    width: 15em;
}

.article_search_results #main_content #results_pages ul li ul li {
    display: inline; /* [3] */
    float: left;
    margin: 0 0 0 1em;
    width: 1em;
}

.article_search_results #main_content #results_pages ul li ul li {
    font-weight: bold;
}

.article_search_results #main_content .result {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: top;
    background-repeat: repeat-x;
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    width: 100%;
}

.article_search_results #main_content .result .result_wrap {
    background-image: url( /resource/image/backgrounds/plain_grey_29.gif );
    background-repeat: repeat-y;
    float: left;
    width: 730px;
}

.article_search_results #main_content .result .checkbox {
    display: inline; /* [3] */
    float: left;
    width: 30px;
    margin: 4px 6px 4px 4px;
}

.article_search_results #main_content .result .details {
    float: left;
    width: 690px;
}

.article_search_results #main_content .result .details .row {
    float: left;
    margin: 4px 0;
    width: 690px;
}

.article_search_results #main_content .result .details .field {
    float: left;
    margin-right: 10px;
    width: 90px;
}

.article_search_results #main_content .result .details .data {
    float: left;
    margin-right: 10px;
    width: 570px;
}

.article_search_results #main_content .result .details ul.links {
    float: left;
    padding-left: 100px;
    width: auto;
}

.article_search_results #main_content .result .details ul.links li {
    float: left;
    margin-right: 15px;
    width: auto;
}

.article_search_results #main_content .result .details .journal {
    color: #816d5b;
    font-weight: bold;
    font-size: 0.8em;
}

.article_search_results #main_content .result .details .article_title {
    font-weight: bold;
}

.article_search_results #main_content .result .details .author {
    color: #816d5b;
    font-size: 0.8em;
}

.article_search_results #main_content .result .details .extract {
    font-size: 0.8em;
}

.article_search_results #main_content .result em {
    border-color: #0296bf;
}


/* --------------------------
   My Account
----------------------------- */

.my_account #header {
    background-image: url( /resource/image/backgrounds/header_5.jpg );
}

.my_account #main_content #first #logged_in_area {
    background-color: #cbc90b7;
    margin-bottom: 20px;
    padding-bottom: 6px;
}

.my_account #main_content #first #logged_in_area h2 {
    border-bottom: 2px #cbc90b7 solid;
    padding-bottom: 3px;
} 

.my_account #main_content #first #logged_in_area h3 {
    padding-bottom: 4px;
}

.my_account #main_content #first #logged_in_area ul, 
.my_account #main_content #first #logged_in_area h3 {
    margin: 0 10px;

}

.my_account #main_content #first #logged_in_area ul li {
    background-position: 0 8px;
    border-top: 1px #ffffff solid;
    padding-top: 4px;
    margin-bottom: 5px;
    margin-left: 0;
}

.my_account #main_content #first .section h2#welcome {
    background-color: #cbc90b7;
} 

/* --------------------------
   Subject Page
----------------------------- */

.subject #main_content #first h2 {
    background-color: #e5dfd1;
}

.subject #main_content #first h2.text {
    background: transparent;
    font-size: 1.4em;
    font-weight: bold;
    height: auto;
    margin: 10px 0;
    padding: 0;
}

.subject #main_content #first .subject {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: top;
    background-repeat: repeat-x;    
    padding: 10px 0;
}
 
.subject #main_content #first .subject ul li {
    background-image: url( /resource/image/trim/border_dotted_grey_horiz.gif );
    background-position: bottom;
    background-repeat: repeat-x;    
}

.subject #main_content #first .subject ul li {
    padding-bottom: 10px;
}

.subject #main_content #first .subject ul {
    margin-left: 100px;
}

.subject #main_content #first .subject ul li {
    display: block;
    margin: 8px 0;
}

.subject #main_content #first .subject ul li em,
.article_search_results #main_content .result em {
    color: #000000;
    border-left: 2px #ffd200 solid;
    background: #fdf7ea;
    font-size: 0.8em;
    font-style: normal;
    padding: 0px 2px;
}

.subject #main_content #first .subject ul.related li {
    background: none;
    color: #816d5b;
}

/* --------------------------------
   Subject Page - Medicine Specific
----------------------------------- */

.subject.medicine #header {
    background-image: url( /resource/image/backgrounds/header_medicine.jpg );
}

.subject.medicine #main_content #first h2.text {
    color: #338b26;
}
 
.subject.medicine #main_content #first h3 {
    color: #338b26;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
}

/* ===============================
   Image Replacements - Shared 
================================== */

#header strong#page_logo {
    background-image: url( /resource/image/text/titles/oj_header_subpg.gif );
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    margin: 33px 0 6px 22px;
    width: 304px;
}

#header strong#page_logo a {
    display: block;
    height: 17px;
    width: 304px;
}

#main_content #first h2#about_oxford_journals {
    background-image: url( /resource/image/text/headings/on_yellow/about_oxford_journals.gif );
}

#main_content #second .features h2#services {
    background-image: url( /resource/image/text/headings/on_grey/services.gif );
}

#main_content h2#my_account {
    background-image: url( /resource/image/text/headings/on_grey/my_account.gif );
}

#main_content h2#events {
    background-image: url( /resource/image/text/headings/on_grey/events.gif );
}

#main_content h2#for_librarians {
    background-image: url( /resource/image/text/headings/on_grey/for_librarians.gif );
}

#main_content .features h2#access_purchase {
    background-image: url( /resource/image/text/headings/on_grey/access_purchase.gif );
}

#main_content .features h2#for_authors {
    background-image: url( /resource/image/text/headings/on_grey/for_authors.gif );
}

#main_content .features h2#corporate_services {
    background-image: url( /resource/image/text/headings/on_grey/corporate_services_143.gif );
}

/* =============================
   Image Replacements - Per Page  
================================ */

#header h1#advanced_article_search {
    background-image: url( /resource/image/text/titles/advanced_article_search.gif );
    width: 286px;
}

#header h1#about_us {
    background-image: url( /resource/image/text/titles/about_us.gif );
    height: 11px;
    width: 101px;
}

#header h1#contact_us {
    background-image: url( /resource/image/text/titles/contact_us.gif );
    height: 11px;
    width: 125px;
}

#header h1#news {
    background-image: url( /resource/image/text/titles/news.gif );
    height: 11px;
    width: 57px;
}

#header h1#privacy_policy {
    background-image: url( /resource/image/text/titles/privacy_policy.gif );
    height: 11px;
    width: 163px;
}

#header h1#site_map {
    background-image: url( /resource/image/text/titles/site_map.gif );
    height: 11px;
    width: 91px;
}

#header h1#terms {
    background-image: url( /resource/image/text/titles/terms.gif );
    height: 14px;
    width: 220px;
}

/* ------------------------ */

.article_search_results #header h1#page_title {
    background-image: url( /resource/image/text/titles/article_search_results.gif );
    width: 286px;
}

.article_search_results #main_content h2#you_searched_for {
    background-image: url( /resource/image/text/headings/on_yellow/you_searched_for.gif );
}

/* ------------------------ */

.my_account #header h1#page_title {
    background-image: url( /resource/image/text/titles/my_account.gif );
    width: 131px;
}

.my_account #main_content h2#logged_in {
    background-image: url( /resource/image/text/titles/logged_in.gif );
}

.my_account #main_content h2#welcome {
    background-image: url( /resource/image/text/titles/welcome.gif );
}

/* ------------------------ */

#main_content form#journal_search label#label_search_journals {
    background-image: url( /resource/image/text/headings/on_grey/search_journals.gif );
    background-repeat: no-repeat;
    display: block;
    height: 9px;
    margin: 4px 0;
    width: 148px;
}

.subject #main_content h2#article_alerts {
    background-image: url( /resource/image/text/headings/on_grey/article_alerts.gif );
}

.subject #main_content h2#hot_off_the_press {
    background-image: url( /resource/image/text/headings/on_grey/hot_off_the_press.gif );
}

.subject.medicine #header strong#page_logo {
    background-image: url( /resource/image/text/headings/on_green/oj_logo.gif );
}

.subject.medicine #header em#tag_line {
    background-image: url( /resource/image/text/headings/on_green/tag_line.gif );
}

.subject.medicine #header h1#page_title {
    background-image: url( /resource/image/text/titles/medicine.gif );
    width: 286px;
}

/* =================================== 
   Hidden Content & Image Replacements       
======================================= */

p.hide,
#primary_nav ul li a span, 
#primary_nav ul li strong span, 
#secondary_nav ul li a span,
#secondary_nav ul li strong span,
#secondary_nav strong span,
#header strong span,
#header em span,
#header h1 span,
#header h2 span,
#page_title h1 span,
#main_content h2 span,
#main_content h3 span,
#main_content label span,
#main_content a span,
#content h2 span,
#content h3 span,
#content label span,
#content a span,
#primary_footer strong span,
#primary_footer em span {
    display: block;
    height: 0.1em; /* [5] */
    overflow: hidden;
    width: 0;
}

p.hide {
     margin-bottom: -0.1em;
}

/* --------------------------
   Images
----------------------------- */

img.small_margin {
    margin: 3px;
}

img.medium_margin {
    margin: 5px;
}

img.large_margin {
    margin: 10px;
}

/*--------------------------------*/
/*START JAPAN SITE-SPECIFIC ITEMS*/
/*--------------------------------*/

#article_search #japan_label_search_articles span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
     font-weight: normal;
}

#journals_by_title #japan_label_journals_a-z span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
}

h2#japan_journals_by_subject span,
h2#japan_access_purchase span,
h2#japan_corporate_services span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 14px;
     color: black;
     font-weight: normal;
}

#beta div.section {
     padding-bottom: 15px;
}


h2#japan_for_authors a, 
h2#japan_for_librarians a, 
h2#japan_for_societies a {
text-decoration: none;
}

h2#japan_for_authors a span, 
h2#japan_for_librarians a span,
h2#japan_for_societies a span {
     width: 100%;
     height: 100%;
     overflow: visible;
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
     font-weight: normal;
}


.site_homepage #header #intro_text h2#japan_about_us {
     background-image: none;
}
.site_homepage #header #intro_text h2#japan_about_us a {
     text-decoration: none;
}
.site_homepage #header #intro_text h2#japan_about_us span{
     width: 100%;
     height: 100%;
     overflow: visible;
     font-family: MS PGothic;
     font-size: 0.8em;
     color: black;
     font-weight: normal;
}
/*--------------------------------*/
/* END JAPAN SITE-SPECIFIC ITEMS  */
/*--------------------------------*/

/*--------------------------------*/
/*START CHINA SITE-SPECIFIC ITEMS*/
/*--------------------------------*/

#article_search #china_label_search_articles span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
     font-weight: normal;
}

#journals_by_title #china_label_journals_a-z span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
}

h2#china_journals_by_subject span,
h2#china_access_purchase span,
h2#china_corporate_services span {
     width: 100%;
     height: 100%;
     overflow: visible; 
     font-family: MS PGothic; 
     font-size: 14px;
     color: black;
     font-weight: normal;
}

#beta div.section {
     padding-bottom: 15px;
}


h2#china_for_authors a, 
h2#china_for_librarians a, 
h2#china_for_societies a {
text-decoration: none;
}

h2#china_for_authors a span, 
h2#china_for_librarians a span,
h2#china_for_societies a span {
     width: 100%;
     height: 100%;
     overflow: visible;
     font-family: MS PGothic; 
     font-size: 15px;
     color: black;
     font-weight: normal;
}


.site_homepage #header #intro_text h2#china_about_us {
     background-image: none;
}
.site_homepage #header #intro_text h2#china_about_us a {
     text-decoration: none;
}
.site_homepage #header #intro_text h2#china_about_us span{
     width: 100%;
     height: 100%;
     overflow: visible;
     font-family: MS PGothic;
     font-size: 0.8em;
     color: black;
     font-weight: normal;
}
/*--------------------------------*/
/* END CHINA SITE-SPECIFIC ITEMS  */
/*--------------------------------*/

/*----------------------------------------*/
/* OAS TOP Advert                         */
/* set minimum height on advert container */
/*----------------------------------------*/
#main_content #first #oas_top {
     min-height: 24px;
     height: auto !important;
     height: 24px;
}

/*----------------------------------------*/
/* OAS Advert                             */
/* Set display for hidden/unhidden ads    */
/*----------------------------------------*/

div#oas_top.ad_unhidden {
Text-align: center;
}

.ad_hidden { display: none; }
.ad_unhidden { display: block; }

.ad_working { visibility: hidden; }
// .ad_unhidden { visibility: visible; }

/*----------------------------------------*/
/* The footer is an element on all pages  */
/* but should only display when the       */
/* screen size is small.  This is handled */
/* by the mobile_optimized.css.  In all   */
/* other cases the footer should be       */
/* by the rules below.                    */
/*----------------------------------------*/
footer,
.mobile_footer {
    display: none;
}


/*--------------------------------*/
/* FACEWALL ITEMS                 */
/*--------------------------------*/

div.facewall {
    float: left;
    clear: both;
    width: 100%;
}

div.facewall > div {
    float: left;
    padding: 1%;
}

div.facewall div.face {
    width: 160px;
    text-align: center;
}

div.facewall div.face img {
    width: 90px;
    height: 120px;  
}

/*--------------------------------*/
/* FACEWALL ITEMS ENDS     */
/*--------------------------------*/