#tooltip {
  position: absolute;
  z-index: 3000;
  width: 150px;
  border: 1px solid #111111;
  background-color: #eeeeee;
  padding: 2px;
  opacity: 0.85; }

.main_sidebar .docmid .folders {
  margin-bottom: 0; }
  .main_sidebar .docmid .folders a {
    padding: 2px 5px; }

table#documents td, table#documents th {
  width: 150px; }

.document ul.options {
  position: absolute;
  background: white;
  border: 2px solid #cccccc; }

.ui-state-highlight > a {
  color: white;
  background-color: #4c8ad3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px; }

#staging_notification {
  margin: 0px auto;
  width: 950px;
  background-color: #fff88d;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #d3cd75;
  padding: 5px; }

#staging_notification h1 {
  display: inline; }

.sub_panels {
  float: left;
  width: 100%;
  clear: both; }
  .sub_panels .left_panel {
    position: relative;
    float: left;
    width: 50%; }
  .sub_panels .right_panel {
    position: relative;
    float: left;
    width: 50%; }

.documents-show .left_panel, .users-show .left_panel, .user_sessions-show .left_panel {
  float: left;
  width: 50%; }
.documents-show .right_panel, .users-show .right_panel, .user_sessions-show .right_panel {
  float: left;
  width: 50%; }
.documents-show .commenters, .users-show .commenters, .user_sessions-show .commenters {
  list-style: none; }

.users-featured #container .user, .users-show #container .user, .user_sessions-show #container .user {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-right: 260px;
  background-color: #f0f0f0;
  padding: 5px;
  height: 60px; }
  .users-featured #container .user img.profile_photo, .users-show #container .user img.profile_photo, .user_sessions-show #container .user img.profile_photo {
    margin-right: 10px;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  .users-featured #container .user strong, .users-show #container .user strong, .user_sessions-show #container .user strong {
    display: block;
    border-bottom: 1px solid #cccccc; }
  .users-featured #container .user strong a, .users-show #container .user strong a, .user_sessions-show #container .user strong a {
    color: black; }
  .users-featured #container .user strong a:hover, .users-show #container .user strong a:hover, .user_sessions-show #container .user strong a:hover {
    color: #444444; }
  .users-featured #container .user ul.stats, .users-show #container .user ul.stats, .user_sessions-show #container .user ul.stats {
    float: none;
    margin: 0;
    margin-top: 5px;
    width: 100%; }
    .users-featured #container .user ul.stats li, .users-show #container .user ul.stats li, .user_sessions-show #container .user ul.stats li {
      text-shadow: 0px 1px 1px white;
      font-size: 0.75em;
      width: 140px;
      height: 50px;
      float: left;
      text-align: center;
      display: inline; }
      .users-featured #container .user ul.stats li span, .users-show #container .user ul.stats li span, .user_sessions-show #container .user ul.stats li span {
        display: block;
        font-size: 1.5em;
        font-weight: bold; }
      .users-featured #container .user ul.stats li.goto_profile, .users-show #container .user ul.stats li.goto_profile, .user_sessions-show #container .user ul.stats li.goto_profile {
        text-align: right; }

.users-show #container .user, .user_sessions-show #container .user {
  clear: both;
  margin-right: 0;
  height: auto; }
  .users-show #container .user img.profile_photo, .user_sessions-show #container .user img.profile_photo {
    width: 150px;
    height: auto; }
  .users-show #container .user ul.stats li, .user_sessions-show #container .user ul.stats li {
    width: 150px; }
    .users-show #container .user ul.stats li.goto_profile, .user_sessions-show #container .user ul.stats li.goto_profile {
      display: none; }
  .users-show #container .user strong, .user_sessions-show #container .user strong {
    margin-top: 1em; }
    .users-show #container .user strong a, .user_sessions-show #container .user strong a {
      font-size: 2em; }

ul.comments {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.comments .dmu_comment {
    padding-left: 40px;
    height: 50px;
    background: url(/images/icons/32x32px/balloon.png) no-repeat; }

.rss_icon {
  position: absolute;
  top: 15px;
  right: 30px;
  float: right; }

ul.documents {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.documents .document {
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 25px;
    margin-right: 20px;
    border-bottom: 1px solid #dddddd;
    min-height: 95px; }
    ul.documents .document .title {
      position: relative;
      height: 52px; }
      ul.documents .document .title a {
        position: absolute;
        bottom: 4px;
        height: 52px;
        overflow: hidden; }
    ul.documents .document .body .comments {
      width: 41px;
      height: 21px;
      padding-left: 5px;
      padding-top: 50px;
      margin-right: 8px;
      background-image: url(/images/newdesign/comment_box.png);
      float: left;
      color: white;
      font-weight: bold;
      font-size: 12px;
      vertical-align: text-bottom; }
    ul.documents .document .body .meta {
      font-size: 0.8em;
      line-height: 1.2em; }

.documents-public #container {
  position: relative; }
.documents-public .browse_bar.inbox {
  -webkit-box-shadow: darkGray 0px 0px 6px;
  margin-top: -0.8px;
  padding: 9px;
  right: 0;
  position: absolute;
  width: 110px;
  font-size: 12px; }
  .documents-public .browse_bar.inbox h3 {
    font-size: 16px; }
  .documents-public .browse_bar.inbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 10px; }
    .documents-public .browse_bar.inbox ul a {
      font-size: 12px; }
.documents-public .all {
  position: relative;
  padding-bottom: 53px; }
  .documents-public .all .document {
    clear: both;
    overflow: hidden;
    padding-bottom: 5px;
    margin-bottom: 25px;
    margin-right: 20px;
    border-bottom: 1px solid #dddddd;
    min-height: 95px; }
    .documents-public .all .document .title {
      position: relative;
      height: 52px; }
      .documents-public .all .document .title a {
        position: absolute;
        bottom: 4px;
        height: 52px;
        overflow: hidden; }
    .documents-public .all .document .body .comments {
      width: 41px;
      height: 21px;
      padding-left: 5px;
      padding-top: 50px;
      margin-right: 8px;
      background-image: url(/images/newdesign/comment_box.png);
      float: left;
      color: white;
      font-weight: bold;
      font-size: 12px;
      vertical-align: text-bottom; }
    .documents-public .all .document .body .meta {
      font-size: 0.8em;
      line-height: 1.2em; }
  .documents-public .all .document {
    width: 287px; }
  .documents-public .all .featured_user {
    width: 210px;
    float: right; }
    .documents-public .all .featured_user .stat.last {
      margin-right: 9px; }
    .documents-public .all .featured_user .stat {
      display: inline-block;
      margin-right: 27px;
      text-align: center;
      zoom: 1;
      *display: inline; }
      .documents-public .all .featured_user .stat .number {
        background-color: #eeeeee;
        border-radius: 10px;
        -moz-border-radius: 10px;
        color: #11456d;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        width: 35px; }
      .documents-public .all .featured_user .stat .header {
        color: #525252;
        font-size: 12px; }
    .documents-public .all .featured_user .photo {
      margin-bottom: 8px; }
  .documents-public .all table {
    border-collapse: collapse;
    margin-top: 25px;
    margin-bottom: 10px; }
    .documents-public .all table .document {
      border: 0;
      padding: 0;
      margin: 0; }
    .documents-public .all table td.has_side_border {
      border-right: 2px solid black; }
    .documents-public .all table tr.has_bottom_padding td {
      padding-bottom: 50px; }
    .documents-public .all table td {
      padding-left: 12px;
      padding-right: 12px; }
      .documents-public .all table td h3 {
        padding: 0;
        margin: 0;
        margin-bottom: 10px; }
      .documents-public .all table td h4 {
        margin-bottom: 2px;
        margin-top: 2px; }
  .documents-public .all .pagination_container {
    height: 30px;
    margin: 1.5em 0 0;
    text-align: center; }

.featured_documents {
  margin-top: 10px;
  position: relative;
  border: 3px solid #14456e;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  margin-bottom: 30px;
  padding-left: 80px;
  padding-right: 43px;
  min-height: 300px;
  background-color: #f5f5f5;
  overflow: auto; }
  .featured_documents #view_more {
    background-color: #14456e;
    border-top-left-radius: 10px 10px;
    bottom: 0px;
    color: white;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0px;
    text-align: center;
    width: 100px; }
    .featured_documents #view_more:hover {
      text-decoration: underline; }
  .featured_documents .rss_icon {
    right: 10px;
    top: 3px; }
  .featured_documents #featured_banner {
    left: -7px;
    position: absolute;
    top: -7px; }
  .featured_documents ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .featured_documents .document {
    min-height: 100px;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    position: relative;
    width: 370px;
    margin: 0;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #f9f9f9; }
    .featured_documents .document:hover {
      background-color: #bbe4fd; }
      .featured_documents .document:hover .title a {
        border-radius: 3px;
        -moz-border-radius: 3px;
        text-decoration: underline; }
    .featured_documents .document .title a {
      display: block;
      width: auto;
      max-width: 380px;
      font-size: 20px;
      margin-left: -5px;
      padding: 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .featured_documents .document hr {
      border-width: 1px;
      border-color: #6a9dc4; }
    .featured_documents .document .stat.last {
      margin-right: 9px; }
    .featured_documents .document .stat {
      display: inline-block;
      margin-right: 27px;
      text-align: center;
      zoom: 1;
      *display: inline; }
      .featured_documents .document .stat .number {
        background-color: #eeeeee;
        border-radius: 10px;
        -moz-border-radius: 10px;
        color: #11456d;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        width: 35px; }
      .featured_documents .document .stat .header {
        color: #525252;
        font-size: 12px; }
    .featured_documents .document .uploader {
      font-size: 12px;
      display: inline-block; }
      .featured_documents .document .uploader .info {
        line-height: 17px;
        display: inline-block; }
        .featured_documents .document .uploader .info * {
          margin: 0;
          padding: 0; }
      .featured_documents .document .uploader .image {
        float: left; }
        .featured_documents .document .uploader .image img {
          -webkit-box-shadow: #cccccc 0px 0px 5px;
          border: 1px solid #cccccc;
          border-bottom-left-radius: 10px 10px;
          border-bottom-right-radius: 10px 10px;
          border-top-left-radius: 10px 10px;
          border-top-right-radius: 10px 10px;
          line-height: 100px;
          margin: 10px;
          padding: 5px;
          text-align: center;
          vertical-align: middle; }

.all_featured .document {
  clear: both;
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 25px;
  margin-right: 20px;
  border-bottom: 1px solid #dddddd;
  min-height: 95px; }
  .all_featured .document .title {
    position: relative;
    height: 52px; }
    .all_featured .document .title a {
      position: absolute;
      bottom: 4px;
      height: 52px;
      overflow: hidden; }
  .all_featured .document .body .comments {
    width: 41px;
    height: 21px;
    padding-left: 5px;
    padding-top: 50px;
    margin-right: 8px;
    background-image: url(/images/newdesign/comment_box.png);
    float: left;
    color: white;
    font-weight: bold;
    font-size: 12px;
    vertical-align: text-bottom; }
  .all_featured .document .body .meta {
    font-size: 0.8em;
    line-height: 1.2em; }

.tags {
  padding-left: 15px !important;
  list-style: none !important; }

.bio {
  margin-left: 5px;
  margin-bottom: 15px;
  clear: left; }
  .bio p {
    font-size: 13px; }

.user_controls {
  list-style-type: none;
  margin: 0px 0px 0px 4px;
  margin-left: 4px;
  padding: 0px;
  float: left;
  width: 200px;
  margin-bottom: 15px; }
  .user_controls li {
    line-height: 200%;
    font-size: 13px; }

.users-show .profile_photo {
  margin-bottom: 15px; }
.users-show .document {
  margin-bottom: 9px !important; }

.documents-comments_only .divider, .documents-comments_only .reply_to {
  display: none !important; }

#search_form {
  margin-top: 40px; }

.folders-all #container .inbox.highlighted {
  background-color: #fff88d; }


.panels {
  width:950px;
  margin:0 auto;
}

#flash_close {
  color: #000;
  float: right;
  height: 24px;
  line-height: 24px;
}

#btmfold {
  width:950px;
  clear:both;
  margin: 0px auto;
}

.content {
  padding-bottom: 20px;
}

body {
  color:#333;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}

p, li, td, .crumb_trail, label {
  font-size:12pt;
  line-height:150%;
  padding:0px;
  margin:0px;
}

img {
  border: 0;
}

h1 {
  color:#525252;
  padding-top:6px;
  padding-bottom:6px;
  margin:0px;
}

h2, th {
  font-weight: 600;
}

h2 {
  color:#6a6a6a;
}

th {
  color:#525252;
}

h3 {
  font-weight: 600;
  color:#6a6a6a;
}

a, .see_more, .show_more, .users_name  {
  text-decoration:none;
  color:#0079B1;
  cursor: pointer;
}

a:hover, .show_more:hover {
  color:#0d3751;  
}

/* HEADER & FOOTER */

#header {
  margin-left:25px;
  position:relative;
  z-index:4;
  width:950px;
  margin:0 auto;
}

#footer {
  clear:both;
  margin: 0px auto;
  overflow:visible;
  margin-bottom:50px;
  padding:15px;
  width: 950px;
  border-radius: 9px; 
  -moz-border-radius: 9px; 
  -webkit-border-radius: 9px;
  background:#FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#E9EDF0), to(#FFF));
  background: -moz-linear-gradient(top,  #E9EDF0,  #FFF);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9EDF0', endColorstr='#FFFFFF');
}

#footer .footer_bg {
  padding:8px;  
}

#footer.error_footer {
  width: auto;
  margin: 50px 0 0;
}

#content.error_page h3 {
  font-size: 18px;
  margin-bottom: 8px;
}


#footer ul {
  list-style:none;
}

#footer li {
  font-size:14px;
}

#footer li a {
  font-size:12px;
}

#footer .footer_columns {
  width:260px;
  vertical-align:top;
  display:inline-block;
  zoom: 1; /* IE7 hack to get them to display as inline blocks as they're supposed to - see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
  *display: inline; /* also part of the IE7 hack */
}

#footer .footer_columns p {
  border-bottom:thin #999 solid;
  width:200px;
  line-height:115%;
}

#footer .footer_columns.first {
  margin-left:120px;
}

.logo_btn {
  margin: 6px 0;
  height: 68px;
  width: 416px;
  display: inline-block;
}

#header .navigation, #footer .navigation {
  margin: 0;
  padding: 0;
}

#header .navigation > li  {
  list-style-type:none;
  display:inline;
  border-right: 1px solid #4C8AD3;
  margin-right: 5px;
  padding-right: 25px;
  text-transform: uppercase;
}

#header .navigation > li.last {
  border-right: 0;
  margin-right: 0;
  padding-right: 15px;
}

#header .navigation {
  background-image:url(/images/newdesign/menu_bar.jpg);
  background-repeat:no-repeat;
  width:952px;
  background-position:bottom;
  height:35px;
}

#header .navigation li a, #footer .navigation li a {
  text-transform: uppercase;
}

#header .navigation #help_subnav a {
  text-transform: none;
}

#header #search {
 float: right;
 margin-top:-5px;
 padding: 0;
}

#header_btn_go input {
  float: right;
  height:24px;
  width:28px;
  margin-top:-6px;
  padding: 0;
}

#fb_profile_pic {
  height:24px;
  width:24px;
  margin-left:5px;
  padding: 0;
}

#fb_profile_pic img {
  vertical-align: middle;
}

#connect_to_facebook_form {
  float:right;    
}

#RES_ID_fb_login_image {
  margin-right:5px;
  vertical-align:text-bottom;
}

