/* -- Element selectors -------------------------------------------------------------- */

body {
    text-align: left;
    background:#FFF;
    color:#262C32;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 75%;
    line-height: 1.75em;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    margin-bottom: 0.5em;
    color: #111;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}

h1 {
    font-size: 1.833333em;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom:none;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1em;
}

h2,h3,h4,h5,h6 {
    margin-top: 1em;
}

form li {
    margin-bottom: 1em;
}

input[disabled], input[readonly], button[disabled] {
    border: none;
}

button {
    font-family:inherit;
    font-size: 90%;
    font-weight:inherit;
    line-height: 110%;
}

em,i
{
    font-style: italic;
}

strong,bold {
    font-weight: bold;
}

label {
    display: block;
    font-weight: bold;
    font-size: 90%;
    line-height: 1em !important;
    margin-bottom: 2px;
    
}

label.inline {
    display: inline !important;
}

legend {
    color: black;
}

ul,ol
{
    line-height: 1.75em;
}

ul.inline ul li {
    display: inline !important;
    margin-right: 1em;
}

table {
    width: 100%;
}

table.tablesorter thead tr th {
    white-space: nowrap;
}

th {
    color: black;
}

tr {
    vertical-align: top;
}

th {
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 0.3em;
}

td {
    padding: 0.3em;
}

li li {
    margin-bottom: 1 !important;
}

button + button, input[type="submit"] + input[type="submit"] {
    margin-left:1em;
}

/* -- Structural elements (don't mess with padding or margins on these! -------------- */

#header {
    height:25px;
    min-height: 25px;
}

#navbar {
    background-color: lightgrey;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

#content {
    min-height: 350px;
}

#footer {
    clear: both;
}

/* -- ID selectors ------------------------------------------------------------------- */

#tenantSearchTitle {
    font-size: 200%;
    text-align: center;
    margin-bottom: 1em;
}  

#tenantSearchDescription {
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 2em;
}

#frmHomeSearch {
    text-align: center;
    margin-bottom: 1em;
}
  
#tenantHomeLinks {
    text-align: center;
}  
  
#topRightNav {
    float: right;
    margin-left: 2em;
}

.withSidebar {
    min-height: 350px;
    width: 64%;
    float: left;
}

#sidebar {
    float: right;
    display: block;
    min-height: 350px;
    width: 35%;
    background:#f7f7f7 url('../images/branding/broadminster/sidebar-bg.jpg') repeat-x top;
    border-left:1px solid #ddd;
    border-bottom:1px solid #CCC;
}

#templateDebug {
    clear: both;
    background-color: #AAA;
    border: solid silver 1px;
    padding: 1em;
}

/* This will eventually get deprecated in place of a consistent 'sidebar' */
#itemSidebar {
    border-left:1px solid #ddd;
    border-bottom:1px solid #CCC;
    display:block;
    float:right;
    width:35%;
    background:#f7f7f7  url('../images/branding/broadminster/sidebar-bg.jpg') repeat-x top;
    margin:-12px -1em 0 0;
    margin-bottom: 1em;
    padding:22px 1em 22px 1em;
    min-height:340px;
}

#itemSidebar th {
    padding:0 0.2em;
    text-align:left;
}

#itemDetailsMain {
    float:none;
    width:auto;
    min-height: 200px;
    clear: both;
}

#itemDetails {
    margin-bottom: 2em;
}

#poweredBy {
    padding: 1em;
    text-align: center;
    font-size: 80%;
    float: right;
}

#modalLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity = 50);
    background-color: #C0C0C0;
    z-index: 900;
    cursor: wait;
}

#modalPane {
    position: absolute;
    z-index: 999;
    background:white url('../images/branding/broadminster/popup-box.jpg') top repeat-x;
    color: black;
    border: outset 2px;
    padding: 1em;
}

#modalPane h1 {
    margin-bottom:1.5em;
}

#modalPane button, #modalPane input[type="submit"] {
    font-size:1em !important;
}

#linkedToLabel {
    font-weight: bold;
    margin-right: 3px;
}

#pagingControl {
    text-align: center;
}

