.classmate {
  position: relative;
  clear: both; }
  .classmate .name {
    float: right;
    width: 95px;
    margin-top: 20px; }
  .classmate img {
    border: 2px solid #FFFFFF; }

.state-hover img {
  z-index: 5;
  position: relative;
  border: 2px solid #000; }
.state-hover .name {
  z-index: 5;
  position: relative; }

.hide {
  display: none; }

h2.outline {
  background: url(../images/header-outline.png) no-repeat;
  width: 105px;
  height: 22px;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 10px; }

.tree-context {
  z-index: 999; }

#outline-editor .tree-default li {
  padding: 0 0 0 12px; }
  #outline-editor .tree-default li span {
    background-image: none;
    padding: 0 0 0 2px;
    margin: 0; }
  #outline-editor .tree-default li a.clicked {
    background: none;
    border: 1px solid #FFFFFF; }
  #outline-editor .tree-default li a.current {
    background: #FFFFD0;
    padding: 0 4px 0 4px; }

.tree-default li a {
  border: 1px solid #FFFFFF; }

#outline-editor .tree-default li a {
  border: 0;
  background-image: none;
  background: none;
  padding: 0 0 0 2px;
  margin: 0;
  height: auto;
  white-space: normal; }
  #outline-editor .tree-default li a:hover {
    border: 0;
    background-image: none;
    background: none;
    padding: 0 0 0 2px;
    margin: 0;
    height: auto;
    white-space: normal;
    text-decoration: underline!important; }
  #outline-editor .tree-default li a.current:hover {
    background: #FFFFD0;
    padding: 0 4px 0 4px; }

.hover-menu {
  z-index: 10;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #BEBDB8;
  padding: 0 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

#outline-editor .unpublished a {
  color: #555555; }

.unpublished-note {
  color: #555555;
  font-size: 10px;
  font-weight: bold; }

#course-outline.tree-default li a {
  background: none;
  padding: 0 0 0 2px;
  margin: 0;
  height: auto;
  white-space: normal;
  border: none; }
  #course-outline.tree-default li a:hover, #course-outline.tree-default li a.clicked {
    background: none;
    padding: 0 0 0 2px;
    margin: 0;
    height: auto;
    white-space: normal;
    border: none; }
  #course-outline.tree-default li a.current {
    background: #FFFFD0;
    padding: 0 4px 0 4px; }

#outline-editor .tree-default li a.current:hover {
  background: #FFFFD0;
  padding: 0 4px 0 4px; }

a.add-item {
  display: block;
  float: left;
  background: url(../images/button-add-item.png);
  width: 108px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom: 10px; }

#library {
  background: #FFFFFF; }
  #library h2 {
    margin-bottom: 5px; }
  #library h3 {
    height: 18px;
    padding-top: 10px;
    cursor: pointer;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-left: 20px;
    background: url(../images/icon-files.png) no-repeat 0 10px;
    cursor: pointer; }
    #library h3 span {
      background: url(../images/icon-arrow-right.png) no-repeat;
      display: block;
      position: absolute;
      width: 6px;
      height: 8px;
      right: 0;
      top: 12px; }
    #library h3.open {
      font-weight: bold; }
      #library h3.open span {
        background-image: url(../images/icon-arrow-down.png);
        width: 8px;
        height: 6px;
        right: 0;
        top: 14px; }
  #library #asset-library {
    clear: both; }
  #library #text-assets h3 {
    clear: both;
    background-image: url(../images/icon-text.png); }
  #library #audio-assets h3 {
    clear: both;
    background-image: url(../images/icon-audio.png); }
  #library #document-assets h3 {
    clear: both;
    background-image: url(../images/icon-files.png); }
  #library #youtube-assets h3 {
    clear: both;
    background-image: url(../images/icon-youtube.png); }
  #library #video-assets h3 {
    clear: both;
    background-image: url(../images/icon-video.png); }
  #library #image-assets h3 {
    clear: both;
    background-image: url(../images/icon-images.png); }
  #library #search-input {
    clear: both;
    float: left;
    background: url(../images/library-search.png) no-repeat;
    width: 108px;
    height: 23px; }
    #library #search-input input {
      background: none;
      border: none;
      width: 73px;
      margin-left: 25px;
      margin-top: 5px; }
  #library #scope-input {
    float: right;
    margin-right: 2px;
    margin-top: 2px; }
  #library .asset-wrap {
    margin-left: 78px;
    background: #CBCBCB;
    clear: both;
    overflow: hidden;
    padding: 1px;
    margin-top: 3px;
    position: relative;
    cursor: hand; }
  #library .asset-item {
    background: #fff;
    padding: 5px;
    width: 160px; }
    #library .asset-item h4 {
      font-family: helvetica,sans-serif;
      font-size: 13px;
      font-weight: bold;
      color: #333;
      padding: 0; }
    #library .asset-item p {
      font-size: 9px;
      padding: 0; }

