/* comment style defaults */
#fmCommentsWrapper .fmComment {
width:auto;
position:relative;
}
#fmCommentsWrapper .fmContent img {
display:block;
margin-bottom:1em;
}
#fmCommentsWrapper .fmUser {
float:left;
/*width:165px;*/
}
#fmCommentsWrapper .fmUser .fmAvatar {
padding:2px;
border:1px solid #ccc;
width:50px;
line-height:0px;
display:block;
float:left;
margin:0 5px 0 0;
background:#fff;
}
#fmCommentsWrapper .fmUser .fmAvatar:hover {border:1px solid #357db0;}
#fmCommentsWrapper .fmUser .fmAvatar img {width:100%;}
#fmCommentsWrapper .fmNoAvatar .fmAvatar {display:none;}
#fmCommentsWrapper .fmUser .fmInfo {
float:left;
}
#fmCommentsWrapper .fmUser .fmInfo .fmName {
/*width:340px;*/
color:#2c8184;
font-size:14px;
font-weight:bold;
text-decoration:none;
display:block;
}
#fmCommentsWrapper .fmUser .fmInfo a.fmName:hover {text-decoration:underline;}
#fmCommentsWrapper .fmUser .fmInfo .fmTimestamp {
font-size:11px;
color:#737373;
display:block;
}
#fmCommentsWrapper .fmRating {
font-size:11px;
font-weight:bold;
text-align:center;
width:30px;
height:29px;
background:url(../images/bg_like.gif) no-repeat top;
float:right;
margin-top:5px;
/*position:absolute;
top:0;
right:0;*/
}
#fmCommentsWrapper .fmRating .fmValue {
color:#f5821f;
}
#fmCommentsWrapper .fmRating .fmLike {
background:transparent url(images/button.gif) left center repeat-x;
display:block;
cursor:pointer;
/*border:1px solid #d0d0d0;
border-top:none;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);*/
}
#fmCommentsWrapper .fmRating a.fmLike {color:#fff;}
#fmCommentsWrapper .fmRating .fmLike:hover {background: transparent url(images/button.gif) left bottom repeat-x;}
#fmCommentsWrapper .fmContent {
float:left;
font-size:12px;
color:#444;
padding:10px 0 30px;
}
#fmCommentsWrapper .fmContent .fmMedia {width:auto;}
#fmCommentsWrapper .fmContent .fmMedia img {
width:100%;
border-top:1px solid #eee;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:2px solid #ccc;
padding:5px;
background-color:#fff;
}


/* comment style 1 */
#fmCommentsWrapper .s1 .fmComment {
padding:0 0 12px 0;	
margin:0 0 12px 0;
border-bottom:1px solid #fff;
clear:both;
width:455px;
}
#fmCommentsWrapper .s1 .fmUser {
float:left;
width:175px;
/*position:relative;*/
}
#fmCommentsWrapper .s1 .fmContent {
clear:both;
float:left;
margin-top:5px;
padding:0;
width:400px;
/*margin:-37px 60px 0 135px;
position:relative;
top:0;*/
}
#fmCommentsWrapper .s1 .fmRating .fmValue {
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
}
#fmCommentsWrapper .s1 .fmRating .fmLike {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;	
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:2px;
}


/* comment style 2 */
#fmCommentsWrapper .s2 .fmComment {
border-bottom:1px solid #ccc;
padding:20px 0 20px 0;	
}
#fmCommentsWrapper .s2 .fmUser {
float:none;
width:auto;
position:relative;
}
#fmCommentsWrapper .s2 .fmUser .fmAvatar {
width:16px;
padding:1px;
}
#fmCommentsWrapper .s2 .fmUser .fmInfo .fmName {font-size:11px;}
#fmCommentsWrapper .s2 .fmContent {
float:left;
font-size:11px;
margin:-2.3em 0 0 140px;
padding:0;
border:none;
width:auto;
position:relative;
top:0;
}
#fmCommentsWrapper .s2 .fmRating {display:none;}


/* comment style 3 */
#fmCommentsWrapper .s3 .fmComment {position:relative;}
#fmCommentsWrapper .s3 .fmUser, #fmCommentsWrapper .s3 .fmInfo {
float:none;
width:100%;
}
#fmCommentsWrapper .s3 .fmUser {
background-color:#eee;
border-bottom:1px solid #ddd;
}
#fmCommentsWrapper .s3 .fmUser .fmAvatar {
width:16px;
padding:2px;
border:none;
}
#fmCommentsWrapper .s3 .fmUser .fmInfo {padding:3px 0 0 0;}
#fmCommentsWrapper .s3 .fmUser .fmInfo .fmName {font-size:12px;}
#fmCommentsWrapper .s3 .fmUser .fmInfo .fmName, #fmCommentsWrapper .s3 .fmUser .fmInfo .fmTimestamp {display:inline;}
#fmCommentsWrapper .s3 .fmContent {
float:none;
padding:10px 5px 40px;
border:none;
margin:0;
width:100%;
}
#fmCommentsWrapper .s3 .fmRating {
display:none;
position:absolute;
top:3px;
right:3px;
width:80px;
line-height:1.2em;
}
#fmCommentsWrapper .s3 .fmRating .fmValue {
width:40px;
float:left;
background-color:#ccc;
}
#fmCommentsWrapper .s3 .fmRating .fmLike {
width:40px;
float:left;
}


/* comment style 4 */
#fmCommentsWrapper .s4 .fmComment {
position:relative;
padding:20px 0;
border-bottom:1px solid #e6e6e6 !important;
}
#fmCommentsWrapper .s4 .fmUser {
padding-bottom:40px;
position:relative;
}
#fmCommentsWrapper .s4 .fmUser, #fmCommentsWrapper .s4 .fmUser .fmInfo {
float:none;
width:auto;
}

#fmCommentsWrapper .s4 .fmUser .fmAvatar {margin-right:20px;}
#fmCommentsWrapper .s4 .fmUser .fmName, #fmCommentsWrapper .s4 .fmUser .fmTimestamp {
font-size:12px;
float:none;
display:inline;
}
#fmCommentsWrapper .s4 .fmContent {
padding:0;
border:0;
margin:-65px 0 0 77px;
width:auto;
position:relative;
}
#fmCommentsWrapper .s4 .fmRating {
position:absolute;
top:87px;
left:0;
width:56px;
}
#fmCommentsWrapper .s4 .fmRating .fmValue {
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:2px;
}
#fmCommentsWrapper .s4 .fmRating .fmLike {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;	
-webkit-border-bottom-left-radius:2px;
-webkit-border-bottom-right-radius:2px;
}


/* styles without avatars */
#fmCommentsWrapper .s1.fmNoAvatar .fmContent {
margin-top:-28px;
margin-left:145px;
}

#fmCommentsWrapper .s1.fmNoAvatar .fmInfo {width:120px;}
#fmCommentsWrapper .s3.fmNoAvatar .fmName {margin-left:4px;}
#fmCommentsWrapper .s2.fmNoAvatar .fmUser .fmInfo {width:125px;}
#fmCommentsWrapper .s4.fmNoAvatar .fmRating {
position:relative;
top:0;
left:0;
}