/* --------------------------------------------------------------- INITIALISE */
html,body {
	font-size: 100.01%;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}

:link,:visited {
	text-decoration: none;
	color: #3D4B52;
}
a:hover{
    text-decoration: underline;
 }

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input	{
	margin: 0;
	padding: 0
}

a img,:link img,:visited img {
	border: none
}

address {
	font-style: normal
}

abbr:hover {
	cursor: help;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/* --------------------------------------------------------------------- CORE */
html, body {
    min-height: 100%;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans Serif;
	font-size: 80%;
	background: url(../images/style/body_bg.gif) repeat-x top left #77E053;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#63BA47), to(#77E053)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #63BA47, #77E053); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #63BA47, #77E053); /* FF3.6+ */
    background-image:     -ms-linear-gradient(top, #63BA47, #77E053); /* IE10 */
    background-image:      -o-linear-gradient(top, #63BA47, #77E053); /* Opera 11.10+ */
    background-image:         linear-gradient(to bottom, #63BA47, #77E053);
    background-size: 1px 780px;
	color: #3D4C52;
}

p {
	line-height: 1.5em;
}

h1 a {
	float: left;
	height: 46px;
	width: 252px;
	margin: 20px 0 10px 18px;
}

h2 {
	font-size: 225%;
	font-weight: normal;
	color: #E87511;
}

#homePage h3 {
	font-size: 175%;
    color:#5bbf21;
}

#homePage h2, #advancedSearch h2{
    padding: 10px 0;
}

h3 {
	font-size: 225%;
	font-weight: normal;
	color: #59AFCC;
}

h4 {
	font-size: 115%;
	font-weight: normal;
	color: #3D4C52;
	padding: 0 0 10px 0;
}

#rightColumn h4{
    font-weight: bold;    
}

h5 {
	font-size: 150%;
	font-weight: normal;
	color: #5bbf21;
	padding: 0 0 10px 0;
}

/* ------------------------------------------------------------------- LAYOUT */
#header {
	color: #FFF;
	width: 916px;
	margin: 0px auto;
	line-height: 16px;
}

#header a, #header a:link, #header a:visited,
#footer a, #footer a:link,#footer a:visited {
	color: #FFF;
	border-bottom: solid 1px #FFF;
}

#header a:hover {
	border: none;
}

#footer a:hover {
    text-decoration: none;
}

#header img {
	display: block;
	margin: 10px 15px;
	float: right;
}

#header a#logoLink,#header a#logoLink :link,#header a#logoLink :visited
	{
	border-bottom: 0;
}

#logoLink img {
    float: none;
    height: 46px;
    width: 252px;
    margin: 0;
}

#header .strapline{
    text-transform: uppercase;
    float: left; 
    clear: left;
    padding:0;
    margin-left: 20px;
}

#header .staticNav{
    clear: left;
    padding: 10px 15px 1px 20px;
}

.cabiLogo {
    width: 115px;
    height: 82px;
}

#page {
	margin: 0 auto;
	padding-bottom:50px;
	/*  padding-top: 20px; */
	width: 916px;
	background: #FFFFFF;
	clear: both;
    -webkit-border-radius: 20px 20px 0 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 20px 20px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

#topNavigation {
	margin-left: 220px;
	width: 500px;
}

#leftColumn {
	width: 200px;
	float: left;
	margin-bottom: 2em;
}

#rightColumn {
	width: 160px;
	float: right;
	clear: right;
	margin-bottom: 2em;
	margin-top: 4px;
}

#rightColumn a:hover{
    text-decoration: none;
    
}

#centreColumn {
	margin-left: 225px;
	margin-right: 0px;
	width: 496px;
	margin-bottom: 0.5em;
}

#secondColumn {
	margin-left: 225px;
	width: 656px;
	margin-bottom: 2em;
}

#footer {
	color: #FFF;
	width: 886px;
	padding: 10px 15px 15px 15px;
	margin: 0 auto;
	clear: both;
	min-height: 50px;
}

#footer span {
	float: right;
}

#footer span:nth-child(4) {
    float: left;
}


#homePage #centreColumn p{
    margin-bottom: 2em;
}

/* ----------------------------------------------------- RIGHT COLUMN BOXOUTS */
.boxout {
	width: 160px;
	height: auto;
	margin-bottom: 50px;
	color: #3D4C52;
}

.boxout ul {
	list-style-type: disc;
	margin-left: 12px;
}

.boxout li {
	margin-left: 6px;
	padding-bottom: 10px;
	color: #3D4C52;
}

.boxout dl{
    margin-bottom: 1em;
}
.boxout dt{
    margin-left: 1em;
    margin-bottom:0.3em;
}
.boxout dd{
    margin-bottom: 0.3em;
}

.boxout ul li a,.boxout ul li a:link,.boxout ul li a:visited {
	color: #3D4C52;
}

.boxout ul li a:hover {
	border-bottom: solid 1px #3D4C52;
}

.boxout a{
    text-decoration: underline;
}

/* TASKS BOXOUT*/
.no-borderradius .tasksBoxoutTop {
	width: 160px;
	height: 14px;
	background: url(../images/style/tasksBoxoutTop_bg.gif) no-repeat
		bottom left #E9B593;
}

.tasksBoxoutContent {
	width: 138px;
	padding: 14px 8px 14px 14px;
	background: #ED984D;
	-webkit-border-radius: 20px 0 0 20px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    border-radius: 20px 0 0 20px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, .5) inset; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, .5) inset; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.no-borderradius .tasksBoxoutContent {
    padding-top: 0;
    padding-bottom: 0;
    background: url(../images/style/tasksBoxoutContent_bg.gif) repeat-y
        bottom left #E9B593;
}