.asset-group-wrap {
  width: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -78px; }

.asset-group {
  float: right; }

.edit-circle {
  width: 26px;
  height: 26px;
  background: url(../images/edit-circle.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  right: 0; }

#library select {
  border: 0;
  background: none;
  padding: 1px; }

.loading {
  position: absolute;
  color: #23497F;
  font-weight: bold;
  background: #fff;
  z-index: 99999;
  padding: 3px 10px;
  border: 1px solid #D6DCE0; }
  .loading span {
    background: url(../images/loading.gif) no-repeat top right;
    float: right;
    width: 25px;
    height: 16px; }

.dropdown dd, .dropdown dt, .dropdown ul {
  font-size: 11px!important;
  margin: 0px;
  padding: 0px; }
.dropdown dd {
  position: relative;
  width: 60px; }
.dropdown a {
  color: #003399;
  text-decoration: none;
  outline: none; }
  .dropdown a:visited {
    color: #003399;
    text-decoration: none;
    outline: none; }
  .dropdown a:hover {
    color: #000; }
.dropdown dt a {
  background: url(../images/icon-arrow-down-blue.png) no-repeat scroll right center;
  display: block;
  padding-right: 10px;
  margin: 0;
  text-align: center; }
  .dropdown dt a:hover {
    color: #000; }
.dropdown dd ul {
  color: #003399;
  display: none;
  background: #fff;
  border: 1px solid #D6DCE0;
  right: 0px;
  padding: 5px 0px;
  position: absolute;
  top: 2px;
  width: auto;
  list-style: none;
  z-index: 99999; }
.dropdown span.value {
  display: none; }
.dropdown dd ul li a {
  padding: 2px 10px;
  display: block; }

.tri-box {
  z-index: 5;
  position: absolute; }

.tri-wrap {
  position: absolute; }

.tri-tri {
  z-index: 9;
  border-top: 0 solid transparent;
  border-right: 0 solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 0 solid transparent; }

#content-items ul {
  padding-left: 0; }

#asset-view-settings form {
  background: #FFFFD0;
  padding: 10px 11px 5px 11px;
  margin-top: 5px; }

#collapse-expand {
  margin: 15px 0 0 5px; }

#content-items .ui-widget {
  width: 642px;
  margin-top: 10px;
  position: relative; }
#content-items h3 {
  padding: 10px; }
  #content-items h3 span.arrow {
    display: block;
    background: url(../images/icon-arrow-red.png) no-repeat;
    width: 8px;
    height: 8px;
    float: left;
    margin-top: 5px;
    margin-right: 8px; }
  #content-items h3 span.down {
    background: url(../images/icon-arrow-down.png) no-repeat;
    width: 8px;
    height: 6px;
    margin-top: 7px; }
#content-items .ui-accordion-content {
  padding: 1em 0.5em;
  font-size: 12px; }
#content-items a.delete {
  display: block;
  position: absolute;
  background-image: url(../images/icon-delete.png);
  width: 13px;
  height: 13px;
  right: 35px;
  top: 14px;
  z-index: 9;
  cursor: pointer; }
#content-items a.edit {
  width: 14px;
  height: 13px;
  background: url(../images/icon-edit.png) no-repeat;
  position: absolute;
  top: 14px;
  right: 57px;
  z-index: 9; }
#content-items span.content-drag {
  display: block;
  position: absolute;
  background-image: url(../images/icon-drag.png);
  width: 16px;
  height: 16px;
  right: 12px;
  top: 12px;
  z-index: 9;
  cursor: move; }

.ui-dialog {
  font-size: 12px!important; }

.ui-tabs-hide {
  display: none!important; }

#ui-datepicker-div {
  font-size: 12px!important; }

#edit-info {
  position: relative;
  padding: 5px; }
  #edit-info img {
    position: absolute;
    top: 10px;
    left: 5px; }