/* ---  TRUNK                                -------------- */
/* ---  DEFAULT STYLES FOR ARENA PORTLETS    -------------- */

/* Please write css rules like this:

.class, #id, tag, etc {
	attribute: value;		// tab/indent before attributes
	attribute: value;
	etc.
}							// no tab/indent

Attributes in alphabetical order, i.e
	background-color:
	etc:
	font-family:
	width:
	z-index:
*/

/* ---  TABLE OF CONTENTS

		Generic & Recyclable Stuff
		Print Styles
		Accessibility Stuff
		Feedback
		Record Navigation
		Sorting
		Form Inputs
		Arena Buttons
		Arena Rows
		My Fees
		Debts
		Payments
		My Messages
		My Tags
		Reviews
		Arena Fields
		About Arena
		Article Facets
		Catalogue Facets
		Catalogue Record Details
		Checkout Portlet
		Geocodes Portlet
		Availability
		Profile Card
		Profile Personal
		Similar Titles
		Tag Cloud
		Top List
		Arena Forms
		Acquisition Suggestion
		Arena Account
		Captcha
		Arena Profile
		Article Creation
		Article Editing
		Change Nickname
		Feedback To Library
		Installation
		Interlibrary Loan
		Profile Card Edit
		Profile Personal Edit
		Patron Login
		Tag
		Arena Records
		Arena Articles
		Media List
		My Loans
		My Ratings
		My Reservations
		My Reviews
		My Tag Results
		Search Result
		Abusive Review
		External Links
		Rest Client ???
		Forum
		Media List Statistics
		Reviews Authorization
		Simple Search
		Simple Search Autocomplete
		Extended Search
		Saved Search, Search History Etc.
		User Collection List
		User Collection Detail
		Multiselect List
		Configuration Pages
		New Account
		Tags
		Link To Page
		Random Fixes
		Library Account Registration
		Self Registration
		Multi Agency Tabs For 1.9
		Multi Agency Tabs, My Loans, My Reservations
		Image Handling
		Create Article Using Templates
		SkolArena Portlets
		Random Fixes
		Column Styles for Arena Modern Layout Templates
*/

/* SESSION WARNING CSS*/
.session-warning {
    background: rgba(0,0,0,0.9);
    color: white;
    display: none;
    left: 0;
    padding: 1em 10vw;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 230;
}

@media screen and (min-width: 992px) {
    .session-warning {
        padding: 1em 25vw;
    }
}

.session-warning.visible {
    display: block;
}
.session-warning.timed-out {
    /* use this to style for visual change when timed out */
}




html {
    overflow-x: auto;
    overflow-y: scroll;
}

/* ---------------  GENERIC & RECYCLABLE STUFF -------- */
.hideMe, .aui .hideMe, .bwd.aui .hideMe {
    display: none;
}

.blockMe, .aui .blockMe, .bwd.aui .blockMe {
    display: block;
}

.inlineBlockMe, .aui .inlineBlockMe, .bwd.aui .inlineBlockMe {
    display: inline-block;
}

.inlineMe, .aui .inlineMe, .bwd.aui .inlineMe {
    display: inline;
}

.visuallyhidden, .aui .visuallyhidden, .bwd .visuallyhidden {
    /* hides element visually but makes the text available for screenreaders */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.arena-success {
    color: #3e9200;
}

.arena-success-bg {
    background-color: #398700;
}

.arena-alert {
    color: #d10000;
}

.arena-alert-bg {
    background-color: #d10000;
}

.arena-recycle-table {
    border-collapse: collapse;
    margin-top: 20px;
}

.arena-modal-link {
    /* links that trigger a modal window */
}

.arena-recycle-nomargin {
    margin: 0;
}

.arena-recycle-table td,
.arena-recycle-table th {
    padding-bottom: 5px;
    padding-right: 10px;
    vertical-align: top;
    /* white-space: nowrap; */ /* WHY? */
    white-space: normal; /* default value */
}

.arena-align-right {
    text-align: right;
}

.arena-align-left {
    text-align: left;
}

.text-center, th.text-center, td.text-center,
.aui table.text-center th, .aui table.text-center td { text-align: center; }


/* used for the free text spans, for example the Search History portlet */
.arena-top-text,
.arena-bottom-text {
    display: block;
    padding: 5px 0;
}

.portlet-content, div.portlet-content {

}

.portlet-body {
}

/* Font Awesome Icons within links shouldn´t be underlined */
.bwd.aui [class^="icon-"]:before, .bwd.aui [class*=" icon-"]:before {
    text-decoration: none;
}


/* WICKET MODAL WINDOW */
div.wicket-modal div.w_content {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 15px;
    width: 100%;
}

div.wicket-modal {
    z-index: 99999 !important;
    /* ARENA-13806 */
}

div.wicket-mask-dark {
    opacity: 0.5 !important;
}

.bwd div.wicket-modal div.w_caption {
    font-size: 1.5em;
    height: 2em;
    padding-top: 0.5em;
    box-sizing: border-box;
}

.bwd div.wicket-modal a.w_close {
    top: 5px;
}

.bwd div.wicket-modal span.w_captionText {
    height: 1.4em;
    margin-left: 0;
    left: 15px;
}

.bwd div.wicket-modal div.w_content_3 {
    border: 0;
    padding: 0px;
}


/* ARENA-10335 */
body.portal-popup {
    background-color: #fff;
}
body.portal-popup a:link, body.portal-popup a,
body.portal-popup #column-1, body.portal-popup #column-2,
body.portal-popup #column-3, body.portal-popup #column-4 {
    color: #000000 !important;
    /* ARENA-10335 Liferay dialogues inherit the theme colors
    that�s why we need to set it explicitly here
    */
}


/* new and better clearfix, apply on parent div */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* ---------------  PRINT STYLES -------- */
/* Note only arena-print.css is used when using print button for print */
@media print {
    .aui, .aui body * {
        font-size: 8pt;
        line-height: 1.2;
    }

    p {
        margin: 0;
    }

    #heading, #navigation, .portlet-articlesFacets, .portlet-language,
    .arena-add-basket, .arena-link-button, .arena-record-id, .arena-select-item, .arena-available,
    .arena-fallback-checkbox, .hideMe, input[type=checkbox], input[type=submit],
    .arena-renewal-checkbox, .arena-renewal-table input {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}

.open-entity-list {
    list-style: none;
    padding: 0;
}

.open-entity-item {
    margin-top: 10px;
}

div#navigation li.lfr-nav-deletable span.delete-tab {
    display: none;
}
/* --------------- 	ACCESSIBILITY STUFF --------------- */

div#accessible-links {
    background-color: transparent;
    position: absolute;
    left: 50%;
    text-align: left;
    top: 6px;
    z-index: 99;
    color: #fff;
    margin-left:-505px;
    /* link positioned in left top, display none by default */
    display: none;
}

#accessible-links a {
    color: #fff;
    text-decoration: none;
}


/* --------------- 	FEEDBACK --------------- */
.computerSaysNo,
li.feedbackPanelERROR,
span.feedbackPanelERROR,
span.feedbackPanelWARNING,
li.feedbackPanelWARNING, div.message-error {
    font-weight: 700;
    color: #d10000; /* red */
}

.computerSaysYes, li.feedbackPanelINFO, span.feedbackPanelINFO {
    font-weight: 700;
    color: #3E9200; /* green */
}


/* --------------- 	RECORD NAVIGATION --------------- */

div.arena-record-navigation {
    /* width: 300px; */
    /* commented away for ART-536 */
    text-align: right;
}

div.arena-record-navigation a {
    text-decoration: none;
}

div.arena-record-navigation em {
    font-style: normal;
}

span.arena-navigation-arrow,
a.arena-navigation-arrow {
    margin-left: 5px;
}

span.arena-record-first, span.arena-record-left {
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    padding-top: 2px;
}

span.arena-record-right, span.arena-record-last {
    padding-left: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    padding-top: 2px;
}

span.arena-page-number {
    font-weight: normal;
    margin-left: 5px;
}

span.arena-page-number span em span /* current page */
{
    font-weight: bold;
}

span.arena-page-number a:hover {
    text-decoration: underline;
}

span.arena-navigation-arrow span.arena-record-first {
    background-image: url(../images/arrows/nonav-first.png);
}

a.arena-navigation-arrow span.arena-record-first {
    background-image: url(../images/arrows/nav-first.png);
}

span.arena-navigation-arrow span.arena-record-left {
    background-image: url(../images/arrows/nonav-left.png);
}

a.arena-navigation-arrow span.arena-record-left {
    background-image: url(../images/arrows/nav-left.png);
}

span.arena-navigation-arrow span.arena-record-right {
    background-image: url(../images/arrows/nonav-right.png);
}

a.arena-navigation-arrow span.arena-record-right {
    background-image: url(../images/arrows/nav-right.png);
}

span.arena-navigation-arrow span.arena-record-last {
    background-image: url(../images/arrows/nonav-last.png);
}

a.arena-navigation-arrow span.arena-record-last {
    background-image: url(../images/arrows/nav-last.png);
}

/* --------------- 	SORTING --------------- */
div.arena-record-sort a {
    float: left;
    margin-right: 10px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
}

a.wicket_orderDown {
    padding-left: 20px;
    background-image: url(../images/arrows/icon_arrow_down.png);
}

a.wicket_orderUp {
    padding-left: 20px;
    background-image: url(../images/arrows/icon_arrow_up.png);
}

a.arena-link-back {
    text-decoration: none;
    padding-left: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/arrows/nav-first.png);
    padding-top: 2px;
    font-weight: 700;
}

span.arena-page-numbers {
    font-weight: 700;
}

/* --------------- 	FORM INPUTS --------------- */
/* --------------- 	ARENA BUTTONS ------------- */

/* removed unnecessary div.portlet-boundary prefixes from css below */

input[type="submit"],
input[type="button"],
input[type="reset"], button {
    border: 0;
    box-shadow: none;
    margin-right: 3px;
    min-width: 40px;
    padding: 2px 4px;
}

input.arena-input-submit,
input.arena-input-button,
input.arena-input-reset,
input.arena-input-cancel {
    background-color: #D3DADD;
    background-image: none;
    border: 1px solid #828F95;
    color: #000000;
    /* padding: 2px; */
    width: auto;
    overflow: visible;
}

input.arena-input-submit:hover,
input.arena-input-button:hover,
input.arena-input-reset:hover {
    background-color: #D3DADD;
    border: 1px solid #828F95;
    color: #000000;
}

input.arena-input-submit:focus,
input.arena-input-button:focus,
input.arena-input-reset:focus {
    background-color: #D3DADD;
    border: 1px solid #828F95;
}

input.arena-input-disabled {
    background-image: url(../images/portlets/norenew.jpg);
    border: 1px solid #F0F0F0;
    cursor: default;
    color: #FFFFFF;
    padding: 2px;
}

input.arena-input-cancel {
    opacity: 0.6;
}

/* --------------- 	ARENA TEXT INPUT --------------- */

input.arena-input-text[type="text"],
input.arena-input-password[type="password"] {
    background-image: none;
    border: 1px solid #828F95;
    max-width: 200px;
    padding: 3px;
    width: 80%;
    color: #000000
}

input.arena-input-text:focus,
input.arena-input-password:focus,
input.arena-input-text.focus,
input.arena-input-password.focus {
    background-color: #FFFFFF;
    border: 1px solid #828F95;
}

/* arena dropdown list */
select.arena-select {
    background-image: none;
    border: 1px solid #828F95;
    padding: 0px;
    width: 83%; /* makes it he same size as text input */
    max-width: 200px;
}

.ie .arena-column-2 select.arena-select {
    width: auto;
}

/* arena textarea */
textarea.arena-textarea {
    background-image: none;
    border: 1px solid #828F95;
    padding: 2px;
    width: 90%;
    min-height: 75px;
}

textarea.arena-textarea:focus {
    background-color: #FFFFFF;
    border: 1px solid #828F95;
}

/* arena checkbox */
.ie input.arena-input-checkbox,
.ie input.arena-input-radio {
    background-color: transparent;
}

/* links styled to look like buttons */
a.arena-link-button,
a:link.arena-link-button {
    background-color: #D3DADD;
    background-repeat: repeat-x;
    border-radius: 4px;
    color: #000000;
    display: inline-block;
    font-weight: 700;
    margin-right: 3px;
    padding: 2px 4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    /* margin-left: 3px; why? trying with right instead, and see what happens... */
    text-align: center;
}

a:hover.arena-link-button,
a.arena-link-button:hover {
    color: #000000;
    text-decoration: none;
    /* margin-left: 3px; */
}

/* headers */
.arena-column-2 div.arena-header-container {
    margin-bottom: 3px;
}

div.arena-header-container-bottom {
    margin-top: 5px;
}

div.arena-header-container-buttons {
    margin-top: 3px;
}

div.arena-header-container-rows {
    margin-top: 1px;
}

div.arena-header-container-middle {
    margin-bottom: 1px;
    clear: both;
}

div.arena-header-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-header {
    float: left;
    width: 100%;
    padding: 3px 0px 3px 0px;
}

.arena-column-2 div.arena-header {
    /* background-color: #D3DADD; */
    background: transparent url(../images/misc/black10.png);
    background: rgba(0,0,0, 0.1);
}


/* inner header - styled so information can be displayed like a portlet header */
div.arena-inner-header-container {
}

