/*--- Baseline ------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--- Defaults ------------------------------------------*/

@font-face {
	font-family: 'Supercell';
	src: url('/themes/default/fonts/Supercell.ttf');
}
@font-face {
	font-family: 'Ubunto';
	src: url('/themes/default/fonts/Ubuntu-L.ttf');
}
@font-face {
	font-family: 'UItalic';
	src: url('/themes/default/fonts/Ubuntu-LI.ttf');
}
@font-face {
	font-family: 'UBold';
	src: url('/themes/default/fonts/Ubuntu-B.ttf');
}
@font-face {
	font-family: 'UBoldItalic';
	src: url('/themes/default/fonts/Ubuntu-BI.ttf');
}

body {
	background-color: #fff;
	margin: 0rem;
	font-family: 'Ubunto';
	font-size: 1rem;
}
strong {
	font-family: 'UBold';
}
form, h1, h2, h3 {
	margin: 0rem;
}
h1 {
	font-size: 1.25rem;
}
.center { text-align: center; }
.right  { text-align: right; }
.left   { text-align: left; }
a:hover {
	cursor: pointer;
}
a, a:link, a:active, a:visited {
	color: #232323;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.btn {
	color: #fff;
}
a.clear {
	color: #000;
}
.clear {
	clear: both;
}
input[type=text] {
	height: 2.5rem;
	padding: 0 0.4rem 0 0.4rem;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
select {
	min-width: 16.5rem;
	height: 2.5rem;
	padding: 0 0.4rem 0 0.4rem;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
.bold,
.bold > a {
	font-family: 'UBold';
	color: #666;
}
.newHeading > h1 {
	font-family: 'UBold';
	margin-bottom: 0.625rem;
	display: inline-block;
	margin-right: 0.625rem;
}
.newHeading > h1 > a {
	color: #9c9c9c;
}
.newHeading > h1:last-child {
	margin-right: 0;
}
.link:hover,
.interact:hover {
	background-color: #f5f5f5;
	border: 2px solid #ffd200;
	cursor: pointer;
	color: #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,edbe25+41,f8f8f8+68 */
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(left,  #edbe25 0%, #edbe25 41%, #f8f8f8 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #edbe25 0%,#edbe25 41%,#f8f8f8 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #edbe25 0%,#edbe25 41%,#f8f8f8 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */
}
.link:hover a,
.interact:hover a {
	text-decoration: none;
}
.link:hover label {
	cursor: pointer;
}
.newVitals {
	margin-bottom: 1.25rem;
	display: inline-block;
}
.newVitals > li {
	display: inline-block;
	margin-right: 0.625rem;
	padding: 0.625rem;
	border: 0.125rem solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	display: inline-block;
	height: 3.5rem;
	line-height: 1.875rem;
	background-color: #f8f8f8;
	vertical-align: middle;
}
.newVitals > li > label {
	display: inline-block;
	color: #000;
	margin-right: 0.625rem;
}
.newVitals > li .starWrapper,
.newVitals > li #stars,
.newVitals > li .small {
	display: inline-block;
}
.newVitals div.fb-like.fb_iframe_widget {
	vertical-align: middle;
}
.newVitals > li > .btn {
}
.newVitals > li > a {
	margin-right: 0.625rem;
}
.newVitals > li > a:last-child {
	margin-right: 0;
}
.newVitals #stars {
}
.newContent {
	background-color: #f8f8f8;
	padding: 1.25rem;
	border: 2px solid #ccc;
	border-radius: 0.375rem;
	margin-bottom: 1.25rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
.newContent > p {
	line-height: 1.3rem;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background-color: #f8f8f8;
	cursor: pointer;
}
.bottomPadding {
	margin-bottom: 1.25rem;
}
.table-bordered {
	border: 2px solid #ccc;
}
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
	border: 2px solid #ccc;
}
.table > thead > tr > th {
	font-family: 'UBold';
	color: #757575;
}
.btn {
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
}
.btn-sm {
	padding: 0.3125rem 0.625rem;
	font-size: 0.75rem;
	border-radius: 0.1875rem;
}
.table-striped>tbody>tr:nth-of-type(even) {
	background-color: #fff;
}
.btn-info {
	color: #fff;
}
.btn-primary {
	color: #fff;
	background-color: #fd8a0e;
	border-color: #ffd47f;
}
a.btn-info,
a.btn-info:link,
a.btn-info:visited,
a.btn-info:active {
	color: #fff;
}
.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #ffb25f;
	border-color: #ffae0f;
}
.btn-primary:hover {
	color: #fff;
	background-color: #ffb25f;
	border-color: #ffae0f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #ffb25f;
	border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #fd8a0e;
	border-color: #ffd47f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	background-color: #337ab7;
	border-color: #2e6da4;
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #fff;
}
.btn > i {
	margin-right: 0.25rem;
}
.row > .divider,
.form .row > .divider {
	border-bottom: 1px solid #ccc;
	min-height: 1px;
	max-height: 1px;
}

/* ------------ Forms ------------ */

.form .row > div {
	min-height: 2.5rem;
	margin-bottom: 1.25rem;
}
.form div:last-child > div {
	margin-bottom: 0;
}
.form .row > .col-sm-2 {
	line-height: 2.5rem;
}
.form .row > div > input {
	height: 2.5rem;
	padding: 0 0.4rem 0 0.4rem;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
.form .row > div > input[type=text],
.form .row > div > input[type=password] {
	min-width: 16.5rem;
}
.form .row > div > input:hover,
.form .row > div > input:active,
.form .row > div > input:focus {
	background-color: #fff4d1;
}
.form .row > div > textarea {
	width: 100%;
	height: 7rem;
	padding: 0 0.4rem 0 0.4rem;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}


/* ------------ Notifications ------------ */
#errorNotification,
#alertNotification {
}
#errorNotification ul {
}
#errorNotification ul > li,
#alertNotification ul > li {
	margin-bottom: 0.3rem;
	color: #dd2525;
}
#errorNotification ul > li > i,
#alertNotification ul > li > i {
	margin-right: 0.3rem;
}
#alertNotification ul > li {
	color: #0ca31a;
}

#errorNotification:hover,
#alertNotification:hover {
	cursor: pointer;
}

