/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	//background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*, *:before, *:after {box-sizing: border-box; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font-size: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }





/* Main Website Styles */

@font-face {
    font-family: 'wonton';
    src: url('font/wonton-webfont.eot');
    src: url('font/wonton-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wonton-webfont.woff') format('woff'),
         url('font/wonton-webfont.ttf') format('truetype'),
         url('font/wonton-webfont.svg#wonton') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	background: rgb(102,102,102);
	background: radial-gradient(circle, rgba(102,102,102,1) 0%, rgba(34,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#222222',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

ol, ul {
	margin-left: 20px;
}

#wrap {
	width: 1000px;
	z-index: 999 !important;
	position: relative !important;
	margin: 0 auto;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #bbbbbb url('../images/site/steel_bg.png');
	height: auto;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

#header {
	border: 2px solid #000;
	background: #666666 url('../images/site/header_background_right.jpg') no-repeat right top;
	padding: 10px;
	margin: 10px;
	margin-top: 0px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 100px;
}

#logo {
	float: left;
}
#logo a img {
	height: 78px;
}

#headerAds {
	float: right;
	margin-top: 2px;
}

#funds {
	color: #ccc;
	font-size: 24px;
	margin-right: 15px;
	line-height: 12px;
}
#funds span {
	font-size: 12px;
}
#funds div {
	margin-bottom: 4px;
}

#notice {
	border: 2px solid #222;
	background-color: #444;
	color: #ccc;
	margin: 10px;
	margin-top: 0px;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	font-weight: bold;
	height: 50px;
	overflow-y: scroll;
}

.content #news {
	border: 2px solid #999;
	background-color:#aaa;
	color: #444;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
	font-size: 11px;
	font-weight: bold;
	max-height: 100px;
	overflow-y: scroll;
}

.menu {
	width: 160px;
	float: left;
	text-align: center;
	position: relative;
}

.menu, .content {
	font-size: 14px;
	color: #000000;
	margin-left: 10px;
	min-height: 500px;
}
.menu h2, .main h2 {
	font-family: wonton, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 26px;
	margin-bottom: -2px;
	text-shadow: -1px 0 rgba(255,255,255,.3), 0 1px rgba(255,255,255,.3), 1px 0 rgba(255,255,255,.3), 0 -1px rgba(255,255,255,.3);
}
.menu img {
	margin-bottom: -4px;
}
.menu a, .menu a:hover {
	font-family: wonton, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 21px;
	text-decoration: none;
	font-weight: normal;
	line-height: 21px;
}

.menuRight {
	float: right;
	margin-right: 10px;
	margin-left: 0px;
}
.widget {
	border: 2px solid #000000;
	//background: #800000;
	background: #791616 url('../images/site/red_bg.png');
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
}
.wContain {
	text-align: left;
	padding: 5px;
}
.wContain a, .wContain a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
}
.wContain a:hover {
	color: #cccccc;
}

.wContain.socialShare {
	padding-left: 6px;
}

.wContain.socialShare a, .wContain.socialShare a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin: 6px;
}

.content h1 {
	font-family: wonton, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 42px;
	margin-bottom: 7px;
}
.content h2 {
	font-family: wonton, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 36px;
}
.content h3 {
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 3px;
}

.content {
	width: 640px;
	float: left;
}

.content #main {
	border: 2px solid #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
	background-color: #777777;
	text-align: center;
	padding: 10px;
	min-height: 400px;
}

.content table {
	margin: 0 auto;
}

.content table tr td {
	vertical-align: middle;
}

.content table tbody tr td, .content table thead tr th {
	padding: 5px;
}

.bShadow {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#log_frame {
	overflow-y: scroll;
	height: 300px;
	width: 100%;
	margin: 0 auto;
	background-color: #999;
	color: #FFFFFF;
	padding: 10px;
	border: 2px solid #000000;
	text-align: left;
}
#log_frame div {
	float: left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	border: 2px solid #000;
	background-color: #444;
	color: #fff;
}

