/*
------------------------------------------------------------------------------------------- manacost sprite
*/

.manacost 	{ float: right; display: inline-block; text-align: right; margin-right: 5px; }
.manasymbol { display: inline-block; background: url(/pix/csg-5065e68ae1ff5.png) no-repeat top left; }
.mana_1				{ background-position: 0 0; width: 25px; height: 25px; } 
.mana_10			{ background-position: -28px 0; width: 25px; height: 25px; } 
.mana_100			{ background-position: -56px 0; width: 25px; height: 25px; } 
.mana_1000000		{ background-position: -84px 0; width: 61px; height: 25px; } 
.mana_11			{ background-position: -148px 0; width: 25px; height: 25px; } 
.mana_12			{ background-position: -176px 0; width: 25px; height: 25px; } 
.mana_13			{ background-position: -204px 0; width: 25px; height: 25px; } 
.mana_14			{ background-position: -232px 0; width: 25px; height: 25px; } 
.mana_15			{ background-position: -260px 0; width: 25px; height: 25px; } 
.mana_16			{ background-position: -288px 0; width: 25px; height: 25px; } 
.mana_2				{ background-position: -316px 0; width: 25px; height: 25px; } 
.mana_2b			{ background-position: -344px 0; width: 25px; height: 25px; } 
.mana_2g			{ background-position: -372px 0; width: 25px; height: 25px; } 
.mana_2r			{ background-position: -400px 0; width: 25px; height: 25px; } 
.mana_2u			{ background-position: -428px 0; width: 25px; height: 25px; } 
.mana_2w			{ background-position: -456px 0; width: 25px; height: 25px; } 
.mana_3				{ background-position: -484px 0; width: 25px; height: 25px; } 
.mana_4				{ background-position: -512px 0; width: 25px; height: 25px; } 
.mana_5				{ background-position: -540px 0; width: 25px; height: 25px; } 
.mana_6				{ background-position: -568px 0; width: 25px; height: 25px; } 
.mana_7				{ background-position: -596px 0; width: 25px; height: 25px; } 
.mana_8				{ background-position: -624px 0; width: 25px; height: 25px; } 
.mana_9				{ background-position: -652px 0; width: 25px; height: 25px; } 
.mana_x				{ background-position: -680px 0; width: 25px; height: 25px; } 
.mana_c 			{ background-position: -5px -30px; width: 25px; height: 25px; }
.mana_b				{ background-position: -708px 0; width: 25px; height: 25px; } 
.mana_bg			{ background-position: -736px 0; width: 25px; height: 25px; } 
.mana_bp			{ background-position: -764px 0; width: 25px; height: 25px; } 
.mana_br			{ background-position: -792px 0; width: 25px; height: 25px; } 
.mana_g				{ background-position: -820px 0; width: 25px; height: 25px; } 
.mana_gp			{ background-position: -848px 0; width: 25px; height: 25px; } 
.mana_gu			{ background-position: -876px 0; width: 25px; height: 25px; } 
.mana_gw			{ background-position: -904px 0; width: 25px; height: 25px; } 
.mana_infinity		{ background-position: -932px 0; width: 25px; height: 25px; } 
.mana_0				{ background-position: -960px 0; width: 25px; height: 25px; } 
.mana_p				{ background-position: -988px 0; width: 25px; height: 25px; } 
.mana_q				{ background-position: -1016px 0; width: 25px; height: 25px; } 
.mana_r				{ background-position: -1044px 0; width: 25px; height: 25px; } 
.mana_rg			{ background-position: -1072px 0; width: 25px; height: 25px; } 
.mana_rp			{ background-position: -1100px 0; width: 25px; height: 25px; } 
.mana_rw			{ background-position: -1128px 0; width: 25px; height: 25px; } 
.mana_t				{ background-position: -1156px 0; width: 25px; height: 25px; } 
.mana_u				{ background-position: -1184px 0; width: 25px; height: 25px; } 
.mana_ub			{ background-position: -1212px 0; width: 25px; height: 25px; } 
.mana_up			{ background-position: -1240px 0; width: 25px; height: 25px; } 
.mana_ur			{ background-position: -1268px 0; width: 25px; height: 25px; } 
.mana_uw, .mana_wu	{ background-position: -1296px 0; width: 25px; height: 25px; } 
.mana_w				{ background-position: -1324px 0; width: 25px; height: 25px; } 
.mana_wb			{ background-position: -1352px 0; width: 25px; height: 25px; } 
.mana_wp			{ background-position: -1380px 0; width: 25px; height: 25px; } 
.smallmana			{ height: 16px; }