/* ------------ Filters ------------ */
#filters {
	margin-bottom: 1.25rem;
	padding: 0.625rem;
	border: 0.125rem solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	display: inline-block;	
	background-color: #f8f8f8;
}
#filters input,
#filters button,
#filters select {
	height: 1.875rem;
	margin-right: 0.625rem;
}
#filters select {
	border: 1px solid #ccc;
	-webkit-appearance: menulist-button;
}
#filters input {
	color: #777;
	background-color: #fff;
	padding: 0 5px;
	line-height: 1.875rem;
	border: 1px solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}
#filters input,
#filters select {
	font-size: 1rem;
}

::-webkit-input-placeholder 	{ color: #000; }
:-moz-placeholder 		{ color: #000; }
:-ms-input-placeholder 		{ color: #000; }
input::-webkit-input-placeholder 	{ line-height: 1.625rem; }



.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}


/*---- Mobile Related -----*/
#mobileNav {
	display: none;
}
#gridHeading {
	padding: 1.25rem 1.25rem 0rem 1.25rem;
	min-height: 6.25rem;
}


#header {
	text-align: center;
	margin: 0 auto 0 auto;
	width: 62.5rem;
	height: 15.4375rem;
	background: url('/themes/default/images/header_background_gradient.png');
	background-size: contain;
}

#header > .headerImage {
	width: 62.5rem;
	height: 15.4375rem;
	position: absolute;
	z-index: 0.0625rem;
	cursor: pointer;
	background-size: contain;
}
#header > .headerImage1 {
	background: url('/themes/default/images/siteHeader1.png?v=4') no-repeat; 
}
#header > .headerImage2 {
	background: url('/themes/default/images/siteHeader2.png?v=4') no-repeat; 
}
#header > .headerImage3 {
	background: url('/themes/default/images/siteHeader3.png?v=2') no-repeat; 
}
#header > .headerImage4 {
	background: url('/themes/default/images/siteHeader4.png?v=2') no-repeat; 
}
#header > .headerImage5 {
	background: url('/themes/default/images/siteHeader5.png?v=2') no-repeat; 
}
#header .twitch {
	position: absolute;
	z-index: 100;
	margin-top: 13.125rem;
	margin-left: 54.8125rem;
}
#header .twitch img{
	max-width: 100%;
}
.innerWrapper {
	margin: auto;
	width: 62.5rem;
	background-color: #181715;
}

/* Navigation */
.navbar {
	margin-bottom: 10px;
}
.navbar .navbarLogo {
	margin-right: 20px;
}
.navbar .nav > li:hover {
	background-color: #ffd144;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: #ffc000;	
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #ffc000;
}
#navbar {
	position: absolute;
	z-index: 150;
}
#navbar, #navbar ul{
	width: 61.875rem;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	margin: -2.1875rem auto 0 auto;
}
#navbar li {
	width: 6.25rem;
	display: inline-block;
	height: 2.1875rem;
	line-height: 2.1875rem;
	font-size: 1rem;
	font-family: 'Ubold';
	text-align: center;	
	background-color: #c97243;
	
	border-top: 0.125rem solid #141412;
	border-left: 0.125rem solid #141412;
	border-right: 0.125rem solid #141412;
	
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	-moz-border-radius-topleft: 0.375rem;
	-moz-border-radius-topright: 0.375rem;
	
	background-image: linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -o-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -moz-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -webkit-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -ms-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	
	float:left;
	position:relative;
}
#navbar li.spotlight {	
	background-image: linear-gradient(top, #ac3931 0%, #761f19 50%, #410f0b 100%);
	background-image: -o-linear-gradient(top, #ac3931 0%, #761f19 50%, #410f0b 100%);
	background-image: -moz-linear-gradient(top, #ac3931 0%, #761f19 50%, #410f0b 100%);
	background-image: -webkit-linear-gradient(top, #ac3931 0%, #761f19 50%, #410f0b 100%);
	background-image: -ms-linear-gradient(top, #ac3931 0%, #761f19 50%, #410f0b 100%);
}
#navbar > li {
	margin-left: 0.3125rem;
}
#navbar > li a {
	margin-left: 0.3125rem;
	color: #c1b59f;
}
#navbar ul {
	position:absolute;
	width: 12.5rem;
	top: 1.5rem;
	display:none;
}
#navbar li ul a {
	width: inherit;
	float:left;
}
#navbar ul ul{
	top:auto;
}