#login {
  list-style-type:none;
  display:inline;
  float:right;
  margin-top:-110px;
  text-align: right;
}

/*end HEADER*/


/*CONTENT*/

.content { 
  width:680px;
  position:relative;
}

.users-index.sidebar_hidden .content {
  width: 950px;
}

#overview {
  width:520px;
}

#tm {
  font-size:8px;
}

#demo_btn {
  font-weight:bolder;
}

#people_graphic {
   text-indent:-9999px;
   background-image:url(../images/newdesign/people_graphic.jpg);
   background-repeat:no-repeat;
   width:656;
   height:408px;
}

#sub_intro {
  color:#6a6a6a;
  padding-top:8px;
  padding-bottom:0px;
  margin:0px;
}

#btm_paragraph {
/*  margin-bottom:95px;*/
}

/*end CONTENT */


/* SIDEBAR */

#sidebar {
  float:right;
  width:248px;
  z-index:4;
}

/* This css is for the login box while NowComment is in the free account peroid */

.facebook_button {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-top:10px;
  padding-top:8px;
  padding-bottom:8px;
  color: #FFFFFF;
  border: solid 2px #4C8AD3;
  background: #CCE6FF;
  text-align:center;
  height: 25px;
}

#main_login_form {  
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-top:10px;
  height:135px; 
  color: #FFFFFF;
  border: solid 2px #4C8AD3;
  background: #CCE6FF;
  background: -webkit-gradient(linear, left top, left bottom, from(#CCE6FF), to(#4775BC));
  background: -moz-linear-gradient(top,  #CCE6FF,  #4775BC);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCE6FF', endColorstr='#4775BC');
}

#signup_button {
  display:inline-block;
  font-weight:bolder;
}

.red {
  color: #FFFFFF;
  border: solid 2px #BB172C;
  background: #F74C57;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, #F74C57), color-stop(1, #BB172C));
  background: -moz-linear-gradient(center bottom, #F74C57 22%, #BB172C 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F74C57', endColorstr='#BB172C');
}

.red:hover {	
  color: #FFFFFF;
  border: solid 2px #3C0;
  background: -webkit-gradient(linear, left top, left bottom, from(#15893B), to(#6FC341));
  background: -moz-linear-gradient(top,  #15893B,  #6FC341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#15893B', endColorstr='#6FC341');
}
.red:active {	
  background: -webkit-gradient(linear, left top, left bottom, from(#6FC341), to(#15893B));
  background: -moz-linear-gradient(top,  #6FC341,  #15893B);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FC341', endColorstr='#15893B');
}

/* END free account login box */


/* KEEP THIS !!!*/

/*#main_login_form {  
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  margin-top:10px;
  height:176px; 
  color: #FFFFFF;
  border: solid 2px #4C8AD3;
  background: #4775BC;
  background: -webkit-gradient(linear, left top, left bottom, from(#4775BC), to(#CCE6FF));
  background: -moz-linear-gradient(top,  #4775BC,  #CCE6FF);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4775BC', endColorstr='#CCE6FF');
}*/

/* KEEP THIS !!!*/

#main_login_form li {
  list-style:none;
}
#main_login_form label {
color:#FFF;
}

#user_session_email_input label, #user_session_password_input label {
  width: 80px;
  margin-right:10px;  
}

#user_session_email, #user_session_password {
  width:122px;
}

#main_login_form a {
  color:#FFF;
}

#main_login_form a:hover {
  color:#0D3751;
}

#main_login_form .fb_btn {
  padding-top:5px;
  display:block;
  text-align:center;
  width:240px;
}

#main_login_form .buttons {  
  margin:0;
  padding:0;
  text-align:center;
}

#main_login_form .buttons ol {
  margin-bottom:3px;
  margin-left:0;
  margin-right:0;
  display:inline-block;
  padding:0;
  
}

#main_login_form {
  padding:10px;
}

#main_login_form .forgot, #main_login_form .remember {
  font-size:11px;
  display: inline;
}


#main_login_form fieldset legend {
  border:none;
  /* font-weight:normal; */
}

.main_sidebar {
  width:248px;
}

.topcontent {
  padding:15px;
  text-align: center;
}

.top {  
  height:54px;
  background-repeat:no-repeat;
}

.mid  {
  background-repeat:repeat-y;
}

.docmid {
  background-color:#FFF;
  border: 1px #D8D8D8 solid;
  padding-top:8px;
  padding-bottom:8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:217px;
  overflow: auto;
}

/*.doctop {
  background-repeat: no-repeat;
  height: 6px;
}
.docmid {
  background-repeat:repeat-y;
  min-height:50px;
}
.docbtm {
  background-repeat: no-repeat;
  height: 6px;
}*/

.docmid img {
  padding-left:13px;
  padding-right:7px;
  margin:0px;
  float:left;
}

.midcontent {
  padding: 5px 15px;
  margin:0px;
  list-style:none;
  width:219px;
}

.midcontent.groups.highlighted {
  background-color: #FFF88D;
}

.btm {
  height:15px;
  background-repeat:no-repeat;
  margin-bottom:20px;
}

.btmcontent {
  padding-left:15px;
  padding-right:15px;
  padding-top:5px;
}

/*NowComment in action section box*/

.nowcomment-index .main_sidebar  {
  margin-top:20px;
}

.main_sidebar.user {
  margin-bottom:15px;
}

.main_sidebar .top {
  background-image:url(../images/newdesign/main_sidebar_green_top.jpg);
  color:#FFF;
}

.main_sidebar .grey_bar_content, .main_sidebar.user .grey_bar_top {
  width:229px;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  color: #525252;
  padding-left: 18px;
}

.main_sidebar .grey_bar_content {
  height:27px;
}

.main_sidebar .grey_bar_content {
  background-image:url(../images/newdesign/main_sidebar_bar_1.jpg);
}


.main_sidebar .mid {
  background-image:url(../images/newdesign/main_sidebar_center.png);
}

/*.main_sidebar .doctop {
  background-image:url(../images/newdesign/wht-box-top.png);
  height:6px;
}

.main_sidebar .docmid {
  background-image:url(../images/newdesign/wht-box-mid.png);
}

.main_sidebar .docbtm {
  background-image:url(../images/newdesign/wht-box-btm.png);
}*/

.main_sidebar .docmid .tags {
  /*padding-left:5px;
  padding-right:5px;*/
  font-size:12px;
  color:#333;
}

.main_sidebar .docmid  a, .main_sidebar .docmid li, .see_more, .inputs span, .main_sidebar .inputs label {
  padding-left:0px;
  padding-right:5px;
  font-size:12px;
  font-weight:bold;
}

 .main_sidebar .docmid  p {
   padding-left:8px;
   padding-right:8px;
   font-size:12px;
   font-weight:bold;
}

.main_sidebar .docmid p.tags {
  /* font-weight: normal; */
}

.main_sidebar .see_more {
  padding-left:20px;
  padding-right:25px;
}

.main_sidebar .btm {
  background-image:url(../images/newdesign/main_sidebar_btm.jpg);
  color:#FFF;
  text-align:center;
}

.main_sidebar .btmcontent {
    background-image:url(../images/newdesign/video_bg.png);
    background-repeat:no-repeat;
    height:93px;
    width:219px;
    background-position:center;
    padding-top:18px;
}

.main_sidebar .video_info {
  float:left;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
}

.main_sidebar .video_caption {
  color:#333;
  font-size:9px;
  margin-top:10px;
  margin-right:8px;
}

/* USER SIDEBAR */

.main_sidebar.user .top h1 {
  color:#FFF;
  text-align:center;
  font-weight: 400;
}

.main_sidebar.user .grey_bar_content.grey_bar_top {
  background-image:url(../images/newdesign/main_sidebar_gray_top_large.png);
  height:60px;
  margin-top:10px;
}

.main_sidebar.user .grey_bar_content.grey_bar_top.highlighted {
  background: #FFF88D;
}

.main_sidebar.user .grey_bar_content.grey_bar_top h1 {
  padding: 8px 0 0 38px;
  background: url(/images/icons/32x32px/users_grey.png) no-repeat left 10px;
}

.main_sidebar.user .create_folder a {
  color:#FFF;
  font-size:15px;
}

.main_sidebar.user .create_folder a:hover {
  color:#333;
}

.main_sidebar.user .plus_btn {
  margin-right:28px;
  margin-top:3px;
  background-image:url(/images/newdesign/plus-button.png);
}

.main_sidebar.user .expand_btm {
  background:url(/images/newdesign/main_sidebar_btm2.jpg) no-repeat;
  height:30px;
}

.main_sidebar .inputs, .mid .buttons {
  border:none;
}

.main_sidebar .inputs ol li, .mid .buttons ol li {
  font-size:9px;
}

.main_sidebar .buttons ol li {
  float:right;  
}

.main_sidebar.user .create_btn {
  position:relative;
  left:68px;
}

.main_sidebar.user .create_btn .buttons {
  color:#FFF;
  width:94px;
  height:29px;  
  margin:0px;
  padding-top:10px;
  padding-left:2px;
  font-size:10px;
  text-align:center;  
  font-weight:bold;
  padding-top:5px;
  background-repeat:no-repeat;
}

.main_sidebar.user .inputs legend {
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}

.folder_all, .folder_trash {
  list-style:none;
}

.folder_all, .folder_trash {
  margin-left:-15px;
}

ul.subfolders {
  padding-left: 20px;
}

/* end SIDEBAR */ 


/* Bottom Fold section */

#btm_fold {
  width:100%;
  border-top-style: dotted;
  border-top-color:#CCC;
  height:475px;
  background-image:url(../images/newdesign/bg_grad1.jpg);
  background-repeat:repeat-x;
}

#features_section, .key.free, .key.easy {
  float:left;
}

#features_section h1, #sample_section h1 {
  margin-bottom:20px;
  margin-top:20px;
}

.features_top, .features_btm {
  margin:0px;
  padding:0px;
  width:600px;
}

#btm_fold .key {
  list-style:none;
  width:168px;
  padding-left:15px;
  padding-right:15px;
  margin-bottom:30px;
  border-left-style: solid;
  border-left-color: #CCC;
  border-left-width: 2px;
  height:160px;  
}

#btm_fold .key h2 {
  padding-top:0px;
  margin-top:0px;
}

#btm_fold p {
  font-size:12px;
}

.key.powerful, .key.time, .key.rich, .key.read {
  float:right;
}

#sample_section {
  float:left;
  width:250px;
  margin-left:50px;
}

.sample_list {
  list-style:square;
  padding-bottom:0px;
  margin-bottom:0px;
  padding-top:0px;
  margin-top:0px;
  border-left-style: solid;
  border-left-color:#CCC;
  border-width:2px;
  
}

.sample_h2 {
  padding-bottom:8px;
  margin-bottom:0px;
  padding-top:0px;
  margin-top:0px;
}

.edu_list {
  margin-bottom:8px;
  list-style:square;
}

.edu_list li {
  font-size:12px;
}

/*New Document, Edit Profile */

/* Profile specific */

.users-edit_bio #user_bio {
  height:250px;
  width:400px;
}
.users-edit_bio label {
  font-size:25px;
  font-weight:bold;
  color: #525252;
}

#user_info {
  margin-left: 15px;
  word-wrap: break-word;
  float: right;
  box-shadow: 0 0 7px rgba(0,0,0,.5) inset;
  -moz-box-shadow: 0 0 7px rgba(0,0,0,.5) inset;
  -webkit-box-shadow: 0 0 7px rgba(0,0,0,.5) inset;
}

.users-show #user_info {
  margin-left: 0px;
  margin-right: 15px;
  float: left;
}

.users-show #user_stats {
}

.users-show #user_stats th {
  text-align: left;
}

.users-show #activations {
  margin-left: 10em;
}

.user_sessions-show .edit_button, #user_info .edit_button {
  vertical-align: text-top;
}

#user_info #bio {
  width: 200px;
}

#user_info #bio h3 {
  margin-bottom: 3px;
}

#user_info h2 {
  margin: 0;
  padding: 0;
}

#user_info img {
  display:block;
  margin-left: auto;
  margin-right: auto;
}

#user_info {
  width: 220px;
  margin: 4px;
  padding: 20px;
  background-color: #FFF;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

#user_info #bio_header a {
  font-size: 10pt;
}

.user_sessions-show #account_edit_btn {
  font-size: 12pt;
  /* font-weight: normal; */
}


/* End Profile */

#new_doc_section {
  max-width:692px;
  width:692px;
  float:left;
  margin-top:10px;
}

.step1, .step2, .step3, .step4 {
  overflow:hidden;
  z-index:100;
}

#new_doc_section .step1, #new_doc_section .step2, #new_doc_section .step3, #new_doc_section .step4, .doc_container, 
.document_folders_input, .inbox, .doc_landing, .gutter, .dds_pop_up {
  background-color:#f0f0f0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #CCC;
  padding:15px;
  margin-top:10px;
}

#new_doc_section .step1 {
    margin-top: 0;
}

#new_doc_section .step4 {
  margin-bottom:40px;
}

#new_doc_section .text_right {
  text-align:right;
}

#new_doc_section .step_contents {
  width:650px;
}

#new_doc_section .step_contents .field label, .content .inbox .field label {
  text-align:left;
  vertical-align:top;
}

#new_doc_section .field, .content .inbox .field, .sub_text.field {
  margin-left:180px;
}

.document_original_url, .document_title, .document_authors_speakers, .document_video_url, .document_publication_date, .document_doctype {
  width:400px;
}

.sub_text {
  font-size:12px;
}

/* end New Document Section */

.inactive {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  -webkit-opacity: 0.25;
}

/* New Document Buttons */

.doc_btns {
  display:inline-block;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-position:center !important;
}

.upload_btn {
  margin-left:50px;
}

.copy_btn {
  float:right;  
  margin-right:50px;
}

.upload_btn p, .copy_btn p {  
  font-size:14px;
  /* font-weight:bolder; */
}

.button.blue.xlarge h1 {
  font-size:30px; 
  color:#FFF;
  padding-bottom:13px;
}

.button.blue.xlarge {
  width:250px;
  padding-top:6px;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
}

.add_more_btn {
  margin-left:120px;
  margin-top:2px;
}

.finish_btn {
  float:right;
}

.main_sidebar.user .centered {
  text-align:center; 
}

.main_sidebar.user .centered h2 { 
  margin-bottom:3px;
  padding-bottom:0;
}

a.create_new_btn {
  /* font-weight:bolder; */
}


/* Documents table */

table.sortable  {
  width:100%;
  /*border-collapse: collapse;*/
}

.documents-index table tr, .folders-all table tr {
  margin: 5px;
}
 
.doc_container {
  clear:both;
  background-color:#FFF;
  word-wrap: break-word;
}

.gutter > .doc_container {
  padding-right: 60px;
}

 

.document_table th {
  text-align:left;
  min-width:30px;
}

.document_table th {
  min-width: 0px;
}

.documents-index td.title, .folders-all td.title {
  /*padding-right:10px;
  padding-bottom:10px;  */
  max-width:250px;  
}

.folders-all td {
  max-width:250px;
  word-wrap: break-word;
}

.icon_td {
  min-width:40px;
  white-space: nowrap;
}

/*.doc_container tr {
  height:40px;
  background-color:#0CC;
}*/

.documents-index .icon_td, .folders-all .icon_td {
  text-align:center;
  width: 60px;
}

.document_table .tbl_counter {
  text-align:center;  
}

