﻿/* n.b. style:
	
	min-height: 28px;
	height: auto ! important;
	height: 28px;

has been applied in several places the ordering is important and should not be changed. */

body
{
	padding:0;
	margin:0;
	/* width:776px; NOTE: removed by SCC/WOT */
}

/* Required to match body for IE*/
table
{
	margin:0px;
	padding:0px;
}

h1
{
	margin:0.2em 0em 0.2em 0em;
}

#scc-content h2, #scc-content h3
{
	margin:0px;
	padding:0px;
	display:inline;
}

hr
{
	clear:both;
	/* width:99%; NOTE: removed by SCC/WOT */
	width: 100%;
	float: right;
}
.content hr { /* NOTE: added by SCC/WOT */
    border: 1px solid #C9E0D8;
    background: #C9E0D8;
    margin: 5px 0;
    padding: 0;
}

notification
{
  position:relative;
  left:10%;
}
/*//////////////////////////////////////////////////////     HEADER */

.header
{
	float:left;
	min-height:90px;
	height:auto ! important;
	height:90px;
	width:100%;
}

.headerLoginContainer
{
	float:right;
	width:213px;
	padding-left:1px;
	padding-right:1px;
	text-align:right;
}

#headerMenu
{
	float:left;
	margin:0px;
	padding-right:0px;
	width:100%;
}

#headerlinks
{
    float: right;
    height: 41px;
    margin-bottom: 1px;
    width: 540px; /*596px; NOTE: changed by SCC/WOT */
    background: url(images/headerlink_eresource.gif) no-repeat scroll 450px 0; /* NOTE: added by SCC/WOT */
}

.navheader
{   
	float:left;
	height:35px;
	padding:2px;
	vertical-align: bottom;
	width:186px;
}

.eresourcelink, .homelink, .registerlink
{   
	float:left;
	height:41px;
	/* width:198px; NOTE: removed by SCC/WOT */
	width: 179px;
}

.eresourcelink, .registerlink
{
	margin-left:1px;
}

.eresourcelink a, .eresourcelink a:visited, .homelink a, .homelink a:visited, .registerlink a, .registerlink a:visited
{
	vertical-align:middle;
}

#ctl00_contentQuickSearch
{
	text-align: center;
	width: 100%;
	border: 0px;
	margin-top: 1px;
}

#ctl00_LoginInfoControl1
{
	float:left;
	margin:0px 0px 5px 0px;
	/*padding-right:5px !important;
	vertical-align:middle ! important;*/
}

div#PageOptions
{
    float:left;
	margin:0px 0px 0px 0px;
	padding-bottom:3px !important;
	padding-top:3px !important;
	width:50%;
}

div.resbasket
{
	/*float:right;*/
	min-height:85px;
	height:auto ! important;
	height:85px;
	text-align:center;
}

div#optionsContainer
{
	float:left;
	width:49%;
}
span#clearButtonContainer
{
	float:left;
	width:50%;
	text-align:right;
}

/*//////////////////////////////////////////////////////     FOOTER  */
#footer
{
	float:left;
	padding-top:10px;
	width:100%;
}

#footer ul li
{
    display: inline;
	list-style-type: none;
	padding-right: 50px;
}

#footer img
{
	border-width:0;
}


.footerImageLink ul li
{
	display:inline;
}

.dsfooter
{
    float:right;
    /*font-size:.8em; NOTE: removed by SCC/WOT */
    text-align:right;
}    

#ctl00_topLink
{
	margin-bottom:4px;
	margin-top:0px;
	padding-right:5px;
}
/*//////////////////////////////////////////////////////     FORMS  */

textarea
{
	width:95%;
}

.checkbox
{
	border:0;
	vertical-align: middle;
}

.radio input
{
	border:0;
}

.radioNotification input
{
	border:0;
}

.button
{
    /*min-height:16px ! important;
    height: auto ! important;
    height:16px;*/
	padding: 1px 2px ! important; /* 0 2px NOTE: changed by SCC/WOT */
	/*margin-left: 5px; NOTE: removed by SCC/WOT */
	margin: 4px 0; /* NOTE: added by SCC/WOT */
}

form
{
	margin-bottom:0;
}

.borrowerNumberTextBox
{
	width:112px;
}

.pinTextBox
{
	width:60px;
}

/*//////////////////////////////////////////////////////     SECTION NAVIGATION (SEARCH PAGE)  */

.contentSectionNavigationContainer
{
	width: 100%;
	line-height: normal;
}