#footer {
	border: 2px solid #000;
	background: #666666 url('../images/site/footer_background.jpg') no-repeat;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 100px;
	text-align: center;
	font-size: 14px;
}
a:hover {
	font-weight: bold;
	color: #CCCCCC;
}
a, a span{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
input {
	background-color: #000000;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 2px;
}
textarea {
	background-color: #000000;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
select {
	background-color: #000000;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	padding: 5px;
}
.tiny {
	font-size: 10px;
}
.bold {
	font-weight: bold;
}
input[type="button"], input[type="submit"] {
	line-height: 14px;
	margin-top: 1px;
	padding: 5px;
	border-width: 0px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus {
	background-color: #cccccc;
	color: #000000;
}

.darkbox {
	color: #FFFFFF;
	background-color: #333333;
	vertical-align: middle;
	margin: 2px;
	padding: 3px;
	border: 2px solid #000000;
	text-align: center;
}
.darkbox a {
	color: #ffffff;
}

b { font-weight: bold; }

ul#preview_gallery {
	margin: 0 auto;
	margin-left: 5px;
	height: 76px;
	list-style-type: none;
}

ul#preview_gallery li {
	float: left;
	margin-left: 6px;
}

ul#preview_gallery li img {
	border: 2px solid #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Achievements */
div.achv_list {
	width: 17%;
	display: inline-block;
	height: auto;
	margin: 5px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #333333;
}

div.achv_list.disabled {
	background-color: #666666;
	color: #333333;
}

/* Tooltips */
a.tooltips {
  position: relative;
  display: inline-block;
  text-align: center;
  height: 50px;
  width: 50px;
  margin: 5px;
}
a.tooltips span {
  position: absolute;
  margin-top: 20px !important;
  width: 140px;
  color: #000000;
  background: #791616;
  border: 2px solid #000000;
  height: auto;
  text-align: left;
  padding: 5px;
  visibility: hidden;
  border-radius: 2px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 1;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

/* Everyone else ----------- */
@media screen and (min-device-width : 768px) {
  div.rmm {
  	display: none;
  }
}

/* Mobile Styles ----------- */
@media only screen and (max-width:480px) {
  div.rmm {
  	display: block;
  }
  div.menu .widget, #notice, #headerAds, #funds {
  	display: none;
  }
  div.menuRight .widget {
  	display: inherit;
  	margin-left: 20px !important;
  }
  #header {
  	height: 74px;
  }
  #logo a img {
  	height: auto;
  }
  #wrap {
  	max-width: 480px;
  	width: 100%;
  }
  div.content {
  	width: calc(100% - 20px);
  	margin-top: 10px;
  	margin-right: 10px;
  }
  div.menu {
  	width: 100%;
  	max-width: 480px;
  	min-height: 0px;
  }
  div.menu .login {
  	display: inherit;
  	width: auto;
  	margin-right: 20px;
  	margin-bottom: 0px !important;
  }
  #footer div {
  	margin-left: 0px !important;
  	float: none !important;
  	width: 100%;
  }
  #footer {
	height: 92px;
  }
  #footerSpacer {
  	margin-top: 0px !important;
  }
  .noVisLogin {
  	display: none;
  }
  #log_frame {
  	width: auto;
  }
}



/*

Responsive Mobile Menu v1.0
Plugin URI: responsivemobilemenu.com

Author: Sergio Vitov
Author URI: http://xmacros.com

License: CC BY 3.0 http://creativecommons.org/licenses/by/3.0/

*/

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:Arial;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}


/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
	display:none !important;
	height:0px !important;
	width:0px !important;
}
/* */


.rmm .rmm-main-list li {
	display:inline;
	padding: 0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #333333;
	background-color:#444444;
	border-left:1px solid #555555;
	background-image:url('../images/site/graphite-menu-bg.png');
	background-repeat:repeat-x;
}
.rmm.graphite .rmm-main-list li a:hover {
	background-image:url('../images/site/graphite-menu-bg-hover.png');
}
.rmm.graphite .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
	width:95%;
	background-color:#555555;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../images/site/graphite-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#555555;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #333333;
	border-top:1px solid #777777;
	text-shadow:1px 1px 1px #333333;
}
.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#444444;
	border-bottom:1px solid #444444;
	border-top:1px solid #444444;
}



/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #3e587b;
	background-color:#537b9f;
	border-left:1px solid #3e587b;
	background-image:url('../images/site/sapphire-menu-bg.png');
	background-repeat:repeat-x;
}
.rmm.sapphire .rmm-main-list li a:hover {
	background:#3e597b;
}
.rmm.sapphire .rmm-main-list li:first-child a {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rmm.sapphire .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.rmm.sapphire .rmm-toggled {
	width:95%;
	background-color:#537b9f;
	min-height:36px;
	border-radius:6px;
}
.rmm.sapphire .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url('../images/site/sapphire-menu-bg.png');
	background-repeat:repeat-x;
	border-radius:5px;
}
.rmm.sapphire .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px #3e587b;
}
.rmm.sapphire .rmm-button {
	display:block;
	position:absolute;
	right:9px;
	top:7px;
	width:20px;
	padding:0px 7px 0px 7px;
	border:1px solid #3e587b;
	border-radius:3px;
	background-image:url('../images/site/sapphire-menu-bg.png');
	background-position:top;
}

