/*
@media screen and (orientation: portrait)
{
	html
	{
	-webkit-transform:rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 100vh;
	height: 100vh;
	overflow: auto;
	}
}

@media screen and (orientation: landscape)
{
	html
	{
	-webkit-transform:rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
	}
}
*/

#brightlogo
{
	left: 50%;
	top: 8px;
	margin-left: -200px;
	position: fixed;
}

#gallery{
    text-align: center;
    margin-left: auto;
	margin-right: auto;
    padding: 0px;
}

.abs
{
	position: absolute;
}

.rel
{
	position: relative;
}

.box{
    box-sizing:padding-box;
    border: 1px solid #afafaf;
    margin: 6px;
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.5) ,1px 1px 10px 1px rgba(0,0,0,0.3);
    opacity: 0.7;
	display: inline-block;
}

.box img{
    min-width: 250px;
	width: 250px;
    height: 120px;
    margin: 0;
    padding: 0;
    object-fit: cover;
	cursor: pointer;
}

#gallery .caption{
    padding: 10px;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
    font-size: 20px;
    font-weight: bold;
}

#gallery .box:hover{
    opacity: 1;
    transition: transform 0.5s ease-in-out;
    z-index: 999999;
    transform: scale(1.05);
}

#lbt-close_lightbox
{
	top: 34px;
}

#autokiller
{
	left: 50%;
	top: 780px;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	position: absolute;
}

.redflagbox
{
	text-align: center;
	font-weight: bold;
	color: #D73103;
}

.greenflagbox
{
	text-align: center;
	font-weight: bold;
	color:#7BE549;
}

.bWND
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.cWND
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	overflow-y: auto;
}

.subcWND
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.cWNDBack
{
	background-repeat: no-repeat;
	width: 100%;
	border-radius: 5px;

}

.etherButton
{
	float: left;
	margin-left: 0px !important;
}

.vidports
{
	float: right;
	width: 28px;
	height: 28px;
	margin-right: 6px !important;
	animation: rota 2s;
    -webkit-animation: rota 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes rota {
    0% {
        -webkit-transform: rotate(25deg); 
    }
    50% {
        -webkit-transform: rotate(-25deg); 
    }
	100% {
        -webkit-transform: rotate(25deg); 
    }
}

@-webkit-keyframes rota
/* Safari and Chrome */
{
    0% {
        transform: rotate(25deg); 
    }
    50% {
        transform: rotate(-25deg); 
    }
	100% {
        transform: rotate(25deg); 
    }
}

.rounded8
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.readHelper
{
	background: rgba(0,0,0, 0.4);
	border-radius: 5px;
	
}

.charbar
{
	z-index:10000;
}

.actionBox
{
	position: fixed;
	z-index: 10000;
}

.heroActions
{
	position: relative;
	display: flex;
	flex-flow: column;
	background: rgba(0,0,0, 0.75);
	border-radius: 5px;
	padding: 8px;
	margin-left: 1px;
	margin-bottom: 4px;
	border-width: 1px;
	border-style: solid;
	border-color:#1c2228;
	
}

.heroNarrative
{
	position: absolute;
	width: 340px;
	margin-left: 414px;
	margin-top: -12px;
	padding: 10px;
	background: rgba(0,0,0, 0.75);
	border-radius: 11px;
	
}


.cWNDDescImage
{
	border-radius: 5px;
}

.hiddenPopData
{
	display: none;
}

.GameTab
{
	float: left;
	line-height: 15px;
	margin: 3px;
	padding: 0;
	vertical-align: top;
}

.LargeGameTab
{
	float: left;
	line-height: 15px;
	margin-left: -7px;
	margin-right: -7px;
	padding: 0;
	vertical-align: top;
}

.GameTab .crl48
{
	float: left;
}

.GameTab .crl64
{
	float: left;
}

.ttspot
{
	display: none;
}

#zoomeye
{
	position: absolute;
	top: 405px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border: 1px solid #222;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#zoomap
{
	position: absolute;
	top: -130px;
	left: 100px;
	transform: scale(0.5);
}

.scale50
{
	transform: scale(.5);
}

#jsMessages
{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: auto;
	height: auto;
	z-index: 20000;
}

.jsMessage,.jsMessageLoop,.jsDoubleShow
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid black;
	padding: 3px;
	display: none;
	width: auto;
	height: auto;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}

#jsMessageLoops
{
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	z-index: 20000;
}

#jsDoubleShows
{
	display: block;
	position: absolute;
	width: auto;
	height: auto;
	z-index: 20000;
}


.jsMessage.message
{
	color: black;
	background-color: #30ff30;
}

.jsMessage.error
{
	color: black;
	background-color: #ff3030;
}

.jsMessage.warning
{
	color: black;
	background-color: #ff8030;
}

.jsMessage.interaction
{
	color: black;
	background-color: #c21989;
}

.jsMessageLoop.interaction
{
	color: black;
	background-color: #c21935;
}

.jsDoubleShow.interaction
{
	color: black;
	background-color: #c21935;
}

.jsMessage.comment
{
	color: black;
	background-color: #6d6f72;
}

.effectIcon
{
	vertical-align: top;
	background-size: cover !important;
}

.eventBlock
{
	display: inline-block;
}

.eventUnits
{
	position: absolute;
	right: 20px;
	margin-top: 7px;
	z-index:10000;
}

.eventOption
{
	padding-left:2px;
	padding-bottom:-2px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border:1px solid #222;		
}

.eventConditionIcons
{
	position: absolute;
	right: 30px;
	bottom: 20px;
}

.actionDescription
{
	margin-top: 6px;
	display: block;
}

.illustrationImage
{
	width: 900px;
	height: 400px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #222;	
}

.affairBox
{
	color: white;
	margin-left: -9px;
}

.eventWindow
{
	position: relative;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 4px;
	margin-left: -2px;
}

.blackMatte
{

	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: black;
	z-index: 59999;
}

.fullscreen
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
}

.sceneBAK
{
	width: inherit;
	position: absolute;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: hidden;
}

.scene, .scene32
{
	width: inherit;
	position: relative;
	animation: mwanim32 20s;
    -webkit-animation: mwanim32 20s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: 0;
}

.scene11
{
	width: inherit;
	position: relative;
	animation: mwanim11 30s;
    -webkit-animation: mwanim11 30s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: 0;
}

.scene23
{
	width: inherit;
	position: relative;
	animation: mwanim23 40s;
    -webkit-animation: mwanim23 40s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: 0;
}

.scene169
{
	width: inherit;
	position: relative;
	animation: mwanim169 10s;
    -webkit-animation: mwanim169 10s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: 0;
}

.vidportrait23
{
	width: 400px;
	position: relative;
	margin-bottom: -588px;
	animation: vpanim23 20s;
    -webkit-animation: vpanim23 20s;
	animation-iteration-count: infinite;
	z-index: 0;
}

.vidportrait23Plus
{
	width: 512px;
	position: relative;
	margin-bottom: -756px;
	animation: vpanim23Plus 20s;
    -webkit-animation: vpanim23Plus 20s;
	animation-iteration-count: infinite;
	z-index: 0;
}

.vidportrait32Plus
{
	width: auto;
	height: 512px;
	position: relative;
	margin-left: 0px;
	margin-bottom: -500px;
	animation: vpanim32Plus 20s;
    -webkit-animation: vpanim32Plus 20s;
	animation-iteration-count: infinite;
	z-index: 0;
}

.marg-4
{
	margin-top: -4px !important;
	margin-bottom: -4px !important;
	margin-left: -4px !important;
	margin-right: -4px !important;
}

.chatUnits
{
	position: absolute;
}

.eventMovieOK
{
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: -40px;
	z-index: 60001;
}

.eventImage31
{
	width: 1234px;
	height: 602px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: ewanim31 30s;
    -webkit-animation: ewanim31 30s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.eventImage32
{
	width: 1234px;
	height: 602px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: ewanim32 20s;
    -webkit-animation: ewanim32 20s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.smalleventImage32
{
	width: 810px;
	height: 420px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: sewanim32 30s;
    -webkit-animation: sewanim32 30s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.eventImage23
{
	width: 1234px;
	height: 602px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: ewanim23 50s;
    -webkit-animation: ewanim23 50s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.smalleventImage23
{
	width: 810px;
	height: 420px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: sewanim23 60s;
    -webkit-animation: sewanim23 60s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.eventImage11
{
	width: 1234px;
	height: 602px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: ewanim11 45s;
    -webkit-animation: ewanim11 45s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

.smalleventImage11
{
	width: 810px;
	height: 420px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: sewanim11 60s;
    -webkit-animation: sewanim11 60s;
	animation-iteration-count: infinite;
	overflow: hidden;
}

@keyframes mwanim169 {
    0% {
        top: -92px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -92px;
    }
}

@-webkit-keyframes mwanim169
/* Safari and Chrome */
{
    0% {
        top: -92px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -92px;
    }
}

@keyframes mwanim32 {
    0% {
        top: -214px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -214px;
    }
}

@-webkit-keyframes mwanim32
/* Safari and Chrome */
{
    0% {
        top: -214px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -214px;
    }
}

@keyframes mwanim11 {
    0% {
        top: -628px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -628px;
    }
}

@-webkit-keyframes mwanim11
/* Safari and Chrome */
{
    0% {
        top: -628px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -628px;
    }
}

@keyframes mwanim23 {
    0% {
        top: -1228px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -1228px;
    }
}

@-webkit-keyframes mwanim23
/* Safari and Chrome */
{
    0% {
        top: -1228px;
    }
    50% {
        top: 0;
    }
    100% {
        top: -1228px;
    }
}

@keyframes ewanim31 {
    0% {
        background-position: -570px 0;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position: -570px 0;
    }
}

@-webkit-keyframes ewanim31
/* Safari and Chrome */
{
    0% {
        background-position: -570px 0;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position: -570px 0;
    }
}

@keyframes ewanim32 {
    0% {
        background-position:0 -216px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -216px;
    }
}

@-webkit-keyframes ewanim32
/* Safari and Chrome */
{
    0% {
        background-position: 0 -216px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -216px;
    }
}

@keyframes sewanim32 {
    0% {
        background-position:0 -116px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -116px;
    }
}

@-webkit-keyframes sewanim32
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -116px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -116px;
    }
}

@keyframes ewanim23 {
    0% {
        background-position:0 -636px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -636px;
    }
}

@-webkit-keyframes ewanim23
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -636px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -636px;
    }
}

@keyframes sewanim23 {
    0% {
        background-position:0 -816px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -816px;
    }
}

@-webkit-keyframes sewanim23
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -816px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -816px;
    }
}

