/* grabwell combined stylesheet */



/* source: assets/css/motiva_sans.css */

/*


 Font: 		Motiva Sans


 URL: 		http://www.youworkforthem.com/product.php?sku=T2982


 Foundry: 	Niramekko


 Foundry: 	http://www.youworkforthem.com/designer/293/niramekko


 Copyright:	Copyright  2011 by Rodrigo Saiani. All rights reserved.


 Version: 	1.0


 Created:	August 09, 2012


 License: 	http://www.youworkforthem.com/font-license


 License: 	The WebFont(s) listed in this document must follow the YouWorkForThem


			 WebFont license rules. All other parties are strictly restricted


			 from using the WebFonts(s) listed without a purchased license.


			 All details above must always remain unaltered and visible in your CSS.


 */





@font-face {


	font-family: 'Motiva Sans';


	src: url('/_archive/community/assets/fonts/motiva-sans.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Medium';


	src: url('/_archive/community/assets/fonts/motiva-sans-medium.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-medium.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-medium.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-medium.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-medium.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Light';


	src: url('/_archive/community/assets/fonts/motiva-sans-light.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-light.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-light.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-light.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-light.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Regular Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-regular-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-regular-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-regular-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-regular-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-regular-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Bold Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-bold-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-bold-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-bold-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-bold-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-bold-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Bold';


	src: url('/_archive/community/assets/fonts/motiva-sans-bold.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-bold.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-bold.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-bold.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-bold.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Thin';


	src: url('/_archive/community/assets/fonts/motiva-sans-thin.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-thin.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-thin.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-thin.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-thin.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Light Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-light-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-light-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-light-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-light-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-light-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}



/* source: assets/css/buttons.css */

.btn_green_white_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #D2E885 !important;





				background: #a4d007;


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





	.btn_green_white_innerfade > span {


		border-radius: 2px;


		display: block;








					background: #799905;


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





.btn_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





				background: #b6d908;


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





	.btn_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


					background: #a1bf07;


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





.btn_blue_white_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #fff !important;





				background: #aaceff;


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





	.btn_blue_white_innerfade > span {


		border-radius: 2px;


		display: block;








					background: #82a6d7;


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





.btn_blue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





				background: #bbd8ff;


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





	.btn_blue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


					background: #9ab7de;


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





.btn_darkblue_white_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #A4D7F5 !important;





				background: rgba(47,137,188,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(47,137,188,1)), color-stop(95%,rgba(23,67,92,1)));background: -moz-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -webkit-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -o-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -ms-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: linear-gradient( to bottom, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);	}





	.btn_darkblue_white_innerfade > span {


		border-radius: 2px;


		display: block;








					background: rgba(33,101,138,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(33,101,138,1)), color-stop(95%,rgba(23,67,92,1)));background: -moz-linear-gradient( top, rgba(33,101,138,1) 5%, rgba(23,67,92,1) 95%);background: -webkit-linear-gradient( top, rgba(33,101,138,1) 5%, rgba(23,67,92,1) 95%);background: -o-linear-gradient( top, rgba(33,101,138,1) 5%, rgba(23,67,92,1) 95%);background: -ms-linear-gradient( top, rgba(33,101,138,1) 5%, rgba(23,67,92,1) 95%);background: linear-gradient( to bottom, rgba(33,101,138,1) 5%, rgba(23,67,92,1) 95%);			}





.btn_darkblue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #ffffff !important;





				background: rgba(102,192,244,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -moz-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -o-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -ms-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);	}





	.btn_darkblue_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





	.btn_darkblue_white_innerfade.btn_active, btn_darkblue_white_innerfade.active {


	text-decoration: none !important;


	color: #323b49 !important;





		background: #fff !important;			}





	.btn_darkblue_white_innerfade.btn_active > span, btn_darkblue_white_innerfade.active > span {


					background: #989b9e;


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





	.btn_grey_white_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #fff !important;





				background: #acb5bd;


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





	.btn_grey_white_innerfade > span {


		border-radius: 2px;


		display: block;








					background: #778088;


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





.btn_grey_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





				background: #cfd8e0;


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





	.btn_grey_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


					background: #99a2aa;


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





.btn_grey_grey {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #ebebeb !important;





	background: rgba( 0, 0, 0, 0.4);	}





	.btn_grey_grey > span {


		border-radius: 2px;


		display: block;








		background: transparent;			}





.btn_grey_grey:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #000 !important;





	background: #7bb7e3;	}





	.btn_grey_grey:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





.btn_grey_grey_outer_bevel {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #ebebeb !important;





	background: #000;	}





	.btn_grey_grey_outer_bevel > span {


		border-radius: 2px;


		display: block;








					background: #2B2B2B;


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





.btn_grey_grey_outer_bevel:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #ebebeb !important;





				background: #57749e;


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





	.btn_grey_grey_outer_bevel:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


					background: #445b7c;


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








.btn_grey_grey_outer_bevel:not(:hover) > span {


	box-shadow: inset 0 1px 1px #434343;


}


.btn_grey_black {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #67c1f5 !important;





	background: rgba(0, 0, 0, 0.5 );	}





	.btn_grey_black > span {


		border-radius: 2px;


		display: block;








		background: transparent;			}





.btn_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





	background: rgba( 102, 192, 244, 0.4 );	}





	.btn_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





	.btn_grey_black.btn_active, btn_grey_black.active {


	text-decoration: none !important;


	color: #fff !important;





		background: rgba( 102, 192, 244, 0.2 );;			}





	.btn_grey_black.btn_active > span, btn_grey_black.active > span {


		background: transparent;			}





	.btn_black {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #ebebeb !important;





	background: #000;	}





	.btn_black > span {


		border-radius: 2px;


		display: block;








		background: transparent;			}





.btn_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #000 !important;





	background: #97C0E3;	}





	.btn_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





.btnv6_blue_hoverfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #67c1f5 !important;





	background: rgba( 103, 193, 245, 0.2 );	}





	.btnv6_blue_hoverfade > span {


		border-radius: 2px;


		display: block;








		background: transparent;			}





.btnv6_blue_hoverfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





				background: #417a9b;


			background: -webkit-gradient(linear, left top, right top, color-stop(5%,#417a9b), color-stop(95%,#67c1f5));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417a9b', endColorstr='#67c1f5',GradientType=1 );background: -moz-linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%););background: -webkit-linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%););background: -o-linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%););background: -ms-linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%););background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%););	}





	.btnv6_blue_hoverfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





	.btnv6_blue_hoverfade.btn_active, btnv6_blue_hoverfade.active {


	text-decoration: none !important;


	color: #fff !important;





		background: rgba( 103, 193, 245, 0.6 );;			}





	.btnv6_blue_hoverfade.btn_active > span, btnv6_blue_hoverfade.active > span {


		background: transparent;			}





	.btnv6_lightblue_blue {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #2B5066 !important;





				background: rgba(193,228,249,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(193,228,249,1)), color-stop(95%,rgba(148,183,202,1)));background: -moz-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);background: -webkit-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);background: -o-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);background: -ms-linear-gradient( top, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);background: linear-gradient( to bottom, rgba(193,228,249,1) 5%, rgba(148,183,202,1) 95%);	}





	.btnv6_lightblue_blue > span {


		border-radius: 2px;


		display: block;








		background: transparent;		text-shadow: 1px 1px 0px rgba( 255, 255, 255, 0.1 );	}





.btnv6_lightblue_blue:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #ffffff !important;





				background: rgba(102,192,244,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -moz-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -o-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -ms-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);	}





	.btnv6_lightblue_blue:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





.btnv6_blue_blue_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #A4D7F5 !important;





				background: rgba(47,137,188,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(47,137,188,1)), color-stop(95%,rgba(23,67,92,1)));background: -moz-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -webkit-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -o-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: -ms-linear-gradient( top, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);background: linear-gradient( to bottom, rgba(47,137,188,1) 5%, rgba(23,67,92,1) 95%);	}





	.btnv6_blue_blue_innerfade > span {


		border-radius: 2px;


		display: block;








		background: transparent;		text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.1 );	}





.btnv6_blue_blue_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #ffffff !important;





				background: rgba(102,192,244,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -moz-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -o-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -ms-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);	}





	.btnv6_blue_blue_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





.btnv6_green_white_innerfade {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #D2E885 !important;





				background: rgba(121,153,5,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(121,153,5,1)), color-stop(95%,rgba(83,105,4,1)));background: -moz-linear-gradient( top, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);background: -webkit-linear-gradient( top, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);background: -o-linear-gradient( top, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);background: -ms-linear-gradient( top, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);background: linear-gradient( to bottom, rgba(121,153,5,1) 5%, rgba(83,105,4,1) 95%);	}





	.btnv6_green_white_innerfade > span {


		border-radius: 2px;


		display: block;








		background: transparent;		text-shadow: -1px -1px 0px rgba( 0, 0, 0, 0.1 );	}





.btnv6_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #ffffff !important;





				background: rgba(164,208,7,1);


			background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(164,208,7,1)), color-stop(95%,rgba(107,135,5,1)));background: -moz-linear-gradient( top, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);background: -webkit-linear-gradient( top, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);background: -o-linear-gradient( top, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);background: -ms-linear-gradient( top, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);background: linear-gradient( to bottom, rgba(164,208,7,1) 5%, rgba(107,135,5,1) 95%);	}





	.btnv6_green_white_innerfade:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





.btnv6_grey_black {


	border-radius: 2px;


	border: none;


	padding: 1px;


	display: inline-block;


	cursor: pointer;


	text-decoration: none !important;


	color: #66c0f4 !important;





	background: #212c3d;	}





	.btnv6_grey_black > span {


		border-radius: 2px;


		display: block;








		background: transparent;			}





.btnv6_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover {


	text-decoration: none !important;


	color: #fff !important;





	background: #66c0f4;	}





	.btnv6_grey_black:not(.btn_disabled):not(.btn_active):hover:not(.active):hover > span {


		background: transparent;			}





	.btnv6_grey_black.btn_active, btnv6_grey_black.active {


	text-decoration: none !important;


	color: #fff !important;





		background: rgba( 103, 193, 245, 0.4 );;			}





	.btnv6_grey_black.btn_active > span, btnv6_grey_black.active > span {


		background: transparent;			}





	


/* This class must be applied to anything you want to use buttons in to enable hover states. */


.btn_hover {}





.inner_bevel {


	-moz-box-shadow:	2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;


	-webkit-box-shadow:	2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;


	box-shadow: 		2px 2px 5px rgba(0,0,0,0.75) inset, -2px -2px 5px rgba(150,150,150,1) inset;


}





/* fix for mozilla <button> elements */


button::-moz-focus-inner


{


	padding: 0;


	border: none;


}





/* Borders */


.btn_border_2px {


	border-radius: 4px;


	border: 2px solid #172030;


}





btn_border_2px > span {


	border-radius: 3px;


}





.btnv6_border_2px {


	border-radius: 4px;


	border: 2px solid #17202f;


}





btnv6_border_2px > span {


	border-radius: 3px;


}





/* Sizing */


.btn_large > span, input.btn_large {


	padding: 0 15px;


	font-size: 16px;


	line-height: 40px;


}





.btn_medium_tall > span, input.btn_medium_tall {


	padding: 0 15px;


	font-size: 15px;


	line-height: 36px;


}





.btn_medium > span, input.btn_medium {


	padding: 0 15px;


	font-size: 15px;


	line-height: 30px;


}





.btn_medium .ico16 {


	margin: 7px 0;


	vertical-align: top;


}





.btn_medium_thin > span, input.btn_medium_thin {


	padding: 0 5px;


	font-size: 15px;


	line-height: 30px;


}





.btn_medium_wide > span, input.btn_medium_wide {


	padding: 0 24px;


	font-size: 15px;


	line-height: 30px;


}





.btn_small > span, input.btn_small {


	padding: 0 15px;


	font-size: 12px;


	line-height: 20px;


}





.btn_small_thin > span, input.btn_small_thin {


	padding: 0 5px;


	font-size: 12px;


	line-height: 20px;


}





.btn_small_tall > span, input.btn_small_tall {


    padding: 0 15px;


    font-size: 12px;


    line-height: 24px;


}





.btn_small_wide > span, input.btn_small_wide {


	padding: 0 24px;


	font-size: 12px;


	line-height: 20px;


}


.btn_tiny > span, input.btn_tiny {


	padding: 0 7px;


	font-size: 11px;


	line-height: 17px;


}





/* Misc effects */


.btn_uppercase > span {


	text-transform: uppercase;


}





/* Icons */





/* 18x18 */


.ico18{


	display: inline-block;


	width: 18px;


	height: 18px;


	margin: 0 0px;


	background: url(/_archive/community/assets/img/icons_18.png);


	vertical-align: text-top;


}








	.ico18.thumb_down {


		background-position: -18px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico18.thumb_down {


			background-position: -90px 0px;		}


	


			.btn_active .ico18.thumb_down, .active .ico18.thumb_down {


			background-position: -54px 0px;		}


		


	.ico18.thumb_up {


		background-position: 0px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico18.thumb_up {


			background-position: -72px 0px;		}


	


			.btn_active .ico18.thumb_up, .active .ico18.thumb_up {


			background-position: -36px 0px;		}


		


	.ico18.accepted_and_voted {


		background-position: 0px -18px;	}





	


		


/* 16x16 */


.ico16{


	display: inline-block;


	width: 16px;


	height: 16px;


	background: url(/_archive/community/assets/img/icons_16.png);


	vertical-align: text-top;


}








	.ico16.comment {


		background-position: 0px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.comment {


			background-position: -16px 0px;		}


	


		


	.ico16.thumb_down {


		background-position: -32px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_down {


			background-position: -48px 0px;		}


	


			.btn_active .ico16.thumb_down, .active .ico16.thumb_down {


			background-position: -64px 0px;		}


		


	.ico16.thumb_up {


		background-position: -80px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_up {


			background-position: -112px 0px;		}


	


			.btn_active .ico16.thumb_up, .active .ico16.thumb_up {


			background-position: -96px 0px;		}


		


	.ico16.thumb_downv6 {


		background-position: -64px -16px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_downv6 {


			background-position: -80px -16px;		}


	


			.btn_active .ico16.thumb_downv6, .active .ico16.thumb_downv6 {


			background-position: -96px -16px;		}


		


	.ico16.thumb_upv6 {


		background-position: -112px -16px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.thumb_upv6 {


			background-position: -144px -16px;		}


	


			.btn_active .ico16.thumb_upv6, .active .ico16.thumb_upv6 {


			background-position: -128px -16px;		}


		


	.ico16.arrow_down {


		background-position: -48px -16px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.arrow_down {


			background-position: -32px -16px;		}


	


		


	.ico16.report {


		background-position: -128px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.report {


			background-position: -144px 0px;		}


	


			.btn_active .ico16.report, .active .ico16.report {


			background-position: -160px 0px;		}


		


	.ico16.reportv6 {


		background-position: -256px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.reportv6 {


			background-position: -272px 0px;		}


	


			.btn_active .ico16.reportv6, .active .ico16.reportv6 {


			background-position: -288px 0px;		}


		


	.ico16.arrow_next {


		background-position: -176px 0px;	}





	


		


	.ico16.checkbox {


		background-position: -192px 0px;	}





	


		


	.ico16.bucketnew {


		background-position: -208px 0px;	}





	


		


	.ico16.bucketqueue {


		background-position: -224px 0px;	}





	


		


	.ico16.bucketrefresh {


		background-position: -240px 0px;	}





	


		


	.ico16.bucketfollow {


		background-position: -176px -16px;	}





	


		


	.ico16.bucketfavorite {


		background-position: -192px -16px;	}





	


		


	.ico16.funny {


		background-position: -208px -16px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.funny {


			background-position: -224px -16px;		}


	


			.btn_active .ico16.funny, .active .ico16.funny {


			background-position: -224px -16px;		}


		


	.ico16.bluearrow_down {


		background-position: -304px 0px;	}





			.ico_hover:not(.btn_disabled):not(.btn_active):not(.active):hover .ico16.bluearrow_down {


			background-position: -304px -16px;		}


	


			.btn_active .ico16.bluearrow_down, .active .ico16.bluearrow_down {


			background-position: -304px -16px;		}


		


/* Arrows are the only icons I've not fully replaced yet. If you need to use them, please convert to the new icon code */





.btn_details_arrow


{


	display: inline-block;


	width: 15px;


	height: 16px;


	background-image:url('/_archive/community/assets/img/icon_double_arrows.png');


	vertical-align: middle;


}





.btn_details_arrow.up


{


	background-position: 0px 0px;


}





.btn_details:not(.btn_disabled):not(.btn_active):not(.active):hover .btn_details_arrow.up


{


	background-position: -15px 0px;


}





.btn_details_arrow.down


{


	background-position: 15px 0px;


}





.btn_details:not(.btn_disabled):not(.btn_active):not(.active):hover .btn_details_arrow.down


{


	background-position: 30px 0px;


}





.btn_disabled {


	opacity: 0.45;


	cursor: default;


}





.btn_disabled:hover {


	text-decoration: none;


}





.packageTagsArrow


{


     display: inline-block;


     width: 15px;


     height: 16px;


     background-image:url('/_archive/community/assets/img/icon_double_arrows.png');


}





.packageTagsArrow.Expand


{


     background-position: 18px 1px;


}





.packageTagsArrow.Collapse


{


     background-position: 3px 1px;


}






/* source: assets/css/shared_global.css */







	/* Avatars */





.playerAvatar,


.friend_block_holder .friend_block_avatar,


.friend_activity .friend_block_avatar {


	width: 34px;


	height: 34px;


	position: relative;


	border-radius: 0;


	padding: 1px;





}





/* Offline State */


.playerAvatar.offline,


.friend_block_holder.friend_status_offline .friend_block_avatar,


.friend_activity.friend_status_offline .friend_block_avatar,


.appHubIconHolder.offline,


.avatar_block_status_offline,


.appHubIconHolder.ignored {





	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(106,106,106,1)), color-stop(95%,rgba(85,85,85,1)));background: -moz-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);background: -webkit-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);background: -o-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);background: -ms-linear-gradient( top, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);background: linear-gradient( to bottom, rgba(106,106,106,1) 5%, rgba(85,85,85,1) 95%);	/* 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.offline img,


.playerAvatar.playerAvatarAutoSize.offline .playerAvatarAutoSizeInner,


.friend_status_offline .friend_block_avatar img,


.appHubIconHolder.offline img,


.avatar_block_status_offline img {


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





/* Online State */


.playerAvatar.online,


.friend_block_holder.friend_status_online .friend_block_avatar,


.friend_activity.friend_status_online .friend_block_avatar,


.appHubIconHolder.online,


.avatar_block_status_online {


	background-color: #57cbde;





	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(83,164,196,1)), color-stop(95%,rgba(69,128,151,1)));background: -moz-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);background: -webkit-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);background: -o-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);background: -ms-linear-gradient( top, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);background: linear-gradient( to bottom, rgba(83,164,196,1) 5%, rgba(69,128,151,1) 95%);	/* 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,


.playerAvatar.playerAvatarAutoSize.online .playerAvatarAutoSizeInner,


.friend_status_online .friend_block_avatar img,


.appHubIconHolder.online img,


.avatar_block_status_online img {


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





/* In-Game State */


.playerAvatar.in-game,


.friend_block_holder.friend_status_in-game .friend_block_avatar,


.friend_activity.friend_status_in-game .friend_block_avatar,


.appHubIconHolder.in-game,


.avatar_block_status_in-game {


	background-color: #90ba3c;





	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(143,185,59,1)), color-stop(95%,rgba(110,140,49,1)));background: -moz-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);background: -webkit-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);background: -o-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);background: -ms-linear-gradient( top, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);background: linear-gradient( to bottom, rgba(143,185,59,1) 5%, rgba(110,140,49,1) 95%);	/* 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,


.playerAvatar.playerAvatarAutoSize.in-game .playerAvatarAutoSizeInner,


.friend_status_in-game .friend_block_avatar img,


.appHubIconHolder.in-game img,


.avatar_block_status_in-game img {


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








/* Golden State */


.playerAvatar.golden,


.playerAvatar.playerAvatarAutoSize.golden .playerAvatarAutoSizeInner,


.friend_block_holder.friend_status_golden .friend_block_avatar,


.friend_activity.friend_status_golden .friend_block_avatar,


.appHubIconHolder.golden,


.avatar_block_status_golden {


	background-color: #e4ca63;





	background: -moz-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -webkit-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -o-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -ms-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);}





.playerAvatar.playerAvatarAutoSize .playerAvatarAutoSizeInner img {





	/* override the gradient behind the image (it won't show anyway) */


	background: none;


	filter: none;





	/* fix space appearing beneath image */


	display: block;





	padding: 0;


	width: 100%;


	height: auto;


}





.playerAvatar.playerAvatarAutoSize .playerAvatarAutoSizeInner {


	padding: 1px;


	position: relative;


}





