div, table, span, td,input, button, a, select, option, th{
   direction:ltr;
   unicode-bidi:normal;
}

.displayInline{
  display:inline;
}

.altTone {
	background-color: #dbdbdb;
}

#contentArea {
	position: relative;
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:24px;
}

/* fix for IE because it doesn't support auto margins correctly */

* html #contentArea {
	/* if you change the width, change the margin-right to be -(width/2) */
	right:50%;
	margin-right: -390px;
}

/* Error pages */

.error, .errorHeader{
  color:red;
}

.errorHeader{
  font-size:large;
}

#logo {
	float: left;
	padding: 5px 5px 5px 5px;
}

.libraryName {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

/* ------------ TABS ----------------------------------------*/

#navTabsArea {
	clear: both;
	margin-bottom: -3px;
	margin-left:10px;
	position:relative;
}

div.inactiveNavTab {
	color: #000000;
	font-weight: bold;
	padding: 4px 8px 8px 8px;
	margin: 0px 2px 0px 0px;
	cursor: pointer;
	border-right: 3px solid #dbdbdb;
	border-left: 3px solid #dbdbdb;
	border-top: 3px solid #dbdbdb;
}

div.activeNavTab {
	color: #000000;
	font-weight: bold;
	padding: 4px 8px 8px 8px;
	margin: 0px 2px 0px 0px;
	cursor: pointer;
	border-right: 3px solid #dbdbdb;
	border-left: 3px solid #dbdbdb;
	border-top: 3px solid #dbdbdb;
	background-color:#ffffff;
	background-image:url(/fusion/images/hip_css/tab_active.png);
	background-repeat:repeat-x;
}

/* ------------ PORTLET CAPS ----------------------------------------*/

/*  use the class instead of the above */

.portletsTopLeft, .portletsTopRight, .portletsBottomLeft, .portletsBottomRight {
	width: 8px;
	height: 8px;
}


/* ------------ PORTLETS ----------------------------------------*/



#portlets {

	/* If you want a body background color other than white, you'll need to replace or remove

		all of the rounded-corrner images */

	position: relative;

	clear: both;

	padding-top: 1px;

}



div.portlet {

	padding: 0px 12px 20px 12px;

}



div.portletBody {

	position: relative;

	padding: 20px;

	border:2px solid #142B79;

	margin-left:2px;

	margin-right:2px;



	margin-top:-3px;

}



/* ------------ PORTLET ITEMS ----------------------------------------*/



.portletItemTop {

    padding:0px;

    margin:0px 0px 0px 0px;
}



.portletItemBottom {

    padding:0px;

    margin:0px 0px 10px 0px;

}

.portletItemContents {

    clear:both;
}



* html .portletItemContents {

    clear:none;

}



.portletItemHeaderText {

    font-weight:bold;
    color:#5D5D5D;

}


* html .portletItemBottomLeft {
/*
    margin-left:-1px;
*/
}



.portletItemBottomContent{

   padding:0px;

   margin:0px;

   clear:both;

  }

.portletItemTextBold {



    text-decoration:none;

    font-weight:bold;

}



.portletItemTextItalic {
    font-weight:normal;

    color:#000000;

    text-decoration:none;

    margin-left:10px;

    font-style:italic;

}



.portletButton

{

	background-color:#ffffff;

	background-image:url(/fusion/images/hip_css/tab_active.png);

	background-repeat:repeat-x;

	border:1px solid #BEBEBE;

}



.portletCheckBox {

	background-color:#ffffff;

	background-image:url(/fusion/images/hip_css/tab_active.png);

	background-repeat:repeat-x;

    margin-right:8px;

}



input, select

{

	/* border:1px solid #BEBEBE; */

	font-weight:normal;

	color:#000000;

	text-decoration:none;

}



hr {

	height:1px;

	width:100%;

	color:#dbdbdb;

	background-color:#dbdbdb;

}




/* ------------ DROP SHADOWS ----------------------------------------*/


.bottomDropShadow {

	background-image:url(/fusion/images/hip_css/bottom_drop_shadow.gif);

	background-repeat:repeat-x;

	height:8px;

}


.bottomRightDropShadow {

	background-image:url(/fusion/images/hip_css/bottom_right_drop_shadow.gif);

	background-repeat:no-repeat;

	background-position:bottom left;

	height:8px;

	width:16px;

}