.no-borderradius .tasksBoxoutBottom {
	width: 160px;
	height: 14px;
	background: url(../images/style/tasksBoxoutBottom_bg.gif) no-repeat
		top left #E9B593;
}

.tasksBoxoutContent a.bookmark {
	padding: 0px 20px 0px 0;
	background: url(../images/style/bookmark.gif) no-repeat top right
		#E9B593;
}

/* CABI BOXOUT*/
.no-borderradius .CABIBoxoutTop {
	width: 160px;
	height: 14px;
	background: url(../images/style/CABIBoxoutTop_bg.gif) no-repeat bottom
		left #A4E191;
}

.CABIBoxoutContent {
	width: 132px;
	padding: 14px;
	background: #A4E191;
    -webkit-border-radius: 15px 0 0 15px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 15px 0 0 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
   -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2) inset; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2) inset; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.no-borderradius .CABIBoxoutContent {
    padding-top: 0;
    padding-bottom: 0;
    background: url(../images/style/CABIBoxoutContent_bg.gif) repeat-y top
        left #A4E191;
}

.no-borderradius .CABIBoxoutBottom {
	width: 160px;
	height: 14px;
	background: url(../images/style/CABIBoxoutBottom_bg.gif) no-repeat top
		left #A4E191;
}

/* LIT BOXOUT*/
.no-boderradius .litBoxoutTop {
	width: 160px;
	height: 14px;
	background: url(../images/style/litBoxoutTop_bg.gif) no-repeat bottom
		left #A4E191;
}

.litBoxoutContent {
	width: 132px;
	padding: 14px;
    background:#AEDCEB;
    -webkit-border-radius: 15px 0 0 15px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 15px 0 0 15px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
   -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2) inset; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 4px 0px rgba(0,0,0,.2) inset; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

.no-borderradius .litBoxoutContent {
    padding-top: 0;
    padding-bottom: 0;
    background: url(../images/style/litBoxoutContent_bg.gif) repeat-y top
        left #A4E191;
}
.no-borderradius .litBoxoutTop {
    width: 160px;
    height: 14px;
    background: url(../images/style/litBoxoutTop_bg.gif) no-repeat top
        left #A4E191;
}

.no-borderradius .litBoxoutBottom {
	width: 160px;
	height: 14px;
	background: url(../images/style/litBoxoutBottom_bg.gif) no-repeat top
		left #A4E191;
}

.googleVertical{
    text-align: center;
}

#leftColumn .boxout{
    width: 200px;    
}
#leftColumn .litBoxoutTop{
    background: url(../images/style/leftLitBoxoutTop_bg.gif) no-repeat bottom
        right #A4E191;
    width: 100%;
}
#leftColumn .litBoxoutContent{
    background: url(../images/style/leftLitBoxoutContent_bg.gif) repeat-y top
        right transparent;
    width: 100%;
    padding: 0;
}
#leftColumn .litBoxoutBottom{
    background: url(../images/style/leftLitBoxoutBottom_bg.gif) no-repeat top
        right #A4E191;
    width: 100%;
}

/* --------------------------------------------------------------- NAVIGATION */
#topNavigation a,#topNavigation a:link,#topNavigation a:visited {
	color: #777777;
	padding-right: 10px;
}

#topNavigation a:hover {
	color: #333;
}

#topNavigation a.selected {
	font-weight: bold;
	padding-left: 8px;
	background: url(../images/style/selected_bg.gif) no-repeat top left
		#FFF;
	background-position: 0px 2px;
}

/* -------------------------------------------------------------------- FORMS */
fieldset {
	border: none;
}

#topNavigation form {
	padding-top: 10px;
	padding-left: 8px;
	width: 100%;
}

#topNavigation textarea {
   border:1px solid darkgray;
   color:#777777;
   font-size:150%;
   width:350px;
   padding:0;
   font-family:Arial,Helvetica,Verdana,Sans Serif;
}

textarea#search{
    overflow-y: hidden;
}

#page #topNavigation form a{
    display: block;
    margin-left: 248px;
    margin-top: 0.5em;
    color:#59AFCC;
    text-decoration:underline;
}

#homeSubmit, .submitButton {
    border: none;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    background: none no-repeat bottom left #5bbf21;
    right: 0;
    top: 0;
}

.submitButton {
    position: relative;
    top: -8px;
}

.submitButton {
	width: 52px;
	height: 26px;
    background-image: url(../images/submit.gif);
    margin-top: 1px;
    margin-left: 5px;
    padding-bottom: 1px;
}

#homeSubmit {
    height:36px;
    width:70px;
    background: url(../images/submit-home.gif);
    margin-left: 10px;
    padding-bottom: 2px;
}

.loginForm, #myCdLogin{
	width: 162px;
}

.loginForm a{
    display: block;
    padding-top: 0.5em;    
}

.loginForm input[type=submit], #myCdLogin input[type=submit]{
    margin-top: 0.5em;
    margin-left: 8.2em;
}

.loginForm fieldset{
    margin-bottom: 1em;
}

#secondColumn .loginForm, #centreColumn .loginForm{
    background-color: whiteSmoke;
    padding: 1em 2em;
    margin: 1em 0;
    -moz-border-radius: 7px;
    -webkit-border-radius:7px;
    border-radius: 7px;
}

.usernameInput, .passwordInput {
    width: 155px;
}

#logOutForm{
    margin: 0.5em auto;
 }

/* ----------------------------------------------------------- CUSTOM CLASSES */
/* ------------------------------------------------------------ PAGE SPECIFIC */
/* ----------------------------------------------------------------- ABSTRACT */