/*


.playerAvatar.golden img,


.friend_status_golden .friend_block_avatar img,


.appHubIconHolder.golden img,


.avatar_block_status_golden img {


	background-color: #e4ca63


	background: -moz-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -webkit-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -o-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: -ms-linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);background: linear-gradient( 145deg, #d5bf6a 10%,#ffe2a9 40%,#ba995c 52%,#ba995c 61%,#d5bf6a 85%);}


*/





.playerAvatar.ignored {


}





.playerAvatar img,


.friend_block_holder .friend_block_avatar img,


.friend_activity .friend_block_avatar img {


	width: 32px;


	height: 32px;


	padding: 1px;


	border-radius: 0;


	border: none;


}





.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: 24px;


	height: 24px;


}





.playerAvatar.tiny img {


	width: 22px;


	height: 22px;


}





.playerAvatar.playerAvatarAutoSize {


	width: 100%;


	height: auto;


}





.playerAvatar_friendindicator {


	position: absolute;


	left: 26px;


	top: 23px;


	background-image: url('/_archive/community/assets/img/friendindicator_small.png');


	width: 20px;


	height: 20px;


	z-index: 2;





	cursor: pointer;


}





.persona, a.persona, .persona a,


.friend_status_offline, .friend_status_offline div, .friend_status_offline a {


	color:#898989;


}





.persona.online, a.persona.online, .persona.online a,


.friend_status_online, .friend_status_online div, .friend_status_online a {


	color:#57cbde;


}





.persona.in-game, a.persona.in-game, .persona.in-game a,


.friend_status_in-game, .friend_status_in-game div, .friend_status_in-game a {


	color:#90ba3c;


}





.persona.golden, a.persona.golden, .persona.golden a,


.friend_status_golden, .friend_status_golden div, .friend_status_golden a {


	color:#e4ca63;


}





.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: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#33425a), color-stop(95%,#282f3d));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33425a', endColorstr='#282f3d',GradientType=0 );background: -moz-linear-gradient( top, #33425a 5%, #282f3d 95%);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%);;


}





.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: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#525151), color-stop(95%,#292827));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525151', endColorstr='#292827',GradientType=0 );background: -moz-linear-gradient( top, #525151 5%, #292827 95%);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%);}





.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;


}








.miniprofile_teammember {


	margin-top: 5px;





	line-height: 45px;


	height: 45px;





	padding-left: 10px;


	width: 274px;





	color: #ffffff;


	font-size: 13px;


	font-family: 'Motiva Sans', Arial,Helvetica,Verdana,sans-serif;





	background-repeat: no-repeat;


	background-position: top left;





	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


}





.miniprofile_teammember.team_red {


	background-image: url('/_archive/community/assets/img/minip_red.png');


}


.miniprofile_teammember.team_blue {


	background-image: url('/_archive/community/assets/img/minip_blue.png');


}


.miniprofile_teammember.team_pink {


	background-image: url('/_archive/community/assets/img/minip_pink.png');


}


.miniprofile_teammember.team_green {


	background-image: url('/_archive/community/assets/img/minip_green.png');


}


.miniprofile_teammember.team_purple {


	background-image: url('/_archive/community/assets/img/minip_purple.png');


}








/*


 * GENERIC POPUP


 */





.pulldown {


	padding-left: 5px;


	padding-right: 18px;


	background-image: url('/_archive/community/assets/img/btn_arrow_down_padded.png');


	background-position: right center;


	background-repeat: no-repeat;





	cursor: pointer;


}


body.v6 .pulldown {


	margin-right: 5px;


}


span.popup_menu_pulldown_indicator {


	display: inline-block;


	background-image: url('/_archive/community/assets/img/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('/_archive/community/assets/img/bg_popup.png');


	background-repeat: repeat-x;


	background-position: top;


}





body.v6 .popup_block_new .popup_body.popup_menu {


	padding: 6px 0px;


}





.popup_menu .popup_menu_item {


	display: block;


	padding: 5px 12px;


	color: #e5e4dc;





	text-transform: none;


	font-size: 13px;


	font-weight: normal;


	line-height: normal;


	text-align: left;


}





@media screen and (max-width: 910px)

{

	html.responsive .popup_menu .popup_menu_item {


		font-size: 14px;


		line-height: 18px;


	}




}

	html.responsive.touch .popup_menu .popup_menu_item {


		font-size: 14px;


		line-height: 18px;


	}





.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;


}








.popup_menu_subheader {


	color: #9e9995;


	font-size: 11px;


	padding: 2px 12px 3px 12px;


	cursor: default;


}





.popup_menu_item, .popup_menu_subheader {


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


}





.popup_menu_hint {


	float: right;


	margin-left: 8px;


}





.popup_menu_subarea {


	color: #9e9995;


	font-size: 11px;


	background-color: #3b3938;


	margin: 8px 12px;


	padding: 8px;


	text-align: center;


}





.popup_menu_subarea_inner {


	margin: 0 auto;


	width: 138px;


}








.popup_menu .hr {


	height: 1px;


	background-color: #82807c;


	margin: 10px 12px 0 12px;


}











.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,


	.friendPlayerLevel.lvl_300, .friendPlayerLevel.lvl_400,


	.friendPlayerLevel.lvl_500, .friendPlayerLevel.lvl_600,


	.friendPlayerLevel.lvl_700, .friendPlayerLevel.lvl_800


{


	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('/_archive/community/assets/img/levels_hexagons.png');


}





.friendPlayerLevel.lvl_200 {


	background-image: url('/_archive/community/assets/img/levels_shields.png');


}





.friendPlayerLevel.lvl_300 {


	background-image: url('/_archive/community/assets/img/levels_books.png');


	text-shadow: 1px 1px #1a1a1a;


}





.friendPlayerLevel.lvl_400 {


	background-image: url('/_archive/community/assets/img/levels_chevrons.png');


}





.friendPlayerLevel.lvl_500 {


	background-image: url('/_archive/community/assets/img/levels_circle2.png');


}





.friendPlayerLevel.lvl_600 {


	background-image: url('/_archive/community/assets/img/levels_angle.png');


}





.friendPlayerLevel.lvl_700 {


	background-image: url('/_archive/community/assets/img/levels_flag.png');


}





.friendPlayerLevel.lvl_800 {


	background-image: url('/_archive/community/assets/img/levels_wings.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_background {


	position: fixed;


	z-index: 900;


	background: #000000;


	top: 0;


	right: 0;


	bottom: 0;


	left: 0;


}





.newmodal_header_border {


	border-top-left-radius: 3px;


	border-top-right-radius: 3px;


	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#797272), color-stop(95%,#2e2e2e));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797272', endColorstr='#2e2e2e',GradientType=0 );background: -moz-linear-gradient( top, #797272 5%, #2e2e2e 95%);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%);	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: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#484846), color-stop(95%,#272626));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484846', endColorstr='#272626',GradientType=0 );background: -moz-linear-gradient( top, #484846 5%, #272626 95%);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%);}





.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: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#4c4c4c), color-stop(95%,#4a6279));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4a6279',GradientType=0 );background: -moz-linear-gradient( top, #4c4c4c 5%, #4a6279 95%);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%);	background-color: #4c4c4c;


	padding: 0 1px 1px 1px;


}





.newmodal_content {


	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#252b33), color-stop(25%,#1d1d1d));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252b33', endColorstr='#1d1d1d',GradientType=0 );background: -moz-linear-gradient( top, #252b33 5%, #1d1d1d 25%);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%);	background-color: #1d1d1d;





	overflow: auto;


	word-wrap: break-word;





	padding: 15px 21px;





	font-size: 13px;


	color: #8f98a0;





	position: relative;


}





.newmodal_content_innerbg {


	background-color: #323233;


	border: 1px solid #4d4b49;


	padding: 8px;





	color: #8f8f8f;


}





.newmodal_buttons {


	text-align: right;


}





.newmodal_buttons .btn_medium {


	margin-left: 12px;


	margin-top: 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('/_archive/community/assets/img/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('/_archive/community/assets/img/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;


}











/*


 * HEADER


 */





/* apply 16px padding to the sides of all the page-wide divs to prevent content


	from touching the sides on small resolutions */


div#footer, div#global_header, div#store_header, div#main, div.page_area {


	padding-left: 16px;


	padding-right: 16px;


}





div.page_content {


	width: 940px;


	margin: 0px auto;


}








div#global_header {


	background: #171a21;


	background-position: center top;


	min-width: 940px;


}





/**/


div#global_header .content {


	background: #171a21;


	position: relative;


	width: 940px;


	height: 104px;


	margin: 0px auto;





	z-index: 402;


}





div#global_actions {


	position: absolute;


	right: 0px;


	top: 6px;





	height: 21px;


	line-height: 21px;





	color: #b8b6b4;


	font-size: 11px;





	z-index: 401;


}





div#global_actions a.global_action_link {


	padding: 0 4px;


}





div#global_actions a.global_action_link, div.admin_actions a.global_action_link {


	color: #b8b6b4;


}





div#global_actions .global_action_link:hover, div.admin_actions .global_action_link:hover {


	text-decoration: none;


	color: #ffffff;


}





div.admin_actions {


	position: absolute;


	right: 0;


	bottom: 4px;


	text-align: right;


	color: #b8b6b4;


	font-size: 11px


}





div#global_actions #global_action_menu {


	float: right;


}





div#global_actions .user_avatar {


	float: right;


	margin-left: 3px;


}





div#global_header div.logo {


	float: left;


	padding-top: 30px;


	margin-right: 40px;


	width: 176px;


	height: 44px;


}





div#global_header .menuitem {


	display: block;


	position: relative;





	padding-top: 40px;


	padding-left: 7px;


	padding-right: 7px;


	padding-bottom: 7px;


	line-height: 16px;





	float: left;


	font-size: 14px;


	color: #b8b6b4;


	text-transform: uppercase;


}





div#global_header .menuitem.active, div#global_header .menuitem:hover {


	color: #ffffff;


	text-decoration: none;


}





div#global_header .menuitem.active {


	background-image: url('/_archive/community/assets/img/globalheader_highlight.png');


	background-repeat: repeat-x;


}





div#global_header .activebg {


	display: none;


}





#header_wallet_balance {


	display: inline-block;


}





#header_wallet_ctn {


	text-align: right;


	padding-right: 15px;


	line-height: normal;


}





#language_pulldown, #account_pulldown {


	display: inline-block;


	margin: 1px;


	padding-left: 4px;


	line-height: 19px;


}





#language_pulldown.focus, #account_pulldown.focus {


	margin: 0px;


	border: 1px solid #82807C;


	color: #ffffff;


}





#account_dropdown > .popup_body {


	width: 150px;


}





.header_installsteam_btn {


	float: left;


	position: relative;


	height: 21px;


	margin-right: 3px;


}





.header_installsteam_btn_green .header_installsteam_btn_leftcap, .header_installsteam_btn_green .header_installsteam_btn_rightcap, .header_installsteam_btn_green .header_installsteam_btn_content {


	background-image: url('/_archive/community/assets/img/btn_header_installsteam_green.png');


}





.header_installsteam_btn_gray .header_installsteam_btn_leftcap, .header_installsteam_btn_gray .header_installsteam_btn_rightcap, .header_installsteam_btn_gray .header_installsteam_btn_content {


	background-image: url('/_archive/community/assets/img/btn_header_installsteam_gray.png');


}





.header_installsteam_btn_leftcap {


	position: absolute;


	left: 0px;


	top: 0px;


	width: 24px;


	height: 21px;


	background-position: 0px 0px;


}





.header_installsteam_btn_rightcap {


	position: absolute;


	right: 0px;


	top: 0px;


	width: 1px;


	height: 21px;


	background-position: -24px right;


}





.header_installsteam_btn_content {


	display: inline-block;


	padding-left: 27px;


	padding-right: 7px;


	height: 21px;


	line-height: 21px;


	background-position: 0px -21px;


	background-repeat: repeat-x;





	text-decoration: none;


	color: #e5e4dc;


	font-weight: normal;


}





.header_installsteam_btn_content:hover {


	text-decoration: none;


	color: #ffffff;


}








div#global_header .menuitem_new


{


	position: absolute;


	top: 27px;


	font-size: 11px;


	color: #85b0df


}





div#global_header .submenuitem


{


	text-decoration: none;


	text-transform: uppercase;


	font-size: 11px;


	color: #b8b6b4;


	padding-right: 10px;


}





div#global_header .submenuitem.active, div#global_header .submenuitem:hover


{


	text-decoration: none;


	color: #ffffff;


}





div#global_header .submenuitem.moderator


{


	color: #b80000;


}





div#global_header .submenuitem.active.moderator, div#global_header .submenuitem.moderator:hover


{


	color: #ff0000;


}





.community_sub_nav


{


	position: absolute;


	left: 7px;


	top: 65px;


	width: 650px;


	font-size: 14px;


}





.menuitem.username {


	max-width: 250px;


	text-overflow: ellipsis;


	overflow: hidden;


	white-space: nowrap;


}





#global_header .supernav_container {


	position: absolute;


	left: 200px


}





.supernav_content {


	max-width: 132px;


	background: #000 url(/_archive/community/assets/img/dd_web.jpg) top left no-repeat;


	padding: 5px 15px 10px 15px;


	box-shadow: 3px 3px 5px -3px #000;


	text-align: left;


	z-index: 500;


}





.supernav_content a.submenuitem {


	display: block;


	padding: 6px 0;


	text-transform: uppercase;


	font-size: 12px;


}





.supernav_content a.submenuitem:hover {


	color: #4897cf;


	text-decoration: none;


}








/* 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_btn.no_notifications {


	background-image: url('/_archive/community/assets/img/btn_notification_grey.png');


	background-repeat: no-repeat;


	background-position: center top;


	width: 29px;


}





.header_notification_btn.no_notifications:hover, .header_notification_btn.no_notifications.focus {


	background-position: center bottom;


}





.header_notification_btn.no_notifications .leftcap,


.header_notification_btn.no_notifications .rightcap,


.header_notification_btn.no_notifications .notification_count {


	display: none;


}





.header_notification_btn.has_notifications {


	padding: 0 28px 0 10px;





	background-repeat: repeat-x;


	background-position: 0 -29px;





	line-height: 29px;


	font-weight: bold;


	color: #ffffff;


}





.header_notification_btn.has_notifications, .header_notification_btn.has_notifications .leftcap, .header_notification_btn.has_notifications .rightcap {


	background-image: url('/_archive/community/assets/img/btn_notification_green.png');


}





.header_notification_btn.has_notifications:hover, .header_notification_btn.has_notifications.focus {


	background-position: 0 -87px;


}





.header_notification_btn.has_notifications:hover .leftcap, .header_notification_btn.has_notifications.focus .leftcap {


	background-position: 0 -58px;


}


.header_notification_btn.has_notifications:hover .rightcap, .header_notification_btn.has_notifications.focus .rightcap {


	background-position: right -58px;


}





.header_notification_btn.has_notifications .leftcap {


	position: absolute;


	left: 0;


	top: 0;


	width: 5px;


	height: 29px;


	background-position: left top;


}





.header_notification_btn.has_notifications .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;


}





.notification_ctn.hide_when_empty:not(.active_inbox_item) {


	display: none;


}





.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('/_archive/community/assets/img/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('/_archive/community/assets/img/inbox_tradeoffers.png');


}





.header_notification_asyncgame .notification_icon {


	background-image: url('/_archive/community/assets/img/inbox_async_game.png');


}





.header_notification_asyncgameinvite .notification_icon {


	background-image: url('/_archive/community/assets/img/inbox_async_game_invite.png');


}





/* re-uses comment icon */


.header_notification_moderatormessage .notification_icon {


	background-image: url('/_archive/community/assets/img/inbox_moderator_message.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('/_archive/community/assets/img/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 rgba( 84, 133, 183, 1);


	background-color: rgba( 84, 133, 183, 0.6);


	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 #000000;





	cursor: pointer;


	overflow: hidden;


}





a.dynamiclink_box {


	display: block;


	text-decoration: none !important;


}





.dynamiclink_box.noPopup


{


	cursor: default;


}





.dynamiclink_box.workshop_item {


	background-repeat: no-repeat;


	background-position: right bottom;


	background-image: url('/_archive/community/assets/img/bg_shared_item_workshop.jpg');


}





.dynamiclink_box.greenlight_item {


	background-repeat: no-repeat;


	background-position: right bottom;


	background-image: url('/_archive/community/assets/img/bg_shared_item_greenlight.jpg');


}





.dynamiclink_box.webguide_item {


	background-repeat: no-repeat;


	background-position: right bottom;


	background-image: url('/_archive/community/assets/img/bg_shared_item_guide.jpg');


}





.dynamiclink_box.newspost .dynamiclink_description {


	padding-top: 10px;


}





.dynamiclink_box:hover {


	border-color: #97C0E3;


}





img.dynamiclink_preview {


	float: left;


	margin-right: 14px;


	max-height: 88px;


	max-width: 75%;


}


.dynamiclink_content {


	overflow: hidden;


	color: #c6d4df;


	font-size: 11px;


	height: 88px;


	line-height: normal;


	text-align: left;


}


.dynamiclink_name {


	font-size: 16px;


	color: #66C0F4;


	font-family: 'Motiva Sans', arial, tahoma;


	white-space: nowrap;


	text-overflow: ellipsis;


}


.dynamiclink_name .dynamiclink_type {


	color: #c6d4df;


}


.dynamiclink_type {


	color: #c6d4df;


}


	.dynamiclink_type a {


		color: #c6d4df;


		text-decoration: underline;


	}


	.dynamiclink_type a:hover {


		color: #ffffff;


		text-decoration: underline;


	}


.dynamiclink_author {


	height: 16px;


	color: #c6d4df;


}


	.dynamiclink_author a {


		color: #c6d4df;


		text-decoration: underline;


	}


	.dynamiclink_author a:hover {


		color: #ffffff;


		text-decoration: underline;


	}


.dynamiclink_url {


	margin-top: 8px;


}


.dynamiclink_url a {


	color: #ffffff;


	text-decoration: none;


}


.dynamiclink_url a:hover {


	color: #7bb7e3;


	text-decoration: underline;


}


.dynamiclink_url a, .dynamiclink_authorname {


	color: #ffffff;


}





.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;


}





.adult_content_age_gate {


	text-align: center;


	max-width: 460px;


	margin: 0 auto;





	color: #ffffff;


	font-size: 14px;


	line-height: 20px;


	padding: 88px 5% 0 5%;


}





.adult_content_age_gate img {


	max-width: 100%;


}





.adult_content_age_gate p {


	padding: 26px 0;


}





.jsTooltip {


	background-color: #c2c2c2;


	padding: 5px;


	border-radius: 2px;


	box-shadow: 0 0 3px #000;


	max-width: 225px;


	color: #3d3d3f;


	font-size: 11px;


	text-align: left;


}





/* early access tag on reviews*/


.early_access_review


{


	background-color: #4d6c8b;


	border: 1px solid #779abc;


	text-transform: uppercase;


	font-family: arial;


	font-size: 11px;


	color: #9ac7f3;


	padding: 1px 4px 0px 4px;


	margin-bottom: 10px;


	display: inline-block;


	cursor: default;


	line-height: 13px;


}





/* pre release tag on reviews*/


.pre_release_review


{


	background-color: #8b734d;


	border: 1px solid #bca177;


	text-transform: uppercase;


	font-family: arial;


	font-size: 11px;


	color: #dabb8a;


	padding: 1px 4px 0px 4px;


	margin-bottom: 10px;


	display: inline-block;


	cursor: default;


	line-height: 13px;


}





/* shared bbcode styles */





span.bb_spoiler {


	color: #000000;


	background-color: #000000;





	padding: 0px 8px;


}





span.bb_spoiler:hover {


	color: #ffffff;


}





span.bb_spoiler > span {


	visibility: hidden;


}





span.bb_spoiler:hover > span {


	visibility: visible;


}





blockquote.bb_blockquote {


	border: 1px solid #535354;


	border-radius: 3px;


	padding: 12px;


	margin: 8px;





	font-size: 92%;


}





blockquote.bb_blockquote.with_author {


}





div.bb_quoteauthor {


	font-size: 92%;


	font-style: italic;


}





div.bb_h1 {


	font-size: 15px;


	color: #5aa9d6;


	font-weight: normal;


}





span.bb_strike {


	text-decoration: line-through;


}





span.bb_link_host {


	font-size: 10px;


	color: #888;


	padding: 4px;


	top: -1px;


}





div.bb_code {


	border: 1px solid #535354;


	border-radius: 3px;


	padding: 12px;


	margin: 8px;





	font-size: 11px;


	font-family: Consolas,monospace;


	white-space: pre;


	white-space: pre-wrap;


	overflow-x: auto;


}





span.bb_removedlink {


	color: #535354;


	font-weight: normal;


	font-size: 80%;


}





table.bb_table


{


	border-spacing: 0px;


	font-size: 12px;


}





table.bb_table th


{


	border: 1px solid #4d4d4d;


	padding: 4px;


}





table.bb_table th img.sharedFilePreviewImage