#navbar li ul ul {
	left:12em;
	margin:0rem 0 0 0.625rem;
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul{
	display:none;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul{
	display:block;
}
#navbar li:hover {
	cursor: pointer;
	background-color: #fbc25c;
}
#navbar li.current {
	background-color: #fdce7a;
	border-top: 0.125rem solid #4d4946;
	border-left: 0.125rem solid #4d4946;
	border-right: 0.125rem solid #4d4946;	
	
	background-image: linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -o-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -moz-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -webkit-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -ms-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	
	z-index: 12.5rem;
	margin-top: 0.0625rem;
}
#navbar li.current > a {
	color: #fff;	
}
#navbar a:hover {
	text-decoration: none;
}
#navbar .subNav {
	position: absolute;
	padding-left: 0rem;
	margin-left: 0rem;
	margin-top: 0.5rem;
	display: none;
}
#navbar .subNavSecondary {
	margin-top: -0.0625rem;
	margin-left: 2.75rem;
}
#navbar .subNav li > a {
	color: #c1b59f;
	width: inherit;
}
#navbar .subNav li:hover > a {
	color: #fff;
}
#navbar .subNav li {
	width: 12.5rem;
	display: block;
	font-size: 0.875rem;
	text-align: left;
	padding-left: 0.625rem;
	margin-left: -0.125rem;
	
	border-top: 0.0625rem solid #141412;
	border-left: 0.125rem solid #141412;
	border-right: 0.125rem solid #141412;
	
	background-image: none;
	background-color: #443f3d;
	border-radius: 0rem;
}
#navbar .current .subNav li {
}
#navbar .subNav li:first-child {
	border-top-right-radius: 0.375rem;
	-moz-border-radius-topright: 0.375rem;
}
#navbar .subNav li:last-child {
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	-moz-border-radius-bottomleft: 0.375rem;
	-moz-border-radius-bottomright: 0.375rem;
}
#navbar .subNav li.subDropdown {
	border-top-right-radius: 0rem;
}
#navbar .subNav span {
	display: inline-block;
	text-align: right;
}
#navbar .forumNav {
	background-image: linear-gradient(top, #5d8e42 0%, #587346 50%, #282423 100%);
	background-image: -o-linear-gradient(top, #5d8e42 0%, #587346 50%, #282423 100%);
	background-image: -moz-linear-gradient(top, #5d8e42 0%, #587346 50%, #282423 100%);
	background-image: -webkit-linear-gradient(top, #5d8e42 0%, #587346 50%, #282423 100%);
	background-image: -ms-linear-gradient(top, #5d8e42 0%, #587346 50%, #282423 100%);	
}
#navbar .forumNav:hover {
	background-image: linear-gradient(top, #62a53d 0%, #5d8e42 50%, #282423 100%);
	background-image: -o-linear-gradient(top, #62a53d 0%, #5d8e42 50%, #282423 100%);
	background-image: -moz-linear-gradient(top, #62a53d 0%, #5d8e42 50%, #282423 100%);
	background-image: -webkit-linear-gradient(top, #62a53d 0%, #5d8e42 50%, #282423 100%);
	background-image: -ms-linear-gradient(top, #62a53d 0%, #5d8e42 50%, #282423 100%);	
}
#navbar .tacticsNav a {
	color: #f4f4f4;
}
#navbar .tacticsNav {
	background-image: -ms-linear-gradient(top, #ffa800 0%, #171100 100%);
	background-image: linear-gradient(top, #ffa800 0%, #171100 100%);
	background-image: -o-linear-gradient(top, #ffa800 0%, #171100 100%);
	background-image: -moz-linear-gradient(top, #ffa800 0%, #171100 100%);
	background-image: -webkit-linear-gradient(top, #ffa800 0%, #171100 100%);
}
#navbar .tacticsNav:hover {
	background-image: -ms-linear-gradient(top, #ffc000 0%, #171100 100%);
	background-image: linear-gradient(top, #ffc000 0%, #171100 100%);
	background-image: -o-linear-gradient(top, #ffc000 0%, #171100 100%);
	background-image: -moz-linear-gradient(top, #ffc000 0%, #171100 100%);
	background-image: -webkit-linear-gradient(top, #ffc000 0%, #171100 100%);
}
#navbar .forumNav a {
	color: #fff;
}
.comments {
	margin-top: 1.25rem;
}
#toggleNavContent #toggleAttacks,
#toggleNavContent #togglePosts,
#toggleNavContent #toggleCharacters,
#toggleNavContent #toggleCredibility {
	display: none;
}
#toggleContentTop {
	background-color: none;
	background: url('/themes/default/images/header_toggle.png') no-repeat;
	width: 57.5rem;
	height: 1.875rem;
	padding: 0rem;
}
#toggleContentBody {
	background-color: #f3e5ca;
	padding: 1.25rem;
}
#toggleContentBottom {
	background-color: none;
	background: url('/themes/default/images/footer_toggle.png') no-repeat;
	width: 57.5rem;
	height: 1.875rem;
	padding: 0rem;
}
#toggleNav, #toggleNav ul{
	width: 60rem;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	margin: 0 auto 0.125rem auto;
	height: 2.1875rem;
}
#toggleNav li {
	min-width: 6.25rem;
	display: inline-block;
	padding: 0 0.625rem 0 0.625rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
	font-size: 1rem;
	font-family: 'Ubold';
	text-align: center;	
	background-color: #c97243;
	
	border-top: 0.125rem solid #141412;
	border-left: 0.125rem solid #141412;
	border-right: 0.125rem solid #141412;
	
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	-moz-border-radius-topleft: 0.375rem;
	-moz-border-radius-topright: 0.375rem;
	
	background-image: linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -o-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -moz-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -webkit-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	background-image: -ms-linear-gradient(top, #47423e 0%, #2b2724 50%, #12110f 100%);
	
	float:left;
	position:relative;
}
#toggleNav > li {
	margin-left: 0.3125rem;
}
#toggleNav > li a {
	margin-left: 0.3125rem;
	color: #c1b59f;
}
#toggleNav ul {
	width:12em;
	top:1.5em;
	display:none;
}
#toggleNav li ul a {
	width:12em;
	float:left;
}
#toggleNav ul ul{
	top:auto;
}

#toggleNav li ul ul {
	left:12em;
	margin:0rem 0 0 0.625rem;
}
#toggleNav li:hover ul ul, #toggleNav li:hover ul ul ul, #toggleNav li:hover ul ul ul ul{
	display:none;
}
#toggleNav li:hover ul, #toggleNav li li:hover ul, #toggleNav li li li:hover ul, #toggleNav li li li li:hover ul{
	display:block;
}
#toggleNav li:hover {
	cursor: pointer;
	background-color: #fbc25c;
}
#toggleNav li.current {
	background-color: #fdce7a;
	border-top: 0.125rem solid #2c2825;
	border-left: 0.125rem solid #2c2825;
	border-right: 0.125rem solid #2c2825;	
	
	background-image: linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -o-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -moz-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -webkit-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	background-image: -ms-linear-gradient(top, #282423 0%, #3c3835 50%, #504b48 100%);
	
	z-index: 12.5rem;
	margin-top: 0.0625rem;
}
#toggleNav li.current > a {
	color: #fff;	
}
#toggleNav a:hover {
	text-decoration: none;
}

