/* CSS Document */

#game_background_holder {
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}

#game_background {
	text-align: center;
	background-position: center top;
	background-repeat: no-repeat;
	height: 1024px;
	min-width: 972px;
}

#main_content {
	z-index: 2;
	position: relative;
}

.game_icon {
	position: relative;
	float: left;
	height: 32px;
	width: 32px;
	
	margin-top: 4px;
	margin-right: 6px;
}

.game_icon .game_icon_overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	background: url( /public/images/v5/game_ico_overlay.png );
	background-repeat: no-repeat;
}

.game_title_area .breadcrumbs .blockbg {
	background-color: #262626;
}

.game_name {
	position: relative;
	font-size: 30px;
	color: #d6d7d8;
	margin-bottom: 16px;
	overflow: hidden;
}

.game_name .blockbg {
	height: 40px;
	line-height: 40px;
}

.game_name img {
	vertical-align: text-bottom;
	height: 32px;
	width: 32px;
}


#game_highlights {
	color: #626366;
	margin-bottom: 1px;
	height: 466px;
	
	background-image: url( /public/images/v5/game_highlight_bg.png );
	background-repeat: repeat-x;
	background-position: top;
}

#game_highlights a {
	color: #b0aeac;
}

#game_highlights a:hover {
	color: #ffffff;
}

.highlight_ctn {
	height: 450px;
	padding-top: 16px;
	padding-left: 16px;
}

#highlight_player_area {
	width: 600px;
	height: 338px;
	background-color: #000000;
	overflow: hidden;
	position: relative;
}

.highlight_player_item {
	width: 600px;
	height: 338px;
	
	position: absolute;
	top: 0px;
	left: 0px;
}

.screenshot_holder {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 600px;
	height: 338px;
}

.highlight_player_item img {
}

.highlight_overflow {
	overflow: hidden;
	width: 600px;
	height: 428px;
	position: relative;
}

#highlight_strip {
	margin-top: 4px;
	position: relative;
	height: 69px;
	margin-bottom: 4px;
	width: 602px;
	z-index: 40;
}

#highlight_strip_scroll {
	position: absolute;
}

.highlight_strip_item {
	float: left;
	height: 65px;
	width: 116px;
	cursor: pointer;
	text-align: center;
	
	margin: 2px;
	
	background-color: #000000;
	
	position: relative;
}

.highlight_strip_item img.movie_thumb {
	width: 116px;
	height: 65px;
}

.highlight_movie_marker {
	position: absolute;
	top: 16px;
	left: 42px;
	
	width: 32px;
	height: 32px;
	
	background-image: url( /public/images/v5/ico_game_highlight_video.png );
	
}
/*
.highlight_strip_item.focus {
	margin: 0px;
	border: 2px solid #d6d7d8;
}
*/
.highlight_strip_item img {
}

#highlight_selector_strip {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 602px;
	height: 77px;
	
	overflow: hidden;
	z-index: 30;
}

#highlight_selector_strip_scroll {
	position: relative;
	z-index: 30;
}

.highlight_selector {
	position: absolute;
	background-image: url( /public/images/v5/game_highlight_activethumb.png );
	width: 116px;
	height: 77px;
	z-index: 50;
	top: -10px;
	pointer-events: none;
}

.highlight_flash_player_notice {
	padding: 120px 40px 0px 40px;
	font-size: 16px;
	color: #B0AEAC;
}

.highlight_flash_player_notice a {
	color: #ffffff;
	text-decoration: underline;
}

.glance_ctn {
	padding: 16px 16px 0px 0px;
}

.game_header_image_ctn {
	margin-bottom: 10px;
}

img.game_header_image {
	width: 292px;
	height: 136px;
}

.game_description_snippet {
	max-height: 105px;
	overflow: hidden;
}

.glance_details {
	line-height: 20px;
}

.game_area_bubble {
	width: 616px;
	height: 81px;
	
	margin-bottom: 2px;
	font-size: 12px;
}

.game_area_bubble .content {
	overflow: hidden;
	padding: 12px 16px;
}

.game_area_bubble h1 {
	font-size: 24px;
}

.game_area_comingsoon {
	background: url( /public/images/v5/game_area_comingsoon.png );
	
	color: #8bc53f;
	
}

.game_area_dlc_bubble {
	background: url( /public/images/v5/game_area_dlc.png );
	
	color: #c3c1c0;
}

.game_area_mod_bubble {
	background: url( /public/images/v5/game_area_mod.png );
	color: #c3c1c0;
}

.game_area_dlc_bubble a, .game_area_mod_bubble a {
	color: #c3c1c0;
	text-decoration: underline;
}

.game_area_comingsoon .content {
	overflow: hidden;
	padding-left: 16px;
	padding-top: 12px;
}

.game_area_comingsoon h1 {
	font-size: 24px;
}

.notice_box_top, .notice_box_bottom {
	height: 11px;
	width: 616px;
	background-image: url( /public/images/v5/border_notice.png );
	background-repeat: no-repeat;
}

.notice_box_top {
	background-position: top;
}

.notice_box_bottom {
	background-position: bottom;
	margin-bottom: 15px;
}

.notice_box_content {
	border-left: 1px solid #a25024;
	border-right: 1px solid #a25024;
	width: 584px;
	color: #898a8c;
	background-color: #000000;
	padding: 4px 15px;
}

.notice_box_content b {
	font-weight: normal;
	color: #f47b20;
}

.subscription_page_region_restriction {
	margin-top: 15px;
}

.game_area_purchase_game {
	position: relative;
	
	border: 1px solid #4d4b49;
	background-color: #262626;
	
	font-size: 12px;
	color: #898a8c;
	
	padding: 16px;
	padding-bottom: 26px;
	
	margin-bottom: 28px;
	
	z-index: 1;
}

.game_area_purchase_game_dropdown_description
{
	padding-top: 5px;
}

.game_area_purchase_game_dropdown_subscription
{
	border-color: rgb(71,107,34);
	background-image: url('/public/images//v5/subscription_package_bg.png');
	background-repeat: repeat-x;	
}

.game_area_purchase_game_dropdown_left_panel
{
	height: 40px;
	position: absolute;
	bottom: -17px;
	left: 16px;
}

.game_area_purchase_game_dropdown_left_panel div.discount_pct
{
	float: left;
	position: relative;
	height: 34px;
	min-width: 69px;
	text-align: center;
	line-height: 34px;
	font-size: 18px;
	margin-left: 3px;
	padding-left: 10px;
	padding-right: 10px;	
}

