/* - collage.css - */
@media all {
/*  (do not remove this :)
    (do not remove this :)
*/

/* customizable: presentation */

.collage-image {
  width: 100%;
}

.collage-featured-image {
  float: right;
}

.featured-document {
  background: #f3f3f3;
  padding: 10px;
}

.collage-listitem {
  margin-bottom: 1em;
}

.collage-item .documentActions {
  display: none;
}

.collage-header {
  font-size: 0.9em;
  border-bottom: 1px solid #8cacbb;
  padding: 2px 0 2px 0!important;
  position: relative;
  margin-bottom: 2px !important;
}

.collage-header p.discreet {
  font-size: 0.9em;
}

.collage-header span.icon img {
  padding: 2px;
}

.collage-header span.icon img.alias {
  padding: 0px;
  border: 2px solid #8cacbb;
}

.collage-item div.clickable a {
    text-decoration: none;
    border: none;
    padding: 0 !important;
    background: transparent !important;
}

.collage-header span {
    color: #76797c;
    text-transform: lowercase;
    float: left;
}

.expandable-content span {
  float: none;
}

.collage-existing-items select {
  font-size: 80%;
}

.collage-existing-items .breadcrumbs {
  background: url(http://tiss.edu/logoIcon.gif) no-repeat left center;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 8px;
  padding-left: 20px;
  border-bottom: 1px solid #8cacbb;
}

.collage-existing-items .breadcrumbs a,
.collage-existing-items .breadcrumbs span {
  font-size: 1.0em !important;
}

.collage-existing-items .field {
  text-align: right;
  display: block;
  position: relative;
}

.collage-existing-items label {
  display: none;
}

.collage-header a {
  cursor: pointer;
}

.collage-header a.action,
.collage-header a.layout,
.collage-header a.create {
  text-transform: lowercase;
  margin-right: 0.2em;
  text-decoration: none;
}
.collage-header a.delete-confirm {
    color: red;
}

.collage-header a.action span.inactive,
.collage-header a.layout span.inactive {
  text-decoration: underline;
}

.collage-header a.layout span.active {
  color: Black;
}

.delete-object-icon {
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 2px;
    background: url(http://tiss.edu/++resource++collage-resources/icon-delete.gif) no-repeat top left;
}
.copy-object-icon {
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 2px;
    background: url(http://tiss.edu/++resource++collage-resources/icon-copy.gif) no-repeat top left;
}
.paste-object-icon {
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 2px;
    background: url(http://tiss.edu/++resource++collage-resources/icon-paste.gif) no-repeat top left;
}
.split-column-icon {
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 2px;
    background: url(http://tiss.edu/++resource++collage-resources/icon-split.gif) no-repeat top left;
}
.object-action-generic-icon {
    float: left;
    width: 14px;
    height: 14px;
    padding-right: 2px;
    background: url(http://tiss.edu/++resource++collage-resources/icon-object-action.gif) no-repeat top left;
}

/* expandable sections */

.expandable-section .expandable-label .expandable-icon {
  background: url(http://tiss.edu/++resource++collage-resources/icon-plusminus.gif) no-repeat top left;
  float: left;
  width: 14px;
  height: 14px;
  padding-right: 2px;
  margin-left: 3px;
}

.expandable-section .expandable-label.enabled .expandable-icon {
  background-position: -20px 0%;
}

.expandable-section .expandable-label {
  float: left;
  line-height: 14px;
  position: relative;
}

.expandable-content {
  clear: both;
  font-size: 0.9em;
  display: none;
  background-color: white;
  padding: 0;
  position: absolute;
  z-index: 200;
  margin-top: 3em;
  border: 1px solid #74ae0b;
}

#collage .expandable-content h4 {
  margin: 0;
  background: #cde2a7 url(http://tiss.edu/++resource++collage-resources/collage_icon.png) no-repeat 3px center;
  color: #578308;
  display: block;
  padding: 2px 2.2em;
  border-bottom: 1px solid #74ae0b;
  font-size: 0.9em;
}

.expandable-content .inner-content {
  margin: 0.5em;
}

ul.collage-content-menu {
  display: block;
  list-style-image: none !important;
  list-style-type: none !important;
  margin-left: 0 !important;
}

ul.collage-content-menu li {
  display: block;
}

ul.collage-content-menu li a {
  border: none;
}

/* existing items */

div.insert-existing-items h4 {
  line-height: 16px;
}

input#insert-collage-row {
  margin-top: 1em;
}

/* note: you should not need to customize classes below */

span.collage-navigation img {
  width: 9px;
  height: 9px;
}

span.collage-navigation {
  margin-left: 4px;
}

span.collage-navigation a {
  text-decoration: none;
}

/* toolbar icons */

.display-collagerow_default_view {
    background-image: url(icon-collagerow_default_view.gif) !important;
}

.display-collagerow_largeleft_view {
    background-image: url(icon-collagerow_largeleft_view.gif) !important;
}

.display-collagerow_largeright_view {
    background-image: url(icon-collagerow_largeright_view.gif) !important;
}

.display-collagecolumn_default_view {
    background-image: url(icon-collagecolumn_default_view.gif) !important;
}

/* collagerow layout */

.collage-quickedit {
    float: right;
}

#collage .collage-row {
  min-height:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width: 100%;
  clear: both;
}


#collage div.collage-first-object,
#collage div.collage-first-object div.collage-item {
  margin-left: 0;
}

#collage div.collage-last-object,
#collage div.collage-last-object div.collage-item {
  margin-right: 0;
}

/*
#collage.edit .collage-row {
  border: 1px outset red;
  margin-bottom: 5px;
}

#collage.edit .column-block {
  border: 1px outset blue;
  margin: 5px;
}

#collage.edit .collage-item {
  border: 1px outset;
}
*/

* html #collage .collage-row {
  width:100%;
  height:100%;
}

#collage .block_1,
#collage .block_2,
#collage .block_3,
#collage .block_4,
#collage .block_5 {
    float: left;
}

.collage-item {
    margin-bottom: 0.5em;
}

/* column configurations */

#collage .one-column .block_1 {
    width: 100%;
}