#contentTop {
	min-height: 0.25rem;
	width: 62.5rem;
	margin: -1px auto 0px auto;
	
	border-top: 0.0625rem solid #635e5b;
	border-bottom: 0.0625rem solid #524d4a;
	
	background-image: linear-gradient(top, #524d4a 0%, #3c3835 50%, #3d3936 100%);
	background-image: -o-linear-gradient(top, #524d4a 0%, #3c3835 50%, #3d3936 100%);
	background-image: -moz-linear-gradient(top, #524d4a 0%, #3c3835 50%, #3d3936 100%);
	background-image: -webkit-linear-gradient(top, #524d4a 0%, #3c3835 50%, #3d3936 100%);
	background-image: -ms-linear-gradient(top, #524d4a 0%, #3c3835 50%, #3d3936 100%);
}
#contentBottom {
	margin: 0 auto 0 auto;
	padding: 1.875rem 0 2.1875rem 0;
	width: 62.5rem;
	background-color: #524d4a;
	border-top: 0.25rem solid #484340;
	border-bottom: 0.125rem solid #403b38;
}

.button {
	display: inline-block;
	font-size: 1.5625rem;
	font-family: 'UBold';
	color: #fff;
	text-shadow: 0.1875rem 0.1875rem 0.1875rem #3e3e43;
	box-shadow: 0.1875rem 0.1875rem 0.1875rem #3e3e43;
	height: 4.125rem;
	min-width: 10rem;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	border: 0.125rem solid #fff;
	
	background-image: linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -o-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -moz-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -webkit-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -ms-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);	
}
.button:hover {
	cursor: pointer;
	background-image: linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -o-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -moz-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -webkit-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -ms-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);	
}
.button > span {
	font-size: 0.875rem;
	font-family: 'UBold';
	color: #fff;
	margin-top: -0.1875rem;
	display: block;
}
a.button {
	color: #fff;
	text-decoration: none;
}
a.button:hover {
	text-decoration: none;
}
.green {
	display: inline-block;
	font-size: 1.125rem;
	height: 2.375rem;
	min-width: 5.875rem;
	border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border: 0.0625rem solid #fff;
	vertical-align: bottom;
	margin-bottom: -0.25rem;
	text-align: center;
	padding: 0 0.625rem 0 0.625rem;
	
	background-image: linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -o-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -moz-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -webkit-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);
	background-image: -ms-linear-gradient(top, #ddf189 0%, #7db61b 30%, #609f12 100%);		
}
.green:hover {
	text-decoration: none;
	background-image: linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -o-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -moz-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -webkit-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);
	background-image: -ms-linear-gradient(top, #ddf189 0%, #7db61b 70%, #609f12 100%);	
} 
a.green {
	color: #fff;
	line-height: 2.375rem;
}
.blue {
	font-size: 1.125rem;
	height: 2.375rem;
	min-width: 5.875rem;
	border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border: 0.0625rem solid #fff;
	vertical-align: bottom;
	margin-bottom: -0.25rem;
	text-align: center;
	padding: 0 0.625rem 0 0.625rem;
	
	background-image: linear-gradient(top, #5e9fc0 0%, #266d91 30%, #1a6185 100%);
	background-image: -o-linear-gradient(top, #5e9fc0 0%, #266d91 30%, #1a6185 100%);
	background-image: -moz-linear-gradient(top, #5e9fc0 0%, #266d91 30%, #1a6185 100%);
	background-image: -webkit-linear-gradient(top, #5e9fc0 0%, #266d91 30%, #1a6185 100%);
	background-image: -ms-linear-gradient(top, #5e9fc0 0%, #266d91 30%, #1a6185 100%);	
}
.blue:hover {
	background-image: linear-gradient(top, #80b8d5 0%, #4a92b6 70%, #27749d 100%);
	background-image: -o-linear-gradient(top, #80b8d5 0%, #4a92b6 70%, #27749d 100%);
	background-image: -moz-linear-gradient(top, #80b8d5 0%, #4a92b6 70%, #27749d 100%);
	background-image: -webkit-linear-gradient(top, #80b8d5 0%, #4a92b6 70%, #27749d 100%);
	background-image: -ms-linear-gradient(top, #80b8d5 0%, #4a92b6 70%, #27749d 100%);	
} 
a.blue {
	line-height: 2.375rem;
}
.orange {
	display: inline-block;
	font-size: 1.125rem;
	height: 2.375rem;
	min-width: 5.875rem;
	border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border: 0.0625rem solid #fff;
	vertical-align: bottom;
	margin-bottom: -0.25rem;
	text-align: center;
	padding: 0 0.625rem 0 0.625rem;
	
	background-image: linear-gradient(top, #f0b02c 0%, #f0763e 30%, #d84a0a 100%);
	background-image: -o-linear-gradient(top, #f0b02c 0%, #f0763e 30%, #d84a0a 100%);
	background-image: -moz-linear-gradient(top, #f0b02c 0%, #f0763e 30%, #d84a0a 100%);
	background-image: -webkit-linear-gradient(top, #f0b02c 0%, #f0763e 30%, #d84a0a 100%);
	background-image: -ms-linear-gradient(top, #f0b02c 0%, #f0763e 30%, #d84a0a 100%);	
}
.orange:hover {
	text-decoration: none;
	background-image: linear-gradient(top, #f0b02c 0%, #f0763e 70%, #d84a0a 100%);
	background-image: -o-linear-gradient(top, #f0b02c 0%, #f0763e 70%, #d84a0a 100%);
	background-image: -moz-linear-gradient(top, #f0b02c 0%, #f0763e 70%, #d84a0a 100%);
	background-image: -webkit-linear-gradient(top, #f0b02c 0%, #f0763e 70%, #d84a0a 100%);
	background-image: -ms-linear-gradient(top, #f0b02c 0%, #f0763e 70%, #d84a0a 100%);	
} 
a.orange {
	color: #fff;
	line-height: 2.375rem;
}
.grey {
	display: inline-block;
	font-size: 1.125rem;
	height: 2.375rem;
	min-width: 5.875rem;
	border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	border: 0.0625rem solid #fff;
	vertical-align: bottom;
	margin-bottom: -0.25rem;
	text-align: center;
	padding: 0 0.625rem 0 0.625rem;
	
	background-image: linear-gradient(top, #8d8c8b 0%, #676561 50%, #3b3832 100%);
	background-image: -o-linear-gradient(top, #8d8c8b 0%, #676561 50%, #3b3832 100%);
	background-image: -moz-linear-gradient(top, #8d8c8b 0%, #676561 50%, #3b3832 100%);
	background-image: -webkit-linear-gradient(top, #8d8c8b 0%, #676561 50%, #3b3832 100%);
	background-image: -ms-linear-gradient(top, #8d8c8b 0%, #676561 50%, #3b3832 100%);	
}
.grey:hover {
	text-decoration: none;
	background-image: linear-gradient(top, #8d8c8b 0%, #676561 70%, #3b3832 100%);
	background-image: -o-linear-gradient(top, #8d8c8b 0%, #676561 70%, #3b3832 100%);
	background-image: -moz-linear-gradient(top, #8d8c8b 0%, #676561 70%, #3b3832 100%);
	background-image: -webkit-linear-gradient(top, #8d8c8b 0%, #676561 70%, #3b3832 100%);
	background-image: -ms-linear-gradient(top, #8d8c8b 0%, #676561 70%, #3b3832 100%);	
} 
a.grey {
	color: #fff;
	line-height: 2.375rem;
}
.full {
	width: 58.75rem;
	margin: auto;
}
#tableContent {
	background-color: #f3e5ca;
}
#tableHeader {
	width: 47.5625rem;
	height: 6rem;
	line-height: 6rem;
	background: url('/themes/default/images/table_header.png?v=2') no-repeat;
	margin-left: -0.0625rem;
	background-size: contain;
}
#tableHeader > h1 {
	color: #ede4b9;
	font-size: 1.5rem;
	font-family: 'UBold';
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0.125rem 0.125rem 0.125rem #000;
}
#tableFooter {
	width: 47.4375rem;
	height: 2.1875rem;
	background-color: #524d4a;
	background: url('/themes/default/images/table_footer.png') no-repeat;
	margin-bottom: 1.25rem;
	background-size: contain;
}
#tableHeaderBig {
	width: 59.125rem;
	height: 6rem;
	background: url('/themes/default/images/table_header_big.png') no-repeat;
	margin: 1.25rem auto 0 auto;
	background-size: contain;
}
#tableHeaderBig > h1 {
	color: #ede4b9;
	font-size: 1.5rem;
	font-family: 'UBold';
	line-height: 6rem;
	text-align: center;
	text-shadow: 0.125rem 0.125rem 0.125rem #000;
}
#tableFooterBig {
	width: 59.125rem;
	height: 1.75rem;
	margin: auto;
	background-color: #524d4a;
	background: url('/themes/default/images/table_footer_big.png') no-repeat;
	background-size: contain;
}
.tableContentBig {
	width: 59.125rem;
	min-height: 8.75rem;
	margin: auto;
	background-color: #f3e5ca;
}


#saveTemplate .formFields #baseType {
	width: 10.625rem;
}
#saveTemplate .formFields #storage {
	width: 9.375rem;
}
#saveTemplate .formFields .selects #public {
	margin-left: 0rem;
}

/* -------- Common Table ---------*/

.commonTable {
	width: 47.5rem;
	background-color: #f3e5ca;
}
.commonTable th {
	padding: 0.5rem;	
	text-align: left;
	border-right: 0.0625rem solid #cbc0aa;
	border-bottom: 0.0625rem solid #c0b59f;
	color: #474340;
	font-size: 0.75rem;
	font-family: 'UBold';
}
.commonTable th.center{
	text-align: center;
}
.commonTable a.author {
}
.commonTable tr.notPublic{
	background-color: #dbd2bd;
}
.commonTable tr:nth-child(odd) {
	background-color: #e8dabf;
}
.commonTable tr:nth-child(even) {
	background-color: #f3e5ca;
}
.commonTable tr:hover {
	cursor: pointer;
	background-color: #faf0dd;
}
.commonTable td {
	height: 1.375rem;
	line-height: 1.375rem;
	font-size: 0.875rem;
	padding: 0.5rem;	
	border-right: 0.0625rem solid #cbc0aa;
	border-bottom: 0.0625rem solid #c0b59f;
	vertical-align: middle;
}
.commonTable td a {
	color: #0073c0;
	font-family: 'UBold';
}
.actions {
	text-align: center;
}
.actions > input {
	margin-right: 1.875rem;
}
.actions > input:last-child {
	margin-right: 0;
}
.thLevel {
	width: 1.75rem;
	height: 1.8125rem;
	line-height: 1.75rem;
	color: #fff;
	text-shadow: 0.125rem 0.125rem 0.125rem #3e3e43;
	background: url('/themes/default/images/levels/level_none.png') no-repeat;
	background-size: contain;
	display: inline-block;
	text-align: center;
}
/* -------- Latest --------- */
#newLatest {
	margin-bottom: 20px;
}
#newLatest > li {
	width: 12.5rem;
	height: 3.125rem;
	line-height: 2.8rem;
	border: 2px solid #ccc;
	display: inline-block;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	margin-right: 0.625rem;
	margin-top: 0.625rem;
	padding-left: 1.5625rem;
}
#newLatest > li:first-child {
	margin-left: 0;
}
#newLatest > li:hover {
	background-color: #f8f8f8;
	border: 2px solid #ffd200;
	cursor: pointer;
	color: #000;
	background: #f8f8f8; /* Old browsers */
	background: -moz-linear-gradient(left,  #edbe25 0%, #edbe25 41%, #f8f8f8 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #edbe25 0%,#edbe25 41%,#f8f8f8 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #edbe25 0%,#edbe25 41%,#f8f8f8 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 */
}
#newLatest a:hover {
	text-decoration: none;
}
#newLatest > .tactics {
	background: url('/assets/promotional/panels/tactics.png?v=4') -25px no-repeat, #f8f8f8;
}
#newLatest > .tactics:hover {
	background: url('/assets/promotional/panels/tacticsHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .creator {
	background: url('/assets/promotional/panels/creator.png?v=2') -25px no-repeat, #f8f8f8;
}
#newLatest > .creator:hover {
	background: url('/assets/promotional/panels/creatorHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .guides {
	background: url('/assets/promotional/panels/guides.png?v=4') -25px no-repeat, #f8f8f8;
}
#newLatest > .guides:hover {
	background: url('/assets/promotional/panels/guidesHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .forums {
	background: url('/assets/promotional/panels/forums.png?v=4') -25px no-repeat, #f8f8f8;
}
#newLatest > .forums:hover {
	background: url('/assets/promotional/panels/forumsHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .mostUsed {
	background: url('/assets/promotional/panels/mostUsed.png?v=4') -25px no-repeat, #f8f8f8;
}
#newLatest > .mostUsed:hover {
	background: url('/assets/promotional/panels/mostUsedHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .build {
	background: url('/assets/promotional/panels/build.png?v=4') -25px no-repeat, #f8f8f8;
}
#newLatest > .build:hover {
	background: url('/assets/promotional/panels/buildHover.png?v=4') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .info {
	background: url('/assets/promotional/panels/info.png?v=2') -25px no-repeat, #f8f8f8;
}
#newLatest > .info:hover {
	background: url('/assets/promotional/panels/infoHover.png?v=2') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#newLatest > .videos {
	background: url('/assets/promotional/panels/videos.png?v=2') -25px no-repeat, #f8f8f8;
}
#newLatest > .videos:hover {
	background: url('/assets/promotional/panels/videosHover.png?v=2') -25px no-repeat, linear-gradient(to left, #f8f8f8 20%, #ffc000 70%);
}
#latest img {
	opacity: .5;
}
#latest {
	padding: 1.25rem;
	margin-bottom: 0.625rem;
}
#latest .imagePanelLeaderboard {
	width: 55.8125rem;
	height: 7.9375rem;
	background: url('/themes/default/images/latest/leaderboardPanel.png?v=1') no-repeat;
	background-size: contain;
	margin-left: 1.875rem;
}
#latest .imagePanelLeaderboard:hover {
	width: 55.8125rem;
	height: 7.9375rem;
	background: url('/themes/default/images/latest/leaderboardPanelRollover.png?v=2') no-repeat;
	background-size: contain;
	margin-left: 1.875rem;
}
#latest .imagePanelFeatured{
	width: 55.8125rem;
	height: 18.8125rem;
}
#latest .imagePanelFeatured img {
	max-width: 100%;
	height: auto;
}
#latest .imagePanelFeatured a {
	position: absolute;
	width: 55.8125rem;
	height: 18.8125rem;
	z-index: 2;
}
#latest .imagePanelFeatured .rolloverFeatured {
	position: absolute;
	width: 55.8125rem;
	height: 18.8125rem;
	z-index: 3;
}
#latest .imagePanelFeatured .rolloverFeatured:hover {	 
	background: url('/themes/default/images/latest/rolloverFeatured.png?v=2') no-repeat;
	background-size: contain;
	cursor: pointer;
}
#latest .imagePanelLong,
#latest .imagePanelLong img {
	max-width: 100%;
	width: 36.9375rem;
	height: 18.8125rem;
}
#latest .imagePanelLong a {
	position: absolute;
	width: 36.9375rem;
	height: 18.8125rem;
	z-index: 2;
}
#latest .imagePanelLong .rolloverLong {
	position: absolute;
	width: 36.9375rem;
	height: 18.8125rem;
	z-index: 3;
}
#latest .imagePanelLong .rolloverLong:hover {	 
	background: url('/themes/default/images/latest/rolloverLong.png?v=1') no-repeat;
	background-size: contain;
	cursor: pointer;
}
#latest .imagePanel a {
	position: absolute;
	width: 18.125rem;
	height: 18.8125rem;
	z-index: 2;
}
#latest .imagePanel img {
	max-width: 100%;
	height: auto;
}
#latest .imagePanel .rollover {
	position: absolute;
	width: 18.125rem;
	height: 18.8125rem;
	z-index: 3;
}
#latest .imagePanel .rollover:hover {	
	background: url('/themes/default/images/latest/rollover.png') no-repeat;
	background-size: contain;
	cursor: pointer;
}
#latest > div {
	float: left;
	padding-left: 1.25rem;
	margin-bottom: 1.25rem;
}
#latest > div:first-child {
	padding-left: 0rem;
}
#latest > a {
	display: block;
	font-size: 0.75rem;
	color: #fff;
	text-align: right;
}
#latest #latestWin > .winHeading {
	margin-bottom: 0.625rem;
	text-align: center;
	color: #ccc;	
}
#latest .largePanelRight {
	padding-left: 0.625rem;
}
#latestTable tr:hover {
	cursor: pointer;
	background-color: #faf0dd;
}
#latestTable {
	width: 18.125rem;
}
#latestTable .level {
	padding: 0 0.1875rem 0 0.1875rem;
}
#latest > #latestPlans table,
#latest > #latestGuides table {
	background-color: inherit;
}
#latest > #latestPlans tr > td:last-child,
#latest > #latestGuides tr > td:last-child {
	border-right: 0rem;
}
#latest > #latestPlans tbody > tr > th:first-child,
#latest > #latestGuides tbody > tr > th:first-child {
	-moz-border-radius-topleft: 0.375rem;
	-webkit-border-top-left-radius: 0.375rem;
	border-top-left-radius: 0.375rem;
	text-align: center;
}
#latest > #latestPlans tbody > tr > th:last-child,
#latest > #latestGuides tbody > tr > th:last-child {
	border-top-right-radius: 0.375rem;
	-moz-border-radius-topright: 0.375rem;
	border-right: 0rem;
}
#latest > #latestPlans tbody > tr:last-child > td:first-child,
#latest > #latestGuides tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 0.375rem;
	-moz-border-radius-bottomleft: 0.375rem;
	border-bottom: 0rem;
	border-left: 0rem;
}
#latest > #latestPlans tbody > tr:last-child > td:last-child,
#latest > #latestGuides tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 0.375rem;
	-moz-border-radius-bottomright: 0.375rem;
	border-bottom: 0rem;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
	vertical-align: middle;
}
.imagePanel {
	width: 18.125rem;
	height: 18.8125rem;
}
/* -------- Tooltips ----------- */
.baseThumbnail {
	width: 31.25rem;
	height: 30.625rem;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	margin-top: 1.25rem;
	-webkit-box-shadow: 0.5rem 0.5rem 0.3125rem 0rem rgba(0,0,0,0.8);
	-moz-box-shadow: 0.5rem 0.5rem 0.3125rem 0rem rgba(0,0,0,0.8);
	box-shadow: 0.5rem 0.5rem 0.3125rem 0rem rgba(0,0,0,0.8);
	overflow: hidden;
}

