﻿* {margin: 0; padding: 0;}
body {font: normal normal 12px Arial, Helvetica, sans-serif; color: #333;}
.comment {padding: 10px 0 0}
	.comment h3 {font: bold 11px Tahoma, Geneva, sans-serif; color: #999; background: url(/images/sprite_ico.png) no-repeat right -855px; padding: 0 20px 0 0; float: left}
.cm-form {float: left; width: 223px; }
	.cm-form label {display: block; color: #999; font-size: 11px; margin: 10px 0 3px}
	.cm-form input.formtext,
	.cm-form textarea {border: 1px solid #ddd; background: #fff; width: 200px; height: 20px;}
	.cm-form textarea {height: 140px}
	.cm-form input.formsubmit {color: #fff; background: #959595; border: none; text-transform:uppercase; font: bold 13px Arial, Helvetica, sans-serif; margin: 6px 0; padding: 3px 13px; border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;}
.cm-text {width: 384px; float: left}
	.cm-box {width: 380px; height: 240px; overflow: auto; border: 1px solid #ddd; padding: 10px}
.cmfcontent,
.count {clear: left; padding: 10px 0}
	.count {color: #999;font-size: 13px; font-weight: bold}
		.count span {font-style: italic }
	.guestinfo {color: #999; font-size: 11px; padding: 10px 0 0}
	.guestinfo strong {color: #666; padding: 0 20px 0 0}
	.guestcm {border-bottom: 1px solid #ddd; padding: 6px 0 12px}
	
/* -----------------------------------*/
/* ----------->>> HACK <<<------------*/
/* -----------------------------------*/
/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}