.subscriptionInfo p, .records p{
   line-height: 1em;
}

.subscriptionInfo {
	padding: 20px 20px 0;
	background-color: #F5F5F5;
	color: #3D4C52;
	padding-bottom: 0.5em;
	-webkit-border-radius: 20px 0 0 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 20px 0 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.lt-ie9 .subscriptionInfo {
    background: no-repeat url(../images/style/page_bg.gif) top left #F5F5F5;
}

.subscriptionInfo a {
	color: #3D4C52;
	text-decoration: underline;
}

.subscriptionInfo a:hover {
	color: #3D4C52;
	text-decoration: none;
}

.subscriptionInfo h5, .records h5 {
	font-size: 120%;
}

.records h5{
    color: white;
    font-weight: bold;
}

.subscriptionInfo p {
	padding: 1em 0 1em 0;
}

.subscriptionInfo span.companyDetails {
	color: #DE4C37;
	display: block;
}

.subscriptionInfo span.credential {
	color: #5bbf21;
}

.subscriptionInfo img {
	float: left;
	border: none;
	width: 155px;
	margin: 8px 0;
}

#subscriptionUnits, #mycdUserInfo{
    clear: left; 
}

#subscriptionUnits ul {
    list-style-type: none;
    margin-bottom: 0.5em;
    margin-left: 1.8em;
}

#subscriptionUnits li {
     margin-bottom: 0.2em;
     text-indent: -0.8em;
}

#subscriptionUnits h5 {
     margin: 0.3em 0;
     padding: 0;
}

#subscriptionUnits a, #subscriptionUnits a:hover{
    text-decoration: none;
}

#subscriptionUnits a:hover{
    text-decoration: underline;
}

.records {
	padding: 15px 20px;
	background: #3D4B52;
	color: #FFF;
	margin-bottom: 1.75em;
	min-height: 1.3em;
	  -webkit-border-radius: 0 0 20px 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 0 0 20px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.lt-ie9 .records {
    background: url(../images/style/records_bg.gif) no-repeat bottom left #3D4B52;
}

.records a:link, 
.records a:active, 
.records a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

.records p{
    padding: 0.3em 0em;
 }

#abstractTitle{
    border-top: solid 1px #3D4C52;
    padding-top: 5px;
    float: left;
    width: 100%;
 }

.documentDetails {
	color: #3D4C52;
}

.documentDetails dt {
	float: left;
	font-weight: bold;
	padding-right: 5px;
}

.documentDetails dd {
	margin-bottom: 10px;
}

.documentDetails dd a,.documentDetails dd a:link .documentDetails dd a:visited
	{
	color: #3D4C52 !important;
}

.documentDetails a:hover {
	text-decoration: none;
}

.documentDetails dd a:hover {
	text-decoration: underline;
}

.backToResults {
	display: block;
	margin: 7px 0 30px 0;
	color: #E87511;
}

.backToResults a {
	color: #E87511;
	text-decoration: underline;
}

.backToResults a:hover {
	text-decoration: none;
}

.backToResults span {
	float: left;
}

.backToResults p {
	float: right;
	line-height: 1em;
	display: inline;
}

a.viewFullText,a:link .viewFullText {
	font-size: 90%;
	color: #3D4C52;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/style/viewFullText_bg.gif) no-repeat top
		left #FFF;
	padding: 3px 30px 3px 12px;
	margin: 3px 0;
}

a.openurl{
    margin: 0 5px;
    padding: 3px 0px 3px 12px;
    text-decoration: underline;
}
a.openurl:hover{
    text-decoration: none; 
}
a.openurl img{
    vertical-align: middle;
}

a:hover .viewFullText {
	background-position: 0 -49px;
}

.ancillaryInfo {
	color: #3D4C52;
	margin-left: 20px;
}

.ancillaryInfo dt {
	font-weight: bold;
	margin: 5px 0 3px 0;
}

.ancillaryInfo dd {
	color: #E87511;
	margin-left: 10px;
	display: block;
}

.ancillaryInfo dd a {
	color: #3D4C52 !important;
	text-decoration: underline;
}

.ancillaryInfo dd a:hover {
	text-decoration: none;
}

.ancillaryInfo li, .error li{
    list-style: none;
}

.tags img {
	padding: 0 8px 20px 0;
}

/* ------------------------------------------------------------ PAGE SPECIFIC */
/* ------------------------------------------------------------------- SEARCH */
#page p.results {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0;
}

#page p.results a {
	color: #3D4B52;
	font-size: 140%;
}

#page  p.results a:hover {
	text-decoration: underline;
}

#page p.results a:visited{
	color: #3D4B52;
}

p.results span.operator {
	font-size: 95%;
}

p.results span.term {
	color: #000000;
	font-weight: bold;
}

p.selectAllNone{
    font-weight: bold;
    padding: 0.5em 0;
}
p.selectAllNone a{
    text-decoration: underline;
}

p.waiting a{
    color: #eee;
}

.ancillaryInfo ul {
	font-size: 100%;
}

.ancillaryInfo li {
	font-weight: bold;
	margin: 0 0 5px 0;
}

.ancillaryInfo li ul {
	font-size: 100%;
}

.ancillaryInfo li ul li {
	font-weight: normal;
	margin: 0px 0 0px 0;
	padding-left: 0px;
}

.ancillaryInfo li ul li.on a {
	color: #E87511 !important;
}

.ancillaryInfo li ul li.on input {
	color: #E87511;
}

.ancillaryInfo a:link,.ancillaryInfo a:visited {
	color: #E87511 !important;
	text-decoration: none;
}

