@charset "utf-8";
/*==================================
CSS Document : Overview
==================================*/
#float {
	margin: 0 auto;
	padding: 0px;
	clear: both;
	width: 100%;
}
#float:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
#float {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #float {
	height: 1%;
}
#float {
	display: block;
	zoom: 1;
}
/* End hide from IE-mac */

#bar_graph {
	margin: 0px;
	width: 100%;
}
#bar_graph p {
	color: #5d656e;
	font-size: 77%;
	font-weight: bold;
}
#bar_graph_bg {
	margin: 3px 0px;
	margin-top: 0px\9;
	height: 30px;
	min-height: 30px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_gray.gif) repeat;
}


/*==================================
CSS Document : Profile
==================================*/
#chart_record_log_daily {
	width: 100%;
	height: 150px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_log_daily, #record_log_weekly, #record_log_monthly {
	width: 100%; /* table */
	display: none;
}

/* AgentLevel - HunterLevel
----------------------------------*/
#record_agent, #record_hunter {
	position: relative;
}
#record_agent h3, #record_hunter h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_agent h3 span, #record_hunter h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_agent h3, #record_hunter h3, 
.lv_agent, .lv_hunter {
	z-index: 10;
	position: absolute;
	padding-left: 35px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.lv_agent, .lv_hunter {
	top: 3px;
	left: 1px;
	color: #c0c0c0;
	font-size: 20px;
}
.lv_agent {
	background: url(../img_contents/icon_agent.png) no-repeat 5px center;
}
.lv_hunter {
	background: url(../img_contents/icon_hunter.png) no-repeat 5px center;
}
.agent_exp_start, .agent_exp_end, .agent_exp, .agent_exp_total, 
.hunter_exp_start, .hunter_exp_end, .hunter_exp, .hunter_exp_total {
	display: none;
}
.bar_graph_agent, .bar_graph_hunter {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_agent {
	background: rgb(116,28,30); /* IE6,7 */
	background: rgba(232,56,61,0.5);
}
.bar_graph_hunter {
	background: rgb(34,75,105); /* IE6,7 */
	background: rgba(68,150,211,0.5);
}

.record_agent_exp span, .record_hunter_exp span {
	padding: 0px 3px;
	color: #c0c0c0;
}
.record_agent_exp em, .record_hunter_exp em {
	padding: 0px 3px;
	font-size: 108%;
	font-style: normal;
}
.record_agent_exp em {
	color: #e8383d;
}
.record_hunter_exp em {
	color: #4496d3;
}

/* Recovery
----------------------------------*/
#record_recovery, #record_recovery_aid {
	position: relative;
}
#record_recovery h3, #record_recovery_aid h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_recovery h3 span, #record_recovery_aid h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_recovery h3, #record_recovery_aid h3, 
.value_recovery, .value_recovery_aid {
	z-index: 10;
	position: absolute;
	padding-left: 35px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_recovery, .value_recovery_aid {
	top: 3px;
	left: 1px;
	color: #c0c0c0;
	font-size: 20px;
}
.value_recovery {
	background: url(../img_contents/icon_herb.png) no-repeat 5px center;
}
.value_recovery_aid {
	background: url(../img_contents/icon_aid.png) no-repeat 5px center;
}
.total_recovery, .total_recovery_aid {
	display: none;
}
.bar_graph_recovery, .bar_graph_recovery_aid {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_recovery {
	background: rgb(107,127,86); /* IE6,7 */
	background: rgba(214,255,173,0.5);
}
.bar_graph_recovery_aid {
	background: rgb(86,127,127); /* IE6,7 */
	background: rgba(173,255,255,0.5);
}

/* Help - Dying
----------------------------------*/
#chart_record_help, #chart_record_dying {
	position: relative;
	margin: -20px 0px;
	width: 100%;
	height: 330px;
}
#chart_record_help_ttl, #chart_record_dying_ttl {
	z-index: 1;
	position: absolute;
	top: 0px;
	width: 330px;
	height: 330px;
	color: #c0c0c0;
	font-size: 30px;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 330px;
}
#chart_record_help_ttl {
	text-shadow: 0px 0px 25px #9fc24d, 0px 0px 20px #9fc24d, 0px 0px 0.40px #9fc24d;
}
#chart_record_dying_ttl {
	text-shadow: 0px 0px 25px #752100, 0px 0px 20px #752100, 0px 0px 0.40px #752100;
}