#exportAcquisitionsItemsCol1 {
	margin-right: 20px;
}

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

.wrapper {
    padding: 1em;
}

.visiblePageMetaArea {
    padding: 0.5em;
    border: solid silver 1px;
    background-color: #F6F6F6;
}

.fieldLabel {
    float: left;
    font-weight: bold;
    margin-right: 0.5em;
    color: black;
}

/* Have consciously used padding as opposed to margin so that the dragging works better */
.list li {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.item {
    line-height: 1.4em !important;
}

.item + .item {
    border-top: solid silver 1px !important;
}

.section {
    background-color:#e1f0ff;
    border: 2px solid #b4d9ff;
}

.section + .section {
    margin-top: 1em;
}


/* If this changes also check for the reapplying of styles after DOM manipulation in editList.js */
.section .section {
    border: solid 2px silver;
    background-color: #E6E6E6;
}

.searchFilter {
    float: right;
    /*margin-right: 1em;*/
}

#tableOfContents {
    border: 1px solid #AAAAAA;
    background-color: #F9F9F9;
    padding: 0.5em;
    margin-top: 1em;
    position: relative;
    min-height: 10px;
}

#tableOfContents ol {
    margin-left: 1.5em;
}

#tableOfContents li {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

.list, .item, .itemBibData, .outlineItem, .listContainer, .studentInfo {
    min-height: 4px;
}

.noteExists {
    float: right;
    text-align: right;
}

.title {
    font-weight: bold;
}

.bookmarkDate .label {
    font-weight: bold;
}

#itemImage {
    float:left;
    padding-bottom:4px;
    background:transparent url(../images/branding/default/buttons/shadow.jpg) no-repeat left bottom;
}

#itemImage img {
    padding:3px;
    border:1px solid #CCC;
}

.section .name {
    font-weight: bold;
    color: black;
    font-size: 1em;
    line-height: 1.5em;
    padding-left:1em;
}

.section .sectionNote {
    padding-left: 1em;
}

#lnkToggleTOC
{
    margin-left: 1em;
    cursor: pointer;
}

.sectionItems {
    background-color: white;
    min-height: 10px;
    padding: 0.8em;
}

#btnUpdateHaveYouRead {
    font-size: 80%;
}

#itemDetailsProperties {
    min-height: 200px;
}

#itemDetailsFulfillment {
    clear: both;
    border: dotted red 1px;
}

table.resourceDetails td  {
    padding: 0.0em;
}
 
.itemFulfillmentPanel {
    margin-left: 4px;
    margin-right: 4px;
    margin-top:1em;
    margin-bottom: 1em;
    border-bottom:1px solid #ccc;
}

.itemFulfillmentPanel:last-child {
    border:none;
}

.itemFulfillmentPanelHeading {
    background-color: #F8F0C5;
    border:none;
    font-weight:normal;
    padding:0.2em 0.4em;
    color:#091A52;
    font-size: 1.333333em;
    line-height: 1.3125em;
    background:transparent;
}

.itemFulfillmentPanelDetail {
    margin-bottom:1em;
    padding:0.5em;
}

#itemFulfillment-HaveYouRead legend {
    display: none;
}

#listDescription {
    margin-bottom: 1em;
}

#haveYouRead {
    padding: 0.5em;
    border: solid 1px #CCCCCC;
}

#haveYouReadPanelHeading {
    padding: 4px;
    font-weight: bold;
    background-color: #E4E4E4;
    border-bottom: solid 1px #CCCCCC;
}

#haveYouReadPanelDetail {
    padding: 4px;
}

#itemAlternativeResourcePanel table th {
    display: none;
}

.panelContainer {
    clear: both;
    margin-bottom: 1em !important;
}

.panelHeading {
    background-color: #E4E4E4;
    border: solid 1px #CCCCCC;
    font-weight: bold;
    padding: 0.2em 0.5em 0.2em 0.5em;
    color: black;
    background-color: #E4E4E4;
    margin-bottom: 0.5em;
}

.panelHeading h2
{
    margin-top: 0;
    margin-bottom: 0;
}

.panelDetail {
    padding: 0.5em;
}