/*
------------------------------------------------------------------------------------------- bubbles sprite
*/

.bubble 	{ background: url(/pix/csg-4f804b4849a78.png) no-repeat; width: 48px; height: 48px; }
.cb_b		{ background-position: 0 0;  } 
.cb_br		{ background-position: -60px 0;  } 
.cb_brg		{ background-position: -120px 0;  } 
.cb_g		{ background-position: -180px 0;  } 
.cb_bg		{ background-position: -240px 0;  } 
.cb_ug		{ background-position: -300px 0;  } 
.cb_null	{ background-position: -360px 0;  } 
.cb_r		{ background-position: -420px 0;  } 
.cb_rg		{ background-position: -480px 0;  } 
.cb_u		{ background-position: -540px 0;  } 
.cb_ub		{ background-position: -600px 0;  } 
.cb_ubg		{ background-position: -660px 0;  } 
.cb_ubr		{ background-position: -720px 0;  } 
.cb_ubrg	{ background-position: -780px 0;  } 
.cb_ur		{ background-position: -840px 0;  } 
.cb_urg		{ background-position: -900px 0;  } 
.cb_w		{ background-position: -960px 0;  } 
.cb_wb		{ background-position: -1020px 0;  } 
.cb_wbg		{ background-position: -1080px 0;  } 
.cb_wbr		{ background-position: -1140px 0;  } 
.cb_wbrg	{ background-position: -1200px 0;  } 
.cb_wg		{ background-position: -1260px 0;  } 
.cb_wr		{ background-position: -1320px 0;  } 
.cb_wrg		{ background-position: -1380px 0;  } 
.cb_wu		{ background-position: -1440px 0;  } 
.cb_wub		{ background-position: -1500px 0;  } 
.cb_wubg	{ background-position: -1560px 0;  } 
.cb_wubr	{ background-position: -1620px 0;  } 
.cb_wubrg	{ background-position: -1680px 0;  } 
.cb_wug		{ background-position: -1740px 0;  } 
.cb_wur		{ background-position: -1800px 0;  } 
.cb_wurg	{ background-position: -1860px 0;  } 

/*
------------------------------------------------------------------------------------------- gauge sprite
*/