#record_help, #record_dying {
	width: 100%; /* table */
	display: none;
}

/* MoveDist - Vehicle
----------------------------------*/
#chart_record_move_dist, #chart_record_vehicle {
	width: 100%;
	height: 150px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_move_dist, #record_vehicle {
	width: 100%; /* table */
	display: none;
}

/* PlayTime
----------------------------------*/
.TotalPlayTime, .TotalPlayNum, .TotalPoint {
	padding: 10px 5px;
	color: #c0c0c0;
	font-size: 100%;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
.TotalPlayTime {
	text-shadow: 0px 0px 25px #884898, 0px 0px 20px #884898, 0px 0px 0.40px #884898;
}
.TotalPlayNum {
	text-shadow: 0px 0px 25px #434da2, 0px 0px 20px #434da2, 0px 0px 0.40px #434da2;
}
.TotalPoint {
	text-shadow: 0px 0px 25px #5b58c4, 0px 0px 20px #5b58c4, 0px 0px 0.40px #5b58c4;
}
.TotalPlayTime em, .TotalPlayNum em, .TotalPoint em {
	padding: 0px 5px;
	color: #ffffff;
	font-size: 182%;
	font-style: normal;
}

.PlayTime, .PlayNum {
	margin-bottom: 10px;
	padding: 3px 5px;
	color: #5d656e;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #0d0d0d;
	background: url(../img_common/bg_dot_black.gif); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) rgba(0,0,0,0.5);
}
.PlayTime em, .PlayNum em {
	padding: 0px 5px;
	color: #a9a9a9;
	font-size: 131%;
	font-style: normal;
}


/*==================================
CSS Document : Records : Chapter
==================================*/
#panel_record_chapter, #panel_record_chapter_pre {
	padding: 0px 30px;
	float: left;
	width: 690px;
	max-height: 255px;
	min-height: 175px;
	background: url(../img_common/bg_cntframe_c.png) repeat-y left top;
	overflow: hidden;
}
#panel_record_chapter1, #panel_record_chapter2, #panel_record_chapter3 {
	float: left;
	width: 690px;
	height: 255px;
	display: block;
}
#panel_record_chapter4 {
	width: 690px;
	height: 175px;
	display: block;
}
#panel_record_chapter2, #panel_record_chapter3, #panel_record_chapter4 {
	display: none;
}

#panel_record_chapter ul, #panel_record_chapter_pre ul {
	padding: 10px 5px 0px 5px;
	float: left;
	width: 680px;
	background: url(../img_common/bg_dots_white1.png) repeat;
}
#panel_record_chapter ul li, #panel_record_chapter_pre ul li {
	float: left;
	list-style: none;
	font-size: 77%;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
	line-height: 22px;
}
#panel_record_chapter ul li a {
	margin: 0px 3px;
	float: left;
	list-style: none;
	width: 128px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(0,0,0,0.5);
	display: block;
}
#panel_record_chapter_pre ul li a {
	margin: 0px 3px;
	float: left;
	list-style: none;
	width: 162px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #1a1a1a;
	background: url(../img_common/bg_dot_black.gif) repeat rgb(0,0,0); /* IE6,7 */
	background: url(../img_common/bg_dot_black.gif) repeat rgba(0,0,0,0.5);
	display: block;
}
#panel_record_chapter ul li a:hover, #panel_record_chapter_pre ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
#panel_record_chapter ul li a.active, #panel_record_chapter_pre ul li a.active {
	color: #5b58c4;
	background-color: #000000;
}

