/**
 * Title and body styling
 */
#node-edit #edit-title {
  font-size: 2em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *width: 98%; /* IE 7 and below, as far as I know */
}

#node-edit .form-item-title {
  margin-bottom: 0;
  padding-bottom: .25em;
}

#node-edit .form-item-title label {
  display: none;
}

#node-edit #edit-body .form-type-textarea {
  padding-top: .25em;
}

#node-edit #edit-body {
  width: 100%;
}

/**
 * Pathauto styling
 */
#node-edit .form-item-path-alias label {
  float: left;
  font-weight: 400;
  font-size: 14px;
}

#node-edit .form-item-path-alias {
  font-size: .8em;
  margin-bottom: .25em;
  margin-top: .55em;
  min-height: 1.2em;
  padding: 0;
  vertical-align: middle;
}

#node-edit .form-item-path-alias input {
  margin-left: 4px;
  padding-bottom: 0;
  padding-top: 0;
  height: 20px;
}

#node-edit .form-item-path-pathauto {
  display: none;
}

/**
 * Publishing styling
 */
#node-edit .form-item-machine-name label,#node-edit .form-item-date label,#node-edit .form-item-name label
  {
  float: left;
  font-weight: 400;
  margin-right: 5px;
  margin-top: 5px;
}

/**
 * Menu Styling
 */
#node-edit .pane-node-form-menu .form-item-menu-parent label,#node-edit .pane-node-form-menu .form-item-menu-link-title label
  {
  float: left;
  font-weight: normal;
  margin-right: 4px;
  width: 49px;
}

/**
 * Featured Category Styling
 */
#node-edit .field-name-field-featured-categories>.form-item-field-featured-categories-und>label
  {
  display: none;
}

/**
 * Featured Image Styling
 */
#node-edit .pane-node-field-featured-image h2 {
  margin-top: 5px;
}

#node-edit .form-item-field-featured-image-und-0-alt label {
  float: left;
  font-weight: normal;
  margin: 4px 10px 0 0;
}

#node-edit #edit-field-featured-image-und-0-alt {
  width: 180px;
}

#node-edit #edit-field-featured-image .form-item-field-featured-image-und-0>label,#node-edit .form-item-field-featured-image-und-0-alt .description
  {
  display: none;
}

#node-edit .field-name-field-featured-image .image-preview img {
  height: auto;
  margin-bottom: 0;
  /* Overrides Bartik's default margin, which is too much */
  max-width: 100%;
}

#node-edit .field-name-field-featured-image div.image-widget-data {
  float: none;
}

#node-edit .field-name-field-featured-image .image-widget-data img {
  margin-bottom: 0;
}

#node-edit .field-name-field-featured-image .image-widget-data span.file
  {
  float: left;
  margin-right: 5%;
  margin-top: 5px;
  width: 65%;
}

#node-edit .field-name-field-featured-image .image-widget-data img {
  margin-bottom: 0;
}

#node-edit .field-name-field-featured-image .image-widget-data span.file-size
  {
  display: none;
}

#node-edit .field-name-field-featured-image .image-widget-data input#edit-field-featured-image-und-0-remove-button
  {
  max-width: 28%;
}

#node-edit .field-name-field-featured-image .image-widget-data div.form-item
  {
  clear: both;
  margin-bottom: .25em;
  margin-top: .75em;
}

#node-edit .field-name-field-featured-image .image-preview {
  width: 100%;
}

#node-edit .form-item-field-featured-image-und-0>label {
  display: none;
}

/**
 * Date/Time Styling
 */
#node-edit .container-inline-date>.form-item {
  border: 0;
  margin: 0;
}

#node-edit .container-inline-date .date-padding {
  float: none;
  padding: 0;
}

#node-edit .container-inline-date .form-item-date-time,#node-edit .container-inline-date .form-item-date-date
  {
  padding-bottom: 1em;
}

#node-edit .container-inline-date .form-item-date-time {
  clear: left;
}

#node-edit .form-item-date-time label,#node-edit .form-item-date-date label,#node-edit .form-item-name label
  {
  width: 49px;
}