.bottomLeftDropShadow {

	background-image:url(/fusion/images/hip_css/bottom_left_drop_shadow.gif);

	background-repeat:no-repeat;

	background-position:bottom right;

	height:8px;

	width:16px;

}



/* ------------ CONTROL BAR ----------------------------------------*/



div.controlBar {

	margin-top: 5px;

	margin-bottom: 5px;

	height: 24px;

	width: auto;



	line-height: 180%;

	background-image:url(/fusion/images/hip_css/toolbar_background.gif);

	background-repeat:repeat-x;

	color:#ffffff;

	font-weight:bold;

	clear:both;

}



/* ------------ TITLEBAR ----------------------------------------*/



div.titleBar {

	margin-top: 5px;

	height: 26px;

	width:100%;



	line-height: 200%;

	background-image:url(/fusion/images/hip_css/titlebar_background.gif);

	background-repeat:repeat-x;

	color:#ffffff;

	font-weight:bold;

	clear:both;

}



div.leftTitleBar {

	float: left;

	background-image: url(/fusion/images/hip_css/titlebar_left.gif);

	width: 9px;

	height: 100%;

	background-repeat:no-repeat;

}



div.rightTitleBar {

	float: right;

	height:100%;

	background-image: url(/fusion/images/hip_css/titlebar_right.gif);

	width: 9px;

	background-repeat:no-repeat;

}



#summaryBottomBar {

	margin-top: 0px;

	margin-bottom: 10px;

}



/* ------------ CAPS ----------------------------------------*/


div.topLeftCap {

	float: left;

	background-image: url(/fusion/images/hip_css/round_end_top_left.png);

}



div.topRightCap {

	float: right;

	background-image: url(/fusion/images/hip_css/round_end_top_right.png);

}



div.bottomLeftCap {

	float: left;

	background-image: url(/fusion/images/hip_css/round_end_bottom_left.png);

}



div.bottomRightCap {

	float: right;

	background-image: url(/fusion/images/hip_css/round_end_bottom_right.png);

}
*/


/* ------------ SORTS AND LIMITS ----------------------------------------*/



div.sortsAndLimitsButton {

	position: relative;

	float: right;

	width: 30%;



	font-weight: bold;

	line-height: 2em;

	cursor: pointer;

}



#sortsLimitsButton {

	padding: 0px 3px 0px 3px;

}



#sortsLimits {

	margin-left: 10px;

}



/* ------------ MENU ----------------------------------------*/



#topIcons {

	float: right;

}





div.menu {

	color: #000000;

	position: absolute;

	display: none;

	width: 200px;

	margin-left: -6px;

	margin-top:5px;

	z-index:11;

 	cursor: default;

	border: 2px solid #808080;

    background-image: url(/fusion/images/hip_css/portletItemBackgroundBottom.gif);

    background-repeat: repeat-x;

    background-position: top;

    background-color:#ffffff;
}



div.sortMenu {

	color: #000000;

	position: absolute;

	display: none;

	width: 200px;

	margin-left: -120px;

	margin-top:5px;

	z-index:11;

	cursor: default;

}



div.toolbarMenu {

    color: #000000;

	position: absolute;

	display: none;

	width: 200px;

	margin-left: 0px;

	background-color: #ffffff;

	border-left: 2px solid #b0b0b0;

	border-right: 2px solid #808080;

	border-bottom: 2px solid #808080;

	z-index: 10;

	cursor: default;



	font-weight: normal;

	padding: 24px 8px 8px 8px;

	line-height: 140%;

}





div.menuCloseButton {



	position: absolute;

	top: 8px;

	right: 6px;

	width: 16px;

	height: 16px;

	cursor: pointer;

	background-image: url(/fusion/images/hip_css/button_close.gif);

	background-repeat: no-repeat;



}



.menuContents {



	font-weight: normal;

	padding: 24px 8px 8px 8px;

	line-height: 140%;

	background-color:transparent;
}



div.topIcon {

	float: left;

	width: 24px;

	height: 24px;

	background-repeat: no-repeat;

	cursor: pointer;

}



div.topIconLabel{

  float:left;

  cursor: pointer;

}