.rmm.sapphire .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:white;
	width:20px;
}
.rmm.sapphire .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#537698;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #6883a6;
	text-shadow:1px 1px 1px #333333;
}
.rmm.sapphire .rmm-toggled ul li a:active {
	background-color:#3c5779;
	border-bottom:1px solid #3c5779;
	border-top:1px solid #3c5779;
}
.rmm.sapphire .rmm-toggled ul li:first-child a {
	border-top:1px solid #3c5779 !important;
}





/* MINIMAL STYLE */

.rmm.minimal a {
	color:#333333;
}
.rmm.minimal a:hover {
	opacity:0.7;
}
.rmm.minimal .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
}
.rmm.minimal .rmm-toggled {
	width:95%;
	min-height:36px;
}
.rmm.minimal .rmm-toggled-controls {
	display:block;
	height:36px;
	color:#333333;
	text-align:left;
	position:relative;
}
.rmm.minimal .rmm-toggled-title {
	position: relative;
	top: 9px;
	left: 9px;
	font-size: 16px;
	color: #333333;
}
.rmm.minimal .rmm-button {
	display: block;
	position: absolute;
	right: 9px;
	top: 7px;
}

.rmm.minimal .rmm-button span {
	display:block;
	margin:4px 0px 4px 0px;
	height:2px;
	background:#333333;
	width:25px;
}
.rmm.minimal .rmm-toggled ul li a {
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #dedede;
	color:#333333;
}
.rmm.minimal .rmm-toggled ul li:first-child a {
	border-top:1px solid #dedede;
}

/* Sweet Alert Override Styles */
.swal2-modal {
	border: 1px solid #000 !important;
	background-color: #888 !important;
	border-radius: 0px !important;
	color: #000 !important;
}

.swal2-modal button {
	background-color: #ccc !important;
	color: #000 !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	border: 1px solid #000 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
	background-color: #333333 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	border: 1px solid #000 !important;
}

/* New Table Styles */
table {
	border: 1px solid #000;
	width: 100%;
	background-color: #999999;
}

table tbody tr:nth-child(even) {
	background-color: #888888;
}

table thead tr th {
	background-color: #bbbbbb;
	vertical-align: middle;
}

table thead tr th.tableName {
	background-color: #333333;
	color: #ffffff;
}

table.dynastyTable, table.dynastyTable table {
	border-width: 0px;
	width: 100%;
	background-color: transparent;
}

/* Responsive Styles! */
@media only screen and (max-width: 480px) {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
	}

	td {
		/* Behave like a "row" */
		border: none;
		position: relative;
		padding-left: 50%;
		text-align: right;
		padding: 1px 5px !important;
		font-size: 12px;
	}

	td input[type="button"], td input[type="submit"] {
		margin: 5px auto;
		width: 100%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
}

/* Social Sharing */
.resp-sharing-button__link,
.resp-sharing-button__icon {
	display: inline-block
}

.resp-sharing-button__link {
	text-decoration: none;
	color: #fff;
	margin: 0.5em
}

.resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke: #fff;
	fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill: #fff;
	stroke: none
}

.resp-sharing-button {
	background-color: #000;
	height: 30px;
	width: 30px;
}

.socialShare a:hover .resp-sharing-button {
	background-color: #ccc;
}

.socialShare a:hover .resp-sharing-button .resp-sharing-button__icon {
	fill: #000;
}

/* Farm Page */

.farmPlot {
	width: 80px;
	height: 80px;
	background-color: #bbbbbb;
	display: inline-grid;
	margin: 5px;
	border: 1px solid #000;
	padding: 10px;
	font-weight: bold;
}

.farmPlot.harvest {
	background-color: #333;
	color: #fff;
}

.farmPlot.harvest input[type=submit] {
	color: #000;
	background-color: #999;
}

.farmPlot.harvest input[type=submit]:hover {
	background-color: #ccc;
}

.farmPlot.needs-water {
	background-color: #fff;
}

/* Active Hunt Box */
#active_hunt {
	border: 2px solid #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #777777;
	text-align: center;
	padding: 10px;
}

#active_hunt h2 {
	font-family: wonton, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 26px;
}

/* Seasonal Effects Animations */