#itemDetailsHeading {
    display:none;
}

#frmFeedback {
    margin:1em 0;
}

#frmFeedback label, #frmFeedback input {
    display: table-cell;
    font-weight:bold;
}

#note {
    font-size: 1.166667em;
    line-height: 1.5em;
}

#note > span.fieldLabel {
    display:none;
}

#itemDetailsContainer {
    width:61%;
    float:left;
}

#availabilityDetails th {
    background-color:#E7F4FC;
    border-bottom:1px solid #7DAED9;
    width:1%;
}

#borrowFromLibrary a, #getthisitem a, #buyItNowLink a, #itemAvailableElectronically a  {
    width:104px;
    height:24px;
    display:block;
}

#borrowFromLibrary a span, #getthisitem a span, #buyItNowLink a span, #itemAvailableElectronically span {
    display:none;
}

#borrowFromLibrary a:hover {
    background:transparent url(../images/branding/default/buttons/borrow-this.png) no-repeat left top;
}

#borrowFromLibrary a {
    background:transparent url(../images/branding/default/buttons/borrow-this.png) no-repeat left -24px;
}

#getthisitem a {
    background:transparent url(../images/branding/default/buttons/get-this-item.jpg) no-repeat left top;
    height:26px;
}

/* switch off the Get This Item button - still needed for inlining content, but not viible to user */
#getthisitem {
    display:none;
}

#buyItNowLink a {
    background:transparent url(../images/branding/default/buttons/buy-it-now.png) no-repeat left -24px;
}

#borrowFromLibrary {
    margin-bottom:1em;
}

#buyItNowLink a:hover {
    background:transparent url(../images/branding/default/buttons/buy-it-now.png) no-repeat left top;
}

#itemAvailableElectronically a {
    background:transparent url(../images/branding/default/buttons/view-online.png) no-repeat left -24px;
}

#itemAvailableElectronically a:hover {
    background:transparent url(../images/branding/default/buttons/view-online.png) no-repeat left top;
}

.requiredField, .errorMessage {
    color: red;
}    

/*
Generic styling
*/

.centered {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right !important;
}

.clear {
    clear: both;
}

.invisible {
    display: none !important;
}

.block {
    display: block;
}

.bulleted {
    margin:1em;
}

.bulleted li {
    list-style:square;
}

/* Styling for how any input generated by the TinyMCE editor should be rendered */
.richTextOutput ul li
{
    list-style: disc;
    list-style-position: outside;
    margin-left: 2em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.richTextOutput ol li
{
    list-style: decimal;
    list-style-position: outside;
    margin-left: 2em;
    padding-top: 0px;
    padding-bottom: 0px;
}

.richTextOutput p
{
    margin-bottom: 0.75em;
}

.halfPageCol {
    float:left;
    margin:1%;
    width:47%;
}

.listTable {
    border: solid 2px #B4D9FF;
    background-color: #E1F0FF;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 1em;
}

.listTable th {
    background-color: #FAFAFA;
}

.listTable td {
    background-color: #FFFFFF;
}

.listTable .name {
    color:black;
    font-size:1em;
    font-weight:bold;
    line-height:1.5em;
    padding-left:1em;
}

/* Item View
-------------------------------------------------------------- */
.panelHeading {
    background:#E6E6E6 url(../images/branding/broadminster/menu-bg.jpg) repeat-x scroll center -20px;
}

#tableOfContents {
    border-color:#ccc;
}

/* Buttons
-------------------------------------------------------------- */

/* Gray Btns */

button,
.editItemButton,
.removeItemButton,
.editSectionButton,
.removeSectionButton,
#discardButton,
#btnCancel,
input[type="submit"] {
    border:1px outset #ccc;
    padding:1px;
    font-size: inherit;
    background-color:#f0f0f0 !important;
    background:#E6E6E6 url(../images/branding/broadminster/menu-bg.jpg) repeat-x scroll center -1px;
}