div.topMenuButton {

	color:#ffffff;

}



div.activeTopMenuButton {

	color: #ffffff;

}



div.topMenuButton, div.activeTopMenuButton {



	font-weight: bold;

	padding-right: 0px;

	height: 24px;

	width: auto;

	line-height: 170%;

	cursor: pointer;

	margin-top:10px;

	/* margin: 2px 0px 0px 4px; */

}



.loginIcon {

	background-image: url(/fusion/images/hip_css/icon_login_24.png);

}



#quickSearchIcon {

	background-image: url(/fusion/images/hip_css/icon_search_24.png);

}



#languageIcon {

	background-image: url(/fusion/images/hip_css/icon_language_24.png);

}



#helpIcon {

	background-image: url(/fusion/images/hip_css/icon_help_24.png);

    background-position:top right;

}



#helpButton {

   padding-right:4px;

}



#guestUserIcon {

	background-image: url(/fusion/images/hip_css/icon_guest_user_24.png);

    background-position:top right;

}



#guestUserButton {

   padding-right:4px;

}



td.logoImgWidth{

  width:33%;

}



td.topMenuWidth{

  width:67%;

}



td.helpMenu{

  width:20%;

}

td.loginMenu{

  width:40%;

}

td.languageMenu{

  width:20%;

}

td.guestUserMenu{

  padding-left:10px;

  width:20%;

}



/* ------------ SIDEBARS ----------------------------------------*/



td.sideBar {

	width: 150px;

	vertical-align: top;

}



div.sideBarContent {

	padding: 0px 10px 10px 10px;



}



div.sidebarBottom {

	height: 24px;

}





div.portletBody input, div.portletBody select {



}



/* ------------ TOOLBAR  ----------------------------------------*/



div.activeToolbarButton {

	float: left;

	color: #ffffff;

	background-color: #2591df;

}



div.toolbarButton, div.activeToolbarButton {

	float: left;

    cursor: pointer;

	margin: 0px 2px 0px 2px;

}



div.toolbarIcon {

	float: left;

	width: 16px;

	height: 16px;

	margin: 2px 2px 2px 2px;

	background-repeat: no-repeat;

}



div.toolbarLabel {

	float: left;

	margin: 3px 6px 3px 0px;

	height: 18px;

	width: auto;

	line-height: 160%;

	cursor: pointer;

	overflow: visible;

}



span.jumpToPage {

    white-space: nowrap;

    text-align: center;

}



div.jumpToPage {

    text-align: center;

}



div.jumpToPageRight {

    text-align: center;

    display:inline;

    float: right;

}



div.jumpToPageLeft {

    text-align: center;

    display:inline;

    float: left;

    vertical-align:middle;

}



#myListIcon, #myList2Icon {

	background-image: url(/fusion/images/hip_css/icon_mylist_16.png);

}



#moveToIcon {

	background-image: url(/fusion/images/hip_css/icon_mylist_16.png);

}



#renameIcon {

    background-image: url(/fusion/images/hip_css/icon_mylist_16.png);

}



#deleteIcon {

    background-image: url(/fusion/images/hip_css/control_delete_16.gif);

}



#removeFromListIcon {

    background-image: url(/fusion/images/hip_css/control_delete_16.gif);

}



#printIcon, #print2Icon {

	background-image: url(/fusion/images/hip_css/icon_print_16.png);

}



#emailIcon, #email2Icon {

	background-image: url(/fusion/images/hip_css/icon_email_16.png);

}



#emailMenu, #email2Menu {

	width:300px;

}



#requestIcon, #request2Icon {

	background-image: url(/fusion/images/hip_css/icon_request_16.png);

}



#sortLimitIcon, #sortLimit2Icon {

    background-image: url(/fusion/images/hip_css/control_move_down_16.gif);

}



#fullMARCIcon {

	background-image: url(/fusion/images/hip_css/icon_marc_16.png);

}



#searchSelectedIcon {

    background-image: url(/fusion/images/hip_css/icon_details_16.gif);

}



#alertIcon {

    background-image: url(/fusion/images/hip_css/control_add_16.gif);

}





/* ------------ SUBTABS ----------------------------------------*/



div.subtab {

	float: left;

	padding: 0px 8px 0px 8px;

	cursor: pointer;

    font-size:85%;

}