.document_table .counter span {
  color: #4C8AD3;
  border: solid 2px #4C8AD3; 
  width:100px;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: 1px 6px 1px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* Document Table */

.document_table_container {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}

.document_table {
  border-top-left-radius: 5px 5px;
  border-top-right-radius: 5px 5px;
  border-collapse: collapse;
  overflow: hidden;
}

.document_table thead {
  background-color: #5E86C5;

  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(82,122,190)),
      color-stop(1, rgb(133,173,218))
  );

  background: -moz-linear-gradient(
      center bottom,
      rgb(82,122,190) 0%,
      rgb(133,173,218) 100%
  );

  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#527ABE', endColorstr='#85ADDA');
}

.document_table tbody tr td {
  padding: 3px;
  line-height: 120%;
  border-right: 1px solid white;
}

.document_table tbody.alternate tr {
  background-color: #EAEAEA;
}

.document_table tbody.alternate tr td {
  border-right: 1px solid #EAEAEA;
}

.document_table tbody:hover tr {
  background-color: lightyellow;
}

.document_table tbody:hover tr td {
  border-right: 1px solid lightyellow;
}

.document_table thead th {
  padding: 5px 18px 5px 5px;
  color: #FFF;
  height: 24px;
  font-size: 18px;
  text-align: left;
}

.document_table thead th img {
  padding-left: 8px;
}

.document_table .small {
  padding-left: 9px;
  padding-right: 9px;
}

.document_table tbody tr {
  height: 32px;
}

/*.document_table tbody tr:hover {
  background-color: #F8F8F8;
}*/

.document_table thead th.tbl_head {
  border: none;
  cursor: pointer;
}

.document_table thead th.tbl_head, .document_table thead th.small.select {
  border-right: 1px solid #A0BBD6;
}

.document_table tr.doc_options, .document_table tr.doc_options a {
  font-size: 14px;
}

.document_table td.icon_td a.doc_list_options_btn {
  font-size: 15px;
  padding-right: 11px;
  background: url(/images/newdesign/toolbar_dropdown_arrow.png) no-repeat right;
}

.document_table .failure {
  border-color: #ECECEC;
  color:#999;
}

.toolbar_button {
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #BBB;
  cursor: pointer;
  margin: 5px;
  margin-right: 3px;
  overflow: display;
  padding-left: 3px;
  display: inline-block;
}

.documents-index table, .folders-all table {
  border-collapse:collapse;
}

.document_table tr.failure td {
  border-color: #ECECEC;
}

.document_table .processing {
  background-color:#FDFD88;
}

/* Move Document section */

.document_folders_input {
  width:500px;
}

.document_folder_ids {
  border: 1px solid #CCC;
  width:300px;
}

/* Document Summary/landing / Organizations */
.documents-properties .doc_landing h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.documents-properties .doc_landing ul {
  margin-top: 0;
  padding-top: 0;
  padding-left: 25px;
  max-width: 400px;
}

.documents-properties .doc_landing {
  display:inline-block;
  overflow:visible;
}

.documents-properties .tags .tag a, 
.documents-properties .tags .my_tag a, 
.users-show .tags .tag a, 
.users-show .tags .my_tag a, 
.user_sessions-show .tags .my_tag a, 
.user_sessions-show .tags .tag a {
  display: inline-block;
  height: 27px;
  line-height: 27px;
}

.small_user {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  vertical-align: top;
  margin-right: 260px;
  background-color: #fff;
  padding: 5px;
  width: 250px;
  clear:both;
  min-height: 60px;
  -webkit-box-shadow: inset 0px 0px 5px #AAA;
  margin-bottom: 10px;
}

.small_user strong {
  display: block;
  border-bottom: 1px solid #cccccc;
  padding-left: 77px;
}

.small_user .stats {
  margin-left: 77px;
}

.small_user .comment_number {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  text-align: center;
  width: 100%;
}

.small_user .comment_header {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 0.75em;
  text-align: center;
  text-shadow: white 0px 1px 1px;
}

.documents-properties #commenter_container h2 {
  margin-bottom: 14px;
}

.small_user a {
  text-align: center;
}

.small_user:hover {
  background-color: #F9F9F9;
}

.small_user .profile_photo {
  float: left; vertical-align: top;
  margin-right: 10px;
  height: 50px;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#commenter_container .small_user .profile_photo {
  margin: 10px;
}

ul.commenters {
  list-style-type: none;
}

#tag_legend {
  background: url(/images/icons/tag_yellow.png) no-repeat 0% 50%;
  background-position: 0% 50%;
  display: inline-block;
  font-size: 10px;
  height: 38px;
  line-height: 38px;
  margin-left: 16px;
  padding-left: 26px;
  vertical-align: middle;
}


.documents-properties .doc_tags h2 {
  margin-bottom: 14px;
}


.courses-show .doc_head {
  display:inline-block;
}

.courses-show .doc_head h1 {
  display:inline-block;
  width:400px;
}

.content .tags, .documents-properties .downloads {
  list-style:none;
  margin: 0;
  padding:0;
  width: 400px;
}

.left_col{
	float:left;
}

.right_col{
	float:right;
}

.courses-show .left_col, .schools-show .left_col {  
  width:350px;
}

.courses-show .right_col, .schools-show .right_col, .documents-properties .share_data {  
  width:300px;
}

.documents-properties .share_data .member_list .item_info {
  width: 390px;
  word-wrap: break-word;
}

.documents-properties .doc_landing .doc_container {
  overflow:hidden;
  background-color:#FFF;
}

.documents-properties .doc_landing #doc_importance {
  float: right;
  border: 1px solid black;
  width: 123px;
  margin-bottom: 1em;
  padding: 0 .3em .3em .3em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);   
  -moz-border-radius-topleft:10px; 
  -webkit-border-top-left-radius:10px; 
  -moz-border-radius-topright:10px;  
  -webkit-border-top-right-radius:10px; 
  -moz-border-radius-bottomleft:10px; 
  -webkit-border-bottom-left-radius:10px; 
  -moz-border-radius-bottomright:10px;  
  -webkit-border-bottom-right-radius:10px; 
  background: #B0B0B0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#B0B0B0));
  background: -moz-linear-gradient(top,  #f0f0f0,  #B0B0B0);
}

.documents-properties .doc_landing #doc_importance h3 {
  font-size: smaller;
  text-align: center;
  padding: 0;
  margin: 0;
}

.documents-properties .doc_landing #doc_importance span.importance {
  font-size: 48pt;
  display: block;
  text-align: center;
}

.documents-properties .doc_landing #doc_importaance span.calculated_importance {
  font-size: 10pt;
  display: block;
}

.documents-properties .doc_landing #doc_importaance span.position {
  font-size: 10pt;
  display: block;
}

.documents-properties .doc_landing .doc_options {
  padding:0px;
  margin:0px;
  float: right;
  list-style: none;
  clear:both;
  z-index: 15;
}

/*.documents-properties .edit_group_btn, .documents-properties .share_data .delete_button {
  float:right;
  margin-left:10px;
  top: 10px;
}*/

.documents-properties .doc_landing {
  position: relative;
}

.documents-properties .doc_landing .doc_options li {
  display: list-item;
}

.sharing_options, .left_column {
  float:left;
}

/*.left_column {
  margin-top: 16px;
}

.doc_data, .right_column {
  float:right;
  overflow:auto;
}

.right_column, .left_column {
  width:290px;
}*/

.star_block {
  display: inline;
}

.star_block img {
  padding-right: 2px;
}

.header_title {
  width:640px;
  padding-left:15px;
  padding-right:15px;
  word-wrap: break-word;
  position: relative;
}

.private_indicator {
  position: absolute;
  right: 20px;
  top: 10px;
}

.formtastic.course_document, .formtastic.user {
  width:260px;
  overflow:auto;
}

.formtastic.course_document label, .formtastic.user label {
  width:200px;
  text-align:left;  
}

.formtastic.course_document select, .formtastic.user select, .formtastic #user_email {
  width:250px;
}

.formtastic.course_document textarea, .formtastic.user textarea {
  width:250px;
  height:60px;
}

.documents-properties .formtastic li {
  list-style:none;
  text-align:left;
}

.hint_text {
  color:#666;
}

/* Sharing, Contacts */


.contacts-index form.add_contact {
  margin-bottom: 20px;
}

.contacts-index table td.name {
  max-width: 250px;
  width: 50%;
  word-wrap: break-word;
}

.contacts-index table td.email {
  width: 40%;
  word-wrap: break-word;
}

#import_button {
  float:right;
}

.contacts-index td {
  padding-right:30px;
}

/* End Sharing, Contacts*/

/* Sharing tab in doc landing */

.button_tabs {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);   
  -moz-border-radius-topleft:10px; 
  -webkit-border-top-left-radius:10px; 
  -moz-border-radius-topright:10px;  
  -webkit-border-top-right-radius:10px; 
  background: #B0B0B0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#B0B0B0));
  background: -moz-linear-gradient(top,  #f0f0f0,  #B0B0B0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#B0B0B0');
  border-top-width: thin;
  border-right-width: thin;
  border-left-width: thin;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: #CCC;
  border-right-color: #CCC;
  border-left-color: #CCC;
  color: #6A6A6A;
}

.button_tabs:hover {	
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#15893B), to(#6FC341));
  background: -moz-linear-gradient(top,  #15893B,  #6FC341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#15893B', endColorstr='#6FC341');
}

.button_tabs_sel, .button_tabs_sel:hover {
  background:#f0f0f0;
  background-color:#f0f0f0;
  color: #4C8AD3;
  border-top-width: thin;
  border-right-width: thin;
  border-left-width: thin;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: #CCC;
  border-right-color: #CCC;
  border-left-color: #CCC;
}


.tag_bg {
  background-color:#f0f0f0;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  -webkit-border-bottom-left-radius: 7px;
  border: 1px solid #CCC;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

.doc_tabs {
  margin:0;
  padding:0;
}

.doc_tabs, .doc_tabs li {
  display:inline;
  list-style:none;  
}

.tab_content {
  /*width:595px;*/
  overflow:auto;
}

.documents-properties .content .sort {
  background-image:url(../images/icons/edit-list-order.png);
  background-repeat:no-repeat;
  background-position:center;
  text-indent:-9999px;
  height:16px;
  width:16px;
  display:inline-block;
}

#draggable { 
  width: 150px; 
  height: 150px;
  padding: 0.5em; 
}

#document_status {
  color:#6A6A6A;
  padding: 5px 15px;
  -moz-border-radius: 7px;  
  -webkit-border-radius: 7px;
  text-align: right;  
  background:#FFF;
  -webkit-box-shadow: inset -1px 1px 3px #a9a9a9; 
  -moz-box-shadow: inset -1px 1px 3px #a9a9a9;
  float:right;
  clear:both;
  text-transform: capitalize;
}

#document_view {
  float:right;
  clear:both;
}

.fullcomment {
  display: none;
}

.documents-properties #loading {
  position:absolute;
  top:390px;
  left:670px;
  z-index:300;
}

/* End Document Summary/Landing */

/* Document Sharing Multiple */

.sharing_container {
  position: relative;
}

.sharing_container .search {
  margin-top: 20px;
  margin-bottom: 10px;
}

.sharing_container form .buttons {
  float: right;
}

.sharing_container form #message_box {
  clear:both;
}

.sharing_container form .buttons ol {
  margin: 0;
  padding: 0;
}


.documents .add_to.share_list {
  min-height: 28px;
}


.documents .share_list h3 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.documents .share_list ul {  
  list-style: none;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  /*position:relative;
  width: 250px;*/
  margin-left: 35px;
  margin-top: 5px;
  margin-bottom: 20px;
  padding: 0;
}


.documents .share_list ul li {
  min-height: 20px;
  width:500px;
  display: block;
  position:relative;
}

.documents .share_list ul li .delete_button {
  float:right;
}

.share_list ul li.hover, #browse_window ul li.hover, .documents .share_list ul li:hover {
  background-color: #EEF;
}

.documents .share_list ul input {
  display: none;
}

.documents .share_list .item_info {
  width: 484px;
}

.documents.sharing_container {
  
}

#browse_window a.close_button { 
  background: url(/images/rain/close.png) no-repeat;
  height: 28px;
  width: 28px;
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
  text-indent:-9999px;
}


#browse_window {
  top: 297px;
  left: 446px;
  position: absolute;
  z-index: 100;
  cursor: move;
}

#browse_window.doc_container {
  background-color:#F0F0F0;
}

#browse_window .browsing_container {
  overflow-y: auto;
  overflow-x: none;
  word-wrap: break-word;
  width: 200px;
  height: 300px;
  cursor: default;
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2) inset;
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,.2) inset;
  box-shadow: 0 1px 5px rgba(0,0,0,.2) inset;
}

#browse_window .browsing_container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50%;
}

#browse_window .browsing_container ul {
  list-style: none;
  margin:0;
  padding:0;
  padding-top: 5px;
  padding-bottom: 5px;
}

#browse_window .browsing_container li {
  margin-bottom: 10px;
  font-size: 11px;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 25px;
}

#browse_window .browsing_container li.highlighted {
  background-color: #4C8AD3;
  color:#FFF;
}

#browse_window .browsing_container li.hover {
  
}

#browse_window .browsing_container li.hover.highlighted {
  
}

#browse_window .browsing_container li .delete_button {
  display:none;
}

#browse_window .browsing_container li input {
  display:none;
}


/*.documents .doc_container {
  min-height: 500px;
}*/

.documents-sharing_multiple .doc_container h2 {
  margin-top: 0;
  margin-bottom: 0.83em;
}

.documents-sharing_multiple .doc_container .text_input {
  width: 250px;
}

.documents .user_sharing_container {
  overflow-x: hidden;
  min-height: 500px;
}

.documents .user_sharing_container #search_container {
  position: relative;
  word-wrap: break-word;
  z-index: 100;
}

.documents .user_sharing_container #search_container #search_results_container {
  position: absolute;
  top: 21px;
  left: 0;
  width: 256px;
  overflow-y: auto;
  max-height: 300px;
}

.documents #search_results li.highlighted,
.documents .unchecked li.highlighted,
.documents .checked li.highlighted,
.documents #groups li.highlighted {
  background-color: #EDEDED;
}

.documents .user_sharing_container #search_container li.highlighted {
  background-color: #99B3FF;
}

.documents .user_sharing_container #search_results li {
  background-color: #4977BD;
}

.documents .user_sharing_container #search_results_container {
  box-shadow: 6px 6px 12px #000000;
  -webkit-box-shadow: 6px 6px 12px #000000;
  -moz-box-shadow: 6px 6px 12px #000000;
}

.documents .content ul {
  list-style:none;
  margin:0;
  padding:0;
}

.documents .content #search {
  display:inline;
}

.documents .content .doc_container {
  overflow:hidden;
}

.documents .content .buttons, .documents .content .buttons ol {
  float:right;
  padding:0;
  margin:0;
}

.documents .content .add {
  background-image:url(../images/newdesign/plus-button.png);
  background-repeat:no-repeat;
  background-position:center;
  margin-right:6px;
  text-indent:-9999px;
}

.documents .content .right_column form {
  width:160px;
  display:inline;
}


.documents .doc_landing {
  padding: 2%;
  margin-bottom: 20px;
}

/*.documents .doc_landing ul {
  margin: 0;
  padding: 0;
}*/

.documents .doc_landing .buttons {
  float: right;
}

.documents.documents-properties .share_data li,
.documents.documents-properties .downloads li {
  position: relative;
  list-style: none;
  margin: 0;
}
.documents.documents-properties .share_data li {
  padding: 4px 0;
}
.documents.documents-properties .downloads li {
  padding: 0;
}

.documents #search_results li .hint {
  font-size: 10px;
  background-color: #CD5A80;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  top: 3px;
}

