@font-face {
	font-family: 'arefont';
	src: url('vinque.eot');
	src: local('vinque'), url('vinque.ttf') format('truetype');
}


.cityGridCaption {
	font-weight: bold;
	color: #969696;
}

.cityGridText {
	color: #969696;
}

.offerText {
	color: #866508;
}

.hidethis {
	display: none;
}

div {
	padding: 0px;
	font-family: arefont;
}

body {
	margin: 1px 0px;
	padding: 0px;
	text-align: center;
	min-width: 1100px;
	cursor: url("img/cursor/cursor32x32_normal.png"), auto;
}

a {
	font-family: arefont;
	color: #969696;
}

select { cursor: url("img/cursor/cursor32x32_hover.png"), auto; }
input {
	font-family: arefont;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}
.label { font-family: arefont; }

.gwt-Anchor:link {color:#969696;}
.gwt-Anchor:visited {color:#969696;}
.gwt-Anchor:hover {color:white;}
.gwt-Anchor:active {color:white;}

.abody {
	width: 100%;
	height: 100%;
	background-color: black;	
}

.wholepage {
	min-width: 1100px;
	max-width: 1250px;
	width: 1250px;
	margin: 0px auto;
	text-align: left;
	/* cursor: url(img/cursor/cursor32x32_normal.png), pointer; */
}

.centerImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.forumPanel {
	margin-top: 5px;
	margin-left: 20px;
}

.mainmenuPanel {
	margin-top: 0px;
	margin-left: 20px;
}

.creditsPanel {
	margin-top: 0px;
	margin-left: 20px;
}

.mutePanel {
	margin-top: 6px;
	margin-left: 20px;
}

.forumBtn {
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 35px;
	height: 29px;
	background-position:0 29px;
    background-image: url('img/upper/menu/BN_forums.png');
}

.forumBtn:hover {
    background-position:0 0px;
}

.mainmenuBtn {
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 41px;
	height: 39px;
	background-position:0 39px;
    background-image: url('img/upper/menu/BnbackToMainMenu.png');
}

.mainmenuBtn:hover {
    background-position:0 0px;
}

.scoresBtn {
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 26px;
	height: 42px;
	background-position:0 42px;
    background-image: url('img/upper/menu/BN_high-scoret.png');
}

.scoresBtn:hover {
    background-position:0 0px;
}

.creditsBtn {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 44px;
	height: 37px;
	background-position:0 37px;
	background-image: url('img/upper/menu/BN_tekijat.png')
}

.creditsBtn:hover {
	background-position:0 0px;
}

.soundBtn {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 26px;
	height: 26px;
	background-position:0 26px;
	background-image: url('img/upper/menu/BnMuteOff.png')
}

.soundBtn:hover {
	background-position:0 0px;
}

.muteBtn {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 26px;
	height: 26px;
	background-position:0 26px;
	background-image: url('img/upper/menu/BnMuteOn.png')
}

.muteBtn:hover {
	background-position:0 0px;
}

.logoutImg {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 31px;
	height: 31px;
	background-position:0 31px;
    background-image: url('img/upper/menu/BN_log-out.png');
}

.logoutImg:hover {
	background-position:0 0px;
}

.logoutImgPanel { width: 36px; }

.signoutlinkPanel {
	margin-top: 4px;
	margin-left: 8px;
	width: 154px;
}

.upperPart {
	margin-top: 5px;
	margin-left: 50px;
	margin-bottom: 12px;
}

.topRightHand {
	margin-top: 20px;
	margin-left: 19px;
}

.topbar {
	background-image: url('img/upper/topbar2.png');
	background-repeat: no-repeat;
	width: 638px;
	height: 82px;
	margin-left: 20px;
}

.topbarPanel1 {
	height: 32px;
    width: 590px;
}

.topbarPanel2 {
	padding-top: 5px;
}

.taustaLogin {
	background-image: url('img/loginruutu/loginScreen.jpg');
	width: 1280px;
	height: 960px;
}

.taustaLogin-fi {
	background-image: url('img/loginruutu/loginScreen-fi.jpg');
	width: 1280px;
	height: 960px;
}

.loginPanel {
	margin-left: 215px;
	margin-top: 468px;
}

.loginTextPanel {
	margin-top: 10px;
	margin-left: 10px;
	width: 730px;
}

.loginText {
	margin-top: 11px;
	margin-left: 10px;
	color: black;
	font-size: 20px;
	margin-bottom: 8px;
}

.loginAd {
	margin-top: 10px;
	margin-left: 10px;
	color: black;
	font-size: 20px;
	margin-bottom: 8px;
}

.james {
	width: 300px;
	height: 167px;
	margin-top: 1px;
	margin-left: -255px;
	color: black;
	font-size: 1px;
	margin-bottom: 1x;
	background-image: url('img/jamesad.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.loginButtonsPanel {
	margin-top: 13px;
	margin-left: 210px;
}

.loginButtonsPanelInDialog {
	margin-top: 40px;
	margin-left: 320px;
}

.supportButtonsPanelInDialog {
	margin-top: 40px;
	margin-right: 300px;
}

.langButtonsPanel {
	margin-left: 317px;
	margin-top: 18px;
}

.langButton {
	float: none;
	display: block;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	margin-right: 34px;
}

.theLoginButton {
	margin-left: 50px;
	background-image: url('img/loginruutu/loginButtons.png');
	background-position:0 -144px;
	width: 146px;
	height: 143px;
}
.theLoginButton:hover { background-position:0 0; }
.theLoginButton:active { background-position:0 -288px; }

.theLoginButton-fi {
	margin-left: 50px;
	background-image: url('img/loginruutu/loginButtons.png');
	background-position:-146px -144px;
	width: 146px;
	height: 143px;
}
.theLoginButton-fi:hover { background-position:-146px 0; }
.theLoginButton-fi:active { background-position:-146px -288px; }


.skipLoginButton {
	background-image: url('img/loginruutu/loginButtons.png');
	background-position:-292px -144px;
	width: 146px;
	height: 143px;
}
.skipLoginButton:hover { background-position:-292px 0; }
.skipLoginButton:active { background-position:-292px -288px; }

.skipLoginButton-fi {
	background-image: url('img/loginruutu/loginButtons.png');
	background-position:-438px -144px;
	width: 146px;
	height: 143px;
}
.skipLoginButton-fi:hover { background-position:-438px 0; }
.skipLoginButton-fi:active { background-position:-438px -288px; }



.doSupportButton {
	margin-left: 50px;
	background-image: url('img/alkuruutu/BtnSupporter.png');
	background-position:0 -144px;
	width: 146px;
	height: 143px;
}
.doSupportButton:hover { background-position:0 0; }
.doSupportButton:active { background-position:0 -288px; }

.doSupportButton-fi {
	margin-left: 50px;
	background-image: url('img/alkuruutu/BtnSupporter.png');
	background-position:-146px -144px;
	width: 146px;
	height: 143px;
}
.doSupportButton-fi:hover { background-position:-146px 0; }
.doSupportButton-fi:active { background-position:-146px -288px; }


.skipSupportButton {
	background-image: url('img/alkuruutu/BtnSupporter.png');
	background-position:-292px -144px;
	width: 146px;
	height: 143px;
}
.skipSupportButton:hover { background-position:-292px 0; }
.skipSupportButton:active { background-position:-292px -288px; }

.skipSupportButton-fi {
	background-image: url('img/alkuruutu/BtnSupporter.png');
	background-position:-438px -144px;
	width: 146px;
	height: 143px;
}
.skipSupportButton-fi:hover { background-position:-438px 0; }
.skipSupportButton-fi:active { background-position:-438px -288px; }




.taustaStart {
	background-image: url('img/alkuruutu/alotusruutu.jpg');
	width: 1280px;
	height: 960px;
}

.taustaStart-fi {
	background-image: url('img/alkuruutu/alotusruutu_fi.jpg');
	width: 1280px;
	height: 960px;
}

.taustaCity {
	background-image: url('img/tausta.jpg');
}

.tausta {
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 10px;
	height: 960px;
	width: 1280px;
	/* from content */
	max-width: 1280px;
	min-width: 1100px;
}

.centerText {
	text-align: center;
}

.redText {
	color: #c80101;
}

.whiteText {
	color: #FFFFFF;
}

.dimredText {
	color: #973636;
}

.dimgreyText {
	color: #2C2C2C;
}

.blackText {
	color: black;
}

.greyText {
	color: #969696;
}

.yellowText {
	color: #866508;
}

.bigText {
	/* font-size: large; */
}

.speedText {
	color: #866508;
}

.strText {
	color: #631807;
}

.manaText {
	color: #157787;
}

.hpText {
	color: #6A881E;
}

.boldText {
	font-weight: bold;
}

.underlineText {
	text-decoration: underline;
}

.strikethroughText {
	text-decoration: line-through;
}

.largerText {
	font-size: larger;
}

.largeText {
	font-size: 200%;
}

.topMarginText {
	margin-top: 20px;
}

.gridListText {
	width: 195px;
}

.dateText {
	padding-top: 9px;
	padding-left: 45px;
	width: 175px;
}

.favorRaceText {
	padding-top: 9px;
	width: 125px;
	text-align: right;
}

.favorRaceValue {
	padding-top: 9px;
	width: 115px;
	text-align: left;
	font-weight: bold;
	margin-left: 5px;
}

.moneyText {
	padding-top: 8px;
	width: 81px;
	text-align: right;
}

.coin {
	margin-right: 3px;
}

.tMenu {
	background-image: url('img/upper/BN_rename_big.png');
	background-position:0 22px;
	width: 22px;
	height: 22px;
	margin-top: 16px;
	margin-left:15px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.tMenu:hover {
	background-position:0 0;
}

.injury {
    color: red;
	text-align: center;
	margin-top: 7px;
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 31px;
}

.noinjury {
    background-color: green;
    text-align: center;
    margin-top: 77px;
    opacity: 0.0;
    filter:alpha(opacity=00);
}

.nameText {
	font-size: 21px;
    padding-left: 2px;
    padding-top: 12px;
    width: 290px;
}

.favorText {
	padding-top: 17px;
    text-align: right;
    width: 240px;
}

.gwt-TabLayoutPanel {
	height: 100%;
}

.gwt-DialogBox {
	width: 400px;
}

.startScreenButton {
	float: none;
	display: block;
	margin-bottom: 5px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.msgboxButton {
	/* float: none;
	display: block;
	margin: 0px auto 3px -125px; */
	margin-top: 12px;
	margin-bottom: 5px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;}
}

.startButtonPanel {
	float: none;
	display: block;
	width: 211px;
}

.startBigButtonPanel {
    float: none;
    display: block;
    width: 320px;
    margin-left: 323px;
    margin-top: 716px;
}

.fbFanPanelWithButton {
	margin-left: 0px;
	margin-top: 1px;
	margin-right: 11px;
}

.fbFanPanelWithoutButton {
	margin-left: 186px;
	margin-top: 1px;
}

.fbFanBtn {
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 175px;
	height: 112px;
	background-position:0 0;
    background-image: url('img/alkuruutu/a7Fanbase-en.png');
}
.fbFanBtn:hover { background-position:0 -112px; }
.fbFanBtn:active { background-position:0 -224px; }

.fbFanBtn-fi {
    cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 175px;
	height: 112px;
	background-position:0 0;
    background-image: url('img/alkuruutu/a7Fanbase-fi.png');
}
.fbFanBtn-fi:hover { background-position:0 -112px; }
.fbFanBtn-fi:active { background-position:0 -224px; }


.supportButton {
	background-image: url('img/alkuruutu/supportButton.png');
	width: 115px;
	height: 113px;
	margin-top: 5px;
}

.supportButtonPlease { background-position:0 0; }
.supportButtonPlease:hover { background-position:0 -113px; }
.supportButtonPlease:active { background-position:0 -226px; }
.supportButtonThanks { background-position:-115px 0; }
.supportButtonThanks:hover { background-position:-115px -113px; }
.supportButtonThanks:active { background-position:-115px -226px; }

.supportButtonPlease-fi { background-position:-230px 0px; }
.supportButtonPlease-fi:hover { background-position:-230px -113px; }
.supportButtonPlease-fi:active { background-position:-230px -226px; }
.supportButtonThanks-fi { background-position:-345px 0; }
.supportButtonThanks-fi:hover { background-position:-345px -113px; }
.supportButtonThanks-fi:active { background-position:-345px -226px; }

.startLangPanel {
	float: none;
	display: block;
	width: 176px;
	margin: 6px 0 8px 34px;
}

.loginLangPanel {
	float: none;
	display: block;
	width: 300px;
	margin: 0px auto 10px 60px;
}


.fight {
	margin: 0px 0px 0px 18px;
}

.speedCaption {
	margin: 27px 3px 3px 10px;
	color: #969696;
}

.speedCombo {
	font-family: arefont;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 12px;
}

.battleButton {
	margin: 3px 3px 3px 3px;
}

.gladiatorButton {
	padding: 2px 2px 2px 2px;
}

.loginpart {
	margin: 0px 0px 8px 16px;
}

.logoutPanel {
	margin-left: 0px;
}

.logoutPanelCity {
	margin-left: -20px;
	width: 200px;
	margin-top: 20px;
}

.dialogVPanel {
	margin: 0px;
}

.infoText {
	font-size: 150%;
	color: #969696;
	text-align: center;
}

.infoText1 {
	max-width: 900px;
	margin-top: 50px;
}

.infoText2 {
	max-width: 900px;
	margin-top: 30px;
}

.infoText3 {
	max-width: 900px;
}

.infoText4 {
	max-width: 900px;
	margin-top: 30px;
}

.instructionText {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: larger;
	text-align: center;
	font-size: larger;
}

.boardis {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	background-image: url('img/boardis2.jpg');
	width: 476px;
	height: 476px;
	margin-left: 263px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.boardisPanel {
	float: none;
	display: block;
	width: 975px;
}
.leagueGrid {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 40px;
	background-color: black;
	border-spacing: 0px;
}

.leagueGridEndMonth {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
	background-color: black;
	border-spacing: 0px;
}


.scheduleGrid {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 163px;
	background-color: black;
	border-spacing: 0px;
}
.leagueGridDivTitle {
	font-weight: bold;
}

.leagueGridCell {
	margin-left: 6px;
	margin-right: 6px;
}

.leagueGridCellEndMonth {
	margin-left: 6px;
	margin-right: 6px;
}

.leagueGridCellEndMonthWithoutColor {
	margin-left: 6px;
	margin-right: 6px;
	text-decoration: underline;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.tabPane {
	margin-left: 120px;
}

.subTabPane {
	margin-left: 240px;
}

.clickable {
	text-decoration: underline;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	color: #969696;
}

.clickableWithoutColor {
	text-decoration: underline;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.handCursor {
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.charSkills {
	margin: 8px;
	padding: 4px;
	background-color: #A8904C;
}

.stats {
	margin-left: 8px;
	font-weight: bold;
	color: #969696;
}

.skillCaption {
	font-weight: bold;
	margin-left: 9px;
	margin-right: 9px;
}

.skillRow {
	margin-left: 9px;
	margin-right: 9px;
}

.gridCaption {
	color: #574515;
	font-size: large;
	font-weight: bold;
	width: 310px;
}

.gs {
	color: #998117;
	text-align: center;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	font-weight: bold;
}

.gus {
	color: #474646;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	font-weight: bold;
}

.nots {
	color: #474646;
	font-weight: bold;
}

.gsheets {}
.gsheetus {}

.bottommostLeft {
	width: 76px;
}

.bottommostRight {
	margin-top: -7px;
	margin-left: 9px;
}

.hpbar {
	margin-top: 6px;
	margin-bottom: 1px;
	margin-left: 5px;
}

.mpbar {
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.activeSpellFirst {
	margin-left: 5px;
	margin-top: 2px;
}

.activeSpell {
	margin-left: -1px;
	margin-top: 2px;
}

.activeSpellEffect {
	background-color: red;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.battlePanel {
}

.charSheetButtonPanel {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	color: #969696;
	margin-bottom: 0px;
}

.recruitButtonPanel {
	text-align: center;
	padding-left: 9px;
	color: #969696;
}

.charSheetButtonText {
	margin-top: 3px;
	/* margin-left: 3px; */
	text-align: center;
}

.charSheetButton {
	background-image: url('img/lomake/fire-rename-button.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	margin-right: 0px;
	margin-left: 0px;
	width: 110px;
	height: 24px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.gMenuButton {
	background-image: url('img/lomake/gmenu-button.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	margin-right: 0px;
	margin-left: 0px;
	width: 180px;
	height: 24px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.recruitButton {
	background-image: url('img/lomake/recruit-button.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	width: 165px;
	height: 24px;
}

.faceRow {}

.charAttrCaption { /* background-color:#DBCEAB; */
	width: 100px;
	color: white;
}

.charCaption {
	width: 95px;
}

.charFirstValue {
	width: 50px;
}

.charSecondCaption { /* background-color:#DBCEAB; */
	padding-left: 19px;
	width: 42px;
	color: white;
}

.charSecondValue {
	color: white;
}

.charAttrCaptionAgeGroup { /* background-color:#DBCEAB; */
	width: 100px;
	color: grey;
}

.charAttrCaptionAgeGroupValue {
	color: grey;
}

.charAttrCaptionClickable { /* background-color:#DBCEAB;
  color:#A8904C; */
	color: blue;
	text-decoration: underline;
	width: 100px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.injuredColor { /* background-color:#e5cfbb; */
	color: red;
}

.noninjuredColor { /* background-color:#DBCEAB; */
	color: #969696;
}

.citybuttons {
	padding: 3px 20px 3px 20px;
	margin-left: 85px;
	margin-top: 4px;
	width: 894px;
	height: 122px;
	background-image: url('img/keskipalkki_c/keskipalkki-venytetty.png');
	background-repeat: no-repeat;
}

.citybuttonsNoCup {
	padding: 3px 12px;
	margin-left: 141px;
	margin-top: 4px;
	width: 809px;
	height: 122px;
	background-image: url("img/keskipalkki_c/keskipalkki.png");
	background-repeat: no-repeat;
}

.citytabbuttons {
	padding-top: 8px;
	padding-right: 20px;
	width: 720px;
	height: 40px;
}

.cityTabsShop {
	padding-left: 215px;
}

.cityTabsMage {
	padding-left: 265px;
}

.cityButtonText {
	color: white;
	margin-top: 3px;
	/* margin-left: 3px; */
	text-align: center;
	width: 104px;
	padding-top: 66px;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px
		1px 0 black;
}
.subMenuText {
	color: white;
	margin-top: 3px;
	/* margin-left: 3px; */
	text-align: center;
	width: 109px;
	padding-top: 0px;
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px
		1px 0 black;
}

.shopon,.shopoff,.mageon,.mageoff,.recruiton,.recruitoff,.leagueon,.leagueoff,.scheduleon,.scheduleoff,.opponenton,.opponentoff,.toptenon,.toptenoff,.opponenton,.opponentoff,.cupon,.cupoff
	{
	height: 91px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	background-repeat: no-repeat;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.shopon:hover,.shopoff:hover,.mageon:hover,.mageoff:hover,.recruiton:hover,.recruitoff:hover,.leagueon:hover,.leagueoff:hover,.scheduleon:hover,.scheduleoff:hover,.opponenton:hover,.opponentoff:hover,.toptenon:hover,.toptenoff:hover,.opponenton:hover,.opponentoff:hover,.cupon:hover,.cupoff:hover
	{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.unselectedSubTab {
	background-image: url('img/lomake/submenu-unselected.png');
	background-repeat: no-repeat;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	height: 24px;
	color: white;
}

.selectedSubTab {
	background-image: url('img/lomake/submenu-selected.png');
		background-repeat: no-repeat;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	height: 24px;
	color: grey;
}

.fighton {
	background-image: url('img/keskipalkki_c/BN_fight.png');
	background-position:0 49px;
	width: 103px;
	height: 49px;
	margin-top: 30px;
	margin-right: 8px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}
.fighton:hover {
	background-position:0 0;
}

.fighton-fi {
	background-image: url('img/keskipalkki_c/BN_fight-fi.png');
	background-position:0 49px;
	width: 103px;
	height: 49px;
	margin-top: 30px;
	margin-right: 8px;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}
.fighton-fi:hover {
	background-position:0 0px;
}

.shopon {
	background-image: url('img/keskipalkki_c/blacksmith_ON.png');
}

.shopoff {
	background-image: url('img/keskipalkki_c/blacksmith_OFF.png');
}

.mageon {
	background-image: url('img/keskipalkki_c/mage_ON.png');
}

.mageoff {
	background-image: url('img/keskipalkki_c/mage_OFF.png');
}

.recruiton {
	background-image: url('img/keskipalkki_c/recruit_ON.png');
}

.recruitoff {
	background-image: url('img/keskipalkki_c/recruit_OFF.png');
}

.leagueon {
	background-image: url('img/keskipalkki_c/league_ON.png');
}

.leagueoff {
	background-image: url('img/keskipalkki_c/league_OFF.png');
}

.cupon {
	background-image: url('img/keskipalkki_c/cup_ON.png');
}

.cupoff {
	background-image: url('img/keskipalkki_c/cup_OFF.png');
}

.scheduleon {
	background-image: url('img/keskipalkki_c/schedule_ON.png');
}

.scheduleoff {
	background-image: url('img/keskipalkki_c/schedule_OFF.png');
}

.opponenton {
	background-image: url('img/keskipalkki_c/next-opponent_ON.png');
}

.opponentoff {
	background-image: url('img/keskipalkki_c/next-opponent_OFF.png');
}

.toptenon {
	background-image: url('img/keskipalkki_c/topten_ON.png');
}

.toptenoff {
	background-image: url('img/keskipalkki_c/	topten_OFF.png');
}

.gselectimage {
	height: 94px;
	width: 75px;
	left: 0px;
	border: 0px;
	margin-top: 25px;
	margin-left: 37px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
}

.charsheetimagetext {
	left: 70px;
	border: 0px;
	padding-right: 25px;
	margin-top: 120px;
	float: right;
	overflow: hidden;
	background-repeat: no-repeat;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px 6px;
}

.anchorpanel {
	width: 197px;
	height: 35px;
}

.anchor {
	color: #969696;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	margin-left: 50px;
	margin-top: -30px;
}

/* following need to be added to standard.css */
/*
a, a:visited, a:hover {
  color: #969696;
}
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
*/

/* .teamPanel {
	margin-left:50px;
} */

.teamHeaderText {
	color: #969696;
	margin-left: 90px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: larger;
	text-align: center;
	width: 874px;
}

.offer {
	margin-left: 90px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: larger;
	text-align: center;
	width: 988px;
}

.shopGrid {
	color: #969696;
	margin-left: 204px;
	margin-top: 0px;
	background-color: black;
	border-spacing: 0px;
}

.mageGrid {
	color: #969696;
	margin-left: 90px;
	margin-top: 0px;
	background-color: black;
	border-spacing: 0px;
}

.weaponNameColumn {
	width: 350px;
	padding-left: 3px;
}

.weaponDamageColumn {
	width: 150px;
	padding-left: 3px;
}

.weaponPriceColumn {
	width: 150px;
	padding-left: 3px;
}

.buyButton {
	height: 12px;
}

.buyLabel {
	text-align: center;
	width: 109px;
	height: 24px;
	background-position:0 24px;
	background-image: url('img/lomake/BtnBuy.png');
}

.buyLabel:hover {
	background-position:0 0px;
}

.spellNameColumn {
	width: 100px;
	padding-left: 3px;
}

.spellManaColumn {
	width: 15px;
	padding-left: 3px;
}

.spellDurationColumn {
	width: 90px;
	padding-left: 3px;
}

.spellEffectColumn {
	width: 200px;
	padding-left: 3px;
}

.spellDescColumn {
	width: 320px;
	padding-left: 3px;
}

.spellPriceColumn {
	width: 50px;
	padding-left: 3px;
}

.leagueTable {
	margin-top: 12px;
	margin-left: 67px;
}

.toptenTable {
	margin-top: 3px;
	margin-left: 172px;
}

.monthEndLeagueTable {
	margin-top: -6px;
	margin-left: -8px;
}

.leagueTableName {
	width: 160px;
	padding-left: 3px;
}

.leagueTableNameEndMonth {
	width: 180px;
	padding-left: 3px;
}

.leagueTablePoints {
	width: 20px;
	padding-left: 3px;
}

.leagueScheduleMonth {
	width: 120px;
}

.leagueScheduleName {
	width: 280px;
	padding-left: 3px;
}

.leagueScheduleResult {
	width: 150px;
	padding-left: 3px;
}

.highscoreGrid {
	border-spacing: 0px;
}

.toptenTeamSection {
	margin-top: 1px;
}

.toptenGladiatorSection {
	margin-top: 1px;
}

.toptenRadioButtonPanel {
	margin-left: 300px;
}

.toptenRadioButton {
	margin-bottom: 4px;
	margin-left: 40px;
	color: #969696;
}

.toptenGridGlad {
	background-color: black;
	border-spacing: 0px;
}

.toptenGridTeam {
	background-color: black;
	border-spacing: 0px;
	margin-left:200px;
}

.toptenCombo {
	margin-bottom: 8px;
	margin-left: 345px;
	width: 177px;
}

.toptenComboTeam {
	margin-bottom: 8px;
	margin-left: 345px;
	width: 177px;
}
		
.toptenPos {
	width: 90px;
	padding-left: 3px;
}

.toptenPosCompact {
	width: 20px;
	padding-left: 3px;
}

.toptenName {
	width: 200px;
	padding-left: 3px;
}

.toptenNameCompact {
	width: 193px;
	padding-left: 3px;
}

.toptenRace {
	width: 146px;
	padding-left: 3px;
}

.toptenTeam {
	width: 200px;
	padding-left: 3px;
}

.toptenTeamCompact {
	width: 180px;
	padding-left: 3px;
}

.toptenStat {
	width: 150px;
	padding-left: 3px;
}

.toptenStatCompact {
	width: 25px;
	padding-left: 3px;
}

.skillGridPanel {
	/* background-color: black; */
	padding-left: 7px;
	padding-bottom: 7px;
}

.skillGrid {
	margin-top: 2px;
	/* color: #969696; */
	/* background-color: black; */
	font-family: arefont;
	width: 380px;
	border-spacing: 0px;
	/* border-spacing: 0px; */
}

.skillGridCaption {
	/* color: #969696; */
	/* background-color: black; */
	font-family: arefont;
	margin-left: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	width: 380px;
}

.renamePanel {
	background-color: black;
}

.renameCaption {
	margin: 15px;
	color: #969696;
}

.renameInput {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 40px;
	width: 200px;
	margin-top: 0px;
}

.renameButtonPanel  {
	margin-left: 21px;
}

.renameButton {
}

.strokeme
{
    color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

.confirmpic {
	padding-left: 32px;
	padding-top: 4px;
}

.okbutton {
	width: 51px;
	height: 51px;
	margin-top:4px;
	margin-right:14px;
	background-position:0 51px;
	background-image: url('img/buttons/BN_OK_button.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.okbutton:hover {
	background-position:0 0px;
}

.okbuttonsmall {
	width: 34px;
	height: 34px;
	margin-top:15px;
	margin-left:247px;
	background-position:0 34px;
	background-image: url('img/buttons/OK_button_small.png');
}

.okbuttonsmall:hover {
	background-position:0 0px;
}

.cancelbutton {
	width: 51px;
	height: 51px;
	margin-top:4px;
	margin-left:11px;
	margin-right:14px;
	background-position:0 51px;
	background-image: url('img/buttons/BN_NO_button.png');
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
}

.cancelbutton:hover {
	background-position:0 0px;
}

.slotcancelbutton {
	width: 51px;
	height: 51px;
	margin-top:-15px;
	margin-left:70px;
	background-position:0 51px;
	background-image: url('img/buttons/BN_NO_button.png');
}

.slotcancelbutton:hover {
	background-position:0 0px;
}

.battleDescMaster {
	background-image: url('img/scroll/mestari/585_keski.png');
	min-height: 129px;
	width: 585px;
	padding-left: 30px;
    padding-right: 20px;
}

.battleDescTopMaster {
	background-image: url('img/scroll/mestari/585_yla.png');
	width: 585px;
	height: 192px;
}

.battleDescBottomMaster {
	background-image: url('img/scroll/mestari/585_ala.png');
	width: 585px;
	height: 52px;
}

.largebattleDescMaster {
	background-image: url('img/scroll/mestari/1050_keski.png');
	min-height: 226px;
	width: 1050px;
	padding-left: 30px;
    padding-right: 20px;
}

.largebattleDescTopMaster {
	background-image: url('img/scroll/mestari/1050_yla.png');
	width: 1050px;
	height: 188px;
}

.largebattleDescBottomMaster {
	background-image: url('img/scroll/mestari/1050_ala.png');
	width: 1050px;
	height: 50px;
}

.battleDesc {
	background-image: url('img/scroll/normi/585_keski.png');
	min-height: 129px;
	width: 585px;
	padding-left: 20px;
    padding-right: 20px;
}

.battleDescTop {
	background-image: url('img/scroll/normi/585_yla.png');
	width: 585px;
	height: 43px;
}

.battleDescBottom {
	background-image: url('img/scroll/normi/585_ala.png');
	width: 585px;
	height: 43px;
}

.largebattleDesc {
	background-image: url('img/scroll/normi/1050_keski.png');
	min-height: 226px;
	max-width: 1050px;
	width: 1050px;
	padding-left: 30px;
	padding-right: 30px;
}

.largebattleDescTop {
	background-image: url('img/scroll/normi/1050_yla.png');
	width: 1050px;
	height: 43px;
}

.largebattleDescBottom {
	background-image: url('img/scroll/normi/1050_ala.png');
	width: 1050px;
	height: 43px;
}


/* stone alkaa */

.stonelargebattleDesc {
	background-image: url('img/scroll/kivi/1050_keski_stone.png');
	min-height: 226px;
	max-width: 1050px;
	width: 1050px;
	padding-left: 30px;
	padding-right: 30px;
}

.stonelargebattleDescTop {
	background-image: url('img/scroll/kivi/1050_yla_stone.png');
	width: 1050px;
	height: 57px;
}

.stonelargebattleDescBottom {
	background-image: url('img/scroll/kivi/1050_ala_stone.png');
	width: 1050px;
	height: 57px;
}

/* stone loppuu */


.xlargebattleDesc {
	background-image: url('img/scroll/normi/1204_keski.png');
	min-height: 226px;
	max-width: 1204;
	width: 1204;
	padding-left: 30px;
	padding-right: 30px;
}

.xlargebattleDescTop {
	background-image: url('img/scroll/normi/1204_yla.png');
	width: 1204;
	height: 43px;
}

.xlargebattleDescBottom {
	background-image: url('img/scroll/normi/1204_ala.png');
	width: 1204;
	height: 43px;
}


.gwt-PopupPanelGlass {
  background-color: black;
  opacity: 0.8 !important;
  filter: alpha(opacity=80) !important;
}

.confirmButton {
	position: relative;
	top: 25px;
}

.confirmButtonLoneOk {
	left: 5px;
}

.moraleTable {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
	/* background-color: #969696; */
}

.moraleLine {
	padding-top: 2px;
	padding-bottom: 2px;
	/* background-color: #969696; */
}

.r_moraleTable {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-left: 4px;
}

.r_moraleLine {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-size: 20px;	
}

.raceScroll {
	background-image: url('img/race/hahmo_dialogi_tausta.png');
}

.r_leftSide {
	top: 1px;
}

.r_rightSide {
	top: 1px;
	color: #2d1c0b;
}

.r_name {
	width: 410px;
	margin-left: 35px;
	margin-top: 40px;
	text-align: center;
	font-size: 40px;
}

.r_desc {
	width: 490px;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
}

.r_morale {
	width: 490px;
	margin-top: 10px;
	text-align: center;
	font-size: 18px;
}

.r_cancelbutton {
	margin-top: 37px;
	margin-left: 0px;
}

.r_pic {
	width: 485px;
	height: 476px;
	margin-top: 33px;
	margin-left: 38px;	
}

.r_stat_panel {
	position: absolute;
	margin-left: 18px;
	margin-top: 255px;
	top: 237px;
}

.r_stat {
	margin-top: 10px;
	margin-left: 0px;
	width: 114px;
	text-align: center;
}

.r_value_panel {
	position: absolute;
	margin-left: 18px;
	margin-top: 204px;
	top: 237px;
}

.r_value {
	margin-left: 0px;
	margin-top: 0px;
	width: 114px;
	text-align: center;
}

.raceface {
	cursor: url(img/cursor/kysymys.png), pointer;
}

.instaLoginHeader {
	font-size: 30px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 20px;
	width: 940px;
	text-align: center;
}

.instaLoginText {
	font-size: 20px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 940px;
	text-align: center;
}

.slotDialogHeader {
	font-size: 23px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 800px;
}

.slotHeaderRow {
	margin-left: 210px;
	margin-top: 20px;
	text-decoration: underline;
}

.slotRow {
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.disabledSlotButton {
	font-size: 16px;
	color: gray;
}

.enabledSlotButton {
	font-size: 16px;
	color : black;
	cursor: url("img/cursor/cursor32x32_hover.png"), auto;
	border: 1px;
}

.slotHeaderColumn {
	margin-left: 20px;
	font-size: 21px;
}

.slotColumn {
	margin-left: 20px;
	font-size: 18px;
}

.highscoreColumn0 {
	width: 60px;
}

.highscoreColumn1 {
	width: 400px;
}

.highscoreColumn2 {
	width: 100px;
}

.highscoreColumn3 {
	width: 100px;
}

.indicatorArrow {
}

.alertWidget {
	margin-top: 10px;	
	margin-bottom: 10px;
}

.fbPanel-fi {
	background-image: url('img/upper/fbAre7-fi.png');
	margin-top: 20px;
	width: 384px;
	height: 140px;
}

.fbPanel {
	background-image: url('img/upper/fbAre7.png');
	margin-top: 20px;
	width: 384px;
	height: 140px;
}

.rightFBPanel{
	height: 90px;
	margin-top: 10px;
}

.fbText {
	margin-left: 135px;
    margin-top: 40px;
    font-size: larger;
    text-align: center;
    width: 245px;
}

.fbButtons {
	margin-left: 210px;
	margin-top: 2px;
}

.loadingHighScores {
	margin-left: 10px;
	margin-top: 10px;
}

.attrFont {
	font-size: 18px;
}

.attrFontHp {
	color: #314305;
}

.attrFontMp {
	color: #022f31;
}

.attrFonDex {
	color: #462905;
}

.attrFonStr {
	color: #3A0604;
}

.ownScoresOnlyPanel {
	margin-left: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.ownScoresOnly {
	font-family: arefont;
	font-size: 20px;
	margin-left: 30px;
}
.difficultyRadioButtonPanel {
	margin-left: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.difficultyRadioButton {
	font-family: arefont;
	font-size: 20px;
	margin-left: 30px;
}

.newGameDialogHeader {
	font-size: 30px;
	margin-left: 20px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 500px;
	text-align: center;
}

.newGameDialogTeamNamePanel {
	font-size: 20px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.newGameDialogMesePanel {
	font-size: 20px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.newGameDialogPremadeTeamPanel {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.newGameDialogDifficultyPanel {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.newGameDialogCupPanel {
	margin-top: 10px;
	margin-left: 10px;
}

.enterTeamNameCaption {
	font-size: 20px;
	margin-left: 0px;
	width: 150px;
}

.enterTeamNameInput {
	font-size: 20px;
	margin-left: 4px;
}

.meseCaption {
	font-size: 20px;
	margin-left: 0px;
	margin-top: 10px;
	width: 500px;
}

.premadeTeamCheckBox {
	font-size: 20px;
	font-family: arefont;	
	margin-left: 0px;
}

.newGameDialogDifficultyRadioButton {
	font-family: arefont;
	font-size: 20px;
}

.newGameDialogButtonPanel {
	margin-top: 10px;
	margin-left: 450px;
}

.tips {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	border-radius: 5px;
	background-color: rgb(205, 192, 168);
	box-shadow: 0px 18px 18.06px 2.94px rgba(0, 0, 0, 0.58), inset 0px 0px 124.45px 6.55px rgba(135, 118, 84, 0.5);
	z-index: 108;
	color: #2C2824;
	font-weight: normal;
	padding: 3px;
	max-width: 250px;
}

.tipsSkipFixedSize {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	border-radius: 5px;
	background-color: rgb(205, 192, 168);
	box-shadow: 0px 18px 18.06px 2.94px rgba(0, 0, 0, 0.58), inset 0px 0px 124.45px 6.55px rgba(135, 118, 84, 0.5);
	z-index: 108;
	color: #2C2824;
	font-weight: normal;
	padding: 3px;
}

.monthEndUpperPanel {
	padding-bottom: 5px;
}

.bankPic {
	margin-top: 2px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	width: 65px;
	height: 66px;
}

.stoneText {
	display: block;
    padding: 5px 0 7px;
    color: white;
    text-shadow: 1px 1px #000000;
    letter-spacing: -1px;
    text-transform: lowercase;
    margin-left: 24px;
}

.paypalButton {
	width: 142px;
	height: 27px;
	margin-top: 8px;
	margin-left: 315px;
	margin-right: 6px;
	margin-bottom: 5px;
	text-align: center;
	background-image: url('img/banks/paypal.png');
}