/* Avatars */

.playerAvatar {
	padding: 3px;
	border-radius: 3px;
	background-color: #545454;
}
.playerAvatar.offline {

	background: -moz-linear-gradient(top, #706c6b 5%, #4e4d4d 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#706c6b), color-stop(95%,#4e4d4d));background: -webkit-linear-gradient(top, #706c6b 5%,#4e4d4d 95%);background: -o-linear-gradient(top, #706c6b 5%,#4e4d4d 95%);background: -ms-linear-gradient(top, #706c6b 5%,#4e4d4d 95%);background: linear-gradient(to bottom, #706c6b 5%,#4e4d4d 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706c6b', endColorstr='#4e4d4d',GradientType=0 );	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}
.playerAvatar.ignored {
}
	/* #8dccff to 6da1d0 */
.playerAvatar.online {
	background-color: #7bafd6;

	background: -moz-linear-gradient(top, #7bafd6 5%, #506d92 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#7bafd6), color-stop(95%,#506d92));background: -webkit-linear-gradient(top, #7bafd6 5%,#506d92 95%);background: -o-linear-gradient(top, #7bafd6 5%,#506d92 95%);background: -ms-linear-gradient(top, #7bafd6 5%,#506d92 95%);background: linear-gradient(to bottom, #7bafd6 5%,#506d92 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bafd6', endColorstr='#506d92',GradientType=0 );	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;
}
.playerAvatar.online img {
	border-color: #4d5761;
}
	/* gradient from #b3fc55 to #8cc82c */
.playerAvatar.in-game {
	background-color: #9bc861;

	background: -moz-linear-gradient(top, #9bc861 5%, #789e4c 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#9bc861), color-stop(95%,#789e4c));background: -webkit-linear-gradient(top, #9bc861 5%,#789e4c 95%);background: -o-linear-gradient(top, #9bc861 5%,#789e4c 95%);background: -ms-linear-gradient(top, #9bc861 5%,#789e4c 95%);background: linear-gradient(to bottom, #9bc861 5%,#789e4c 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc861', endColorstr='#789e4c',GradientType=0 );	/* IE <= 9 doesn't support rounded corners and gradient.  The gradient isn't too noticable so just disable the filter in IE9 */
	filter: none;

}
.playerAvatar.in-game img {
	border-color: #525a4f;
}
.playerAvatar {
	width: 34px;
	height: 34px;
	position: relative;
}
.playerAvatar img {
	width: 32px;
	height: 32px;
	border: 1px solid #545454;
	border-radius: 3px;
}

.playerAvatar.medium {
	width: 66px;
	height: 66px;
}
.playerAvatar.medium img {
	width: 64px;
	height: 64px;
}

.playerAvatar.full {
	width: 186px;
	height: 186px;
}
.playerAvatar.full img {
	width: 184px;
	height: 184px;
}

.playerAvatar.tiny {
	width: 22px;
	height: 22px;
	padding: 2px;
}
.playerAvatar.tiny img {
	width: 22px;
	height: 22px;
	border: none;
}

.playerAvatar_friendindicator {
	position: absolute;
	left: 26px;
	top: 23px;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images//friendindicator_small.png' );
	width: 20px;
	height: 20px;
	z-index: 2;

	cursor: pointer;
}

.persona, a.persona, .persona a {
	color:#898989;
}

.persona.online, a.persona.online, .persona.online a {
	color:#86b5d9;
}

.persona.in-game, a.persona.in-game, .persona.in-game a {
	color:#8bc53f;
}



.miniprofile_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
}

.miniprofile_hover_inner.shadow_content {
	margin: 11px;
}

.miniprofile_content {
	width: 302px;
	border-radius: 3px;

	color: #828282;
	font-size: 14px;
}

.miniprofile_top {
	border: 1px solid #333538;
	padding: 7px 8px;
background: -moz-linear-gradient(top, #33425a 5%, #282f3d 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#33425a), color-stop(95%,#282f3d));background: -webkit-linear-gradient(top, #33425a 5%,#282f3d 95%);background: -o-linear-gradient(top, #33425a 5%,#282f3d 95%);background: -ms-linear-gradient(top, #33425a 5%,#282f3d 95%);background: linear-gradient(to bottom, #33425a 5%,#282f3d 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33425a', endColorstr='#282f3d',GradientType=0 );;
}

.miniprofile_player {
	position: relative;
	min-height: 72px;
}

.miniprofile_player .playerAvatar {
	position: absolute;
	left: 0;
	top: 0;
}

.miniprofile_player .player_content {
	padding-left: 80px;
	word-wrap: break-word;
}

.miniprofile_player .playername {
	font-size: 16px;
}

.miniprofile_player .playername .nickname {
	color: #9b9b9b;
}

.miniprofile_favorite_badge {
	position: relative;

	margin-top: 7px;

	background-color: #282f3e;
	border: 1px solid #212121;
	border-radius: 3px;
	padding: 7px 4px;
	height: 34px;
}
.miniprofile_favorite_badge .favorite_badge_icon {
	position: absolute;
	top: 7px;
	left: 4px;
}
.miniprofile_favorite_badge .favorite_badge_icon img {
	width: 34px;
	height: 34px;
}
.miniprofile_favorite_badge .favorite_badge_description {
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 44px;
	padding-top: 3px;
}

.miniprofile_ingame {
	border-left: 1px solid #1f1f1f;
	border-right: 1px solid #1f1f1f;
	border-bottom: 1px solid #1f1f1f;

	padding: 8px;
	height: 45px;
	position: relative;

background: -moz-linear-gradient(top, #525151 5%, #292827 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#525151), color-stop(95%,#292827));background: -webkit-linear-gradient(top, #525151 5%,#292827 95%);background: -o-linear-gradient(top, #525151 5%,#292827 95%);background: -ms-linear-gradient(top, #525151 5%,#292827 95%);background: linear-gradient(to bottom, #525151 5%,#292827 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525151', endColorstr='#292827',GradientType=0 );}

.miniprofile_ingame .game_logo {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 121px;
	height: 45px;
}

.miniprofile_ingame .game_content {
	padding-left: 128px;
	padding-top: 6px;

	font-size: 12px;
}

.hover_arrow {
	position: absolute;
	top: 30px;
}

.miniprofile_arrow {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	width: 0;
	height: 0;
}

.miniprofile_arrow.left {
	border-right: 8px solid #313f56;
	left: 4px;
}

.miniprofile_arrow.right {
	border-left: 8px solid #313f56;
	right: 4px;
}

.miniprofile_arrow_inner {
	position: absolute;
	top: -6px;
	background-repeat: no-repeat;
	width: 7px;
	height: 1px;
}


.miniprofile_arrow.left .miniprofile_arrow_inner {
	left: 2px;
}

.miniprofile_arrow.right .miniprofile_arrow_inner {
	right: 2px;
}


/*
 * GENERIC POPUP
 */

.pulldown {
	padding-left: 5px;
	padding-right: 18px;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/popups/btn_arrow_down_padded.png' );
	background-position: right center;
	background-repeat: no-repeat;

	cursor: pointer;
}

span.popup_menu_pulldown_indicator {
	display: inline-block;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/popups/btn_arrow_down.png' );
	vertical-align: middle;
	width: 9px;
	height: 4px;
}


.popup_block_new {
	z-index: 200;
	position: absolute;
	box-shadow: 0 0 12px #000000;
}

.popup_block_new .popup_body {
	border: 1px solid #82807c;
	position: relative;

	background-color: #3b3938;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/popups/bg_popup.png' );
	background-repeat: repeat-x;
	background-position: top;
}

.popup_block_new .popup_body.popup_menu {
}

.popup_menu .popup_menu_item {
	display: block;
	padding: 5px 12px;
	color: #e5e4dc;

	text-transform: none;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
}

.popup_menu a.popup_menu_item {
	text-decoration: none;
}

.popup_menu span.popup_menu_item {
	cursor: default;
}

.popup_menu .popup_menu_item:hover, .popup_menu .popup_menu_item.focus {
	text-decoration: none;
	background-color: #212d3d;
}



.friendPlayerLevel {
	display: inline-block;
	font-size: 16px;
	border-radius: 16px;
	border: solid white 2px;
	height: 28px;
	width: 28px;
	line-height: 28px;
	text-align: center;

	cursor: default;
}


.friendPlayerLevel .friendPlayerLevelNum {
	color: #9b9b9b;
}

.friendPlayerLevel.lvl_0 {
	border-color: #9b9b9b;
}

.friendPlayerLevel.lvl_10 {
	border-color: #c02942;
}

.friendPlayerLevel.lvl_20 {
	border-color: #d95b43;
}

.friendPlayerLevel.lvl_30 {
	border-color: #fecc23;
}

.friendPlayerLevel.lvl_40 {
	border-color: #467a3c;
}

.friendPlayerLevel.lvl_50 {
	border-color: #4e8ddb;
}

.friendPlayerLevel.lvl_60 {
	border-color: #7652c9;
}

.friendPlayerLevel.lvl_70 {
	border-color: #c252c9;
}

.friendPlayerLevel.lvl_80 {
	border-color: #542437;
}

.friendPlayerLevel.lvl_90 {
	border-color: #997c52;
}

.friendPlayerLevel.lvl_100, .friendPlayerLevel.lvl_200 {
	border: none;
	border-radius: 0;
	background-repeat: no-repeat;
	background-position: 0 0;

	font-size: 14px;

	height: 32px;
	width: 32px;
	line-height: 32px;
}

.friendPlayerLevel.lvl_100 {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/community/levels_hexagons.png' );
}

.friendPlayerLevel.lvl_200 {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/community/levels_shields.png' );
}

.friendPlayerLevel.lvl_plus_10 {
	background-position: 0 -32px;
}
.friendPlayerLevel.lvl_plus_20 {
	background-position: 0 -64px;
}
.friendPlayerLevel.lvl_plus_30 {
	background-position: 0 -96px;
}
.friendPlayerLevel.lvl_plus_40 {
	background-position: 0 -128px;
}
.friendPlayerLevel.lvl_plus_50 {
	background-position: 0 -160px;
}
.friendPlayerLevel.lvl_plus_60 {
	background-position: 0 -192px;
}
.friendPlayerLevel.lvl_plus_70 {
	background-position: 0 -224px;
}
.friendPlayerLevel.lvl_plus_80 {
	background-position: 0 -256px;
}
.friendPlayerLevel.lvl_plus_90 {
	background-position: 0 -288px;
}

.newmodal {
	position: absolute;

	max-width: 900px;	/* our page width */
	min-width: 500px;
}

.newmodal_header_border {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: -moz-linear-gradient(top, #797272 5%, #2e2e2e 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#797272), color-stop(95%,#2e2e2e));background: -webkit-linear-gradient(top, #797272 5%,#2e2e2e 95%);background: -o-linear-gradient(top, #797272 5%,#2e2e2e 95%);background: -ms-linear-gradient(top, #797272 5%,#2e2e2e 95%);background: linear-gradient(to bottom, #797272 5%,#2e2e2e 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797272', endColorstr='#2e2e2e',GradientType=0 );	padding: 1px 1px 0 1px;
	border-bottom: 1px solid #4a4943;
}

.newmodal_header {
	height: 44px;
	line-height: 44px;
	padding: 0 16px;
	text-align: left;

	font-size: 16px;
	color: #ffffff;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #393937;
	background: -moz-linear-gradient(top, #484846 5%, #272626 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#484846), color-stop(95%,#272626));background: -webkit-linear-gradient(top, #484846 5%,#272626 95%);background: -o-linear-gradient(top, #484846 5%,#272626 95%);background: -ms-linear-gradient(top, #484846 5%,#272626 95%);background: linear-gradient(to bottom, #484846 5%,#272626 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484846', endColorstr='#272626',GradientType=0 );}

.newmodal_close {
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVBREZBRDlBNzdCNzExRTI5ODAzRUE3MDU0Mzk5MjM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVBREZBRDlCNzdCNzExRTI5ODAzRUE3MDU0Mzk5MjM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUFERkFEOTg3N0I3MTFFMjk4MDNFQTcwNTQzOTkyMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUFERkFEOTk3N0I3MTFFMjk4MDNFQTcwNTQzOTkyMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4iulRzAAABPElEQVR42mI8cuQIAyWABUqbAXEylH0fiDtwqI8FYhsoewEQH4cZcBaI64DYG8p/AVWADDyAeD4QMwPxJiA+BRJkgkr+BeJoIL4D5U8DYi0kzepAvAKq+TJU7V9kA0DgIxD7Q2lOIF4NpfmBeAuUfg3EPkD8BaaJCc2Z14A4EcoGuWAC1NkqQPwLqvkRsgYmLAG1HoiboOw0IA6EshNh/iZkAAjUA/FBJP5KIF6GTSEuAwygUQsDflAxogwQAuJ10AAExcpNKHsjEIsSMoAZGl2K0EALBeIIKFsOKSpxGtACxK5Qdi4QX4DiAqiYExB34TIgBIgrkAJtFpLcdKgYCBQBcRRMghGamUBxfhKIeaB+NkFOLFAAkjsDTZXfgdgK5DpYXvBGiqYpWDQzQMVAYZKDlDcuMFKanQECDAAqw0LA+GRiqAAAAABJRU5ErkJggg== );
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	float: right;
	margin-top: 14px;
	height: 16px;
	width: 16px;

	opacity: 0.7;
}

.newmodal_close:hover {
	opacity: 1;
}

.newmodal_content_border {
	background: -moz-linear-gradient(top, #4c4c4c 5%, #4a6279 95%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#4c4c4c), color-stop(95%,#4a6279));background: -webkit-linear-gradient(top, #4c4c4c 5%,#4a6279 95%);background: -o-linear-gradient(top, #4c4c4c 5%,#4a6279 95%);background: -ms-linear-gradient(top, #4c4c4c 5%,#4a6279 95%);background: linear-gradient(to bottom, #4c4c4c 5%,#4a6279 95%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4a6279',GradientType=0 );	background-color: #4c4c4c;
	padding: 0 1px 1px 1px;
}

.newmodal_content {
	background: -moz-linear-gradient(top, #252b33 5%, #1d1d1d 25%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#252b33), color-stop(25%,#1d1d1d));background: -webkit-linear-gradient(top, #252b33 5%,#1d1d1d 25%);background: -o-linear-gradient(top, #252b33 5%,#1d1d1d 25%);background: -ms-linear-gradient(top, #252b33 5%,#1d1d1d 25%);background: linear-gradient(to bottom, #252b33 5%,#1d1d1d 25%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252b33', endColorstr='#1d1d1d',GradientType=0 );	background-color: #1d1d1d;

	overflow: auto;
	word-wrap: break-word;

	padding: 15px 21px;

	font-size: 13px;
	color: #939393;
}

.newmodal_content_innerbg {
	background-color: #323233;
	border: 1px solid #4d4b49;
	padding: 8px;

	color: #8f8f8f;
}

.newmodal_buttons {
	text-align: right;
	margin-top: 12px;
}

.newmodal_buttons .btn_medium {
	margin-left: 12px;
}

.newmodal_prompt_description {
	font-size: 14px;
	margin-bottom: 8px;
}

.newmodal_prompt_input {
}

.newmodal_prompt_input input[type=text] {
	width: 100%;
}

.newmodal_prompt_textarea {
	height: 396px;
}

.newmodal_prompt_with_textarea {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 500px;
}

.gray_bevel input, .gray_bevel textarea {
	border: none;
	outline: none;
	background-color: #565658;
	font-size: 13px;
	color: #BFBFBF;
}

.gray_bevel.fullwidth {
	display: block;
}

.gray_bevel.fullwidth.for_text_input input, .gray_bevel.fullwidth textarea {
	width: 100%;
}

input.gray_bevel {
	height: 20px;
}

textarea.gray_bevel, .gray_bevel textarea {
	resize: none;
}

select.gray_bevel {
	background-color: #565658;
	border-radius: 3px;
	border: 1px solid #262627;
	box-shadow: 1px 1px 0px #39393a;
	color: #BFBFBF;

	margin-bottom: 6px;
	outline: none;

	padding: 0px;
	line-height: 27px;
	height: 27px;
	font-size: 14px;
}

.waiting_dialog_container
{
	line-height: 32px;
}

.waiting_dialog_throbber
{
	width: 32px;
	height: 32px;
	background: url( 'http://cdn.steamcommunity.com/public/images/login/throbber.gif' ) center center no-repeat;
	margin-right: 5px;
	float: left;
}

.emoticon_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1200;
}

.emoticon_hover_content {
	padding: 6px 10px 6px 6px;
	background-color: #3b3938;
	border: 1px solid #797979;

	margin: 12px;
	box-shadow: 0 0 12px #000000;
	white-space: nowrap;
}

.emoticon_hover_content.client {
	margin: 0;
	box-shadow: none;
	display: inline-block;
}

.emoticon_hover_content_inner {
	position: relative;
	min-height: 54px;
	padding-left: 62px;
	font-size: 13px;
}

.emoticon_hover_content_inner img.emoticon_large {
	position: absolute;
	left: 0;
	top: 0;
}

.emoticon_hover_title {
	padding-top: 8px;
	color: #898989;
}

.emoticon_hover_desc {
	color: #686868;
}

.emoticon_hover_arrow {
	width: 13px;
	height: 26px;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/popups/hover_arrow_both.gif' );
	background-repeat: no-repeat;

	position: absolute;
	top: 26px;
}

.emoticon_hover_arrow.left {
	background-position: left top;

	left: 0;
}

.emoticon_hover_arrow.right {
	background-position: right top;

	right: 0;
}

/* steam inbox */


/* notification box */

#header_notification_area {
	float: left;
	margin-right: 3px;
	margin-top: -6px;
	margin-left: 8px;
}

.header_notification_btn {
	position: relative;
	height: 29px;

	cursor: pointer;
}

.header_notification_empty {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/btn_notification_grey.png' );
	background-repeat: no-repeat;
	background-position: center top;
	width: 29px;
}

.header_notification_empty:hover, .header_notification_empty.focus {
	background-position: center bottom;
}

.header_notification_green {
	padding: 0 28px 0 10px;

	background-repeat: repeat-x;
	background-position: 0 -29px;

	line-height: 29px;
	font-weight: bold;
	color: #ffffff;
}

.header_notification_green, .header_notification_green .leftcap, .header_notification_green .rightcap {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/btn_notification_green.png?=1' );
}

.header_notification_green:hover, .header_notification_green.focus {
	background-position: 0 -87px;
}

.header_notification_green:hover .leftcap, .header_notification_green.focus .leftcap {
	background-position: 0 -58px;
}
.header_notification_green:hover .rightcap, .header_notification_green.focus .rightcap {
	background-position: right -58px;
}

.header_notification_green .leftcap {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 29px;
	background-position: left top;
}

.header_notification_green .rightcap {
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	height: 29px;
	background-position: right top;
}

#header_notification_dropdown .popup_menu_item {
	line-height: 30px;
	padding: 0 12px 0 12px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #bfbfbf;
}

#header_notification_dropdown .popup_menu_item.active_inbox_item {
	color: #70ba24;
}

.header_notification_dropdown_seperator {
	margin: 0 7px;
	height: 1px;
	background-color: #6b6865;
}

.notification_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 16px;

	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/inbox_icons_sprite.png' );
}

.header_notification_comments .notification_icon {
	background-position: 0 0;
}

.header_notification_items .notification_icon {
	background-position: 0 -16px;
}

.header_notification_invites .notification_icon {
	background-position: 0 -32px;
}

.header_notification_gifts .notification_icon {
	background-position: 0 -48px;
}

.header_notification_offlinemessages .notification_icon {
	background-position: 0 -64px;
}

/* these are shown conditionally so not a big deal that they aren't in the sprite */
.header_notification_tradeoffers .notification_icon {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/inbox_tradeoffers.png' );
}

.header_notification_asyncgame .notification_icon {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/inbox_async_game.png' );
}

.header_notification_asyncgameinvite .notification_icon {
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/inbox_async_game_invite.png' );
}


#header_parental_area {
	float: left;
	margin-right: 3px;
	margin-top: -6px;
	margin-left: 8px;
}

.header_parental_btn {
	position: relative;
	top: -1px;
	height: 30px;

	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/header/btn_parent.png' );
	background-position: center center;
	background-repeat: no-repeat;

	padding: 0 30px 0 10px;
}

#header_parental_link.header_parental_btn {
	cursor: pointer;
}

#header_parental_link.header_parental_locked:hover, .header_parental_locked.focus {
	background-position: 0 -86px;
}

#header_parental_link.header_parental_unlocked:hover, .header_parental_unlocked:focus {
	background-position: 0 -28px;
}

.header_parental_unlocked {
	background-position: 0 1px;
}

.header_parental_locked {
	background-position: 0 -57px;
}

/* dynamic links */
.dynamiclink_box {
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #404042;
	background-color: #343435;
	padding: 6px;
	margin: 10px 15% 10px 0px;
	height: 88px;
	-moz-box-shadow:    0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	box-shadow: 0 0 3px 0 #111111;

	cursor: pointer;
}

.dynamiclink_box.noPopup
{
	cursor: default;
}

.dynamiclink_box.workshop_item {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/sharedfiles/bg_shared_item_workshop.jpg' );
}

.dynamiclink_box.greenlight_item {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/sharedfiles/bg_shared_item_greenlight.jpg' );
}

.dynamiclink_box.webguide_item {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url( 'http://cdn.steamcommunity.com/public/shared/images/sharedfiles/bg_shared_item_guide.jpg' );
}

.dynamiclink_box.newspost .dynamiclink_description {
	padding-top: 10px;
}

.dynamiclink_box:hover {
	border-color: #97C0E3;
}

img.dynamiclink_preview {
	height: 88px;
	float: left;
	margin-right: 14px;
}
.dynamiclink_content {
	overflow: hidden;
	color: #898989;
	font-size: 11px;
	height: 88px;
	line-height: normal;
	text-align: left;
}
.dynamiclink_name {
	font-size: 14px;
	color: #e7e7e7;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dynamiclink_name .dynamiclink_type {
	color: #898989;
}
.dynamiclink_url {
	margin-top: 8px;
}
.dynamiclink_url a, .dynamiclink_author a {
	color: #bfbfbf;
	text-decoration: none;
}
.dynamiclink_url a:hover, .dynamiclink_author a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.dynamiclink_url a, .dynamiclink_authorname {
	color: #bfbfbf;
}

.dynamiclink_youtubeviewvideoembedded {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

/*
.dynamiclink_youtubeviewvideoembedded {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
	width: 580px;
	height: 353px;
}
*/
.dynamiclink_youtubeviewvideoembedded iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dynamiclink_youtubeviews {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #bfbfbf;
}