#collage .two-columns-equal .block_1 {
  width:49.49%;
}

#collage .two-columns-equal .block_2 { width:49.49%; }

#collage .three-columns-equal .block_1,
#collage .three-columns-equal .block_2,
#collage .three-columns-equal .block_3 {
    width:32.5%;
}

#collage .three-columns-equal .block_2 { width:32.9%; }

#collage .block_2,
#collage .block_4,
#collage .block_3,
#collage .block_4,
#collage .block_5,
#collage .block_6 {
  padding-left: 1%;
}

#collage .two-columns-largeleft .block_1 {
    width: 59%;
}
#collage .two-columns-largeleft .block_2 {
    width: 40%;
}

#collage .three-columns-largeleft .block_1 {
    width:59%;
}

#collage .three-columns-largeleft .block_2 {
  width:19%;
}

#collage .three-columns-largeleft .block_3 {
  width: 20%;
}

#collage .two-columns-largeright .block_2 {
    width: 59%;
}
#collage .two-columns-largeright .block_1 {
    width: 40%;
}

#collage .three-columns-largeright .block_3 {
    width:59%;
}

#collage .three-columns-largeright .block_1 {
    width: 20%;
}

#collage .three-columns-largeright .block_2 {
  width:19%;
}

/* styles for hiding unwanted document metadata and actions */

#collage .collage-item .documentByLine,
#collage .collage-item .link-parent{
    display: none;
}

/* styles for unbatched-layout */

#collage .unbatched-with-1 .column-block { width: 100%; }
#collage .unbatched-with-2 .column-block { width: 49.5%; }
#collage .unbatched-with-3 .column-block { width: 32.5%; }
#collage .unbatched-with-4 .column-block { width: 24.25%; }
#collage .unbatched-with-5 .column-block { width: 19%; }
#collage .unbatched-with-6 .column-block { width: 16.5%; }


/* Portlets skinning */
#collage .collage-portlet-default {
    /* nothing, thus like a column portlet, but we could  :) */
}

#collage .collage-portlet-notification dt.portletHeader {
    background-color: #ffce7b;
}

#collage .collage-portlet-help dt.portletHeader {
    background-color: #ffffe1;
}

#collage .collage-layout-error {
    background-color: yellow;
    font-weight: bold;
}

#collage.edit .collage-header a {
  font-size: 10px;
}

#collage.edit .collage-header a {
  border: none !important;
}

#collage.edit .expandable-content a,
#collage.edit .expandable-content span {
  font-size: 0.9em;
}

/*  */

/*  */
/*  */

}