#node-edit .container-inline-date .form-item-date-date .description,#node-edit .container-inline-date .form-item-date-time .description
  {
  display: none;
}

/**
 * Media Styles
 */
#media-browser-page {
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
}

#media-browser-page .content {
  margin-top: 0px;
}

ul#media-browser-library-list {
  margin: 0;
}

#media-browser-tabset .views-exposed-form {
  margin-bottom: 1em;
}

#media-browser-tabset .views-exposed-form .views-exposed-widget {
  float: left;
  margin-right: 15px;
}

#media-browser-tabset .views-exposed-form div.form-item {
  margin: .25em 0;
}

#media-browser-tabset .view .item-list .pager li {
  padding: 0;
}

/**
 * Misc
 */
#active-vertical-tab {
  height: 1px;
  /* fixes a small issue with vertical tabs on the administrative pages */
  overflow: hidden;
}

#views-ajax-body form {
  background-color: #fff;
  /* makes sure that our background color is white when ajaxing in views */
}

.tabledrag-toggle-weight-wrapper {
  display: none;
  /* removes the "show row weights" option. has accessibility considerations. */
}

.form-item-uid {
  position: relative;
  /* fixes positioning for auto complete items in firefox - http://drupal.org/node/1218684 */
}
/**
 * Modal stylings
 */
#modal-content input.form-text {
  max-width: 98%; /* Handle fixed width form elements in the IPE */
}

#modal-content .form-item-exposed-widget-title input,#modal-content .form-item-title input
  {
  font-size: 1.5em;
}

#modalContent div.ctools-modal-content {
  border: none;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
}

#modalContent div.ctools-modal-content .modal-header {
  border-radius: 5px 5px 0 0;
  color: #fff;
  font: bold 16px/50px 'Open Sans', 'Lucida Sans', 'Lucida Grande',
    verdana sans-serif;
  height: 50px;
  padding: 0 14px 0 24px;
  vertical-align: middle;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

#modalContent div.ctools-modal-content .modal-title {
  font: bold 16px/50px 'Open Sans', 'Lucida Sans', 'Lucida Grande',
    verdana sans-serif;
  padding: 0;
  text-shadow: none;
}

#modalContent div.ctools-modal-content a.close {
  display: block;
  height: 15px;
  margin-top: 15px;
  opacity: 1;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-indent: -99999em;
  width: 16px;
}

#modalContent .panels-add-content-modal {
  background: #fff;
  padding-top: .9em;
}

#modalContent .panels-add-content-modal a.panels-modal-add-category {
  background: #eaeaec;
  border-bottom: none;
  color: #333;
  font: bold 11px/30px 'Open Sans', 'Lucida Sans', 'Lucida Grande',
    verdana sans-serif;
  margin-left: 10px;
  padding: 0 12px;
  text-decoration: none;
}

#modalContent .panels-add-content-modal a.panels-modal-add-category:active,#modalContent .panels-add-content-modal a.panels-modal-add-category.active
  {
  background: #fff;
  border: 1px solid #cececa;
  border-right: none;
  margin-right: -1px;
}

#modal-content .option-text-aligner {
  float: left;
  width: auto;
}

/**
 * Pane configuration preview styling
 *
 * Much of the fieldset-related css is ripped directly from Bartik to give
 * IPE a more consistent look
 * @see https://drupal.org/node/1717644
 */
#modal-content fieldset.widget-preview {
  border-top-right-radius: 0;
  margin-bottom: 4em;
  margin-top: 3em;
  -moz-border-topright-radius: 0;
  -webkitborder-top-right-radius: 0;
  position: relative;
  border: 1px #ccc solid;
}

#modal-content fieldset.widget-preview-single {
  margin-bottom: 1em;
  margin-top: 0em;
}

#modal-content fieldset.widget-preview-single .fieldset-wrapper {
  font-size: 100%;
  max-height: 375px;
  max-width: 100%;
  min-height: 75px;
  overflow-y: auto;
}

#modal-content fieldset.widget-preview-single .fieldset-wrapper .panopoly-spotlight img
  {
  width: 100%;
}