.pageActions {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pageActions input[type="submit"] {
    border:1px outset #555;
    background:#555;
    color:#fff;
    padding:1px;
    background:#555 url(../images/branding/broadminster/header-bg.jpg) repeat-x scroll center -10px;
    cursor: pointer;
}

#saveButton, #btnOK, #btnAdd, #btnSave, .actionButton {
    border:1px outset #555;
    color:#fff !important;
    padding:1px;
    background:#555 url(../images/branding/broadminster/header-bg.jpg) repeat-x scroll center -10px !important;
}

a.actionButton, #getthisitem a {
    padding:2px 5px;
}

.pageActions a.actionButton {
    margin-right: 5px;
}

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

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

#btnUpdateHaveYouRead {
    font-size:1em;
}

#itemAvailableElectronically a, #itemAvailableElectronically a:hover, #itemAvailableElectronically a:hover {
    width:auto;
    background:transparent;
    display:inline;
}

#itemAvailableElectronically span {
        display:inline;
}

/* Error messages */
#errorMessages {
    margin-left: 1em;
    color: red;
}

#errorMessages li {
    list-style:square;
}

/* Permissions */
#permissions {
    margin-top: 1em;
}

.confirmation p {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

#listBeingUpdated {
    color: red;
}

/* Bookmarklets Page
-------------------------------------------------------------- */

.bookmarksGroupDetails {
    padding-left: .8em;
    padding-bottom: .4em;
}

.bookmarkOutlineItem {
    padding-left: 2em;
}

.bookmarksCount {
    display: inline !important;
    font-weight: bold;
    font-size: 90%;
}

.bookmarkSelector {
    align:center;
    margin:0;
}

.bookmarksSelector label {
    margin: 2em;
}

/* Tabber */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 /* background: #DDE; */
 background: #EEE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #CCC;
 border-color: #000;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 /* height:400px; */
 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

#installBookmarklet {
    float: right;  
}

.bookmarkletHelpLink {
    text-align: center;
    border: 1px solid #AAA;
    background-color: #F9F9F9;
    margin: 0;
    padding: 1em;
    font-weight: bold;
    line-height: 3.5em;
}

#installFor {
    margin: 20px 0 20px 30px;
    display: block;
}

#callToActionFF {
    margin-right: 20px;
}

#browserName {
    width: 100%;
    display: block;
    clear: both;
}

dl.instructions {
    margin-bottom: 2em;
}

dl.instructions dt {
    margin: 1em 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
}

dl.instructions dd img {
    margin: 1em 0;
    border: 1px solid #CCC;
    display: block;
}

p#bookmarkletContainer {
    margin: 1em;
}

a.removeLink, a.lnkToggleAuthor {
    font-size: 85%;
    padding-left: 3px;
    padding-right: 3px;
}

.halfSize {
    width: 50% !important;
}

.thirdSize {
    width: 33% !important;
}

.modalDialogFieldSize {
    width: 95% !important;
}

.inline {
    display: inline;
}

img.ui-datepicker-trigger {
    margin-left: 4px;
    padding-top: 6px;
}

#modalPane #formButtons {
    position:absolute; bottom:30px; width:100%; text-align:center;
}

ul#messagesList {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

#messages li {
    font-weight: bold;
}

.msgInformational {
    color: green;
}

.msgError {
    color: red;
}

.msgInformational a {
    color: green;
    text-decoration: underline;
}

#pageActionsList li, #tempPageActionsList li
{
    display: inline;
}

#linkedToThings, #linkedTo li {
    display: inline;
}

#linkedToThings li:after {
    content: ",  ";
}

#linkedToThings li:last-child:after {
    content: "";
}

#validationResult 
{
    position: absolute;
    top: 1em;
    left: 1em;
    font-weight: bold;
}

/* Table Sorter - overrides for the existing 'blue' theme it comes with */
table.tablesorter {
    font-family:inherit !important;
    font-size: inherit !important;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    font-size: inherit !important;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #DDD !important;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #CCC !important;
}
/* End of table sorter overrides */

table.tablesorter {
    border: solid silver 1px;
}

table.tablesorter thead tr th {
    border: solid silver 1px !important;
}

table.tablesorter tbody tr td {
    border: solid silver 1px !important;
}

#listsToRemove {
    padding-top: 1em;
    font-weight: bold;
}