{


	margin: 0px;


}





table.bb_table tr


{


}





table.bb_table td


{


	border: 1px solid #4d4d4d;


	padding: 4px;


}





table.bb_table td img.sharedFilePreviewImage


{


	margin: 0px;


}





/* V6 */





body.v6 .store_nav .popup_block_new .popup_body, body.v6 #footer_nav .popup_block_new .popup_body {


    border: none;


    position: relative;


    background: #417A9B;


}





body.v6 .store_nav .popup_menu_subheader,


body.v6 #footer_nav .popup_menu_subheader{


    color: #13242e;


}


body.v6 .store_nav .popup_menu .hr,


body.v6 #footer_nav .popup_menu .hr{


    background-color: #33627d;


	margin: 5px 0px 5px 0px;


}





/*


 * DYNAMIC STORE - ownership styling


 */





.ds_flag {


	position: absolute;


	left: 0;


	top: 42px;


	font-size: 10px;


	color: #111111;





	height: 18px;


	line-height: 19px;


	padding: 0 0 0 18px;


	white-space: nowrap;


	z-index: 5;


}





.ds_flag.ds_owned_flag {


	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNDNzBFNTUyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNDNzBFNTYyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0M3MEU1MzIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0M3MEU1NDIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vUKAAAAAlSURBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC') no-repeat 4px 4px #4F95BD;


}





.ds_flag.ds_wishlist_flag {


	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTM3OEVDNTUyMUM0MTFFNDgxN0ZEN0MzNjYzNzcxOTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTM3OEVDNTYyMUM0MTFFNDgxN0ZEN0MzNjYzNzcxOTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzc4RUM1MzIxQzQxMUU0ODE3RkQ3QzM2NjM3NzE5NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzc4RUM1NDIxQzQxMUU0ODE3RkQ3QzM2NjM3NzE5NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps9jzFQAAACPSURBVHjaYvz//z+DkJDQdQYGhpsMCMAKxMZAHPXu3bt9cFGQYkFBwQ0gGoaBfAEgzgfibUDsBxNnYsAOfgKxJBBvAeIZMEEWZBVA52xA5gOdUAEUc8NQDBTkBEoGMOAByCYLAjUsRzM5AKtioMQzIEW0ydjcHIBTMSE3M0Ij5RKQfQ6HGiOgIXogBkCAAQDGVT+0v+n6EQAAAABJRU5ErkJggg==') no-repeat 4px 4px #d3deea;


}





.ds_flag.ds_incart_flag {


	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTc2NkExNDUyMUM0MTFFNDlBMDZDN0ZDMTM1QUM0QzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTc2NkExNDYyMUM0MTFFNDlBMDZDN0ZDMTM1QUM0QzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzY2QTE0MzIxQzQxMUU0OUEwNkM3RkMxMzVBQzRDNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzY2QTE0NDIxQzQxMUU0OUEwNkM3RkMxMzVBQzRDNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmidn20AAADOSURBVHjajM+9DgFBEMDx9dUJuYtESaHRKEhoVHqPoeJFdBLvoFNpJER0RENEobhCRCkXXxXF+Y/MyTYSk/wys5O5vdmI4zgDY0wVfVzN73hFgiAwruu2ORQxRRMjHWhgpnU3rsUKZWysLFHQOoFTOCyNGvJwNUtktC5hG5WO7/sv0hkLeJzngnqv+Yn1Z2cJ9u6RKvIQ3PTmJB5IoxW3XrvUfY9W76J5yB88e3iCOsbYaS+GTviRPZzFHSluOehq8nt5V07O353/ibcAAwA8yD/9PofkFwAAAABJRU5ErkJggg==') no-repeat 4px 4px #A3CF06;


}





.ds_collapse_flag.ds_flagged .ds_flag {


	overflow: hidden;


	max-width: 0;


	transition: all 0.5s;


	-webkit-transition: all 0.5s;


}





.ds_collapse_flag.ds_collapse_flag_tiny.ds_flagged .ds_flag {


	padding-left: 4px;


}





.ds_collapse_flag.ds_flagged:hover .ds_flag {


	max-width: 120px;


}





.ds_collapse_flag_tiny.ds_flagged:hover .ds_flag {


	padding-left: 18px;


}








@media screen and (max-width: 910px)

{

	html.responsive .newmodal {


		min-width: 0;


	}





	html.responsive .newmodal_background {


		position: absolute;


	}




}

	html.responsive.touch .newmodal {


		min-width: 0;


	}





	html.responsive.touch .newmodal_background {


		position: absolute;


	}






/* source: assets/css/globalv2.css */




html {


	height: 100%;


}





body {


	background:  #1b2838;


	background-color: #1b2838;





	text-align: left;





	color: #8F98A0;


	font-size: 14px;





	margin:0;


	padding:0;


}





body.flat_page {


	position: relative;


	min-height: 100%;


}





body.flat_page.blue {


	color: #636363;


}





/* this makes the footer appear at the bottom of the window on short pages */


body.flat_page .responsive_page_frame {


	position: static;


}





body.standard_page {


	min-width: 958px;


}





body, textarea {


	font-family:Arial, Helvetica, Verdana, sans-serif;


}





h1, h2, h3, h4, h5, h6 {


	margin: 0px;


}





.pagecontent {





	padding-bottom: 128px;


}


.pagecontent.in_client, .pagecontent.no_header {


	background-position: center top;


}


body.flat_page.blue .pagecontent {


	background: none;


}





.pagecontent.no_footerpad {


	padding-bottom: 0;


}





.maincontent {


	width: 948px;


	margin: 0 auto;


}





.ellipsis {


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





a, .whiteLink {


	color: #ebebeb;


	text-decoration: none;


	cursor: pointer;


}








a.hoverunderline:hover {


	text-decoration: underline;


}





a.underlinedLink, span.underlinedLink {


	color: #ebebeb;


	text-decoration: underline;


	cursor: pointer;


}





a.whiteLink:hover, .whiteLink:hover, a.linkStandard:hover, a.linkTitle:hover, a.underlinedLink:hover, span.underlinedLink:hover {


	color: #66C0F4;


	text-decoration: none;


	cursor: pointer;


}





form {


	margin:0;


	padding:0;


}





input[type=text], input[type=password], select {


	color: #909090;


	background-color: rgba( 0, 0, 0, 0.2 );


	border: 1px solid #000;


	/* should set this on individual styles we know look good with it */


	/* box-shadow: 1px 1px 0 0 rgba( 91, 132, 181, 0.2 ); */


	border-radius: 3px;


}











#footer {


	position:relative;


	text-align:left;


	width: auto;


	font-size: 12px;


	color: #8F98A0;


	border:0;


	margin: 0;


	padding: 32px 0;


	background-color: rgba( 0, 0, 0, 0.4 );


}





body.flat_page #footer, body.headerless_page #footer {


	position: absolute;


	left: 0;


	right: 0;


	bottom: 0;


	padding: 0;


	margin: 0;


	padding-top: 16px;


	background: transparent;


}


body.flat_page #footer {


	background-color: #000000;


}


body.flat_page.blue #footer {


	background: none;


}





body #footer .responsive_optin_link {


	display: none;


}





body.flat_page #footer_spacer, body.headerless_page #footer_spacer {


	height: 78px;


	padding-top: 16px;


}





#footer .footer_content {


	position: relative;


	width: 958px;


	margin: 0 auto;


}





#footer a {


	color: #C6D4DF;


	text-decoration: none;


}





#footer a:hover {


	color: #ffffff;


}





#footerText {


	padding: 2px 0 0 123px;


	line-height: 14px;


	display: block;


	color: #8F98A0;


}





#footerLogo {


	position: absolute;


	left: 16px;


	top: 4px;


}








.friendBlock {


	height:36px;


	padding: 4px 0 4px 4px;


	margin-bottom:4px;


	font-size:11px;


	line-height:13px;


	overflow: hidden;


	white-space: nowrap;


	text-overflow: ellipsis;





	position: relative;





	background-color: rgba( 84, 133, 183, 0.2);


}


a.friendBlock {


	display: block;


}





.friendBlockLinkOverlay {


	position: absolute;


	left: 0;


	top: 0;


	right: 0;


	bottom: 0;





	z-index: 2;


}





.friendBlock a.friendBlockInnerLink {


	position: relative;


	z-index: 3;


	color: #ffffff;


}





.friendBlock:hover {


	cursor:pointer;


	background-color: rgba( 117, 204, 255, 0.3);


}





.friendBlock .playerAvatar {


	float:left;


	margin-right: 7px;


}





.friendBlock .friendBlockContent {


	overflow: hidden;


	white-space: nowrap;


	text-overflow: ellipsis;


}





.friendBlock .friend_join_game_link {


	text-decoration: underline;


}





.friendBlock .friend_join_game_link:hover {


	color: white;


}





.friendBlock .blockedText {


	color: red;


	font-weight: bold;


}





.friendBlockStatusIcon {


	float: right;


	height: 40px;


	line-height: 40px;


	padding: 0 7px;


}


.friendBlockStatusIcon img {


	vertical-align: middle;


}








.friendBlock .friendPlayerLevel {


	float: right;


	margin: 4px 4px 0 0;


}





.responsive_friendblocks_ctn {


	max-width: 898px;


	margin: 0 auto;


}





@media screen and (max-width: 910px)


{


	html.responsive .responsive_friendblocks .friendBlock,


	html.responsive .responsive_friendblocks .friendBlock:nth-child(3n) {


		margin-right: 0.8%;


	}


}





@media screen and (max-width: 910px) and (min-width: 601px)


{





	html.responsive .responsive_friendblocks .friendBlock {


		width: 32%;


	}





	html.responsive .responsive_friendblocks .friendBlock:nth-child(3n) {


		margin-right: 0;


	}


}





@media screen and (max-width: 600px ) and (min-width: 401px)


{


	html.responsive .responsive_friendblocks .friendBlock {


		width: 48%;


	}





	html.responsive .responsive_friendblocks .friendBlock:nth-child(2n) {


		margin-right: 0;


	}


}





@media screen and (max-width: 400px )


{


	html.responsive .responsive_friendblocks .friendBlock {


		width: auto;


		float: none;


	}


}





@media screen and (max-width: 910px)


{





	html.responsive .commentthread_pagelinks {


		display: none;


	}





	html.responsive .commentthread_pagedropdown {


		display: inline;


	}





	html.responsive .commentthread_comment_author .actionlink {


		display: none;


	}





}





/* used to display the " - public" next to a group name */


.pubGroup {


	font-size:11px;


	color:#d05f29;


	font-weight:bold;


}





body.flat_page > .perf_timing_area .perf_timing_link, body.headerless_page > .perf_timing_area .perf_timing_link {


	position: absolute;


	left: 15px;


	bottom: 15px;


}





.perf_timing_area {


	display: block;


	text-align: center;


	margin-bottom: 14px;


}





.perf_timing_data {


	position: relative;


	background-color: #000000;


	margin: 0px auto 48px auto;


	padding: 8px;


	text-align: left;


	width: 936px;


	font-size: 14px;


}


.nowrap {


	white-space: nowrap;


	overflow: hidden;


}





/* -------------- paging controls -------------*/


.pagebtn, a.pagebtn {


	display: inline-block;


	line-height: 24px;


	background-color: rgba( 103, 193, 245, 0.2 );


	border: 1px transparent;


	border-radius: 3px;


	cursor: pointer;


	padding: 0px 16px;


	color: #66c0f4;


}





.pagebtn:hover, a.pagebtn:hover {


	background-color: #66c0f4;


	border-color: #66c0f4;


	color: #fff;


	text-decoration: none;


}





.pagebtn.disabled, .pagebtn.disabled:hover, a.pagebtn.disabled, a.pagebtn.disabled:hover {


	border: 1px solid #253e4c;


	background-color: transparent;


	color: #253e4c;


	cursor: default;


}





a.pagelink:hover {


	text-decoration: underline;


	color: #ffffff;


}








/* note that the old gameLogoHolder_default style does nothing now */





.gameLogo {


	width:184px;


	height:69px;


	border:0;


	padding: 4px;


	margin:0;


	background: rgba( 0, 0, 0, 0.5 );


}





.gameLogo img {


	border:0;


	width:184px;


	height:69px;


}








/* ---------------- comment threads -------------*/


.commentthread_header, .commentthread_footer {


	font-size: 14px;


	line-height: 24px;


	margin-bottom: 1px;


	padding-bottom: 2px;


}


.commentthread_header {


	border-bottom: 1px solid #363f4c;


}


.commentthread_footer {


	border-top: 1px solid #363f4c;


}





.commentthread_header .commentthread_count {


	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUNJREFUeNqkU11Og0AQnm04QI/AEfQGcAO9QXnRUJuGqml8M75oUhOlhEqtD3IDewO5QfcIHKEH2B8/WqBgTAr4JcMAM/Ptt7OzjIAgjAaMMZOOQGudjkduXP3H/GDxCu9Rc/je+GpSfPSklB6MWlhtMTZ7ftHUHrbCdu6mN2lPgLWLKSk3j08z05BSUEf0YQNDCkn/gSE6KMCRcxzpngAK1vBnLeoTTdpixHICJR3SlOLdQuCkthKx5FcxR84c+V95feGIrm+nFtx3JdnRSmUE1Qk1If+eDlP7YBQRKaq9YI7SiiN5w/bd/gtbxOOSIDvbXFKMBq0R/NQ7yTsFZq0QOVAxDwM/LQkwGBzuNHoLef7rPHu4w1EfhNnWiv7wZbSYHPrUABeXbpUk+Vgt7fIyNSFYvUdbXCJbCMGFqM/NjwADANx60v2kqu2YAAAAAElFTkSuQmCC);


	background-repeat: no-repeat;


	background-position: left center;


	padding-left: 24px;


	overflow: hidden;


}





.commentthread_paging {


	float: right;


}





.commentthread_pagelink {


	cursor: pointer;


	color: #ffffff;


}





.commentthread_pagedropdown {


	display: none;


}





/* fix some bad workshop.css styles */


.commentthread_pagedropdown select {


	width: auto;


}





.commentthread_pagelink:hover {


	text-decoration: underline;


}





.commentthread_pagelink.active {


	cursor: default;


	color: #939393;


}





.commentthread_pagelink.active:hover {


	text-decoration: none;


}





.commentthread_entry {


	min-height: 44px;


	background-color: rgba( 0, 0, 0, 0.2 );


	position: relative;





	padding: 8px;


}





.commentthread_allcommentslink {


	margin-right: 12px;


}





a.commentthread_allcommentslink:hover {


	text-decoration: underline;


}





.commentthread_user_avatar {


	float: left;


	margin-right: 8px;


}





.commentthread_entry_quotebox_quote {


	position: absolute;


	left: 50px;


	top: 13px;


	width: 17px;


	height: 18px;


}





.commentthread_entry_quotebox {


	border: none;


	padding: 4px 6px 4px 6px;


	font-size: 12px;


	background-color: rgba( 0, 0, 0, 0.4 );


	border-radius: 4px;


	border-left: 1px solid #000;


	border-top: 1px solid #000;


	border-right: 1px solid #354357;


	border-bottom: 1px solid #354357;


	overflow: hidden;


}





.commentthread_textarea {


	resize: none;


	outline: none;


	background-color: transparent;


	border: none;


	width: 100%;


	overflow: hidden;


	color: #BFBFBF;


}





.commentthread_entry_submitlink {


	text-align: right;


	padding-top: 5px;


}





.commentthread_entry_submitlink .emoticon_button {


	margin-right: 8px;


}





.commentthread_entry_autosubscribe {


	padding-bottom: 8px;


}





.commentthread_entry_error {


	color: #ff0000;


}





.commentthread_textarea::-webkit-input-placeholder{


	font-style: italic;


	color: #515152;


}





.commentthread_textarea:-moz-placeholder {


	font-style: italic;


	color: #515152;


}





.commentthread_comment_container {


	margin-top: 19px;


}





.commentthread_comment {


	position: relative;


	padding-bottom: 19px;


	min-height: 40px;


	padding-left: 58px;


}





.valve_links {


	margin: 15px 0 0 0;


	display: block;


}





.commentthread_comment.commentthread_newcomment {





}





.commentthread_comment_avatar {


	position: absolute;


	left: 5px;


	top: 0px;


}





.commentthread_valve_icon


{


	vertical-align: middle;


	margin-left: 5px;


	width: 59px;


	height: 16px;


}





.commentthread_comment_author {


	margin-bottom: 2px;


	line-height: 16px;


}





.commentthread_comment_author a {


	font-size: 14px;


}





.commentthread_comment_author a.actionlink {


	color: #B0AEAC;


	font-size: 11px;


	visibility: hidden;


}





.commentthread_comment_author a.actionlink:hover {


	text-decoration: underline;


}





.commentthread_comment:hover .commentthread_comment_author a.actionlink {


	visibility: visible;


}





.commentthread_comment_timestamp {


	font-size: 11px;


	color: #535354;


	margin-left: 4px;


}





.commentthread_comment_text {


	font-size: 13px;


	color: #acb2b8;


	word-wrap: break-word;


	overflow-y: auto;


	max-height: 400px;


	line-height: 18px;


}





.commentthread_comment_text a {


	color: #c6d4df;


	text-decoration: underline;


}





.commentthread_comment_text a:hover {


	color: #EBEBEB;


	text-decoration: underline;


}





.commentthread_comment_friendindicator {


	position: absolute;


	left: 33px;


	top: 24px;


	background-image: url('/_archive/community/assets/img/comment_friendindicator_small.png');


	width: 20px;


	height: 20px;


	z-index: 2;





	cursor: pointer;


}





.commentthread_edit_buttons {


	text-align: right;


}





.commentthread_workshop_authorbadge {


	color: #e9d528;


}





.commentthread_workshop_publishedfilesbadge {


	display: inline-block;


	padding: 0 6px;


	border-radius: 3px;


	line-height: 22px;


	margin: 0 4px;


	background-color: #425979;


}





.commentthread_steamworks_developerbadge {


	display: inline-block;


	padding: 0 6px;


	border-radius: 3px;


	line-height: 22px;


	margin: 0 4px;


	background-color: #AC966A;


}





.commentthread_prepopulate_prompt {


	margin-bottom: 8px;


	color: #67c1f5;


}





/** Styles for modal popup */





.modal_top_band {


	background-color:#37516d;


	width:548px;


	height:25px;


	margin-bottom:1px;


}





.modal_close {


	float:right;


	width:9px;


	height:9px;


	margin-right:9px;


	margin-top:7px;


	line-height: 9px;


	cursor: pointer;


}





.modal_box {


	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(102,192,244,1)), color-stop(95%,rgba(47,137,188,1)));background: -moz-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -webkit-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -o-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: -ms-linear-gradient( top, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);background: linear-gradient( to bottom, rgba(102,192,244,1) 5%, rgba(47,137,188,1) 95%);	padding: 3px;


	width:542px;





	font-size: 12px;


	color: #ffffff;


	text-align: left;


}


.modal_box .modal_box_ctn


{


	width:502px;


	background-color:#1a2635;


	padding:20px;


}


.modal_box #forum_movetopic_modal_content #forum_movetopic_form {


	background: transparent;


}





.modal_box h1, .modal_box h5 {


	font-weight: normal;


}





.modal_box h2 {


	color: #c6d4df;


	font-family: "Motiva Sans Light", "Motiva Sans", arial, tahoma, sans-serif;


	font-size: 22px;


	font-weight: normal;


	margin-bottom: 10px;


}





.modal_low_block {


	background-color:#171717;


	padding:20px 20px 0px 20px;


	height:54px;


	padding-top:24px;


	color:#b0aeac;


}








.modal_steam_ico {


	float:left;


	padding-right:18px;


	margin-top:-4px;


}











#modalBG {


	position:fixed;


	z-index:900;


	background-color:#000000;


	filter:alpha(opacity=60);


	opacity:0.8;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


}





.modal_frame {


	width:508px;


	position:absolute;


	z-index:1000;


	background-color:#000000;


}








/* big gray buttons for the modal */


.gray_square_button {


	height: 34px;


	line-height: 34px;


	color: #e5e2df;


	font-size: 14px;


	padding: 0 2px;


	margin: 0 8px;





	border: none;





	position: relative;


	display: inline-block;





	cursor: pointer;


}





a.gray_square_button:hover {


	text-decoration: none;


	color: #e5e2df;


}





.modal_box .gray_square_button {


	margin-left: 0;


	margin-right: 16px;


}





.gray_square_button .left, .gray_square_button .right, .gray_square_button .button_label {


	background-image: url('/_archive/community/assets/img/gray_square_button.png');


}





.gray_square_button .left, .gray_square_button .right {


	background-repeat: no-repeat;


	position: absolute;


	top: 0;


	height: 34px;


	width: 2px;


}





.gray_square_button .left {


	background-position: 0 0;


	left: 0;


}





.gray_square_button .right {


	background-position: -2px 0;


	right: 0;


}





