/* Global */
@font-face { font-family: FranklinGothic; src: url('../fonts/FranklinGothic.ttf'); }
html { height: 100%; background-image: url("../layout/body-content-bg.jpg"); background-position: top; background-repeat: repeat-y; background-color: #000000;font-family: 'FranklinGothic'; }
body { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }

/* Divs */
.header_con { height: 260px; width: 100%; margin-top: -8px; background-image: url("../layout/header.jpg"); background-position: top; text-align: center; }
.body_con {
	padding: 30px 0px 30px 0px;
	height: auto;
	background-image: url("../layout/subpage-body-bg.png");
	background-position: top; background-repeat: no-repeat; background-size: contain;
}
.gallery_con { height: 342px; width: 952px; margin: 0px auto 0px auto; }
.footer_con
{ 
	height: 60px;
	width: 100%;
	background-image: url("../layout/footer.png"); background-repeat: no-repeat; background-position: top;
	padding-top: 30px; padding-bottom: 20px;
	color: #70522C; font-size: 12px; text-align: center;
}
.push { height: 60px; }
.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}

.header { width: 623px; height: 65px; font-size: 32px; color: #FC0; text-align: center; margin-left: 12px; margin-top: 11px; padding-top: 26px; }
.ads { width: 893px; height: 148px; background-image: url("../layout/parchment.png"); background-repeat: no-repeat; margin-left: auto; margin-right: auto; text-align: center; }
.genform { max-height: 1300px; width: 900px; color: #000; margin: 0px auto 0px auto; }
.donateFrame { float: right; margin-top: -60px; padding: 5px; }

.logoImage
{ height: 130px; } 

.classColorHelpBox
{
	border: 1px solid black;
	display: none;
	height: auto;
	width: 200px;
	position: absolute;
	z-index: 1000;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #E8D5AA;
}
.classColorHelpBox td { height: auto !important; }

/* Tables */
.tdesc { font-size: 20px; text-align: right; width: 25%; }
.tinput { text-align: center; width: 80%; }
.tinfo { text-align: center; width: 25%; font-size: 9px; }
td { height: 50px !important; max-height: 50px !important; }

#display_table { text-align: center; }
#display_table td { padding: 0px 10px 0px 10px; }

/* Links */
a { color: #FFB100; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFB100; text-decoration: none; } /* A67100 */
a:visited:hover { color: #FFFFFF; text-decoration: none; }

.genform a { color: #E22C14; font-weight: bold; }
.genform a:visited { color: #E22C14; font-weight: bold; }
.genform a:hover { text-decoration: underline; }
.genform a:visited:hover { text-decoration: underline; }

/* Text */
.disabledText { color: #999; }

/* Forms */
.numberValues {
	height: 75px; width: 75px;
	border: 1px solid black; background-color: #F2EBD8;
	background-repeat: no-repeat; background-position: top; background-size: contain;
	margin: 0px 10px 0px 10px;
	text-align: center;
	font-size: 56px;
	color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-text-stroke: 1px black;
	text-shadow:
	-1px -1px 0 #000,  
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
}
.mana { background-image: url("../layout/mana.png"); }
.damage { background-image: url("../layout/damage.png"); }
.health { background-image: url("../layout/health.png"); }
.weaponDamage { background-image: url("../layout/weapon_damage.png"); }
.weaponDurability { background-image: url("../layout/weapon_durability.png"); }

.rarityGem+label {
	width: 37px; height: 48px;
	background-repeat: no-repeat; background-position: center; background-size: auto;
	padding: 19px 24px 19px 24px;
	margin-left: 35px;
}
.rarityGem { display: none; }
#rarityCommon+label { background-image: url("../layout/rarity_gem_common.png"); }
#rarityRare+label { background-image: url("../layout/rarity_gem_rare.png"); }
#rarityEpic+label { background-image: url("../layout/rarity_gem_epic.png"); }
#rarityLegendary+label { background-image: url("../layout/rarity_gem_legendary.png"); }
#rarityNone:checked+label { text-shadow: 0 0 0.2em #007bd9, 0 0 0.2em #007bd9, 0 0 0.2em #007bd9; }
#rarityCommon:checked+label { background-image: url("../layout/rarity_gem_common_selected.png"); }
#rarityRare:checked+label { background-image: url("../layout/rarity_gem_rare_selected.png"); }
#rarityEpic:checked+label { background-image: url("../layout/rarity_gem_epic_selected.png"); }
#rarityLegendary:checked+label { background-image: url("../layout/rarity_gem_legendary_selected.png"); }

.rarityGemNoMargin { display: none; }
.rarityGemNoMargin+label { width: 37px; height: 48px; margin: 0px !important; }


.langSelect+label {
	width: 22px; height: 17px;
	background-repeat: no-repeat; background-position: center; background-size: auto;
	padding: 5px 10px 5px 10px;
	margin-left: 35px;
	cursor: pointer;
}
.langSelect { display: none; }
#langEN+label { background-image: url("../layout/flag_en.png"); }
#langCN+label { background-image: url("../layout/flag_cn.png"); }
#langKO+label { background-image: url("../layout/flag_ko.png"); }
#langPL+label { background-image: url("../layout/flag_pl.png"); }
#langRU+label { background-image: url("../layout/flag_ru.png"); }
#langTW+label { background-image: url("../layout/flag_tw.png"); }
#langEN:checked+label { background-image: url("../layout/flag_en_selected.png"); }
#langCN:checked+label { background-image: url("../layout/flag_cn_selected.png"); }
#langKO:checked+label { background-image: url("../layout/flag_ko_selected.png"); }
#langPL:checked+label { background-image: url("../layout/flag_pl_selected.png"); }
#langRU:checked+label { background-image: url("../layout/flag_ru_selected.png"); }
#langTW:checked+label { background-image: url("../layout/flag_tw_selected.png"); }

.langSelectNoMargin { display: none; }
.langSelectNoMargin+label
{
	width: 22px; height: 17px;
	background-repeat: no-repeat; background-position: center; background-size: auto;
	padding: 5px 10px 5px 10px;
	margin-left: 0px;
	cursor: pointer;
}

.typeSpaced { margin-left: 40px; }

.nameInput {
	width: 350px;
	height: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #F2EBD8;
	border: 1px solid black; padding: 5px;
	}
.nameInputDisabled {
	width: 350px;
	height: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #dcd5c4;
	border: 1px solid black; padding: 5px;
	color: #666;
	}
.descriptionInput {
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #F2EBD8;
	border: 1px solid black; padding: 5px;
	resize: none;
	}
.classSelect {
	width: 200px;
	height: 30px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #F2EBD8;
	border: 1px solid black; padding: 5px;
}
.shortinput {
	width: 200px;
	height: 20px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFF;
	border: none; padding: 5px;
	}
.genbutton { 
	width: 150px;
	height: 30px;
	color: #DAB000;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #752206;
	background: -webkit-gradient(linear, left top, left bottom, from(#6A2303), to(#3E0D07));
	background: -moz-linear-gradient(top,  #6A2303,  #3E0D07);
	background-color: #3E0D07;
	}
.genbutton:hover
	{
	border: 1px solid #A7310A;
	background: -webkit-gradient(linear, left top, left bottom, from(#862D05), to(#5D140B));
	background: -moz-linear-gradient(top,  #862D05,  #5D140B);
	}
.greenButton { 
	width: 150px;
	height: 35px;
	color: #FFF;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #149503;
	background: -webkit-gradient(linear, left top, left bottom, from(#146A03), to(#143E07));
	background: -moz-linear-gradient(top,  #146A03,  #143E07);
	background-color: #143E07;
	}
.greenButton:hover
	{
	border: 1px solid #14C306;
	background: -webkit-gradient(linear, left top, left bottom, from(#148605), to(#145D0B));
	background: -moz-linear-gradient(top,  #148605,  #145D0B);
	}
.checkbox {
	background: url("../images/layout/checkbox.png") no-repeat;
	width: 19px;
	height: 25px;
	padding: 0 10px 0 0;
	margin-top: 7px;
	display: block;
	clear: left;
	float: left;
	}
	
/* Gallery */
.gallery { width: 990px; height: 302px; position: absolute; top: 930px; text-align: center; color: #D9B000; font-size: 20px; }
	
/* Corner Banner */
#corner-banner {
	position: absolute; left: -50px; top: 40px;
	color: #FFF;
	float: left;
	display: block;
	width: 200px;
	background: #333; /* old browsers */
	background: -moz-linear-gradient(top, #F00 0%, #A00 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F00), color-stop(100%,#A00)); /* webkit */
	text-align:center; font-size:14px; line-height:13px;
	padding:3px 3px 4px 3px;
	
	-moz-transform: rotate(-45deg);  /* FF3.5+ */
	-o-transform: rotate(-45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-45deg);  /* Saf3.1+, Chrome */
	transform: rotate(-45deg);  /* CSS3 (for when it gets supported) */
	
	
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px; 
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px; 
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;    
	-o-box-shadow: rgba(0,0,0, 0.2) 0px 0px 6px;    
}
#corner-banner em {letter-spacing:1px;font-style:normal;font-size:18px !important;color:#fff;text-transform:uppercase;line-height:12px;display:block;}