.baseThumbnail img {
	width: 31.25rem;
}
.baseThumbnailLeft {
	float: left;
}
.customTooltip {
	background: none;
	position: absolute;
	z-index: 9999;
	max-width: 21.25rem;
	-webkit-box-shadow: 0 0 0 #aaa;
	box-shadow: 0 0 0 #aaa;
}
body .ui-tooltip {
	border-width: 0rem;
}
/* -------- Pagination --------- */
#listPagination {
	text-align: center;
	display: inline-block;
	margin: 1rem auto 1rem auto;
	padding: 0.625rem 1.25rem 0.625rem 1.25rem;
	background-color: #f8f8f8;
	border: 0.0625rem solid #ccc;
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
	color: #777;
}
#listPagination a {
	margin: 0 0.8rem;
	color: #777;
}
#listPagination a.nextPrev {
	margin: 1.875rem 0.4375rem 0.9375rem 0.4375rem;
}
#listPagination div.current {
	display: inline-block;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	font-family: 'Ubold';
	color: #464646;
	background-color: #f0ad4e;
	border-radius: 0.25rem;
	-moz-border-radius: 0.25rem;
	-webkit-border-radius: 0.25rem;
	color: #f3e5ca;
}
#listPagination a:hover {
	color: #000;
}
.paginationWrapper {
	text-align: center;
}