div.arena-inner-header-top,
div.arena-inner-header-bottom {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-inner-header {
    float: left;
    width: 100%;
    background-repeat: repeat-x;
    background-position: top left;
    padding: 8px 0px 8px 0px;
    background-color: #D3DADD;
    border-bottom: 1px solid #AEB8BC;
}

div.arena-inner-content-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

/* -------------------------- ARENA ROWS ------------------------ */
/* affected portlets - debts and payments, my messages, my tags, reviews */
div.arena-row-header-container {
    margin-bottom: 2px;
}

div.arena-row-header-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-row-header {
    float: left;
    width: 100%;
    padding: 3px 0px 3px 0px;
}

.arena-column-2 div.arena-row-header {
    /*
	background-color: #D3DADD;
	*/
    background-color: transparent;
}

.arena-column-2 div.arena-row-container {
    margin-bottom: 2px;
}

div.arena-row-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

.arena-column-2 div.arena-row {
    padding: 3px 0px 3px 0px;
    /* background-color: #F1F1F1; */
    border-bottom-width: 0px;
}

div.arena-row {
    border-bottom: 1px solid #828F95;
    padding: 5px 0px 5px 0px;
    float: left;
    width: 100%;
}

div.arena-row-link {
    text-align: right;
}

div.arena-row-left {
    padding: 0px 0px 0px 5px;
    float: left;
    width: 60%;
}

div.arena-row-right {
    padding: 0px 5px 0px 0px;
    float: right;
    text-align: right;
}

div.arena-row-buttons-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-row-buttons {
    float: left;
    width: 100%;
    padding: 2px 0px 2px 0px;
    text-align: right;
}

.arena-column-2 div.arena-row-buttons {
    /*
    background-color: #D3DADD;
    */
    background-color: transparent;
}

/* --------------- 	MY FEES  --------------- */
/* --------------- 	DEBTS     --------------- */

.arena-familyticket-dropdown {
    margin-bottom: 20px;
}

div.arena-debts {
    margin-bottom: 10px;
}

div.arena-debts-details {
    float: left;
    width: 75%;
    padding-left: 5px;
}

div.arena-debts-right {
    float: right;
    padding-right: 5px;
}

div.arena-debts-amount {
    float: left;
    padding-right: 10px;
}

div.arena-debts-pay {
    float: left;
}

div.arena-debts-total-amount, div.arena-debts-fee-amount {
    padding: 0px 5px 0px 5px;
}

div.arena-debts-total-amount span.arena-field, div.arena-debts-fee-amount span.arena-field {
    float: left;
}

div.arena-debts-total-amount span.arena-warning, div.arena-debts-fee-amount span.arena-warning {
    float: right;
}

div.arena-debts-total-amount input {
    float: right;
    clear: both;
}

/* separate styling for the Charges portlet */
.portlet-charges .arena-record-container {
    padding: 0;
    margin: 0;
}

.portlet-charges .arena-record {
    padding: 0;
}

.portlet-charges .arena-debts-details {
    float: none;
    padding: 0;
}

.portlet-charges .arena-charges-total-debt {
    border: 1px solid #ccc;
    font-size: 1.2em;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
}

.portlet-charges span.arena-select-item {
    float: right;
    height: auto;
    padding-right: 0;
    position: relative;
    top: 18px;
}

.portlet-charges .arena-debts-amount {
    float:right;
    padding-right:20px;
}

.portlet-charges .arena-debts-details .arena-value {
    font-weight: normal;
}

.arena-payment-providers label {
    display: block;
}

.arena-payment-providers label input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* --------------- 	MY FEES  --------------- */
/* --------------- 	PAYMENTS --------------- */
div.arena-payment-total {
    padding-right: 5px;
    padding-left: 5px;
}

.arena-payment-header {
    font-weight: 700;
}

.portlet-paymentHistory div.arena-record div {
    float: left;
    width: 15%;
}

.portlet-paymentHistory .arena-record .arena-payment-date,
.portlet-paymentHistory .arena-record .arena-payment-date-header {
    width: 14%;
    clear: left;
}

.portlet-paymentHistory .arena-record .arena-payment-method,
.portlet-paymentHistory .arena-record .arena-payment-method-header {
    /* width: 24%; */
}
/* Comment by MSA: Rows above obsolete? Leave for now. */

.portlet-paymentHistory div.arena-record span.arena-value {
    font-weight: normal;
}

div.arena-payment-date span, div.arena-payment-type span,
div.arena-payment-amount span, div.arena-payment-method span {
    padding: 0 5px 0 0;
}

div.arena-payment-receiver, div.arena-payment-address {
    padding: 0 5px 0 0;
}

/* ARENA-10098 */
.arena-payment-date, .arena-payment-type,
.arena-payment-amount, .arena-payment-method {
    float: left;
    width: 24.5%;
}

/* --------------- 	MY MESSAGES  --------------- */
div.arena-message-container {
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 10px;
}

div.arena-message-buttons {
    margin: 10px 0 5px;
}

div.arena-message {
    clear: both;
    padding: 5px;
}

div.arena-message-title {
    font-size: 1.25em;
    font-weight: 700;
    display: inline;
}

div.arena-message-subject {
    font-size: 1.25em;
    font-weight: 700;
    display: inline;
    padding-left: 10px;
}

div.arena-inbox-delete,
div.arena-inbox-member,
div.arena-inbox-date,
div.arena-inbox-sender,
div.arena-inbox-subject {
    float: left;
    width: 18%;
    margin-right: 1%;
    word-wrap: break-word;
}

div.arena-inbox-subject, div.arena-inbox-member {
    width: 20%;
}

div.arena-inbox-subject a {
}

div.arena-inbox-delete {
    word-wrap: break-word;
}

div.arena-inbox-delete input {
    margin: 0;
}

span.arena-inbox-unread {
    font-weight: 700;
}

div.arena-portlet-myMessages div.arena-inner-form {
    margin-bottom: 5px;
}

div.arena-portlet-myMessages div.arena-row-header {
    background-color: transparent;
    border-bottom: 1px solid #CCCCCC;
}

div.arena-inbox-send-preview {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.arena-inbox-read-buttons,
div.arena-inbox-send-buttons {
    padding: 5px 0;
}

#inboxTextArea {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}


/* --------------- 	MY TAGS  --------------- */
div.arena-mytags-number {
    float: left;
    width: 55%;
}

div.arena-mytags-used {
    float: left;
    width: 15%;
    text-align: center;
}

div.arena-mytags-total {
    float: left;
    width: 15%;
    text-align: center;
}

div.arena-mytags-delete {
    float: left;
    width: 15%;
    text-align: center;
}


/* ---------------  REVIEWS  --------------- */

.arena-review .arena-review-subtitle   {
    display: block;
    font-weight: bold;
    font-size: 1.25em;
}

.arena-review-first-to-review {
    font-weight: normal;
    padding: 5px 0 5px 0;
    display: block;
}

div.arena-reviews-container {
    border-top:1px dotted #999;
    margin-top: 15px;
    padding-top:5px;
}

div.arena-reviews-container span.arena-form-buttons {
    display: block;
}

div.arena-review div.arena-header {
    background-color: transparent;
}

div.arena-review {
    border-bottom: 0px dotted #999;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

div.arena-review-buttons {
    background-color: transparent;
    float: left;
    padding: 2px 0;
    text-align: right;
    width: 100%;
}

div.arena-review-date,
div.arena-review-author,
div.arena-review-origin {
    font-weight:bold;
    /* very basic styling, colors should probably be added in the theme css */
}

div.arena-reviews-container div.arena-row-buttons {
    margin-top:5px;
    background-color: transparent;
    /* background for div with show all / etc button */
}

span.arena-reviews-info {
    padding: 0px 5px 0px 5px;
}

div.arena-review-left {
    float: left;
    width: 70%;
    /* padding-left: 5px; */
}

div.arena-review-right {
    float: right;
    padding-right: 5px;
    text-align: right;
}

div.arena-review-links {
    font-weight: 700;
}

div.arena-review-links a {
    margin-right: 5px;
}

.arena-review-textarea {
    width: 100%;
}

/* -------------------------- ARENA FIELDS ------------------------ */
/* affected portlets - about arena, article facets, catalogue facets, catalogue record details, profile card,
						profile personal, similar titles, tag cloud, toplist */

/* -- COMMON -- */
div.arena-field-container {
    margin-top: 10px;
}

div.arena-field-subtitle,
h2.arena-field-subtitle {
    font-size: 1.25em;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
}

div.arena-field-content {
    margin-top: 5px;
}

.arena-column-1 span.arena-value,
.arena-column-3 span.arena-value {
    font-weight: normal; /* used to be 700 */
}

span.arena-field-subtitle,
h2.arena-field-subtitle {
    font-size: 1.1em;
    font-weight: 700;
}

div.arena-field-link {
    margin-top: 5px;
    text-align: right;
}

/* -- ABOUT ARENA -- */

/* -- ARTICLE FACETS -- */

/* --------------- 	CATALOGUE FACETS  --------------- */
div.arena-facets-down {
    padding-bottom: 10px;
    border-bottom: 1px solid #828F95;
}

ul.arena-facet-details a.arena-field {
    text-decoration: none;
}

ul.arena-facet-details a.arena-field:hover {
    text-decoration: underline;
}

span.arena-facet-header {
    font-size: 1.1em;
    font-weight: 700;
}

.arena-column-2 span.arena-facet-header {
    padding: 5px;
    float: left;
}

div.arena-active-facet-details a {
    background-image: url(../images/portlets/cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}

div.arena-active-facet-details {
    clear: both;
    padding-top: 5px;
}

/* --------------- 	CATALOGUE RECORD DETAILS  --------------- */
div.arena-detail-toplinks {
    float: left;
    margin-bottom: 5px;
    width: 50%;
    text-align: left;
}

.arena-detail-toplinks div {
    display: inline;
    margin-right: 10px;
    /* links are in divs because of wicket structure... */
}

.arena-detail-toplinks a.arena-linktopage,
.arena-detail-toplinks a.arena-link-back {
    float: none;
    font-weight: normal;
}

div.arena-column-1 div.portlet-listResult div.arena-record-details {
    float: none;
}

a.arena-holding-link, a.arena-holdings-link {
    position: absolute;
}

.arena-holding-container {
    margin-bottom: 3px;
}

.arena-holding-child-container {
    margin-left: 5px
}

.arena-holding-child-container .arena-row {
    margin-bottom: 40px;
    border-bottom: none;
}

div.arena-detail-reserve a {
    margin: 2px;
    min-width:75%;
}

div.arena-catalogue-detail {
    margin-bottom: 5px;
    margin-top: 2px;
    width: 100%; /* needs to be set otherwise IE7 breaks layout */
}

div.arena-record-back {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-detail-cover {
    float: left;
    padding-right: 10px;
}

div.arena-detail-cover div.arena-book-jacket img {
    width: 80px;
}

div.arena-detail-title {
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 1.25em;
    font-weight: 700;
    border-bottom: 1px solid #999999;
}

div.arena-detail-title em {
    font-weight: 700;
    font-style: normal;
}

div.arena-detail-title img {
    /*
    float: left;
    padding-right: 10px;
	width: 25px;
    height: 25px;
	*/
}

div.arena-detail-left {
    float: left;
    width: 50%;
}

.arena-column-1 div.arena-detail-left,
.arena-column-3 div.arena-detail-left {
    /*
	width: auto;
    float: none;
    clear: both;
	*/
}

div.arena-detail-rating {
    margin-top: 5px;
}

div.arena-detail-description {
    clear: both;
    margin-top: 5px;
}

div.arena-detail-description span.arena-field,
div.arena-detail-body span.arena-field {
    font-size: 1.25em;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

div.arena-detail-right {
    float: right;
    width: 175px;
}

div.arena-detail-reserve-container {
    margin-bottom: 1px;
}

div.arena-detail-reserve-top,
div.arena-detail-reserve-bottom {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-detail-reserve {
    padding: 10px 10px 5px 10px;
    width: 155px;
    text-align: center;
    background-color: #D3DADD;
}

div.arena-detail-reserve input.arena-input-button {
    margin-bottom: 5px;
}

div.arena-detail-reserve input.arena-input-submit {
    font-size: 1.1em;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

div.arena-summary-top,
div.arena-summary-bottom {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-summaryLoans {
    /* float: right; */
    text-align: left;
    padding: 10px 10px 10px 0;
    width: 155px;
    color: #000000; /* if summaryLoans doesn't have a background colour remove this */
    background-color: #F1F1F1;
}

.arena-other-records {
    float: left;
    margin-bottom: 2px;
    margin-right: 5px;
}
.arena-other-records-title {
    float: none;
    width: 100%;
    font-size: 1.25em;
    font-weight: 700;
    padding-top: 10px;
}


div.arena-loan-select label
{
    display: none;
}


/* if summaryLoans doesn't have a background colour remove this */
.arena-column-1 div.arena-summaryLoans span.arena-value,
.arena-column-3 div.arena-summaryLoans span.arena-value {
    font-weight: normal;
    color: #000000;
}

div.arena-reservation-branch select.arena-select {
    width: auto;
    margin-right: 5px;
}

/* Linked records */
div.arena-linked-records {
    margin-bottom: 5px;
}

div.arena-linked-records-link {
    padding-right: 5px;
    padding-left: 5px;
}

div.arena-linked-record {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

div.arena-linked-title {
    margin-bottom: 3px;
}

div.arena-linked-record div.arena-detail-left {
    width: auto;
}


/* --------------- 	EHUB --------------- */
.arena-ehub {
    /* display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    */
    display: inline-block;
    /*
        In a later integration, we want icons for emedia
        too, below is sample code for that.
        background-image: url(http://goo.gl/0zxjn);
        background-repeat: no-repeat;
        padding-left: 18px;
    */
}

.arena-ehub-main {
}

.arena-ehub-left    {
    box-sizing: border-box;
    width: 60%;
    float: left;
    padding-right: 10px;
}

.arena-ehub-right  {
    width: 40%;
    float: right;
    text-align: right;
}

.arena-detail-emedia i,
.arena-ehub-supplementary-links i,
.arena-ehub-main i {
    font-size: 1.5em;
    margin: 0 0.35em 0 0 ;
    padding: 0;
    vertical-align: middle !important; /* overrides font awesome default baseline value */
}

.bwd.aui .arena-ehub-main [class^="icon-"]:before,
.bwd.aui .arena-ehub-main [class*=" icon-"]:before {
    /* some icons are wider than others, this sets a fixed width for the element so alignment looks nice */
    width: 1em;
    text-align: right;
}

.bwd .arena-ehub-left h5 {
    margin-bottom: 0px;
}

.bwd .arena-ehub-recommended-header {
    margin-top: 0;
}

.arena-ehub-recommended:after {
    /* content:" *"; */
}

.arena-ehub-recommended-label:before {
    /* content:"*\0020"; */
    /* \0020 http://unicode-table.com/en/#0020 */
}

.arena-ehub-recommended-label {
    margin-bottom: 0.5em;
}

.arena-cancel-modal-button {
    margin-left: 5px;
}

.bwd.aui .arena-ehub-supplementary-links ul,
.bwd.aui .arena-ehub-multiparts-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bwd.aui .arena-ehub-multiparts-links {
    margin-left: 1.35em;
    margin-bottom: 0.90em;
}

/* .arena-ehub-greyout-link{
    color: gray !important;
}
*/

.arena-ehub-highlight i:before {
    animation: arena-wobble-horizontal 2s ease-in-out;
    animation-iteration-count: 3;
    opacity: 1.0;
    transform-origin: center left;
}

@keyframes arena-wobble-horizontal {
    16.65% {
        transform: translateX(2px);
    }

    33.3% {
        transform: translateX(-2px);
    }

    49.95% {
        transform: translateX(2px);
    }

    66.6% {
        transform: translateX(-2px);
    }

    83.25% {
        transform: translateX(1px);
    }

    100% {
        transform: translateX(0);
    }
}

@-webkit-keyframes arena-ehub-highlight-old {
    0% {
        opacity: 1.0;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
    40% {
        opacity: 0.75;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 1.0;
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -o-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }
}


/* --------------- 	CHECKOUT PORTLET --------------- */
.arena-checkout-welcome {
    display: block;
    margin-bottom: 10px;
    width: 75%;
}

.arena-checkout-itemnumber-input {
    margin-bottom: 10px;
}

.arena-checkout-itemnumber-input .arena-label {
    display: block;
}

.arena-checkout-print {
    margin-top:20px;
}

.arena-checkout-print a.arena-print {
    margin-top: 20px;
}

.arena-checkout-print .arena-recycle-table td,
.arena-checkout-print .arena-recycle-table th {
    white-space: normal;
}

/* --------------- 	AVAILABILITY --------------- */

.arena-record-availability a:link,
.arena-record-availability a:visited,
.arena-record-availability a:hover,
.arena-record-availability a:active {
    text-decoration: none;
    /* removes link underline for the availability labels in search result */
}

div.arena-availability {
    clear: both;
}

div.arena-availability-title {
    margin-bottom: 5px;
}

.arena-availability .arena-subtitle {
    /*
    border-bottom: 2px solid #d8d9d1;
    */
    font-size: 1.25em;
}

div.arena-availability-composite {
    margin-bottom: 5px;
    clear: both;
}

div.arena-availability-composite div.arena-header {
    background:transparent;
    padding: 0;
}

div.arena-availability-container div.arena-row {
    background: transparent;
}

div.arena-availability-details-container {
    float:left;
}

div.arena-availability-details div,
div.arena-availability-info div {
    padding-right: 10px
}

div.arena-composite-name {
    padding-right: 5px;
    padding-left: 5px;
}

div.arena-availability-branch {
    float: left;
    width: 100%;
}

div.arena-organisation-name {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

div.arena-availability-status {
    float: right;
    padding: 0px;
}

div.arena-branch-name {
    float:left;
    width: 50%;
    /*padding-left:15px;*/
}

span.arena-branch-name {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

span.arena-availability-status {
    float: right;
    padding-right: 15px;
    padding-left: 15px;
}

div.arena-branch {
    padding-right: 5px;
    padding-left: 5px;
}

span.arena-plus {
    background-image: url(../images/portlets/plus.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    font-weight: 700;
    display: block;
}

span.arena-minus {
    background-image: url(../images/portlets/minus.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    font-weight: 700;
    display: block;
}

div.arena-availability-organisation li {
    font-weight: 700;
    list-style-type: none;
    font-size: 1.1em;
}

div.arena-availability-details {
    float: left;
    width: 60%;
    padding-left: 15px;
}

div.arena-availability-right {
    float: right;
    padding: 0px;
}

div.arena-availability-info {
    clear: both;
    padding: 0px 15px 0px 15px;
}

span.availability-total,
span.noOfOrderedVisible,
span.noOfAvailableForLoanVisible,
span.noOfCheckedOutVisible,
span.noOfReferenceVisible {
    margin-right: 10px;
}

span.noOfOrderedHidden,
span.noOfAvailableForLoanHidden,
span.noOfCheckedOutHidden,
span.noOfReferenceHidden {
    display: none;
}

span.arena-availability-map {
    float: right;
}

/* --------------- 	PROFILE CARD -- */
div.arena-profile-card span.arena-value {
    display: block;
}

/* --------------- 	PROFILE PERSONAL -- */
div.arena-profile-address {
    margin: 10px 0px 0px 0px;
}

div.arena-profile-phone span.arena-value,
div.arena-profile-sms span.arena-value,
div.arena-profile-email span.arena-value {
    display: block;
}

span.arena-invalid,
span.arena-valid {
    display: block;
    font-weight: 700;
}

.arena-displayname {
    display: inline-block; /* in the modal-window */
}

.arena-display-name-container-form {
    margin-bottom: 20px;
}

.arena-display-name-container-form label {
    font-weight: 700;
}

.arena-display-name-info {
    margin-bottom: 20px;
}

/* --------------- 	SIMILAR TITLES -- */
div.arena-similar-titles {
    border-bottom: 1px solid #828F95;
    padding-bottom: 5px;
}

div.arena-similar-title {
    font-size: 1.2em;
    font-weight: 700;
}

div.arena-similar-author span {
    font-style: italic;
}

div.arena-similar-description {
    clear: both;
}

/* --------------- 	TAG CLOUD -- */
div.portlet-tagCloud a {
    text-decoration: none;
}

div.portlet-tagCloud a:hover {
    text-decoration: underline;
}

.arena-cloud-history {
    margin-top: 20px;
}

span.arena-tag-1 a {
    font-size: 100%;
    font-weight: 200;
    margin-right: 5px;
}

span.arena-tag-2 a {
    font-size: 110%;
    font-weight: 300;
    margin-right: 1px;
}

span.arena-tag-3 a {
    font-size: 120%;
    font-weight: 500;
    margin-right: 2px;
}

span.arena-tag-4 a {
    font-size: 130%;
    font-weight: 600;
    margin-right: 9px;
}

span.arena-tag-5 a {
    font-size: 145%;
    font-weight: 800;
    margin-right: 7px;
}

span.arena-tag-6 a {
    font-size: 160%;
    font-weight: 900;
    margin-right: 1px;
}

span.arena-tag-7 a {
    font-size: 175%;
    font-weight: 900;
    margin-right: 3px;
}

/* --------------- 	TOP LIST -- */
div.arena-toplist-title {
    font-size: 1.2em;
    font-weight: 700;
}

div.arena-toplist-title img {
    width: 20px;
    height: 20px;
}

div.arena-toplist-author span {
    font-style: italic;
}

div.arena-toplist-rating span.arena-value {
    display: block;
}

/* --------------- 	ARENA FORMS ------------------------- */
/* affected portlets - aquisition suggestion, arena account, arena profile (edit), article creation, article editing,
					change nickname, feedback to library, installation, interlibrary loan, profile card (edit),
					profile personal (edit), patron login, tag */

div.arena-form-content {
    padding-top: 5px;
}

div.arena-form-content span.arena-field {
    display: block;
}

span.arena-field {
    font-weight: 700;
}

label.arena-field {
    display: block;
    font-weight: 700;
}

.arena-label {
    font-weight: 700;
}

div.arena-form-link {
    margin-top: 5px;
    text-align: right;
}

div.arena-form-buttons {
    display: flex;
    justify-content: flex-end;
}

span.arena-form-subtitle {
    font-size: 1.2em;
    font-weight: 700;
}

div.arena-form-container {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #828F95;
}

div.arena-inner-form {
    padding: 5px;
    margin-top: 5px;
    background-color: #F1F1F1;
    border-top: 2px solid #D3DADD;
    border-bottom: 2px solid #D3DADD;
}

/* --------------- 	ACQUISITION SUGGESTION -- */
label.arena-portletTitle {
    font-size: 1.1em;
    font-weight: 700;
}

div.arena-required-field {
    font-weight: 700;
}

span.arena-required {
    color: #d10000;
    font-size: 1.2em;
}

.arena-column-2 span.arena-required {
    color: #d10000;
}

/* --------------- 	ARENA ACCOUNT ------------------------- */
div.arena-account-agree {
    height: 300px;
}

div.arena-email-dialog textarea.arena-input-text {
    min-width:500px;
    min-height: 80px;
    margin: 10px;
}

div.arena-email-dialog input.arena-input-text {
    margin-left: 10px;
}


div.arena-account-image img {
    border: 1px solid #000000;
}

div.arena-account-check label.arena-field {
    display: inline;
    margin-left: 5px;
}


/* ---------------  CAPTCHA ------------------------- */

div.arena-patron-captcha label.required {
    display: block;
}

div.arena-patron-captcha {
    padding:10px 0;
    border-bottom: 1px dotted #999;
    border-top: 1px dotted #999;
}

div.wavplayer {
    width:1px;
    height:1px;
    overflow:hidden;
    /* flash audio captcha
    cant set to display none, cause then javascript
    interaction with button wont work */
}

.arena-patron-captcha label.required {
    margin-top: 20px;
}

a.showTextCaptcha,
a.showAudioCaptcha {
    display:block;
    margin-top:10px;
}

div.arena-patron-captcha label.required {
    display: block;
}

.wicketExtensionsWizardOuterTable
{
    width:80%;
    margin: auto;
}

.wicketExtensionsWizardInnerTable
{
    border:thin solid black;
    width:95%;
    margin: auto;
}

/*
THIS IS PROBABLY OBSOLETE, COMMENTING IT FOR NOW. (121213, MSA)
div.arena-account-agree {
	background-color:#FFFFFF !important;
	border:2px solid #111111;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:10px;
	overflow:auto;
	width:80%;
}
*/

.wicketExtensionsWizardInnerTable
{
    width:100% !important;
}
.wicketExtensionsWizardInnerTable
{
    background-color: #E8E8E8;
    width:90% !important;
}

div.arena-account-check div.arena-form-content
{
    padding-bottom:10px;
    padding-top:10px;
    text-align:center;
}

.wicketExtensionsWizardButtonBar input {
    min-width:80px;
    width:auto !important;
}



/* ---------------  ARENA PROFILE -- */
div.arena-edit-name-public label.arena-field,
div.arena-edit-contact-public label.arena-field,
div.arena-edit-interests-public label.arena-field,
div.arena-edit-messages label.arena-field,
div.arena-edit-collection label.arena-field {
    display: inline;
}

.arena-profile-container input,
.arena-profile-container .arena-link-button {
    margin-top: 5px;
}

.arena-profile-row {
    border:0px solid pink;
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.arena-profile-row .arena-value {
    display: block;
}

.arena-toggle-link-container {
    position: absolute;
    right: 0;
    top: 0;
}


a:link.arena-toggle-link {
    font-weight: bold;
    text-decoration: none;
}
/*
a.arena-toggle-link-shown {
	background: transparent url("../images/icons/arrow_up.png") no-repeat ;
}

a.arena-toggle-link-hidden {
	background: transparent url("../images/icons/arrow_down.png") no-repeat ;
}
*/

.arena-toggle-panel {
    padding-top: 10px;
}

.arena-toggle-container {
    background: transparent;
    margin:20px 0 40px;
    position: relative;
}

.arena-toggle-header {
    background: transparent;
    display: block;
    font-weight: bold;
    font-size: 14px;
    width: 80%;
}

.arena-profile-name-table {
    margin-top: 0;
}

.arena-profile-retype-password {
    margin-bottom: 10px;
}

.arena-profile-library-card-container {
    width: 100%;
    margin-top: 0;
}

.arena-profile-library-card-container td {
    vertical-align: middle;
}

.arena-profile-library-card {
    /* min-width:50%; */
}

.arena-profile-change-pin-link-container {
    margin: 15px 0;
}

.arena-profile-account-id {
    font-weight: bold;
}

.arena-profile-general-agreement-header, .arena-profile-loan-history-header {
    font-weight: bold;
    margin-top: 1em;
}

.arena-profile-general-agreement-container, .save-loanhistory-container {
    width: 80%;
}

a.arena-profile-general-agreement-link {
    margin-left: 5px;
}

.aui .save-loan-history-label {
    display: inline;
}

.arena-profile-pin-container {
    margin: 20px 0;
}

.arena-profile-info-text {
    display: block;
}

.arena-profile-address-container .arena-value {
    display: block;
}

.arena-profile-address-container .arena-profile-zip-code,
.arena-profile-address-container .arena-profile-city {
    display: inline;
}

.arena-new-phone-container {
    margin: 10px 0 30px 0;
}

.arena-personal-info-phone {
    margin-top: 20px;
}
.arena-profile-phone-header {
    display: none;
}

.arena-profile-email-container {
    width: 100%;
}

.arena-profile-email-container td:first-of-type {
    /* NOTE: pseudo selector :first-of-type doesnt work in IE8 and below... */
    min-width: 10%;
}

.arena-profile-add-email {
    margin-bottom: 10px;
}

.arena-profile-absent-label {
    font-weight: bold;
}

.captchaTextContainer, .captchaAudioContainer {
    margin-top: 20px;
}

.showTextCaptcha, .showAudioCaptcha {
    margin: 10px 0;
}

.captchaInput {
    margin-bottom: 10px;
}

.arena-security-questions-edit label {
    clear: left;
    display: block;
    float: left;
    width: 30%;
}

.arena-security-questions-edit select,
.arena-security-questions-edit input {
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    width: 50%;
}

.arena-security-questions-submit {
    clear: both;
    float: left;
    margin-top: 20px;
}

.arena-profile-container select {
    /* width: 206px; */
}

.arena-profile-absent-table input[type="text"] {
    max-width: 75%;
    width: auto;
}

/* ---------------  ARTICLE CREATION -- */
div.arena-article-edit input.arena-input-text {
    max-width: 200px;
}

div.arena-article-edit select.arena-select {
    max-width: 200px;
}

/* ---------------  ARTICLE EDITING -- */

table.arena-article-edit-user-info .portlet-form-field-label {
    padding-right:10px;
    font-weight: bold;
}

.arena-article-edit-header {
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.portlet-articleDetail div.articleedit {
    margin-top:20px;
}



/* ---------------  CHANGE NICKNAME -- */
/* ---------------  FEEDBACK TO LIBRARY -- */

/* ---------------  INSTALLATION -- */

.install-installations a.edit,
.install-agency a.edit {
    float: none;
}

div.install-portalSite a.edit {
    float: none;
}

div.wicketExtensionsBreadCrumbBar {
    float: none;
    padding: 5px;
}

.wicketExtensionsBreadCrumbBarCrumb {
    margin-right: 10px;
}

div.wicketExtensionsBreadCrumbBar span span em {
    font-weight: 700;
}

a.edit {
    float: left;
    margin-right: 10px;
}

div.edit-installation-name {
    padding-bottom:10px;
}

.install-agency, .install-portalSite {
    margin: 20px 0;
}

div.install-group-panel div, div.install-agency div {
    padding: 0px;
    border: 0;
    margin: 3px;
    margin-top: 10px;
}

div.install-group-panel div span,
div.install-agency div div span {
    font-weight:700;
}

div.install-group-panel div div span,
.portalSite-name .field-content .value {
    padding-top: 0;
    font-weight:700;
}

div.install-group-panel div div,
div.install-agency div div {
    padding: 0;
    /* margin: 10px 0 0 0; */
    margin: 0;
}

.field-subtitle {
    font-size:1.3em;
    font-weight:700;
    padding-bottom:10px;
    width:20px;
}

div.member-id span.value {
    display:block;
}

div.member-id span.field {
    margin-top: 5px;
    font-weight:700;
}

div.install-members div {
    border: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 0;
}

div.install-members div div	{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

div.install-installations div {
    border: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
}

div.install-installations div div {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.install-portalSite div {
    margin-bottom: 10px;
}

.edit-member-id .form-content, .installation-desc .form-content,
.edit-member-buttons, .edit-agency-buttons, .edit-installation-buttons {
    margin: 10px 0;
}

.edit-member-buttons, .edit-agency-buttons, .edit-installation-buttons {
    text-align: right;
}

/* --------------- 	INTERLIBRARY LOAN --------------- */
/* --------------- 	PROFILE CARD EDIT --------------- */
/* --------------- 	PROFILE PERSONAL EDIT ----------- */
span.arena-subtitle {
    font-weight: 700;
}

h2.arena-subtitle {
    font-weight: 700;
    margin: 0px;
}

div.arena-profile-edit-name,
div.arena-profile-edit-address,
div.arena-profile-edit-telephone,
div.arena-profile-edit-email {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #828F95;
}

div.arena-active-field {
    margin-top: 10px;
}

div.arena-edit-sms label.arena-field,
div.arena-edit-phone-remove label.arena-field,
div.arena-edit-email-remove label.arena-field {
    display: inline;
}

/* Forgot Pin Code */
.arena-profile-pin-reset-container h4 {
    display: inline-block;
    margin-top:0;
}

.arena-pin-reset-stepcounter {
    float: right;
}

.bwd .arena-pin-reset fieldset,
.arena-pin-reset fieldset {
    margin-bottom: 1.5em;
}

.bwd .arena-pin-reset legend,
.arena-pin-reset legend {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1em;
    border-bottom: 0;
}

fieldset.arena-pin-reset-method label:first-of-type {
    padding-left: 0;
}

.arena-pin-reset .arena-input-submit {
    margin: 0.5em 0;
}

/* ---------------  PATRON LOGIN --------------- */

div.portlet-patronLogin div.portlet-borderless-container {
    background-color: transparent;
    color: #000000;
    padding: 0px;
}

div.portlet-patronLogin a {
    color: #000000;
    text-decoration: none;
    font-weight: 700;
}

div.portlet-patronLogin a:hover {
    text-decoration: underline;
}

div.portlet-patronLogin div.arena-inner-header-top {
    background-color: #D4D6C1;
}

div.portlet-patronLogin div.arena-inner-header {
    background-image: url(../images/portlets/nav-header.jpg);
    background-color: #E1E1D5 ;
    color: #000000;
    border-bottom-width: 0px;
}

span.arena-login-greeting,
span.arena-login-label {
    float: left;
    font-weight: 700;
    padding-left: 10px;
}

div.portlet-patronLogin div.arena-inner-header-bottom {
    background-color: #E1E1D5;
}

div.portlet-patronLogin div.arena-inner-content-curve {
    background-color: #E1E1D5;
}

div.portlet-patronLogin div.arena-inner-content {
    background-color: #E1E1D5;
    padding: 10px;
}

div.arena-sign-in {
    background-color: #E1E1D5;
    clear: both;
}

div.arena-patron-form {
    color: #000000;
}

.arena-patron-members .arena-select {
    max-width: none;
    width: 100%;
}

/*
.arena-login-table {
	width: 100%;
	margin-top: 5px;
}

.arena-login-table td {
	padding-right: 0;
}

.arena-login-table td.arena-login-button {
	padding-right: 0;
	text-align: right;
}
*/
.arena-login-buttons {
    margin: 5px 0;
    position: relative;
}
.arena-nem-login {
    float: left;
}
.arena-login-button {
    float: right;
}

input[type="text"].arena-login-username,
input[type="password"].arena-login-password {
    background-image: none;
    border: 1px solid #828F95;
    padding: 3px;
    width: 100%;
    box-sizing: border-box;
}

input[type="text"].arena-login-username:focus,
input[type="password"].arena-login-password:focus {
    background-color: #FFFFFF;
    border: 1px solid #828F95;
}

div.portlet-patronLogin input.arena-input-submit {
    background-image: url(../images/forms/black-button.jpg) ;
    border-color: #B9B9AD;
    color: #FFFFFF;
}

div.portlet-patronLogin input.arena-input-submit.arena-refresh {
    background: transparent url("../images/icons/refresh.png") no-repeat center center;
    border: 0;
    text-indent: -9999px;
    padding: 0;
    height: 20px;
    width: 20px;
    min-width: 20px;

    border-radius: 0; 	/* this used to be 'none' which
						caused validation error! */
    box-shadow: none;
}

div.arena-patron-create {
    margin-top: 5px;
}

/* Info */
div.portlet-patronLogin a.arena-logout-link {
    float: right;
    padding-right: 20px;
    color: #d10000;
}

div.arena-patron-info {
    background-color: transparent;

    box-sizing: border-box;
    -moz-box-sizing: border-box;

    float: left;
    padding: 10px;
    width: 100%;
}

div.arena-patron-list {
    padding: 0;
    color: #000000;
}

div.portlet-patronLogin span.arena-value {
    color: #d10000 ;
}

div.arena-patron-details {
    padding-left: 15px;
    cursor: default;
}

ul.arena-patron-inner-list li {
    color: #d10000;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 10px;
}

span.arena-ready span {
    /* color: #d10000 !important;*/
    font-weight: 700;
}

div.arena-login-refresh {
    margin-top: 5px;
}

.arena-external-login-container a.btn:link {
    background-image: none;
    border: 0;
    color: #fff;
    font-weight: normal;
    text-shadow: none;
}

.arena-external-login-container a:last-child {
    margin-bottom: 1em;
}

.arena-external-login-container a.arena-external-login-bank-id,
.arena-external-login-container a.arena-external-login-bank-id-same-device,
.arena-external-login-container a.arena-external-login-bank-id-other-device,
.arena-external-login-container a.arena-external-login-bank-id:hover,
.arena-external-login-container a.arena-external-login-bank-id-same-device:hover,
.arena-external-login-container a.arena-external-login-bank-id-other-device:hover {
    background-color: #469cbE ;
}

.arena-external-login-container a.arena-external-login-zugeid,
.arena-external-login-container a.arena-external-login-zugeid:hover{
    background-color: #3984cc;
}

.arena-external-login-container a.arena-external-login-id-porten,
.arena-external-login-container a.arena-external-login-id-porten:hover{
    background-color: #3984cc;
}

.arena-external-login-container a.arena-external-login-telia-id-ssl,
.arena-external-login-container a.arena-external-login-telia-id-activex,
.arena-external-login-container a.arena-external-login-telia-id-ssl:hover,
.arena-external-login-container a.arena-external-login-telia-id-activex:hover {
    background-color: #652d86 ;
}

/*  Facebook blue #3b5998
    Google Plus (red) #dd4b39
    Twitter Blue #1da1f2
*/


/* --------------- 	TAG --------------- */
div.arena-tag a {
    text-decoration: none;
}

div.arena-tag a:hover {
    text-decoration: underline;
}

/* --------------- 	ARENA RECORDS ----------------------- */
/* affected portlets - article detail, media list, my loans, my ratings, my reservations, my reviews,
					my tag results, results list, search result, user collection list */

div.arena-results-hits {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.mediaList-action a {
    float: left;
    margin-right: 10px;
}

a.mediaListLink-toolbar-remove,
a.mediaListLink-toolbar-reserve {
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-weight: 700;
    background-position: left center;
    text-decoration: none;
}

a.mediaListLink-toolbar-remove {
    /*background-image: url(../images/icons/remove.png);*/
}

a.mediaListLink-toolbar-reserve {
    /*background-image: url(../images/icons/reserve.png);*/
}

div.arena-record-rss {
    float: right;
}

div.arena-results-save {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-result-locale {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-record-sort {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-record-counter {
    padding-right: 5px;
    padding-left: 5px;
    float: right;
    font-weight: 700;
}

div.arena-record-navigation {
    padding-right: 5px;
    padding-left: 5px;
    float: right;
}

div.arena-save-view {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-list-actions {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-item-toolbar {
    padding-right: 5px;
    padding-left: 5px;
    float: left;
}

div.arena-list-actions a {
    float: left;
    margin-right: 10px;
}

a.arena-email, a.arena-print, a.arena-download,
a.arena-check, a.arena-uncheck, a.arena-renew-loan,
a.arena-linktopage, a.arena-delete, a.arena-reserve,
a.arena-nemlogin, a.arena-save-search-link,
a.arena-save-my-order, a.arena-manual-order {
    float: left;
    margin-right: 10px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
    /*font-weight: 700;*/
    background-position: left center;
    text-decoration: none;
}

a.arena-check, a.arena-uncheck {
    padding-left: 0px;
    /* ART-2270 */
}

.arena-backlink-container {
    float: none;
}

.arena-backlink-container {
    margin-bottom: 0px; 	/*
							apparently this div gets produced even if
							the preferences are off! so can�t have
							margin-bottom: 10px as it produces a weird
							gap when the addthis-buttons aren�t there
							*/
}

a.arena-renew-loan {
    /* clear:both; */
    /* puts this link on new row, to avoid the cluttering */
}

a.arena-email {
    background-image: url(../images/icons/mail.png);
}

a.arena-print {
    background-image: url(../images/icons/print.png);
}

a.arena-download {
    background-image: url(../images/icons/download.png);
}

a.arena-check {
    /*	background-image: url(../images/icons/check.png);
	ART-2270 */
    background-image: none;
}

a.arena-uncheck {
    /*
	background-image: url(../images/icons/uncheck.png);
	ART-2270 */
    background-image: none;
}

a.arena-delete {
    background-image: url(../images/icons/delete.png);
}

a.arena-reserve {
    background-image: url(../images/icons/reserve.png);
}

a.arena-renew-loan {
    background-image: url(../images/icons/renew.png);
}

a.arena-linktopage {
    background-image: url(../images/icons/links.png);
}

a.arena-nemlogin {
    background-image: url(../images/icons/nemlogin.png);
}

a.arena-save-search-link,
a.arena-save-my-order {
    background-image: url(../images/icons/save.png);
}

a.arena-reservation-button-down {
    background-image: url(../images/icons/arrow_down.png);
}

a.arena-reservation-button-up {
    background-image: url(../images/icons/arrow_up.png);
}

a.arena-manual-order {
    background-image: url(../images/icons/order_manual.png);
}

span.arena-select-item {
    float:right;
    padding-right:13px;
    position:relative;
    text-align:right;
    top:55px;
}

a.arena-fallback-checkbox img {
    vertical-align: middle;
}

div.arena-record-sort span {
    font-weight: 700;
    margin-right: 10px;
    float: left;
}

div.arena-record-sort a:hover {
    text-decoration: underline;
}

div.arena-top-result-buttons {
    text-align: right;
    float: left;
    width: 100%;
    margin-bottom: 6px;
    margin-top: -2px;
}

div.arena-record-container {
    /* border: 0px solid #828F95;
    margin-bottom: -2px;

    what? old and redundant
    */
    /* height: 1%;  IE7 hack */
}

div.arena-record {
    clear: both;
    padding: 5px;
}

div.arena-record-buttons-container {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
}

div.arena-record-buttons-curve {
    font-size: 1px;
    height: 1px;
    margin-left: 1px;
    margin-right: 1px;
    clear: both;
}

div.arena-record-buttons {
    float: left;
    width: 100%;
    padding: 2px 0px 2px 0px;
    text-align: right;
}

span.arena-record-subtitle {
    font-weight: 700;
    font-size: 1.2em;
}

/* covers */
div.arena-record-cover {
    /* float: left; */
    padding-right: 5px;
    padding-bottom: 5px;
}

.arena-column-2 div.arena-book-jacket {
    background-image: url(../images/cover/cover-shadow.jpg); /* book jacket shadow */
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0px 4px 4px 0px;
    margin: 4px 0px 0px 4px;
    float: left;
}

div.arena-book-jacket img {
    width: 50px;
}

.arena-column-2 div.arena-book-jacket img {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    float: left;
    margin: -4px 0px 0px -4px;
}

/* record fields */
div.arena-record-title {
    font-size: 1.25em;
    font-weight: 700;
}

div.arena-record-details {
    float: left;
    width: 60%; 		/* used to be 300 px */
    max-width: none; 	/* used to be 60% */
}

div.arena-record-right {
    float: right;
}

span.arena-available,
span.availableForLoan {
    color: #3E9200;
    font-weight: 700;
}

/* do ALL of these exist?! check later and remove the unnecessary ones */
span.arena-notavailable,
span.notAvailable,
span.nonAvailableForLoan,
span.onLoan,
span.overdueLoan,
span.checkedOut,
span.ordered,
span.referenceOnly {
    color: #d10000;
    font-weight: 700;
}

/* buttons */
div.arena-record-button {
    clear: both;
    text-align: right;
}

div.arena-toggle-record-list {
    /* show hide record list button */
    text-align:left;
    padding-bottom: 10px;
    padding-top: 10px;
}

/* --------------- 	ARENA ARTICLES  --------------- */

a.arena-item-edit {
    font-weight: 700;
    float: left;
    text-decoration: none;
    padding-left: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/edit.png);
}

div.arena-article-title {
    font-size: 1.25em;
    font-weight: 700;
}

div.arena-article div.arena-article-title {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

div.arena-article-description p {
    margin: 0px;
}

div.arena-article-locale {
    padding-right: 5px;
    padding-left: 5px;
}

div.arena-article-locale label.arena-field {
    display: inline;
}

select#choiceArticleLocale {
    width: auto;
}

/* Article */
.arena-articledet-title {
    font-size: 1.25em;
    font-weight: 700;
    padding-top: 10px;
}

div.portlet-listArticleView div.arena-record {
    clear: both;
    padding-bottom: 12px;
}

.arena-articledet-description img,
.arena-articledet-body img {
    max-width: 100%;
}

/* Article Edit  */
div.arena-article-subject, div.arena-article-groups, div.arena-article-content,
div.arena-article-content, div.arena-article-content {
    margin: 10px;
    border:1px solid #CCCCCC;
    padding: 5px;
}

div.portlet-articleDetail select.arena-select {
    background-image: none;
    border: 1px solid #828F95;
    padding: 0px;
    width: 83%;
    max-width: 200px;
    display:block;
    margin-top:5px;
}

div.arena-article-edit input.arena-input-text {
    margin-top:6px;
    max-width:200px;
}

div.articleedit div.arena-form-buttons {
    float:right
}

/* --------------- 	MEDIA LIST  --------------- */
div.media-title-title {
    float: left;
    padding-left: 5px;
}

div.media-select-title {
    float: right;
    padding-right: 5px;
}

div.media-left-col {
    float: left;
}

div.portlet-boundary_mediaList_WAR_arenaportlet_ div.right {
    padding-top: 5px;
}

/* MEDIA LIST RESERVATIONS */

.arena-reservation-wizard-dont-reserve {
    text-align: right;
    padding: 10px 0;
}

.arena-reservation-wizard-dont-reserve-link {
}

.arena-reservation-wizard-record .arena-review {
    display: none;
    /* when in reservation mode hide reviews */
}

div.arena-reservation-wizard-records {
    margin-top: 25px;
    margin-bottom: 25px;
}

.arena-reservation-wizard-member-description {
    font-size: 1.25em;
    font-weight: bold;
    padding: 0;
}

/* --------------- 	MY LOANS  --------------- */

h3.arena-reloanable-header {
    background-color: #2BAB4E;
    color: #fff;
    padding: 5px;
    text-align: center;
}

h3.arena-notReloanable-header {
    background-color: #d10000;
    color: #fff;
    padding: 5px;
    text-align: center;
}

div.portlet-myLoans div.arena-record {
    padding: 0;
}

div.portlet-myLoans span.arena-select-item {
    top: 15px;
}

.arena-column-2 div.portlet-myLoans div.arena-record-details {
    max-width: 50%;
}

.arena-column-2 div.portlet-myLoans div.arena-record-right {
    width: 210px;
}

div.arena-loan-date,
div.arena-return-date {
    float: left;
    width: 70px;
    text-align: center;
}

div.arena-loan-date span,
div.arena-return-date span {
    display: block;
}

span.arena-warning {
    font-weight: 700;
    color: #d10000;
}

div.arena-renew {
    float: left;
    width: 70px;
    text-align: right;
}

div.arena-loan-select {
    float: left;
    width: 70px;
    text-align: center;
}

div.arena-record-info-norenew span.loans-loanInfo,
div.arena-record-info-norenew span.arena-value {
    color: #d10000;
    font-weight: 700;
}

div.arena-record-info span.loans-loanInfo {
    color: #3E9200;
    font-weight: 700;
}

input.renew-all-button {
    float: right;
    margin-right: 5px;
}


div.arena-record-branch,
div.arena-record-create,
div.arena-record-expire {

}

/*	old and messy markup which sometimes caused text to overlap when the translations changed
div.arena-record-branch span.arena-field,
div.arena-record-create span.arena-field,
div.arena-record-expire span.arena-field {
	display:inline-block;
	width: 80px;
	} */

/* new and better markup below, using a table means */
/* that the width is the same for all the fields    */
/* ON THE OTHER HAND, people can turn off certain features, */
/* which means that not all table cells are shown... */

table.arena-reservation-details, table.arena-load-details {
    margin: 10px 0;
}

div.arena-loan-details {
    padding: 10px 0;
}

table.arena-reservation-details span.arena-field,
table.arena-loan-details span.arena-field {
    padding-right:5px;
    font-weight: bold;
}

table.arena-reservation-details td,
table.arena-loan-details td {
    padding-right: 20px;
    white-space: nowrap;
}

div.arena-loans-panel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.arena-loans-panel div.tab-row a:link,
div.arena-loans-panel div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}


/* 3.0 RENEWAL STYLING */
.arena-renewal-toolbar { margin-bottom: 20px; }
.arena-renewal-toolbar h4 { display: inline; width: 50%; }
.arena-renewal-toolbar label, .arena-new-paging label { float: left; padding: 5px 5px 0 0; }

.arena-renewal-toolbar input, .bwd .arena-renewal-toolbar input,
.arena-renewal-toolbar #arena-renewal-continue {
    float: right;
    margin-left: 5px;
}

.aui .arena-sortby-select, .aui .arena-itemsperpage-select { margin-right: 10px; width: auto; max-width: 200px;  }
.aui .arena-itemsperpage-copy {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top;
}

.arena-new-paging { margin-bottom: 5px; }
.arena-new-paging-controls { float: right; }

.arena-new-paging-controls .btn-group { margin-left: 5px; }
.arena-new-paging-controls a:link { text-decoration: none; }

.arena-renewal-table { margin-bottom: 10px ; }
.aui .arena-renewal-table tr th:nth-child(2),
.aui .arena-renewal-table tr td:nth-child(2) { text-align: left; }

.arena-renewal-loan .arena-feedback, .arena-renewal-loan .arena-review { display: none; }

.arena-renewal-loan { min-width: 50%; }
.arena-renewal-date, .arena-renewal-status { min-width: 20%; }

.arena-renewal-loan a { display: block; font-weight: 700; margin-bottom: 0.5em; text-transform: uppercase; }

.arena-renewal-loan div { font-size: 1em; line-height: 1.3em; }
.arena-renewal-loan div.arena-record-details { margin-left: 0; width: auto; }
.arena-renewal-extras { clear: both; }

.arena-renewal-status input { margin-bottom: 0.5em; min-width: 50%; }
.arena-renewal-status span { display: block; font-size: 0.8em; line-height: 1.4em; }
.arena-renewal-status-message { font-style: italic; }

#arena-renewal-continue:after {
    content:'\2192' ; /* right arrow http://unicode-table.com/en/sets/arrows-symbols/ */
}

.arena-renewal-result-captions { margin-bottom: 20px; }
.arena-renewal-fail { display: block; }
.arena-renewal-success { }

.arena-renewal-result-table caption { color: #fff; padding: 5px; text-transform: uppercase; }
.arena-renewal-result-table tr th:last-child,
.arena-renewal-result-table tr td:last-child{ width: 25%; }
.arena-renewal-result-table tr th:nth-child(1),
.arena-renewal-result-table tr td:nth-child(1) { text-align: left; }


/* LOAN HISTORY */
.aui .arena-loanhistory-table tr th:nth-child(1),
.aui .arena-loanhistory-table tr td:nth-child(1) {
    text-align: left;
}
.aui .arena-loanhistory-table tr th:nth-child(2),
.aui .arena-loanhistory-table tr td:nth-child(2) {
    text-align: center;
}


/* --------------- 	MY RATINGS  --------------- */
div.arena-ratings-buttons {
    margin-right: 5px;
}

/* --------------- 	MY RESERVATIONS  --------------- */
.portlet-myReservations {
    padding-bottom: 100px;
    /* bottom padding added to avoid that the calendar gets cut off for the last item ART-2692 */
}

.arena-column-2 div.portlet-myReservations div.arena-record-details {
    max-width: 50%;
}

.arena-column-2 div.portlet-myReservations div.arena-record-right {
    width: 210px;
}

div.arena-reservation-from-container,
div.arena-reservation-to-container,
div.portlet-myReservations div.arena-result-info {
    float: left;
    width: 70px;
    text-align: center;
    margin-right: 20px;
}

div.arena-record-queue {
    margin-bottom: 10px;
}

a.arena-reservation-button-down, a.arena-reservation-button-up {
    margin-right: 5px;
    background-repeat: no-repeat;
    padding: 3px 0 3px 15px;
    /*font-weight: 700;*/
    background-position: left center;
    text-decoration: none;
}

.arena-reservation-reorder {
    padding: 5px 0;
    margin-bottom:5px;
    border:1px dotted #999;
    text-align: center;
}

div.arena-reservation-details {
    float:left;
}

div.arena-reservation-from-container span,
div.arena-reservation-to-container span,
div.portlet-myReservations div.arena-result-info span {
    display: block;
    text-align:left;
}

div.arena-reservation-from {
    float: none; /* ARENA-14810 */
    width: auto;
}

div.arena-reservation-edit-branch span.arena-field,
div.arena-reservation-edit-from span.arena-field,
div.arena-reservation-edit-to span.arena-field,
div.arena-reservation-edit-buttons span.arena-field {
    float: left;
    width: 150px;
}

/* arena-tabbed-panel-reservations */
div.arena-reservations-panel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.arena-reservations-panel div.tab-row a:link,
div.arena-reservations-panel div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.arena-reservations-panel div.tab-row li.selected a:link,
div.arena-reservations-panel div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.arena-reservations-panel div.tab-row a:hover {
    background: #fff;
}


/* --------------- 	MY REVIEWS  --------------- */
div.arena-reviews-buttons {
    margin-right: 5px;
}
/* --------------- 	MY TAG RESULTS  --------------- */
div.arena-record-summary {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
}

/* --------------- 	RESULTS LIST --------------- */
/* --------------- 	SEARCH RESULT -------------- */

/*
div.portlet-searchResult div.record-button {
	text-align: right;
}

.arena-column-2 div.portlet-searchResult div.record-button input {
	position: relative;
	margin-top: -22px;
	float: right;
	padding: 2px;
}
*/

div.arena-record-left {
    float: left;
}

.arena-media-class-icon {
    clear: left;
    float: left;
    padding: 0 5px 0 0;
}

.mediaclass-icon {
    background-color: transparent;
    clear: left;
    display: inline-block;
    fill: #111;
    margin-right: 5px;
    width: 23px;
}

.mediaclass-icon + .arena-record-title + div {
    margin-top: 5px;
}


.arena-record-details .mediaclass-label,
.arena-detail-title .mediaclass-label {
    display: none;
}

.arena-record-details .mediaclass-icon {
    float: left;
}

.arena-other-record a,
.arena-detail-title {
    align-items: center;
    display: flex;
    text-decoration: none !important;
}

.arena-other-record .mediaclass-icon {
    width: 2.7em;
}

.arena-record-entity-type {
    padding-bottom: 10px;
}

.arena-record-id {
    display: none;
}

div.arena-zero-engines {
    margin-top: 10px;
}

div.arena-zero-repeating {
    display: table;
    vertical-align: middle;
}

span.arena-zero-link {
    display: table-cell;
    vertical-align: middle;
}

span.arena-zero-img {
    display: table-cell;
    vertical-align: middle;
}

div.portlet-queryRecordSearchResult ul.feedbackPanel {
    display: block;
    /* float: left; */
    margin: 0;
    padding: 10px 0 20px;
    width: 100%;
}

.arena-search-query-saver-link-container {
    clear: left;
    float: left;
    display: block;
    width: 100%;
}

.arena-zero-list {
    clear: left;
    float: left;
    margin-top: 10px;
    width: 100%;
}

.arena-reservation-button-login {
    /* if not logged in, text instead of button is shown,
    and we want that on a separate row */
    display: block;
    padding-bottom: 5px;
}

/* --------------- 	RECOMMEND THIS  --------------- */
.portlet-recommendTitle label {
    display: inline;
}


/* --------------- 	ABUSIVE REVIEW  --------------- */

div.arena-abuse-listpanel .title {
    /* background-color: #cccccc; */
    border-bottom: 1px solid #333;
    width: 100%;
    float: left;
}

div.arena-abuse-listpanel .title .col1 {
    border-right: 1px solid black;
    width: 70%;
    float: left;
}

div.arena-abuse-listpanel .title .col2 {
    width: 28%;
    float: left;
}


div.reportlist {
    background-color: #ffffff;
    width: 100%;
    float: left;
}

div.reportlist-hover {
    background-color: #cccccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 5px;
    width: 100%;
}

div.reportlist-selected {
    background-color: blue;
}

div.arena-abuse-formpanel-container {
    width:100%;
}

div.arena-abuse-formpanel {
    /*
    background-color: white;
    float: left;
    */
    border:0px solid #D6D7CF;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 200px;
    height: auto;
}

div.arena-abuse-formpanel div {
    margin-bottom:20px;
    /* adding some space between the textareas in this section */
}

div.arena-abuse-formpanel .name
{
    float: left;
    width: 35%;
}

div.arena-abuse-formpanel .email
{
    float: left;
    width: 40%;
}

#arena-abuse-formpanel textarea
{
    width: 70%;
    float: left;
}

#arena-abuse-formpanel .cardlist
{
    width: 28%;
    float: left;
    padding: 3px;
}

#arena-abuse-formpanel .arena-abusehandling-tasks
{
    width: 100%;
    float: left;
}

div.arena-abusehandling-tasks {
    margin-top:10px;
    width:100%;
    float:none;
}

div.arena-abuse-listpanel p span.col1
{
    width: 69%;
    margin: 3px;
    float: left;
}

div.arena-abuse-listpanel p span.col2
{
    width: 28%;
    margin: 3px;
    float: right;
}


div.arena-abuse-summarypanel-container
{
    background-color: transparent;
    float:left;
    width:100%;
}

div.arena-abuse-summarypanel
{
    background-color:#FFFFFF;
    border:1px solid #D6D7CF;
    /* float:left; */
    min-height:240px;
    height: auto;
    width:100%;
}


div.arena-abuse-summarypanel span.title,
div.arena-abuse-summarypanel-container span.title
{
    background-color:transparent;
    float:left;
    width:100%;
    height:24px;
}

textarea#contributiontext, textarea#contributionreport {
    width: 100%;
    background-color:#fff;
    box-sizing: border-box;
}

span.arena-abusehandling-tasks {
    margin:5px;
}

.arena-abuse-summarypanel p {
    padding-left: 5px;
}

div.arena-abuse-listpanel-container {
    background-color: transparent;
}

div.arena-abuse-listpanel-container span.title {
    background-color:transparent;
    width:100%;
    float:none;
}

div.arena-abuse-listpanel {
    overflow:auto;
    background-color:#ffffff;
    border:1px solid #D6D7CF;
    /*
    float:left;
    */
    min-height: 120px;
    height: auto;
    width:100%;
}

div.reportlist p span.col1  {
    float:left;
    width:70%;
    padding-left:5px;
    line-height: 1.1em;
}

div.reportlist p span.col2 {
    float:left;
    width:25%;
    line-height: 1.1em;
}

div.arena-abuse-listpanel .title .col1  {
    border-right:1px solid black;
    float:left;
    min-height:24px;
    width:70%;
}


span.title-field {
    float:left;
}

span.title {
    background-color:#DDDDDD;
    float:left;
}


span.title span.col2 {
    padding-left:48%;
}

div.arena-abuse-summarypanel-container,
div.arena-abuse-listpanel-container,
div.arena-abuse-formpanel-container {
    margin-bottom:20px;
}

/* --------------- 	EXTERNAL LINKS --------------- */

/* -- IFrame -- */
iframe.arena-iframe {
    width: 100%;
    /*   overflow-x: auto; */
    /*   overflow-y: auto; */
    height: 300px;
    border: 0;
}

div.portlet-iframe  select.arena-select
{
    width: 200px ;
}

/* --------------- 	REST CLIENT  --------------- */
div.arena-rest-client {
    width: 100%;
    /*  overflow-x: auto; */
    /*   overflow-y: auto; */
    height: 300px;
    border: 0;
}

/* --------------- 	IMAGES -- */

/* --------------- 	FORUM -- */
div.arena-forum-links {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 700;
}

.arena-new-discussion {
    float: right;
    margin-bottom: 5px;
}

.arena-newpost-buttons {
    padding: 10px 0;
}

a.arena-addcategory-link {
    margin-right: 10px;
}

div.arena-category-links, div.arena-topic-links {
    float: right;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 700;
}

span.arena-forum-name, span.arena-forum-description {
    float: left;
    width: 30%;
}

span.arena-forum-user {
    float: left;
    width: 15%;
}

.arena-forum-post {
    float: left;
    width: 80%;
}

span.arena-thread-post {
    float: left;
    width: auto;
}

div.arena-forum-tasks {
    float: none;
    width: 100%;
    /* resize: none;*/
    white-space: nowrap;
}

div.topiclist {
    overflow: hidden;
}

a.arena-category-edit {
    margin-right: 10px;
}


.arena-forum-name {
    margin-bottom:8px;
}

.arena-thread-body span {
    padding-left:5px;
}

span.forum-agency-description {
    display: block;
}

.catalogueForum-PostPanel span {
    padding-left:5px;
}

/*  */
div.arena-column-1 div.portlet-listResult div.arena-record-details {
    float: none;
}

.arena-forum-name {
    margin-bottom:8px;
}

span.arena-thread-body {
    display:block;
    min-width: 100%;
}

span.arena-forum-name, span.arena-forum-description {
    width:100%; text-align:right;
}

div.view-link {
    width: 33%;
    margin:5px;
    display: inline;
}
div.report-link  {
    display:inline;
    float:right;
    /* margin-top:-20px ;*/
    position:relative;
}

span.title-field {
    float:left;
    display: inline;
}

div.view-link a, div.reply-link a {
}

.arena-thread-body {
    background-color: transparent;
}

div.close-link {
    display: inline;
    border:0px solid #D3DADD;
}

div.reply-link {
    display: inline;
    padding-left: 0px;
}

.catalogueForum-PostPanel div.postbody-field {
    background-color: transparent;
    padding-left: 2px;
}

span.arena-forum-name {
    font-size: 1.1em;
    font-weight:700;
}

div.name-field {
    padding-left:40px;
    font-weight:700;
}

span.title-field {
    float:left;
}

div.catalogueForum-PostPanel {
    display:inline;
}

div.catalogueForum-thread {
    border: 1px solid #D3DADD;
    clear: both;
    margin: 10px 0;
    padding:5px;
}

a.arena-new-discussion {
    margin-bottom: 15px;
}


div.catalogueForum-PostPanel div {
    border:1px solid #D3DADD;
    padding-left: 20px;
    margin:5px;
}

div.catalogueForum-PostPanel div div {
    border:0px solid #D3DADD;
    padding-left: 0px;
}

div.portlet-arenacatalogueforum div.arena-header,
div.portlet-arenacatalogueforum div.arena-header-curve {
    display:none;
}

div.arena-forum-title
{
    display: none;
}


/* --------------- 	MEDIA LIST STATISTICS -- */
table.mediaListStastistic {
    width: 100%;
}

td.mediaListStatistic1 {
    width: 50%;
}

td.mediaListStatistic2 {
    width: 50%;
}

/* --------------- 	REVIEWS AUTHORIZATION -- */

/* --------------- 	SIMPLE SEARCH -- */

.portlet-simpleSearch input.arena-input-submit,
.portlet-patronLogin .arena-login-button input.arena-input-submit  {
    margin-right: 0;  /* ARENA-14160 */
}

span.arena-search-text {
    display: inline-block;
}

span.arena-search-text, input.arena-input-text {
    width: 200px;
}

span.arena-search-select {
    display: inline-block;
}


span.arena-search-select select.arena-select {
    width: auto;
    font-size: 1.2em;
}

/* ARENA-12166 */
/*
div.portlet-simpleSearch span.arena-field {
    color: black;
}
*/

span.arena-search-button {
    display: inline-block;
    margin-left: 3px;
}

span.arena-search-button input.arena-input-submit {
    background-repeat: no-repeat;
}

div.portlet-simpleSearch fieldset.arena-configuration,
div.portlet-simpleSearch fieldset.arena-translations {
    text-align: left;
}

/* for when the portlet is not borderless */
div.portlet-simpleSearch div.portlet {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    background-color: transparent;
}

div.portlet-simpleSearch div.portlet-topper {
    background-color: transparent;
    border-width: 0px;
}

div.portlet-simpleSearch div.portlet-icons {
    position: static;
    text-align: center;
}

div.portlet-simpleSearch div.portlet-content {
    padding: 0px;
}

span.arena-search-text, span.arena-search-select
{
    padding-bottom: 7px;
}

/* --------------- 	SIMPLE SEARCH AUTOCOMPLETE -- */
div.wicket-aa-container {
    overflow: hidden;
    z-index: 99;
}

div.wicket-aa {
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align: left;
}

div.wicket-aa ul, div.wicket-aa ul li  {
    list-style-type: none;
    padding: 2px;
    margin: 0;
}

div.wicket-aa ul li.selected {
    background-color: #CCCCCC;
    margin: 0;
}

div.arena-autocomplete-value {
    float: left;
    clear: left;
}

div.arena-autocomplete-code {
    float: right;
    clear: right;
    font-style: italic;
    padding-left: 20px;
}

div.arena-autocomplete-clear {
    clear: both;
}

span.arena-highlight {
    background-color: yellow;
}

/* --------------- 	EXTENDED SEARCH --------------- */

/* 2.5 STYLING */

div#content-wrapper.columns-1 div.portlet-extendedSearch {
    /*
    padding-left: 40px;
    padding-right: 40px;
    */
}

.portlet-extendedSearch label {
    font-weight: bold;
    display: block;
}

div.arena-extended-search-original-top-text {
    padding-bottom: 20px;
}

.portlet-extendedSearch select,
.portlet-extendedSearch textarea {
    width: 90%;
}

.portlet-extendedSearch select[multiple],
.portlet-extendedSearch textarea,
.aui .portlet-extendedSearch select[multiple],
.aui .portlet-extendedSearch textarea {
    height:75px;
}

body.controls-visible select {
    /* height: auto; */
    /* this messes with ARENA-15812 */
}


select.arena-extended-search-accession-date-choice {
    /*
    height: auto;
    */
}

.arena-extended-search-organisation-container,
.arena-extended-search-branch-container,
.arena-extended-search-department-container {
    margin-bottom: 10px;
}


/* One column styling below */
#column-1 .arena-extended-search-organisation-container,
#column-1 .arena-extended-search-branch-container,
#column-1 .arena-extended-search-department-container,
#column-1 .arena-extended-search-entity-type-container,
#column-1 .arena-extended-search-category-container,
#column-1 .arena-extended-search-media-class-container,
#column-1 .arena-extended-search-language-container,
#column-1 .arena-extended-search-target-audience-container {
    width:250px;
    float:left;
}

#column-1 .arena-extended-search-language-container,
#column-1 .arena-extended-search-publication-year-header {
    clear:left;
}

#column-1 .portlet-extendedSearch select,
#column-1 .portlet-extendedSearch textarea {
    width: 225px;
}

#column-1 div.arena-extended-search-accession-date-container {
    clear: both;
    margin: 0;
    padding: 0;
}

#column-1 div.arena-extended-search-original-top-buttons,
#column-1 div.arena-extended-search-opac-top-buttons {
    margin-top: 30px;
}


#column-1 textarea.arena-extended-search-search-query-field {
    box-sizing: border-box;
    max-width: 725px;
    min-height: 100px;
    width: 100%;
}

#column-1 .arena-extended-search-opac-fields-view {
    width: 250px;
    float: left;
    border: 1px dotted #999;
    margin: 0 15px 15px 0;
    padding: 5px;
    width: 250px;
}

#column-1 .arena-extended-search-opac-new-field-container {
    width: 250px;
    float: left;
}

#column-1 .arena-extended-search-search-query-container {
    clear: left;
}

.arena-extended-search-entity-type-container,
.arena-extended-search-category-container,
.arena-extended-search-media-class-container,
.arena-extended-search-language-container,
.arena-extended-search-target-audience-container,
.arena-extended-search-accession-date-container {
    margin-bottom: 10px;
}

.arena-extended-search-department-container,
.arena-extended-search-category-container,
.arena-extended-search-target-audience-container {
    margin-bottom: 40px;
}

div.arena-extended-search-publication-year-header {
    font-weight: bold;
}

div.arena-extended-search-publication-year-from-container,
div.arena-extended-search-publication-year-to-container {
    display: block;
    float: left;
    padding-right: 20px;
}

div.arena-extended-search-accession-date-container {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* specific Original or Opac styles below */

div.arena-extended-search-original-top-buttons,
div.arena-extended-search-original-bottom-buttons,
div.arena-extended-search-opac-top-buttons,
div.arena-extended-search-opac-bottom-buttons {
    margin: 10px 0 20px 0;
}

div.arena-extended-search-original-middle-text,
div.arena-extended-search-opac-middle-text {
    padding-bottom: 10px;
}


div.arena-extended-search-search-query-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.arena-extended-search-original-field-container {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
}

label.arena-extended-search-original-field-label {
    font-weight: bold;
    width: 35%;
}

div.arena-extended-search-opac-field-container {
    margin-bottom:40px;
}

select.arena-extended-search-opac-field-operator,
select.arena-extended-search-opac-field-type {
    margin-bottom:10px;
}


/* --------------- 	SAVED SEARCH, SEARCH HISTORY --------------- */
.arena-save-search-form-header {
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

.arena-save-search-form-buttons {
    padding: 20px 0;
}

.arena-save-search-form-buttons input {
    margin-right:10px;
}

table.arena-save-search-container td {
    padding-right: 10px;
    padding-bottom: 5px;
}

.arena-save-search-form-alert-help {
    padding: 20px 0 10px 0;
}

/* Search history portlets */

.portlet-cataloguePersistentSearchHistory .arena-record,
.portlet-articlePersistentSearchHistory .arena-record,
.portlet-catalogueSessionSearchHistory .arena-record,
.portlet-articleSessionSearchHistory .arena-record {
    clear: none;
    padding: 0;
    position: static;
}

.portlet-cataloguePersistentSearchHistory span.arena-select-item,
.portlet-articlePersistentSearchHistory span.arena-select-item,
.portlet-catalogueSessionSearchHistory span.arena-select-item,
.portlet-articleSessionSearchHistory span.arena-select-item {
    float: right;
    padding-right: 0;
    position: relative;
    top: 0;
    z-index: 999;
}

.portlet-cataloguePersistentSearchHistory .arena-record-container,
.portlet-articlePersistentSearchHistory .arena-record-container,
.portlet-catalogueSessionSearchHistory .arena-record-container,
.portlet-articleSessionSearchHistory .arena-record-container {
    margin: 0;
    padding: 0;
    border-bottom:1px dotted #999;
    margin-top:10px;
}

.arena-persistent-search-history-link {
    margin-right: 20px;
    font-weight: bold;
}

.arena-search-history-alert-check-box-container {
    margin-top: 20px;
}

.aui .arena-change-button {
    display: block;
    margin: 5px 0;
}

.arena-notify-email-value {
    font-weight: 700;
}

.arena-search-history-email-notification-info {
    margin: 10px 0;
}

.arena-session-search-history-query-container {
    padding-bottom: 10px;
}

.aui .arena-search-history-notification-method-label, .arena-search-history-notification-method-label,
.aui .arena-search-history-alert-check-box-label, .arena-search-history-alert-check-box-label {
    display: inline;
    margin-right: 5px;
}

.arena-search-history-email-field-note {
    margin: 1em 0;
}


/* --------------- 	USER COLLECTION LIST -- */
div.arena-uc-data {
    clear: both;
}

div.arena-uc-categories {
    margin-top: 10px;
}

div.arena-uc-rating,
div.arena-uc-myreviews,
div.arena-uc-tags,
div.arena-uc-agency,
div.arena-uc-button {
    margin-top: 10px;
}

/* --------------- 	USER COLLECTION DETAIL -- */
div.arena-ucd-categories {
    margin-top: 10px;
}

div.arena-ucd-rating,
div.arena-ucd-tags {
    margin-top: 10px;
}

/* --------------- 	MULTISELECT LIST - */

div.arena-pickList {
    float: left;
    height: auto;
}

span.arena-pickListGroups {
    float: left;
}

span.arena-pickListGroups select {
    float: left;
    width: 125px;
}

span.arena-pickListFilter {
    float: left;
}

span.arena-pickListFilter select {
    float: left;
    width: 125px;
}

span.arena-pickListAvailable {
    float: left;
}

span.arena-pickListAvailable select {
    float: left;
    width: 125px;
    height: 200px;
}

span.arena-pickListSelected {
    float: left;
}

span.arena-pickListSelected select {
    float: left;
    width: 125px;
    height: 200px;
}

span.arena-pickListButtons {
    text-align: center;
    margin-top: 30px;
    float: left;
}

span.arena-pickListButtons input {
    width: 40px;
    margin: 5px;
}

div.arena-secuirtyconfirmButtons, div.arena-securityconfirmButtons {
    margin-top: 1em;
    float: left;
}

/**groups**/
div.arena-group-category-list {
    margin: 10px 0 2px 0;
}

div.arena-group-list-actions, div.arena-category-list-actions {
    float: right;
    width: 23%;
}

div.arena-group-list-name, div.arena-category-list-name {
    float: left;
    padding-left: 5px;
    width: 23%;
}

div.arena-group-list-description {
    float: left;
    padding-left: 5px;
    width: 46%;
}

ul.arena-category-actions-link, ul.arena-group-actions-link {
    float: right;
    padding: 0;
}

ul.arena-category-actions-link li, ul.arena-group-actions-link li {
    display: inline;
    list-style-type: none;
    padding: 0 5px;
}

div.arena-group-list div.arena-row-buttons-container, div.arena-group-category-list div.arena-row-buttons-container {
    margin-top: 2px;
}

/* --------------- 	CONFIGURATION PAGES --------------- */

.arena-configuration, .arena-translations {
    background-color:#2c3e50; /* used to be #131d68 - psycho/DOS/vga blue */
    text-align:left;
    color:#FFFFFF;
}

span.arena-original-translation-value {
    font-style: italic;
}

div.arena-view-properties,
fieldset.arena-translations div.arena-form-content {
    margin-bottom: 10px;
    /* adds spacing between the form fields */
}

fieldset.arena-configuration,
fieldset.arena-translations {
    margin-bottom: 30px;
    padding-bottom: 10px;
}

div#banner {
    /* position: relative; */
    z-index: 4; /* but why? */
}


.portlet-restClient h2 {
    font-size:1.1em;
}

.portlet-restClient h3 {
    font-size:1em;
}

/*   Button Bar Buttons  */
.wicketExtensionsWizardButtonBar input {
    width: auto;
}

input[disabled="disabled"], input[disabled="disabled"]:hover
{
    /*display: none;*/
    cursor: not-allowed;
}


/* Authorization Manager */
div.portlet-authManager table.palette {
    border: 0;
}

div.portlet-authManager table.palette td.header {
    font-weight: bold;
    font-size: 1em;
    background-color: transparent;
    padding: 2px;
    border: none;
}

div.portlet-authManager table.palette td.pane {
    width: 100px;
    text-align: center;
}

div.portlet-authManager table.palette td.pane select {
    width: 200px;
}

div.portlet-authManager table.palette td.buttons {
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

div.portlet-authManager table.palette td.buttons button {
    width: auto;
    height: auto;
    min-width: 0;
    background-image: none;
    background-color: transparent;
}


/* # Email template  */
div.arena-email-dialog textarea.arena-input-text
{
    width:80%;
    margin: 10px;
}
div.arena-email-dialog input.arena-input-text
{
    margin-left: 10px;
}


.defaultSkin table.mceLayout tr.mceLast td {
    border:1px solid #CCCCCC;
}

/*  help # */
a.arena-help {
    background-image:url(../images/portlets/help.png);
    float:right;
    height:16px;
    margin-right:-8px;
    margin-top:-29px;
    position:relative;
    width:16px;
}

div.portlet-borderless-container a.arena-help {
    margin:0px !important;
}

div.portlet-patronLogin div.portlet-borderless-container a.arena-help {
    right:3px;
    top:23px;
}

div.portlet-tagCloud  a.arena-help
{
    margin: 0;
    top:-34px;
    margin-right: -7px;
}

.portlet-close-icon
{
    margin-right: 16px;
}

a.arena-help span
{
    display:none;
}

div.arena-logout-link
{

    padding-right: 18px;
}

div.arena-catalogue-detail div.arena-form-buttons, .portlet-changeNickname div.arena-form-buttons
{
    float:none;
    padding-top:5px;
    text-align:right;
}


/* --------------- 	NEW ACCOUNT -- */
.wicketExtensionsWizardViewInner
{
    padding: 5px;
}
.wicketExtensionsWizardHeaderSummary, .wicketExtensionsWizardHeaderTitle
{
    padding: 5px;
}

/* # Notes Fields  */

div.arena-detail-notes-list {
    float: left;
    padding-left: 0;
}

div.arena-detail-notes-label {
    float:left;
    font-weight:700;
    width:auto;
}

/* --------------- 	TAGS --------------- */

.arena-tags-text input.arena-input-text {
    box-sizing: border-box;
    width: 100%;
}

div.arena-tags-buttons {
    margin-right: 0px;
    margin-top: 5px;
}

.arena-tags-repeat {
    display:inline;
}

div.arena-tag div {
    /* display:inline; */
}

.arena-tags-refresh {
    margin-top:20px;
    margin-bottom:20px;
}


/* --------------- 	LINK TO PAGE --------------- */
div.arena-detail-save a {
    padding-bottom:5px;
    /* padding-right: 10px; */
    text-align:right;
    float: right;
    text-decoration:none;
    /* color: #8BAF67; */
    font-weight: 700;
}

div.portlet-listArticleView a.arena-tooltip, div.portlet-searchResult  a.arena-tooltip {
    color:#8BAF67;
    float:right;
    font-weight:700;
    padding-bottom:5px;
    padding-bottom:5px;
    padding-right:15px;
    position:relative;
    right:2px;
    text-align:right;
    text-decoration:none;
}

div.arena-item-toolbar {
    width: 100%;
}


/* Article Stuff */
div.portlet-articleDetail .arena-link-button
{
    margin-top: 10px;
    float: right;
}

/* --------------- 	LIBRARY ACCOUNT REGISTRATION --------------- */

div.arena-what-is-account .arena-modal-link {
    display: block;
    margin: 10px 0;
}

div.arena-attention-info {
    font-size: 1.2em;
    font-style: italic;
    margin: 10px 0;
}

div.arena-account-displayname,
div.arena-account-password,
div.arena-account-nick,
div.arena-account-email,
div.arena-patron-groups,
div.arena-terms-of-agreement,
div.arena-patron-captcha,
div.arena-patron-buttons,
.arena-account-displayname-edit, .arena-account-password-edit,
.arena-account-nick-edit, .arena-account-email-edit {
    margin-bottom: 20px;
}

.arena-displayname-field, .arena-password-field,
.arena-nick-field, .arena-email-field, .arena-agency-desc {
    border-bottom: 4px solid #999;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.portlet-arenaAccount div.arena-value {
    float: left;
}

.arena-account-displayname .arena-link-button,
.arena-account-password .arena-link-button,
.arena-account-nick .arena-link-button,
.arena-account-email .arena-link-button {
    float: right;
}
div.arena-account-displayname {
    display:none;
    /* ART-1154 */
}

div.arena-group-cards {
    margin-top: 20px;
}

div.arena-group-cards span {
    display: block;
}

div.arena-patron-groups {
    margin-top: 60px;
}

.arena-refresh-cardlist {
    float: right;
}

div.arena-library-card-container {
    background: url(../images/misc/library_card.png) no-repeat;
    min-height: 70px;
    padding-left: 110px;
}

.arena-library-card-number {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 18px;
}

div.arena-link-card {
    text-align: center;
    border: 4px solid #999;
    margin: 20px 0px;
    padding: 10px;
}
div.arena-account-patronprofile-links a,
div.arena-group-cards a {
    margin-right: 10px;
}


div.arena-library-card-id {
    font-weight:bold;
    display:table-row;
}

.arena-library-card-id-title {
    display:table-cell;
}

.arena-library-card-id-input {
    display:table-cell;
}

div.arena-library-card-pin {
    font-weight:bold;
    display:table-row;
}

.arena-library-card-pin-title {
    display:table-cell;
}

.arena-library-card-pin-input {
    display:table-cell;
}

.arena-group-cards-form {
    display:inline;
}

/* --------------- 	SELF REGISTRATION --------------- */
fieldset.arena-selfreg-firststep {
    border: 0;
}

fieldset.arena-selfreg-firststep legend {
    padding: 0;
}

.arena-selfreg-firststep div {
    margin: 10px 0;
}

.arena-selfreg-firststep select {
    min-width: 175px;
}

.arena-selfreg-autofill-button {
    margin-top: 5px;
}

.portlet-selfRegistration input[type="submit"] {
    margin: 10px 0;
}

.arena-selfreg-fieldcontainer,
.arena-selfreg-termsandconditions-link {
    margin-bottom: 10px;
}

.arena-selfreg-title {
    font-weight: bold;
}

.arena-selfreg-termsandconditions-link label, .arena-selfreg-checkbox label {
    padding-right: 5px;
}

.arena-selfreg-librarycard {
    margin: 10px 0;
}

/* --------------- 	MULTI AGENCY TABS FOR 1.9 */
div.tab-row {
    margin: 20px 0 10px 0;
}

div.tab-row ul {
    border-bottom: 1px solid #999999;
    margin: 0;
    padding: 0;
}

div.tab-row ul li,
div.portlet-myLoans div.tab-row ul li,
div.portlet-myReservations div.tab-row ul li
{
    background-color: #C0C0C0;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    display: inline;
    margin-right: 5px;
    padding: 7px 7px 2px;
}

div.tab-row ul li.selected,
div.portlet-myLoans div.tab-row ul li.selected,
div.portlet-myReservations div.tab-row ul li.selected
{
    background-color: #F0F0F0; /* change this in each theme to coordinate with background of portlet */
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    display: inline;
    padding: 7px 7px 3px;
}

div.tab-row ul li a:link {
    text-decoration: none;
    font-weight: normal;
}

div.tab-row ul li.selected a{
    text-decoration: none;
    /* font-weight: bold; */
}

div.tab-panel {
    /*
    border: 1px solid #e2e2e2;
    background-color: #ffffff;
    */
}

div.tab-panel div.arena-record-right {
    position: relative;
    right: 0;
}



/* --------------- 	MULTI AGENCY TABS, MY LOANS, MY RESERVATIONS -- */

div.portlet-myLoans div.tab-panel, div.portlet-myReservations div.tab-panel {
    /*
	background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
	*/
}

div.portlet-myLoans div.tab-row ul, div.portlet-myReservations div.tab-row ul {

}


div.portlet-myLoans div.tab-row ul li a:link,
div.portlet-myLoans div.tab-row ul li a:hover,
div.portlet-myLoans div.tab-row ul li a:visited,
div.portlet-myLoans div.tab-row ul li a:active,
div.portlet-myReservations div.tab-row ul li a:link,
div.portlet-myReservations div.tab-row ul li a:hover,
div.portlet-myReservations div.tab-row ul li a:visited,
div.portlet-myReservations div.tab-row ul li a:active
{
    color: #999999;
}

div.portlet-myLoans div.tab-row ul li.selected a:link,
div.portlet-myLoans div.tab-row ul li.selected a:hover,
div.portlet-myReservations div.tab-row ul li.selected a:link,
div.portlet-myReservations div.tab-row ul li.selected a:hover
{
    color: #222222;
}


/* --------------- 	IMAGE HANDLING --------------- */

/* LINKS WITH ICONS */
a.arena-folder-tree-add-folder-tree-link,
span.arena-folder-name,
a.arena-folder-node-name-link,
a.arena-folder-home-link,
a.arena-folder-parent-link,
a.arena-image-back-link,
a.arena-folder-add-folder-link,
a.arena-folder-add-image-link,
a.arena-folder-node-edit-link,
a.arena-folder-node-delete-link,
a.arena-image-edit-link,
a.arena-image-delete-link,

a.arena-article-template-upload-back-link,
a.arena-article-template-validator-link,

a.arena-delete-link
{
    background-repeat: no-repeat;
    background-position: left center;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 20px;
    font-weight: bold;
}

span.arena-folder-name, a.arena-folder-node-name-link
{
    background-image: url("../images/icons/folder.png");
}

a.arena-folder-tree-add-folder-tree-link,
a.arena-folder-add-folder-link,
a.arena-folder-add-image-link
{
    background-image: url("../images/icons/add.png");
}

a.arena-folder-home-link {
    background-image: url("../images/icons/home.png");
}

a.arena-folder-parent-link,
a.arena-image-back-link,
a.arena-article-template-upload-back-link {
    background-image: url("../images/icons/arrow_left.png");
}

a.arena-article-template-validator-link {
    background-image: url("../images/icons/accept.png");
}

a.arena-folder-node-edit-link,
a.arena-image-edit-link
{
    background-image: url("../images/icons/edit.png");
}

a.arena-folder-node-delete-link,
a.arena-image-delete-link,
a.arena-delete-link
{
    background-image: url("../images/icons/delete.png");
}


/* FIRST PAGE AND ONE LEVEL DOWN */
div.arena-image-toolbar {
    clear: both;
    float: left;
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
    width: 100%;
}

div.arena-image-search {
    float:left;
}

div.arena-image-search-query-container {
    float:left;
}

div.arena-image-search-query-buttons {
    padding-bottom:20px;
    margin-left:10px;
    float:left;
}

a.arena-folder-home-link,
a.arena-folder-parent-link,
a.arena-folder-add-folder-link,
a.arena-folder-add-image-link {
    margin-right: 20px;
}

.arena-folder-container {
    margin-top: 20px;
}

.arena-folder-node {
    clear:both;
    float:left;
    margin-bottom: 5px;
    margin-top: 5px;
}

div.arena-folder-node a {
    float:left;
    margin-right:15px;
}


.arena-folder-name {
    display:block;
}

.arena-folder-node-name {
    display:block;
    width: 200px;
    font-weight: bold;
}

.arena-folder-container,
.arena-folder-child-folders-container {
    float:left;
    clear: both;
}

.arena-folder-child-folders-container {
    padding-left:10px;
}


/* LISTING OF IMAGES IN A FOLDER */
div.arena-image {
    border-top:1px dotted #999;
    margin-top:10px;
    padding-top:10px;
    padding-bottom: 30px;
    clear: both;
    float: left;
    width: 100%;
}

div.arena-image-thumbnail-panel {
    /* float:left; */
    float: none;
    min-width: 75px;
}

div.arena-image-details-right {
    float:left;
    margin-left:10px;
    display:inline;
}

table#arena-image-details-table {
    margin-bottom:10px;
}

table#arena-image-details-table td {
    padding: 3px;
    border-bottom: 1px dotted #999;
    vertical-align: top;
}

table#arena-image-details-table tr td:first-child {
    min-width: 100px;
}

div.arena-image span.arena-field {
    font-weight: bold;
}

div.arena-image-keywords-container {
    float:left;
    margin-bottom:10px;
}

div.arena-image-keywords-container span {
    float: left;
}

/*
div.arena-image-keywords {
	float:left;
	border:0px solid pink;
	}

span.arena-image-keyword {
	font-style: italic;
	text-decoration: underline;
	margin-right:5px;
	}
*/
a.arena-image-keyword-link {
    font-style:italic;
    margin-right: 10px;
}

a.arena-image-edit-link,
a.arena-image-delete-link {
    float: left;
    clear: both;
    margin-right: 20px;
}

a.arena-image-delete-link {
    clear: none;
}

/* EDIT IMAGE INFO */
.arena-image-header,
.arena-folder-header {
    font-size: large;
    font-weight: bold;
    padding-bottom: 20px;
}

div.arena-image-form-name-container,
div.arena-image-form-description-container,
div.arena-image-form-copyright-container,
div.arena-image-form-new-keyword-container {
    clear:both;
    float:left;
    margin-bottom:10px;
}

label.arena-image-form-name,
label.arena-image-form-description,
label.arena-image-form-copyright,
label.arena-image-form-new-keyword {
    float: left;
    clear: both;
    width: 200px;
    font-weight: bold;
}

div.arena-image-upload-container label.arena-image-form-name {
    width: auto;
    padding-right:20px;
}

div.arena-image-form-name-container input,
div.arena-image-form-description-container input,
div.arena-image-form-copyright-container input,
div.arena-image-form-new-keyword-container input {
    float:left;
}

div.arena-image-form-keywords-container {
    clear:both;
    float:left;
    margin-top:20px;
}

label.arena-image-form-keywords {
    display:block;
}

div.arena-image-form-keywords-container select {
    width: 200px;
}

div.arena-image-form-buttons {
    clear: both;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    border-top:1px dotted #999;
    width: 100%;
}

div.arena-image-form-keyword-buttons input.arena-input-submit {
    float: right;
}

/* EDIT FOLDER */
.arena-folder-tree-header {
    font-size: large;
    font-weight: bold;
    padding-bottom: 20px;
}

label.arena-folder-form-name,
label.arena-folder-form-description,
label.arena-folder-tree-form-name,
label.arena-folder-tree-form-description,
label.arena-folder-tree-form-published-scope {
    width: 200px;
    float: left;
    clear: both;
    font-weight: bold;
}

div.arena-folder-tree-form-published-scope-container {
    float: left;
    clear: both;
    margin-top:20px;
}

div.arena-folder-tree-form-name-container input,
div.arena-folder-tree-form-description-container input,
div.arena-folder-tree-form-published-scope-container input {
    float:left;
}

div.arena-folder-tree-form-buttons,
div.arena-folder-form-buttons,
div.arena-image-upload-button {
    clear: both;
    float:left;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-top: 1px dotted #999;
    width: 100%;
}


/* IMAGE SEARCH RESULT */
div.arena-image-search-result {
    float: left;
    clear: both;
}

div.arena-image-search-result-view {
    clear:both;
    float:left;
    width: 100%;
    border-top:1px dotted #999;
    margin-top:10px;
    padding-top:10px;
}

a.arena-image-search-result-home-link {
    display: block;
}


/* UPLOAD IMAGE, ADD META */
div.arena-image-upload-button {
    margin-bottom: 20px;
}

div.arena-image-upload-container {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    float: left;
}

img.arena-image-thumbnail {
    margin-right: 10px;
    margin-bottom: 10px;
}

.ie .arena-image-thumbnail {
    max-width: 200px; /* ARENA-15927 */
}

/* --------------- 	CREATE ARTICLE USING TEMPLATES --------------- */

/* FOR LINKS WITH ICONS IN THIS SECTION SEE
CSS DEFINITIONS IN IMAGE HANDLING SECTION ABOVE*/

div.portlet-articleCreation div.portlet-content {
    padding-bottom: 20px;
}

.arena-article-template-form-buttons {
    margin:10px 0 10px 0;
}

.arena-article-template-overview-icon {
    margin-top: 5px;
    margin-bottom: 10px;
}

div.arena-article-template-form-variable {
    margin-top: 10px;
    margin-bottom: 15px;
}

div.arena-article-template-overview-panel {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #999;
}

div.arena-article-template-links {
    clear: both;
    float: left;
    border-bottom: 1px dotted #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}

a.arena-article-template-upload-back-link {
    margin-right: 20px;
}

div.arena-article-templates-upload-header {
    margin-bottom: 10px;
    font-weight: bold;
}

div.arena-article-template-upload-form-buttons {
    margin-bottom: 15px;
}

div.arena-article-template-upload-form-container {
    padding-bottom:15px;
}

div.arena-article-templates-header,
div.arena-article-template-upload-form-file div.wicket-mfu-caption,
div.arena-article-template-components-folder-header {
    font-weight: bold;
}

div.arena-article-template-upload-form-file div.wicket-mfu-container {
    padding-top:10px;
}

table#arena-article-template-components-table {
    margin-bottom:10px;
}

table#arena-article-template-components-table th,
table#arena-article-template-components-table td {
    padding: 5px;
    padding-right:20px;
    border: 1px dotted #999;
}

div.wicket-mfu-container input {
    margin-left:20px;
}
div.wicket-mfu-container div {
    margin-bottom:5px;
}

div.arena-article-templates-list{
    border-bottom: 1px dotted #999;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

table.arena-article-templates-list td {
    padding: 0px;
    padding-right: 20px;
}


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

.arena-invalid-input {
    color: #d10000;
    font-weight: 700;
}

.arena-increment-item {
    margin-bottom: 20px;
}

.arena-link-icon:before {
    /* http://nickpiesco.github.io/alloy-ui-font-awesome-cheatsheet/css/style.css */
    font-family: "fontawesome-alloy";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    padding-right: 0px;
    text-transform: none;
}

a.arena-link-icon:link,
a.arena-link-icon:hover {
    text-decoration: none;
}

/* --------------- 	RANDOM FIXES --------------- */
div.arena-abuse-formpanel .email {
    float:left;
    width:50%;
}
div.arena-abuse-formpanel .name {
    float:left;
    width:50%;
}
div.arena-forum-tasks {
    display:inline;
    float:none;
    white-space:nowrap;
    width:100%;
}

.reportlist .col2 {
    display: inline !important;
    float: right !important;
}
.reportlist .col1 {
    width: 70% !important;
    min-width: 70% !important;
}

div.reportlist {
    width: 100%;
    float:left;
}

/* Reservation buttons */

div.arena-reservation-buttons div.arena-form-buttons {
    float:none !important;
    padding-top:5px;
    text-align:right;
}


div.reportlist a:hover {
    color:#8BAF67;
    text-decoration:underline !important;
    cursor:  pointer;
}

/* --------------- 	Payments Stuff */
div.arena-debts-fee-amount span.arena-field, div.arena-debts-total-amount span.arena-field
{
    float:none;
    text-align: left;
}

div.arena-debts-total-amount, div.arena-debts-fee-amount
{
    text-align: left;
}

.arena-column-3 div.portlet-listArticleView div.arena-record-container
{
    border:0px !important;
    border-bottom:2px solid #F0F1EB !important;
}

.arena-column-1 div.portlet-listArticleView div.arena-record-container {
    border:0px !important;
    border-bottom:2px solid #F0F1EB !important;
}

div.reportlist-selected {
    color: #000000;
    background-color: #0C0C0C;
}

div.arena-review-add div.arena-form-buttons {
    float:none;
}

#p_p_id_82_ .portlet {
    /* language portlet */
    background-color:#FFFFFF;
    margin:0 0 0 0;
}

div.portlet-language {
    top:0;
}

.portlet-language a:link,
.portlet-language a:hover,
.portlet-language a:visited,
.portlet-language a:active {
    text-decoration: none;
}

.js .interactive-mode {
    right:1%;
    top:40px;
}

div.arena-loans-panel div.tab-row li.selected a:link,
div.arena-loans-panel div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.arena-loans-panel div.tab-row a:hover {
    background: #fff;
}

.arena-record-renewability .arena-value {
    color: #d10000;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
}

/* My Debts: arena-debts-panel */
div.arena-debts-panel div.tab-row li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

div.arena-debts-panel div.tab-row a:link,
div.arena-debts-panel div.tab-row a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

div.arena-debts-panel div.tab-row li.selected a:link,
div.arena-debts-panel div.tab-row a:visited.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}

div.arena-debts-panel div.tab-row a:hover {
    background: #fff;
}



/* ----- COLUMN STYLES FOR ARENA MODERN THEME LAYOUT TEMPLATES ----*/
/* not the right place per se, but only way to make them globally */
/* will break if no arena portlet is on the page though... */

/*
3 columns:
.mod-3col1 = modern theme, column 1 in row with 3 columns
.mod-3col2 = modern theme, column 2 in row with 3 columns
.mod-3col3 = modern theme, column 3 in row with 3 columns

2 columns, different widths:
.mod-2col1n = modern theme, column 1 (narrow) in row with 2 columns
.mod-2col2w = modern theme, column 2 (wide) in row with 2 columns
*/

.arena-newmod550 {
    width:550px;
}

.arena-newmod360 {
    width:360px;
}

.arena-newmod170 {
    width:170px;
}

.arena-newmodfooter {
    width:100%;
}

.mgl20 {
    /* margin-left:20px; */
    /* 20px is the gutter between the columns */
}

.mgl40 {
    /* margin-left:40px; */
    /* 40px is the margin from left side of wrapper */

    /* these two styles are redundant as a global layout template fix */
    /* has been made. located in arena moderns arena-default.css */
}

/* Self Pub Upload form element */

/* this puts asterisk AFTER input fields

form :required + *:after {
	content: "*";
    color: red;
    font-weight: normal;
    font-size: 20px;
}

*/

label.arena-required:after {
    /* this puts asterisk AFTER label text */
    color: #d10000;
    content:" *";
    display: inline; /* unnecessary? */
}


/* ---------------------------------------------------- */
/*		LIFERAY 62 FIXES
/* ---------------------------------------------------- */


/* MISCELLANEOUS */
.aui nav#breadcrumb {
    display: none;
}

/* DOCKBAR  */
.aui .portlet-dockbar {
    margin-bottom: 0;
}

.aui .dockbar.navbar-static-top {
    font-size: 1.2em;
}

.aui .dropdown-menu a {
    text-decoration: none;
}

/* BETTER PORTLET CONFIGURATION */
.lfr-icon-action a, a.taglib-icon, .bwd a.taglib-icon, .bwd a.taglib-icon:link, .bwd a.taglib-icon:hover, .bwd a.taglib-icon:visited {
    text-decoration: none;
}

.arena-portletConfigurationPanel,
.arena-portletTranslationsPanel,
.arena-textAreaConfigurationPanel {
    box-sizing: border-box;
    float: left;
    padding: 5px;
    width: 33%;
}

.arena-portletConfigurationPanel legend,
.arena-portletTranslationsPanel legend,
.arena-textAreaConfigurationPanel legend {
    background-color: inherit;
    color: #fff;
}

.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background-image: none !important;
    color: #000 !important;
}

/* 	Special treatment for Simple Search when in portlet configuration mode,
	since it often is heavily styled */
.page-maximized div.portlet-simpleSearch {
    margin-left: 0;
    position: static;
    padding: 0;
    width: 100%;
}

.page-maximized div.portlet-simpleSearch input.arena-input-text {
    max-width: none;
    background-image: none;
    width: 80%;
    max-width: 200px;
    padding: 3px; font-size: 1em;
    color: #000000;
}

.page-maximized .arena-view-properties label {
    max-width: 200px;
}

div.wicket-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(230, 230, 230);
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    text-decoration: none;
}