#modal-content .fieldset-legend {
  margin-left: 10px;
}

#modal-content fieldset legend a {
  color: #3b3b3b;
}

#modal-content fieldset legend a:hover,#modal-content fieldset legend a:focus,#modal-content fieldset legend a:active
  {
  color: #000;
}

#modal-content .fieldset-wrapper {
  margin-top: 2.25em;
  padding: 0 10px;
}

#modal-content .widget-preview .fieldset-wrapper {
  font-size: 75%;
  max-height: 200px;
  max-width: 100%;
  min-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

#modal-content .widget-preview .fieldset-wrapper table tr.even td,#modal-content .widget-preview .fieldset-wrapper table tr.odd td
  {
  padding: 3px 5px;
}

#modal-content .widget-preview .fieldset-wrapper h2 {
  font-size: 150%;
  margin-top: .25em;
}

#modal-content .widget-preview-single {
  float: right;
  margin-left: 1em;
  margin-top: 0;
  width: 48%;
}

#modal-content .form-actions {
  clear: right;
  float: right;
  margin-left: 1em;
  text-align: right;
  width: 48%;
}

#modal-content .widget-preview-title {
  font: bold 11px/23px 'Open Sans', 'Lucida Sans', 'Lucida Grande',
    verdana sans-serif;
  position: absolute;
  right: -1px;
  top: -24px;
}

#modal-content .widget-preview-title .content-type-button div {
  float: none;
  left: 0;
  padding: 0;
  top: 0;
  width: 60px;
}

#modal-content .panels-section-columns,#modal-content .panels-categories-description
  {
  border: 1px solid #cececa;
  border-right: none;
  height: 100%;
  margin: 0;
  margin-top: 1px;
  overflow: visible;
  overflow-y: auto;
}

#modal-content .panels-categories-description {
  color: #fff;
}

/**
 * Misc Modal Stylings
 */
#modal-content .form-type-textarea .form-type-select,#modal-content .field-type-text-long .form-type-select
  {
  float: right;
  margin-bottom: 5px;
  margin-top: 5px;
}

#modal-content .form-type-textarea .form-type-select label,#modal-content .field-type-text-long .form-type-select label
  {
  display: block;
  float: left;
  font-weight: normal;
  margin-right: .5em;
  margin-top: .5em;
  width: auto;
}

#modal-content .view-settings-wrapper .form-radios {
  display: inline;
  padding-right: 5px;
}

.panels-section-column .content-type-button {
  font-size: 1em;
  position: relative;
  top: 29px;
}

#modal-content .widget-preview-title .content-type-button img,#modal-content .panels-add-content-modal>.panels-modal-add-category
  {
  display: none;
}

#modal-content #edit-widget-preview {
  margin-top: 0;
}

#modalContent .panels-section-column-categories .content-type-button img:hover
  {
  border: none;
}

#modal-content .widget-preview .fieldset-wrapper table img,#modal-content .widget-preview .panopoly-image-featured
  {
  width: 100%;
}

#modal-content legend {
  background-color: #ccc;
  border: 1px #ccc solid;
  position: relative;
  left: -1px;
}

.pane-content .create-links,.pane-categories .categories-links,.pane-menus .menu-links,.pane-users .user-links {
  float: right;
}

/**
 * Navbar Styling
 */
a#navbar-link-admin-panopoly:before {
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-panopoly.png");
}

a#navbar-link-admin-panopoly.active:before {
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-panopoly-active.png");
}

a#navbar-link-admin-apps:before {
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-apps.png");
}

a#navbar-link-admin-apps.active:before {
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-apps-active.png");
}

#navbar-tray--2 a {
  padding-left: 2.75em;
  position: relative;
}

#navbar-tray--2 a:before {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 100%;
  left: 0.6667em; /* LTR */
  position: absolute;
  top: 0;
  width: 20px;
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-add.png");
}

#navbar-tray--2 a.active:before {
  background-image: url("/profiles/openasu/modules/panopoly/panopoly_admin/images/icon-add-active.png");
}

#navbar-administration .edit-shortcuts {
  display: none;
}
