/**
 * Comment styles for all tools
 * @author ??? & Daniel Dammann <dd@volnet.freeserve.co.uk>
 */

/******************************************** Comment viewing template ********************************************/

div.profile {
    float: left;
    width: 62px;
    margin-top: 12px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 16px;
    clear: left;
}

div.comment_title {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

div.hover {
    background-color: #f2f2f2;
}

div.comment_mentor_feedback {
    float: right;
    clear: right;
    margin: 4px;
    padding: 6px;
}

div.comment_review {
    float: right;
    margin-right: 4px;
    /*
        float: right;
        clear: right;
        width: 20px;
        height: 21px;
        margin: 4px;
        padding: 6px;
        color: #DE3727;
        background: url(/images/review.gif) no-repeat center;
    */
}

div.comment_webcell {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}

p.view_comment {
    padding-top: 4px;
    clear: both;
    margin-left: 88px;
}

div.comment_tools {
    float: left;
    clear: both;
    height: 12px;
    margin-top: 0px;
    margin-bottom: 20px;
}

div.comment_add {
    margin-top: 7px;
    font-weight: bold;
    margin-bottom: 7px;
    width: 100%;
    white-space: nowrap;
}

div.comment_add a {
    width: 100%;
    white-space: nowrap;
}

div.comment_tools span {
    margin: 0 5px;
}

/******************************************** Dividers ********************************************/

.comment_divider_1st {
    clear: both;
    border: 1px solid #FFFFFF;
}

.comment_divider {
    clear: both;
    border: 1px solid #FFFFFF;
    border-top: 1px dotted #000000;
}

/******************************************** Tinymce and guidance area styles ********************************************/

div.comment_webcell a,
body.tinyMceEditor a {
    color: #0000FF;
    text-decoration: underline;
    padding: 2px;
}

div.comment_webcell a:hover,
body.tinyMceEditor a:hover {
    color: #FFFFFF;
    background-color: #0000FF;
    text-decoration: none;
    padding: 2px;
}

/******************************************** Other link styles ********************************************/

div.comment_tools a {
    font-weight: bold;
}

/* WARNING: Disable previous link styles for images, cos looks stupid */
a:hover.rate_image_link {
    background-color: #FFFFFF;
}
/******************************************** Comment editor styles ********************************************/

.commentContainer {
    float: left;
    clear: both;
}

#add_comment {
  z-index: 100;
  overflow: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px ridge #555555;
}

#edit_comment {
  z-index: 100;
  overflow: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px ridge #555555;
}

div#black {
  background-color: #000000;
  display:none;
  position: absolute;
  z-index: 99;
  width:200px;
  height:20px;
}

div.opaque {
  opacity:.4;
  filter:alpha(opacity=40);
}

div.comment_popup_head {
  background-color: #ad211b;
  padding: 5px;
}

div.comment_popup_head p {
  margin: 0;
  padding: 1px 0 2px 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
}

div.comment_popup_head img {
  float: right;
  cursor: pointer;
}

p.webcell_title {
  margin-top: 9px;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: normal;
}

input#webcell_title {
    margin-bottom:0px;
    padding-bottom:0px;
}

input.add_comment {
    width: 632px;
}

input.add_comment_bit_shorter {
    width: 590px;
}

/******************************************** Add/edit form feedback setter icon ********************************************/

.title_and_feedback_boxes {
    width: 100%;
    height: 50px;
    margin-bottom: 4px;
}

.title_box {
    float: left;
    height: 50px;
    margin-top: 0px;
}

.feedback_box {
    float: right;
    height: 40px;
    margin-top: 8px;
    margin-right: 0px;
}