.ancillaryInfo a:hover {
	text-decoration: underline !important;
}

.ancillaryInfo dt{
    padding-left: 10px;
    margin-top: 10px;
}

#refinements dt {
    margin-top: 5px;
	background: url(../images/style/arrowClosed.gif) no-repeat transparent
		;
	background-position: 0 1px;
	cursor: pointer;
}

#refinements dt.open {
	background: url(../images/style/arrowOpen.gif) no-repeat transparent;
	background-position: 0 1px;
	cursor: pointer;
}

.ancillaryInfo ul li ul li a {
	padding-left: 0px;
	background: none;
}

.ancillaryInfo ul li ul li a:hover {
	text-decoration: underline;
}

/* Bring font sizes in line with CABI's fragments */
.didYouMean{
    font-size: 16px;
}

.center{
    text-align: center;
}

.didYouMean h5{
    margin-top: 1em;
    font-size: 120%;
    color: #3D4C52;
    font-weight: bold;
}

.didYouMean, .didYouKnow {
	background: #f3ba88;
	border: solid 1px black;
	padding: 8px;
	margin: 4px 0;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	/* Clear floated elements within */
	overflow: auto;
}

.didYouMean a, .didYouMean a:visited {
	font-weight: bold;
	text-decoration: underline;
}
.didYouMean a:hover{
    text-decoration: none;
}


.didYouMean span.close {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
}

.didYouMean span.close a {
	width: 12px;
	height: 12px;
	background: url(../images/style/delete.gif) no-repeat transparent;
	text-decoration: none;
	display: block;
}

.didYouMean a span {
	font-style:italic;
    font-weight:bold;
}

.didYouMean span.close a:hover {
	text-decoration: none !important;
}

.didYouKnow {
	color: #3D4B52;
	background: #F2D774;
}

.didYouKnow a,.searchToolbox a,.actionToolbox a {
	color: #3D4B52;
	text-decoration: underline;
}

.didYouKnow a:hover {
	color: #2C3A41;
	text-decoration: none;
}

.didYouKnow span.close {
	float: right;
}

.didYouKnow span.close a {
	width: 16px;
	height: 16px;
	background: url(../images/style/close.png) no-repeat transparent;
}

.didYouKnow span.close a,.didYouKnow span.close a:hover {
	text-decoration: none !important;
}

#myBookmarks .didYouKnow, #mycabdirecthome .didYouKnow{
    float: left;
    width: 100%;
}

#mycabdirecthome .didYouKnow li{
    list-style: none;
}

.searchAlert{
    font-size: 1.3em; 
    line-height: 100%;
}
.searchAlert p{
    line-height: 100%;
}

.actionToolbox {
	margin: 1em 0 0 0;
}

.searchToolbox {
	text-align: right;
	margin: 1em 0;
}

.tasksBoxoutContent .public a, .tasksBoxoutContent a.disabled{
    opacity: 0.6;
    cursor: default;
}

#page #rightColumn .tasksBoxoutContent .public a:hover,
#page #rightColumn .tasksBoxoutContent a:hover.disabled{
    text-decoration: underline;
}

#page ul.searchToolbox{
    list-style: none;
    margin: 0;
 }
 
 ul.searchToolbox li{
    margin-left: 0;
    padding-top: 5px;
    padding-bottom: 0px;
 }

a.saveSearch {
	background: url(../images/style/saveSearch.gif) no-repeat transparent;
}

a.createEmail {
	background: url(../images/style/createEmail.gif) no-repeat transparent;
}

a.rssFeed {
	background: url(../images/style/rssFeed.png) no-repeat transparent;
}

a.bookmarkSelected {
	background: url(../images/style/bookmarkSelected.gif) no-repeat
		transparent;
}

a.printSelected {
    background: url(../images/style/printSelected.gif) no-repeat
        transparent;
}

a.recentSearches {
    background: url(../images/folder_find.png) no-repeat
        transparent;
}

a.download, .download span {
    background: url(../images/style/page_white_put_alpha.png) no-repeat
        transparent;
    /* For IE6 and below, don't use the alpha transparency png 
    See http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack
    */
    _background-image: url(../images/style/page_white_put.png);
}

a.deleteSearch, a.deleteBookmark, .deleteBookmark span {
    background: url(../images/style/delete.gif) no-repeat
        transparent;
}

a.marc, .marc span {
    background: url(../images/style/book_open.png) no-repeat
        transparent;
}

a.markedRecords {
    background: url(../images/style/marked_list.png) no-repeat
        transparent;
    _background-image: url(../images/style/marked_list.gif);
}
a.markThisRecord {
    background: url(../images/style/star-inactive.png) no-repeat
        transparent;
    /* IE6 override for transparency support */
    _background-image: url(../images/style/star-inactive.gif);
}
a.unMarkThisRecord {
    background: url(../images/style/star-active.png) no-repeat
        transparent;
    /* IE6 override for transparency support */
    _background-image: url(../images/style/star-active.gif);
}

a.printSelected,
a.bookmarkSelected, 
a.saveSearch,
a.createEmail,a.rssFeed, 
a.download,
#rightColumn .bookmarkSelected,
a.deleteSearch,
a.recentSearches,
a.marc,
a.markedRecords,
a.markThisRecord,
a.unMarkThisRecord
	{
	padding: 0 10px 5px 20px;
	background-position: 0 2px;
}

.grouped{
    margin-top: 1em;
}

#rightColumn .searchToolbox li a:hover{
    border: none;
 }
 #rightColumn .searchToolbox li a{
    display: block;
 }

#page #secondColumn a.viewFullText,#page #secondColumn a:link
	.viewFullText {
	margin-left: 0px;
	display: block;
	margin-bottom: 10px;
	float: right;
}