.gray_square_button .button_label {


	background-repeat: repeat-x;


	background-position: 0 -34px;


	padding: 0 32px;


	text-align: left;


}





.modal_box .gray_square_button .button_label {


	min-width: 62px;


}





.gray_square_button.active .left {


	background-position: 0 -68px;


}





.gray_square_button.active .right {


	background-position: -2px -68px;


}





.gray_square_button.active .button_label {


	background-position: 0 -102px;


}





button.gray_square_button::-moz-focus-inner


{


	padding: 0;


	border: none;


}








	/* not logged in modal dialog */





.notLoggedInText {


	font-size: 20px;


	padding-bottom: 20px;


	padding-top: 0;


	text-align: center;


}





.notLoggedInButtons {


	display: block;


	margin: 0 auto;


	text-align: center;


}





.notLoggedInButtons > a {


	margin-right: 5px;


}








/* new input styles */





input.gray_bevel:-moz-placeholder, textarea.gray_bevel:-moz-placeholder, .gray_bevel textarea:-moz-placeholder, .gray_bevel input:-moz-placeholder {


	font-style: italic;


	color: #7c7c7c;


}





input.gray_bevel::-webkit-input-placeholder, textarea.gray_bevel::-webkit-input-placeholder, .gray_bevel textarea::-webkit-input-placeholder, .gray_bevel input::-webkit-input-placeholder {


	font-style: italic;


	color: #7c7c7c;


}





input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_textarea_ctn {


	background-color: rgba( 0, 0, 0, 0.2 );


	border-radius: 3px;


	border: 1px solid #000;


	box-shadow: 1px 1px 0 0 rgba( 91, 132, 181, 0.2 );


	color: #C6D4DF;





	margin-bottom: 6px;


	outline: none;








	padding: 4px 6px;


}





.gray_bevel.for_text_input {


	display: inline-block;


	padding-bottom: 1px;


	height: 25px;


}





.gray_bevel input {


	line-height: 21px;


	height: 21px;


}





.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;


	box-shadow: none;


	background-color: transparent;


	font-size: 13px;


	color: #C6D4DF;


}





.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: #212f43;


	border-radius: 3px;


	border: 1px solid rgba( 91, 132, 181, 0.2 );


	box-shadow: 1px 1px 0px #000000;


	color: #BFBFBF;





	margin-bottom: 6px;


	outline: none;





	padding: 0px;


	line-height: 27px;


	height: 27px;


	font-size: 14px;


}








/* sharing published files*/


#SharePopup


{


	min-width: 550px;


	background-color: #323232;


	border: 1px solid #4a4943;


	padding: 10px;


	text-align: left;


}





.share_controls_steam, .share_controls_steam a


{


	float: left;


	display: inline-block;


	width: 328px;


	height: 50px;


	margin-right: 15px;


	font-size: 16px;


	font-family: Arial;


	text-align: center;


	line-height: 50px;


	text-decoration: none;


	background-image: url('/_archive/community/assets/img/share_status_off.jpg');


}





.share_controls_steam:hover, .share_controls_steam:hover a


{


	background-image: url('/_archive/community/assets/img/share_status_on.jpg');


	text-decoration: none;


}





.share_controls_other


{


	padding-top: 10px;


}





.share_controls_divider


{


	background-color: #161616;


	border-bottom: 1px solid #4c4c4c;


	height: 1px;


	margin-top: 15px;


	margin-bottom: 10px;


}





.share_controls_page_link


{


	padding-top: 5px;


	line-height: 26px;


	height: 26px;


	font-size: 12px;


	color: #8f8f8f;


}





.shareItemLink


{


	float: left;


	padding-left: 5px;


}





.shareItemLink .btn_medium > span


{


	padding: 0px 10px;


	line-height: 28px;


}





.share_controls_page_link form


{


	display: inline-block;


}





.share_controls_page_link input


{


	top: 0px;


	padding: 5px;


	min-width: 500px;


	background-color: #272626;


	border: 1px solid #000000;


	color: #8f8f8f;


}





#ShareOnSteamDialog


{


	min-height: 290px;


	width: 560px;


}








.migrated_profile_page_old .pagecontent {


	padding-bottom: 0;


}





.migrated_profile_page_old #BG_bottom, .migrated_profile_page_old #BG_top {


	margin: 0 auto;


}





.emoticon_container {


	display: inline-block;


}





.emoticon_button {


	display: flex;


	justify-content: center;


	align-items: center;


	flex-direction: column;


	cursor: pointer;


}





.emoticon_button:after {


	content: '\263A ';


	color: #848484;


}





/* All that needs to be modified to create different sizes of emoticon buttons is font-size */


.emoticon_button.small:after {


	font-size: 29px;


}





.emoticon_button.large:after {


	font-size: 80px;


}





.emoticon_button:hover:after, .emoticon_button:focus:after {


	color: #fff;


}





.emoticon_button.small {


}





.emoticon_button.small:hover, .emoticon_button.small.focus {


}





.emoticon_popup_ctn {


	position: absolute;


	z-index: 9999;


}





.emoticon_popup {


	background-color: #3b3938;


	padding: 8px;


	box-shadow: 0 0 12px #000000;


}





.emoticon_popup_content {


	max-height: 96px;


	max-width: 352px;


	overflow-y: auto;


}





.large .emoticon_popup_content {


	max-height: 200px;


	max-width: 352px;


}





.large .emoticon_popup_content .emoticon_option {


	width: 60px;


	height: 60px;


	margin: 10px;


}





img.emoticon {


	vertical-align: text-bottom;


	height: 18px;


	width: 18px;


}





.large img.emoticon, img.emoticon.large {


	height: 60px;


	width: 60px;


}





.emoticon_popup_content .emoticon_option {


	width: 28px;


	margin: 2px;





	text-align: center;





	line-height: 18px;


	height: 18px;


	padding: 5px 0;





	float: left;


}





.emoticon_popup_content .emoticon_option:hover {


	background-color: #201f1d;


	cursor: pointer;


}








.economyitem_hover {


	position: absolute;


	top: 0;


	left: 0;


	z-index: 1200;


}


.economyitem_hover_content {


	width: 350px;


	margin: 12px;


	box-shadow: 0 0 12px #000000;


}





.tooltip_hint {


	cursor: default;


	font-size: 12px;


	font-style: normal;


	color: #686868;


}





.community_tooltip {


	background: #c2c2c2;


	color: #3d3d3f;


	font-size: 11px;


	border-radius: 3px;


	padding: 5px;


	max-width: 225px;


	white-space: normal;


	box-shadow: 0 0 3px #000000;


}





/* formatting help dialog */


.tagrow {


	margin-bottom: 8px;


	padding: 0 4px;


	position: relative;


	font-size: 12px;


}





.tagrow.tagrow_header {


	background-color: #1E1E1F;


	color: #626467;


	line-height: 18px;


}





.tagrow .tag {


	color: #cccccc;


}





.tagsyntax {


	float: left;


	width: 57%;


	margin-left: 1%;


	margin-right: 3%;


}





.tagexample {


	float: left;


	width: 38%;


}





.tagexample a {


	text-decoration: underline;


}





.tagexample a:hover {


	color: #ffffff;


}








@media screen and (max-width: 910px)


{


	html.responsive .maincontent {


		width: auto;


		margin-left: 1%;


		margin-right: 1%;


	}





	html.responsive .emoticon_popup_ctn {


		position: fixed;


		left: 5px;


		right: 5px;


		bottom: 5px;


		overflow-y: auto;


		z-index: 20;


		height: 176px;


		max-height: 40%;


	}





	html.responsive .emoticon_popup_content {


		max-width: none;


		max-height: none;


	}





	/* 16px font size prevents iphone from zooming */


	html.responsive .gray_bevel input,


	html.responsive .gray_bevel textarea {


		font-size: 16px;


	}


}








@media screen and (max-width: 910px)

{

	html.responsive textarea.commentthread_textarea {


		font-size: 16px;


	}




}

	html.responsive.touch textarea.commentthread_textarea {


		font-size: 16px;


	}





/* styles that hide things on non-migrated pages */


.responsive_menu_only {


	display: none;


}





.nonresponsive_hidden {


	display: none;


}








#tabs_baseline {


	clear:left;


}





.responsive_tab_baseline {


	background-color: #417B9C;


	max-width: 958px;


	height: 5px;


}





.responsive_tab_ctn.sharedfiles_responsive_tab {


	text-align: center;


}