.game_area_purchase_game_dropdown_right_panel
{
	height: 40px;
	position: absolute;
	bottom: -17px;
	right: 16px;	
}

.game_area_purchase_game_dropdown_panel
{
	float: left;
	margin-left: 3px;
}

.game_area_purchase_game_dropdown_selection
{
	min-width: 200px;
	cursor: pointer;
	float: left;
	position: relative;
	height: 34px;
	text-align: left;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000000;
	color: #ffffff;
}

.game_area_purchase_game_dropdown_menu_container
{
	z-index: 100;
	top: 0px;
	position: absolute;
	background-color: rgb(60, 61, 62);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-top: 13px;
	margin-left: 10px;
	padding: 3px;
}

.game_area_purchase_game_dropdown_menu_items_container
{
	min-width: 315px;
}

.game_area_purchase_game_dropdown_menu_items_container_background
{
	background-position: right;
	background-repeat: repeat-y;
	background-image: url('/public/images//v5/subscription_savings_bg.png');
}

.game_area_purchase_game_dropdown_menu_items_container tr
{
	cursor: pointer;
	height: 35px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #ffffff;
}

.game_area_purchase_game_dropdown_menu_items_container tr:hover
{
	background-color: rgb(70,102,140);
}

.game_area_purchase_game_dropdown_menu_item_text
{
	border-top: 1px solid rgb(38,38,38);
	border-bottom: 1px solid rgb(38,38,38);
	border-left: 2px solid rgb(38,38,38);
	padding-left: 10px;
	padding-right: 10px;
}


.game_area_purchase_game_dropdown_menu_items_container tr:first-child td
{
	border-top: 2px solid rgb(38,38,38) !important;
}

.game_area_purchase_game_dropdown_menu_items_container tr:last-child td
{
	border-bottom: 2px solid rgb(38,38,38) !important;
}

.game_area_purchase_game_dropdown_menu_item_savings
{
	border-top: 1px solid rgb(38,38,38);
	border-bottom: 1px solid rgb(38,38,38);
	border-right: 2px solid rgb(38,38,38);
	min-width: 50px;
}

.game_area_purchase_game_dropdown_right_panel .btn_addtocart
{
	float: right;
}

/* if the wrapper is used instead, let the wrapper set margin-bottom instead of the game_area_purchase_game */
.game_area_purchase_game_wrapper {
	margin-bottom: 28px;
}

.game_area_purchase_game_wrapper .game_area_purchase_game {
	margin-bottom: 0px;
}

.game_area_purchase_game .game_area_purchase_platform {
	float: right;
}

.game_area_purchase_game h1 {
	font-size: 21px;
	color: #ffffff;
}

.game_area_purchase_game b {
	font-weight: normal;
	color: #8bc53f;
}

.game_area_purchase_game p.package_contents {
	color: #626366;
}

.game_area_purchase_game p.package_contents a {
	color: #b0aeac;
}

.game_purchase_action {
	height: 40px;
}

.game_area_purchase_game .game_purchase_action {
	position: absolute;
	
	right: 16px;
	bottom: -17px;
}

.game_purchase_action_bg {
	height: 34px;
	
	background-color: #3c3d3e;
	padding: 3px 3px 3px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.game_purchase_action_qty {
	height: 34px;

	background-color: #3c3d3e;
	padding: 3px 3px 3px 0px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.game_purchase_action .game_purchase_price,
	.game_purchase_action .game_purchase_discount,
	.game_purchase_action .btn_addtocart,
	.game_purchase_action .btn_packageinfo,
	.game_purchase_action .game_purchase_action_bg
	.game_purchase_action .game_purchase_action_qty
	.game_purchase_action .quantity
{
	float: left;
	margin-left: 3px;
}

.game_purchase_action .game_purchase_price {
	background-color: #000000;
	font-size: 13px;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	height: 26px;
}

.game_purchase_discount_countdown {
	color: #7cb8e4;
}

.game_purchase_discount_quantity {
	color: #7cb8e4;
}

.btn_addtocart {
	position: relative;
	height: 34px;
}

.btn_addtocart .btn_addtocart_left, .btn_addtocart .btn_addtocart_right {
	position: absolute;
	width: 2px;
	height: 34px;
	top: 0px;
	
	background-image: url( /public/images/v5/btn_addtocart_corners.gif );
}

.btn_addtocart.btn_packageinfo .btn_addtocart_left, .btn_addtocart.btn_packageinfo .btn_addtocart_right {
	background-image: url( /public/images/v5/btn_packageinfo_corners.gif );
}

.btn_addtocart.btn_addtocart_blue .btn_addtocart_left, .btn_addtocart.btn_addtocart_blue .btn_addtocart_right {
	background-image: url( /public/images/v5/btn_addtocart_blue_corners.jpg );
}

.btn_addtocart.btn_clickfordetails .btn_addtocart_left, .btn_addtocart.btn_clickfordetails .btn_addtocart_right {
	background-image: url( /public/images/v5/btn_clickfordetails_corners.gif );
}


.btn_addtocart .btn_addtocart_left {
	background-position: left;
	left: 0px;
}

.btn_addtocart .btn_addtocart_right {
	background-position: right;
	right: 0px;
}

.btn_addtocart a.btn_addtocart_content {
	display: inline-block;
	height: 34px;
	
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	
	padding: 0px 11px;
	line-height: 34px;
	
	background-image: url( /public/images/v5/btn_addtocart_repeat.gif );
	background-repeat: repeat-x;
	
	text-transform: uppercase;
	min-width: 80px;
}

.btn_addtocart.btn_packageinfo a.btn_addtocart_content {
	background-image: url( /public/images/v5/btn_packageinfo_repeat.gif );
}

.btn_addtocart.btn_addtocart_blue a.btn_addtocart_content {
	background-image: url( /public/images/v5/btn_addtocart_blue_repeat.jpg );
}

.btn_addtocart.btn_clickfordetails a.btn_addtocart_content {
	background-image: url( /public/images/v5/btn_clickfordetails_repeat.gif );
}

.btn_addtocart a.btn_addtocart_content:hover {
	text-decoration: none;
}

.game_purchase_discount {
	height: 34px;
}

.game_purchase_discount .discount_pct {
	position: absolute;
	left: 0px;
	width: 69px;
	height: 34px;
	line-height: 34px;
	font-size: 25px;
	text-align: center;
}

.game_purchase_discount .discount_original_price {
	position: absolute;
	left: 76px;
	top: 2px;
	font-size: 11px;
}

/* this is not absolutely positioned, so the div sizes to this */
.game_purchase_discount .discount_final_price {
	padding-left: 76px;
	padding-top: 13px;
	padding-right: 6px;
	font-size: 14px;
}

.game_purchase_discount.suppress_discount_pct .discount_original_price,
.game_purchase_discount.suppress_discount_pct .discount_final_price {
	margin-left: 4px;
	left: 4px;
}

.game_purchase_discount.small {
	height: 28px;
}

.game_purchase_discount.small .discount_pct {
	position: absolute;
	left: 0px;
	width: 58px;
	height: 28px;
	line-height: 34px;
	font-size: 20px;
	text-align: center;
}

.game_purchase_discount.small .discount_original_price {
	position: absolute;
	left: 68px;
	top: 2px;
	font-size: 9px;
}


.game_purchase_discount.small .discount_final_price {
	padding-left: 68px;
	padding-top: 13px;
	padding-right: 6px;
	font-size: 11px;
}

.game_description_column h2 {
	height: 26px;
	
	font-weight: bold;
	font-size: 14px;
	
	color: #FFFFFF;
	
	background-image: url( /public/images/v5/maincol_gradient_rule.png );
	background-repeat: no-repeat;
	background-position: bottom left;
	
	margin-bottom: 1px;
}

.game_description_column h2.no_margin {
	margin-bottom: 0px;
}

.game_description_column h2.gradientbg {
	height: 20px;
	
	padding: 6px 16px 0px 16px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1em;
	
	color: #d6d7d8;
	
	background-image: url(/public/images/v5/maincol_bg_gray.png);
	background-repeat: no-repeat;
	background-color: #303030;
	
	margin-bottom: 1px;
}

.game_description_column h2.package_group {
	height: 30px;
	
	padding: 3px 16px 2px 2px;
	font-size: 21px;
	font-weight: normal;
	line-height: 1em;
	
	color: rgb(108, 152, 187);
	
	background: transparent;
	
	margin-bottom: 1px;
}

.game_description_column {
	font-size: 14px;
	color: #b0aeac;
}

.game_area_description_bodylabel {
	color: #82807c;
	margin-bottom: 5px;
}

.game_area_description {
	line-height: 1.5em;
	margin-bottom: 18px;
	overflow: hidden;
}

.game_area_description p {
	margin-bottom: 8px;
}

.game_area_description h2 {
	margin-bottom: 6px;
}

.game_area_description h2.bb_tag {
	margin-top: 18px;
}

#game_area_reviews {
	font-size: 12px;
}

#game_area_reviews i, #game_area_reviews blockquote {
	display: block;
	color: #ffffff;
	font-size: 14px;
	text-transform: none;
}