.documents .document_invitation .user_sharing_container li .item_info {
  max-width: 235px;
  word-wrap: break-word;
}

.documents .document_invitation .user_sharing_container li .delete_button {
  float: right;
}

.documents .document_invitation .user_sharing_container #unchecked .delete_button {
  display: none;
}

.documents .document_invitation .user_sharing_container li input {
  display:none;
}

.documents .document_invitation .user_sharing_container #search_results .delete_button {
  display:none;
}

/* End Document Sharing Multiple */

/* Document Sharing */

#add_people {
  background-color:#F0F0F0;
  -webkit-box-shadow: inset 0px 1px 3px #a9a9a9; 
  -moz-box-shadow: inset 0px 1px 3px #a9a9a9;
  padding:10px;
  overflow:auto;
}

#add_people h2 {
  /* font-weight:bolder; */
}

.documents-sharing .current.share_list {
  max-height:300px;
  overflow:auto;
  margin-bottom:15px;
}

.documents .ac_over {
  background-color:#4C8AD3;
}

.documents .doc_container h2 {
  margin-top: 0;
  margin-bottom: 0.83em;
}

.documents .doc_container h2, .documents .doc_container h3 {
  font-weight: bold;
  padding: 8px;
}

.documents .doc_container .text_input {
  width: 400px;
}

.documents .user_sharing_container {
  overflow-x: hidden;
}

.documents .user_sharing_container #search_container {
  position: relative;
  word-wrap: break-word;
  z-index: 100;
}

.documents .user_sharing_container #search_container #search_results_container {
  position: absolute;
  top: 21px;
  width: 256px;
}

.documents #search_results li.highlighted,
.documents .unchecked li.highlighted,
.documents .checked li.highlighted,
.documents #groups li.highlighted {
  background-color: #EDEDED;
}

.documents .user_sharing_container #search_container li.highlighted {
  background-color: #99B3FF;
}

.documents .user_sharing_container #search_results li {
  background-color: #4977BD;
}

.documents .user_sharing_container #search_results_container {
  box-shadow: 6px 6px 12px #000000;
  -webkit-box-shadow: 6px 6px 12px #000000;
  -moz-box-shadow: 6px 6px 12px #000000;
}

.documents .content ul {
  list-style:none;
  margin:0;
  padding:0;
}

.documents .content input {
  margin-right:10px;
}

.documents .content #search {
  display:inline;
}

.documents .content .doc_container {
  overflow:hidden;
}

.documents .content .buttons, .documents .content .buttons ol {
  float:right;
  padding:0;
  margin:0;
}

.documents .content .add {
  background-image:url(../images/newdesign/plus-button.png);
  background-repeat:no-repeat;
  background-position:center;
  margin-right:6px;
  text-indent:-9999px;
}

.documents .content .right_column form {
  width:160px;
  display:inline;
}

.documents .doc_landing {
  padding: 2%;
}

/*.documents .doc_landing ul {
  margin: 0;
  padding: 0;
}*/

.documents .document_invitation .member_list li {
  position: relative;
  cursor: pointer;
  list-style: none;
  margin: 0;
  padding: 4px 0;
}

#search_results li .hint {
  font-size: 10px;
  margin: 0;
  padding: 0;
  padding-right:5px;
  position: absolute;
  right: 0px;
  top: 16px;
}

.documents .document_invitation #document_invitation_message {
  max-width: 590px;
  width: 590px;
  height: 100px;
  margin-bottom: 10px;
}

/*.documents .document_invitation li .item_info {
  max-width: 215px;
  word-wrap: break-word;
}

.documents .document_invitation li .delete_button {
  position: absolute;
  left: 100px;
  top: 0px;
}*/

.documents .document_invitation .unchecked .delete_button {
  display: none;
}

.documents .document_invitation .member_list li input {
  display:none;
}

.documents .document_invitation #search_results .delete_button {
  display:none;
}

.documents .unchecked {
  overflow:auto;
  max-height:400px;
}

.documents .hint_text {
  font-size:12px;
}

/* End Document Sharing*/

/* Group Inviting */

#group_invitation #search_results, #group_invitation #users_to_invite {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#group_invitation #users_to_invite li {
  min-height: 20px;
}

#group_invitation #users_to_invite .item_info {
  width: 384px;
}

#group_invitation ul {
  width: 400px;
}

#group_invitation li .delete_button {
  float:right;
}

#group_invitation #search_results li {
  padding: 5px;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0;
}

#group_invitation #search_results .highlighted {
  background-color: #81B2E1;
}

#group_invitation #search{
  position: relative;
  word-wrap: break-word;
}

#group_invitation #search #search_box, #group_invitation #search #search_results_container {
  width: 400px;
}

#group_invitation #search #search_results_container {
  position: absolute;
  top: 24px;
  left: 0;
  background-color:#FFF;
  color: #000;
}

#group_invitation #message {
  width: 400px;
  height: 100px;
}

#group_invitation #search_results_container {
  box-shadow: 6px 6px 12px #a9a9a9;
  -webkit-box-shadow: 0px 6px 12px #a9a9a9;
  -moz-box-shadow: 6px 6px 12px #a9a9a9;
}


/* End Group Inviting */

/* Modal stuff & Options */
.modaltip.pointer, .flyout.pointer {
  cursor:pointer;
}

.modaltipContents {
  display: none;
}

.options, .options a {
  color: white;
  list-style: none;
  margin: 0;
  padding:0;
}

.options a:hover {
  text-decoration: underline;
}

.qtip-content {
  font-size: 12px;
}

/* ICONS */

.doc_container .comments {
  background-image:url(/images/newdesign/balloon-ellipsis.png);
  background-repeat:no-repeat;
  background-position:left;
  height:16px;
  width:16px;
  padding-left:15px;
}

.doc_container .options.main, #document .time.main {
  list-style:none;
}

.doc_container .options .doc_btns.gear, span.time, .doc_container .options.main  {
  height:16px;
  width:16px;
}

.doc_container .options .doc_btns.gear {
  background-image:url(/images/newdesign/gear.png);
}

.doc_container .time.doc_btns.clock {
  background-image:url(/images/newdesign/clock-frame.png);
}

.doc_container td.icon {
  width:30px;
 
}

/* Icons */

.icon {
  padding-left: 22px !important;
}

.icon.add {
  background:url(/images/newdesign/plus-button.png) no-repeat;
}

.icon.move {
    background:url(/images/icons/folder-import.png) no-repeat;
}

.icon.delete,.icon.undelete {
    background:url(/images/icons/cross-circle.png) no-repeat;
}

.icon.delete.disabled {
    color: silver;
    background:url(/images/icons/cross-circle-grayscale.png) no-repeat;
}

.icon.star_full {
    background:url(/images/icons/star.png) no-repeat;
}

.icon.star_empty {
    background:url(/images/icons/star-empty.png) no-repeat;
}

.document_table .icon.star_empty {
    background: none;
    padding-left: 0px !important;
}

.delete_button {
  margin-top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(/images/icons/cross-circle.png) no-repeat;
}

.edit_button {
  margin-top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(/images/icons/pencil.png) no-repeat;
}

.icon_td table td {
  min-width: 16px;
  padding-left: 2px;
}
.icon_td .icon {
  padding-left: 0 !important;
}
.icon.blank {}

.icon.edit {
    background:url(/images/icons/pencil.png) no-repeat;
}

.icon.edit.disabled {
    color: silver;
    background:url(/images/icons/pencil-grayscale.png) no-repeat;
}

.icon.share {
    background:url(/images/icons/document-share.png) no-repeat;
}

.icon.share.disabled {
    color: silver;
    background:url(/images/icons/document-share-grayscale.png) no-repeat;
}

.icon.info {
  background:url(/images/icons/information-grey.png) no-repeat;
}

.icon.view {
  background:url(/images/icons/magnifier.png) no-repeat;
}

.icon.view.disabled {
  color: silver;
  background:url(/images/icons/magnifier-grayscale.png) no-repeat;
}

.icon.doc_icon {
  background:url(/images/icons/document--plus.png) no-repeat;
}

.icon.group_icon {
  background:url(/images/icons/users_grey.png) no-repeat;
}

.icon.folder_icon {
  background:url(/images/icons/folder-horizontal-grey-plus2.png) no-repeat;
}

.folder_icon_large {
  background:url(/images/icons/32x32px/folder-horizontal-grey.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.doc_icon_large_multi {
  background:url(/images/icons/32x32px/document-multi.png) no-repeat;
  background-position:left;
  padding-left:39px;
}

.trash_icon_large {
  background:url(/images/icons/32x32px/trash.png) no-repeat;
  background-position:left;
  padding-left:39px;
}

.plus_folder_icon_large {
  background:url(/images/icons/32x32px/folder-horizontal-grey-plus.png) no-repeat;
  background-position:left;
  padding-left:39px;
}

.edit_folder_icon_large {
  background:url(../images/icons/32x32px/folder-horizontal-grey-edit.png) no-repeat;
  background-position:left;
  padding-left:39px;
}

.icon.lock {
  background:url(../images/icons/lock.png) no-repeat;
}

.icon.open_lock {
  background:url(../images/icons/lock-unlock.png) no-repeat;
}

.icon.email {
  background:url(../images/email.png) no-repeat;
}

.icon.envelope {
  background:url(../images/icons/envelope.png) no-repeat;
}

.icon.trash {
  background:url(../images/icons/trash_small.png) no-repeat;
}

.icon.all_doc_small {
  background:url(../images/icons/document_all_small.png) no-repeat;
}

.tag_icon {
  background-image :url(/images/icons/tag.png); 
  background-repeat: no-repeat;
  padding-left:26px;
}

.my_tag .tag_icon, .my_tag.tag_icon {
  background:url(/images/icons/tag_yellow.png) no-repeat; 
  background-position:left;
  padding-left:26px;
}

.address_not_found_icon {
  background:url(/images/icons/32x32px/exclamation.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.group_icon_large {
  background:url(/images/icons/32x32px/users_grey.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.edit_group_icon {
  background:url(/images/icons/32x32px/users_grey_edit.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.user_icon_large {
  background:url(/images/icons/32x32px/user_grey_edit.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.edit_comment_icon {
  background:url(/images/icons/32x32px/balloon_grey_edit.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

.header_title {
  background:url(/images/icons/32x32px/document.png) no-repeat; 
  background-position:left;
  padding-left:39px;
}

#loading.icon {
  background:url(/images/loading1.gif) no-repeat; 
  background-position:left;
  padding-left:39px;
}

#favoriter .disabled {
  color: silver;
}

/* INBOX */

.inbox, .doc_landing {
  width:650px;
  overflow:hidden;
  -webkit-box-shadow: 0px 0px 15px #a9a9a9;  
  -moz-box-shadow: 0px 0px 15px #a9a9a9;  
}

.users-index.sidebar_hidden .inbox {
  width: 918px;
}

/* Comment moderation */

#date_linkbar form {
  display: inline;
}

#comment_moderation .comment,
#comment_moderation .document {
  margin-top: 25px;
}

#comment_moderation .comment .context {
  margin-bottom: 10px;
}

#comment_moderation .comment .edit_buttons, 
#comment_moderation .document .edit_buttons,
#comment_moderation .comment .edit_buttons {
  float: right;
}

#comment_moderation .spam {
  background-color: #FFE0E0;
}

#comment_moderation .comment .comment_body,
#comment_moderation .comment .comment_details {
  margin-left: 20px;
}

#comment_moderation .comment .comment_thread {
  margin-left: 10px;
}

#comment_moderation .comment .comment_thread .comment_parent {
  margin-bottom: 10px;
}

#comment_moderation .user .user_details,
#comment_moderation .comment .comment_details,
#comment_moderation .document .document_details,
#comment_moderation .comment .comment_thread .details {
  margin-top: 5px;
  font-size: 90%;
}

#comment_moderation .document .document_comments {
  margin: 1em 0 0 1em;
}

#comment_moderation .document .document_comments .document_comment {
  margin-top: 0.5em;
}

#comment_moderation h3 {
  margin: 0;
}

#comment_moderation .docs_no {
  text-align: center;
}

#comment_moderation table {
  border-spacing: 0;
}

#comment_moderation table td {
  padding: 2px 10px;
}

#search_results .comment .controls {
  float: right;  
}

#search_results h2 {
  margin-top: 0;
}

#search_results .result {
  margin-top: 20px;
}

/* buttons */

.button .submit, .button .create, .button .update {
  color:#FFF;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  background:transparent;
  border:none;
  padding-left:11px;
  padding-right:11px;
  padding-top:6px;
  padding-bottom:8px;
  margin:0;
  font-size:12px;
  cursor:pointer;
}

.button.submit.medium, .button.create.medium, .button.update.medium, .button.commit.medium {
  
  padding-left:4px!important;
  padding-right:4px!important;
  padding-top:6px!important;
  padding-bottom:8px!important;
}

.button.commit.medium.tall {
  font-size: 30px;
}


.btn_text a {
  color:#FFF!important;
  display:inline-block !important;  
}

.btn_text a:hover {
  color:#FFF!important;
}

.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px Arial, Helvetica, sans-serif;
  /*padding: .5em 2em .55em;*/
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

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