.resultOverview {
	border-top: solid 1px #3D4C52;
	margin: 10px 0 20px 0;
	padding-top: 5px;
	color: #3D4C52;
}
.resultOverview p{
    padding-bottom: 0.5em;
}

.right {
	float: right;
}

.resultsPerPage{
    text-align: right;
}

.markedRecordsSearch .resultsPerPage{
    float: right;
    position:relative;
    top: -2em;
}

p.viewAbstract {
    text-align: right;
}
.viewAbstract a{
	font-size: 90%;
	color: #59AFCC;
	font-weight: bold;
	text-decoration: underline;
	padding: 3px 0px 3px 12px;
	margin:0 5px;
}


.rightLInks {
    text-align: right;
    margin: 3px 0;
}

.searchResult form,.searchResult form div {
	display: inline;
}

.searchResult input {
	margin: 0 3px;
}

.searchResult dl {
	border-top: solid 1px #3D4C52;
	border-bottom: solid 1px lightGrey;
	padding: 4px 0;
	background-color: #F5F5F5;
	margin-bottom: 4px;
}

.searchResult dt {
	display: inline;
	font-weight: bold;
	padding-right: 5px;
}

.searchResult dd {
	display: inline;
}

.searchResult dt a {
	color: #777777;
}

.searchResult dt a:hover {
	text-decoration: underline;
}

.searchResult p {
	padding: 5px 0 0 0;
}

.searchResult{
    margin-bottom: 8px;
    width: 100%;
    _overflow: auto;
 }


.hit {
	background-color: #CEFFBB;
}

.recordSelector{
    width: 16px;
    background: url(../images/style/star-inactive.png) no-repeat top left;
    /* IE6 override for transparency support */
    _background-image: url(../images/style/star-inactive.gif);
    margin: 0 3px 0 2px;
    margin-top: -1px;
    outline: none;
    float: left;
}
.recordSelector span{
    display: none;
}

.recordSelector:hover, .active .recordSelector,.recordSelector.starred {
    background-image: url(../images/style/star-active.png);
    /* IE6 override for transparency support */
    _background-image: url(../images/style/star-active.gif);
    text-decoration: none !important;
}

.waiting .recordSelector {
    background-image: url(../images/ajax-loader.gif);
}


/* -------------------------------------------------------- SEARCH PAGINATION */
#paginationTop ul, #paginationBot ul {
	display: inline;
}

#paginationTop li, #paginationBot li {
	display: inline;
	padding: 0 0.1em;
}

#paginationTop .currentPage, #paginationBot .currentPage {
	font-weight: bold;
	color: #E87511;
}

li.waiting {
	background: url(../images/ajax-loader.gif) no-repeat top left
		transparent;
	height: 16px;
}

/* ----------------------------------------------------------- ADVANCED SEARCH*/
#calContainer {
	display: none;
	position: absolute;
	z-index: 1;
	margin-left: 27em
}

#advancedSearchForm fieldset {
	margin-bottom: 20px;
	border-bottom: 1px solid #D1D4D6;
	padding-bottom: 10px;
}

#advancedSearchForm input,#advancedSearchForm select {
	border: 1px solid #D1D4D6;
}

#advancedSearchForm fieldset#searchRows div {
	margin-bottom: 10px;
	position: relative;
}

#advancedSearchForm fieldset#searchRows div select,#advancedSearchForm fieldset#searchRows div input,#advancedSearchForm fieldset#searchRows div label
	{
	margin-right: 0px;
}

#advancedSearchForm fieldset.submit {
	border-bottom: 0;
	text-align: right;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#advancedSearchForm fieldset.submit input {
	border: 0;
}

#advancedSearchForm fieldset#showOptions div {
	margin-bottom: 10px;
}

#advancedSearchForm fieldset#showOptions label {
	display: block;
	float: left;
	width: 400px;
	padding-left: 10px;
}

#advancedSearchForm fieldset#publishedBetween label {
	display: block;
	float: left;
	width: 200px;
}

#advancedSearchForm fieldset#publishedBetween .row {
	margin-bottom: 10px;
}

#advancedSearchForm h3, #mycabdirecthome h4 {
	font-size: 150%;
	color: #5bbf21;
	padding: 0 0 10px 0;
}

#advancedSearchForm button.add,#advancedSearchForm button.remove {
	/*background: transparent url(../images/style/button_bg.gif) no-repeat
		scroll center;
	border: medium none;
	color: #64BB47;*/
	font-weight: bold;
	margin-left: 5px;
	padding: 5px;
	font-size: 100%;
	/*margin:0px !important;
    padding:0px 1px !important;*/
}

#advancedSearchForm button.remove {
	position: absolute;
	right: -20px;
}

#advancedSearchForm #searchRows button.remove {
	/*color: #FF4327;*/
}

#advancedSearchForm .searchTerm{
    width: 240px;    
}

#advancedSearchForm #options1{
    visibility: hidden;
}

button#show2up {
	padding: 0;
	margin: 0;
}


/* Added since widgets /* MY READING LISTS */ 
.myReadingLists {
	margin-top: 20px;
	color: #3D4C52;
}

.myReadingLists ol {
	list-style: decimal !important;
	margin-left: 20px;
}

.myReadingLists ol li {
	margin-bottom: 10px;
	
}

.myReadingLists ol li a {
	color: #3D4C52;
	margin-right: 0px;
}

.myReadingLists ol li a:hover {
	color: #333;
	text-decoration: underline;
}

.myReadingLists ol li a.edit:hover,.myReadingLists ol li a.delete:hover
	{
	text-decoration: none;
}