#game_area_reviews i i, #game_area_reviews blockquote i {
	display: inline;
	font-style: normal;
}

#game_area_reviews em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

#game_area_reviews p {
	margin-bottom: 12px;
}

.game_area_description ul {
	color: #898a8c;
	margin-left: 16px;
	list-style-type: square;
}

.game_area_description ol {
	color: #898a8c;
	margin-left: 20px;
}

.game_area_description ul strong, .game_area_description ul b, .game_area_description ol strong, .game_area_description ol b {
	color: #b0aeac;
}

.game_area_description ul li, .game_area_description ol li {
	margin-bottom: 8px;
}

#game_area_sys_req {
	font-size: 12px;
}

#game_area_sys_req strong {
	color: #626366;
	font-weight: normal;
}

#game_area_sys_req ul {
	list-style-type: none;
	margin-left: 0px;
}

#game_area_sys_req ul li {
	margin: 2px 0px;
}

#game_area_sys_req_leftCol, #game_area_sys_req_rightCol {
	float: left;
	width: 300px;
}

#game_area_sys_req_rightCol {
	margin-left: 8px;
}

#game_area_legal {
	color: #3c3d3e;
	font-size: 11px;
	margin-bottom: 10px;
}

.game_area_dlc_section {
	margin-bottom: 11px;
}

.game_area_dlc_row {
	display: block;
	
	color: #b0aeac;
	font-size: 12px;
	position: relative;
	
	padding: 4px 14px;
	
	border-bottom: 1px solid #3c3d3e;
}

.game_area_dlc_row.even {
	background-color: #1f1f1f;
}

.game_area_dlc_row.odd {
	background-color: #1a1a1a;
}

.game_area_dlc_price {
	position: absolute;
	right: 14px;
	color: #ffffff;
}

.game_area_dlc_row.even:hover, .game_area_dlc_row.odd:hover {
	background-color: #262626;
	text-decoration: none;
}

#dlc_footer {
	margin-top: 1px;
	color: #626366;
	font-size: 10px;
	text-transform: uppercase;
}

#dlc_footer div.dlc_footer_element {
	float: right;
	padding: 5px 8px;
}

#dlc_footer #dlc_show_all_link {
	color: #898a8c;
	background-color: #262626;
	margin-left: 1px;
	cursor: pointer;
}

#dlc_purchase_action {
	float: right;
	margin-top: 4px;
} 

.game_details {
	color: #b0aeac;
	line-height: 20px;
}

.game_details b {
	color: #626366;
	font-weight: normal;
}

#game_area_metascore {
	background-image: url(/public/images/metacritic_bg.gif);
	height: 35px;
	width: 180px;
	font-family: "Trebuchet MS", "Arial Narrow", HelveticaNeue-Thin, Helvetica-Light, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #8BC53F;
	text-align: right;
	padding-right: 43px;
	padding-top: 5px;
	
}
#game_area_metalink {
	padding:0px;
}

.game_rating_area {
	background-color: #1a1a1a;
	color: #b0aeac;
	font-size: 11px;
	line-height: 1.25em;
	padding: 8px;
}

.game_language_options tr{
    display: table;
    border-bottom: 1px solid #626366;
}

.game_language_options th{
    font-size: 12px;
    color: #b0aeac;
    font-weight: normal;
}

.details_block {
	margin-bottom: 16px;
}

.game_area_details_specs {
	height: 26px;
	position: relative;
	margin-bottom: 2px;
}

.game_area_details_specs .icon {
	position: absolute;
	left: 0px;
	width: 30px;
	height: 22px;
	padding-top: 4px;
	padding-left: 6px;
	background-color: #1a1a1a;
}