.blue.disabled {
  background-color: #DDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#8BB5E0));
  background: -moz-linear-gradient(top,  #DDD,  #8BB5E0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#8BB5E0');
}

.blue.disabled:hover {
  cursor: default;
  background-color: #DDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#8BB5E0));
  background: -moz-linear-gradient(top,  #DDD,  #8BB5E0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#8BB5E0');
}

.blue.disabled:hover {
  cursor: default;
  background-color: #DDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#8BB5E0));
  background: -moz-linear-gradient(top,  #DDD,  #8BB5E0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#8BB5E0');
}


.blue  {
  color: #FFFFFF;
  border: solid 2px #4C8AD3;
  background: #4775BC;
  background: -webkit-gradient(linear, left top, left bottom, from(#4775BC), to(#8BB5E0));
  background: -moz-linear-gradient(top,  #4775BC,  #8BB5E0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4775BC', endColorstr='#8BB5E0');
}
.blue:hover {	
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#15893B), to(#6FC341));
  background: -moz-linear-gradient(top,  #15893B,  #6FC341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#15893B', endColorstr='#6FC341');
}
.blue:active {	
  background: -webkit-gradient(linear, left top, left bottom, from(#6FC341), to(#15893B));
  background: -moz-linear-gradient(top,  #6FC341,  #15893B);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FC341', endColorstr='#15893B');
}

.orange {
  color: #FFFFFF;
  border: solid 2px #FF9000;
  background: #FF8300;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, #FF8300), color-stop(0.6, #FF9000), color-stop(1, #FF5000));
  background: -moz-linear-gradient(center bottom, #FF8300 22%, #FF9000 60%, #FF5000 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5000', endColorstr='#FF8300');
}

.orange:hover {
  color:#FFF;
  border: solid 2px #3C0;
  background: -webkit-gradient(linear, left top, left bottom, from(#15893B), to(#6FC341));
  background: -moz-linear-gradient(top,  #15893B,  #6FC341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#15893B', endColorstr='#6FC341');
}

.orange:active {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0.22, #FF5000), color-stop(0.6, #FF9000), color-stop(1, #FF8300));
  background: -moz-linear-gradient(center bottom, #FF5000 22%, #FF9000 60%, #FF8300 100%);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8300', endColorstr='#FF5000');
}

.green {
  border: solid 2px #FF9000;
  background: #FF8300;
  color:#FFF;
  border: solid 2px #3C0;
  background: -webkit-gradient(linear, left top, left bottom, from(#15893B), to(#6FC341));
  background: -moz-linear-gradient(top,  #15893B,  #6FC341);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#15893B', endColorstr='#6FC341');
}

.green:hover {
  color:#FFF;
  border: solid 2px #3C0;
  background: -webkit-gradient(linear, left top, left bottom, from(#30ba55), to(#81d853));
  background: -moz-linear-gradient(top,  #30ba55,  #81d853);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#30ba55', endColorstr='#81d853');
}

.green:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#6FC341), to(#15893B));
  background: -moz-linear-gradient(top,  #6FC341,  #15893B);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FC341', endColorstr='#15893B');
}

.grey {
  border: solid 1px #CCC;
}

.small {
  font-size: 12px;
  padding: 3px 3px 3px;
}

.medium {
  font-size: 12px;
  padding: 6px 11px 8px;
}

.large {
  font-size: 14px;
  padding: 4px 25px 8px;
}

.buttons li {
  display:inline;
}

/* End Button Styles */

a.qtip_links {
  color:#FFF;
  text-align:center;
  font-size:16px;
  font-weight:bolder;
  margin:40px;
  cursor:pointer;
}

a.qtip_links:hover {
  color:#FFF;
  text-decoration: underline;  
}

.select.required {
}

#document_folder_ids {
  width:383px;
}

.no_documents_yet, #add_user_to_document, #add_course_to_document {
  border: 1px solid #CCC;
  border-bottom-left-radius: 7px 7px;
  border-bottom-left-radius: 7px 7px;
  border-bottom-right-radius: 7px 7px;
  border-bottom-right-radius: 7px 7px;
  border-top-left-radius: 7px 7px;
  border-top-left-radius: 7px 7px;
  border-top-right-radius: 7px 7px;
  border-top-right-radius: 7px 7px;
  margin-top: 10px;
  padding: 15px;
  background: white;
  text-align: center;
}
#add_user_to_document, #add_course_to_document {
  background: #F0F0F0;
}
ul.folders {
  list-style:none;
}

a.folder {  
  margin-left:-15px;
  background: url(/images/icons/folder-horizontal-grey.png) no-repeat;
}

a.folder.tagged {  
  margin-left:-15px;
  padding-top:10px;
  padding-bottom:10px;
  background:url(../images/icons/folder-horizontal-grey-tag.png) no-repeat;
}

/* DDS styles */

.documents .commenter.user_card {
  height: auto;
}

  
.tooltip_card p {
  font-size: 8pt; 
  /* font-weight: normal; */
  word-wrap: break-word;
}

.documents #toolbar_box {
  background-color: #BBB;
  bottom: 0px;
  left: 50%;
  margin-top: 10px;
  margin-left: -395px;
  position: fixed;
  overflow: auto;
  width: 780px;
  z-index: 100;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 12px;
}
.documents #toolbar_box .button {
  float: right;
}

.documents #toolbar_box .button {
  margin-top: 4px;
  font-size: 11px;
  margin-right: 10px;
}

.documents #toolbar_box #toolbar_contents {
  padding: 10px;
  overflow: auto;
}

.documents #toolbar_box .switch h3 {
  margin: 0;
  padding: 0;
  font-size: 13px;
  margin-left: 4px;
}

.documents #toolbar_box .switch select {
  display: block;
}

.documents #toolbar_box #share_button {
  float:right;
}

.documents #toolbar_box #favoriter,
.documents #toolbar_box #tag_button_wrapper {
  padding-bottom: 3px;
}

.documents #toolbar_box #favoriter a {
  height: 17px;
  display: block;
  color: #FFFFFF;
}

.documents #toolbar_box #favoriter a:hover {
  color: #FFFFFF;
}

.qtip .tags {
  height: 200px;
  width: 188px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  list-style: none;
  padding-left: 0px !important;
}

.qtip .tags .tag,
.qtip .tags .my_tag {
  display: inline-block !important;
  margin-right: 6px;
  max-width: 178px;
  word-wrap: break-word;
}

.qtip .tags .tag,
.qtip .tags .my_tag {
  padding-left: 22px;
  padding-right: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid transparent;
  color: #FFF;
}

.qtip .header {
  width: 100%;
  border-bottom: 1px solid white;
  overflow: auto;
  margin-bottom: 10px;
}

.qtip #tag_legend {
  float: right;
  height: 22px;
  line-height: 19px;
  margin-left: 0;
}

.qtip .tags .tag:hover,
.qtip .tags .my_tag:hover {
  background-color: #4C8AD3;
  border: 1px solid white;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.qtip .form_holder {
  width: 187px;
  margin-left: auto;
  margin-right: auto;
}

.gutter {  
  -webkit-box-shadow: 0px 0px 6px #a9a9a9;  
  -moz-box-shadow: 0px 0px 6px #a9a9a9;
  margin-left:6px;
  margin-right:6px;  
}

.gutter h3 {
  padding:0px;
  margin-top:3px;
  margin-bottom:3px;
}

.gutter h2 {
  padding:0px;
  margin-top:6px;
  margin-bottom:6px;
}

#view_switch {
  float:left;
}

.show_more, .sniplet {
  cursor:pointer;
}

.sniplet:hover {
  color:#4C8AD3;
}

.document_conversations_available {
  float:right;
}

/* DDS Comment Pop Up*/

.pop_up {
  -webkit-box-shadow: 0px 0px 8px 4px #BBB;
  -moz-box-shadow: 0px 0px 8px 4px #BBB;
  box-shadow: 0px 0px 8px 4px #BBB;
}

.dds_pop_up.not_logged_in {
  background-color:#FF9 !important;
}

.dds_pop_up .close { 
  background: url(/images/rain/close.png) no-repeat;
  height: 28px;
  width: 28px;
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
  text-indent:-9999px;
}

.dds_pop_up {
  width: 300px;
  padding-bottom:10px;
  padding-left:15px;
  cursor:move;
  display:none;
  border: 3px solid #0079A6;
}

#edit_timestamp {
  width: auto;
}

.dds_pop_up label {
  vertical-align:top;
  text-align:left;
  display:block;
}

.dds_pop_up .hint, .dds_pop_up .comment_chars, .inline-hints {
  font-size:12px;  
}

.dds_pop_up .comment_chars {
  float: right;
  padding-top: 7px;
}

.dds_pop_up #change_wording .comment_chars {
  padding-right: 10px;
}

.dds_pop_up #comment_length, .dds_pop_up #area_name_length {
  /* font-weight: normal; */
  font-size: 10px;
}

.dds_pop_up h2 {
  padding:0;
  padding-bottom:10px;
  margin:0;
}

.dds_pop_up .buttons, .dds_pop_up .inputs {
  border:none;
  /*float:right;*/
  padding:0px;
  margin:0;
}

.dds_pop_up .buttons {
  margin:5px;
}

.dds_pop_up fieldset {
  border:none;
}

.dds_pop_up ol {
  list-style:none;
  padding:0;
  margin:0;
}

.dds_pop_up #comment_is_private_input li {
  display:inline-block;
  width:70px;
}

.dds_pop_up #comment_is_private_input fieldset {
  border:none;
  margin:0;
  padding:0;
  padding-bottom:10px;
}

.dds_pop_up #comment_comment, .dds_pop_up #comment_summary {
  width:285px;
}

.dds_pop_up #comment_comment {
  height:75px;
}

.dds_pop_up #comment_summary {
  height: 50px;
}

.comment .comment {
  padding-left:10px;
}

.dds_pop_up input#comment_tag_list { 
  width: 285px;
}

.dds_pop_up #comment_add_image_button,
.dds_pop_up #comment_add_video_button {
  margin: 5px 2px 1px 1px;
  cursor: pointer;
}

.dds_pop_up #comment_image_name,
.dds_pop_up #video_prompt {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  line-height: 17px;
  cursor: pointer;
}

.dds_pop_up #video_options {
  float: right;
  margin: 0 10px;
}

.deleted > .divider, .deleted > .reply_to {
  display: none !important;
}

/* END DDS Comment Pop Up*/

.subcomponents {
  margin-top:3px;
  margin-bottom:3px;
  padding-bottom:3px;
}

#actions {
  margin-left: 10px;
  float:left;
}

#nav_toggle {
  float: right;
}

/* Flyout */

.flyout_style .field {
  margin-bottom:6px;
}

.flyout_style table a {
  color:#0d3751;
}

.flyout_style table a:hover {
  color:#FFF;
}

.flyout_style td {
  vertical-align:top;
  min-width:170px;
}

.flyout_style table {
  width:402px;
}

.flyout_style label {
  font-weight:bolder;
}

/* Invitations */

.invitations-show fieldset {
  border:none;
}

.invitations-show label {
  display:inline-block;
  width:150px;
  vertical-align:top;
}


/*Sign Up / COS */

#conditions {
  height:300px;
  overflow:scroll;
  overflow-x:hidden;
  margin-top:15px;
}

#conditions .field {
  margin:0px;
}

.users-new .content, .users-new .inbox, .users-create .inbox {
  width:915px;
}

.users-new .hint {
  padding-left: 253px;
}

.users-new .content .field {
  margin-left:200px;
}

.users-new .content .field label {
  width:200px;
}

.impt {
  margin-left:253px;
}


/* Login */

.user_sessions-new .inbox {
  width:220px;
}

/* Group / Organizations */

#course_notes_input label, #document_folders_input label {
  vertical-align:top;
}


.courses-edit .buttons {
  left:320px;
}

#course_notes {
  width:273px;
  height:150px;
}

#group_invitation {
  margin-left:110px;
  margin-bottom:20px;
}



/* Flash Error messages */

.flash, .doc_loading {
  background-color:#FF9;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #CCC;
  padding: 8px;
  margin-top: 10px;
  margin-bottom:10px;
  -webkit-box-shadow: inset -1px 1px 3px #a9a9a9; 
  -moz-box-shadow: inset -1px 1px 3px #a9a9a9;
  text-align:center;
}

.flash .error {  
  color:#C00;
}

/* 404 and 500 */

#pageWrapper {
  margin-top:30px; 
}

#contentWrapper p, #contentWrapper li {
  color: #6A6A6A;
  /*font-weight: lighter; */
}

#contentWrapper {
  margin:0 auto;
  width:950px;
  text-align:center;
  border-radius: 9px; 
  -moz-border-radius: 9px; 
  -webkit-border-radius: 9px; 
  -webkit-box-shadow: -2px 6px 10px #888;  
  -moz-box-shadow: -2px 6px 10px #888;
  padding-top:15px;
  padding-bottom:3px;
}

#contentWrapper #content {
  margin-bottom:40px;
}

.error_footer p {
  font-size:12px;
}

.error_num {  
  font-size:79px;
  color:#C00;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-6);
}

.error_title {
  font-size:36px;
}

.check_list {
  width:600px;
  margin:0 auto;
  text-align:left;
}

.check_list li {
  list-style:circle;
  margin-left:20px;
}
 
/*END  404 and 500 */ 

.admin-rapids #container .navigation li {
  display: block;
}

/* Password reset pages*/

.password_resets .content {
  margin: 0px auto;
}

.password_resets #email {
  width:300px;
  margin-right:30px;
  margin-left:10px;
}

.dds_pop_up .show_private label {
  display: inline;
}

/* Search page*/
.search_bar {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 2px solid  #4C8AD3;
  padding:3px;
  margin-top:10px;
  background: #4775BC;
  background: -webkit-gradient(linear, left top, left bottom, from(#4775BC), to(#CCE6FF));
  background: -moz-linear-gradient(top,  #4775BC,  #CCE6FF);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4775BC', endColorstr='#CCE6FF');
}

.search_bar #q {
  width:300px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  margin:8px;
}

.search_bar #document_select {
  margin:8px;
}

.search_bar .bar_items {
  display:block;
  text-align:center;
}

.search_include h2 {
  padding:0px;
  margin:0px;
  margin-right:20px;
  display:inline;
}

/* Doc Table */

th.active_sort.ASC {
  background: url(/images/header_down.png) no-repeat 100% 50%;
}

th.active_sort.DESC {
  background: url(/images/header_up.png) no-repeat 100% 50%;
}

th.active_sort.loading {
  background-image:url(/images/blue_on_grey_spinner.gif);
}

.tbl_head {
  padding: 0;
}

.comment .tooltip {
  display:none;
  background:transparent url(/images/black_arrow_right.png);
  font-size:12px;
  height:80px;
  width:160px;
  padding:20px 25px;
  color:#fff;    
}

.comment .summary .tooltip {
  background:transparent url(/images/black_arrow_left.png);
}

.comment .tooltip a {
  color: #fff;
}

.comment .tooltip a:hover {
  text-decoration: underline;
}

/* User Edit Page */

.users-edit #contact_info h4 {
  margin-top: 0;
}

.users-edit #contact_info ul {
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
}

.users-edit #contact_info ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.users-edit #contact_info {
  padding: 1em;
  margin: 1em;
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  display: inline-block;
}

.users-edit #contact_info #alternate_email_addresses .unverified {
  color: #999;
}

/* End User Edit Page*/


/* import page */
.contacts-import #source_selectors {
  float:right;
}
.contacts-import label {
  width:150px;
  display:inline-block;
}
.contacts-import .rain_drop, .contacts-import .rain_drop p {
  font-size:12px;  
}
.contacts-import .rain_drop h3 {
  margin-bottom:6px;
}

/* End import page*/

/* pagination */
.pagination {
  height:30px;
  margin-top:6px;
  display: inline-block;
}

.pagination ul {
   border:0;
   margin:0; 
   padding:0;
}

.pagination li {
  border:0; 
  margin:0; 
  padding:0;
  font-size:11px;
  list-style:none;
  margin-right:2px;
}
.pagination a {
  border:solid 1px #9aafe5;
  margin-right:2px;
}
.pagination .prev_page.disabled,
.pagination .next_page.disabled {
  border:solid 1px #DEDEDE;
  color:#888888;
  display:block;
  float:left;
  font-weight:bold;
  margin-right:2px;
  padding:3px 4px;
}
.pagination .next_page a,
.pagination .prev_page a {
  font-weight:bold;
} 
.pagination .current {
  background:#2e6ab1;
  color:#FFFFFF;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
}
.pagination a:link,
.pagination a:visited {
  color:#0e509e;
  display:block;
  float:left;
  padding:3px 6px;
  text-decoration:none;
}
.pagination a:hover{
  border:solid 1px #0e509e;
}

.pagination .gap {
  display:none;
}

/* END pagination */


/* Organizations */

.schools ul {
  list-style:none;
}

.schools .buttons {
  margin-top:10px;
  margin-left:0px;
  padding-left:0px;
}

.schools .buttons ol {
  padding-left:0px;
}

.schools .rain_drop p {
  font-size:12px;
}

/* END Organizations */

#new_document_options td.column { 
  width: 33%;
  text-align: center;
  vertical-align: top;
  
}

td.column h1 {
  color: white !important;
}

td.column a.button {
  width: 150px;
}

#new_document_options p {
  margin: 5px 30px;
  vertical-align: top;
  text-align: left;
}

.column .selected_button {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#8BB5E0));
  border: 2px solid #F0F0F0;
}


.arrow_click_target {
  width: 15px;
  height: 15px;
  display: inline-block;
}
/* Cloud */

.clouds-cloud .rain_drop {
  width:650px;
  background-color:#f0f0f0;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #CCC;
  padding:15px;
  margin-top:10px;
}

.clouds-cloud .rain_drop p {
  margin: 1em 0px;
}

.clouds-cloud .rain_drop {
  padding-bottom: 1em;
  margin-bottom: 1em;
}

/* END Cloud */


/* Featured docs */

.documents-featured .docs table {
  width: 100%;
}

/* End featured docs */