.myReadingLists ol li a.edit,.myReadingLists ol li a.delete {
	margin-right: 0;
	background-position: 0 -1px;
}

/* ---------------------------------------------------------------- TAG CLOUD */
.tag-cloud a {
}

.tag-cloud a:hover {
	color: #333;
	text-decoration: underline;
}

.tag-cloud li {
	display: inline;
}

/* SIZE SCALE */
.tag-cloud .pop1 a{
	font-size: 1em;
	color: #E87511;
}

.tag-cloud .pop2 a{
	font-size: 1.3em;
	color: #E87511;
}

.tag-cloud .pop3 a{
	font-size: 1.6em;
	color: #5bbf21;
}

.tag-cloud .pop4 a{
	font-size: 1.9em;
	color: #5bbf21;
}

.tag-cloud .pop5 a{
	font-size: 2.2em;
	color: #E87511;
}

.tag-cloud .pop6 a{
	font-size: 2.5em;
	color: #E87511;
}

/* ----------------------------------------------------------- POPUP TEXTAREA */
	/*
 popup.js
*/
.popup {
	max-width: 600px;
	border: 1px solid #3D4BA2;
	padding: 15px;
	background-color: white;
	/* The following properties should not be changed */
	position: absolute;
}

#popup_overlay {
	background-color: #63BA48;
	/* The following properties should not be changed */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
}


/* ------------------------------------------------------------ PAGE SPECIFIC */
	/* ------------------------------------------------------------------ WIDGETS */

.tabHeader{
    margin: 0.5em 0;
    float: left;
    width: 100%;
    border-bottom: 1px solid #a3a3a3;
}
.tabHeader h2{
    font-size: 190%;
    background: url(../images/tabs/tab_left_selected.gif) no-repeat top left;
    float: left;
    margin: 0 0.2em;
    padding-left: 9px;
    position: relative;
    top: 1px;
}
.tabHeader h2 span{
    background: url(../images/tabs/tab_right_selected.gif) no-repeat top right;
    padding: 3px 9px 3px 0px;
    float: left;
}

.tabHeader div{
    background: url(../images/tabs/tab_left_deselected.gif) no-repeat top left;
    float: left;
    margin: 0 0.2em;
    padding-left: 9px;
    font-size: 190%;
}
.tabHeader div a{
    background: url(../images/tabs/tab_right_deselected.gif) no-repeat top right;
    padding: 3px 9px 3px 0px;
    margin: 0;
    float: left;
}

.mySavedSearches p.results .editAndDelete {
	float: right;
	margin-right: 0px;
}

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

#mySearches .mySavedSearches{
    width: 48%;
    /* HACK for IE 6 + 7 */
    *width: 47%;
    margin: 0 1%;
    float: left;
}

.mySavedSearches h3, #myBookmarks h3{
    font-size: 150%;
}
		
#page .mySavedSearches p.results {
	padding-bottom: 0px;
}

#page .mySavedSearches p.results a {
	color: #3D4B52;
	font-size: 100%;
}

#page .mySavedSearches p.results a:hover{
	text-decoration: underline;
}

#page .mySavedSearches p.results a:visited {
	color: #3D4B52;
}

.mySavedSearches ol {
	list-style: decimal !important;
	margin-left: 3em;
}

.mySavedSearches li {
    border-bottom: 1px solid #D1D4D6; 
}
.mySavedSearches li.last {
    border: none; 
}

.combineSearches {
    border-top: 1px solid #D1D4D6;
    padding: 1em 0;
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

.combineSearches ul{
    margin-left: 20px;
}

.combineSearches li{
    display: inline;
}

.mySavedSearches ol li, .combineSearches ul li {
    margin: 0;
	padding: 5px 10px 5px 0px;
}

.mySavedSearches p.results a img {
	margin-left: 7px;
}

.mySavedSearches p.results .editAndDelete a img {
	margin-left: 0px;
}

.rightLink {
	text-align: right;
}

.rightLink a,.rightLink a:visited {
	color: #59afcc;
	text-decoration: underline;
}

.rightLink a.delete {
    color: #FF3D1F;
}

.rightLink a:hover {
	color: #FF3D1F;
	text-decoration: none;
}

/* HOW TO SHARE */
.howToShare {
	margin: 0 0 20px 20px;
}

.howToShare p {
	margin-bottom: 0;
	padding-bottom: 0.5em;
}

/* BOOKMARKS */
.myBookmarks {
	margin: 0 0 20px 20px;
}

.myBookmarks {
	margin-top: 20px;
	color: #3D4C52;
}

.myBookmarks ol {
	list-style: decimal !important;
	margin-left: 20px;
}

.myBookmarks ol li {
	margin-bottom: 10px;
}

.myBookmarks ol li a {
	color: #3D4C52;
	margin-right: 0px;
}

.myBookmarks ol li a:hover {
	color: #333;
	text-decoration: underline;
}

.myBookmarks ol li a.edit:hover,.myReadingLists ol li a.delete:hover {
	text-decoration: none;
}

/* AVAILABLE ARTICLES*/
.availableArticles {
	color: #3D4C52;
	margin-left: 20px;
}

.availableArticles h4 {
	line-height: 0.9em;
}

.availableArticles li {
	background: url(../images/style/availableArticles_bg.gif) no-repeat
		bottom left #FFF;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

.availableArticles li.inc7 {
	background-position: 0px 15px;
}

.availableArticles li.inc1 {
	background-position: -18px 15px;
}

.availableArticles li.inc2 {
	background-position: -36px 15px;
}

.availableArticles li.inc3 {
	background-position: -54px 15px;
}

.availableArticles li.inc4 {
	background-position: -72px 15px;
}

.availableArticles li.inc5 {
	background-position: -90px 15px;
}

.availableArticles li.inc6 {
	background-position: -108px 15px;
}

.availableArticles li a {
	color: #3D4C52;
}

.availableArticles li a:hover {
	color: #ACB3B6;
}

/* EDIT AND DELETE LINKS */
.editAndDelete {
	float: right; /*position:relative; top: -22px;*/
	margin: 0 5px;
}

.editAndDelete a.edit {
	background: url(../images/style/edit.gif) no-repeat transparent;
}

.editAndDelete a.delete {
	background: url(../images/style/delete.gif) no-repeat transparent;
}

.editAndDelete a.edit,.editAndDelete a.delete {
	padding: 0 10px 0 10px;
	background-position: 0 2px;
}

a.genericButton,a:link .genericButton {
	font-size: 90%;
	color: #3D4C52;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/style/genericButton_bg.gif) no-repeat top
		left transparent;
	padding: 3px 0px 4px 3px;
}

a.genericButton span,a:link .genericButton span {
	background: url(../images/style/genericButtonEdge_bg.gif) no-repeat
		top right transparent;
	padding: 3px 29px 4px 3px;
}

a:hover .genericButton {
	color: #FF3D1F;
	text-decoration: none;
}

ul#tabbedNav a:hover {
	color: #333;
}

ul#tabbedNav li a {
	background: transparent url(../images/style/topNavSpan_bg_inactive.gif) no-repeat
		scroll right top;
	padding: 19px 9px 9px 12px;
}

