﻿body
{
	background: grey;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div#background
{
	background: url(../images/backgrounds/Standard22BackgroundBGlow.jpg) no-repeat;
	position: absolute;
	width: 760px;
	height: 800px;
	top: 0px;
	left: 50%;
	margin-left: -380px;
    z-index: 1;
}
div#background-facebook
{
	background: url(../images/backgrounds/Standard22BackgroundBGlow.jpg) no-repeat;
	position: absolute;
	width: 760px;
	height: 800px;
	top: 0px;
	left: 50%;
	margin-left: -380px;
    z-index: 1;
}
div#background-wide
{
	position: absolute;
	width: 1100px;
	height: 800px;
	top: 0px;
	left: 50%;
	margin-left: -550px;
    z-index: 1;
}
div#nav-content
{
	position: absolute;
	width: auto;
	height: auto;
	top: 181px;
	left: 63px;
    z-index: 3;
}
div#parchment
{
	position: relative;
	width: 680px;
	height: auto;
	top: 181px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
div#parchment-only
{
	position: relative;
	width: 680px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}
div#parchment-wide
{
	position: relative;
	width: 1020px;
	height: auto;
	top: 181px;
    margin-left: -130px;
    margin-right: auto;
    z-index: 2;
}

div#parchment-wide-only {
	position: relative;
	width: 1020px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}


div#parchment-top
{
    background: url(../images/backgrounds/parchment-top.png) no-repeat;
    background-position: bottom;
	width: 680px;
	height: 68px;
}
div#parchment-middle
{
    background: url(../images/backgrounds/parchment-middle.png) repeat;
	width: 680px;
	height: auto;
}
div#parchment-bottom
{
    background: url(../images/backgrounds/parchment-bottom.png) no-repeat;
	width: 680px;
	height: 55px;
}

div#parchment-wide-top
{
    background: url(../images/backgrounds/parchment-wide-top.png) no-repeat;
    background-position: bottom;
	width: 1020px;
	height: 68px;
}
div#parchment-wide-middle
{
    background: url(../images/backgrounds/parchment-wide-middle.png) repeat;
	width: 1020px;
	height: auto;
}
div#parchment-wide-bottom
{
    background: url(../images/backgrounds/parchment-wide-bottom.png) no-repeat;
	width: 1020px;
	height: 55px;
}

div#nav-content h1
{
	text-align: center;
	font-size:19px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#parchment-top h1, div#parchment-wide-only h1 {
	text-align: center;
	font-size: 19px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #491E18;
	padding: 45px 0 0 0;
	margin: 0 0 0 0;
}

/* Standard top navigation buttons Begin */
div#nav-buttons
{
	width: auto;
	height: 46px;
}
div#nav-buttons a
{
	width: 113px;
	height: 42px;
	display: block;
	float: left;
	padding: 0px 16px 0px 0px;
	margin: 0 0 0 0;
}
div#nav-buttons a img
{
    width: 113px;
    height: 42px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#nav-content a#index img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -5px no-repeat;}
div#nav-content a#index:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -56px no-repeat;}
div#nav-content a#index:active img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -107px no-repeat;}

div#nav-content a#account img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -5px no-repeat;}
div#nav-content a#account:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -56px no-repeat;}
div#nav-content a#account:active img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -107px no-repeat;}

div#nav-content a#thane img {background: url(../images/buttons/GC22/nav-buttons.png) -241px -5px no-repeat;}
div#nav-content a#thane:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -241px -56px no-repeat;}
div#nav-content a#thane:active img {background: url(../images/buttons/GC22/nav-buttons.png) -241px -107px no-repeat;}

div#nav-content a#notice img {background: url(../images/buttons/GC22/nav-buttons.png) -359px -5px no-repeat;}
div#nav-content a#notice:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -359px -56px no-repeat;}
div#nav-content a#notice:active img {background: url(../images/buttons/GC22/nav-buttons.png) -359px -107px no-repeat;}

div#nav-content a#help img {background: url(../images/buttons/GC22/nav-buttons.png) -477px -5px no-repeat;}
div#nav-content a#help:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -477px -56px no-repeat;}
div#nav-content a#help:active img {background: url(../images/buttons/GC22/nav-buttons.png) -477px -107px no-repeat;}
/* Standard top navigation buttons End */
/* Tooltip setup Start */
div#nav-buttons a, div#content div.nav-buttons a 
{
	text-decoration: none;
}
div#nav-buttons a span.tooltip, div#content div.nav-buttons a span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-35px; 
	margin-top: 35px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#nav-buttons a:hover span.tooltip, div#content div.nav-buttons a:hover span.tooltip 
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
/* Tooltip setup End */

/* Caption setup Start */
a div.caption
{
	margin-left: -50%; 
	margin-right: -50%; 
	text-align: center;
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:hover div.caption
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}
a div.nonclick-caption
{
	margin-left: -50%; 
	margin-right: -50%; 
	text-align: center;
	font-size:10px;
    font-family: Arial, Verdana, Sans-serif;
    font-weight: normal;
	color:#000000;
	text-decoration: none;
}
/* Caption setup End */

div#content
{
	position: relative;
	width: 575px;
	height: auto;
	top: 15px;
    margin-left: auto;
    margin-right: auto;
    z-index: 11;
    border: solid 1px transparent;
}

div#content-wide {
	margin-left: -160px;
	margin-right: auto;
	margin-top: 16px;
	width: 890px;
}

/* content big-buttons Begin */
div#content div.big-buttons ul
{
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style-type: none;
}
div#content div.big-buttons ul li a
{
    padding: 0px 0px 0px 0px;
}
div#content div.big-buttons ul li a img
{
    height: 125px;
    width: 155px;
    border: 0;
}
/* content big-buttons End */
div#content div.big-buttons a, div#content div.big-form-buttons a
{
	text-decoration: none;
}
div#content div.big-buttons a span.tooltip, div#content div.big-form-buttons a span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-35px; 
	margin-top: 95px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#content div.big-buttons a:hover span.tooltip, div#content div.big-form-buttons a:hover span.tooltip
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}