/* -------- Footer --------- */
#footer {
	text-align: center;
	width: 62.5rem;
	margin: 0rem auto 0 auto;
	padding-top: 2.1875rem;
	background-color: #484340;
	min-height: 13.4375rem;
	color: #7e7771;
}
#footer > .support {
	margin-bottom: 1.25rem;
}
#footer > .external,
#footer > .designed,
#footer > .support {
	padding: 1rem;
}
#footer > .support,
#footer > .support > a {
	color: #e4dabf;
}
#footer > .external,
#footer > .external > a {
	color: #7e7771;
}
#footer .fb-like {
	margin: 1.875rem auto 0 auto;
	display: inline-block;
	color: #e4dabf;
}
#footer .googlePlus {
	display: inline-block;
	width: 12.5rem;
	color: #e4dabf;
	margin-top: 1.25rem;
}
#footer > .designed {
	font-style: italic;
	margin-top: 1.25rem;
}
#footer > .designed,
#footer > .designed > a {
	color: #e4dabf;
}


/* -------- Advertising --------- */
#contentWrapper,
#contentWrapper > div {
	float: left;
}
#contentWrapper > div:last-child {
	width: 47.5rem;
}
#contentWrapper > .actions {
	margin-bottom: 1.25rem;
}
#winLeaderboard {
	width: 46rem;
	height: 6.875rem;
	padding: 1.25rem;
	margin: auto;
}
#contentWrapper .tising728x90 {
	margin: 0 0 0 0;
	background-color: #F3E5CA;
	width: 45rem;
	padding: 1.25rem;
}
#contentWrapper #winLeaderboard > div {
	margin: auto;
	padding: 1.25rem 0 1.25rem 0;
	width: 45.5rem;
	height: 6.875rem;
}
#contentWrapper > div:first-child {
	margin: 0 1.25rem 0 1.25rem;
}
#winLeft {
	float: left;
	width: 10.625rem;
	text-align: center;
}
#winLeft > div {
}
#winLeftSmall {
	float: left;
	width: 8.125rem;
	text-align: center;
	margin: 0 0.625rem 0 0.625rem;
}
#winLeftSmall > div {
}
.winRectangleWrapper {
	text-align: center;
	margin: 1.25rem;
}
.contentImage {
	border-radius: 0.375rem;
	-moz-border-radius: 0.375rem;
	-webkit-border-radius: 0.375rem;
}