.modalPaneInputField {
    width: 100%;
}

#modalPaneButtons {
    position:absolute; 
    bottom:30px;
    width:100%; 
    text-align:center;
}

.helpTextContainer {
    background-color: #EEE;
    border: solid 1px silver;
    padding: 0.5em;
}

.helpText {
    line-height: 1em;
    font-size: 95%;
    padding-top: 0.5em;
    color: #444;
}

.helpLink {
	cursor: pointer;
}

.helpLinkText {
}

.resourceType, .itemImportance {
    font-weight: bold;
}

#listContainer {
    margin-top: 1em;
    border: solid silver 1px;
}

#listContainerHeader {
    background-color: #EEE;
    border-bottom: solid silver 1px;
    padding: 2px 5px 2px 5px;
}

#theList {
    padding: 1em;
}

#listItemCount {
    font-weight: bold;  
}

#groupByLinks {
    float: right;
}

#pageActionsList li {
    border-left: solid black 1px;
}

#pageActionsList li a {
    padding-left: 0.6em;
    padding-right: 0.4em;
    font-weight: bold;
}

#pageActionsList li:first-child {
    border-left: none !important;
}

#pageActionsList li:first-child a {
    padding-left: 0px;
}
#searchResults {
    line-height: 1.2em !important;
}

#searchResults li
{
    border-bottom: solid silver 1px;
    padding: 1em 0px 1em 0px;
}

#searchResults li:first-child
{
    border-top: solid silver 1px;
}

#searchResults .searchResultItemTitle 
{
    font-weight: bold;
    margin-bottom: 4px;
}

.searchResultItemType
{
    font-weight: bold;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

#pageActionsList input[type="submit"] {
    border:0px;
    color:blue;
    font-weight:bold;
    cursor: pointer;
    margin-left:-1px;
}

.myListsActionLinks input[type="submit"] {
    border:0px;
    color:blue;
    font-weight:normal;
    cursor: pointer;
    margin-left:-1px;
}

.itemRDFa, .sectionRDFa {
    display: none;
}

.bookmarksButton{
	float:left;
}

#myBookmarks{	
	border: solid #BBB 1px;
	background-color: #EEE;
	padding: 1em;
}

#myBookmarks table{
border-collapse:separate;
border-left:1px solid #CDCDCD !Important;
border-right-width:0px !Important;
}

#myBookmarks table td {
border:1px solid #CDCDCD;
border-left-width:0px !Important;
border-bottom-width:0px !Important;
background-color:#ffffff;
}

#noBookmarksMessage{
	 margin:10px;
}

.activityIndicator {
    background: transparent url(/images/anim_small.gif) no-repeat left 3px;
    height:20px;
    min-height: 20px;
    padding-left: 20px;
    font-weight: bold;
    color: #444;
}


#listEditorButtonPanel {
    position: relative;
    height: 25px;
}

#listEditorButtons {
     position: absolute; 
     top:0px; 
     left:0px; 
     text-align: center;
}

#listEditorActivityIndicator {
    position: absolute; 
    top:0px; 
    left:0px; 
}

.draftListTitleIndicator {
    margin-right: 5px;
}

#modalPageSpinner {
    float: right;
}

.postsContainer {
	height: 340px;
	overflow-x: hidden; 
	overflow-y: scroll;
}

.postsContainerActiveReview {
	height: 220px;
	overflow-x: hidden; 
	overflow-y: scroll;
}

.postContent{
	margin-top: 8px;
}

p.contentBottomMargin{
	margin-bottom: 15px;
}

a.cancelButton:hover{
	 text-decoration: none;
	 cursor: default;
}

.vAlignMid{
	vertical-align: middle;
}

.marginLeft{
	margin-left: 1em;
}

div.greyBackgroundArea{
	border: solid #BBB 1px; 
	background-color: #EEE; 
	padding: 1em;
}

.greyFontText{
	color:#666666;
}

.custom-editbox {
    background-color: white !important;
    border: inset 1px !important;
    width: 99% !important;
}

.createAndAddContentBottomMargin{
	margin-bottom: 8px;
}