body {
	margin:0;padding:0;
	color: #334734; font-size: 14px;
	background-color: snow;
	background-image: url(bg-left.png), url(bg-right.png), url(bg-pattern.jpg);
	background-position: top left, top right, top left;
	background-repeat: no-repeat, no-repeat, repeat;
	background-attachment: fixed;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}

.wrapper {
	margin: auto; width: 540px;
	padding-bottom: 20px;
	background-image: url(bg-pattern.jpg);
	box-shadow: 0 0 0 2px #8EBD96,
				0 0 0 6px Snow,
				0 0 6px 6px #334734;
}

a { color: #04acec; text-decoration: none; }
a:hover { text-decoration: underline; }

.links { position: absolute; top: 0; left: -200px; }
.links a { margin: 0 2px; padding: 4px 6px; background: snow; color: #ccc7c7; border: 1px solid #ccc7c7; text-shadow: 1px 1px 0 snow; }
.links a:hover { color: #04acec; border: 1px solid #04acec; text-decoration: none; }

.header-text {
	position: relative;
	margin: auto; margin-top: 10px;
	width: 500px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 snow;
}

.list, form {
	border: 1px solid #e5e5e5;
	background: #E0ECDD;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #334734;
}

.list { margin: auto; margin-top: 30px; width: 500px; background: snow; max-height: 400px; overflow-y: auto; }
.list table { margin: 0; padding: 0; width: 100%; font-size: 12px; border-collapse: collapse; }
.list td { padding: 2px 4px; border: 1px solid #e5e5e5; }
.list td:last-child { width: 170px; text-align: center; }
.list a { color: #334734; }
.list a:hover { color: #04acec; }
.off { background: #e5e5e5; }
.off td { border: 1px solid snow; }
.win { background: #FCED7F; }

.hlx-form { margin: auto; padding: 20px 0 10px 0; width: 250px; border-top: 3px solid #e5e5e5; }
form { padding: 10px 14px 46px 14px; }

input[type="text"] {
	color: #555;
	font-weight: 200;
	font-size: 24px;
	line-height: 1;
	width: 100%;
	padding: 3px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
	outline: 0;
	box-shadow: inset 1px 1px 2px #334734;
}

.button-primary {
	line-height:20px;
	padding: 3px 10px;
	float:right;
	border: none;
	border-radius: 4px;
	font-weight: bold;
	background: #334734;
	color: snow;
	box-shadow: 0 0 0 2px Snow,
				0 0 0px 3px #334734;
	cursor: pointer;
}

.button-primary:hover { background: #5a845a; text-shadow: -1px -1px 0 #334734; }

.message, .error {
	margin: auto; margin-top: 10px; margin-bottom: 10px;
	padding: 6px; width: 500px;
	font-size: 16px;
	text-align: center;
	background: #E0ECDD;
	border: 1px solid #334734;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #e5e5e5;
}

.error {
	background: #ECDDDD;
}

/* MODAL WINDOWS */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.b-modal {
    position: relative;
    width: 600px;
    padding: 24px;
    background: #fff;
    border: 3px solid #bbb;
    border-radius: 10px;
	font-size: 13px;
}

.b-modal_close {
    position: absolute;
    right: 12px;
    top: 6px;
    font-weight: bold;
    color: #999;
    cursor:	pointer;
}

.b-modal_close:hover {
    color: #000;
}

.rules-modal, .bold { font-weight: bold; }