@keyframes ewanim11 {
    0% {
        background-position:0 -628px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -628px;
    }
}

@-webkit-keyframes ewanim11
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -628px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -628px;
    }
}

@keyframes sewanim11 {
    0% {
        background-position:0 -116px;
    }
    50% {
        background-position:0 0;
    }
    100% {
        background-position:0 -116px;
    }
}

@-webkit-keyframes sewanim11
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -116px;
    }
    50% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -116px;
    }
}

@keyframes affanim {
    0% {
        background-position:0 -300px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -300px;
    }
}

@-webkit-keyframes affanim
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -300px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -300px;
    }
}

@keyframes affanim32 {
    0% {
        background-position:0 -150px;
    }
    50% {
        background-position:0 -0px;
    }
    100% {
        background-position:0 -150px;
    }
}

@-webkit-keyframes affanim32
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -150px;
    }
    50% {
        background-position: 0 -0px;
    }
    100% {
        background-position: 0 -150px;
    }
}

@keyframes affanim23 {
    0% {
        background-position:0 -480px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -480px;
    }
}

@-webkit-keyframes affanim23
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -480px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -480px;
    }
}

@keyframes affanimwide {
    0% {
        background-position:0 -412px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -412px;
    }
}

@-webkit-keyframes affanimwide
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -412px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -412px;
    }
}

@keyframes affanim32wide {
    0% {
        background-position:0 -150px;
    }
    50% {
        background-position:0 -0px;
    }
    100% {
        background-position:0 -150px;
    }
}

@-webkit-keyframes affanim32wide
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -150px;
    }
    50% {
        background-position: 0 -0px;
    }
    100% {
        background-position: 0 -150px;
    }
}

@keyframes affanim23wide {
    0% {
        background-position:0 -668px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -668px;
    }
}

@-webkit-keyframes affanim23wide
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -668px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -668px;
    }
}

@keyframes intanim {
    0% {
        background-position:0 -200px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -200px;
    }
}

@-webkit-keyframes intanim
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -200px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -200px;
    }
}

@keyframes intanim32 {
    0% {
        background-position:0 -50px;
    }
    50% {
        background-position:0 -0px;
    }
    100% {
        background-position:0 -50px;
    }
}

@-webkit-keyframes intanim32
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -50px;
    }
    50% {
        background-position: 0 -0px;
    }
    100% {
        background-position: 0 -50px;
    }
}

@keyframes intanim23 {
    0% {
        background-position:0 -380px;
    }
    50% {
        background-position:0 -40px;
    }
    100% {
        background-position:0 -380px;
    }
}

@-webkit-keyframes intanim23
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -380px;
    }
    50% {
        background-position: 0 -40px;
    }
    100% {
        background-position: 0 -380px;
    }
}

@keyframes heroanim23 {
    0% {
        background-position-y:0px;
    }
    50% {
        background-position-y:-200px;
    }
    100% {
        background-position-y:0px;
    }
}

@-webkit-keyframes heroanim23
/* Safari and Chrome */
 {
    0% {
        background-position-y:0px;
    }
    50% {
        background-position-y:-200px;
    }
    100% {
        background-position-y:0px;
    }
}

@keyframes herozoom23 {
    2% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
    10% {
		background-size: 100% 150%;
		background-position-y:-256px;
    }
	12% {
		background-size: 100% 150%;
		background-position-y:-256px;
    }
    20% {
		background-size: 125% 187.5%;
		background-position-y:0px;
    }
    30% {
		background-size: 150% 225%;
		background-position-y:-400px;
    }
    35% {
		background-size: 125% 187.5%;
		background-position-y:-250px;
    }
    45% {
		background-size: 150% 225%;
		background-position-y:-640px;
    }
    55% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
	70% {
		background-size: 200% 300%;
		background-position-y:-1024px;
    }
	88% {
		background-size: 200% 300%;
		background-position-y:0px;
    }
	99% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
	
}

@-webkit-keyframes herozoom23
/* Safari and Chrome */
{
    2% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
    10% {
		background-size: 100% 150%;
		background-position-y:-256px;
    }
	12% {
		background-size: 100% 150%;
		background-position-y:-256px;
    }
    20% {
		background-size: 125% 187.5%;
		background-position-y:0px;
    }
    30% {
		background-size: 150% 225%;
		background-position-y:-400px;
    }
    35% {
		background-size: 125% 187.5%;
		background-position-y:-250px;
    }
    45% {
		background-size: 150% 225%;
		background-position-y:-640px;
    }
    55% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
	75% {
		background-size: 200% 300%;
		background-position-y:-1024px;
    }
	88% {
		background-size: 200% 300%;
		background-position-y:0px;
    }
	99% {
		background-size: 100% 150%;
		background-position-y:0px;
    }
}