.contentSectionNavigationContainer ul
{
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
.contentSectionNavigationContainer li
{
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
}
.contentSectionNavigationContainer a, .contentSectionNavigationContainer a:visited
{
	float: left;
	display: block;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #02614D;
	background-color: #fff;
}

/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
.contentSectionNavigationContainer a
{
	float: none;
}
/* End IE5-Mac hack */

.contentSectionNavigationContainer a:hover
{
	color: #02614D;
	background-color: #fff;
}
.contentSectionNavigationContainer #current
{
	border-width: 0;
}
.contentSectionNavigationContainer #current a
{
	color: #02614D;
	background-color: #fff;
}

/*//////////////////////////////////////////////////////    Application Styles  */


.center
{
	text-align: center;
}

td
{
    font-size: 1em !important;   
}



.right
{
	text-align: right;
}

#topLink a
{
	text-decoration: none;
	color: #003399;
	background-color: #fff;
}

#ctl00_topLink li, #ctl00_topLink
{
	list-style-image: none;
	display: inline;
}

.contentMainUserButton a, .contentMainUserButton a:visited
{
	line-height:2;
	margin-right:3px;
	padding:1px 4px 1px 4px;
}

.contentMainUserButton li,.contentMainUserButton ul
{
	margin-top: 2px;
	margin-bottom:2px;
	list-style:none;
}
.contentMainUserButton ul
{
	margin-left:0px;
	padding-left:0px;
}

/* index.aspx Styleing */

.mainHeaderBar, .headerBar, .indexSubHeader
{
	float:left;
	width: 100%; /*96%; NOTE: changed by SCC/WOT */
}

.mainHeaderBar, .headerBar, .indexSubHeader, .AccountSubHeader
{
	font-weight: bold;
	color: #000000; /* #FFFFFF NOTE: changed by SCC/WOT */
	padding: 2px 5px; /* 1% 1% 1% 2%; NOTE: changed by SCC/WOT */
	margin: 0.5em 0;
	width: 530px; /* NOTE: added by SCC/WOT */
	
}

.mainHeaderBar
{
	background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
	border: solid 1px #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
}

.headerBar, .indexSubHeader, .AccountSubHeader
{
	background-color: #C9E0D8; /* #C0C0C0; NOTE: changed by SCC/WOT */
	border:solid 1px #C9E0D8; /* #C0C0C0; NOTE: changed by SCC/WOT */
	/*width: 96%;*/
}
	
.mainFooterBar, .footerBar
{
	clear:both;
	border-top: solid 6px;
	margin:0.5em 0em 0.5em 0em;
	width: 99%;
}
	
.mainFooterBar
{
	border-color: #02614D;
}

.footerBar
{
	border-color: gray;
}

.RowContainer:after
{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.contentheadinginformation
{
	float: left;
	font-weight: bold;
}
#borrowerNameContainer
{
	color: blue;
	background-color: #fff;
	padding-bottom: 5px;
	font-size: 110%;
}
.YourAccountColumnHeader
{
	font-weight: bold;
}
.AccountDetailsRowTitle
{
	padding-bottom: 5px;
	float: left;
	font-weight: bold;
	width: 190px;
}
.AccountDetailsRowTitle a
{
	text-decoration: none;
}
.AccountDetailsRowData
{
	float: left;
	width: 213px;
}

.AccountDetailsRowLink
{
	float: left;
	width: 180px;
}

.PreferencesRowTitle
{
	padding-bottom: 5px;
	float: left;
	font-weight: bold;
	width: 300px;
}

.PreferencesRowData
{
	float: left;
	width: 200px;
}

.PreferencesRowLink
{
	float: right;
	text-align:right;
	padding-right:5px;
	width: 80px;
}

/*Global Catalogue Styles */

.CataloguePageNavCurrent
{
	color: red;
	background-color: #fff;
	text-decoration: none;
}

.CataloguePageNav
{
	color: black;
	background-color: #fff;
}

.CataloguePageNavNextPrevious, span.returntotitlelist a, span.editsearch a, .SavedSearchLinkContainer a, .titlelistlink
{
	font-weight: bold;
	text-decoration: none;
	/*color: #990000;
	background-color: #fff;*/
	
}

.CataloguePageNavNextPrevious img
{
	border: 0;
}

.CatalogueViewAll
{
	text-align: right;
}


/* 02_003_BrowseResults.aspx Styles */



#ctl00_ContentPlaceCenterContent_browseResultsDisplay table
{
	border-collapse: collapse;
	float: left;
	width:99.5%;
}

table.accountsContainer
{
	border-collapse:collapse;
}
#ctl00_ContentPlaceCenterContent_accountResultsContainer
{
	margin-left:5px;
}

/*changes copyAvaliblityDisplay rows*/
.BrowseResultsHeaderRow
{
	font-weight: bold;
	text-align: left;
	background-color:#C0C0C0;
	padding:3px;
}

.BrowseResultsColumn1
{ 
	width: 10%;
	text-align: left;
	vertical-align:top;
	padding:4px 4px 4px 0px;
}
/*changes copyAvaliblityDisplay rows-alternating colour*/
.BrowseResultsColumn2
{
	width: 65%;
	text-align: left;
	padding: 4px;
	font-size:1em;
}
.BrowseResultsColumn3
{
	width: 15%;
	text-align: right;
	vertical-align:top;
	padding:4px 0px 4px 4px;
}

.BrowseResultsColumn2 ul, .BrowseResultsColumn2 ul li
{
	list-style:none;
	padding-top : 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:0px;
}

/*    02_004_TitleResults.aspx   */

.TitleListResultsOuterContainer:after
{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.TitleListResultsOuterContainer
{
	/*font-size: 0.9em; NOTE: removed by SCC/WOT */
}

.TitleListResultsCenter
{
	float: left;
	width: 60%;
	padding-left: 5px;
}

.TitleListResultsRight
{
	float: right;
	text-align:right;
}

.TitleListResultsRecordNumber
{
	float: left;
	width: 20px;
}

.TitleListResultsItemContainerStyle2 { /* NOTE: added by SCC/WOT */
    padding: 0 0 10px 0;
}
.TitleListResultsItemContainerStyle2, .TitleListResultsItemContainerStyle4
{
	float:left;
	text-align:left;
	width: 100%;
	background-color: #FFFFFF;
}
.TitleListResultsLeftStyle2
{
	width: 90px;
	float:left;
}
.TitleListResultsCenterStyle2, .TitleListResultsCenterStyle2Reduced, .TitleListResultsCenterStyle4Reduced
{
	width: 280px;
	float:left;
}

.TitleListResultsCenterStyle2 h2
{
  
}

.TitleListResultsCenterStyle2Reduced, .TitleListResultsCenterStyle4Reduced
{
	width: 55%;
}
.TitleListResultsCenterStyle2 ul, .TitleListResultsCenterStyle2 ul li 
{
	display: inline;
}
.TitleListResultsCenterStyle2 ul
{
	margin-left:0px;
}

.TitleListResultsRightStyle2
{
    display: none;
    border: solid 0px black;
	width: 5px;
	vertical-align: text-top;
	float:right;
}

.TitleListResultsRightStyle2Extended, .TitleListResultsRightStyle4Extended
{
    border: solid 0px black;
	text-align:right;
	vertical-align: text-top;
	float:right;
}

.TitleListResultsRightStyle2Extended
{
	width: 130px;
}

.TitleListResultsRightStyle4Extended
{
	width: 150px;
}


.TitleListResultsLeftStyle4
{
	width: 70px;
	float:left;
}
.TitleListResultsCenterStyle4
{
	width: 235px;
	float:left;
}

div.ReservationListResultsLeftStyle4
{
	float:left;
	padding-left:6px;
	width: 64px;
}

div.ReservationsListResultsRightStyle4
{
	text-align:right;
	vertical-align: top;
	float:right;
}

.TitleListResultsRightStyle4
{
	width: 130px;
	text-align:right;
	vertical-align: top;
	float:right;
}
.TitleListResultsRecordIconStyle4
{
	float: left;
	width: 180px;
	text-align: left;
	margin-top:0.5em;
	margin-bottom: 20px; /*add line underneath media format in Your Loans LL 30/10/08*/
	white-space:nowrap;
}
.TitleListResultsRecordIconStyle4 img
{
	vertical-align:middle;
	height:30px;
	width:30px;
	margin-right:0.5em;
}
.TitleListResultsRecordIconStyle4 span
{
	margin-right:1em;
}

.TitleListResultsItemContainerStyle3
{
	width:100%;
}
.TitleListResultsPictureLeft
{
	float:left;
}
.TitleListResultsPictureRecordNumber
{
	float: left;
	width: 30px;
}
.TitleListResultsPictureImage
{
	float: left;
	width: auto;
}
.TitleListResultsPictureCenter
{
	padding-left: 15px;
	float:left;
	width: auto;
}

.TitleListResultsExtraStyle4, .ReservationListResultsFeeStyle4
{
	clear:both;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.TitleListResultsExtraStyle4 img
{
	vertical-align:middle;
}

LoansHistoryListResultsRecordNumber
{
	float: left;
	width: 60px;
}

.TitleListResultsRecordImage
{
	float: left;
	text-align:center;
	width: 43px;
}
.TitleListResultsRecordIcon
{
    display: none;
    border: solid 0px purple;
	float: left;
	width: 180px;
	text-align: left;
}

#TitleInformationCol1, #TitleInformationStyle4Col1
{
	float: left;
	width: 39%;
	display: inline;
	text-align: center;
}

#TitleInformationCol1 a
{
	text-decoration: none;
}

#TitleInformationCol2, #TitleInformationStyle4Col2
{
	float: left;
	width: 60%; /* 64%; NOTE: changed by SCC/WOT */
	display: inline;
}

/* Picture search - row layout */
#TitleInformationRow1 
{
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

#TitleInformationRow1 a
{
	text-decoration: none;
}

#TitleInformationRow1 ul, #TitleInformationRow1 ul li 
{
	display: inline;
}

#TitleInformationRow2
{
	width: 90%;
	margin-left: auto; 
	margin-right: auto;
}
/* Style 4 - row layout */
#TitleInformationStyle4Row1 
{
}

#TitleInformationStyle4Row1Left 
{
	display: inline;
	float:left;
	padding-bottom:1em;
}

#TitleInformationStyle4Row1Right 
{
	display: inline;
	float:right;
	text-align:right;
	font-weight:bold;
}

#TitleInformationStyle4Row2
{
	clear:both;
}

#TitleInformationRecordIconStyle4
{
	float: left;
	text-align: left;
	margin-top:1em;
	margin-bottom:1em;
}
#TitleInformationRecordIconStyle4 img
{
	vertical-align:middle;
	height:30px;
	width:30px;
	margin-right:0.5em;
}
#TitleInformationRecordIconStyle4 span
{
	margin-right:1em;
}
#TitleInformationExtraStyle4
{
	clear:both;
	margin-bottom:0.5em;
}
#TitleInformationExtraStyle4 img
{
	vertical-align:middle;
}

#amazonLinkContainer
{
	float: right;
	padding: 2px 0px 10px 0px;
	text-align: right;
}

#amazonLinkContainer img
{
	border: none;
}

.TitleInformationCopyAvailHeader
{
	font-weight: bold;
	text-align: left;
	background-color: #C9E0D8; /* C0C0C0; NOTE: changed by SCC/WOT */
	padding: 2px 5px; /* 3px; NOTE: changed by SCC/WOT */
}

.TitleInformationCopyAvailItem1
{
	background-color:#E0E0E0;
	padding:3px;
}
.TitleInformationCopyAvailItem2 
{
	background-color:#FFFFFF;
	padding:3px;
}


.TitleInformationCopyAvailItem1NotForLoan,.TitleInformationCopyAvailItem2NotForLoan 
{
	color: Red;
	background-color: #fff;
}

.TitleInformationTable td
{
	vertical-align:top
}

.TitleInformationHeader
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.TitleInformationHighlight
{
	color: Red;
}

/*
#################################################
#												#
##												#
###												#
#####	STYLES FOR YOUR READING LIST MODULE		#
###												#
##												#
#												#
#################################################	
*/

.readingListSelectContainer a
{
	padding-left: 10px;
}

.readingListSelectContainer div.indexSubHeader
{
	margin-top: 5px;
	margin-bottom: 3px;
}

.readingListSelectContainer div.indexSubHeader a
{
	color: #FFFFFF;
	background-color: inherit;
	text-decoration: none;
}

.readingListValues
{
	float:left;
	list-style: none;
	margin-left:0px;
	padding:0px;
}

/*
#################################################
#												#
##												#
###												#
#####	STYLES FOR ALL PAGE SIDE PANELS			#
###												#
##												#
#												#
#################################################	
*/
/*Right Hand Control Styles */
#BasketContainer ul li
{
	display: inline;
}



#BasketLinkContainer
{
	padding-left:3px;
}

#TitleInformationRelatedContainer, #BasketContainer
{
	padding-top: 1px;
}
#TitleInformationRelatedContainer h3, .TitleListMediaLimitContainer h3
{
	background-color: #C9E0D8; /* 02614D; MOTE: changed by SCC/WOT */
	color: #000000; /* #ffffff; NOTE: changed by SCC/WOT */
	/*font-size: 95%; NOTE: removed by SCC/WOT */
	font-weight: bold;
	/*text-transform: uppercase; NOTE: removed by SCC/WOT */
	margin: 10px 0 0 0; /* NOTE: changed by SCC/WOT from 0 */
	padding: 2px 0 2px 10px; /*8px 0px 1px 10px; NOTE: changed by SCC/WOT */
	letter-spacing: normal;
	width: 195px;
	display:block;
	
}


/* ------------------------ additional basket containers start ------------------------ */

div.basketTitle
{
	min-height:33px;
	height:33px;
	height:auto ! important;
	width: 100%;
}

div.basketTitleImage
{
	float:left;
	height: 25px;
	margin: 4px 5px 0px 5px;
	width: 25px;
}


span.basketTitleText
{
	float:left;
	padding-top: 9px;
	text-align: left;
	width: 80%;
}

/* ------------------------ additional basket containers end ------------------------ */

#TitleInformationRelatedLinksContainer  
{
	border-width: 0px;
	float:left;
	width: 198px; /* 100%; NOTE: changed by SCC/WOT */
	border: 1px solid #C9E0D8; /* 02614D; NOTE: changed by SCC/WOT */
	padding-left: 5px; /* NOTE: added by SCC/WOT */
}

#BasketItemsContainer
{
	border-width: 0px;
	float:left;
	width: 100%;
}

#TitleListLimitLinksContainer
{
	border:  solid 1px #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
	border-top-width: 0px;
	padding: 0px 0px 0px 2px;
}

#TitleListLimitLinksContainer ul, #BasketContainer ul
{
	list-style: none;
	margin: 0px;
	padding: 2px;
}

#TitleInformationRelatedContainer li, #TitleListLimitLinksContainer li
{
	margin: 0;
	padding: 0px 0px 0px 2px;
}

/* Left Hand control Styles */

/*RecentViewed Style */
.RecentlyViewedContainer, .SavedSearchContainer, .SearchHistoryContainer
{
    margin-top: 10px; /* NOTE: added by SCC/WOT */
	clear:both;
	padding-top: 6px;
}

.RecentlyViewedHeader, .SavedSearchHeader, .SearchHistoryHeader
{
	background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
	font-weight: bold;
	color: #000000; /* #ffffff; NOTE: changed by SCC/WOT */
	padding:2px 2px 2px 8px; /* 2px 2px 2px 10px; NOTE: changed by SCC/WOT */
	padding-left: 8px;
	/*width: 167px;*/
}

.RecentlyViewedLinkContainer, .SavedSearchLinkContainer, .SearchHistoryLinkContainer
{
   border: 1px solid #C9E0D8; /*02614D; NOTE: changed by SCC/WOT */
   /*float:left;
   padding:2px 2px 2px 2px;*/
   overflow:hidden;
   /*width:173px;*/
}

.RecentlyViewedLinkContainer ul, .SavedSearchLinkContainer ul, .SearchHistoryLinkContainer ul
{
	margin: 2px 0px 0px 2px;
	padding-left: 0; /* 12px; NOTE: changed by SCC/WOT */
}

.RecentlyViewedLinkContainer li, .SavedSearchLinkContainer li, .SearchHistoryLinkContainer li
{
	margin: 0;
	padding: 3px 0px 3px 6px; /* 3px 0px 3px 0px NOTE: changed by SCC/WOT */
}

/* NOTE: New styles added by SCC/WOT to style buttons in these boxes */
.RecentlyViewedLinkContainer input, .SavedSearchLinkContainer input, .SearchHistoryLinkContainer input {
    background-color:#02614D;
	color:#FFFFFF;
	padding: 3px 0px;
	font-weight: bold; /* NOTE: added by SCC/WOT */
	border: 1px solid #333333; /* NOTE: added by SCC/WOT */
    border-top: 1px solid #999999; /* NOTE: added by SCC/WOT */
    border-left: 1px solid #999999; /* NOTE: added by SCC/WOT */    
}
.RecentlyViewedLinkContainer input:hover, .RecentlyViewedLinkContainer input:focus, .RecentlyViewedLinkContainer input:focus:hover,
.SavedSearchLinkContainer input:hover, .SavedSearchLinkContainer input:focus, .SavedSearchLinkContainer input:focus:hover,
.SearchHistoryLinkContainer input:hover, .SearchHistoryLinkContainer input:focus, .SearchHistoryLinkContainer input:focus:hover {
    background: #FFFF99;
    color: #000000;
}

/* Search History Styles */

#SearchHistoryContainer
{
	clear: both;
}

#SearchHistoryContainerBox
{
	width: 100%;
}

#SearchHistoryContainer li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#SearchHistoryContainer h3
{
	color: #003399;
	background-color: #fff;
	font-size: 1.5em;
}

.SavedSearchPageContainer, .AlertsPageContainer, .ListsPageContainer
{
	width: 100%;
}

.SavedSearchPageContainer th, .AlertsPageContainer th, .ListsPageContainer th
{
	text-align: left;
	background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
	font-weight: bold;
	padding-left: 5px;
	color: #000000; /* #FFFFFF; NOTE: changed by SCC/WOT */
}

.AlertsPageContainer td, .ListsPageContainer td
{
	vertical-align:top;
}

.SavedSearchColumn1, .ListsColumn1
{
	width: 30%;
}
.SavedSearchColumn2, .ListsColumn2
{
	width: 40%;
}
.SavedSearchColumn3, .ListsColumn3
{
	width: 30%;
}

.AlertsColumn1
{
	width: 25%;
}
.AlertsColumn2
{
	width: 35%;
}
.AlertsColumn3
{
	width: 20%;
}
.AlertsColumn4
{
	width: 20%;
}

.SaveSearchLink
{
	font-size: 80%;
}

.row
{
	clear: both;
	float:left;
	margin: 0px 0px 5px 5px;
	width: 99%;
}

.label, .loginLabel
{
	float: left;
	width: 24%;
	margin-right: 1%;
	vertical-align: top;
}

.preferencesLabel
{
	float: left;
	width: 50%;
	margin-right: 1%;
	vertical-align: top;
}

.preferencesField
{
	float: left;
	width: 45%;
	vertical-align: top;
}

.time
{
	float: left;
	width: 45%;
	vertical-align: top;
}

.timesLabel
{
	float: left;
	width: 50%;
	margin-right: 1%;
	vertical-align: top;
}

.field, .loginField
{
	float: left;
	width: 72%;
	vertical-align: top;
}
.field label
{
	vertical-align: top;
}

.loginLabel
{
	width: 24%;
}

.loginField
{
	width: 50%;
}
.loginErrorField
{
	float: left;
	width: 25%;
	vertical-align: top;
}


/* used to style field radio buttons */
.field table
{
}

.BrowseResultsNavigationContainer
{
	float:left;
	width:100%;
}

.BrowseResultsNavigationContainer ul li
{
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

.BrowseResultsNavigationContainer ul
{
	float:right;
	margin-bottom: 6px;
	margin-top: 6px;
	padding-left:0px;
	white-space:nowrap;
}

.BrowseResultsInformationContainer
{
	float:left;
	width:100%;
	padding: 10px 0;
}

.saveContainer
{
	display: block;
	width: 100%;
}

.EmailResultsContainer
{
	clear:both;
}
.EmailResultsContainer:after
{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.error
{
	font-weight: bold;
	color: Red;
	background-color: #fff;
}

.renewCheckBoxLabel
{
	position: absolute;
	margin-left: -999px;
	visibility: hidden;
}

.ReviewRow1
{
	padding: 5px;
}
.ReviewReviewer
{
	width: 50%;
	float: left;
}
.ReviewAdded
{
	width: 28%;
	float: left;
}
.ReviewRating
{
	width: 19%;
	float: left;
}

.ReviewRating img
{
	vertical-align:top;
	margin-top:-2px;
}

.ReviewRow2
{
	clear: left;
	padding: 15px 5px;
}

#ctl00_ContentPlaceCenterContent_copyAvailabilityDisplay table
{
	margin:4px;
	border-collapse:collapse;
	width: 98%;/*JAM0808*/
}
#ctl00_ContentPlaceCenterContent_copyAvailabilityDisplay table caption
{
	display: none;
}

ul#reviewLinks
{
	list-style-type: none;
	padding-left: 2px;
	margin: 2px 0px 2px 2px;
}

.PayOnlineTable
{
	width:100%;
}
.PayOnlineTable th
{
	text-align:left;
}

/*////////////////////////////////////////////////////// Switcher Styles  */

.FontSizeSwitcherContainer, .StyleSwitcherContainer, .LanguageSelectorContainer, .NielsenImagesSwitcher
{
	vertical-align: middle;
}
.FontSizeSwitcherContainer ul, .FontSizeSwitcherContainer ul li, .StyleSwitcherContainer ul, .StyleSwitcherContainer ul li,.LanguageSelectorContainer ul, .LanguageSelectorContainer ul li, .NielsenImagesSwitcher ul, .NielsenImagesSwitcher ul li
{
	display: inline;
	padding-right: 5px;
}
.FontSizeSwitcherContainer ul, .StyleSwitcherContainer ul, .LanguageSelectorContainer ul, .NielsenImagesSwitcher
{
	padding: 0px;
}

.FontSizeSwitcherContainer img, .StyleSwitcherContainer img, .LanguageSelectorContainer img, .NielsenImagesSwitcher img
{
	border: 0;
	vertical-align: middle;
}


/* Homepage */

.update
{
	margin-bottom: 0.2em;
}

.update h2
{
	color: #02614D;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: 0;
	margin-right: 0;
	font-size: 1.1em;
	font-style:normal;
	font-weight:bold;
	display: block;
}

#horizontalline
{
   width: 100%;
   border-bottom-color: Black;
   border-style:solid;
   border-bottom-width: 1px;
}

.updateTitle
{
	width: 100%;
	color: #ffffff;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-right: 0;
	font-size: 1.5em;
	font-style:normal;
	font-weight:normal; 
}

.latestBookTitle
{
	float:left;
	margin-bottom:0.2em;
	margin-right:0pt;
	margin-top:0.2em;
	min-height: 28px;
	height: auto ! important;
	height: 28px;
	padding-left: 4%;
    width: 96%; 
}

.toplink-button 
{
 padding-top: 10px;   
   text-align: center;
   
   
}

.toplink-button a:hover
{
    text-decoration: underline;
    

}



.toplink-text
{
 padding-top: 8px;   
  text-align: center;
   font-weight: bold;
}

div#banner
{
    
 width: 100%;
 background-color: #02614D;
 color: #ffffff;
    
}

div#selected
{
  background-color: #C0C0C0;
  border: 0px;   
  text-align:center;
  border-color: #C0C0C0; 
}

.as_border
{
    border-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
    border-width: 2px; 
    background-color: #C0C0C0;  
}

.homesearch
{
      padding-left: 20px !important;
         
}

.hsearch
{
      color: #ffffff;
      background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
         
}

.homesearchtitle h1
{
    color: gray;
    text-align: center;
    font-size: 1.2em;
}

.login a 
{
color: #ffffff; 
}

.login a:visited
{
color: #ffffff; 
}

div.login 
{
	float:right;
	padding-top:3px ! important;
	width:50%;
}

/* NAVIGATION STYLE HEADINGS */

table.navigation
{
  border-width: 0px;
  background-color:#ffffff;
}

tr.navigation
{
	border-width: 0px;
	padding: 0px;
	background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
	height: 35px;
}

td.navigationhead
{
	width: 37px;
	background: #02614D url(images/search_icon3.gif) no-repeat top left;
	padding: 0;
	margin: 0;
}

td.navigationhead2
{
	width: 37px;
	background: #02614D url(images/personal_icon.gif) no-repeat top left;
	padding: 0;
	margin: 0;
}

td.navigationhead3
{
	width: 37px;
	background: #02614D url(images/Browse_reading_list.gif) no-repeat top left;
	padding: 0;
	margin: 0;
}

td.navigationhead4
{
	width: 37px;
	background: #02614D url(images/Browse_reading_list.gif) no-repeat top left;
	padding: 0;
	margin: 0;
}

td.navigationnode
{
	width: 35px;
	height: 35px;
	padding: 0px;
	margin: 0;
}

td.sectionhead
{
	border: 5px;
	padding: 0px;
	margin: 0;
	width: 152px;
	background-color: #C0C0C0;
} 

td.sectionnode
{
	text-indent: 3px;
	padding: 0px;
	background-color: #E0E0E0;
}   

a.sectionnode 
{
	color: Black;
	text-decoration: none;
}

/* Search Box main page */

.booksearch div#titleBox br { /* NOTE: added by SCC/WOT */
    display: none;
}
.booksearch div#titleBox
{
    margin-top: 2px; /* NOTE: added by SCC/WOT */
	margin-bottom: 3px;	
	margin-left: 5px;
}

.booksearch div#searchBox
{
	margin-left:5px;
}

input#ctl00_ContentPlaceCenterContent_BookSearchControl_search1
{
	width: 85%;
	margin-bottom:3px;
}

input#ctl00_ContentPlaceCenterContent_BookSearchControl_search2
{
	width: 85%;
	margin-bottom:3px;
}

/* Advanced search screen styles */

.advancedlabel
{
	float: left;
	width: 30%;
	vertical-align: top;
}

.advancedfield
{
	float: left;
	width: 65%;
	vertical-align: top;
}

.advancedtext
{
	float: left;
	width: 37%;
	margin-right: 1%;
	vertical-align: top;
	display: block;
	overflow: auto;
}

.advancedsearchrow
{
	float:left;
	padding: 2% 0% 1% 5%;
	width:95%;
}

.advancedsearchsubmit
{
	float:left;
	padding-top:1%;
	text-align:center;
	width:95%;
}

.standardsearch
{
	float:left;
	padding-top: 2%;
	width:100%;
}

.standardlabel
{
	float: left;
	width: 20%;
	vertical-align: top;
}

.standardfield
{
	float: left;
	padding-left: 5%;
	width: 34%;
	vertical-align: top;
}

.basicsearchrow
{
	float:left;
	padding-left:5%;
	width:95%;
}

.basicsearchsubmit
{
	float:left;
	padding-bottom:1%;
	padding-top:1%;
	text-align:center;
	width:95%;
}

.basiclabel
{
	float: left;
	width: 30%;
	vertical-align:middle;
}
.basicfield
{
	float: left;
	width: 35%;
	vertical-align: middle;
	padding-left:0%;
	padding-bottom:1%;
	
}

/* Search box misaligned in IE6 LL*/

#ctl00_ContentPlaceCenterContent_searchTerm
{
    margin: 0px;   
}


.advancedText
{
	float:left;
	width:100%;
}

.ctl00_ContentPlaceCenterContent_juniorLimit
{
	position:absolute;
	left:10px;
}

.book
{
	border-left: solid 1px gray;
	float:left;
	padding:0px 0px 10px 5px;
}

.book img
{
	float:left;
	padding-right:5px;
}

.item
{
	float:right;
	width:100%;
}

.title
{
	float:right;
	font-weight:bold;
	width:100%;
}
	
.shortLink
{
	float:left;
}

.bookImage
{
	float:left;
}

.bookText
{
	float:right;
	width:145px;
}

.mainHeader {
    margin-top: 0.2em;
    /*min-height: 28px;
    height: 28px;
    height: auto ! important; NOTE: removed by SCC/WOT */
    width: 530px; /* 572px; NOTE: changed by SCC/WOT */
    /* padding-right: 10px; NOTE: removed by SCC/WOT */
    padding-left: 10px; /* 13px; NOTE: changed by SCC/WOT */
}
/* generic fieldset style */

#scc-content fieldset /* NOTE: changed by SCC/WOT (prefixed with #scc-content_ */
{
	border-style: solid;
	border-color: #C9E0D8; /* NOTE: added by SCC/WOT */
	border-width: 24px 1px 1px;
	float: left;
	margin: 5px 0px 14px 0; /* 5px 0px 14px 4px; NOTE: changed by SCC/WOT */
	width: 540px;
	/* width: 95%; NOTE: removed by SCC/WOT */
	padding: 0 0 5px 0;
}

#scc-content fieldset div.textRow /* NOTE: changed by SCC/WOT (prefixed with #scc-content) */
{
	float:left;
	width:95%;
	margin:10px 0px 5px 5px;
}

.fieldsetspacerrow
{
	float:left;
	min-height:10px; /* 2px NOTE: changed by SCC/WOT */
	height:10px; /* 2px NOTE: changed by SCC/WOT */
	width:100%;
}

.spacerrow
{
	float:left;
	min-height:5px;
	height:5px;
	width:100%;
}

#scc-content legend /* NOTE: changed by SCC/WOT (prefixed with #scc-content) */ {
	display: block;
	min-height: 24px;
	line-height: 24px;
	/*height: 24px; NOTE: removed by SCC/WOT (moved to IE conditional) */
	height:auto ! important;
	/* padding-top: 4px; NOTE: removed by SCC/WOT */
	/*padding-bottom: 4px; NOTE: removed by SCC/WOT */
	padding-left: 5px; /* NOTE: added by SCC/WOT */
	background: #C9E0D8; /* NOTE: added by SCC/WOT */
}
* html #scc-content legend { /* NOTE: added by SCC/WOT (IE6: no support for min-height) */
    height: 24px;
}
#ctl00_ContentPlaceCenterContent_juniorLimit
{
	border: none 0px Transparent;
}

#SearchHistoryContainer ul
{
	margin:0px 0px 0px 6px;
	padding:0px;
}

.AccountSubHeader th
{
	padding-bottom: 7px;
	padding-top: 7px;
}

#ctl00_FontSizeSwitcherContainer
{
	padding-left:5px;
}

div.toplink
{
	float:left;
	width:100%;
}

/* NOTE: added by SCC/WOT (SCC styles should handle these)

p
{
	clear:both;
	width:96%;
}

.content h1, .content p, .main p
{
	margin-left:7px;
}
*/

.content h1 /* NOTE: added by SCC/WOT */ {
    margin-top: 1.0em;
}


#ctl00_ContentPlaceCenterContent_detailsFormSubmit
{
	margin-left:10px;
}

#ctl00_ContentPlaceCenterContent_browseResultsSelector
{
	float: left;
	text-align: left;
	padding:5px 0px 10px 8px;
	width: 90%;
}

div.mediaListTitle {
	background-color: #C9E0D8; /* 02614D; NOTE: changed by SCC/WOT */
	min-height: 18px;
	height: auto ! important;
	height: 25px;
	margin-top:7px;
	padding-left:8px;
	padding-top:4px;
}

div.mediaListTitle span
{
	color:#000000; /* #ffffff; NOTE: changed by SCC/WOT */
	font-weight: bold; /* NOTE: added by SCC/WOT */
}

.noresults
{
    width:133.5%;
}

.results
{
	width:100%;
}


/*#ctl00_ContentPlaceCenterContent_EnquirySearchDisplay*/
/*div.csidheaderbar
{
	background-color: #02614D;
	color: #000000;
	float:left;
	min-height:10px;
	height:auto ! important;
	height:10px;
    
    margin:4px 0px 4px 0px;
}*/



/*#ctl00_ContentPlaceCenterContent_browseSearchDisplay*/
div.csidheaderbar
{
	background-color: #C9E0D8; /*02614D; NOTE: changed by SCC/WOT */
	color: #000000;
	float:left;
	min-height:10px;
	height:auto ! important;
	height:10px;
    margin:4px 0px 4px 0px;
    width:100%;
	/*width:584px;*/
}

#ctl00_ContentPlaceCenterContent_saveContainer.fieldset
{
	background-color: #C9E0D8; /* #02614D; NOTE: changed by SCC/WOT */
}

#ctl00_ContentPlaceCenterContent_browseResultsDisplay
{
	float:left;
	padding-left:8px;
}

#ctl00_ContentPlaceCenterContent_requestATitleLink
{
	float:left;
	margin:8px 0px 0px 8px;
}

#ctl00_ContentPlaceCenterContent_requestATitleLink
{
	float:left;
	text-align:left;
	width:90%;
}

#ctl00_ContentPlaceCenterContent_EnquiryResultsDisplay1
{
	/*float:left;*/
	/*padding-left:8px; NOTE: removed by SCC/WOT */
}

#ctl00_ContentPlaceCenterContent_EnquiryResultsDisplay1 hr { /* NOTE: added by SCC/WOT */
    border: 1px solid #C9E0D8;
    background: #C9E0D8;
}

#ctl00_ContentPlaceCenterContent_ResultsContainer
{
	margin-left:5px;
}

#ctl00_ContentPlaceCenterContent_BorrowerNameContainer
{
	margin-left:7px;
}
#ctl00_htmlRootElement
{
	position:relative
}

.fontMedium, .fontLarger, .fontLargest
{
	background-color:#02614D;
	color:#ffffff;
	cursor:pointer;
}

.fontMedium
{
	font-size:100%;
	width: 1.3em;
}

.fontLarger
{
	font-size:125%;
	width: 1.3em;
}

.fontLargest
{
	font-size:150%;
	width: 1.3em;
}

#ctl00_FontSizeSwitcherContainer, #ctl00_fontSizeSwitcher
{
	float:left;
	min-height:25px;
	height:auto ! important;
	height:25px;
}

/*#ctl00_FontSizeSwitcherContainer
{
	padding-bottom: 3%;
}*/

#ctl00_FontSizeSwitcherContainer ul
{
	margin:0px;
}

.contentMainUserButton ul li a,
.contentMainUserButton ul li a:visited, 
.contentMainUserButton ul li a:active, 
.contentMainUserButton ul li a:hover{
    color:#ffffff ! important;
	margin-right: 0px;
}

div.StyleSwitcherContainer ul li a
{
	color:#ffffff;
}

/*div.StyleSwitcherContainer
{
	float:left;
	margin-left: 10px;
	margin-top: 1.2%;
}*/

div.StyleSwitcherContainer ul
{
	margin: 0px;
}

div.StyleSwitcherContainer ul li input
{
	padding-left:0px;
}

div#ctl00_LoginInfoControl1 { /* NOTE: added by SCC/WOT */
    background: #FFFFFF;
    width: 195px;
    min-height: 26px;
    height: 26px;
    padding: 6px 0;
    height: auto !important;
    margin-bottom: 10px;
}

.linkButton, .logOutButton, .logInButton
{
	background-color:#02614D;
	color:#FFFFFF;
	cursor: default; /* pointer; NOTE: changed by SCC/WOT */
	font-size:1.0em;
	margin: 0; /* 1px 0px 0px 0px; NOTE: changed by SCC/WOT */
	padding: 3px 0px;
	font-weight: bold; /* NOTE: added by SCC/WOT */
	border: 1px solid #333333; /* NOTE: added by SCC/WOT */
    border-top: 1px solid #999999; /* NOTE: added by SCC/WOT */
    border-left: 1px solid #999999; /* NOTE: added by SCC/WOT */
    
}
.linkButton:hover, .linkButton:focus, .linkButton:focus:hover, 
.logOutButton:hover, .logOutButton:focus, .logOutButton:focus:hover, 
.logInButton:hover, .logInButton:focus, .logInButton:focus:hover { /* NOTE: added by SCC/WOT */
    background: #FFFF99;
    color: #000000;
}

.logOutButton, .logInButton
{
	float:left;
	margin-left:2px;
}

input.clearBasket, input.reserveBasket
{
	background-color:#C0C0C0;	
	cursor:pointer;
	/* font-size:0.9em; NOTE: removed by SCC/WOT */
	border: 1px solid #737B88;
}



div.basketButtons
{
	float:left;
	margin:6px 5px;
}

/*span.reserveBasket
{
	float:left;
	text-align:center;
	width:49%;
}*/

span.clearBasket
{
	margin-left:5px;
}

div.searchText 
{
	float:left;
	background-color: #C9E0D8; /*#02614D;*/
	color: #000000; /* #FFFFFF; NOTE: changed by SCC/WOT */
	/*height:10px;*/
	padding:5px 0px 5px 10px;
	/*padding-left:10px;
	padding-top:5px;*/
	/*min-height:19px;*/
	/*margin:9px 0px 14px 0px;*/
}

#ctl00_LoginInfoControl1 span
{
	float:left;
	margin-top:.4em;
}

div.sitemap
{
	margin-left:8px;
}

div.welcometext
{
	float:right;
	min-height:143px;
	height:auto !important;
	height:143px;
	text-align:center;
	width: 200px;
}

div.welcometext span
{
	font-size:1.3em;
}












span.browseResults
{
	float:left;
}

span.browsePage
{
	float:right;
}

#ctl00_ContentPlaceCenterContent_loansContainer
{
	margin-left:8px;
}

span.editsearch
{
float:right;
}

span.returntotitlelist
{
	float:left;
}

/*#ctl00_ContentPlaceCenterContent_titleListLinkContainer
{
	float:left;
}*/

div.editsearch a
{
color: #02614D; /*#FFFFFF;*/
font-weight:bold;
text-decoration:none;
}

div.editsearch
{
	float:right;
	padding:5px 10px 5px 0px;
}

div.ReservationsListResultsRightStyle4 div ul li
{
	display:inline;
}

div.titledisplayfilter, div.addListFrom
{
	padding-left:5px;
	margin-bottom: 20px; /* NOTE: added by SCC/WOT */
}

#ctl00_ContentPlaceCenterContent_reviewsContainer div hr
{
	float:left;
	background: #C9E0D8; /* NOTE: added by SCC/WOT */
	margin: 5px 0; /* NOTE: added by SCC/WOT */
	border: 1px solid #C9E0D8; /* NOTE: added by SCC/WOT */
}

#ctl00_ContentPlaceCenterContent_reviewsContainer div
{
	padding-left:5px;
}

#ctl00_ContentPlaceCenterContent_wishListLinkContainer
{
	width:99%;
}

#ctl00_ContentPlaceCenterContent_reservableItemsContainer div.TitleListResultsItemContainerStyle4
{
	width:99%;
}

#ctl00_ContentPlaceCenterContent_reservationFeeDueContainter
{
	width:99%;
}

#ctl00_ContentPlaceCenterContent_reservableItemsContainer div.TitleListResultsItemContainerStyle4 hr
{
	width:100%;
}

#ctl00_ContentPlaceCenterContent_reservableItemsContainer hr
{
	float:left;
}

#ctl00_ContentPlaceCenterContent_reservationResultsContainer
{
	margin-left:7px;
}

#CatalogueLimitsContainer
{
	float:left;
	margin:0px 0px 4px 8px;
	width:97%;
}

#ctl00_ContentPlaceCenterContent_reservationResultsContainer
{
	margin-left:7px;
}

#CatalogueLimitsContainer
{
	float:left;
	margin:0px 0px 4px 8px;
	width:90%;
}

#ctl00_ContentPlaceCenterContent_mainInputContainer p
{
	clear:both;
}

span.cancelinfo
{
	float:left;
	margin-left:8px;
}

p.cancelcontrols
{
	float:left;
}

#ctl00_ContentPlaceCenterContent_onlinePaymentsLink
{
	color:#000000;
	padding:2px;
	text-decoration:none;
}

.clearlist
{
	/*float:left;*/
	margin:5px 0px 5px 5px;
	/*width:35%;*/
}
.viewalllist, .viewsummarylist
{
	float:right;
	margin:5px 5px 5px 0px;
	text-align:right;
}

.viewalllist, .viewsummarylist
{
	width:57%;
}

span.borrowername
{
	font-weight:bold;
}

ul.headerlinkslist
{
	margin:0px;
	padding:0px;
}

ul.headerlinkslist li
{
	display:inline;
	list-style-type:none;
}

#ctl00_ContentPlaceCenterContent_currentEmailContainer div.label
{
	min-width:24%;
	width:auto ! important;
	width:24%;
}

#ctl00_ContentPlaceCenterContent_nonReservedItemsContainer .TitleListResultsRight,
#ctl00_ContentPlaceCenterContent_reservedItemsContainer .TitleListResultsRight,
#ctl00_ContentPlaceCenterContent_nonReservableItemsContainer .TitleListResultsRightStyle4,
#ctl00_ContentPlaceCenterContent_reservationTotalDueContainer
{
	margin-right:4px ! important;
}

#ctl00_ContentPlaceCenterContent_reservedItemsContainer hr,
#ctl00_ContentPlaceCenterContent_nonReservableItemsContainer hr,
#ctl00_ContentPlaceCenterContent_nonReservedItemsContainer hr
{
	float:left ! important;
	width:535px ! important; /*LL changed from 595px call:320319*/
}

div#ctl00_ReservationBasketDisplay1, div#ctl00_SearchHistory,
div#ctl00_RecentlyViewed, div#TitleInformationRelatedContainer
{
    float:left;
    width:100%;
}

div.TitleListMediaLimitContainer{
    float:left;
    width:100%;
}