.twitter-share-button {
  padding-bottom: 3px;  
}

body.nowcomment-index .twitter-share-button {
  padding-bottom: 8px;
}

#copyright_notice {
  margin-top: 10px;
  text-align: center;
}

#copyright_notice .rain_drop {
  margin: 0 auto;
  width: 850px;
}

#copyright_notice .rain_drop p {
  font-size: 13px;
}

.group_action_documents .toolbar {
  clear: left;
}

ul.horiz_options {
  padding: 0;
  margin: 0;
}

ul.horiz_options li {
  display: inline;
  margin: 0 9px;
}

#login_nav {
  list-style-type: none;
  margin: 0;
}

#login_nav > li {
  position: relative;
  float: left;
  padding-left: 30px;
}

#login_nav > li.dropdown {
  padding-left: 0;
  height: 24px;
}

#login_subnav, #help_subnav {
  display: none;
  position: absolute;
  right: 0px;
  top: 24px;
  border: 1px solid black;
  margin: 0;
  padding: 0;
  background: white;
  box-shadow: 0 6px 10px #888;
  -moz-box-shadow: 0 6px 10px #888;
  -webkit-box-shadow: 0 6px 10px #888;
  white-space: nowrap;
}

#help_subnav {
  right: auto;
  left: 0px;
  top: 18px;
}

#login_subnav li, #help_subnav li {
  background-color: white;
  display: block;
  padding: 0 10px;
  margin: 0;
  border: none;
}

#login_subnav li a, #help_subnav li a {
  display: block;
  padding: 2px;
  font-size: 14px;
}

#help_subnav li {
  text-align: left;
}

#login_subnav li {
  text-align: right;
}

#profile_settings {
  border: 1px solid black;
  float: right;
  clear: right;
  padding: 0px 20px;
  margin: 15px 10px 0px 20px;
  background-color: white;
}

#profile_settings h5 {
  margin-bottom: 1em;
  font-size: 0.9em;
  margin-top: 1.2em;
  text-align: center;
}

span.document_name.disabled {
  color: silver;
}

a.unfavorite_group, a.favorite_group {
  float: right;
  margin: 10px 10px 0 0;
  padding-left: 36px;
  display: inline-block;
  height: 32px;
  font-size: 18px;
  line-height: 30px;
}

a.unfavorite_group {
  background:url(/images/icons/32x32px/star.png) no-repeat;
}

a.favorite_group {
  background:url(/images/icons/32x32px/star_grayscale.png) no-repeat;
}

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

span.pnum {
  cursor: pointer;
}

#notifications_favorites, #notifications_favorites ul {
  list-style:  none;
}

#notifications_favorites .group_name {
  font-size: 18px;
  margin-bottom: 10px;
}

#groups_short {
  padding-left: 10px;
}

#groups_short li {
  list-style: none;
  padding-left: 20px;
  background:url(/images/icons/bullet.png) no-repeat;
}

#groups_short li.favorite {
  background:url(/images/icons/star-small.png) no-repeat;
}

.comments_only_comments_count {
  font-size: 85%;
}

.dmu_comments-edit .other_btns span.field {
  display: inline-block;
}

#unfavorite_prompt {
    width: 300px;
    min-height: 100px;
}

#login_with_facebook {
    display: inline-block;
    width: 149px;
    height: 22px;
    background: url(/images/fb_login.png);
}

li.help_dropdown {
  position: relative;
}

#comment_moderation #deleted_documents {
  list-style: none;
}

#comment_moderation #deleted_documents h4 {
  margin-bottom: 0;
}

form#add_comment #comment_submit {
  min-width: 130px;
}

.comment .summary_colon {
  margin-left: -3px
}

#new_document_options .column a h1 {
  font-size: 19px;
  line-height: 32px;
}

#new_doc_section ul.notes li {
  font-size: 14px;
}

.dmu_comments-edit #add_comment .comment_chars {
  float: right;
  margin-right: 166px;
}

.dmu_comments-edit #add_comment .comment_chars #comment_length {
  font-size: 10px;
}

.dmu_comments-edit label.disabled {
  color: #CCC;
}

p.pub_docs_intro {
  margin: 1em 0;
  font-size: 19px;
}


#splitter {
  min-height: 300px;
  height: 100%;
  min-height: 600px; }

#left {
  min-width: 555px;
  width: 555px;
  background: url(/images/newdesign/splitbar_arrow_left.png) no-repeat right 60px;
  overflow: auto; }

#right {
  background: url(/images/newdesign/splitbar_arrow_right.png) no-repeat left 60px;
  overflow: auto;
  width: 425px;
  min-width: 425px;
  line-height: normal; }

#MySplitter {
  margin-top: 32px; }
  #MySplitter .vsplitbar {
    width: 11px;
    cursor: col-resize;
    cursor: url(/images/resize_cursor.png) 20 19, col-resize;
    background: #0079b1 url(/images/newdesign/splitbar_background.png) repeat-y center top; }
    #MySplitter .vsplitbar.active {
      opacity: 0.7; }

.gutter {
  padding: 0.5em 1.5em; }

.block, .paragraph_diff {
  position: relative; }
  .block span.pnum, .paragraph_diff span.pnum {
    z-index: 3;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    top: 5px;
    color: #054476;
    float: right;
    margin-left: 4px; }

.paragraph_diff span.pnum {
  margin-right: 3px; }

ol > .paragraph_diff, ul > .paragraph_diff {
  display: list-item;
  margin-left: 0 !important; }

div.comment {
  position: relative;
  background-color: #fbf9fa;
  border: 1px solid #cccccc;
  padding: 8px;
  margin-top: 10px; }
  div.comment div.summary {
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 75px;
    font-weight: normal; }
    div.comment div.summary .commands {
      background-color: #f2f2f2;
      padding-left: 5px; }
    div.comment div.summary .commenter, div.comment div.summary .tags_header {
      font-weight: bold;
      color: #054476; }
    div.comment div.summary .timestamp {
      display: none; }
    div.comment div.summary a.show_more {
      margin-left: 20px;
      display: none; }
    div.comment div.summary .edited {
      margin-left: 5px;
      color: #ff7e4d; }
  div.comment.colour1 {
    background-color: #fbf9fa; }
  div.comment.colour2 {
    background-color: #e8edf3; }
  div.comment.new .summary .commenter:before {
    content: "NEW";
    margin-right: 10px;
    margin-left: 1px;
    background-color: #ff7e4d;
    padding: 0 5px;
    color: white;
    font-weight: 200; }
  div.comment.has_text {
    margin-bottom: 10px; }
  div.comment.private {
    background-color: #dbd8d0; }
    div.comment.private > .summary {
      padding-left: 22px;
      background: url(/images/icons/lock.png) no-repeat left; }
      div.comment.private > .summary .commands {
        background-color: #dbd8d0; }
  div.comment.highlighted {
    background-color: #ffffbc; }
  div.comment .fullcomment {
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: normal !important;
    color: #333333 !important; }
    div.comment .fullcomment p {
      display: block;
      margin-top: 10px;
      font-size: 12px;
      line-height: 15px;
      font-weight: normal;
      word-wrap: break-word;
      color: #333333 !important; }
      div.comment .fullcomment p .diff-html-added {
        color: #3150a6 !important;
        text-decoration: underline; }
      div.comment .fullcomment p .diff-html-removed {
        color: #e55558 !important;
        text-decoration: line-through; }
    div.comment .fullcomment li {
      font-size: 12px; }
    div.comment .fullcomment img, div.comment .fullcomment video {
      max-height: 300px; }
    div.comment .fullcomment img, div.comment .fullcomment video, div.comment .fullcomment iframe {
      max-width: 100%; }
    div.comment .fullcomment img {
      cursor: pointer; }
  div.comment.deleting {
    border: 3px solid #ff7e4d;
    padding: 6px; }
  div.comment.archiving {
    border: 3px solid #edae38;
    padding: 6px; }
  div.comment .comment {
    margin-right: -9px;
    margin-bottom: -9px; }
  div.comment + .comment {
    margin-top: 19px; }
  div.comment .date_and_time {
    float: right;
    clear: right;
    font-size: 10px;
    text-align: center;
    width: 70px;
    color: #333333; }

#comments_container.sorted div.comment .summary {
  background: none; }

.commands {
  position: absolute;
  top: 0;
  right: 10px; }

.blockcomments.block > .commands {
  top: 11px; }

#block_comments > .blockcomments {
  margin-bottom: 5px; }

.blockcomments {
  position: relative;
  clear: both;
  display: none; }
  .blockcomments .sniplet {
    line-height: normal;
    display: block;
    margin-right: 24px;
    color: #054476; }
    .blockcomments .sniplet .para_num {
      font-size: 18px;
      margin-right: 10px; }
    .blockcomments .sniplet:hover {
      color: #d3653d; }
    .blockcomments .sniplet .annotation_rename_icon {
      width: 16px;
      height: 16px;
      background: url(/images/icons/pencil.png) no-repeat;
      position: relative;
      top: 2px;
      display: none; }
  .blockcomments.sentence {
    padding: 0; }
    .blockcomments.sentence .commands {
      top: 2px;
      right: 2px; }
  .blockcomments .subcomments {
    display: none; }

.subcomponents .sniplet {
  line-height: normal;
  color: #437aa6; }

.commands img {
  cursor: pointer; }

.blockcomments h4 {
  padding-left: 10px;
  background: center left url(/images/arrow-closed.png) no-repeat; }

.blockcomments.open h4 {
  background: center left url(/images/arrow-open.png) no-repeat; }

.blockcomments.sentence, .blockcomments.image, .blockcomments.annotation, .blockcomments.video, .blockcomments.video_timestamp {
  margin-top: 12px; }

#doc_comment_header {
  padding-left: 8px;
  padding-right: 30px;
  cursor: pointer;
  font-size: 18px;
  color: #054476;
  font-weight: 600; }
  #doc_comment_header:hover {
    color: #d3653d; }
  #doc_comment_header .commands {
    top: 2px; }

.comment .subcomments .comment {
  margin-left: 10px; }

#doc_comments {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 15px; }

#doc_comments h4 {
  cursor: pointer; }

.summary {
  position: relative; }

.block {
  font-size: 14px;
  margin-bottom: 0.75em; }

li.block {
  margin-bottom: 0; }

h1.block {
  font-size: 2em; }

h2.block {
  font-size: 1.5em; }

h3.block {
  font-size: 1.17em; }

h5.block {
  font-size: 0.83em; }

h6.block {
  font-size: 0.67em; }

.sentence {
  font-size: 14px; }

.block {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding: 8px; }
  .block.highlight {
    background: #e1e1e1; }
    .block.highlight .sentence_bubble {
      display: inline-block; }
  .block.dds_highlight {
    background: #e1e1e1; }
  .block .sentence:after {
    content: " "; }

.sentence.highlight {
  background: #bbd6ee; }
.sentence.dds_highlight {
  background: #e1e1e1; }

.blockcomments.dds_highlight {
  background: #e1e1e1; }

td .block .pnum, td.block .pnum, th .block .pnum, th.block .pnum {
  visibility: hidden; }
td .block.highlight .pnum, td.block.highlight .pnum, th .block.highlight .pnum, th.block.highlight .pnum {
  visibility: visible; }

h1 .sentence, h2 .sentence, h3 .sentence, h4 .sentence, h5 .sentence, h6 .sentence {
  font-size: inherit; }

.dmu_timestamp {
  font-size: 10px;
  display: none; }

.dds_pop_up {
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 50000; }

.documents-comments_only .reply_to {
  display: none; }

.documents-twopane .field, .documents-document_only .field, .documents-combined .field, .documents-group_discussion .field {
  display: block; }
  .documents-twopane .field .label, .documents-document_only .field .label, .documents-combined .field .label, .documents-group_discussion .field .label {
    clear: both; }
.documents-twopane .panels, .documents-document_only .panels, .documents-combined .panels, .documents-group_discussion .panels {
  width: 100%; }

.comment_command {
  font-size: 11px; }

h1.document_title {
  font-style: italic; }

.block.yellow_highlight, .sentence.yellow_highlight, .comment.yellow_highlight {
  background-color: #ffffbc !important; }

span.divider {
  font-size: 11px; }

#new_comment .advanced_options {
  display: none; }
#new_comment .show_advanced {
  padding-left: 12px;
  font-size: 14px;
  background: left 4px url(/images/arrow-closed.png) no-repeat;
  float: left; }
  #new_comment .show_advanced.open {
    background: left 6px url(/images/arrow-open.png) no-repeat; }
#new_comment .comment_type {
  margin-bottom: 10px; }
  #new_comment .comment_type label {
    font-size: 14px;
    width: auto;
    display: inline; }
    #new_comment .comment_type label.disabled {
      color: #a0a0a0; }
  #new_comment .comment_type input {
    margin-left: 20px; }
#new_comment a.shortcuts {
  float: right;
  font-size: 14px;
  padding-top: 2px; }
#new_comment #new_comment_hints p {
  padding: 10px 5px;
  font-size: 12px; }
#new_comment .commit {
  float: right; }
#new_comment #comment_summary_input {
  margin-bottom: 22px; }
#new_comment .show_private .privacy_hint {
  font-size: 11px;
  color: #666666;
  margin-left: 23px;
  font-weight: normal; }
#new_comment #area_name {
  width: 285px;
  margin-bottom: 20px; }

#edit_timestamp #timestamp {
  font-size: 24px;
  text-align: right;
  width: 195px; }
#edit_timestamp .buttons {
  margin-top: 10px; }
#edit_timestamp .commit {
  float: right; }
  #edit_timestamp .commit .submit {
    min-width: 110px; }
#edit_timestamp .format_hint {
  float: right;
  font-size: 12px; }
#edit_timestamp .invalid_hint {
  clear: both;
  visibility: hidden;
  color: red;
  text-align: right;
  font-size: 12px;
  margin: 2px 10px 0 0; }

body {
  margin: 0;
  padding: 0;
  min-width: 1024px;
  font-family: "Open Sans", sans-serif; }
  body.documents-twopane {
    overflow: hidden; }

img.comment_profile_photo {
  max-width: 60px;
  max-height: 60px;
  float: right;
  margin: 0 5px 2px 15px; }

div.comment .comment_options_menu {
  position: relative;
  display: none;
  background: url(/images/newdesign/blue_button_background.png) repeat-x;
  padding: 2px 6px 3px;
  line-height: 15px;
  z-index: 5; }
  div.comment .comment_options_menu .comment_options {
    text-transform: none;
    display: none;
    position: absolute;
    left: 0px;
    border: 1px solid black;
    top: 13px;
    z-index: 7;
    background-color: white;
    min-width: 175px;
    box-shadow: 0 6px 10px #888888;
    padding: 3px 0; }
    div.comment .comment_options_menu .comment_options hr {
      width: 90%;
      margin: 2px auto; }
    div.comment .comment_options_menu .comment_options a {
      font-size: 14px;
      display: block;
      margin: 0;
      padding: 3px 10px; }
    div.comment .comment_options_menu .comment_options .edit_comment, div.comment .comment_options_menu .comment_options .delete_comment, div.comment .comment_options_menu .comment_options .archive_comment {
      display: none; }

button.reply_button, button.context_button, div.comment .comment_options_menu, button.edit, form.comment_command.apply input, button.accepted, button.archived {
  color: white;
  font-size: 12px;
  margin-top: 5px;
  text-transform: uppercase;
  border: 0;
  height: 19px; }

button.reply_button, button.edit {
  background: url(/images/newdesign/reply_button.png) no-repeat;
  width: 64px; }