/* content paging-buttons Begin */
div#content div.paging-buttons
{
	width: auto;
	height: 74px;
}
div#content div.paging-buttons a
{
	width: 105px;
	height: 70px;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 365px 0px 0px;
}
div#content div.paging-buttons a.next-page-button
{
	margin: 0px 0px 0px 0px;
}
div#content div.paging-buttons a img
{
    width: 105px;
    height: 70px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* content paging-buttons End */
div#content div.paging-buttons a
{
	text-decoration: none;
}
div#content div.paging-buttons a span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-35px; 
	margin-top: 55px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#content div.paging-buttons a:hover span.tooltip
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}

/* content small-buttons Begin */
div#content div.small-buttons
{
	width: auto;
	height: 86px;
}
div#content div.small-buttons a
{
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 25px 503px 25px 0px;
}
div#content div.small-buttons a.eye-button
{
	margin: 25px 0px 25px 0px;
}
div#content div.small-buttons a img
{
    width: 36px;
    height: 36px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* content small-buttons End */



/* div#content div.icon-buttons Begin */
div#content div.icon-buttons
{
	width: auto;
	height: 74px;
}
div#content div.icon-buttons a
{
	width: 87px;
	height: 70px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.icon-buttons a img
{
    width: 87px;
    height: 70px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* div#content div.icon-buttons End */





/* div#content div.form-buttons Begin */
div#content div.form-buttons div.form-buttons-doubleLength div.form-buttons-3
{
	width: auto;
	height: 46px;
}
div#content div.form-buttons a, div#content div.form-buttons-3 a
{
	width: 134px;
	height: 42px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.form-buttons a img, div#content div.form-buttons-3 a img
{
    width: 134px;
    height: 42px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.form-buttons-doubleLength a
{
	width: 264px;
	height: 42px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.form-buttons-doubleLength a img
{
    width: 264px;
    height: 42px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.nav-buttons
{
	width: auto;
	height: 46px;
}
div#content div.nav-buttons a
{
	width: 113px;
	height: 46px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.nav-buttons a img
{
    width: 113px;
    height: 46px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* div#content div.form-buttons End */
/* div#content div.big-form-buttons Begin */
div#content div.big-form-buttons
{
	width: auto;
	height: 129px;
}
div#content div.big-form-buttons a
{
    height: 125px;
    width: 155px;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.big-form-buttons a img
{
    height: 125px;
    width: 155px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* div#content div.big-form-buttons End */


/* div#content div.game-button Begin */
div#content div.game-button
{
    height: auto;
    width: 160px;
}
div#content div.game-button a img
{
    height: 60px;
    width: 80px;
    border: 0;
    margin-left: 40px;
}
/* div#content div.game-button end */


/* inventory icons begin */
div#content div.inventory-icons
{
	width: 353px;
	height: auto;
	overflow: auto;
}
div#content div.inventory-icons div.game-image
{
	width: 84px;
	height: auto;
	min-height: 84px;
	display: block;
	float: left;
	padding: 0px 2px 2px 2px;
	margin: 0 0 0 0;
	overflow: hidden;
}
/* inventory icons end */
/* div#content div.game-image Begin */
div#content div.game-image
{
    height: auto;
    width: 84px;
}
div#content table div.game-image
{
    margin-left: auto;
    margin-right: auto;
}
div#content div.ability-area div.game-image
{
	margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
}
div#content div.game-image a img
{
    height: auto;
    width: 84px;
    border: 0;
    margin-left: 0px;
}
/* div#content div.game-image end */
div#content div.game-image a
{
	text-decoration: none;
	cursor: default;
}
div#content div.game-image a span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-35px; 
	margin-top: 45px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#content div.game-image a:hover span.tooltip
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
/* Caption setup Start */
div#content div.game-image a div.caption
{
	margin-top: -5px;
	margin-left: 0px; 
	margin-right: 0px; 
	text-align: center;
	font-size: 9px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
div#content div.game-image a div.caption-light
{
	margin-top: -5px;
	margin-left: 0px; 
	margin-right: 0px; 
	text-align: center;
	font-size: 9px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

/* Caption setup End */


/* div#content div.link-button Begin */
div#content div.link-button
{
    height: auto;
    width: 134px;
}
div#content div.link-button a img
{
    height: 42px;
    width: 134px;
    border: 0;
}
/* div#content div.link-button end */
div#content div.link-button a, div#content div.form-buttons a, div#content div.stacked-buttons a, div#content div.form-buttons-doubleLength a, div#content div.form-buttons-3 a
{
	text-decoration: none;
}
div#content div.link-button a span.tooltip, div#content div.form-buttons a span.tooltip, div#content div.stacked-buttons a span.tooltip, div#content div.form-buttons-doubleLength a span.tooltip, div#content div.form-buttons-3 a span.tooltip
{
	display: none;
	padding: 2px 3px;
	margin-left: -35px;
	margin-top: 35px;
	width: auto;
	white-space: nowrap;
	font-size: 12px;
	font-family: Times New Roman, Serif;
	font-weight: normal;
	text-decoration: none;
}
div#content div.link-button a:hover span.tooltip, div#content div.form-buttons a:hover span.tooltip, div#content div.stacked-buttons a:hover span.tooltip, div#content div.form-buttons-doubleLength a:hover span.tooltip, div#content div.form-buttons-3 a:hover span.tooltip
{
	display: inline;
	position: absolute;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #6c6c6c;
	font-size: 12px;
	font-family: Times New Roman, Serif;
	font-weight: normal;
	text-decoration: none;
}

div#content div.icon-buttons a span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-35px; 
	margin-top: 63px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#content div.icon-buttons a:hover span.tooltip
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}


/* buttons */
div#content a.hall-of-fame-button img {background: url(../images/buttons/GC22/big-buttons.png) -5px -5px no-repeat;}
div#content a.hall-of-fame-button:hover img {background: url(../images/buttons/GC22/big-buttons.png) -5px -135px no-repeat;}
div#content a.hall-of-fame-button:active img {background: url(../images/buttons/GC22/big-buttons.png) -5px -266px no-repeat;}

div#content a.quick-start-button img {background: url(../images/buttons/GC22/big-buttons.png) -165px -5px no-repeat;}
div#content a.quick-start-button:hover img {background: url(../images/buttons/GC22/big-buttons.png) -165px -135px no-repeat;}
div#content a.quick-start-button:active img {background: url(../images/buttons/GC22/big-buttons.png) -165px -266px no-repeat;}

div#content a.personal-kingdoms-button img {background: url(../images/buttons/GC22/icon-buttons.png) -102px -4px no-repeat;}
div#content a.personal-kingdoms-button:hover img {background: url(../images/buttons/GC22/icon-buttons.png) -102px -74px no-repeat;}
div#content a.personal-kingdoms-button:active img {background: url(../images/buttons/GC22/icon-buttons.png) -102px -152px no-repeat;}

div#content a.Loot-Box-Button img {background: url(../images/buttons/GC22/icon-buttons.png) -5px -4px no-repeat;}
div#content a.Loot-Box-Button:hover img {background: url(../images/buttons/GC22/icon-buttons.png) -5px -74px no-repeat;}
div#content a.Loot-Box-Button:active img {background: url(../images/buttons/GC22/icon-buttons.png) -5px -152px no-repeat;}


div#content div.small-buttons a.ear-button img {background: url(../images/buttons/GC22/Ear.png) top left no-repeat;}
div#content div.small-buttons a.eye-button img {background: url(../images/buttons/GC22/Eye.png) top left no-repeat;}

div#content a.thane-ranking-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -5px no-repeat;}
div#content a.thane-ranking-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -52px no-repeat;}
div#content a.thane-ranking-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -103px no-repeat;}

div#content a.donate-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -839px -5px no-repeat;}
div#content a.donate-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -839px -52px no-repeat;}
div#content a.donate-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -839px -103px no-repeat;}

div#content a.statistics-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -978px -5px no-repeat;}
div#content a.statistics-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -978px -52px no-repeat;}
div#content a.statistics-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -978px -103px no-repeat;}

div#content a.membership-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1117px -5px no-repeat;}
div#content a.membership-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1117px -52px no-repeat;}
div#content a.membership-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1117px -103px no-repeat;}

div#content a.grendel-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1256px -5px no-repeat;}
div#content a.grendel-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1256px -52px no-repeat;}
div#content a.grendel-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1256px -103px no-repeat;}

div#content a.refresh-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1395px -5px no-repeat;}
div#content a.refresh-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1395px -52px no-repeat;}
div#content a.refresh-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -1395px -103px no-repeat;}

div#content a.tribe-ranking-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -5px no-repeat;}
div#content a.tribe-ranking-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -52px no-repeat;}
div#content a.tribe-ranking-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -422px -103px no-repeat;}

div#content a.reset-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -283px -5px no-repeat;}
div#content a.reset-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -283px -52px no-repeat;}
div#content a.reset-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -283px -103px no-repeat;}

div#content a.continue-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -5px -5px no-repeat;}
div#content a.continue-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -5px -52px no-repeat;}
div#content a.continue-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -5px -103px no-repeat;}

div#content a.abort-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -144px -5px no-repeat;}
div#content a.abort-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -144px -52px no-repeat;}
div#content a.abort-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -144px -103px no-repeat;}

div#content a.login-button img {background: url(../images/buttons/GC22/account-buttons.png) -5px -5px no-repeat;}
div#content a.login-button:hover img {background: url(../images/buttons/GC22/account-buttons.png) -5px -52px no-repeat;}
div#content a.login-button:active img {background: url(../images/buttons/GC22/account-buttons.png) -5px -103px no-repeat;}

div#content a.create-button img {background: url(../images/buttons/GC22/account-buttons.png) -144px -5px no-repeat;}
div#content a.create-button:hover img {background: url(../images/buttons/GC22/account-buttons.png) -144px -52px no-repeat;}
div#content a.create-button:active img {background: url(../images/buttons/GC22/account-buttons.png) -144px -103px no-repeat;}

div#content a.help-button img {background: url(../images/buttons/GC22/account-buttons.png) -283px -5px no-repeat;}
div#content a.help-button:hover img {background: url(../images/buttons/GC22/account-buttons.png) -283px -52px no-repeat;}
div#content a.help-button:active img {background: url(../images/buttons/GC22/account-buttons.png) -283px -103px no-repeat;}

div#content a.logout-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -5px -5px no-repeat;}
div#content a.logout-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -5px -52px no-repeat;}
div#content a.logout-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -5px -103px no-repeat;}

div#content a.change-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -144px -5px no-repeat;}
div#content a.change-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -144px -52px no-repeat;}
div#content a.change-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -144px -103px no-repeat;}

div#content a.buylives-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -5px no-repeat;}
div#content a.buylives-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -52px no-repeat;}
div#content a.buylives-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -103px no-repeat;}

div#content a.thanes-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -422px -5px no-repeat;}
div#content a.thanes-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -422px -52px no-repeat;}
div#content a.thanes-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -422px -103px no-repeat;}

div#content a.accounting-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -561px -5px no-repeat;}
div#content a.accounting-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -561px -52px no-repeat;}
div#content a.accounting-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -561px -103px no-repeat;}

div#content a.link-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -700px -5px no-repeat;}
div#content a.link-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -700px -52px no-repeat;}
div#content a.link-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -700px -103px no-repeat;}

div#content a.new-thane-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -839px -5px no-repeat;}
div#content a.new-thane-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -839px -52px no-repeat;}
div#content a.new-thane-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -839px -103px no-repeat;}

div#content a.premiums-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -978px -5px no-repeat;}
div#content a.premiums-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -978px -52px no-repeat;}
div#content a.premiums-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -978px -103px no-repeat;}

div#content a.message-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1117px -5px no-repeat;}
div#content a.message-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1117px -52px no-repeat;}
div#content a.message-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1117px -103px no-repeat;}

div#content a.subscribe-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1256px -5px no-repeat;}
div#content a.subscribe-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1256px -52px no-repeat;}
div#content a.subscribe-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -1256px -103px no-repeat;}

div#content a.dragonwars-button img {background: url(../DragonWars/Images/buttons/DragonWarsButtonUp.jpg) no-repeat;}
div#content a.dragonwars-button:hover img {background: url(../DragonWars/Images/buttons/DragonWarsButtonUp.jpg) no-repeat;}
div#content a.dragonwars-button:active img {background: url(../DragonWars/Images/buttons/DragonWarsButtonDown.jpg) no-repeat;}

div#content a.inspect-button img {background: url(../images/buttons/GC22/Inspect1.png) top left no-repeat;}
div#content a.inspect-button:hover img {background: url(../images/buttons/GC22/Inspect2.png) top left no-repeat;}
div#content a.inspect-button:active img {background: url(../images/buttons/GC22/Inspect3.png) top left no-repeat;}

div#content a.awaken-button img {background: url(../images/buttons/GC22/Awaken1.png) top left no-repeat;}
div#content a.awaken-button:hover img {background: url(../images/buttons/GC22/Awaken2.png) top left no-repeat;}
div#content a.awaken-button:active img {background: url(../images/buttons/GC22/Awaken3.png) top left no-repeat;}

div#content a.resurrect-button img {background: url(../images/buttons/GC22/Resurrect1.png) top left no-repeat;}
div#content a.resurrect-button:hover img {background: url(../images/buttons/GC22/Resurrect2.png) top left no-repeat;}
div#content a.resurrect-button:active img {background: url(../images/buttons/GC22/Resurrect3.png) top left no-repeat;}

div#content a.buy-lives-button img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -5px no-repeat;}
div#content a.buy-lives-button:hover img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -52px no-repeat;}
div#content a.buy-lives-button:active img {background: url(../images/buttons/GC22/account-li-buttons-v2.png) -283px -103px no-repeat;}

div#content a.kill-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -700px -5px no-repeat;}
div#content a.kill-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -700px -52px no-repeat;}
div#content a.kill-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -700px -103px no-repeat;}

div#content a.convert-button img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -561px -5px no-repeat;}
div#content a.convert-button:hover img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -561px -52px no-repeat;}
div#content a.convert-button:active img {background: url(../images/buttons/GC22/maint-buttons-v5.png) -561px -103px no-repeat;}

div#content a.account-button img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -5px no-repeat;}
div#content a.account-button:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -56px no-repeat;}
div#content a.account-button:active img {background: url(../images/buttons/GC22/nav-buttons.png) -123px -107px no-repeat;}

div#content a.home-button img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -5px no-repeat;}
div#content a.home-button:hover img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -56px no-repeat;}
div#content a.home-button:active img {background: url(../images/buttons/GC22/nav-buttons.png) -5px -107px no-repeat;}

div#content a.thrall-button img {background: url(../images/buttons/GC22/account-pk-buttons.png) -5px -5px no-repeat;}
div#content a.thrall-button:hover img {background: url(../images/buttons/GC22/account-pk-buttons.png) -5px -52px no-repeat;}
div#content a.thrall-button:active img {background: url(../images/buttons/GC22/account-pk-buttons.png) -5px -103px no-repeat;}

div#content a.karl-button img {background: url(../images/buttons/GC22/account-pk-buttons.png) -144px -5px no-repeat;}
div#content a.karl-button:hover img {background: url(../images/buttons/GC22/account-pk-buttons.png) -144px -52px no-repeat;}
div#content a.karl-button:active img {background: url(../images/buttons/GC22/account-pk-buttons.png) -144px -103px no-repeat;}

div#content a.odal-button img {background: url(../images/buttons/GC22/account-pk-buttons.png) -283px -5px no-repeat;}
div#content a.odal-button:hover img {background: url(../images/buttons/GC22/account-pk-buttons.png) -283px -52px no-repeat;}
div#content a.odal-button:active img {background: url(../images/buttons/GC22/account-pk-buttons.png) -283px -103px no-repeat;}

div#content a.jarl-button img {background: url(../images/buttons/GC22/account-pk-buttons.png) -422px -5px no-repeat;}
div#content a.jarl-button:hover img {background: url(../images/buttons/GC22/account-pk-buttons.png) -422px -52px no-repeat;}
div#content a.jarl-button:active img {background: url(../images/buttons/GC22/account-pk-buttons.png) -422px -103px no-repeat;}

div#content a.next-page-button img {background: url(../images/buttons/GC22/paging-buttons.png) -5px -5px no-repeat;}
div#content a.next-page-button:hover img {background: url(../images/buttons/GC22/paging-buttons.png) -5px -80px no-repeat;}
div#content a.next-page-button:active img {background: url(../images/buttons/GC22/paging-buttons.png) -5px -155px no-repeat;}

div#content a.previous-page-button img {background: url(../images/buttons/GC22/paging-buttons.png) -115px -5px no-repeat;}
div#content a.previous-page-button:hover img {background: url(../images/buttons/GC22/paging-buttons.png) -115px -80px no-repeat;}
div#content a.previous-page-button:active img {background: url(../images/buttons/GC22/paging-buttons.png) -115px -155px no-repeat;}
/* buttons */




div#content div.links-list
{
}
div#content div.links-list ul
{
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style-type: none;
}
div#content div.links-list ul li
{
	font-size: 15px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #471C16;
}
div#content div.links-list ul li a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	color: #000000;
	text-decoration: underline;
}
div#content div.links-list ul li a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	color: #631812;
	text-decoration: underline;
}

div#gc-chat
{
	font-size: 15px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #471C16;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 45px;
}

div#gc-text-version, div#gc-classic-version
{
	font-size: 15px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #471C16;
	padding: 0 0 0 0px;
	margin: 0 0 0 45px;
}

div#gc-chat-clear
{
	padding: 0px 0px 10px 10px;
	clear: left;
}

div#gc-chat a, div#gc-text-version a, div#gc-classic-version a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	color: #000000;
	text-decoration: underline;
}

div#gc-chat a:hover, div#gc-text-version a:hover, div#gc-classic-version a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	color: #631812;
	text-decoration: underline;
}

div#chat-page-info {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: black; 
        /* DEBUG: If the iframe doesn't cover the whole space,
           it'll show through as black. */
}

    /* Position the iframe inside the new stacking context
       to take up the whole space */
div#chat-page-info iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

div#content div.page-text h1, div#content div.page-form h1, div#content div.page-info h1
{
	text-align: center;
	font-size:19px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
	padding: 0 0 0 0;
	margin: 16px 0 16px 0;
}
div#content div.page-text h2, div#content div.page-form h2, div#content div.page-info h2
{
	text-align: center;
	font-size:24px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
	padding: 0 0 0 0;
	margin: 16px 0 16px 0;
}
div#content div.page-text h3, div#content div.page-form h3, div#content div.page-info h3
{
	text-align: center;
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
	padding: 0 0 0 0;
	margin: 16px 0 16px 0;
}
div#content div.page-text h3.emphasis, div#content div.page-form h3.emphasis, div#content div.page-info h3.emphasis
{
	text-align: center;
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color: #B00020;
	padding: 0 0 0 0;
	margin: 16px 0 16px 0;
}
div#content div.page-text h4, div#content div.page-form h4, div#content div.page-info h4 {
	text-align: center;
	font-size: 18px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #491E18;
	padding: 0 0 0 0;
	margin: 4px 0 4px 0;
	clear: both;
}
div#content div.page-text h4.color-light, div#content div.page-form h4.color-light, div#content div.page-info h4.color-light
{
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	text-align: center;
	font-weight: bold;
	color:#FFFFFF;
	padding: 0 0 0 0;
	margin: 4px 0 4px 0;
}
div#content div.page-text p, div#content span.page-text
{
	font-size:	18px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #491E18;
}
div#content div.page-text p.emphasis
{
	font-size: 18px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #B00020;
}
div#content div.page-note p
{
	font-size:	13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #000000;
}
div#content div.page-info
{
	font-size:15px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
    text-align: left;
	color: #491E18;
	margin: 0 0 0 0;
	padding: 16px 16px 16px 16px;
}
div#content div.page-form p.form-note
{
	font-size: 13px;
    font-family: Arial, Verdana, Sans-serif;
    text-align: justify;
	color: black;
	margin: 0 0 0 0;
}
div#content div.page-form p.form-description
{
	font-size:15px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
    text-align: center;
	color: #491E18;
	margin: 0 0 0 0;
}
div#content div.page-form p.form-result {
	font-size: 16px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	text-align: center;
	color: #491E18;
	margin: 16px 0 16px 0;
}
div#content div.page-form div.form-note, div#content div.page-form span.form-note
{
	font-size:11px;
    font-family: Arial, Verdana, Sans-serif;
	color:#491E18;
}
div#content div.page-text ul li
{
	font-size:	18px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #491E18;
}
div#content div.page-form ul li
{
	font-size:	13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #491E18;
}
div#content .link-text-centered
{
	text-align: center;
	margin-bottom: 5px;
}
div#content .link-text a, div#content .link-text-centered a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#content .link-text a:hover, div#content .link-text-centered a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}
div#content .thane-points-more-info-link-text a, div#content .account-cash-more-info-link-text a
{
	font-size: 16px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#content .thane-points-more-info-link-text a:hover, div#content .account-cash-more-info-link-text a:hover
{
	font-size: 16px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}
div#content .tribe-points-more-info-link-text a
{
	font-size: 13px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#content .tribe-points-more-info-link-text a:hover
{
	font-size: 13px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}
div#content .account-cash-request-payment-link-text a
{
	font-size: 10px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#content .account-cash-request-payment-link-text a:hover
{
	font-size: 10px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}
div#content .thane-tally-more-info-link-text a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#content .thane-tally-more-info-link-text a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}

div#content .thane-stats-link-text a {
	font-size: 13px;
	font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

div#content .thane-stats-link-text a:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
}

div#content div.page-text table, div#content div.page-form table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	font-size:	18px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight: normal;
	color: #491E18;
	margin-bottom: 16px;
}
div#content div.page-text th, div#content div.page-form th
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-weight: bold;
}
div#content div.page-text td, div#content div.page-form td
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
}

div#content div.page-text td span.emphasis {
	color: #B00020;
	font-weight: bold;
}

div#content fieldset
{
	margin: 16px 0 0 0;
	padding: 0 0 0 0;
}
div#content fieldset.nolegend
{
	border-width: 0;
	border-style: none;
}
div#content fieldset.legend legend
{
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
}

div#content fieldset div.form-field
{
	padding: 2px 0px 2px 0px;
}
div#content fieldset label
{
	float: left;
	text-align: right;
	margin-top: 3px;
	margin-right: 8px;
	display: block;
	clear: left;
}
div#content fieldset label, div#content fieldset span.label
{
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
}
div#content fieldset select, div#content fieldset select option, div#content fieldset input, div#content fieldset textarea
{
	/*background: url(../images/backgrounds/parchment22.jpg) repeat;*/
	background-color:#C2A389;
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	color:#000000;
}
/* form-field label span tooltip begin */
div#content fieldset div.form-field label span.tooltip
{
	display:none; 
	padding:2px 3px; 
	margin-left:-50px; 
	margin-top: 22px; 
	width:auto; 
	white-space: nowrap; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
div#content fieldset div.form-field label:hover span.tooltip
{
	display:inline; 
	position:absolute; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	color:#6c6c6c; 
	font-size: 12px; 
	font-family: Times New Roman, Serif;
	font-weight: normal; 
	text-decoration:none;
}
/* form-field label span tooltip end */


th.number-cell, td.number-cell, th.date-cell, td.date-cell
{
	text-align: center;
}
th.date-cell, td.date-cell
{
	text-align: center;
	white-space: nowrap;
}
th.text-cell, td.text-cell
{
	text-align: left;
}
th.button-cell, td.button-cell
{
	width: 134px;
}
th.accounting-cell, td.accounting-cell
{
	text-align: right;
}
/* div#content div.stacked-buttons Begin */
div#content div.stacked-buttons
{
	width: 134px;
	height: auto;
}
div#content div.stacked-buttons a
{
	width: 134px;
	height: 42px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#content div.stacked-buttons a img
{
    width: 134px;
    height: 42px;
    border: 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* div#content div.stacked-buttons End */

div#content div.inspection-area {
	width: 353px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border: 2px solid #491E18;
	margin-top: 20px;
}
div#content div.inspection-area div.ability-area div.ability-area-left
{
	float: left;
	width: 175px;
}
div#content div.inspection-area div.ability-area div.ability-area-right
{
	margin-left: 177px;
}
div#content div.inspection-area div.ability-area ul
{
	font-size:11px;
    font-family: Arial, Verdana, Sans-serif;
	color:#491E18;
}
div#content div.inspection-area div.inventory-area
{
	background: url(../grendelscave/images/Classic/backgrounds/Mountain.gif) repeat;
	clear: both;
}




/* index page start*/
div#index-top
{
	position: relative;
	width: 100%;
	min-height: 270px;
	height: auto;
	top: 0;
	left: 0;
}
div#index-bottom
{
	position: relative;
	width: 100%;
	min-height: 1px;
	height: auto;
}
div#index-big-buttons
{
	position: relative;
	float: left;
	padding: 0px 10px 10px 10px; 
}
div#index-links
{
	position: relative;
	width: 70%;
	float: left;
	padding: 10px 10px 0px 10px;
}
div#index-link-button
{
	padding-top: 16px; 
	margin-right: 10px;
}
div#index-bottom-clear
{
	padding: 0px 0px 10px 10px;
	clear: left;
}
/* index page end*/

/* help page start */
div#help-contents-left
{
	float: left;
	width: 257px;
}
div#help-contents-right
{
	margin-left: 287px;
}
div#help-pdf-link
{
	text-align: center;
	margin-top: 16px;
	margin-bottom: 0px;
}
div#guide-pdf-link
{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 16px;
}
div#help-breadcrumb
{
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
}
div#help-breadcrumb a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
}
div#help-breadcrumb a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: blue;
	text-decoration: underline;
}
/* help page end*/

/* hall-of-fame page start*/
div#hall-of-fame-text p
{
	text-align: center;
}
div#hall-of-fame-text table
{
	margin-left: auto;
	margin-right: auto;
}
/* hall-of-fame page end*/

/* thane-ranking page start */
div#thane-ranking-game-button
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	width: 80px;
}
div#content div#thane-ranking-form-buttons
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#tribe-ranking-form-buttons
{
	width: 155px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#thane-ranking-table, div#thane-ranking-wide-table, div#tribe-ranking-table
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#thane-ranking-wide-table
{
	margin-left: -160px;
	margin-right: auto;
	margin-top: 16px;
	width: 890px;
}
div#thane-ranking-table table, div#thane-ranking-wide-table table, div#tribe-ranking-table table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-bottom: 16px;
	width: 100%;
}
div#thane-ranking-table th, div#thane-ranking-wide-table th, div#tribe-ranking-table th
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-weight: bold;
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color: #491E18;
}
div#thane-ranking-table th a, div#thane-ranking-wide-table th a, div#tribe-ranking-table th a
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
div#thane-ranking-table th a:hover, div#thane-ranking-wide-table th a:hover, div#tribe-ranking-table th a:hover
{
	font-size: 12px;
    font-family: Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #631812;
	text-decoration: underline;
	cursor: pointer; cursor: hand;
}
div#thane-ranking-table tr, div#thane-ranking-wide-table tr, div#tribe-ranking-table tr
{
	color: #491E18;
}
div#thane-ranking-table tr.awake, div#thane-ranking-wide-table tr.awake
{
	background-color: #BAD0EF;
	color: #491E18;
}
div#thane-ranking-table td, div#thane-ranking-wide-table td, div#tribe-ranking-table td
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
}
div#thane-ranking-table td ul, div#thane-ranking-wide-table td ul
{
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#thane-ranking-table span.thane-ranking-table-note, div#thane-ranking-wide-table span.thane-ranking-table-note
{
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
    width: auto;
	background-color: #BAD0EF;
	color: #491E18;
	font-weight:bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div#thane-ranking-paging, div#tribe-ranking-paging
{
	padding: 16px 0 0 0;
}
fieldset#thane-ranking-fields label, fieldset#tribe-ranking-fields label
{
	width: 40%;
}
/* thane-ranking page end */
/* account page begin */
fieldset#account-logged-out-fields label
{
	width: 40%;
}
div#content div#account-logged-out-form-buttons
{
	width: 536px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-page-form h3
{
	margin: 16px 0 0 0;
}
div#content div#account-logged-in-form-buttons1
{
	width: 536px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
div#content div#account-logged-in-form-buttons2
{
	width: 536px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
div#content div#account-logged-in-form-buttonsDragonWars
{
	width: 264px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
div#content div#account-logged-in-form-buttons3
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;

}
div#content div#account-logged-in-form-buttons3x3 {
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}
div#content div#account-logged-in-form-buttons4 {
	width: 174px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
}
div#content table.account-logged-in-thane-table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-bottom: 16px;
	width: 100%;
}
div#content table.account-logged-in-accounting-table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-bottom: 16px;
	width: 100%;
}
div#content table.account-logged-in-accounting-table th
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-weight: bold;
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color: #491E18;
}
div#content table.account-logged-in-accounting-table td
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-size:10px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	color:#491E18;
}
/* account page end */
/* thane page begin */
fieldset#thane-fields label, fieldset#account-reset-thane-fields label
{
	width: 40%;
}
div#thane-email-address-note, div.ability-help-note
{
	margin-top: 3px;
	margin: 3px 0 0 40%;
	padding: 0 0 0 8px;
}
div#content div#thane-form-buttons
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* thane page end */
/* account creation page begin */
fieldset#account-creation-fields label
{
	width: 34%;
}
div#account-creation-email-address-note
{
	margin-top: 3px;
	margin: 3px 0 0 34%;
	padding: 0 0 0 8px;
}
div#content div#account-creation-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account help page end */
/* account creation page begin */
fieldset#account-help-fields label
{
	width: 34%;
}
div#account-help-instructions-note
{
	margin-top: 3px;
	margin: 3px 0 0 16%;
	padding: 0 0 0 8px;
	clear: left;
}
div#content div#account-help-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account creation page end */
/* account change page begin */
fieldset#account-change-fields label
{
	width: 34%;
}
div#account-change-email-address-note
{
	margin-top: 3px;
	margin: 3px 0 0 34%;
	padding: 0 0 0 8px;
}
div#content div#account-change-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account change page end */
/* account kill thane page begin */
fieldset#account-kill-thane-fields label
{
	width: 60%;
}
div#content div#account-kill-thane-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account kill thane page end */
/* account resurrect thane page begin */
div#content div#account-resurrect-thane-form-buttons, div#content div#account-reset-thane-form-buttons
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-resurrect-thane-ability-area, div#content div#account-reset-thane-ability-area
{
	min-height: 80px;
}
div#content h3#account-resurrect-thane-cost, div#content h3#account-reset-thane-cost
{
	clear: left;
}
/* account resurrect thane page end */
/* account premiums page begin */
div#content div#account-premiums-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#account-premiums-page-form table, div#account-personal-kingdoms-page-form table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-bottom: 16px;
	width: 100%;
}
div#account-premiums-page-form th, div#account-personal-kingdoms-page-form th
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-weight: bold;
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color: #491E18;
}
div#account-premiums-page-form td, div#account-personal-kingdoms-page-form td
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color:#491E18;
}
/* account premiums page end */
/* account subscribe page begin */
div#account-subscribe-lives-to-purchase-note
{
	margin-bottom: 16px;
}
fieldset#account-subscribe-lives-fields label, fieldset#account-subscribe-CC-fields label
{
	width: 40%;
}
fieldset#account-subscribe-billing-address-fields label
{
	width: 23%;
}
fieldset#account-subscribe-lives-fields-2 label
{
	width: 50%;
}
div#account-subscribe-pp-button
{
	float: left;
	padding-right: 10px;
}
div#account-subscribe-pp-note
{
	padding-top: 5px;
}
fieldset#account-subscribe-payment-method-fields
{
	clear: left;
}
div#content div#account-subscribe-form-buttons-1
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-subscribe-form-buttons-2
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-subscribe-form-buttons-3
{
	width: 134px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#account-subscribe-lives-to-purchase-note-2
{
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
fieldset#account-subscribe-lives-fields-2
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
h2#account-subscribe-lives-fields-2-heading
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* account subscribe page end */
/* account personal kingdoms page begin */
fieldset#account-personal-kingdoms-list-fields label
{
	width: 37%;
}
div#content div#account-personal-kingdoms-list-form-buttons
{
	width: 134px;
	height: 56px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	padding: 0 0 0 0;
}
fieldset#account-personal-kingdoms-password-fields label
{
	width: 20%;
}
div#content div#account-personal-kingdoms-password-buttons, div#content div#account-personal-kingdoms-properties-buttons, div#content div#account-personal-kingdoms-premiums-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-personal-kingdoms-properties-buttons-top
{
	width: 536px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
fieldset#account-personal-kingdoms-properties-fields-StatusDescription label, fieldset#account-personal-kingdoms-hel-fields-1 label, fieldset#account-personal-kingdoms-hel-fields-2 label, fieldset#account-personal-kingdoms-hel-fields-3 label {
	width: 20%;
}
fieldset#account-personal-kingdoms-properties-fields-KingdomType label {
	width: 50%;
}
fieldset.account-personal-kingdoms-properties-fields:after {
	content: "";
	display: table;
	clear: both;
}
fieldset.account-personal-kingdoms-properties-fields legend {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	color: #491E18;
}
fieldset.account-personal-kingdoms-properties-fields label {
	width: 50%;
}
fieldset.account-personal-kingdoms-properties-fields .column {
	float: left;
	width: 50%;
}

fieldset.account-personal-kingdoms-properties-fields-hidden {
	display: none;
	visibility:hidden;
}



/* account personal kingdoms page end */

/* account-link page begin */
fieldset#account-link-fields label
{
	width: 40%;
}
div#content div#account-link-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-link-page-form h3
{
	margin: 16px 0 0 0;
}
div#content table.account-link-table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
}
/* account-link page end */