.game_area_details_specs .name {
	margin-left: 38px;
	height: 22px;
	padding-top: 4px;
	padding-left: 8px;
	background-color: #1a1a1a;
	color: #8bc53f;
}

.game_area_details_specs .name a {
	color: inherit;
	text-decoration: none;
}

.game_area_details_specs .name a:hover {
	text-decoration: underline;
}

.game_details .language_list i {
	color: #626366;
	font-style: normal;
}

.block.communitylink .block_content .rule {
	border-color: #000000;
}

.block.communitylink .block_content_inner {
	padding: 8px 16px;
}

.communitylink .block_content {
	color: #626366;
	padding: 8px 0px;
}

.communitylink a {
	color: #b0aeac;
}

.communitylink a:hover {
	color: #ffffff;
}
	

.communitylink p {
	line-height: 20px;
}

.communitylink_achievement_images {
	background-color: #1a1a1a;
	padding: 4px 0px 4px 4px;
	overflow: hidden;
	margin-bottom: 5px;
	width: 268px;
}

div.communitylink_achievement {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 3px;
}

div.communitylink_achievement.communitylink_achivement_plusmore {
	background-color: #4f5051;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-top: 14px;
	height: 50px;
	cursor: default;
}
.friend_blocks_grid .friend_block_holder {
	float: left;
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 2px;
	margin-right: 4px;
}

.friend_blocks_twoxtwo .friend_block_holder {
	float: left;
	display: block;
	position: relative;
	width: 94px;
	height: 42px;
	overflow: hidden;
	padding-left: 42px;
	margin-bottom: 2px;
}

.friend_blocks_twoxtwo .friend_block_avatar {
	position: absolute;
	top: 0px;
	left: 0px;
}

.friend_blocks_twoxtwo .friend_name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
	font-size: 11px;
	font-weight: bold;
	margin-left: 2px;
}

.friend_blocks_twoxtwo .friend_info {
	font-size: 11px;
	font-weight: normal;
	margin-left: 2px;
}

a.friend_block_holder:hover {
	text-decoration: none;
	color: inherit;
}

#agegate_box,#macbeta_box {
	background-color:#262626;
	border: 1px solid #4d4b49;
	text-align:center;
	padding:35px 0px 35px 0px;
}

#macbeta_box .question {
	font-weight:bold;
	font-size:12px;
}

#macbeta_box {
	text-align:left;
	padding:35px 40px 35px 40px;
	line-height:18px;
	color:#bbbbbb;
}

.indent30 {
	padding-left:30px;
}

#agegate_box h2 {
	font-size:14px;
	margin:35px 0px 20px 0px;
}

#agegate_disclaim {
	font-size:11px;
	color:#626366;
	text-align:center;
	margin-top:6px;
}

#agegate_box select {
	background-color:#4d4b49;
	border:solid #82807c 1px;
	padding:2px;
	color:#ffffff;
}

#agegate_box input[type=submit] {
	border:solid #82807c 1px;
	padding:2px 8px 2px 8px;
	height:24px;
	background-image:url(/public/images/save_button_bg.gif);
	background-color:#4f6f23;
	background-repeat:repeat-x;
	color:#ffffff;
}

#top_band {
	background-image:url( '/public/images/got_steam_top.jpg' );
	background-repeat:no-repeat;
	width:508px;
	height:25px;
	margin-bottom:1px;
}

#modal_close {
	float:right;
	width:9px;
	height:9px;
	margin-right:9px;
	margin-top:7px;
}

#got_steam_box {
	border-color:#4d4b49;
	border-style:solid;
	border-width:2px 1px;
	width:506px;
	background-color:#262626;
	padding-top:30px;
}

#low_block {
	background-color:#171717;
	padding:20px 20px 0px 20px;
	height:54px;
	padding-top:24px;
	color:#b0aeac;
}

#got_steam_box h1 {
	padding-left:20px;
}

#got_steam_box p {
	padding-left:20px;
}



#gotsteam_buttons a.btn_white {
	float: left;
}

#gotsteam_buttons a.btn_white.leftbtn {
	margin-right: 16px;	
	
}

#gotsteam_buttons {
	padding:32px 20px 32px 20px;
}

#btn_no {
	float:right;
}

#steam_ico {
	float:left;
	padding-right:18px;
	margin-top:-4px;
}

#modalBG {
	position:absolute;
	z-index:900;
	background-color:#000000;
	filter:alpha(opacity=60);
	opacity:0.8;
}

#gotSteamModal {
	width:508px;
	height:301px;
	position:absolute;
	z-index:1000;
	background-color:#000000;
}

#demo_block .block_content_inner {
	padding-bottom: 1px;
}

.demo_area_button {
	margin-bottom: 16px;
}

.game_area_demo_btn, .game_area_wishlist_btn {
	/* image dimensions: 278x37 */
	display: block;
	height: 37px;
	width: 236px;
	padding-left: 42px;
	
	font-size: 11px;
	text-transform: uppercase;
	
	line-height: 36px;
}

.game_area_demo_btn {
	background-image: url( /public/images/v5/btn_game_download_demo.gif );
}

#demo_block a.game_area_demo_btn, #demo_block a.game_area_wishlist_btn {
	text-decoration: none;
	color: #ffffff;
}

a.game_area_demo_btn:hover, a.game_area_wishlist_btn:hover {
	text-decoration: none;
}

.game_area_wishlist_btn {
	background-image: url( /public/images/v5/btn_game_add_to_wishlist.gif );
}

.game_area_wishlist_btn.disabled {
	background-image: url( /public/images/v5/btn_game_add_to_wishlist_disabled.gif );
	cursor: default;
	color: #626567;
}

.wishlist_area_success_text {
	color: #8bb9e0;
}


/* DLC list page */

.dlc_header .breadcrumbs .blockbg {
	background-color: #262626;
}

.dlc_header .page_title .blockbg {
	background-color: #000000;
	color:#D6D7D8;
}

#dlc_purchaseAll {
	float: right;
}

.dlc_page_purchase_dlc {
	border-bottom: 1px solid #000000;
	padding: 15px;
	position: relative;
	height: 136px;
}

.dlc_page_purchase_dlc.even {
	background-color: #1f1f1f;
}

.dlc_page_purchase_dlc.odd {
	background-color: #1a1a1a;
}

.dlc_page_purchase_header {
	position: absolute;
	left: 15px;
	top: 15px;
}

.dlc_page_purchase_text_container {
	padding-left: 309px;
}