.responsive_tab_ctn.sharedfiles_responsive_tab .responsive_tab_control {


	display: inline-block;


	padding: 6px 8px;


	font-size: 16px;


	color: #ffffff;





	background: #57749e; /* Old browsers */


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





@media screen and (max-width: 480px)


{


	html.responsive .responsive_tab_ctn.sharedfiles_responsive_tab .responsive_tab_control


	{


		display: block;


		text-align: center;


	}


	html.responsive .responsive_tab_ctn.sharedfiles_responsive_tab .responsive_tab_control select {


		width: 98%;


	}


	html.responsive div.responsive_tab_baseline,


	html.responsive div.responsive_tab_baseline.nonresponsive_hidden {


		display: none;


	}


}



/* source: assets/css/motiva_sans.css */

/*


 Font: 		Motiva Sans


 URL: 		http://www.youworkforthem.com/product.php?sku=T2982


 Foundry: 	Niramekko


 Foundry: 	http://www.youworkforthem.com/designer/293/niramekko


 Copyright:	Copyright  2011 by Rodrigo Saiani. All rights reserved.


 Version: 	1.0


 Created:	August 09, 2012


 License: 	http://www.youworkforthem.com/font-license


 License: 	The WebFont(s) listed in this document must follow the YouWorkForThem


			 WebFont license rules. All other parties are strictly restricted


			 from using the WebFonts(s) listed without a purchased license.


			 All details above must always remain unaltered and visible in your CSS.


 */





@font-face {


	font-family: 'Motiva Sans';


	src: url('/_archive/community/assets/fonts/motiva-sans.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Medium';


	src: url('/_archive/community/assets/fonts/motiva-sans-medium.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-medium.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-medium.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-medium.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-medium.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Light';


	src: url('/_archive/community/assets/fonts/motiva-sans-light.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-light.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-light.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-light.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-light.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Regular Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-regular-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-regular-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-regular-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-regular-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-regular-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Bold Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-bold-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-bold-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-bold-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-bold-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-bold-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Bold';


	src: url('/_archive/community/assets/fonts/motiva-sans-bold.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-bold.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-bold.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-bold.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-bold.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Thin';


	src: url('/_archive/community/assets/fonts/motiva-sans-thin.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-thin.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-thin.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-thin.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-thin.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}





@font-face {


	font-family: 'Motiva Sans Light Italic';


	src: url('/_archive/community/assets/fonts/motiva-sans-light-italic.eot');


	src: url('/_archive/community/assets/fonts/motiva-sans-light-italic.eot') format('embedded-opentype'),


	url('/_archive/community/assets/fonts/motiva-sans-light-italic.woff') format('woff'),


	url('/_archive/community/assets/fonts/motiva-sans-light-italic.ttf') format('truetype'),


	url('/_archive/community/app/730/workshop/assets/img/motiva-sans-light-italic.svg') format('svg');


	font-weight: normal;


	font-style: normal;


}



/* source: assets/css/apphub.css */




body


{


    background: #1b2838;


    color: #acb2b8;


}





center


{





}


/* admin */


.apphub_NormallyHiddenBanner


{


	width: 918px;


	margin: 0px auto;


	margin-top: 10px;


	padding: 15px;


	background-color: #3a3a3a;


	border: 1px solid #529cde;


	font-size: 1.125em;


	color: #ffffff;


	text-align: left;





}





/* header */


.apphub_HeaderTop


{


	position: relative;


	margin: 0 auto;


	text-align: left;


	padding-top: 12px;


}











.apphub_background


{


	background-position: center top;


	background-attachment: fixed;


    background-repeat: no-repeat;


}








.apphub_HeaderTop.workshop


{





	background-image:url('/_archive/community/assets/img/bg_workshop_header.png');


}





.apphub_HeaderStandardTop


{


	position: relative;


	margin: 0px auto;


	text-align: left;


	padding-top: 7px;


	height: 46px;


	background-image:url('/_archive/community/assets/img/bg_header.png');


	background-repeat: repeat-x;


}





.apphub_AppIcon


{


    display: none;





	/*position: relative;


	margin-left: 12px;


	height: 32px;


	width: 32px;


	float: left;*/


}





.apphub_AppIcon .overlay


{


    display: none;





    /*position: absolute;


	left: 0px;


	top: 0px;


	width: 32px;


	height: 32px;


	background: url(/_archive/community/assets/img/game_ico_overlay.png);


	background-repeat: no-repeat;*/


}





.apphub_AppName


{


	color: white;


    font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	font-size: 26px;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.apphub_CommunitySubSectionArrows


{


	color: #939393;


	font-size: 18px;


	padding-left: 10px;


}





.apphub_CommunitySubSection


{


	color: #d1cfcd;


	font-size: 18px;


	padding-left: 10px;


}





.apphub_OtherSiteInfo


{


	position: relative;


	float: right;


}





.apphub_WorkshopPistonHolder


{


	width: 1px;


	height: 0px;


	float: left;


}





.apphub_WorkshopPiston


{


	position: relative;


	top: -12px;


	left: -119px;


	width: 216px;


	height: 84px;


	background-image:url('/_archive/community/assets/img/bg_workshop_piston.png');


	background-repeat: no-repeat;


}





.apphub_SwitchSitesBtn


{


	display: inline-block;


	position: relative;


	padding: 0px;


	margin: 0px;


	height: 28px;


	line-height: 28px;


	text-decoration: none;


	color: #ffffff;


	text-align: center;


	cursor: pointer;


	-moz-box-shadow: 0px 0px 7px #20324b;


	-webkit-box-shadow: 0px 0px 7px #20324b;


	box-shadow: 0px 0px 7px #20324b;


	font-size: 12px;


}





.apphub_SwitchSitesBtn .leftcap, .apphub_SwitchSitesBtn .rightcap


{


	background-image: url('/_archive/community/assets/img/btn_blue.png');


	position: absolute;


	top: 0px;


	width: 3px;


	height: 28px;


}





.apphub_SwitchSitesBtn .leftcap


{


	background-position: left center;


	left: 0px;


}





.apphub_SwitchSitesBtn .rightcap


{


	background-position: left top;


	right: 0px;


}





.apphub_SwitchSitesBtn .middle


{


	text-decoration: none;


	min-width: 50px;


	padding-left: 10px;


	padding-right: 10px;


	margin-left: 3px;


	margin-right: 3px;


	background-position: left bottom;


	background-image: url('/_archive/community/assets/img/btn_blue.png');


	background-repeat: repeat-x;


}





.apphub_SwitchSitesBtn:hover


{


}





/* sometimes but not always wrapped in a apphub_HomeHeader */


.apphub_HomeHeaderContent


{


    padding-top: 10px;


	max-width: 948px;


	margin: 0 auto;


}


.page_title_area.game_title_area.page_content .apphub_HomeHeaderContent {


	padding-top: 0px;


}


.apphub_HeaderBottomBG_ctn


{


	position: relative;


}





.apphub_HeaderBottomBG


{


	position: absolute;


	left: 0;


	right: 0;


	height: 239px;


	background: url('/_archive/community/assets/img/bg_filter_blue.png') no-repeat top center;


	z-index: -1;


}





.apphub_Header_NoBG .apphub_HeaderBottomBG


{


	display: none;


	background: none;


}





.apphub_HeaderBottom


{


	position: relative;


	min-height: 68px;


	background-color: rgba( 0, 0, 0, 0.4 );


}





.apphub_HeaderBottomText


{


	text-align: left;


	padding-left: 15px;


	line-height: 68px;


	color: #c6d4df;


}





.apphub_HeaderBottomText span a


{


	color: #c6d4df;


	text-decoration: underline;


}





.apphub_GroupJoinOrLeaveButton


{


	text-align: center;


	display: inline-block;


	color: white;


	background-color: #363636;


	line-height: 22px;


	min-width: 22px;


	height: 22px;


	padding: 2px 10px;


	border-radius: 2px;


	-moz-border-radius: 2px;


	margin-left: 14px;


	margin-top: 18px;


	text-decoration: none;


}





.apphub_GroupJoinOrLeaveButton:hover


{


	text-decoration: none;


	background-color: #545454;


}





/* stats */





.apphub_Stats


{


	line-height: 68px;


	float: right;


	font-size: 12px;


	color: #434344;


	padding-right: 13px;


}





.apphub_NumInApp


{


	color: #7cc53f;


	padding-right: 5px;


}





.apphub_Chat


{


	color: white;


	padding-left: 5px;


	padding-right: 5px;


}





.apphub_Chat a


{


	text-decoration: underline;


}





.apphub_sectionTabs


{


	position: relative;


	padding-top: 18px;


	margin-left: 10px;


	font-size: 13px;


	z-index: 10;


	white-space: nowrap;


	overflow: hidden;


	overflow-x: auto;


}





.apphub_sectionTabsHR


{


	background-color: #0d121a;


	height: 5px;


	margin: 0px auto;


}





.apphub_sectionTabNewWrapper


{


	position: relative;


	display: inline-block;


}


.responsive_tab_ctn.apphub_responsive_tab {


	text-align: center;


}





.responsive_tab_ctn.apphub_responsive_tab .responsive_tab_control {


	display: inline-block;


}





.apphub_sectionTab, a.apphub_sectionTab, .apphub_responsive_tab .responsive_tab_control


{


	display: inline-block;


	color: #dadada;


	/*background-color: #3A3A3A;*/


	height: 28px;


	line-height: 31px;


	padding: 0px 10px;


	margin-right: 2px;


	text-decoration: none;


	border-radius: 2px;


	border-bottom-left-radius: 0px;


	border-bottom-right-radius: 0px;


	-moz-border-radius: 2px;


	-moz-border-radius-bottomleft: 0px;


	-moz-border-radius-bottomright: 0px;


}





.apphub_sectionTab.active, .apphub_sectionTab.active:hover, .apphub_responsive_tab .responsive_tab_control


{


	padding: 1px;


	text-decoration: none;


	border: none;





	background: #57749e; /* Old browsers */


background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(103,193,245,1)), color-stop(95%,rgba(103,193,245,0)));background: -moz-linear-gradient( top, rgba(103,193,245,1) 5%, rgba(103,193,245,0) 95%);background: -webkit-linear-gradient( top, rgba(103,193,245,1) 5%, rgba(103,193,245,0) 95%);background: -o-linear-gradient( top, rgba(103,193,245,1) 5%, rgba(103,193,245,0) 95%);background: -ms-linear-gradient( top, rgba(103,193,245,1) 5%, rgba(103,193,245,0) 95%);background: linear-gradient( to bottom, rgba(103,193,245,1) 5%, rgba(103,193,245,0) 95%);


}








.apphub_sectionTab.new > span


{


	border-bottom: 1px solid #65c0f9;


}





.apphub_sectionTab.active > span


{


	border-bottom: none;


}





.apphub_sectionTab.active > span, .apphub_responsive_tab .responsive_tab_control .responsive_tab_control_inner


{


	padding: 0 17px;


	border-radius: 2px;


	border-bottom-left-radius: 0px;


	border-bottom-right-radius: 0px;





	display: block;


	background: #0d121a;


}





.NoSelect


{


	cursor: default;


	-webkit-touch-callout: none;


	-webkit-user-select: none;


	-khtml-user-select: none;


	-moz-user-select: none;


	-ms-user-select: none;


	user-select: none;


}





.apphub_sectionTabNew


{


	color: #65c0f9;


	position: absolute;


	left: 10px;


	top: -10px;


	background-color: transparent;


	border-bottom: none;


	font-size: 12px;





	transition-property: top;


	transition-duration: 200ms;


	transition-timing-function: ease-out;


}





.apphub_sectionTabNewWrapper:hover .apphub_sectionTabNew


{


	top: -16px;


}





.apphub_sectionTabNewWrapper:hover .apphub_sectionTabNew:hover


{


	top: -10px;


}





.apphub_sectionTabNewWrapper.active .apphub_sectionTabNew, .apphub_sectionTabNewWrapper.active .apphub_sectionTabNew:hover


{


	left: 17px;


	top: -16px;


}





.apphub_sectionTab.admin


{


	position: absolute;


	right: 0;


	top: 20px;


}





.apphub_sectionTab:hover


{


	color: #ffffff;


	background: #57749e; /* Old browsers */


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





/* friends who played recently */





.apphub_recentFriendsArea {


	overflow: hidden;


	white-space: nowrap;


	padding-top: 22px;


	padding-left: 14px;


}





.apphub_friends_who_played_recently_title


{


	text-align: center;


	color: #8F98A0;


	line-height: 22px;


	min-width: 22px;


	max-width: 600px;


}





.appHubIconHolder


{


	position: absolute;


	padding: 1px;


	width: 24px;


	height: 24px;


	border:0;


	margin:2px 0px 0px 0px;


}








.appHubIconHolder.greyOverlay


{


	background-image:url('/_archive/community/assets/img/iconholder_inactive.png');


	width: 24px;


	height: 24px;


	overflow: hidden;


	padding: 1px;


	background-repeat: repeat;


}





.appHubIconHolder.large


{


	position: absolute;


	padding: 1px;


	width: 34px;


	height: 34px;


	border:0;


	margin:0;


}








.appHubIconHolder.large.greyOverlay


{


	background-image:url('/_archive/community/assets/img/iconholder_inactive.png');


	width: 34px;


	height: 34px;


	overflow: hidden;


	background-repeat: repeat;


}





.apphub_Card.interactable:hover .appHubIconHolder.greyOverlay


{


	visibility: hidden;


}





.apphub_Card.interactable:hover .appHubIconHolder.large.greyOverlay


{


	visibility: hidden;


}





.appHubIconHolder img


{


	width: 22px;


	height: 22px;


	padding: 1px;


}





.appHubIconHolder.large img


{


	width: 32px;


	height: 32px;


	padding: 1px;


}





.appHubNewsIconHolder


{


	position: absolute;


	width: 70px;


	height: 26px;


	border:0;


	margin:0;


}





.apphub_Card.pinned .appHubNewsIconHolder.greyOverlay


{


	display: none;


}





.appHubNewsIconHolder img


{


	width: 70px;


	height: 26px;


}





/*.appHubNewsIconHolder.greyOverlay


{


	background-image:url('/_archive/community/assets/img/iconholder_inactive.png');


	width: 70px;


	height: 26px;


	overflow: hidden;


	background-repeat: repeat;


}*/





.apphub_Card.interactable:hover .appHubNewsIconHolder.greyOverlay


{


	visibility: hidden;


}





.apphub_friend_block_row


{


	display: inline-block;


	vertical-align: middle;


	padding-left: 8px;


}





.apphub_friend_block_row .playerAvatar {


	display: inline-block;


	margin-right: 8px;


	width: 26px;


	height: 26px;


}





.apphub_friend_block_row .playerAvatar img {


	width: 24px;


	height: 24px;


}





.apphub_friend_block_container


{


	float: left;


	margin-right: 7px;


	height: 26px;


	min-width: 26px;


	max-width: 240px;


}





.apphub_friend_block


{


	position: relative;


}





.apphub_friend_block_row .appHubIconHolder


{


	cursor: pointer;


}





a.apphub_more_friends_who_play


{


	text-align: center;


	display: inline-block;


	vertical-align: top;


	text-decoration: none;


	font-size: 10px;


	font-weight: bold;


	color: #898989;


	background-color: #545454;


	line-height: 22px;


	min-width: 22px;


	height: 22px;


	padding: 2px;


	border-radius: 2px;


	-moz-border-radius: 2px;


}





a.apphub_more_friends_who_play:hover


{


	color: #ffffff;


	text-decoration: none;


}





/* cards */





.apphub_CardRow


{


}





.apphub_Content


{


	position: relative;


	max-width: 948px;


	padding: 0 1%;


	margin: 0 auto;


}





.apphub_Discussion_Content


{


	position: relative;


	max-width:948px;


	margin: 16px auto 0 auto;


	text-align: left;


}





.apphub_Content.modal


{


	padding-top: 20px;


    background-color: #1B1B1B;


}





.apphub_Card


{


	position: relative;


	float: left;


	text-align: left;


	background-color: #0d131b;


	border: 1px solid transparent;


	margin-left: 5px;


	margin-right: 5px;


	margin-bottom: 10px;


	padding: 0px;


}





.apphub_Card.interactable


{


	cursor: pointer;


}





.apphub_Card.interactable:hover


{


	border: 1px solid #2f89bc;


}





.apphub_Card.pinned


{


	/*border: 1px solid #272f38;*/


}





.apphub_CardPinnedIcon


{


	position: absolute;


	top: 5px;


	right: 5px;


	height: 24px;


	width: 24px;


	background-image:url('/_archive/community/assets/img/icon_pin.png');


}





.apphub_CardContentTypeContainer


{


	position: absolute;


	width: 100%;


	z-index: 2;


}





.apphub_CardContentType


{


	visibility: hidden;


	width: auto;


	color: white;


	font-size: 18px;


	font-weight: normal;


    font-family: "Motiva Sans Light", Arial, Helvetica, sans-serif;


	padding: 10px;


	margin: 5px;


	z-index: 2;


	background-image:url('/_archive/community/assets/img/item_type_hover.png');


}





.apphub_Card.interactable:hover .apphub_CardContentType


{


	visibility: visible;


}





.apphub_CardContentType.guide


{


	margin: 0px;


	visibility: visible;


	background: none;


}





.apphub_CardMetaData


{


	position: absolute;


	bottom: 47px;


	left: 0px;


	right: 0px;


	height: 40px;


	padding-top: 5px;


    font-family: Motiva Sans, Arial, Helvetica, sans-serif;


}





.apphub_CardRating


{


	margin-left: 5px;


	min-width: 79px;


	height: 13px;


	padding-left: 85px;


	background-repeat: no-repeat;


	color: #424242;


}








.apphub_CardRating.rateUp


{


	padding-left: 18px;


	color: #7cc5fb;


	background-image: url('/_archive/community/assets/img/icon_rate.png');


}





.apphub_CardRating.rateUpHide


{


	background: transparent;


}





.apphub_CardRating.withRateButtons


{


	float: left;


	margin-top: 3px;


	min-width: 61px;


}





.apphub_CardRating.withRateButtons.starRating


{


	min-width: 0px;


}





.apphub_CardRating.news


{


	float: right;


	min-width: 0px;


	margin-right: 10px;


}





.apphub_CardRating.userreviews


{


	float: right;


	min-width: 0px;


	margin-right: 10px;


}





.apphub_CardRatingButtons


{


	height: 22px;


	float: left;


	padding-left: 5px;


}





.apphub_CardTitle


{


	color: #636363;


	font-size: 18px;


	padding-top: 9px;


	padding-left: 13px;


}





.apphub_CardContentClickable


{


	overflow: hidden;


}





.apphub_CardContentMain


{


	position: relative;


	overflow: hidden;


	word-wrap: break-word;


    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;


}





.apphub_CardContentTitle


{


	color: #636363;


	font-size: 12px;


	padding: 5px;


}





.apphub_CardContentTitle a


{


	text-decoration: none;


}





.apphub_CardContentPreviewImageBorder


{


	padding: 5px;


}





.apphub_CardContentPreviewImage


{


	position: relative;


	width: auto;


	height: auto;


}





.apphub_CardContentPreviewImageBorder


{


}





.apphub_CardContentSpoiler


{


	position: absolute;


	background-color: black;


	cursor: pointer;


	width: 100%;


	top: 10%;


	bottom: 10%;


	z-index: 1;


}





.apphub_CardContentSpoilerText


{


	position: absolute;


	text-align: center;


	width: 100%;


	top: 45%;


}





.apphub_CardContentPlayVideoIcon


{


	position: absolute;


	top: 50%;


	left: 50%;


	margin-top: -27px;


	margin-left: -40px;


	z-index: 2;


}





.apphub_CardContentAuthorBlock


{


	height: 19px;


	padding: 5px;


	/*background-color: #3e3d3d;*/


	position: absolute;


	bottom: 0;


	left: 0;


	right: 0;


    border-top: 1px solid #272f38;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorBlock


{


	background-color: #212f43;


}





.apphub_Card.pinned .apphub_CardContentAuthorBlock


{





}





.apphub_CardContentAuthorBlock.tall


{


	height: 32px;


	padding-top: 6px;


	padding-left: 5px;


}





.apphub_CardContentAuthorBlock .appHubIconHolder


{


	cursor: pointer;


}





.apphub_CardContentAppIcon


{


	position: relative;


	float: left;


	padding-right: 5px;


	height: 32px;


	width: 32px;


}





.apphub_CardContentAppName, .apphub_CardContentAppName a


{


	padding-top: 7px;


	font-size: 13px;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	color: #636363;








	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


}





.apphub_Card.interactable:hover .apphub_CardContentAppName


{


	color:#1b1b1b;


}





.apphub_Card.interactable:hover .apphub_CardContentAppName a


{


	color:#898989;


}





.apphub_CardContentAuthorName


{


	font-size: 13px;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	padding-left: 32px;


	color: #636363;


}





.apphub_Card.pinned .apphub_CardContentAuthorName


{


	color: #898989;


}





.apphub_CardContentAuthorName.discussion


{


	padding-left: 45px;


}





.apphub_CardContentAuthorName a


{


	color: #636363;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName


{


	color:#898989;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName a


{


	color:#898989;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName.online a


{


	color:#6fbdff;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName.offline a


{


	color:#898989;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName.in-game a


{


	color:#898989;


}





.apphub_Card.interactable:hover .apphub_CardContentAuthorName.ignored a


{


	color:#f26c4f;


}





.apphub_CardContentAuthorName.noIcon


{


	padding-top: 6px;


	padding-left: 2px;


	max-width: 360px;


}





.apphub_CardContentAuthorName.newsIcon


{


	padding-top: 6px;


	padding-left: 76px;


	max-width: 175px;


}





.apphub_CardContentMoreLink


{


	font-size: 10px;


	padding-left: 32px;


	color: #555454;


}





.apphub_CardContentMoreLink a


{


	color: #555454;


}





.apphub_Card.interactable:hover .apphub_CardContentMoreLink, .apphub_Card.interactable:hover .apphub_CardContentMoreLink a


{


	color: #898989;


}





.apphub_CardCommentCount


{


	background-image: url('/_archive/community/assets/img/comment_quoteicon.png');


	background-repeat: no-repeat;


	background-position: left center;


	padding-left: 24px;


	padding-right: 5px;


	float: right;


}





.apphub_CardCommentCount.alignIcon


{


	position: absolute;


	bottom: 15px;


	right: 0px;


}





.apphub_CardCommentCount.alignDiscussion


{


	position: relative;


	float: right;


	clear: right;


	margin-top: 28px;


}





.apphub_CardCommentCount.alignNews


{


	position: relative;


	float: right;


}





.apphub_CardCommentCount.alignUserReviews


{


	position: absolute;


	bottom: 15px;


	right: 0px;


}





/* workshop */


.apphub_CardBG


{


	width: 305px;


	height: 126px;


	position: absolute;


	bottom: 42px;


	right: 0px;


	background-image: url('/_archive/community/assets/img/bg_workshopitem.png');


	background-repeat: no-repeat;


}





.apphub_CardBG.workshop


{


	background-image: url('/_archive/community/assets/img/bg_workshopitem_fe3160.png');


}





.apphub_CardBG.guide


{


	background-image: url('/_archive/community/assets/img/bg_guide.jpg');


}





/* discussion */





.apphub_CardContentMain.discussion


{


	overflow: visible;


}





.apphub_CardContentDiscussionTitle


{


	color: white;


	font-size: 18px;


	font-weight: normal;


	font-family: "Motiva Sans Light", Arial, Helvetica, sans-serif;


	max-width: 450px;


	padding-top: 20px;


	padding-bottom: 14px;


	padding-left: 15px;


	padding-right: 15px;


	word-wrap:break-word;


}





.apphub_CardContentDiscussionText


{


	border: 1px solid #3b3c3d;


	border-radius: 3px;


	-moz-border-radius: 3px;


	padding: 8px;


	min-height: 100px;


	max-height: 128px;


	overflow: hidden;


}





.apphub_CardContentDiscussionAuthorBlock


{


	height: 32px;


	padding: 4px;


	padding-top: 6px;


	padding-left: 15px;


	left: 0px;


	right: 0px;


}





.apphub_CardContentSpeechCorner


{


	position: relative;


	width: 20px;


	height: 18px;


	top: -1px;


	margin-left: 42px;


	z-index: 2;


	background-image:url('/_archive/community/assets/img/speech_corner.png');


	background-repeat: no-repeat;


}





.apphub_CardContentDiscussionDate


{


	color: #5c5b5b;


	padding-top: 4px;


	padding-left: 47px;


}





.apphub_CardContentDiscussionType


{


	height: 19px;


	padding: 4px;


	height: 32px;


	line-height: 32px;


	padding-top: 7px;


	padding-left: 7px;


	position: absolute;


	bottom: 0px;


	left: 0px;


	right: 0px;


	font-size: 13px;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	color: #636363;


    border-top: 1px solid #272f38;


}





.apphub_Card.interactable:hover .apphub_CardContentDiscussionType


{


	background-color: #212f43;


	color: #898989;


}





/* official announcements/news and rss news feeds */





.apphub_CardAnnouncementBG


{


	width: 305px;


	height: 101px;


	position: absolute;


	top: 0px;


	left: 0px;


	background-image: url('/_archive/community/assets/img/bg_announcement.png');


	background-repeat: no-repeat;


}





.apphub_CardContentNewsTitle


{


	color: white;


	font-family: "Motiva Sans Light", "Motiva Sans", arial, tahoma, sans-serif;


	font-size: 18px;


	max-width: 450px;


	padding-top: 20px;


	padding-bottom: 14px;


	padding-left: 15px;


	padding-right: 15px;


	word-wrap:break-word;


}





.apphub_CardContentNewsDate


{


	color: #737271;


	font-size: 11px;


	padding-left: 15px;


	padding-right: 15px;


	padding-bottom: 5px;


}





.apphub_CardContentNewsDesc


{


	color: #8c8b8a;


	font-size: 14px;


	line-height: 22px;


	padding-left: 15px;


	padding-right: 15px;


}





.apphub_CardContentNewsDesc img


{


	float: left;


	width: auto;


	height: auto;


	max-width: 280px;


	margin-right: 10px;


	border: 1px solid #3A3A3A;


	margin-top: 4px;


	margin-bottom: 5px;


	margin-right: 10px;


}





.apphub_CardContentNewsDesc p


{


	margin: 0px;


	padding-bottom: 10px;


}





.apphub_CardContentNewsFade


{


	position: relative;


	top: -18px;


	background-image: url('/_archive/community/assets/img/text_fade.png');


	height: 18px;


	width: 100%;


}





.apphub_CardContentNewsDesc.shacknews p


{


	margin-bottom: 10px;


}





.apphub_NewsCardStats


{


	position: absolute;


	bottom: 15px;


	right: 0px;


}





/* guides */


.apphub_CardContentGuideImage


{


	float: left;


	width: 64px;


	height: 64px;


	padding-right: 10px;


}





.apphub_CardContentGuideTitle


{


	background-color: #272f38;


    border: 1px solid transparent;


	/*border-radius: 3px;


	-moz-border-radius: 3px;*/


	padding: 12px 9px 12px 9px;


	margin: 0px 9px;


	overflow: hidden;


	color: white;


	font-size: 14px;


}





.apphub_CardContentGuideDesc


{


	padding: 12px 9px;


    overflow: hidden;


    height: 69px;


    font-size: 13px;


    line-height: 20px;


    color: #8c8b8a;


}





.apphub_CardContentGuideForApp


{


	color: #737271;


	font-size: 11px;


	padding-bottom: 5px;


}





/* user reviews */





.apphub_UserReviewCardContent


{


	padding: 10px;


	position: relative;


}





.apphub_UserReviewCardContent .appSmallLogo


{


	float: left;


	padding-right: 15px;


	margin-bottom: 5px;


}





.apphub_UserReviewCardContent .reviewInfo


{


	float: left;


	width: 300px;


}





.apphub_UserReviewCardStats


{


	padding-top: 7px;


}





.apphub_CardContentMain .UserReviewCardContent_Footer {


	position: absolute;


	width: 100%;


	left: 0;


	bottom: 0px;


}





.apphub_CardContentMain .UserReviewCardContent_Footer .gradient {





	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(13,19,27,0)), color-stop(95%,rgba(13,19,27,1)));background: -moz-linear-gradient( top, rgba(13,19,27,0) 5%, rgba(13,19,27,1) 95%);background: -webkit-linear-gradient( top, rgba(13,19,27,0) 5%, rgba(13,19,27,1) 95%);background: -o-linear-gradient( top, rgba(13,19,27,0) 5%, rgba(13,19,27,1) 95%);background: -ms-linear-gradient( top, rgba(13,19,27,0) 5%, rgba(13,19,27,1) 95%);background: linear-gradient( to bottom, rgba(13,19,27,0) 5%, rgba(13,19,27,1) 95%);	height: 50px;


}





.apphub_CardContentMain .apphub_CardTextContent .date_posted


{


	font-size: 11px;


	color: #a0a08b;


}





.apphub_CardContentMain .hr {


	height: 2px;


	background-color: #272f38;


	margin: 0 0 15px;


}





.apphub_CardContentMain .UserReviewCardContent_Footer .content {


	background-color: #0d131b;


	padding: 0 10px;


}





.apphub_UserReviewCardContent .found_helpful {


	font-size: 12px;


	color: #636363;


	margin: 0 0 14px 0;


}





.apphub_UserReviewCardContent .vote_header {


	margin-bottom: 13px;


}





.apphub_UserReviewCardContent .vote_header .title {


	font-size: 16px;


	color: #d6d7d8;


	font-family: 'Motiva Sans', arial, tahoma;


	padding: 5px 0 0 0;


}





.apphub_UserReviewCardContent .vote_header .hours {


	font-size: 12px;


	color: #d6d7d8;





}





.apphub_UserReviewCardContent .vote_header .thumb {


	float: left;


	margin-right: 10px;


}





.apphub_UserReviewCardContent .apphub_CardTextContent {


	line-height: 22px;


	font-size: 14px;


	color: #8c8b8a;


	font-family: 'Motiva Sans', arial, tahoma;


}





.UserReviewCardContent_Footer .control_block .text {


	display: inline-block;


	margin-right: 9px;


	color: #636363;


	font-size: 12px;


}





.UserReviewCardContent_Footer .developer_response


{


	margin-top: -10px;


	padding-bottom: 5px;


	color: #7cb8e4;


}





.btn_ico_thumbs_down.has_text {


	padding-left: 20px;


}





/* responsive menu contents */


h3.apphub_responsive_menu_title {


	color: #ffffff;


	margin: 16px 0;


}





.apphub_responsive_menu .apphub_ResponsiveMenuItem {


	line-height: 30px;


}





.apphub_responsive_menu .apphub_ResponsiveMenuCtn {


	margin-bottom: 16px;


}





.apphub_ResponsiveMenuItemDesc {


	line-height: 125%;


	margin-bottom: 8px;


}





.responsive_page_menu .appHubSearchTextForm {


	float: none;


	padding: 0;


}


.responsive_page_menu .appHubSearchTextForm .appHubSearchTextInput {


	width: 97%;


}



/* source: assets/css/modalContent.css */




.modalBody


{


	overflow-y: scroll;


	overflow-x: auto;


}





#modalContent.modal_frame


{


	min-width: 480px;


	height: 600px;


	border: 2px solid #304a66;


	border-radius: 2px;


	-moz-border-radius: 2px;


	background-color: black;


}





#modalContentTitleBar


{


	color: white;


	padding: 4px 2px 4px 8px;


	text-align: left;


    background-color: #304a66;


	/*background: rgb(88,88,88); /* Old browsers */


	/*background: -moz-linear-gradient(top,  rgba(88,88,88,1) 0%, rgba(76,76,76,1) 100%); /* FF3.6+ */


	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,88,88,1)), color-stop(100%,rgba(76,76,76,1))); /* Chrome,Safari4+ */


	/*background: -webkit-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(76,76,76,1) 100%); /* Chrome10+,Safari5.1+ */


	/*background: -o-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(76,76,76,1) 100%); /* Opera 11.10+ */


	/*background: -ms-linear-gradient(top,  rgba(88,88,88,1) 0%,rgba(76,76,76,1) 100%); /* IE10+ */


	/*background: linear-gradient(to bottom,  rgba(88,88,88,1) 0%,rgba(76,76,76,1) 100%); /* W3C */*/


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */


}





.modalContentDismissImage


{


	position: absolute;


	top: 5px;


	right: -4px;


	cursor: pointer;


	width: 18px;


	height: 14px;


}





#modalContentWait


{


	position: absolute;


	top: 24px;


	bottom: 11px;


	right: 11px;


	left: 11px;


	background-color: black;


	padding-top: 267px;


	text-align: center;


}





#modalContentScrollbarHack


{


	position: fixed;


	top: 0;


	bottom: 0;


	left: 0;


	right: 0;


	overflow-y: scroll;


	overflow-x: auto;


	z-index:901;


}





#modalContentFrameContainer


{


	background-color: black;


}





.modalContent_iFrame


{


	width: 100%;


	border: none;


}



/* source: assets/css/apphubs.css */




/* override the background for now */


body


{


	background: #1b2838;


	background-position: 0 105px;


}








.appHubsHeaderBG


{


	background-image:url('/_archive/community/assets/img/home_banner_top.jpg');


	background-repeat: no-repeat;


	background-position: center top;


	min-width: 948px;


}





.appHubsHeader


{


	width: 948px;


	height: 170px;


	margin: 0px auto;


	position: relative;


}





.appHubsHeaderText


{


	width: 535px;


	font-size: 14px;


	line-height: 18px;


	color: #aac8f3;


	position: absolute;


	left: 365px;


	top: 32px;


	text-align: left;


}





/* stats */


.appHubsHeaderCommunityStats


{


	top: 110px;


	left: 55px;


	text-align: left;


	position: absolute;


}





#userNumbers


{


	font-size: 15px;


	font-weight: bold;


	color:#4d4d4d;


}





#iContributions


{


	color: #ffffff;


}





#iAccountsInGame


{


	color: #8BC53F;


}





#iAccountsOnline


{


	color: #62A7E3;


}





/* page itself */


.appHubsPage


{


	width: 948px;


	min-height: 1250px;


	margin: 0px auto;


	position: relative;


}





/* right column */


.appHubsRightContentWrapper


{


	float: right;


	position: relative;


	width: 281px;


}





.appHubsRightContent


{


	width: 281px;


	text-align: left;


	padding-bottom: 20px;


}





.fixedRightColumn


{


	position: fixed !important;


}





.appHubsRightContent h2


{


	font-size: 14px;


	font-weight: normal;


	color: #494947;


	padding-top: 5px;


	margin-bottom: 10px;


}





.appHubsRightContent .panel


{


	background: #1b1b1b;


	background: rgba(27,27,27,.36);


	border-radius: 4px;


	padding: 10px 10px 10px 11px;


	margin: 0 0 10px 0;


	border: 1px solid #1f1f20;


	box-shadow: 1px 1px 0 0 #39393a;


}





.appHubsRightContentDivider


{


	position: relative;


	width: 281px;


	height: 0px;


	border-top: 1px solid black;


	border-bottom: 1px solid #333333;


	background-color: black;


	left: -12px;


	margin-top: 10px;


	margin-bottom: 10px;


}





.appHubsFilter


{


	display: block;


	font-size: 14px;


	color: white;


	line-height: 34px;


	cursor: pointer;


	position: relative;


}





.appHubsFilterCurrentSelectionImage


{


	position: absolute;


	height: 35px;


	width: 267px;


	left: -6px;


}





/* community details */





.appHubCommunityDetails


{


	color: #aeaeae;


	font-size: 13px;


	text-align: left;


	background-color: #303031;


	padding-top: 18px;


	padding-bottom: 21px;


	padding-left: 13px;


	padding-right: 13px;


	-moz-box-shadow: 0px 0px 3px #000000 inset;


	-webkit-box-shadow: 0px 0px 3px #000000 inset;


	box-shadow: 0px 0px 3px #000000 inset;


}





.community_activity_signin_buttons


{


	padding-top: 16px;


}





.community_activity_signin_buttons .btn_login_green, .community_activity_signin_buttons .community_activity_or


{


	float: left;


	line-height: 32px;


	margin-right: 8px;


	margin-left: 8px;


}





.btn_login_green


{


	display: block;


	position: relative;


	height: 28px;


	background-repeat: repeat-x;





	padding: 0px 17px;


	text-transform: uppercase;





	font-size: 11px;


	color: #ffffff;


	line-height: 24px;





	text-align: center;





	cursor: pointer;


}





.btn_login_green


{


	background-image: url('/_archive/community/assets/img/btn_login_bg.png');


}


.btn_login_green .leftcap, .btn_login_green .rightcap


{


	background-image: url('/_archive/community/assets/img/btn_login_corners.png');


}





.appHubsSteamDesc


{


	padding: 13px;


	font-size: 13px;


	color: #aeaeae;


	text-align: left;


}





/* shortcuts */


.appHubShortcut


{


	height: 46px;


}





.appHubShortcut_Icon


{


	width: 28px;


	height: 28px;


	float: left;


	margin-right: 5px;


}





.appHubShortcut_Title


{


	display: block;


	color: #ffffff;


	font-size: 14px;


	line-height: 24px;


}





.appHubShortcut_SeeAll


{


	font-size: 12px;


	color: #58769f;


	text-transform: uppercase;


	float: right;


}





.appHubShortcut_SeeAll:hover


{


	color: #58769f;


}





.appHubShortcut_SeeAll:visited


{


	color: #58769f;


}





/* main page */


.appHubs


{


	float: left;


	width: 646px;


	margin-right: 9px;


}





.appHubSearchTextInput


{


	height: 24px;


	line-height: 24px;


	width: 262px;


	border: 1px solid #6283b2;


	background-color: #2f3e55;


	font-size: 11px;


	color: white;


	left: -6px;


	padding-left: 5px;


}





.appHubSearchTextImage


{


	position: absolute;


	top: 6px;


	right: 0px;


	width: 23px;


	height: 18px;


	padding: 0;


	margin: 0;


	border: none;


	cursor: pointer;


}





.appHubLoadingImageSearch


{


	vertical-align: middle;


	height: 14px;


	padding-left: 10px;


}





.appHubLoadingImage


{


	height: 20px;


	margin-top: 8px;


	margin-left: 8px;


}





a.appHubContainerLink:hover


{


	text-decoration: none;


}





.appHub


{


	display: block;


	position: relative;


	text-align: left;


	cursor: pointer;


	margin-bottom: 15px;


}





.apphubTopContainer


{


	display: block;


	position: relative;


	height: 7px;


	width: 646px;


}





.apphubTop


{


	position: absolute;


	width: 2px;


	height: 7px;


	background-image:url('/_archive/community/assets/img/tab_hubheader.png');


	background-repeat: no-repeat;


}





.apphubTop.middle


{


	left: 2px;


	width: 642px;


	background-position: 0px -7px;


	background-repeat: repeat-x;


}





.apphubTop.leftcap


{


	left: 0px;


	background-position: 0px 0px;


}





.apphubTop.rightcap


{


	right: 0px;


	background-position: 0px -14px;


}





.appHubOutlineContainer


{


	display: block;


	position: relative;


	background-color: #1b1b1b;


	border: 1px solid #394c67;


	height: 356px;


	overflow: hidden;


}





.appHub:hover .appHubOutlineContainer


{


	border: 1px solid #97c0e3;


}





.appHub_TitleArea


{


	display: block;


	background-color: #1b1b1b;


	border-bottom: 1px solid #333333;


}





.apphub_AppIcon


{


	margin-top: 11px;


	margin-right: 12px;


}





.appHubTitle


{


	display: block;


	font-size: 26px;


	color: white;


	padding: 11px;


}





.appHubStatBar


{


	position: absolute;


	top: 100px;


	left: 2px;


	text-transform: uppercase;


}





.appHubStatContainer


{


	float: left;


	height: 103px;


	padding-left: 10px;


	padding-right: 20px;


	background-image: url('/_archive/community/assets/img/btn_hub_center.png');


	background-repeat: repeat-x;


}





.appHubStatBarEndCap


{


	float: left;


	width: 6px;


	height: 103px;


	background-image: url('/_archive/community/assets/img/btn_hub_right.png');


}





.appHub:hover .appHubStatContainer


{


	background-image: url('/_archive/community/assets/img/btn_hub_center_hover.png');


}





.appHub:hover .appHubStatBarEndCap


{


	background-image: url('/_archive/community/assets/img/btn_hub_right_hover.png');


}





.appHubStat


{


	display: block;


	color: #ffffff;


	font-size: 34px;


	padding-top: 10px;


}





.appHubStatTitle


{


	color: #9cb1cf;


	font-size: 14px;


}





.appHubViewAll


{


	display: block;


	position: absolute;


	top: 75px;


	font-size: 12px;


	color: #d2d2d2;


}





.appHubs_ImageWall


{


	display: block;


	border-top: 1px solid #000000;


	padding: 2px;


}





.appHubs_ImageWallImageContainer


{


	display: block;


	float: left;


	overflow: hidden;


	margin: 2px;


}





.appHubs_ImageWallImage


{


}





.appHubContentOverlay


{


	position: absolute;


	top: 56px;


	width: 644px;


	height: 300px;


	background-image: url('/_archive/community/assets/img/overlay_hub.png');


}





/* quick list filter */


.appHubsQuickList


{


	padding-top: 5px;


	float: left;


}





div.quicklistselect


{


	position: relative;


	cursor: pointer;


	width: 269px;


	height: 26px;


	line-height: 26px;


	color: white;


	font-size: 12px;


	background-color: #7095ca;


	border: 1px solid #79a1db;


	text-align: left;


	text-transform: uppercase;


}





div.quicklistselect_options {


	text-align: left;


	width: 269px;


	line-height: 26px;


	color: white;


	font-size: 12px;


	background-color: #7095ca;


	border: 1px solid #79a1db;


	cursor: pointer;


	text-transform: uppercase;


	z-index: 3;


}





div.quicklistselect #quicklistselect_arrow {


	position: absolute;


	right: 0px;


	top: 2px;


	width: 17px;


	height: 20px;


	background-image: url('/_archive/community/assets/img/workshop_dateselect_arrow.png');


	background-repeat: no-repeat;


	background-position: top center;


}





div.quicklistselect.focus #quicklistselect_arrow{


	background-position: bottom;


}





div.quicklistselect #quicklistselect_active


{


	cursor: pointer;


}





div.quicklistselect div.option, div.quicklistselect_options div.option {


	padding-left: 7px;


	height: 24px;


	line-height: 24px;


	cursor: default;


	border-bottom: none;


}





div.quicklistselect #quicklistselect_activestats


{


	background-color: #719F33;


	color: #ffffff;


	border-bottom: 1px solid #707070;


}





div.quicklistselect_options div.option{


	border-bottom: none;


	cursor: pointer;


}





div.quicklistselect_options div.option:hover {


	background-color: #333333;


}





div.quicklistselect div.option img, div.quicklistselect_options div.option img {


	vertical-align: middle;


}





/* loading */








.apphub_GetMoreContent


{


	max-width: 948px;


	height: 300px;


	line-height: 300px;


	margin: 0px auto;


	border:  1px solid transparent;


	padding-top: 10px;


	padding-bottom: 10px;


	margin-bottom: 10px;


	font-size: 20px;


}





.apphub_GetMoreContentWait


{


	position: relative;


	max-width: 948px;


	height: 300px;


	line-height: 300px;


	margin: 0 auto;


	border:  1px solid transparent;


	padding: 10px 1%;


	margin-bottom: 10px;


	font-size: 20px;


	text-align: center;


}





.apphub_GetMoreContentWait img


{


	vertical-align: middle;


	padding-right: 10px;


}





.apphub_ProgressBarBG


{


	position: absolute;


	top: 200px;


	left: 15%;


	right: 15%;


	height: 25px;


	background-color: #000000;


	border: 2px solid #cccccc;


	border-radius: 3px;


	-moz-border-radius: 3px;


}





.apphub_ProgressBar


{


	position: absolute;


	top: 0;


	left: 0;


	width: 0;


	height: 25px;


	background-color: #cccccc;


}





/* not logged in */


#NotLoggedInWarning


{


}





.notLoggedInText


{


	padding-top: 0px;


	font-size: 20px;


	padding-bottom: 20px;


}





.notLoggedInButtons


{


	display: block;


	margin: 0px auto;


	text-align: center;


}





.general_btn {


	display: block;


	background-color: #1A1A1A;


	padding: 5px 8px 5px 8px;


	margin-right: 5px;


	border-radius: 3px;


	-moz-border-radius: 3px;


	cursor: pointer;


}





a.general_btn {


	color: #939393;


}





a.general_btn:hover {


	text-decoration: none;


	color: #AAA;


}





.notLoggedInButtons a.general_btn


{


	display: inline;


	text-decoration: none;


}





.notLoggedInButtons a.general_btn.green


{


	color: #ffffff;


	padding-left: 24px;


	padding-right: 24px;


	background-image: url(/_archive/community/assets/img/btn_green.png);


}





.notLoggedInButtons a.general_btn.green:hover


{


	color: #000000;


}



/* source: assets/css/apphub_home.css */




/* override the background for now */








.apphub_HomeHeader


{


	margin: 0 auto 8px auto;


	max-width: 948px;


}


.apphub_HomeHeader .responsive_tab_ctn {


	margin-top: 8px;


}


.apphub_HomeHeaderContent


{


	padding: 10px 0 0 0;


}


body.apphub_blue


{


	background: #1b2838;


	color: #636363;


}


.apphub_Cards


{


	position: relative;


}





.apphub_GetMoreContent, .apphub_GetMoreContentWait


{


	max-width: 948px;


	height: 300px;


	line-height: 300px;


	text-align: center;


	margin: 0 auto;


	border:  1px solid transparent;


	padding-top: 10px;


	padding-bottom: 10px;


	margin-bottom: 10px;


	font-size: 20px;


}





.apphub_GetMoreContentWait img


{


	vertical-align: middle;


	padding-right: 10px;


}





.apphub_NoMoreContent


{


	max-width: 948px;


	margin: 0 auto;


	height: 229px;


	color: #c4c4c4;


	background: url('/_archive/community/assets/img/bg_hubbottom.png') no-repeat center top;


	text-align: center;


}





.apphub_NoMoreContentText1


{


	max-width: 410px;


	font-size: 18px;


	padding-top: 100px;


	margin: 0 auto;


}





.apphub_NoMoreContentText2


{


	max-width: 410px;


	font-size: 23px;


	margin: 0 auto;


}





.apphub_NoMoreArtwork


{


	max-width: 550px;


	font-size: 14px;


	padding-top: 10px;


	margin: 0 auto;


}








.appHubLoadingPageModal


{


	font-size: 14px;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	text-align: center;


	line-height: 35px;


	height: 75px;


	overflow: hidden;


}





.appHubLoadingPageModal a


{


	text-decoration: underline;


}





.appHubLoadingPageModal img


{


	vertical-align: middle;


	padding-right: 10px;


}





.apphub_BackToTop


{


	position: fixed;


	margin-right: -616px;


	right: 50%;


	bottom: 0px;


	height: 33px;


	width: 131px;


	z-index: 800;


	text-align: center;


}





.apphub_BackTopTopShadow


{


	background-image: url('/_archive/community/assets/img/btn_back_top_shadow.png');


	margin-left: 5px;


	width: 949px;


	height: 20px;


}





.apphub_BackToTopButton


{


	background-image: url('/_archive/community/assets/img/btn_back_top_active.png');


	width: 3px;


	height: 33px;


	line-height: 33px;


	float: left;


	display: inline-block;


}





.apphub_BackToTop:hover .apphub_BackToTopButton


{


	background-image: url('/_archive/community/assets/img/btn_back_top_hover.png');


}





.apphub_BackToTopButton.middle


{


	left: 3px;


	width: 125px;


	background-position: 0px -33px;


	background-repeat: repeat-x;


}





.apphub_BackToTopButton.leftcap


{


	left: 0px;


	background-position: 0px 0px;


}





.apphub_BackToTopButton.rightcap


{


	right: 0px;


	background-position: 0px -66px;


}





.appHub_BackToTopBody a


{


	color: #b7b7b7;


}





/* section filter */





.apphub_SectionFilter


{


	position: relative;


	margin: 0 auto;


	background-color: #2a2d33;


	background-color: rgba( 0, 0, 0, 0.4 );


	min-height: 46px;


	max-width: 946px;


}





.apphub_SectionFilterLabel


{


	float: left;


	color: #2f89bc;


	text-transform: uppercase;


	padding-left: 12px;


	line-height: 46px;


	font-size: 11px;


}





.apphub_SectionFilterLabel.language


{


	padding-left: 50px;


}








.apphub_SectionFilter .learnMore


{


	float:right;


	padding-top: 16px;


	padding-right: 16px;


	color: #c6d4df;


}


.apphub_SectionFilter .learnMore a {


	text-decoration: underline;


	color: #c6d4df;


}


.apphub_SectionFilter .learnMore a:hover {


	color: #fff;


}





@media screen and (max-width: 750px)


{


	html.responsive .apphub_SectionFilter .learnMore {


		display: none;


	}





	html.responsive .apphub_SectionFilterLabel.language {


		clear: left;


		padding-left: 12px;


	}


}





.apphub_AllContentText


{


	position: relative;


	color: #d1d1d1;


	text-align: center;


	line-height: 32px;


	font-size: 12px;


	padding-top: 10px;


}





.apphub_HubDivider


{


	background-image: url('/_archive/community/assets/img/hub_divider.png');


	height: 4px;


}





.apphub_MostPopularLink


{


	font-size: 12px;


	color: #6ca1d5;


	cursor: pointer;


}





.apphub_SectionFilter .apphub_MostPopularLink


{


	line-height: 46px;


	float: left;


	padding-left: 10px;


	padding-right: 2px;


}





.apphub_MostPopularExplanationTitle


{


	font-size: 16px;


	font-weight: bold;


	padding-bottom: 10px;


}





.apphub_MostPopularExplanationText


{


}





.apphub_FollowGame


{


	line-height: 46px;


	float: right;


	padding-right: 10px;


}


.apphub_FollowGameTooltip


{


	font-size: 12px;


	color: #6ca1d5;


	cursor: pointer;


	padding-left: 10px;


	padding-right: 2px;


}





.apphub_UploadImageLink


{


	float: right;


	margin: 5px 10px 5px 0;


}





.responsive_page_menu .apphub_UploadImageLink


{


	float: none;


}





/* filter */





.filterselect_subtext


{


	font-size: 10px;


}





div.filterselect


{


	position: relative;


	cursor: pointer;


	width: 215px;


	height: 26px;


	line-height: 26px;


	color: #66C0F4;


	font-size: 12px;


	background: rgba( 103, 193, 245, 0.2 );


	border-radius: 2px;


	float: left;


	margin-top: 9px;


	margin-left: 10px;


	text-align: left;


	text-transform: uppercase;


}


div.filterselect:hover {


	color: white;


	background: rgba( 103, 193, 245, 1 );


}





div.filterselect_options {


	text-align: left;


	width: 215px;


	line-height: 26px;


	color: white;


	font-size: 12px;


	background-color: #417A9B;


	z-index: 3;


	text-transform: uppercase;


}





div.filterselect_options.language {


	width: auto;


}





div.filterselect .filterselect_arrow, div.filterselect #filterselect_arrow {


	position: absolute;


	right: 0px;


	top: 2px;


	width: 17px;


	height: 20px;


	background-image: url('/_archive/community/assets/img/workshop_dateselect_arrow.png');


	background-repeat: no-repeat;


	background-position: top center;


}





div.filterselect.focus #filterselect_arrow{


	background-position: bottom;


}





div.filterselect div.option, div.filterselect_options div.option {


	padding-left: 7px;


	height: 24px;


	line-height: 24px;


	cursor: default;


	border-bottom: none;


}





div.filterselect #filterselect_activefilter


{


	background-color: #719F33;


	color: #ffffff;


	border-bottom: 1px solid #707070;


}





div.filterselect_options div.option{


	border-bottom: none;


}





div.filterselect_options div.option:hover {


	background-color: #333333;


}





div.filterselect div.option img, div.filterselect_options div.option img {


	vertical-align: middle;


}





/* stats filter */


div.statsselect


{


	display: inline-block;


	position: relative;


	cursor: pointer;


	height: 12px;


	line-height: 19px;


	color: white;


	font-size: 12px;


	margin-top: 26px;


	margin-left: 6px;


	text-align: left;


	text-transform: uppercase;


}





.statsselect_text


{


	font-size: 12px;


	color: white;


	text-transform: none;


	margin-right: 17px;


	padding-left: 5px;


	text-decoration: underline;


}





div.statsselect_options {


	text-align: left;


	width: 215px;


	line-height: 26px;


	color: white;


	font-size: 12px;


	background-color: #3B3938;


	border: 1px solid #82807C;


	cursor: pointer;;


	background-image: url('/_archive/community/assets/img/gamelist_popup_bg.gif');


	z-index: 3;


}





div.statsselect #statsselect_arrow {


	position: absolute;


	right: 0px;


	top: -2px;


	width: 17px;


	height: 20px;


	background-image: url('/_archive/community/assets/img/workshop_dateselect_arrow.png');


	background-repeat: no-repeat;


	background-position: top center;


}





div.statsselect.focus #statsselect_arrow{


	background-position: bottom;


}





div.statsselect div.option, div.statsselect_options div.option {


	padding-left: 7px;


	height: 24px;


	line-height: 24px;


	cursor: default;


	border-bottom: none;


}





div.statsselect #statsselect_activestats


{


	background-color: #719F33;


	color: #ffffff;


	border-bottom: 1px solid #707070;


}





div.statsselect_options div.option{


	border-bottom: none;


	cursor: pointer;





	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





div.statsselect_options div.option:hover {


	background-color: #333333;


}





div.statsselect div.option img, div.statsselect_options div.option img {


	vertical-align: middle;


}





/* search */


.appHubSearchTextForm


{


	float: left;


	padding-left: 8px;


	margin: 9px 0;


}





.appHubSearchTextInput


{


	height: 24px;


	line-height: 24px;


	width: 235px;


	border: 1px solid #6283b2;


	background-color: #2f3e55;


	font-size: 11px;


	color: white;


	padding-left: 5px;


}





.appHubSearchTextImage


{


	position: absolute;


	top: 5px;


	right: 3px;


	width: 23px;


	height: 18px;


	padding: 0;


	margin: 0;


	border: none;


	cursor: pointer;


}





/* store info header */





.apphub_StoreInfoHeader


{


	/*background-image: url('/_archive/community/assets/img/bg_gameinfo.png');*/


    border-top: 1px solid #272f38;


    background-color: rgba( 0, 0, 0, 0.8 );


	max-width: 904px;


	min-height: 182px;


	text-align: left;


	padding: 15px 22px;


	margin: 0 auto;


}





.apphub_StoreAppLogo


{


	width: 374px;


	height: auto;


	float: left;


	margin-right: 2%;


	max-width: 45%;


}





.apphub_StoreAppText


{


	color: #8c8b8a;


    font-family: "Motiva Sans", Arial, Helvetica, sans-serif;


	font-size: 14px;


	text-align: left;


}





.apphub_StoreAppData


{


	padding-top: 20px;


	float: left;


}





.apphub_StorePrice


{


	position: relative;


	height: 28px;


	width: 100px;


	border: 1px solid #4e4c4a;


	margin-right: 5px;


	float: left;


}





.apphub_StorePrice .price


{


	font-size: 14px;


	line-height: 30px;


	text-align: center;


}





.apphub_StorePrice .discount_prices


{


	position: absolute;


	left: 50px;


}





.apphub_StorePrice .discount_prices_no_percentage


{


	position: absolute;


	left: 5px;


	text-align: center;


}





.apphub_StorePrice .discount_pct


{


	background-color: #4c6b22;


	color: white;


	position: absolute;


	left: 0px;


	width: 40px;


	line-height: 30px;


	font-size: 14px;


	text-align: center;


}





.apphub_StorePrice .discount_original_price


{


	position: relative;


	top: 0px;


	font-size: 11px;


	text-decoration: line-through;


	color: #676767;


}





.apphub_StorePrice .discount_final_price


{


	position: relative;


	top: -3px;


	font-size: 12px;


	color: white;


}





.apphub_SwitchSitesBtn.storeInfo


{


	float: left;


}





.apphub_EarlyAccess


{


	background: no-repeat url('/_archive/community/assets/img/early_access_banner.jpg');


	max-width: 948px;


	height: 38px;


	line-height: 38px;


	margin: 0 auto;


}





.apphub_EarlyAccess_Title


{


	padding-left: 15px;


	float: left;


	font-family: 'Motiva Sans', Arial, Tahoma;


	font-size: 18px;


	color: white;


}





.apphub_EarlyAccess_Desc


{


	display: block;


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


	padding-left: 10px;


	padding-top: 1px;


	font-size: 14px;


	color: #a1b8cc;


}





/* discussions */


.leftcol


{


	float: left;


	width: 640px;


}





.rightcol {


	float: right;


	width: 295px;


}





.rightbox_header, .rightbox_footer {


	/*background: no-repeat url('/_archive/community/assets/img/rightcol_box_topbtm.png');*/


	width: 295px;


	height: 4px;


}


.rightbox_header {


	background-position: top;


}


.rightbox_footer {


	background-position: bottom;


	height: 5px;





	margin-bottom: 18px;


}


.rightbox {


	background: repeat-y url('/_archive/community/assets/img/rightcol_box_repeat.png');


}


.rightbox .content {


	padding: 16px 14px;


}


.rightbox .rule {


	height: 1px;


	background-color: #333333;


	border-top: 1px solid #000000;


}





.rightbox_list_header, .rightbox_content_header {


	color: #676765;


	font-size: 12px;


	margin-bottom: 12px;


}





.rightbox_content_header {


	padding: 11px 14px;


	margin-bottom: 0px;


}





.rightbox_list_option {


	position: relative;


	line-height: 37px;


	height: 37px;


	color: #c9c9c9;


}





.rightbox_list_option_content {


	position: relative;


}





.rightbox_list_option.selected .rightbox_list_selection_background {


	display: block;


}





.rightbox_list_selection_background {


	position: absolute;


	display: none;


	left: -27px;


	top: 0px;


	background-image: url('/_archive/community/assets/img/rightcol_option_selected.png');


	width: 306px;


	height: 37px;


}











.weblink {


	line-height: 24px;


}





.weblink a {


	color: #e1e1e1;


}





.weblink a:hover {


	text-decoration: underline;


	color: #ffffff;


}





.weblink img {


	vertical-align: middle;


}





.forum_list_unread {


	font-weight: bold;


	color: #ffffff;


}





.forum_list .rightbox_list_option.selected {


	color: #ffffff;


}





.forum_list_postcount {


	float: right;


	padding-right: 6px;


}





.forum_list_name {


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;;


}





.rightbox .content .forum_button {


	margin: 0px;


}





/* reported content */


.reported_content_gradient {





	background: -moz-linear-gradient(top,  rgba(27,27,27,0) 0%, rgba(27,27,27,1) 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,27,27,0)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%); /* IE10+ */


	background: linear-gradient(to bottom,  rgba(27,27,27,0) 0%,rgba(27,27,27,1) 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b1b1b', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */


	height: 50px;


	width: 100%;


	position: absolute;


	bottom: 0px;


}








@media screen and (max-width: 910px)


{


	html.responsive .leftcol,


	html.responsive .rightcol {


		width: auto;


		float: none;


	}





	html.responsive .leftcol {


		max-width: 640px;


	}


}



/* source: assets/css/communityhome.css */




body


{


    /*	background: #262627 url('/_archive/community/assets/img/community_2_background_gradient.png') top repeat-x;


        background-position: 0 105px; */


    background: #1b2838;


    color: #636363;


}





.community_home_header


{


	position: relative;


	max-width: 948px;


	margin: 0px auto;


	padding: 20px 1% 0 1%;


	text-align: left;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


}





.community_home_title


{


	font-weight: normal;


	font-size: 26px;


	color: #FFFFFF;


    font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	text-align: left;


}





.community_home_subtitle


{


    font-weight: normal;


    font-size: 17px;


    color: #9099a1;


    font-family: Arial, Sans-Serif;


    text-align: left;


    padding-top: 5px;


}





.community_home_stats


{


	padding-top: 5px;


	font-size: 17px;


	color: #5a5a5a;


}





.num_contributions


{


	color: #cdcdcd;


}


.num_contributions_text


{


	color: #939393;


	font-weight: normal;


}





.num_accounts_game


{


	color: #8BC53F;


}


.num_accounts_game_text


{


	color: #5c7e10;


	font-weight: normal;


}





.num_accounts_online


{


	color: #529cde;


}


.num_accounts_online_text


{


	color: #62A7E3;


	font-weight: normal;


}





.community_home_tabs


{


	position: relative;


	max-width: 948px;


	padding: 0 1%;


	margin: 0px auto;


	padding-top: 5px;


	padding-bottom: 10px;


    font-family: Motiva Sans, Arial, Helvetica, sans-serif;


}





.appHubShortcutText {


	overflow: hidden;


}





.community_home_header .appHubShortcut, .community_home_header .appHubShortcut a, .community_home_header .appHubShortcut a:visited


{


	color: #dadada;


}





.community_home_header .appHubShortcut a:hover


{


	color: #ffffff;


	text-decoration: underline;


}





.appHubShortcut_Title


{


	line-height: 15px;


    font-size: 13px;


}





.new_items_num


{


	font-size: 12px;


    line-height: 15px;


	color: #2f89bc;


}





.new_items_text


{


	color: #2f89bc;


}





.community_home_app_shortcuts


{


	margin-top: 15px;


	width: 66%;


	background: rgba(0, 0, 0, 0.4);


	border: 1px solid transparent;


	float: left;


}





.community_home_shortcut_content {


	padding: 10px;


	min-height: 200px;


}





.community_home_app_shortcuts .community_home_shortcut_content {


	padding-bottom: 0;


	min-height: 210px;


}





.community_home_login


{


	float: left;


	width: 50%;


	font-size: 12px;


	line-height: 17px;


	color: #c6d4df;


}





.community_home_login_content {


	padding: 0 10px 0 0;


}





.community_home_join_steam


{


	padding-top: 10px;


}





.community_home_join_steam a, .community_home_join_steam a:visited


{


	color: #c6d4df;


	text-decoration: underline;


}


.community_home_join_steam a:hover


{


	color: #ffffff;


}





.community_home_app_shortcuts_list_header


{


	font-size: 11px;


	color: #8f98a0;


	text-transform: uppercase;


	padding-bottom: 10px;


}





.community_home_app_shortcuts_list


{


	float: left;


	width: 50%;


}





.community_home_search_box


{


	margin-top: 15px;


	width: 33%;


	background: rgba(0, 0, 0, 0.4);


	border: 1px solid transparent;


	float: right;


}





html.responsive .responsive_page_menu .community_home_app_shortcuts_list {


	float: none;


	width: auto;


}





.community_home_search_divider


{


	width: 100%;


	height: 1px;


	border-top: 1px solid #000000;


	background-color: #333333;


	margin: 35px 0;


}





html.responsive .responsive_page_menu .community_home_search_divider {


	margin: 15px 0;


}





.community_home_search_title


{


	font-size: 11px;


	color: #8f98a0;


	text-transform: uppercase;


	padding-bottom: 5px;


}





.community_home_search_apps


{


	position: relative;


	height: 20px;


	margin-top: 5px;


	background-color: #2a3f5a;


    border: 1px solid #000;


    border-radius: 3px;


    box-shadow: 1px 1px 0 #45556c;


    color: #fff;


    padding: 5px;


}





input.community_home_search_app_input


{


	padding: 0;


	margin: 0;


	border: none;


	outline: none;


	position: absolute;


	box-shadow: none;


	top: 6px;


	left: 6px;


	width: 90%;


	font-style: italic;


	background-color: #2a3f5a;


}





.community_home_search_apps_image


{


	position: absolute;


	top: 5px;


	right: 4px;


	width: 23px;


	height: 18px;


	padding: 0;


	margin: 0;


	border: none;


	background-color: #2f3e55;


}





.community_home_search_players


{


    position: relative;


    height: 20px;


    margin-top: 5px;


    background-color: #2a3f5a;


    border: 1px solid #000;


    border-radius: 3px;


    box-shadow: 1px 1px 0 #45556c;


    color: #fff;


    padding: 5px;


}





input.community_home_search_players_input


{


	padding: 0;


	margin: 0;


	border: none;


	outline: none;


	position: absolute;


	box-shadow: none;


	top: 6px;


	left: 6px;


	width: 90%;


	background-color: #2a3f5a;


	font-style: italic;


}





.community_home_search_players_image


{


	position: absolute;


    background-color: #2a3f5a;


	top: 5px;


	right: 4px;


	width: 23px;


	height: 18px;


	padding: 0;


	margin: 0;


	border: none;


}





.community_home_sort_options


{


	max-width: 948px;


	padding: 0 1% 20px 1%;


	margin: 0 auto;


	text-align: left;


    font-family: Motiva Sans, Arial, Helvetica, sans-serif;


}





.community_home_sort_buttons


{


	float: right;


}





.community_home_workshop_desc_link


{


	padding-top: 5px;


}



/* source: assets/css/apphub_broadcast.css */




.Broadcast_Card .apphub_CardContentAppName


{


	margin-left: 0px;


	margin-right: 5px;


	padding: 0px;


}





.Broadcast_Card a


{


	outline: 0;


}





.Broadcast_Card.apphub_Card.interactable:hover .apphub_CardContentAppName a,


.Broadcast_Card.apphub_Card.interactable:hover .apphub_CardContentViewers,


.Broadcast_Card.apphub_Card.interactable:hover .apphub_CardContentTitle


{


	color: #898989;


}





.Broadcast_Card .apphub_CardContentViewers


{


	font-size: 13px;


	font-family: Motiva Sans, Arial, Helvetica, sans-serif;


	color: #636363;


	float: right;


	padding: 5px;


}





.Broadcast_Card.apphub_Card


{


	max-width: 468px;


	max-height: 362px;


}





.Broadcast_Card .apphub_CardContentMain


{


	max-height: 267px;


}





.Broadcast_Card .apphub_CardContentPreviewImage


{


	display: none;


	max-width: 458px;


	max-height: 257px;


}





.Broadcast_Card .apphub_CardContentMain


{


	background-image: url('/_archive/community/assets/img/apphub_default_thumbnail.jpg');


    background-repeat: no-repeat;


    background-size: 100% 100%;


}






/* source: assets/css/shared_responsive.css */




.responsive_page_frame {


	position: relative;


}





body.overflow_hidden,


body.overflow_hidden .responsive_page_frame {


	overflow: hidden;


	position: relative;


}





.responsive_page_content {


}





.responsive_page_menu_ctn {


	position: fixed;


	top: 0;


	bottom: 0;


	overflow: hidden;





	background: black;





	z-index: 30;


	width: 280px;


}





.responsive_page_frame:not(.in_menu_drag) .responsive_page_menu_ctn {


	transition: left 0.5s, right 0.5s;


}





.responsive_page_menu_ctn.mainmenu {


	left: -280px;


}





.responsive_page_menu_ctn.localmenu {


	right: -280px;


}





.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu,


.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu


{


	box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );


}





.responsive_page_frame.mainmenu_active .responsive_page_menu_ctn.mainmenu {


	left: 0;


}





.responsive_page_frame.localmenu_active .responsive_page_menu_ctn.localmenu {


	right: 0;


}





.responsive_page_content_overlay {


	visibility: hidden;


	opacity: 0;


	background: rgba( 0, 0, 0, 0.4);


	position: fixed;


	top: 0;


	right: 0;


	bottom: 0;


	left: 0;


	z-index: 25;	/* on top of page and header */





	transition: visibility 0.5s, opacity 0.5s;


}





.responsive_page_frame.mainmenu_active .responsive_page_content_overlay,


.responsive_page_frame.localmenu_active .responsive_page_content_overlay {


	visibility: visible;


	opacity: 1.0;


	transition: visibility 0s, opacity 0.5s;


}





.responsive_page_menu {


	position: absolute;


	top: 0;


	left: 0;


	bottom: 0;


	right: 0;


	overflow: hidden;


	overflow-y: scroll;


	-webkit-overflow-scrolling: touch;


}





.mainmenu_contents {


	background: #171a21;


	font-size: 24px;


	position: relative;


	min-height: 100%;


}





.mainmenu_contents_items {





	font-family: "Motiva Sans Thin", Helvetica, Arial, sans-serif;


}





.responsive_page_menu_ctn.localmenu .responsive_page_menu {


	background: #171a21;


}





.responsive_page_menu_ctn.localmenu .localmenu_subarea {


	background: #192533;


	border-radius: 3px;


	padding: 10px;


	color: #bdbdbd;


	margin-bottom: 16px;


}





.responsive_page_menu_ctn.localmenu .localmenu_subarea .subheader {


	font-size: 1.2em;


	margin-bottom: 8px;


}





.mainmenu_contents .menuitem,


.mainmenu_contents .submenuitem,


.notification_submenu .popup_menu_item {


	text-transform: capitalize;


	display: block;


	padding: 0 12px;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	line-height: 2.5em;





	text-decoration: none;





	cursor: pointer;


}





.mainmenu_contents .menuitem {


	color: #bdbdbd;


	background: #171a21;


	transition: background 0.25s;


}





.mainmenu_contents .menuitem,


.menuitem_submenu_wrapper .inner_borders,


.mainmenu .minor_menu_items {


	border-top: 1px solid #2f3138;


	border-bottom: 1px solid #000000;


}


.mainmenu .minor_menu_items {


	border-bottom: none;


}





.mainmenu_contents .menuitem.submenu_active {


	background: #192533;


	color: #ffffff;


}





.menuitem_submenu_wrapper {


	overflow: hidden;


	background: #171a21;





	transition: height 0.5s, background 0.25s, color 0.25s;


}





.menuitem_submenu_wrapper.active {


	background: #192533;


}





.menuitem_submenu_wrapper .submenuitem, .notification_submenu .popup_menu_item {


	display: block;


	font-size: 0.7em;


	color: #ffffff;


	padding-left: 28px;


}





.notifications_item .notification_count_total_ctn {


	display: inline-block;


	color: #ffffff;


	vertical-align: middle;


	line-height: 150%;


	padding: 0 8px;


	font-size: 0.7em;


	margin-left: 1em;


}





.notifications_item .notification_count_total_ctn.has_notifications {


	color: #ffffff;


	background-color: #5c7e10;


}





.mainmenu .notification_submenu .notification_icon,


.mainmenu .notification_submenu .header_notification_dropdown_seperator {


	display: none;


}





.mainmenu .minor_menu_items .menuitem {


	color: #8a8a8a;


	border: none;


	font-size: 0.75em;


}





.mainmenu_footer_spacer {


	height: 160px;


}





.mainmenu_footer {


	position: absolute;


	left: 0;


	right: 0;


	bottom: 0;


	font-size: 10px;


	white-space: normal;


	color: #8a8a8a;


	padding: 0 12px 24px 12px;


}





.mainmenu_footer .mainmenu_valve_links > a {


	color: #8a8a8a;


}





.responsive_menu_notifications .popup_menu_item {


	font-size: 16px;


}





.responsive_menu_notifications .popup_menu_item.active_inbox_item {


	color: #70ba24;


}





.responsive_local_menu_tab {


	background-color: rgba( 104, 157, 221, 0.6 );


	position: fixed;


	right: 0;


	top: 6px;


	border-top-left-radius: 80px;


	border-bottom-left-radius: 80px;


	width: 30px;


	height: 50px;


	z-index: 12; /* behind overlay, on top of page content */





	background-image: url('/_archive/community/assets/img/local_menu_hamburger.png');


	background-repeat: no-repeat;


	background-position: 2px center;


	background-size: 110%;





	transition: opacity 0.5s;


	box-shadow: 0 0 30px 0 #6799e2;





	cursor: pointer;


}





.responsive_page_frame.with_header .responsive_local_menu_tab {


	top: 68px;


}





.responsive_page_frame.mainmenu_active .responsive_local_menu_tab,


.responsive_page_frame.localmenu_active .responsive_local_menu_tab


{


	opacity: 0;


}





.responsive_header {


	display: none;


	background: #171a21;





	position: fixed;


	top: 0;


	left: 0;


	right: 0;


	text-align: center;


	z-index: 20;


	box-shadow: 0 0 7px 0 rgba( 0, 0, 0, 0.75 );





	overflow: hidden;





	padding: 13px 8px;


}





@media screen and ( max-height: 360px )


{


	.responsive_header {


		position: absolute;


	}


}





#responsive_menu_logo,


#responsive_beta_logo {


	position: absolute;


	top: 9px;


	cursor: pointer;


	width: 36px;


	height: 31px;


}





#responsive_menu_logo {


	left: 8px;


}