a.infoLink {
	color: #124176;
	text-decoration: underline;
}


/*---- TableSorter -----*/
table.tablesorter thead tr .header {
	background-image: url(/themes/default/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/themes/default/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/themes/default/images/desc.gif);
}

/*---------- Heads --------*/
.headGiant {
	background: url('/themes/default/images/heads/giant.png') no-repeat;
	width: 8.75rem;
	height: 3.0625rem;
	margin: auto;	
}
.headGoblin {
	background: url('/themes/default/images/heads/goblin.png') no-repeat;
	width: 5.25rem;
	height: 2.375rem;
	margin: auto;	
}
.headGolem {
	background: url('/themes/default/images/heads/golem.png') no-repeat;
	width: 8.25rem;
	height: 2.5625rem;
	margin: auto;	
}
.headPekka {
	background: url('/themes/default/images/heads/pekka.png') no-repeat;
	width: 7.375rem;
	height: 2.4375rem;
	margin: auto;	
}
.headWizard {
	background: url('/themes/default/images/heads/wizard.png') no-repeat;
	width: 3.0625rem;
	height: 1.8125rem;
	margin: auto;	
}

/*---------- Content Update --------*/
#headerGolem {	
       background: url('/themes/default/images/info/art_golem.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#headerGolemAugust {	
       background: url('/themes/default/images/updates/updatesAugustGolem.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#headerWitch {	
       background: url('/themes/default/images/updates/updatesWitch.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#newsGirl {	
       background: url('/themes/default/images/updates/barbWhatsNew.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#newsEditMode {	
       background: url('/themes/default/images/updates/editMode.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#newsNovember {	
       background: url('/themes/default/images/updates/novemberUpdate.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: 0.3125rem;
}
#newsNeggs {	
       background: url('/themes/default/images/updates/neggsNetwork.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: -0.5rem;
}
#newsBoomBeachLive {	
       background: url('/themes/default/images/updates/boom_beach_live.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: -0.5rem;
}
#newsHeroAbilities {	
       background: url('/themes/default/images/updates/updateHeroAbilities.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: -0.5rem;
}
#newsClanWars {	
       background: url('/themes/default/images/updates/updatesClanwars.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: -0.5rem;
}
#newsSamSiege {	
       background: url('/themes/default/images/updates/ninjas.png');
       width: 17.1875rem;
       height: 14.375rem;
       margin-left: 1.5rem;
       margin-top: -0.5rem;
}
.news {
       position: absolute;
       cursor: pointer;
       z-index: 102;
       display: block;
}

#messageAlert {
	background: url('/themes/default/images/messageAlert.png');
	width: 12.5rem;
	height: 12.5rem;
	margin-left: 1.5rem;
	margin-top: -0.5rem;
	color: #e2e2e2;
	
	position: absolute;
	cursor: pointer;
	z-index: 200;
	display: block;
}
#messageAlert > .new {	
	margin-top: 3.4375rem;
	font-style: italic;
}
#messageAlert > .name {
	margin-top: 1.25rem;
	font-size: 1rem;
	color: #fa7514;
}
#messageAlert > .smallFont {
	font-size: 0.875rem;
}
#messageAlert > .mediumFont {
	font-size: 1.125rem;
}
#messageAlert > .largeFont {
	font-size: 1.5rem;
	margin-top: 1rem;
}


#captcha .captcha {
	font-family: 'UBold';
	margin-bottom: 1.25rem;
}
#captcha .captcha > input {
	width: 2.5rem;
	vertical-align: middle;
	font-size: 1.125rem;
	text-align: center;
	font-family: 'UBold';
	padding: 0rem;
	background-color: #f8f8f8;
}
#captcha .captchaImage {
	text-align: center;
}

.popup {
	display: none;
	z-index: 10000;
	padding: 0 0 0rem;
	margin: 0.625rem;
	border-radius: 0.3125rem;
	-moz-border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}