@keyframes vpanim23 {
    0% {
        top: 0;
    }
    50% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes vpanim23
/* Safari and Chrome */
{
    0% {
        top: 0;
    }
    50% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@keyframes vpanim23Plus {
    0% {
        top: 0;
    }
    50% {
        top: -256px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes vpanim23Plus
/* Safari and Chrome */
{
    0% {
        top: 0;
    }
    50% {
        top: -256px;
    }
    100% {
        top: 0;
    }
}

@keyframes vpanim32 {
    0% {
        top: 0;
    }
    50% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes vpanim32
/* Safari and Chrome */
{
    0% {
        top: 0;
    }
    50% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@keyframes vpanim32Plus {
    0% {
        left: 0;
    }
    50% {
        left: -256px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes vpanim23Plus
/* Safari and Chrome */
{
    0% {
        left: 0;
    }
    50% {
        left: -256px;
    }
    100% {
        left: 0;
    }
}

.showoffVid
{
	width: 400px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	object-fit: cover;
}

.interactionVid
{
	width: 400px;
	height: 205px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	object-fit: cover;
}

.affectionImage, .affectionImage11
{
	width: 400px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanim 25s;
    -webkit-animation: affanim 25s;
	animation-iteration-count: infinite;
}

.affectionImage32
{
	width: 400px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanim32 25s;
    -webkit-animation: affanim32 25s;
	animation-iteration-count: infinite;
}

.affectionImage23
{
	width: 400px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanim23 30s;
    -webkit-animation: affanim23 30s;
	animation-iteration-count: infinite;
}

.affectionImagewide, .affectionImage11wide
{
	width: 512px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanimwide 25s;
    -webkit-animation: affanimwide 25s;
	animation-iteration-count: infinite;
}

.affectionImage32wide
{
	width: 512px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanim32wide 25s;
    -webkit-animation: affanim32wide 25s;
	animation-iteration-count: infinite;
}

.affectionImage23wide
{
	width: 512px;
	height: 100px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: affanim23wide 30s;
    -webkit-animation: affanim23wide 30s;
	animation-iteration-count: infinite;
}

.interactionImage, .interactionImage11
{
	width: 400px;
	height: 205px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: intanim 25s;
    -webkit-animation: intanim 25s;
	animation-iteration-count: infinite;
}

.interactionImage32
{
	width: 400px;
	height: 205px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: intanim32 25s;
    -webkit-animation: intanim32 25s;
	animation-iteration-count: infinite;
}

.interactionImage23
{
	width: 400px;
	height: 205px;
	margin-bottom: 2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #222;	
	background-repeat: no-repeat;
	background-size: cover;
	animation: intanim23 30s;
    -webkit-animation: intanim23 30s;
	animation-iteration-count: infinite;
}

.heroImage23
{
	animation: herozoom23 120s ease-in-out;
    -webkit-animation: herozoom23 60s ease-in-out;
	animation-iteration-count: infinite;
}

.herodark
{
	filter: brightness(50%);
}

.herohover
{
	filter: brightness(125%) !important;
}

.ShowoffOption
{
	line-height: 23px;
}

.ShowoffOption:hover
{
	filter: brightness(125%);
}

.premium
{
	border-color:rgb(214, 152, 19) !important;
}

.req
{
	border-color:rgb(173, 14, 14) !important;
}

.smalleventImage32 .eventDescBox
{
	position: relative !important;
	top: 10px !important;
	left: 10px !important;
}

.eventDescBox
{
	position: absolute;
	top: 52px;
	left: 26px;
	width: 460px;
	height: auto;
	max-height: 360px;
	overflow: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 10px;
	background-color:rgba(0, 0, 0, 0.6);
	z-index: 1;
}

.propertiesDescBox
{
	position: relative;
	top: 10px;
	left: 10px;
	width: 460px;
	height: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 10px;
	background-color:rgba(0, 0, 0, 0.6);
}

.diplomacyDescBox
{
	text-align: center;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: 3px;	
	width: 412px;
	min-height: 395px;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	padding: 3px;
	background-color:rgba(0, 0, 0, 0.6);	
}

.travelDescBox
{
	width: 170px;
	text-align: center;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 3px;
	background-color:rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 3px;
}

.heroDescBox
{
	width: 170px;
	text-align: center;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 3px;
	background-color:rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 10px;
	font-size: 11px;
}

.teamCard
{
	position: relative;
	width:560px;
	display:inline-block;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:4px;
	margin-bottom:6px;
}

.teamVS
{
	position: absolute;
	left: 50%;
	margin-left: -32px;
	margin-top: -140px;
	width: 64px;
	height: 64px;
	font-weight: bold;
	background-image: url('images/hud/vs.png');
}

.buildingname
{
	font-size: 18px;
}

.betting
{
	padding-left: 3px;
	width: 86px;
}

.bettingbar
{
	height: 6px;
}

.betresource
{
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 4px;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	background-color:rgba(0, 0, 0, 0.4);
	width: 80px;
}

.betcrl32
{
	padding: 0px;
	margin-left: -10px;
	margin-right: 0px;
	margin-top: -2px;
	margin-bottom: -10px;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.betvalue
{
	width: 40px;
}

.leftAvatar
{
	display: inline-block;
}

.rightAvatar
{
	display: inline-block;
}

#buildingIcons
{
	width: 320px;
	position: fixed;
	top:158px;
	left:5px;
}

.buildingBlock
{
	display: inline-block;
}

.buildingDescBox
{
	position: relative;
	text-align: center;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;	
	width: 570px;
	height: auto;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	padding: 10px;
	background-color:rgba(0, 0, 0, 0.6);	
}

.buildingBottomDescBox
{
	position: absolute;
	text-align: center;
	margin-bottom: 25px;
	margin-left: 7px;
	margin-right: 6px;
	bottom: 0;	
	width: 1200px;
	height: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 10px;
	background-color:rgba(0, 0, 0, 0.6);	
}

#modIcons
{
	width: 320px;
	position: fixed;
	top:46px;
	left:1620px;
}

.eventEffectBox
{
	position: absolute;
	display: block;
	bottom: 10px;
	left: 27px;
	width: 1200px;
	height: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background-color:rgba(0, 0, 0, 0.4);
}

.smalleventEffectBox
{
	position: absolute;
	display: block;
	bottom: 10px;
	left: 50%;
	margin-left: -394px;
	width: 772px;
	height: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background-color:rgba(0, 0, 0, 0.4);
}

.decisionEffects
{
	vertical-align: top;
	margin: 4px;
	display: inline-block;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background-color:rgba(0, 0, 0, 0.5);
}

.transgray10
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color:rgba(0, 0, 0, 0.1);
}

.transgray20
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color:rgba(0, 0, 0, 0.2);
}

.transgray30
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color:rgba(0, 0, 0, 0.3);
}

.transgray50
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	background-color:rgba(0, 0, 0, 0.5);
}

.prologueImage
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	float: left;
	width: 400px;
	height: auto;
	margin-right: 15px !important;
}

#gameReadyContent
{
	min-height: 836px;
}

.crlSelected
{
	border: 2px solid rgb(0,128,0) !important;
}

.clickable
{
	cursor: pointer;
}

#actionscontent
{
	width: 1236px;
	margin: 8px;
}

#suggesstion-box
{
	background: #000000;
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	margin-left: 0;
	margin-right: auto;
	text-align: left;

}

#ac-list
{
	background: #000000;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: -6px;;
	left: 0;
	border: 1px solid gray;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#ac-list li
{
	cursor: pointer;
	margin-left: 2px;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#ac-list li:hover
{
	color: #eee;
}

#receiversAction
{
	display: inline-block;
	width: 16px;
	height: 16px;
}

.upgrade, .threat1
{
	color: #30ff30 !important;
}

.balast, .threat4
{
	color: #ff3030 !important;
}

.threat2
{
	color: #ffd030 !important;
}

.threat3
{
	color: #ff8030 !important;
}

.situational
{
	color: #ffb030 !important;
}

.verybad, .threat5
{
	color: #ff1010 !important;
}

.blackBack
{
	background-color: black;
}
.pointseparator-upgrade, .pointseparator-
{
   display: inline-block;
   content:' ';
   top:0;
   width:6px;
   height: 16px;
   background: url('images/pointgreen.png') center center no-repeat;
}

.pointseparator-balast
{
   display: inline-block;
   content:' ';
   top:0;
   width:6px;
   height: 16px;
   background: url('images/pointred.png') center center no-repeat;
}

.pointseparator-situational
{
   display: inline-block;
   content:' ';
   top:0;
   width:6px;
   height: 16px;
   background: url('images/pointorange.png') center center no-repeat;
}

#pop
{
	pointer-events: none;
}

#pop, #popmenu
{
    display: none;
    position: absolute;
    z-index: 150;
}

#popg
{
	position: absolute;
	margin-left: 50%;
	left: -145px;
	max-width: 320px;
	display: none;
}

#readbox
{
	position: fixed;
	margin-left: 50%;
	left: -320px;
	max-width: 640px;
	display: none;
	top: 170px;
}

#rbcontent
{
	padding: 15px;
	max-height: 560px;
	overflow: auto;
}

#inv {
	display: none;
}

.hidden {
	display: none;
}

.invisible
{
	visibility: hidden;
}

.recycler
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background-image: url('images/hud/180x180/reincarnation.png');
	background-size: contain;
}

.heroarmcost
{
	padding-top: 23px;
	padding-bottom: 23px;
	padding-left: 24px;
	padding-right: 24px;
	margin-bottom: 4px;	
}

.buildingTab {
	width: 1252px;
	margin-left: 4px;
	margin-right: 4px;
	height: 770px;
}

.buildingIcon
{
	margin-top: 4px;
	margin-left: 4px;
}

.buildingInfo
{
	vertical-align:bottom;
	display:inline-block;
	width:120px;
	margin-bottom:6px;	
}

.bPRD
{
	vertical-align:bottom;
	display:inline-block;
	width:132px;
}

.buildingActions
{
	vertical-align:bottom;
	display:inline-block;
	width:900px;
}

.bcblock
{
	vertical-align: bottom;
	display: inline-block;
	float: right;
	margin-top:20px;
	margin-bottom:2px;
}

.b50
{
	padding: 0px;
	margin: 0px;
	width: 50px;
}

.pad2
{
	display: inline-block;
	padding: 2px 0px 0px 0px;
	margin: 0px;
}

ul.tt2-hmenu liv
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
   
}

ul.tt2-hmenu>liv, ul.tt2-hmenu>li2 {
   margin-left: 0px;
}
ul.tt2-hmenu>liv:first-child {
   margin-left: 0px;
}
ul.tt2-hmenu>liv:last-child, ul.tt2-hmenu>liv.last-child {
   margin-right: 0px;
}

ul.tt2-hmenu>liv>a
{
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid transparent;
   padding:0 8px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 24px;
   cursor: pointer;
   text-decoration: none;
   color: #B4B4B4;
   line-height: 24px;
   text-align: center;
}

ul.tt2-hmenu>liv>a.active
{
   background: #866732;
   background: transparent;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid transparent;
   padding:0 8px;
   margin:0 auto;
   text-decoration: none;
}

ul.tt2-hmenu>liv:before
{
   position: absolute;
   display: block;
   content:'';
   left: -2px;
   top:0;
   width:6px;
   height: 24px;
   background: url('images/menuseparator.png') center center no-repeat;
}

ul.tt2-hmenu>liv:first-child:before{
   display:none;
}

a.active
{
color: #D3B788 !important;
}

#spec{
	background-color: #8a9a7a;
}

#tx1 {
	color: #a55;
	font-size: 24px;
}
#tx2 {
	color: #555544;
}

.cc {
	color: #aaa;

}
.ccw {
	color: white;
}

.ccr {
	color: #ff3030;
}

.cco {
	color: #ff8330;
}

.ccg {
	color: #30ff30;
}

.ccb {
	color: #6ebcfc;
}

.bgr {
	background-color: #aa3030 !important;
}

.bgg {
	background-color: #30aa30 !important;
}

.bgb {
	background-color: #3030aa !important;
}

.delete28 {
	float: right;
	margin-top:-10 px; 
}

.matico {
	text-align: center;
	margin-top: 3px;	
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 6px rgba(0, 0, 0, 0.99);
	}
	
.actionico {
	text-align: center;
	font-size: 16px;	
	margin-top: 10px;	
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 6px rgba(0, 0, 0, 0.99);
	}

.raproperty {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 14px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
	
}

.msgtalk {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
	z-index: 10000;
}


.cprop {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);	
	font-size: 14px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
	
}

.bigcprop {
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 17px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
	
}

.smallbottomproperty, .smallbottomproperty64
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	left: 0%;
	font-size: 12px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.smallbottomproperty80
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	font-size: 13px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.smallbottomproperty100
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	font-size: 14px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.smallbottomproperty180
{
	position: absolute;
	bottom: 0%;
	width: 100%;
	font-size: 16px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.pdesc180
{
	color: white;
	position: relative;
	top: 136px;
	width: 100%;
	font-size: 14px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.pdesc300
{
	color: white;
	position: relative;
	top: 275px;
	width: 100%;
	font-size: 18px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}


.bigfromproperty
{
	position: absolute;
	top: 63%;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
}

.maxunits
{
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	color: white;
}

#sendamount
{
	margin-bottom: 2px;
}

.bSel
{
	background: url(images/hud/28x28/unselected.png) no-repeat center top;
}

.selectionImage
{
	background: url(images/hud/28x28/selected.png) no-repeat center top;
}

.maxSelection
{
	margin-top: -4px;	
}

#tabIcon {
	margin-right: 3px;
	margin-bottom: 3px;
}

#tabbar {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	background-color: #3a2420;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #222;
}

.ActionTools
{
	padding-left: 4px;
	padding-top: 4px;
	width: 1262px;
}