form.comment_command.apply {
  display: inline-block; }
  form.comment_command.apply input {
    background: url(/images/newdesign/apply_button.png) no-repeat;
    width: 64px; }
    form.comment_command.apply input.disabled {
      opacity: 0.7; }

button.edit, form.comment_command.apply input {
  display: none; }

button.context_button {
  background: url(/images/newdesign/blue_button_background.png) repeat-x; }
  button.context_button.general {
    background: url(/images/newdesign/gray_button_background.png) repeat-x; }

button.accepted, button.archived {
  background-color: #ff7e4d; }

.button.blue.toggle_archived {
  padding: 1px 6px; }

.header.archived_comments {
  font-weight: 400;
  color: #d3653d; }
  .header.archived_comments p {
    font-size: 15px; }
  .header.archived_comments form {
    display: inline-block;
    margin-right: 5px; }

body.documents-combined .header.archived_comments {
  margin-left: 20px; }

#dds_header {
  height: 45px;
  background-color: #0079b1;
  position: relative; }
  #dds_header .logo_btn {
    height: 41px;
    width: 250px;
    margin: 2px 10px; }
  #dds_header .blog_logo_btn img {
    height: 45px; }
  #dds_header .blog_title {
    color: white;
    position: relative;
    top: -15px;
    left: 10px;
    font-size: 22px; }
  #dds_header ul.navigation {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    top: -16px;
    color: #e8ecf4; }
    #dds_header ul.navigation li.mainnav {
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid #e8ecf4;
      line-height: 11px;
      font-size: 11px; }
      #dds_header ul.navigation li.mainnav.last {
        border-right: none; }
      #dds_header ul.navigation li.mainnav.help_dropdown.highlighted {
        background: yellow; }
      #dds_header ul.navigation li.mainnav > a {
        color: #e8ecf4;
        font-size: 11px;
        line-height: 11px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px; }
        #dds_header ul.navigation li.mainnav > a.highlighted {
          color: black; }
    #dds_header ul.navigation #help_subnav {
      z-index: 200;
      top: 11px; }
      #dds_header ul.navigation #help_subnav .quickref.highlighted {
        background-color: #0079b1;
        color: white !important; }
  #dds_header #search_form {
    margin: 0;
    display: inline-block;
    position: relative;
    top: -17px;
    margin-left: 20px; }
    #dds_header #search_form input[type="submit"] {
      width: 17px;
      height: 18px;
      background: url(/images/newdesign/search_submit.png) no-repeat;
      border: none;
      margin-left: -1px; }
    #dds_header #search_form input[type="text"] {
      width: 60px;
      color: #aaaaaa; }
      #dds_header #search_form input[type="text"]:focus {
        color: #333333; }
  #dds_header a.change_profile_pic {
    display: block;
    height: 45px;
    width: 45px;
    position: absolute;
    right: 0px;
    top: 0px; }
    #dds_header a.change_profile_pic .profile_photo {
      height: 45px;
      margin: 0;
      padding: 0;
      border: none; }
  #dds_header #login_nav {
    position: absolute;
    right: 60px;
    top: 9px; }
    #dds_header #login_nav a.users_name {
      font-size: 12px;
      line-height: 12px;
      color: #e8ecf4;
      font-weight: bold; }
      #dds_header #login_nav a.users_name.not_self {
        color: #ff4444; }
    #dds_header #login_nav #login_subnav {
      z-index: 200; }
  #dds_header .truncate {
    display: none; }

@media screen and (max-width: 1170px) {
  #login_nav li {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #e8ecf4; } }

#dds_doc_container {
  padding: 30px 50px 30px 50px;
  font-weight: 400; }
  #dds_doc_container h1.dds_document_title, #dds_doc_container h2, #dds_doc_container h3, #dds_doc_container h4 {
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #0079b1; }
  #dds_doc_container h1.dds_document_title, #dds_doc_container h3.dds_document_author {
    font-size: 28px;
    padding-left: 8px;
    margin-bottom: 5px; }
  #dds_doc_container h3.dds_document_author {
    font-size: 16px; }
  #dds_doc_container h2.document_additions {
    margin-top: 1em; }
  #dds_doc_container img {
    position: relative;
    z-index: 2; }
  #dds_doc_container .annotatable img {
    z-index: 0; }
  #dds_doc_container .document_addition_headers, #dds_doc_container .change_headers {
    margin: 0 0 20px 20px; }
    #dds_doc_container .document_addition_headers h4, #dds_doc_container .change_headers h4 {
      margin: 0;
      font-size: 15px;
      color: #d3653d; }
      #dds_doc_container .document_addition_headers h4.changes, #dds_doc_container .change_headers h4.changes {
        display: inline-block;
        margin-top: 15px; }
    #dds_doc_container .document_addition_headers span.button.blue, #dds_doc_container .document_addition_headers span.text.update, #dds_doc_container .change_headers span.button.blue, #dds_doc_container .change_headers span.text.update {
      display: inline-block; }
    #dds_doc_container .document_addition_headers span.button.blue, #dds_doc_container .change_headers span.button.blue {
      margin-left: 10px; }
    #dds_doc_container .document_addition_headers table th, #dds_doc_container .document_addition_headers table td, #dds_doc_container .change_headers table th, #dds_doc_container .change_headers table td {
      font-size: 13px;
      padding-left: 20px; }
    #dds_doc_container .document_addition_headers table th, #dds_doc_container .change_headers table th {
      font-weight: bold;
      text-align: left;
      font-style: italic; }
    #dds_doc_container .document_addition_headers .details, #dds_doc_container .change_headers .details {
      display: none; }
    #dds_doc_container .document_addition_headers .more, #dds_doc_container .change_headers .more {
      display: inline-block;
      position: relative;
      top: 2px;
      width: 16px;
      height: 16px;
      background-image: url(/images/icons/plus-white.png); }
      #dds_doc_container .document_addition_headers .more.less, #dds_doc_container .change_headers .more.less {
        background-image: url(/images/icons/minus-white.png); }
    #dds_doc_container .document_addition_headers span.header_link, #dds_doc_container .change_headers span.header_link {
      color: #0079b1;
      cursor: pointer; }
      #dds_doc_container .document_addition_headers span.header_link:hover, #dds_doc_container .change_headers span.header_link:hover {
        color: #d3653d; }
  #dds_doc_container .replaced {
    display: none;
    text-decoration: line-through; }
    #dds_doc_container .replaced img {
      opacity: 0.5; }
  #dds_doc_container .paragraph_diff {
    display: none;
    font-size: 14px;
    margin: 11px 4px 11px 5px;
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5; }
    #dds_doc_container .paragraph_diff h6 {
      margin: 0;
      font-size: 10px;
      color: #888888;
      background-color: #e5e5e5;
      padding: 2px 0 3px 15px; }
    #dds_doc_container .paragraph_diff .changed_content {
      padding: 15px; }
      #dds_doc_container .paragraph_diff .changed_content p {
        font-size: 14px; }
      #dds_doc_container .paragraph_diff .changed_content p + p {
        margin-top: 1em; }
      #dds_doc_container .paragraph_diff .changed_content .diff-html-added {
        color: #3150a6;
        text-decoration: underline; }
      #dds_doc_container .paragraph_diff .changed_content .diff-html-removed {
        color: #e55558;
        text-decoration: line-through; }
  #dds_doc_container a.show_paragraph_diff, #dds_doc_container a.hide_paragraph_diff {
    position: absolute;
    top: 10px; }
  #dds_doc_container a.show_paragraph_diff {
    left: -20px; }
  #dds_doc_container a.hide_paragraph_diff {
    left: -25px; }
  #dds_doc_container li a.show_paragraph_diff {
    left: -35px; }
  #dds_doc_container ol > .paragraph_diff a.hide_paragraph_diff, #dds_doc_container ul > .paragraph_diff a.hide_paragraph_diff {
    top: 5px;
    left: -35px; }
  #dds_doc_container table[style*=float] + .block {
    clear: both; }
  #dds_doc_container .block.video_parent {
    text-align: left !important; }
  #dds_doc_container p.dds_document_citation {
    font-size: 14px;
    padding-left: 8px;
    text-indent: -40px;
    margin-left: 40px;
    margin-bottom: 10px; }

#comments_container {
  padding: 20px 10px 220px 15px; }
  #comments_container h3 {
    color: #0079b1; }
  #comments_container .header.due_date {
    margin-top: 10px; }
    #comments_container .header.due_date p {
      font-size: 15px;
      color: #0079b1; }

h3.comments_count {
  margin: 0;
  color: #7ca0bf !important;
  font-size: 15px; }
  h3.comments_count a {
    color: #0b69b1; }
    h3.comments_count a:hover {
      color: #659bcf; }

.documents-combined h3.comments_count {
  float: right;
  margin-bottom: 15px;
  margin-right: 8px;
  text-align: right; }

h3.commentability {
  font-weight: 600 !important;
  color: #6a6a6a !important; }

.documents-combined h3.commentability {
  text-align: center;
  margin-right: 68px; }

h4.new_comments_count_header {
  color: #a9357e;
  margin: 0;
  color: #ff7e4d;
  font-size: 13px; }

.dds_toolbar {
  height: 28px;
  padding: 2px 15px;
  line-height: 28px;
  background: #d5e0e6 url(/images/newdesign/toolbar_background.png);
  font-size: 12px;
  font-weight: bold;
  color: #0079b1;
  min-width: 320px;
  top: 45px;
  position: absolute;
  z-index: 25; }
  .dds_toolbar form {
    display: inline-block; }
  .dds_toolbar .view_type {
    color: #ff7e4d;
    font-size: 14px; }
  .dds_toolbar.left {
    left: 0;
    padding-right: 176px;
    min-width: 370px; }
    .dds_toolbar.left form.document_view {
      position: absolute;
      right: 26px;
      top: 2px; }
  .dds_toolbar.right {
    left: 350px;
    padding-left: 10px; }
  .dds_toolbar.combined {
    padding: 2px 0;
    width: 100%;
    text-align: center; }
    .dds_toolbar.combined .view_type {
      margin-left: 15px; }
    .dds_toolbar.combined .comment_controls {
      float: right;
      margin-right: 15px;
      min-width: 410px; }
    .dds_toolbar.combined .document_controls {
      float: left; }
    .dds_toolbar.combined .more_options_menu {
      text-align: left; }
  .dds_toolbar .addthis_toolbox {
    display: inline-block;
    min-width: 80px;
    height: 16px;
    margin: 0 0 0 10px;
    position: relative;
    top: 3px; }
  .dds_toolbar a {
    color: #0079b1;
    margin: 0 0 0 6px; }
    .dds_toolbar a img {
      position: relative;
      top: 3px; }
  .dds_toolbar span.disabled {
    margin: 0 0 0 6px;
    color: #cccccc; }
  .dds_toolbar .more_dropdown {
    display: inline-block;
    position: relative;
    margin: 0 0 0 6px;
    padding-right: 11px;
    background: url(/images/newdesign/toolbar_dropdown_arrow.png) no-repeat right center; }
    .dds_toolbar .more_dropdown .more_options_menu {
      position: absolute;
      top: 0px;
      left: -20px;
      padding: 20px;
      display: none;
      z-index: 150;
      font-size: 14px;
      font-weight: 600; }
      .dds_toolbar .more_dropdown .more_options_menu .background {
        background: white;
        border: 1px solid black;
        box-shadow: 0 6px 10px #888888; }
      .dds_toolbar .more_dropdown .more_options_menu a {
        display: block;
        padding: 2px 10px;
        margin: 0;
        white-space: nowrap; }
      .dds_toolbar .more_dropdown .more_options_menu .disabled {
        color: #cccccc;
        margin: 0;
        padding: 2px 10px;
        display: block; }
  .dds_toolbar .updates {
    float: right; }
    .dds_toolbar .updates .status {
      display: inline-block;
      color: white;
      height: 18px;
      width: 22px;
      line-height: 18px;
      text-align: center;
      border: 1px solid black;
      border-radius: 3px;
      cursor: pointer;
      margin-left: 2px; }
      .dds_toolbar .updates .status.on {
        background-color: #4e952b; }
      .dds_toolbar .updates .status.off {
        background-color: #ec0000; }
    .dds_toolbar .updates a {
      margin-left: 2px; }
  .dds_toolbar img.private_document {
    margin-left: 6px;
    vertical-align: -2px; }
  .dds_toolbar input[type="radio"] {
    margin: 3px 1px 3px 6px;
    width: 13px;
    height: 13px; }
  .dds_toolbar #highlight_button {
    margin-left: 4px; }
  .dds_toolbar #hl_container {
    position: relative;
    display: inline-block;
    top: 4px;
    background: url(/images/newdesign/toolbar_dropdown_arrow.png) no-repeat 27px 9px;
    width: 36px;
    padding: 3px;
    border-radius: 3px;
    margin-left: 6px;
    text-align: left; }
    .dds_toolbar #hl_container #hl_colour {
      position: absolute;
      bottom: 3px;
      left: 7px;
      width: 16px;
      height: 3px; }
    .dds_toolbar #hl_container.on {
      padding: 2px;
      border: 1px solid black;
      background-color: #ffe4e1;
      background-position: 26px 8px; }
      .dds_toolbar #hl_container.on #hl_colour {
        bottom: 2px;
        left: 6px;
        cursor: not-allowed; }
      .dds_toolbar #hl_container.on #highlight_button {
        cursor: not-allowed; }
    .dds_toolbar #hl_container #hl_menu {
      position: absolute;
      display: none;
      top: 20px;
      left: -20px;
      padding: 0 20px 20px;
      z-index: 150;
      font-size: 14px;
      font-weight: 600;
      color: black; }
      .dds_toolbar #hl_container #hl_menu .background {
        background: white;
        border: 1px solid black;
        box-shadow: 0 6px 10px #888888; }
      .dds_toolbar #hl_container #hl_menu .colour {
        width: 110px;
        border-top: 1px solid black;
        text-align: center;
        line-height: 24px;
        padding: 8px 20px;
        color: white;
        cursor: pointer;
        text-shadow: 1px 1px 1px grey;
        position: relative; }
        .dds_toolbar #hl_container #hl_menu .colour.disabled {
          cursor: not-allowed; }
      .dds_toolbar #hl_container #hl_menu input {
        position: absolute;
        right: 6px;
        top: 11px; }
      .dds_toolbar #hl_container #hl_menu .header {
        text-align: center;
        cursor: pointer;
        border-top: 1px solid black;
        position: relative; }
        .dds_toolbar #hl_container #hl_menu .header.toggle {
          border-top: none;
          border-bottom: 1px solid black; }
        .dds_toolbar #hl_container #hl_menu .header.heatmap {
          border-top: none;
          line-height: 24px;
          border-bottom: 4px double black; }
        .dds_toolbar #hl_container #hl_menu .header.private {
          border-top: none; }
        .dds_toolbar #hl_container #hl_menu .header.private, .dds_toolbar #hl_container #hl_menu .header.public {
          line-height: 16px;
          padding-top: 6px; }
        .dds_toolbar #hl_container #hl_menu .header input {
          top: 4px; }
      .dds_toolbar #hl_container #hl_menu .settings {
        text-align: center;
        font-size: 10px;
        height: 20px;
        line-height: 16px;
        border-top: none; }
        .dds_toolbar #hl_container #hl_menu .settings a {
          color: black; }
      .dds_toolbar #hl_container #hl_menu.heatmap .header.public, .dds_toolbar #hl_container #hl_menu.heatmap .header.private, .dds_toolbar #hl_container #hl_menu.heatmap .header.toggle, .dds_toolbar #hl_container #hl_menu.heatmap .colour, .dds_toolbar #hl_container #hl_menu.heatmap .settings {
        opacity: 0.2; }