#record_chapter1_box, #record_chapter2_box, #record_chapter3_box, #record_chapter4_box {
	float: left;
	width: 690px;
	overflow: hidden;
}
#record_chapter1_box1, #record_chapter1_box2, #record_chapter1_box3, #record_chapter1_box4, #record_chapter2_box1, #record_chapter2_box2, #record_chapter2_box3, #record_chapter2_box4, #record_chapter3_box1, #record_chapter3_box2, #record_chapter3_box3, #record_chapter3_box4, #record_chapter4_box1, #record_chapter4_box2, #record_chapter4_box3, #record_chapter4_box4 {
	float: left;
	width: 690px;
	display: block;
}
#record_chapter1_box2, #record_chapter1_box3, #record_chapter1_box4, #record_chapter2_box2, #record_chapter2_box3, #record_chapter2_box4, #record_chapter3_box2, #record_chapter3_box3, #record_chapter3_box4, #record_chapter4_box2, #record_chapter4_box3, #record_chapter4_box4 {
	display: none;
}

#record_chapter {
	padding: 10px;
	width: 100%; /* table */
	background: url(../img_common/bg_dots_key.png) repeat;
}
#record_chapter td.c_ttl {
	color: #ffffff;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-style: normal;
	text-align: center;
	text-shadow: 0px 0px 25px #5b58c4, 0px 0px 20px #5b58c4, 0px 0px 0.40px #5b58c4;
	background: url(../img_common/bg_dots_white1.png) repeat;
}
#record_chapter td.c_ttl span {
	color: #ffffff;
	font-size: 14px;
}
#record_chapter td.c_ttl1, #record_chapter td.c_ttl2, #record_chapter td.c_ttl3, #record_chapter td.c_ttl4, #record_chapter td.c_ttl5, #record_chapter td.c_ttl6, #record_chapter td.c_ttl7 {
	text-indent: -9999px;
}
#record_chapter td.c_ttl1 {
	background: url(../img_contents/chapter_ttl1.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl2 {
	background: url(../img_contents/chapter_ttl2.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl3 {
	background: url(../img_contents/chapter_ttl3.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl4 {
	background: url(../img_contents/chapter_ttl4.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl5 {
	background: url(../img_contents/chapter_ttl5.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl6 {
	background: url(../img_contents/chapter_ttl6.jpg) no-repeat center center #000000;
}
#record_chapter td.c_ttl7 {
	background: url(../img_contents/chapter_ttl7.jpg) no-repeat center center #000000;
}
#record_chapter td.c_medal1, #record_chapter td.c_medal2, #record_chapter td.c_medal3, #record_chapter td.c_medal4, #record_chapter td.c_medal5, #record_chapter td.c_medal6 {
	width: 60px;
	height: 60px;
	text-indent: -9999px;
}
#record_chapter td.c_medal1 {
	background: url(../img_contents/medal_c_rank_s.png) no-repeat center center #000000;
}
#record_chapter td.c_medal2 {
	background: url(../img_contents/medal_c_rank_a.png) no-repeat center center #000000;
}
#record_chapter td.c_medal3 {
	background: url(../img_contents/medal_c_rank_b.png) no-repeat center center #000000;
}
#record_chapter td.c_medal4 {
	background: url(../img_contents/medal_c_rank_c.png) no-repeat center center #000000;
}
#record_chapter td.c_medal5 {
	background: url(../img_contents/medal_c_rank_d.png) no-repeat center center #000000;
}
#record_chapter td.c_medal6 {
	background: url(../img_contents/medal_c_rank_lock.png) no-repeat center center #000000;
}


/*==================================
CSS Document : Records : ExtraContents
==================================*/
#chart_record_extra {
	width: 100%;
	height: 235px;
}
#chart_record_extra1, #chart_record_extra2, #chart_record_extra3, #chart_record_extra4, #chart_record_extra5, #chart_record_extra6, #chart_record_extra7 {
	width: 100%;
	height: 200px;
}
#chart_record_extra {
	background: url(../img_contents/extra_record_bg.png) no-repeat center center;
}
#chart_record_extra1 {
	background: url(../img_contents/extra1_record_bg.png) no-repeat right center;
}
#chart_record_extra2 {
	background: url(../img_contents/extra2_record_bg.png) no-repeat right center;
}
#chart_record_extra3 {
	background: url(../img_contents/extra3_record_bg.png) no-repeat right center;
}
#chart_record_extra4 {
	background: url(../img_contents/extra4_record_bg.png) no-repeat right center;
}
#chart_record_extra5 {
	background: url(../img_contents/extra5_record_bg.png) no-repeat right center;
}
#chart_record_extra6 {
	background: url(../img_contents/extra6_record_bg.png) no-repeat right center;
}
#chart_record_extra7 {
	background: url(../img_contents/extra7_record_bg.png) no-repeat right center;
}