/* account-grendel page begin */
fieldset#account-grendel-fields label {
	width: 40%;
}

div#content div#account-grendel-form-buttons {
	width: 134px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

div#content div#account-grendel-page-form h3 {
	margin: 16px 0 0 0;
}

div#content table.account-grendel-table {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-top: 16px;
	margin-bottom: 16px;
	width: 100%;
}
/* account-grendel page end */

/* account-loot-box page begin */
fieldset#account-loot-box-fields label {
	width: 40%;
}
div#account-loot-box-note {
	margin-top: 3px;
	margin: 3px 0 0 10%;
	padding: 0 0 0 8px;
}
div#content div#account-loot-box-form-buttons {
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}

div#content div#account-loot-box-page-form h3 {
	margin: 16px 0 0 0;
}

/* account-loot-box page end */

/* account-message page begin */
fieldset#account-message-fields label
{
	width: 15%;
}
div#content div#account-message-form-buttons
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account-message page end */

/* account request-prize page begin */
fieldset#account-request-prize-fields label
{
	width: 34%;
}
div#account-request-prize-email-address-note, div#account-request-prize-amount-requested-note
{
	margin-top: 3px;
	margin: 3px 0 0 34%;
	padding: 0 0 0 8px;
}
div#content div#account-request-prize-form-buttons
{
	width: 536px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
div#content div#account-request-prize-form-buttons-no-message
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
}
/* account request-prize page end */