.popup h1 {
	color: #ffc000;
	font-size: 2rem;
	text-align: center;
	margin: 3.75rem 1.875rem 0 1.875rem;
	line-height: 2.625rem;
	font-family: 'UBold';
	text-shadow: 0.1875rem 0.1875rem 0.1875rem #3e3e43;
}

.popup h2 {
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #676767;
	font-family: 'Lato';
}
.popup .popupActions > .button {
	margin-right: 1em;
}
.popup .popupActions {
	padding: 0 0 2.5rem 1em;
	text-align: center;
}
.popup .popupContent {
	padding: 0 5rem 2.5rem 5rem;
}

.popup .popupHeader {
	text-align: center;
}

.popup .popupHeader > h2 {
	margin-bottom: 1.25rem;
}
.popup .popupHeader > p {
	font-size: 1.125rem;
	line-height: 1.2em;
	text-align: center;
	color: #676767;
	margin-bottom: 2em;
}

.popup .popupContent > p,
.popup .popupContent > div > p,
.popup .popupContent > ul > li,
.popup .popupContent > ol > li,
.popup .popupContent > div.scrolling > ul > li {
	line-height: 1.5rem;
	font-size: 1rem;
	margin-bottom: 1.25rem;
}

.popup > .popupBanner {
	padding: 1.25rem 5rem 1.25rem 5rem;
	background-color: #FFFED7;
	width: 45.875rem;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #444;
	margin: -3.75rem 0 1.25rem 0;
}

.popup > .popupBanner > strong > .phone {
	color: #F15A24;
}

.popup > .close {
	cursor: pointer;
	position: absolute;
	top: 1.5625rem;
	right: 1.5625rem;
	width: 1.625rem;
	height: 1.625rem;
	background: transparent url('/themes/default/images/popup-close.png') scroll no-repeat center center;
	background-size: contain;
}

.popup.loading {
	background: transparent;
	padding: 2em;
}
.popup.loading > .close {
	display: none;
}
.popup.loading a {
	text-decoration: none;
}
.popup.loading .animation {
	text-align: center;
	padding-top: 1.75rem;
	width: 13.75rem;
	height: 13.75rem;
	margin: 0 auto;
	background: transparent url('/themes/default/images/preloader.gif') no-repeat top center;
}
.popupScroller {
	max-height: 37.5rem;
	overflow: auto;
	padding: 0.25rem;
}

.popup.connectPopup {
	width: 54.375rem;
}
.popup.connectPopup .popupActions > p > strong {
	font-family: 'LatoBold';
}
.popup.connectPopup .popupActions > p {
	font-size: 1.125rem;
	line-height: 1.375rem;
	margin: 0 auto;
	width: 34.375rem;
	color: #676767;
	font-family: 'LatoLight';
}
.popup.connectPopup .popupActions > a {
	font-size: 1rem;
	margin-bottom: 2.1875rem;
}
.popup.connectPopup .popupActions > a.button.large {
	font-size: 1.125rem;
}
.popup .close {
	background: url('/themes/default/images/close.png?v=1') no-repeat top center;
	height: 1.25rem;
	width: 1.25rem;
	position: absolute;
	z-index: 999;
	right: 1.25rem;
	top: 1.25rem;
	background-size: contain;
}
#taboola-below-article-thumbnails {
	margin-top: 2.5rem;
}

/*------ TinyMCE -----*/
.mce-tinymce {
	margin-bottom: 1.25rem !important;
	width: 100% !important;
}
.tinymce ul li {
	list-style: disc;
	margin-left: 1.25rem;
}
.tinymce ol li {
	list-style: decimal;
	margin-left: 1.25rem;
}
.tinymce table {
	border: 0.0625rem solid #000;
}
.tinymce table th {
	font-family: 'Ubold';
	background-color: #4c5d70;
}
.tinymce table td {
	background-color: #454543;
}
.tinymce table td,
.tinymce table th {
	color: #fff;
	border-bottom: 0.0625rem solid #000;
	border-left: 0.0625rem solid #000;
	padding: 0.375rem;
}
.tinymce table td:first-child {
	border-bottom: 0.0625rem solid #000;
	border-left: 0;
}
.mce-panel {
}
#comments .tinymce table th,
#guides    .tinymce table th {
	background-color: #f8f8f8;
}
#comments .tinymce table td,
#guides   .tinymce table td {
	background-color: #f8f8f8;
}
#comments .tinymce table td,
#comments .tinymce table th,
#guides   .tinymce table td,
#guides   .tinymce table th {
	color: #000;
}
footer {
	margin: 2rem;
	text-align: center;
}
footer > div {
	line-height: 1.4rem;
}
footer .googlePlus {
	margin-bottom: 1rem;
}

@media (max-width: 1421px) {
	html {
		font-size: 1.2rem;
	}	
}
@media (max-width: 1366px) {
	html {
		font-size: 0.8rem;
	}
	nav .dropdown > .dropdown-menu {
		margin-left: 1rem;
	}
	nav .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
		margin-left: 2rem;
	}
	#latest > li {	
		background-size: 150px 38px;
	}
	.sharing .fb-share-button {
		margin-top: 0.5rem;
	}
}
@media (max-width: 1024px) {
	html {
		font-size: 0.7rem;
	}
	.sharing .fb-share-button {
		margin-top: 0.4rem;
	}	
}
@media (max-width: 768px) {
	html {
		font-size: 0.5rem;
	}
	select {
		min-width: 10rem;
	}
	.navbar-default,
	.navbar-default a {
		font-size: 2.2rem;
	}
	.sharing .fb-share-button {
		margin-top: 0.3rem;
	}
}
@media (max-width: 480px) {
	html {
		font-size: 0.4rem;
	}
	.filters button,
	.filters a {
		margin-top: 0.625rem;
	}
	#deckBuilder .filters button {
		margin-top: 0.625rem;
	}
	.sharing .fb-share-button {
		margin-top: 0rem;
	}
}
@media (max-width: 320px) {
	html {
		font-size: 0.3rem;
	}
	nav .dropdown > .dropdown-menu {
		margin-left: 1rem;
	}
	nav .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
		margin-left: 2rem;
	}
	.filters button,
	.filters a {
		margin-top: 0;
	}
	.filters select {
		margin-top: 0.625rem;
	}
	#newContent > .col-sm-12 {
		padding-left: 3px;
		padding-right: 3px;
	}
	#latest > li {
		width: 5rem;
	}
}