ul#tabbedNav li.selected {
    background: url(../images/style/topNav_bg.gif) no-repeat top left
        transparent;
    font-weight: bold;
    padding: 19px 0px 9px 5px;
}

ul#tabbedNav li.selected a {
    background: transparent url(../images/style/topNavSpan_bg.gif) no-repeat
        scroll right top;
    padding: 19px 9px 9px 12px;
}

/* --------------------------------------------------------------- TABBED NAV */
ul#tabbedNav {
	list-style-type: none;
	margin: 0px;
	padding: 0 0 10px 0;
	font-weight: normal;
	height: 30px;
	white-space: nowrap
}

ul#tabbedNav li {
	float: left;
	margin: 0;
	padding: 19px 0px 5px 0px;
	margin-left: 5px;
    background: url(../images/style/topNav_bg_inactive.gif) no-repeat top left
        transparent;
}

/*------------------------------------------------ HOME PAGE */
	/*#homePage #secondColumn h2 {
    border: 1px solid red;
    width: 420px;
}*/
div#whatsPopularWrapper,div#informWrapper,div#guideWrapper {
	margin-top: 20px;
}

div#whatsPopularWrapper h3 {
	font-size: 150%;
}

div#searchWrapper {
    margin-top: 1em;
}

div#guideWrapper h3,div#guideWrapper a,
div#searchWrapper h3, div#searchWrapper a {
    color: #E87511;
}

div#informWrapper a {
	color: #59AFCC;
}

div#informWrapper a,div#guideWrapper a {
	text-decoration: underline;
}

div#informWrapper ul,div#guideWrapper ul {
	margin-left: 10px;
}

#homepage label{
    margin-left: 0px;
    padding:0px; 
}
 
#homePage fieldset#searchbox #search {
	border: 1px solid darkgray;
	color: #777777;
    width:375px;
	font-size: 200%;
	padding: 0 5px;
	font-family:Arial,Helvetica,Verdana,Sans Serif;
}

#homePage fieldset#searchbox a {
	margin-top: 10px;
	margin-right: 82px;
	text-align: right;
	text-decoration: underline;
	display: block;
}

#search{
    height: 1.2em;
}

div#leftColumn .ancillaryInfo a.moreSearchLink {
	color: #777777 !important;
}

#header a {
	text-decoration: none;
}

/* Styling for MyCABDirect*/


#registrationPage #centreColumn form div {
    margin: 10px;
}

#registrationPage #centreColumn form label {
	display: block;
	float: left;
	width: 200px;
}

#mycabdirecteditprofile #centreColumn form div {
    margin: 10px;
}

#mycabdirecteditprofile #centreColumn form label {
    display: block;
    float: left;
    width: 200px;
}

div#mybookmarks {
	margin-left: 10px;
}

.error{
	color: red;
	font-size: 130%;
	font-weight: bold;
}

#searchWrapper fieldset{
    margin:1em;
}

#searchbox {
    position: relative;
}

p.resultNavigation{
    text-align: right;
    margin-right: 35px;
    float: right;
    color: #E87511;
}
p.resultNavigation a{
    color: #E87511;
    text-decoration: underline;
}
p#bottomNav{
    float: none;
    border-top: 1px solid black;
    margin-right: 0.5em;
}
ul.refinements{
    width: 100%;    
    margin-bottom: 5px;
} 
ul.refinements li{
    /*display: inline;*/
    margin-left: 1em;
    list-style: none;
}
 
#allNoneBottom{
    border-bottom: 1px solid black;
}


input.yearInput{
    width: 7.5em;
}

#addRow{
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
 
 /* ------------------------------------------------- Fragment Edit Decoration */

#preview_banner {
	position: fixed;
	width: 100%;
	top: 0;
	height: 22px;
	background: #f2d774;
	border-bottom: 2px solid black;
	padding-top: 3px;
	padding-left: 8px;
}

#preview_banner a{
    font-weight: bold;
    text-decoration: underline;
    margin-left: 0.5em;
 }

.edit_fragment {
	border: 1px dashed red;
	position: relative;
}

