/****************************************/
/*  Styles for the annotatable element  */
/****************************************/
.tAnnotatable {

}

.tAnnotatableHover {
    background-color: #ffffcc;
    cursor: pointer;
}

/****************************************/
/*   Styles for the comment input box   */
/****************************************/
.tAnnotationInputContainer {
    margin-bottom: 1em;
}

.tAnnotationInputContainer>textarea {
    width: 100%;
    resize: none;
    margin-bottom: .5em;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}

.tAnnotationInputContainer>button {
    margin-right: .5em;
    padding: 2px 10px;
    font-size: 11.9px;
}

/****************************************/
/* Styles for the comment display boxes */
/****************************************/

.tAnnotationWrapper > .tAnnotationList {
    padding-left: 0;
}

.tAnnotationList {
    list-style: none;
}

.tAnnotatorCommentDisplayContainer {
    padding: 10px;
    padding-bottom: 25px;
    background-color: #f2f2f2;
    margin-bottom: .5em;
}

.tAnnotatorCommentDisplayContainer>.tCommentName {
    margin: 0;
}

.tAnnotatorCommentDisplayContainer>.tCommentBody {
    margin: 0;
    padding-top: .5em;
    padding-bottom: .5em;
}

.tAnnotatorCommentDisplayContainer>.tCommentBody hr {
    border-color: #ccc;
}

.tAnnotatorCommentDisplayContainer>.tCommentBody h1 {
    font-size: 18px;
}

.tAnnotatorCommentDisplayContainer>.tCommentBody h2 {
    font-size: 16px;
}

.tAnnotatorCommentDisplayContainer>.tCommentFooterContainer {
    margin: 0;
    margin-right: 6px;
    float: right;
    font-size: .8em;
}

.tAnnotatorCommentDisplayContainer>.tCommentFooterContainer li {
    display: inline;
    margin-left: 1em;
}

.tAnnotatorCommentDisplayContainer .tDeleteButton {
    float: right;
    padding: 0 6px;
    font-size: 10.5px;
}

.tAnnotatorCommentDisplayContainer .tEditButton {
    float: right;
    padding: 0 6px;
    font-size: 10.5px;
    margin-right: 1em;
}

a.tDispositionLink#newDispositionLink,
a.tDispositionLink#flaggedDispositionLink,
a.tDispositionLink#underConsiderationDispositionLink,
a.tDispositionLink#onHoldDispositionLink,
a.tDispositionLink#acceptedDispositionLink,
a.tDispositionLink#rejectedDispositionLink  {
  text-decoration: none !important;
}

.dropdown.tDispositionDropdown {
  float: right;
  font-size: 10.5px;
  margin-bottom: 0;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  background-color: #f5f5f5;
}

span.caret.dispositionDropdownCaret {
    margin-left: 5px;
}
ul.dropdown-menu.tDispositionMenu {
  margin: 2px;
  overflow: visible;
}
ul.dropdown-menu.tDispositionMenu li a {
  font-size: 10.5px;
  text-align: left;
}

.btn.btn-default.dropdown-toggle.tDispositionDisplay {
  float: right;
  padding: 0 6px;
  font-size: 10.5px;
  margin-right: 1em;
  margin-bottom: 0;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  background-color: #f5f5f5;
  box-shadow: none;
  background: none;
}

.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-new {
  background-color: green;
  color: white;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-flagged {
  background-color: yellow;
  color: black;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-underConsideration {
  background-color: blue;
  color: white;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-onHold {
  background-color: black;
  color: white;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-rejected {
  background-color: red;
  color: white;
  box-shadow: none;
  text-shadow: none;
}
.btn.btn-default.dropdown-toggle.tDispositionDisplay.disposition-accepted {
  background-color: white;
  color: black;
  box-shadow: none;
  text-shadow: none;
}

.tAnnotatorCommentDisplayContainer .tReplyExpander {
    cursor: pointer;
}
/*
.tAnnotatorCommentDisplayContainer .tDispositionDisplay {
    float: right;
    padding: 0 6px;
    font-size: 10.5px;
    margin-right: 1em;
}

.tAnnotatorCommentDisplayContainer .tDispositionDropdown {

    margin-bottom: 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    background-color: #f5f5f5;
    height: 22px;

    float: right;
    padding: 0 6px;
    font-size: 10.5px;
    margin-right: 1em;
}*/

.replyImage {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: left bottom;
    background-repeat: no-repeat;
}

.tExpandRepliesImage {
    background-image : url("expand.gif");
}

.tCollapseRepliesImage {
    background-image : url("collapse.gif");
}

/****************************************/
/* Styles used for multiple components  */
/****************************************/

.tAnnotationWrapper .tAnnotationButton {
    margin-bottom: 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    background-color: #f5f5f5;
}

.tAnnotationWrapper .tAnnotationButton:hover:enabled {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    background-color: #e6e6e6;
}

.tAnnotationWrapper .tAnnotationButton:active:enabled {
    background-color: #e6e6e6;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.tAnnotationWrapper .tAnnotationButton:disabled {
    cursor: default;
    color: graytext;
}

/****************************************/
/* Styles for pagination                */
/****************************************/

.tAnnotationWrapper .tAnnotationList .tPaginationWrapper {
    margin-bottom: 5px;
    font-size: 10.5px;
}

.tAnnotationWrapper .tAnnotationList .tPaginationWrapper button {
    padding: 0 6px;
    margin-right: 1em;
}

/****************************************/
/* Styles for 'loading' indicator       */
/****************************************/

.titaniaModalIndicator {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .6 )
                url('commentsLoading.gif')
                50% 50%
                no-repeat;
}