/*	comments.css - main styles used for the comments area
 *	Developed by e4education (www.e4education.co.uk)
 *  Edited on 30th July 2008 */
#comment_form, #comments_left                {clear: left; padding: 0 20px;}
#comment_form label                          {clear: left; float: left; margin: 0 5px 8px 0; width: 115px; text-align: right;}
#comment_form input, #comment_form textarea  {float: left;}
#comment_form form p                         {clear: left; margin-left: 115px;}
#comment_form h3, #comments_left h3          {border-bottom: 1px solid #999;}
#comment_list span.comment_name              {padding-left: 18px; background: url(../images/icons/silk/comment.gif) no-repeat left;}
ol#comment_list                              {margin: 10px; padding: 0;}
#comment_list li                             {margin-bottom: 15px; padding: 8px; background-color: #eee; list-style-position: inside;}
a.comment_report                             {padding-left: 22px; margin-left: 10px; background: url(../images/icons/silk/error.gif) no-repeat left;}
#comment_form_overlay                        {float: left; position: absolute; margin-top: 75px; height: 400px; border: 1px solid black; z-index: 10; }
.comment_required                            {padding: 0 2px; color: #f00;}
.formRowContainer		{display: block; clear: both; overflow: hidden; width: 100%;}
/* jQuery.Rating Plugin CSS - Please ensure that these styles remain */
.rating                           {display: block; clear: both; margin: 2em; text-align:center; cursor: pointer;}
.rating:after                     {content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; text-align: center;}
.cancel, .star                    {display: block; float: left; width: 17px; height: 15px; background: transparent; text-indent: -999em; cursor: pointer; overflow: hidden;}
.cancel, .cancel a                {background: url(../images/icons/ratings/delete.gif) no-repeat 0 -16px;}
.star, .star a                    {background: url(../images/icons/ratings/star.gif) no-repeat 0 0;}
.cancel a, .star a                {display: block; width: 16px; height: 100%; background-position: 0 0; border: none;}
.star_on a                        {background-position: 0 -16px!important;}
.star_hover a,.star_live a:hover  {background-position: 0 -32px;}
/* Read Only CSS */
.star_readonly a,
.star_readonly a:hover            {cursor: default!important;}
/* Partial Star CSS */
.star                             {background: transparent!important; overflow: hidden!important;}
/* END jQuery.Rating Plugin CSS */