body {background-color: #FFFFFF;}

/* This following CSS need to be moved to the SAGE only CSS file */
.top_col-2 {background:url(/site/img/top_col-2.png) top no-repeat;}
.bottom_col-2 {background:url(/site/img/bottom_col-2.png) no-repeat bottom;margin-top:-10px;min-height:10px;display:block;}
.col-2_items {color:#666666;background:url(/site/img/middle_col-2.png) no-repeat top;margin-bottom:10px !important;}
.col-2_items p {font-size:12px;padding:10px 12px 0 10px!important;}
.col-2_items ul {list-style:none;font-size:12px;margin:5px 10px 10px 35px!important;text-indent:-15px;line-height:19px;}
.col-2_items img {border:0 none;margin:5px 2px -7px -10px!important;}
.col-2_items h4 {color:#666666;padding:10px 10px 0;font-size:14px;}
.col-2_items a {color:#666666 !important;text-decoration:none !important;}
.col-2_items a:hover {color:#666666 !important;text-decoration:underline !important;}
.hw-gen-page h1  {font-size:1.7em !important;color:#666 !important;}
.hw-gen-page h2 {font-size:1.5em !important;color:#666 !important;}
.hw-gen-page h3 {font-size:1.3em !important;color:#666 !important;}
.hw-gen-page h4 {font-size:1.2em !important;color:#666 !important;}
.hw-gen-page h2.subtitle {font-size:0.8em;}
#info-cb-first-body li, #info-cb li, #info-blocks li {list-style:disc !important;
font-size:1.0em !important}
.view-change-button {height:29px !ie;Width:104px !ie;}
.info-cb-headers img {float:left; padding:5px 10px 0 0;}
#info-cb-first-header {height:10px !important;} 
.panelSearch {height:22px;width:55px !important;margin-top:-25px !important;}
#pageid-marked-citation div#content-block * {color:inherit;}
.rollingNav-searchFunction {padding-top:0 !important}
.formbutton  {background-image:url("/site/img/buttonback.gif") !important;border:1px solid #CCCCCC;color:#666666 !important;}
.content.cbsearch {background-image: url(/site/img/homeGraphic.png) !important}
.content.cbbrowse {background-image: url(/site/img/homeGraphicBrowse.png) !important}
.content.cbsettings {background-image: url(/site/img/homeGraphicMyTools.png) !important}
.content.cbinfo {background-image: url(/site/img/homeGraphicInfo.png) !important}
.content.cbsearch h4, .content.cbbrowse h4, .content.cbsettings h4, .content.cbinfo h4 {padding: 5px 40px 0; font-size:0.9 em !important}
#header #menu .advancedsearch a, #header #menu .advancedsearch a:hover {padding:2px 0 0 27px;float:left;font-size:10px;}
#header #menu .advancedsearch a:hover {text-decoration:underline;}
#headerSearch {padding-top:12px;}
#header-Sign {margin-left:284px;}
#header .header-qs {width:220px !important;}
#header .header-qs .sbox input {width:160px !important;}
.hw-ac-standalone-form .hw-login-option-list {width:200px !important !ie;}
.info-cb-headers h4 a {color:#666 !important; text-decoration:none !important}
.info-cb-headers h4 a:hover {text-decoration:underline !important}
.info-cb-body {min-height:inherit !important}
#content-block {max-width:990px !important !ie;}
.ieAlignment p {width:950px !important !ie;}
#menu {background:url("/site/img/background.gif") no-repeat !important !ie;}
#header-Sign li.first {background:url("/site/img/searchNavLeft.gif")left !important !ie;}
#header-Sign li.normal {background:url("/site/img/searchNavBg.gif") repeat-x left !important !ie;}
#header-Sign li.last {background:url("/site/img/searchNavRight.gif") no-repeat right !important !ie;}
#header-Sign img {_margin-top:15px !important;_display:none !important}
#info-cb-first-header h1{margin: 0 !important}
/* #info-cb-first-body {padding:0 10px 5px;} */
#info-cb-first-body a:hover, .info-cb-body a:hover {text-decoration:none !important;}
li.results-cit div.cit-metadata, li.results-cit div.cit-criteria-match, li.results-cit div.cit-extra {margin-left:170px !important;}
#pageid-search-results #col-2 {_margin-right:0px !important;_float:right;}
#pageid-search-results #content-block {_width:730px !important;_margin-left:-10px !important;_float:left;}
li.results-cit, li.results-cit .cit-extra .cit-views {_list-style:none;}
li.results-cit .cit-metadata cite, li.results-cit .cit-metadata .cit-auth-list, li.results-cit .cit-metadata .cit-section, li.results-cit .cit-metadata .cit-first-element, li.results-cit .cit-metadata .cit-title, li.results-cit .cit ul {_list-style:none;}
.expandedMenu {_height:20px !important;_padding-top:5px;}
.expandedMenu img {_padding-top:2px;}
.alerts_page_title_area h1 {_margin-bottom:10px !important;}
div.alerts_summary_page_alerts_area {_margin-left:0px !important;_clear:both;}
div.alerts_summary_page_prefs_area {_margin-right:0px !important;}
#proxied-contents div.alerts_page_title_area {_height:65px;}
.search-result-highlight {font-style:italic;}
#content-block li.results-cit .cit-views a:hover {text-decoration:underline;}
.hw-login-option-list {font-size:1.3em;}
#pageid-sage-help .primarynav {background:url("/site/img/buttonback.gif") repeat-x scroll 0 0 transparent;border:1px solid #cccccc;color:#333333 !important;line-height:24px;
margin-left:10px;padding:5px 10px;}
#checkall span:hover, #uncheckall span:hover {text-decoration:underline !important;}
#header-Uni {margin-top: 20px !important;}
#header-Uni img {height: 40px !important;margin-right: 0 !important;}
#content-block #sjoRegForm p {margin: 5px 0;padding-top: 0;}
#filterDisc .menuExpandul {z-index:100;}
/*Social Media Widget on SJ homepage - added 06/09 Gary Stevens*/
.widgetContent {padding-top:5px;}
.widgetContent span {background:#f9f9f9;border:1px solid #ccc;padding:3px 4px;font-size:11px;cursor:pointer;margin-right:-5px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.widgetContent span.tab1 {margin-left:5px;}
.widgetContent span.default {background:#fff;border-bottom:1px solid #f9f9f9;}
.widgetContent ul {margin:0;padding:0;}
.widgetContent div.tabbed {display:none;list-style:none;margin:3px 0 0 0;padding:0;border-left:1px solid #f1f1f1;max-height:300px;overflow:auto;}
.widgetContent div.show {display:block;}
.pipesThumbnail, .pipesDescription, .ybf, .ybh {display:none !important;}
body .widgetContent .pipesImgdescription .pipesTitle {padding:2px 5px;font-size:11px;font-weight:normal;}
.ybr {margin:0!important;}
.pipesText {margin-left:0 !important;}
#cb-content-news {height:375px !important;}
/*Social Media Widget on SJ homepage - added 06/09 Gary Stevens*/
body #container ul.menu li#cbsearch, body #container ul.menu li#cbbrowse, body #container ul.menu li#cbsettings {border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin-right: -1px;margin-top:-1px;}
body #container ul.menu li#cbinfo {border: 1px solid #CCCCCC;border-right: none;margin-right: -1px;height:73px;}

/* edits Gary - 24/06/13 */
div.hw-gen-page #content-block a, div.hw-gen-page #content-block a:link {text-decoration:none;}
div.cit-portal-image a img, #tab2 .img img {border:1px solid #ccc;}
table.prior-titles tr {cursor:default;}

/*edits Gary - Accessability 23/10/2013 */
.content.cbsettings h2, .content.cbbrowse h2, .content.cbinfo h2 {padding: 10px 40px 0px 40px;}

div#pageid-register div.setup_login h2.section_heading_1 {
  background: url("/site/img/number-sprite.png") no-repeat left top;
  height: 26px;
  padding-left: 40px;
  padding-top: 3px;
}

div#pageid-register div.enter_details h2.section_heading_2 {
  background: url("/site/img/number-sprite.png") no-repeat left -29px;
  height: 26px;
  padding-left: 40px;
  padding-top: 3px;
}


div#pageid-register div.up_to_date_email h2.section_heading_3 {
  background: url("/site/img/number-sprite.png") no-repeat left -58px;
  height: 26px;
  padding-left: 40px;
  padding-top: 3px;
}

#areasOfInterest h2#aoiHeading { 
  background: url("/site/img/number-sprite.png") no-repeat scroll left -88px rgba(0, 0, 0, 0);
  height: 26px;
  padding: 3px 0 0 35px;
  margin-top: 20px;
}

div#pageid-register div#left div.setup_login div.email span.user_email{
    background-color: #fdfdfd;
    border: 1px solid #acacac;
    border-radius: 0.33em;
    color: #2b2b2b;
    float: right;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: 2.03em;
    padding-left: 5px;
    padding-right: 25px;
    padding-top: 7px;
    width: 350px;
}


div#pageid-register div#left div.setup_login input, 
div#pageid-register div#left div.enter_details input {
   background-color: #fdfdfd;
    border: 1px solid #acacac;
    color: #2b2b2b;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: 2.33em;
    vertical-align: middle;
    border-radius: 0.33em;
    padding-left: 5px;
    padding-right: 25px;
    width: 350px;
    float: right;
}

div#pageid-register div#left div.setup_login input.error,
div#pageid-register div#left div.enter_details input.error,
div#pageid-register div#left div.enter_details select.error{
  border-color: red;
}


div#pageid-register div#left div.setup_login select,
div#pageid-register div#left div.enter_details select {
   background-color: #fdfdfd;
    border: 1px solid #acacac;
    color: #2b2b2b;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: 2.33em;
    vertical-align: middle;
    border-radius: 0.33em;
    padding-left: 5px;
    width: 382px;
    float: right;
}
div#pageid-register div.complete_links li a {
  font-size: 14px; color: #555; font-weight: bold;
}

div#pageid-register div.complete_links li.manage {
  background: url("/site/img/icon-sprite.png") no-repeat left top;
  height: 30px;
  padding-left: 40px;
  line-height: 30px; 
}
div#pageid-register div.complete_links li.email {    
    background: url("/site/img/icon-sprite.png") no-repeat left -30px;
    padding-left: 40px;
    margin-top: 5px;
    line-height: 30px;
}

div#pageid-register div.complete_links li.citations {
    background: url("/site/img/icon-sprite.png") no-repeat left -60px;
    height: 30px;
    padding-left: 40px;
    margin-top: 5px;
    line-height: 30px;
}
div#pageid-register div.complete_links li.searches {
    background: url("/site/img/icon-sprite.png") no-repeat left -90px;
    height: 30px;
    padding-left: 40px;
    margin-top: 5px;
    line-height: 30px;
}
div#pageid-register div.complete_links li.favourite {
    background: url("/site/img/icon-sprite.png") no-repeat left -120px;
    height: 30px;
    padding-left: 40px;
    margin-top: 5px;
    line-height: 30px;
}

