/**
 * CSS for the Comments Module, ProcessWire CMS
 *
 */

/**********************************************************
 * 1. Comment Form
 *
 */

#CommentForm {
   border: none;
   margin-bottom: 2rem;
}

#CommentForm label {
   display: block;
   margin-left: 1.25rem;
   font-size: 0.85rem;
}

#CommentForm p {
   margin-bottom: 0.5rem;
}

#CommentForm .error {
   background: #A30000;
   color: #FFFFFF;
   padding: 0.25rem 0.5rem;
}

#CommentForm .success {
   font-weight: bold;
}

.CommentFormCite input, .CommentFormEmail input {
/*.CommentForm_cite input, .CommentForm_email input {*/
   width: 80%;
   min-width: 250px;
   padding: 0.25rem;
   margin: 0 0 0 2.5rem;
   font-size: 0.85rem;
}

.CommentForm_text textarea {
   width: 80%;
   min-width: 250px;
   padding: 0.25rem;
   height: 100px;
   margin: 0 0 0 2.5rem;
   font-family: 'Tahoma', Helvetica, Arial, sans-serif;
   font-size: 0.85rem;
}

.CommentForm_submit {
   margin-left: 1.25rem;
   text-transform: uppercase;
}

/**********************************************************
 * 2. Comment List
 *
 */

.CommentList {
   margin: 2rem 0 0 0;
   border-top: 1px solid #CCCCCC;
}

.CommentListItem {
   list-style: none;
   margin: 0;
   border-left: 4px solid #CCCCCC;
   border-top: 1px dotted #CCCCCC;
   padding: 1.25rem 0 1.25rem 1.25rem;
   background: #FFFFFF;
}

.CommentListItem p {
   margin-top: 0;
   margin-bottom: 0.85rem;
}

.CommentHeader {
   margin: 0;
   font-weight: bold;
   font-size: 0.85rem;
}

.CommentHeader .CommentCreated {
   font-weight: normal;
   padding-left: 0.5rem;
}

.CommentListNormal .CommentListItem {
   border-bottom: 1px solid #CCCCCC;
}

.CommentText {
   color: #666666;
}

.CommentFooter {
   padding-bottom: 2rem;
}

/**********************************************************
 * 3. Toggle to Show/Hide Comments
 *
 */

#toggle {
   width: 100%;
   background-color: #FFFFFF;
}