.gauge { background: url('/pix/gauge-sprite.png') no-repeat top left; width: 32px; height: 32px; display: inline-block; }
.gauge_0{ background-position: 0 0;  } 
.gauge_1{ background-position: -33px 0;  } 
.gauge_10{ background-position: -66px 0;  } 
.gauge_100{ background-position: -99px 0;  } 
.gauge_11{ background-position: -132px 0;  } 
.gauge_12{ background-position: -165px 0;  } 
.gauge_13{ background-position: -198px 0;  } 
.gauge_14{ background-position: -231px 0;  } 
.gauge_15{ background-position: -264px 0;  } 
.gauge_16{ background-position: -297px 0;  } 
.gauge_17{ background-position: -330px 0;  } 
.gauge_18{ background-position: -363px 0;  } 
.gauge_19{ background-position: -396px 0;  } 
.gauge_2{ background-position: -429px 0;  } 
.gauge_20{ background-position: -462px 0;  } 
.gauge_21{ background-position: -495px 0;  } 
.gauge_22{ background-position: -528px 0;  } 
.gauge_23{ background-position: -561px 0;  } 
.gauge_24{ background-position: -594px 0;  } 
.gauge_25{ background-position: -627px 0;  } 
.gauge_26{ background-position: -660px 0;  } 
.gauge_27{ background-position: -693px 0;  } 
.gauge_28{ background-position: -726px 0;  } 
.gauge_29{ background-position: -759px 0;  } 
.gauge_3{ background-position: -792px 0;  } 
.gauge_30{ background-position: -825px 0;  } 
.gauge_31{ background-position: -858px 0;  } 
.gauge_32{ background-position: -891px 0;  } 
.gauge_33{ background-position: -924px 0;  } 
.gauge_34{ background-position: -957px 0;  } 
.gauge_35{ background-position: -990px 0;  } 
.gauge_36{ background-position: -1023px 0;  } 
.gauge_37{ background-position: -1056px 0;  } 
.gauge_38{ background-position: -1089px 0;  } 
.gauge_39{ background-position: -1122px 0;  } 
.gauge_4{ background-position: -1155px 0;  } 
.gauge_40{ background-position: -1188px 0;  } 
.gauge_41{ background-position: -1221px 0;  } 
.gauge_42{ background-position: -1254px 0;  } 
.gauge_43{ background-position: -1287px 0;  } 
.gauge_44{ background-position: -1320px 0;  } 
.gauge_45{ background-position: -1353px 0;  } 
.gauge_46{ background-position: -1386px 0;  } 
.gauge_47{ background-position: -1419px 0;  } 
.gauge_48{ background-position: -1452px 0;  } 
.gauge_49{ background-position: -1485px 0;  } 
.gauge_5{ background-position: -1518px 0;  } 
.gauge_50{ background-position: -1551px 0;  } 
.gauge_51{ background-position: -1584px 0;  } 
.gauge_52{ background-position: -1617px 0;  } 
.gauge_53{ background-position: -1650px 0;  } 
.gauge_54{ background-position: -1683px 0;  } 
.gauge_55{ background-position: -1716px 0;  } 
.gauge_56{ background-position: -1749px 0;  } 
.gauge_57{ background-position: -1782px 0;  } 
.gauge_58{ background-position: -1815px 0;  } 
.gauge_59{ background-position: -1848px 0;  } 
.gauge_6{ background-position: -1881px 0;  } 
.gauge_60{ background-position: -1914px 0;  } 
.gauge_61{ background-position: -1947px 0;  } 
.gauge_62{ background-position: -1980px 0;  } 
.gauge_63{ background-position: 0 -33px;  } 
.gauge_64{ background-position: -33px -33px;  } 
.gauge_65{ background-position: -66px -33px;  } 
.gauge_66{ background-position: -99px -33px;  } 
.gauge_67{ background-position: -132px -33px;  } 
.gauge_68{ background-position: -165px -33px;  } 
.gauge_69{ background-position: -198px -33px;  } 
.gauge_7{ background-position: -231px -33px;  } 
.gauge_70{ background-position: -264px -33px;  } 
.gauge_71{ background-position: -297px -33px;  } 
.gauge_72{ background-position: -330px -33px;  } 
.gauge_73{ background-position: -363px -33px;  } 
.gauge_74{ background-position: -396px -33px;  } 
.gauge_75{ background-position: -429px -33px;  } 
.gauge_76{ background-position: -462px -33px;  } 
.gauge_77{ background-position: -495px -33px;  } 
.gauge_78{ background-position: -528px -33px;  } 
.gauge_79{ background-position: -561px -33px;  } 
.gauge_8{ background-position: -594px -33px;  } 
.gauge_80{ background-position: -627px -33px;  } 
.gauge_81{ background-position: -660px -33px;  } 
.gauge_82{ background-position: -693px -33px;  } 
.gauge_83{ background-position: -726px -33px;  } 
.gauge_84{ background-position: -759px -33px;  } 
.gauge_85{ background-position: -792px -33px;  } 
.gauge_86{ background-position: -825px -33px;  } 
.gauge_87{ background-position: -858px -33px;  } 
.gauge_88{ background-position: -891px -33px;  } 
.gauge_89{ background-position: -924px -33px;  } 
.gauge_9{ background-position: -957px -33px;  } 
.gauge_90{ background-position: -990px -33px;  } 
.gauge_91{ background-position: -1023px -33px;  } 
.gauge_92{ background-position: -1056px -33px;  } 
.gauge_93{ background-position: -1089px -33px;  } 
.gauge_94{ background-position: -1122px -33px;  } 
.gauge_95{ background-position: -1155px -33px;  } 
.gauge_96{ background-position: -1188px -33px;  } 
.gauge_97{ background-position: -1221px -33px;  } 
.gauge_98{ background-position: -1254px -33px;  } 
.gauge_99{ background-position: -1287px -33px;  }