#responsive_beta_logo {


	right: 8px;


}





.responsive_header_notification_badge_ctn {


	position: absolute;


	text-align: center;


	right: -26px;


	width: 60px;


	top: -4px;


}





.responsive_header_notification_badge {


	display: inline-block;


	background: #ca2842;


	color: #ffffff;


	padding: 0 4px;


	font-size: 11px;


	line-height: 17px;


	border-radius: 8px;


}





.responsive_header_notification_badge.no_notifications {


	display: none;


}





.responsive_header .responsive_header_logo img {


	vertical-align: middle;


}





.localmenu_content {


	padding: 16px;


}





/*


.responsive_page_frame:not(.in_menu_drag) .responsive_header_content {


	transition: left 0.5s, right 0.5s;





}





.responsive_page_frame.mainmenu_active .responsive_header_content {


	left: 280px;


	right: -280px;


}


*/





.responsive_menu_user_area {


	padding: 25px 20px;


	box-shadow: inset 0 -4px 8px 0 #000000;





	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#24313f), color-stop(33%,#171a21));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24313f', endColorstr='#171a21',GradientType=1 );background: -moz-linear-gradient( 107deg, #24313f 0%,#171a21 33%););background: -webkit-linear-gradient( 107deg, #24313f 0%,#171a21 33%););background: -o-linear-gradient( 107deg, #24313f 0%,#171a21 33%););background: -ms-linear-gradient( 107deg, #24313f 0%,#171a21 33%););background: linear-gradient( 107deg, #24313f 0%,#171a21 33%););}





.responsive_menu_user_persona {


	line-height: 36px;


}





.responsive_menu_user_persona .playerAvatar {


	display: inline-block;


	vertical-align: middle;


	margin-right: 8px;


}





.responsive_change_language_select {


	font-size: 24px;


}








@media screen and (max-width: 910px)

{




	html.responsive div#global_header {


		display: none;


	}





	html.responsive div.responsive_header {


		display: block;


	}





	html.responsive div.responsive_page_content {


		position: relative;


		z-index: 10;


	}





	html.responsive .responsive_page_frame.with_header div.responsive_page_content {


		padding-top: 62px;	/* the header overlaps this area */


	}





	/* we show a footer in the menu itself */


	html.responsive div#footer, html.responsive div#footer_spacer {


		display: none;


	}







}




	html.responsive.touch div#global_header {


		display: none;


	}





	html.responsive.touch div.responsive_header {


		display: block;


	}





	html.responsive.touch div.responsive_page_content {


		position: relative;


		z-index: 10;


	}





	html.responsive.touch .responsive_page_frame.with_header div.responsive_page_content {


		padding-top: 62px;	/* the header overlaps this area */


	}





	/* we show a footer in the menu itself */


	html.responsive.touch div#footer, html.responsive.touch div#footer_spacer {


		display: none;


	}








