.iframe_social_login {
	width:300px;
	height:250px;
	background:rgba(255,255,255,0.8);
	position:fixed;
	z-index:8888;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	border-radius:15px;
	-webkit-border-radius:15px;
	-webkit-box-shadow: 0px 0px 127px 39px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 127px 39px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 127px 39px rgba(0,0,0,0.75);
}

.solial_loginbox {
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:16px;
	padding:8px;
	color:#FFFFFF;
	background-color:rgba(0,0,0,0.2);
	margin-bottom:10px;
}

.solial_loginbox .solial_login {
	border-radius:3px;
	-webkit-border-radius:3px;
	display:inline-block;
	padding:3px 6px;
	background:#333;
	color:#FFF;
	text-decoration:none;
}

.solial_loginbox .solial_login:hover { text-decoration:none; }

.solial_loginbox .solial_login.fb_login { background:#3B5998; }
.solial_loginbox .solial_login.gplus_login { background:#DD4B39; }


.load_next_comments {
	cursor:pointer;
	border:3px solid #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:16px;
	padding:5px;
	background-color:rgba(255,255,255,0.1);
	text-align:center;
	margin-top:10px;
}

.load_next_comments:hover {
	background-color:rgba(255,255,255,0.8);
}

.comment_waiting_forreview {
	font-size:11px;
	color:red;
	font-style:italic;
}


.mod_comment_item.new_comment {
	-moz-animation: flash 2s ease-out;
  	-moz-animation-iteration-count: 1;
  	-webkit-animation: flash 2s ease-out;
  	-webkit-animation-iteration-count: 1;
  	-ms-animation: flash 2s ease-out;
  	-ms-animation-iteration-count: 1;
  	animation: flash 2s ease-out;
  	animation-iteration-count: 1;
}

@keyframes flash{0%{background-color:none;}30%{background-color:#ffff00;}100%{	background-color:none;}}
@-webkit-keyframes flash{0%{background-color:none;}30%{background-color:#ffff00;}100%{	background-color:none;}}
@-moz-keyframes flash{0%{background-color:none;}30%{background-color:#ffff00;}100%{	background-color:none;}}
@-ms-keyframes flash{0%{	background-color:none;}30%{	background-color:#ffff00;}100%{	background-color:none;}}

.comment_form {
	display:table;
	width:100%;
	border-spacing:10px;
}

.comment_form .comment_userinfos {
	font-size:16px;
	margin-bottom:5px;
}

.comment_form .comment_userinfos a {
	color:red;
}


.comment_form .cell {
	display:table-cell;
	vertical-align:middle;
}

.comment_form .cell.avatar img {
	width:70px;
	border-radius:100%;
	-webkit-border-radius:100%;
	border:3px solid #FFF;
}

.comment_form textarea.comment_message {
	border:3px solid #FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	font-size:16px;
	padding:5px;
	width:100%;
	height:70px;
	background-color:rgba(255,255,255,0.1);
}

.comment_form textarea.comment_message:hover, .comment_form textarea.comment_message:focus {
	background-color:rgba(255,255,255,0.8);
}

.comment_form button[type="submit"] {
	border:0px;
	width:60px;
	height:70px;
	background:transparent;
	font-size:50px;
	color:#FFFFFF;
}

.comment_form button[type="submit"]:hover, .comment_form button[type="submit"]:focus {
	font-size:55px;
}




.list_comments .mod_comment_item {
	display:table;
	width:100%;
	border-spacing:10px;
	border-bottom:1px solid rgba(0,0,0,0.2);
}

.list_comments .mod_comment_item:last-child {
	border-bottom:0px;
}

.list_comments .mod_comment_item .comment_userinfos {
	font-size:14px;
	margin-bottom:5px;
}

.list_comments .mod_comment_item .comment_usermessage {
	font-size:16px;
}

.list_comments .mod_comment_item .cell {
	display:table-cell;
	vertical-align:top;
}

.list_comments .mod_comment_item .cell.avatar img {
	width:50px;
	border-radius:5px;
	-webkit-border-radius:5px;
	border:3px solid #FFF;
	background-color:#FFF;
}

/* EMOTICONS */

/*
 * jQuery CSSEmoticons plugin 0.2.9
 *
 * Copyright (c) 2010 Steve Schwartz (JangoSteve)
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * Date: Sun Oct 22 1:00:00 2010 -0500
 */
 
 /* Basic styles for emoticons */
span.css-emoticon {
  font-family: Arial;
	font-weight: bold;
	font-size: 0.65em;
  color: #000000;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
 -webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
  width: 1.54em; /* note that this is a multiple of this span's font-size, not containing text font-size */
  height: 1.54em; /* so, relative to containing text, width and height are 0.9 x 1.6 = 1.44em */
  text-align: center;
  padding: 0;
  line-height: 1.34em;
  -moz-border-radius: 1.54em;
  -webkit-border-radius: 1.54em;
  border-radius: 1.54em;
  -moz-box-shadow: 1px -1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px -1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px -1px 2px rgba(0,0,0,0.5);
  border: 1px solid rgba(0,0,0,0.25);
  background-color: #ffcc00;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.41, rgb(255,204,0)),
    color-stop(0.56, rgb(255,221,85)),
    color-stop(1, rgb(255,238,170))
  );
  background-image: -moz-linear-gradient(
    center right,
    rgb(255,204,0) 41%,
    rgb(255,221,85) 56%,
    rgb(255,238,170) 100%
  );
  -webkit-transition:all 1s ease, color 0.5s;
	   -moz-transition:all 1s ease, color 0.5s;
	     -o-transition:all 1s ease, color 0.5s;
	        transition:all 1s ease, color 0.5s;
}

/* Styles for two-character emoticons that need more letter-spacing for proportionality */
span.css-emoticon.spaced-emoticon {
  padding-left: 0.2em;
  width: 1.34em;
  letter-spacing: 0.2em;
}

/* This is a dirty dirty hack, because webkit doesn't properly do the padding+width=total-width as it should
   I think the width of the border may be throwing things off, because it's more noticable for small icons */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  span.css-emoticon.spaced-emoticon {
    width: 1.4em;
  }
}

/* Styles for emoticons that need to have smaller characters to fit inside the circle */
span.css-emoticon.small-emoticon {
  font-size: 0.55em;
  width: 1.82em;
  height: 1.82em;
  line-height: 1.72em;
  -moz-border-radius: 1.82em;
  -webkit-border-radius: 1.82em;
  border-radius: 1.82em;
}

span.css-emoticon.small-emoticon.spaced-emoticon {
  padding-left: 0;
  width: 1.82em;
  letter-spacing: 0.1em;
}

/* Styles for additional colors */
span.css-emoticon.red-emoticon {
  background-color: #eb0542;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.41, rgb(235,5,66)),
    color-stop(0.56, rgb(235,38,90)),
    color-stop(1, rgb(250,55,110))
  );
  background-image: -moz-linear-gradient(
    center right,
    rgb(235,5,66) 41%,
    rgb(235,38,90) 56%,
    rgb(250,55,110) 100%
  );
}

span.css-emoticon.pink-emoticon {
  background-color: #ff8fd4;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(0.41, rgb(255,143,212)),
    color-stop(0.56, rgb(255,153,216)),
    color-stop(1,    rgb(255,173,225))
  );
  background-image: -moz-linear-gradient(
    center right,
    rgb(255,143,212) 41%,
    rgb(255,153,216) 56%,
    rgb(255,173,225) 100%
  );
}

/* styles for emoticons that need no rotation, like O_o */
span.css-emoticon.no-rotate { 
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  font-size: 0.45em;
  width: 2.2em;
  height: 2.2em;
  line-height: 1.9em;
  -moz-border-radius: 2.2em;
  -webkit-border-radius: 2.2em;
  border-radius: 2.2em;
  background-image: -webkit-gradient(
    linear,
    right bottom,
    right top,
    color-stop(0.41, rgb(255,204,0)),
    color-stop(0.56, rgb(255,221,85)),
    color-stop(1, rgb(255,238,170))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,204,0) 41%,
    rgb(255,221,85) 56%,
    rgb(255,238,170) 100%
  );
}

span.css-emoticon.no-rotate.red-emoticon {
  background-image: -webkit-gradient(
    linear,
    right bottom,
    right top,
    color-stop(0.41, rgb(235,5,66)),
    color-stop(0.56, rgb(235,38,90)),
    color-stop(1, rgb(250,55,110))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(235,5,66) 41%,
    rgb(235,38,90) 56%,
    rgb(250,55,110) 100%
  );
}

span.css-emoticon.no-rotate.pink-emoticon {
  background-image: -webkit-gradient(
    linear,
    right bottom,
    right top,
    color-stop(0.41, rgb(255,143,212)),
    color-stop(0.56, rgb(255,153,216)),
    color-stop(1,    rgb(255,173,225))
  );
  background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,143,212) 41%,
    rgb(255,153,216) 56%,
    rgb(255,173,225) 100%
  );
}

/* Styles for emoticons that need to be rotated counter-clockwise, like <3 */
span.css-emoticon.counter-rotated { 
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: -1px 1px 2px rgba(0,0,0,0.5);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.41, rgb(255,204,0)),
    color-stop(0.56, rgb(255,221,85)),
    color-stop(1, rgb(255,238,170))
  );
  background-image: -moz-linear-gradient(
    center left,
    rgb(255,204,0) 41%,
    rgb(255,221,85) 56%,
    rgb(255,238,170) 100%
  );
}

span.css-emoticon.counter-rotated.red-emoticon {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.41, rgb(235,5,66)),
    color-stop(0.56, rgb(235,38,90)),
    color-stop(1, rgb(250,55,110))
  );
  background-image: -moz-linear-gradient(
    center left,
    rgb(235,5,66) 41%,
    rgb(235,38,90) 56%,
    rgb(250,55,110) 100%
  );
}

span.css-emoticon.counter-rotated.pink-emoticon {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0.41, rgb(255,143,212)),
    color-stop(0.56, rgb(255,153,216)),
    color-stop(1,    rgb(255,173,225))
  );
  background-image: -moz-linear-gradient(
    center left,
    rgb(255,143,212) 41%,
    rgb(255,153,216) 56%,
    rgb(255,173,225) 100%
  );
}

/* Styles for animated states */
span.css-emoticon.un-transformed-emoticon, span.css-emoticon.animated-emoticon:hover {
    /* font-size: inherit;
    font-weight: inherit;
    vertical-align: inherit;
    line-height: inherit;
    font-family: inherit; */
    letter-spacing: inherit;
    color: inherit;
    overflow: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    background: none;
    background-image: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: transparent;
}

span.css-emoticon.nintendo-controller {
  font-size: .8em;
  height: 1.2em;
  line-height: 1em;
  width: 2.7em;
  vertical-align: bottom;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.09, rgb(116,121,140)),
      color-stop(0.55, rgb(165,170,189))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(116,121,140) 9%,
      rgb(165,170,189) 55%
  );
}