.dlc_page_purchase_price {
	position: absolute;
	right: 15px;
	font-size: 14px;
	color: #ffffff;
}

.dlc_page_purchase_area {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.dlc_page_name_link {
	font-size: 14px;
}

.dlc_page_release_date {
	color: #626366;
}

/* package page */

img.package_header {
	width: 586px;
	height: 192px;
}

.package_info_block {
	background-color: #262626;
	padding-bottom: 15px;
}

.package_info_block_content {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	line-height: 23px;
	color: #626366;
	background-color: #262626;
}

.package_info_block_content img.package_header {
	margin-top: 15px;
}

.package_totals_area {
	margin-left: auto;
	color: #b0aeac;
	font-size: 12px;
	line-height: 18px;
	padding-top: 15px;
	background: #1a1a1a url( /public/images/v5/maincol_gradient_rule_flip.png ) top right no-repeat;
}

.package_totals_row {
	position: relative;
	padding-right: 124px;
	text-align: right;
}

.package_totals_area .price {
	position: absolute;
	right: 0px;
	text-align: right;
	color: #898a8c;
	font-size: 11px;
}

.package_totals_rule {
	margin: 2px 0px;
	border-top: 1px solid #b0aeac;
}

.package_totals_row.total .price {
	font-size: 13px;
}

.package_totals_row.savings, .package_totals_row.savings .price {
	color: #8bc53f;
}

.package_totals_row.savings .price {
	font-size: 12px;
}

.game_area_already_owned {
	height: 72px;
	padding: 0px 15px;
	position: relative;
	
	background-image: url( /public/images/v5/game_area_alreadyowned.png );
	background-repeat: repeat-x;
	background-position: top;
	
	line-height: 72px;
	font-size: 14px;
	color: #d6d7d8;
}

.game_area_already_owned .already_owned_actions {
	position: absolute;
	right: 16px;
	top: 16px;
}

.game_area_already_owned_btn {
	padding: 0px 5px;
	float: right;
	position: relative;
	margin-left: 12px;
}

.game_area_already_owned_btn .leftcap, .game_area_already_owned_btn .rightcap, .game_area_already_owned_btn .content
{
	background-image: url( /public/images/v5/game_area_alreadyowned_btns.png );
}

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

.game_area_already_owned_btn .rightcap {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 5px;
	height: 40px;
	background-position: left -40px;
}

.game_area_already_owned_btn a.content {
	display: block;
	background-position: left -80px;
	background-repeat: repeat-x;
	height: 40px;
	line-height: 40px;
	padding: 0px 32px;
	
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

.game_area_already_owned_btn a.content:hover {
	text-decoration: none;
}

.game_purchase_area_friends_want {
	height: 61px;
	padding-left: 46px;
	position: relative;
	
	background-image: url( /public/images/v5/game_area_alreadyowned.png );
	background-repeat: repeat-x;
	background-position: bottom;
	
	font-size: 12px;
	color: #626366;
	z-index: 0;
}

.game_purchase_area_friends_want .gift_icon {
	position: absolute;
	left: 17px;
	top: 23px;
}

.game_purchase_area_friends_want .gift_instructions {
	padding-top: 16px;
}

.game_purchase_area_friends_want a {
	color: #b0aeac;
}

.myactivity_block .block_content {
	color: #626366;
}

.myactivity_block p {
	margin-bottom: 5px;
}

.myactivity_achievements_progress {
	border: 1px solid #626366;
	padding: 2px;
	margin-bottom: 5px;
}

.myactivity_achievements_progressbar {
	height: 10px;
	background-color: #626366;
}

.myactivity_achievements_row {
	padding: 4px 0px 4px 4px;
	margin-bottom: 5px;
	overflow: hidden;
}

.myactivity_achievement_img {
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 3px;
}

.myactivity_achievement_img img {
	width: 32px;
	height: 32px;
}

div.myactivity_achievement_img.myactivity_achievement_plusmore {
	background-color: #4f5051;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	
	line-height: 32px;
	height: 32px;
	cursor: default;
	
	width: auto;
	min-width: 32px;
	padding: 0px 2px;
}

img.agegate_img_app {
	width: 460px;
	height: 215px;
}

img.agegate_img_package {
	width: 710px;
	height: 233px;
}

.prepurchase_rewards_title {
	font:Arial;
	font-size:20pt;
	color:#dfdfde;
	margin-left:50px;
	margin-top:-45px;
}

.prepurchase_rewards_details {
	font:Arial;
	font-size:14px;
	color:#958F8E;
	margin-left:50px;
	margin-top:-5px;
}

span.prepurchase_bar {
	position: absolute;
	overflow: hidden;
	top: 4px;
}

span.prepurchase_text_achieved {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	float:right;
}

span.prepurchase_text_normal {
	color:#958f8e;
	font-size:12px;
	float:right;
}

div.early_access_banner {
	height: 49px;
	position: relative;
	background-color: #3f719e;
	padding: 12px 15px 0 55px;
	margin: 15px 0;
	border-radius: 2px;
}

	div.early_access_banner p {
		display: block;
		color: #fff;
		font-size: 15px;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

				margin: 0;
		padding: 0;
		position: relative;
		width: 350px;
	}

	div.early_access_banner > .img {
		position: absolute;
		background-image: url(/public/images/v5/earlyaccess_bug.png);
		width: 63px;
		height: 61px;
		left: 0px;
		top: 0px;
	}

	div.early_access_banner > .btn_medium {
		float: right;
		display: block;
	}

div.early_access_header {
	border: 1px solid #4e81ae;
	margin: 0 0 20px 0;
}
	div.early_access_header .inset { text-shadow: -1px -1px 0px rgba(0,0,0,0.3) }

	div.early_access_header .heading {
		height: 118px;
		background-image: url(/public/images/v5/earlyaccess_banner.png?v=1);
		padding: 10px 10px;
		color: #acd8ff;
		font-size: 13px;
	}

		div.early_access_header .heading h1 {
				font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

					font-size: 30px;
			font-weight: normal;
			font-style: normal;
			color: #fff;
		}

		div.early_access_header .heading h2 {
			font-size: 16px;
			font-weight: normal;
			font-style: normal;
			background-image: none;
			height: auto;
			margin: 5px 0;
		}

		div.early_access_header .heading a {
			color: inherit;
			text-decoration: underline;
		}

		div.early_access_header .heading p span {
			color: #f9be3e;
		}


	div.early_access_header .devnotes {
		padding: 0px 10px 10px 10px ;
		position: relative;
	}

		div.early_access_header .devnotes > .devs_say {
			font-size: 11px;
			color: #595959;
			margin: 10px 0 0 0;
			text-transform: uppercase;
			font-style: normal;
		}
		div.early_access_header .devnotes > div {
			font-size: 14px;
			color: #ceccc9;
			font-style: italic;
			line-height: 18px;
			max-height: 72px;
			overflow: hidden;
		}

		div.early_access_header .devnotes ul, div.early_access_header .devnotes ol {
			padding-left: 17px;
		}

		div.early_access_header .devnotes h1 {
			font-family: arial, tahoma, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #fff;
			margin-top: 10px;
		}

		div.early_access_header .devnotes .morebutton {
			position: absolute;
			display: block;
			right: 15px;
			bottom: 11px;
			background: #000;
			padding-left: 30px;

			background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 15%, rgba(0,0,0,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(15%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 100%); /* IE10+ */
			background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

			text-transform: uppercase;
			color: #529cde;
			font-size: 11px;
		}

h2 span.note {
	display: block;
	float: right;
	color: #529cde;
	font-size: 12px;
}

h2 span.note a, h2 span.note a:hover, h2 span.note a:visited {
	color: inherit;
	text-decoration: none;
}

h2 .note em {
	color: #5e5e61;
	font-weight: normal;
	font-style: normal;
}

div.early_access_announcements {
	margin: 50px 0 30px 0;
}

	div.early_access_announcement a {
		color: inherit;
		text-decoration: none;
	}

	div.early_access_announcements .post, div.early_access_announcements .divider  {
		vertical-align: top;
		margin-top: 10px;
	}

	div.early_access_announcements .appeditor {

		margin: 50px 40px; text-align: center;
	}

		div.early_access_announcements .appeditor p {
			margin: 20px 0 0 0 ;
			line-height: 20px;
		}

	div.early_access_announcements .post {
		display: inline-block;
		width: 293px;
		overflow: hidden;
	}

		div.early_access_announcements .post.wide {
			width: 100%;
		}

		div.early_access_announcements .post h1 {
			color: #529cde;
			font-size: 24px;
			line-height: 29px;
		}

		div.early_access_announcements .post a {
			color: inherit;
		}

		div.early_access_announcements .post h2 {
			color: #5e5e61;
			font-size: 11px;
			font-weight: normal;
			font-style: normal;
			height: auto;
			margin: 5px 0;
			background: transparent;
			line-height: 14px;
		}

		div.early_access_announcements .post p {
			color: #828282;
			font-size: 13px;
			line-height: 21px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		div.early_access_announcements .post .container {
			height: 197px;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		div.early_access_announcements .post img {
			max-width: 293px;
		}

		div.early_access_announcements .post p a {
			text-decoration: underline;
		}

		div.early_access_announcements .post .hr {
			background-color: #32435b;
			height: 1px;
			margin: 5px 0;
		}

		div.early_access_announcements .post .more {
			color: #529cde;
			text-transform: uppercase;
			font-size: 11px;
		}

		div.early_access_announcements .post .comments {
			color: #5e5e61;
			font-size: 11px;
			float: right;
			display: block;
		}

	div.early_access_announcements .divider {
		display: inline-block;
		background-color: #333333;
		width: 1px;
		border-left: 1px solid #000;
		margin: 20px 10px 0 10px;
		height: 190px;
	}

.highlight_movie {
	width: 100%;
	height: 100%;
	background-color: #000;
}

.highlight_movie.container {
	height: 529px;
}

.html5_video_overlay {
	position: absolute;
	bottom: 0px;
	height: 35px;
	background-color: rgba(0,0,0,0.8);
	width: 100%;
}
	.html5_video_overlay .play_button {
		width: 19px;
		height: 19px;
		margin: 1px;
		float: left;
	}

		.html5_video_overlay .play_button.play {
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQExNPQD1HQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAHhJREFUOMtjjIyMZCALsPz7928k6GT6hw3I+ZX/IwSw62RgYFAIqCSg8y82AHGPUlD1X9yA6T82APeMamjdfxwAn50QoBZWj1UNC7INWMG1ZbXYYwXNBjRweXEVzvjEY+elRZX4UgIuO8/PL8PvC0YbG5vRvIIPAADvxSAevqB/CQAAAABJRU5ErkJggg==);
		}

		.html5_video_overlay .play_button.pause {
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUVHVx2phIAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAElJREFUOMtjjIyMZCALsPz7928k6lQIqIQwHmxox+QSZSeaOKYylr9//2LViSaOqYzl////WHWiiWMqG7WTkJ2MNjY2o3kFHwAABHVqN1R2w8sAAAAASUVORK5CYII=);
		}

	.html5_video_overlay .control_container {
		background-color: #2c2b28;
		margin: 1px;
		height: 19px;
		margin-left: 21px;
	}

	.html5_video_overlay .volume_icon {
		width: 19px;
		height: 19px;
		margin-left: 3px;
		display: inline-block;
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQEyM0FKEhQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAaBJREFUOMtj1NHWYCALMDGQC4jV6ezixsbGRpROR0cnNXV1CJuXl09UVDQ+IZmXl4+AzszM7EmTp/LB1Onp669bu/rz508uLm44dfLw8EyYODkrOwcuwsnJGRAQFBuXcPjQQRlZWWERERSdPDw8Jiamjo5O8xcscnZ2QTaLmZl57pxZtrZ2TMxMr1+/0tLUhoizQCgNDc35CxZhOpuHh2fN2g0hwQE3rl+3sba9eu2qlpY2UWH75cuXz58/+QcE7ty5XV5e4e2bN6KiYsTGyr69e01Nzb5//05yfKpraHz+/JmTk5M0nTw8PM7OLhs3rDcyNnn48IG0tMzr169QdH76/On0qVNPnz7F9GdiQtyXL19sbe3Onz8nLS3z+vVrFJ23bt5MSooPCQ7YsGE9muarV6/k5hWcPXvm9ZvXMrKy9+7eweLaL1++1NZUdXS0IQt+//793Lmzc2bPdHV1f/L48f3793D6c+mSxYkJcZ8+fYKLzJ0zy8ralpeXb8+eXXBBFqwBc+bM6ZDgQDiXjY1NWlpm3brVnz8jjGMcgJwNAO7wmMDjuhRMAAAAAElFTkSuQmCC);
	}

		.html5_video_overlay .volume_icon.muted {
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYTD/vTzoUAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAQpJREFUOMtj1NHWYCALMDGQC2ig09HJWV1dg2SdmZnZkyZN4eXjxaOTBY3Pw8PT0tru7OxC0LUscA0aGpq8vLxZ2TkaGprE+BOqU0NDc/6CRVhVcHFxMTAwfPv2jYuLy83NY8OGdcSGrYiISF5eoYaGZlNTq4iICAmx8ujRoyNHDlVUVh85cnjOnFkk6OTi4goICNq1c4eGhibE5cTqjIqKuXHj+rJlS5YtW2xjY4seQp8+fzp96pSUtLS0tDSaTrgLHz169OjRI3Q7b928mZQUHxIcsGHDenJS35cvX2prqjo62shMt0uXLE5MiPv06RN+nYy48qeUlBQDA8OzZ8+ITbdwgEcPpfkTADH3UjunQa9YAAAAAElFTkSuQmCC);
		}

	.html5_video_overlay .autoplay_checkbox {
		width: 11px;
		height: 11px;
		margin: 4px;
		display: inline-block;
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUBCNAgcoAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAB1JREFUGNNjjIyMZMALWP78+UNAxd+/f0fNIMUMAAaZHswb2V9sAAAAAElFTkSuQmCC);
		margin-left: 15px;
	}

		.html5_video_overlay .autoplay_checkbox:hover {
			border: 1px solid #cccccc;
			margin: 3px;
			margin-left: 14px;
		}

		.html5_video_overlay .autoplay_checkbox.checked {
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUIB9DZRsAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARNJREFUGNN9UDFrwlAYTF6iGJQmRIM1UhDJIl10ibo7+AdEXf1Vzl0cuhb3gpN/wCKUQmtAioLBJs+8fvfSwVY6eePdcXecOh6PlatgRARFYze3UDT6w3+GAci5jVJnWGwPpKoDkKpebA9KnWHObQBgRPQVvECcsmbZ6Y6UbN7pjrJmGeIUf74RkeZ5HgSPt6+Fu/tM3jI9X88VIE7B80Ny2KZpys7F8T4IFrPLumAxi/fBWWIAAKQs4zT7F4fT7Kcsc5YYEUlVr/Umhl2B4O+LRwhu2JVabyJV/TfDqrcM26WEr+fT3Xq5nk8p4YbtWvUWAK1arYoohOCb5VO020gpRRSGm9U3Px4+VkkUqr7vX//0B11/rvgloxulAAAAAElFTkSuQmCC);
		}

	.html5_video_overlay .autoplay_label {
		font-size: 10px;
		line-height: 19px;
		display: inline-block;
		vertical-align: top;
	}

	.html5_video_overlay .volume_slider {
		width: 80px;
		height: 19px;
		display: inline-block;
		margin-left: 5px;
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAATCAYAAAAH3YpvAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcHhS9TOEAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFBJREFUWMPt18EJwCAQRcEYUowQb/+WQPrvyvSgBxHmlTDsLmxpd+2HhjsRAAQIEKAAAtyz63k/CiZwTUkATq9wEgoTFb+wGwgQIEABBLhnPwULBQqEx95FAAAAAElFTkSuQmCC);
		position: relative;
	}

		.html5_video_overlay .volume_slider .volume_handle {
			position: absolute;
			width: 4px;
			height: 19px;
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAATCAIAAAA4QDsKAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcO1+5mKYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACBJREFUCNdj1NHWYIABJgYkgMJhPHPmDBHKBhmHEafnAIRzA4YgO29NAAAAAElFTkSuQmCC);
		}


		.html5_video_overlay .time {
			color: #9d9d9d;
			font-size: 10px;
			line-height: 19px;
			margin-right: 5px;
			float: right;
		}

		.html5_video_overlay .fullscreen_button {
			height: 19px;
			width: 19px;
			margin-right: 3px;
			background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVIXFfZMwAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAGBJREFUOMtj1NHWYCALMDGQC1jk5GThnEePHuNXjayYhRgNmEbLyclS4FqsLiHGWhZkp27bvhu/Ni9PV7h+8l07qpOY1AePGHigEwRycrIsxCda6rkWOd2RlFcYByBnAwBu7B+wiL65mQAAAABJRU5ErkJggg==);
			float: right;
		}

			.html5_video_overlay .fullscreen_button:hover {
				background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVO4w9nbYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAF1JREFUOMtj1NHWYCALMDGQCxjPnDkD5yTEx+BXvWDhEhSdBDVgNYJ817JgdQkeAHcgC7JTTUxM8GuDB0pCfAz5rh3VSTA+FyxcAo8Y5JRIMA2xEJ9oB0NeGYCcDQDE+yHuiZG0UAAAAABJRU5ErkJggg==);

			}

	.html5_video_overlay .progress_bar_wrapper {
		position: absolute;
		bottom: 0px;
		top: 21px;
		left: 0px;
		right: 0px;
		background-color: #2c2b28;
	}

	.html5_video_overlay .progress_bar_background {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0px;
		bottom: 0px;
		background-color: #595959;
	}

	.html5_video_overlay .progress_bar_container {
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 1px;
	}

	.html5_video_overlay .progress_bar {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0px;
		bottom: 0px;
		background-color: #6f9fc8;
	}

