/****************** TITLES **********************************************/
#fo #commentsClosed h1 { margin-top: 40px; }

/****************** FIELDS  **********************************************/
#fo .commentFormWrapper label {
  display: block;
  font-weight: bold;
  line-height: 2em;
  color: #666666;
  cursor: pointer;
}

#fo .commentFormWrapper input[type="text"],
#fo .commentFormWrapper input[type="email"],
#fo .commentFormWrapper input[type="url"],
#fo .commentFormWrapper textarea {
  max-width: 40em;
  padding: 4px;
  width: 60% !important;
}

#fo .commentFormWrapper fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

#fo .commentFormWrapper .cmtSubmitDiv {
  margin-top: 30px;
  color: #666666;
}

#fo .commentFormWrapper span.postComment {
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ccc;
  cursor: pointer;
  color: #666666;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 5px;
}

#fo .commentFormWrapper span.postComment:hover {
  background: none repeat scroll 0 0 #ccc;
  color: #fff;
}

#fo .commentFormWrapper span.postComment {
  font-size:16px
}

#fo .commentFormWrapper .contCheck label { display: inline; }

#fo .commentFormWrapper .formElements {
  border: 1px solid #CCCCCC;
  font-size: 13pt;
  font-family: courier new,courier;
  border-radius: 5px 5px 5px 5px;
}

#fo .commentFormWrapper .url { background-image: url("/commons/skin/images/url.gif"); }
#fo .commentFormWrapper .email { background-image: url("/commons/skin/images/email.gif"); }

#fo .commentFormWrapper .time,
#fo .commentFormWrapper .integer,
#fo .commentFormWrapper .double,
#fo .commentFormWrapper .percentile,
#fo .commentFormWrapper .currency,
#fo .commentFormWrapper .email,
#fo .commentFormWrapper .url {
  background-position: 0 0;
  background-repeat: no-repeat;
}

/****************** COMMENT LIST **********************************************/
#fo #commentListWrapper { margin-top: 50px; }

#fo .commentFormWrapper h1, #fo #commentListWrapper h1{
  text-transform: capitalize;
  margin-bottom: 20px;
}

#fo #commentListWrapper .commentBranchWrapper {
  /*border: 1px solid #808080;*/
}

  /* tiny plugin FCode */
#fo #commentListWrapper .js {
  background:#f2f2f2;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  padding:5px;
  font-size:13px;
  line-height: 1.9em;
  margin-bottom:10px;
}

/****************** SINGLE COMMENT **********************************************/
#fo #commentListWrapper .commentBranchWrapper .comment {
  background-color:#ffffff;
  border:1px solid #e5e5e5;
  border-radius:5px;
  -webkit-border-radius:5px;
  box-shadow: 1px 1px 4px #666;
  -webkit-box-shadow: 1px 1px 4px #666;
  padding:10px;
  margin-bottom:10px;
}

#fo #commentListWrapper .commentBranchWrapper .comment, #fo #commentListWrapper .commentBranchWrapper .cmtChild { color:#666672 }

#fo #commentListWrapper .cmtContributor div { padding: 0 0 5px 5px; }
#fo #commentListWrapper .cmtDate {
  font-size:10px;
  margin-top: 5px;
}

#fo #commentListWrapper .cmtTitle {
  margin-top: 5px;
  font-weight: bolder;
}

#fo #commentListWrapper .commentBranchWrapper .commentChild {
  background-color:#e6e7dd;
  border:1px solid #e5e5e5;
  border-radius:5px;
  -webkit-border-radius:5px;
  padding:10px;
  margin-bottom:10px;
  margin-left:20px;
}

#fo #commentListWrapper .commentBranchWrapper .temporary {
  background-color:#F7FBEF;
  border:1px solid #e5e5e5;
  border-radius:5px;
  box-shadow: 1px 1px 4px #666;
  -webkit-border-radius:5px;
  -webkit-box-shadow: 1px 1px 4px #666;
  padding:10px;
  margin-bottom:10px;
}

#fo #commentListWrapper .commentBranchWrapper .wait_approval{ background: url("/applications/webwork/images/raster.png"); }

/* BUTTONS */
#fo #commentListWrapper .commentBranchWrapper span.cmtApprove, #fo #commentListWrapper .commentBranchWrapper .cmtApprove a {
  color: green;
  cursor: pointer;
}

#fo #commentListWrapper .commentBranchWrapper .cmtApprove:hover, #fo #commentListWrapper .commentBranchWrapper .cmtApprove a:hover { font-weight: bold; }

#fo #commentListWrapper .commentBranchWrapper span.cmtDelete, #fo #commentListWrapper .commentBranchWrapper .cmtDelete a {
  color: red;
  cursor: pointer;
}
#fo #commentListWrapper .commentBranchWrapper .cmtDelete:hover, #fo #commentListWrapper .commentBranchWrapper .cmtDelete a:hover, #fo #commentListWrapper .cmdReset:hover, #fo #commentListWrapper .cmdSave:hover {
  font-weight: bold;
}

#fo #commentListWrapper .cmdReset, #fo #commentListWrapper .cmdSave {
  cursor: pointer;
}

#fo #commentListWrapper .cmdSave, #fo #commentListWrapper .cmdReply  {
  font-weight: bold;
}

#fo #commentListWrapper .commentBranchWrapper .cmtDelete a, #fo #commentListWrapper .cmdReset a, #fo #commentListWrapper .cmdSave a, #fo #commentListWrapper .cmdReply a { text-decoration: none; }

#fo #commentListWrapper .waitApproval {
  color: red;
  font-weight: bold;
  /*margin-right: 20px;*/
  text-transform: uppercase;
}

/****************** RECAPTCHA **********************************************/
#fo .commentFormWrapper .commentReCaptcha input[type="text"] { width: 100% !important; }

#fo .blackListRequester{
  margin-top: 30px;
  color: red;
  font-size: 18px;
}

#fo .missingRecaptcha{
  margin-top: 50px;
  color: #ff0000;
  font-size:20px;
}

#fo .mainCommentField {
  display: none;
}