.mainmenubar {
	margin-bottom: 5px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #222;
	background: #28323c; /* Old browsers */
	background: -moz-linear-gradient(top,  #28323c 0%, #1f262d 24%, #13191f 50%, #1c2228 79%, #212931 100%);
	background: -webkit-linear-gradient(top,  #28323c 0%,#1f262d 24%,#13191f 50%,#1c2228 79%,#212931 100%);
	background: linear-gradient(to bottom,  #28323c 0%,#1f262d 24%,#13191f 50%,#1c2228 79%,#212931 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28323c', endColorstr='#212931',GradientType=0 );
	}

.pframe, .jMessage {
	margin-bottom: 4px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #222;
	background: url(images/contentback.png) repeat-y left top;
	}

.topanchor
{
	vertical-align: top;
}

.midanchor
{
	vertical-align: middle;
}

.rel
{
	position: relative;
}

.travelHeads
{
	max-width: 186px;
	min-height: 526px;
	position: relative;
	vertical-align: top;
	width: auto;
	height: auto;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: inline-block;
}

.unitHeads,.unitCostHeads,.itemHeads
{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: inline-block;
	vertical-align: top;
}

.fullTab
{
	position: relative;
	width:900px;
	display:inline-block;
	padding-left:6px;
	margin-left:2px;
	margin-right:2px;
}

.descTab
{
	position: relative;
	width:640px;
	display:inline-block;
	padding-left:6px;
	margin-left:2px;
	margin-right:2px;
}

.auctionTab
{
	position: relative;
	width:640px;
	display:inline-block;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:2px;
	margin-bottom:6px;
}

.largeTab
{
	position: relative;
	width:560px;
	display:inline-block;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:2px;
	margin-bottom:6px;
}

.mediumTab
{
	position: relative;
	width:400px;
	display:inline-block;
	padding-left:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:2px;
	margin-bottom:6px;
}

.infoTab
{
	background-repeat: no-repeat;
	background-size: cover;
	text-align: left;
	vertical-align: top;
	position: relative;
	width:520px;
	display:inline-block;
	padding:6px;
}

.miniTab
{
	text-align: left;
	vertical-align: top;
	position: relative;
	width:293px;
	display:inline-block;
	padding:4px;
}

.microTab
{
	text-align: left;
	vertical-align: top;
	position: relative;
	width:180px;
	display:inline-block;
	padding:4px;
}

.tournamentTab
{
	position: relative;
	width:1160px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:6px;
}

.treeTab
{
	vertical-align: top;
	position: relative;
	width:220px;
	display:inline-block;
	padding:4px;
}

.oneThirdList
{
	vertical-align: top;
	width: 310px;
	display: table-cell;
}

.handyTab
{
	vertical-align: bottom;
	display: table-cell;
	padding-right: 10px;
}

.recruitTab
{
	vertical-align: top;
	width: 350px;
	display: table-cell;
}

.villaTab
{
	vertical-align: top;
	width: 374px;
	display: table-cell;
}

.itemTab
{
	vertical-align: top;
	width: 640px;
	display: table-cell;
}

.inventoryTab
{
	vertical-align: top;
	width: 80px;
	display: table-cell;
}

.inventoryUnitTab
{
	vertical-align: top;
	width: 160px;
	display: table-cell;
}

.heroTab
{
	vertical-align: top;
	margin-top: 8px;
	width: 460px;
	padding: 8px !important;
	display: table-cell;
}

.funcTab
{
	vertical-align: top;
	margin-top: 8px;
	width: 320px;
	padding: 8px !important;
	display: table-cell;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background-color:rgba(0, 0, 0, 0.4);
}

.heroBox
{
	margin-top: 2px;
	margin-right: 2px;
}

.halfTab
{
	vertical-align: top;
	margin-top: 8px;
	width: 600px;
	padding: 8px !important;
	display: table-cell;
}

.raidCard
{
	margin-top: 4px;
	padding: 4px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	background: url(images/contentback.png) repeat-y left top;
}

.raidParticipants
{
	width: 320px;
	height: 160px;
	overflow: auto;
}

.gridCard
{
	height: 290px;
	background-size: cover;
}

.gridDescBox
{
	width: 286px;
	text-align: center;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;	
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	padding: 3px;
	background-color:rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 5px;
}

.bottomright
{
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 6px;
}

.bottomleft
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 6px;
}

.bot,.bot0
{
	bottom: 0;
}

.bot1
{
	bottom: 1px;
}

.bot2
{
	bottom: 2px;
}

.bot14
{
	bottom: 14px;
}

.bot16
{
	bottom: 16px;
}

.bot18
{
	bottom: 18px;
}

.bot28
{
	bottom: 28px;
}

.bot30
{
	bottom: 30px;
}

.bot34
{
	bottom: 34px;
}

.bot42
{
	bottom: 42px;
}

.bot44
{
	bottom: 44px;
}

.bot50
{
	bottom: 50px;
}

.leftstat
{
	display: block;
	position: absolute;
	left: 0;
	margin: 6px;
}

.kingdomTab
{
	width: 205px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
}

.treeNode
{
	display: inline-block;
	vertical-align: top;
}

#propcontent_off
{
	padding: 3px;
	border: 0px solid;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #222;
	background-color: #2d2314;
}

.heroImage
{
	width: 400px;
	height: 400px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	z-index: 0;
}

.heroImage512
{
	width: 512px;
	height: 512px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	z-index: 0;
}

.heroScene
{
	position: relative;
	top: 50%; 
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	overflow: hidden;
}

.hheads
{
	position: absolute;
	z-index: 1000;
}

.headstat
{	
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	width: 64px;
	height: 24px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.headstatinline
{	
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	width: 64px;
	height: 24px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
	
.square24
{
	padding: 1px;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
				
.square48
{
	padding: 1px;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.square64
{
	padding: 1px;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-width: 2px;
	border-color: #222;
	border-style: solid;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square72
{
	padding: 1px;
	width: 72px;
	height: 72px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square80
{
	padding: 1px;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square100
{
	padding: 0px;
	margin-right: -4px;
	margin-bottom: -4px;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square100x150
{
	padding: 0px;
	margin-right: -4px;
	margin-bottom: -4px;
	width: 100px;
	height: 150px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	overflow: hidden;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square134
{
	padding: 2px;
	width: 134px;
	height: 134px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square180
{
	padding: 2px;
	width: 180px;
	height: 180px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square200
{
	padding: 2px;
	width: 200px;
	height: 200px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square224
{
	padding: 2px;
	width: 224px;
	height: 224px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.square300
{
	padding: 2px;
	width: 300px;
	height: 300px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	object-fit: cover;
}

.square400
{
	padding: 2px;
	width: 400px;
	height: 400px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.rect320x180
{
	padding: 2px;
	width: 320px;
	height: 180px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(0, 0, 0, 0.2);
}

.wide150
{
	padding: 2px;
	width: 150px;
	height: 100px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.wide180
{
	padding: 2px;
	width: 180px;
	height: 120px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	vertical-align: top;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
			
.crl208
{
	padding: 2px;
	margin: 2px;
	width: 208px;
	height: 208px;
	border-radius: 104px;
	-webkit-border-radius: 104px;
	-moz-border-radius: 104px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl152
{
	padding: 2px;
	margin: 2px;
	width: 152px;
	height: 152px;
	border-radius: 76px;
	-webkit-border-radius: 76px;
	-moz-border-radius: 76px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
	
.crl104
{
	padding: 2px;
	margin: 2px;
	width: 104px;
	height: 104px;
	border-radius: 52px;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl140
{
	padding: 2px;
	margin: 2px;
	width: 140px;
	height: 140px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl80
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl64
{
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 64px;
	height: 64px;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
			
.crl48
{
	padding: 2px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl20
{
	padding: 0px;
	margin-bottom:-7px;
	margin-left: 0px;
	margin-right: 0px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #222;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl24
{
	padding: 0px;
	margin-left: -3px;
	margin-right: 0px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #222;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl32
{
	padding: 0px;
	margin-left: -3px;
	margin-right: 0px;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl40
{
	padding: 0px;
	margin-left: -3px;
	margin-right: 0px;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border: 1px solid #222;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl24resource
{
	padding: 2px;
	margin-left: -3px;
	margin-right: 0px;
	width: 32px;
	height: 24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #333;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
	
.crl24wide
{
	padding: 2px;
	margin-left: -3px;
	margin-right: 0px;
	width: 38px;
	height: 24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #333;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl24superwide
{
	padding: 2px;
	margin-right: 1px;
	width: 80px;
	height: 24px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #333;
	display: inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl16
{
	padding: 1px;
	margin: 0px 0px -5px 0px !important;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	line-height: inherit;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.crl16wide
{
	position: absolute;
	padding: 1px;
	margin: 0px 0px -5px -2px !important;
	width: 66px;
	height: 14px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	line-height: inherit;
	background-size: contain;
	background-position: center left;
	background-repeat: no-repeat;
}

.crl16wide span
{
	width: 52px;
	float: right;
	text-align: center;
	font-size: 15px;
	margin-top:-1px;
}

.crl16i
{
	padding: 0px;
	margin: 0 !important;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
	display: inline-block;
	line-height: inherit;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.fn15
{
	font-size: 15px;
}
.elyptical180
{
	padding: 2px;
	margin: 2px;
	width: 150px;
	height: 180px;
	border-radius: 76px;
	-webkit-border-radius: 76px;
	-moz-border-radius: 76px;
	border: 1px solid #222;
	display: inline-block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
	
.minipropres
{
	padding: 0px;
	margin: -4px -3px 0px auto !important;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 0px;
	display: block;
	line-height: inherit;
	pointer-events: none;
	background-size: cover;
}

.minimappropres
{
	padding: 0px;
	margin: 0px 0px 0px auto !important;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 0px;
	display: block;
	line-height: inherit;
	pointer-events: none;
}
	
.miniinfestation, .minidweller
{
	padding: 0px;
	margin: 4px 0px 0px -8px !important;
	width: 16px;
	height: 16px;
	border: 1px solid #580761 !important;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	display: block;
	line-height: inherit;
	position: absolute;
	background-size: cover;
	background-color: red;
	pointer-events: none;
}

.dwellerBox
{
	width: 400px;
	margin-right: 6px !important;
}

.dwellerImage
{
	margin-bottom: 4px;
}

.propertiesDescBox input
{
	margin-bottom: 7px;
}

.down10
{
	margin-bottom:-10px;
}		

.gears
{
	position: relative;
	top: 0px;
	right: 0px;
	float: right;
}

.hex defs pattern image
{
	width:72px;
	height: 72px;
}

.mapCircle
{
	width:400px;
	height:400px;
	position: relative;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border: 2px solid #333;
}

.minimapCircle
{
	margin-left: -85px;
	width:300px;
	height:300px;
	position: relative;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border: 2px solid #333;
	background-size: cover;
}

.mmp
{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}

.inventoryslot
{
	padding: 0px;
	display:block;
	text-align: right;
	margin-top: 2px;
	margin-right: -10px;
}

.selectedItem
{
	background-color: #0fa41a;
	font-size:18px;
}

.csplit
{
	color: black;
	background-color: #15971e;
	font-size:18px;
}

.raportHeroDetails
{
	display: inline-block;
	vertical-align: top;
}

.mpport
{
	width: 100px;
	height: 150px;
}

.raportPortrait
{
	width: 400px;
	height: 400px;
	object-fit: cover;
	object-position: center top;
	padding: 2px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #222;
}

.raportblock
{
	margin-right: 8px;
	font-size: 12px;
}

#VideoPortraitsContent
{
	z-index:10000;
	position: fixed;
	top: 35px;
	left: 0px;
	max-width: 818px;
	max-height: 1000px;
	overflow: auto;
}

.insvid
{
	width: 160px;
	height: 240px;
}

.insvida
{
	max-width: 240px;
	max-height: 240px;
}

.ivblock
{
	display: inline-block;
	background-color: #232323; 
}

.nomarg
{
	margin: 0px;
	padding: 0px;
}

.mapview
{
	margin: 4px 4px 0px 4px;
	position: relative;
	width: 1254px;
	height: 720px;
	border: 3px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	overflow: hidden;
}

.minimap
{
	width: 150px;
	height: 150px;
}

.incrl24
{
	display: inline-block;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 10px rgb(0, 0, 0);
}

.incrl32
{
	display: inline-block;
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 10px rgb(0, 0, 0);
}

.incrl32c
{
	display: inline-block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 10px rgb(0, 0, 0);
}

.incrl64b
{
	margin-top: 46px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 10px rgb(0, 0, 0);
}

.patMark
{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 4px;
	right: 4px;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	background: url(images/hud/16x16/patriarch.png) no-repeat center center;
}

.patriarchDetailMark
{
	width: 24px;
	height: 24px;
	top: 14px;
	display: inline-block;
	margin-bottom: -5px;
	margin-left: -5px;
	background: url(images/hud/24x24/patriarch.png) no-repeat center center;
}

.matMark
{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 4px;
	right: 4px;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	background: url(images/hud/16x16/matriarch.png) no-repeat center center;
}

.matriarchDetailMark
{
	width: 24px;
	height: 24px;
	top: 14px;
	display: inline-block;
	margin-bottom: -5px;
	margin-left: -5px;
	background: url(images/hud/24x24/matriarch.png) no-repeat center center;
}

.feetMark
{
	position: absolute;
	width: 28px;
	height: 28px;
	top: 2px;
	right: 0px;
	margin-top: 1px;
	margin-right: 1px;
	font-weight: bold;
	display: block;
	background-image: url(images/hud/28x28/size.png);
	background-size: cover;
}

.initMark
{
	position: absolute;
	width: 28px;
	height: 28px;
	top: 28px;
	right: 0px;
	margin-top: 1px;
	margin-right: 1px;
	font-weight: bold;
	display: block;
	background-image: url(images/hud/28x28/init.png);
	background-size: cover;
}

.shieldMark
{
	position: absolute;
	width: 28px;
	height: 28px;
	right: 6px;
	top: 38px;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}

.armorMark
{
	position: absolute;
	width: 28px;
	height: 28px;
	left: 4px;
	top: 6px;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
}

.shieldMark80
{
	position: absolute;
	width: 32px;
	height: 32px;
	right: 6px;
	top: 46px;
	margin-top: 1px;
	margin-right: 1px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
}

.armorMark80
{
	position: absolute;
	width: 32px;
	height: 32px;
	left: 4px;
	top: 6px;
	margin-top: 1px;
	margin-right: 1px;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}

.itemMisc
{
	max-width: 300px;
	font-size: 12px;
	text-align: justify;
}

.discardIcon24
{
	width: 24px;
	height: 24px;
	margin:0;
	display: block;
	background: url(images/discard.png) no-repeat center center;
}

.discardIcon16
{
	width: 16px;
	height: 16px;
	margin:0;
	display: block;
	background: url(images/discard.png) no-repeat center center;
}

.buildIcon24
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	display: block;
	background: url(images/building.png) no-repeat center center;
}


.razeIcon24
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	display: block;
	background: url(images/razing.png) no-repeat center center;
}

.introduceIcon24
{
	width: 20px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	display: block;
	background: url(images/introduce.png) no-repeat center center;
}

.discardIcon32
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	display: block;
	background: url(images/discard.png) no-repeat center center;
}

.buildIcon32
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	display: block;
	background: url(images/building.png) no-repeat center center;
}

.razeIcon32
{
	width: 16px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	display: block;
	background: url(images/razing.png) no-repeat center center;
}

.introduceIcon32
{
	width: 20px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	display: block;
	background: url(images/introduce.png) no-repeat center center;
}

.leftbar {
	position: fixed;
	top: 48px;
	left: 9px;
	z-index: 1000;
}

.rightbar {
	position: fixed;
	top: 102px;
	left: 9px;
	z-index: 1001;
}

.leftmapbar {
	position: fixed;
	top: 230px;
	left: 50%;
	margin-left: 470px;
	z-index: 1000;
}

.rightmapbar {
	position: fixed;
	top: 230px;
	left: 50%;
	margin-left: 540px;
	z-index: 1001;
}

.property {
	margin-bottom: -2px;
	margin-right: 5px;
	padding:0px;
	display: inline-block;
}

.property div {
	border-width: 4px;
}

.buildinglevel {
	color: #aaa;
}

.buildingstorage {
	color: #aaa;
}
.cityimage {
	
	width: 48px;
	height: 48px;	
}

.amountPrompter
{
	text-align: center;
}

.adultBlur
{
	filter: blur(5px);
}

#tournamentButton
{
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 30px;
	background-image: url('images/hud/tournament.png');
	width: 100px;
	height: 100px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	font-size: 40px;
	color: rgb(219, 9, 9);
	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 4px rgba(0, 0, 0, 0.99);
}

a.ajax-button,
a.ajax-button:link,
a:link.ajax-button:link,
body a.ajax-button:link,
a.ajax-button:visited,
body a.ajax-button:visited,
input.ajax-button,
button.ajax-button
{
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border-width: 1px;
   text-decoration: none !important;
   font-size: 11px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-shadow: 1px 0 0 rgb(159, 159, 159), 1px 0 0 rgb(159, 159, 159), 0 -1px 0 rgb(159, 159, 159), 0 1px 0 rgb(159, 159, 159), 0 0 10px rgb(159, 159, 159);
   white-space: nowrap;
   text-align: center;
   color: #503E1E;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   line-height: 20px;
   margin: 0 !important;
}

.ajax-button img
{
   margin: 0;
   vertical-align: middle;
}

.ajax-button:active
{
	animation: godark 0.1s;
	-webkit-animation: godark 0.1s;
}

.fadeIn {
	display:none;
}

.optBtn, .sendButton, .sendbackButton, .sendTime, .sendbackTime, .sendFood, .sendbackFood {

	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align:bottom;
	
}

.optBtn
{
	cursor: pointer;
	border-width: 2px;
}

@font-face {
    font-family: "Cabal";
    src: url(fonts/cabal.ttf) format("truetype");
}

.customfont { 
    font-family: "Cabal", Verdana, Tahoma;
	font-size: 18px;
	color: #C8A66A;
    margin: 5px 0 0;
    font-weight: normal;
    font-style: normal;
    text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 10px rgba(0, 0, 0, 0.99);
}

.fontshade { 
    text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 10px rgba(0, 0, 0, 0.99);
}

#vLine {

	margin-left: 8px;
	margin-right: 8px;
}

/* CSS Document */

HR { 
color:#222;
border-top:1px solid #888;
border-bottom:1px solid #222;
border-left:1px solid #666;
border-right:1px solid #222;
 }
 
.bact {
border-collapse: collapse;
background: url('images/tback.png') repeat-y top center;
}

.leftc {
	background: url('images/leftc.png') repeat-y top right;
	width:39px;
	height:80px;
	padding:0;
	margin:0;
}
.rightc {
	background: url('images/rightc.png') repeat-y top left;
	width:39px;
	height:80px;
	padding:0;
	margin:0;
}

.ltred {
background: url('images/plateback2.png') repeat top;
border-collapse: separate;
border-top:1px solid #888;
border-bottom:1px solid #111;
border-left:1px solid #666;
border-right:1px solid #111;
border-spacing:0px;
}

.i16 {
width: 16px;
height: 16px;
border-width: 0px;
}

.ib8 {
width: 8px;
height: 8px;
border-width: 1px;
border-style: solid;
}

.ib16 {
width: 16px;
height: 16px;
border-width: 1px;
border-style: solid;
}

.i24 {
width: 24px;
height: 24px;
border-width: 0px;
}

.ib {
border-width: 3px !important;
border-style: solid;
border-color: #867861;
}

.ib36 {
width: 36px;
height: 36px;
border-width: 1px;
border-style: solid;
}

.ibp {
border-width: 3px !important;
border-style: solid;
border-color: #2b2;
}

.ibl {
border-width: 1px;
border-style: solid;
border-color: #272;
}

.ib48 {
width: 48px;
height: 48px;
border-width: 2px;
border-style: solid;
}

.menuwindow {
position:absolute;
top: 110px;
left:50%;
margin-left:-200px;
}

.cancelButton
{	
    position: absolute;
    top: 0px;
    right: 0px;
	width: 24px;
	height: 24px;
	background: url('images/close.png') no-repeat center top;
	background-color: #670834;
	cursor: pointer;
	z-index:1000;
}

.ideaeffects
{
	font-size: 12px;
	white-space: nowrap;
}

.cap
{
	text-transform: uppercase;
}

.rmButton
{	
    float: right;
    top: 8px;
    left: 5px;
	width: 24px;
	height: 24px;
	background: url('images/close.png') no-repeat center top;
}

.ideaRemoveIcon
{	
    position: relative;
    top: 10px;
    right: 20px;
	width: 24px;
	height: 24px;
	background: url('images/close.png') no-repeat center top;
}

.mergeButton
{	
    position: absolute;
    top: 0px;
    left: 1px;
	width: 24px;
	height: 24px;
	background: url('images/merge.png') no-repeat center top;
	background-color: #670834;
	cursor: pointer;
	z-index:1001;
}

#stat1,#stat2,#stat3,#stat4,#stat5 {display:inline;}

#poptxt,#popmenutxt {
	font-family: verdana;
	font-size: 12px;
	margin: 8px;
}

.statext
{
	font-family: arial;
}

.topmargin5
{
	margin-top: 10px;
	display: block;
	position: relative;
}

.topmargin80
{
	margin-top: 25px;
	display: block;
	position: relative;
}

.loader
{
	width: 100px;
	height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#windowloader
{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 50000;
}

.hb {
	position: absolute;
	border-width: 1px;
	border-style: solid;
}

.hb2
{
	position: absolute;
	border-width: 0px;
	border-style: solid;
}

.city,.cityh,.cityt,.cityl,.field,.grass,.sand,.forest,.hills,.volcano,.badlands,.cave,.camp,.grid,.ice,.nexus,.tree {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 80px;
	width: 80px;
	overflow: hidden;
	cursor: pointer;
}

.empty
{
	border-width: 0px;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
}

.own
{
	background-image:url(images/grn.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.fgn
{
	background-image:url(images/yel.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.aln
{
	background-image:url(images/blu.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.frn
{
	background-image:url(images/tea.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.abn
{
	background-image:url(images/gray.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.aic
{
	background-image:url(images/aic.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.enm {
	background-image:url(images/red.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.cown {
	background-image:url(images/cgrn.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.cfgn {
	background-image:url(images/cyel.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.caln {
	background-image:url(images/cblu.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.cfrn {
	background-image:url(images/ctea.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.cabn {
	background-image:url(images/cgray.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.cenm {
	background-image:url(images/cred.gif);
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 16px;
	width: 16px;
}

.mown {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}
.mfgn {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}

.maln {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}

.mfrn {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}

.mabn {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}

.menm {
	border-width: 0px;
	border-style: solid;
	position: absolute;
	height: 4px;
	width: 4px;
}

#minimap {
	color:#fff;
	border-top:1px solid #555;
	border-bottom:1px solid #111;
	border-left:1px solid #444;
	border-right:1px solid #111;
	background: #205020;
	overflow: hidden;
}


#lt0 {
	background-color: #111;
	border-collapse:separate;
	border-top:1px solid #333;
	border-bottom:1px solid #000;
	border-left:1px solid #222;
	border-right:1px solid #000;
	border-spacing:1px;
}

#cnt {
	vertical-align: middle;
}

#fb {
	color:black;
	font-weight: bold;
}

#fblack {
	color:gold;
	font-weight: bold;
}
#fyell {
	color: #fff090;
	font-weight: normal;
}
#fwhite,#fwhite IMG{
	color: #fff;
	font-weight: normal;
}
#fgray,#fgray IMG {
	border-color: #888;
	color: #888;
	font-weight: normal;
}
#fgreen,#fgreen IMG {
	border-color: #0a0;
	color: #0a0;
	font-weight: normal;
}
#fblue,#fblue IMG {
	border-color: #22e;
	color: #22e;
	font-size: 12px;
	font-weight: normal;
}
#fpurp,#fpurp IMG {
	border-color: #b07;
	color: #b07;
	font-weight: normal;
}
#fred,#fred IMG {
	border-color: #c00;
	color: #c00;
	font-weight: normal;
}
#forange,#forange IMG {
	border-color: #b70;
	color: #b70;
	font-weight: normal;
}
#fcyan,#fcyan IMG {
	border-color: #09e;
	color: #09e;
	font-weight: normal;
}

#tor {
	text-align: right;
	padding-right: 10px;
}

#tor2 {
	text-align: right;
	padding-right: 15px;
}

#tol {
	text-align: left;
	padding-left: 10px;
}

#transtable {
	border: 1px solid rgb(80, 0, 0);
}

#transtable td
	{
	background-color: rgb(80, 0, 0);
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	}

#transtable caption
	{
	background-color: rgb(80, 0, 0);
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	}

#transtable div {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}

.table
{
	display: table;
}

#grayImg
{
	filter:alpha(opacity=60);
	opacity:.6;
	-moz-opacity:0.6;
}

.opacity50
{
	opacity:.5;
	-moz-opacity:0.5;
}

.opacity75
{
	opacity:.75;
	-moz-opacity:0.75;
}

fieldset
{
	border: 1px solid black;
	background: url('images/updown.png') repeat-x top;
}

#cent
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#hint
{
	border-color: #0a0;
	color: #0a0;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

#desc
{
	color: #aaa;
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
}

.conv
{
	color: #696363;
	font-size: 14px;
}

.copy
{
	cursor: copy;
}

.font10
{
	font-size: 10px;
}

.font12
{
	font-size: 12px;
}

.font14
{
	font-size: 14px;
}

.font16
{
	font-size: 16px;
}

.ajaxtab
{
	padding-left: 10px;
	border-collapse: collapse;
	border: none;
	display:inline;
}

.honorbar
{
	width:150px;
	height:16px;
	border: 1px solid;
	border-color: black;
	background: url('images/redbar.gif') repeat-x top;
}

.honoratio
{
	background: url('images/greenbar.gif') repeat-x top;
}

.arrowmap {
	margin: -10px;
	padding: -10px;
	border: 0px;
}

.manifestation {
	position: absolute;
	top: 25px;
}

.dweller {
	position: absolute;
	top: 7px;
	left: -8px;
}

.infestation>.crl40
{
	background-size: contain;
	background-color: red;
	border: 2px solid #6b0d0d !important;
}

.dweller>.crl40
{
	background-size: contain;
	background-color: red;
	border: 2px solid #4d3426 !important;
}

.maptimer {
	position: absolute;
	top: 26px;
	left: 0px;
	color: #000;
	font-weight: bold;
}

.ctimer {
	display: inline;
}

.messageList {
	padding-bottom: 10px;
}

.messagePages
{
	margin: 4px;
}

.reportlist
{
	vertical-align: top;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block;
}

.messageTitleBar
{
	margin-bottom: 15px;
}

.messageBreak
{
	margin-top: -4px;
}

#messagearea {
	resize: none; 
}

.auctionsTable
{
	display: table;
	max-height: 390px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

.tabCell
{
	display: table-cell;
	padding-right: 6px;
}

.leftCell
{
	display: table-cell;
	text-align: left;
}

.rightCell
{
	display: table-cell;
	text-align: right;
}
.centerCell
{
	display: table-cell;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3px;
	padding-right: 3px;
	min-height: 24px;
}

.rowtab,.tabRow
{
	display: table-row;
}

.heroart {
	text-align: left;
	background-size: cover;
	height: 864px;
	border-radius: 11px;
}

.heroart11 {

	animation: heroanim11 30s;
    -webkit-animation: heroanim11 30s;
	animation-iteration-count: infinite;
}

.heroart23 {

	animation: heroanim23 45s;
    -webkit-animation: heroanim23 45s;
	animation-iteration-count: infinite;
}

@keyframes heroanim11 {
    0% {
        background-position:0 -350px;
    }
    50% {
        background-position:0 -0px;
    }
    100% {
        background-position:0 -350px;
    }
}

@-webkit-keyframes heroanim11
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -350px;
    }
    50% {
        background-position: 0 -0px;
    }
    100% {
        background-position: 0 -350px;
    }
}

@keyframes heroanim23 {
    0% {
        background-position:0 -980px;
    }
    50% {
        background-position:0 0px;
    }
    100% {
        background-position:0 -980px;
    }
}

@-webkit-keyframes heroanim23
/* Safari and Chrome */
 {
    0% {
        background-position: 0 -980px;
    }
    50% {
        background-position: 0 0px;
    }
    100% {
        background-position: 0 -980px;
    }
}

.leftart {
	text-align: left;
}

.topart {
	display: inline-block;
	vertical-align: top;
	height: 100%;
}

.centertab {
	text-align: center;
	overflow: hidden;
	font-family: verdana;
	font-size: 10px;
}

.cblock {
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

.cblock img
{
	margin: 0;
	padding: 0;
}

.rblock {
	text-align: right;
	margin-left: auto;
	margin-right: 0;	
}

.rbox
{
	padding:0px;
	margin:0px;
	width:60px;
}

.rframe
{
	display:inline-block;
	padding:2px 0px 0px 0px;
	margin: 0px;
}

.heroname
{
	color:#F7C13C; 
	margin-left: -1px;
	overflow-x: visible;
	white-space: normal;
}

.heroStats
{
	position: absolute;
 	margin-left: 7px;
	margin-top: 2px;
}

.moralebar
{
	top: 0px;
	left: 0px;
	position: absolute;
	height: 4px;
	background-color: black;
}

.moralemeter
{
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	background-color:#0d6eff;
}

.nocodec
{
	color: red;
	font-size: 20px;
	text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 4px rgba(0, 0, 0, 0.99);
	position: relative;
	top: 460px;
}

.prel
{
	position: relative;
}

.recruitblock {
	height: 320px;
}

.tabWindow
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	display: table;
}

.allSpan
{
  -webkit-column-span: all;
  column-span: all;
}

#messageContent
{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background: url(images/bookrock.jpg);
	color: black !important;
}

#messageContainer
{
	min-height: 164px;
	max-height: 550px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 8px;
	background: url(images/scriptbg.png) no-repeat top, url(images/bookrock.jpg);
	color: black;
	display: none;
	overflow-y: auto;
}

.userMessage
{
	width: 580px;
	text-align: justify;
}

#messageContainer a, #messageContainer a:link
{
   color: #222;
}

#messageContainer a:visited
{
   color: #222;
}

#messageContainer a:hover
{
   color: #555;
}

.heightbalancer
{
	padding-top: 4px;
	height: 44px;
}

.selectmeButton
{
	margin-top:8px;
}

.shortcontent.cblock, .largecontent.cblock, .cardcontent.cblock
{
	vertical-align:bottom;
}

.statdetails
{
	width: 208px;
	vertical-align: top;
	margin-left: 8px;
	display:inline-block;
}

.pillageBox
{
	display: inline-block;
	padding: 6px;
}

.premiumBox
{
	display: inline-block;
	vertical-align: top;
	width: 188px;
	height: 480px;
	padding: 6px;
	border-width: 2px;
	border-style: solid;
	border-color:#1c2228;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	background-color:rgba(0, 0, 0, 0.5);
}

.premiumScene
{
	width: inherit;
	overflow: hidden;
	object-fit: cover;
	position: relative;
	z-index: 0;
}

.hideoverflow
{
	overflow: hidden;
}

.lfloat
{
	float: left;
}

.rfloat
{
	float: right;
}

.righttools
{
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	display: table-cell;
	float: right;
}

.lefttab {
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
	max-height: 30px;
	display: table-cell;
}

.righttab
{
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	display: table-cell;
}

.midtab {
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	max-height: 30px;
	display: table-cell;
}

.flex1
{
	margin-left: -7px !important;
	margin-right: -7px !important;
	transition: margin-left 500ms, margin-right 500ms;
}


.flexected
{
	margin-left: 0px !important;
	margin-right: 0px !important;
	transition: margin-left 500ms, margin-right 500ms;
	
}

.inline {
	display: inline;
}

.inblock {
	display: inline-block;
}

.imagedesc
{
	display: inline-block;	
	margin-left: 4px;
	margin-right: 4px;
	height: 100%;
	vertical-align: top;
}

.buyValue,.sellValue {
	width:48px;
}

.regfield
{
	width: 120px;
	display: inline-block;
}

.shortcontent
{
	height: 100%;
	vertical-align:top;
	display:inline-block;
	width:282px;
}

.cardcontent
{
	padding-left: 4px;
	margin-right: 6px;
	text-align: left;
	height: 100%;
	vertical-align: top;
	display: inline-block;
	width: 360px;
}

.largecontent
{
	height: 100%;
	vertical-align: top;
	display: inline-block;
	width: 700px;
}

.questcontent
{
	height: 100%;
	vertical-align: top;
	display: inline-block;
	width: 368px;
	height: 160px;
}

.bhelpcontent
{
	height: 100%;
	vertical-align: top;
	display: inline-block;
	width: 250px;
	height: 140px;
	margin-left:4px;
}

.affairIcon
{
	position: absolute;
	margin-left: -59px;
	margin-top: 58px;
}

.questconsequences
{

	margin-top: 110px;
}

.questtriggers
{
	margin-top: 2px;
	margin-left: 4px;
	position: absolute;
}

.mtb6
{
	padding-top: 6px;
	padding-bottom: 6px;
}

.pt6
{
	margin-top: 16px !important;
	padding-top: 16px !important;
}

.msgimgcontent
{
	max-height: 52px;
	max-width: 410px;
	vertical-align: top;
	margin-left: 8px;
	display: inline-block;

}

.msgimgtext
{
	height: 100%;
	vertical-align: middle;
}

.tinycontent
{
	height: 100%;
	vertical-align:top;
	display: inline-block;
	width: 220px;
}

.actionlist
{
	width: 366px;
	height: 106px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #867861;
	background-repeat: no-repeat;
}

.actionDescBox
{
	width: 366px;
	height: 106px;
	overflow: auto;
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
	background-color:rgba(0, 0, 0, 0.5);
}

.actionInfo
{
	min-width: 344px;
	padding-left: 6px;
	color: #ffe7a6 !important;
	vertical-align: top !important;
}

.actionsview
{
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
}

.actionsviewV
{
	height: auto;
	max-height: 470px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 10px;
}

.actionsviewH
{
	height: auto;
	max-height: 600px;
	white-space: nowrap;
	margin-left: 10px;
	margin-right: 10px;
	overflow-x: auto;
	word-spacing: 0;
	font-size: 0;
}

.actionsviewOH
{
	height: auto;
	white-space: nowrap;
	margin-left: 10px;
	margin-right: 10px;
	overflow-x: auto;
	word-spacing: 0;
	font-size: 0;
}

.targetcityname
{
	margin-top: 3px;
	padding: 3px;
	background-color: #201a10;
	border-radius: 4px;
	width: 140px;
	min-width: 140px;
	text-align: left;
	font-size: 14px;
	display: inline-block;
}

.TabSeparator
{
	display: block;
	width: 2px;
	margin:0;
	padding:0;
}

.uns2 {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
}

.unst {
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;	
}

.returnButton {
   position: absolute;
   margin-left: -266px;
   float: left;
}

.boldtext {
	font-weight: bolder;
}

.sizecompareleft
{
	position: absolute;
	height: 100px;
	width: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: -105px;
	margin-left: 5px;
	margin-bottom: 5px;
	z-index: 101;
}

.sizecompareright
{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	z-index: 102;
}

#sticky {
	overflow: hidden;
	background: #1f1b14;
	min-height: 100px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	width: 1262px;
}

.filler {
	min-height: 163px;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray;
    -webkit-filter: grayscale(100%);
}

.vassal {
	filter: hue-rotate(70deg) saturate(90%);
}

.bouncing {

	animation: bouncing 2s infinite;
	-webkit-animation: bouncing 2s infinite;	
}

.endangered {

      animation: redaura 2s infinite;
      -webkit-animation: redaura 2s infinite;	
}

.clickglow {

	animation: redaura 1s;
	-webkit-animation: redaura 1s;
}

.pulsating {

	animation: pulsating 10s infinite;
	-webkit-animation: pulsating 10s infinite;
		
}

.goldburst {

	animation: goldburst 3s 1;
	-webkit-animation: goldburst 3s 1;
		
}

.silverburst {

	animation: silverburst 3s 1;
	-webkit-animation: silverburst 3s 1;
		
}

.exceptional
{
	border-color: #16a816 !important;
	box-shadow:
    0 0 2px 1px #16a816,
    0 0 3px 2px rgb(5, 77, 17),
    0 0 4px 3px rgb(46, 34, 20);	
}

.rare
{
	border-color: #0d368d !important;
	box-shadow:
    0 0 2px 1px #0d368d,
    0 0 3px 2px rgb(17, 6, 117),
    0 0 4px 3px rgb(46, 34, 20);
}

.unique
{
	border-color: #c08c1d !important;
	box-shadow:
    0 0 2px 1px #c08c1d,
    0 0 3px 2px rgb(124, 83, 7),
    0 0 4px 3px rgb(46, 34, 20);
}

.legendary
{
	border-color: #bb1dc0 !important;
	box-shadow:
    0 0 2px 1px #bb1dc0,
    0 0 3px 2px rgb(114, 7, 124),
    0 0 4px 3px rgb(46, 34, 20);
}

.divine
{
	border-color: #fffec2 !important;
	box-shadow:
    0 0 2px 1px #fffec2,
    0 0 3px 2px rgb(255, 229, 156),
    0 0 4px 3px rgb(46, 34, 20);
}

@keyframes bouncing
{
  	15%
  	{
	transform: scale(0.9);
	}
}

@-webkit-keyframes bouncing
{
	15%
	{
  	transform: scale(0.9);
	}
}

@keyframes redaura
{
  15%
  {
	box-shadow:
    0 0 6px 3px #ff0000,
    0 0 10px 6px rgb(180, 5, 49),
    0 0 14px 9px rgb(46, 34, 20);
	border-color: #600;
	}
}

@-webkit-keyframes redaura
{
  15%
  {
	box-shadow:
    0 0 6px 3px #ff0000,
    0 0 10px 6px rgb(180, 5, 49),
    0 0 14px 9px rgb(46, 34, 20);
	border-color: #600;
	}
}

@keyframes pulsating
{
  45%
  {
	box-shadow:
    0 0 6px 3px #00ff2a,
    0 0 10px 6px rgb(72, 5, 180),
    0 0 14px 9px rgb(46, 34, 20);
	border-color: rgb(27, 0, 102);
	}
}

@-webkit-keyframes pulsating
{
  45%
  {
	box-shadow:
    0 0 6px 3px #00ff2a,
    0 0 10px 6px rgb(72, 5, 180),
    0 0 14px 9px rgb(46, 34, 20);
	border-color: rgb(27, 0, 102);
	}
}

@keyframes goldburst
{
	0%
	{
		background-position: 0 -100px;
	}
	15%
	{
		box-shadow:
		0 0 6px 3px #ff9100,
		0 0 10px 6px rgb(230, 172, 13),
		0 0 14px 9px rgb(238, 203, 108);
		border-color: rgb(241, 87, 15);
	}
	100%
	{
		background-position: 0 0px;
	}	
}

@-webkit-keyframes goldburst
{
	0%
	{
		background-position: 0 -100px;
	}
	15%
	{
		box-shadow:
		0 0 6px 3px #ff9100,
		0 0 10px 6px rgb(230, 172, 13),
		0 0 14px 9px rgb(238, 203, 108);
		border-color: rgb(241, 87, 15);
	}
	100%
	{
		background-position: 0 0px;
	}	
}

@keyframes silverburst
{
	0%
	{
		background-position: 0 0px;
	}
	15%
	{
		box-shadow:
		0 0 6px 3px #ffdbac,
		0 0 10px 6px rgb(245, 240, 225),
		0 0 14px 9px rgb(211, 206, 194);
		border-color: rgb(126, 120, 118);
	}
	100%
	{
		background-position: 0 0px;
	}	
}

@-webkit-keyframes silverburst
{
	0%
	{
		background-position: 0 -100px;
	}
	15%
	{
		box-shadow:
		0 0 6px 3px #ffdbac,
		0 0 10px 6px rgb(245, 240, 225),
		0 0 14px 9px rgb(211, 206, 194);
		border-color: rgb(126, 120, 118);
	}
	100%
	{
		background-position: 0 0px;
	}	
}

@keyframes godark
{
  10%
  {
	background-color: #600;
	}
}

@-webkit-keyframes godark
{
	10%
	{
	  background-color: #600;
	  }
}

@keyframes golight
{
  10%
  {
	background-color: rgb(148, 148, 148);
	}
}

@-webkit-keyframes golight
{
	10%
	{
		background-color: rgb(148, 148, 148);
	  }
}

@font-face {
    font-family: "The Titans";
    src: url(fonts/thetitans.ttf) format("truetype");
}

.wallCell
{
	width: 40px;
	vertical-align: baseline;
}


.racesign
{
	margin-top: 4px;
	margin-bottom: -4px;
}

.actiontext { 
    font-family: "The Titans", Verdana, Tahoma;
	font-size: 16px;
	font-weight: bold;
	text-align: justify;
	color: rgb(233, 166, 51);
}

.library { 
    font-family: "The Titans", Verdana, Tahoma;
	font-size: 20px;
	text-align: justify;
}

.eventDescBox, .eventEffectBox { 

	text-shadow: 1px 0 0 rgb(0, 0, 0), 1px 0 0 rgb(0, 0, 0), 0 -1px 0 rgb(0, 0, 0), 0 1px 0 rgb(0, 0, 0), 0 0 4px rgba(0, 0, 0, 0.99) !important;
}

.ancientText { 
    font-family: "The Titans", Verdana, Tahoma;
	font-size: 16px;
}

.ancientTitle { 
    font-family: "The Titans", Verdana, Tahoma;
	font-size: 18px;
}

.ancientBigTitle { 
    font-family: "The Titans", Verdana, Tahoma;
	font-size: 24px;
}

.library h3, .library h4, .library .situational, .library .upgrade, .library .balast 
{
	font-family: "The Titans", Verdana, Tahoma;
	font-size: 20px;
	text-align: left;
	color: black;	
	font-weight: normal;
	font-style: normal;
	text-shadow: none;
}

.library .pointseparator-upgrade, .library .pointseparator-balast, .library .pointseparator-situational, .library .pointseparator-
{
	display: inline-block;
	content:' ';
	top:0;
	width:6px;
	height: 16px;
	background: url('images/pointblack.png') center center no-repeat;
}


.txtwhite {
	color: white;
}

.txtblack {
	color: black;
}

.leftImage {
	float: left;
	border: 1px;
	padding-right: 10px;
}

.rightImage {
	float: right;
	border: 1px;
	padding-left: 10px;
}

.ecoblock {
	width: 40px;
}

.tt2-logo
{
	background: url(images/logo.png) no-repeat center center;
	position: fixed;
	bottom: 5px;
	left: 5px;
	width: 240px;
	height: 35px;
}

.scriptbg
{
	background: url(images/scriptbg.png) no-repeat top, url(images/bookrock.jpg);
	border-radius: 6px;
	padding: 10px;
}

.labelinputtable
{
	display: table;
}

.labelinputtable span
{
	display: table-cell;
	width: 240px;
	padding-right: 10px;
	text-align: right;
}

.labelinputtable input
{
	display: table-cell;
	margin-bottom: 6px;
}

.labelinputtable h3
{
	display: table-row;
}

.labelinputtable hr
{
	display: table-row;
}

::-webkit-scrollbar {
    width: 16px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
::-webkit-scrollbar-thumb {
  background-color: #86785f;
  outline: 1px solid 211a11;
}

.touristicAttraction, .inquisitionTarget, .gatherings
{
	position: relative;
	background-color: #201a10;
	margin-left: 16px;
	margin-top: 1px;
	background-repeat: no-repeat;
	background-size: cover;
}

.direct-chat
{
	position: absolute;
	top: 444px;
	left: 300px;
	width: 650px;
}

.direct-chat textarea
{
	display: inline-block;
	padding: 4px;
	font-size: 16px;
	margin: 10px;
	width: 500px;
	height: 50px;
	resize: none;
}

.direct-icon
{
	width: 68px;
	height: 48px;
	cursor: pointer;
	background-image: url(images/hud/180x180/ai.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.bbar
{
	width: 500px;
}

.w70
{
	min-width: 70px;
}

.w80
{
	min-width: 80px;
}

.w100
{
	min-width: 100px;
}

.w150
{
	min-width: 150px;
}

.w300
{
	min-width: 300px;
}

.w400
{
	min-width: 400px;
}

.mw400
{
	max-width: 400px;
}

.w500
{
	min-width: 500px;
}

.w600
{
	min-width: 600px;
}

.w900
{
	min-width: 900px;
}

.mw900
{
	max-width: 900px;
}

.h89
{
	min-height: 89px;
}

.h70
{
	min-height: 70px;
}

.h73
{
	min-height: 73px;
}

.h75
{
	min-height: 75px;
}

.h100
{
	min-height: 100px;
}

.h300
{
	min-height: 300px;
}

.h500
{
	min-height: 500px;
}

.h600
{
	min-height: 600px;
}

.h610
{
	min-height: 610px;
}

.h640
{
	min-height: 640px;
}

.h700
{
	min-height: 700px;
}

.h900
{
	min-height: 900px;
}

.mright1
{
	margin-left: 1px;	
}

.mright3
{
	margin-left: 3px;	
}

.mleft0
{
	margin-left: 0px;	
}

.mleft1
{
	margin-left: 1px;	
}

.mleft3
{
	margin-left: 3px;	
}

.mleft5
{
	margin-left: 5px;	
}

.mleft10
{
	margin-left: 10px;	
}

.mleft25
{
	margin-left: 25px;	
}

.mleft27
{
	margin-left: 27px;	
}

.mleft28
{
	margin-left: 28px;	
}

.mleft30
{
	margin-left: 30px;	
}

.mleft56
{
	margin-left: 56px;	
}

.mleft84
{
	margin-left: 84px;	
}

.mleft-12
{
	margin-left: -12px;	
}

.ptop5
{
	padding-top:5px;
}

.pbot5
{
	padding-bottom:5px;
}

.mtop2
{
	margin-top: 2px;	
}

.mtop3
{
	margin-top: 3px;	
}

.mtop5
{
	margin-top: 5px;	
}

.mtop8
{
	margin-top: 8px;	
}

.mtop12
{
	margin-top: 12px;	
}

.mtop15
{
	margin-top: 15px;	
}

.mtop170
{
	margin-top: 170px;	
}

.mtop-5
{
	margin-top: -5px;	
}

.mtop-8
{
	margin-top: -8px;	
}

.mtop-10
{
	margin-top: -10px;	
}

.mtop-12
{
	margin-top: -12px;	
}

.mtop-14
{
	margin-top: -14px;	
}

.mtop-15
{
	margin-top: -15px;	
}

.mtop-20
{
	margin-top: -20px;	
}

.mtop-24
{
	margin-top: -24px;	
}

.mtop-47
{
	margin-top: -47px;	
}

.mtop-50
{
	margin-top: -50px;	
}

.mbot2
{
	margin-bottom: 2px;	
}

.mbot3
{
	margin-bottom: 3px;	
}

.mbot5
{
	margin-bottom: 5px;	
}

.mbot8
{
	margin-bottom: 8px;	
}

.mbot-2
{
	margin-bottom: -2px;	
}

.mbot-5
{
	margin-bottom: -5px;	
}

.mbot-8
{
	margin-bottom: -8px;	
}

.mbot-10
{
	margin-bottom: -10px;	
}

.rad5
{
	border-radius: 5px;
}

.l-100
{
	left: -98px;
}

.l100
{
	left: 96px;
}

.mobj
{
	width: 80px;
	height: 80px;
}

.zoom50
{
	background-size: 150% 150%;
}

.affdesc
{
	width: 150px;
}