#extra_mode_box {
	padding: 1px 5px;
	background: url(../img_common/bg_dots_white1_line.png) repeat;
}

#extra_mode_rank1, #extra_mode_rank2, #extra_mode_rank3, #extra_mode_rank4, #extra_mode_rank5, #extra_mode_rank6, #extra_mode_rank7 {
	margin: 5px 0px;
	width: 100%;
	-moz-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-webkit-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-o-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	-ms-box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	box-shadow: 0px 0px 5px rgba(57,63,76,0.7);
	background-color: #000000;
}
#extra_mode_rank1 {
	background: url(../img_contents/extra1_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank2 {
	background: url(../img_contents/extra2_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank3 {
	background: url(../img_contents/extra3_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank4 {
	background: url(../img_contents/extra4_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank5 {
	background: url(../img_contents/extra5_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank6 {
	background: url(../img_contents/extra6_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank7 {
	background: url(../img_contents/extra7_ttl_bg.jpg) no-repeat right center;
}
#extra_mode_rank1 p, #extra_mode_rank2 p, #extra_mode_rank3 p, #extra_mode_rank4 p, #extra_mode_rank5 p, #extra_mode_rank6 p, #extra_mode_rank7 p {
	padding: 0px 15px;
	line-height: 30px;
}

#record_extra, #record_extra1, #record_extra2, #record_extra3, #record_extra4, #record_extra5, #record_extra6, #record_extra7 {
	width: 100%; /* table */
	display: none;
}

.extra1_1st_rank, .extra2_1st_rank, .extra3_1st_rank, .extra4_1st_rank, .extra5_1st_rank, .extra6_1st_rank, .extra7_1st_rank, .extra_2nd_rank, .extra_3rd_rank {
	color: #808080;
	font-weight: bold;
}
.extra1_1st_rank strong, .extra2_1st_rank strong, .extra3_1st_rank strong, .extra4_1st_rank strong, .extra5_1st_rank strong, .extra6_1st_rank strong, .extra7_1st_rank strong, .extra_2nd_rank strong, .extra_3rd_rank strong {
	color: #ffffff;
	font-size: 116%;
	font-weight: normal;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-shadow: 0px 0px 25px #9f9dff, 0px 0px 20px #9f9dff, 0px 0px 0.40px #9f9dff;
}
.extra1_1st_rank em, .extra2_1st_rank em, .extra3_1st_rank em, .extra4_1st_rank em, .extra5_1st_rank em, .extra6_1st_rank em, .extra7_1st_rank em, .extra_2nd_rank em, .extra_3rd_rank em {
	font-size: 167%;
	font-style: normal;
	text-shadow: 1px 1px 2px #000000;
}
.extra1_1st_rank em {
	color: #e8383d;
}
.extra2_1st_rank em {
	color: #4496d3;
}
.extra3_1st_rank em {
	color: #37a34a;
}
.extra4_1st_rank em {
	color: #dc6b9a;
}
.extra5_1st_rank em {
	color: #ee7800;
}
.extra6_1st_rank em {
	color: #5a4498;
}
.extra7_1st_rank em {
	color: #800000;
}
.extra_2nd_rank em {
	color: #858d95;
}
.extra_3rd_rank em {
	color: #c9caca;
}


/*==================================
CSS Document : Records : Weapon
==================================*/
#chart_record_weapon, #chart_record_weapon_new {
	width: 100%;
	height: 175px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_weapon {
	width: 100%; /* table */
	display: none;
}


/*==================================
CSS Document : Records : Melee
==================================*/
#chart_record_melee1, #chart_record_melee2 {
	position: relative;
	margin: -20px 0px;
	width: 100%;
	height: 330px;
}
#chart_record_melee1_ttl, #chart_record_melee2_ttl {
	z-index: 1;
	position: absolute;
	top: 0px;
	width: 330px;
	height: 330px;
	color: #c0c0c0;
	font-size: 30px;
	font-family: serif;
	text-align: center;
	line-height: 330px;
}
#chart_record_melee1_ttl {
	text-shadow: 0px 0px 25px #418b89, 0px 0px 20px #418b89, 0px 0px 0.40px #418b89;
}
#chart_record_melee2_ttl {
	text-shadow: 0px 0px 25px #007199, 0px 0px 20px #007199, 0px 0px 0.40px #007199;
}

#record_melee1, #record_melee2 {
	width: 100%; /* table */
	display: none;
}

#chart_record_melee_ph, #chart_record_melee_sp {
	width: 100%;
	height: 150px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_melee_ph, #record_melee_sp {
	width: 100%; /* table */
	display: none;
}


/*==================================
CSS Document : Records : Medals
==================================*/
#chart_record_medals {
	width: 100%;
	height: 125px;
	background: url(../img_common/bg_dots_black3.png) repeat;
}

#record_medals {
	width: 100%;
	background: url(../img_common/bg_dots_black3.png) repeat;
}
#record_medals p {
	float: left;
}
#record_medals p span.tag1, #record_medals p span.tag2, #record_medals p span.tag3, #record_medals p span.tag4 {
	display: none;
}
#record_medals p span.medal_type1, #record_medals p span.medal_type2, #record_medals p span.medal_type3, #record_medals p span.medal_type4 {
	margin: 0px 15px 0px 50px;
	padding-left: 45px;
	float: left;
	color: #ffffff;
	font-size: 24px;
	font-family: "Book Antiqua", serif, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	line-height: 35px;
	text-shadow: 0px 0px 25px #9f9dff, 0px 0px 20px #9f9dff, 0px 0px 0.40px #9f9dff;
}
#record_medals p span.medal_type1 {
	background: url(../img_contents/medal_rank_s.png) no-repeat left center;
}
#record_medals p span.medal_type2 {
	background: url(../img_contents/medal_rank_a.png) no-repeat left center;
}
#record_medals p span.medal_type3 {
	background: url(../img_contents/medal_rank_b.png) no-repeat left center;
}
#record_medals p span.medal_type4 {
	background: url(../img_contents/medal_rank_c.png) no-repeat left center;
}