.perf_timing_area {


	/*display: none;*/


}





.perf_timing_data {


	width: auto;


}





.responsive_page_menu div.responsive_menu_only {


	display: block;


}





.responsive_page_menu span.responsive_menu_only {


	display: inline;


}





@media screen and (max-width: 910px)


{


	html.responsive div.nonresponsive_hidden {


		display: block;


	}





	html.responsive span.nonresponsive_hidden {


		display: inline;


	}





	html.responsive .responsive_hidden {


		display: none;


	}


}





.responsive_tab_control select {


	color: #ffffff;


	/*background: rgba(0,0,0,0.3);*/


	background: #3a6d8b;


	border: none;


	font-size: 16px;


	height: 24px;


	max-width: 98%;


	min-width: 250px;


	font-family: "Motiva Sans Thin", Helvetica, Arial, sans-serif;


}





.responsive_tab_control select option {


	background: #3a6d8b;


}





/* If the user has opted to "view desktop site", we add a button to the bottom of the footer


	to opt back in to the mobile site.  This is button repsonds to device width


	so that it's bigger on smaller screens and easier to tap when zoomed out */





html.force_desktop body #footer .responsive_optin_link {


	display: block;


	text-align: center;


	padding: 20px 0;


}





html.force_desktop body #footer_responsive_optin_spacer {


	height: 64px;


}





