/*------------------------------------Sapo Comments-----------------------------------------*/
/* resetting all main divs */
div.sapo_widget_sapocomments_comments *,
ul.sapo_widget_sapocomments_orderby_links *,
div.sapo_widget_sapocomments_form *,
div.sapo_widget_sapocomments_replyform *,
div.sapo_widget_sapocomments_numberofcomments *,
div.sapo_widget_sapocomments_pagination_bottom *,
div.sapo_widget_sapocomments_pagination_top  *{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
    font-size: 10px;
    font-family: Verdana, Arial, helvetica, sans-serif;
}

/**
 * number of comments
 */
div.sapo_widget_sapocomments_numberofcomments {
    width: 240px;
    height: 20px;
    float: left;
    padding-left: 10px;
    text-align: left;
}

div.sapo_widget_sapocomments_numberofcomments .hide_comments {
    display: none;
}

/**
 * Order by links
 */
ul.sapo_widget_sapocomments_orderby_links {
    float: right;
    width: 550px;
    padding-right: 10px;
    margin: 10px 0px;
    text-align: right;
}

ul.sapo_widget_sapocomments_orderby_links li {
    display: inline;
    text-align: right;
    margin-left: 10px;
}

ul.sapo_widget_sapocomments_orderby_links li span {
    font-weight: bold;
}


div.sapo_widget_sapocomments_comments li.negative_comment p.description,
div.sapo_widget_sapocomments_comments li.negative_comment p.comment_footer,
div.sapo_widget_sapocomments_comments li.negative_comment ul.reply_links,
div.sapo_widget_sapocomments_comments li.negative_comment div.rating_section ul,
div.sapo_widget_sapocomments_comments li.positive_comment p.description,
div.sapo_widget_sapocomments_comments li.positive_comment p.comment_footer,
div.sapo_widget_sapocomments_comments li.positive_comment ul.reply_links,
div.sapo_widget_sapocomments_comments li.positive_comment div.rating_section ul,
div.sapo_widget_sapocomments_comments li.negative_reply p.description,
div.sapo_widget_sapocomments_comments li.negative_reply p.comment_footer,
div.sapo_widget_sapocomments_comments li.negative_reply ul.reply_links,
div.sapo_widget_sapocomments_comments li.negative_reply div.rating_section ul,
div.sapo_widget_sapocomments_comments li.positive_reply p.description,
div.sapo_widget_sapocomments_comments li.positive_reply p.comment_footer,
div.sapo_widget_sapocomments_comments li.positive_reply ul.reply_links,
div.sapo_widget_sapocomments_comments li.positive_reply div.rating_section ul {
    display: block;
}

ul.sapo_widget_sapocomments_orderby_links .hidden,
div.sapo_widget_sapocomments_comments li.hidden_comment p.description,
div.sapo_widget_sapocomments_comments li.hidden_comment p.comment_footer,
div.sapo_widget_sapocomments_comments li.hidden_comment ul.reply_links,
div.sapo_widget_sapocomments_comments li.hidden_comment div.rating_section ul,
div.sapo_widget_sapocomments_comments li.hidden_reply p.description,
div.sapo_widget_sapocomments_comments li.hidden_reply p.comment_footer,
div.sapo_widget_sapocomments_comments li.hidden_reply ul.reply_links,
div.sapo_widget_sapocomments_comments li.hidden_reply div.rating_section ul {
    display: none;
}



/**
 * Pagination
 */
div.sapo_widget_sapocomments_paginationtop,
div.sapo_widget_sapocomments_paginationbottom {
    width: 100%;
    clear: both;
    height: 30px;
    margin: 10px 0px;
    padding-left: 10px;
    text-align: left;
}

div.sapo_widget_sapocomments_paginationtop a,
div.sapo_widget_sapocomments_paginationbottom a,
div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_current,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_current,
div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_next,
div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_preview,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_next,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_preview {
    width: 8px;
    height: 15px;
    padding: 5px 11px;
    margin-right: 4px;
    text-decoration: none;
}

div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_current,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_current {
    font-weight: bold;
}

/**
 * Main comment body
 */
div.sapo_widget_sapocomments_comments {
    clear: both;
}

