@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

body {
	background-color:#191515;
	color: #ffffff;
	font-family: arial;
}

a {
	border: none;
	outline: none;
	color: #cccccf;
	text-decoration: none;
}

a:active, a:visited {
	color: #fff;
}

a:hover {
	text-decoration: underline;
	color: #fff;
}

a img {
	border: none;
	outline: none;
}

/* generic button */
.button {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.button img.top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.button:hover img.top {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.hidden {
	display: none;
}

#container {
	position: relative;
	margin: 0 auto;
}

#bg_01 {
	position: relative;
	background-image:url(../../saxxyawards2017/images/background_on.png);
	background-position:top center;
	background-repeat:no-repeat;
	width: 100%;
	height: 1646px;
	margin: 0 auto;
}

#content_01 {
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
	width: 938px;
	height: 1146px;
	margin: 0 auto;
}

#marquee {
	background-position:top center;
	background-repeat:no-repeat;
	width: 938px;
	height: 450px;
	left: 32px;
	top: 44px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#lights {
	width: 938px;
	height: 450px;
	left: -12px;
	position: absolute;
	display: block;
}

.sfm_ribbon {
	position: absolute;
	top: 364px;
	right: 8px;
}

#categories .statue {
	position: absolute;
	background-position:top center;
	background-repeat:no-repeat;
	width: 277px;
	height: 738px;
	margin-left: 345px;
	margin-top: 10px;
	
	background-image:url(../../saxxyawards2017/images/statue.png);
}

#statue_effects {
	position: absolute;
	background-position:top center;
	background-repeat:no-repeat;
	width: 228px;
	height: 243px;
	margin-left: 380px;
	margin-top: 28px;
}

#categories .env_base {
	position: absolute;
	display:block;
}

#categories .env_base h1 {
	margin-left: 350px;
	margin-top: -145px;
}

#categories .env_base h2 {
	margin-left: 350px;
}

#categories .env_base {
}

#categories .env_base .env_image {
	position: absolute;
	bottom: 0;
	background-position:top center;
	background-repeat:no-repeat;
	width: 300px;
	height: 250px;
}

#categories .env_base .closed {
	background-image:url(../../saxxyawards2017/images/small_envelope_closed.png);
}

#categories .env_base .closed:hover {
	background-image:url(../../saxxyawards2017/images/small_envelope_open.png);
	cursor: pointer;
}

#categories .env_base .sealed {
	position: absolute;
	bottom: 0;
	background-image:url(../../saxxyawards2017/images/small_envelope_closed_off.png);
	background-position:top center;
	background-repeat:no-repeat;
	width: 300px;
	height: 250px;
}

#categories .env_base .env_image img.name {
	top: 125px;
	left: 89px;
	position: absolute;
}

#categories .env_base .env_image img.time {
	top: 172px;
	left: 116px;
	position: absolute;
}

#categories .env_0 {
	top: 630px;
	left: 110px;
}

#categories .env_1 {
	top: 790px;
	left: 90px;
}

#categories .env_2 {
	top: 950px;
	left: 110px;
}

#categories .env_3 {
	top: 710px;
	left: 580px;
}

#categories .env_4 {
	top: 870px;
	left: 560px;
}

#main_nominee_container {
	margin-top: -20px;
}

.nominees_container {
	position: relative;
	margin:  60px auto 0 auto;
	width: 803px;
}

.nominees_container .header {
	margin: -107px auto 32px auto;
	width: 272px;
	height: 50px;
}

.nominees_container .view_winner_container {
	margin: 0 auto;
	position: relative;
	top: 20px;
	width: 284px;
	height: 42px;
}

.nominees_container .view_winner_container .view_winner {
}

.nominees_container .container_cell_base {
	background-image:url(https://steamcdn-a.akamaihd.net/apps/sfm/saxxyawards/images/video_back.png);
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
	float: left;
	width: 388px;
	height: 276px;
}

.nominees_container .container_cell_base .image {
	left: 10px;
	top: 9px;
}

.nominees_container .container_cell_base .text {
	font-family: arial;
	position: absolute;
	font-size: 14px;
	left: 17px;
	bottom: 16px;
	width: 363px;
}

.nominees_container .container_cell_base .text .title {
	color: #cca734;
	font-weight: bold;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.nominees_container .container_cell_base .text .authors {
	width: 100%;
	overflow: hidden;;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6a6a6a;
}

.nominees_container .container_cell_0 {
	margin-bottom: 6px;
}

.nominees_container .container_cell_1 {
	margin-left: 27px;
	margin-bottom: 6px;
}

.nominees_container .container_cell_2 {
}

.nominees_container .container_cell_3 {
	margin-left: 27px;
}

#back_to_main_page_button {
	display:block;
	background-image:url(https://steamcdn-a.akamaihd.net/apps/sfm/saxxyawards/images/link_mainpage.png);
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
	height: 14px;
	top: 590px;
	margin: 0 auto;
	cursor: pointer;
}

#video_modal {
	display: none;
	width: 853px;
	height: 550px;
	z-index: 9999;
	opacity: 1;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	background-color: #111;
	border-radius: 2px;
}

#video_modal .footer {
	position: absolute;
	width: 100%;
	height: 100px;
	padding: 8px 0 0 8px;
}

#video_modal .authors {
	color: #6a6a6a;
	font-size: 14px;
}

#video_modal .footer .title {
	color: #cca734;
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
width: 88%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#video_modal .footer .community_link {
	position: absolute;
	right: 23px;
	top: 17px;
	font-size: 14px;
}

#video_modal .footer .community_link a, a:visited, a:active {
	color: #d4d4d4;
}

#video_modal .video {
	position: relative;
	margin: 0 auto;
	width: 853px;
	height: 480px;
}

#content_02 {
	background-position:top center;
	background-repeat:no-repeat;
	position: relative;
	width: 938px;
	height: 500px;
	margin: 0 auto;
}

#valve {
	background-image:url(https://steamcdn-a.akamaihd.net/apps/sfm/saxxyawards/images/valve.png);
	background-position:top center;
	background-repeat:no-repeat;
	position: absolute;
	width: 105px;
	height: 36px;
	left: 110px;
	bottom: 108px;
	cursor: pointer;
}

#nominees_announced_date {
	position:absolute;
	left:284px;
	top:40px;
	width:400px;
	height:42px;
}

#winners_announced_date {
	position:absolute;
	left:284px;
	top:40px;
	width:400px;
	height:42px;
}

#bestoverall {
	position:absolute;
	left:284px;
	top:40px;
	width:400px;
	height:42px;
}

#view_previous_saxxy_awards {
	position:absolute;
	left:310px;
	top:275px;
	width:400px;
	height:42px;
}

#view_saxxy_2012 {
	position:absolute;
	left:135px;
	top:300px;
	width:96px;
	height:32px;
}

#view_saxxy_2013 {
	position:absolute;
	left:285px;
	top:300px;
	width:96px;
	height:32px;
}

#view_saxxy_2014 {
	position:absolute;
	left:435px;
	top:300px;
	width:96px;
	height:32px;
}

#view_saxxy_2015 {
	position:absolute;
	left:585px;
	top:300px;
	width:96px;
	height:32px;
}

#view_saxxy_2016 {
	position:absolute;
	left:735px;
	top:300px;
	width:96px;
	height:32px;
}

#sfm_logo {
	position:absolute;
	left:59px;
	top:7px;
	width:223px;
	height:66px;
}