.view_type + .addthis_toolbox {
  min-width: 150px; }

.right_col_sentence_bubble, .paragraph_bubble, .sentence_bubble, .image_bubble, .annotation_bubble, .timestamp_bubble {
  display: inline-block;
  height: 22px;
  width: 22px;
  line-height: 18px;
  font-size: 11px;
  text-align: center;
  color: #ff7e4d;
  background: url(/images/newdesign/small_comment_bubble.png) no-repeat;
  font-weight: bold; }

.right_col_paragraph_bubble {
  display: inline-block;
  height: 32px;
  width: 32px;
  line-height: 26px;
  text-align: center;
  color: #ff7e4d;
  background: url(/images/newdesign/large_comment_bubble.png) no-repeat;
  font-weight: bold; }

.paragraph_bubble, .image_bubble, .annotation_bubble {
  position: absolute;
  top: 10px;
  right: -20px;
  float: left;
  margin-left: 1em;
  cursor: pointer; }

.annotation_bubble {
  top: -10px;
  right: -8px; }

.timestamp_bubble {
  position: absolute;
  top: 0;
  right: -5px;
  width: 16px;
  height: 16px;
  background-size: cover;
  font-size: 8px;
  line-height: 11px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.block .paragraph_bubble.comment_count {
  z-index: 3; }

.sentence_bubble {
  display: none;
  margin: 0 2px 0 4px;
  cursor: pointer; }

.flyout_style table {
  width: 300px; }
  .flyout_style table tr {
    display: table-row !important; }
    .flyout_style table tr td:first-child {
      padding-right: 10px; }
  .flyout_style table td {
    min-width: 0; }

.documents-combined #dds_header, .documents-combined .dds_toolbar, .documents-group_discussion #dds_header, .documents-group_discussion .dds_toolbar {
  position: fixed;
  width: 100%;
  min-width: 1024px; }
.documents-combined #dds_header, .documents-group_discussion #dds_header {
  top: 0px;
  z-index: 50; }
.documents-combined #dds_doc_container, .documents-group_discussion #dds_doc_container {
  margin: 77px auto 0;
  max-width: 950px;
  padding-bottom: 220px; }
.documents-combined .header.due_date, .documents-group_discussion .header.due_date {
  margin-bottom: 10px;
  float: right;
  clear: right;
  margin-right: 8px;
  text-align: right;
  font-weight: 600; }
  .documents-combined .header.due_date p, .documents-group_discussion .header.due_date p {
    font-size: 15px;
    color: #0079b1; }

#comments_sort_order {
  color: #0079b1;
  margin: 0;
  font-size: 24px;
  text-align: center;
  padding: 20px;
  background-color: #f0f0f0; }
  #comments_sort_order form {
    display: inline-block; }
    #comments_sort_order form select {
      font-size: 20px; }

a.context_link {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
  padding: 0 0 5px 10px;
  z-index: 2; }

div.comment a.context_link {
  background-color: #fbf9fa; }

div.comment.colour2 a.context_link {
  background-color: #e8edf3; }

div.comment.private a.context_link {
  background-color: #dbd8d0; }

#dds_login_links {
  position: absolute;
  top: 4px;
  right: 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  color: #e8ecf4; }
  #dds_login_links #signinButton {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 20px;
    margin-right: 5px; }
  #dds_login_links a {
    color: #e8ecf4;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold; }
  #dds_login_links #login_with_facebook {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/fb_login_xsmall.png) no-repeat 0px 0px/20px 20px;
    margin-right: 10px;
    position: relative;
    top: 6px; }

@media screen and (max-width: 1300px) {
  #dds_header #search_form {
    display: none; } }

font[face] {
  font-weight: normal; }

#add_comment input[type="radio"]:checked + label {
  color: #4c8ad3;
  font-weight: bold;
  font-size: 15px; }

a {
  color: #0079b1; }
  a:hover {
    color: #555555; }

.ua-mobile #left, .ua-mobile #right {
  background-image: none; }
.ua-mobile #new_comment {
  width: 610px; }
  .ua-mobile #new_comment fieldset.inputs {
    float: left;
    margin-right: 20px; }
    .ua-mobile #new_comment fieldset.inputs#type {
      width: 170px; }
    .ua-mobile #new_comment fieldset.inputs#summary_and_full {
      float: right;
      margin-right: 0; }
  .ua-mobile #new_comment fieldset.buttons li.commit {
    margin-right: 33px;
    margin-bottom: 10px; }
  .ua-mobile #new_comment fieldset.buttons .show_advanced {
    clear: both;
    display: block; }
  .ua-mobile #new_comment #comment_tag_list {
    width: 180px; }
  .ua-mobile #new_comment #comment_comment {
    height: 50px;
    margin-bottom: 10px; }
  .ua-mobile #new_comment #comment_summary_input {
    margin-bottom: 0; }
  .ua-mobile #new_comment .buttons_and_advanced {
    float: left;
    clear: left;
    width: 200px;
    margin: 25px 0 0; }
  .ua-mobile #new_comment.reply {
    width: 511px; }
    .ua-mobile #new_comment.reply .buttons_and_advanced {
      margin: 10px 0 0; }

.print_only {
  display: none; }

.document_addition .separator {
  height: 10px;
  border-radius: 5px;
  margin: 50px 0 0;
  background-color: #ff7e4d;
  color: #ff7e4d; }
  .document_addition .separator:after {
    content: "\25BC";
    margin-left: 50%;
    font-size: 200%;
    line-height: 40px; }
.document_addition p.header {
  margin: 10px;
  font-size: 13px;
  color: #d3653d; }
  .document_addition p.header .reason {
    font-size: 16px; }
.document_addition form.button-to {
  float: left;
  margin: 15px 10px 10px; }

#edit_sentence_button, #change_wording_button, #change_wording_button_disabled {
  margin: 0 0 10px 5px;
  width: 100px; }
  #edit_sentence_button .update, #change_wording_button .update, #change_wording_button_disabled .update {
    display: inline-block;
    padding: 6px 3px 8px 3px; }

form#edit_sentence, form#change_wording {
  display: none; }
  form#edit_sentence textarea, form#change_wording textarea {
    width: 285px;
    height: 150px; }
  form#edit_sentence fieldset.actions, form#change_wording fieldset.actions {
    margin-top: 10px; }
    form#edit_sentence fieldset.actions .button, form#change_wording fieldset.actions .button {
      float: right;
      margin-left: 10px; }
  form#edit_sentence span.cke_browser_webkit, form#change_wording span.cke_browser_webkit {
    padding: 0; }
  form#edit_sentence label.long, form#change_wording label.long {
    width: 291px; }

.commenting_closed_icon {
  vertical-align: top;
  width: 20px;
  margin-left: 3px; }

#edit_sentence_options {
  float: right;
  width: 115px;
  border-left: 1px solid black;
  padding-left: 10px; }

#wording_reason_length {
  font-size: 10px;
  padding-right: 7px; }

.wording_change_header {
  margin-bottom: -7px; }

#dds_doc_container.highlight_on {
  cursor: url(/images/icons/highlighter-multicoloured.png), text;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.updates_toggle_tooltip a {
  color: white !important;
  text-decoration: underline; }

body.embedded {
  min-width: 400px; }
  body.embedded #embedded_header {
    height: 30px;
    background-color: #0079b1;
    text-align: center; }
    body.embedded #embedded_header a.logo_btn {
      position: absolute;
      top: 0;
      left: 0;
      margin: 3px 2px;
      width: auto;
      height: auto; }
    body.embedded #embedded_header #embedded_login_prompt {
      color: white;
      float: right;
      padding: 6px 10px 0 0;
      font-weight: normal;
      font-size: 12px; }
      body.embedded #embedded_header #embedded_login_prompt a {
        color: white; }
    body.embedded #embedded_header #embedded_comments_toggle {
      color: white;
      font-size: 12px;
      font-weight: normal;
      position: relative;
      top: 6px;
      cursor: pointer; }
  body.embedded #dds_doc_container {
    margin: 0 auto;
    padding: 50px; }

#google_login_button_small {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-right: 5px; }

figure {
  margin-left: 0;
  margin-right: 0; }

a.extra_tall_login {
  line-height: 35px; }

p.replaced_para_prompt {
  font-size: 14px;
  margin: 11px 10px;
  padding-left: 20px;
  background: url("/images/icons/exclamation.png") no-repeat left 3px; }

.original_para_text {
  display: none; }

#dds_doc_container .annotatable, #dds_doc_container .annotatable .annotation {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
#dds_doc_container .annotatable {
  position: relative;
  z-index: 5;
  display: inline-block; }
  #dds_doc_container .annotatable .annotation {
    border: 1px solid transparent;
    outline: 1px solid transparent;
    background-color: transparent;
    cursor: default;
    transition: border 0.3s; }
    #dds_doc_container .annotatable .annotation.dds_highlight, #dds_doc_container .annotatable .annotation.visible, #dds_doc_container .annotatable .annotation.hover {
      border: 1px solid white;
      outline: 1px solid black;
      background-color: rgba(250, 213, 0, 0.2); }
    #dds_doc_container .annotatable .annotation.just_added {
      border: 1px solid white;
      outline: 1px solid black;
      background-color: rgba(255, 153, 51, 0.2); }
    #dds_doc_container .annotatable .annotation .annotation_bubble {
      z-index: 6; }
#dds_doc_container .image_wrapper {
  position: relative;
  display: inline-block; }
  #dds_doc_container .image_wrapper .image_bubble {
    top: -4px;
    right: -6px;
    z-index: 3; }

.annotation_toolbar, .video_toolbar {
  display: none;
  background-color: #729bc6;
  color: white;
  font-size: 14px;
  clear: both; }
  .annotation_toolbar div, .video_toolbar div {
    padding: 0 10px;
    display: inline-block;
    line-height: 40px; }
  .annotation_toolbar a, .video_toolbar a {
    color: white !important; }
  .annotation_toolbar .comment_count, .video_toolbar .comment_count {
    cursor: default; }
  .annotation_toolbar .add_comment, .annotation_toolbar .show_hide, .annotation_toolbar .whole_video_comment, .annotation_toolbar .comments_menu, .annotation_toolbar .title, .annotation_toolbar .add_area, .video_toolbar .add_comment, .video_toolbar .show_hide, .video_toolbar .whole_video_comment, .video_toolbar .comments_menu, .video_toolbar .title, .video_toolbar .add_area {
    cursor: pointer;
    position: relative; }
  .annotation_toolbar .add_comment:hover, .annotation_toolbar .show_hide:hover, .annotation_toolbar .help:hover, .annotation_toolbar .whole_video_comment:hover, .annotation_toolbar .comments_menu:hover, .annotation_toolbar .add_area:hover, .video_toolbar .add_comment:hover, .video_toolbar .show_hide:hover, .video_toolbar .help:hover, .video_toolbar .whole_video_comment:hover, .video_toolbar .comments_menu:hover, .video_toolbar .add_area:hover {
    background-color: #5d87af; }
  .annotation_toolbar .add_area, .video_toolbar .add_area {
    display: none; }
    .annotation_toolbar .add_area.enabled, .video_toolbar .add_area.enabled {
      background-color: #ff7e4d; }
  .annotation_toolbar .menu, .video_toolbar .menu {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #ff7e4d;
    width: 210px;
    z-index: 10;
    padding: 0; }
    .annotation_toolbar .menu div, .video_toolbar .menu div {
      width: 190px; }
      .annotation_toolbar .menu div:hover, .video_toolbar .menu div:hover {
        background-color: #d3653d; }
    .annotation_toolbar .menu.annotation_hints, .video_toolbar .menu.annotation_hints {
      width: 320px; }
      .annotation_toolbar .menu.annotation_hints ul, .video_toolbar .menu.annotation_hints ul {
        padding-right: 30px; }
        .annotation_toolbar .menu.annotation_hints ul li, .video_toolbar .menu.annotation_hints ul li {
          font-size: 14px; }
        .annotation_toolbar .menu.annotation_hints ul li + li, .video_toolbar .menu.annotation_hints ul li + li {
          margin-top: 10px; }
    .annotation_toolbar .menu .whole_image_comment_btn, .video_toolbar .menu .whole_image_comment_btn {
      width: auto;
      line-height: normal;
      padding: 15px 15px 15px 40px;
      text-indent: -11px; }
  .annotation_toolbar i.fa, .video_toolbar i.fa {
    margin-right: 3px; }

.ua-mobile .annotation_toolbar .comment_count {
  display: none; }
.ua-mobile .annotation_toolbar .add_area {
  display: inline-block; }

.annotation_toolbar {
  min-width: 650px; }

.video_progress_bar {
  background-color: #bbbbbb;
  height: 30px;
  position: relative;
  margin-left: 12px; }
  .video_progress_bar .video_timestamp {
    width: 1px;
    position: absolute;
    top: 0;
    padding: 0 2px;
    height: 30px;
    background-color: #729bc6; }

body.alternate_formatting .block {
  padding: 0; }
body.alternate_formatting p, body.alternate_formatting li, body.alternate_formatting td, body.alternate_formatting .sentence {
  line-height: normal; }
body.alternate_formatting table .sentence {
  line-height: 1; }
body.alternate_formatting .block span.pnum {
  position: absolute;
  top: -5px;
  right: -35px;
  float: none; }
body.alternate_formatting .sentence {
  font-size: inherit; }
body.alternate_formatting #dds_doc_container {
  max-width: 685px; }

.documents-group_discussion #add_comment fieldset#type {
  display: none; }
.documents-group_discussion .button.return_to_group {
  float: right;
  margin-top: 10px;
  padding: 5px 10px; }
.documents-group_discussion .commands.new_conversation {
  margin-top: 10px; }
  .documents-group_discussion .commands.new_conversation span {
    color: #0079b1;
    cursor: pointer; }
    .documents-group_discussion .commands.new_conversation span img {
      vertical-align: middle; }
.documents-group_discussion #comments_container {
  padding: 0; }
  .documents-group_discussion #comments_container button.context_button {
    display: none; }

#group_discussion_toc {
  margin: 0 8px; }
  #group_discussion_toc p {
    font-size: 12px; }

.toggle_accepted_suggestions form {
  display: inline-block;
  margin: 5px 5px 0 0; }


#favorited_overlay, #reference_sheet, #unfavorite_prompt, #lti_overlay, #google_login_overlay, #comment_image_lightbox {
  /* must be initially hidden */
  display:none;

  /* place overlay on top of other elements */
  z-index:10000;

  /* styling */
  background-color: white;
  width:500px;
  min-height:200px;
  padding: 20px;

  /* CSS3 styling for latest browsers */
  -moz-box-shadow:0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;
}

#google_login_overlay p {
  text-align: center;
  font-size: 20px;
  margin: 40px 0;
}

#lti_overlay, #google_login_overlay {
  min-height: 0;
}

#lti_overlay input {
  padding: 6px 20px;
}

#lti_overlay a.button {
  padding: 6px 20px;
}

#lti_overlay {
  width: 700px;
  padding: 20px 40px;
}

/* close button positioned on upper right corner */
#favorited_overlay .close, #reference_sheet .close, #comment_image_lightbox .close {
  background-image:url(/images/close.png);
  position:absolute;
  right:-15px;
  top:-15px;
  cursor:pointer;
  height:35px;
  width:35px;
}

#reference_sheet {
  width: 425px;
  height: 415px;
  font-size: 80%;
}

#reference_sheet .contentWrap {
  height: 380px;
  overflow: auto;
}

#comment_image_lightbox {
  width: 80%;
  height: 80%;
}

#lightbox_image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}