div.sapo_widget_sapocomments_comments div.hreview {
    overflow: hidden;
    padding:  27px 15px 5px 0px;
    height: 1%;
}

div.sapo_widget_sapocomments_comments ul.replies div.hreview {
    padding-left:25px;
}

div.sapo_widget_sapocomments_comments div.hreview .summary {
    font-weight: bold;
    padding-right: 15px;
    display: inline;
}

div.sapo_widget_sapocomments_comments div.hreview div.rating_section {
    float: right;
    width: 140px;
    margin-top: -20px;
    text-align: right;
}

div.sapo_widget_sapocomments_comments div.hreview div.rating_section ul {
    float: right;
    width: 38px;
    height: 16px;
}

div.sapo_widget_sapocomments_comments div.hreview div.rating_section ul li {
    float: left;
    width: 16px;
}

div.sapo_widget_sapocomments_comments div.rating_section p.rating_line {
    float: left;
    width: 100px;
    margin: 0px !important;
}

div.sapo_widget_sapocomments_comments div.rating_section li.dontlike a,
div.sapo_widget_sapocomments_comments div.rating_section li.like a {
    width: 16px;
    height: 16px;
    display: block;
    background: url(http://js.sapo.pt/Assets/Images/SapoComments/vote-icons.png) no-repeat;
    overflow: hidden;
    margin-left: 3px;
}

div.sapo_widget_sapocomments_comments div.rating_section li.dontlike a {
    background-position: top right;
}

div.sapo_widget_sapocomments_comments div.rating_section li.like a {
    background-position: top left;
}

div.sapo_widget_sapocomments_comments div.rating_section ul.voted li.dontlike a {
    background-position: bottom right;
}

div.sapo_widget_sapocomments_comments div.rating_section ul.voted li.like a {
    background-position: bottom left;
}

div.sapo_widget_sapocomments_comments abbr.dtreviewed {
    text-align: right;
}

div.sapo_widget_sapocomments_comments li.positive_comment,
div.sapo_widget_sapocomments_comments li.hidden_comment,
div.sapo_widget_sapocomments_comments li.negative_comment {
    padding: 0px 5px 5px 10px;
}

div.sapo_widget_sapocomments_comments ul.replies {
    padding-top: 0px;
    border-left-width: 1px;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top: none;
    padding: 0px;
}

div.sapo_widget_sapocomments_comments li.positive_comment,
div.sapo_widget_sapocomments_comments li.hidden_comment,
div.sapo_widget_sapocomments_comments li.negative_comment,
div.sapo_widget_sapocomments_comments ul.replies div.hreview {
    border-top-width: 1px;
    border-top-style: dashed;
}

div.sapo_widget_sapocomments_comments li.positive_comment,
div.sapo_widget_sapocomments_comments li.hidden_comment,
div.sapo_widget_sapocomments_comments li.negative_comment,
div.sapo_widget_sapocomments_comments li.positive_reply,
div.sapo_widget_sapocomments_comments li.hidden_reply,
div.sapo_widget_sapocomments_comments li.negative_reply {
    height: 1%;
}

div.sapo_widget_sapocomments_comments p.description{
    width: 98%;
    padding: 5px 0px;
    text-align: left;
    overflow: hidden;
}

div.sapo_widget_sapocomments_comments p.comment_footer {
    text-align: right;
}

div.sapo_widget_sapocomments_comments ul.reply_links {
    width: 100%;
    margin: 2px 0px 4px;
    overflow: hidden;
    border: none;
}

div.sapo_widget_sapocomments_comments ul.reply_links li {
    padding: 0px 5px;
}

div.sapo_widget_sapocomments_comments ul.reply_links li.left_link {
    float: left;
}

div.sapo_widget_sapocomments_comments ul.reply_links li.right_link {
    float: right;
}

div.sapo_widget_sapocomments_comments .noreplies{
    text-decoration: none;
    cursor: default;
}

div.sapo_widget_sapocomments_comments .hasreplies {
    text-decoration: underline;
    cursor: pointer;
}

div.sapo_widget_sapocomments_comments .hidden {
    display: none;
}

div.sapo_widget_sapocomments_form .hidden {
    display: none;
}

div.sapo_widget_sapocomments_comments .show_negative_comment {
    padding-top: 2px;
}

/**
 * Comment forms
 */
div.sapo_widget_sapocomments_form,
div.sapo_widget_sapocomments_replyform {
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

div.sapo_widget_sapocomments_form span,
div.sapo_widget_sapocomments_replyform span {
    display:block;
}
div.sapo_widget_sapocomments_form p,
div.sapo_widget_sapocomments_replyform p {
    margin-top: 10px;
    overflow: hidden;
}

div.sapo_widget_sapocomments_form input,
div.sapo_widget_sapocomments_replyform input {
    display: block;
}

div.sapo_widget_sapocomments_form label,
div.sapo_widget_sapocomments_replyform label {
    margin: 1em 0em 0.5em 0em;
    padding-bottom: 0.2em;
    cursor: hand; 
    cursor: pointer;
} 

div.sapo_widget_sapocomments_form label span,
div.sapo_widget_sapocomments_replyform label span {
    display: block;
    position: relative;
    width: 300px;
    height: 20px;
}

div.sapo_widget_sapocomments_form .text,
div.sapo_widget_sapocomments_replyform .text {
    border-width: 1px;
    border-style: solid;
    width: 610px;
}

div.sapo_widget_sapocomments_form .textarea,
div.sapo_widget_sapocomments_replyform .textarea {
    border-width: 1px;
    border-style: solid;
    width: 610px;
    height: 200px;
}

div.sapo_widget_sapocomments_form .button,
div.sapo_widget_sapocomments_replyform .button {
    float: left;
    width: 100px;
    height: 25px;
    border-width: 1px;
    border-style: solid;
    margin-left: 2px;
    text-align: center;
    font-size: 1.1em;
}

div.sapo_widget_sapocomments_form .counter,
div.sapo_widget_sapocomments_replyform .counter {
    display: inline;
}

div.sapo_widget_sapocomments_form .remove_form,
div.sapo_widget_sapocomments_replyform .remove_form {
    float: left;
    width: 12em;
    margin-left: 110px;
    padding-top: 2px;
}

div.sapo_widget_sapocomments_form .register_warning,
div.sapo_widget_sapocomments_replyform .register_warning {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
}

div.sapo_widget_sapocomments_form .checkbox input,
div.sapo_widget_sapocomments_replyform .checkbox input {
    display: inline;
}

/**
 * Font sizes
 */
div.sapo_widget_sapocomments_numberofcomments a,
div.sapo_widget_sapocomments_paginationtop p.sapo_pagination,
div.sapo_widget_sapocomments_paginationbottom p.sapo_pagination {
    font-size: 0.8em;
}

div.sapo_widget_sapocomments_numberofcomments span,
div.sapo_widget_sapocomments_comments abbr.dtreviewed,
div.sapo_widget_sapocomments_comments p.comment_footer,
div.sapo_widget_sapocomments_comments .show_negative_comment,
div.sapo_widget_sapocomments_comments li.negative_comment p.description,
div.sapo_widget_sapocomments_comments li.negative_reply p.description,
div.sapo_widget_sapocomments_comments li.negative_comment p.rating_line,
div.sapo_widget_sapocomments_comments li.negative_reply p.rating_line,
div.sapo_widget_sapocomments_comments li.negative_comment ul.reply_links a,
div.sapo_widget_sapocomments_comments li.negative_reply ul.reply_links a {
    font-size: 1.0em;
}

div.sapo_widget_sapocomments_form label,
div.sapo_widget_sapocomments_form span,
div.sapo_widget_sapocomments_form input,
div.sapo_widget_sapocomments_form textarea,
div.sapo_widget_sapocomments_replyform label,
div.sapo_widget_sapocomments_replyform span,
div.sapo_widget_sapocomments_replyform input,
div.sapo_widget_sapocomments_replyform textarea {
    font-size: 1.1em;
}

ul.sapo_widget_sapocomments_orderby_links li a,
div.sapo_widget_sapocomments_comments li.positive_comment p.description,
div.sapo_widget_sapocomments_comments li.positive_reply p.description,
div.sapo_widget_sapocomments_comments li.positive_comment p.rating_line,
div.sapo_widget_sapocomments_comments li.positive_reply p.rating_line,
div.sapo_widget_sapocomments_comments li.positive_comment ul.reply_links a,
div.sapo_widget_sapocomments_comments li.positive_reply ul.reply_links a {
    font-size: 1.2em;
}

div.sapo_widget_sapocomments_comments li.negative_comment .summary,
div.sapo_widget_sapocomments_comments li.hidden_comment .summary,
div.sapo_widget_sapocomments_comments li.negative_reply .summary,
div.sapo_widget_sapocomments_comments li.hidden_reply .summary {
    font-size: 1.3em;
}

div.sapo_widget_sapocomments_comments li.positive_comment .summary,
div.sapo_widget_sapocomments_comments li.positive_reply .summary {
    font-size: 1.6em;
}

/**
 * Colors
 */

/* pagination colors */
div.sapo_widget_sapocomments_paginationtop a,
div.sapo_widget_sapocomments_paginationbottom a {
    background-color: #eee;
}

div.sapo_widget_sapocomments_paginationtop a:hover ,
div.sapo_widget_sapocomments_paginationbottom a:hover {
    color: #333;
    background-color: #bbb;
}

div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_current,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_current {
    background-color: #DD0091;
    color:#FFFFFF;
}

div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_next,
div.sapo_widget_sapocomments_paginationtop span.sapo_pagination_preview,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_next,
div.sapo_widget_sapocomments_paginationbottom span.sapo_pagination_preview {
    color: #999;
    background-color: #eee;
}


/* comment/reply colors */
div.sapo_widget_sapocomments_comments ul.replies {
    border-left-color: #000;
    border-bottom-color: #000;
}

div.sapo_widget_sapocomments_comments ul,
div.sapo_widget_sapocomments_comments ul.replies div.hreview {
    border-top-color: #000;
}

div.sapo_widget_sapocomments_comments .banned_comment {
    background-color: #CCC;
    color: #999;
}

div.sapo_widget_sapocomments_comments .positive_reply,
div.sapo_widget_sapocomments_comments .hidden_comment,
div.sapo_widget_sapocomments_comments .hidden_reply {
    background-color: #fff;
}

div.sapo_widget_sapocomments_comments .negative_comment {
    background-color: #ddd;
}

div.sapo_widget_sapocomments_comments .negative_reply {
    background-color: #ccc;
}

div.sapo_widget_sapocomments_comments li.negative_comment .summary,
div.sapo_widget_sapocomments_comments li.hidden_comment .summary,
div.sapo_widget_sapocomments_comments li.negative_reply .summary,
div.sapo_widget_sapocomments_comments li.hidden_reply .summary {
    color: #999;
}

div.sapo_widget_sapocomments_comments li.negative_comment div.hreview,
div.sapo_widget_sapocomments_comments li.negative_reply p.description,
div.sapo_widget_sapocomments_comments li.negative_comment p.comment_footer,
div.sapo_widget_sapocomments_comments li.negative_reply p.comment_footer,
div.sapo_widget_sapocomments_comments li.hidden_reply p.rating_line,
div.sapo_widget_sapocomments_comments li.hidden_comment p.rating_line {
    color: #666;
}

div.sapo_widget_sapocomments_comments li.positive_comment .summary,
div.sapo_widget_sapocomments_comments li.positive_reply .summary,
div.sapo_widget_sapocomments_comments li.positive_comment div.hreview,
div.sapo_widget_sapocomments_comments li.positive_reply p.description,
div.sapo_widget_sapocomments_comments li.positive_comment p.comment_footer,
div.sapo_widget_sapocomments_comments li.positive_reply p.comment_footer,
div.sapo_widget_sapocomments_comments li.positive_reply p.rating_line,
div.sapo_widget_sapocomments_comments li.positive_comment p.rating_line {
    color: #DDDDDD;
}


/* comment forms colors */
div.sapo_widget_sapocomments_form label,
div.sapo_widget_sapocomments_replyform label {
    color: #666;
}

div.sapo_widget_sapocomments_form .text,
div.sapo_widget_sapocomments_form .textarea,
div.sapo_widget_sapocomments_form .button,
div.sapo_widget_sapocomments_replyform .text,
div.sapo_widget_sapocomments_replyform .textarea,
div.sapo_widget_sapocomments_replyform .button {
    background-color: #EEE;
    border-color: #787a80;
}