div#pageid-register div.complete_links li.email ul.email_sublist {
  padding-left: 50px;
  background: #fff;
  margin-left: -45px;
  line-height: 15px;
}

div#pageid-register div.complete_links li.email ul.email_sublist li {
   padding-top: 5px;
}

div#pageid-register .errorMessage, div#pageid-register .email label.error,
div#pageid-register .username label.error, 
div#pageid-register .lastname label.error, 
div#pageid-register .country label.error, 
div#pageid-register .institution label.error, 
{
  display: none !important;
}

input.error {
  background: url("/site/img/error.png") no-repeat 99% center;
}

.continue_btn {margin: 20px 270px;}

/* Add by Gary 19/09/14 adding styles for registration pages */

.hidden-column {display: none !important;}
.new-form #left, .new-form #right {width:auto;display:block;float:left;}
.new-form .why-reg {position:absolute;border:2px solid #cccccc;border-radius:10px;right:0;margin-top:-45px;padding:20px !important;vertical-align:top;}
.setup_login > div, .enter_details > div, .inTouch > div {margin-left: 100px;margin-right:60px;padding:10px 0;}
.inTouch {width: 100%;}
#next_btn {margin-top: 10px;}
.next-wrap {padding: 10px; margin: 10px 0 !important;border-top:1px solid #ccc;text-align:center;}
.next-wrap img {text-align:center;cursor:pointer;}
.setup_login label, .enter_details label {line-height:2.70em;}
label.error {background:#eeeeee;display:block;line-height:2.7em;margin:10px 0;text-align:center;border-radius:10px;}
#pageid-register #content-block {width: 750px;}
h1.registrationHeader {padding:0 0 10px 0;border-bottom:1px solid #ccc}
#hw_ac_register h2 {font-size: 1.7em !important;border-bottom:1px solid #ccc;padding:0 0 10px 0}
#hw_ac_register h2.thank_you, .complete_links h2 {font-size: 14px; border-bottom: none;color: #6DC3B6 !important;}
.complete_links ul li a {color: #6DC3B6 !important;}
#colAoI {margin-top: 0;width:auto;}
#areasOfInterest > div {width:350px;margin:10px;float:left;vertical-align:top;}
#colAoI h4 {background: #f1f1f1; padding: 5px 10px;margin-bottom: 10px;font-size:14px!important}
#colAoI ul li, #colAoI ul li.aoiItemName {background: none; border: none;}
#colAoI ul li {line-height: 25px;}
#colAoI ul li.aoiItemName {padding: 2px;}
#colAoI ul li .moreLess {background: url("/site/img/plus.png") no-repeat 1px 0;height:16px;left:0;margin-bottom:-4px;margin-right:-10px;width:16px;}
#colAoI ul li.show .moreLess {background: url("/site/img/minus.png") no-repeat 1px 0;height:15px;left:0;margin-bottom:-2px;margin-right:-10px;width:16px;}
#colAoI ul.aoiItem {text-indent: 35px;}
.check h3 {display: inline-block;padding: 0px 5px 0px 14px;width:90%;font-size:14px!important}
#colAoI ul li input.aoiItemButton, #colAoI ul li p.aoiItemHead {display:none;}
#colAoI ul li input.aoiItemButton {margin: 0 0 0 37px;}
#colAoI ul li p.aoiItemHead {margin:0;padding:0;}
#colAoI ul li.show input.aoiItemButton, #colAoI ul li.show p.aoiItemHead {display: inline-block;} 
.ac_results {width:380px;}
.ac_over {background:#fff;color:inherit;}
.ac_results {border:1px solid #ccc;border-top:none;}
#right.valid .next-wrap .errorText {display:none;}
#right .next-wrap .errorText {display:block;}
#right.valid .next-wrap #next_btn {opacity:1;}
#right .next-wrap #next_btn {opacity:0.5;}
#passwordStrength {display:none}
#passwordStrength.alert {display:block;float:right;border:1px solid;font-weight:bold;padding:5px;color:red;border-radius:3px;}
#passwordStrength.alert-error {border-color:red;}
#passwordStrength.alert-info {border-color:#EE661C;background:#EE661C;color:#fff;}
#passwordStrength.alert-success {border-color:#8CB437;background:#8CB437;color:#fff;}