h2.bb_tag + br {
	display: none;
}

#EmbedModal textarea {
	width: 646px; height: 80px;
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 15px 0;
	background-color: #303030;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #292929;
	border-bottom: 1px solid #292929;
	border-radius: 3px;
	box-shadow: -4px -4px 4px -4px #292929 inset;
	color: #fff;
}

#EmbedModal p {
	margin: 0 0 15px 0;
	font-size: 13px;
}

#EmbedModal p.small {
	margin: 0 0 3px 0;
	font-size: 11px;
}

#widget_finished, #widget_create {
	width: 646px;
}

#widget_container {
	margin-bottom: 15px;
}

#EmbedModal .w_option {
	border: 1px solid #4a4943;
	padding: 12px 12px;
	margin: 1px 0 0 0;
	background-color: #323232;
	color: #fff;
}
#EmbedModal .w_options {
	margin-bottom: 15px;
}
#EmbedModal .buttoncontainer {
	text-align: right;
}

.dropcontainer ul {
	list-style-type:none;
	line-height: 22px;
	background-color:#262626;
	border:1px solid #82807C;
	margin:0;
	width:300px;
	position:absolute;
	left: 0px;
	z-index: 999999;

	overflow: auto;
	overflow-x: hidden;
}


.dropdownhidden{
	display: none;
}
.dropdownvisible{
	top:5px;
	display: block;
}
.dropcontainer ul li {
	padding: 0px;
	margin: 0px;
}
.dropcontainer ul li.emptyvalue {
	font-style: italic;
}
.dropcontainer ul a {
	padding-left:2px;
	padding-right:2px;
	display:block;
	text-decoration:none;
	color:#B0AEAC;
	line-height: 22px;
	height: 22px;
}
.dropcontainer a.highlighted_selection {
	background:#3196FF;
	color: #FFFFFF;
	text-decoration: none;
}
.dropcontainer{
	position:relative;
}