.responsive_optin_link .btn_medium > span {


	line-height: 150%;


}





@media screen and ( max-device-width: 640px )


{


	.responsive_optin_link .btn_medium > span {


		font-size: 22px;


	}





	html.force_desktop body #footer_responsive_optin_spacer {


		height: 75px;


	}


}





@media screen and ( max-device-width: 500px )


{


	.responsive_optin_link .btn_medium > span {


		font-size: 26px;


	}





	html.force_desktop body #footer .responsive_optin_link {


		padding: 25px 0;


	}





	html.force_desktop body #footer_responsive_optin_spacer {


		height: 91px;


	}


}





@media screen and ( max-device-width: 400px )


{


	.responsive_optin_link .btn_medium > span {


		font-size: 34px;


	}





	html.force_desktop body #footer .responsive_optin_link {


		padding: 40px 0;


	}





	html.force_desktop body #footer_responsive_optin_spacer {


		height: 133px;


	}





}





.responsive_fixonscroll_ctn  {


	position: fixed;


	left: 0;


	right: 0;


	background: #171a21;


	box-shadow: 0 2px 4px 0 #000000;


	z-index: 15;


}



/* source: assets/css/apphub_images.css */










.appHubNewsIconHolder.eurogamer


{


	background-image:url('/_archive/community/assets/img/img_eurogamer.gif');


}





.appHubNewsIconHolder.kotaku


{


	background-image:url('/_archive/community/assets/img/img_kotaku.gif');


}





.appHubNewsIconHolder.pcgamer


{


	background-image:url('/_archive/community/assets/img/img_pcgamer.gif');


}





.appHubNewsIconHolder.kotaku


{


	background-image:url('/_archive/community/assets/img/img_kotaku.gif');


}





.appHubNewsIconHolder.rps


{


	background-image:url('/_archive/community/assets/img/img_rockpapershotgun.gif');


}





.appHubNewsIconHolder.shacknews


{


	background-image:url('/_archive/community/assets/img/img_shacknews.gif');


}





.appHubNewsIconHolder.steam_release


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.steam_updates


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.steam_announce


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.steam_blog


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.steam_client


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.steam_press


{


	background-image:url('/_archive/community/assets/img/img_steam.gif');


}





.appHubNewsIconHolder.tf2_blog


{


	background-image:url('/_archive/community/assets/img/img_tf2.jpg');


}





.appHubNewsIconHolder.l4d_blog


{


	background-image:url('/_archive/community/assets/img/img_l4d2.jpg');


}





.appHubNewsIconHolder.dota_blog


{


	background-image:url('/_archive/community/assets/img/img_dota2.jpg');


}





.appHubNewsIconHolder.dota_beta_blog


{


	background-image:url('/_archive/community/assets/img/img_dota2.jpg');


}





.appHubNewsIconHolder.portal2_blog


{


	background-image:url('/_archive/community/assets/img/img_portal2.jpg');


}











.apphub_CardRating.notRated


{


	background-image: url('/_archive/community/assets/img/not-yet.png');


}





.apphub_CardRating.zeroStar


{


	background-image: url('/_archive/community/assets/img/0-star.png');


}





.apphub_CardRating.oneStar


{


	background-image: url('/_archive/community/assets/img/1-star.png');


}





.apphub_CardRating.twoStar


{


	background-image: url('/_archive/community/assets/img/2-star.png');


}





.apphub_CardRating.threeStar


{


	background-image: url('/_archive/community/assets/img/3-star.png');


}





.apphub_CardRating.fourStar


{


	background-image: url('/_archive/community/assets/img/4-star.png');


}





.apphub_CardRating.fiveStar


{


	background-image: url('/_archive/community/assets/img/5-star.png');


}






/* source: assets/css/header.css */







.a:focus {


	outline: 0 none;


}





#headerBar {


	text-align:left;


	margin:0;


	padding:0;


	background-color:#111111;


	width:100%;


	color:#545454;


	font-size:10px;


	margin-bottom:0;


}





a.headerLink,a.headerLink:active,a.headerLink:visited,a.headerLink:hover {


	text-decoration:none;


	color:#959595;


}





#headerRight {


	float:right;


	padding:0;


	margin:0;


	padding-right:27px;


}





#headerLinks>p {


	margin-bottom:0;


	padding-bottom:0;


}





#headerRight .personaName {


	color:#cfcfcf;


}





.headerLinkActive {


	color:#cfcfcf;


	font-weight:bold;


}





#steamLogo {


	float:left;


	margin:0;


	padding:0;


	width:105px;


	height:54px;


}





#steamText {


	margin:0;


	padding:0;


	height:35px;


}





#headerLinks {


	margin:0;


	padding:0;


	height:19px;


}





#headerLinks>p {


	padding-left:6px;


}





#subHeader {


	position:relative;


	margin:0;


	padding:0;


	height:36px;


	background-image:url('/_archive/community/assets/img/lowerBarBG.gif');


	background-repeat:repeat-x;


	padding-left:111px;


	color:#344c5f;


	margin-top:1px;


}





.subHeaderMargin {


	padding-top:8px;


}





a.subHeaderLink,a.subHeaderLink:hover,a.subHeaderLink:visited,a.subHeaderLink:active {


	color:#6f9fc8;


	text-decoration:none;


}





.subHeaderLinkActive {


	color:#8ecbff;


	font-weight:bold;


}





#searchBox {


	float:right;


	position:relative;


	margin:0;


	padding:0;


	padding-right:27px;


	padding-top:7px;


}





#searchInputBox {


	margin-top:-6px;


	width:170px;


	color:#909090;


}





#searchText {


	font-style:italic;


	color:#6f9fc8;


}





#betaTag {


	text-align:center;


	position:absolute;


	top:4px;


	left:45px;


	border:none;


	z-index:99;


}





#betaText {


	position:absolute;


	top:34px;


	left:115px;


	border:none;


	z-index:99;


}





#reportAbuse {


	position:absolute;


	display:block;


	visibility:visible;


	width:auto;


	height:auto;


	top:32px;


	left:0;


	margin:0;


	padding:0;


	color:#ffffff;


	z-index:150;


}





#reportAbuseNew {


	position:absolute;


	display:block;


	visibility:visible;


	width:auto;


	height:auto;


	top:36px;


	z-index:150;


}





#rAText {


	float:left;


	display:block;


	visibility:visible;


	background-color:#3f3f3f;


	background-image:url('/_archive/community/assets/img/reportAbuseBG.gif');


	background-repeat:repeat-x;


	width:auto;


	margin:0;


	padding:0;


	height:20px;


	line-height:18px;


	padding-left:6px;


	padding-right:6px;


}





#abuseReportLink {


	color:#bebebe;


	text-decoration:none;


}





#rALeft,#rARight {


	float:left;


	width:3px;


	height:20px;


	margin:0;


	padding:0;


}





#rALeft {


	background-image:url('/_archive/community/assets/img/reportAbuseLeft.gif');


}





#rARight {


	background-image:url('/_archive/community/assets/img/reportAbuseRight.gif');


}





#reporter {


	position:absolute;


	display:none;


	visibility:visible;


	border:solid #595959 1px;


	background-color:#3f3f3f;


	margin:0;


	width:200px;


	left:-86px;


	top:20px;


	padding:6px;


	color:#898989;


	font-size:11px;


	line-height:14px;


	z-index:180;


}





#reporter>a,#reporter>a:hover,#reporter>a:visited,#reporter>a:active {


	display:inline;


	visibility:visible;


	color:#e1e1e1;


	text-decoration:none;


	font-size:11px;


}





#reporter.profile {


	left: 0;


	top: 10px;


}





#abuseForm {


	margin:0;


	padding:0;


}





.abuseRadio {


	border:none;


	background-color:#3f3f3f;


}





#abuseDescriptionLabel {


	display:block;


	margin-top:4px;


	color:#777777;


	font-style:italic;


}





img {


	border: none;


}





.community_sub_nav


{


	position: absolute;


	left: 7px;


	top: 65px;


	width: 650px;


	font-size: 14px;


}








/*


 * GENERIC POPUP


 */








.pulldown {


	padding-left: 5px;


	padding-right: 18px;


	background-image: url('data:image/gif;base64,R0lGODlhEwAMAIABAMXDwgAAACH5BAEAAAEALAAAAAATAAwAAAIUjI+py+0PEZh0wmpjjSfzD4aiUQAAOw==');


	background-position: right center;


	background-repeat: no-repeat;





	cursor: pointer;


}





.popup_block {


	z-index: 200;


	position: absolute;


}





.popup_block .popup_body {


	border: 1px solid #82807c;


	position: relative;





	background-color: #3b3938;


	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABCCAIAAAAZuyscAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNp0jsENACEIBDdUaXzYfw189lCDQDwfZNYhIBi9iaoKACFZaQXLztvNN4MPR8uw7PxzmzFb3Pnb9+Z7qltMs/n+3Yt9yX0CDAAt4VMy+xZJfQAAAABJRU5ErkJggg==');


	background-repeat: repeat-x;


	background-position: top;


}





.popup_block .header {


	padding: 4px 16px;


	height: 18px;





	font-size: 12px;


	font-weight: bold;


	color: #d6d7d8;





	background-image: url(/_archive/community/assets/img/maincol_bg_gray.png);


	background-repeat: no-repeat;


	background-color: #303030;


}





.popup_menu_separator {


	margin: 8px 12px;


	height: 1px;


	background-color: #898989;


}





.iepopupfix {


	display: none;


	position: absolute;


	top: 0px;


	right: 0px;


	left: 0px;


	bottom: 0px;


	overflow: hidden;


}





img.iepopupfix_img {


	width: 200px;


	height: 500px;


}





/*


 * User controls popup


 */





div#userControls {


	width:929px;


	padding:18px 6px 20px 13px;


	text-align:left;


	position:relative;


	margin: 0px auto;


}





div#userControls a.userControlsLink {


	font-size:12px;


	text-transform:uppercase;


}





/**


 * Community Navigation


 */


#CommunityNavigation


{


	position: relative;


	text-align: left;


	width: 947px;


	padding-top: 15px;


	padding-bottom: 15px;


	font-size: 12px;


	height: 15px;


}





#CommunityNavigation .link


{


	text-transform: uppercase;


	padding-top: 24px;


	padding-left: 7px;


	padding-right: 7px;


	padding-bottom: 10px;


}





#CommunityNavigation .link.active


{


	background-color: #191919;


	background: -moz-linear-gradient(top,  rgba(25,25,25,0) 0%, rgba(25,25,25,1) 65%, rgba(25,25,25,1) 100%); /* FF3.6+ */


	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,25,25,0)), color-stop(65%,rgba(25,25,25,1)), color-stop(100%,rgba(25,25,25,1))); /* Chrome,Safari4+ */


	background: -webkit-linear-gradient(top,  rgba(25,25,25,0) 0%,rgba(25,25,25,1) 65%,rgba(25,25,25,1) 100%); /* Chrome10+,Safari5.1+ */


	background: -o-linear-gradient(top,  rgba(25,25,25,0) 0%,rgba(25,25,25,1) 65%,rgba(25,25,25,1) 100%); /* Opera 11.10+ */


	background: -ms-linear-gradient(top,  rgba(25,25,25,0) 0%,rgba(25,25,25,1) 65%,rgba(25,25,25,1) 100%); /* IE10+ */


	background: linear-gradient(to bottom,  rgba(25,25,25,0) 0%,rgba(25,25,25,1) 65%,rgba(25,25,25,1) 100%); /* W3C */


	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191919', endColorstr='#191919',GradientType=0 ); /* IE6-9 */


}





div#headerSearch {


	float:right;


	position:relative;


	width:280px;


	height:27px;


	background-image: url(/_archive/community/assets/img/searchbox_friendactivity_bg.gif);


	background-repeat:no-repeat;


	padding:0;


	margin:0;


	margin-top:-5px;


}





#searchInputBoxNew {


	padding:0;


	margin:0;


	border:none;


	outline:none;


	position:absolute;


	top:6px;


	left:6px;


	width:212px;


	background-color:#3a3a3a;


}





#searchSubmitImg {


	position:absolute;


	top:5px;


	right:4px;


	width:23px;


	height:18px;


	padding:0;


	margin:0;


	border:none;


}





#headerSearchForm {


	padding:0;


	margin:0;


}





/*


 * DROP SHADOWS


 */





.shadow_content {


	margin: 12px;


}





.shadow_ul, .shadow_ur, .shadow_bl, .shadow_br {


	position: absolute;


	height: 12px;


	width: 12px;


	background-image: url(/_archive/community/assets/img/shadow_corners.png);


	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNq0VlGyAiEMo8Dq/a+rCzj66E7IS/FLZjqgQtq0oWjpb1hah4k17xk08/rz2TbgOPs6z7kD4Ng4TFWAMzCb/zbIFLvFQQSYaXaATvNQ6aoBOIKyeYrcjJwtTAocQkBflxmE2zG/Y0ZcP2diRUTuVsHBAVYEuIk6hDXIAHIQA99/TvMzz3nGozesgWJQKC0HOEuCxSDZuhNZZOXgBvN7PAh8QJE7YI1K2s6ChUd/Bwcs17c1OOtqsgo3lBkgi9u0O+ncgdvc3win5fTjoe6BumyYljZr8JjqeYKqGl3CD32UVaecnoFaGJyBL1XVQAlNNDhsBecm+qUvlaA9q6vv1gQ4s7j2F9GGo+s/KHVoXTBIzCCJlCTRnhtEjNbVG1EEMDNR9WFgfhuWdm0bGXOPYZX1IPKLgW1StHsyQ8BvNYgYMJseAP979O3Xf1teAgwAvqvFROfF+RQAAAAASUVORK5CYII=);


}





.shadow_ul {


	top: 0;


	left: 0;


	background-position: top left;


}





.shadow_ur {


	top: 0;


	right: 0;


	background-position: top right;


}





.shadow_bl {


	bottom: 0;


	left: 0;


	background-position: bottom left;


}





.shadow_br {


	bottom: 0;


	right: 0;


	background-position: bottom right;


}





.shadow_top, .shadow_bottom {


	position: absolute;


	margin: 0 12px;


	height: 12px;


	left: 0;


	right: 0;


	background-image: url(/_archive/community/assets/img/shadow_topbottom.png);


	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAYAAAB2BDbRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD9JREFUeNo0zFEKQFAQAMB9u0hSEvc/IUk5gEb5mc+JiGj5kyh0GDBiwowFKzbsCBw4ceHGUwL0KCQa4uMVYAAMZQVwOy2LWAAAAABJRU5ErkJggg==);


	background-repeat: repeat-x; 


}


.shadow_top {


	background-position: top;


	top: 0;


}


.shadow_bottom {


	background-position: bottom;


	bottom: 0;


}


.shadow_left, .shadow_right {


	position: absolute;


	top: 0;


	bottom: 0;


	margin: 12px 0;


	width: 12px;


	background-image: url(/_archive/community/assets/img/shadow_leftright.png);


	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAABCAYAAADAW76WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAD5JREFUeNosyssKQFAUAMBzkSQl8f9fKFIsyGuUxewmRUT6ZeQUlFTUNLR09Aw8jEzMLKxs7BycXNzffwUYAFWiDQPUjcVGAAAAAElFTkSuQmCC);


	background-repeat: repeat-y;


}


.shadow_left {


	background-position: left;


	left: 0;


}


.shadow_right {


	background-position: right;


	right: 0;


}





.suppress_shadow .shadow_ul,.suppress_shadow .shadow_ur, .suppress_shadow .shadow_bl, .suppress_shadow .shadow_br,


.suppress_shadow .shadow_top, .suppress_shadow .shadow_bottom, 


.suppress_shadow .shadow_left, .suppress_shadow .shadow_right {


	background-image: none;


}





#reportAbuseModal {


	position:absolute;


	width:516px;


	padding:16px;


	z-index:1000;


	background-color:#3a3a3a;


	text-align:left;


}





#reportAbuseModalClose {


	position:absolute;


	width:11px;


	height:11px;


	right:12px;


	top:12px;


}





#reportAbuseModalContents {


	font-size: 14px;


	color: #B0B0B0;


	max-width: 500px;


}





.reportAbuseModalRule {


	border-top: 1px solid #595959;


	margin-bottom: 8px;


	margin-top: 4px;


}





#reportAbuseModalContents .halfBox


{


	width: 50%;


	float: left;


	margin-bottom: 10px;


}





#reportAbuseModal h1 {


	color: #fff;


	font-size: 20px


}





#abuseDescriptionArea {


	width: 100%;


	resize: none;


	font-size: 14px;


	color:#fff;


	background-color: #565658;


	border: none;


}





.abuseDescriptionCtn {


	margin-bottom: 10px;


	padding: 4px 6px;


	background-color: #565658;


}





.abuseOptions {


	margin-bottom: 12px;


}





.abuseOption {


	float: left;


	width: 50%;


	margin-bottom: 8px;


}





@media screen and (max-width: 440px)


{


	html.responsive .abuseOption {


		float: none;


		width: auto;


	}


}





.reportAbuseButtons {


	text-align: right;


}





.community_ban_notice {


	background-color: #a94847;


	color: #ffffff;


	font-size: 12px;





	padding: 6px;


	margin-bottom: 16px;


}





.community_ban_notice h3 {


	font-size: 14px;


	font-weight: normal;


	margin: 0px;


	padding: 0px;


}





.community_ban_notice a {


	text-decoration: underline;


}





/* temporary */


.community_content_update_open_beta_wrapper


{


	position: relative;


	min-width: 958px;


	overflow: hidden;


	margin: 0px auto;


}





.community_content_update_open_beta


{


	position: relative;


	width: 958px;


	height: 177px;


}


.community_content_update_open_beta_bg


{


	position: absolute;


	left: -108px;


	background-image: url('/_archive/community/assets/img/community_banner.png');


	width: 1200px;


	height: 177px;


}





.community_content_update_text


{


	text-align: left;


	padding-top: 40px;


	padding-left: 126px;


}





.community_content_update_coming_soon


{


	font-size: 22px;


	font-weight: bold;


	color: #ffffff;


}





.community_content_update_get_it_now


{


	font-size: 16px;


	color: #a6bfe3;


}





.community_content_update_links


{


	font-size: 14px;


	color: #ffffff;


	padding-top: 30px;


}





.community_content_opt_in


{


	position: absolute;


	width: 348px;


	right: 171px;


	top: 60px;


	font-size: 16px;


	color: #ffffff;


}





.community_content_opt_in_button


{


	margin-top: 10px;


	font-size: 16px;


	font-weight: bold;


	color: #ffffff;


}





.menuitem.username {


	max-width: 250px;


	text-overflow: ellipsis;


	overflow: hidden;


	white-space: nowrap;


}





.supernav_content {


	width: 132px;


	background: #171a21;


	padding: 5px 0 15px 15px;


	box-shadow: 3px 3px 5px -3px #000;


	text-align: left;


}





	.supernav_content > a {


		display: block;


		padding: 6px 0;


		text-transform: uppercase;


		font-size: 12px;


	}





		.supernav_content > a:hover {


			color: #4897cf;


			text-decoration: none;


		}





/* end temporary */