div.activeSubtab {

    float: left;

	color: #ffffff;

	font-weight: bold;

	background-color: #2591df;

	background-image:url(/fusion/images/hip_css/tab_active_subtab.gif);

	background-repeat:repeat-x;

	padding: 0px 8px 0px 8px;

	cursor: pointer;

    font-size:85%;

}



/* ------------ SUMMARY TABLE ----------------------------------------*/



* html #resultsTable {

    width:100%;

}



div.portlet table tr td {



}



.row

{

	padding:5px;

}



td.checkboxCell {

	padding: 3px 0px 3px 0px;

	width: 24px;

}



td.firstRow, td.lastRow {

	padding: 10px 0px 14px 2px;

	font-weight: bold;

}



tr.evenRow, tr.oddRow {

	padding: 6px 6px 6px 6px;

	line-height: 130%;

	border-top: 1px solid #ffffff;

}



tr.evenRow {
	background-color: #ffffff;
}



tr.oddRow {
	background-color: #EBEBEB;
}



tr.selectedRow, .selectedRowColor {

	background-color: #c1c1c1;

}



/* ------------ OTHER SUMMARY ELEMENTS ----------------------------------------*/



a.summaryTitle, a.summaryTitle:link, a.summaryTitle:active, a.summaryTitle:visited {



	font-weight: normal;

}



span.summaryRowTitle {

	font-weight: bold;



}



div.lineOption {

	float: right;



}



div.lineOption a, div.lineOption a:link, div.lineOption a:visited {

	color: #0000ff;

	padding: 2px 4px 2px 4px;

}





td.evenRow div.lineOption {

	background-color: #ffffff;

	padding-bottom:10px;

}



td.oddRow div.lineOption {

	background-color: #e6f4ff;

	padding-bottom:10px;

}



td.evenRow img, td.oddRow img, #fullBibBody img {

	border: 1px solid #000000;

}



/* ------------ FULLBIB ----------------------------------------*/



#fullBib table {

	width: 100%;

}



#fullBibBody {



	padding: 10px 10px 10px 10px;

}



#fullBibBody img {

	float: right;

	margin: 0px 10px 10px 10px;

}



#locationGroup {

    padding-left:18px;

    display:inline;

}



#locationGroupLabel {

    font-weight:bold;

    color:#5D5D5D;

}



.hiddenIFrame {

    width:0px;

    height:0px;

    border: 0px

}





/* ------------ FOLDS ----------------------------------------*/



div.fold, div.openFold {

	background-repeat:no-repeat;

	line-height: 220%;

	cursor: pointer;

    text-align:left;

    padding-left:10px;

}



div.fold {

	background-image:url(/fusion/images/hip_css/icon_fold_collapsed.gif);

	background-position: 7px 0px;

    text-align:left;

}



div.openFold {

	background-image:url(/fusion/images/hip_css/icon_fold_expanded.gif);

	background-position: 5px -2px;

}



div.fold span, div.openFold span {

	margin-left: 18px;

	text-decoration: none;

}



div.foldContent {

	padding: 4px 0px 4px 10px;

}



.hidden {

	display: none;

        visibility:hidden;

}



.visible {

	display: block;

        visibility:visible;

}



/*----------------Optional Terms------------------------------*/

.termCellComponent {

    float: left;

    vertical-align: top;

    padding-left: 5px;

    padding-right: 5px;

}



td.termCell {

    vertical-align: top;

    padding-left: 5px;

    padding-right: 5px;

}



tr.termTableRow {

    vertical-align: top;

}



/* uportal- */



.uportal-input-text {

	border: 1px solid #808080;

}



/*-------------User Edit / Select ----------------------------*/



.width200 {
/*
	width:200px;
*/
}



/*-------------User Edit / Select ----------------------------*/



.width100overflowauto {

	width:100%;

        overflow:auto;

}



.nowrap {

        white-space:nowrap;

        color:red;

}



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

.tableStyle {
    /*
	margin:1ex;
    padding:2ex;
     width:690px; */
    width:100%;

    border:none;

}

.tableStyle690 {

	/* width:690px; */
    width:100%;
}



.alignLeft {

	text-align:left;

}

