div.social { margin:10px 0px 0px; padding:10px; background:transparent url(/img/new/hud/hud_background.png) repeat scroll 0 0; border:1px solid #555; }
div.social strong { float:left; font-weight:bold; }
div.social strong, div.social span { float:left; margin:3px 5px 0px 0px; }
div.social div#ratingMessage { float:left; font-weight:normal; margin:3px 0px 0px 10px; }

div.social ul.rating { float:left; list-style:none; margin:0px; padding:0px; width:80px; height:15px; position:relative; overflow:hidden; background:url(/img/star_rating.png) top left repeat-x; }
div.social ul.rating li { padding:0px; margin:0px; /*\*/ float:left; /* */ }
div.social ul.rating li a { display:block; width:16px; height:15px; line-height:15px; text-decoration:none; text-indent:-9000px; z-index:20; position:absolute; padding:0px; overflow:hidden; }
div.social ul.rating li a:hover { background:url(/img/star_rating.png) left bottom; z-index:2; left:0px; border:none; }
div.social ul.rating a.stars1 { left:0%; }
div.social ul.rating a.stars2 { left:20%; }
div.social ul.rating a.stars3 { left:40%; }
div.social ul.rating a.stars4 { left:60%; }
div.social ul.rating a.stars5 { left:80%; }
div.social ul.rating a.stars1:hover { width:20%; }
div.social ul.rating a.stars2:hover { width:40%; }
div.social ul.rating a.stars3:hover { width:60%; }
div.social ul.rating a.stars4:hover { width:80%; }
div.social ul.rating a.stars5:hover { width:100%; }
div.social ul.rating li.current { background:url(/img/star_rating.png) left center; position:absolute; height:15px; display:block; text-indent:-9000px; z-index:1; }
div.social ul.rating li a:active { outline:none; }

div.share { padding:10px; background:transparent url(/img/new/hud/hud_background.png) repeat scroll 0 0; border:1px solid #555; border-top:none; }
div.share h3 { clear:left; margin:9px 0px; padding:3px 0px 3px 20px; background-position:0px -16px; background-image:url(/social_widgets/css/img/collapse.gif); background-repeat:no-repeat; }
div.share h3.collapsed { background-position:0px 0px; }
div.share h3 a { font-weight:bold; font-size:10px; text-decoration:none; }
div.share div.panel { margin-left:20px; }
div.share div.input label { display:block; margin:12px 0px 2px 0px; font-weight:normal; }
div.share div.input label strong { font-weight:bold; }
div.share div.input input, div.share div.input textarea { width:400px; }
div.share div.input input, div.share div.input textarea, div.share div.submit input { color:#fee8ac; background-color:#120d0a; border:1px solid #555; }
div.share div.submit { width:400px; }
div.share div.submit a { float:right; display:block; width:121px; height:14px; font-size:1.1em; margin:10px 0px; padding:0px 0px 2px 0px; background:transparent url(/img/new/manage_army/link_background.png) no-repeat scroll 0 0; color:#fff; text-align:center; text-decoration:none; cursor:pointer; }
div.share div.submit a:hover { background-position:center bottom; color:#000; text-decoration:none; }
div.share ul { list-style-type:none; margin:0px; padding:0px; }
div.share ul li { float:left; width:20%; }
div.share ul li a { padding:4px 4px 4px 20px; margin:0px 5px; background-position:left center; background-repeat:no-repeat; color:#999; text-decoration:underline; }