/* ------------------
   General Layout
   ------------------ */


.mod_comments_new_alert {
  position: fixed;
  z-index: 1000000;
  bottom: 30px;
  left: 60px;
  opacity: 0;
}

.mod_comments_new_alert a {
  display: inline-block;
  padding: 10px;
}

.mod_comments_new_alert a:hover {
  text-decoration: none !important;  
}





.mod_comments {
	position: relative;
  margin: 0 auto;
}

.mod_comments .comments_posting_area {
  display: none;
  margin: 0 auto;
  padding: 30px 0 30px 0;
  display: none;
  width: 500px;
}

.mod_comments .registration_attract_area {
  display: none;  
}

.mod_comments .posting_blocked_area {
  display: none;
}

.mod_comments .comments_output_area {
  display: none;
  position: relative;
  margin: 0 auto;
  border-width: 0;
}




/* -------------------------------------------------
 * comment posting area
 */

.mod_comments .comments_posting_area textarea {
  display: block;
  width: 500px;
  height: 120px;
  background: #FAFAFA;
  color: #444444;
  border-color: #D5D5D5;
}

.mod_comments .comments_posting_area  .button_area {
  margin: 0 0 0 30px;
}

/*
.mod_comments .spinner-msg {
  color: #666666;
}

.mod_comments .comments_spinner {
  margin-top: -30px;
  min-height: 50px;
}
*/




/* ------------------
   INPUT AREA
   ------------------ */


.mod_comments .comments_posting_area .header {
  display: block;
  margin: 0 40px 2px 20px;
}

.mod_comments .comments_posting_area .header .post_comment_as_msg {
  margin: 0;
  color: #999999;
}

.mod_comments .comments_posting_area .main_post_area {
  margin: 0 auto 20px auto;
}

.mod_comments .comments_posting_area .main_post_area textarea {
  width: 100%;
  padding: 8px;
}











/* ---------------------------------------------------
 * COMMENT OUTPUT AREA
 */

.mod_comments .comments_output_area .comments_output_header {
  position: relative;
  margin: 0 25px 4px 25px;
  overflow: hidden;
  color: #999999;
}


.mod_comments .comments_output_area .comments_output_header .elem {
  display: block;
  padding: 2px 5px;
  color: #999999;
  border-radius: 3px;
  font-size: 14px;
  margin: 0;  
}
.mod_comments .comments_output_area .comments_output_header i {
  opacity: 0.5;
}


.mod_comments .comments_output_area .comments_output_header a:hover {
  text-decoration: none;
  background: #E5E5E5;
}


.mod_comments .comments_output_area .comments_output_header .post_new_comment {
  float: left;
}

.mod_comments .comments_output_area .comments_output_header .showing_message {
  float: right;
  margin: 0 10px 0 0;
}

.mod_comments .comments_output_area .comments_output_header .rss_feed_top {
  float: right;
}



.mod_comments .comments_output_area .comments_output {
  
}


.mod_comments .loading_comments_msg {
  display: none;
  margin: 10px auto 10px auto;
  min-height: 60px;
}


/* ---------------------------------------------------
 *  Individual Comments
 */

.mod_comments .comments_output .single_comment {
  margin: 0;
  padding: 0;
}





/* ---------------------------------------------------
 *  Register Attract
 */

.mod_comments .cant_post {
  width: 500px;
  font-size: 14px;
  background: #FAFAFA;
  text-align: center;
  margin: 30px auto 30px auto;
  color: #555555;
}


/* ---------------------------------------------------
 *  Register Attract
 */

.mod_comments .register_attract {
  width: 540px;
  margin: 10px auto 25px auto;
  overflow: hidden;
  background: #FAFAFA;
  text-align: center;
  color: #555555;
  padding: 10px;
}

.mod_comments .register_attract h2 {
  font-size: 20px;
}

.mod_comments .register_attract .register_header {
  margin: 0 0 10px 0;
}

.mod_comments .register_attract .attract_area {
  display: block;
  text-align: center;
  margin: 5px 0 0 0;
}


.mod_comments .register_attract .login {
  display: inline-block;
  padding: 5px 20px 5px 0;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #D5D5D5;
  font-size: 18px;
}

.mod_comments .register_attract .register {
  display: inline-block;
  padding: 5px 0 5px 20px;
  font-size: 18px;
}