/*==================================
CSS Document : Records : Webbadge - Webmedal - Emblem
==================================*/
#record_webbadge, #record_webmedal, #record_emblem {
	position: relative;
}
#record_webbadge h3, #record_webmedal h3, #record_emblem h3 {
	top: 10px;
	right: 10px;
	color: #858d95;
	font-size: 10px;
	text-align: right;
}
#record_webbadge h3 span, #record_webmedal h3 span, #record_emblem h3 span {
	font-size: 14px;
	color: #ffffff;
}
#record_webbadge h3, #record_webmedal h3, #record_emblem h3, 
.value_webbadge, .value_webmedal, .value_emblem {
	z-index: 10;
	position: absolute;
	padding-left: 35px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000000;
	white-space: nowrap;
}
.value_webbadge, .value_webmedal, .value_emblem {
	top: 3px;
	left: 1px;
	color: #c0c0c0;
	font-size: 20px;
}
.value_webbadge {
	background: url(../img_contents/icon_web_badge.png) no-repeat 5px center;
}
.value_webmedal {
	background: url(../img_contents/icon_web_medal.png) no-repeat 5px center;
}
.value_emblem {
	background: url(../img_contents/icon_emblem.png) no-repeat 5px center;
}
.total_webbadge, .total_webmedal, .total_emblem {
	display: none;
}
.bar_graph_webbadge, .bar_graph_webmedal, .bar_graph_emblem {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 0px;
	height: 30px;
	display: inline-block;
}
.bar_graph_webbadge {
	background: rgb(91,91,127); /* IE6,7 */
	background: rgba(183,183,255,0.5);
}
.bar_graph_webmedal {
	background: rgb(80,108,119); /* IE6,7 */
	background: rgba(160,216,239,0.5);
}
.bar_graph_emblem {
	background: rgb(86,127,127); /* IE6,7 */
	background: rgba(173,255,255,0.5);
}