@font-face { font-family: FontHeader; src: url('font/Crayons.ttf'); }
@font-face { font-family: Heavy; src: url('font/Heavy.ttf'); }
@font-face { font-family: Fear; src: url('font/Fear.ttf'); }
@font-face { font-family: Colleged; src: url('font/Colleged.ttf'); }
@font-face {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  src: url("font/FontAwesome.eot") format("embedded-opentype"), 
		url("font/FontAwesome.woff") format("woff"), 
		url("font/FontAwesome.ttf") format("truetype");
}

.cntButton { float: left; width: 100px; padding: 0 10px; height: 70px; border: 0px solid gold; }
.cntButton .regularButton { cursor: pointer; display: block; margin: 10px auto; height: 30px; width: 100px; color: black; text-align: center; padding-top: 10px; font: bold 14px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.cntButton .regularButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }
.cntButton .regularButton:disabled { background: #606060; background: linear-gradient(#909090, #606060); box-shadow: 0 0 5px gold; }

.def_button { cursor: pointer; display: block; margin: 10px auto; height: 30px; width: 100px; color: black; text-align: center; padding-top: 10px; font: bold 14px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.def_button:hover { background: #ffba00; background: linear-gradient(#ffba00, #55511F); box-shadow: 0 0 5px gold; }
.def_button:active { background: #ffba00; background: linear-gradient(#ffba00, #35310F); box-shadow: 0 0 5px gold; }
.def_disabled { background: #202020; color: #505050; box-shadow: 0 0 5px black; border: 1px solid #505050; }
.def_disabled:hover { background: #202020; color: #505050; box-shadow: 0 0 5px black; border: 1px solid #505050; cursor: not-allowed }



.cntSelect { width: 70px; padding: 6px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; border-radius: 5px; box-shadow: 0 0 5px #645a2a; 
	*margin: 0 0 12px 11px; 
	_margin-right: 8px;
}

/* Layout */
.clear, .clearDiv { clear: both; }
 .hidden { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.fa-icon { font-family: FontAwesome; }

#content .mainTitle { font-size: 20px }
.contentLocation { padding: 10px 20px; /*margin: -20px 0 10px;*/ font: normal 10px Arial, Helvetica, sans-serif; }
.contentLocation a { color: #ffba00; text-shadow: 0 0 1px white; } /* 645a2a*/
.contentMain { margin: 0 20px; }
.contentMain h1 { font-size: 32px; }
.contentMain h2 { font-size: 18px; }


/* ## Content Two Columns ## */
.contentLeft { float: left; margin-left: 20px; width: 620px; padding: 8px; background: #201000; border: 2px solid #9f833e; border-radius: 15px; }
.contentSide { float: right; margin-right: 10px; width: 316px; }
/* #1a0f08 */

/* content login */
.formLogin { margin: 10px 0 20px 3px; float: left; }
.formLogin p { width: 285px; margin-bottom: 18px; }
.formLogin span { padding-left: 25px; font-size: 15px; }
.contentLogin { float: right; width: 157px; padding: 4px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; color: #707070; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.contentLogin.active,
.contentLogin:focus { background-color: gold; box-shadow: 0 0 5px gold; color: #000; font-weight: normal; }
.contentLoginButton { margin-left: 213px; border: 2px solid #645a2a; outline: none; cursor: pointer; 
	background-color: #ffba00; height: 28px; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.contentLoginButton:hover { background-color: gold; box-shadow: 0 0 5px gold; }
.infoLogin { float: left; text-align: justify; margin: 5px 0 0 10px; padding: 10px; width: 270px; background: #3a1d00; border: 2px solid #592c00; border-radius: 15px; }

/* ## SIDEBAR ## */
.contentSide .contentSideBar { /*margin: 0 0 0 10px;*/ }
.contentSide .contentSideBar h2 { font: bold 14px Arial, Helvetica, sans-serif; padding: 4px 15px; /*background: #996600;*/ border-bottom: 2px solid #ffbb00; text-transform: uppercase; }
.contentSideBar .sideOption { } /* li */
.contentSideBar .sideLink { background: url("/style/images/icon/roundSide.png") 5px 6px no-repeat; display: block; color: white/*#94989F*/; margin: 0 0 .2em 0; padding: .3em 0 .3em 25px; }
.contentSideBar .sideLink:hover { background: #800000 url("/style/images/icon/roundSide.png") 5px 6px no-repeat; }

.contentSideBar .sideActive { font-weight: bold; background: #800000; }
.contentSideBar .sideDisabled { font-weight: normal; }
.contentSideBar .sideDisabled  a { color: grey; background: #303030 url("/style/images/icon/roundSide.png") 5px 6px no-repeat; }
.contentSideBar .sideDisabled  a:hover { cursor: default; background: #303030 url("/style/images/icon/roundSide.png") 5px 6px no-repeat; }

.ticket-count { float: right; text-align: center; font-size: 17px; color: black; width: 25px; height: 25px; font-weight: bold; background: #ffba00; border-radius: 10px; border: 1px solid red;  }
.support-desc { width: 220px; }

/* ## Registration ## */
.formRegistrationMain { width: 100%; margin-top: 20px; }
.formRegMainVoice { /* */ }

.formRegMainVoice .nameField { float: left; height: 25px; width: 150px; text-align: right; padding: 15px 0 0 0;
		font: normal 16px Arial, sans-serif; letter-spacing: -1px; overflow: hidden;  }
.formRegMainVoice .inputField { margin: 10px; float: left; width: 180px; }
.formRegMainVoice .infoField { margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #3a1d00; border: 2px solid #592c00; overflow: auto; }
.formRegMainVoice .errorField { display: none; margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #800000; border: 2px solid red; overflow: auto; }
.formRegMainVoice .phpError { display: none; margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #800000; border: 2px solid red; overflow: auto; }
		
.formRegMainVoice .input { width: 157px; padding: 6px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; color: #707070; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.formRegMainVoice .input.active,
.formRegMainVoice .input:focus { background-color: gold; box-shadow: 0 0 5px gold; color: #000; }

.formRegMainVoice .select { width: 173px; padding: 6px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; border-radius: 5px; box-shadow: 0 0 5px #645a2a; 
	/* if ie 7 or below */
	*margin: 0 0 12px 11px; 
	/* if ie 6 or below */
	_margin-right: 8px;
	}

.formRegMainButton { margin: 20px auto; width: 250px; }
.formRegMainButton .inputButton { margin: 0 auto; border: 1px solid #645a2a; outline: none; cursor: pointer; 
	background: #ffba00; background: linear-gradient(#ffba00, #65612f); font: bold 16px Arial; width: 100%; height: 40px; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.formRegMainButton .inputButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

.formRegSomeErrors { display: none; background: #800000; padding: 15px; margin-bottom: 10px; font: bold 16px Arial, sans-serif; border: 2px solid red; border-radius: 10px; }

.formRegMainVoice .resumeField { float: left; height: 25px; width: 300px; text-align: left; padding: 9px 0 5px 20px; margin: 5px 0 0 35px; color: black;
		font: bold 16px Arial, sans-serif; overflow: hidden; border: 2px solid #645a2a; border-radius: 10px; background: gold; background: linear-gradient(gold, #65612f); }
.formRegMainVoice .resumeField:hover{ background: #65612f; background: linear-gradient(#65612f, gold); }
.formRegMainVoice .short { padding: 15px 0 1px 20px; font-size: 12px; letter-spacing: -1px; }

.formRegMainButton .confirmButton { margin: 0 auto; border: 1px solid #645a2a; outline: none; cursor: pointer; 
	background: #228b22; background: linear-gradient(#228b22, #177245); font: bold 16px Arial; width: 320px; height: 40px; border-radius: 5px; /*box-shadow: 0 0 5px #645a2a;*/ }
.formRegMainButton .confirmButton:hover { background: #66FF00; background: linear-gradient(#66FF00, #228b22); box-shadow: 0 0 5px gold; }

.formRegAcceptTerms { text-align: center; margin: 20px auto; width: 400px; }
.formRegAcceptTerms .terms { margin-left: 10px; font-size: 15px; }
.formRegAcceptTerms a { color: #ffba00; }
.formRegAcceptTerms a:hover { color: #645a2a; }
.formRegAcceptTerms input[type="checkbox"] {
	margin-top:-1px;
	vertical-align:middle;
	cursor:pointer;
}

.formRegValidate { margin: 20px 0; text-align: center; min-height: 50px; }
.formRegValidate .important { font-size: 20px; font-weight: bold; }
.formRegValidate .error { text-align: justify; width: 390px; min-height: 40px; padding: 15px; margin: 0 auto; background: #600000; border: 2px solid red; font-size: 16px; border-radius: 10px; }
.formRegValidate .success { text-align: justify; width: 390px; min-height: 40px; padding: 15px; margin: 0 auto; background: #004000; border: 2px solid green; font-size: 16px; border-radius: 10px; }
.formRegValidate .resend { text-align: justify; margin: 10px 20px; font-size: 16px; }
.formRegValidate .confirmButton { margin: 10px 0 10px; border: 1px solid #645a2a; outline: none; cursor: pointer; 
	background: #228b22; background: linear-gradient(#228b22, #177245); font: bold 16px Arial; width: 250px; height: 40px; border-radius: 5px; /*box-shadow: 0 0 5px #645a2a;*/ }
.formRegValidate .confirmButton:hover { background: #66FF00; background: linear-gradient(#66FF00, #228b22); box-shadow: 0 0 5px gold; }

/* ##### Main page form ##### */
.formMain { width: 100%; margin-top: 20px; }
.formMainVoice { /* */ }

.formMainVoice .nameField { float: left; height: 25px; width: 150px; text-align: right; padding: 15px 0 0 0;
		font: normal 16px Arial, sans-serif; letter-spacing: -1px; overflow: hidden;  }
.formMainVoice .inputField { margin: 10px; float: left; width: 180px; }
.formMainVoice .infoField { margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #3a1d00; border: 2px solid #592c00; overflow: auto; }
.formMainVoice .errorField { display: none; margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #800000; border: 2px solid red; overflow: auto; }
.formMainVoice .phpError { display: none; margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #800000; border: 2px solid red; overflow: auto; }
		
.formMainVoice .input { width: 157px; padding: 6px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; color: #707070; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.formMainVoice .input.active,
.formMainVoice .input:focus { background-color: gold; box-shadow: 0 0 5px gold; color: #000; }

.formMainButton { margin: 20px auto; width: 250px; }
.formMainButton .inputButton { margin: 0 auto; border: 1px solid #645a2a; outline: none; cursor: pointer; 
	background: #ffba00; background: linear-gradient(#ffba00, #65612f); font: bold 16px Arial; width: 100%; height: 40px; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.formMainButton .inputButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

.formSomeErrors { display: none; background: #800000; padding: 15px; margin-bottom: 10px; font: bold 16px Arial, sans-serif; border: 2px solid red; border-radius: 10px; }

.formMainInfo { margin: 20px 0; text-align: center; }
.formMainInfo .important { font-size: 20px; font-weight: bold; }
.formMainInfo .error { text-align: justify; width: 390px; min-height: 40px; padding: 15px; margin: 0 auto; background: #600000; border: 2px solid red; font-size: 16px; border-radius: 10px; }
.formMainInfo .success { text-align: justify; width: 390px; min-height: 40px; padding: 15px; margin: 0 auto; background: #004000; border: 2px solid green; font-size: 16px; border-radius: 10px; }

.passwordSecurityField { width: 169px; height: 27px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; color: #707070; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }

.passwordSecurityContent { /*padding: 1px 1px 1px 1px;*/ width: 0%; height: 100%; /*border-radius: 3px;*/ }

#passwordSecurityInfoInvalid { display: none; background: red; }
#passwordSecurityInfoLow { display: none; background: #d4691b; color: black; }
#passwordSecurityInfoMiddle { display: none; background: #F0FF00; color: black; }
#passwordSecurityInfoBetter { display: none; background: #00A000; color: black; }

/****** SIDEBAR AREA ******/

.buttonArea { margin: 8px 0 0 15px; height: 315px; }
.buttonContainer { margin: 20px auto; padding: 2px; height: 83px; width: 270px; border: 1px solid #ccb76c; border-radius: 8px;
	background: #7b6128; background: url('/style/images/button/mainBtnShadow.png') 50% 33px no-repeat, linear-gradient(#7b6128, #382304)/*(#998959, #4d4430)*/; background-size: 276px; }
.buttonContainer:hover { background: #a68337; background: url('/style/images/button/mainBtnShadow.png') 50% 33px no-repeat, linear-gradient(#a68337, #382304); background-size: 276px; box-shadow: 0 0 8px gold; }

.mainButton { 
	display: block;
	text-align: left;
	padding: 25px 0 25px 100px; 
	font: bold 28px "Trebuchet MS", Arial, sans-serif; 
	/* color: #291e00;
	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.7);  */
	color: #f2bf50; 
	text-shadow: 0 1px 3px rgba(10, 10, 10, 0.7); 
	border-radius: 6px; 
}

.buttonContainer .mainButton:after {
	font: normal 60px FontAwesome;
	margin: -45px 0 0 -80px;
	position: absolute;
	display: block;
	height: 32px;
	width: 32px;
}
.buttonContainer .register:after { content: ""; }
.buttonContainer .login:after { content: ""; }
.buttonContainer .download:after { content: ""; }
.buttonContainer .logout:after { content: ""; }
.buttonContainer .profile:after { content: ""; }

/* Spacer */
.sidebarSpacer { margin: 15px auto; border-top: 1px solid #ffba00; height: 1px; width: 80%; box-shadow: 0 0 2px white; }
.mainPageSpacer { margin: 15px auto; border-bottom: 1px solid #909090; background-color: #4d4529; height: 1px; width: 100%; /*box-shadow: 0 0 2px white;*/ }

/* Area below button */
.mainLeftArea { margin-left: 0px; width: 330px; /*background: #201000; border: 2px solid #ffba00; border-top: 0px; border-left: 0px; border-radius: 0 0 10px 0px;*/ }

.socialButtonArea { margin-left: 15px; }
.socialButtonContainer { display: inline-block; margin: 10px 5px; padding: 2px; height: 83px; width: 83px; border: 1px solid #ccb76c; border-radius: 8px; 
	zoom: 1;
	/* for ie7 */
	*display: inline;
	/* for ie6 or below */
	_display: inline;
}

.mainButtonSocial { display: block; width: 100%; padding: 25px 0; text-transform: uppercase; font: bold 28px Arial, Verdana, sans-serif; text-align: center; border-radius: 6px; }

.socialButtonContainer .facebook { color: white; background: #3b579d; }
.socialButtonContainer .facebook:hover { background: #1b377d; }
.socialButtonContainer .facebook  img { margin: -20px auto; height: 65px; }
.socialButtonContainer .twitter { color: white; background: #7c8fbe; }
.socialButtonContainer .twitter:hover { background: #5c6f9e; }
.socialButtonContainer .twitter img { margin: -15px auto; height: 55px; }
.socialButtonContainer .youtube { color: white; background: #d21626; }
.socialButtonContainer .youtube:hover { background: #f23646; }
.socialButtonContainer .youtube img  { margin: -15px auto; height: 50px; }

.sbRankings { margin: -10px 0 15px; text-align: center; font: bold 24px "Trebuchet MS", Arial, sans-serif; color: #ccb76c; /*text-shadow: 0 0 4px gold;*/text-shadow: 1px 1px 1px #574823; }
.mainSidebarRank { margin: 30px 15px 20px 20px; }
.sidebarRankTitle { height: 60px; width: 310px; }

.sidebarRankTitle .sbTab { 
	display: inline-block; zoom: 1; *display: inline; _display: inline;
	width: 94px; height: 59px; 
	background: #332f2b; 
	border: 1px solid #404040;
	border-bottom-color: #b08138;
	border-radius: 8px 8px 0 0; 
} 
.sidebarRankTitle .sbTabActive {
	width: 95px;
	background: #231d10; 
	border-color: #b08138;
	background: linear-gradient(#574823, #231d10); 
	border-bottom-color: #231d10;
}
.sidebarRankTitle a { display: block; height: 60px; }
.sidebarRankTitle img { margin: 0 20%; height: 32px; }
.sidebarRankTitle span { display: block; text-align: center; margin-top: -5px; font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #505050; }
.sidebarRankTitle .sbTabActive  span { color: #ccb76c; }

.sidebarRankTableContainer { background: #231d10; min-height: 300px; border: 1px solid #b08138; border-radius: 0 0 10px 10px; clear: both; }
.sidebarRankTable { font-weight: bold; width: 100%; }
.sidebarRankTable th { background: #231d10; height: 15px; }
.sidebarRankTable td { background: /*#b19155*/#231d10; text-shadow: 0 0 3px #ffba00; text-align: center; }

.sidebarRankTable .sideRankPosition { width: 15%; }
.sidebarRankTable .sideRankName { width: 40%; font-size: 14px; }
.sidebarRankTable .sideRankEmpire { width: 20%; }
.sidebarRankTable .sideRankEmpire img { margin-top: 3px; height: 18px; }
.sidebarRankTable .sideRankValue { width: 25%; }

.sideRankUnderConstruction:after { 
	font-family: FontAwesome;
	position: absolute;
	margin: -10px 0 0 110px;
	font-size: 72px;
	display: block;
	height: 32px;
	width: 32px;
	content: "";
}

.sideRankUnderConstruction {
	margin-top: 20px;
	height: 240px;
}

.mpRankAll { margin: 10px 0; }
.mpRankAll a { display: block; width: 90%; height: 25px; margin: 0 auto; padding-top: 5px; border: 1px solid #ccb76c; font: bold 18px "Trebuchet MS", Arial, sans-serif;
	background: #998959; background: linear-gradient(#998959, #4d4430); text-align: center; color: #261c00; border-radius: 5px; }
.mpRankAll a:hover { background: gold; background: linear-gradient(gold, #4d4430); box-shadow: 0 0 5px gold; }

/****** END SIDEBAR ******/

.mainOverText {
	color: #FFFFFF;
	font-family: Tahoma, Arial, Sans-Serif;
	position: relative;
	margin-top: 260px;
	height: 90px;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	z-index: 2;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	overflow: hidden;
}
.mainOverText .title {
	font-size: 32px;
	padding: 5px 0px 5px 15px;
	height: 40px;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
	overflow: hidden;
}
.mainOverText .desc {
	height: 30px;
	font-size: 20px;
	font-weight: lighter;
	padding-left: 15px;
	/*line-height: 130%;*/
	-moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;
	overflow: hidden;
}

.mainPageContent { 
	min-height: 450px; margin: 10px 0 5px; padding: 10px; background: #261c00; border: 2px solid #211800; border-radius: 0 0 10px 10px;
	/* #332500 */
}
.mainPageStory {
	background: #332500;
	border-bottom: 1px solid #303030;
	margin-bottom: 20px;
}
.mainPageStoryUpper { width: 100%; float: left; }

.mainPageStoryImage { float: left;  width: 120px; }
.mainPageStoryText { overflow: hidden; float: left; width: 465px; }

.mpStoryImageLink { width: 80%; margin: 15% 10% 0;  display: block; }
.mpStoryImageLink img { width: 100%; border: 1px solid #ccb76c; }

.mpStoryTitle { margin: 10px 15px; font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #ccb76c; }
.mpStoryTitle a { color: #ccb76c; }
.mpStoryQuote { margin: 0 15px 10px 15px; }
.mpStoryQuote a { color: #f7eecb; }
.mainPageStoryBottom { clear: both; }

.mainPageStoryBottom { text-align: right; margin: 0 10px 10px; }
.mainPageStoryBottom div { float: left; margin-left: 125px; display: inline-block; *display: inline; _display: inline; zoom: 1; font: bold 12px "Trebuchet MS", Arial, sans-serif; color: #f8f8f8; }
.mainPageStoryBottom a { font: bold 12px "Trebuchet MS", Arial, sans-serif; color: #f8df84; }

.mpReadMoreNews a { background: #332500; padding: 10px; color: #f8df84; text-transform: uppercase; text-align: center; font: bold 14px "Trebuchet MS", Arial, sans-serif; display: block; }
.mpReadMoreNews a:hover { background: #433500; }

/**************************
***		END NEWS		***
**************************/

.mpMainButtonContainer { height: 180px; margin: 0 0 20px; background: #332500; }

.mpButton { margin: 1% 0 0 2%; width: 30%; height: 90%; display: inline-block; zoom: 1; *display:inline; _display:inline; }

.mpButtonImage { width: 100%; height: 80%; }
.mpButtonImage img { border: 1px solid #ccb76c; width: 165px; height: 120px; margin: 5px 5px }
.mpButtonImage img:hover { border-color: #000000; }

.mpButtonText { text-align: center; overflow: hidden; width: 100%; height: 18%; }
.mpButtonText a { font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #ccb76c; }

/**** WORK IN PROGRESS PAGE ****/
.wipContainer { min-height: 200px; font: normal 14px "Trebuchet MS", Arial, sans-serif; }
.wipContainer h1 { font-size: 32px; }
.wipContainer h2 { font-size: 18px; }
.wipContainer p { letter-spacing: -0.5px; }
.wipContainer ul { margin: 10px; }

.wipListPages li { font-weight: bold; display: inline; margin: 0 10px; }
.wipContainer .contact a { color: #cc96cf; font-weight: bold; }
/**** END WORK IN PROGRESS PAGE ****/

/**** DOWNLOAD PAGE ****/
.dwnPageContainer {  
	min-height: 480px; padding: 0px 350px 0px 0px;
	background: url("/style/images/render/sura.png") 300px 0px no-repeat;
	font: normal 14px "Trebuchet MS", Arial, sans-serif;
}
.dwnPageContainer h1 { font-size: 32px; }
.dwnPageContainer h2 { font-size: 18px; }

.dwnPageInfo { hyphens: none; -moz-hyphens: none; margin: 10px 0; }
.dwnPageInfo ul { margin: 10px; font: bold 12px "Trebuchet MS", Arial, sans-serif; list-style-type: square; }
.dwnPageInfo .normal { margin: 10px; font: normal 12px "Trebuchet MS", Arial, sans-serif; list-style-type: square; }
.dwnPageInfo li { margin: 0 0 8px 10px; }

.dwnPageInfo .dwnButton { 
	width: 400px; height: 50px; margin: 25px 0 25px 20px; text-align: center; padding-top: 20px; 
	display: inline-block; *display: inline; _display: inline; zoom: 1;
	font: bold 24px "Trebuchet MS", Arial, sans-serif;
	border: 1px solid #ccb76c; 
	background: #998959; background: linear-gradient(#998959, #4d4430); color: #000000; border-radius: 8px; 
	}

.dwnPageInfo .dwnButton:hover { background: gold; background: linear-gradient(gold, #4d4430); box-shadow: 0 0 5px gold; }

/**** END DOWNLOAD PAGE ****/

.minH100 { min-height: 100px; }
.minH200 { min-height: 200px; }
.minH300 { min-height: 300px; }
.minH400 { min-height: 400px; }
.minH500 { min-height: 500px; }

/* Rank page */
.contentLeftRank { float: left; margin-left: 20px; width: 620px; padding: 8px; font: normal 14px "Trebuchet MS", Arial, sans-serif;  }
.contentLeftRank h1 { font-size: 32px; }
.contentLeftRank h2 { font-size: 18px; }

.contentLeftRank .rankTable { width: 620px; margin-top: 15px; }

.rankTable .rankRow { margin-bottom: 17px; height: 64px; }

.playerRow .rankPosition { height: 100%; width: 64px; float: left; text-align: center; background: #2e2500 url('/style/images/button/mpRankPlayer.png') 50% 4px no-repeat; 
	background: url('/style/images/button/mpRankPlayer.png') 50% 4px no-repeat, linear-gradient(#2e2500, #0e0500); border: 1px solid #5c5c5c; border-radius: 5px; }
.playerRow .rankPosGuild { background: #2e2500 url('/style/images/button/mpRankGuild.png') 50% 4px no-repeat; 
	background: url('/style/images/button/mpRankGuild.png') 50% 4px no-repeat, linear-gradient(#2e2500, #0e0500); }
.rankPosition .positionNumber { display: block; height: 32px; padding-top: 30px; color: #efc9a0; }
.rankPosition .font1 { font-size: 32px; padding: 25px 0 5px; }
.rankPosition .font2 { font-size: 32px; padding: 25px 0 5px; }
.rankPosition .font3 { font-size: 32px; padding: 25px 0 5px; }
.rankPosition .font4 { font-size: 26px; padding: 27px 0 3px; }
.rankPosition .font5 { font-size: 20px; }
.rankPosition .font6 { font-size: 18px; padding: 35px 0 -5px; }

.playerRow .rankMainData { margin-left: 10px; height: 100%; width: 530px; float: left; background: #2e2500; background: linear-gradient(#2e2500, #0e0500); border: 1px solid #5c5c5c; border-radius: 5px; }

.rankMainData .rankClass { float: left; margin: 7px 6px 0; height: 48px; width: 48px; /*background: #000000; border: 1px solid #cccccc;*/ }
.rankMainData .rankClass img { width: 48px; height: 48px; margin: 5px auto; }

.rankMainData .rankSign { float: left; margin: 7px 6px 0; height: 48px; width: 64px; text-align: center; }
.rankMainData .rankSign img { width: 100%; height: 100%; }

.rankMainData .rankDefData { width: 200px; height: 60px; padding-top: 5px; float: left; /*border: 1px solid gold;*/ }
.rankMainData .rankName { padding: 5px 0 0 5px; font: bold 22px "Trebuchet MS", Arial, sans-serif; text-shadow: 1px 1px 1px gold; }
.rankMainData .rankGuild { padding-left: 5px; font: normal 18px "Trebuchet MS", Arial, sans-serif; }

.rankMainData .rankExpData { width: 110px; float: right; margin-right: 20px; /*border: 1px solid gold;*/ }
.rankMainData .rankLevel { float: right; min-width: 20px; text-align: center; margin: 5px 0 3px; padding: 3px; font: bold 20px "Trebuchet MS", Arial, sans-serif; background: black; border: 2px solid #5c5c5c; border-radius: 15px; }
.rankMainData .rankPercent { float: right; clear: both; margin: 5px 0 3px; width: 150px; text-align: center; padding: 3px; font: bold 20px "Trebuchet MS", Arial, sans-serif; background: black; border: 2px solid #5c5c5c; border-radius: 15px; }
.rankMainData .rankExp { float: right; clear: both; font: normal 14px "Trebuchet MS", Arial, sans-serif; }
.rankMainData .rankEmpire { height: 62px; width: 85px; float: right; }
.rankMainData .rankEmpire img { width: 75px; margin: 7px 7px 7px 0; }

.rankMainData .rankLinkPlayer { display: block; float: left; width: 100%; height: 97%; color: #efc9a0; }

.contentLeftRank .rankButtonArea { width: 100%; height: 50px; }
.rankButtonArea .regularButton { display: block; height: 30px; width: 100px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.rankButtonArea .regularButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }
.rankButtonArea .floatLeft { float: left; }
.rankButtonArea .floatRight { float: right; margin-right: 10px; }

.sidebarRank { padding-top: 82px; }

.rankPlayerResume { padding-top: 20px; min-height: 300px; margin-bottom: 20px; background: linear-gradient(#2e2500, #0e0500); border: 1px solid #5c5c5c; border-radius: 10px; }

.rankPlayerResume .resumeCharLevel { float: left; padding-top: 15px; height: 49px; width: 64px; margin: -155px 0 0 10px; text-align: center; background: black; font-size: 24px; border: 2px solid #ffba00; border-radius: 40px; }
.rankPlayerResume .resumeCharType { float: right; padding-top: 23px; height: 41px; width: 64px; margin: -155px 10px 0 0; text-align: center; font: bold 16px "Trebuchet MS", Arial, sans-serif; background-color: black; border: 2px solid #ffba00; border-radius: 40px; }
.rankPlayerResume .resumeCharGuild { hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; overflow: hidden; float: left; padding-top: 23px; height: 41px; width: 64px; margin: -68px 0 0 10px; text-align: center; background-color: black; border: 2px solid #ffba00; border-radius: 40px; }
.rankPlayerResume .resumeCharEmpire { float: right; height: 64px; width: 64px; margin: -68px 10px 0 0; border: 2px solid #ffba00; border-radius: 40px; }

.rankPlayerResume .empire1 { background: url("/style/images/icon/empire/1.jpg") 50% 50% no-repeat; background-size: 80px; }
.rankPlayerResume .empire2 { background: url("/style/images/icon/empire/2.jpg") 50% 50% no-repeat; background-size: 80px; }
.rankPlayerResume .empire3 { background: url("/style/images/icon/empire/3.jpg") 50% 50% no-repeat; background-size: 80px; }

.rankPlayerResume .resumeClassCont { margin: 20px auto 0px; width: 150px; height: 150px; background-color: black; border: 3px solid #ffba00; border-radius: 80px; }
.rankPlayerResume .class0 { background: black url("/style/images/icon/charclass/0.png") 50% 0 no-repeat; }
.rankPlayerResume .class1 { background: black url("/style/images/icon/charclass/1.png") 50% 0 no-repeat; }
.rankPlayerResume .class2 { background: black url("/style/images/icon/charclass/2.png") 50% 0 no-repeat; }
.rankPlayerResume .class3 { background: black url("/style/images/icon/charclass/3.png") 50% 0 no-repeat; }
.rankPlayerResume .class4 { background: black url("/style/images/icon/charclass/4.png") 50% 0 no-repeat; }
.rankPlayerResume .class5 { background: black url("/style/images/icon/charclass/5.png") 50% 0 no-repeat; }
.rankPlayerResume .class6 { background: black url("/style/images/icon/charclass/6.png") 50% 0 no-repeat; }
.rankPlayerResume .class7 { background: black url("/style/images/icon/charclass/7.png") 50% 0 no-repeat; }

.rankPlayerResume .job01, .rankPlayerResume .job41 { background: red url("/style/images/icon/charspec/01.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job02, .rankPlayerResume .job42 { background: blue url("/style/images/icon/charspec/02.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job11, .rankPlayerResume .job51 { background: blue url("/style/images/icon/charspec/11.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job12, .rankPlayerResume .job52 { background: blue url("/style/images/icon/charspec/12.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job21, .rankPlayerResume .job61 { background: blue url("/style/images/icon/charspec/21.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job22, .rankPlayerResume .job62 { background: blue url("/style/images/icon/charspec/22.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job31, .rankPlayerResume .job71 { background: blue url("/style/images/icon/charspec/31.png") 50% 50% no-repeat; background-size: 80px 80px; }
.rankPlayerResume .job32, .rankPlayerResume .job72 { background: blue url("/style/images/icon/charspec/32.png") 50% 50% no-repeat; background-size: 80px 80px; }

.rankPlayerResume .resumeMainData { margin: 10px 0 0 0; text-align: center; }

.rankPlayerResume .guildSign { background: url('/style/images/render/charclass/guild.jpg') 55% 50% no-repeat; background-size: 300px; }

.resumeMainData .resumeCharName { font: bold 28px "Trebuchet MS", Arial, sans-serif; }

.rankButtonArea .viewProfile { display: block; margin: 0 auto; height: 30px; width: 200px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.rankButtonArea .viewProfile:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

.rankMainButton { float: left; width: 100%; margin-top: 20px; }
.rankMainButton .bigButton { float:left; margin-bottom: 30px; color: #99935c; height: 170px; width: 280px; border: 1px solid #303030; border-radius: 10px; }
.rankMainButton .bigButton:hover { color: #bfb660; }
.bigButton .link { color: #99935c; }
.bigButton .link:hover { color: #bfb660; }
.rankMainButton .right { margin-right: 20px; float: right; }
.hiddenRankButtons { display: none; }
/* Halloween */


.rankMainButton .player { background: #242866; background: linear-gradient(#242866, #000000); }
.rankMainButton .player:hover { background: #1a2080; background: linear-gradient(#1a2080, #000000); box-shadow: 0 0 8px #1a2080; }
.rankMainButton .guild { background: #662824; background: linear-gradient(#662824, #000000);  }
.rankMainButton .guild:hover { background: #80201a; background: linear-gradient(#80201a, #000000); box-shadow: 0 0 8px #80201a; }
.rankMainButton .heroes { width: 600px; background: #295c66; background: linear-gradient(#295c66, #000000);  }
.rankMainButton .heroes:hover { background: #2d7280; background: linear-gradient(#2d7280, #000000); box-shadow: 0 0 8px #80201a; }
.rankMainButton .guinness { width: 600px; background: #80772d; background: linear-gradient(#80772d, #000000);  }
.rankMainButton .guinness:hover { background: #998f36; background: linear-gradient(#998f36, #000000); box-shadow: 0 0 8px #80201a; }
/* Halloween */
.rankMainButton .halloween { width: 600px; background: #b7590e; background: linear-gradient(#b7590e, #000000); }
.rankMainButton .halloween:hover { background: #ff7200; background: linear-gradient(#ff7200, #000000); box-shadow: 0 0 8px #80201a; }
/* Christmas */
.rankMainButton .xmas { background: #ff0000; background: linear-gradient(#ff0000, #000000); }
.rankMainButton .xmas:hover { background: #aa0000; background: linear-gradient(#aa0000, #000000); box-shadow: 0 0 8px #80201a; }

/* Halloween 2016 */
.rankMainButton .halloween2016 { width: 600px; background: #808080; background: linear-gradient(#808080, #000000); }
.rankMainButton .halloween2016:hover { background: #a0a0a0; background: linear-gradient(#a0a0a0, #000000); box-shadow: 0 0 8px #80201a; }

.rankMainButton .xmas2016 { width: 600px;  }

/* Special Ranks */ 
.rankMainButton .showAll { float: left; width: 600px; height: 70px; }
.rankMainButton .showAll .regularButton { cursor: pointer; display: block; margin: 10px auto; height: 30px; width: 200px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.rankMainButton .showAll .regularButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

/* Lottery */
.rankMainButton .lottery { background: #00ff00; background: linear-gradient(#00ff00, #000000); }
.rankMainButton .lottery:hover { background: #00aa00; background: linear-gradient(#00aa00, #000000); box-shadow: 0 0 8px #80201a; }
.rankMainButton .lottery2016 { width: 600px;  }

.searchLottoTickets { margin: 0px 5px;  width: 100px; padding: 2px 5px; height: 24px; 
	color: black; text-shadow: 0px 0px 3px white; font: bold 15px "Trebuchet MS", Arial;
	background: #ffba00;
	-moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;
	border: 2px solid #303030; border-radius: 8px; }
.searchLottoTickets:active { box-shadow: 0 0 10px gold; }
.searchLottoTickets:focus { box-shadow: 0 0 10px gold; }
/* Lottery Extraction */
.ltExMain { float: left; width: 100%; margin: 10px 0; }
.ltExMain .title { color: #d79e45; }
.ltExMain .divExtraction { margin: auto; width: 800px; /*border: 1px solid gold;*/ }
.ltExMain .divExtraction .ticket { margin: 10px 10px; width: 370px; height: 80px; float: left; 
	background: #571e05; background: linear-gradient(#571e05, #000000); border: 1px #404040 solid; }
.ltExMain .divExtraction .ticket .icon { float: left; margin: 6px 7px 7px; width: 65px; height: 65px; text-align: center; 
	background: #000000; border: 1px solid #a76e15; border-radius: 10px; }
.ltExMain .divExtraction .ticket .icon img  { height: 100%; }
.ltExMain .divExtraction .ticket .ticketID { float: left; height: 27px; width: 280px; 
	margin: 6px 0;
	text-align: center;	font: normal 20px "Trebuchet MS", Arial; 
	background: #a76e15; background: linear-gradient(#a76e15, #672e05); /*color: black; */
	border: 1px solid #d79e45; border-radius: 5px; }
.ltExMain .divExtraction .ti+cket .name { float: left; height: 20px; width: 280px; 
	text-align: center; font: italic 16px "Trebuchet MS", Arial; 
	border: 1px solid #d79e4; border-radius: 5px; }
/* End Big tickets */

/* Top rewards */
.ltExMain .topRewards { margin: 15px auto; width: 800px; /*border: 1px solid gold;*/ }
.ltExMain .topRewards .first  { float: left; width: 230px; }
.ltExMain .topRewards .reward  { float: left; margin-bottom: 0px; width: 114px; /*border: 1px solid gold;*/ }
.ltExMain .topRewards .reward .icon { margin: 6px auto 7px; width: 70px; height: 70px; text-align: center; background: #000000; border: 2px solid #a76e15; border-radius: 5px; }
.ltExMain .topRewards .reward .icon img { height: 48px; }
.ltExMain .topRewards .reward .icon .quantity { /*margin: 6px auto 7px; width: 16px; height: 8px; text-align: center; background: #000000; border: 2px solid #a76e15; border-radius: 2px;*/ }
.ltExMain .topRewards .reward .name { /*height: 18px;*/ width: 90px; margin: 6px auto; padding: 2px 0; text-align: center; font: normal 13px "Trebuchet MS", Arial; background: #a76e15; background: linear-gradient(#a76e15, #672e05); /*color: black; */
	border: 1px solid #d79e45; border-radius: 5px; }

/* End Top rewards */

/* Small tickets */
.ltExMain .divExtraction .ticketSmall { margin: 5px 5px; width: 185px; height: 40px; float: left; 
	background: #571e05; background: linear-gradient(#571e05, #000000); border: 0.5px #404040 solid; }
.ltExMain .divExtraction .ticketSmall .icon { float: left; margin: 3px 3.5px 3.5px; width: 32.5px; height: 32.5px; text-align: center; 
	background: #000000; border: 0.5px solid #a76e15; border-radius: 5px; }
.ltExMain .divExtraction .ticketSmall .icon img  { height: 100%; }
.ltExMain .divExtraction .ticketSmall .ticketID { float: left; height: 14px; width: 140px; margin: 3px 0;
	text-align: center;	font: bold 12px "Trebuchet MS", Arial; 
	background: #a76e15; background: linear-gradient(#a76e15, #672e05);
	border: 0.5px solid #d79e45; border-radius: 2.5px; }
.ltExMain .divExtraction .ticketSmall .name { float: left; height: 10px; width: 140px; 
	text-align: center; font: normal 8px "Trebuchet MS", Arial; 
	border: 0.5px solid #d79e4; border-radius: 2.5px; }
/* End Small tickets */

.ltExMain .countdown { float: left; width: 100%; margin-bottom: 30px; text-align: center; font: bold 24px "Trebuchet MS", Arial; /*border: 1px solid green;*/ }
.ltExMain .countdown .counter { width: 200px; margin: auto;
	padding: 10px; background: #672e05; background: linear-gradient(#672e05, #a76e15);
	text-shadow: 1px 1px 3px black;
	text-align: center; font: normal 60px "Trebuchet MS", Arial; 
	border: 1px solid gold; border-radius: 30px; }

.ltExMain .titleOldTickets { display: block; width: 700px; margin: 20px auto; text-align: center; font: bold 20px "Trebuchet MS", Arial; }


.ltExMain .oldTickets { width: 100%; margin: auto; padding: 20px 10px; text-align: center; border: 1px solid green; }
.ltExMain .oldTickets .title { font: bold 20px "Trebuchet MS", Arial; }
.ltExMain .oldTickets .oldTicket { display: block; float: left; width: 45%; 
	/*margin: 10px; padding: 5px;*/ text-align: left; /*border: 1px solid gold;*/ }

/* Extraction */
.rankMainButton .extraction { width: 600px; background: #169dc4; background: linear-gradient(#169dc4, #000000); }
.rankMainButton .extraction:hover { background: #169dc4; background: linear-gradient(#169dc4, #000000); box-shadow: 0 0 8px #80201a; }

/* Easter */
.rankMainButton .easter { width: 600px; background: #1198c0; background: linear-gradient(#1198c0, #000000); }
.rankMainButton .easter:hover { background: #169dc4; background: linear-gradient(#169dc4, #000000); box-shadow: 0 0 8px #80201a; }

/* Reindeer */
.rankMainButton .reindeer { width: 600px; background: #169dc4; background: linear-gradient(#169dc4, #000000); }
.rankMainButton .reindeer:hover { background: #169dc4; background: linear-gradient(#169dc4, #000000); box-shadow: 0 0 8px #80201a; }

/* Tournament VIII */
.rankMainButton .tournament-viii { width: 600px; background: #ce0000; background: linear-gradient(#ce0000, #000000); }
.rankMainButton .tournament-viii:hover { background: #da0319; background: linear-gradient(#da0319, #000000); box-shadow: 0 0 8px #80201a; }
.bigButton .tournament-viii_image { background: url("/style/images/button/rank/tournament-viii.png") 50% 50% no-repeat; background-size: 128px; }

.bigButton .image { height: 130px; }
.bigButton .text { height: 38px; text-align: center; font: bold 24px "Trebuchet MS", Arial, sans-serif; } 

.bigButton .player_image { background: url("/style/images/button/rank/player.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .guild_image { background: url("/style/images/button/rank/guild.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .heroes_image { background: url("/style/images/button/rank/heroes.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .guinness_image { background: url("/style/images/button/rank/guinness.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .halloween_image { background: url("/style/images/button/rank/halloween.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .xmas_image { background: url("/style/images/button/rank/xmas.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .lottery_image { background: url("/style/images/button/rank/lottery.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .reindeer_image { background: url("/style/images/button/rank/reindeer.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .extraction_image { background: url("/style/images/button/rank/extraction.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .easter_image { background: url("/style/images/button/rank/easter.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .halloween2016_image { background: url("/style/images/button/rank/halloween2016.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .santa_image { background: url("/style/images/button/rank/xmas2016.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .mammut_image { background: url("/style/images/button/rank/mammut2016.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .eight-cup_image { background: url("/style/images/button/rank/8cup.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .halloween-plant_image { background: url("/style/images/button/rank/pumpkin-plant.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .sweets_image { background: url("/style/images/button/rank/sweets.png") 50% 50% no-repeat; background-size: 128px; }
.bigButton .snowball_image { background: url("/style/images/button/rank/snowball.png") 50% 50% no-repeat; background-size: 128px; }
/* END RANK */
.contentStandard { margin:0 auto 0 auto; padding-right: 25px; padding-left:25px; font: normal 14px "Trebuchet MS", Arial, sans-serif; }
.contentStandard h1 { font-size: 32px; }
.contentStandard h2 { font-size: 18px; }

.contentStandard .shopContainer { float: left; margin: 30px 0; width: 100%; }
.contentStandard .shopIframe { margin: 0 10%; width: 740px; height: 550px; overflow: hidden; }

/* SEARCH PAGE */
.contentStandard .searchPage { width: 940px; margin: 20px 0; }
.contentStandard .searchPage h3 { font: normal 18px "Trebuchet MS", Arial, sans-serif; } 
.searchPage .searchContent { margin-top: 20px; float: left; width: 100%; }

.searchContent .mainCont { float: left; margin-right: 20px; width: 400px; border: 1px solid #303030; border-radius: 15px 15px 0 0; }

.mainCont .searchTitle { padding: 10px 15px; background-color: #503000; border-radius: 15px 15px 0 0; }
.mainCont .mainField { float: left; width: 95%; padding: 10px; }

.mainField { color: #efc9a0; }
.mainField .job { float: left; }
.mainField .sign { float: left; }
.mainField .job img { height: 64px; width: 64px; }
.mainField .sign img { height: 64px; }
.mainField .name { float: left; margin: 20px 10px 20px 20px; font: bold 18px "Trebuchet MS", Arial, sans-serif; }
.mainField .level { float: left; margin: 15px 0px 20px; padding: 5px; background: #ffba00; color: #000000; font: normal 18px "Trebuchet MS", Arial, sans-serif; border: 1px solid #303030; border-radius: 15px; }
.mainField .goToProfile { float: right; margin: 20px 0; font: normal 18px "Trebuchet MS", Arial, sans-serif; }
.mainField .charSbug { float: right; }

.searchPBarContainer { float: left; width: 800px; margin: 5px 0; clear: both; /*border: 1px solid gold;*/ }
.searchPBarTitle { float: left; width: 80px; padding: 5px 10px 0 0; text-align: right; font-weight: bold; }
.searchPBar { overflow: hidden;  float: left; width: 200px; height: 25px; background: #505050; background: linear-gradient(#505050, #303030); border: 1px solid #303030; border-radius: 4px; }
.searchPBarPerc { height: 100%; width: 0%; background: green; background: linear-gradient(green, #005000); }
.searchPBar p { font-weight: normal; color: white; margin: -21px auto 0; text-align: center; }

.searchPBarInact { overflow: hidden; float: left; width: 200px; height: 25px; background: green; background: linear-gradient(green, #005000); border: 1px solid #303030; border-radius: 4px; }
.searchPBarPercInact { height: 100%; width: 0%; background: red; background: linear-gradient(red, #500000); }
.searchPBarInact p { font-weight: normal; color: white; margin: -21px auto 0; text-align: center; }

.searchPBarPercOlder { height: 100%; width: 0%; background: yellow; background: linear-gradient(yellow, #505000); }

.searchPBarWar { position: absolute; width: 200px; height: 21px; padding-top: 4px; text-align: center; font-weight: bold; text-shadow: 0px 0px 2px #000000; }
.searchPBar .percWin { float: left; background: green; background: linear-gradient(green, #005000);  }
.searchPBar .percDraw { float: left; background: yellow; background: linear-gradient(yellow, #505000); }
.searchPBar .percLose { float: left; background: red; background: linear-gradient(red, #500000); }

.searchPBBarInfo { float: left; cursor: help; margin: 4px 7px 0px; font-size: 18px; text-align: center; }
.searchPBBarInformation { display: none; position: absolute; max-width: 300px; margin-left: 320px; padding: 5px 7px; background: #201000; border: 1px solid #ffba00; border-radius: 5px; }

.profileStars { font: normal 30px FontAwesome; color: gold; }

.searchGuildTip { margin: 10px 0; font-size: 8px; }

.searchGuildDataCont { float: left; margin-top: 15px; width: 930px; }
.searchGuildDataCont .Table { border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.searchGuildDataCont .MemberTable { width: 350px; float: left; }
.searchGuildDataCont .WarTable { width: 550px; float: right; }
.searchGuildDataCont .Table .Title { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.searchGuildDataCont .Table .RowData { float: left; padding: 10px 15px; height: 30px; }
.searchGuildDataCont .Table .Member { width: 328px; }
.searchGuildDataCont .Table .War { width: 528px; }

.searchGuildDataCont .Table .Member .Class { float: left; margin: 3px 0 0 10px; height: 30px; }
.searchGuildDataCont .Table .Member .Level { float: left; margin: 2px 0 0 30px; min-width: 20px; text-align: center; padding: 5px; font: bold 13px "Trebuchet MS", Arial; color: black; background: #ffba00; border: 1px solid #303030; border-radius: 15px; }
.searchGuildDataCont .Table .Member .Name { float: left; margin-left: 20px; padding-top: 5px; font: bold 16px "Trebuchet MS", Arial; color: #efc9a0; }
.searchGuildDataCont .Table .Member .Profile { float: right; margin-right: 5px; padding-top: 7px; font: normal 14px "Trebuchet MS", Arial; }

.searchGuildDataCont .Table .War .Date { float: left; width: 140px; height: 40px; padding: 2px 0; font-size: 16px; }
.searchGuildDataCont .Table .War .Guilds { float: left; width: 230px; height: 40px; padding: 2px 0; margin-left: 10px; text-align: center; font: bold 16px "Trebuchet MS", Arial; }
.searchGuildDataCont .Table .War .Status { float: right; height: 40px; margin-right: 15px; padding: 2px 0; font-weight: bold; }
.searchGuildDataCont .Table .War .Vittoria { color: green; }
.searchGuildDataCont .Table .War .Sconfitta { color: red; }
.searchGuildDataCont .Table .War .Pareggio { color: yellow; }
.searchGuildDataCont .Table .War .Detail { float: right; height: 40px; padding: 2px 0; }

.searchGuildDataCont .Table .showAll { float: left; width: 100%; height: 70px; }
.showAll .regularButton { cursor: pointer; display: block; margin: 10px auto; height: 30px; width: 200px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.showAll .regularButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

.spBadgeContainer { float: left; width: 100%; height: 42px; margin-top: 20px; }
.spBadgeContainer .Title { float: left; width: 370px; font: normal 16px "Trebuchet MS", Arial, sans-serif; }
.spBadgeContainer .Code { float: left; width: 430px; height: 40px; }
.spBadgeContainer .Copy { float: left; margin-left: 10px; width: 120px; height: 40px; }
.spBadgeContainer .Code .BadgeLink { margin: 0px 5px;  width: 400px; padding: 2px 10px; height: 34px; 
	color: black; text-shadow: 0px 0px 3px white; font: bold 15px "Trebuchet MS", Arial;
	background: #ffba00;
	-moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;
	border: 2px solid #303030; border-radius: 8px; }

.spBadgeContainer .Copy .BadgeCopy { cursor: pointer; display: block; width: 100%; height: 30px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.spBadgeContainer .Copy .BadgeCopy:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

	
/* END SEARCH PAGE */

/* BEGIN PROFILE PAGE */
.cntProfileHome { min-height: 400px; background: #201000 url('/style/images/render/welcome.png') 400px 100px no-repeat; background-size: 300px }
.cntProfileHome .main_title { color: #ffba00; font: bold 44px "Trebuchet MS", Arial; text-shadow: 1px 1px 1px black; }
.cntProfileHome .sub_title { color: #ffba00; font: bold 20px "Trebuchet MS", Arial; text-shadow: -1px -1px 1px black; }
.cntProfileHome .profileMainText { text-align: justify; margin: 12px; width: 400px; font: bold 14px "Trebuchet MS", Arial; }
.cntProfileHome .profileMainText ul { margin: 10px; font: bold 12px "Trebuchet MS", Arial, sans-serif; list-style-type: square; }
.cntProfileHome .profileMainText li { margin: 0 0 8px 10px; }

.cntProfileHome .profileMainData { margin: 5px 12px; font: normal 13px "Trebuchet MS", Arial; }

.tableSession { padding: 4px; font: normal 12px "Trebuchet MS", Arial; float: left; width: 580px; }
.tableSessionTitle { margin-top: 10px; padding: 10px 15px; font: bold 16px "Trebuchet MS", Arial; background-color: #503000; border-radius: 15px 15px 0 0; }
.tableSession .time { float: left; width: 20%; }
.tableSession .how { float: left; width: 53%; }
.tableSession .ip { float: left; width: 27%; }

/* END PROFILE PAGE */
/* INTRODUCTION PAGE */
.contentStandard .introContainer { float: left; margin: 30px 0; width: 100%; text-align: center; }
.contentStandard .introContainer img { margin: -2px; }

.contentStandard .storyContainer { margin: 30px 0; width: 105%; }
.contentStandard .storyContainer img { margin-left: 20px; max-width: 900px; }
.contentStandard .storyContainer .storyFirst { margin-left: 160px; max-width: 900px; }

.storyNumPage { margin: 0 33%; float: left; width: 100px; font: bold 15px "Trebuchet MS", Arial; text-align: center; }
.storyFirstNum { margin-left: 415px; }

.storyBtnArea { width: 950px; height: 50px; }
.storyBtnArea .regularButton { display: block; height: 30px; width: 100px; color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.storyBtnArea .regularButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }
.storyBtnArea .floatLeft { float: left; }
.storyBtnArea .floatRight { float: right; margin-right: 10px; }
/* END INTRODUCTION PAGE */

/* BOARD PAGE */
.board_news_container { float: left; width: 620px; }
.board_news_container a { display: block; color: inherit; }
.board_news_container .board_news { float: left; width: 100%; padding-top: 2px; background: #221400; overflow: hidden; }
.board_news_container .board_news  .ImageCont { float: left; width: 100px; padding-top: 4px; text-align: center; margin: 8px; }
.board_news_container .board_news  .TextCont { float: left; width: 460px; margin: 8px; }
.board_news_container .board_news  .TextCont .Title { font: bold 16px "Trebuchet MS", Arial; }
.board_news_container .board_news  .TextCont .Message { font: normal 10px "Trebuchet MS", Arial; }
.board_news_container .board_news  .Image { height: 40px; border: 1px solid #303030; border-radius: 5px; }
.board_news_container .board_news  .BottomCont { float: left; clear: both; width: 620px; }
.board_news_container .board_news  .BottomCont .Date { float: left; margin: 3px 0 3px 130px; font-weight: bold; font-size: 10px; }
.board_news_container .board_news  .BottomCont .More { float: right; margin: 3px 10px; font-size: 10px; }

.board_news_container .first .TextCont .Title { font: bold 20px "Trebuchet MS", Arial; }
.board_news_container .first .TextCont .Message { font: normal 14px "Trebuchet MS", Arial; }
.board_news_container .first .Image { height: 80px; }

.board_news_container .second .TextCont .Title { font: bold 18px "Trebuchet MS", Arial; }
.board_news_container .second .TextCont .Message { font: normal 12px "Trebuchet MS", Arial; }
.board_news_container .second .Image { height: 60px; }

.board_news_container .board_news_spacer { float: left; margin: 15px 0px 10px 30px; width: 90%; height: 1px; background: #110300; border-bottom: 1px solid #252525; }
/* END BOARD PAGE */

/* BEGIN CHAMPION PAGE */
.champion .tabContainer { float: left; margin: 30px 20px 0 0; }
.champion .championTable { width: 450px; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.champion .championTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.champion .championTable th, td { text-align: center; border: 1px solid #402000; }
.champion .championTable th { height: 30px; background: #503000; }
.champion .championTable .small { font-size: 10px; }
.champion .championTable td { padding: 10px 0px; }

.champion .championTable .first { height: 70px; }
.champion .championTable .second { height: 65px; }
.champion .championTable .third { height: 60px; }
.champion .championTable .shit { height: 60px; }

.champion .championTable .champPos { font-weight: bold; font-size: 20px; }
.champion .championTable .first .champPos img { width: 60px; }
.champion .championTable .second .champPos img { width: 50px; }
.champion .championTable .third .champPos img { width: 40px; }
.champion .championTable .shit .champPos img { width: 35px; }

.champion .championTable .champInfo { /*padding-top: 23px;*/ width: 200px; }
.champion .championTable .champInfo .race { margin: 5px 0 0 15px; float: left; }
.champion .championTable .champInfo .race img{ height: 32px; }
.champion .championTable .champInfo .name { font-weight: bold; }
.champion .championTable .first .name { font-size: 20px; }
.champion .championTable .second .name { font-size: 18px; }
.champion .championTable .third .name { font-size: 16px; }
.champion .championTable .champInfo .guild { color: #bf9970; }

.champion .championTable .stats { width: 70px; }

.champion .tabContainer .goFullButton { cursor: pointer; display: block; margin: 10px auto; height: 30px; /*width: 200px;*/ color: black; text-align: center; padding-top: 10px; font: bold 16px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.champion .tabContainer .goFullButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }

/* GUILD */
.champion .tabContainerGuild { margin: 30px auto 20px; }
.champion .guildTable { /*width: 900px;*/ border: 1px solid #303030; border-radius: 10px 10px 0 0; margin: 0 auto 0 auto }
.champion .guildTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.champion .guildTable th, td { text-align: center; border: 1px solid #402000; }
.champion .guildTable th { height: 30px; background: #503000; }
.champion .guildTable .small { font-size: 10px; }
.champion .guildTable td { padding: 10px 0px; }

.champion .guildTable .first { height: 70px; }
.champion .guildTable .second { height: 65px; }
.champion .guildTable .third { height: 60px; }
.champion .guildTable .shit { height: 60px; }

.champion .guildTable .champPos { font-weight: bold; font-size: 20px; }
.champion .guildTable .first .champPos img { width: 60px; }
.champion .guildTable .second .champPos img { width: 50px; }
.champion .guildTable .third .champPos img { width: 40px; }
.champion .guildTable .shit .champPos img { width: 35px; }

.champion .guildTable .champInfo { /*padding-top: 23px;*/ width: 200px; }
.champion .guildTable .champInfo .race { margin: 5px 0 0 15px; float: left; }
.champion .guildTable .champInfo .race img{ height: 32px; }
.champion .guildTable .champInfo .name { font-weight: bold; }
.champion .guildTable .first .name { font-size: 20px; }
.champion .guildTable .second .name { font-size: 18px; }
.champion .guildTable .third .name { font-size: 16px; }
.champion .guildTable .champInfo .guild { color: #bf9970; }

.champion .guildTable .stats { width: 70px; }
/* END CHAMPION PAGE */

/* BEGIN OF GUILD WAR PAGE */
.gwTable .tabContainerGuild { float: left; margin: 30px 0 0 0; }
.gwTable .guildTable { width: 600px; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.gwTable .guildTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.gwTable .guildTable th, td { text-align: center; border: 1px solid #402000; }
.gwTable .guildTable th { height: 30px; background: #503000; }
.gwTable .guildTable .small { font-size: 10px; }
.gwTable .guildTable td { padding: 10px 0px; }

.gwTable .guildTable .shit { height: 60px; }

.gwTable .guildTable .gwChampInfo { /*padding-top: 23px;*/ width: 200px; }
.gwTable .guildTable .gwChampInfo .race { margin: 10px 0 0 15px; float: left; }
.gwTable .guildTable .gwChampInfo .race img { height: 32px; }
.gwTable .guildTable .gwChampInfo .name { margin-top: 15px; font-weight: bold; }

.gwTable .guildTable .stats { width: 70px; }
.gwTable .guildTable .big { font-size: 18px; }

.gwMapTable .tabContainerGuild { float: left; margin: 30px 0 0 30px; }
.gwMapTable .guildTable { width: 300px; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.gwMapTable .guildTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.gwMapTable .guildTable th, td { text-align: center; border: 1px solid #402000; }
.gwMapTable .guildTable th { height: 30px; background: #503000; }
.gwMapTable .guildTable .small { font-size: 10px; }
.gwMapTable .guildTable td { padding: 20px 0; border: 0px solid #402000; }

.gwWarMap { float: left; margin: 0 22px; width: 256px; height: 256px; border: 2px solid #303030;
		  border-radius: 10px; box-shadow: 0px 0px 20px #606060; }

.firstBloodTable { width: 200px; margin: 0 auto; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.lastBloodTable { margin-top: 30px; }
.firstBloodTable .title { padding: 10px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.firstBloodTable .cont { padding: 10px 10px 5px; }
.firstBloodTable .cont img { float: left; height: 40px; }
.firstBloodTable .cont span { font-weight: bold; font-size: 16px;  }
.firstBloodTable .cont p { font-size: 12px;  }

.gwChartsTable .tabContainerGuild { float: left; margin: 30px 0 0 0; }
.gwChartsTable .guildTable { width: 940px; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.gwChartsTable .guildTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.gwChartsTable .guildTable th, td { text-align: center; border: 1px solid #402000; }
.gwChartsTable .guildTable th { height: 30px; background: #503000; }
.gwChartsTable .guildTable .small { font-size: 10px; }
.gwChartsTable .guildTable td { padding: 20px 0; border: 0px solid #402000; }

.damage_chart {float: left; }
.gwPieChart { float: left; width: 450px; height: 400px; }
/* END OF GUILD WAR PAGE */

.lotto_tickets_table { margin-top: 80px; }

/* BEGIN OF STONE RANK PAGE */
#rankStoneTable th.primary {
	 background-color: #604000; 
	 border: 0px solid white;
}
#rankStoneTable td.primary {
  background-color: #333127;
}
.stoneRank { float: left; width: 100%; }
.stoneRank .stoneWidget { float: left; margin-bottom: 20px; width: 33%; text-align: center; }
.stoneRank .stoneWidget .image_8033	{ padding-top: 100px; display: block; }
.stoneRank .stoneWidget .image_8035	{ display: block; margin-top: -70px; }
.stoneRank .stoneWidget .image_8034	{ padding-top: 100px;  display: block; }
.stoneRank .stoneWidget .image_8033 .img { margin-left: 30px; height: 220px; }
.stoneRank .stoneWidget .image_8035 .img { height: 350px; }
.stoneRank .stoneWidget .image_8034 .img { height: 220px; }
.stoneRank .stoneWidget .text { float: left; width: 100%; font: normal 16px Colleged, Arial, Verdana; }
.stoneRank .stoneWidget .first_pos { font-size: 32px; color: #A08000; }
.stoneRank .stoneWidget .second_pos { font-size: 24px; color: #806000; }
.stoneRank .stoneWidget .third_pos { font-size: 16px; color: #604000; }

.stoneRank .stoneSearch { float: left; width: 100%; margin: 10px 0; text-align: center; height: 40px; line-height: 40px; }
.stoneRank .stoneSearchContent { margin: 0 auto; width: 80%; }
.stoneRank .stoneSearchContent div { float: left; padding: 0 20px; }
.stoneRank .stoneSearchContent .Title { display: inline-block; vertical-align: middle; line-height: normal; font: bold 20px "Trebuchet MS", Arial, sans-serif; }
.stoneRank .stoneSearchContent .Name { /*margin-top: 5px;*/ padding: 0 10px; height: 32px;
	color: black; text-shadow: 0px 0px 3px white; font: bold 15px "Trebuchet MS", Arial;
	background: #ffba00; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;
	border: 2px solid #303030; border-radius: 8px; }
.stoneRank .stoneSearchContent .cntSelect { height: 40px; width: 120px; font-weight: normal; }
.stoneRank .stoneSearchContent .Reset { display: block; padding: 9px 0 1px; width: 100px; height: 27px; color: black; text-align: center; font: bold 14px Arial; cursor: pointer;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.stoneRank .stoneSearchContent .Reset:hover { background: #ffba00; background: linear-gradient(#ffba00, #55511F); box-shadow: 0 0 5px gold; }
.stoneRank .stoneSearchContent .Reset:active { background: #ffba00; background: linear-gradient(#ffba00, #35310F); box-shadow: 0 0 5px gold; }


.stoneRank .tabContainer { float: left; margin: 10px 0 0 0; }
.stoneRank .stoneTable { width: 954px; border: 1px solid #303030; border-radius: 10px 10px 0 0; }
.stoneRank .stoneTable caption { padding: 8px 20px; font: bold 16px "Trebuchet MS", Arial; background: #503000; background: linear-gradient(#503000, #301000); border-radius: 10px 10px 0 0; }
.stoneRank .stoneTable th, td { text-align: center; border: 1px solid #402000; }
.stoneRank .stoneTable th { height: 70px; background: #503000; }
.stoneRank .stoneTable td { padding: 10px 0px; }
.stoneRank .stoneTable .clickable { cursor: pointer; }
.stoneRank .stoneTable .clickable:hover { background-color: #604000; }
.stoneRank .stoneTable .small { font-size: 10px; }

.stoneRank .stoneTable .filtered { display: none; }
.stoneRank .stoneTable .race_num { display: none; }
.stoneRank .stoneTable .shit { height: 60px; }
.stoneRank .stoneTable .big { font-size: 18px; }

/*.stoneRank .stoneTable .destroyerInfo { padding-top: 23px; width: 200px; }*/
.stoneRank .stoneTable .destroyerClass .race { margin: 10px auto 0; float: left; }
.stoneRank .stoneTable .destroyerClass .race img { height: 32px; }
.stoneRank .stoneTable .destroyerInfo .name { margin-top: 6px; font-weight: bold; }

.stoneRank .stoneTable .pos { width: 80px; }
.stoneRank .stoneTable .race { width: 48px; }
.stoneRank .stoneTable .name { width: 200px; }
.stoneRank .stoneTable .points { }
.stoneRank .stoneTable .stones { width: 80px; }
.stoneRank .stoneTable .stones img { height: 32px; }
.stoneRank .stoneTable .smstones img { margin: 8px 0 0; height: 24px; }

.stoneRank .stoneRankInfoContent { float: left; width: 475px; margin-top: 10px; text-align: center; }
.stoneRank .stoneRankInfoContent .pagedisplay { color: #806000 }
.stoneRank .stoneRankInfoContent .goto {  }
.stoneRank .stoneRankInfoContent .which { padding: 10px; font-size: 12px; }
.stoneRank .stoneRankInfoContent .select { margin: 0 15px; height: 42px; padding: 6px; background: #ffba00; font-weight: bold;
	border: 1px solid #645a2a; border-radius: 5px; box-shadow: 0 0 5px #645a2a; 
	*margin: 0 0 12px 11px; _margin-right: 8px;
}
.stoneRank .cntButton .regularButton { cursor: pointer; display: block; margin: 10px auto; height: 30px; width: 100px; color: black; text-align: center; padding-top: 10px; font: bold 14px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.stoneRank .cntButton .regularButton:hover { background: #ffba00; background: linear-gradient(#ffba00, #55511F); box-shadow: 0 0 5px gold; }
.stoneRank .cntButton .regularButton:active { background: #ffba00; background: linear-gradient(#ffba00, #35310F); box-shadow: 0 0 5px gold; }
.stoneRank .cntButton .disabled { background: #202020; color: #505050; box-shadow: 0 0 5px black; border: 1px solid #505050; }
.stoneRank .cntButton .disabled:hover { background: #202020; color: #505050; box-shadow: 0 0 5px black; border: 1px solid #505050; cursor: not-allowed }



.stoneRank .rankStoneHover { 
	position: absolute;
	left: 130px;
	width: 700px;
	height: 100px;
	border: 1px solid #303030;
	border-radius: 10px;
	padding: 5px;
	/*z-index: 100; */
	background: #503000; background: linear-gradient(#402000, #301000);
	display: none;
}

#rankStoneTable .header,
#rankStoneTable .tablesorter-header {
	background-image: url("/style/images/button/rank/arrows/metro-unsorted.png");
	background-size: 8px;
	background-position: 90% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	/*padding: 4px 20px 4px 4px;*/
}
#rankStoneTable thead .headerSortUp,
#rankStoneTable thead .tablesorter-headerSortUp,
#rankStoneTable thead .tablesorter-headerAsc {
	background-image: url("/style/images/button/rank/arrows/metro-white-asc.png");
	border-bottom: #000 2px solid;
}
#rankStoneTable thead .headerSortDown,
#rankStoneTable thead .tablesorter-headerSortDown,
#rankStoneTable thead .tablesorter-headerDesc {
	/*background-image: url("/style/images/button/rank/arrows/white-desc.gif");*/
	background-image: url("/style/images/button/rank/arrows/metro-white-desc.png");
	border-bottom: #000 2px solid;
}
#rankStoneTable thead .sorter-false {
	background-image: none;
	cursor: default;
	/*padding: 4px;*/
}

/* END OF STONE RANK PAGE */

/* BEGIN OF TICKET PAGES */
.ticketPage { float: left; padding-bottom: 50px; width: 100%; }
.ticketPage .ticketPageDesc { float: left; padding: 10px 0; width: 100%; }
.ticketPage .ticketPageDesc2 { float: left; text-align: center; padding: 35px 0; width: 60%; font: bold 32px Arial; }
.ticketPage .openButton { float: left; padding: 10px 0; width: 37%; height: 100%; text-align: center; }
.ticketPage .openButton .regularButton { cursor: pointer; display: block; margin: 10px auto; height: 50px; width: 70%; color: black; padding-top: 15px; text-align: center; font: bold 32px Arial;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.ticketPage .openButton .regularButton:hover { background: #dd9800; background: linear-gradient(#dd9800, #43400D); box-shadow: 0 0 5px gold; }
.ticketPage .openButton .regularButton:disabled { background: #606060; background: linear-gradient(#909090, #606060); box-shadow: 0 0 5px gold; }

.ticketPage .openDesc { float: left; margin: 10px 0; }
.ticketPage .formContact { float: left; width: 950px; }
.ticketPage .formContactVoice { float: left; }
.ticketPage .formContactButton { float: left; margin-top: 30px; text-align: center; width: 950px; }

.ticketPage .nameField { float: left; margin-top: 5px; height: 40px; width: 250px; text-align: right; padding-right: 10px;
		font: normal 16px Arial, sans-serif; overflow: hidden; line-height: 40px; }
.ticketPage .textField { float: left; margin: 5px 10px; height: 40px; width: 300px; text-align: center; overflow: hidden; line-height: 40px; }
.ticketPage .formContactVoice .account { font: bold 20px Arial, sans-serif; line-height: 40px; }
.ticketPage .formContactVoice .email { font: normal 14px Arial, sans-serif; line-height: 40px; }
.ticketPage .inputField { margin: 5px 10px; float: left; width: 300px; height: 40px; }
.ticketPage .infoField { margin-top: 5px; float: left; width: 300px; height: 40px; letter-spacing: -0.5px; 
		padding: 0 10px; overflow: auto; }
.ticketPage .errorField { display: none; margin-top: 5px; float: left; width: 225px; height: 36px; letter-spacing: -0.5px; 
		padding: 0 10px; border-radius: 10px; background: #800000; border: 2px solid red; overflow: auto; }
.ticketPage .inputTextField { margin: 5px 10px; float: left; width: 300px; }

.ticketPage .input { width: 280px; padding: 10px; background: #ffba00; font-weight: bold;
	border: 2px solid #645a2a; color: #707070; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.ticketPage .input.active,
.ticketPage .input:focus { background-color: gold; box-shadow: 0 0 5px gold; color: #000; }
.ticketPage .input:disabled { background-color: #dd9800; box-shadow: 0 0 5px gold; color: #000; }
.ticketPage .inputField .unedit { color: #000000; font-weight: bold; }

.ticketPage .textArea { height: 100px; width: 580px; padding: 10px; background: #ffba00; font: normal 16px Arial, sans-serif;
	border: 2px solid #645a2a; color: #000000; border-radius: 5px; box-shadow: 0 0 5px #645a2a; resize: vertical; }

.ticketPage .fileField { margin: 5px 10px; float: left; width: 300px; min-height: 30px; }
.ticketPage .fileVoice { line-height: 40px; float: left; height: 40px; width: 100%; }
.ticketPage .fileVoice input { float: left; margin-top: 10px; width: 240px; }
.ticketPage .fileVoice b { float: right; font-size: 20px; }

.ticketPage .fileVoice .attach { float: left; height: 40px; width: 200px; line-height: 40px; border: 1px dashed #303030; border-radius: 5px; }
.ticketPage .fileVoice .attach .image { float: left; width: 40px; }
.ticketPage .fileVoice .attach .image img { height: 40px; width: 40px; }
.ticketPage .fileVoice .attach .name { float: left; margin-left: 10px; }
.ticketPage .fileVoice .remove { float: left; margin-left: 10px; width: 50px; font-weight: bold; }

.ticketPage .cntSelect { width: 300px; height: 40px; }

.ticketPage .inputButton { margin: 0 10px; width: 300px; height: 50px; border: 1px solid #645a2a; outline: none; cursor: pointer; 
	background: #ffba00; background: linear-gradient(#ffba00, #65612f); font: bold 16px Arial; border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.ticketPage .inputButton:hover { background: gold; background: linear-gradient(#65612F, gold); box-shadow: 0 0 5px gold; }
.ticketPage .inputButton:disabled { cursor: not-allowed; background: #202020; color: #505050; box-shadow: 0 0 5px black; border: 1px solid #505050; }

/* view page */
.ticketPage .Attachment { float: left; width: 950px; margin-top: 10px; background-color: #332500; border: 1px solid #4d3800; border-radius: 5px; }
.ticketPage .Attachment .Title { margin: 10px 30px; font-size: 16px; font-weight: bold; }
.ticketPage .Attachment .Files { float: left; margin: 0px 0px 10px 30px; }
.ticketPage .Attachment .Files img { height: 64px; border: 1px solid #909090; }
.ticketPage .Attachment .Files img:hover { cursor: url("/style/images/icon/magnify.cur"), -moz-zoom-in;; box-shadow: 0 0 10px #ffffff; }

.ticketPage .Reply { float: left; margin-top: 20px; width: 950px; background-color: #332500; border: 1px solid #4d3800; border-radius: 10px; }
.ticketPage .Reply .AuthorColumn { float: left; width: 170px; text-align: center; }
.ticketPage .Reply .MainColumn { float: left; width: 779px; min-height: 300px; border-left: 1px solid #4d3800; background-color: #1a1300; border-radius: 0 10px 10px 0;  }

.ticketPage .Reply .AuthorColumn .Image { text-align: center; }
.ticketPage .Reply .AuthorColumn .Image img { margin: 5px 20px; width: 100px; }
.ticketPage .Reply .AuthorColumn .Name { margin-top: 14px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; overflow: hidden; }
.ticketPage .Reply .AuthorColumn .Tag { text-align: center; }
.ticketPage .Reply .AuthorColumn .Tag img { width: 130px; }
.ticketPage .Reply .AuthorColumn .Info { margin-top: 10px; /*border-top: 1px solid #664b00;*/ }
.ticketPage .Reply .AuthorColumn .Info span { display: block; margin: 10px 0 0; }

.ticketPage .Reply .MainColumn .Detail { margin: 10px; padding: 0 10px 10px; border-bottom: 1px solid #664b00; }
.ticketPage .Reply .MainColumn .Message { margin: 10px; padding: 0 10px; line-height: 1.7; }
.ticketPage .Reply .MainColumn .Message ul { list-style-type: circle; margin-left: 20px; }
.ticketPage .Reply .MainColumn .Message ol { list-style-type: decimal; margin-left: 20px; }

.ticketPage .Reply .MainColumn .Detail .Date { font-weight: bold; color: #909090; }

.ticketPage .InsertReply { float: left; width: 950px; margin: 20px 0; }
.ticketPage .InsertReply .ReplyArea { height: 100px; width: 910px; margin: 10px; padding: 10px; background: #ffba00; font: normal 16px Arial, sans-serif;
	border: 2px solid #645a2a; color: #000000; border-radius: 5px; box-shadow: 0 0 5px #645a2a; resize: vertical; }
.ticketPage .formReplyButton { margin-top: 10px; }


/* list page */
.ticketPage .TicketList { float: left; width: 950px; }
.ticketPage .TicketList .Title { float: left; width: 100%; margin: 10px 0; font-size: 20px; font-weight: bold; }

.ticketPage .TicketList .TicketRow { float: left; width: 100%; }
.ticketPage .TicketList .TicketRowTitle { background-color: #3c3500; background: linear-gradient(#1a1300, #3c3500); }
.ticketPage .TicketList .TicketRow:hover { background-color: #1a1300; background: linear-gradient(#3c3500, #1a1300); }
.ticketPage .TicketList .TicketRowTitle:hover { background-color: #3c3500; background: linear-gradient(#1a1300, #3c3500); }
.ticketPage .TicketList .TicketRow .Cell { width: 100px; line-height: 20px; height: 20px; margin: 10px 0 10px 10px; padding: 8px; font-size: 16px; text-align: center;
		overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; background-color: #303030; border-radius: 5px; }
.ticketPage .TicketList .TicketRow .Identifier { width: 50px; background-color: #332500; }
.ticketPage .TicketList .TicketRow .Object { width: 370px; font-size: 12px; text-align: left; background-color: transparent; }
.ticketPage .TicketList .TicketRow .ObjectTtile { width: 370px; }
.ticketPage .TicketList .TicketRow .Category { width: 150px; font-size: 14px; font-weight: bold; }
.ticketPage .TicketList .TicketRow .Date { }
.ticketPage .TicketList .TicketRow .Status { width: 20px; font-size: 20px; }
.ticketPage .TicketList .TicketRow .Open  { background-color: #005000; }
.ticketPage .TicketList .TicketRow .Waiting  { background-color: #005000; }
.ticketPage .TicketList .TicketRow .Closed  { background-color: #500000; }
.ticketPage .TicketList .TicketRow .Reply { background-color: #D0D000; color: black; }
.ticketPage .TicketList .TicketRow .View { width: 100px; height: 36px; margin: 10px 0 10px 10px; }
.ticketPage .TicketList .TicketRow .View .def_button { margin: 0px; padding: 0px; height: 34px; width: 100%; line-height: 34px; font-weight: normal; }

.ticketPage .reviewObject { float: left; width: 100%; font-size: 20px; font-weight: bold; }

/* END OF TICKET PAGES */

.std-btn { cursor: pointer; display: block; margin: 10px auto; height: 50px; width: 100%; color: black; text-align: center; font: bold 26px Arial; line-height: 50px;
	border: 1px solid #645a2a; background: #ffba00; background: linear-gradient(#ffba00, #65612f); border-radius: 5px; box-shadow: 0 0 5px #645a2a; }
.std-btn:hover { background: #dd9800; background: linear-gradient(#ffda00, #85814f); box-shadow: 0 0 5px gold; }
.std-btn:disabled, .std-btn.disabled { cursor: not-allowed; background: #606060; background: linear-gradient(#909090, #606060); box-shadow: 0 0 5px gold; }
.std-btn.red { color: #ffba00; background: #c00000; background: linear-gradient(#c00000, #600000); box-shadow: 0 0 5px #700000; }
.std-btn.red:hover { background: #e00000; background: linear-gradient(#d00000, #800000); box-shadow: 0 0 5px #d00000; }


.unselectable {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;   
}
.cursor_pointer, .clickable {
	cursor: pointer;
}

pre {
	display: block;
	background-color: black;
	color: white;
}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.row { 
	width: 100%; 
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 0px solid gold;
	clear: both;
}

div[class^='col-'], div[class*=' col-']{
	float: left;
    display: inline-block;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 0px solid gold;
}

.col-1 { width: calc(100% / 12); }
.col-2 { width: calc(100%/6); }
.col-3 { width: 25%; }
.col-4 { width: calc(100%/3); }
.col-5 { width: calc(500%/12); }
.col-6 { width: 50%; }
.col-7 { width: calc(700%/12); }
.col-8 { width: calc(800%/12); }
.col-9 { width: 75%; }
.col-10 { width: calc(1000%/12); }
.col-11 { width: calc(1100%/12); }
.col-12 { width: 100%; }

.borded { border: 1px solid gold; }

/****************************
// EXTRA WAR DATA SECTION
**********************************/
.gw-basic-data-active {
	background: #503000;
	background: linear-gradient(#301000, #705000, #503000);
}

.gw-extra-data-title {
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	background: linear-gradient(#503000, #301000);
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
}

.gw-extra-data-padded {
	margin: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.gw-extra-data-heal-bar, .gw-extra-data-damage-bar {
	margin: 10px;
	height: 24px;
	border: 1px solid #303030;
	border-radius: 3px;
}

.gw-extra-data-heal-bar-field, .gw-extra-data-damage-bar-physic, .gw-extra-data-damage-bar-magic {
	float: left;
	height: 100%;
	display: inline-block;
	color: white;
	overflow: hidden;
}

.gw-extra-data-heal-bar-24 {
	background-color: red; background: linear-gradient(red, black);
}
.gw-extra-data-heal-bar-49 {
	background-color: orange; background: linear-gradient(orange, black);
}
.gw-extra-data-heal-bar-74 {
	background-color: yellow; background: linear-gradient(yellow, black);
}
.gw-extra-data-heal-bar-94 {
	background-color: green; background: linear-gradient(green, black);
}
.gw-extra-data-heal-bar-100 {
	background-color: darkgreen; background: linear-gradient(darkgreen, black);
}

.gw-extra-data-damage-bar-physic {
	background-color: red; background: linear-gradient(red, black);
}

.gw-extra-data-damage-bar-magic {
	background-color: blue;	background: linear-gradient(blue, black);
}

.gw-extra-data-row {
	margin-bottom: 10px;
	height: 32px;
	line-height: 32px;
	/*border: 1px solid red;*/
}
.gw-extra-data-row div {
	height: 100%;
	/*border: 1px solid gold;*/
}