body { font:0.75em/150% normal helvetica neue, arial, sans-serif; color:#000; } #rating-tagging { width: 304px; position: relative; background-color: #fff; font-size: small; } #rating-tagging div.panel { width: 150px; color: #2c5227; } #rating-tagging div.ratingpanel { float: left; background-color: #c5e1a8; } #rating-tagging div.taggingpanel { float: right; background-color: #7aab72; } #rating-tagging .clear { display: block; height: 1px; clear: both; } #rating-tagging .paneltop { margin: 0; padding: 0 7px; border-top: 1px solid #e0eed6; background-color: #e7f3dd; background-image: url(/imgs/common/rating-head-bg.gif); background-repeat: repeat-x; background-position: bottom left; } #rating-tagging .paneltop h3 { margin: 0; padding: 0; font-size: 90%; display: inline; } #rating-tagging .paneltop a:link, #rating-tagging .paneltop a:visited { display: block; float: right; font-size: 80%; color: #2c5227; } #rating-tagging .panel .box { border-top: 1px solid #fff; } #rating-tagging .panel .boxtop { position: relative;} #rating-tagging .panel .boxtop h4 { padding: 0 8px 0 22px; margin: 0; background-color: #bfd5bb; background-image: url(/imgs/common/rating-boxtop-bg.gif); background-repeat: repeat-x; background-position: bottom left; font-size: 90%; } #rating-tagging .ratingpanel .boxtop h4 { padding: 0 8px 0 22px; margin: 0; background-color: #eaf4df; background-image: url(/imgs/common/rating-boxtop-light-bg.gif); background-repeat: repeat-x; background-position: bottom left; font-size: 90%; } #rating-tagging div.taggingpanel .boxcontent a:link, #rating-tagging div.taggingpanel .boxcontent a:visited { text-decoration: none; color: #c7e0af; } #rating-tagging div.taggingpanel .boxcontent a:hover, #rating-tagging div.taggingpanel .boxcontent a:active { text-decoration: underline; } #rating-tagging .box .boxcontent { font-size: 90%; } #rating-tagging .box .boxcontent ul.tagcloud { margin: 8px; padding: 0; } #rating-tagging .box .boxcontent .inner { padding: 8px 7px 4px 7px; } #rating-tagging .boxcontent ul.tagcloud li { display:inline; font-size: 100%; list-style: none; } #rating-tagging .boxcontent ul.tagcloud li.important { font-weight: bold; } #rating-tagging .boxcontent ul.tagcloud li.x-important { font-weight: bold; font-size: 120%; } #rating-tagging .boxcontent ul.tagcloud li.xx-important { font-weight: bold; font-size: 150%; } #rating-tagging .boxcontent ul.tagcloud li.xxx-important { font-weight: bold; font-size: 200%; } #rating-tagging .ratingpanel span.rating { color: #36a530; /*jh text-transform: uppercase; */ padding-left: 2px; font-weight: bold; font-size: 70%; } #rating-tagging .ratingpanel div.msg { clear: left; } #rating-tagging .ratingpanel span.rater-segment { width: 14px; height: 13px; background-image: url(/imgs/common/rating-star.gif); background-repeat: no-repeat; background-position: left top; display: block; float: left; } #rating-tagging .ratingpanel span.selected { background-image: url(/imgs/common/rating-star-selected.gif); } #rating-tagging .ratingpanel div.msg { /*jh text-transform: uppercase; */ font-weight: bold; font-size: 80%; letter-spacing: -0.04em; } #rating-tagging .ratingpanel textarea { border: 0; font-family: arial, sans-serif; font-size: 100%; color: #2c5227; padding: 0.5em; width: 127px; } #rating-tagging .ratingpanel .fields { text-align: right; } #rating-tagging .ratingpanel input.submit { border: 0; color: #2c5227; background-color: #fff; font-weight: bold; font-family: arial, sans-serif; padding: 0.2em; } body.dynamic #rating-tagging .boxtop .contenttoggle { position: absolute; /* top: -1px; left: -15px; */ top: 0; left: 0; width: 10px; height: 1.3em; background-image: url(/imgs/common/rating-toggle-open.gif); background-position: 50%; background-repeat: no-repeat; } body.dynamic #rating-tagging #yourtags .boxtop .contenttoggle { position: absolute; /* top: -1px; left: 7px; */ top: 0; left: 0; width: 10px; height: 1.3em; background-image: url(/imgs/common/rating-toggle-open.gif); background-position: 50%; background-repeat: no-repeat; } body.dynamic #rating-tagging .closed .boxtop .contenttoggle { background-image: url(/imgs/common/rating-toggle-closed.gif); } a.addtag, a.addtag:visited {float:right; display: block; font-size:80%; padding:0 2px 0 0; margin:0px} #rating-tagging form { margin: 0; padding: 0; display: inline; }