/* kingdom select page begin */
div.kingdom-select-form-table-public
{
	margin-left: auto;
	margin-right: auto;
	width: 288px;
}
div.kingdom-select-form-table-public table.public-kingdom-select
{
	width: 288px;
}
div.kingdom-select-form-table-personal
{
	margin-left: auto;
	margin-right: auto;
}
div.kingdom-select-form-table-personal table.personal-kingdom-select
{
	width: 100%;
}
div.kingdom-select-form-table th
{
	font-size:16px;
}
div.kingdom-select-form-table td
{
	font-size:13px;
}
fieldset#kingdom-select-fields div.form-buttons
{
	width: 268px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 75px;
}
fieldset#kingdom-select-fields div.form-buttons-3
{
	width: 402px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	margin-bottom: 75px;
}
div#kingdom-select-more-info
{
	text-align: center;
}
/* kingdom select page end */

/* FBSplash page start */
div#FBSpash-note
{
	float: left;
	width: 275px;
	margin-left: 40px;
	margin-top: 0px
}
div#FBSpash-big-buttons
{
	margin-left: 367px;
	margin-top: -10px
}
/* FBSplash page end */

/* thane-points page begin */
div#content table.thane-points-table, div#content table.tribe-points-table, div#content table.account-cash-table, div#content table.thane-tally-table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	margin-bottom: 16px;
	width: 100%;
}
div#content table.thane-points-table th, div#content table.tribe-points-table th, div#content table.account-cash-table th, div#content table.thane-tally-table th
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-weight: bold;
	font-size:16px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:bold;
	color: #491E18;
}
div#content table.thane-points-table td, div#content table.tribe-points-table td, div#content table.account-cash-table td, div#content table.thane-tally-table td
{
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	font-size:13px;
    font-family: Arial, Verdana, Sans-serif;
	font-weight:normal;
	color:#491E18;
}
/* thane-points end */