/* Comments */

div#comments {width: 100%;}

div#comments div.column_left,
div#comments div.column_right {float: left; min-height: 1px;}

div#comments div.column_left {width: 60%; //margin-right: -100%;}
div#comments div.column_right {width: 39.99%; //margin-left: 60%; //display: inline; //margin-right: -1px;}


div#comments_progress {margin: 2.4em 0;}
div#comments_progress.hidden {display: none;}
div#comments_progress div {height: 20px; background: url('/f/1/global/i-loading-animated.gif') no-repeat 50% 0; font-size: 0;}

div#comments_container {margin-left: 10px;}


div#comments_header {position: relative; border-bottom: 1px solid #c6c6c6; margin-bottom: 0.8em; width: 100%;}

div#comments_header h2 {float: left; margin: 0 0.5em 0.4em 0; font-size: 1.4em; //display: inline;}
div#comments_header div.rating {float: left; width: 85px; margin: 0.4em 0; background: url('/f/1/global/star-0-big.gif') repeat-x 0 0;}
div#comments_header div.rating div {height: 17px; background: url('/f/1/global/star-1-big.gif') repeat-x 0 0; font-size: 0; text-indent: -9999px;}


div#comments_list {margin-bottom: 3.2em;}

div#comments_list div.comment {padding-bottom: 0.3em; border-bottom: 1px solid #c6c6c6; margin-bottom: 0.8em; width: 100%;}
div#comments_list div.comment p {margin-bottom: 1.2em;}
div#comments_list div.comment div.author {float: left; width: 25%; //margin-right: -100%;}
div#comments_list div.comment div.content {width: 75%; float: left; //margin-left: 25%; //display: inline;}
div#comments_list div.comment div.rating {width: 55px; margin-bottom: 0.3em; background: url('/f/1/global/star-0.gif') repeat-x 0 0;}
div#comments_list div.comment div.rating div {height: 11px; background: url('/f/1/global/star-1.gif') repeat-x 0 0; font-size: 0; text-indent: -9999px;}

div#comments_list div.comment div.author div.reducer {margin-right: 1.2em;}
div#comments_list div.comment div.author h3 {font-size: 0.8em; margin: 0 0 0.1em 0; font-weight: bold;}
div#comments_list div.comment div.author p.time {font-size: 0.7em; color: #959595;}

div#comments_list div.comment div.content p.img {padding: 8px; float: left; clear: left; border: 1px solid #e0e0e0;}
div#comments_list div.comment div.content p.img.hover {border: 3px solid #fed900; padding: 5px;}

div#comments_list div.comment div.comment {padding-bottom: 0; border-bottom: 0; margin: 0.3em 0 0 0;}
div#comments_list div.comment div.comment div.author div.reducer {margin-left: 2em;}
div#comments_list div.comment div.comment div.author h3 {color: #d92819;}
div#comments_list div.comment div.comment div.content div.reducer {border-left: 0.3em solid #ee1c24; margin-left: 1em; padding-left: 0.8em;}


div#comments_paging {margin-bottom: 3.2em;}

div#comments_paging div.pages {font-size: 1.1em; margin-bottom: 0.8em;}
div#comments_paging div.pages a,
div#comments_paging div.pages span {margin: 0.2em 0.7em; color: black;}
div#comments_paging div.pages span.selected {background-color: #fed900; padding: 0.2em 0.5em; margin: 0 0.2em;}
div#comments_paging div.pages span.caption {margin-left: 0;}
div#comments_paging div.pages span.hellip {margin: 0.2em 0;}

div#comments_paging div.arr {font-size: 0.8em; margin-left: 6em;}
div#comments_paging div.arr a,
div#comments_paging div.arr span {margin: 0 0.7em;}
div#comments_paging div.arr a {color: black;}
div#comments_paging div.arr span {color: #dbdbdb;}


div#comments_form {position: relative; left: 9.1%; width: 96%; margin: 2.4em 0 3.2em 0;}
div#comments_form_inner {padding: 1.2em 2em 0 1.2em; background-color: #f1f1f1; //height: 1px;}

div#comments_form form {margin: 0 0 1.5em 0;}
div#comments_form form .row {margin: 0 0 1em 0;}
div#comments_form form .type_submit {margin: 0;}
div#comments_form form .fieldset {margin: 0;}
div#comments_form form .fieldset .legend {font-size: 1em; margin: 0 0 0.2em 0;}
div#comments_form form .type_file .field {padding-right: 4.5em;}
div#comments_form form .type_file .field .repeat_control {position: absolute; right: 0; top: 0;}
div#comments_form form .type_file .field .repeat_control .button {width: 1.5em; margin-left: 0.3em;}

div#comments_form form div table {margin-bottom: 0.5em;}
div#comments_form form div table td {vertical-align: middle;}
div#comments_form form div table td div.image-reload {margin: 0 1em;}

div#comments_form form .note {font-size: 0.8em; margin-bottom: 2em;}

div#comment_mark_star img {cursor: pointer; cursor: hand; width: 16px; height: 16px; background: url('/f/1/global/star-hover.gif') no-repeat 0 -16px;}
div#comment_mark_star img.hover {background-position: 0 0;}
div#comment_mark_star.selected img {cursor: auto;}

div#comments_form_progress {position: absolute; bottom: 1.8em; left: 9.5em;}
div#comments_form_progress.hidden {display: none;}
div#comments_form_progress div {width: 20px; height: 20px; background: url('/f/1/global/i-loading-animated.gif') no-repeat 0 0; font-size: 0;}

div#comments_form_message {margin-bottom: 1em;}