.edit_fragment .edit_fragment_link, #page .edit_fragment_link {
	position: absolute;
	top: -20px !important;
	left: -1px !important;
	padding: 2px 4px !important;
	background: url(../images/style/edit_link.png) !important;
	color: white !important;
	font-size: 13px !important;
	text-decoration: none !important;
	font-style: normal; 
}

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

body#emailCitation #secondColumn fieldset{
    width: 100%;
}
body#emailCitation label.mailLabel, body#emailCitation p.show{
    width: 140px;
    float: left;
    clear: left;
}
body#emailCitation p.show{
    height: 64px;
}
body#emailCitation label.radioLabel{
    display: block;
    padding: 5px 0px;
}
body#emailCitation input.shown{
    float: left;
}
body#emailCitation input.submit{
    clear: left;
    float: left;
    margin-left: 140px;
}
body#emailCitation .farAway{
    margin-bottom: 1em;
}
#sessionMessage {
    margin: 10px auto;
    width: 478px;
    text-align: center;
}

.removeFromMyCDForm div{
    display: inline;
}

#downloadCitation .radioLabel{
    display: block;
}

#downloadCitation .submit{
    margin: 1em;
}

#downloadCitation #secondColumn form{
    margin: 1em 0;
}

.risData{
    display: none;
}

#print{
    margin: 1em; 
}
#print #leftColumn{
    display: none;
}

#print #footer a{
    color: black;
}

#print h2{
    font-size: 200%;
}

#print #extraFields{
    margin: 1em 0em;
    list-style-type: none;
}
#print #extraFields li{
    margin: 0.5em 0em;
}

#search_combinations li{
    margin: 0.5em 1em;
    font-size: 1.2em;
}
#search_combinations a{
    text-decoration: underline;
    font-weight: bold;
}

/* Subject Map */
.subjects li{
    list-style: none;
}

.subjects h3{
    font-size: 1.5em;
    padding-top: 1em;
}

ul.subjectList{
    list-style: none;
}

li.level1{
    margin-left: 1em;    
}

li.level2{
    margin-left: 2em;    
}

li.level3{
    margin-left: 3em;
}

.subjectList{
    border-top: 1px solid black; 
}

.subjectList a{
    font-weight: bold;
    color: #E87511;
}
.subjects h3{
    color: #3D4C52;
}
.subjects a{
    color: #E87511;
}

.subjectList li{
    margin: 0.8em 0;
}

.bookmarkTools li{
    list-style: none; 
}

.bookmarkTools a{
    
    padding: 5px 25px 0 0;
}

.bookmarkTools input {
	background: transparent;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #00F;
	border-left: 0;
	color: #00F;
	display: inline;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

*:first-child+html .bookmarkTools input {		/* hack needed for IE 7 */
	border-bottom: 0;
	text-decoration: underline;
}

* html .bookmarkTools input {				/* hack needed for IE 5/6 */
	border-bottom: 0;
	text-decoration: underline;
}

.bookmarkTools span{
    padding: 0 20px 5px 0;
    background-position: right;    
}
/* IE6 hack to get inputs to render correct width */
#mycabdirecthome .bookmarkTools input{
    *width: 100%;
}
.bookmarkTools input{
    text-align: right;
}

.emailChoice fieldset{
    margin-top: 1em;
}

a.linkLike:hover {
    color: #000000;
}

a.linkLike {
    color: inherit;
}

.roamingPassportWarning {
    padding-left: 10%;
    width: 90%;
    height: 15px;
    background: url(../images/style/delete.gif) no-repeat;
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-style:italic;
    font-weight:bold;
    text-decoration: none;
    background: #f3ba88;
    border: solid 1px black;
    padding: 8px;
    margin: 4px 0;
    -moz-border-radius: 7px;
    -webkit-border-radius:7px;
    border-radius: 7px;
    overflow-y: hidden;
}

a.button{
    background-color: white;
    color: black !important;
    text-decoration: none !important;
    border: 1px solid black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0.4em;
    display: block;
    margin: auto;
    text-align: center;
}

.didYouMean a.button{
    float: right;
}

#searchEngineSearchResultAbstracts {
	padding: 10px 0 0 0;
}

#searchEngineSearchResults h4{
	font-size: 175%;
	font-weight: normal;
	color: #59AFCC;
	padding: 10px 0 0 0;
}

#searchEngineNotLoggedInMoreResultsFound{
	padding: 0 0 15px 0;
}

#searchEngineShowAllResults {
	padding: 10px 0 0 0;
    text-align: right;
}

#searchEngineShowAllResults a{
	font-size: 95%;
	color: #59AFCC;
	font-weight: bold;
	text-decoration: underline;
	padding: 3px 0px 3px 12px;
	margin:0 5px;
}




.footer-left-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-left-nav li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #fff;
}

.footer-left-nav li:last-child {
    boder:0;
}


/* ------------------------------------------------------------------ HELPERS */

.mob-only, .mob-i-only, #mobForm, #opts-panel {
    display: none;
}

.clearfix:before, .clearfix:after { 
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* links styled as buttons */
.button-like {
    text-decoration: none; font: menu;
    display: inline-block; padding: 2px 8px;
    background: ButtonFace; color: ButtonText;
    border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;

    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    text-decoration: none; font: menu; color: ButtonText;
    display: inline-block; padding: 2px 8px;
    padding: 1px;
}

.button-like:hover {
    text-decoration: none;
}

.button-like:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* buttons styled as links */
.linkLike {
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

@media screen and (max-width: 680px) {
    #mobForm {
        display: inline-block;
        *display: inline;
        margin-bottom: 10px;
    }
}