/* Simple Comments & Ratings Module CSS */
.scr-comments {
    font: inherit;
    color: inherit;
}

/*------------------------------------------------*/
/* FORM FIELD SET STYLE
/*------------------------------------------------*/
.scr-fieldset {
    width: 100%;
}

.scr-comment-fields-1, .scr-comment-fields-2, .scr-comment-fields-3, .scr-comment-fields-4, .scr-comment-fields-5, .scr-comment-fields-6 {
    width: 100%;
}

.scr-comment-fields-1, .scr-comment-fields-2, .scr-comment-fields-3 {
    padding-bottom: 15px;
}

.scr-comment-fields-6, .scr-post-comment-button{
    text-align: right;
}

.scr-sub-text, .scr-sub-text-grey, .scr-sub-text-red {
    font-style: italic;
    font-size: 0.7em;
}

.scr-sub-text-grey {
    color: gray;
}

.scr-sub-text-red {
    color: red;
}

/*------------------------------------------------*/
/* FORM CONTROL STYLE
/*------------------------------------------------*/
.scr-text-box, .scr-text-area {
    margin: 2px 0px !important;
    -webkit-border-radius: 5px; /* Chrome & Safari */
    -khtml-border-radius: 5px; /* Konquerer */
    -moz-border-radius: 5px; /* Firefox */
    -ms-border-radius: 5px; /* IE */
    -o-border-radius: 5px; /* Opera */
    border-radius: 5px !important;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    -khtml-box-shadow: 1px 1px 2px #ccc;
    -moz-box-shadow: 1px 1px 2px #ccc;
    -ms-box-shadow: 1px 1px 2px #ccc;
    -o-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc !important;
    border: 1px solid #bfbfbf;
    padding: 9px;
    font: inherit;
}

.scr-text-area { /* Multti Line text area*/
    width: 96%;
    min-height: 100px;
}

.scr-label {
    padding-right: 15px;
}

/*-------------------------------------*/
/* MESSAGE STYLES */
/*-------------------------------------*/
.scr-form-message {
    display: block;
    padding: 17px 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(2,139,255,0.2); /* blue */
    background: rgba(2,139,255,0.15); /* blue */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 980px;
}

    .scr-form-message.scr-form-error, .scr-form-message.scr-form-validation-summary {
        background-color: rgba(255,0,0,0.15); /* red */
        border-color: rgba(255,0,0,0.2); /* red */
    }

    .scr-form-message.scr-form-warning {
        background-color: rgba(255,255,0,0.15); /* yellow */
        border-color: #CDB21F; /* yellow */
    }

    .scr-form-message.scr-form-success {
        background-color: rgba(0,255,0,0.15); /* green */
        border-color: rgba(0,255,0,0.5); /* green */
    }

/*-------------------------------------*/
/* button */
/*-------------------------------------*/
a.scr-primary-action {
    display: inline-block;
    padding: 8px 20px;
    margin-bottom: 5px;
    background-color: lightgray; /*#3B96B6;*/
    color: brown; /*#ffffff;*/
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #e2e2e2; /*0px solid #ffffff;*/
    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    a.scr-primary-action.scr-button-broad {
        padding: 12px 20px;
    }

    a.scr-primary-action:hover, a.scr-primary-action:active {
        cursor: pointer;
        cursor: hand;
        background-image: none;
        background-color: #f6f6f6; /*#D00;*/
    }

    a.scr-primary-action, a.scr-primary-action:link, a.scr-primary-action:visited, a.scr-primary-action:active {
        text-decoration: none;
        outline: 0;
    }

        a.scr-primary-action:focus {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

a.scr-button-nav, a.scr-button-page-no, a.scr-navigation-disabled {
    padding: 5px 15px;
    margin: 2px 5px;
    min-width: 30px;
}

a.scr-primary-action.scr-button-page-no {
    border: none;
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.scr-primary-action.scr-navigation-disabled {
    visibility: hidden;
}

/*-------------------------------------*/
/* Display Comments */
/*-------------------------------------*/
.scr-c-c-c0 {
    padding-left: 0px;
}

.scr-c-c-c1, .scr-c-c-c2, .scr-c-c-c3, .scr-c-c-c4 {
    padding-left: 25px;
    background: url("Resources/images/ReplyArrow-Grey-25x30.png") no-repeat left top;
}

.scr-c-c-c1 {
    margin-left: 4px;
}

.scr-c-c-c2 {
    margin-left: 34px;
}

.scr-c-c-c3 {
    margin-left: 64px;
}

.scr-c-c-c4 {
    margin-left: 94px;
}

.scr-c-h, .scr-page-navigation-panel {
    background-color: #F3DAD8;
}

.scr-c-h {
    padding: 1pt 3pt 1pt 1pt;
    margin: 4px 0px 4px 0px;
    font: inherit;
}

.scr-page-navigation-panel {
    padding: 2px;
    margin-top: 15px;
    text-align: center;
    vertical-align: text-top;
}


.scr-c-b, .scr-c-r, .scr-c-admin {
    padding: 3pt;
}

#scr-rpt-action-button-row {
    width: 100%;
    min-height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}

.scr-c-r, .scr-c-admin {
    float: left;
}