.underLine {

	text-decoration:underline;

}

.alignCenter {

	text-align:center;

}

.alignRight {

	text-align:right;

}

.linkableData {

	display:none;

	position:relative;

	visibility:hidden;

	border:1px solid black;

	background-color:yellow;

}

.oldAnchor {

	text-decoration:none;

	color:gray;

	font:bold 10pt

	verdana;

	padding:2ex;

}

.paddingRight {

	padding-right:10px;

}

.remoteHolds {

	float:left;

	margin:1ex;

	border:1px

	solid black;

}

.width20 {

	width:20px;

}

.margin1padding2 {

	margin:1ex; padding:2ex;

}



/*-------------Preferences ----------------------------*/

.width100 {

	width:100%;

}

.verticalAlignMiddle {

	vertical-align:middle;

}

.positionRelative {

	position:relative;

}

/*-------------Registration ----------------------------*/

.floatLeft {

	float:left;

}

.color000000 {

	color:#000000;

}

.width70 {

	width:70%;

}

.width45 {

	width:45%;

}

.visibile {

	visibility:visible;

}

.floatRight {

	float:right;

}



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

.smallTitle {

	font-weight:bold;

}

.hrDashed {

	height:1px;

	width:100%;

	border:1px dashed black;

	font-weight:bold;

}

.padding210210 {

	padding: 2px 10px 2px 10px;

}

.margin050100 {

	margin:0px 5px 0px 100px;

}

.marginLeft13 {

	margin-left:13px;

}

.height24 {

	height:24px;

}

.padding1ex {

	padding:1ex;

}

.verticalAlignTop {

	vertical-align:top;

}

.paddingRight20 {

	padding-right:20px;

}

.paddingBottom10 {

	padding-bottom:10px;

}

.bold {

	font-weight:bold;

}

.width20 {

	width:20px;

}

.tableAlt {

	background-color:white;

	margin:1ex;

	border:1px solid black;

	padding:2ex;

}

.cursorDefault {

	cursor:default;

}

.displayInline {

	display:inline;

}

.clearBoth {

	clear:both;

}

div.enrichedContent {

	width:500px;

	position:absolute;

	top:100px;

	right:210px;

}

.enrichedContentImage {

	border:0px none black;

}

.marcTD {

	 color:#1040C0;

	 width:75px;

}

.marcColor {

	color:#663300;

}

.itemsDialogStyle {

	position:absolute;

	top:100px;

	display:block;

	z-index:100;

	visibility:hidden;

	width:450px;

	height:450px;

	margin-right:auto;

	margin-left:auto;

}

.itemsDialogStyle2 {

	position:absolute;

	bottom:0px;

	display:block;

	z-index:100;

	visibility:hidden;

	width:450px;

	height:450px;

	margin-right:auto;

	margin-left:auto;

}

.whiteBackground {

	background-color:#ffffff;

}

.marginTop5 {

	margin-top:5px;

}

.width300 {

	width:300px;

}

.paddingRight2 {

	padding-right:2px;

}

/*-------------JSP Directory ----------------------------*/

.newAdditions {

	margin:1ex;

	border:1px dashed black;

	padding:1ex;

}

.popularMaterials {

	margin:1ex;

	border:1px dashed black;

	padding:1ex;

}



/*------------------ Category ----------------------------*/



span.categoryPageTitle {



	font-weight: bold;

	color: #0000d0;

	font-family: 'Comic Sans MS', arial unicode MS, lucida sans unicode, helvetica, arial, sans-serif;

}



a.titleLink:link, a.titleLink:hover, a.titleLink:active, a.titleLink:visited {


	text-decoration: underline;

}



.categoryHelpPopup {

	position: absolute;

	width: 160px;

	height: auto;

	margin-top: -40px;

	margin-left: 15px;

	visibility: hidden;

}



.categoryHelpPopupMiddle {

	position: relative;

	width: 160px;

	padding: 0px 20px 0px 9px;

	height: auto;

}



.categoryHelpText {



	font-family: arial unicode MS, lucida sans unicode, helvetica, arial, sans-serif;

	font-weight: normal;

}



.categoryExtraDescription {

	font-weight: normal;



	color: #000000;

}

.smallText {

}

.indent1x{
    text-indent:10px;
}