.socialxe_comment fieldset{ border:0; clear:both;}
.socialxe_comment fieldset:after{ content:""; display:block; float:none; clear:both;}
.socialxe_comment legend { position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}

.socialxe_comment .inputTypeText { border: 1px #ccc solid; outline-style: none;}

/* Control Button + Submit Button */
.socialxe_comment span.socialxe_button,
.socialxe_comment span.socialxe_button button,
.socialxe_comment span.socialxe_button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../../../../../common/tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;}
.socialxe_comment span.socialxe_button { padding:0; background-position:left top;}
.socialxe_comment span.socialxe_button button,
.socialxe_comment span.socialxe_button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
.socialxe_comment span.socialxe_button.large { background-position:left -30px;}
.socialxe_comment span.socialxe_button.large button,
.socialxe_comment span.socialxe_button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
.socialxe_comment span.socialxe_button.xLarge { background-position:left -65px;}
.socialxe_comment span.socialxe_button.xLarge button,
.socialxe_comment span.socialxe_button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
.socialxe_comment span.socialxe_button.small { background-position:left -107px;}
.socialxe_comment span.socialxe_button.small button,
.socialxe_comment span.socialxe_button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

.socialxe_comment .comment_input { position: relative; }
.socialxe_comment .comment_input .poweredby { position: absolute; top: 10px; right: 10px; }

.socialxe_comment .service { margin: 0; padding: 10px 10px 5px 10px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #eee; background: #f6f6f6; border-bottom: 1px #eee solid;}
.socialxe_comment ul { margin: 0; padding: 0; list-style: none; }
.socialxe_comment .service li { float: left; margin: 0 5px 0 0; padding: 0; border: 0; }

.socialxe_comment .input { margin: 0; padding: 5px 10px 10px 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #eee; background: #f6f6f6;}
.socialxe_comment .input .name { margin: 5px 0; font-weight: bold; }
.socialxe_comment .input .name .master_change { font-weight: normal; font-size: 90%; cursor: pointer; color: black; text-decoration: none; }
.socialxe_comment .input .name .master_change_list { font-weight: normal; font-size: 90%; color: black; }
.socialxe_comment .input .name .master_change_list a { color: black; text-decoration: none; }

.socialxe_comment .input .socialxe_wrap { position: relative; }
.socialxe_comment .input .socialxe_wrap .socialxe_left { margin-right: 60px; border: 1px #f6f6f6 solid; }
.socialxe_comment .input .socialxe_wrap .submit { position: absolute; top: 0; right: 0; padding: 1px; width: 54px; height: 54px; }
.socialxe_comment .input .socialxe_wrap .submit input { width: 54px; height: 54px; background: url(../images/submit.gif) no-repeat; border: 0; }

.socialxe_comment .input .profile_image { position: absolute; top:1px; left: 0; }
.socialxe_comment .profile_image { width: 48px; height: 48px; background: white; border: 1px #ccc double; padding: 2px; }
.socialxe_comment .profile_image img { margin:0; padding: 0; width: 48px; height: 48px; border: 0;}

.socialxe_comment .content_input { position: relative; margin-left: 60px; border: 1px #ccc solid; padding: 2px; background: white;}
.socialxe_comment .content_input textarea { margin: 0; padding: 0; border: 0; height: 48px; width: 100%; resize: none; outline-style: none; overflow: auto;}
.socialxe_comment .content_input fieldset { margin: 0; padding: 0; }

.socialxe_comment .comment_list { padding: 0 10px; margin-bottom: 10px; }
.socialxe_comment .comment_list .info { margin-top: 10px; font-size: 9pt; }
.socialxe_comment .comment_list li { display: block; padding: 15px 0; border-bottom: 1px solid #efefef; }
.socialxe_comment .comment_list .profile_image { float: left; clear: left; width: 48px; height: 48px; background: white; border: 1px #ccc double; padding: 2px; }
.socialxe_comment .comment_list .profile_image img { margin:0; padding: 0; width: 48px; height: 48px; border: 0;}
.socialxe_comment .comment_list .socialxe_right { margin-left: 60px; }
.socialxe_comment .comment_list .content { padding-top: 5px; margin-bottom: 5px; line-height: 160%; }
.socialxe_comment .comment_list .date { font-size: 9pt; color: #666 }
.socialxe_comment .comment_list .name { font-weight: bold; }
.socialxe_comment .comment_list .name a { text-decoration: none; color: black; }
.socialxe_comment .name img { vertical-align: middle; }
.socialxe_comment .comment_list .more { text-align: center; padding: 5px; font-weight: bold; border: 1px #ddd solid; margin: 10px 0; cursor: pointer;}

.socialxe_comment .comment_list .command { text-align: right; font-size: 90%; font-weight: normal; }
.socialxe_comment .comment_list .command .write_comment { cursor: pointer; }
.socialxe_comment .comment_list .command a { color: black; text-decoration: none; }

.socialxe_comment .sub_comment { padding: 10px 0; }
.socialxe_comment .sub_comment li { padding: 5px 0; }
.socialxe_comment .sub_comment .name img { vertical-align: middle; }
.socialxe_comment .sub_comment .command { font-size: 90%; font-weight: normal; }
.socialxe_comment .sub_comment .command a { color: black; text-decoration: none;}
.socialxe_comment .sub_comment .write_comment { cursor: pointer; color: black; text-decoration: none; }
.socialxe_comment .sub_comment .content { padding-top: 5px; }

.socialxe_comment .sub_comment_input { position: relative; margin: 5px 0; }
.socialxe_comment .sub_comment_input .socialxe_left { margin-right: 80px; }
.socialxe_comment .sub_comment_input .socialxe_left input { width: 100%; }
.socialxe_comment .sub_comment_input .socialxe_right { margin: 0; position: absolute; top: 0; right: 5px; }
.socialxe_comment .sub_comment_input .socialxe_right input { width: 50px;  }

.socialxe_comment .socialxe_helper_info {display: none; }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.socialxe_comment .service li img { width: 32px; height: 32px; }
	.socialxe_comment .service li { margin-right: 10px; }
	.socialxe_comment .input .name .master_change,
	.socialxe_comment .input .name .master_change_list span { display: inline-block; padding: 5px; border: 1px solid #ccc; margin-bottom: 5px; }
}

/* IE6 css fixer v0.95: Thu, 30 Dec 2010 03:08:58 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.socialxe_comment .service li,
.socialxe_comment .comment_list .profile_image {display:inline;}

/* add zoom:1 to overflow:hidden */
.socialxe_comment legend {zoom:1;}

/* add zoom:1 to pos:relative elements */
.socialxe_comment span.socialxe_button,
.socialxe_comment span.socialxe_button button,
.socialxe_comment span.socialxe_button input,
.socialxe_comment .content_input,
.socialxe_comment .sub_comment_input,
.socialxe_comment .comment_input,
.socialxe_comment .input .socialxe_wrap {zoom:1;}

/* add zoom:1; display:inline; to inline-block elements */
.socialxe_comment span.socialxe_button,.socialxe_comment span.socialxe_button button,.socialxe_comment span.socialxe_button input {zoom:1;}

/* add overflow:visible to (submit) buttons */
 input, button {overflow:visible;}