.glance_tags_ctn {
	margin: 12px 0;
	font-size: 11px;
}

.glance_tags_label {
	line-height: 17px;
}

.glance_tags {
	white-space: nowrap;
	height: 22px;
}

.app_tag {
	display: inline-block;
	line-height: 19px;
	padding: 0 7px;
	color: #b0aeac;
	background-color: #384959;

	margin-right: 2px;
	border-radius: 3px;

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

	margin-bottom: 3px;

	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.app_tag:hover {
	text-decoration: none;
	background-color: #516980;
	color: #ffffff;
}

.app_tag.add_your_own, .app_tag.previous_tag {
	background-color: #4d4b49;
}

.app_tag.add_your_own:hover, .app_tag.previous_tag:hover {
	background-color: #787572;
	color: #ffffff;
}

.app_tag.previous_tag {
	background-image: url( '/public/images/v5/tag_yours_addbg.png' );
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 19px;
}

.app_tag_control {
	height: 19px;
	line-height: 19px;
	color: #626366;
	padding: 2px;
	background-color: #19191b;
	margin-bottom: 2px;
}

.app_tag_control.no_tags_yet {
	padding-left: 8px;
}


.app_tag_checkbox, .app_tag_report, .app_tag_ban {
	float: right;
	width: 13px;
	height: 19px;
	cursor: pointer;
}

.app_tag_checkbox {
	background: url( '/public/images/v6/tag_check.png' ) bottom center no-repeat;
	margin-left: 4px;
}

.app_tag_report {
	background: none;
}

.app_tag_control:hover .app_tag_report {
	background: url( '/public/images/v6/tag_report.png' ) bottom center no-repeat;
}

.app_tag_control .app_tag_report.reported {
	background: url( '/public/images/v6/tag_report.png' ) top center no-repeat;
}

.app_tag_control:hover .app_tag_ban {
	background: url( '/public/images/v6/tag_report.png' ) bottom center no-repeat;
}

.app_report_dialog
{
	font-size: 14px;
	width: 600px;
}

.app_report_dialog_intro {
	margin-bottom: 20px;
}

.app_report_dialog_option {
	margin-bottom: 16px;
	line-height: 20px;
}

	.app_report_dialog_option .sub {
	font-size: 12px;
	color: #777777;
}

.app_report_dialog_option_input {
	margin-top: 4px;
	float: left;
}
.app_report_dialog_option_text {
	margin-left: 25px;
}
.app_report_dialog_reason
{
	display: inline-block;
	padding: 5px;
	width: 590px;
	height: 90px;
	border: none;
	outline: none;
	background-color: #565658;
	font-size: 13px;
	color: #BFBFBF;
}

.app_report_dialog_dmca
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

.tag_control_flash {
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-name: anim_tag_control_flash;
	-webkit-animation-name: anim_tag_control_flash;
}

@keyframes anim_tag_control_flash {
	from {
		background-color: #4d6d8c;
	}
	to {
		background-color: #19191b;
	}
}

@-webkit-keyframes anim_tag_control_flash {
	from {
		background-color: #4d6d8c;
	}
	to {
		background-color: #19191b;
	}
}

.app_tag_checkbox.checked {
	background-position: top;
}

.app_tag_modal_tooltip {
	font-size: 11px;
	color: #626366;
	cursor: default;
	margin-left: 8px;
}

.app_tags.your_tags {
	margin-bottom: 36px;
}

.app_tag_modal.nologin .app_tag_checkbox {
	display: none;
}

.app_tag_modal_left, .app_tag_modal_right {
	width: 256px;
}

.app_tag_modal_left {
	padding-right: 16px;
	float: left;
}

.app_tag_modal_content {
	position: relative;
	margin-bottom: 64px;
}

.app_tag_modal_seperator {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 272px;
	width: 1px;
	background-color: #3c3d3e;
}

.app_tag_modal_right {
	float: right;
	width: 256px;
	padding-left: 16px;
}

.app_tag_modal {
	width: 546px;
}

.app_tag_modal h2 {
	color: #4d6d8c;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 6px;
}

.app_tag_modal p {
	line-height: 17px;
	margin-bottom: 8px;
}

.app_tag_modal p.small {
	line-height: 14px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #626467;
}

.app_tag_modal_frame .newmodal_content_border {
	padding: 1px;
	background: #557dab;
}

.app_tag_form_ctn {
	position: relative;
}

.app_tag_form_ctn button {
	position: absolute;
	right: 0;
	top: 0;
}

.app_tag_form_ctn .gray_bevel.for_text_input {
	height: 27px;
}

.app_tag_form_ctn .gray_bevel.for_text_input input {
	margin-top: 2px;
	height: 25px;
	line-height: 25px;
}

.app_tag_lang_note {
	font-size: 11px;
	color: #626366;
	line-height: 20px;
}

form#app_tag_form {
	margin-bottom: 18px;
}

.app_tag_modal_beta_callout {
	position: absolute;
	left: 16px;
	bottom: 19px;
	line-height: 20px;
	font-size: 13px;
	color: #ad8241;
}

.app_tag_modal_beta_callout img {
	vertical-align: text-bottom;
	margin-right: 4px;
}

.app_tag_modal_beta_callout a {
	color: #e6ac56;
	text-decoration: underline;
}

.app_tag_modal_beta_callout a:hover {
	color: #f7cb89;
}


/* 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: #565658;
	border-radius: 3px;
	border: 1px solid #262627;
	box-shadow: 1px 1px 0px #39393a;
	color: #BFBFBF;

	margin-bottom: 6px;
	outline: none;


	padding: 4px 6px;
}

.gray_bevel.for_text_input {
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 23px;
}

.gray_bevel input {
	line-height: 21px;
	height: 21px;
}

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