/* 
* Comments Ratings 2 Column css
* Description: Design file for jobs.
* Created on: May 07, 2011
* Last modified on: May 30, 2011
* Copyright 2011 Frontiers Media S.A. All Rights Reserved. 
*/
#commentsWrap { width:100%; float:left; margin:0; padding:0} 
#commentsWrap .toggleHolder{float:left; height:auto; padding:0; width:100%; }
#commentsWrap .toggleHolder span.userNameLink{ color:#3E3D40; float:left; font-size:12px; font-weight:bold; height:21px; line-height:12px; width:auto; margin-top:-2px }
#commentsWrap .toggleHolder span.userNameLink a{ color:#3E3D40; text-decoration:none; }
#commentsWrap .toggleHolder span.userNameLink a:hover{ color:#1B79B3; text-decoration:none; }
#commentsWrap .toggleHolder h4 {background:url("/Design/Images/RightNavUpArrow50.gif") no-repeat scroll 100% 0 transparent; color:#3E3D40; cursor:pointer; float:right; font-size:12px; font-weight:bold; height:15px !important; line-height:12px !important; padding:0 !important; width:10px; }
#commentsWrap .togglerowCover{float:left;width:100%; padding:0;  }
#commentsWrap .replyrow{ padding-left:30px;  padding-bottom:10px!important }
#commentsWrap .article_iml60 { background:#fff; display:block; float:left; padding:0; width:100% }
#commentsWrap .article_iml60 .commentsImage{ display: block; float: left; overflow: hidden; width: 60px;}
#commentsWrap .article_iml60 .commentsImage a{ color:#1B79B3; outline:0; text-decoration: none;}
#commentsWrap .article_iml60 .commentsImage a img{ float:left; border:0; z-index:5; position:relative;}
#commentsWrap .article_iml60 .article_text { padding:0 0 0 5px; min-height:60px;height:auto!important;height:60px; position:relative;float:left;width:615px;}
#commentsWrap .article_iml60 .article_text p { color:#3E3D40; font-size:12px; line-height:16px; margin:0; padding:0; top:-4px; position:relative;}
#commentsWrap .article_iml60 .article_text .btnwithtxtholder { float: left; margin: 0; padding: 15px 0 0; width: 100%; color: #707173 !important; font-size: 10px !important; line-height: 12px; }
#commentsWrap .article_iml60 .article_text .btnwithtxtholder p{color: #707173 !important; font-size: 10px !important; line-height: 12px; margin:0; padding:0; position:relative; top:0!important }
#commentsWrap .article_iml60 .article_text .btnwithtxtholder a{color: #1B79B3 !important; text-decoration: none!important;}
#commentsWrap .article_iml60 .article_text .btnwithtxtholder div { margin: 0; padding: 0;font-size: 10px !important; line-height: 12px;}
#commentsWrap .article_iml60 .txtWrapp { clear: both; float: left; margin: 0; padding: 0; width:100%; }
/* commentbox -> replaced by hideme/disblk for hide/show  */
#commentsWrap .txtWrapp .frmTxt95{background: #FFF; border: 1px solid #3E3D40; color: #3E3D40; float: right; font-family: "Lucida Grande","Trebuchet MS",Arial,sans-serif; font-size: 12px; height: 103px; padding: 5px 10px; width: 659px;}
.txtWrapp{clear:both;float:left;margin:0;padding:0 0 15px;width:681px}
.txtWrapp .frmTxt95{ width:658px}
#commentsWrap .replyrow .txtWrapp .frmTxt95 {width: 627px;}
#commentsWrap .togglerowCover .comtHolder{ background:#fff;border-top: 0 solid #707173;float: left; margin: 0!important; padding:0!important;  width: 100%; }
#commentsWrap .article_iml60.replyrow{ padding-left:32px!important;padding-bottom:10px!important; width:649px }
#commentsWrap .replyrow .article_text {padding:0 0 0 5px;min-height:60px;height:auto!important;height:60px;position:relative;float:left;width:583px;}
/* RATINGS STARS */
.starWrapping { float: left; margin: 0; padding: 0; width: 100% !important; }
.starWrapping_left{float:left;font-weight:bold;padding-left:10px;padding-top:0;width:45%}
.starWrapping_right{float:right;padding-right:10px;padding-top:0;text-align:right;width:45%}
.starWrapping .normalTxt { color: #3E3D40; font-size: 12px; line-height: 16px; margin: 0 0 10px; }
.ratingHolder { clear: left; color: #707173; display: inline; font-size: 12px; margin: 0; padding: 0; width: 100%; }
.ratingW25 { display: inline; float: left; padding-right: 5px; width: 25px; }
.starWrapping .w215 {width: 215px !important;}
.ratingstarHolder{color:#707173;display:inline;float:right;margin:0;padding:0;width:215px}
.starWrapping .ratingW25{display:inline;float:left;padding-right:5px;width:25px}
.starWrapping .ratingW45{display:inline;float:right;width:45px}
.rating { background: url("/Design/Images/star.jpg") no-repeat scroll 0 0 #FFFFFF; float: left; height: 14px; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; position: relative; width: 140px; }
ul.rating li { cursor: pointer; float: left; text-indent: -999em; }
ul.rating li a { height: 14px; left: 0; position: absolute; text-decoration: none; top: 0; width: 14px; z-index: 200; }
ul.rating li.eightS a { left: 98px; }
ul.rating li.fiveS a { left: 56px; }
ul.rating li.fourS a { left: 42px; }
ul.rating li.nineS a { left: 112px; }
ul.rating li.oneS a { left: 0; }
ul.rating li.sevenS a { left: 84px; }
ul.rating li.sixS a { left: 70px; }
ul.rating li.tenS a { left: 126px; }
ul.rating li.threeS a { left: 28px; }
ul.rating li.twoS a { left: 14px; }
.nostar { background-position: 0 0; }
.onestar { background-position: 0 -12px; }
.twostar { background-position: 0 -24px; }
.threestar { background-position: 0 -36px; }
.fourstar { background-position: 0 -48px; }
.fivestar { background-position: 0 -60px; }
.sixstar { background-position: 0 -72px; }
.sevenstar { background-position: 0 -84px; }
.eightstar { background-position: 0 -96px; }
.ninestar { background-position: 0 -108px; }
.tenstar { background-position: 0 -120px; }